/*
New CSS created by HD to clean up old mess
*/

/* FONTS */

@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal;
    font-style: normal;
}

/* Body elements */

html, body { 
    margin: 0; 
    height: 100%; 
    width: 100%;
    /* overflow-x: auto; */
    min-width: 320px;
    font-size: 16px;
}

.small { 
    font-size: 10px;
}

.nordhost_site {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 100% !important; */
    overflow-x: hidden;
}

body.nordhost_site,
.fix,
#main-body,
footer.bottomfooter {
  min-width: 320px;
}

section#main-body {
    margin: 0;
    padding: 0px;
    padding-bottom: 0px;
    min-height: 350px;
}

/* vis med/uten mva */

/* Generelt (span/p/li/div) */
.vat-ex { display: none !important; }
.vat-inc { display: inline !important; }
body.vat-mode-ex .vat-ex { display: inline !important; }
body.vat-mode-ex .vat-inc { display: none !important; }

/* TABELLRADER: må ALLTID overstyres (ellers blir <tr> feil) */
tr.vat-inc { display: table-row !important; }
tr.vat-ex { display: none !important; }
body.vat-mode-ex tr.vat-inc { display: none !important; }
body.vat-mode-ex tr.vat-ex { display: table-row !important; }

/* For nettsidebygger */
.vat-calc { display: none !important; }
body.vat-mode-ex .vat-calc { display: inline !important; }

/* vis ink/eks-tekst likt og toggle riktig */
.vat-note { font-size: 12px; opacity: .8; }
.vat-note-ex { display: none !important; }
.vat-note-inc { display: inline !important; }
body.vat-mode-ex .vat-note-ex { display: inline !important; }
body.vat-mode-ex .vat-note-inc { display: none !important; }

/* slutt mva */

.primary-content {
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* set content of client area to max-width */ 
/* .container.clientarea_settings {
    max-width: 1340px !important;
} */

/* prevent side way scrolling */

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    /* max-width: 100% !important; */
    overflow-x: hidden !important;
    /* max-width: 1150px; */
}

/* Logo, menu and sidebar */

.fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  background-color: #fff;

  display: flex;
  align-items: center;
  justify-content: center; 
}

/* Sentrert wrapper for ALT i header */
.innerfix {
    max-width: 1155px;
    position: relative;
    width: 100%;
}

.norsk2 {
    width: 250px;
    text-transform: none;
    letter-spacing: 0.4px;
    font-size: 14px;
}

.navbar {
    text-transform: uppercase !important;
}

.navbar-brand > img {
    display: block;
    width: 224px;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #f8f8f8;
  font-family: 'OpenSans-Semibold';
  font-size: 13px;
  /* max-width: 1050px; */
  flex: 1;
}

@media (max-width: 992px) {
  .navbar {
    margin-right: 0px !important;
  }
}

.navbar-default > button {
    color: #000000 !important;
    border: 0;
    margin: auto 0 -2px auto;
}

@media (max-width: 411px) {
  .navbar-default > button {
    margin: auto -20px -2px auto;
  }
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    width: 220px;
}

.navbar-nav > li > a {
    padding-top: 0px; 
    padding-bottom: 0px;
    line-height: 25px;
    text-decoration: none;
}

.navbar-default .navbar-nav > li > a {
    color: #1a1a1a !important;
    font-size: 13px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #71B34F;  
}

.navbar {
    display: flex;
    align-items: center;
    margin-right: 45px;
    justify-content: space-between;
}

/* .navbar-cart {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-right: 20px;
  margin-top: 55px;
  margin-bottom: auto;
} */

.navbar-cart {
    position: absolute;
    right: 0px;
    top: 55px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    z-index: 40;
}

/* VAT-knappen flyter, men er “låst” til høyre kant av .innerfix */
.navbar-vatbtn {
  position: absolute;
  top: 15px;
  right: 12px;

  z-index: 50;
  pointer-events: none;
  white-space: nowrap;
}

.navbar-vatbtn #vatToggleBtn {
  pointer-events: auto;
}

/* Mobil: juster top så den ikke kræsjer med logo */
@media (max-width: 991.98px) {
  .navbar-vatbtn {
    top: 8px;
    right: 12px;
  }
}

@media (max-width: 480px) {
  /* Gjør knappen litt mer kompakt på mobil */
  .navbar-vatbtn #vatToggleBtn {
    font-size: 12px;
    padding: 2px 4px;
  }

  /* Plasser knappen tydelig oppe til høyre */
  .navbar-vatbtn {
    top: 8px;
    right: 10px;
    left: auto;
    width: auto;
  }
}

