/*Own Style for Reseller Portal*/

body {
  padding-top: 55px;
  padding-bottom: 35px;
  background: #eaf6fe;
}

a {
  color: #e55a05;
  text-decoration: none;
}

table,
thead {
  background-color: #ffffff;
}

a:hover,
a:focus {
  color: #e67e22;
}

a:active {
  color: #b61b1b;
}

.well {
  border-radius: 2.2px;
}

.form-control {
  border-radius: 2.2px;
}

.navbar-default {
  background: #fff;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
  color: #195b92;
}

.navbar-brand {
  font-size: 21px;
}

.infoicon {
  float: left;
  margin-left: 10px;
  color: #e55a05;
  cursor: pointer;
  vertical-align: middle;
}

.infoicon:hover,
.infoicon:focus {
  color: #e67e22;
}

.mainContainer {
  display: inline-block;
  float: left;
  clear: both;
}

.left_container {
  float: left;
  display: inline-block;
}

.editArea {
  position: relative;
  display: inline-block;
}

.form-wrapper {
  padding: 0px 0px 15px 0px;
}

.form-header {
  font-size: 20px;
  margin-bottom: 10px;
}

.infoArea {
  position: relative;
  display: inline-block;
}

.top-buffer {
  margin-top: 15px;
}

.bottom {
  margin-bottom: 15px;
}

.outlined {
  outline: 1px solid #ddd;
}

.bordered-tab {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 1%;
}

.overview {
  border-radius: 2.2px;
  padding: 6px;
  border: 1px solid #ccc;
  background: #ffffff;
}

.userOverview {
  width: 100%;
}

table.dataTable tfoot > tr > th {
  padding-left: 18px;
  padding-right: 18px;
}

table.table-striped.dataTable.no-footer {
  border-bottom: 1px solid #ddd;
}

.userOverview td {
  padding: 5px;
  border-bottom: 1px solid white;
}

.userOverview th {
  padding: 5px;
  border-bottom: 1px solid grey;
}

.selectComboBox {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.checkbox,
.selectComboBox {
  margin-top: 0;
  margin-left: 5px;
}

.select-mini {
  width: 65px;
}

.tweaked-margin-left {
  margin-left: 5px;
}

.vertical-hr {
  background-color: #ccc;
  height: 100px;
  width: 1px;
}

/*Password Check Animations */
.inputstrength {
  height: 3px;
  background: #e5e5e5;
  position: relative;
  top: -6px;
  border-radius: 2.2px;
  margin: 0 3px;
}

.level {
  height: 3px;
  background: #eb4646;
  width: 2%;
  -webkit-transition: background-color 0.15s linear, width 0.15s linear;
  -moz-transition: background-color 0.15s linear, width 0.15s linear;
  -o-transition: background-color 0.15s linear, width 0.15s linear;
  transition: background-color 0.15s linear, width 0.15s linear;
}

.passChecks {
  margin-top: 8px;
}

.login {
  max-width: 70%;
}

.btn {
  border-radius: 2.2px;
  border: 0;
  transition: background-color 0.2s linear;
  font-weight: bold;
}

.btn-default {
  color: white;
  border-radius: 2.2px;
  background-color: #e55a05;
  text-shadow: none;
  box-shadow: none;
  font-weight: bold;
}

.btn-icon-default {
  font-size: 1em;
  background-color: transparent;
  color: #e55a05;
  text-shadow: none;
  box-shadow: none;
}

.btn-icon-default-lg {
  font-size: 1.5em;
  background-color: transparent;
  color: #e55a05;
  text-shadow: none;
  box-shadow: none;
}

.btn-icon-default:hover,
.btn-icon-default:focus,
.btn-icon-default-lg:hover,
.btn-icon-default-lg:focus {
  color: #e67e22;
}

.btn-icon-default:active,
.btn-icon-default-lg:active {
  color: #b61b1b;
}

.btn-default:hover,
.btn-default:focus {
  color: white;
  background-color: #e67e22;
}

.btn-default:active {
  color: white;
  background-color: #b61b1b;
}

.btn-default i {
  text-align: center;
  vertical-align: middle;
  font-size: 1.3em;
}

.btn-default span {
  vertical-align: middle;
  padding-left: 5px;
}

.btn-blue {
  color: white;
  border-radius: 2.2px;
  background-color: #3498db;
  text-shadow: none;
  box-shadow: none;
}

.btn-blue:hover,
.btn-blue:focus {
  color: white;
  background-color: #287fb8;
}

.btn-blue:active {
  color: white;
  background-color: #2e3192;
}

.btn-blue i {
  text-align: center;
  vertical-align: middle;
  font-size: 1.3em;
}

.btn-blue span {
  vertical-align: middle;
  padding-left: 5px;
}

/*Abort/Back Button*/
.btn-back,
.btn-back:active {
  color: white;
  background-color: #34495e;
  text-shadow: none;
  box-shadow: none;
  font-weight: bold;
}

.btn-back:hover,
.btn-back:focus {
  color: white;
  background-color: #287fb8;
}

.btn-back:active {
  color: white;
  background-color: #1b1464;
}

.btn-back i {
  text-align: center;
  vertical-align: middle;
  font-size: 1.3em;
}

.btn-back span {
  padding-left: 5px;
  vertical-align: middle;
}

/*Font Awesome Radio Styling*/
/* COMMON RADIO AND CHECKBOX STYLES  */
input[type="radio"],
input[type="checkbox"] {
  display: none;
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  height: 12px;
  width: 12px;
  margin-right: 2px;
  content: " ";
  display: inline-block;
  vertical-align: baseline;
}

/*Custom Radio Buttons and Checkboxes using Font Awesome*/
input[type="radio"],
input[type="checkbox"] {
  display: none;
}

input[type="radio"] + label {
  display: block;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 8px;
  width: 23px;
}

input[type="radio"] + label:before {
  content: "\f10c"; /* Radio Unchecked */
  color: #e55a05;
}

input[type="radio"]:checked + label:before {
  content: "\f192"; /* Radio Checked */
  color: #e67e22;
}

input[type="checkbox"] + label:before {
  content: "\f096"; /* Checkbox Unchecked */
  color: #e55a05;
}

input[type="checkbox"]:checked + label:before {
  content: "\f14a"; /* Checkbox Checked */
  color: #e67e22;
}

.radio label,
.checkbox label {
  padding-left: 0;
}

.radio-description {
  padding-left: 26px;
  display: inline-block;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #e55a05;
  border-color: #e55a05;
}

.pagination > li > a,
.pagination > li > span {
  color: #e67e22;
}

input#mail.mailForgot {
  width: 300px;
  text-align: center;
  margin: auto;
}

