/***************************************************************************
 * stackoverlap.com.css
 ***************************************************************************/

blockquote {
  margin: 30px 0;
}

/***************************************************************************
 * navbar
 ***************************************************************************/
.uk-navbar .uk-dropdown
{
  width: auto;
  min-width: 200px;
  white-space: nowrap;
}
.uk-nav-navbar > li > a
{
  color: #444444;
  font-weight: bold;
}

/***************************************************************************
 * stackoverlap-cart-mini_cart
 ***************************************************************************/
#top-button .stackoverlap-cart-mini_cart
{
}
#top-button .stackoverlap-cart-content
{
  padding: 15px;
}
#top-button .stackoverlap-cart-mini_cart ul li
{
  clear:both !important;
  position:relative;
  display:block !important;
  border-bottom:solid 1px #e8e8e8;
  padding:3px 0;
  margin-bottom:3px 0;
}
#top-button .stackoverlap-cart-mini_cart a
{
  padding:0;
  margin:0;
  background:transparent;
  color:#444;
  display:inline-block;
  width: 100%;
}
#top-button .stackoverlap-cart-mini_cart ul li a.remove
{
  position:absolute;
  right:-5px; color:red;
  font-weight:700;
  font-size: 1.5em;
  height: 1em;
  line-height:1em;
  width: 1em;
  border-radius:100px;
  text-align:center;
}
#top-button .stackoverlap-cart-mini_cart ul li .remove:hover
{
  color:#fff;
  background:red;
}

#top-button .stackoverlap-cart-mini_cart img
{
  border:solid 1px #ddd;
  width:40px;
  margin-top:5px;
  margin-left:0;
  height: auto;
  float:right;
  box-shadow: none;
}
#top-button .stackoverlap-cart-mini_cart-buttons
{
  text-align:left;
  margin:3px 0;
}
#top-button .stackoverlap-cart-mini_cart-buttons .button
{
  font-size:12px;
  padding:8px 14px;
  margin:2px 0;
  display:block;
  text-align:center;
}
#top-button ul.stackoverlap-cart-mini_cart-list li dl
{
  margin: 0;
  padding-left: 1em;
  border-left: 2px solid rgba(0,0,0,.1);
  display:block;
}

#top-button ul.stackoverlap-cart-mini_cart-list li dl dt
{
  font-weight: 700;
  clear: left;
}

#top-button ul.stackoverlap-cart-mini_cart-list li dl dd,
#top-button ul.stackoverlap-cart-mini_cart-list li dl dt {
  display: inline-block;
}

#top-button ul.stackoverlap-cart-mini_cart-list li:after,
#top-button ul.stackoverlap-cart-mini_cart-list li:before
{
  content: "";
  display: table;
  clear:both;
}