/* vat button end */

@media (max-width: 991.98px) {
  .navbar-cart {
    /* position: absolute; */
    right: 15px;
    top: 10px;
    margin-left: 0;
    padding-top: 0px;
  }
}

@media (max-width: 411px) {
  .navbar-cart {
    display: none;
  }
}

@media (min-width: 991px) {
  .navbar-cart-menu {
    display: none;
  }
}

.navbar-cart a {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #1a1a1a;
  text-decoration: none;
}

.navbar-cart i {
  font-size: 15px;
  margin-right: 4px;
}

.navbar-cart span {
  font-size: 13px;
}

.dropdown-menu li > a:hover {
    background-color: #f8f9fa;
    color: #71B34F;
    text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #ffffff;
}

.dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    line-height: 15px;
    color: #333;
    white-space: nowrap;
    font-size: 13px;
}

.sidebar .list-group-item .badge {
    padding: 5px 0px;
    width: 35%;
    text-align: right;
    background-color: #fff;
    color: #666;
}

.sidebar .list-group-item.active {
    color: #002453;
}

@media (max-width: 767.98px) {
  .btn-return-to-admin {
    display: none !important;
  }
}
/* /Logo, menu and sidebar */


/* front page slider styles */
/* .slider-wrap {
    background-position: top !important;
    max-height: 50%;
    padding-top: 130px;
    padding-bottom: 80px;
    width: 100%;
}

#background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: fixed;
    top: 67px;
    left: 0;
    right: 0;
    z-index: -1;
} */

.slider-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-position: top;
  padding-top: 130px;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  .slider-wrap {
    padding-bottom: 35px;
  }
}

#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  z-index: -1;
  pointer-events: none;
}

.pageslider {
    color: #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    border-left: 0px;
    text-align: center;
}

.pageslider h2{
    padding-bottom: 20px;
    font-size: 36px;
}

.pageslider p {
    font-size: 18px;
    margin-top: 5px;
}

.pageslider .btn {
    margin-top: 15px;
    padding: 6px;
    min-width: 160px;
    letter-spacing: 1px;

    border-radius: 5px;
    border: 1px solid;
    border-color: #fff;

    font-size: 16px;
    background-color: #002454;
    color: #fff;
    text-decoration: none;
}

.pageslider .btn:hover {
    background-color: #71B34F;
    color: #fff;
    text-decoration: none;
    border-color: #fff;
}

#slider {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    float: left;
}

.owl-theme .owl-controls{ margin-top: 0; }

.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    background: #002454;
    border-radius: 0;
    opacity: 0.8;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
    transition: all 0.3s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span{
    width: 10px;
    height: 10px;
    border-radius:0%;
    background-color: #71B34F !important;
}

#slider .owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    background: #ffffff !important;
    border-radius: 0;
    opacity: 0.8;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
    transition: all 0.3s ease 0s;
}

.owl-pagination .active{
        background-color: transparent !important;
}

.owl-pagination .owl-page span{
    background-color: #fff !important;
}

/* end slider and owl */



/* Plan price first page */

.hosting-price-wrap {
    text-align: center;
    margin-bottom: 10%;
    margin-left: 15%;
    margin-right: 15%;
}

.plan-price {
    background-color: #f2f2f2;
    padding: 30px 0px;
    margin-top: 75px;
    border: 4px solid transparent;
}

.plan-price h4 {
    color: #1a1a1a;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 16px;
}

.price {
    text-align: center;
    color: #002454;
    font-size: 26px;
    font-weight: bold;
    margin: 0px auto;
    line-height: 30px;
}

.domain-price {
    text-align: center;
    color: #002454 !important;
    font-size: 26px !important;
    font-weight: bold !important;
    margin: 0px auto !important;
    line-height: 30px !important;    
}

.vat-note {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  margin-left: 0px;
}

.plan-price img {
    width: 108px;
    margin: 0 auto;
}
     
.plan-price .btn {
    margin-top: 15px;
    border-radius: 0px;
    background-color: #002454;
    color: #fff;
    text-decoration: none;
}

.plan-price .btn-default:hover {
    color: #fff;
    background-color: #71B34F;
    border: 1px solid #ffffff;
}

.plan-price:hover {
    outline: 4px solid #71B34F;
    z-index: 1;
}

/*Special Plan price for middle box*/
.plan-price-h {
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 47px;
    border: 4px solid #9cd77d;
}   

.plan-price-h:hover {
    border: 4px solid #71B34F;
}   