/*AJAX Loading Animation*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ajax-modal-loading {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 1);
}

.ajax-spinner {
  animation: spin 1s linear infinite;
  position: absolute;
  top: 45%;
  left: 50%;
  width: 48px;
  height: 48px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M45 24C45 26.7578 44.4568 29.4885 43.4015 32.0364C42.3461 34.5842 40.7993 36.8992 38.8492 38.8492C36.8992 40.7993 34.5842 42.3461 32.0364 43.4015C29.4885 44.4568 26.7578 45 24 45C21.2422 45 18.5115 44.4568 15.9636 43.4015C13.4158 42.3461 11.1008 40.7993 9.15075 38.8492C7.20072 36.8992 5.65388 34.5842 4.59853 32.0363C3.54318 29.4885 3 26.7578 3 24C3 21.2422 3.54318 18.5115 4.59853 15.9636C5.65388 13.4158 7.20073 11.1008 9.15076 9.15075C11.1008 7.20072 13.4158 5.65387 15.9637 4.59853C18.5115 3.54318 21.2423 3 24 3C26.7578 3 29.4885 3.54318 32.0364 4.59853C34.5842 5.65388 36.8992 7.20073 38.8493 9.15077C40.7993 11.1008 42.3461 13.4158 43.4015 15.9637C44.4568 18.5115 45 21.2423 45 24L45 24Z" stroke="%23CDFFFD" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 3C26.7578 3 29.4885 3.54318 32.0364 4.59853C34.5842 5.65388 36.8992 7.20073 38.8492 9.15076C40.7993 11.1008 42.3461 13.4158 43.4015 15.9637C44.4568 18.5115 45 21.2422 45 24" stroke="%2300D4DE" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajax-modal-loading {
  display: block;
}

.brainworks-container {
  background-color: #e5e9ea;
  color: #4d4d55;
}

.brainworks-container .easybell-logo-row {
  padding-top: 20px;
}

.brainworks-container h1,
h2 {
  color: #195b92;
  font-weight: bold;
}

.brainworks-container h1 {
  font-size: 2.1em;
}

.brainworks-container h2 {
  font-size: 14px;
}

.brainworks-container label {
  font-weight: normal;
  padding-top: 5px;
}

.brainworks-container input {
  border-radius: 2.2px;
  border-width: 1px;
  border-color: #4d4d55;
}

a.navbar-brand:hover,
a.navbar-brand:focus {
  color: #fff !important;
  cursor: default;
}

.navbar-default .navbar-nav > li > a {
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #195b92;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #fff;
}

pre {
  background: #fff;
  border-radius: 2.2px;
}

.well {
  background: #fff;
}

.panel-default > .panel-heading {
  color: #fff;
  background-color: #195b92;
  border-color: #ddd;
  border-radius: 2.2px 2.2px 0 0;
}

.panel-default > .panel-footer {
  background-color: #f9f9f9;
}

.table-head {
  color: #ffffff;
  background-color: #195b92;
}

.panel-group .panel {
  border-radius: 2.2px;
}

.well {
  background: none;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

.bold {
  font-weight: bold;
}

.pad20 {
  padding: 20px;
}

.eb-blue {
  color: #195b92;
}

#overviewTable td {
  text-align: right;
}

#overviewTable td:first-of-type {
  text-align: left;
}

.sumRow {
  border-top-style: double;
}

.noMar {
  margin: 0 !important;
}

#commissionTable {
  font-size: 0.9em;
}

.font-s21 {
  font-size: 21px;
}

.mar-bot-0 {
  margin-bottom: 0;
}

.mar-bot-25 {
  margin-bottom: 25px !important;
}

.btn-s {
  font-size: 1em;
}

.whiteblock {
  background: #ffffff;
}

[v-cloak] {
  display: none;
}

.home-liste {
  border-radius: 2.2px;
  margin-bottom: 20px;
  background: #ffffff;
}

button.no-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #e55a05;
}

.hardware-promotion .pricing {
  color: #002f55;
}

.product-banner .box .pricing .price_text,
.hardware-promotion .pricing .price_text {
  display: block;
  font-size: 1.3em;
  margin-bottom: 8px;
}

.product-banner .box .pricing .price_value,
.hardware-promotion .pricing .price_value {
  font-weight: bold;
  display: inline-block;
  font-size: 4em;
  height: 70px;
  line-height: 1em;
  letter-spacing: -0.02em;
}

.product-banner .box .pricing .price_currency,
.hardware-promotion .pricing .price_currency {
  font-weight: bold;
  display: inline-block;
  font-size: 1.5em;
}

.product-banner ul li::before,
.hardware-promotion ul li::before {
  background: transparent url("/img/eb-icon_sprite.svg") no-repeat scroll -162px -110px;
  content: " ";
  margin: -7px 5px 0px -37px;
  font-size: 1.4em;
  position: absolute;
  font-weight: 100;
  line-height: 1em;
  height: 35px;
  width: 35px;
  display: inline-block;
}

.product-banner ul li,
.hardware-promotion ul li {
  line-height: 1em;
  font-size: 1em;
  padding: 10px 0px 6px 48px;
  margin-bottom: 0px;
  list-style: none;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #ffffff;
  border-radius: 0px;
  color: #e55a05 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #e67e22;
  border: 1px solid #e67e22;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #e55a05;
  border: 1px solid #e55a05;
  color: #ffffff !important;
}

button.dt-button,
button.dt-button {
  background: #e65905;
  border: 1px solid #e65905;
  border-radius: 2.2px;
  color: #ffffff;
  font-weight: bold;
}

button.dt-button:active,
button.dt-button:hover,
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  background: #e67e22;
  border: 1px solid #e67e22;
}

input[type="search"] {
  border-radius: 2.2px;
  padding: 6px 12px;
  border: 1px solid #ccc;
}

.infobox {
  border: 1px solid;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 2.2px;
  -moz-border-radius: 2.2px;
  border-radius: 2.2px;
}

.order3Toggle {
  position: absolute;
  bottom: -31px;
  z-index: 1;
}

.getProvDetails {
  display: inline;
}

.togglePartner button:focus,
.togglePartner button:active:focus {
  outline: none;
}

.fa-toggle-on {
  color: #e55a05;
  cursor: pointer;
}

.fa-toggle-on:hover {
  color: #e67e22;
}

.fa-toggle-off {
  color: #777;
  cursor: pointer;
}

.fa-toggle-off:hover {
  color: #4d4d55;
}

button[disabled] .fa-toggle-on,
button[disabled] .fa-toggle-on:hover,
button[disabled] .fa-toggle-off,
button[disabled] .fa-toggle-off:hover {
  color: #4d4d55;
  cursor: not-allowed;
}

.activePartnerToggle {
  padding-right: 0;
  padding-top: 5px;
}

.userOverview.text-muted {
  color: #77777780;
}

.navbar-default .navbar-nav > .disabled.open > a,
.navbar-default .navbar-nav > .disabled.open > a:hover,
.navbar-default .navbar-nav > .disabled.open > a:focus {
  color: #ccc;
  background-color: transparent;
}

#navbar li.disabled .caret {
  display: none;
}

.home-liste.inactive {
  color: #31708f;
  background-color: #d9edf7;
  /*border-color: #bce8f1;*/
}

