/*************************** Bootstrap Overrides ***************************/
/*--- Boostrap Swatches ---*/
.container {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: auto;
  margin-left: auto; }

.color-primary,
.bg-primary {
  background: #e50282; }

/*--- Buttons ---*/
.btn {
  background-image: none;
  border-radius: 5px;
  box-shadow: none;
  filter: none;
  text-shadow: none;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
  outline: 0 !important;
  outline-color: transparent;
  outline-width: 0;
  outline-style: none;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset;
  box-shadow: none !important;
  outline: 0;
  border-style: outset;
  text-transform: uppercase; }
  .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0 none !important;
    border: 0 none !important; }

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-color: transparent;
  outline-width: 0;
  outline-style: none;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:focus, .btn:active, .btn:hover {
  outline: 0 !important;
  outline-color: transparent;
  outline-width: 0;
  outline-style: none;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset;
  box-shadow: none !important;
  outline: 0;
  border-style: outset; }

.btn-primary:active,
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:active {
  outline: 0 !important;
  outline-color: transparent;
  outline-width: 0;
  outline-style: none;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset;
  box-shadow: none !important;
  outline: 0;
  border-style: outset; }

button {
  text-decoration: none; }
  button.btn {
    text-decoration: none; }
  button:focus, button:active:focus, button.active:focus, button.focus, button:active.focus, button.active.focus {
    text-decoration: none;
    outline: 0 none;
    border: 0 none; }

a.btn {
  text-decoration: none; }
  a.btn:hover, a.btn:active, a.btn:focus {
    text-decoration: none; }

a.l-header__link:hover {
  text-decoration: none; }

a.color-primary:hover, a.bg-primary:hover {
  background-color: #e50282;
  color: #ffffff;
  opacity: .9; }