.plan-price-h-bover {
    background-color: #f2f2f2;
    padding: 30px 0px;
    margin-top: 47px;
    border: 4px solid transparent;
}

.plan-price-h-bover:hover {
    border: 4px solid #71B34F;
    transition-duration: 6s;
}

.plan-price-h h4 {
    color: #1a1a1a;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight: bold;
    padding-top: 30px;
    font-size: 16px;
}

.plan-price-h img {
    width: 124px;
    margin: 0 auto;
}
     
.plan-price-h .btn {
    margin-top: 16px;
    border-radius: 0px;
    background-color: #002454;
    color: #fff;
    margin-bottom: 25px;
    text-decoration: none;
}
     
.plan-price-h .btn-default:hover {
    color: #fff;
    background-color: #71B34F;
    border: 1px solid #ffffff;
}

/*hover*/

.plan-price-h-bover h4 {
    color: #1a1a1a;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight: bold;
    padding-top: 30px;
    font-size: 16px;
}

.plan-price-h-bover p {
    margin: 12px;
    font-size: 13px;
}
     
.plan-price-h-bover img {
    width: 124px;
    margin: 0 auto;
}
     
.plan-price-h-bover .btn {
    margin-top: 16px;
    border-radius: 0px;
    background-color: #002454;
    color: #fff;
    margin-bottom: 25px;
}
     
.plan-price-h-bover .btn-default:hover {
    color: #fff;
    background-color: #71B34F;
    border: 1px solid #ffffff;
}
/* end slider styles */


/* NORDHOST CLASS */

/* -- tos, about etc topbanner -- */

.info-slider {
    background: url('../img/banners/privacy-policy-banner.jpg') no-repeat;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 100px;
}

@media (max-width: 768px) {
    .info-slider {
        margin-top: 60px;
    }
}

.info-slider h1 {
    margin: 25px;
    text-align: left;
    color: #ffffff;
    font-size: 36px;
    width: 100%;
}

/* -- /tos, about etc topbanner -- */


/* -- service pages topbanner -- */

.service-slider {
    background: url('../img/banners/service_banner.jpg') no-repeat;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 100px;
}

@media (max-width: 768px) {
    .service-slider {
        margin-top: 60px;
    }
}

.service-slider h1{
    margin: 25px;
    text-align: left;
    color: #ffffff;
    font-size: 36px;

}

/* -- /service pages topbanner -- */



/* -- service -- */

/* .service {

} */

.service {
    width: 100%;
    background-color: #fff;
    position: relative;
    /* padding-left: 15px;
    padding-right: 15px; */
    margin-bottom: -25px;
}

.service h1 {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 2%;
    width: 100%;
}
.service h2 {
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 2%;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .service h2 {
    font-size: 22px;
  }
}

/* .service h3 {
    color: #000000;
    font-size: 20px;
    font-weight: normal;
    width: 100%;
} */

.service h4 {
    color: #555555;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    width: 100%;
}

