@charset "UTF-8";
@import "../css/bootstrap.css";
@import "../css/font-awesome.css";
@import "../../vendor/select2/select2/dist/css/select2.min.css";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
@font-face {
  font-family: "Myriad Pro";
  /*The name you choose goes here*/
  src: url("../fonts/MyriadPro-Regular.otf");
}
@font-face {
  font-family: "Bebas Neue";
  /*The name you choose goes here*/
  src: url("../fonts/BebasNeue-Regular.ttf");
}
html, body {
  font-family: "Myriad Pro";
  color: #FFF;
}

body {
  font-size: 18px;
  line-height: 22px;
}

h1, h2, .subhead, .headers {
  font-family: "Bebas Neue";
}

a, button {
  font-family: "Myriad Pro";
}

h1 {
  font-size: 32px !important;
  font-weight: 600;
  letter-spacing: 0.13px;
  line-height: 38px;
}

h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 29px;
}

h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

.h3datatable {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

.title {
  font-family: "Myriad Pro";
  font-size: 46px;
  font-weight: 600;
  letter-spacing: 0.19px;
  line-height: 55px;
}

.root {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

.subhead {
  font-size: 14px;
  line-height: 17px;
}

.headers {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.75px;
  line-height: 14px;
}

.headersLg {
  color: #505A60;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.88px;
  line-height: 17px;
  text-transform: uppercase;
}

.bodySmall {
  font-size: 14px;
  line-height: 20px;
}

.bodyLtGray {
  color: #9B9B9B;
  font-size: 12px;
  line-height: 16px;
}

.statusUpper {
  color: #9B9B9B;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
}

.linkText {
  color: #024E72;
  font-size: 12px;
  line-height: 20px;
}

.numbers {
  font-size: 56px;
  font-weight: 300;
  letter-spacing: -2.8px;
  line-height: 67px;
}

.jumbotron {
  display: table-cell;
  vertical-align: top;
  background-color: #F1F1F1;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.body-login {
  color: #FFF;
}

.onrblue {
  background: #000;
}

.container-login {
  background-color: #000;
  display: table;
  height: 100%;
  width: 100%;
}
.container-login h1 {
  color: #FFF;
}
.container-login h2 {
  color: #FFF;
}

.login-content {
  display: table-cell;
  vertical-align: middle;
  background: no-repeat 100% url("../images/MainPortalPageCircleLogo.svg");
  background-position: center center;
  background-size: 1000px 1000px;
}

.container-login > .form-container {
  display: table-cell;
  vertical-align: middle;
}

.wrap-login {
  max-width: 500px;
  margin: 40px auto;
  padding: 20px;
  color: #505A60;
  box-shadow: 0 0px 0px 0 #0c4156 !important;
}

.logo-login {
  width: 160px;
  margin: 10px 0;
}

div.default-simple-form-logo {
  width: 100%;
  height: 65px;
  background-image: url("../images/icons/lightedge-name-with-logo_BLACK.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.login-row {
  margin-top: 44px;
}

.login-fieldset {
  text-align: left;
}

.login-fieldset input {
  width: 90%;
  padding: 6px 8px;
}

.login-label {
  color: #505A60;
  text-align: left;
  margin-bottom: 12px;
}

.login-link {
  text-align: left;
}

.login-link a:hover {
  color: #024E72;
  text-decoration: none;
}

.login-button {
  margin-top: 32px;
}

.wrap-login {
  color: #505A60;
  background-color: #FFF;
  z-index: 17;
  position: relative;
}

.icon-status {
  margin-left: 8px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.registerBG {
  background-color: #F1F1F1;
}

.register-wrap {
  background-color: #F1F1F1;
  height: 100%;
}

.wrap-register {
  margin: 40px 0px;
  padding: 20px;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgba(220, 220, 220, 0.05);
  min-width: 460px;
  color: #505A60;
  width: 100%;
}

.register-info-col {
  min-width: 360px;
}

.register-form-col {
  min-width: 270px;
  max-width: 600px;
}

.register-info-wrap {
  background-color: #024E72;
  color: #FFF;
  padding: 55px 40px;
}

.register-info-1 {
  border-bottom: 1px solid #FFF;
  padding-bottom: 32px;
}

.register-info-2 {
  padding-top: 55px;
}

.logo-register {
  width: 160px;
}

.info-welcome {
  padding-top: 58px;
}

.info-welcome-text {
  font-family: "Myriad Pro";
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 17px;
}

.info-title {
  padding-top: 14px;
}

.info-title-text {
  font-family: "Myriad Pro";
  font-size: 42px;
  font-weight: 600;
  line-height: 48px;
}

.info-list {
  list-style-type: disc;
  font-family: "Myriad Pro";
  padding-top: 30px;
  padding-left: 45px;
  font-size: 24px;
  font-weight: 500;
  line-height: 48px;
}

.other-info-title {
  font-family: "Myriad Pro";
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

.other-info-detail {
  padding-top: 11px;
  padding-bottom: 30px;
}

.other-info-detail-text {
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
}

.register-fieldset {
  text-align: left;
}

.register-fieldset .login-label {
  color: #505A60;
  margin-bottom: 22px;
}

.register-fieldset .input-size {
  height: 60px;
}

.register-fieldset input {
  height: 60px;
}

.register-fieldset .strength-button {
  font-size: 32.5px !important;
}

.register-fieldset .strength-addon {
  vertical-align: bottom !important;
  padding-bottom: 10px;
}

.register-fieldset .form-control-feedback {
  top: 50px !important;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
h1 {
  padding: 0px;
}

.contentBG.theme-light, .theme-light .contentBG {
  background-color: #F1F1F1;
  /* 1 */
}

.content-wrap {
  height: 100%;
}
.content-wrap.theme-light, .theme-light .content-wrap {
  background-color: #F1F1F1;
}

.navbar-default {
  max-width: 104px;
  background-color: #000;
}

.navbar {
  margin: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

#sidebar-menu {
  background-color: #000;
  height: 100%;
}

#sidebar-menu > .navbar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbutton-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  background-color: #000;
  color: #FFF;
  height: 120px;
}

a.navbutton-container:visited {
  background-color: #000;
  color: #FFF;
}

a.navbutton-container:hover {
  background-color: #000;
  color: #EBE71E;
}

a.navbutton-container:active {
  background-color: #0C0C0C;
  color: #EBE71E;
}

.navbutton-label {
  order: 2;
  font-family: "Bebas Neue";
  font-size: 18px;
  padding-top: 5px;
  cursor: pointer;
  text-align: center;
}

.navbutton-icon {
  order: 1;
  background-position: bottom;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.navbutton-icon-dashboard {
  background-image: url("../images/icons/dashboard-white-icon.svg");
  height: 43px;
}

a.navbutton-container:hover div.navbutton-icon-dashboard {
  background-image: url("../images/icons/dashboard-gold-icon.svg");
}

.navbutton-icon-colo {
  background-image: url("../images/icons/colo-white-icon.svg");
  height: 43px;
}

a.navbutton-container:hover div.navbutton-icon-colo {
  background-image: url("../images/icons/colo-gold-icon.svg");
}

.navbutton-icon-cloud {
  background-image: url("../images/icons/cloud-white-icon.svg");
  height: 38px;
}

a.navbutton-container:hover div.navbutton-icon-cloud {
  background-image: url("../images/icons/cloud-gold-icon.svg");
}

li.navlogo a.navlogo-container {
  cursor: default;
}

.navlogo-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  background-color: #000;
  color: #FFF;
  height: 150px;
  cusror: default;
}

.navlogo-icon {
  order: 1;
  background-position: bottom;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.navlogo-icon-logo {
  background-image: url("../images/icons/lightedge-logo-white-60.svg");
  height: 60px;
}

/*.navlogo img {
  position: relative;
  padding-top: 32px; }
*/
.home-icon {
  width: 51px;
}

/*.navtitle {
  display: block;
  color: $white;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.75px;
  line-height: 28px;
  text-transform: uppercase; }*/
.navbar {
  border: 0;
  padding: 0;
}

nav {
  height: 625px;
  width: 104px;
}

.nav-col {
  height: 100%;
  float: left;
}

.header-row {
  margin-top: 41px;
}

.col-no-padding-left {
  padding-left: 0px;
}

.col-no-padding-right {
  padding-right: 0px;
}

.header-col {
  height: 84px;
}
.header-col.theme-light, .theme-light .header-col {
  border-bottom: solid 1px #DCDCDC;
}

.content-row {
  float: left;
  margin-left: 15px;
  height: 100%;
}

.dashboard-row1 {
  margin-top: 20px;
  /*108px*/
}

.dashboard-row2 {
  margin-top: 20px;
}

.content {
  padding: 0;
}

.dropdown-menu > li > a {
  font-size: 16px;
  color: #024E72;
}

.profile-button {
  margin-right: 0px;
  border: none;
  padding: 0px;
  padding-left: 20px;
  background-color: transparent;
}

.profile-button:active,
.profile-button.active,
.open > .dropdown-toggle.profile-button {
  color: #4F4F4F;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.profile-img {
  vertical-align: middle;
  width: 48px;
  border-radius: 50%;
}

.help-text {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 28px;
}
.help-text.theme-light, .theme-light .help-text {
  color: #4F4F4F;
  background-color: #DCDCDC;
}

td.pageheader {
  vertical-align: middle;
}

.notification-text {
  height: 32px;
  border-radius: 20px;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  border: 1px solid #505A60;
}
.notification-text.theme-light, .theme-light .notification-text {
  color: #4F4F4F;
  background-color: #DCDCDC;
}

.help-button {
  margin-top: 4px;
  margin-right: 11px;
  border: none;
  padding: 0px;
  color: #4F4F4F;
  background-color: transparent;
  border: none;
}

.help-button:focus,
.help-button.focus {
  color: #4F4F4F;
  background-color: transparent;
  border: none;
}

.help-button:hover {
  color: #4F4F4F;
  background-color: transparent;
  border: none;
}

.help-button:active,
.help-button.active,
.open > .dropdown-toggle.help-button {
  color: #4F4F4F;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.help-buttont:active:hover,
.help-button.active:hover,
.open > .dropdown-toggle.help-button:hover,
.help-button:active:focus,
.help-button.active:focus,
.open > .dropdown-toggle.help-button:focus,
.help-button:active.focus, .help-button.active.focus,
.open > .dropdown-toggle.help-button.focus {
  color: #4F4F4F;
  background-color: transparent;
  border: none;
}

.help-button:active, .help-button.active,
.open > .dropdown-toggle.help-button {
  background-color: transparent;
  border: none;
}

.help-button.disabled:hover, .help-button[disabled]:hover,
fieldset[disabled] .help-button:hover, .help-button.disabled:focus,
.help-button[disabled]:focus, fieldset[disabled] .help-button:focus,
.help-button.disabled.focus, .help-button[disabled].focus,
fieldset[disabled] .help-button.focus {
  background-color: transparent;
  border: none;
}

.menu-arrow > .dropdown-menu {
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  border: none;
}

.menu-arrow > .dropdown-menu:after {
  position: absolute;
  display: inline-block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  content: "";
}

.dropdown-menu-profile {
  margin-top: 21px;
  left: auto !important;
  right: 0 !important;
}

.dropdown-menu-profile::after {
  right: 9px;
}

.dropdown-menu-notification {
  margin-top: 21px;
  left: auto !important;
  right: -67px !important;
}

.dropdown-menu-notification::after {
  right: 139px;
}

.dropdown-menu-help {
  margin-top: 23px;
  left: auto !important;
  right: -100% !important;
}

.dropdown-menu-help::after {
  right: 60px;
}

.nocaret > .caret {
  display: none;
}

.menu-arrow > .dropdown-menu:after {
  top: -10px;
  border-bottom: 10px solid #FFF;
}

.maincontent {
  margin-top: 40px;
}

.card {
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 gainsboro;
}
.card.theme-light, .theme-light .card {
  background-color: #FFF;
}

.panel-onr {
  border: none;
  margin-top: 20px;
}
.panel-onr .panel-title {
  float: left;
  font-family: "Bebas Neue";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.88px;
  line-height: 40px;
}
.panel-onr .panel-body {
  padding: 0px;
}
.panel-onr .icon-pos {
  height: 40px;
}
.panel-onr .icon-pos img {
  margin-top: 6px;
}

.panel.card {
  margin-top: 30px;
}

.panel-support {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #505A60;
}
.panel-support .panel-body {
  padding: 0px;
}
.panel-support > .panel-heading {
  border: none;
  height: 60px;
  padding: 10px 25px;
  color: #4F4F4F;
  background-color: #FFF;
}
.panel-support .panel-title {
  text-align: left;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 40px;
}
.panel-support .col-support {
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #F1F1F1;
}
.panel-support .col-support:last-child {
  padding: 0px 0px 0px 0px;
  border-bottom: 0px;
}
.panel-support .col-tickets {
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #F1F1F1;
}
.panel-support .col-tickets:last-child {
  padding: 0px 0px 0px 0px;
  border-bottom: 0px;
}
.panel-support .col-howto {
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #F1F1F1;
}
.panel-support .col-howto:last-child {
  padding: 0px 0px 0px 0px;
  border-bottom: 0px;
}

.panel-team {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #505A60;
}
.panel-team .panel-body {
  padding: 0px;
}
.panel-team > .panel-heading {
  border: none;
  height: 75px;
  padding: 25px;
  color: #FFF;
  background-color: #000;
}
.panel-team .panel-title {
  text-align: left;
  font-family: "Myriad Pro";
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.21px;
  line-height: 23px;
}
.panel-team .col-support {
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #F1F1F1;
}
.panel-team .col-support:last-child {
  padding: 0px 0px 0px 0px;
  border-bottom: 0px;
}
.panel-team .col-tickets {
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #F1F1F1;
}
.panel-team .col-tickets:last-child {
  padding: 0px 0px 0px 0px;
  border-bottom: 0px;
}
.panel-team .col-howto {
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #F1F1F1;
}
.panel-team .col-howto:last-child {
  padding: 0px 0px 0px 0px;
  border-bottom: 0px;
}

.panel-cloud > .panel-heading {
  background-color: #4F4F4F;
  border: none;
  height: 60px;
  color: #FFF;
}

.panel-managed > .panel-heading {
  border: none;
  height: 60px;
  color: #FFF;
  background-color: #024E72;
}

.sub-panel {
  margin-bottom: 1px;
  border: none;
  border-bottom: 1px solid #DCDCDC;
}
.sub-panel .icon-network {
  margin-top: 16px;
}
.sub-panel .icon-storage {
  margin-top: 10px;
}
.sub-panel .icon-compute {
  margin-top: 10px;
}
.sub-panel .icon-security {
  margin-top: 14px;
}
.sub-panel .fa-circle {
  margin-right: 30px;
  color: #99C525;
}
.sub-panel .fa-danger {
  font-size: 12px;
  color: #D0021B;
}
.sub-panel .fa-warning {
  font-size: 12px;
  color: #E7DF21;
}

.sub-panel > .panel-heading {
  border: none;
  height: 80px;
  color: #4F4F4F;
  background-color: #FFF;
}

.sub-panel .toggle-pos {
  margin-top: 25px;
  font-size: 12px;
}

.sub-panel .panel-body {
  background-color: #F9F9F9;
  color: #4F4F4F;
}

.sub-panel .panel-title {
  float: left;
  margin-left: 20px;
  font-family: "Bebas Neue";
  color: #1b1b1b;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 60px;
}

.panel-body-simple {
  padding: 5px 10px 5px 10px;
  text-align: left;
}
.panel-body-simple .title {
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
}
.panel-body-simple .balance-value {
  font-family: "Myriad Pro";
  color: #4F4F4F;
  font-weight: 300;
}
.panel-body-simple .balance-value .small-font {
  font-size: 24px;
  letter-spacing: -1.2px;
  line-height: 52px;
}
.panel-body-simple .balance-value .big-font.narrow {
  letter-spacing: -2.8px;
  line-height: 67px;
}
@media (max-width: 79%) {
  .panel-body-simple .balance-value .big-font.narrow {
    font-size: 40px;
  }
}
@media (min-width: 80%) {
  .panel-body-simple .balance-value .big-font.narrow {
    font-size: 56px;
  }
}
.panel-body-simple .balance-value .big-font {
  font-family: "Lato";
  font-size: 56px;
  letter-spacing: -2.8px;
  line-height: 67px;
}

.panel-body-balance {
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  text-align: left;
}
.panel-body-balance .title {
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
}
.panel-body-balance .balance-value {
  font-family: "Myriad Pro";
  color: #4F4F4F;
  font-weight: 300;
}
.panel-body-balance .balance-value .small-font {
  font-size: 24px;
  letter-spacing: -1.2px;
  line-height: 52px;
}
.panel-body-balance .balance-value .big-font {
  font-family: "Lato";
  font-size: 56px;
  letter-spacing: -2.8px;
  line-height: 67px;
}

.panel-body-totals {
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  text-align: left;
}
.panel-body-totals .title {
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
}
.panel-body-totals .totals-value {
  color: #024E72;
  font-size: 56px;
  letter-spacing: -2.8px;
  line-height: 67px;
  font-family: "Myriad Pro";
  font-weight: 300;
}

.panel-body-tickets {
  padding-top: 25px;
  text-align: left;
}
.panel-body-tickets .title {
  font-family: "Myriad Pro";
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  height: 28px;
  color: #4F4F4F;
  padding-bottom: 7px;
}
.panel-body-tickets .last-ticket {
  border: none !important;
}
.panel-body-tickets .ticket {
  padding: 25px 0px 12.5px 0px;
  border-bottom: 1px solid #DCDCDC;
  font-family: "Myriad Pro";
}
.panel-body-tickets .ticket .ticket-name {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4F4F4F;
  font-size: 18px;
  line-height: 22px;
  padding-right: 0px;
}
.panel-body-tickets .ticket .ticket-type {
  color: #4F4F4F;
  font-size: 10px;
  line-height: 22px;
  text-align: right;
  padding-left: 0px;
}
.panel-body-tickets .ticket .fa-danger {
  font-size: 12px;
  color: #D0021B;
}
.panel-body-tickets .ticket .fa-warning {
  font-size: 12px;
  color: #E7DF21;
}

.panel-body-duedate {
  padding: 25px 0px 20px 0px;
  text-align: left;
}
.panel-body-duedate .title {
  font-family: "Myriad Pro";
  height: 17px;
}
.panel-body-duedate .title .title-left {
  font-size: 14px;
  line-height: 17px;
  float: left;
}
.panel-body-duedate .title .title-right {
  color: #024E72;
  font-size: 12px;
  line-height: 16px;
  float: right;
}
.panel-body-duedate .duedate-value {
  font-family: "Myriad Pro";
  color: #4F4F4F;
  font-weight: 300;
  font-size: 56px;
  letter-spacing: -2.8px;
  line-height: 67px;
}

.panel-body-bill {
  padding: 0px;
  color: #4F4F4F;
}
.panel-body-bill .bill-type {
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
}
.panel-body-bill .bill-info {
  font-family: "Myriad Pro";
  font-size: 18px;
  line-height: 22px;
}

.panel-body-order {
  padding: 5px 10px 5px 10px;
  text-align: left;
}
.panel-body-order .order-card-title {
  font-family: "Myriad Pro";
  font-size: 16px;
  line-height: 19px;
  color: #024E72;
}
.panel-body-order .order-card-description {
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 18px;
  color: #4D4D4D;
}
.panel-body-order .order-card-actions {
  margin-top: 20px;
}
.panel-body-order .order-btn-action {
  margin-right: 8px;
}
.panel-body-order .order-btn-action button:active, .panel-body-order .order-btn-action button:focus, .panel-body-order .order-btn-action button:hover {
  outline: none;
}

.panel-body-buttons {
  padding: 25px 30px 25px 30px;
  color: #505A60;
}
.panel-body-buttons .left-button {
  width: auto;
}
.panel-body-buttons .right-check {
  margin-top: 7px;
}
.panel-body-buttons .ui-inputswitch-off {
  width: 0 !important;
}
.panel-body-buttons .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all.right-check {
  background-color: #9B9B9B;
  height: 29px;
  width: 48px;
  border-radius: 21.5px;
}
.panel-body-buttons .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all.right-check.ui-inputswitch-checked {
  background-color: #99C525 !important;
}
.panel-body-buttons .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all.right-check.ui-inputswitch-checked .ui-inputswitch-on {
  width: 0 !important;
}
.panel-body-buttons .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all.right-check.ui-inputswitch-checked .ui-state-default {
  left: 22px !important;
}
.panel-body-buttons .ui-inputswitch-handle.ui-state-default {
  height: 23px;
  width: 23px !important;
  background-color: #FFF;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  left: 2px !important;
  top: 2px;
}
.panel-body-buttons .right-text {
  line-height: 42px;
  margin-right: 10px;
  color: #9B9B9B;
  font-family: "Myriad Pro";
  font-size: 12px;
  font-weight: bold;
}
.panel-body-buttons .right-text .highlight {
  color: #99C525;
}

.panel-body-tabs .nav-tabs {
  border-bottom: 2px solid #DCDCDC;
  font-size: 12px;
  line-height: 20px;
}
.panel-body-tabs .nav-tabs > li {
  margin-bottom: -2px;
  float: right;
}
.panel-body-tabs .nav-tabs > li.active > a, .panel-body-tabs .nav-tabs > li.active > a:hover, .panel-body-tabs .nav-tabs > li.active > a:focus {
  color: #4F4F4F;
  background-color: #FFF;
  border: none;
  border-bottom: 2px solid #024E72;
}
.panel-body-tabs .tab-panel {
  padding: 30px 0px 10px 0px;
}
.panel-body-tabs .tab-panel .row-no-padding {
  margin: 0px !important;
  padding-bottom: 20px;
}
.panel-body-tabs .tab-panel a, .panel-body-tabs .tab-panel a:hover {
  color: #024E72;
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 18px;
}
.panel-body-tabs .tab-panel .col-no-padding {
  padding: 0px !important;
  text-align: left;
}

.panel-body-more {
  padding: 10px 30px 10px 30px;
  color: #4F4F4F;
  text-align: center;
}

.panel-simple {
  padding: 25px 30px;
  border-bottom: 1px solid #DCDCDC;
  text-align: left;
}
.panel-simple .title {
  color: #4F4F4F;
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
}
.panel-simple .progress {
  margin-top: 18px;
}
.panel-simple .text-infos {
  margin-top: 5px;
  font-family: "Myriad Pro";
}
.panel-simple .text-infos .text-number {
  float: left;
  font-size: 56px;
  font-weight: 300;
  letter-spacing: -2.8px;
  line-height: 67px;
}
.panel-simple .text-infos .text-total {
  font-weight: 100;
  color: #4F4F4F;
}
.panel-simple .text-infos .text-left-unit {
  font-size: 14px;
  line-height: 20px;
  margin-top: 40px;
}
.panel-simple .text-infos .text-right-margin {
  margin-top: 45px;
}
.panel-simple .text-infos .unit-margin {
  margin-left: 5px;
}
.panel-simple .text-infos .text-left-note {
  font-size: 10px;
  line-height: 12px;
}
.panel-simple .text-infos .text-left-percent {
  margin-top: 15px;
  font-size: 14px;
  line-height: 19px;
}
.panel-simple .text-infos .text-left-util {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -1.2px;
  color: #4F4F4F;
}
.panel-simple .text-infos .text-left-days {
  font-size: 10px;
  line-height: 12px;
  color: #4F4F4F;
}
.panel-simple .text-infos .text-right-number {
  color: #4F4F4F;
}

.a-dashboard {
  cursor: pointer;
  font-size: 12px;
  line-height: 40px;
  text-align: right;
}

.panel-security {
  padding: 25px 15px;
  text-align: left;
}

.a-link {
  font-size: 12px;
  line-height: 30px;
  text-align: right;
}

.icon-link {
  font-size: 16px;
  color: #4F4F4F;
  margin-top: 6px;
}

.btn-dashboard {
  color: #024E72;
  background-color: #FFF;
  border-color: #DCDCDC;
  width: 180px;
  border: solid 1px #024E72;
  border-radius: 21.5px;
  padding: 10px 18px;
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 20px;
}
.btn-dashboard :focus, .btn-dashboard .focus {
  background-color: #DCDCDC;
  border-color: #9B9B9B;
}
.btn-dashboard :hover {
  background-color: #DCDCDC;
  border-color: #9B9B9B;
}
.btn-dashboard :active, .btn-dashboard .active {
  background-color: #DCDCDC;
  border-color: #9B9B9B;
}
.btn-dashboard .glyph-font {
  font-size: 16px;
}

.cardcol {
  padding-right: 0;
}

.modal-row {
  margin-top: 20px;
}

.modal-header {
  background-color: #024E72;
  color: #FFF;
}

.modal-content label {
  font-size: 16px;
}

.tooltip .tooltip-inner {
  background-color: #FFF;
  color: #024E72;
  padding: 16px 32px;
  line-height: 24px;
  font-family: "Myriad Pro";
  font-size: 16px;
  text-align: left;
  border-left: solid 1px #DCDCDC;
  border-right: solid 1px #DCDCDC;
  border-bottom: solid 1px #DCDCDC;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}

.tooltip .arrow::before {
  border-bottom: 5px solid white;
}

.custommenu {
  display: block;
  padding: 20px 0px;
  margin-right: 20px;
  margin-left: 20px;
  clear: both;
  font-family: "Myriad Pro";
  line-height: 20px;
  color: #505A60;
  border-bottom: 1px solid #DCDCDC;
  white-space: nowrap;
}

.title-menuitem {
  font-weight: bold;
}

.last-menuitem {
  color: #024E72;
  text-align: center;
  border: none;
}

.badge-menuitem {
  padding: 4px 8px;
  margin-right: 20px;
}

.badge-menuitem-warn {
  background-color: #E7DF21;
}

.badge-menuitem-danger {
  background-color: #D0021B;
}

.badge-menuitem-warn-danger {
  background-color: #FA5D00;
}

.checkbox-slider-light-dark.checkbox-slider-lg input + span:before {
  border-radius: 22px !important;
}

.checkbox-slider-light-dark input + span:after, .checkbox-slider-lg input + span:before {
  height: 32px !important;
  line-height: 32px !important;
}

.checkbox-slider-light-dark.checkbox-slider-lg input + span:after {
  border-radius: 22px !important;
  margin-left: 5px !important;
  margin-top: 8px;
  height: 22px !important;
  background-color: #FFF;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.checkbox-slider-light-dark input + span:before {
  box-shadow: none;
  content: "Light";
  padding-left: 15px;
  color: #4F4F4F !important;
}

.checkbox-slider-light-dark input + span:after {
  width: 22px !important;
}

.checkbox-slider-light-dark input:checked + span:after {
  margin-left: 52px !important;
  margin-top: 8px;
  height: 22px !important;
  background-color: #FFF;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.checkbox-slider-light-dark input:checked + span:before {
  background: #000;
  content: "Dark";
  padding-left: 0px;
  padding-right: 15px;
  color: #FFF !important;
}

.checkbox-slider-light-dark input + span {
  padding-left: 70px;
}

.checkbox-slider-light-dark input[type=checkbox]:focus + *:before {
  outline: none;
}

.checkbox-slider-light-dark label {
  height: 32px;
  margin-top: 5px;
}

.btn-toolbar {
  margin: 0px;
}

.white-icon-circle {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.6em;
  background-color: #FFF;
}

.container-dashboard {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {
  .container-dashboard {
    width: 480px;
  }
}
@media (min-width: 80%) {
  .container-dashboard {
    width: 80%;
  }
}
@media (min-width: 80%) {
  .container-dashboard {
    width: 80%;
  }
}
@media (min-width: 80%) {
  .container-dashboard {
    width: 80%;
  }
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.dedicated-san .no-padding-right {
  padding-right: 0px !important;
}
.dedicated-san .no-padding-left {
  padding-left: 0px !important;
}
@media (max-width: 1200px) {
  .dedicated-san .cols-height {
    height: 322px;
  }
}
@media (min-width: 1200px) {
  .dedicated-san .cols-height {
    height: 322px;
  }
}
@media (min-width: 1440px) {
  .dedicated-san .cols-height {
    height: 272px;
  }
}
@media (min-width: 1600px) {
  .dedicated-san .cols-height {
    height: 260px;
  }
}
@media (max-width: 1200px) {
  .dedicated-san .cols-height-smaller {
    height: 165px;
  }
}
@media (min-width: 1200px) {
  .dedicated-san .cols-height-smaller {
    height: 165px;
  }
}
@media (min-width: 1440px) {
  .dedicated-san .cols-height-smaller {
    height: 177px;
  }
}
@media (min-width: 1600px) {
  .dedicated-san .cols-height-smaller {
    height: 165px;
  }
}
.dedicated-san .col-comment {
  background-color: #505A60;
  border-radius: 5px 0px 0px 5px;
  margin-top: 30px;
  margin-bottom: 15px;
  margin-left: 30px;
}
.dedicated-san .col-comment .comment {
  padding: 40px;
}
.dedicated-san .col-comment .comment .comment-title {
  color: #FFF;
  font-family: "Zilla Slab";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1px;
  display: table;
  height: 48px;
}
.dedicated-san .col-comment .comment .comment-title span {
  padding-left: 25px;
  line-height: 27px;
  vertical-align: middle;
  display: table-cell;
}
.dedicated-san .col-comment .comment .comment-title img {
  vertical-align: middle;
  display: table-cell;
}
.dedicated-san .col-comment .comment .comment-detail {
  color: #FFF;
  font-family: "Myriad Pro";
  font-size: 14px;
  padding-top: 20px;
  line-height: 20px;
  text-align: justify;
}
.dedicated-san .col-details {
  background-color: #FFF;
  margin-top: 30px;
  margin-bottom: 15px;
  margin-right: 30px;
  border-top: solid 1px #DCDCDC;
  border-right: solid 1px #DCDCDC;
  border-bottom: solid 1px #DCDCDC;
  border-radius: 0px 5px 5px 0px;
}
.dedicated-san .col-details .details {
  padding: 32px 25px;
}
.dedicated-san .col-details .details .no-border {
  border: none !important;
  text-align: center !important;
}
.dedicated-san .col-details .details .details-col {
  border-right: solid 1px #DCDCDC;
  color: #505A60;
  font-family: "Myriad Pro";
  text-align: left;
}
.dedicated-san .col-details .details .details-col .type {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
@media (max-width: 1200px) {
  .dedicated-san .col-details .details .details-col .type {
    height: 56px;
  }
}
@media (min-width: 1200px) {
  .dedicated-san .col-details .details .details-col .type {
    height: 56px;
  }
}
@media (min-width: 1440px) {
  .dedicated-san .col-details .details .details-col .type {
    height: 34px;
  }
}
@media (max-width: 1200px) {
  .dedicated-san .col-details .details .details-col .bandwidth-normal {
    height: 141px;
  }
}
@media (min-width: 1200px) {
  .dedicated-san .col-details .details .details-col .bandwidth-normal {
    height: 141px;
  }
}
@media (min-width: 1440px) {
  .dedicated-san .col-details .details .details-col .bandwidth-normal {
    height: 113px;
  }
}
@media (min-width: 1600px) {
  .dedicated-san .col-details .details .details-col .bandwidth-normal {
    height: 101px;
  }
}
.dedicated-san .col-details .details .details-col .bandwidth {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .dedicated-san .col-details .details .details-col .same-size {
    height: 101px;
  }
}
@media (min-width: 1200px) {
  .dedicated-san .col-details .details .details-col .same-size {
    height: 101px;
  }
}
@media (min-width: 1440px) {
  .dedicated-san .col-details .details .details-col .same-size {
    height: 113px;
  }
}
@media (min-width: 1600px) {
  .dedicated-san .col-details .details .details-col .same-size {
    height: 101px;
  }
}
.dedicated-san .col-details .details .details-col .cost-normal {
  height: 60px;
}
@media (max-width: 1440px) {
  .dedicated-san .col-details .details .details-col .cost .currency-smaller {
    padding-top: 5px !important;
  }
}
.dedicated-san .col-details .details .details-col .cost .currency {
  font-size: 14px;
  vertical-align: top;
  float: left;
  line-height: 20px;
  padding-top: 7px;
}
@media (max-width: 1440px) {
  .dedicated-san .col-details .details .details-col .cost .value-smaller {
    font-size: 43px;
    line-height: 46px;
  }
}
@media (min-width: 1440px) {
  .dedicated-san .col-details .details .details-col .cost .value-smaller {
    font-size: 56px;
    line-height: 60px;
  }
}
.dedicated-san .col-details .details .details-col .cost .value-normal {
  font-size: 56px;
  line-height: 60px;
}
.dedicated-san .col-details .details .details-col .cost .value {
  font-weight: 300;
  letter-spacing: -2.8px;
  float: left;
}
@media (max-width: 1440px) {
  .dedicated-san .col-details .details .details-col .cost .unit-smaller {
    padding-top: 28px !important;
  }
}
.dedicated-san .col-details .details .details-col .cost .unit {
  color: #9B9B9B !important;
  font-size: 12px;
  line-height: 14px;
  padding-top: 40px;
  padding-left: 5px;
}
.dedicated-san .col-details .details .details-col .btn-dashboard {
  margin-top: 9px;
  width: auto;
}

.storage-title {
  color: #505A60;
  float: left;
  padding-top: 45px;
  padding-left: 30px;
  font-family: "Myriad Pro";
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.storage-title .add {
  margin-left: 30px;
  color: #024E72;
  font-family: "Myriad Pro";
  font-size: 12px;
  line-height: 22px;
}

.onr-chart {
  padding-left: 30px;
  padding-right: 30px;
}
.onr-chart .header {
  height: 100px;
  background-color: #F9F9F9;
  border-style: solid;
  border-color: #DCDCDC;
  border-width: 0px 1px 0px 1px;
  text-align: left;
}
.onr-chart .ui-dropdown {
  margin-left: 20px !important;
}
.onr-chart .body {
  padding-left: 15px;
  padding-right: 15px;
  border-style: solid;
  border-color: #DCDCDC;
  border-width: 0px 1px 0px 1px;
  background-color: #F9F9F9;
}
.onr-chart .body .ui-chart {
  background-color: #F9F9F9;
}
.onr-chart .footer {
  height: 20px;
  background-color: #F9F9F9;
  border-style: solid;
  border-color: #DCDCDC;
  border-width: 0px 1px 1px 1px;
  border-radius: 0px 0px 5px 5px;
}

.onr-table.withChart {
  padding-bottom: 0px !important;
}
.onr-table.withChart .footer {
  border-bottom: none !important;
  border-radius: 0px !important;
  height: 20px !important;
}

.onr-table {
  padding: 30px;
  color: #505A60 !important;
}
.onr-table .header {
  background-color: #F9F9F9;
  border-top: solid 1px #DCDCDC;
  border-left: solid 1px #DCDCDC;
  border-right: solid 1px #DCDCDC;
  height: 20px;
  border-radius: 5px 5px 0px 0px;
}
.onr-table .footer {
  background-color: #F9F9F9;
  border-bottom: solid 1px #DCDCDC;
  border-left: solid 1px #DCDCDC;
  border-right: solid 1px #DCDCDC;
  height: 20px;
  border-radius: 0px 0px 5px 5px;
}
.onr-table .bigtext {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.onr-table .mediumtext {
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
}
.onr-table table {
  border-color: #DCDCDC;
}
.onr-table thead tr {
  height: 40px;
}
.onr-table thead th {
  vertical-align: top !important;
  text-align: left;
  background-color: #F9F9F9 !important;
  font-family: "Myriad Pro" !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.75px !important;
  line-height: 14px !important;
  border: none !important;
}
.onr-table thead tr > th:first-of-type {
  border-left: solid 1px #DCDCDC !important;
}
.onr-table thead tr > th:last-of-type {
  border-right: solid 1px #DCDCDC !important;
}
.onr-table tbody {
  font-family: "Myriad Pro" !important;
  font-size: 12px;
  border: none !important;
}
.onr-table tbody tr {
  height: 70px !important;
  background-color: #FFF !important;
  border: none !important;
  border-top: solid 1px #DCDCDC !important;
}
.onr-table tbody td {
  vertical-align: middle !important;
  line-height: 16px;
  text-align: left;
  border: none !important;
}
.onr-table tbody > tr:first-of-type {
  border: none !important;
}
.onr-table tbody tr > td:first-of-type {
  border-left: solid 1px #DCDCDC !important;
}
.onr-table tbody tr > td:last-of-type {
  border-right: solid 1px #DCDCDC !important;
}
.onr-table .pi-caret-left::before {
  font-weight: 900;
}
.onr-table .pi-step-forward {
  font-size: 1em;
}
.onr-table .pi-step-backward {
  font-size: 1em;
}
.onr-table .ui-paginator .ui-paginator-page {
  line-height: 1.25em;
  font-family: "Myriad Pro";
}
.onr-table .ui-widget-header {
  color: #505A60;
  background: #F9F9F9;
  border: 1px solid #DCDCDC;
  border-radius: 0px 0px 5px 5px;
}

.error-toast-container {
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 5%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 25%;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
#deactivate-user-modal .confirm-deactivateBtn,
#delete-user-modal .confirm-deactivateBtn {
  float: right !important;
  margin-left: 20px !important;
}
#deactivate-user-modal .btn,
#delete-user-modal .btn {
  box-shadow: none;
  outline: none;
  text-decoration: none;
}

.account-overview .main-panel .nav-tabs > li {
  width: 33.33333%;
  font-size: 0.9em;
}
@media (min-width: 1600px) {
  .account-overview .main-panel .nav-tabs > li {
    font-size: 24px;
  }
}
.account-overview #user-menu {
  border: 0;
  box-shadow: none;
}
.account-overview #user-menu:focus, .account-overview #user-menu:hover, .account-overview #user-menu:active {
  background-color: #FFF;
}
.account-overview #user-menu .caret {
  display: none;
}
.account-overview .user-menu-container ul {
  top: 70%;
  left: -100% !important;
}
.account-overview .action-symbol {
  cursor: pointer;
}
.account-overview .action-symbol::before {
  content: "";
  font-family: FontAwesome;
  font-size: 2.2em;
  color: #024E72;
}
.account-overview .download {
  font-family: Glyphicons Halflings;
  color: #024E72 !important;
  margin-bottom: 0.5em;
}
.account-overview .physical-access {
  padding-right: 3em;
  font-weight: 500;
  cursor: pointer;
}
.account-overview .physical-access a {
  padding-right: 10px;
}
.account-overview .cardcol {
  border: 10px;
}
.account-overview .ui-column-title {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.6px;
  font-weight: 700;
}
.account-overview .onr-table .user-details {
  text-align: left;
  padding: 0;
}
.account-overview .onr-table .padding-left-0 {
  padding-left: 0;
}
.account-user-data span {
  font-family: "Bebas Neue";
}
.account-contact {
  text-align: left;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  width: 32%;
}
.account-contact-content {
  color: #505A60;
}
.account-contact-content .panel-body {
  padding-top: 0;
}
.account-contact-content .panel-heading {
  border: 0;
  background-color: #FFF;
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
  height: 22px;
  font-size: 18px;
  line-height: 22px;
}
.account-contact-content .panel {
  border: 0;
  margin-bottom: 0;
}
.account-contact-content .panel h3 {
  font-weight: normal;
}
.account-contact-content .contact-us {
  height: 54px;
  color: #1b1b1b;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 29px;
}
.account-contact-content .contact-us .panel-title {
  font-size: 26px;
  height: 60px;
}
.account-contact-content .details {
  font-size: 12px;
}
.account-contact-content .details.address {
  padding-top: 10px;
  width: 50%;
  letter-spacing: 0.1px;
  line-height: 20px;
}

div.account-name {
  font-size: 16px;
  color: #1b1b1b;
}

div.account-overview-label {
  font-size: 12px;
  color: #4F4F4F;
  padding-top: 15px;
  padding-bottom: 0px;
  vertical-align: bottom;
}

div.account-overview-profile {
  font-size: 30px;
  color: #1b1b1b;
}

div.account-overview-company {
  font-size: 30px;
  line-height: 1;
  margin-top: 10px;
  color: #1b1b1b;
}

div.account-overview-data {
  font-size: 16px;
  color: #1b1b1b;
}

div.account-overview-cname {
  font-size: 16px;
  color: #1b1b1b;
}

div.account-overview-edit-buttons {
  font-size: 12px;
  margin-top: 40px;
  padding-top: 16px;
}
div.account-overview-edit-buttons a.disabled {
  cursor: default;
  color: #ccc;
}

.user_avatar {
  width: 50px;
  height: 50px;
  border-color: #505A60;
  border-style: solid;
  border-width: thin;
  border-radius: 25px;
}

.mobile_user_avatar {
  width: 32px;
  height: 32px;
  border-color: #505A60;
  border-style: solid;
  border-width: thin;
  border-radius: 25px;
}

.comment_user_avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

#help_button {
  border-color: #505A60;
  border-style: solid;
  border-width: thin;
  border-radius: 25px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.edit-user-form .onr-chart {
  padding: 0;
}
.edit-user-form .glyphicon-ok:before,
.edit-user-form .glyphicon-remove:before {
  margin: 20px;
}
.edit-user-form .pi {
  position: relative;
}
.edit-user-form .ui-chkbox-box.ui-state-active {
  background-color: #99C525;
}
.edit-user-form .action-container {
  margin: 20px 0;
}
.edit-user-form .action-container button[type=submit] {
  padding: 6px 20px;
}
.edit-user-form textarea {
  width: 100%;
  resize: none;
  border-radius: 5px;
}
.edit-user-form .pi-check:before {
  font-family: FontAwesome;
  content: "";
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-100%, 20%);
  width: 40%;
}
.edit-user-form .physical-access-form {
  margin-left: 30px;
  color: #024E72;
  font-family: "Myriad Pro";
  font-size: 12px;
  line-height: 22px;
}
.edit-user-form .physical-access-form .download {
  font-family: Glyphicons Halflings;
  color: #024E72 !important;
  margin-bottom: 0.5em;
  padding-left: 8px;
}
.edit-user-form select {
  width: 94%;
}
.edit-user-form .change-password {
  margin-left: 0;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
#change-password-modal input {
  height: 46px;
}
#change-password-modal .action-container {
  padding-right: 10%;
}
#change-password-modal .change-password-fieldset {
  color: #000;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
#passphrase-step-confirm input, #passphrase-step-view input {
  height: 50px;
  width: 90%;
  margin: 3% 5%;
  border-radius: 20px;
  border: 1px solid #9B9B9B;
  padding: 0 10%;
}
#passphrase-step-confirm input:focus, #passphrase-step-view input:focus {
  text-decoration: none;
  outline: none;
}
#passphrase-step-confirm button:hover, #passphrase-step-confirm button:focus, #passphrase-step-view button:hover, #passphrase-step-view button:focus {
  text-decoration: none;
  outline: none;
}
#passphrase-step-confirm p, #passphrase-step-view p {
  margin-top: 20px;
}
#passphrase-step-confirm .change-passphrase-btn {
  height: 50px;
  margin: 3% 5%;
}
#passphrase-step-confirm .btn-update-passphrase {
  height: 40px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.red-border {
  border: 2px solid red;
}

.green-border {
  border: 2px solid green;
}

.blue-border {
  border: 2px solid blue;
}

.orange-border {
  border: 4px solid orange;
}

.show-border {
  border: 1px dashed dodgerblue;
}

.red-fill {
  background-color: red;
  color: white;
}

.green-fill {
  background-color: green;
}

.blue-fill {
  background-color: blue;
}

.orange-fill {
  background-color: orange;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.hide-overflow {
  overflow: hidden;
}

.no-margin {
  margin: 0px;
}

.no-padding {
  padding: 0px;
}

.nowrap {
  white-space: nowrap;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.panel-default {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}

.panel-heading {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.card-row {
  margin-left: 0px;
  margin-right: 0px;
}

.card-row-padding {
  padding: 20px;
}

.card-row-padding-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}

.card-row-padding-vertical {
  padding-top: 20px;
  padding-bottom: 20px;
}

div.panel-body-simple.card-row-padding div.card-row-title {
  font-size: 12px;
  font-weight: 400;
  padding: 20px;
}

.support-ticket-summary-data {
  color: #024E72;
}

.card-header-row {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

.card-header-left {
  float: left;
  display: block;
  vertical-align: bottom;
  margin-left: 5px;
}

.card-header-right {
  float: right;
  display: block;
  vertical-align: bottom;
  margin-top: 12px;
  text-align: right;
  padding-right: 20px;
}

.card-header-right-flex-parent {
  display: flex;
  align-items: center;
  flex-flow: nowrap;
  justify-content: flex-end;
  overflow: hidden;
}

.card-header-right-text {
  font-size: 10px;
  align-items: center;
  padding-top: 5px;
}

.card-header-right-text a {
  font-size: 12px;
}

.card-header-right-icon {
  padding-left: 2px;
  align-items: center;
  font-size: 24px;
}

.accordion-card-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.accordion-card-header-left {
  float: left;
  display: block;
  vertical-align: bottom;
  margin-left: 5px;
  color: #FFF;
  font-size: 24px;
  font-family: "Bebas Neue";
  padding-top: 10px;
}

.accordion-card-header-right-icon {
  float: right;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin-left: 5px;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 0px;
  display: inline-block;
}

div.panel-heading.accordion-card-header-blue {
  background-color: #024E72;
}

div.panel-heading.accordion-card-header-black {
  background-color: #000;
}

div.panel.panel-default.accordion-tab-panel {
  border-radius: 0px;
  border-color: #FFF;
  background-color: #FFF;
  box-shadow: none;
}

div.panel.panel-default.accordion-tab-panel:last-child {
  border-radius: 5px;
  border-color: #FFF;
  background-color: #FFF;
  box-shadow: none;
}

div.panel-heading.clearfix.accordion-tab-header {
  background-color: #FFF;
  border-color: #F1F1F1;
}

div.panel.panel-default.accordion-tab-panel div.panel-heading.clearfix.accordion-tab-header {
  background-color: #FFF;
  border-color: #FFF;
  border-bottom: 0px;
  margin-left: 15px;
  margin-right: 10px;
}

.accordion-tab-title {
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: left;
  height: 35px;
  width: 100px;
  display: flex;
  padding-left: 40px;
  color: #1b1b1b;
  font-size: 20px;
  font-family: "Myriad Pro";
  font-weight: bold;
}

div.cloud-icon {
  background-image: url("../images/icons/cloud-white-icon.svg");
}

div.network-icon {
  background-image: url("../images/icons/network-icon.svg");
}

div.storage-icon {
  background-image: url("../images/icons/ssd-icon.svg");
}

div.compute-icon {
  background-image: url("../images/icons/servers-icon.svg");
}

div.security-icon {
  background-image: url("../images/icons/security-icon.svg");
}

div.folder-icon {
  background-image: url("../images/icons/folder-outline-icon.svg");
}

div.cloud-download-icon {
  background-image: url("../images/icons/cloud-download-outline-icon.svg");
}

div.note-icon {
  background-image: url("../images/icons/note-outline-icon.svg");
}

div.power-icon {
  background-image: url("../images/icons/power-icon.svg");
}

div.ucsd-icon {
  background-image: url("../images/icons/ucsd-icon.svg");
}

.accordion-row {
  background-color: #F9F9F9;
  font-family: "Myriad Pro";
}

.accordion-tab-button {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: left;
  font-size: 20px;
  width: 10px;
  height: 10px;
  display: flex;
  margin-right: 15px;
}

.accordion-tab-button-color {
  color: #024E72;
}

.ticket-summary-detail-section-header-left {
  float: left;
}

.ticket-summary-detail-section-header-right {
  float: right;
  font-style: italic;
}

.ticket-summary-detail-section-header {
  font-size: 25px;
  padding-bottom: 5px;
  font-weight: 600;
  color: #1b1b1b;
  line-height: 29px;
}

.ticket-summary-detail-description {
  float: left;
  display: block;
  vertical-align: bottom;
  font-size: 16px;
  font-weight: 400;
  color: #1b1b1b;
}

.le-mobile-table-row .ticket-summary-detail-description {
  padding-left: 2px;
  padding-right: 0px;
}

.le-mobile-table-row .ticket-summary-detail-description-qty {
  text-align: right;
}

.le-mobile-table-row .card-row-padding {
  width: 100%;
}

.product_info_quantity {
  font-style: italic;
  color: #1b1b1b;
}

.ticket-summary-detail-status {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: bottom 50% right 1px;
  font-size: 12px;
  color: #1b1b1b;
  padding-right: 18px;
  margin-left: 28px;
}

.billing-card-autopay-status {
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: bottom 50% right 1px;
  display: inline-block;
  vertical-align: bottom;
  padding-right: 30px;
  margin-right: 10px;
  margin-left: 3px;
}

.support-ticket-detail-status {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: bottom 50% left 20px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px;
  color: #4F4F4F;
  margin-right: 20px;
  padding-left: 36px;
  padding-top: 4px;
  line-height: 1em;
}

.ticket-summary-detail-long-description {
  float: left;
  display: block;
  vertical-align: bottom;
  font-size: 14px;
  color: #4F4F4F;
}

.ticket-summary-detail-link {
  font-size: 14px;
  color: #024E72;
}

.order-card-parent {
  display: flex;
}
.order-card-parent .order-card-content {
  padding: 0px 15px;
}
.order-card-parent .long-and-wrap {
  white-space: normal;
}

@media (max-width: 768px) {
  .order-card-parent .long-and-wrap {
    white-space: nowrap;
  }
}
.split-flex-parent {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: space-between;
}

.split-flex-parent-top {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  justify-content: space-between;
}

.start-flex-parent {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.end-flex-parent {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-end;
}

.long-and-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
}

.long-and-wrap {
  flex: 1;
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: center;
}

.short-and-fixed {
  white-space: nowrap;
  align-items: center;
}

.short-and-wrap {
  flex-wrap: wrap;
  white-space: nowrap;
  align-items: center;
  flex-grow: 0;
}

.surcharge_legal {
  font-style: italic;
}

.paymentus-flex-parent-dashboard {
  flex-direction: column;
  width: 100%;
}
.paymentus-flex-parent-dashboard .paymentus-flex-column {
  width: 100%;
}

.paymentus-flex-parent {
  flex-direction: row;
}
@media (max-width: 992px) {
  .paymentus-flex-parent {
    flex-direction: column;
  }
}

.paymentus-flex-column {
  flex: 1;
  /* makes each column take up equal space */
  width: 50%;
  /* ensures each column takes up 50% of the container width */
  box-sizing: border-box;
  /* ensures padding or border don't affect width */
}
@media (max-width: 992px) {
  .paymentus-flex-column {
    width: 100%;
    padding-top: 8px;
  }
}

.normal-wrap {
  white-space: normal;
}

.support-detail-comment {
  flex: 1;
  flex-direction: column;
  display: flex;
}

.support-detail-date {
  flex: 0;
  white-space: nowrap;
  padding-top: 11px;
}

div.new-icon {
  background-image: url("../images/icons/yellow_circle.svg");
}

div.open-icon {
  background-image: url("../images/icons/yellow_circle.svg");
}

div.pendinguser-icon {
  background-image: url("../images/icons/red_circle.svg");
}

div.closed-icon {
  padding-top: 2px;
  background-image: url("../images/icons/green_circle.svg");
}

.support_specialist_background {
  background-color: #F9F9F9;
}

.support-specialist-row-background {
  background-image: url("../images/icons/lightedge-logo-black-60.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: left;
  padding-left: 85px;
  margin-right: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  display: block;
  vertical-align: bottom;
}

.support-slider-row-contact {
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left;
  padding-left: 40px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  display: block;
  vertical-align: bottom;
  min-height: 30px;
}

.support-slider-row-comment {
  padding-left: 40px;
  margin-right: 20px;
  float: left;
  display: block;
  vertical-align: bottom;
}

.support_slider_button {
  padding-left: 10px;
  cursor: pointer;
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  outline: none;
  box-shadow: none;
}

div.support_slider_button_row {
  margin-top: -20px;
  margin-right: -10px;
}

.support-specialist-row-info {
  font-size: 12px;
  color: #1b1b1b;
}

.support-specialist-row-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}

.support-specialist-row-title {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 400;
}

.support-specialist-row-name {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: 400;
}

.support-specialist-row-icon {
  float: left;
  display: block;
  vertical-align: bottom;
  color: #1b1b1b;
}

.row.bottom_padding {
  padding-bottom: 30px;
}

.action-row-link-right {
  font-size: 12px;
  color: #024E72;
  padding-top: 5px;
  padding-bottom: 5px;
}

.action-row-toggle-right {
  font-size: 12px;
}

.action-row-toggle-text {
  color: #1b1b1b;
}

.action-row-toggle-status-on {
  color: #99C525;
  font-weight: bold;
  padding-right: 7px;
}

.action-row-toggle-status-off {
  color: #024E72;
  font-weight: bold;
  padding-right: 7px;
}

.action-row-status-on {
  color: #1b1b1b;
  font-weight: bold;
}

.action-row-status-off {
  color: #1b1b1b;
  font-weight: bold;
}

.toggle-flex-parent {
  display: flex;
  align-items: center;
  flex-flow: nowrap;
  justify-content: flex-start;
}

.toggle-flex-box {
  white-space: nowrap;
  align-items: flex-start;
}

.card-sub-title {
  font-size: 12px;
  font-weight: 400;
  color: #4F4F4F;
}

.currency-flex-parent {
  display: flex;
  align-items: flex-start;
  flex-flow: nowrap;
  justify-content: flex-start;
  padding-top: 10px;
}

.currency-flex-box {
  white-space: nowrap;
  align-items: flex-start;
  padding-left: 2px;
}

.currency-big-text-margin {
  margin-top: -10;
  padding-left: 0px;
  font-family: "Myriad Pro";
}

.start {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.billing-balance-flexbox-item {
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 280px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}

.billing-balance-flexbox-min-width {
  min-width: 140px;
}

.support-summary-flexbox-min-width {
  min-width: 300px;
}

.billing-summary-flexbox-item {
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 130px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  padding-right: 5px;
}

.billing-summary-flexbox-last-item {
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}

.billing-flex-parent {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}

.invoice_balance_width {
  width: 250px;
}

.due_date_width {
  width: 220px;
}

.billing_history_link {
  font-size: 12px;
  color: #024E72;
}

.billing-invoice-title {
  font-size: 14px;
}

.billing-invoice-mid {
  border-bottom: thin solid #F1F1F1;
  padding-bottom: 8px;
}

.billing-invoice-flexbox-parent {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  font-size: 14px;
}

.billing-invoice-flexbox-item, .billing-invoice-flexbox-item-first, .billing-invoice-flexbox-item-last {
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 130px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  padding-right: 5px;
}

.billing-invoice-flexbox-item-first {
  width: 90px;
  margin-left: 20px;
}

.billing-invoice-flexbox-item {
  width: 90px;
  align-items: flex-start;
}

.billing-invoice-flexbox-item-last {
  align-items: flex-end;
  width: 100px;
}

.billing-invoice-past-due-icon-text {
  font-size: 10px;
}

.past_due, .le-table.noborder table > tbody > tr.past_due > td {
  color: #D0021B;
}

.paid {
  color: #99C525;
}

.loading {
  color: #0094CA;
}

.marketing-card {
  background-color: #000;
  background-image: linear-gradient(to bottom right, #505A60, #000);
}

.marketing-flexbox-parent {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

.marketing-flexbox-stacker-parent {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

.marketing-flexbox-text-item {
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 350px;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
}

.marketing-flexbox-stacker-text-item {
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 350px;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
  margin-right: 40px;
}

.marketing-flexbox-icon-item {
  flex-wrap: wrap;
  align-items: flex-start;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
}

.marketing-icon {
  height: 150px;
  width: 150px;
  padding-right: 50px;
  padding-bottom: 40px;
}

.marketing-card-title-text {
  color: white;
  font-size: 24px;
  padding-bottom: 10px;
}

.marketing-card-description-text {
  color: #9B9B9B;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.marketing-card-pitch-text {
  color: white;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.marketing-button-padding {
  padding-top: 25px;
}

.jump-out-card-title-text {
  align-self: center;
}

.jump-out-card-header {
  background-color: #024E72;
  padding-left: 35px;
  padding-right: 35px;
  min-height: 120px;
  flex-wrap: wrap;
  text-align: center;
  align-items: stretch;
  display: flex;
  flex-basis: auto;
  flex-shrink: 1;
}

.jump-out-card-title {
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: left;
  line-height: 24px;
  max-width: 300px;
  padding-left: 55px;
  color: #FFF;
  font-size: 24px;
  overflow: hidden;
  display: flex;
}

.jump-out-flexbox-stacker-text-item {
  flex-wrap: wrap;
  text-align: center;
  max-width: 450px;
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.jump-out-flexbox-stacker-button-item {
  flex-wrap: wrap;
  text-align: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 35px;
}

.jump-out-flexbox-stacker-parent {
  display: flex;
  align-items: stretch;
  align-content: stretch;
  justify-content: space-between;
}
@media (max-width: 479px) {
  .jump-out-flexbox-stacker-parent {
    flex-flow: column wrap;
  }
}
@media (min-width: 480px) {
  .jump-out-flexbox-stacker-parent {
    flex-flow: row wrap;
  }
}

.jump-out-card-description-text {
  color: #505A60;
  font-size: 16px;
  display: flex;
  text-align: start;
}

.centered-wrap {
  flex: 1;
  white-space: normal;
  align-items: center;
}

.stretch-wrap {
  flex: 1;
  white-space: normal;
  align-items: stretch;
}

.flex-end-wrap {
  flex: 1;
  white-space: normal;
  align-items: flex-end;
}

.flex-start-wrap {
  flex: 1;
  white-space: normal;
  align-items: flex-start;
}

.card-overlay {
  position: relative;
}

.card-overlay:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

div.panel-body-simple div.contact-us-card-title {
  font-size: 20px;
  padding-bottom: 5px;
  font-weight: 400;
  color: #1b1b1b;
}

.contact-us-card-info {
  font-size: 12px;
  color: #1b1b1b;
}

.contact-us-card-email {
  font-size: 12px;
  color: #024E72;
}

.icon-download {
  color: #024E72;
  font-size: 28px;
  margin-left: 1rem;
}

.accordion-card-footer {
  padding: 10px 15px;
  border-top: 1px solid #F1F1F1;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.document-row-flex-parent {
  margin-right: -4px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.checkbox-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.checkbox-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.checkbox-toggle + label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 30px;
  background: #9B9B9B;
  display: block;
  border-radius: 100px;
  position: relative;
}

input.checkbox-toggle:disabled + label {
  background: #DCDCDC;
  cursor: default;
}

input.checkbox-toggle + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  background: #FFF;
  border-radius: 90px;
  transition: 0.3s;
}

input.checkbox-toggle:checked + label {
  background: #99C525;
}

input.checkbox-toggle:disabled:checked + label {
  background: #99C525;
  cursor: default;
}

input.checkbox-toggle:checked + label:after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}

input.checkbox-toggle + label:active:after {
  width: 24px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
/*

Attempts to get the original Dashboard SASS file to be responsive
were abandoned.  We are moving to *mostly* our own dashboard SASS
for the LE version.

 */
.le-background-dashboard {
  background-color: #F1F1F1;
}

@media (min-width: 480px) and (max-width: 80%) {
  .dash-wrapper {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 80%) and (max-width: 80%) {
  .dash-wrapper {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 80%) and (max-width: 80%) {
  .dash-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (min-width: 80%) {
  .dash-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media (min-width: 992px) {
  .dash-content {
    padding-left: 27px;
    padding-right: 30px;
  }
}

.dash-content:last-of-type {
  padding-bottom: 15px;
}
@media (min-width: 992px) {
  .dash-content:last-of-type {
    padding-bottom: 30px;
  }
}

#sidebar-menu {
  float: left;
}

@media (max-width: 80%) {
  .dash-wrapper .dashboard-container {
    width: 100%;
  }
}

.le-company-name {
  color: #4F4F4F;
  font-size: 12px;
}
@media (min-width: 480px) and (max-width: 80%) {
  .le-company-name {
    margin-top: 0px;
  }
}
@media (min-width: 80%) and (max-width: 80%) {
  .le-company-name {
    margin-top: 0px;
  }
}
@media (min-width: 80%) and (max-width: 80%) {
  .le-company-name {
    margin-top: -20px;
  }
}
@media (min-width: 80%) {
  .le-company-name {
    margin-top: -20px;
  }
}

.sidebar-container {
  padding: 0px;
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: block;
  width: 104px;
}

.sidebar-padding {
  padding-left: 120px;
}
@media (min-width: 0) and (max-width: 991px) {
  .sidebar-padding {
    padding-left: 15px;
  }
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
/*


  UITools/UITabs
  This style sheet will render the UITabs component for site deployment.


 */
.tab-wrapper {
  padding: 27px 15px 27px 15px;
}
.tab-wrapper .tab-shadow {
  box-shadow: 0 5px 10px 0 gainsboro;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.tab-wrapper .tab-shadow > div {
  padding-right: 0px;
  padding-left: 0px;
}
.tab-wrapper .nav-tabs {
  border: none;
  height: 75px;
}
.tab-wrapper .tab-pane {
  padding: 30px;
  color: #1b1b1b;
}
.tab-wrapper .support-tab-pane {
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  color: #1b1b1b;
}
.tab-wrapper .tab-content {
  background-color: white;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-top: none;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  min-height: 300px;
}
.tab-wrapper .nav-tabs > li {
  border-bottom: 1px solid #DCDCDC;
  display: inline;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 29px;
  width: 25%;
  background-color: #DCDCDC;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}
.tab-wrapper .nav-tabs > li.active {
  border: 1px solid #DCDCDC;
  background-color: #FFF;
}
.tab-wrapper .nav-tabs > li > a {
  margin-right: 1px;
  margin-left: 1px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}
.tab-wrapper .nav-tabs > li > a > div {
  height: 100%;
  padding-top: 12px;
  padding-left: 15px;
}
.tab-wrapper .nav-tabs > li > a > div > img {
  float: left;
  margin-right: 15px;
  margin-top: 2px;
  height: 30px;
}
.tab-wrapper .nav-tabs > li > a > .tab-logo {
  background-repeat: no-repeat;
  padding-left: 60px;
}
.tab-wrapper .nav-tabs > li > a > .tab-logo.network-image {
  background-image: url("../images/icons/network-icon.svg");
  background-size: 30px;
  background-position: 15px 14px;
}
.tab-wrapper .nav-tabs > li.active > a > .tab-logo.network-image {
  background-image: url("../images/icons/network-icon_selected.svg");
  background-size: 30px;
  background-position: 15px 14px;
}
.tab-wrapper .nav-tabs > li > a > .tab-logo.security-image {
  background-image: url("../images/icons/security-icon.svg");
  background-position: 15px 14px;
  background-size: 30px;
}
.tab-wrapper .nav-tabs > li.active > a > .tab-logo.security-image-selected {
  background-image: url("../images/icons/security-icon_selected.svg");
  background-position: 15px 14px;
  background-size: 30px;
}
.tab-wrapper .nav-tabs > li > a > .tab-logo.ssd-image {
  background-image: url("../images/icons/ssd-icon.svg");
  background-position: 15px 10px;
  background-size: 28px;
}
.tab-wrapper .nav-tabs > li.active > a > .tab-logo.ssd-image {
  background-image: url("../images/icons/ssd-icon_selected.svg");
  background-position: 15px 10px;
  background-size: 28px;
}
.tab-wrapper .nav-tabs > li > a > .tab-logo.server-image {
  background-image: url("../images/icons/servers-icon.svg");
  background-position: 15px 10px;
  background-size: 28px;
}
.tab-wrapper .nav-tabs > li.active > a > .tab-logo.server-image {
  background-image: url("../images/icons/servers-icon_selected.svg");
  background-position: 15px 10px;
  background-size: 28px;
}
.tab-wrapper .nav-tabs > li.mobile-tab > a > div {
  height: 100%;
  padding-top: 15px;
  padding-left: 0px;
  text-align: center;
}
.tab-wrapper .nav-tabs > li > a, .tab-wrapper .nav-tabs > li > a:hover, .tab-wrapper .nav-tabs > li > a:focus {
  background-color: #F9F9F9;
  border: none;
  height: 100%;
  font-family: "Bebas Neue";
  color: #024E72;
}
.tab-wrapper .nav-tabs > li.active > a, .tab-wrapper .nav-tabs > li.active > a:hover, .tab-wrapper .nav-tabs > li.active > a:focus {
  background-color: #FFF;
  font-family: "Bebas Neue";
  color: #1b1b1b;
}
.tab-wrapper .nav-tabs > li.tab:first-of-type, .tab-wrapper .nav-tabs > li.tab:first-of-type > a {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
.tab-wrapper .nav-tabs > li.tab:nth-last-of-type(2), .tab-wrapper .nav-tabs > li.tab:nth-last-of-type(2) > a {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.tab-wrapper li.mobile-tab > ul.dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
}
.tab-wrapper li.mobile-tab > ul.dropdown-menu > li.mobile-tab-menu-item {
  border-bottom: 1px solid #DCDCDC;
}
.tab-wrapper li.mobile-tab > ul.dropdown-menu > li.mobile-tab-menu-item:last-of-type {
  border-bottom: 0px solid #DCDCDC;
}
.tab-wrapper li.mobile-tab > ul.dropdown-menu > li.mobile-tab-menu-item div {
  font-family: "Bebas Neue";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 29px;
  text-align: center;
  height: 60px;
  padding-top: 15px;
}
.tab-wrapper .tab-label-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
.tab-wrapper .tab-label-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab-wrapper .tab-label-badge {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 3px;
  background: #0094ca;
  border: none;
  color: #fff;
  text-align: center;
  font: 13px Arial, sans-serif;
  margin: 0px 1px 2px 2px;
}
@media (max-width: 479px) {
  .tab-wrapper .nav-tabs > li.mobile-tab {
    display: block;
    width: 20%;
  }
  .tab-wrapper .nav-tabs > li {
    width: 0px;
    display: none;
  }
  .tab-wrapper .nav-tabs > li.active {
    width: 80%;
    display: block;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .tab-wrapper .nav-tabs > li.mobile-tab {
    display: block;
    width: 10%;
  }
  .tab-wrapper .nav-tabs > li {
    width: 0px;
    display: none;
  }
  .tab-wrapper .nav-tabs > li.active {
    width: 90%;
    display: block;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  .tab-wrapper .nav-tabs > li.tab-count-1 {
    width: 100%;
  }
  .tab-wrapper .nav-tabs > li.tab-count-2 {
    width: 50%;
  }
  .tab-wrapper .nav-tabs > li.tab-count-3 {
    width: 33.3333%;
  }
  .tab-wrapper .nav-tabs > li.tab-count-4 {
    width: 25%;
  }
  .tab-wrapper .nav-tabs > li > a > .tab-logo {
    padding-left: 0px;
  }
  .tab-wrapper .nav-tabs > li > a > .tab-logo.network-image {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li.active > a > .tab-logo.network-image {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li > a > .tab-logo.security-image {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li.active > a > .tab-logo.security-image-selected {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li > a > .tab-logo.ssd-image {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li.active > a > .tab-logo.ssd-image {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li > a > .tab-logo.server-image {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li.active > a > .tab-logo.server-image {
    background-image: none;
  }
  .tab-wrapper .nav-tabs > li.dropdown {
    display: none;
  }
}
@media (min-width: 1440px) {
  .tab-wrapper .nav-tabs > li.tab-count-1 {
    width: 100%;
  }
  .tab-wrapper .nav-tabs > li.tab-count-2 {
    width: 50%;
  }
  .tab-wrapper .nav-tabs > li.tab-count-3 {
    width: 33.3333%;
  }
  .tab-wrapper .nav-tabs > li.tab-count-4 {
    width: 25%;
  }
  .tab-wrapper .nav-tabs > li.dropdown {
    display: none;
  }
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.mobile-pageheader-wrapper .title-text {
  font-family: "Myriad Pro";
  color: #0C0C0C;
  padding-top: 8px;
}
.mobile-pageheader-wrapper .clickable-page-title {
  cursor: pointer;
}
.mobile-pageheader-wrapper .clickable-page-title i {
  margin-top: 5px;
  padding-right: 5px;
  color: #024E72;
  font-weight: bold;
  top: 5px;
}

.mobile-header-wrapper {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Myriad Pro";
}
.mobile-header-wrapper .row {
  height: 70px;
  background-color: #000;
}
.mobile-header-wrapper .row div.leftmost-menu-item > div.mobile-button-container {
  margin-left: -15px;
}
.mobile-header-wrapper .row div.rightmost-menu-item > div.mobile-button-container {
  margin-right: -15px;
}
.mobile-header-wrapper .logo {
  margin-top: 16px;
}
.mobile-header-wrapper .logo > a > img {
  height: 38px;
}
.mobile-header-wrapper .help-text {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 28px;
  background: rgba(0, 0, 0, 0.4);
}
.mobile-header-wrapper .badge-menuitem {
  position: absolute;
  z-index: 1;
  margin-left: 20px;
  margin-top: 12px;
  padding: 4px 8px;
  margin-right: 20px;
}
.mobile-header-wrapper .mobile-button-container.active > div > button > span.help-text {
  background: white;
  color: #0094CA;
  font-weight: bold;
}
.mobile-header-wrapper .mobile-button-container {
  position: relative;
  height: 100%;
}
.mobile-header-wrapper .mobile-button-container > div {
  margin-top: 12px;
}
.mobile-header-wrapper .mobile-button-container.pull-right > div {
  margin-right: 20px;
}
.mobile-header-wrapper .mobile-button-container.pull-left > div {
  margin-left: 20px;
}
.mobile-header-wrapper .mobile-button-container > div:first-of-type {
  height: 32px;
  margin-top: 20px;
}
.mobile-header-wrapper .mobile-button-container > div:last-of-type {
  margin-top: 0;
  text-align: center;
}
.mobile-header-wrapper .mobile-button-container > div > span {
  top: 6px;
  visibility: hidden;
  height: 10px;
}
.mobile-header-wrapper .mobile-sidebar-button {
  border: none;
  padding: 0px;
  color: white;
  background-color: transparent;
  border: none;
  outline: 0;
  margin-left: 2px;
}
.mobile-header-wrapper .mobile-sidebar-button.focus, .mobile-header-wrapper .mobile-sidebar-button:hover, .mobile-header-wrapper .mobile-sidebar-button:active {
  background-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  color: white;
}
.mobile-header-wrapper .mobile-sidebar-button > span {
  top: -8px;
  margin-left: 8px;
}
.mobile-header-wrapper .mobile-sidebar-button > img {
  margin-bottom: 0px;
  padding-bottom: 1px;
  height: 33px;
}
.mobile-header-wrapper .mobile-help-button {
  border: none;
  padding: 0px;
  background-color: transparent;
  border: none;
  outline: 0;
}
.mobile-header-wrapper .mobile-help-button.focus, .mobile-header-wrapper .mobile-help-button:hover, .mobile-header-wrapper .mobile-help-button:active {
  background-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
}
.mobile-header-wrapper .mobile-help-button > span {
  color: #000;
  border: 1px solid #000;
  font-weight: normal;
  font-size: 1.2em;
  background-color: #FFF;
  opacity: 0.5;
}
.mobile-header-wrapper .mobile-user-button {
  border: none;
  padding: 0px;
  color: #FFF;
  background-color: transparent;
  border: none;
  outline: 0;
  opacity: 0.8;
}
.mobile-header-wrapper .mobile-user-button.focus, .mobile-header-wrapper .mobile-user-button:hover, .mobile-header-wrapper .mobile-user-button:active {
  background-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
}
.mobile-header-wrapper .mobile-user-button > i {
  height: 32px;
  width: 32px;
  font-size: 2.1em;
  overflow: hidden;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding-top: 5px;
  margin: 0px;
  top: -1px;
  background: rgba(0, 0, 0, 0.4);
}
.mobile-header-wrapper .mobile-button-container.active > div > button {
  opacity: 1;
}
.mobile-header-wrapper .mobile-button-container.active > div > button > i {
  background: white;
  color: #024E72;
  opacity: 1;
}
.mobile-header-wrapper div.mobile-menu {
  background-color: white;
}
.mobile-header-wrapper div.mobile-menu > ul > li {
  color: #024E72;
  padding: 12px 10px 10px 22px;
  border: 1px solid #FFF;
  cursor: pointer;
  height: 50px;
}
.mobile-header-wrapper div.mobile-menu {
  margin-left: -15px;
  margin-right: -15px;
}
.mobile-header-wrapper div.mobile-sidebar-menu > ul {
  background-color: #FFF;
  border-top: 1px solid white;
}
.mobile-header-wrapper div.mobile-sidebar-menu > ul > li {
  border: 0px;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #FFF;
}
.mobile-header-wrapper div.mobile-sidebar-menu > ul > li:last-of-type {
  border-bottom: 1px solid #FFF;
}
.mobile-header-wrapper div.mobile-sidebar-menu > ul > li > div {
  padding: 0px;
  margin: 0px;
  margin-left: 22px;
  margin-top: 20px;
}
.mobile-header-wrapper div.mobile-sidebar-menu > ul > li > div > img {
  color: #1b1b1b;
  width: 23px;
}
.mobile-header-wrapper .colo {
  margin-top: -1px;
}
.mobile-header-wrapper .cloud {
  margin-top: 2px;
}
.mobile-header-wrapper .managed {
  margin-top: -1px;
}
.mobile-header-wrapper .dashboard {
  margin-top: -1px;
}
.mobile-header-wrapper div.mobile-sidebar-menu > ul > li > div > span {
  padding: 0px;
  margin: 0px;
  padding-left: 22px;
  color: #024E72;
  font-family: "Myriad Pro";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.75px;
  line-height: 28px;
  text-transform: uppercase;
  font-stretch: expanded;
}
.mobile-header-wrapper div.mobile-sidebar-menu > ul > li.active > div > span {
  color: #1b1b1b;
  font-weight: 600;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
h3.popover-title {
  display: none;
}

.popover {
  background-color: white;
  border-color: #DCDCDC;
  max-width: 100%;
}

.popover.right .arrow:after {
  border-right-color: #DCDCDC;
}

.popover.right .arrow {
  border-right-color: #DCDCDC;
}

.popover.left .arrow:after {
  border-left-color: #DCDCDC;
}

.popover.left .arrow {
  border-left-color: #DCDCDC;
}

.popover.top .arrow:after {
  border-top-color: #DCDCDC;
}

.popover.top .arrow {
  border-top-color: #DCDCDC;
}

.popover.bottom .arrow:after {
  border-bottom-color: white;
}

.popover.bottom .arrow {
  border-bottom-color: #DCDCDC;
}

.popover-content {
  font-family: "Myriad Pro";
  font-size: 16px;
  padding: 0px;
}
.popover-content ul li {
  white-space: nowrap;
  min-width: 150px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  padding-left: 20px;
  color: #1b1b1b;
}
.popover-content ul li:last-of-type {
  padding-bottom: 15px;
}
.popover-content ul li:first-of-type {
  padding-top: 15px;
}
.popover-content ul li.divider {
  padding-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-left: 20px;
  border-bottom: 1px solid #DCDCDC;
  cursor: default;
}
.popover-content ul li > span.disabled {
  color: #9B9B9B;
  font-family: "Myriad Pro";
  font-size: 16px;
}

.popover-content > ul > li > div.popover-static-footer {
  font: "Bebas Neue";
  color: #4F4F4F;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  cursor: default;
  padding-top: 5px;
}

.popover-content > ul > li > div.popover-link-footer {
  font-size: 12px;
  text-transform: none;
  text-align: center;
  cursor: pointer;
  padding-top: 5px;
}

.popover-content > ul > li.notification-menu-item {
  color: #000;
}

.help_notification_content {
  font: "Myriad Pro";
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.modal-wrapper div > button.btn-default:focus {
  outline: none;
}
.modal-wrapper .modal-content {
  text-align: left;
}
.modal-wrapper .modal-header {
  background-color: #FFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom: 0;
  margin: 0px 12px 0px 12px;
  padding: 30px 15px 15px 15px;
  font-family: "Myriad Pro";
  font-size: 25px;
}
.modal-wrapper .modal-header button {
  border: 1px solid #DCDCDC;
  height: 34px;
  width: 34px;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
  border-bottom-left-radius: 17px;
  color: #024E72;
  font-size: 26px;
  font-weight: 300;
  opacity: 1;
  margin-right: -8px;
  margin-top: -15px;
}
.modal-wrapper .modal-header button:focus {
  outline: none;
}
.modal-wrapper .modal-header button:hover {
  background-color: #DCDCDC;
  color: #024E72;
}
.modal-wrapper .modal-title {
  color: #1b1b1b;
  font-weight: bold;
}
.modal-wrapper .modal-body {
  margin: 0px 12px 0px 12px;
}
.modal-wrapper .modal-footer {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modal-wrapper .modal-footer button.btn-default {
  -webkit-border-radius: 21.5px;
  -moz-border-radius: 21.5px;
  border-radius: 21.5px;
  padding: 12px 20px 10px 20px;
  color: #024E72;
  margin-right: 15px;
  border-color: #024E72;
}

.modal-form-wrapper div > button.btn-default:focus, .modal-form-wrapper div > button.btn-primary:focus {
  outline: none;
}
.modal-form-wrapper .modal-content {
  text-align: left;
}
.modal-form-wrapper .modal-header {
  background-color: #024E72;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: 0;
  margin: 0px 0px 0px 0px;
  padding: 23px 25px 22px 25px;
  font-family: "Myriad Pro";
  font-size: 25px;
}
.modal-form-wrapper .modal-title {
  color: #FFF;
  font-weight: 400;
}
.modal-form-wrapper .modal-body {
  margin: 0px 12px 0px 12px;
}
.modal-form-wrapper .modal-menu {
  display: flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  width: 100%;
  padding-top: 28px;
  padding-bottom: 18px;
  padding-right: 65px;
  padding-left: 65px;
  border-bottom: 1px solid #e7e7e7;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item {
  width: 100%;
  height: 50px;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item.pointer {
  cursor: pointer;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div.modal-menu-item-text {
  font-family: "Myriad Pro";
  font-size: 9px;
  color: #1b1b1b;
  text-transform: uppercase;
  line-height: 24px;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge {
  margin-left: auto;
  margin-right: auto;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: white;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge.complete {
  background-color: white;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge.complete > i {
  font-size: 1.8em;
  color: #99C525;
  top: -4;
  left: -3;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge.selected > i {
  font-size: 1.7em;
  color: #024E72;
  top: -4;
  left: -3;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge.text > div.badge_container {
  height: 30px;
  width: 30px;
  position: relative;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge.text > div.badge_container > div.badge_icon {
  position: absolute;
  margin-top: 0px;
  font-size: 1.7em;
  color: #ccc;
  top: -4px;
  left: -3px;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge.text > div.badge_container > div.badge_icon.selected {
  color: #024E72;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div > div.modal-menu-item-badge.text > div.badge_container > div.badge_label {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 14px;
  left: 8px;
  top: 1px;
  font-family: "Myriad Pro";
  text-transform: uppercase;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div.left-line {
  border: 1px solid #ccc;
  float: right;
  width: 50%;
  margin-top: -13px;
  margin-right: -10px;
}
.modal-form-wrapper .modal-menu > div.modal-menu-item > div.right-line {
  border: 1px solid #ccc;
  float: left;
  width: 50%;
  margin-top: -13px;
  margin-left: -10px;
}
.modal-form-wrapper .modal-footer {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modal-form-wrapper .modal-footer button.btn-default {
  -webkit-border-radius: 21.5px;
  -moz-border-radius: 21.5px;
  border-radius: 21.5px;
  padding: 12px 20px 10px 20px;
  border: 1px solid #024E72;
  color: #024E72;
  min-width: 80px;
}
.modal-form-wrapper .modal-footer button.btn-primary {
  background-color: #024E72;
  border: 1px solid #DCDCDC;
  min-width: 80px;
}
.modal-form-wrapper .modal-footer button.btn-primary:focus, .modal-form-wrapper .modal-footer button.btn-primary:hover, .modal-form-wrapper .modal-footer button.btn-primary:active {
  background-color: #DCDCDC;
  border: 1px solid #024E72;
  color: #024E72;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.simple-form-wrapper button.btn-primary {
  background-color: #000;
  border: 1px solid #000;
  min-width: 80px;
  padding: 12px 20px 10px 20px;
}
.simple-form-wrapper button.btn-primary:hover, .simple-form-wrapper button.btn-primary:focus {
  background-color: #000;
  color: #EBE71E;
  border-color: #000;
}
.simple-form-wrapper .button-row > div {
  padding-top: 10px;
  padding-bottom: 10px;
}

.inline-form-wrapper button.btn-primary:hover, .inline-form-wrapper button.btn-primary:focus {
  background-color: #0094CA;
  color: #024E72;
  border-color: #024E72;
}

.simple-form-wrapper ::placeholder, .modal-form-wrapper ::placeholder, .inline-form-wrapper ::placeholder {
  color: #9B9B9B;
}
.simple-form-wrapper .list-of-html-item, .modal-form-wrapper .list-of-html-item, .inline-form-wrapper .list-of-html-item {
  margin-left: 15px;
  font-size: 16px;
}
.simple-form-wrapper .btn-spinner, .modal-form-wrapper .btn-spinner, .inline-form-wrapper .btn-spinner {
  margin-right: 10px;
}
.simple-form-wrapper div > button.btn-primary:focus, .simple-form-wrapper div > button.btn-primary:active, .modal-form-wrapper div > button.btn-primary:focus, .modal-form-wrapper div > button.btn-primary:active, .inline-form-wrapper div > button.btn-primary:focus, .inline-form-wrapper div > button.btn-primary:active {
  outline: none;
}
.simple-form-wrapper div > button.btn-default:focus, .simple-form-wrapper div > button.btn-default:active, .modal-form-wrapper div > button.btn-default:focus, .modal-form-wrapper div > button.btn-default:active, .inline-form-wrapper div > button.btn-default:focus, .inline-form-wrapper div > button.btn-default:active {
  outline: none;
}
.simple-form-wrapper div > button.btn-diminished:focus, .simple-form-wrapper div > button.btn-diminished:active, .modal-form-wrapper div > button.btn-diminished:focus, .modal-form-wrapper div > button.btn-diminished:active, .inline-form-wrapper div > button.btn-diminished:focus, .inline-form-wrapper div > button.btn-diminished:active {
  outline: none;
  box-shadow: none;
}
.simple-form-wrapper .form-row-first, .modal-form-wrapper .form-row-first, .inline-form-wrapper .form-row-first {
  padding-top: 0px !important;
}
.simple-form-wrapper .form-row-last, .modal-form-wrapper .form-row-last, .inline-form-wrapper .form-row-last {
  margin-bottom: 0px;
}
.simple-form-wrapper .form-row, .modal-form-wrapper .form-row, .inline-form-wrapper .form-row {
  padding: 0px;
  padding-top: 15px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  text-align: left;
}
.simple-form-wrapper .form-text, .modal-form-wrapper .form-text, .inline-form-wrapper .form-text {
  padding: 0px;
  padding-bottom: 15px;
  color: #1b1b1b;
  font-family: "Myriad Pro";
  font-size: 16px;
}
.simple-form-wrapper .list-of-links, .modal-form-wrapper .list-of-links, .inline-form-wrapper .list-of-links {
  font-size: 12px;
}
.simple-form-wrapper form > div.form-row > div > div.form-group, .modal-form-wrapper form > div.form-row > div > div.form-group, .inline-form-wrapper form > div.form-row > div > div.form-group {
  padding-bottom: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > div.help-block, .modal-form-wrapper form > div.form-row > div > div.form-group > div.help-block, .inline-form-wrapper form > div.form-row > div > div.form-group > div.help-block {
  padding: 0px;
  margin: 0px;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > label, .modal-form-wrapper form > div.form-row > div > div.form-group > label, .inline-form-wrapper form > div.form-row > div > div.form-group > label {
  padding-bottom: 3px;
  font-size: 12px;
  color: #4F4F4F;
  font-family: "Myriad Pro";
  font-weight: 600;
  letter-spacing: 0.01em;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > input, .modal-form-wrapper form > div.form-row > div > div.form-group > input, .inline-form-wrapper form > div.form-row > div > div.form-group > input {
  box-shadow: none;
  color: #1b1b1b;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > div.help-block, .modal-form-wrapper form > div.form-row > div > div.form-group > div.help-block, .inline-form-wrapper form > div.form-row > div > div.form-group > div.help-block {
  font-size: 14px;
}
.simple-form-wrapper form > div.form-row > div > div.error, .modal-form-wrapper form > div.form-row > div > div.error, .inline-form-wrapper form > div.form-row > div > div.error {
  padding-bottom: 15px;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > span.form-control-feedback, .modal-form-wrapper form > div.form-row > div > div.form-group > span.form-control-feedback, .inline-form-wrapper form > div.form-row > div > div.form-group > span.form-control-feedback {
  margin-top: -3px;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > span.form-control-feedback.no-label, .modal-form-wrapper form > div.form-row > div > div.form-group > span.form-control-feedback.no-label, .inline-form-wrapper form > div.form-row > div > div.form-group > span.form-control-feedback.no-label {
  margin-top: -18px;
}
.simple-form-wrapper form > div.form-row.form-row-grouped > div > div.form-group > span.form-control-feedback.no-label, .modal-form-wrapper form > div.form-row.form-row-grouped > div > div.form-group > span.form-control-feedback.no-label, .inline-form-wrapper form > div.form-row.form-row-grouped > div > div.form-group > span.form-control-feedback.no-label {
  margin-top: -27px;
}
.simple-form-wrapper div.form-group.has-error > input, .modal-form-wrapper div.form-group.has-error > input, .inline-form-wrapper div.form-group.has-error > input {
  width: 100%;
}
@media (min-width: 480px) {
  .simple-form-wrapper div.form-group.has-error > input, .modal-form-wrapper div.form-group.has-error > input, .inline-form-wrapper div.form-group.has-error > input {
    width: 93%;
  }
}
.simple-form-wrapper .remove-autofill-background, .modal-form-wrapper .remove-autofill-background, .inline-form-wrapper .remove-autofill-background {
  background-color: transparent;
  color: #fff;
}
.simple-form-wrapper .remove-autofill-background:-webkit-autofill,
.simple-form-wrapper .remove-autofill-background:-webkit-autofill:focus,
.simple-form-wrapper .remove-autofill-background:-webkit-autofill:hover,
.simple-form-wrapper .remove-autofill-background:-webkit-autofill:active, .modal-form-wrapper .remove-autofill-background:-webkit-autofill,
.modal-form-wrapper .remove-autofill-background:-webkit-autofill:focus,
.modal-form-wrapper .remove-autofill-background:-webkit-autofill:hover,
.modal-form-wrapper .remove-autofill-background:-webkit-autofill:active, .inline-form-wrapper .remove-autofill-background:-webkit-autofill,
.inline-form-wrapper .remove-autofill-background:-webkit-autofill:focus,
.inline-form-wrapper .remove-autofill-background:-webkit-autofill:hover,
.inline-form-wrapper .remove-autofill-background:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition-property: background-color !important;
}
.simple-form-wrapper #login-middle > h1, .modal-form-wrapper #login-middle > h1, .inline-form-wrapper #login-middle > h1 {
  color: #505A60;
}
.simple-form-wrapper .password-form-text, .modal-form-wrapper .password-form-text, .inline-form-wrapper .password-form-text {
  text-align: left;
  list-style-position: inside;
}
.simple-form-wrapper .password-form-text li, .modal-form-wrapper .password-form-text li, .inline-form-wrapper .password-form-text li {
  list-style-type: disc;
}
.simple-form-wrapper div.form-group span.form-control-feedback, .modal-form-wrapper div.form-group span.form-control-feedback, .inline-form-wrapper div.form-group span.form-control-feedback {
  display: none;
}
@media (min-width: 480px) {
  .simple-form-wrapper div.form-group span.form-control-feedback, .modal-form-wrapper div.form-group span.form-control-feedback, .inline-form-wrapper div.form-group span.form-control-feedback {
    display: inline;
  }
}
.simple-form-wrapper form > div.form-row > div > div.legend, .modal-form-wrapper form > div.form-row > div > div.legend, .inline-form-wrapper form > div.form-row > div > div.legend {
  margin-top: -5px;
  font-size: small;
  font: "Myriad Pro";
  color: #DCDCDC;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > textarea, .modal-form-wrapper form > div.form-row > div > div.form-group > textarea, .inline-form-wrapper form > div.form-row > div > div.form-group > textarea {
  border: 1px solid #DCDCDC;
  color: #1b1b1b;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  padding: 8px 15px 8px 15px;
  resize: none;
}
.simple-form-wrapper form > div.form-row > div > div.form-group.has-error > textarea, .modal-form-wrapper form > div.form-row > div > div.form-group.has-error > textarea, .inline-form-wrapper form > div.form-row > div > div.form-group.has-error > textarea {
  border: 1px solid #A44345;
  width: 100%;
}
@media (min-width: 480px) {
  .simple-form-wrapper form > div.form-row > div > div.form-group.has-error > textarea, .modal-form-wrapper form > div.form-row > div > div.form-group.has-error > textarea, .inline-form-wrapper form > div.form-row > div > div.form-group.has-error > textarea {
    width: 93%;
  }
}
.simple-form-wrapper form > div.form-row > div > div.form-group > textarea:-moz-placeholder, .modal-form-wrapper form > div.form-row > div > div.form-group > textarea:-moz-placeholder, .inline-form-wrapper form > div.form-row > div > div.form-group > textarea:-moz-placeholder {
  color: #4F4F4F;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > textarea::-moz-placeholder, .modal-form-wrapper form > div.form-row > div > div.form-group > textarea::-moz-placeholder, .inline-form-wrapper form > div.form-row > div > div.form-group > textarea::-moz-placeholder {
  color: #4F4F4F;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > textarea:-ms-input-placeholder, .modal-form-wrapper form > div.form-row > div > div.form-group > textarea:-ms-input-placeholder, .inline-form-wrapper form > div.form-row > div > div.form-group > textarea:-ms-input-placeholder {
  color: #4F4F4F;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > textarea::-webkit-input-placeholder, .modal-form-wrapper form > div.form-row > div > div.form-group > textarea::-webkit-input-placeholder, .inline-form-wrapper form > div.form-row > div > div.form-group > textarea::-webkit-input-placeholder {
  color: #4F4F4F;
}
.simple-form-wrapper .list-of-radiobuttons, .modal-form-wrapper .list-of-radiobuttons, .inline-form-wrapper .list-of-radiobuttons {
  font-size: 14px;
  padding-left: 10px;
  padding-bottom: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.simple-form-wrapper .list-of-radiobuttons .radio-item, .modal-form-wrapper .list-of-radiobuttons .radio-item, .inline-form-wrapper .list-of-radiobuttons .radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
}
.simple-form-wrapper .list-of-radiobuttons .radio-item input[type=radio], .modal-form-wrapper .list-of-radiobuttons .radio-item input[type=radio], .inline-form-wrapper .list-of-radiobuttons .radio-item input[type=radio] {
  display: none;
}
.simple-form-wrapper .list-of-radiobuttons .radio-item label, .modal-form-wrapper .list-of-radiobuttons .radio-item label, .inline-form-wrapper .list-of-radiobuttons .radio-item label {
  color: #505A60;
  font-weight: normal;
  cursor: pointer;
}
.simple-form-wrapper .list-of-radiobuttons .radio-item label:before, .modal-form-wrapper .list-of-radiobuttons .radio-item label:before, .inline-form-wrapper .list-of-radiobuttons .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #DCDCDC;
  background-color: transparent;
}
.simple-form-wrapper .list-of-radiobuttons .radio-item input[type=radio]:checked + label:after, .modal-form-wrapper .list-of-radiobuttons .radio-item input[type=radio]:checked + label:after, .inline-form-wrapper .list-of-radiobuttons .radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #024E72;
}
.simple-form-wrapper .list-of-radiobuttons.no-label, .modal-form-wrapper .list-of-radiobuttons.no-label, .inline-form-wrapper .list-of-radiobuttons.no-label {
  padding-left: 0px;
  margin-left: -6px;
}
.simple-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons, .modal-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons, .inline-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons {
  border: 1px solid #A44345;
  width: 100%;
}
@media (min-width: 480px) {
  .simple-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons, .modal-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons, .inline-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons {
    width: 93%;
  }
}
.simple-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons.no-label, .modal-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons.no-label, .inline-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons.no-label {
  border: 1px solid #A44345;
  margin-left: 0px;
  width: 100%;
}
@media (min-width: 480px) {
  .simple-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons.no-label, .modal-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons.no-label, .inline-form-wrapper form > div.form-row > div > div.form-group.has-error > div.list-of-radiobuttons.no-label {
    width: 93%;
  }
}
.simple-form-wrapper form > div.form-row > div > div.form-group > input.file-upload-cover, .modal-form-wrapper form > div.form-row > div > div.form-group > input.file-upload-cover, .inline-form-wrapper form > div.form-row > div > div.form-group > input.file-upload-cover {
  position: absolute;
  background-color: white !important;
}
.simple-form-wrapper form > div.form-row > div > div.form-group > input.file-upload, .modal-form-wrapper form > div.form-row > div > div.form-group > input.file-upload, .inline-form-wrapper form > div.form-row > div > div.form-group > input.file-upload {
  position: relative;
  z-index: 1;
  opacity: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.simple-form-wrapper span.password-toggle-icon, .modal-form-wrapper span.password-toggle-icon, .inline-form-wrapper span.password-toggle-icon {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 0.5rem;
  top: 1.7rem;
  z-index: 2;
}

div.simple-form-header-small {
  color: #50C1E9;
  font-family: "Bebas Neue";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.13px;
  line-height: 28px;
}

div.simple-form-header-big {
  color: #50C1E9;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0.13px;
  line-height: 50px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.dropdown-placeholder-text {
  color: #4F4F4F;
}

div.btn-group > button.dropdown-toggle {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 18px;
  color: #1b1b1b;
  padding-left: 17px;
  padding-right: 17px;
}
div.btn-group > button.dropdown-toggle span.glyphicon-menu-down, div.btn-group > button.dropdown-toggle span.glyphicon-menu-up {
  color: #024E72;
  margin-left: 10px;
}
div.btn-group > button.dropdown-toggle .dropdown-description {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
div.btn-group > button.dropdown-toggle .dropdown-direction-indicator {
  white-space: nowrap;
}

div.btn-group > button.dropdown-toggle:hover, div.btn-group > button.dropdown-toggle:active {
  background-color: white;
  box-shadow: none;
}

ul.dropdown-menu > li > a {
  overflow: hidden;
  text-overflow: ellipsis;
}

div.form-group.has-error > div.btn-group > button.dropdown-toggle {
  width: 100%;
  border: 1px solid #A44345;
}
@media (min-width: 480px) {
  div.form-group.has-error > div.btn-group > button.dropdown-toggle {
    width: 93%;
  }
}

div.form-group.has-error > div.btn-group > ul.dropdown-menu {
  width: 100%;
}
@media (min-width: 480px) {
  div.form-group.has-error > div.btn-group > ul.dropdown-menu {
    width: 93%;
  }
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.pageheader-wrapper {
  padding-top: 41px;
  padding-bottom: 41px;
  border-bottom: 1px solid #DCDCDC;
}
.pageheader-wrapper .title-text {
  font-family: "Myriad Pro";
  color: #1b1b1b;
  padding-top: 8px;
}
.pageheader-wrapper .btn-pageheader {
  border: none;
  background: transparent;
}
.pageheader-wrapper .btn-pageheader:focus {
  outline: none;
}
.pageheader-wrapper .btn-pageheader:active {
  box-shadow: none;
}
.pageheader-wrapper .no-menu {
  cursor: default;
}
.pageheader-wrapper .profile-text {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 48px;
  line-height: 28px;
  overflow: hidden;
}
.pageheader-wrapper .profile-text.theme-light, .theme-light .pageheader-wrapper .profile-text {
  color: #505A60;
  background-color: #DCDCDC;
}
.pageheader-wrapper .profile-text > i {
  top: 3px;
  right: 6px;
  color: #DCDCDC;
}
.pageheader-wrapper .clickable-page-title {
  cursor: pointer;
}
.pageheader-wrapper .clickable-page-title i {
  margin-top: 5px;
  padding-right: 5px;
  color: #024E72;
  font-weight: bold;
  top: 5px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.tab-stack {
  min-height: 200px;
}

.tab-stacker {
  margin-bottom: 40px;
  font-weight: 400;
}
.tab-stacker div.cache-disclaimer {
  font-size: 10px;
  text-align: right;
  margin-top: -40px;
  padding-right: 5px;
}

.tab-stacker-prefetch {
  visibility: hidden;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
/*********************
 *
 *  avoid #element-id type tags
 *
 *  all needs to be driven by class names
 *
 ********************/
div.dataTables_filter {
  float: right;
  padding-bottom: 10px;
}

.checkbox-data-table-td {
  color: #9B9B9B;
}

.checkbox-data-table-td.headers {
  color: #024E72;
}
.checkbox-data-table-td.headers p {
  text-transform: uppercase;
}

.dataTables_wrapper table.dataTable.table-striped * tr {
  background-color: #FFF;
}

table.dataTable * tr th {
  margin: 14px 0px 11px;
}
@media (max-width: 80%) {
  table.dataTable * tr th p {
    margin: 0 8px 0 0;
    white-space: nowrap;
    font-family: "Bebas Neue";
  }
}
table.dataTable * tr td {
  font-family: "Myriad Pro";
  margin: 14px 0px 11px;
}
@media (max-width: 80%) {
  table.dataTable * tr td p {
    margin: 0 8px 0 0;
  }
}

div.dataTables_scrollHeadInner table.dataTable {
  border-bottom-width: 0px;
}
div.dataTables_scrollHeadInner table.dataTable thead tr th {
  width: 24px;
}

div.dataTables_scrollBody table.dataTable {
  border-top-width: 0px;
}

/*
 * datatable layout and borders
 *   notes to force myself to think it through once
 *
 * datatables lib splits a table into up to three tables
 *   .dataTables_scrollHead .dataTables_scrollHeadInner holds
 *     caption - a normal table caption
 *     thead   - one or more rows of column headers
 *     no tbody
 *     no tfoot
 *   .dataTables_scrollBody table holds
 *     a thead that's not displayed but seems to be used to keep track of column sizing
 *     tbody - rows of regular table data
 *     no tfoot
 *   the head table holds
 *     no thead
 *     no tbody
 *     tfoot - rows of regular summary, etc. data
 *
 * the following is about top and bottom row borders
 * lines starting w/ '?' have no example guidance from the wireframes
 *   all rows default behavior
 *     top border, no
 *     botom border, yes
 *   header table
 *     datatables allows for multiple header rows
 *     but there are no examples in the wireframe of using other than exactly one header row
 *     first row
 *       top border, yes
 *       ? bottom border, default row behavior
 *     inner rows
 *       ? default
 *     last row
 *       ? top border, default
 *       bottom border, no
 *   body table
 *     inner rows
 *       default
 *     first row
 *       top border, no
 *       bottom border, default
 *     last row
 *       top border, default
 *       bottom border, no
 *   footer table is implemented as a div after the js DataTable
 *
 */
.dataTables_scroll * tr {
  border-top: 0.3px solid #DCDCDC;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
  border-collapse: separate;
  border-radius: 5px;
  display: table;
  margin-bottom: -5px;
  padding-left: 0px;
  padding-right: 0px;
  table-layout: fixed;
}
@media (max-width: 79%) {
  .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
    overflow-x: scroll;
  }
}
@media (min-width: 80%) {
  .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
    overflow-x: scroll;
  }
}
@media (min-width: 80%) {
  .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table {
    overflow-x: visible;
  }
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table caption {
  padding-bottom: 5px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table caption span.h3datatable {
  color: #505A60;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr.support {
  background-color: transparent;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr {
  background-color: #F9F9F9;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr:first-child {
  border-top: none;
  border-top-color: none;
  border-radius: 5px 5px 0px 0px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr:first-child th, .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr:first-child td {
  border-top: none;
  border-top-color: none;
  border-radius: 5px 5px 0px 0px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th.material-icons p {
  margin-right: 21px;
  margin-top: 7px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr {
  border-left: 0.3px solid #DCDCDC;
  border-right: 0.3px solid #DCDCDC;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th, .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr td {
  border-bottom-width: 0px;
  border-left: none;
  border-right: none;
  white-space: normal;
  word-wrap: break-word;
  vertical-align: middle;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th .material-icons, .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr td .material-icons {
  max-width: 53px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th p, .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr td p {
  margin-top: 10px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th:last-child p, .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr td:last-child p {
  margin-right: 20px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr.support:last-child {
  text-align: center;
  border-bottom: none;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr.support:last-child th {
  padding-bottom: 21px;
}
.dataTables_scroll .dataTables_scrollBody table {
  border-collapse: separate;
  border-radius: 5px 5px 0px 0px;
  display: table;
  margin-bottom: 0px;
  margin-top: -5px;
  padding-left: 10px;
  padding-right: 10px;
  table-layout: fixed;
  width: auto;
}
@media (max-width: 79%) {
  .dataTables_scroll .dataTables_scrollBody table {
    overflow-x: scroll;
  }
}
@media (min-width: 80%) {
  .dataTables_scroll .dataTables_scrollBody table {
    overflow-x: scroll;
  }
}
@media (min-width: 80%) {
  .dataTables_scroll .dataTables_scrollBody table {
    overflow-x: visible;
  }
}
.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child {
  border-top: none;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child tr, .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr th:first-child, .dataTables_scroll .dataTables_scrollBody table tbody td:first-child {
  margin-bottom: 25px;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr th {
  display: none;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr {
  border-left: 0.3px solid #DCDCDC;
  border-right: 0.3px solid #DCDCDC;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr th, .dataTables_scroll .dataTables_scrollBody table tbody tr td {
  border-bottom: none;
  border-left: none;
  border-right: none;
  white-space: normal;
  word-wrap: break-word;
  margin-bottom: 25px;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr * p td:last-child p {
  margin-right: 20px;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr:last-child {
  border-left: 0.3px solid #DCDCDC;
  border-right: 0.3px solid #DCDCDC;
  margin-bottom: 0px;
  border-bottom: none;
}
.dataTables_scroll div.dataTables_scrollBody > table.round-bottom-row {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
@media (max-width: 79%) {
  .dataTables_scroll div.dataTables_scrollBody > table.round-bottom-row {
    overflow-x: scroll;
  }
}
@media (min-width: 80%) {
  .dataTables_scroll div.dataTables_scrollBody > table.round-bottom-row {
    overflow-x: scroll;
  }
}
@media (min-width: 80%) {
  .dataTables_scroll div.dataTables_scrollBody > table.round-bottom-row {
    overflow-x: visible;
  }
}
.dataTables_scroll div.dataTables_scrollBody > table.round-bottom-row tbody tr:last-child {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dataTables_scroll div.dataTables_scrollBody > table.round-bottom-row tbody tr:last-child td:last-child {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dataTables_scroll div.dataTables_scrollBody > table.round-bottom-row tbody tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.dataTables_scrollFoot {
  display: none;
  border-top: none;
}

div.checkbox-data-table-tfoot.tfoot {
  border-top: none;
}
div.checkbox-data-table-tfoot.tfoot div {
  margin-bottom: 12px;
}

div.checkbox-data-table-tfoot.tfoot {
  border-collapse: separate;
  display: table;
  padding-top: 12px;
  margin-bottom: 12px;
  padding-left: 17px;
  padding-right: 17px;
  table-layout: fixed;
  width: 100%;
  border-top: none;
}

.datatable-final-row {
  border: 1px solid #DCDCDC;
  border-radius: 0px 0px 5px 5px;
}

.dataTables_wrapper .dataTables_filter {
  clear: both;
}
.dataTables_wrapper .dataTables_filter label {
  margin-right: 70px;
  white-space: nowrap;
}
.dataTables_wrapper .dataTables_filter label img.icon-mag-glass {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_filter label input {
  margin-left: 5px;
}
p.material-icons.checkbox {
  font-size: 24px;
  font-weight: 10;
  margin: 0px;
  color: #505A60;
}

p.shrink {
  margin: 0px 0px 0px 0px;
}

i.material-icons.actions {
  color: #024E72;
  cursor: grab;
  font-size: 32px;
  font-weight: 100;
  margin: 0px;
  test-align: left;
}

i.material-icons.add {
  color: #024E72;
  cursor: grab;
  font-size: 24px;
  margin: 0px;
}

i.material-icons.clear {
  color: #024E72;
  cursor: grab;
  font-size: 20px;
  margin: 0px;
}

.checkbox-table-row-action, .checkbox-table-row-slider {
  width: 24px;
  vertical-align: middle;
}

/*
 * datatable slider general options
 *
 * add changes here only if needed on all sliders
 * otherwise, add another section to the bottom of this file
 *
 */
div.slider {
  display: none;
  color: black;
}

.chart-js {
  width: 100%;
}

.far {
  font-family: FontAwesome;
  font-style: normal;
}

/*
.dataTables_filter label {
  color: red; //$buttonColor;
}
*/
.dataTables_scrollBody table tbody tr td.dataTables_empty {
  color: #9B9B9B;
  font-size: 14px;
  line-height: 20px;
  height: 60px;
  padding-top: 20px;
}

th.table-header-lightgray {
  color: #505A60;
  font-family: "Bebas Neue";
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.75px;
  line-height: 14px;
  text-transform: uppercase;
  height: 60px;
}
th.table-header-lightgray p {
  margin-bottom: 10px;
}

td.important-cell {
  color: #505A60;
  font-weight: 600;
}

.material-icons-checkbox,
th.headers.material-icons-checkbox,
div.dataTables_scrollHead * thead * th.headers.material-icons-checkbox {
  width: 53px;
  min-width: 53px;
  max-width: 53px;
}

.material-icons-actions,
th.headers.material-icons-actions,
div.dataTables_scrollHead * thead * th.headers.material-icons-actions {
  width: 73px;
  min-width: 73px;
  max-width: 73px;
}

.material-icons-sliders,
th.headers.material-icons-sliders,
div.dataTables_scrollHead * thead * th.headers.material-icons-sliders {
  width: 53px;
  min-width: 53px;
  max-width: 53px;
}

.datatable-col-no-min-width {
  min-width: 5px;
}

/*
 * datatable slider and ajax slider stuff
 */
div.datatable-slider {
  margin: -8px;
}

#ajax_slider_working_div {
  display: none;
}

/*
 * change-customer-table
 */
#change-customer-table_wrapper * thead {
  display: none;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
td.no-wrap > p {
  white-space: nowrap;
}

td.harsh-wrap > p {
  overflow-wrap: anywhere;
}

td.support-table-icon > i {
  padding-top: 10px;
}

td.checkbox-data-table-td.bodySmall > p {
  color: #1b1b1b;
}

.checkbox-data-table-td.support-headers {
  color: #1b1b1b;
}
.checkbox-data-table-td.support-headers p {
  white-space: nowrap;
}

.dataTables_scrollHead table.dataTable.support-detail-table {
  border-bottom: 6px solid #DCDCDC;
}

.support-table-filters {
  padding-left: 5px;
}

.support-table-mobile-filters {
  margin-left: -10px;
  margin-right: -10px;
}

.slider-row {
  padding: 0px 0px 8px 0px;
  border-bottom: 1px solid #DCDCDC;
  min-height: 10px;
}

.slider-row:last-child {
  padding: 0px 0px 0px 0px;
  border-bottom: 0px solid transparent;
  min-height: 10px;
  margin-bottom: -5px;
}

.slider-text {
  font-size: 14px;
  color: #505A60;
  font-weight: 400;
}

.show-more-comments-container {
  height: 45px;
  background-image: url("../images/support_show_more_comments_background.png");
  background-repeat: repeat-x;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -5px;
  margin-bottom: -5px;
  text-align: center;
  cursor: grab;
}

.show-more-comments-button {
  text-align: center;
  margin-top: 10px;
  background: white;
  width: 180px;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #024E72;
  font-size: 13px;
  cursor: grab;
  border: none;
  outline: none;
  box-shadow: none;
}

.add-comment-button {
  float: right;
  margin-top: -60;
  margin-right: 10px;
}

p.support-comment-loading-indicator {
  font-size: 14px;
  color: #1b1b1b;
}

.ajax-submit-button:hover {
  color: inherit;
}

.form-less-button-row {
  padding-right: 15px;
  padding-top: 30px;
}

div.le-table.noborder table > tbody > tr > td.column-padding-right {
  padding-right: 25px;
}

div.support-summary-notification-container {
  padding: 8px;
  background-color: #99C525;
  opacity: 0.8;
  display: none;
}

div.support-summary-notification {
  text-align: center;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.md-checkbox {
  position: relative;
  margin: 1em 0;
  text-align: left;
}
.md-checkbox.md-checkbox-inline {
  display: inline-block;
}
.md-checkbox label {
  cursor: pointer;
  display: inline;
  line-height: 1.25em;
  vertical-align: top;
  clear: both;
  padding-left: 1px;
}
.md-checkbox label:not(:empty) {
  padding-left: 0.75em;
}
.md-checkbox label:before, .md-checkbox label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.md-checkbox label:before {
  width: 1.25em;
  height: 1.25em;
  background: #fff;
  border: 2px solid #505A60;
  border-radius: 0.125em;
  cursor: pointer;
  transition: background 0.3s;
}
.md-checkbox input[type=checkbox] {
  outline: 0;
  visibility: hidden;
  width: 1.25em;
  margin: 0;
  display: block;
  float: left;
  font-size: inherit;
}
.md-checkbox input[type=checkbox]:checked + label:before {
  background: #024E72;
  border: none;
}
.md-checkbox input[type=checkbox]:checked + label:after {
  transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  width: 0.75em;
  height: 0.375em;
  border: 0.125em solid #fff;
  border-top-style: none;
  border-right-style: none;
}
.md-checkbox input[type=checkbox]:disabled + label:before {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type=checkbox]:disabled:checked + label:before {
  background: rgba(0, 0, 0, 0.26);
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.targetable-checkbox-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-radius: 4px;
  cursor: pointer;
  margin-top: -8px;
  padding-bottom: 10px;
}
div.targetable-checkbox-container div.tc-description {
  color: #1b1b1b;
  font-family: "Myriad Pro";
  line-height: 18px;
}
div.targetable-checkbox-container div.tc-item-checkbox {
  width: 35px;
  margin-top: -10px;
  padding-left: 5px;
}
div.targetable-checkbox-container div.tc-item {
  width: 100%;
  padding: 5px;
  padding-top: 12px;
}
div.targetable-checkbox-container div.tc-target {
  font-weight: 600;
  color: #024E72;
}
div.targetable-checkbox-container div.tc-dropdown {
  margin-top: 5px;
}

span.targetable-checkbox-button {
  margin-top: -5px;
}
span.targetable-checkbox-button button > i {
  color: #024E72;
  margin-top: -3px;
  float: right;
  margin-right: -8px;
}
span.targetable-checkbox-button button {
  border: 1px solid #DCDCDC;
  height: 20px;
  width: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #024E72;
  font-size: 20px;
  font-weight: 300;
  opacity: 1;
  margin-top: 3px;
  margin-left: 3px;
}
span.targetable-checkbox-button button:focus {
  outline: none;
}
span.targetable-checkbox-button button:hover {
  background-color: #DCDCDC;
  color: #024E72;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
#user_table > tbody > tr > td > div.slider {
  margin: -8px;
}

ul.um-menu > li.um-menu-divider {
  padding-top: 0px;
  padding-bottom: 8px;
  margin-right: 20px;
  margin-left: 20px;
  border-top: 1px solid #DCDCDC;
}

div.um_slider_background div.um_slider_container {
  margin-left: 8px;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 479px) {
  div.um_slider_background div.um_slider_container {
    flex-direction: column;
  }
}
@media (min-width: 480px) {
  div.um_slider_background div.um_slider_container {
    flex-direction: row;
  }
}
div.um_slider_background div.um_slider_item {
  padding: 10px;
  color: #505A60;
  font-size: 12px;
  /*width: 33%;*/
}
div.um_slider_background div.um_slider_header {
  color: #505A60;
  font-family: "Myriad Pro";
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.75px;
}

div.le-mobile-table-row div.um_slider_background div.um_slider_container {
  margin: 0;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.filter-menu {
  font-size: 14px;
}

.filter-menu > li {
  padding-left: 15px;
  padding-right: 15px;
}

.filter-menu-item a:hover {
  color: #50C1E9;
}

.filter-menu-item {
  border-bottom: thin solid #DCDCDC;
}

.filter-menu-item:hover {
  border-bottom: none;
}

.filter-menu-item-selected {
  border-bottom: thin solid #024E72;
}

.filter-menu-item-selected a {
  color: #1b1b1b;
}

.filter-menu-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
}

#chart-table div.checkbox-data-table-tfoot.tfoot div.legend-row {
  margin-bottom: 32px;
}

#chart-table td.checkbox-data-table-td.bodySmall > p {
  white-space: nowrap;
}

.legend-item-detail {
  margin-top: 20px;
  color: #4F4F4F;
  padding-left: 40px;
}

.legend-item-detail-even {
  border-left: thin solid #d7d7d7;
}

.legend-item-detail-header {
  font-size: 14px;
  text-align: left;
  padding-bottom: 6px;
  color: #4F4F4F;
}

.legend-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 10px;
  border-radius: 0.25rem !important;
}

.legend-default .legend-item-detail-item .tiny-font {
  font-size: 14px;
  position: absolute;
  top: -14px;
}

.legend-default .legend-item-detail-item .legend-value {
  line-height: 56px;
}

.legend-default .legend-item-detail-item .big-font,
.legend-bandwidth .legend-item-detail-item .big-font {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0px;
  display: inline-block;
}

.legend-bandwidth .legend-item-detail-item .tiny-font {
  font-size: 14px;
  position: absolute;
  top: -4px;
}

.legend-bandwidth .legend-item-detail-item .legend-value {
  line-height: 32px;
}

.legend-bandwidth {
  margin: 20px 0;
}

.legend-item-detail-item .legend-description {
  font-size: 10px;
  color: #9B9B9B;
}

.legend-flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin: 0 20px;
  list-style: none;
}

.legend-flex-item {
  padding: 0 20px;
  margin-top: 10px;
  text-align: center;
}

.legend-item-detail-item {
  float: left;
  padding: 0 10px;
}

.legend-separator {
  background: #DCDCDC;
  margin: 8px 0;
  width: 1px;
}

.backup-filter-menu-wrap {
  text-align: right;
}

.bandwidth-filter-menu-wrap, .power-filter-menu-wrap {
  text-align: right;
}

.legend-unit-info {
  display: none;
  text-align: center;
}

@media (max-width: 450px) {
  .legend-bandwidth .legend-flex-container {
    padding-bottom: 12px;
  }

  .legend-bandwidth {
    margin: 0 -15px;
  }

  .legend-bandwidth .legend-item-detail-item-wrap {
    width: 100%;
  }

  .legend-bandwidth .legend-separator {
    display: none;
  }

  .legend-bandwidth .legend-item-detail-header {
    width: 100%;
  }

  .legend-bandwidth .legend-item-detail-item {
    width: 33%;
  }

  .legend-bandwidth .legend-item-detail-item .legend-value {
    line-height: 12px;
  }

  .legend-bandwidth .legend-flex-item {
    border: 1px solid #024E72;
    width: 100%;
    padding: 6px;
  }

  .legend-bandwidth .legend-item-detail-item .big-font {
    font-size: 12px;
    font-weight: normal;
  }

  .backup-filter-menu-wrap {
    text-align: center;
  }

  .bandwidth-filter-menu-wrap, .power-filter-menu-wrap {
    text-align: center;
    margin: 20px 0;
  }

  .canvasWrap {
    display: none;
  }

  .legend-unit-info {
    display: block;
    font-size: 12px;
  }

  .backup-storage-protected-clients-title {
    font-size: 10px;
  }
}
.chartjs-wrapper {
  position: relative;
  margin: 0 10px;
  padding: 0 10px;
  overflow: hidden;
}

.chart_title {
  margin-bottom: 24px;
  color: #4F4F4F;
  font-weight: bold;
}

.chart-nav-wrap {
  position: relative;
  margin-top: 20px;
}

.dropdown-nav-wrapper {
  margin-bottom: 10px;
  padding-left: 0px;
}

.filter-nav-wrapper {
  margin-bottom: 10px;
}

.widget-container {
  margin-bottom: 42px;
}

.ui-widget.ui-widget-content {
  border: none !important;
}

.ui-widget-content {
  border: none !important;
  background: #DCDCDC !important;
}

.ui-progressbar {
  height: 6px !important;
}

.ui-widget-header {
  border: none !important;
}

.utilization-progress-wrap div {
  padding-left: 4px;
  padding-right: 4px;
}

.utilization-chart-in .ui-widget-header {
  background: #024E72;
}

.utilization-chart-out .ui-widget-header {
  background: #FFBC19;
}

.ui-progressbar .ui-progressbar-value {
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

.utilization-chart-progress-bar {
  margin-top: 8px;
  padding: 0 !important;
}

.utilization-overage .ui-widget-header {
  background: #D0021B;
}

#chart-table .checkbox-data-table-td {
  font-size: 12px;
}

.progress-bar-name {
  font-weight: 900;
  color: #4F4F4F;
}

#chart-table th {
  color: #4F4F4F;
}

.utilization-ratio {
  font-weight: 900;
  color: #4F4F4F;
  white-space: nowrap;
  text-align: right;
}

.loading_chart_wrap {
  margin: 10px;
}

.loading_chart_wrap img, #chart_body_wrapper img {
  width: 100%;
}

.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th:nth-child(4) p {
  margin-left: 0px;
}

.datatable-final-row {
  background: #F9F9F9;
}

#chart-table div.checkbox-data-table-tfoot.tfoot div {
  margin-bottom: 0;
}

#backup-storage-services-dropdown .dropdown-server-item a {
  padding-left: 32px;
}

.power-circuit-label-wrap {
  padding-left: 32px;
}

.backup-storage-protected-clients-wrapper {
  /*	margin:10px; */
}

.backup-storage-protected-clients-title {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #024E72;
}

.backup-storage-protected-clients-list-item {
  margin-left: 10px;
  margin-bottom: 4px;
}

.power-chart-title-extra {
  color: #9B9B9B;
  font-size: 14px;
}

.canvasWrap {
  padding: 12px 0;
}

.power_chart_wrapper {
  color: #1b1b1b;
  padding: 10px;
  background: #FFF;
  border: thin solid #DCDCDC;
}

.power-chart-table-show-more {
  text-align: right;
  padding: 6px 12px;
}

#power_chart_body_wrapper {
  margin-bottom: 16px;
}

#monitoring-power-table-id-live thead tr {
  height: 8px;
}

.chart-loading-active {
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 2%;
  z-index: 5000;
  text-align: center;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.spinner {
  margin: 0 auto;
  height: 64px;
  width: 64px;
  animation: rotate 0.8s infinite linear;
  border: 5px solid black;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
#notification_table_container table {
  color: #505A60;
}

#notification_table_container table tr {
  border: thin solid #DCDCDC;
}

div.notification-message-mobile {
  margin-top: 15px;
  border-radius: 5px;
  color: #1b1b1b;
  font-size: 14px;
  line-height: 1.25;
}
div.notification-message-mobile div.notification-container-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  background: #FFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}
div.notification-message-mobile div.notification-container-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  background: #FFF;
  border-top-radius: 0px;
  border-bottom-radius: 0px;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}
div.notification-message-mobile div.notification-container-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  background: #FFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}
div.notification-message-mobile div.notification-container-item-left {
  order: 1;
  min-height: 5px;
  min-width: 5px;
}
div.notification-message-mobile div.notification-container-item-left.top-left {
  border-top-left-radius: 5px;
}
div.notification-message-mobile div.notification-container-item-left.bottom-left {
  border-bottom-left-radius: 5px;
}
div.notification-message-mobile div.notification-container-item-center {
  order: 2;
  flex-grow: 4;
  margin-left: 10px;
  margin-right: 10px;
  text-align: left;
  display: flex;
  align-content: center;
}
div.notification-message-mobile div.notification-container-item-right {
  order: 3;
  min-height: 5px;
  min-width: 5px;
}
div.notification-message-mobile div.notification-container-item-right.top-right {
  border-top-right-radius: 5px;
}
div.notification-message-mobile div.notification-container-item-right.bottom-right {
  border-bottom-right-radius: 5px;
}
div.notification-message-mobile .notification-mobile-links {
  font-size: 12px;
  white-space: nowrap;
}

div.notification-message-desktop {
  margin-top: 15px;
  border-radius: 5px;
  color: #1b1b1b;
  font-size: 14px;
}
div.notification-message-desktop div.notification-container-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  background: #FFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}
div.notification-message-desktop div.notification-container-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  background: #FFF;
  border-top-radius: 0px;
  border-bottom-radius: 0px;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}
div.notification-message-desktop div.notification-container-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  background: #FFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}
div.notification-message-desktop div.notification-container-icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  height: 100%;
}
div.notification-message-desktop div.notification-container-icon-item {
  order: 1;
  text-align: center;
}
div.notification-message-desktop div.notification-container-icon-item i.white-icon-circle {
  display: inline-block;
  border-radius: 40px;
  box-shadow: 0px 0px 2px #DCDCDC;
  padding: 0.4em 0.7em;
  background-color: #FFF;
  font-size: 1.5em;
}
div.notification-message-desktop #notification-icon {
  color: white;
  font-size: 22px;
}
div.notification-message-desktop div.notification-container-item-left {
  order: 1;
  min-height: 10px;
  min-width: 25px;
}
div.notification-message-desktop div.notification-container-item-left.top-left {
  border-top-left-radius: 5px;
}
div.notification-message-desktop div.notification-container-item-left.bottom-left {
  border-bottom-left-radius: 5px;
}
div.notification-message-desktop div.notification-container-item-center {
  order: 2;
  flex-grow: 4;
  margin-left: 10px;
  margin-right: 10px;
  text-align: left;
  padding-top: 4px;
}
div.notification-message-desktop div.notification-container-item-right {
  order: 3;
  min-height: 5px;
  min-width: 5px;
}
div.notification-message-desktop div.notification-container-item-right.top-right {
  border-top-right-radius: 5px;
}
div.notification-message-desktop div.notification-container-item-right.bottom-right {
  border-bottom-right-radius: 5px;
}

.notification-row {
  margin: 20px 0px 0px 0px;
  background: #FFF;
  color: #1b1b1b;
  border-radius: 5px;
}

.notification-level {
  height: 64px;
  padding: 16px 16px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 68px;
}

.notification-level > .fa {
  font-size: 1.25vw;
}

.notification-level-red {
  background: #D0021B;
}

.notification-level-red i {
  background: #D0021B;
  color: #D0021B;
}

.notification-level-orange {
  background: #FA5D00;
}

.notification-level-orange i {
  background: #FA5D00;
  color: #FA5D00;
}

.notification-level-yellow {
  background: #E7DF21;
}

.notification-level-yellow i {
  background: #E7DF21;
  color: #E7DF21;
}

.notification-level-other {
  background: #50C1E9;
}

.notification-level-other i {
  background: #50C1E9;
  color: #50C1E9;
}

.notification-level .white-icon-circle {
  display: inline-block;
  border-radius: 40px;
  box-shadow: 0px 0px 2px #DCDCDC;
  padding: 0.4em 0.7em;
  background-color: #FFF;
}

.notification-message {
  margin-top: 20px;
  color: #1b1b1b;
  font-size: 14px;
}

.notification-title {
  color: #1b1b1b;
  font-weight: bold;
  font-size: 16px;
}

.notification-links {
  margin-left: 10px;
  font-size: 14px;
  white-space: nowrap;
}

.notification-links a {
  margin: 0 4px;
}

span.notification-text.red-button {
  background-color: #D0021B;
  border: 1px solid #505A60;
  color: white;
}

span.notification-text.orange-button {
  background-color: #FA5D00;
  border: 1px solid #505A60;
  color: white;
}

span.notification-text.yellow-button {
  background-color: #E7DF21;
  border: 1px solid #505A60;
  color: white;
}

#notification_button {
  cursor: pointer;
}

.mobile-menu-badge {
  color: white;
  border-radius: 10px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 700;
  border: none;
  line-height: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 6px;
  padding-right: 8px;
  height: 20px;
  margin-left: 15px;
  vertical-align: middle;
}

.notification-detail-type {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: bottom 50% left 0px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px;
  color: #4F4F4F;
  padding-left: 15px;
}

div.notification-outage-icon {
  background-image: url("../images/icons/red_circle.svg");
}

div.notification-change-icon {
  background-image: url("../images/icons/orange_circle.svg");
}

div.notification-info-icon {
  background-image: url("../images/icons/yellow_circle.svg");
}

div.notification-detail-slider-container {
  width: 100%;
}

div.notification-detail-panel-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.notification-detail-panel-item-seperator {
  padding-left: 10px;
  padding-right: 10px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
#notification-table_wrapper table thead tr th.notification-table-progress-header {
  padding-left: 32px;
}

#notification-table_wrapper table thead tr th.uitable-actions-header {
  padding-left: 12px;
}

.progress-meter-centered-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.progress-meter-container {
  width: 280px;
  padding-top: 6px;
}

.progress-menu {
  display: flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.progress-menu > div.progress-menu-item {
  width: 100%;
}

.progress-menu > div.progress-menu-item.pointer {
  cursor: pointer;
}

.progress-menu > div.progress-menu-item > div.progress-menu-item-text-top {
  font-family: "Myriad Pro";
  font-size: 10px;
  color: #505A60;
  text-transform: uppercase;
  line-height: 24px;
}

.progress-menu > div.progress-menu-item > div.progress-menu-item-text-bottom {
  font-family: "Myriad Pro";
  font-size: 10px;
  color: #505A60;
  line-height: 24px;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge {
  margin-left: auto;
  margin-right: auto;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50%;
  background-color: white;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.complete {
  background-color: white;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.complete > i {
  font-size: 1.8em;
  color: #99C525;
  top: -4;
  left: -3;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.selected > i {
  font-size: 1.7em;
  color: #0094CA;
  top: -4;
  left: -3;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.pending > i {
  font-size: 1.7em;
  color: #9B9B9B;
  top: -4;
  left: -3;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.text > div.badge_container {
  height: 30px;
  width: 30px;
  position: relative;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.text > div.badge_container > div.badge_icon {
  position: absolute;
  margin-top: 0px;
  font-size: 1.7em;
  color: #ccc;
  top: -4px;
  left: -3px;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.text > div.badge_container > div.badge_icon.selected {
  color: #0094CA;
}

.progress-menu > div.progress-menu-item > div > div.progress-menu-item-badge.text > div.badge_container > div.badge_label {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 14px;
  left: 8px;
  top: 1px;
  font-family: "Myriad Pro";
  text-transform: uppercase;
}

.progress-menu > div.progress-menu-item > div.left-line {
  border: 1px solid #ccc;
  float: right;
  width: 50%;
  margin-top: -13px;
  margin-right: -3px;
}

.progress-menu > div.progress-menu-item > div.right-line {
  border: 1px solid #ccc;
  float: left;
  width: 50%;
  margin-top: -13px;
  margin-left: -3px;
}

.progress-menu > div.progress-menu-item > div.line {
  border: 1px solid #ccc;
  width: 100%;
  margin-top: -13px;
  margin-left: -3px;
}

div.le-mobile-table-row .progress-menu > div.progress-menu-item > div.line {
  margin-top: -17px;
}
div.le-mobile-table-row .progress-menu > div.progress-menu-item > div.right-line {
  margin-top: -17px;
}
div.le-mobile-table-row .progress-menu > div.progress-menu-item > div.left-line {
  margin-top: -17px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.le-mobile-table-container {
  margin-left: -15px;
  margin-right: -15px;
}
div.le-mobile-table-container div.le-mobile-table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
div.le-mobile-table-container div.le-mobile-table-row div.le-mobile-action-grid {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 10px;
}
div.le-mobile-table-container div.le-mobile-table-row div.action-item-text {
  margin-top: 4px;
}
div.le-mobile-table-container div.le-mobile-table-row div.action-center {
  text-align: center;
}
div.le-mobile-table-container div.le-mobile-table-row div.action-right {
  text-align: right;
}
div.le-mobile-table-container div.le-mobile-table-row.slider {
  flex-wrap: wrap;
  color: #505A60;
  width: 100%;
  font-size: 12px;
}
div.le-mobile-table-container div.le-mobile-table-row.data {
  padding-bottom: 15px;
}
div.le-mobile-table-container div.le-mobile-table-pre-row-wrap {
  border-top: 1px solid #DCDCDC;
  padding: 15px 5px 0px 5px;
}
div.le-mobile-table-container div.le-mobile-table-pre-row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
div.le-mobile-table-container div.le-mobile-table-row.header {
  padding-top: 25px;
  padding-bottom: 5px;
  text-transform: uppercase;
  color: #1b1b1b;
  text-align: left;
  font-family: "Bebas Neue";
  font-size: 16px;
  font-weight: bold;
}
div.le-mobile-table-container div.le-mobile-table-row.footer {
  border-top: 1px solid #ccc;
  border-bottom: none;
}
div.le-mobile-table-container div.le-mobile-table-row.paging {
  margin-top: 10px;
}
div.le-mobile-table-container div.le-mobile-table-row.paging button.le-table-more-button {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #024E72;
  border: none;
  background: none;
  font-size: 12px;
}
div.le-mobile-table-container div.le-mobile-table-row-col {
  color: #1b1b1b;
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.le-mobile-table-container div.le-mobile-table-row-col.wrap {
  white-space: inherit;
  overflow: auto;
  text-overflow: inherit;
}
div.le-mobile-table-container div.le-mobile-navigate-link-col, div.le-mobile-table-container div.le-mobile-action-menu-col {
  text-align: right;
}
div.le-mobile-table-container div.le-mobile-navigate-link-col .btn, div.le-mobile-table-container div.le-mobile-action-menu-col .btn {
  color: #024E72;
  padding: 2px 10px;
  background-color: #fff;
}
div.le-mobile-table-container div.status {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: bottom 50% left 1px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px;
  padding-left: 20px;
  text-transform: uppercase;
}
div.le-mobile-table-container div.slider-loading {
  font-size: 10px;
  text-align: center;
  font-style: italic;
  color: #4F4F4F;
  text-transform: lowercase;
  width: 100%;
}
div.le-mobile-table-container div.le-table-heading {
  overflow: hidden;
  text-overflow: ellipsis;
}
div.le-mobile-table-container div.le-table-heading span.menu {
  display: block;
}

div.le-mobile-table-container.bordered div.le-mobile-table-inner-container {
  border: 1px solid #DCDCDC;
  background-color: white;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.le-mobile-table-container.bordered div.le-mobile-table-row {
  padding-left: 5px;
  padding-right: 5px;
}
div.le-mobile-table-container.bordered div.le-mobile-table-row.header {
  background-color: #F9F9F9;
  padding-top: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
div.le-mobile-table-container.bordered div.le-mobile-table-row.header div.le-mobile-table-row-col {
  height: 40px;
  padding-top: 10px;
}
div.le-mobile-table-container.bordered div.le-mobile-table-row.footer {
  background-color: #F9F9F9;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.le-mobile-table-container.bordered div.le-mobile-table-row.slider {
  background-color: #F9F9F9;
}

div.le-table-heading {
  padding-bottom: 5px;
}
div.le-table-heading span.le-table-title {
  color: #1b1b1b;
  font-family: "Myriad Pro";
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 29px;
  padding-right: 15px;
}
div.le-table-heading a.le-table-top-menu-item {
  font-size: 14px;
  color: #024E72;
  cursor: pointer;
  padding-right: 15px;
}
div.le-table-heading a.le-table-top-menu-item.disabled {
  color: #9B9B9B;
  cursor: not-allowed;
  font-size: 14px;
}
div.le-table-heading span.le-table-top-menu-item-disabled {
  color: #9B9B9B;
  cursor: not-allowed;
  font-size: 14px;
}
div.le-table-heading div.le-table-search {
  width: 200px;
  cursor: pointer;
}
div.le-table-heading div.le-table-search i.material-icons.search {
  font-size: 36px;
  color: #4F4F4F;
  margin-top: -38px;
  cursor: pointer;
}
div.le-table-heading div.le-table-search i.material-icons.search.active {
  color: #024E72;
  cursor: pointer;
}
div.le-table-heading div.le-table-search input {
  cursor: pointer;
  border: none;
  outline: none;
  text-align: right;
  height: 40px;
  width: 100%;
  margin-top: -6px;
  padding-right: 40px;
}

div.le-table div.dataTables_filter {
  display: none;
}
div.le-table table > tbody > tr > td button.btn-more {
  color: #024E72;
  font-size: 32px;
  background-color: white;
}
div.le-table table > tbody > tr > td button.btn-more:focus, div.le-table table > tbody > tr > td div > button.btn-more:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.le-table table > tbody > tr > td button.btn-slider {
  color: #024E72;
  font-size: 28px;
  background-color: white;
}
div.le-table table > tbody > tr > td button.btn-slider:focus, div.le-table table > tbody > tr > td div > button.btn-slider:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.le-table table > tbody > tr > td button.btn-download {
  color: #024E72;
  font-size: 28px;
  background-color: white;
}
div.le-table table > tbody > tr > td button.btn-download:focus, div.le-table table > tbody > tr > td div > button.btn-download:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.le-table table > tbody > tr > td.dt-nowrap {
  white-space: nowrap;
}
div.le-table table > tbody > tr > td.dt-important {
  font-weight: bold;
}
div.le-table table > tbody > tr[data-clickable="1"] {
  cursor: pointer;
}
div.le-table table > tbody > tr > td.child-row > div.ui-ajax-object > div.slider-loading {
  text-align: center;
  font-style: italic;
  color: #4F4F4F;
  text-transform: lowercase;
}
div.le-table div.le-table-footer div > div > div > button.le-table-more-button {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #024E72;
  border: none;
  background: none;
}
div.le-table div.le-table-footer div.paging-container > div.paging-loading {
  font-style: italic;
  color: #4F4F4F;
}

div.le-table[data-orderable] table > thead > tr > th, div.le-table[data-orderable].noborder table > thead > tr > th {
  cursor: pointer;
  color: #024E72;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.le-table.noborder {
  border: none;
  background-color: white;
}
div.le-table.noborder table > thead > tr {
  background-color: white;
}
div.le-table.noborder table > thead > tr > th {
  height: 5px;
  text-transform: uppercase;
  color: #4F4F4F;
  text-align: left;
  font-family: "Bebas Neue";
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
  cursor: default;
}
div.le-table.noborder div.dataTables_scrollHeadInner > table > thead > tr > th {
  background-color: white;
}
div.le-table.noborder div.dataTables_scrollHeadInner > table > thead > tr > th[aria-label=actions]:last-child {
  color: white;
}
div.le-table.noborder table > tbody > tr {
  background-color: #FFF;
}
div.le-table.noborder table > tbody > tr > td {
  color: #1b1b1b;
  font-size: 16px;
  padding-left: 5px;
  padding-right: 5px;
  height: 50px;
  vertical-align: middle;
  border-top: 1px solid #DCDCDC;
}
div.le-table.noborder table > tbody > tr:first-of-type > td {
  border-top: 1px solid #DCDCDC;
}
div.le-table.noborder div.le-table-footer {
  background-color: white;
  color: #4F4F4F;
  text-align: left;
  font-size: 12px;
  border-top: 1px solid #DCDCDC;
  padding-left: 5px;
  padding-right: 5px;
}
div.le-table.noborder div.le-table-footer.empty {
  border-top: none;
}

div.le-table.bordered {
  border: 1px solid #DCDCDC;
  background-color: white;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.le-table.bordered table > thead > tr {
  background-color: #F9F9F9;
}
div.le-table.bordered table > thead > tr > th {
  height: 50px;
  text-transform: uppercase;
  color: #024E72;
  text-align: left;
  font-family: "Bebas Neue";
  font-size: 16px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  margin-right: 5px;
}
div.le-table.bordered table > thead > tr > th.sorting_disabled {
  cursor: default;
  color: #4F4F4F;
}
div.le-table.bordered table > tbody > tr {
  background-color: #FFF;
}
div.le-table.bordered table > tbody > tr > td {
  color: #1b1b1b;
  font-size: 16px;
  padding-left: 5px;
  padding-right: 5px;
  height: 50px;
  vertical-align: middle;
}
div.le-table.bordered table > tbody > tr:last-of-type > td:first-of-type {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.le-table.bordered table > tbody > tr:last-of-type > td:last-of-type {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
div.le-table.bordered table > tbody > tr > td {
  border-top: 1px solid #DCDCDC;
}
div.le-table.bordered table > tbody > tr > td.child-row {
  background-color: #F9F9F9;
  border-top: 1px solid #F9F9F9;
}
div.le-table.bordered div.le-table-footer {
  background-color: #F9F9F9;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #1b1b1b;
  text-align: left;
  font-size: 12px;
  border-top: 1px solid #DCDCDC;
  padding-left: 5px;
  padding-right: 5px;
}
div.le-table.bordered div.le-table-footer.empty {
  border-top: none;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.ellipsis .one {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0s;
  animation: dot 1.3s infinite;
  animation-delay: 0s;
}
.ellipsis .two {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}
.ellipsis .three {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}

@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.account-details-section.card {
  box-shadow: none;
}
div.account-details-section.card div.panel-heading > div.card-header-row {
  padding-left: 0;
  padding-right: 0;
}
div.account-details-section.card .card-row-padding-horizontal {
  padding-left: 10px;
  padding-right: 10px;
}
div.account-details-section.card .card-row-padding {
  padding: 20px 0;
}

div.account-details-section h3.panel-title {
  font-family: "Myriad Pro";
  font-size: 26px;
  line-height: 29px;
  font-width: 600;
  color: #1b1b1b;
}

.billing-history-invoice-wrapper {
  margin-left: 15px;
}

.billing-history-invoice-wrapper .le-table-heading {
  margin-top: 36px;
}

.billing-history-invoice-filters {
  margin: 24px 0;
}

.billing-history-invoice-loading {
  font-size: 14px;
  color: #1b1b1b;
  padding-left: 5px;
  padding-right: 5px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.subdued-message-container {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  padding: 35px;
  font-family: "Myriad Pro";
}

div.subdued-message-container.card-row {
  margin-left: 15px;
  margin-right: 15px;
}

div.subdued-message-header {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  color: #DDDDDD;
  font-family: "Myriad Pro";
}

div.subdued-message-body {
  text-align: center;
  color: #DDDDDD;
  padding-top: 10px;
  font-weight: 400;
}

div.subdued-message1 {
  font-style: italic;
  color: #DDDDDD;
}

div.fake-uitable {
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  padding: 5px;
  padding: 15px;
}

div.stacker-card {
  border: 1px solid #DCDCDC;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.div-table {
  display: table;
  width: 100%;
}

.div-table-row {
  display: table-row;
}

.div-table-head {
  display: table-header-group;
  font-weight: bold;
}

.div-table-cell, .div-table-head {
  display: table-cell;
}

.cloud-storage-deployed-vms-table .first-col {
  width: 32px;
}

.powered-on-icon, .other-status-icon {
  height: 12px;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: bottom 50% left 0px;
  float: left;
  padding-left: 20px;
}

.powered-on-icon {
  background-image: url(../../assets/images/icons/green_circle.svg);
}

.other-status-icon {
  background-image: url(../../assets/images/icons/yellow_circle.svg);
}

.vcloud-storage-deployed-vms-title {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.vcloud-storage-deployed-vms-wrapper {
  padding: 10px;
  width: 100%;
}

.vcloud-progress-wrap {
  margin-top: -8px;
}

.utilization-chart-progress-bar-wrap {
  padding-left: inherit;
}

.utilization-ratio {
  white-space: nowrap;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
span.select2-selection__arrow {
  cursor: pointer;
  margin-right: 15px;
  margin-top: 10px;
  color: #024E72;
}

.select2-container .select2-selection--single {
  height: 40px;
}

.select2-dropdown {
  border: 1px solid #DCDCDC;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #DCDCDC;
  padding-left: 5px;
  padding-top: 5px;
  outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1b1b1b;
  font-weight: 400;
}

.select2-container--default .select2-results__option[aria-selected] {
  color: #024E72;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F1F1F1;
  color: #1b1b1b;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #0094CA;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #F1F1F1;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  color: #1b1b1b;
  outline: none;
}

.select2-results__options {
  background-color: white;
  color: #1b1b1b;
  font-family: "Myriad Pro";
  font-size: 16px;
  font-weight: normal;
}

strong.select2-results__group {
  background-color: white;
  text-transform: uppercase;
  color: #4F4F4F;
  font-family: "Myriad Pro";
  font-size: 12px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.ticket-subject-parent {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  max-width: 200px;
  /* If we change the table columns, this will need adjusted */
}

div.ticket-subject-child-ellipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.support-summary-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
}
.support-summary-container .support-summary-container-item {
  flex-grow: 2;
}
.support-summary-container .support-summary-container-item .support-summary-left-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.support-summary-container .support-summary-container-item .support-summary-left-container .support-summary-left-container-item {
  flex-grow: 0;
  font-family: "Myriad Pro";
  color: #4F4F4F;
  font-weight: 300;
}
.support-summary-container .support-summary-container-item .support-summary-left-container .support-summary-left-container-item .small-font {
  font-size: 24px;
  letter-spacing: -1.2px;
  line-height: 52px;
}
.support-summary-container .support-summary-container-item .support-summary-left-container .support-summary-left-container-item .big-font {
  font-family: "Lato";
  font-size: 56px;
  letter-spacing: -2.8px;
  line-height: 67px;
}
.support-summary-container .support-summary-container-item .support-summary-left-container .support-summary-left-container-item .support-summary-title {
  color: #4F4F4F;
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  text-align: center;
}
.support-summary-container .support-summary-container-item .support-summary-left-container .support-summary-left-container-item .support-summary-body {
  color: #024E72;
  cursor: pointer;
  text-align: center;
}
.support-summary-container .support-summary-container-item .support-summary-right-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  min-height: 88px;
}
div.communication-panel {
  width: 100%;
}

div.communication-comment {
  /*
  This is the container that goes around a user/support comment in the
  communication panel.  This is comprised of placing "communication-row"s
  with "communication-row-item"s in side them.  By default, a row item has
  a specific look and feel but you can tweak that by adding another class
  to achieve more specialized looks for each unique item.
   */
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 8px;
}
div.communication-comment .communication-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  font-family: "Myriad Pro";
  font-size: 16px;
  padding-bottom: 5px;
}
div.communication-comment .communication-row-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.communication-comment .communication-row-item.wrap {
  white-space: normal;
  overflow: auto;
  text-overflow: clip;
  margin-left: 5px;
}
div.communication-comment .communication-row-item.scroll {
  white-space: nowrap;
  overflow: scroll;
  text-overflow: clip;
  margin-left: 5px;
  scrollbar-width: none;
}
div.communication-comment .communication-row-item.richtext {
  width: 100%;
}
div.communication-comment .communication-row-item.richtext strong {
  font-weight: 600;
  color: #0094CA;
}
div.communication-comment .communication-row-item.richtext em {
  font-style: italic;
}
div.communication-comment .communication-row-item.richtext ul {
  margin-left: 5px;
  margin-top: -8px;
  padding-top: 0px;
}
div.communication-comment .communication-row-item.richtext ul li {
  list-style: inside;
  list-style-type: disc;
}
div.communication-comment .communication-row-item.richtext ol {
  margin-left: 5px;
  margin-top: -8px;
  padding-top: 0px;
}
div.communication-comment .communication-row-item.richtext ol li {
  list-style: inside;
  list-style-type: decimal;
}
div.communication-comment .communication-row-item.richtext pre {
  padding: 5px;
  font-family: monospace;
  border: 1px solid #999;
}
div.communication-comment .communication-row-item.richtext pre code {
  font-font: monospace;
}
div.communication-comment .communication-row-item.richtext p {
  padding-bottom: 2px;
  margin-top: 1em;
}
div.communication-comment .communication-row-item.icon {
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left;
  min-width: 30px;
  min-height: 30px;
}
div.communication-comment .communication-row-item.title2 {
  font-family: "Myriad Pro";
  color: #1b1b1b;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  flex-grow: 2;
  padding-top: 2px;
}
div.communication-comment .communication-row-item.date {
  padding-left: 5px;
  text-align: right;
  white-space: nowrap;
  overflow: initial;
  color: #9B9B9B;
  font-size: 12px;
}
div.communication-comment textarea {
  width: 100%;
  border: 1px solid #CCC;
  color: black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  padding: 8px 15px 8px 15px;
  resize: none;
}
div.communication-comment div.comment-form-button-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}
div.communication-comment div.comment-form-button-item {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  flex-grow: 3;
}
div.communication-comment div.comment-form-button-item button {
  border: 1px solid #024E72;
}
div.communication-comment div.comment-form-button-item button:hover {
  background-color: #DCDCDC;
}
div.communication-comment div.comment-form-button-item.right {
  padding-left: 5px;
  flex-grow: 1;
}
div.communication-comment div.comment-form-button-item.left {
  padding-right: 5px;
  padding-left: 0px;
  flex-grow: 1;
}
div.communication-comment div.comment-form-button-item.spacer {
  width: 100%;
  text-align: center;
  font-style: italic;
  font-size: 12px;
  color: #DCDCDC;
}
div.communication-comment .btn-communication-panel {
  color: white;
  background-color: #024E72;
  font-size: 11px;
  outline: none;
  display: inline-block;
  border-radius: 40px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.7em;
}
div.communication-comment .btn-communication-panel:active, div.communication-comment .btn-communication-panel:focus {
  outline: none;
  box-shadow: none;
}
div.communication-comment .btn-communication-panel.disabled:active, div.communication-comment .btn-communication-panel.disabled:focus {
  background-color: #024E72;
  color: white;
}
div.communication-comment .btn-communication-panel-alert {
  color: #D0021B;
  background: transparent;
  border: none;
  font-size: 20px;
  outline: none;
  display: inline-block;
  border-radius: 40px;
  box-shadow: none;
  padding: 0.3em 0.3em;
}
div.communication-comment .btn-communication-panel-alert:active, div.communication-comment .btn-communication-panel-alert:focus {
  outline: none;
  box-shadow: none;
}

div.communication-comment.last-of {
  border: 0px;
}

div.communication-comment-more {
  /**
  Below a list of comments, we show a special row that has a bunch
  of lines and a link in the middle that tells them that there is more
  content on the server.  This is that object!
   */
}
div.communication-comment-more .communication-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 65px;
  background-repeat: repeat-x;
  cursor: pointer;
}
div.communication-comment-more .communication-row-item {
  align-self: center;
  background-color: white;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #024E72;
  font-size: 14x;
  cursor: pointer;
  border: none;
  outline: none;
  box-shadow: none;
  margin-bottom: 10px;
  margin-top: 10px;
}
div.communication-comment-more .loading {
  color: #4F4F4F;
  font-style: italic;
}

div.le-mobile-table-container.bordered {
  /*
  See COMMUNICATION COMMENT MORE above.  This does all that
  but has been changed a bit if being rendered inside a bordered
  UI table.  By default we assumed it was a no-border table.
  */
}
div.le-mobile-table-container.bordered div.communication-comment-more .communication-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 65px;
  background-repeat: repeat-x;
  cursor: pointer;
  margin-left: -5px;
  margin-right: -5px;
}
div.le-mobile-table-container.bordered div.communication-comment-more .communication-row-item {
  background-color: #FFF;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  outline: none;
  box-shadow: none;
  margin-bottom: 15px;
  color: red;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.uiconfirm-container .uiconfirm-parent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.uiconfirm-container .uiconfirm-child {
  /*min-width: 200px;*/
  padding-left: 10px;
}
div.uiconfirm-container .uiconfirm-child-acceptbox {
  align-self: center;
}
div.uiconfirm-container .uiconfirm-child-cancelbox {
  align-self: center;
}
div.uiconfirm-container div.uiconfirm-child-cancelbox button.btn-default {
  -webkit-border-radius: 21.5px;
  -moz-border-radius: 21.5px;
  border-radius: 21.5px;
  padding: 10px 20px 10px 17px;
  color: #a5a3a3;
}
div.uiconfirm-container div.uiconfirm-child-acceptbox button.btn-primary:disabled {
  color: white;
}
div.uiconfirm-container div.confirm-checkbox-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  cursor: pointer;
}
div.uiconfirm-container div.confirm-checkbox-container div.confirm-description {
  color: #4F4F4F;
  font-family: "Myriad Pro";
  line-height: 18px;
}
div.uiconfirm-container div.confirm-checkbox-container div.confirm-item-checkbox {
  width: 35px;
  /* margin-top: -10px; */
  /* padding-left: 5px; */
}
div.uiconfirm-container div.confirm-checkbox-container div.confirm-item {
  width: 100%;
  padding: 5px;
  align-self: center;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.auth-physical-access-title {
  font-weight: bold;
  color: #AAA;
  margin: 10px 0 30px 0px;
}

.auth-physical-access-download-button-wrap {
  float: right;
  margin-top: -10px;
}

.auth-physical-access-title-download-button {
  -webkit-border-radius: 21.5px;
  -moz-border-radius: 21.5px;
  border-radius: 21.5px;
  padding: 10px 20px 10px 17px;
  border: 1px solid #105C7A;
  color: #105C7A;
  min-width: 80px;
}

.physical-access-policy-form-action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-info-form .form-title-simple {
  text-align: center;
}

.auth-info-form .form-text p {
  margin: 10px 0;
}

.physical-access-policy-form-action .confirm-item-checkbox {
  margin: 0px;
}

.manage-mfa-form-action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.manage-mfa-form-action .confirm-item-checkbox {
  margin: 0px;
}

.customer-mfa-form-note {
  color: #9B9B9B;
  font-size: 14px;
}

p.locked-out-title {
  text-align: center;
  font-size: larger;
  padding-top: 40px;
  padding-top: 30px;
}

p.locked-out-row {
  padding-top: 20px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.landing-container {
  color: #1b1b1b;
}
.landing-container .landing-title-row {
  height: 44px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 50px;
}
.landing-container .landing-title {
  padding-top: 8px;
  font-size: 30px;
  max-width: 320px;
  line-height: 29px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.bcard-outermost-container {
  max-width: 370px;
  height: 140px;
}

div.bcard-info-container {
  display: flex;
  height: 140px;
}

div.bcard-company-icon-name-container {
  max-width: 350px;
  height: 28px;
  display: flex;
  justify-content: center;
}

div.bcard-user-initials-container {
  width: 70px;
  padding-top: 10px;
  display: flex;
  justify-content: center;
}

div.bcard-user-info-container {
  width: 260px;
  display: flex;
  padding: 10px 0;
  flex-direction: column;
}

.business-card-user-info {
  font-size: 12px;
  font-family: "Myriad Pro", serif;
  height: 12px;
  color: #9B9B9B;
}

.bcard-spacer {
  height: 25px;
}

.bcard-user-name {
  font-size: 18px;
  font-weight: bold;
  font-family: "Myriad Pro", serif;
  height: 16px;
  color: #0C0C0C;
}

div.company-icon-bcard {
  display: inline-flex;
  font-size: 20px;
  color: #9B9B9B;
  line-height: 1.2;
}

div.company-name-bcard {
  font-size: 12px;
  margin-left: 5px;
  padding-top: 5px;
}

span.bcard-icon {
  font-size: 18px;
}

@media screen and (max-width: 480px) {
  div.bcard-user-initials-container {
    display: none;
  }

  div.bcard-user-info-container {
    padding: 10px 15px;
  }
}
/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.div-table {
  display: table;
  width: 100%;
}

.div-table-row {
  display: table-row;
}

.div-table-head {
  display: table-header-group;
  font-weight: bold;
}

.div-table-cell, .div-table-head {
  display: table-cell;
}

.cloud-compute-deployed-vms-table .first-col {
  width: 32px;
}

.cloud-compute-deployed-vms-table .second-col {
  width: 290px;
}

.cloud-compute-deployed-vms-table .third-col {
  width: 340px;
}

.cloud-compute-vms-overview,
.cloud-storage-vms-overview {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  padding: 10px 0;
}

.cloud-compute-vms-overview .vms-overview-cell,
.cloud-storage-vms-overview .vms-overview-cell {
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 180px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  padding-right: 5px;
}

.cloud-compute-vms-overview .vms-overview-cell .vms-overview-label,
.cloud-storage-vms-overview .vms-overview-cell .vms-overview-label {
  font-size: 12px;
  font-weight: 400;
  color: #4F4F4F;
  text-decoration: none;
}

.cloud-compute-vms-overview .vms-overview-cell .vms-overview-value-parent,
.cloud-storage-vms-overview .vms-overview-cell .vms-overview-value-parent {
  padding-top: 10px;
}

.cloud-compute-vms-overview .vms-overview-cell .vms-overview-value-parent .vms-overview-value,
.cloud-storage-vms-overview .vms-overview-cell .vms-overview-value-parent .vms-overview-value {
  margin-top: -10;
  padding-left: 0px;
  font-family: "Myriad Pro";
  color: #024E72;
}

.cloud-compute-deployed-vms-table,
.cloud-storage-deployed-vms-table {
  border-top: thin solid #dcdcdc;
  padding-top: 10px;
}

.Cloud-compute-deployed-vms-footer {
  text-align: right;
  padding-right: 15px;
  color: #9B9B9B;
}

.Cloud-compute-m-deployed-vms-footer {
  text-align: right;
  padding-right: 5px;
  color: #9B9B9B;
}

.powered-on-icon, .other-status-icon {
  height: 12px;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: bottom 50% left 0;
  float: left;
  padding-left: 20px;
}

.powered-on-icon {
  background-image: url(../../assets/images/icons/green_circle.svg);
}

.other-status-icon {
  background-image: url(../../assets/images/icons/yellow_circle.svg);
}

.cloud-compute-vm-not-protected {
  color: #D0021B;
}

.cloud-compute-vm-protected {
  color: #0C0C0C;
}

.vcloud-compute-deployed-vms-title {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.vcloud-compute-deployed-vms-wrapper {
  padding: 10px;
  width: 100%;
}

.vcloud-progress-wrap {
  margin-top: -8px;
}

.utilization-chart-progress-bar-wrap {
  padding-left: inherit;
}

.utilization-ratio {
  white-space: nowrap;
}

#support-summary-dashboard {
  padding-right: 15px;
  padding-left: 30px;
}

#support-action-dashboard {
  display: flex;
  flex-direction: column;
  padding-right: 15px;
}

#support-button-dashboard {
  align-items: center;
}

#support-submit-dashboard {
  display: flex;
  flex-direction: column;
}

.contact-us-card-set {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.contact-us-card-set-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
}

.contact-us-card {
  margin: 5px 0;
}

.contact-us-outer-most-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}

.contact-us-page-title {
  padding-top: 30px;
  color: #0C0C0C;
  font-family: "Myriad Pro";
  font-size: 24px;
}

.contact-us-page-subheader {
  text-align: center;
  max-width: 390px;
  padding: 10px 0;
  color: #4F4F4F;
  font-family: "Myriad Pro";
}

.contact-us-page-card-set {
  margin-top: 15px;
}

.contact-us-mobile-card-set {
  display: flex;
  flex-direction: column;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.notification-summary-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.notification-summary-container .notification-summary-container-item {
  flex-grow: 0;
  font-family: "Myriad Pro";
  color: #505A60;
  font-weight: 300;
}
.notification-summary-container .notification-summary-container-item .small-font {
  font-size: 24px;
  letter-spacing: -1.2px;
  line-height: 52px;
}
.notification-summary-container .notification-summary-container-item .big-font {
  font-family: "Lato";
  font-size: 56px;
  letter-spacing: -2.8px;
  line-height: 67px;
}
.notification-summary-container .notification-summary-container-item .notification-summary-title {
  color: #505A60;
  font-family: "Myriad Pro";
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}
.notification-summary-container .notification-summary-container-item .notification-summary-body {
  color: #024E72;
  cursor: pointer;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.customer-contact-status, .user-portal-access {
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: bottom 50% left 0px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  font-size: 10px;
  color: #505A60;
  margin-right: 20px;
  padding-left: 20px;
}

div.active-icon {
  background-image: url("../images/icons/green_circle.svg");
}

div.inactive-icon {
  background-image: url("../images/icons/yellow_circle.svg");
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.customer-actas-header {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.loader {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #EBEFF2;
}

.loader:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 100%;
  background-color: #f0f3f5;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}
/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
.le-team-card-large img.team-member-avatar {
  height: 90px;
  width: 90px;
  border-radius: 50%;
}
.le-team-card-large img.team-member-message, .le-team-card-large img.team-member-phone {
  margin: 8px 6px;
  height: 30px;
  width: 30px;
}
.le-team-card-large div.le-team-card-info {
  margin: 12px;
}
.le-team-card-large div.le-team-card-name {
  font-size: 18px;
  line-height: 24px;
  color: #4F4F4F;
  font-weight: 600;
}
.le-team-card-large div.le-team-card-title {
  color: #666666;
  font-size: 14px;
  line-height: 18px;
}
.le-team-card-large div.le-team-card-quote {
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  white-space: normal;
  margin-top: 10px;
}

.le-team-card-small img.team-member-avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.le-team-card-small img.team-member-message {
  margin: 5px 8px;
  height: 30px;
  width: 30px;
}
.le-team-card-small div.le-team-card-info {
  margin: 0 12px;
}
.le-team-card-small div.le-team-card-name {
  font-size: 16px;
  line-height: 21px;
  color: #4F4F4F;
  font-weight: 600;
}
.le-team-card-small div.le-team-card-title {
  color: #666666;
  font-size: 14px;
  line-height: 18px;
}

/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
@media (min-width: 480px) and (max-width: 80%) {
  div.order-card-content {
    width: 100%;
    margin-right: 0px;
  }
}
@media (min-width: 80%) and (max-width: 80%) {
  div.order-card-content {
    width: auto;
    margin-right: inherit;
  }
}

div.order-tracking-status-progress {
  clear: both;
  display: flex;
  flex-wrap: nowrap;
}

div.order-tracking-status-progress-icon-container {
  margin-right: 100px;
  margin-left: 20px;
}

div.order-tracking-status-progress-icon-completed, div.order-tracking-status-progress-icon-pending, div.order-tracking-status-progress-icon {
  padding-bottom: 40px;
  position: relative;
  z-index: 0;
}

div.order-tracking-status-progress-icon-completed::before, div.order-tracking-status-progress-icon-pending::before {
  content: "";
  /* this sets the position and size of the pseudo-element */
  position: absolute;
  left: 44px;
  width: 2px;
  height: 100%;
  /* draw behind child elements */
  z-index: -1;
}

div.order-tracking-status-progress-icon-completed::before {
  background-color: #0094CA;
}

div.order-tracking-status-progress-icon-pending::before {
  background-color: #DCDCDC;
}

div.order-tracking-action-required {
  color: #D0021B;
}

span.order-page-title-extra {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #4F4F4F;
  margin-left: 42px;
}

div.order-tracking-status-alert {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border: 1px solid #50C1E9;
  border-radius: 10px;
  background-color: #E7F3F7;
  color: #0094CA;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 15px 44.5px 15px 45.5px;
  height: 120px;
}

div.order-tracking-status-alert-red {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border: 1px solid #FF9292;
  border-radius: 10px;
  background-color: #F9E7E7;
  color: #D30000;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 15px 44.5px 15px 45.5px;
  height: 120px;
}

img.order-tracking-status-icon-in-progress {
  width: 90px;
  height: 90px;
  border: 4px solid transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), linear-gradient(to top, #e7f3f7, #0094ca);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

img.order-tracking-status-icon-alert {
  width: 90px;
  height: 90px;
  border: 2px solid transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), linear-gradient(to top, #d30000, #d30000);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

img.order-tracking-status-icon-completed {
  width: 90px;
  height: 90px;
  border: 2px solid transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), linear-gradient(to top, #0094ca, #0094ca);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.order-tracking-status-icon-completed-check {
  position: absolute;
  top: 0;
  left: 67px;
  background-image: url("../images/icons/order_progress_icons/progress-check.svg");
  width: 24px;
  height: 24px;
}

img.order-tracking-status-icon-pending {
  width: 90px;
  height: 90px;
  border: 0px solid transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

div.order-tracking-status-alert-title {
  color: #4F4F4F;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin-top: 4px;
}

div.order-tracking-status-alert-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding-top: 10px;
}

.order-tracking-status-alert-description {
  color: #4F4F4F;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  padding-top: 20px;
  padding-left: 60px;
}

div.tracking-order-progress {
  margin-top: 40px;
  position: relative;
  height: 960px;
}

div.order-tracking-status-icon-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 12px;
}

div.order-tracking-status-icon-description {
  font-size: 12px;
  line-height: 21px;
  font-weight: 400;
  margin-top: 6px;
}

div.order-tracking-status-icon-extra-title {
  font-size: 12px;
  line-height: 21px;
  font-weight: 700;
  margin-top: 10px;
}

div.order-tracking-status-icon-extra-info {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  margin-top: 6px;
}

div.order-tracking-alert-button-wrap .btn-action {
  color: black;
  border: 1px solid black;
}

div.order-details-service-row {
  margin: 10px 10px 32px 10px;
}

div.order-details-status-title {
  margin: 24px 0px;
  font-size: 21px;
  color: #4F4F4F;
}

div.order-details-service-header-row {
  margin: 14px 10px 10px;
}

div.order-details-service-header-row > div {
  padding: 0px;
}

div.order-details-service-details-row {
  margin: 0px 10px;
  padding: 18px 0px 14px;
  border-top: solid;
  border-color: #D8D8D8;
}

div.order-details-service-details-row > div {
  padding-left: 0px;
}

div.order-details-service-address {
  margin: 0 10px;
  font-size: 12px;
}

div.order-details-pa-category-title {
  font-size: 16px;
  color: #4F4F4F;
}

div.order-details-pa-qty-title {
  margin-left: 10px;
  font-size: 12px;
  color: #4F4F4F;
}

div.order-details-pa-qty {
  margin-left: 10px;
}

a.order-details-pa-link {
  margin-left: 20px;
  font-size: 12px;
}

div.order-details-service-details-wrap {
  color: #4F4F4F;
  margin-top: 10px;
}

div.order-details-pa-description-detailed {
  padding: 10px 20px 0 20px;
}

div.order-details-pa-description {
  font-size: 16px;
  margin-left: 10px;
}

div.order-details-pa-qty {
  font-size: 14px;
}

div.order-details-service-details-wrap {
  background-color: #F9F9F9;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  border-image: initial;
}

div.order-details-pa-description-detailed {
  display: none;
  font-size: 14px;
  color: #4F4F4F;
}

span.order-details-show-more {
  float: right;
}

span.order-details-show-more .material-icons {
  color: #024E72;
  font-size: 32px;
  font-weight: 100;
  margin-top: -8px;
}

div#order-details-pa-dropdown {
  width: 240px;
  float: right;
}

#purchase_agreement_dropdown {
  font-size: 14px;
}

div.order-details-search-wrap {
  margin: 16px 0;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: solid thin #D8D8D8;
}

input.search-input-long {
  width: 100%;
  border: solid thin #D8D8D8;
  padding: 8px 40px;
}

input.search-input-long::placeholder {
  color: #D8D8D8;
}

div.order-details-search-wrap i {
  position: absolute;
  min-width: 40px;
  color: #D8D8D8;
  text-align: center;
  padding: 6px 8px;
  font-size: 28px;
  margin-top: 45px;
}

div.order-comments-search-wrap i {
  position: absolute;
  min-width: 40px;
  color: #D8D8D8;
  text-align: center;
  padding: 6px 8px;
  font-size: 28px;
}

i#order-details-search-clear-button {
  color: #D8D8D8;
  font-size: 28px;
  margin-left: -40px;
  margin-top: 45px;
}

i#order-comments-search-clear-button {
  color: #D8D8D8;
  font-size: 28px;
  margin-left: -40px;
}

div.order-details-pa-dropdown-wrap {
  flex-grow: 1;
}

div.order-details-controls-container {
  display: flex;
  flex-wrap: wrap-reverse;
  padding-left: 20px;
  padding-right: 20px;
}

.highlight-word {
  font-weight: bold;
  color: #CD1F80;
}

div.order-comments-search-wrap {
  margin: 16px 0;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

h2.date-separator {
  display: table;
  white-space: nowrap;
  font-family: "Myriad Pro";
  font-size: 12px;
  color: #4F4F4F;
  margin: 0 16px;
}
h2.date-separator:before, h2.date-separator:after {
  border-top: 1px solid #D8D8D8;
  content: "";
  display: table-cell;
  position: relative;
  top: 1.1em;
  width: 45%;
}
h2.date-separator:before {
  right: 1.5%;
}
h2.date-separator:after {
  left: 1.5%;
}

.order-comment-row {
  margin: 10px 0;
}

.order-comment-message {
  padding: 20px 40px;
  color: #4F4F4F;
}

.order-comment-author-info {
  height: 32px;
  padding: 20px 30px;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.order-attachment-author-info {
  height: 32px;
  margin-top: -8px;
  padding: 16px 0px;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.order-comment-author-name, .order-attachment-author-name {
  margin-top: 6px;
  font-size: 16px;
}

.order-comment-time, .order-attachment-time {
  margin-top: 6px;
  font-size: 12px;
  color: #9B9B9B;
}

.order-comment-message-closed-wrap {
  clear: both;
  border: solid thin #D8D8D8;
  position: sticky;
  bottom: 0;
  background-color: #E7F3F7;
  min-height: 40px;
}

.order-comment-message-closed {
  color: #4F4F4F;
  padding: 8px;
  text-align: center;
}

.order-comment-message-form-wrap {
  clear: both;
  border-top: solid thin #D8D8D8;
  position: sticky;
  bottom: 0;
  background-color: white;
  min-height: 216px;
}

.order-comment-message-form {
  margin: 24px 32px;
  background-color: #F1F1F1;
  border: 1px solid #D8D8D8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.order-comment-message-textarea textarea {
  width: 100%;
  color: #4F4F4F;
  border: none;
  outline: none;
  padding: 8px 15px 8px 15px;
  resize: none;
  background-color: #F9F9F9;
}

.order-comment-item, .order-comment-author-name, .order-comment-time,
.order-attachment-item, .order-attachment-author-name, .order-attachment-time {
  margin: 0 8px;
}

div.order-comment-author-name, div.order-comment-time {
  margin-top: 6px;
}

div.order-comment-attachment-wrap {
  padding: 24px 32px;
}

div.order-comment-attachment {
  background-color: #F9F9F9;
  margin-bottom: 4px;
  padding: 16px 24px;
}

div.order-comment-attachment-header {
  font-size: 12px;
}

div.order-comment-attachment-text {
  font-size: 16px;
  color: #024E72;
}

div.order-comment-attachment-download-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}

div.order-comment-attachment-download-wrap i {
  top: 4px;
}

a.order-comment-attachment-file-button {
  padding: 8px;
  font-size: 20px;
  margin: 4px 0px;
  color: #024E72;
  border: none;
  background-color: #F9F9F9;
}

a.order-comment-attachment-download-button {
  padding: 8px;
  font-size: 20px;
  margin: 4px 0px;
  color: #024E72;
  border: none;
  background-color: #F9F9F9;
}

span.order-comment-attachment-text {
  font-size: 16px;
  color: #024E72;
}

div.comment-form-button-container {
  display: flex;
  justify-content: space-between;
}

div.comment-form-action-buttons {
  display: flex;
  justify-content: flex-end;
}

div.comment-form-alert-wrap {
  margin: 11px 24px;
  font-style: italic;
  font-size: 16px;
  color: #024E72;
}

button.order-comment-form-send-button {
  border-radius: 5px;
  padding: 8px 24px 4px;
  font-size: 16px;
  margin: 4px 8px;
  color: #024E72;
  border: solid thin #024E72;
  background-color: #F1F1F1;
}

button.order-comment-form-send-button:active,
button.order-comment-form-send-button:visited,
button.order-comment-form-send-button:focus,
button.order-comment-form-send-button:hover {
  background-color: #024E72;
  color: #FFF;
  border-color: #024E72;
  outline: none;
  box-shadow: none;
}

div.comment-form-button-attach-file {
  margin-right: 24px;
}

span.comment-form-attach-file-text {
  font-size: 12px;
}

div.comment-form-button-remove-attach-file a.order-comment-form-attach-file-button {
  padding: 8px;
  font-size: 20px;
  color: #024E72;
  border: none;
  background-color: #F1F1F1;
}

div.comment-form-button-attach-file a.order-comment-form-attach-file-button {
  padding: 8px;
  font-size: 20px;
  color: #024E72;
  border: none;
  background-color: #F1F1F1;
}

a.order-comment-form-attach-file-button i {
  margin-top: 6px;
  top: 6px;
}

button.order-comment-form-attach-file-button:active,
button.order-comment-form-attach-file-button:visited,
button.order-comment-form-attach-file-button:focus,
button.order-comment-form-attach-file-button:hover {
  background-color: #024E72;
  color: #FFF;
  border-color: #024E72;
  outline: none;
  box-shadow: none;
}

div.order-tracking-overview-container {
  flex-shrink: 0;
  margin-right: 80px;
}

div.order-tracking-description-container {
  flex-grow: 1;
}

div.order-comment-message.richtext {
  width: 100%;
}
div.order-comment-message.richtext strong {
  font-weight: 600;
  color: #0094CA;
}
div.order-comment-message.richtext em {
  font-style: italic;
}
div.order-comment-message.richtext ul {
  margin-left: 5px;
  margin-top: -8px;
  padding-top: 0px;
}
div.order-comment-message.richtext ul li {
  list-style: inside;
  list-style-type: disc;
}
div.order-comment-message.richtext ol {
  margin-left: 5px;
  margin-top: -8px;
  padding-top: 0px;
}
div.order-comment-message.richtext ol li {
  list-style: inside;
  list-style-type: decimal;
}
div.order-comment-message.richtext pre {
  padding: 5px;
  font-family: monospace;
  border: 1px solid #9B9B9B;
}
div.order-comment-message.richtext pre code {
  font-font: monospace;
}
div.order-comment-message.richtext p {
  padding-bottom: 2px;
  margin-top: 1em;
}

.shareupdates-info-container {
  display: flex;
  justify-content: space-between;
}

.shareupdates-title {
  font-size: 21px;
  color: #4F4F4F;
  font-weight: 600;
  padding: 22px 20px;
  width: 100%;
}

.shareupdates-avatar-info-container {
  width: 100%;
  text-align: right;
  margin-right: 28px;
  margin-top: 11px;
}

.member-overlap-item {
  margin-right: -18px;
  border: 2px solid #FFF;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.shareupdates-outermost-container {
  margin-top: 32px;
}

.shareupdates-action-container {
  flex-basis: 30%;
  text-align: left;
}

.shareupdates-add-button i {
  border-radius: 50%;
  font-size: 21px;
  border: 2px solid #024E72;
  height: 25px;
  width: 25px;
  margin-top: 17px;
}

button.shareupdates-add-button {
  color: #024E72;
  background: #FFF;
  border: none;
}

button.shareupdates-add-button:hover i {
  background-color: #E7F3F7;
}

@media (max-width: 768px) {
  div.order-tracking-status-alert {
    padding: 15px 20.5px 15px 20.5px;
    height: inherit;
  }

  div.order-tracking-status-alert-red {
    padding: 15px 20.5px 15px 20.5px;
    height: inherit;
  }

  .order-tracking-status-alert-description {
    padding-left: 0px;
  }

  .order-tracking-alert-button-wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  div.order-tracking-status-progress-icon-container {
    margin-right: 8px;
    margin-left: 0px;
  }

  div.tracking-order-progress {
    margin-top: 0px;
  }

  div.order-tracking-overview-container {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .order-comment-author-info {
    padding: 30px 0px 0px 0px;
    height: inherit;
  }

  .order-comment-message {
    padding: 0px 0px;
  }

  .order-comment-item, .order-comment-author-name, .order-comment-time {
    margin: 0px;
    margin-right: 8px;
  }

  div.order-details-search-wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
  div.order-details-search-wrap i {
    margin-top: 45px;
  }

  i#order-details-search-clear-button {
    margin-top: 45px;
  }

  div.order-details-pa-dropdown-wrap {
    margin-bottom: 10px;
  }

  div.order-details-controls-container {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 480px) {
  div#order-details-pa-dropdown {
    width: 100%;
  }
}
/*
$screen-xs: 480px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;
$screen-phone: 480px;
$screen-tablet: 768px;
$screen-desktop: 992px;
$screen-lg-desktop: 1200px;
*/
div.form-row > div > div.form-group > div.mfa-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

div.form-row > div > div.form-group > div.mfa-container > input {
  text-align: center;
  width: 75px;
  height: 75px;
  padding: 0px;
  margin: 0px;
  font-size: 1em;
  color: #1b1b1b;
}

div.backup-codes {
  font-family: "Courier New";
}

div.backup-code-form-section {
  padding-top: 20px;
}

div.backup-codes-container {
  padding-top: 20px;
}

div.form-text.backup-code-clipboard-container {
  padding-top: 20px;
}

a {
  cursor: pointer;
  text-decoration: none !important;
}

.cardBtn, .btn-secondary {
  -webkit-border-radius: 21.5;
  -moz-border-radius: 21.5;
  border-radius: 21.5px;
  border: 1px solid #024E72;
  background-color: #FFF;
  color: #024E72;
  font-size: 14px;
  padding: 10px 20px 10px 17px;
}

.cardBtn:hover, .btn-secondary:hover {
  background-color: rgba(37, 116, 194, 0.06);
  color: #024E72;
}

.mainBtn, .btn-primary {
  -webkit-border-radius: 21.5;
  -moz-border-radius: 21.5;
  border-radius: 21.5px;
  background-color: #000;
  border-color: #000;
  color: #FFF;
  font-size: 14px;
  padding: 12px 20px 10px 20px;
}

.btn-action {
  -webkit-border-radius: 21.5;
  -moz-border-radius: 21.5;
  border: 1px solid #024E72;
  border-radius: 21.5px;
  background-color: rgba(0, 0, 0, 0);
  color: #024E72;
  font-size: 14px;
  padding: 12px 20px 10px 20px;
}

div > .btn.btn-action:focus, div > .btn.btn-action:active {
  outline: none;
}

.btn-le-status-blue {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border: 1px solid #50C1E9;
  border-radius: 10px;
  background-color: #e7f3f7;
  color: #0094CA;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 15px 44.5px 15px 45.5px;
}

div > .btn.btn-le-status-blue:focus, div > .btn.btn-le-status-blue:active, .btn.btn-le-status-blue:hover {
  outline: none;
  color: #0094CA;
}

.btn-le-status-red {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border: 1px solid #FF9292;
  border-radius: 10px;
  background-color: #f9e7e7;
  color: #D30000;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 15px 44.5px 15px 45.5px;
}

div > .btn.btn-le-status-red:focus, div > .btn.btn-le-status-red:active, .btn.btn-le-status-red:hover {
  outline: none;
  color: #D30000;
}

.btn-green {
  -webkit-border-radius: 21.5;
  -moz-border-radius: 21.5;
  border-radius: 21.5px;
  background-color: #99C525;
  color: white;
  font-size: 14px;
  padding: 12px 20px 10px 20px;
  outline: none;
}

div > .btn.btn-green:focus, div > .btn.btn-green:active {
  outline: none;
}

.btn-blue {
  -webkit-border-radius: 21.5;
  -moz-border-radius: 21.5;
  border-radius: 21.5px;
  background-color: #50C1E9;
  color: white;
  font-size: 14px;
  padding: 12px 20px 10px 20px;
  outline: none;
}

div > .btn.btn-blue:focus, div > .btn.btn-blue:active {
  outline: none;
}

.btn-le-blue {
  -webkit-border-radius: 21.5;
  -moz-border-radius: 21.5;
  border-radius: 21.5px;
  background-color: #024E72;
  color: white;
  font-size: 14px;
  padding: 12px 20px 10px 20px;
  outline: none;
}

div > .btn.btn-le-blue:focus, div > .btn.btn-le-blue:active, .btn.btn-le-blue:hover {
  outline: none;
  color: white;
}

div > .btn.btn-le-blue:focus, div > .btn.btn-le-blue:active {
  outline: none;
}

.btn-ajax-submit {
  color: white;
  background-color: #024E72;
  font-size: 20px;
  outline: none;
  display: inline-block;
  border-radius: 40px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.3em 0.3em;
}

.btn-ajax-submit:active, .btn-ajax-submit:focus {
  outline: none;
  box-shadow: none;
}

.mainBtn:visited, .btn-primary:visited, .btn-primary:focus, .btn.btn-primary:active {
  background-color: #000;
  color: #FFF;
  border-color: #000;
  outline: none;
  box-shadow: none;
}

.mainBtn:hover, .btn-primary:hover {
  background-color: #0C0C0C;
  color: #EBE71E;
  border-color: #0C0C0C;
  outline: none;
  box-shadow: none;
}

.confirmBtn, .btn-confirm {
  -webkit-border-radius: 21.5;
  -moz-border-radius: 21.5;
  border-radius: 21.5px;
  background-color: #99C525;
  color: #FFF;
  font-size: 14px;
  padding: 10px 20px 10px 17px;
}

.confirmBtn:hover, .btn-confirm:hover {
  background-color: #99C525;
}

.navbar-inverse {
  background-color: #F1F1F1;
}

.navbar-nav > li {
  float: left;
  position: relative;
  list-style: none;
  padding: 0 24px 0 4px;
}

.navbar-nav li a {
  text-decoration: none;
  color: #024E72;
}

.navbar-nav .active a, .navbar-nav a:hover {
  color: #4F4F4F;
}

.navbar-light .navbar-nav a::after {
  border-bottom: 2px solid #DCDCDC;
  bottom: -10px;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
}

.navbar-light .navbar-nav .active a::after, .navbar-light .navbar-nav a:hover::after {
  border-bottom: 2px solid #024E72;
  bottom: -10px;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
}

.form-group label {
  display: block;
}

input.form-control {
  display: inline;
  padding: 19px 17px;
  font-size: 18px;
  color: #9B9B9B;
}

input.errorText {
  color: #A44345;
  border: solid 1px #A44345;
}

input.errorText::placeholder, input.errorText::-webkit-input-placeholder {
  color: #A44345;
}

input.errorText::-moz-placeholder, input.errorText:-moz-placeholder {
  color: #A44345;
  opacity: 1;
}

input.errorText::-ms-input-placeholder, input.errorText:-ms-input-placeholder {
  color: #A44345;
}

input.errorText:focus {
  border-color: #A44345;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(208, 2, 27, 0.6);
}

input.inlineValidation {
  color: #4F4F4F;
}

.checkbox label {
  color: #9B9B9B;
}

.checkmark {
  vertical-align: middle;
  display: inline-block;
  width: 22px;
  height: 22px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

.checkmark_circle {
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: #99C525;
  border-radius: 11px;
  left: 0;
  top: 0;
}

.checkmark_stem {
  position: absolute;
  width: 3px;
  height: 9px;
  background-color: #FFF;
  left: 11px;
  top: 6px;
}

.checkmark_kick {
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #FFF;
  left: 8px;
  top: 12px;
}

.checkbox-slider input + span:before, .checkbox-slider--default input + span:before, .checkbox-slider--a-rounded input + span:before, .checkbox-slider--a input + span:before, .checkbox-slider--b input + span:before, .checkbox-slider--b-flat input + span:before, .checkbox-slider--c input + span:before, .checkbox-slider--c-weight input + span:before {
  background: #DCDCDC;
}

.maindot {
  width: 80px;
  height: 80px;
  background-color: #DCDCDC;
  border-radius: 50%;
  display: inline-block;
  margin-right: 24px;
  margin-bottom: 24px;
}

.statusdot {
  width: 20px;
  height: 20px;
  background-color: #DCDCDC;
  border-radius: 50%;
  display: inline-block;
  margin-right: 24px;
}

.blue {
  background-color: #024E72;
}

.green {
  background-color: #99C525;
}

.orange {
  background-color: #FA5D00;
}

.dkgray {
  background-color: #505A60;
}

.gray {
  background-color: #9B9B9B;
}

.mdgray {
  background-color: #DCDCDC;
}

.ltgray {
  background-color: #DCDCDC;
}

.yellow {
  background-color: #E7DF21;
}

.red {
  background-color: #D0021B;
}

.black {
  background-color: #000;
}

.vertical-center {
  height: 100%;
  width: 100%;
  padding: 0px;
  text-align: center;
  /* align the inline(-block) elements horizontally */
}

.vertical-center:before {
  /* create a full-height inline block pseudo=element */
  content: " ";
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container, .vertical-center > .form-container, .vertical-center > .container-dashboard {
  height: 100%;
  /*display: inline-block;*/
  vertical-align: middle;
  font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.has-feedback label ~ .form-control-feedback {
  top: 30px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress {
  margin-bottom: 0px;
  height: 12px;
}

.strength-addon {
  width: 125px !important;
  background-color: #FFF;
  border-left: none;
  text-align: left !important;
}

.strength-text {
  color: #1b1b1b;
  font-family: "Myriad Pro";
  font-size: 10px;
  line-height: 12px;
}

.strength-button {
  font-size: 18.5px !important;
  margin-left: 0px !important;
}

.strength-glyph {
  color: #9B9B9B !important;
  font-size: 27px;
}

.pass-input {
  border-right: none;
}

.no-pass-input {
  padding: 6px 8px;
}

@media (max-width: 1200px) {
  .input-size {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .input-size {
    width: 93%;
  }
}

.confirm-size {
  font-size: 100px;
}

.pi {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25em;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pi.pi-caret-right::before {
  content: "";
}

.pi.pi-caret-left::before {
  content: "";
}

.pi.pi-step-forward::before {
  content: "";
}

.pi.pi-step-backward::before {
  content: "";
}

.pi.pi-caret-down::before {
  color: #024E72 !important;
  content: "";
}

.pi.pi-chevron-circle-right::before {
  font-family: FontAwesome;
  color: #024E72 !important;
  content: "";
}

.pi.pi-chevron-circle-down::before {
  font-family: FontAwesome;
  color: #024E72 !important;
  content: "";
}

.ui-dropdown {
  width: 187px !important;
}
.ui-dropdown .ui-dropdown-label {
  font-family: "Myriad Pro" !important;
  font-size: 14px;
  line-height: 20px;
  color: #505A60 !important;
  text-align: left;
  padding: 0.75em 2.5em 0.75em 0.75em !important;
  border-radius: 4px;
}
.ui-dropdown .ui-dropdown-trigger {
  border: none !important;
  width: 2.5em !important;
  padding: 0 1em 0 0.25em;
}

/*
.container {
  @media (max-width: 1200px) {
    width: 1170px; } 
  @media (min-width: 1200px) {
    width: 1170px; } 
  @media (min-width: 1440px) {
    width: 1394px; } 
  @media (min-width: 1600px) {
    width: 1522px; } 
}
*/
div.property {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
div.property div.property-title {
  font-weight: 600;
  color: #1b1b1b;
  border-right: 1px solid #ccc;
  background-color: #DCDCDC;
  padding: 5px;
}
div.property div.property-body {
  color: #1b1b1b;
  padding: 5px;
}

div.property:first-of-type {
  border-top: 1px solid #ccc;
}