.btn.btn-default, .btn.btn-primary, .btn.btn-bordered {
  background: #eeeeee;
  background-repeat: no-repeat;
  background-image: none;
  border-color: #cccccc;
  border-width: 1px;
  filter: none;
  text-shadow: none; }
  .btn.btn-default:hover, .btn.btn-primary:hover, .btn.btn-bordered:hover {
    background: #dddddd; }

.btn.btn-primary {
  background: #e50282;
  border-color: #e50282;
  color: #ffffff; }
  .btn.btn-primary:hover {
    background: #181061;
    border-color: #181061; }

.btn.btn-bordered {
  border-color: #00354f;
  color: #00354f;
  background: transparent;
  border-width: 2px; }
  .btn.btn-bordered:hover {
    border-color: inherit; }

.btn-link {
  color: #e50282;
  width: 100%;
  text-align: left; }
  .btn-link:hover, .btn-link:focus {
    color: inherit;
    text-decoration: underline;
    background-color: transparent; }

.btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.focus:active, .btn-primary.active.focus, .btn-primary:focus, .btn-primary.focus, .open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #e50282;
  border-color: #e50282; }

*.btn:active, .btn:focus, .btn:active:focus, .btn.active:focus {
  outline: none !important; }

.dropdown-menu a:hover {
  background: #181061; }

/*--- Form ---*/
.form-control {
  border-radius: 0;
  display: block;
  width: 100%;
  height: 34px !important;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc; }
  .form-control:focus {
    border-color: #66afe9;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-group {
  margin-bottom: .6rem; }

.col-form-label {
  font-weight: 700; }

.well,
.well-lg,
.well-sm {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.alert {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-shadow: none; }

/*--- Validation ---*/
.invalid-feedback {
  /*override display for validation messages.  If validation message html markup is not placed 
        directly after last input, then bootstrap will set display to none, which is not desired*/
  display: block; }

/*******************  Navigation styles   *****************/
nav {
  padding: 0px !important; }
  nav .ml-auto {
    left: auto !important;
    right: 0px; }

.nav-tabs > li > a, .nav-pills > li > a {
  border-radius: 0; }

/* -------- Fixes dropdown menus placed on the right side -------- */
.container > .navbar-header, .container > .navbar-collapse {
  margin-left: -15px;
  margin-right: -15px; }

.nav-link {
  padding: 15px !important;
  line-height: 20px !important; }

.navbar {
  border-radius: 0;
  font-size: 16px;
  position: relative; }
  .navbar a {
    color: #9d9d9d; }
    .navbar a:hover {
      color: #fff; }
  .navbar .float-right {
    float: right !important; }
  .navbar .navbar-toggler {
    margin: 10px; }

.navbar-collapse {
  padding-left: 0; }

.dropdown-menu {
  padding: 10px 5px; }
  .dropdown-menu li a {
    padding: 5px 20px; }
  .dropdown-menu.show {
    background: #202020;
    border: none; }

@media (max-width: 990px) {
  .dropdown-menu {
    padding: 10px 20px; } }

/***************************Card - Edit***************************/
.card {
  border-radius: 0px; }
  .card:hover {
    text-decoration: none !important; }
  .card .card-body {
    position: relative;
    padding: 20px 20px 40px 20px;
    min-height: 80px; }
    .card .card-body:hover {
      text-decoration: none !important; }
    .card .card-body a {
      color: #777; }
      .card .card-body a:hover {
        text-decoration: none !important; }
  .card .card-header {
    padding: 0px; }
    .card .card-header a {
      text-decoration: none;
      padding: 10px;
      color: #353535; }
      .card .card-header a:hover {
        text-decoration: none !important; }
      .card .card-header a i:nth-child(2) {
        margin-top: 3px; }
  .card .btn-edit {
    position: absolute;
    right: 15px;
    top: 25px;
    z-index: 1000;
    color: #fff !important; }

.card-edit {
  margin-top: 40px; }
  .card-edit .form-group {
    margin-left: 0;
    margin-right: 0; }
    .card-edit .form-group:first-child .form-control-static {
      margin-right: 50px; }
  .card-edit .control-label {
    font-weight: bold; }

/************************** Table  ******************************/
.table-responsive {
  margin-top: 20px; }

/**************************  pagination styles  ******************************/
.pagination .pagination-rows {
  margin-bottom: 0;
  padding-top: 5px;
  vertical-align: top;
  width: 70px; }

.pagination {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0; }
  .pagination a {
    color: #444444; }
    .pagination a:hover {
      color: #444444; }
    .pagination aactive {
      color: #444444; }
  .pagination ul {
    box-shadow: none; }
    .pagination ul li a {
      border: 1px solid #bbbbbb;
      border-radius: 4px;
      margin: 0 3px;
      padding: 4px 7px;
      color: #444444; }
      .pagination ul li a:hover {
        background-color: #333333;
        border-color: #333333;
        color: #ffffff; }
      .pagination ul li a:focus {
        background-color: #333333;
        border-color: #333333;
        color: #ffffff; }
    .pagination ul li span {
      border: 1px solid #bbbbbb;
      border-radius: 4px;
      margin: 0 3px;
      padding: 4px 7px; }
    .pagination ul .active a {
      background-color: #333333;
      border-color: #333333;
      color: #ffffff;
      color: #ffffff;
      cursor: default; }
    .pagination ul .active span {
      background-color: #333333;
      border-color: #333333;
      color: #ffffff;
      color: #ffffff;
      cursor: default; }
    .pagination ul .disabled a {
      border-color: #E1E1E1;
      color: #ABABAB; }
      .pagination ul .disabled a:hover {
        border-color: #E1E1E1;
        color: #ABABAB; }
      .pagination ul .disabled a:focus {
        border-color: #E1E1E1;
        color: #ABABAB; }
    .pagination ul .disabled span {
      border-color: #E1E1E1;
      color: #ABABAB; }
  .pagination .pagination-noborder {
    border: none; }

.pagination-rows {
  margin-bottom: 5px; }
  .pagination-rows p {
    display: inline-block; }
  .pagination-rows select {
    display: inline-block;
    width: auto; }

.pagination .display-date {
  background-color: #e50282;
  border-color: #cdcdcd;
  color: white; }
  .pagination .display-date:hover {
    opacity: .9; }

.pagination > li > a {
  background-color: white;
  border-color: #cdcdcd;
  border-radius: 0; }

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.pagination a.display-date {
  width: auto;
  text-align: center; }

.pagination .hour-width {
  min-width: 230px; }

.pagination .minute-width {
  min-width: 300px; }

.pagination li > a:hover, .pagination li > span:hover, .pagination li > a:focus, .pagination li > span:focus {
  color: #0078b2;
  border-color: #cccccc;
  cursor: pointer; }

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

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

.pagination > .active > input, .pagination > .active > button {
  z-index: 2;
  color: #fff;
  background-color: #e50282;
  border-color: #e50282;
  cursor: default; }

.pagination .disabled > span {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed; }
  > .pagination .disabled > span:hover, > .pagination .disabled > span:focus {
    color: #777;
    background-color: #fff;
    border-color: #cccccc;
    cursor: not-allowed; }

.pagination .disabled > a {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed; }
  > .pagination .disabled > a:hover, > .pagination .disabled > a:focus {
    color: #777;
    background-color: #fff;
    border-color: #cccccc;
    cursor: not-allowed; }

.pagination .disabled > input, .pagination .disabled > button {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed; }

.pagination > li > input, .pagination > li > button {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #e50282;
  background-color: white;
  border-color: #cdcdcd;
  border-radius: 0;
  border: 1px solid #ddd;
  margin-left: -1px; }

/* Position "other" textbox below radio button and label for "other" Radio button survey questions.
    Textbox input must be placed above radio input in html markup in order for functionality 
    to work correctly to save other response input by the user.  
    *Note there is also javascript toggling some of these classes to make this work.
    If you are reading this, and know a better way, please update.  - Wes
*/
.radio-other.radio-other-reposition {
  padding-bottom: 10px; }

.radio-other .other-radiotextbox-reposition {
  position: relative;
  top: 30px; }

.radio-other .other-radiolabel-reposition {
  position: relative;
  bottom: 34px; }

.radio-other .other-radio-reposition {
  top: 0; }

/*----Custom form Bootstrap----*/
.custom-control {
  margin-bottom: 2px !important; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0078D4;
  background-color: #0078D4; }

/*----Slider----*/
.ui-slider-range.ui-corner-all.ui-widget-header {
  background: #0078D4;
  height: 11px; }

.hotel-filters__slider-bar.space-bottom-10.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
  border: 1px solid #dddddd;
  height: 13px; }

span.ui-slider-handle.ui-corner-all.ui-state-default {
  border-radius: 4px;
  /*background: #0078D4;*/ }

/*All viewports*/
@media (max-width: 768px) {
  .btn {
    white-space: normal; }
  .btn-lg, .btn-group-lg > .btn {
    padding: 7px 12px;
    font-size: 15px;
    line-height: 1.33; }
  .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px; }
  .container {
    padding-right: 15px;
    padding-left: 15px; } }

/**** General Swatches ****/
/**** Stepbar Swatches ****/
/*************************** Checked Viewport  ***************************/
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/*************************** Typography ***************************/
@font-face {
  font-family: "HurmeGeometricSans4-Regular";
  src: url("https://untethered.events/Assets/fonts/HurmeGeometricSans4-Regular.otf") format("opentype"), url("../fonts/HurmeGeometricSans4-Regular.ttf") format("truetype"), url("../fonts/HurmeGeometricSans4-Regular.woff") format("woff"), url("../fonts/HurmeGeometricSans4-Regular.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "HurmeGeometricSans4-Bold";
  src: url("https://untethered.events/Assets/fonts/HurmeGeometricSans4-Bold.otf") format("opentype"), url("../fonts/HurmeGeometricSans4-Bold.ttf") format("truetype"), url("../fonts/HurmeGeometricSans4-Bold.woff") format("woff"), url("../fonts/HurmeGeometricSans4-Bold.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SegoeUILightLocal';
  src: local("Segoe UI Light"), local("Segoe WP Light"), local("SegoeUI-Light");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'SegoeUILocal';
  src: local("Segoe UI"), local("Segoe"), local("Segoe WP");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'SegoeUISemiboldLocal';
  src: local("Segoe UI Semibold"), local("Segoe Semibold"), local("Segoe WP Semibold");
  font-weight: normal;
  font-style: normal; }

/*hotel font*/
.font__main--light {
  font-family: "Roboto", "Open Sans", sans-serif; }

/*************************** New General ***************************/
* {
  margin: 0;
  padding: 0; }

:active, :focus {
  outline: 0 none; }

html {
  -ms-overflow-style: scrollbar; }

body {
  background: #fff;
  color: #5c797d;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-size: 16px;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto; }

header, footer {
  flex-shrink: 0; }

.flexboxtweener {
  background: #ccc; }
  .flexboxtweener body {
    min-height: 100%; }

/*************************** New Links ***************************/
a {
  color: #e50282;
  text-decoration: none;
  word-break: break-word;
  font-weight: 500; }
  a:hover, a:active, a:focus {
    text-decoration: underline;
    color: #e50282; }

/*************************** New Page Structure ***************************/
.l-logobar {
  background: #ffffff;
  min-height: 40px; }
  .l-logobar .l-logobar__logo {
    background: url("../../microsoft/MSFT_logo_gray_100_x2.png") 0 10px no-repeat #ffffff;
    height: 40px;
    background-size: auto 21px; }

.l-header {
  background: url("../img/untethered-home-banner-bg.png") center top no-repeat #181061;
  background-size: cover;
  color: #ffffff; }
  .l-header .l-header__link {
    display: block;
    width: 100%;
    height: 100%; }
    .l-header .l-header__link:focus, .l-header .l-header__link:active {
      text-decoration: none; }
  .l-header .l-header__content {
    margin: 0 -15px;
    padding: 0 15px; }
  .l-header .l-header__title {
    font-family: "HurmeGeometricSans4-Bold", "Roboto", "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.2;
    font-size: 36px;
    margin: 20px 0px 20px 0px;
    color: #ffffff; }

.l-main {
  background: transparent;
  outline: none; }
  .l-main .l-main__content {
    margin: 0 -15px;
    padding: 20px 15px 40px;
    min-height: 400px;
    background: #ffffff; }

.l-footer {
  background: #181061;
  clear: both;
  color: #fff;
  font-size: 12px;
  font-weight: normal; }
  .l-footer h4 {
    color: #fff;
    margin-bottom: 30px; }
  .l-footer p {
    font-size: 16px;
    min-width: 200px; }

.l-footer__content {
  margin: 0 -15px;
  padding: 40px 20px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch; }
  .l-footer__content .footer-about {
    padding: 10px 40px; }
  .l-footer__content .footer-connect {
    padding: 10px 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-right: solid 1px #e50282; }
    .l-footer__content .footer-connect .footer-social {
      margin-bottom: 30px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .l-footer__content .footer-connect .footer-social img {
        width: 30px;
        margin: 0 10px; }
  .l-footer__content .footer-copyright {
    width: 30%;
    padding: 10px 40px 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }
    .l-footer__content .footer-copyright img {
      width: 200px; }

.l-footer__block {
  display: inline-block; }

.l-footer a {
  color: #fff; }
  .l-footer a:link, .l-footer a:active {
    text-decoration: none; }
  .l-footer a:hover, .l-footer a:focus {
    text-decoration: underline; }

/*************************** Headers ***************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: "HurmeGeometricSans4-Bold", "Roboto", "Open Sans", sans-serif;
  color: #000;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: #e50282; }

h1, .h1 {
  font-size: 40px;
  margin: 20px 0px; }

h2, .h2 {
  font-size: 32px;
  margin: 20px 0px 15px 0px; }

h3, .h3 {
  font-size: 26px;
  margin: 0px 0px 10px 0px; }

h4, .h4 {
  font-size: 18px;
  margin: 0px 0px 14px 0px; }

/***************  Edit/Confirmation Styles ******************/
.badge__info {
  background: url(../../cache/bg_badge2.png) no-repeat scroll 0 0 transparent;
  min-height: 221px;
  padding: 30px 30px 5px;
  text-align: center;
  width: 333px;
  background-size: 330px auto;
  overflow: hidden;
  line-height: 1.2;
  position: relative; }

.badge__p {
  margin-bottom: 5px; }

.badge__title {
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 700; }

.badge__edit {
  position: absolute;
  right: 25px;
  bottom: 45px; }

#status-summary .row div:first-child {
  font-weight: bold; }

/***************  Misc Styles ******************/
.return-block {
  color: #e50282;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block; }
  .return-block:hover {
    opacity: .9; }

.return-block i {
  font-size: 28px;
  vertical-align: text-top;
  margin-right: 10px;
  cursor: pointer; }

.return-block span:hover {
  text-decoration: underline;
  cursor: pointer; }
  .return-block span:hover i:hover {
    text-decoration: none;
    cursor: pointer; }

.validation-mark:after {
  content: "*";
  color: #dc3545 !important;
  margin-left: 3px;
  position: absolute; }

.horizontal-stack {
  padding-bottom: 5px; }

textarea {
  overflow: hidden;
  min-height: 80px; }

/*fix for iOS mobile scrolling - adjust to correct context*/
.ui-menu.ui-widget-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

/*************************** Well tiles ***************************/
.well-tile {
  min-height: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  .well-tile:hover {
    opacity: .9; }

.well-tile .well-tile-text {
  margin-bottom: 0;
  font-size: 16px;
  margin-top: 30px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px; }

.well-icon {
  margin-top: 2.5em; }
  .well-icon i {
    font-size: 5.5em; }

.well-tile .well-tile-text a:hover {
  text-decoration: none;
  color: inherit; }

/*************************** File upload replacement ***************************/
.file-upload {
  height: 50px;
  overflow: hidden;
  position: relative;
  width: auto; }
  .file-upload input {
    cursor: pointer;
    font-size: 300px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0; }

/*************************** Skip to content styles ***************************/
a.skiptocontent__link {
  padding: 6px 10px;
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background: transparent;
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 100; }
  a.skiptocontent__link:focus {
    position: absolute;
    left: 50%;
    top: 0;
    background: #D83B01;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear; }

/*************************** login form old modules  ***************************/
.login-box {
  display: flex;
  justify-content: center; }

.login-box__toggle-btn {
  z-index: 100;
  position: relative;
  margin-left: -3px;
  margin-right: -3px;
  color: #999; }

.login-box__content {
  border: 1px solid #cdcdcd;
  padding: 15px;
  margin-top: -15px; }

@media (min-width: 768px) {
  .login-box__content {
    flex-basis: 50%; } }

.input-group-addon:first-child {
  min-width: 40px; }

.login-box__input-group {
  margin-bottom: 10px; }

/**********************   eventcore table customizations *********************/
.table-eventcore {
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif; }

.table-eventcore td {
  font-size: 12px;
  color: #454545; }

.table-eventcore tr > td {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff; }

.table-eventcore tbody tr:hover > td {
  background-color: #b2e5ff;
  color: #222222;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff; }

.table-eventcore th {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.2; }

.table-eventcore thead th {
  vertical-align: top; }

.table-eventcore thead th.col-selected {
  background: #e5e5e5; }

.table-eventcore thead th:hover {
  background-color: #f5f5f5; }

.table-eventcore th a,
.table-eventcore th a:hover,
.table-eventcore th a:focus {
  text-decoration: none;
  color: #333333; }

.table-eventcore th, .table-eventcore td {
  border-top: none; }

.table-eventcore th {
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 2px solid #ababab;
  color: #333333;
  text-transform: uppercase;
  padding-top: 2px; }

.table-eventcore th:first-child {
  border-left: none; }

.table-eventcore th:last-child {
  border-right: none; }

.table-eventcore tbody tr.row-selected td {
  background-color: #b2e5ff; }

.table-eventcore tr td.table-action {
  background-color: #eaf7ff;
  color: #222222;
  min-width: 100px; }

.table-eventcore.table-striped > tbody > tr:nth-child(2n+1) > td.table-action,
.table-eventcore.table-striped > tbody > tr:nth-child(2n+1) > th.table-action {
  background-color: #eaf7ff; }

.table-eventcore.table-striped > tbody > tr:nth-child(2n+1):hover > td.table-action,
.table-eventcore.table-striped > tbody > tr:nth-child(2n+1):hover > th.table-action,
.table-eventcore tr.row-selected td.table-action,
.table-eventcore tr:hover > td.table-action {
  background-color: #55c5ff;
  color: #ffffff; }

.table-eventcore tr:hover > td.table-action:hover {
  background-color: #01abff;
  color: #ffffff; }

.table.table-eventcore thead > tr > th,
.table.table-eventcore tbody > tr > th,
.table.table-eventcore tfoot > tr > th,
.table.table-eventcore thead > tr > td,
.table.table-eventcore tbody > tr > td,
.table.table-eventcore tfoot > tr > td {
  border-top: 1px solid transparent; }

.table.table-eventcore tbody > tr > td.table-action {
  border-top: 1px solid #ffffff; }

.table-eventcore td.table-action a {
  color: #01abff;
  text-decoration: underline; }

.table-eventcore td.table-action a:focus,
.table-eventcore td.table-action a:hover {
  text-decoration: underline; }

.table-eventcore tr.row-selected:hover td.table-action a {
  color: #ffffff; }

.table-eventcore tr:hover td.table-action a,
.table-eventcore tr:hover td.table-action:hover a,
.table-eventcore tr:hover td.table-action:hover a:hover .table-eventcore tr:hover td.table-action:hover a:focus {
  color: #ffffff;
  text-decoration: underline; }

.table-eventcore tr.row-selected td.table-action a,
.table-eventcore tr.row-selected td.table-action:hover a,
.table-eventcore tr.row-selected td.table-action:hover a:hover,
.table-eventcore tr.row-selected td.table-action:hover a:focus {
  color: #ffffff; }

/*----- Step Nav -----*/
.step_nav {
  width: 100%;
  overflow: auto;
  font-size: 14px;
  margin: 2% auto 4%; }
  .step_nav ul {
    margin: 0px !important;
    display: flex;
    justify-content: flex-start; }
    .step_nav ul li {
      list-style-type: none;
      min-width: 140px;
      padding: 0px;
      margin-right: 2px;
      color: #5d5d5d;
      border-bottom: 3px solid #e0e0e0;
      float: left; }
      .step_nav ul li:link, .step_nav ul li:hover, .step_nav ul li:focus, .step_nav ul li:active, .step_nav ul li:visited {
        border-bottom: 3px solid #e0e0e0; }
      .step_nav ul li .stepbar__content {
        padding: 10px 20px; }
      .step_nav ul li .step_nav--number {
        padding: 2px 10px;
        background: #e0e0e0;
        color: #000;
        margin: 0px 15px 0px 0px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 12px;
        font-weight: bold; }
      .step_nav ul li .step_nav--text {
        margin: 0; }
  .step_nav .stepbar__step--first {
    border-top: none; }
    .step_nav .stepbar__step--first .step_nav--number {
      color: #000; }
  .step_nav .stepbar__step--current {
    border-bottom: 3px solid #e50282 !important;
    color: #e50282 !important;
    font-weight: 700;
    cursor: pointer; }
    .step_nav .stepbar__step--current .step_nav--number {
      background: #e50282 !important;
      color: white !important; }
  .step_nav .stepbar__step--past {
    border-bottom: 3px solid #daefff !important;
    color: #e50282 !important;
    cursor: pointer; }
    .step_nav .stepbar__step--past .step_nav--number {
      background: #daefff !important;
      color: #e50282 !important; }

@media (max-width: 768px) {
  .step_nav {
    max-width: 98%; }
    .step_nav ul {
      justify-content: center; }
      .step_nav ul li {
        min-width: 40px;
        margin-right: 4px; }
        .step_nav ul li:last-child {
          margin-right: 0px; }
        .step_nav ul li .step_nav--text {
          display: none; }
        .step_nav ul li .step_nav--number {
          margin: 0px; } }

/****** Session Expired Modal ********/
#sessionExpiredModal .modal-dialog {
  top: 40%;
  overflow: hidden;
  width: 320px;
  left: 50%;
  margin-left: -160px;
  position: absolute; }

#sessionExpiredModal .modal-body {
  padding: 20px; }

.modal-body_content {
  margin: 5px; }
  .modal-body_content ul {
    margin: 20px 40px; }

.session-alert {
  margin: 0;
  padding: 25px;
  text-align: center;
  background-color: #ffffff; }
  .session-alert h2 {
    line-height: 1;
    font-size: 22px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333333; }

/*************************** Payment ***************************/
.payment-info-container {
  background: #f2f2f2;
  display: flex;
  justify-content: space-around;
  padding: 20px 40px 40px 40px;
  min-height: 520px;
  height: auto;
  margin: 30px 0px; }

.payment-info-submit {
  height: auto; }

.payment-info-container > div > h2 {
  font-size: 33px; }

.center-divider {
  width: 1px;
  background: #cccccc;
  min-height: 370px;
  overflow: auto;
  display: flex;
  align-self: center;
  margin-top: 6%; }

@media (max-width: 1200px) {
  .payment-info-container {
    padding: 20px 10px; }
  .payment-info-submit {
    margin-left: 15px; } }

@media (max-width: 990px) {
  .center-divider {
    display: none !important; }
  .payment-info-submit {
    margin: 0 auto;
    max-width: 435px; } }

@media (max-width: 480px) {
  ul.credit_card_container {
    height: 40px !important; }
  .payment-info-submit {
    margin: 0 auto;
    width: 80%; } }

ul.credit_card_container {
  list-style: none;
  display: flex;
  height: 65px; }

img.credit_card {
  width: auto;
  max-width: 100%;
  height: auto;
  height: auto;
  -webkit-transition: all .2s;
  transition: all, .2s; }

span#CreditCard_SecurityCode-error {
  display: none !important; }

ul.credit_card_container li {
  margin-right: 10px;
  width: 20%; }

ul.credit_card_container li:last-child {
  margin-right: 0px; }

.credit_form_group > div:first-child {
  padding-right: 10px; }

.credit_form_group > div:nth-child(2) {
  padding-left: 0px; }

@media (max-width: 576px) {
  .credit_form_group > div:first-child {
    padding: 0px 15px; }
  .credit_form_group > div:nth-child(2) {
    padding: 0px 15px; } }

@media (max-width: 480px) {
  .payment-info-container h2 {
    font-size: 32px; } }

.payment-header {
  display: flex;
  flex-direction: row;
  min-height: 40px;
  flex-wrap: wrap; }

.payment-header h4 {
  margin: 0px;
  line-height: 32px;
  min-height: 40px; }

.payment-header > div:first-child {
  box-sizing: border-box;
  margin-right: 30px; }

.edit-reg i {
  margin-right: 5px; }

/*************************** All ViewPorts ***************************/
@media (min-width: 767px) {
  h1, .h1 {
    font-size: 46px; }
  h2, .h2 {
    font-size: 36px; }
  h3, .h3 {
    font-size: 32px; }
  h4, .h4 {
    font-size: 22px; }
  .l-header__title {
    font-size: 36px;
    line-height: 1.1; }
  .badge__title {
    font-size: 22px; } }

/*************************** Additional Style ***************************/
.navbar {
  background: #dce3e8; }
  .navbar .navbar-collapse {
    justify-content: flex-end; }

.navbar-light .navbar-nav .nav-link {
  color: #181061;
  font-family: "HurmeGeometricSans4-Bold", "Roboto", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: .5px; }
  .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #181061; }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: #181061;
  font-weight: 500; }

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background: #181061; }

.navbar-brand {
  width: 220px; }
  .navbar-brand img {
    width: 100%; }

.home-marketing {
  position: relative; }

.home-nav .navbar {
  background: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 20px !important; }

.home-nav .navbar-light .navbar-nav .nav-link {
  color: #fff; }
  .home-nav .navbar-light .navbar-nav .nav-link:active, .home-nav .navbar-light .navbar-nav .nav-link:hover, .home-nav .navbar-light .navbar-nav .nav-link:focus {
    color: #fff; }

.home-nav .navbar-light .navbar-nav .reg-button .nav-link {
  color: #e50282;
  background: #fff; }
  .home-nav .navbar-light .navbar-nav .reg-button .nav-link:hover, .home-nav .navbar-light .navbar-nav .reg-button .nav-link:focus, .home-nav .navbar-light .navbar-nav .reg-button .nav-link:active {
    color: #fff;
    background: #e50282;
    text-decoration: none; }

.home-nav .att-login-btn {
  margin-left: 15px; }

.home-nav .custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.section-header {
  font-family: "HurmeGeometricSans4-Regular", "Roboto", "Open Sans", sans-serif;
  color: #e50282;
  text-align: center;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
  letter-spacing: normal;
  text-transform: none; }

.home-banner {
  background: url("../img/untethered-home-banner-bg.png") center center no-repeat #181061;
  background-size: cover; }

.home-banner-inner {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 103px;
  padding-bottom: 40px; }
  .home-banner-inner .h2 {
    color: #fff;
    padding-top: 40px;
    margin-top: 0;
    margin-bottom: 10px; }
  .home-banner-inner .h1 {
    color: #fff;
    font-family: "Bebas Neue", "Roboto", "Open Sans", sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 160px;
    line-height: 160px;
    letter-spacing: 5px;
    text-align: center; }
  .home-banner-inner img {
    width: 365px;
    padding-top: 10px;
    margin-bottom: 30px; }
  .home-banner-inner .h3 {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 20px;
    text-align: center; }
    .home-banner-inner .h3:nth-child(4) {
      color: #fff;
      padding-top: 10px; }
    .home-banner-inner .h3 .nav-link {
      padding: 0 !important;
      margin-bottom: 60px;
      color: #e50282; }
      .home-banner-inner .h3 .nav-link:hover, .home-banner-inner .h3 .nav-link:focus, .home-banner-inner .h3 .nav-link:active {
        color: #05c0db; }
  .home-banner-inner .banner-buttons {
    display: flex; }
    .home-banner-inner .banner-buttons .btn-primary {
      margin: 10px 5px; }

.daily-keynote {
  background: #181061; }
  .daily-keynote .h3 {
    color: #fff;
    text-transform: uppercase;
    padding-top: 60px;
    font-size: 20px;
    text-align: center; }
  .daily-keynote .banner-buttons {
    display: flex;
    justify-content: center; }
    .daily-keynote .banner-buttons .btn-primary {
      margin: 10px 5px;
      border: 1px solid #e50282 !important; }

.daily-keynote-inner {
  padding: 60px 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start; }
  .daily-keynote-inner h2 {
    color: #fff;
    padding-top: 0px;
    margin: 0 auto 20px;
    font-size: 20px;
    line-height: 26px;
    text-transform: none;
    font-family: "Roboto", "Open Sans", sans-serif; }

.keynote-speakers {
  background: #fff;
  border-radius: 5px;
  padding: 20px; }
  .keynote-speakers .session-speaker {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start; }
    .keynote-speakers .session-speaker:last-of-type {
      margin-bottom: 0; }
    .keynote-speakers .session-speaker .session-speaker-image {
      width: 75px;
      height: 75px;
      border-radius: 5px; }
    .keynote-speakers .session-speaker .session-speaker-details {
      margin-left: 20px; }
      .keynote-speakers .session-speaker .session-speaker-details .session-speaker-name {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 2px;
        color: #181061; }
      .keynote-speakers .session-speaker .session-speaker-details .session-speaker-title {
        font-size: 15px;
        margin: 0; }

.keynote-video .video-container {
  height: 431px; }
  .keynote-video .video-container iframe {
    height: 100%;
    width: 100%;
    border: none; }

.thurs-pm {
  align-items: flex-start; }
  .thurs-pm .keynote-video {
    position: relative;
    /*top:72px;*/
    top: 0px; }

.home-together-inner {
  padding: 60px 20px 40px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .home-together-inner p {
    color: #181061;
    text-align: center;
    font-size: 20px;
    width: 65%;
    margin: 20px 0; }
  .home-together-inner h3 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-size: 20px;
    color: #181061;
    padding: 20px 0;
    font-weight: 600; }

.stat-widgets {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .stat-widgets .attendee-stat {
    padding: 20px; }
  .stat-widgets .money-raised-stat {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .stat-widgets .money-raised-stat .progress-value .h2 {
      font-size: 24px; }
  .stat-widgets h3 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-align: center;
    margin: 0;
    font-size: 20px;
    color: #181061;
    font-weight: 600;
    padding: 0; }
    .stat-widgets h3:first-of-type {
      padding: 20px 0 10px; }
  .stat-widgets .goal {
    color: #e50282; }

.progress {
  width: 150px;
  height: 150px;
  background: none;
  position: relative; }
  .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 8px solid #ccc;
    position: absolute;
    top: 0;
    left: 0; }
  .progress span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1; }
  .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #e50282; }
  .progress .progress-left {
    left: 0; }
    .progress .progress-left .progress-bar {
      left: 100%;
      border-top-right-radius: 80px;
      border-bottom-right-radius: 80px;
      border-left: 0;
      -webkit-transform-origin: center left;
      transform-origin: center left; }
  .progress .progress-right {
    right: 0; }
    .progress .progress-right .progress-bar {
      left: -100%;
      border-top-left-radius: 80px;
      border-bottom-left-radius: 80px;
      border-right: 0;
      -webkit-transform-origin: center right;
      transform-origin: center right; }
  .progress .progress-value {
    position: absolute;
    top: 8px;
    left: 8px;
    height: 134px;
    width: 134px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1; }
    .progress .progress-value .h2 {
      margin: 0;
      color: #181061; }

.home-form {
  background: #181061; }

.home-form-inner {
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .home-form-inner .h3 {
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px; }
  .home-form-inner .btn-primary {
    margin-top: 10px;
    border: 1px solid #e50282 !important; }

.home-speakers {
  border-bottom: 10px solid rgba(92, 121, 125, 0.1); }

.home-speakers-inner {
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .home-speakers-inner p {
    color: #181061;
    text-align: center;
    font-size: 20px;
    width: 65%;
    margin: 20px 0; }
  .home-speakers-inner h3 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-size: 20px;
    color: #181061;
    padding: 20px 0;
    font-weight: 600; }
  .home-speakers-inner .speakers {
    width: 100%;
    margin-top: 20px; }
    .home-speakers-inner .speakers .speaker {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .home-speakers-inner .speakers .speaker:nth-child(1) .speaker-image {
        background: url("../img/Nick.png") left center no-repeat;
        background-size: auto 101%; }
      .home-speakers-inner .speakers .speaker:nth-child(2) .speaker-image {
        background: url("../img/Amy.png") center center no-repeat;
        background-size: auto 101%; }
      .home-speakers-inner .speakers .speaker:nth-child(3) .speaker-image {
        background: url("../img/Gary.png") center center no-repeat;
        background-size: auto 101%; }
      .home-speakers-inner .speakers .speaker:nth-child(4) .speaker-image {
        background: url("../img/Susie.png") center center no-repeat;
        background-size: auto 101%; }
      .home-speakers-inner .speakers .speaker:nth-child(5) .speaker-image {
        background: url("../img/David%20Adler.png") center center no-repeat;
        background-size: auto 101%; }
      .home-speakers-inner .speakers .speaker:nth-child(6) .speaker-image {
        background: url("../img/Kim%20Darling.png") center center no-repeat;
        background-size: auto 101%; }
      .home-speakers-inner .speakers .speaker:nth-child(7) .speaker-image {
        background: url("../img/Mary%20Healy.png") center center no-repeat;
        background-size: auto 101%; }
      .home-speakers-inner .speakers .speaker:nth-child(8) .speaker-image {
        background: url("../img/Sam%20Eitzen.png") center center no-repeat;
        background-size: auto 101%; }
    .home-speakers-inner .speakers .speaker-inner {
      width: 100%;
      max-width: 245px;
      margin: 15px 0;
      flex: 1;
      display: flex;
      flex-direction: column; }
    .home-speakers-inner .speakers .speaker-image {
      width: 100%;
      height: 245px; }
    .home-speakers-inner .speakers .speaker-details {
      width: 100%;
      padding: 20px;
      background: #181061;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .home-speakers-inner .speakers .speaker-details h4 {
        font-family: "Roboto", "Open Sans", sans-serif;
        font-weight: 700;
        color: #fff;
        font-size: 20px;
        text-align: left;
        text-transform: none;
        flex: 1; }
      .home-speakers-inner .speakers .speaker-details p {
        width: 100%;
        text-align: left;
        color: #fff;
        margin: 0;
        font-size: 16px; }

.home-agenda-inner {
  padding: 60px 20px; }
  .home-agenda-inner .h4 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-align: center;
    margin-top: 0;
    font-size: 18px;
    line-height: 27px;
    color: #181061;
    margin-bottom: 30px;
    padding-top: 5px;
    font-weight: 600; }
  .home-agenda-inner .nav-pills {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px 0 50px; }
    .home-agenda-inner .nav-pills li {
      text-align: center;
      width: 20%; }
      .home-agenda-inner .nav-pills li .mobile-day {
        display: none; }
      .home-agenda-inner .nav-pills li a {
        padding: 20px 0 0 !important;
        margin: 0 5% 20px;
        text-transform: uppercase;
        font-size: 18px;
        background: none;
        color: #181061;
        font-weight: 600;
        border-radius: 0; }
        .home-agenda-inner .nav-pills li a.active {
          background: none;
          color: #181061;
          border-bottom: #e50282 3px solid !important; }
        .home-agenda-inner .nav-pills li a:active, .home-agenda-inner .nav-pills li a:hover, .home-agenda-inner .nav-pills li a:focus {
          text-decoration: none;
          border-bottom: #e50282 3px solid !important; }
  .home-agenda-inner .tab-pane-inner {
    padding: 0 1em;
    color: #181061;
    font-size: 16px;
    background: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    height: 402px; }
    .home-agenda-inner .tab-pane-inner p {
      margin: 0 16px;
      padding: 0 0 30px;
      margin-bottom: 13px;
      height: 54px; }
    .home-agenda-inner .tab-pane-inner .agenda-times {
      width: 35%;
      text-align: right;
      font-weight: 600; }
      .home-agenda-inner .tab-pane-inner .agenda-times .mobile-time {
        display: none; }
    .home-agenda-inner .tab-pane-inner .agenda-divider {
      width: 19.75px;
      background: url(../img/agenda-line.png) top center no-repeat #fff;
      background-size: 100%; }
    .home-agenda-inner .tab-pane-inner .agenda-divider-4 {
      width: 19.75px;
      background: url(../img/agenda-line-4.png) top center no-repeat #fff;
      background-size: 100%; }
    .home-agenda-inner .tab-pane-inner .agenda-divider-6 {
      width: 19.75px;
      background: url(../img/agenda-line-6.png) top center no-repeat #fff;
      background-size: 100%; }
    .home-agenda-inner .tab-pane-inner .agenda-items {
      width: 35%;
      text-align: left; }

.timezone-converter {
  display: flex;
  align-items: stretch;
  justify-content: center; }
  .timezone-converter .input-pdt-time {
    padding: 10px 20px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: solid 2px #e50282;
    color: #181061;
    min-width: 220px; }
    .timezone-converter .input-pdt-time input {
      font-size: 30px;
      border: solid 1px #ccc;
      color: #181061;
      padding: 0 5px;
      border-radius: 5px;
      text-align: center;
      width: 100%; }
  .timezone-converter .output-local-time {
    padding: 10px 10px 10px 20px;
    color: #181061;
    min-width: 220px; }
    .timezone-converter .output-local-time #local {
      font-weight: 700; }
    .timezone-converter .output-local-time #output-time {
      font-size: 30px;
      color: #181061;
      margin: 0;
      padding-bottom: 1px; }

.home-experts {
  background: #181061; }

.home-experts-inner {
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .home-experts-inner .section-header {
    color: #fff; }
  .home-experts-inner p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    width: 80%;
    margin: 20px 0; }
  .home-experts-inner h3 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-size: 20px;
    color: #fff;
    padding: 20px 0;
    font-weight: 600; }
  .home-experts-inner .experts {
    width: 100%;
    margin-top: 20px; }
    .home-experts-inner .experts .expert {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .home-experts-inner .experts .expert:nth-child(1) .expert-image {
        background: url("../img/Marin%20Bright-Color.png") center center no-repeat;
        background-size: auto 101%; }
      .home-experts-inner .experts .expert:nth-child(2) .expert-image {
        background: url("../img/Courtney%20Stanley-Color.png") center center no-repeat;
        background-size: auto 101%; }
      .home-experts-inner .experts .expert:nth-child(3) .expert-image {
        background: url("../img/Jennifer%20Kingen%20Kush-Color.png") center center no-repeat;
        background-size: auto 101%; }
      .home-experts-inner .experts .expert:nth-child(4) .expert-image {
        background: url("../img/Kari%20Messenger-Color.png") center center no-repeat;
        background-size: auto 101%; }
    .home-experts-inner .experts .expert-inner {
      width: 100%;
      max-width: 245px;
      margin: 15px 0;
      flex: 1;
      display: flex;
      flex-direction: column; }
    .home-experts-inner .experts .expert-image {
      width: 100%;
      height: 245px; }
    .home-experts-inner .experts .expert-details {
      width: 100%;
      padding: 20px;
      background: #e50282;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .home-experts-inner .experts .expert-details h4 {
        font-family: "Roboto", "Open Sans", sans-serif;
        font-weight: 700;
        color: #fff;
        font-size: 20px;
        text-align: left;
        text-transform: none;
        flex: 1; }
      .home-experts-inner .experts .expert-details p {
        width: 100%;
        text-align: left;
        color: #fff;
        margin: 0;
        font-size: 16px; }

.home-present {
  background: #ededed;
  display: none; }
  .home-present h4, .home-present p, .home-present ul {
    color: #181061; }
  .home-present h4 {
    margin-bottom: 30px; }
  .home-present ul {
    padding-left: 30px; }
  .home-present .btn.btn-primary {
    background: #e50282;
    margin-top: 20px; }

.home-present-inner {
  padding: 60px 20px 70px; }
  .home-present-inner .present-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 50px 80px 0; }
  .home-present-inner .speak-up {
    padding-bottom: 50px; }
  .home-present-inner h4.pink {
    color: #e50282; }

.home-revolution p {
  color: #181061; }

.home-revolution-inner {
  padding: 60px 20px 70px; }
  .home-revolution-inner .revolution-column {
    padding: 50px 80px 0; }
  .home-revolution-inner .revolution-graphic {
    height: 220px;
    background: url("../img/revolution-graphic.png") top center no-repeat #fff;
    background-size: 100%; }

.event-committee {
  padding: 60px 0 40px; }
  .event-committee p {
    color: #181061;
    text-align: center;
    font-size: 20px;
    width: 90%;
    margin: 15px auto 20px; }

.event-committee-inner {
  padding: 60px 0 30px; }

.members {
  display: flex;
  justify-content: flex-start; }
  .members .member .member-tile {
    width: 100%;
    min-height: 400px;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer; }
    .members .member .member-tile .member-tile-front {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .members .member .member-tile .member-tile-front .member-image {
        width: 100%;
        height: 330px; }
      .members .member .member-tile .member-tile-front .tile-front-details {
        background: #ededed;
        padding: 10px; }
        .members .member .member-tile .member-tile-front .tile-front-details p {
          color: #181061;
          text-align: center;
          margin: 0;
          width: 100%; }
          .members .member .member-tile .member-tile-front .tile-front-details p.member-name {
            font-size: 18px;
            font-weight: 700; }
          .members .member .member-tile .member-tile-front .tile-front-details p.member-title {
            font-style: italic; }
    .members .member .member-tile .member-details {
      width: 100%;
      height: 100%;
      background: #181061;
      position: absolute;
      padding: 25px;
      top: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      transition: .2s linear;
      opacity: 0;
      overflow: auto; }
      .members .member .member-tile .member-details p {
        color: #fff;
        text-align: center;
        margin: 0;
        width: 100%; }
      .members .member .member-tile .member-details .member-name {
        font-size: 18px;
        font-weight: 700; }
      .members .member .member-tile .member-details .member-title, .members .member .member-tile .member-details .member-location {
        font-style: italic;
        font-size: 14px; }
      .members .member .member-tile .member-details .member-details-line {
        width: 190px;
        height: 1px;
        background: #e50282;
        margin: 15px auto 0; }
      .members .member .member-tile .member-details .member-description {
        padding: 15px 0;
        font-size: 12px; }
      .members .member .member-tile .member-details .member-social {
        display: flex;
        align-items: center;
        justify-content: center; }
        .members .member .member-tile .member-details .member-social a {
          width: 25px;
          height: 25px;
          margin: 5px 10px;
          display: block; }
          .members .member .member-tile .member-details .member-social a.instagram {
            background: url("../img/instagram.png") center center no-repeat;
            background-size: auto 100%; }
          .members .member .member-tile .member-details .member-social a.twitter {
            background: url("../img/twitter.png") center center no-repeat;
            background-size: auto 100%; }
          .members .member .member-tile .member-details .member-social a.linkedin {
            background: url("../img/linkedin.png") center center no-repeat;
            background-size: auto 100%; }
    .members .member .member-tile:hover .member-details {
      opacity: 1; }
  .members .member:nth-child(1) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Andrews-%20Marie-Claire.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(2) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Clare%20Crelin-%20Naomi.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(3) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Conti-Vecchi-%20Stefania.JPG") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(4) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/El%20Gazzar-%20Dahlia.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(5) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Jones-%20Mahoganey.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(6) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Laney-%20Hilary.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(7) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Lathan-%20Liz.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(8) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/LItalien-%20Kiki.JPG") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(9) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Magyar-%20Allie.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(10) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Malchalm-%20Rae.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(11) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Merriman-%20Raime%20v2.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(12) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Messenger-%20Kari.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(13) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Orfanos-%20Gail.jpeg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(14) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Osibodu-%20Nicole%20v2.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(15) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Plana-%20Ann.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(16) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Stephan-%20Rachel.jpg") center center no-repeat #fff;
    background-size: cover; }
  .members .member:nth-child(17) .member-tile-front .member-image {
    background: url("../img/committee-images-EDITED/Timperley-%20Jamie.JPG") center center no-repeat #fff;
    background-size: cover; }

.l-header__content {
  /*background: url('../../microsoft/MSFT_logo_wht_100.png') 0px 0px no-repeat #222222;
       background-size:auto 180px;*/
  height: 180px; }
  .l-header__content .l-header__link {
    display: flex;
    justify-content: center;
    align-items: center; }
  .l-header__content img {
    height: 110px;
    width: auto; }

.speaker-page-row .speaker-page-speaker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px; }
  .speaker-page-row .speaker-page-speaker img {
    cursor: pointer; }
  .speaker-page-row .speaker-page-speaker h3 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-transform: none;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0 5px; }
  .speaker-page-row .speaker-page-speaker h4 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-transform: none;
    font-size: 16px;
    color: #181061;
    max-width: 200px; }

.speaker-page-modal {
  border: none; }
  .speaker-page-modal .modal-header {
    background: url(../img/untethered-home-banner-bg.png) center center no-repeat;
    background-size: cover;
    padding: 10px 16px;
    border-bottom: none; }
    .speaker-page-modal .modal-header .close {
      color: #fff;
      opacity: 1;
      text-shadow: none; }
  .speaker-page-modal .modal-body-inner {
    display: flex; }
  .speaker-page-modal img {
    padding: 0 20px 20px 0; }
  .speaker-page-modal h3 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-transform: none;
    font-weight: 500;
    margin: 10px 0 5px; }
  .speaker-page-modal h4 {
    font-family: "Roboto", "Open Sans", sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #181061; }
  .speaker-page-modal .modal-bio {
    color: #181061; }

.about-banner {
  background: url("../img/untethered-home-banner-bg.png") center center no-repeat #181061;
  background-size: cover; }

.about-banner-inner {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 203px;
  padding-bottom: 140px; }
  .about-banner-inner .h2 {
    color: #fff;
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 24px;
    text-align: center; }
  .about-banner-inner .h1 {
    color: #fff;
    font-family: "Bebas Neue", "Roboto", "Open Sans", sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 80px;
    line-height: 80px;
    letter-spacing: 2px;
    text-align: center; }

.about-top-inner {
  padding: 40px 20px 50px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .about-top-inner .section-header {
    width: 80%;
    margin-top: 20px; }
  .about-top-inner p {
    color: #181061;
    text-align: center;
    font-size: 20px;
    width: 90%;
    margin: 15px 0px 20px; }

.about-numbers {
  background: #e50282; }

.about-numbers-inner {
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center; }
  .about-numbers-inner .about-number {
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .about-numbers-inner .about-number h2 {
      color: #fff;
      text-align: center;
      font-size: 60px;
      font-family: "HurmeGeometricSans4-Regular", "Roboto", "Open Sans", sans-serif;
      font-weight: 600;
      margin: 0; }
      .about-numbers-inner .about-number h2:nth-of-type(2) {
        font-weight: normal;
        font-size: 32px; }

.about-bottom {
  background: rgba(92, 121, 125, 0.1); }

.about-bottom-inner {
  padding: 70px 20px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .about-bottom-inner img {
    width: 300px;
    margin-bottom: 40px; }
  .about-bottom-inner .h2 {
    color: #181061;
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px; }
  .about-bottom-inner .section-header {
    width: 80%;
    margin-top: 20px; }
  .about-bottom-inner p {
    color: #181061;
    text-align: center;
    font-size: 20px;
    width: 90%;
    margin: 15px 0px 20px; }

.agenda-banner {
  background: url("../img/untethered-home-banner-bg.png") center center no-repeat #181061;
  background-size: cover; }

.agenda-banner-inner {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 203px;
  padding-bottom: 140px; }
  .agenda-banner-inner .h2 {
    color: #fff;
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    width: 80%; }
  .agenda-banner-inner .h1 {
    color: #fff;
    font-family: "Bebas Neue", "Roboto", "Open Sans", sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 80px;
    line-height: 80px;
    letter-spacing: 2px;
    text-align: center; }

.agenda-tabs .nav-pills {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 20px; }
  .agenda-tabs .nav-pills .agenda-tab {
    width: 24.5%;
    margin-top: 5px; }
    .agenda-tabs .nav-pills .agenda-tab a {
      display: block;
      width: 100%;
      padding: 10px 0;
      background: #e50282;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-family: "HurmeGeometricSans4-Regular", "Roboto", "Open Sans", sans-serif;
      font-weight: normal;
      font-size: 32px; }
      .agenda-tabs .nav-pills .agenda-tab a.active {
        background: #181061; }
      .agenda-tabs .nav-pills .agenda-tab a:active, .agenda-tabs .nav-pills .agenda-tab a:hover, .agenda-tabs .nav-pills .agenda-tab a:focus {
        text-decoration: none;
        background: #181061; }

.agenda-tab-content {
  background: #181061;
  padding: 70px 0; }

.agenda-session {
  background: #fff;
  margin-bottom: 20px;
  padding: 30px 30px 20px;
  border-radius: 5px; }
  .agenda-session p {
    color: #181061;
    margin-bottom: 5px; }
  .agenda-session .grey {
    color: #5c797d; }
  .agenda-session .session-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px; }
    .agenda-session .session-header h3 {
      font-size: 26px;
      text-transform: none;
      color: #181061;
      font-family: "Roboto", "Open Sans", sans-serif;
      font-weight: 700;
      width: 80%; }
    .agenda-session .session-header .session-time {
      width: 20%;
      text-align: right;
      font-size: 18px;
      font-weight: 700;
      color: #751151; }
  .agenda-session .session-body {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start; }
    .agenda-session .session-body .session-details {
      width: 30%;
      text-align: right; }
    .agenda-session .session-body .session-speakers {
      width: 70%; }
      .agenda-session .session-body .session-speakers .session-speaker {
        margin-bottom: 20px;
        display: flex;
        justify-content: flex-start; }
        .agenda-session .session-body .session-speakers .session-speaker:last-of-type {
          margin-bottom: 0; }
        .agenda-session .session-body .session-speakers .session-speaker .session-speaker-image {
          width: 75px;
          height: 75px;
          border-radius: 5px; }
        .agenda-session .session-body .session-speakers .session-speaker .session-speaker-details {
          margin-left: 20px; }
          .agenda-session .session-body .session-speakers .session-speaker .session-speaker-details .session-speaker-name {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 2px; }
          .agenda-session .session-body .session-speakers .session-speaker .session-speaker-details .session-speaker-title {
            font-size: 15px; }

@media (max-width: 990px) {
  .home-nav .navbar {
    background: #181061;
    padding: 10px 0 !important; }
  .navbar-light .navbar-nav .reg-button {
    align-self: flex-start; }
  .home-nav .att-login-btn {
    margin: 15px 0; }
  .home-banner-inner .h1 {
    font-size: 130px;
    line-height: 130px; }
  .home-banner-inner img {
    width: 320px; }
  .home-present h4 {
    margin-bottom: 20px; }
  #textdiv {
    width: 60% !important; }
  .daily-keynote-inner h2 {
    padding-top: 40px; }
  .thurs-pm .keynote-video {
    top: 0; }
  .home-agenda-inner .nav-pills li {
    text-align: center;
    width: 33.33%; }
  .home-agenda-inner .tab-pane-inner .agenda-items {
    width: 58%;
    text-align: left; }
  .agenda-tabs .nav-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0; }
    .agenda-tabs .nav-pills .agenda-tab {
      width: 49.5%; }
  .agenda-session .session-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
    .agenda-session .session-header h3 {
      width: 100%; }
    .agenda-session .session-header .session-time {
      width: 100%;
      text-align: left; }
  .agenda-session .session-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
    .agenda-session .session-body .session-details {
      width: 100%;
      text-align: left;
      margin-bottom: 20px; }
    .agenda-session .session-body .session-speakers {
      width: 100%; } }

@media (max-width: 767px) {
  .home-agenda-inner .nav-pills li .day {
    display: none; }
  .home-agenda-inner .nav-pills li .mobile-day {
    display: inline; }
  .home-agenda-inner .tab-pane-inner .agenda-times {
    width: 38%; }
  #textdiv {
    width: 80% !important; }
  .home-together-inner p {
    width: 85%; }
  .keynote-video .video-container {
    height: 300px; }
  .l-footer__content .footer-connect {
    padding: 10px 20px; }
  .l-footer__content .footer-copyright {
    padding: 10px 20px;
    width: 45%; } }

@media (max-width: 575px) {
  .navbar-brand {
    width: 158px;
    margin-left: 15px; }
  .home-nav .navbar-light .navbar-nav .reg-button .nav-link {
    margin-left: 10px; }
  .home-banner-inner .h1 {
    font-size: 75px;
    line-height: 75px; }
  .home-banner-inner img {
    width: 220px; }
  .home-present-inner .present-column,
  .home-revolution-inner .revolution-column {
    padding: 30px; }
  .l-footer__content {
    padding: 20px;
    flex-wrap: wrap; }
    .l-footer__content .footer-connect {
      width: 100%;
      justify-content: center;
      padding: 20px;
      border-right: none;
      border-bottom: 1px solid #e50282; }
    .l-footer__content .footer-copyright {
      padding: 20px;
      width: 100%; }
      .l-footer__content .footer-copyright img {
        margin: 16px; }
  .speaker-page-row .speaker-page-speaker {
    align-items: center; }
  .speaker-page-row h3, .speaker-page-row h4 {
    width: 70%;
    text-align: center; } }

@media (max-width: 480px) {
  .l-header__content img {
    height: 90px; }
  .keynote-video .video-container {
    height: 275px; }
  .home-agenda-inner .tab-pane-inner p {
    font-size: 85%; }
  .home-agenda-inner .tab-pane-inner .agenda-times .time {
    display: none; }
  .home-agenda-inner .tab-pane-inner .agenda-times .mobile-time {
    display: inline; }
  .home-revolution-inner {
    padding: 60px 20px 20px; }
  .home-present-inner {
    padding: 60px 20px 40px; }
  .timezone-converter {
    flex-direction: column; }
    .timezone-converter .input-pdt-time {
      padding: 20px 10px;
      border-right: none;
      border-bottom: solid 2px #e50282; }
    .timezone-converter .output-local-time {
      padding: 20px 10px; }
      .timezone-converter .output-local-time #output-time {
        font-size: 30px;
        color: #181061;
        margin: 0;
        text-align: center; }
  .stat-widgets {
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .agenda-tabs .nav-pills .agenda-tab a {
    font-size: 24px; } }

/*************************** BG Images - @2x ***************************/
/*************************** BG Images - @3x ***************************/
/*.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: normal;
}*/
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(24, 16, 97)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

/*background colors*/
.bg-black {
  background-color: #000;
  border-color: #000; }

.bg-black-smoke {
  background-color: #101010;
  border-color: #101010; }

.bg-gray-darkest {
  background-color: #202020;
  border-color: #202020; }

.bg-gray-darker {
  background-color: #404040;
  border-color: #404040; }

.bg-gray-dark {
  background-color: #606060;
  border-color: #606060; }

.bg-gray {
  background-color: #808080;
  border-color: #808080; }

.bg-gray-light {
  background-color: #a0a0a0;
  border-color: #a0a0a0; }

.bg-gray-lighter {
  background-color: #c0c0c0;
  border-color: #c0c0c0; }

.bg-gray-lightest {
  background-color: #e0e0e0;
  border-color: #e0e0e0; }

.bg-white-smoke {
  background-color: #f0f0f0;
  border-color: #f0f0f0; }

.bg-white {
  background-color: #fff;
  border-color: #fff; }

/*.bg-blue-dark {
    background-color: #002050;
    border-color: #002050;
}

.bg-blue {
    background-color: #0078d7;
    border-color: #0078d7;
}

.bg-blue-mid {
    background-color: #00188F;
    border-color: #00188F;
}

.bg-blue-light {
    background-color: #00BCF2;
    border-color: #00BCF2;
}

.bg-cyan-dark {
    background-color: #0072c6;
    border-color: #0072c6;
}

.bg-cyan {
    background-color: #00bcf2;
    border-color: #00bcf2;
}

.bg-cyan-light {
    background-color: #87d7ff;
    border-color: #87d7ff;
}

.bg-teal-dark {
    background-color: #004B50;
    border-color: #004B50;
}

.bg-teal {
    background-color: #00aba9;
    border-color: #00aba9;
}

.bg-teal-light {
    background-color: #00B294;
    border-color: #00B294;
}

.bg-green-dark {
    background-color: #004B1C;
    border-color: #004B1C;
}

.bg-green {
    background-color: #107C10;
    border-color: #107C10;
}

.bg-green-light {
    background-color: #c7f904;
    border-color: #c7f904;
}

.bg-lime-dark {
    background-color: #008a00;
    border-color: #008a00;
}

.bg-lime {
    background-color: #8cbf26;
    border-color: #8cbf26;
}

.bg-lime-light {
    background-color: #bad80a;
    border-color: #bad80a;
}

.bg-yellow-dark {
    background-color: #c2a815;
    border-color: #c2a815;
}

.bg-yellow {
    background-color: #FFB900;
    border-color: #FFB900;
}

.bg-yellow-light {
    background-color: #FFF100;
    border-color: #FFF100;
}

.bg-orange-dark {
    background-color: #D83B01;
    border-color: #D83B01;
}

.bg-orange {
    background-color: #FF8C00;
    border-color: #FF8C00;
}

.bg-orange-light {
    background-color: #fbc27f;
    border-color: #fbc27f;
}

.bg-red-dark {
    background-color: #A80000;
    border-color: #A80000;
}

.bg-red {
    background-color: #b61016;
    border-color: #b61016;
}

.bg-red-light {
    background-color: #E81123;
    border-color: #E81123;
}

.bg-red-lighter {
    background-color: #ed493f;
    border-color: #ed493f;
}

.bg-pink {
    background-color: #e671b8;
    border-color: #e671b8;
}

.bg-pink-dark {
    background-color: #e28964;
    border-color: #e28964;
}

.bg-magenta-pink {
    background-color: #f472d0;
    border-color: #f472d0;
}


.bg-magenta-dark {
    background-color: #5C005C;
    border-color: #5C005C;
}

.bg-magenta {
    background-color: #B4009E;
    border-color: #B4009E;
}

.bg-magenta-light {
    background-color: #E3008C;
    border-color: #E3008C;
}

.bg-purple-dark {
    background-color: #32145A;
    border-color: #32145A;
}

.bg-purple {
    background-color: #5C2D91;
    border-color: #5C2D91;
}

.bg-purple-light {
    background-color: #B4A0FF;
    border-color: #B4A0FF;
}*/
/*border colors*/
.border-black {
  border-color: #000; }

.border-black-smoke {
  border-color: #101010; }

.border-gray-darkest {
  border-color: #202020; }

.border-gray-darker {
  border-color: #404040; }

.border-gray-dark {
  border-color: #606060; }

.border-gray {
  border-color: #808080; }

.border-gray-light {
  border-color: #a0a0a0; }

.border-gray-lighter {
  border-color: #c0c0c0; }

.border-gray-lightest {
  border-color: #e0e0e0; }

.border-white-smoke {
  border-color: #f0f0f0; }

.border-white {
  border-color: #fff; }

.border-blue-dark {
  border-color: #002050; }

.border-blue {
  border-color: #0078d7; }

.border-blue-light {
  border-color: #00BCF2; }

.border-cyan-dark {
  border-color: #0072c6; }

.border-cyan {
  border-color: #00bcf2; }

.border-cyan-light {
  border-color: #87d7ff; }

/*.border-teal-dark {
    border-color: #004B50;
}

.border-teal {
    border-color: #00aba9;
}

.border-teal-light {
    border-color: #00B294;
}

.border-green-dark {
    border-color: #004B1C;
}

.border-green {
    border-color: #107C10;
}

.border-green-light {
    border-color: #c7f904;
}

.border-lime-dark {
    border-color: #008a00;
}

.border-lime {
    border-color: #8cbf26;
}

.border-lime-light {
    border-color: #bad80a;
}

.border-yellow-dark {
    border-color: #c2a815;
}

.border-yellow {
    border-color: #FFB900;
}

.border-yellow-light {
    border-color: #FFF100;
}

.border-orange-dark {
    border-color: #D83B01;
}

.border-orange {
    border-color: #FF8C00;
}

.border-orange-light {
    border-color: #fbc27f;
}

.border-red-dark {
    border-color: #A80000;
}

.border-red {
    border-color: #b61016;
}

.border-red-light {
    border-color: #E81123;
}

.border-red-lighter {
    border-color: #ed493f;
}

.border-pink {
    border-color: #e671b8;
}

.border-pink-dark {
    border-color: #e28964;
}

.border-magenta-pink {
    border-color: #f472d0;
}

.border-magenta-dark {
    border-color: #5C005C;
}

.border-magenta {
    border-color: #B4009E;
}

.border-magenta-light {
    border-color: #E3008C;
}

.border-purple-dark {
    border-color: #32145A;
}

.border-purple {
    border-color: #5C2D91;
}

.border-purple-light {
    border-color: #B4A0FF;
}*/
/*text colors*/
.text-black {
  color: #000; }

/*.text-black-smoke {
    color: #101010;
}

.text-gray-darkest {
    color: #202020;
}

.text-gray-darker {
    color: #404040;
}

.text-gray-dark {
    color: #606060;
}

.text-gray {
    color: #808080;
}

.text-gray-light {
    color: #a0a0a0;
}

.text-gray-lighter {
    color: #c0c0c0;
}

.text-gray-lightest {
    color: #e0e0e0;
}

.text-white-smoke {
    color: #f0f0f0;
}*/
.text-white {
  color: #fff; }

.text-white input, .text-white select, .text-white textarea {
  color: #333; }

/*.text-blue-dark {
    color: #002050;
}

.text-blue {
    color: #0078d7;
}*/
/*.text-blue-light {
    color: #00BCF2;
}

.text-cyan-dark {
    color: #0072c6;
}

.text-cyan {
    color: #00bcf2;
}

.text-cyan-light {
    color: #87d7ff;
}

.text-teal-dark {
    color: #004B50;
}

.text-teal {
    color: #00aba9;
}

.text-teal-light {
    color: #00B294;
}

.text-green-dark {
    color: #004B1C;
}

.text-green {
    color: #107C10;
}

.text-green-light {
    color: #c7f904;
}

.text-lime-dark {
    color: #008a00;
}

.text-lime {
    color: #8cbf26;
}

.text-lime-light {
    color: #bad80a;
}

.text-yellow-dark {
    color: #c2a815;
}

.text-yellow {
    color: #FFB900;
}

.text-yellow-light {
    color: #FFF100;
}

.text-orange-dark {
    color: #D83B01;
}

.text-orange {
    color: #FF8C00;
}

.text-orange-light {
    color: #fbc27f;
}

.text-red-dark {
    color: #A80000;
}

.text-red {
    color: #b61016;
}

.text-red-light {
    color: #E81123;
}

.text-red-lighter {
    color: #ed493f;
}

.text-pink {
    color: #e671b8;
}

.text-pink-dark {
    color: #e28964;
}

.text-magenta-pink {
    color: #f472d0;
}

.text-magenta-dark {
    color: #b4009e;
}

.text-magenta {
    color: #B4009E;
}

.text-magenta-light {
    color: #E3008C;
}

.text-purple-dark {
    color: #32145A;
}

.text-purple {
    color: #5C2D91;
}

.text-purple-light {
    color: #B4A0FF;
}

.text-light {
    color: #ffffff;
}*/
/*line height styles*/
.line--1 {
  line-height: 1; }

.line--1-1 {
  line-height: 1.1; }

.line--1-2 {
  line-height: 1.2; }

.line--1-3 {
  line-height: 1.3; }

.line--1-4 {
  line-height: 1.4; }

.line--1-5 {
  line-height: 1.5; }

.line--1-6 {
  line-height: 1.6; }

.line--1-7 {
  line-height: 1.7; }

.line--1-8 {
  line-height: 1.8; }

.line--1-9 {
  line-height: 1.9; }

.line--2 {
  line-height: 2; }

/*border styles*/
/*.border--1 {
    border-width: 1px;
    border-style: solid;
}

.border--2 {
    border-width: 2px;
    border-style: solid;
}

.border--3 {
    border-width: 3px;
    border-style: solid;
}

.border--4 {
    border-width: 4px;
    border-style: solid;
}

.border--5 {
    border-width: 5px;
    border-style: solid;
}

.border__x--1 {
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
}

.border__x--2 {
    border-left-width: 2px;
    border-left-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
}

.border__x--3 {
    border-left-width: 3px;
    border-left-style: solid;
    border-right-width: 3px;
    border-right-style: solid;
}

.border__x--4 {
    border-left-width: 4px;
    border-left-style: solid;
    border-right-width: 4px;
    border-right-style: solid;
}

.border__x--5 {
    border-left-width: 5px;
    border-left-style: solid;
    border-right-width: 5px;
    border-right-style: solid;
}

.border__y--1 {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.border__y--2 {
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.border__y--3 {
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.border__y--4 {
    border-top-width: 4px;
    border-top-style: solid;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.border__y--5 {
    border-top-width: 5px;
    border-top-style: solid;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}*/
/*ellipsis styles*/
.ellipsis-fade {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden; }

.ellipsis-fade:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -webkit-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -moz-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -o-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -ms-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  content: ""; }

.ellipsis-fade-gray {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden; }

.ellipsis-fade-gray:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eee 100%);
  background: linear-gradient(to right, rgba(238, 238, 238, 0), #eee 100%);
  background: linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -webkit-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -moz-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -o-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -ms-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  content: ""; }

.ellipsis-fade-gray-lighter {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden; }

.ellipsis-fade-gray-lighter:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: -ms-linear-gradient(left, rgba(205, 205, 205, 0), #cdcdcd 100%);
  background: linear-gradient(to right, rgba(205, 205, 205, 0), #cdcdcd 100%);
  background: linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -webkit-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -moz-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -o-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -ms-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  content: ""; }

.ellipsis-fade-v {
  position: relative;
  overflow-y: hidden;
  min-height: 30px; }

.ellipsis-fade-v:after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 20px;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -webkit-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -moz-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -o-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -ms-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  content: ""; }

.ellipsis-fade-v-white-smoke {
  position: relative;
  overflow-y: hidden;
  min-height: 30px; }

.ellipsis-fade-v-white-smoke:after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 20px;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #f5f5f5 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f5f5 100%);
  background: linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -webkit-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -moz-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -o-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -ms-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  content: ""; }

.ellipsis {
  display: block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 1; }

.ellipsis__w100 {
  max-width: 100px; }

.ellipsis__w150 {
  max-width: 150px; }

.ellipsis__w200 {
  max-width: 200px; }

.ellipsis__w250 {
  max-width: 250px; }

.ellipsis__w300 {
  max-width: 300px; }

.ellipsis-line {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; }

/*billboard styles*/
/*.billboard {
    padding: 0;

    h1 {
        font-size: 50px;
        line-height: 1;
        margin-top: 5px;
        margin-bottom: 7px;
        color: #444;
    }

    p {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 17px;
        color: #999;
    }
}


.billboard {
    padding: 0;
    font-size: 24px;
}

.billboard h1 {
    font-size: 50px;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 7px;
    color: #444;
}

.billboard p {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 17px;
    color: #999;
}*/
/*margin styles*/
.space-x-0 {
  margin-left: 0;
  margin-right: 0; }

.space-x-5 {
  margin-left: 5px;
  margin-right: 5px; }

.space-x-10 {
  margin-left: 10px;
  margin-right: 10px; }

.space-x-15 {
  margin-left: 15px;
  margin-right: 15px; }

.space-x-20 {
  margin-left: 20px;
  margin-right: 20px; }

.space-x-25 {
  margin-left: 25px;
  margin-right: 25px; }

.space-x-30 {
  margin-left: 30px;
  margin-right: 30px; }

.space-x-35 {
  margin-left: 35px;
  margin-right: 35px; }

.space-x-40 {
  margin-left: 40px;
  margin-right: 40px; }

.space-x-45 {
  margin-left: 45px;
  margin-right: 45px; }

.space-x-50 {
  margin-left: 50px;
  margin-right: 50px; }

.space-y-0 {
  margin-bottom: 0;
  margin-top: 0; }

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

.space-y-10 {
  margin-bottom: 10px;
  margin-top: 10px; }

.space-y-15 {
  margin-bottom: 15px;
  margin-top: 15px; }

.space-y-20 {
  margin-bottom: 20px;
  margin-top: 20px; }

.space-y-25 {
  margin-bottom: 25px;
  margin-top: 25px; }

.space-y-30 {
  margin-bottom: 30px;
  margin-top: 30px; }

.space-y-35 {
  margin-bottom: 35px;
  margin-top: 35px; }

.space-y-40 {
  margin-bottom: 40px;
  margin-top: 40px; }

.space-y-45 {
  margin-bottom: 45px;
  margin-top: 45px; }

.space-y-50 {
  margin-bottom: 50px;
  margin-top: 50px; }

.space-bottom-0 {
  margin-bottom: 0; }

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

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

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

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

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

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

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

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

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

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

.space-top-0 {
  margin-top: 0; }

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

.space-top-10 {
  margin-top: 10px; }

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

.space-top-20 {
  margin-top: 20px; }

.space-top-25 {
  margin-top: 25px; }

.space-top-30 {
  margin-top: 30px; }

.space-top-35 {
  margin-top: 35px; }

.space-top-40 {
  margin-top: 40px; }

.space-top-45 {
  margin-top: 45px; }

.space-top-50 {
  margin-top: 50px; }

.space-right-0 {
  margin-right: 0; }

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

.space-right-10 {
  margin-right: 10px; }

.space-right-15 {
  margin-right: 15px; }

.space-right-20 {
  margin-right: 20px; }

.space-right-25 {
  margin-right: 25px; }

.space-right-30 {
  margin-right: 30px; }

.space-right-35 {
  margin-right: 35px; }

.space-right-40 {
  margin-right: 40px; }

.space-right-45 {
  margin-right: 45px; }

.space-right-50 {
  margin-right: 50px; }

.space-left-0 {
  margin-left: 0; }

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

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

.space-left-15 {
  margin-left: 15px; }

.space-left-20 {
  margin-left: 20px; }

.space-left-25 {
  margin-left: 25px; }

.space-left-30 {
  margin-left: 30px; }

.space-left-35 {
  margin-left: 35px; }

.space-left-40 {
  margin-left: 40px; }

.space-left-45 {
  margin-left: 45px; }

.space-left-50 {
  margin-left: 50px; }

/*.override.space-bottom-0 {
    margin-bottom: 0 !important;
}

.override.space-bottom-5 {
    margin-bottom: 5px !important;
}

.override.space-bottom-10 {
    margin-bottom: 10px !important;
}

.override.space-bottom-15 {
    margin-bottom: 15px !important;
}

.override.space-bottom-20 {
    margin-bottom: 20px !important;
}

.override.space-bottom-25 {
    margin-bottom: 25px !important;
}

.override.space-bottom-30 {
    margin-bottom: 30px !important;
}

.override.space-bottom-35 {
    margin-bottom: 35px !important;
}

.override.space-bottom-40 {
    margin-bottom: 40px !important;
}

.override.space-bottom-45 {
    margin-bottom: 45px !important;
}

.override.space-bottom-50 {
    margin-bottom: 50px !important;
}

.override.space-top-0 {
    margin-top: 0 !important;
}

.override.space-top-5 {
    margin-top: 5px !important;
}

.override.space-top-10 {
    margin-top: 10px !important;
}

.override.space-top-15 {
    margin-top: 15px !important;
}

.override.space-top-20 {
    margin-top: 20px !important;
}

.override.space-top-25 {
    margin-top: 25px !important;
}

.override.space-top-30 {
    margin-top: 30px !important;
}

.override.space-top-35 {
    margin-top: 35px !important;
}

.override.space-top-40 {
    margin-top: 40px !important;
}

.override.space-top-45 {
    margin-top: 45px !important;
}

.override.space-top-50 {
    margin-top: 50px !important;
}

.override.space-right-0 {
    margin-right: 0 !important;
}

.override.space-right-5 {
    margin-right: 5px !important;
}

.override.space-right-10 {
    margin-right: 10px !important;
}

.override.space-right-15 {
    margin-right: 15px !important;
}

.override.space-right-20 {
    margin-right: 20px !important;
}

.override.space-right-25 {
    margin-right: 25px !important;
}

.override.space-right-30 {
    margin-right: 30px !important;
}

.override.space-right-35 {
    margin-right: 35px !important;
}

.override.space-right-40 {
    margin-right: 40px !important;
}

.override.space-right-45 {
    margin-right: 45px !important;
}

.override.space-right-50 {
    margin-right: 50px !important;
}

.override.space-left-0 {
    margin-left: 0 !important;
}

.override.space-left-5 {
    margin-left: 5px !important;
}

.override.space-left-10 {
    margin-left: 10px !important;
}

.override.space-left-15 {
    margin-left: 15px !important;
}

.override.space-left-20 {
    margin-left: 20px !important;
}

.override.space-left-25 {
    margin-left: 25px !important;
}

.override.space-left-30 {
    margin-left: 30px !important;
}

.override.space-left-35 {
    margin-left: 35px !important;
}

.override.space-left-40 {
    margin-left: 40px !important;
}

.override.space-left-45 {
    margin-left: 45px !important;
}

.override.space-left-50 {
    margin-left: 50px !important;
}*/
/*padding styles*/
.pad-0 {
  padding: 0; }

.pad-1 {
  padding: 1px; }

.pad-2 {
  padding: 2px; }

.pad-3 {
  padding: 3px; }

.pad-4 {
  padding: 4px; }

.pad-5 {
  padding: 5px; }

.pad-6 {
  padding: 6px; }

.pad-7 {
  padding: 7px; }

.pad-8 {
  padding: 8px; }

.pad-9 {
  padding: 9px; }

.pad-10 {
  padding: 10px; }

.pad-15 {
  padding: 15px; }

.pad-20 {
  padding: 20px; }

.pad-25 {
  padding: 25px; }

.pad-30 {
  padding: 30px; }

.pad-35 {
  padding: 35px; }

.pad-40 {
  padding: 40px; }

.pad-45 {
  padding: 45px; }

.pad-50 {
  padding: 50px; }

.pad-x-0 {
  padding-left: 0;
  padding-right: 0; }

.pad-x-1 {
  padding-left: 1px;
  padding-right: 1px; }

.pad-x-2 {
  padding-left: 2px;
  padding-right: 2px; }

.pad-x-3 {
  padding-left: 3px;
  padding-right: 3px; }

.pad-x-4 {
  padding-left: 4px;
  padding-right: 4px; }

.pad-x-5 {
  padding-left: 5px;
  padding-right: 5px; }

.pad-x-6 {
  padding-left: 6px;
  padding-right: 6px; }

.pad-x-7 {
  padding-left: 7px;
  padding-right: 7px; }

.pad-x-8 {
  padding-left: 8px;
  padding-right: 8px; }

.pad-x-9 {
  padding-left: 9px;
  padding-right: 9px; }

.pad-x-10 {
  padding-left: 10px;
  padding-right: 10px; }

.pad-x-15 {
  padding-left: 15px;
  padding-right: 15px; }

.pad-x-20 {
  padding-left: 20px;
  padding-right: 20px; }

.pad-x-25 {
  padding-left: 25px;
  padding-right: 25px; }

.pad-x-30 {
  padding-left: 30px;
  padding-right: 30px; }

.pad-x-35 {
  padding-left: 35px;
  padding-right: 35px; }

.pad-x-40 {
  padding-left: 40px;
  padding-right: 40px; }

.pad-x-45 {
  padding-left: 45px;
  padding-right: 45px; }

.pad-x-50 {
  padding-left: 50px;
  padding-right: 50px; }

.pad-y-0 {
  padding-top: 0;
  padding-bottom: 0; }

.pad-y-1 {
  padding-top: 1px;
  padding-bottom: 1px; }

.pad-y-2 {
  padding-top: 2px;
  padding-bottom: 2px; }

.pad-y-3 {
  padding-top: 3px;
  padding-bottom: 3px; }

.pad-y-4 {
  padding-top: 4px;
  padding-bottom: 4px; }

.pad-y-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.pad-y-6 {
  padding-top: 6px;
  padding-bottom: 6px; }

.pad-y-7 {
  padding-top: 7px;
  padding-bottom: 7px; }

.pad-y-8 {
  padding-top: 8px;
  padding-bottom: 8px; }

.pad-y-9 {
  padding-top: 9px;
  padding-bottom: 9px; }

.pad-y-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.pad-y-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.pad-y-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pad-y-25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.pad-y-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.pad-y-35 {
  padding-top: 35px;
  padding-bottom: 35px; }

.pad-y-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.pad-y-45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.pad-y-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

/****  switch styles  *****/
/*.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.switch {
    margin-bottom: 1em;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    font-weight: bold;
    font-size: .875em;
}

.switch__input {
    opacity: 0;
    position: absolute;
}

.switch__paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4em;
    height: 2em;
    transition: all 0.25s ease-out;
    border-radius: 1.25em;
    color: inherit;
    font-weight: inherit;
}

input + .switch__paddle {
    margin: 0;
}

.switch__paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5em;
    left: 0.25em;
    top: 0.25em;
    width: 1.5em;
    border-radius: 1em;
    transition: all 0.25s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

input:checked ~ .switch__paddle {
    background: #01abff;
}

input:checked ~ .switch__paddle::after {
    left: 2.25em;
}

[data-whatinput="mouse"] input:focus ~ .switch__paddle {
    outline: 0;
}

.switch__active, .switch__inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.switch__active {
    left: 8%;
    display: none;
}

input:checked + label > .switch__active {
    display: block;
}

.switch__inactive {
    right: 15%;
}

input:checked + label > .switch__inactive {
    display: none;
}

.switch.switch--tiny .switch__paddle {
    width: 3em;
    height: 1.5em;
    font-size: .675em;
}

.switch.switch--tiny .switch__paddle::after {
    width: 1em;
    height: 1em;
}

.switch.switch--tiny input:checked ~ .switch__paddle:after {
    left: 1.75em;
}

.switch.switch--small .switch__paddle {
    width: 3.5em;
    height: 1.75em;
    font-size: .875em;
}

.switch.switch--small .switch__paddle::after {
    width: 1.25em;
    height: 1.25em;
}

.switch.switch--small input:checked ~ .switch__paddle:after {
    left: 2em;
}

.switch.switch--large .switch__paddle {
    width: 5em;
    height: 2.5em;
    font-size: 1em;
}

.switch.switch--large .switch__paddle::after {
    width: 2em;
    height: 2em;
}

.switch.switch--large input:checked ~ .switch__paddle:after {
    left: 2.75em;
}*/
/********   Radio/Checkbox styles   *******/
/*.checkbox-custom__input,
.radio-custom__input {
    opacity: 0;
    position: absolute;
}

.checkbox-custom__input,
.checkbox-custom__label,
.radio-custom__input,
.radio-custom__label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    cursor: pointer;
}

.checkbox-custom__label:focus,
.radio-custom__label:focus {
    outline: none;
}

.checkbox-custom__label,
.radio-custom__label {
    position: relative;
    font-weight: normal;
}

.checkbox-custom__input + .checkbox-custom__label:before,
.radio-custom__input + .radio-custom__label:before {
    content: '';
    background: #fff;
    border: 2px solid #cacaca;
    display: inline-block;
    vertical-align: text-top;
    width: 2rem;
    height: 2rem;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom__input:checked + .checkbox-custom__label:before {
    background: #01abff;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.radio-custom__input + .radio-custom__label:before {
    border-radius: 50%;
}

.radio-custom__input:checked + .radio-custom__label:before {
    background: #01abff;
    box-shadow: inset 0px 0px 0px 3px #fff;
}


.checkbox-custom__input:focus + .checkbox-custom__label,
.radio-custom__input:focus + .radio-custom__label {
    outline: none; focus style 
}*/
/*help popover styles*/
/*.help-popover--lg {
    font-size: 2.2rem;
}

.help-popover--md {
    font-size: 1.8rem;
}

.help-popover--sm {
    font-size: 1.4rem;
}

[class*='help-popover'] {
    color: #bbbbbb;
}

[class*='help-popover']:hover {
    cursor: pointer;
    color: #01abff;
}

.popover-inline {
    float: left;
    margin-left: .5rem;
    margin-top: .5rem;
}

.module-info [class*='help-popover'] {
    margin-right: 1rem;
}*/
/*tile styles*/
.side-tiles {
  width: 292px;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .side-tiles {
    width: 292px;
    padding-left: 15px;
    float: left; } }

.side-tiles a:hover,
.side-tiles a {
  text-decoration: none !important; }

.tile__list {
  margin-left: -8px;
  margin-right: -8px; }

.tile__item {
  display: block;
  cursor: pointer;
  -webkit-perspective: 0;
  -webkit-transition: -webkit-transform .2s;
  float: left;
  width: 13rem;
  height: 13rem;
  text-align: left;
  padding: 1rem 1.3rem 1.3rem;
  opacity: 1;
  position: relative;
  margin: 0 1.5rem 1.5rem 0;
  margin: 0 8px 16px 8px;
  font-size: 1.2rem;
  border-radius: 5px; }

.tile__item:hover {
  opacity: .8; }

.tile__item h1,
.tile__item h2,
.tile__item h3,
.tile__item h4,
.tile__item h5,
.tile__item h6 {
  color: inherit;
  font-weight: normal;
  margin: 0;
  line-height: 1.3; }

.tile__title {
  color: inherit;
  font-weight: normal;
  margin: 0;
  line-height: 1;
  font-size: 24px;
  margin-bottom: 4px; }

.tile__text {
  margin-top: 43.333333333px; }

.tile__content {
  overflow: hidden; }

.tile__heading {
  color: inherit;
  -webkit-user-select: none;
  font-weight: normal;
  margin: 0;
  line-height: 1; }

.tile__link,
.tile__link:hover,
.tile__link:focus a.tile__link,
a.tile__link:hover,
a.tile__link:focus {
  color: #ffffff;
  text-decoration: none;
  display: inline-block; }

.tile__icon {
  font-size: 5.5rem; }

.tile__icon-block {
  text-align: center;
  padding-top: 1.2rem;
  padding-bottom: 1rem; }

.tile__bottom {
  position: absolute;
  width: 10rem;
  line-height: 1.3;
  overflow: hidden;
  font-size: 1.2rem;
  bottom: 1rem;
  right: 1.2rem;
  text-align: center;
  color: inherit; }

.tile__bottom--double {
  width: 25rem; }

.tile__img {
  border: 0; }

.tile__double {
  width: 27.5rem; }

.tile__double-square {
  width: 27.5rem;
  height: 27.5rem; }