#mobile-nav #top-button
{
  padding: 0.75em 0.25em 0 0.25em;
  float: none;
  width: 100%;
  background-color: #1a1a1a;
  border-bottom: 1px solid rgb(51, 51, 51);
}
#mobile-nav #top-button,
#mobile-nav #top-button *
{
  box-sizing: border-box;
}
#mobile-nav #top-button li
{
  display: inline-block;
  padding: 0 0 0.75em 0.5em;
}
#mobile-nav #top-button li a
{
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*******************/

.stackoverlap-cart-page
{
}
.stackoverlap-cart-serviceitem-title
{
  font-weight: 700;
  font-size: 105%;
}
.stackoverlap-cart-serviceitem-hostname
{

}

/***************************************************************************
 * form module:
 ***************************************************************************/
.uk-form .field_label
{
  font-size  : 1.0em;
  font-weight: normal;
  line-height: inherit;
}

.uk-form .field_value
{
  font-size   : 1.0em;
  font-weight : normal;
  line-height : inherit;
  padding-left: 0;
}

.uk-form .field_required
{
  font-size  : 1.0em;
  font-weight: normal;
  line-height: inherit;
}

.uk-form .form_error,
.uk-form .field_error
{
  font-size       : 1.0em;
  font-weight     : normal;
  line-height     : inherit;
  padding         : 0.25em 0.25em 0.5em 0.25em;
  background-color: transparent !important;
}

.payment_creditcard_field .payment_creditcard_number {
  width: 20em;
}
.payment_creditcard_field .payment_creditcard_code {
  width: 5em;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

/***************************************************************************
 * user module:
 ***************************************************************************/
/***********************************
 * user-form-user_login
 ***********************************/
.user-form-user_login
{
  border             : none;
  max-width          : 650px;
  min-width          : 300px;
  width              : auto;

  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;

  border-radius: 5px;
  overflow: hidden;

  border: 1px solid #DDDDDD;/*rgb(0,144,207);*/
}

.user-form-user_login-header
{
  background-color   : rgb(0,144,207);
  border-bottom      : solid 2px rgb(60,60,60);
  color              : #fff;
  padding            : 10px 0;
}
.user-form-user_login-header-title {
  font-size: 1.5em;
}
.user-form-user_login-header-message {
  font-size: 1.1em;
}

.user-form-user_login-username, #user-form-user_login-username,
.user-form-user_login-password, #user-form-user_login-password {
  width : 90%;
}

/***********************************
 * user-form-user_register
 ***********************************/
.user-form-user_register
{
  border             : none;
  max-width          : 650px;
  min-width          : 300px;
  width              : auto;

  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;

  border-radius: 5px;
  overflow: hidden;

  border: 1px solid #DDDDDD;/*rgb(0,144,207);*/
}

.user-form-user_register-header
{
  background-color   : rgb(0,144,207);
  border-bottom      : solid 2px rgb(60,60,60);
  color              : #fff;
  padding            : 10px 0;
}
.user-form-user_register-header-title {
  font-size: 1.5em;
}
.user-form-user_register-header-message {
  font-size: 1.1em;
}

.user-form-user_register input[name="user_register_name"],
.user-form-user_register input[name="user_register_email"],
.user-form-user_register input[name="user_register_password"],
.user-form-user_register input[name="user_register_password_verify"] {
  width : 90%;
}

/***********************************
 * user-form-user_password_reset
 ***********************************/
.user-form-user_password_reset
{
  border             : none;
  max-width          : 650px;
  min-width          : 300px;
  width              : auto;

  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;

  border-radius: 5px;
  overflow: hidden;

  border: 1px solid #DDDDDD;/*rgb(0,144,207);*/
}

.user-form-user_password_reset-header
{
  background-color   : rgb(0,144,207);
  border-bottom      : solid 2px rgb(60,60,60);
  color              : #fff;
  padding            : 10px 0;
}
.user-form-user_password_reset-header-title {
  font-size: 1.5em;
}
.user-form-user_password_reset-header-message {
  font-size: 1.1em;
}

.user-form-user_password_reset-form {
  text-align : center;
}
.user-form-user_password_reset-form .form {
  text-align : left;
}

.user-form-user_password_reset input[name="user_email"] {
  width : 90%;
}

/***************************************************************************
 * Theme Overrides:
 ***************************************************************************/
html {
  background-color: #f4f4f4;
}
body {
  color: #222;
}
section {
  background-color: #fff;
}
footer {
}

#footer-about
{
  font-size: 14px;
  line-height: 1.4;
}

/* body */
select,
input,
textarea,
button
{
  font-family: 'Open Sans','Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
/*color: #000;
  border-color: #999;*/
}

[class*="idz-button"],
[class*="idz-button"]:hover {
  margin-bottom: inherit;
}

[class*="idz-button"]:disabled
{
  background-color: #f5f5f5;
  color: #999999;
}
.form input:disabled,
.form button:disabled,
.form select:disabled,
.form textarea:disabled {
  color: #999999; /* Only the color. Changing the background will trigger a border as well. */
}

.uk-alert i
{
  margin-right: 8px;
  top: 2px;
  font-size: 16px;
  position: relative;
  float: none;
}

.idz-table-footer
{
  margin: 10px 22px;
  padding: 0;
  overflow: hidden;
}
.idz-table-footer p
{
  float: none;
  text-align: right;
  margin: 0;
  top: auto;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: #080808;
/*	border-bottom: 4px solid #0090CF; */
    color: #fff;
}

.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a {
    background-color: #181818;
    color: #fff;
}

.uk-nav-offcanvas ul.uk-nav-sub li a {
    padding-left: 35px;
}

.uk-nav-offcanvas li.uk-active > a {
    background-color: #080808;
/*	border-bottom: 4px solid #0090CF; */
}

.uk-padding
{
  padding-top: 2em;
  padding-bottom: 2em;
}

#logo {
  position : relative;
}
#logo .uk-icon-home
{
  color     : #b3b3b3;
  font-size : 28px;
  position  : absolute;
  right     : -42px;
  top       : 50%;
  margin-top: -14px;
  transition: 0.5s;

  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
#logo:hover .uk-icon-home
{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

#top-phone ul
{
  margin: 0;
  padding: 0;
}
#top-phone ul li
{
  margin-right: 10px;
  display: inline;
}
#top-phone ul li a
{
  font-size: 15px;
  color: #626262;
}
#top-phone ul li a:hover {
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 479px)
{
  #top-social
  {
    display: initial !important;
    float  : right;
  }
}


/* Logo and menu alignment tweaks: */
#logo
{
  width: 209px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px)
{
  #mainmenu {
    margin-top: -85px;
  }
}


