﻿body {
    position: relative; /*needed for scrollspy*/
}

/* Inspinia overrides*/
#navbar, .navbar-static-top {
    background-color:#444!important;
}

.nav.navbar-right > li > span {
  color: #fff;
  font-weight: 600;
  line-height: 20px;
  padding: 15px 20px;
  display: block;
}
.nav.navbar-right > li > a, .nav.navbar-right > li > form > a {
  color: #fff;
  font-weight: 600;
  line-height: 20px;
  display: block;
  padding: 15px 20px;
}

a.disabledNavbarOpt {
    color: #bbb !important;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
  background: #fff;
  color: #5c3662;
}
.nav.navbar-right > li > button {
  color: #fff;
}
.top-navigation .navbar-brand {
    background-color:#444;
}
.top-navigation .wrapper.wrapper-content {
    padding: 20px 0;
}

.navbar-toggle {
  background-color: #9b5ba4;
}

.loginscreen.middle-box {
    width: 350px;
    margin-left: -150px;
    margin-top: -100px;
}

.btn-primary {
    background-color: #9b5ba4;
    border-color: #5c3662;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #5c3662;
    border-color: #9b5ba4;
}
.btn-primary[disabled] {
    background-color: #a77a94;
    border-color: #a77a94;
}

.btn-white {
    border: 1px solid #5c3662;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #9b5ba4;
}

.form-control:focus, .single-line:focus {
    border-color: #9b5ba4;
}

.widget {
    margin-top: 0px;
}

.form-horizontal .control-label {
    text-align:left;
     margin-bottom:5px;
}

.panel-info .panel-heading {
    background-color: #5c3662;
    border-color: #5c3662;
}

.panel-info {
    border-color: #5c3662;
}

.invoice_amnt_text {
	text-align: right;
}

/*Inspinia overrides*/
.product-name {
    margin-top:20px;
}
.product-name:hover,
.product-name:focus {
    color: #676a6c;
}

.product-price {
    background-color: #9b5ba4;
    top: 0px;
}

/* Inspinia Plugins overrides*/
/* No UI Slider */
.noUi-connect {
    background: #a77a94!important;
}

.noUi-target {
    margin-top:8px;
}

.style1 p {
    padding:0px 20px;
}

#toast-container > .toast-error:before {
  content: "\f071";
}

#toast-container > .toast-success {
    background-image: none !important;
}

#toast-container > .toast-error {
    background-image: none !important;
}

#toast-container > .toast-info {
    background-image: none !important;
}

#toast-container > .toast-warning {
    background-image: none !important;
}

/*Bootstrap overrides*/
#sites_container .input-group-addon {
    color: #ccc;
}

i[data-toggle~="popover"] {
    margin-left:10px;
}

#prefer_email_icon {
	margin-left: 0px;
}

#costPanel-md-lg .affix-top {
    position:fixed;
}

/*Glimpse overrides*/

.glimpse-nowrap {
    bottom: 40px!important;
}

/* Braintree Hosted Fields styling classes*/
.braintree-hosted-fields-focused { 
  border: 1px solid #0275d8;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.braintree-hosted-fields-focused.focused-invalid {
  border: 1px solid #ebcccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,0,.6);
}

#card-image {
  position: absolute;
  top: 0.2em;
  right: 1em;
  width: 44px;
  height: 28px;
  background-image: url('/Content/images/card_sprite.png');
  background-size: 86px 458px;
  border-radius: 4px;
  background-position: -100px 0;
  background-repeat: no-repeat;
  margin-bottom: 1em;
}
#card-image.visa {
  background-position: 0 -398px;
}
#card-image.master-card {
  background-position: 0 -281px;
}
#card-image.american-express {
  background-position: 0 -370px;
}
#card-image.discover {
  background-position: 0 -163px;
}
#card-image.maestro {
  background-position: 0 -251px;
}
#card-image.jcb {
  background-position: 0 -221px;
}
#card-image.diners-club {
  background-position: 0 -133px;
}

/*Site styles*/

.font-08 {
    font-size: 0.8em;
}

.no-padding {
    padding: 0px;
}

.header-banner {
    background-color:#9b5ba4 ;
    min-height:240px;
}

.header-banner img {
    max-height: 220px;
    margin-top: 20px;
    max-width: 50% !important;
    float: left;
}