.service p {
    text-align: inherit;
    font-size: 16px;
    color: #000;
    padding: 3px;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.service i {
    text-align: justify;
    font-size: 16px;
    color: #71B34F;
}

/* .service ol { 
    font-size: 13px;
} */

.service ul { 
    font-size: 16px;
}

.service ol { 
    font-size: 1.0em;
    font-weight: normal;
    line-height: 30px;
    color: #000;
}

.profile-description {
    text-align: justify !important;
}

.fa-ul.li-2c {
    column-count: 2;
    margin-top: 25px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.service a {
    color: #000000;
    text-decoration: underline;
}
.service-sub {
    margin-top: 35px;
    font-size: 24px !important;
    font-weight: bold !important;    
}

.service-sub-l1 { list-style: lower-alpha; font-size: 16px; }
.service-sub-l2 { list-style: lower-roman; font-size: 16px; }
.service-sub-l3 { list-style: disc; font-size: 16px; }

.service center { text-align: center; }

/* terms of service for domain name listing under namesrs */
.service-sub-l1 > ol > li > ol > li > ol {
    list-style: circle;
    display: list-item;
    padding-left: 5px;
    margin-left: 45px;
}


/* -- images -- */

.service img { max-width: 100%; }

.service img.profile-img {
  width: 120px;
  height: 120px;
  max-width: none;
  object-fit: cover;
  flex: 0 0 auto;
}

@media (min-width: 1200px) {
  .about_box_image img {
    margin-bottom: 0;
    display: block;
  }
}

@media (min-width: 768px) {
  .profile-text {
    padding-left: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .profile-text {
    padding-left: 2rem;
  }
}

/* @media (min-width: 1200px) {
  .profile-img {
    margin-right: 0.75rem;
  }
} */

/* @media (min-width: 1200px) {
  .profile-img-col {
    padding-right: 1.25rem;
  }
} */

/* -- /images -- */

/* -- /service -- */


/* -- odd & even -- */

.odd {
    background-color: #f4f4f4;
    padding-top: 20px;
    
}
.even {
    background-color: #ffffff;
    padding-top: 20px;
}

.dark {
    background-color: #000;
}

.dark p,
.dark h2 {
    color: #fff;
}

/* -- /odd & even -- */


/* -- plans on white background -- */

.header {
    background-color: #002C53;
    text-align: center;
    font-size: 25px;
    padding: 10px;
}

.box2 h2,
.box2 h3,
.box2 p {
    color: #ffffff;
    text-align: center;
    padding-top: 20px;
}

.box-wrap-img img {
    margin: 0 auto;
    max-width: 100%;
    height: 408px;
    width: 100%;
}

.container .box2 {
    border: 0px;
    border-style: solid;
    /* border-radius: 8px; */
    border-color: #002C53;
    }
   
.container .box2:hover {
    border-color: #9cd77d;   
}

.box2:hover .header {
    background-color: #9cd77d;
    text-decoration: none;
    color: #ffffff;
}

.box2 ul {
    padding-inline-start: 0px;
    margin-bottom: 0px;
}

.box2 li {
    list-style-type: none;
    border-bottom: 1px solid #c7c7c7;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

/* new webhosting page */
.newwh {
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 3px 0;
}

.newwh th {
    background-color: #002454;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    line-height: 50px;
    min-width: 150px;
}        
    
.newwh td {
    color: #000000;
    border-bottom: 1px solid #c7c7c7;
    width: 20%;
    min-width: 150px;
}
    
.newwh tr.odd {
    background-color: #f4f4f4;
}

.newwh tr.even {
    background-color: #ffffff;
}

.newwh tr.last {
    background-color: #002454;
    line-height: 60px;
}

.newwh tr:hover {
    background-color: #9cd77d;
}

.newwh tr {
    line-height: 30px;
}

.webhotell li {
    font-size: 14px;
}

.allow-scroll {
    overflow-x: scroll;
}

.fa.fa-times.red {
    color: #ff0000;
}

.fa.fa-times.green {
    color: #71B34F;
}

.newwh li {
    font-size: 1.2em;
}

.infotext {
    margin-left: -10px;
}

/* new end */

.buy-button {
    /* margin-top: 15px; */ 
    border-radius: 0px;
    background-color: transparent;
    color: #fff !important;
    display: inline-block;
    padding: 8px 29px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ffffff;
    text-decoration: none !important;
}

.buy-button:hover {
    color: #ffffff !important;
    background-color: #71B34F;
}

/* front page boxes */
.box-bg-black {
    background-color: #343434;
}

.box-bg-brown {
    background-color: #222222;
}

.img-responsive {
	margin-left: auto;
	margin-right: auto;
}

/* bulk domain info text */
.bulkdomain {
    color: #fff !important;
    margin-top: 10px;
}

.bulkdomain a {
    color: #fff;
    text-decoration: underline;
}

/* -- fea box on white background -- */

.box1 {
    background-color: #f4f4f4;
    padding: 15px 10px 5px 10px;
    margin: 10px;
    min-height: 300px;
    box-sizing: border-box;
    text-align: center;
}

.box3 {
    background-color: #fafafa;
    padding: 15px 0px 5px 0px;
    margin: 10px;
    min-height: 350px;
    box-sizing: border-box;
}

.box1:hover,
.box3:hover {
   background-color: #9cd77d; 
}

/* .box3:hover {
    background-color: #9cd77d;
} */

.box1 img, .box3 img {
    margin: 0 auto;
    width: 85px;
    margin-bottom: 2.5em;
}

.box1 h3, .box3 h3 {
    text-transform: uppercase;
    font-size: 24px;
}

/* 
.box1 p, .box3 p {
   font-size: 14px;
   margin: 30px;
}
*/ 

/* fea box1 responsive height */

@media only screen and (min-width: 725px) {
    .box1 {
        min-height: 280px;
    }
}

@media only screen and (min-width: 768px) {
    .box1 {
        min-height: 420px;
    }
}

@media only screen and (min-width: 1400px) {
    .box1 {
        min-height: 330px;
    }
}

/* -- /fea box on white background -- */

/*  Domain names with search and prices included from WHMCS feeds - Also used for tables in client area */

/*
.domain-check-wrap {
    background: #f8f8f8;
    padding-left:5%;
    padding-right:5%;
}

.domain-search {
	border: 1px solid #71B34F;
	overflow: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    width: 52%;
    margin: 0 auto;
}
*/

.domain-checker-container {
    background-color: #fff !important;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#002454), to(#1c426c)) !important;
    background: -webkit-linear-gradient(top, #1c426c, #002454) !important;
    background: -moz-linear-gradient(top, #1c426c, #002454) !important;
    background: -ms-linear-gradient(top, #1c426c, #002454) !important;
    background: -o-linear-gradient(top, #1c426c, #002454) !important;
}

.domain_wrap,
.domain-checker-bg {
    background-repeat: no-repeat;
    background-position: 100% 10px;
    background-image: url(/templates/nordhost21/img/icons/globe.png) !important;
    margin-left: auto;
    margin-right: auto;
    padding: 60px;
    background-color: #00245470;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.domain_wrap h2 {
    color: #fff;
}

.domene-domain_wrap {
    background-repeat: no-repeat;
    background-position: 100% 10px;
    background-image: url(/templates/nordhost21/img/icons/globe.png);
    margin-left: auto;
    margin-right: auto;
    padding: 60px;
    background-color: #002454;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.domene-domain_wrap h2 {
    color: #fff;
}

.domain-search input[type="text"] {
	border: 0px;
	width: 67%;
	padding: 18px 14px;
    font-size: 18px;
}

.domain-search input[type="text"]:focus {
	outline: 0;
}

.domain-submit {
	border: 0px;
	border-radius: 10px;
	background: none;
	background-color: #71B34F;
	color: #fff;
	float: right;
	padding: 18px;
	/* border-radius-top-right: 5px; */
	-moz-border-radius-top-right: 5px;
	-webkit-border-radius-top-right: 5px;
	/* border-radius-bottom-right: 5px; */
	-moz-border-radius-bottom-right: 5px;
	-webkit-border-radius-bottom-right: 5px;
    cursor:pointer;
    font-weight: bold;
    font-size: 18px;
}

.domain-submit:hover {
    background-color: #002454;
    color: #ffffff;
}

/* prices */
table.domainpricing {
    width: 90%;
    background-color: #f0f0f0;
    margin: auto;
}

table.domainpricing th,
table.dataTable th {
    background-color: #002C53;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #f2f2f2;
    text-align: center;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
}

table.domainpricing td,
table.dataTable td {
    background-color: #fff;
    text-align: center;
    border: 1px solid #E8E8E8;
    padding: 8px;
    font-size: 16px;
    text-align: center;
}

/* make every second grey by using this on tr */
.td-grey td {
    background-color: #FBFBFB !important;
}


/* -- /Domain name prices --*/

/* contact page */

.contact_btn{
    margin-left: 10px;
}

@media (max-width: 767px) {
    .contact_page {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.contact_page i {
   color: #71B34F; 
}

.contact_sidebar {
    margin: 30px 0px;
    background: #EFEFEF;
    text-align: center;
    padding: 25px;
}

.contact_sidebar h4 i {
    color: #71B34F;
}

.contact_sidebar h4 {
    color: #002454;
    font-weight: 600;
}

.contact_sidebar p strong {
    color: #333;
    font-size: 14px;
}

.contact_sidebar p {
    text-align: center;
    font-size: 14px;
}

/* end contact page */

/* -- client area and cart -- */

.whmcs-header-wrap {
    background: url('../img/site-images/whmcs-banner.jpg');
    background-size: auto auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* min-height: 200px; */ 
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 100px;
	min-height: 154px;
}

@media (max-width: 767px) {
  .whmcs-header-wrap {
        margin-top: 62px;
    
    }
}

.whmcs-header-wrap h2 {
    margin: 25px;
    text-align: left;
    color: #ffffff;
    font-size: 36px;
    /* padding: 70px 0px; */ 
    /*padding-top: 24px;
    padding-bottom: 24px;*/
}

.breadcrumb-item.active {
    color: #002454;
}

.btn-primary {
    color: #fff !important;
    background-color: #002454;
    /* border: 1px solid #fff; */
    text-decoration: none !important;
    min-width: 80px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #8bc34a;
    border-color: #8bc34a;
    /* border: 0; */
}

.btn-secondary {
    color: #fff;
    background-color: #71B34F;
    border-color: #71B34F;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #8bc34a;
    border-color: #8bc34a;
}

.bg-color-blue {
    background-color: #002454;
    color: #fff;
}

.bg-color-asbestos {
    background-color: #002454;
    color: #fff;
}

.btn-default, .btn-default:focus {
    color: #fff;
    background-color: #002454;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    border: 0;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #002454;
}

.btn-default:hover {
    color: #fff;
    background-color: #71B34F;
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #71B34F !important;
    border-color:#ccc !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
    color: #fff;
    background-color: #002454;
    border-color: #ccc; 
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:hover, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary:hover {
    color: #fff;
    background-color: #71B34F;
    border-color: #ccc;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff;
    background-color: #002454;
    border-color: #ccc;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:hover, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover {
    color: #fff;
    background-color: #71B34F;
    border-color: #ccc;
}

a {
    color: #002454;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #71B34F;
    text-decoration: none;
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    }

#order-standard_cart .order-summary .btn-continue-shopping {
    color: #ffffff;
    font-size: .9em;
}

#order-standard_cart .order-summary {
    background-color: #002454 !important;
    border-bottom: 3px solid #002454 !important;
}

/* added for nordhost-new order form and domain search */
#order-standard_cart .view-cart-items-header {
    margin: 0;
    background-color: #002454 !important;
    color: #fff;
}

#order-standard_cart .empty-cart .btn {
    margin: 0;
    padding: 4px 10px;
    background-color:#002454 !important;
    border: 0;
    color: #fff;
    border-radius: 0 0 4px 4px;
}

#order-standard_cart .view-cart-items {
    margin:0 0 20px 0;
    border-bottom:2px solid #002454 !important;
}

.spotlight-tld {
    height: 150px !important;
}

.spotlight-tld .btn:not(.domain-contact-support){
    padding: 6px 10px !important;
    font-size: 15px !important;
    background-color: #002454 !important;
    border-color:#002454 !important;
}

.spotlight-tld .invalid, .spotlight-tld .unavailable {
    margin: 39px 0 !important;
}

.suggested-domains .btn:not(.domain-contact-support) {
    font-size:12px !important;
    background-color:#002454 !important;
    border-color:#002454 !important;
}

.suggested-domains .btn:not(.domain-contact-support) {
    margin-bottom: 5px !important;
}

.header-lined {
    text-align: center !important;
    border-bottom: 2px solid #002454;
    margin-bottom: 10px;
}

.nordhost-form {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0rem;
    height: calc(1.5em + 1rem + 2px);
    display: block;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    margin: 0;
    min-width: 70%;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.nordhost-form:focus {
    outline: none;
    box-shadow: none;
}

.external-link {
    background: url('/images/external-link.png') center right no-repeat;
    padding-right: 13px;
    text-decoration: underline;
}


@media (min-width: 768px) {
    .nordhost-form {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .nordhost-form,
    .domene-domain_wrap .btn,
    .domain_wrap .btn {
        border-radius: 5px !important;
    }

    .domene-domain_wrap .btn-primary,
    .domain_wrap .btn-primary {
    margin-left: 0px !important;
    }
}



/* end nordhost-new order form */


#order-premium_comparison .price-table-container .price-table {
	width: 220px !important;
	min-width: 220px !important;
}

#order-premium_comparison .main-container {
    padding: 0 0 40px 0;
}

/** change some text colors and sizes in cart **/
.text-muted {
    /* color: #000 !important; */
    font-size: 12px;
    text-align: center;
}

#order-standard_cart label,#order-standard_cart p.domain-renewal-desc{
    margin-right: 10px;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    /* padding-top: 10px; */
}

#order-standard_cart .field-help-text{
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #000;
    font-size: 13px;
}

/** end change some text colors and sizes in cart **/

.price-area * {
	color: #fff;
}

.form-group > .control {
    padding: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #f0f0f0;
}

.form-group > .col-form-label {
    font-size: 16px;
    font-weight: bold;
    background-color: #f0f0f0;
    width: 100%;
    padding: 5px;
    line-height: 30px;
    height: 40px;
}

.table td {
    border-bottom: 1px solid #dee2e6; 
}

/* VIEWCART: domenelinjer – samme pris-stil som tjenester */
#order-standard_cart .view-cart-items .item .item-price span[name$="Price"],
#order-standard_cart .view-cart-items .item .item-price .renewal-price {
  font-size: 17.92px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  display: inline !important;
}

/* VAT-spans i domenelinjer skal følge samme stil */
#order-standard_cart .view-cart-items .item .item-price span[name$="Price"] .vat-ex,
#order-standard_cart .view-cart-items .item .item-price span[name$="Price"] .vat-inc,
#order-standard_cart .view-cart-items .item .item-price .renewal-price .vat-ex,
#order-standard_cart .view-cart-items .item .item-price .renewal-price .vat-inc {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Fornyelseslinja: la den være "småtekst" som temaet bestemmer */
#order-standard_cart .view-cart-items .item .item-price .renewal-price,
#order-standard_cart .view-cart-items .item .item-price .renewal-price .vat-ex,
#order-standard_cart .view-cart-items .item .item-price .renewal-price .vat-inc {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* -- /cart -- */


/* -- /footer -- */

.bottomfooter {
    background: url('../img/banners/footer-bg.jpg') no-repeat;
    bottom: 0;
    background-size: auto auto;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
    background-size: cover;
    position: initial;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
}

.bottomfooter .img-responsive {
   text-align: center;
   margin: 0 auto;
   width: 280px;
   padding-bottom: 0px;
}

.footer-social-icon {
    padding-top: 2%;
    padding-bottom: 3%;
    margin: 0px auto;
    display: inline-block;
    text-align: center;
}

.foo-s-box {
    border: 1px solid #ffffff;
    width: 37px;
    margin: 12px;
    height: 37px;
    float: left;
}

.foo-s-box:hover {
    background-color: #71B34F;
}

.bottomfooter i {
    color: #ffffff;
    text-align: center;
    padding: 3px;
    /* margin: 0%; */
    /* margin-bottom: 0%; */
    font-size: 30px;
}

.bottomfooter .norsk {
    color: #fff;
    font-size: 20px;
    /* margin-top: -38px; */
    margin-bottom: 25px;
}

.bottomfooter p {
    text-align: center;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 14px;
    padding-right: 5%;
    padding-left: 5%;
}

.bottomfooter a:link{
    text-align: center;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 14px;
    text-decoration: none;
}

.bottomfooter a:visited{
    text-align: center;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 14px;
    text-decoration: none;
}

.bottomfooter a:active{
    text-align: center;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 14px;
    text-decoration: none;
}

.bottomfooter a:hover{
    text-align: center;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 14px;
    text-decoration: none;
}

.read-button {
    margin-top: 0%;
    margin-bottom: 2%;
    text-align: center;
}

/* .read-button .btn {
} */

.read-button .btn-default {
    background-color: #002454;
    
    border-radius: 5px;
    border-color: #fff;
    border: 1px solid;
    padding: 12px;
    min-width: 140px;
    margin: 2px;

    font-weight: bold;
    text-transform: uppercase;
}

.read-button .btn-default:hover {
    color: #fff;
    background-color: #71B34F;
    border: 1px solid #8bc34a;
    text-decoration: none;
} 

.read-button  .hvr-sweep-to-right:before {
    background: #8bc34a;
}

/* -- /footer -- */


/* FAQ */

.question {
    background-color: white;
    /* padding: 15px; */
    /* padding-bottom: 5px; */
    border: 1px #dedede solid;
    border-radius: 10px;
    /* margin-bottom: 10px; */
    padding: 5px;
    margin: 10px;
    font-size: 1.1em;
}

.question a {
    text-decoration: none;
    font-size: 22px;
    color: #000;
    background-color: #fff;
}

.question a:visited {
    text-decoration: none;
    color: #000;
    background-color: #fff;

}

.faq-question {
    width: 80%;
    text-align: left;
    padding-left: 10px;
}

.faq-arrow {
    width: 20%;
    text-align: right;
    padding-right: 15px;
}

.faq-answer {
    color: #000;
    background-color: #fff;
    font-size: 16px;
    text-align: left;
}

.faq-answer a {
    font-size: 16px;
    text-decoration: underline;
}



/* .collapse a {
    text-decoration: underline;
    font-size: 1em;
}

.collapse a:visited {
    text-decoration: underline;
    font-size: 1em;
} */

.tp-img {
    max-width: 420px;
    width: 85%;
}


.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 8px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


/* /FAQ */



/* -- media only -- */
@media only screen and (max-width: 700px) {
    .service-box-column {
        width: 100%;
    }
}

/* -- Some other overrides from default WHMCS CSS -- */

/* -- change warning text for dns restore button in client area -- */
.lu-zmdi-time-restore-setting {
/*   display: none !important; */
     color: red !important;
}

/* -- override to not show placeholder in whois information in client area -- */
.form-control.Registrantcustomwhois::placeholder {
    color: #dadddb !important;
}

/* -- override to change hover color for DAext buttons in the client area -- */
#layers .lu-tile:hover, #layers .lu-tile.lu-is-checked {
    background-color: #9cd77d;
}

/* -- Override for img in knowledgebase articles to show images better on mobile devices -- */
article img {
    min-width: 350px;
    max-width: 98%;
}

/* -- Override warning text for whois update in client area -- */
.whoiswarning {
    border: 2px solid;
    border-color: #892723;
    color: #EA3424;
    padding: 10px;
    background-color: #FCE2E8;
    margin-top: 10px;
}

/* Hide the sidebar menu item for Terminated and Cancelled services */
#Primary_Sidebar-My_Services_Status_Filter-Terminated,
#Primary_Sidebar-My_Services_Status_Filter-Cancelled {
	display: none;
}

/* tweak trustpilot to be larger */
@media only screen and (min-width: 768px){
    .trustpilot-widget iframe {
        transform: scale(1.5);
    }
}

/* added by HD, not sure where to list this */
/* .active {
	background-color: #f9fafb;
} */

/* Scroll-to-Top */
.back-to-top {
    background-color: #9cd77d;
    color: #fff !important;
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    left: 15px;
    display: inline-block;
    z-index: 100;
}

.back-to-top:hover {
    color: #fff;
    background-color: #71B34F;
}   

/* add 0 padding */
.no-padding {
    padding: 0px;
}

/* modal margin to top */
.modal {
    margin-top: 60px;
}

/* light grey on network issues dates */ 
.card-body > .list-inline {
    background-color: #F7F7F7;
    padding: 15px;
}

/* change color of alert */
.alert-info {
    color: #000000;
    background-color: #FDBFBF;
    border-color: #ff0000;
}

/* indent li a bit in danger message */
.alert-danger > ul > li {
    margin-left: 20px;
}

/* underline in main content and cart */
article a {
    text-decoration: underline;
}

.readmorelink a {
    text-decoration: underline;
}

/* spam experts buttons in client area */
.buttons > .btn {
    color: #fff;
    background-color: #002454;
    margin: 10px;
}

/* client area front page h3 header background */
h3.panel-title {
    /* background-color: rgba(0,0,0,.005) !important; */
    background-color: #f5f5f5;
    font-size: 24px;
    padding: 6px;
}

/* support tickets */
/* makes blockquote in our color */
.markdown-content blockquote, .md-preview blockquote {
    border-left: 5px solid #002454;
}

/* support tickets in client area */
.h5 {
    text-align: center;
    border-bottom: 2px solid #002454;
}

.card .h5 {
    text-align: center;
    border-bottom: 0px solid #fff !important;
}

.card-title {
    text-align: center;
    color: #002454;
}

/* posted by in better colors */
.view-ticket .posted-by {
    color: #fff;
    font-size: .9rem;
    background-color: #002454;
    padding:.5rem 1rem
}


/* Override list style in order form */
[id^="product"] ul > li > ul > li {
    text-align: left !important;
    border: none !important;
    line-height: 10px !important;
    padding: 2px 0px 20px 20px !important;
    display: inline-table;
    background: url(/templates/orderforms/premium_nordhost/img/tick.png) no-repeat !important;
    margin: 7px 0;
    width: 33%;
}

/* forhindrer webhotell bokser i handlekurv til å deles på to linjer */
#order-premium_comparison .price-table-container ul li {
    padding: 20px 2px 10px 2px !important;
    margin: 0 0 0 0;
}

/* skipsanker setter avstand til topp */ 
li[id^='a-'] {
    scroll-margin-top: 150px;
}

a[id^='a-'] {
    scroll-margin-top: 150px;
}

div[id^='a-'] {
    scroll-margin-top: 150px;
}

/* capital first letter in menu items */
.sidebar-menu-item-label {
    text-transform: none;
}

/* Colors for clientareahome superduper shortcut table */
.superlightred { background-color: #ffefef !important; }
.superlightblue { background-color: #ebebff !important; }
.superlightgreen { background-color: #efffef !important; }

/* recaptcha size and position */
.grecaptcha-badge {
  right: auto !important;
  left: 40px !important;
  bottom: 8px !important;
  transform: scale(0.75);
}

/* print media settings */
@media print {
    .bottomfooter {
        display: none;
    }
    
    .info-slider h1, .whmcs-header-wrap h2 {
        color: #000;
    }
        
    .service, .primary-content {
        color: #000;
        background-color: #fff;
        position: absolute;
    }
}
























































































/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}