#pagetitle {
  padding: 10px 0 20px 0;
}

#top-button .topcart a {
  display: inline-block;
}
#top-button .uk-button-dropdown,
#top-button a {
  font-size: 12px;
}

#top-button .topcart .stackoverlap-cart-mini_cart ul li a,
#top-button .topcart .stackoverlap-cart-mini_cart p a
{
  padding:0;
  margin:0;
  background:transparent;
  color:#444;
  display:inline-block;
  width: auto;
  min-width: 1em;
}

/* Domain Lists: */
.domain-list.uk-grid li {
  border-bottom: none;
  line-height: normal;
  min-height: 58px;
}
.domain-list.uk-grid > li {
  border-bottom: 1px solid #e8e8e8;
}
.domain-list li .uk-button {
    margin-top: 11px;
}
.domain-list.uk-grid .domain-status .uk-button {
  width: 100%;
  min-width: 50%;
}
.domain-list.uk-grid .domain-status span.uk-button[disabled] {
  cursor: not-allowed;
}

.domain-list.uk-grid .domain-name
{
  min-height : auto       !important;
  padding-top: 16px       !important;
  font-size  : 20px       !important;
  word-wrap  : break-word !important;
}

@media only screen and (max-width: 767px)
{
  .domain-list.uk-grid .uk-button
  {
    padding-left : 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 479px)
{
  .domain-list.uk-grid .domain-name
  {
    line-height: normal;
    font-size  : 18px;
    padding-top: 10px;
    padding-bottom: 0;
  }
}

/* Domain Search: */
#domain-search i.uk-icon-chevron-down,
#domain-search2 i.uk-icon-chevron-down,
#domain-search4 i.uk-icon-chevron-down {
  left: -24px;
  width: 0;
}
#domain-search2 input,
#domain-search2 select,
#domain-search4 input,
#domain-search4 select,
#domain-search5 input,
#domain-search5 select {
  color: #222;
}

#domain-search2 button {
  margin-left: 0;
}
#domain-search select,
#domain-search2 select,
#domain-search4 select
{
  margin-left: 0;
  padding-right: 40px;
}

@media only screen and (max-width: 479px)
{
  #domain-search2 button,
  #domain-search2 select {
    margin-top: 0 !important;
  }
  #domain-search2 select {
    width: auto !important;
  }
  #domain-search2 button {
    width: 86px !important;
  }
}

#domain-search button.uk-icon-search, #domain-search2 button.uk-icon-search, #domain-search4 button.uk-icon-search,
#domain-search      i.uk-icon-search, #domain-search2      i.uk-icon-search, #domain-search4      i.uk-icon-search,
#domain-search button.uk-icon-spinner,#domain-search2 button.uk-icon-spinner,#domain-search4 button.uk-icon-spinner,
#domain-search      i.uk-icon-spinner,#domain-search2      i.uk-icon-spinner,#domain-search4      i.uk-icon-spinner
{
    font-size: 22px;
    color: #fff
}