.purple-bg {
    background-color: #5c3662;
    color: #ffffff;
}

.purple-light-bg {
    background-color: #a77a94;
    color: #ffffff;
}

.nouislider_tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	font: 400 12px/12px Arial;
	border-radius: 3px;
	background: #fff;
	top: -43px;
	padding: 5px;
	left: -9px;
	text-align: center;
	width: 50px;
}
.nouislider_tooltip strong {
	display: block;
	padding: 2px;
}

#loader {
	display: none;
	position: absolute;
	width: 61px;
    z-index:2;
    color: #000000;
}

.input-validation-error {
    border: 1px dotted #cc5965;
}

label.error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
}

#registeredContainer {
    display:none;
}

#unRegisteredContainer {
    display: none;
}

#subscribedNotRegistered {
    display: none;
}

.clickable {
    cursor: pointer;
}

span.helper-text {
    cursor:pointer;
    border-bottom-color: #5c3662;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.icheck-label {
    margin: 0 10px 0 5px;
}

.costPanel {
    margin-top:20px;
}

.usersCostExVat {
    display:none;
}

#paymentGatewaySubmission {
    display:none;
}

#verifyCardSubmission {
    display: none;
}

#euVatDeclaration {
    display:none;
}

.purchaseInvoicePeriod {
    text-transform: capitalize;
}

.vatDisplay {
    display:none;
}

.payment-disable {
	vertical-align: top;
}

/*Scrollspy*/
ul.nav-tabs {
    
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}

ul.nav-tabs li {
    margin: 0;
    border-top: 1px solid #ddd;
    background:#fff!important;
}

ul.nav-tabs li:first-child {
    border-top: none;
}

ul.nav-tabs li a {
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
}

ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover {
    color: #fff!important;
    background: #5c3662;
    border: 1px solid #9b5ba4;
}

ul.nav-tabs li:first-child a {
    border-radius: 4px 4px 0 0;
}

ul.nav-tabs li:last-child a {
    border-radius: 0 0 4px 4px;
}

input[data-val-required], select[data-val-required] {
    border-left: 3px solid red !important;
}

.requiredexplain {
    padding-right: 10px;
    border-right: 3px solid red !important;
}

.widget .small {
    color: #fff;
}

.has-success .control-label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
}

input.no-number::-webkit-outer-spin-button, input.no-number::-webkit-inner-spin-button {
    display: none;
}

.validation-summary-errors ul {
    border: 1px solid #ebccd1;
    background-color: #f2dede;
    color: #a94442;
    padding-top:10px;
    padding-bottom:10px;
}

.btn-google-signin {
    width: 188px;
    margin: auto;
}

    .btn-google-signin a {
        display: block;
        width: 188px;
        height: 43px;
        background-repeat: no-repeat;
        background: url('data:image/png;base64,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') -1px -1px;
    }

.form_helper {
    color:#676a6c ;
}

#no_account {
    margin-top:30px;
}

#homepage_main {
    margin-bottom:60px;
}

.step_error .field-validation-error {
    display:block;
}

.product-info {
    height: 60px;
}

.product-tick {
    width: 22px;
    margin: 0 auto;
}

.bg-maintenance {
    background-color: #ed5565;
}

#od-brand {
    margin-top: 20px;
}

#od-brand:after {
    content: 'Smart sites for Google Workspace';
    display: block;
    line-height: 2;
    font-size: 1.5em;
}

.grey-section {
    background: #808080;
    padding-top: 12px;
}

.grey-section h1 {
    color: white;
    font-weight: 200;
}


span[disabled] {
    color: #ccc;
}

@supports (-moz-appearance:meterbar) and (background-blend-mode:difference,normal) {
    position: relative;
    top: 27px;
}

/*media queries*/
@media (min-width: 992px) {
    ul .nav-tabs {
        width: 140px;
    }
}

@media (min-width: 1200px) {
    ul.nav-tabs {
        width: 163px;
    }
}

@media (max-height: 750px)  {
    .header-banner {
        min-height:140px;
    }

    .header-banner img {
        max-height: 120px;
    }
}

@media (max-height: 575px)  {
    .header-banner {
        min-height:70px;
    }

    .header-banner img {
        max-height: 50px;
    }
}

@media (max-height: 425px)  {
    .header-banner {
        display:none;
    }

    .header-banner img {
        display:none;
    }
}