body {
  padding-top: 80px;
  overflow: auto;
}
html,
body {
  height: 100%;
}
.k-header-column-menu.k-state-active,
.k-grid-filter.k-state-active {
  background-color: #00d781;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
body {
  padding-right: 0 !important;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
  width:200px;
}

.dl-horizontal dd {
    margin-left: 220px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 280px;
}
/*override the above legacy setting in specific locations*/
.registration input, .registration span.k-dropdown, .publicpage input {
    max-width: 400px;
}
.k-i-arrow-w:hover,
.k-i-arrow-e:hover,
.k-i-arrow-n:hover,
.k-i-arrow-s:hover,
.k-i-seek-w:hover,
.k-i-seek-e:hover {
  /*background-image: url('/Content/Kendo/Bootstrap/sprite_black.png');*/
}
.k-pager-wrap > a.k-state-disabled span:hover {
  /*background-image: url('/Content/Kendo/Bootstrap/sprite_black.png');*/
}
/* no ticks on rangeSlider*/
/*.k-tick > .k-label {
    display: none;
}*/
/*time range*/
#time-range p {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  color: #333;
}
.ui-slider-horizontal {
  height: 8px;
  background: #D7D7D7;
  border: 1px solid #BABABA;
  box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
  clear: both;
  margin: 8px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 100%;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 8px;
  font-size: 0.7em;
  display: block;
  border: 1px solid #5BA8E1;
  box-shadow: 0 1px 0 #AAD6F6 inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  background: #81B8F3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
  background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
  border-radius: 50%;
  background: #F9FBFA;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
  background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: linear-gradient(top, #C7CED6, #F9FBFA);
  width: 22px;
  height: 22px;
  -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  cursor: default;
  border: none;
  cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
  background: #30A2D2;
  -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
  -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
  box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.5em;
  margin-left: -0.6em;
}
.ui-slider a:focus {
  outline: none;
}
/*Sidebar Specific Styles*/
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled {
  padding-left: 200px;
}
#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 0;
  width: 200px;
  height: 100%;
  overflow: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: none;
  background-color: #32323A;
  max-width: 220px;
}
#wrapper.toggled #sidebar-wrapper {
  width: 200px;
}
#page-content-wrapper {
  position: relative;
  left: 200px;
}
#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -200px;
}
/* Sidebar Styles */
.sidebar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li {
  text-indent: 0px;
  line-height: 40px;
}
.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #ADB1B6;
  padding-left: 20px;
}
.sidebar-nav li a span {
  padding-right: 10px;
}
.sidebar-nav .nav-list li a {
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.sidebar-nav .downIcon {
  float: right;
  padding-top: 10px;
}
.sidebar-nav .nav-list li {
  line-height: 40px;
  display: table;
  text-align: center;
}
.sidebar-nav .nav-list li > span {
  display: table-cell;
  vertical-align: middle;
}
.sidebar-nav .sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav .sidebar-nav > .sidebar-brand a {
  color: #999999;
}
.drop-link {
  border-bottom: 1px solid #3C3C44;
}
.sidebar-header {
  position: relative;
  height: 25px;
  margin-top: 10px;
  border-bottom: 1px solid #3C3C44;
}
.sidebar-header a {
  color: #ADB1B6;
}
.sidebar-header span {
  padding-right: 8px;
}
.sidebar-header label {
  margin-left: 45px;
  color: #ADB1B6;
  font-weight: normal;
  float: left;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}
.nav-submenu {
  display: none;
  background-color: #282830;
}
.k-group-delete {
  /*background-image: url('/Content/Kendo/Bootstrap/sprite_black.png');*/
}
.sidebar-selected {
  width: 5px;
  height: 40px;
  background-color: #00ACED;
}
.selectedIcon {
  float: left;
}
.pageNav {
  border: none;
  padding-top: 40px;
  padding-left: 32px;
  margin-right: 40px;
}
.seachBarIcon {
  display: initial;
  color: #32323a;
}
.seachBarIcon:hover,
.seachBarIcon:focus {
  background-color: #fff;
}
.searchUl .open > a:focus {
  background-color: #fff;
}
@media (max-width: 767px) {
  #mainNav {
    display: none;
  }
  .page-detail {
    padding-left: 10px;
    margin-right: 40px;
  }
  #menuLabel {
    display: none;
  }
  #page-content-wrapper {
    top: 0;
    position: fixed;
    left: 0;
    overflow-y: scroll;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .toggleSpanFull {
    content: "Collapsed";
  }
  #sidebar-wrapper {
    overflow-y: auto;
    top: 0;
    display: none;
  }
  #page-content-wrapper.menu-open {
    left: 200px;
  }
  .toolbarButton {
    margin-top: 5px;
    display: none;
  }
  .navbar-default .navbar-nav > li > .toolbarButton {
    color: white;
  }
  .alertMessage {
    left: 1%;
    z-index: 1000;
  }
}
@media (min-width: 768px) {
  /*.mobileHeader
    {
        display: none;
    }*/
  .detailHead {
    display: none;
  }
  .logoHead {
    display: none;
  }
  .pageHeadText {
    display: none;
  }
  .mobileHeader .mobileCommandButton {
    display: none;
  }
  /* Required for 2nd level bootstrap menu to be compatibile across all bootstrap themes*/
  .row > .siteNav {
    position: inherit;
  }
  .siteNav {
    min-height: 80px;
    border: none;
  }
  .page-detail {
    margin-left: 40px;
    margin-top: 10px;
    margin-right: 40px;
  }
  .pageHeader {
    width: 100%;
  }
  .button-spacer {
    width: 35px;
    height: auto;
    display: inline-block;
  }
  .toolbarButton {
    margin-top: 15px;
    display: none !important;
  }
  .alertMessageContainer {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .toggleSpanFull {
    content: "Expanded";
  }
  #wrapper.toggled {
    padding-left: 0;
  }
  #sidebar-wrapper {
    width: 200px;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 200px;
  }
  #page-content-wrapper {
    padding-left: 2px;
    width: 88%;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
  #wrapper.toggled #page-content-wrapper .row {
    margin-left: 25px;
  }
  /* Required for 2nd level bootstrap menu to be compatibile across all bootstrap themes*/
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #page-content-wrapper {
    width: 82%;
  }
}
/*End Sidebar Specific Styles*/
/*Bootstrap Overrides

  The prefered method of updating Bootstrap styles is editing the variables.less file, overrides should only be added here
  if they are not available in variables.less.  Other bootstrap.less files should not be edited.
*/
.navbar-brand {
  margin-left: -250px;
  font-weight: normal;
  padding-bottom: 25px;
  padding-left: 25px;
  height: 80px;
}
.checkbox-menu {
  /* Need to use Important here to force overwrite of bootstrap value*/
  margin-right: 20px !important;
  margin-left: 10px !important;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 4px 4px;
}
/* User by inner navbar menu*/
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-left: 0;
}
.navbar {
  margin-bottom: 5px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #333333;
}
label {
  font-weight: normal;
  color: grey;
}
.panel-title {
  width: 100%;
  display: inline-block;
}
.btn {
  border-radius: 3px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
/* There is a bug in bootstrap that causes the body to shift left when a modal dialog is opened, below is a temporary fix until we update the versions */
/*.modal-open
{
    overflow-y: scroll !important;
}*/
.modal-open {
  overflow: auto;
}
/*End Bootstrap Overrides*/
.drop-icon {
  display: block;
  background: #aaa;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  text-indent: -9999px;
  float: left;
  margin-right: 10px;
  margin-top: 11px;
  margin-left: 5px;
}
.navbar-default .logo {
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  float: left;
  color: #00ACED;
}
.Unauthorized {
  display: none;
}
.actPanel {
  min-height: 200px;
}
.headerControlBase {
  position: absolute;
  width: 100px;
  font-size: 13px;
  color: #32323a;
  display: table-cell;
  vertical-align: middle;
}
.headerName {
  position: absolute;
  width: 100px;
  font-size: 13px;
  color: #32323a;
  display: table-cell;
  vertical-align: middle;
  width: 10%;
  left: 40%;
  font-weight: 700;
  top: 31px;
  height: 35px;
  overflow: visible;
  overflow-wrap: break-word;
}
@media (min-width: 768px) {
  .sitePickerDiv {
    position: absolute;
    width: 100px;
    font-size: 13px;
    color: #32323a;
    display: table-cell;
    vertical-align: middle;
    font-size: large;
    left: 15%;
    font-weight: 400;
    top: 22.5px;
  }
  .sitePickerDiv .k-dropdown-wrap {
    border: 1px;
    border-color: #00aced;
  }
  .sitePickerDiv .k-i-arrow-60-down {
    color: black;
  }
}
@media (max-width: 768px) {
  .sitePickerDiv {
    margin-top: 2px;
    margin-left: 10px;
    top: 25px;
    left: 150px;
  }
}
.accountDropdown {
  position: absolute;
  width: 100px;
  font-size: 13px;
  color: #32323a;
  display: table-cell;
  vertical-align: middle;
  left: 85%;
  font-weight: 400;
  top: 31px;
}
.accountDropdownItems {
  color: #32323a;
  font-weight: 400;
  font-size: 13px;
}
.divider-vertical {
  height: 50px;
  margin: 0 9px;
  border-left: 1px solid #F2F2F2;
  border-right: 1px solid #FFF;
}
/* Cavia Specific Styles */
.manageHeading {
  background-color: #fff;
}
.manageHeadingLogin {
  /*background-color: @head-back-colour;
    background-image: url("../../../../Content/Images/banner-overlay-top-1920x309 - Copy.png");
    height: 209px;
    background: no-repeat center center fixed;*/
  /*background-image: url("../../../../Content/Images/banner-overlay-top-1920x309 - Copy.png");*/
  /*background: url("../../../../Content/Images/inner-banner-new_1280_303_80.jpg") no-repeat ;*/
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 220px;
  margin: 0;
  /*background-size:100% 100%;

        -webkit-background-size:100% 100%;*/
}
.vbLogo {
  position: absolute;
  padding-top: 145px;
  left: 20%;
}
.centreImage {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-top: 60px;
    max-width: 80%;
}
img.curve {
  position: absolute;
  bottom: -1px;
  z-index: 5;
  width: 120%;
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.align-center {
  display: inline-block;
}
/* End Cavia Specific Styles */
/* Install Specific Styles */
.installHeading {
  background-color: white;
}
/* End Install Specific Styles */
/* Distributor Specific Styles */
.distributorHeading {
    background-color: white;
}
/* End Distributor Specific Styles */
/* Manage Specific Styles */
.adminHeading {
  background-color: white;
}
/* End Manage Specific Styles */
/* Link buttons to navigate to different systems*/
.systemLink {
  display: none;
}
.dropdown-menu .adminLink {
  display: none;
}
.dropdown-menu .installLink {
  display: none;
}
.dropdown-menu .distributorLink {
    display: none;
}
/* End Link buttons to navigate to different systems*/
/* Kendo Overrides*/
.k-dropzone {
  padding-top: 0;
  padding-bottom: 9px;
}
.k-upload {
  width: 85%;
}
.k-upload-button {
  min-width: 5px;
}
.k-upload-files .k-filename {
  color: black;
}
.k-grid-header .k-header {
  background-color: #00ACED;
}
.k-grid-header .k-header .k-link {
  color: #FFFFFF;
}
.k-column-menu .k-menu .k-item > .k-link {
  color: #999999;
}
.k-header {
  color: #FFFFFF;
}
.k-datetimepicker,
.k-datepicker {
  color: #000000;
}
.k-header .k-dropdown-wrap {
  color: #000000;
}
.k-grid-toolbar:first-child,
.k-grouping-header + .k-grid-toolbar {
  border-width: 0 0 0px;
}
tr.k-alt {
  background: transparent ;
}
.k-grid td {
  border-width: 0 0 0 0;
  height: 28px;
}
.k-grid tr td {
  border-bottom: 1px solid #F4F4F4;
  color: #666666;
}
.period-table tr.k-state-selected td {
  color: #fff;
}
.period-table tr.k-state-selected {
  background-color: #00ACED;
}
tr.k-state-selected,
tr.k-alt.k-state-selected {
  color: #f2565d;
  background-color: #f0f4f6;
}
.navbar-left .k-dropdown-wrap {
  border: none;
}
.navbar-left .k-input {
  padding: 0;
}
.k-hierarchy-cell > .k-icon {
  color: #333;
  /*background-image: url('Kendo/Bootstrap/sprite_black.png');*/
}
.k-icon > .k-minus {
  color: #333;
}
.k-grid .k-grid-header label {
  margin-bottom: 0;
}
.k-grid-header th.k-header,
.k-filter-row th {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  font-weight: 700;
  font-size: 13px;
}
.k-upload-selected {
  color: white;
  background-color: #00D781;
}
.k-widget,
.k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid-header .k-header:first-child {
  border-left-width: 1px;
}
.k-grid {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0 !important;
}
.k-grid .k-grid-toolbar .k-button {
  float: right;
}
.k-grid .k-grid-toolbar,
.k-grid-pager {
  border: 0 !important;
  padding: 20px 0.2em 20px;
}
.k-grid > .k-grouping-header {
  font-style: italic;
  background: white;
}
.k-pager-wrap .k-link {
  background: #00ACED;
}
.k-pager-sizes .k-dropdown-wrap .k-select {
  background-color: #cccccc;
}
.k-pager-wrap .k-pager-refresh {
  background: #cccccc;
}
.k-picker-wrap .k-icon {
  /*background-image: url('Kendo/Bootstrap/sprite_black.png');*/
}
/* This is to move the busy icon when a grid is loading data near to the top of the page */
.k-loading-image {
  background-position: center 100px;
}
/* End Kendo Overrides*/
.actionsDiv {
  display: inline-block;
}
.actionList {
  margin-top: 0 !important;
}
.gridContainer {
  background-color: #F4F4F4;
}
.gridActionIcon {
  color: #00ACED;
  text-align: center;
}
.alertMessage {
  display: none;
  min-width: 250px;
  top: 30px;
  position: absolute;
  text-align: center;
  z-index: 10;
}
.userFieldText {
  display: inline-block;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}
.doorSelect {
  height: 400px;
  overflow: scroll;
}
.gridContainer .km-widget {
  background-color: transparent;
}
.multiFilter {
  padding-left: 5px;
  padding-right: 25px;
  width: 200px;
  white-space: normal;
}
.multiFilter span {
  padding-right: 10px;
  overflow: hidden;
}
.multiFilter input {
  float: right;
}
.actButton {
  border-radius: 3px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
.actImageButton {
  border-radius: 3px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
a.actImageButton {
  padding: 3px 3px;
}
.uploadButton {
  border-radius: 3px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  position: absolute;
  left: 100%;
}
.uploadButton:after {
  font-family: FontAwesome;
  top: 0;
  content: "\f093";
}
.pageHeading {
  font-weight: 300;
  color: #00ACED;
  font-size: 30px;
}
.pageSubHeading {
  font-weight: 200;
  color: #00ACED;
  font-size: 16px;
  font-style: italic;
}
.actionsDiv select {
  width: auto;
}
.progresslabel {
  width: 100%;
  height: 100%;
  margin-left: 5px;
  margin-top: 3px;
  vertical-align: middle;
}
.progress .k-progress-status {
  text-align: left;
  vertical-align: middle;
  margin: auto;
  margin-left: 5px;
  width: 100%;
  padding: 0;
}
.progressCell {
  height: 30px;
}
.progressActive {
  width: 100%;
  text-align: center;
  margin: auto;
  height: 28px;
  font-size: 12px;
}
.progressPending {
  height: 30px;
  background-color: yellow;
}
.progressSuccess {
  background-color: green;
  width: 100%;
  text-align: center;
  margin: auto;
  height: 28px;
}
.progressFailed {
  background-color: red;
  width: 100%;
  text-align: center;
  margin: auto;
  height: 28px;
}
.siteIdDiv {
  height: 28px;
}
.siteIdDiv .siteIdHeader {
  font-weight: 200;
  color: #00ACED;
  font-size: 20px;
  padding-left: 10px;
}
.html {
  font-family: "Open Sans", sans-serif;
}
.contextHelpItem {
  content: "";
  display: inline-block;
  background: url("Images/question.gif") no-repeat;
  width: 15px;
  height: 15px;
  pointer-events: auto;
  margin-left: 2px;
}
.actionsHead {
  display: none;
}
/* Login Pages */
.seperatorBar {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  background: #eee;
  min-height: 59px;
}
.footer {
  height: 200px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
}
.logo {
  margin-left: 0;
}
.logo_footer {
  top: 40px;
  width: 150px;
}
.footerlogo {
  margin-top: 50px;
  border-radius: 50px;
  background-color: #41D26A;
  min-width: 217px;
  font-size: 1.13em;
  padding: 14px 20px;
  display: inline-block;
}
.social-container {
  min-width: 217px;
  font-size: 1.13em;
  padding: 14px 20px;
}
.social-container a {
  color: #fff;
}
.socialHeading {
  padding-left: 5px;
  padding-right: 10px;
}
.footerlogo a {
  color: #fff;
}
.social_footer {
  position: absolute;
  top: 180px;
}
.footer_wrapper {
  margin: 0 auto;
  position: relative;
  width: 1170px;
  zoom: 1;
}
.social_footer ul {
  overflow: auto;
}
.social_footer ul li {
  list-style-type: none;
  float: left;
}
.social_footer ul li a i {
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 25px;
  text-align: center;
  margin-right: 10px;
  padding-top: 15%;
}
.social_footer ul li a i:hover {
  color: #008ee0;
  background: #fff;
  border-radius: 20px;
}
.loginPageText {
  font-weight: 500;
  font-size: 16px;
}
#wrapper .radio label,
.checkbox label {
  font-weight: 500;
  font-size: 16px;
}
.bodyWrapper {
    /*padding-top: 309px;*/
    padding-top: 80px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:200px;/*match public foooter*/
}
/* End Login Pages */
.headerLogoBase {
  position: absolute;
  left: 73%;
  width: 27%;
  height: 100%;
  font-family: "Open Sans";
  font-weight: lighter;
}
.headerLogoCustomer {
  position: absolute;
  left: 73%;
  width: 27%;
  height: 100%;
  font-family: "Open Sans";
  font-weight: lighter;
  background-image: url("../../../../Content/Images/background_customer_portal_heading.png");
}
.headerLogoInstaller {
  position: absolute;
  left: 73%;
  width: 27%;
  height: 100%;
  font-family: "Open Sans";
  font-weight: lighter;
  background-image: url("../../../../Content/Images/background_installer_portal_heading.png");
}
.headerLogoDistributor {
    position: absolute;
    left: 73%;
    width: 27%;
    height: 100%;
    font-family: "Open Sans";
    font-weight: lighter;
    background-image: url("../../../../Content/Images/background_installer_portal_heading.png");
}
.headerLogoAdmin {
  position: absolute;
  left: 73%;
  width: 27%;
  height: 100%;
  font-family: "Open Sans";
  font-weight: lighter;
  background-image: url("../../../../Content/Images/background_admin_portal_heading.png");
}
.headerLogoCustomer span,
.headerLogoInstaller span,
.headerLogoDistributor span,
.headerLogoAdmin span {
  font-size: 24px;
  color: #fff;
  vertical-align: middle;
  line-height: 80px;
  height: 80px;
  margin-left: 10px;
  overflow: hidden;
}
.headerLogoCustomer img,
.headerLogoInstaller img,
.headerLogoDistributor img,
.headerLogoAdmin img {
  /*margin-left: 60px;
    vertical-align: middle;
    line-height: 80px;*/
  margin-left: 20%;
}
.mobileBulkAction {
  cursor: pointer;
}
.totals-label {
  font-weight: bold;
  font-size: 24px;
  color: brown;
  text-align: right;
}
.totals-content-label {
  font-weight: bold;
  font-size: 24px;
  color: darkgreen;
  text-align: left;
}
.linkIcon {
  cursor: pointer;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.languageSelect {
  padding: 0 !important;
}
.languageSelectUl {
  min-width: 32px;
  padding-left: 3px;
}
.leftAlignLabel {
  text-align: left !important;
}
/*Card Fomrat Styles*/
.sliderVal {
  width: 50px;
  text-align: center;
}
.parityItem {
  height: 30px;
  border: black;
  border-width: 1px;
  border-style: dotted;
  margin: 1px;
}
.parityItem p {
  margin: 5px 0px 10px;
}
.parityButtonSelected {
  border: black;
  border-width: 4px;
  border-style: solid;
}
.customerCardFormat {
  display: none;
}
.input-container {
  max-width: 280px;
}
/*End Card Fomrat Styles*/
.checkbox label::before {
  top: 2px;
}
.checkbox label::after {
  top: 2px;
}
/*System Notification Styles*/
.messageBoxText {
    white-space: pre-line;
    overflow-wrap: break-word;
    overflow-y: auto;
    max-height: 4em;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

/* CB Styles*/
.attention, .foc {
    border: solid 2px orange;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.foc {
    border-color: #95c94e;
}

.attention i, .foc i {
    margin-right: 10px;
}

.al /*align right*/ {
    text-align: right;
}

.resou, .inv {
    color: #fff;
    padding: 2px 7px;
    border-radius: 10px;
    font-weight: lighter;
    white-space: nowrap;
}

    .resou.active, .inv.paid {
        background-color: #46a336;
    }

    .resou.decom, .inv.due {
        background-color: #cc3434;
    }
    .inv.void {
        background-color: #666678;
    }

    .resou.intrial {
        background-color: #dea928;
    }

.center {
    text-align: center;
}
/*CB end*/
/*payments alerts*/
.paymentalert {
    border-radius: 5px;
    font: bold;
    padding: 10px;
    margin: 20px;
    margin-bottom: 5px;
    margin-top: 58px;
    display: inline-block;
    width: 80%;
    max-width: 992px;
}

.paymentalert p {
    color: grey;
    margin-bottom: 5px;
}

.paymentalert.overdue {
    border: solid 3px #d16868;
    color: #d16868;
}

.paymentalert.due {
    border: solid 3px #e0c00e;
    color: #e0c00e;
}

.paymentalert.failed, .paymentalert.restricted {
    border: solid 3px #d16868;
    color: #d16868;
}

.paymentalert.overdue h4 {
    margin-top: 0px;
    font-size: 1.5em;
}
.alert-dismissible.alert-dismissible-visible .close {
    right: 20px;
    top: -35px;
    color: unset;
    font-size: 2em;
}
/*end*/