.pricing-grid.three-up > li
{
    width: 29.75%;
    margin: 15px 18px;
    padding: 0;
}
.pricing-column .pricing-button h3
{
    padding-right: 0;
    line-height: 16px;
    font-size: 28px;
    color: #fff;
    border-right: none;
    float: none;
}


@media only screen and (max-width: 959px) and (min-width: 768px)
{
  .pricing-column .pricing-button h3 {
    display: initial;
  }
}
@media only screen and (max-width: 479px)
{
  .pricing-column .pricing-button h3 {
    display: initial;
  }
}

/* [ 1.5. panel and box ] */
.uk-panel-box {
    padding: 15px;
}

/* [ 1.6. panel and box ] */
.idz-panel {
	position: relative;
	overflow: hidden;
}
.uk-panel-header .uk-panel-title
{
    margin: 1em 0;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    background: none;
    color: #444;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* [ 1.8. tab and accordion ] */
.uk-accordion-content
{
    margin-bottom: 15px;
    padding: 18px 25px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(222,222,222,1);
    -moz-box-shadow: inset 0 0 0 1px rgba(222,222,222,1);
    box-shadow: inset 0 0 0 1px rgba(222,222,222,1)
}

/* [ 2.2. index-layout2.html - Home 2 ] */
.idz-panel-logo,
.idz-panel-domain,
.idz-panel-domain.alt {
    height: 90px;
}

.idz-panel-domain.alt {
    height: 76px;
}

.idz-panel-logo .uk-vertical-align-middle {
    width: 100%;
}

.idz-panel-domain img {
    width: auto;
	max-height: 90px;
	top: auto;
}
.idz-panel-logo img {
    width: auto;
	max-height: 90px;
	top: auto;
}

.idz-panel-domain.alt img {
	max-height: 76px;
}
.idz-panel-logo.alt img {
	max-height: 76px;
}

.idz-panel-domain-green {
    height: 90px;
}

.idz-panel-domain-green.alt {
    height: 70px;
}

/*
.domain-list li {
    padding-bottom: 6px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 24px;
    line-height: 55px;
}
*/
@media only screen and (max-width:1024px) {
    .idz-panel-domain img {
        top: auto !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.idz-panel-domain img {
		top: auto !important;
	}
}

@media only screen and (max-width: 479px) {/* [ 1.5. panel and box ] */

.uk-panel-box {
    padding: 15px;
}
	.idz-panel-domain {
	    height: 80px!important;
	}
	.idz-panel-domain-green {
		height: 80px;
	}

	.idz-panel-domain img {
		max-height: 80px;
	}
	.idz-panel-logo img {
		max-height: 80px;
	}

	.domain-list li {
    	padding-bottom: 6px;
    	border-bottom: 1px solid #e8e8e8;
    	font-size: 20px;
    	line-height: 55px;
	}
}

/* [ 2.9. contact] */
#contact-form-wrapper {
    border-top: 2px solid #e8e8e8;
    width: 100%;
    margin-top: 30px;
    padding-top: 40px;
    float: left
}

#contact-form-wrapper .uk-alert {
    padding-top: 14px;
    padding-bottom: 15px
}

#contact-form form label {
    width: 15%;
    margin-top: 10px;
    float: left;
    clear: both
}

#contact-form form input {
    width: 55%;
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 15px 0;
    float: left
}

#contact-form form textarea {
    width: 75%;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}

#contact-form form button {
    background: #0090cf;
    color: #fff;
    float: left
}

#contactform form em {
    font-family: Arial,Helvetica,sans-serif;
    color: #db4e43;
    display: inline
}

/* [ 2.8. client-area ] */
.idz-panel.account h1 {
    width: auto;
    min-width: 50px;
    height: 80px;
    margin-bottom: 2px;
    font-size: 44px;
    line-height: 80px;
    text-align: center;
    border: 2px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	float: left;
	padding: 0 15px;
}

#active-services:after,#active-domain:after,#due-invoices:after,#open-tickets:after {
    font-family: FontAwesome;
    font-size: 90px;
    display: block;
    color: rgba(0,0,0,0.1);
    margin-top: 0px;
	position: absolute;
	bottom: 30px;
	right: 10px;
}