.navbar-default .navbar-toggle {
  border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-toggle {
  background-color: #195b92;
}

.no-login-rights {
  display: flex;
  align-items: center;
}

.no-login-rights-label {
  width: 80%;
}

.no-login-rights-tooltip {
  margin-left: 0;
}

.bottom-space-5 {
  margin-bottom: 5px;
}

.customer-overview-background {
  background-color: #eaf6fe;
}

.customer-overview-tick {
  color: #195b92;
  margin-top: 3px;
  padding-right: 20px;
  padding-left: 0px;
}

.customer-overview {
  display: none;
}

.customer-overview-table td {
  padding: 10px;
  border: none;
}

.customer-overview-table {
  margin-top: 10px;
}

.customer-overview-table th {
  border-bottom: none;
}

.customer-overview-tr1 {
  border-top: 10px solid #e5e9ea;
}

.customer-overview-td2 {
  padding-top: 20px;
}

.customer-overview-tr2 td {
  padding-left: 30px;
  padding-right: 170px;
}

.customer-overview-border-dotted {
  border-top: 1px dotted grey;
}

.customer-search-button {
  width: 90px;
}

.primary-color {
  color: #195b92;
}

.info-bg {
  background: #E4F7F8;
}

.partner-product-heading {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}

.open {
  /* flag to say if the customer-overview is open */
}

.customer-overview-search {
  padding-top: 15px;
}

.customer-overview-desktop-hidden-p,
.customer-overview-portal-btn-desktop-hidden {
  display: none;
}

.customer-overview-tick-td {
  width: 5px;
}

.alert-invisible {
  display: none;
}

.alert-box {
  box-shadow: 0px 10px 50px -20px grey;
  background-color: white;
  width: 250px;
  height: 100px;
  border-radius: 2.2px;
}

.alert-box-position {
  position: absolute;
  top: -60px;
  left: -70px;
}

.alert-message {
  position: absolute;
  top: 20%;
  left: 30%;
}

.alert-buttons {
  position: absolute;
  top: 45%;
  left: 15%;
}

.alert-btns {
  position: relative;
}

.current-problems-container {
  position: relative;
  padding-top: 100%;
}

.current-problems-iframe {
  position: absolute;
  overflow: hidden;
  top: 10px;
  width: 100%;
  height: 50%;
  border: 0;
}

.show-display-inline {
  display: inline;
}

.no-radius {
  border-radius: 2.2px;
}

.btn.btn-default[disabled]:hover {
  background-color: #e55a05;
}

.mb-10 {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .main-menu.container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .main-menu.container {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .main-menu.container {
    width: 1170px;
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .margin-top-media {
    margin-top: 100px;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .margin-top-media {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #195b92;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background: #fff;
    color: #195b92;
  }

  .customer-overview-mobile-hidden-th,
  .customer-overview-mobile-hidden-data,
  .customer-overview-portal-btn-mobile-hidden {
    display: none;
  }

  .customer-overview-desktop-hidden-p {
    display: block;
    margin-left: 21px;
    margin-bottom: 0;
  }

  .customer-overview-portal-btn-desktop-hidden {
    display: block;
    margin-left: 21px;
    padding: 0;
  }

  .customer-overview-tick {
    padding: 5px 5px 5px 0;
  }

  .customer-overview-tr2 td {
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 0;
  }

  .customer-overview-td2 {
    padding-top: 10px;
  }
}

@media (max-width: 990px) {
  .alert-box-position {
    position: absolute;
    top: -50px;
    left: -80px;
  }

  #talOrder {
    padding: 0;
  }

  #talOrder .form-input {
    font-size: 12px;
  }

  iframe[name="orderIframe"] {
    padding-right: 0;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .current-problems-iframe {
    height: 100%;
    overflow: visible;
  }

  .alert-box-position {
    position: absolute;
    top: -60px;
    left: -80px;
  }
}