body {
  margin: 0px;
  font-family: 'Source Sans Pro', 'Roboto', sans-serif;
  color: #3c434d;
  /*text-align: center; */
  background-color: white;
}

body.focused-form {
  background: white;
}

.clearfix {
  clear: both;
}

/*::-webkit-scrollbar {
  display: none;
}*/

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 30px;
  background-color: white;
}

.container.center {
  text-align: center;
  padding: 80px 30px;
}

div#float {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90%;
}

.panel {
  /*max-width: 400px;*/
  /*margin: 0 auto;*/
  /*margin-top: 60px;*/
  margin: 16px auto;
  /*box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.12), 0px 1px 1px 0 rgba(0, 0, 0, 0.12) !important;*/
  box-shadow: none !important;
  background: white !important;
  border: 1px solid #bbbcbc !important;
}

.panel-body {
  /*overflow-y: auto;*/
}

.panel-body .btn-group .btn.btn-default.DTTT_button_text {
  border: 1px solid #232a32;
  color: #232a32;
  margin: 0 1px;
}

.panel-body .btn-group {
  padding: 5px 0 5px 20px;
}

.panel.panel-default .panel-heading {
  padding: 5px 22px;
}

.panel .panel-footer {
  /*padding:0 0 30px 0;*/
  padding: 15px 15px 15px 25px;
}

.panel .p-md {
  padding: 16px 24px !important;
}

.panel .panel-controls {
  right: 8px;
}

.panel-controls.dropdown .btn.btn-primary.pull-right {
  margin-top: 15px;
}

.panel-ctrls .dataTables_filter, .panel-ctrls .dataTables_length {
  margin: 0 !important;
}

.mb-md {
  margin-bottom: 0 !important;
}

.modal-content .modal-footer {
  padding: 25px;
  padding-top: 20px !important;
}

.modal-content .modal-header {
  background: #0bbcd4;
  padding-bottom: 20px;
}

/* HEADER & FOOTER */

header {
  margin-bottom:40px;
}

footer {
  margin-top:70px;
  padding: 8px 24px;
}

header p {
  color: #0bbcd4;
}

footer p {
  color: #0bbcd4;
  font-size: 8pt;
}

/* NAV */

#topnav {
  background: #3c434d !important;
}

#topnav .toolbar-trigger a {
  background: #3c434d !important;
}

#topnav .navbar-brand img.nav-logo:not(.show-on-collapse) {
  margin-left: 20px;
  position: relative;
  top: 2px;
  /*left: -8px;*/
}

#topnav #search-box #search-input {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: -8px;
}

.nav-logo.show-on-collapse {
  margin-left: 4px !important;
}

.static-sidebar {
  /*for the sidebar to scroll independently of the main container when it doesn't fit in the screen*/
  position: fixed;
  max-height: 100%;
  overflow: auto;
  padding-bottom: 120px;
}

.static-sidebar-wrapper {
  background: #3c434d !important;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu li a {
  background: #3c434d !important;
}

.sidebar .widget .widget-body .userinfo {
  background: none;
  background-color: #0bbcd4;
  padding-left: 21px;
}

.sidebar-bleachedcedar nav.widget-body > ul.acc-menu li.nav-separator {
  margin-left: 6px;
  font-size: 12px;
}

.sidebar nav.widget-body > ul.acc-menu li a {
  padding: 6px 16px;
}

/* TYPOGRAPHY */

h1 {
  font-weight: 300;
  margin-bottom: -10px;
  text-decoration: none;
  font-weight: 700 !important;
}

.modal-content .modal-header h3 {
  color: white;
  padding-left: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  /*opacity: 0.75;*/
  text-transform: uppercase;
}

.alert.alert-info h3 {
  margin-bottom: 3px;
}

.page-heading h1 small {
  margin-top: 8px;
  margin-left: 1px;
}

p {
  font-weight: 300;
  font-size: 11pt;
}

a {
  /*text-decoration: underline;*/
  color: #0bbcd4;
}

a.button {
  margin-top:30px;
  text-decoration: none;
  border: 1px solid #3c434d;
  padding:7px;
  color: #3c434d;
  text-transform: uppercase;
  position: relative;
    top: 15px;
}

a i.si {
  text-decoration: none !important;
}

.page-heading a.btn.pull-right, .btn-primary {
  margin: 0;
}

.btn.btn-raised.btn-primary {
  color: rgba(255,255,255, 1);
}

.btn.btn-primary {
  border: 1px solid #0bbcd4;
}

.btn.btn-primary.danger {
  border: 1px solid #e83e36;
  color: #e83e36;
}

.btn-raised.btn-success.pull-right {
  margin-right: 16px;
  margin-bottom: 16px;
}

.dt-buttons {
  line-height: 50px;
  margin-top: 1%;
}

.dt-button {
  display: block;
  margin: 0 !important;
  margin-left : 10px !important;
  background-color: inherit;
  color: #0bbcd4;
}

.dt-buttons > .dt-button {
  float: left;
}

.dt-button:first-of-type {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.dt-button:last-of-type {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

a.dt-button {
  transform: translateY(-10%);
}

button.dt-button {
  line-height: 2.5rem!important;
  margin-left : 0 !important;
  margin-top: .25rem!important;
  padding: 0 1rem!important;
  border: 1px solid #D2D2D2;
}

button:not(:last-of-type) {
  border-right: none;
}

button.dt-button:hover {
  background-color: #e0e0e0;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection .dt-button.buttons-columnVisibility{
  color: #999;
  padding: 0 5px;
  transition: color 0.4s, background 0.4s;
}

div.dt-button-collection .dt-button.buttons-columnVisibility.active{
  color: #0bbcd4;
}

div.dt-button-collection .dt-button.buttons-columnVisibility:hover{
  background: #0bbcd4;
  color: white;
}

/* IMAGES */

img.hero-logo {
  width: 40px;
}

/* FORMS & INPUTS */

.input-group {
  display: flex;
  flex-direction: row;
}

.input-group-addon {
  /*padding: 0;*/
  padding: 15px 0 0 0px !important;
}

.date-preview .form-group span.input-group-addon {
  background: white;
  text-align: left;
  color: #bbbcbc;
}

input:-webkit-autofill {
  -webkit-box-shadow:0 0 0 1000px white inset !important;
  /*-webkit-text-fill-color: black !important;
  border-bottom: 1px solid #333;*/
}

.icheck.checkbox-inline > div {
  margin-right: 20px !important;
}

.checkbox .checkbox-material .check {
  width: 15px;
  height: 15px;
}

.form-control {
  font-size: 13px;
}

.form-group {
  margin : 0;
  padding: 10px 0;
}

.form-group label.control-label {
  padding: 0 6px;
}

.form-horizontal .icheck.checkbox-inline {
  padding-top: 0;
}

.form-horizontal .form-group .checkbox {
  margin-top: 0;
}

.form-group .checkbox label {
  font-size: 10pt;
}

/* TABLES */

table.table-bordered {
  border-left: none;
  border-right: none;
  border-top: none;
}

table.table-bordered thead tr th {
  border-bottom: none;
}

table.table-bordered th, table.table-bordered td {
  padding: 8px 24px !important;
}

th, td {
  white-space: nowrap;
}

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

/* SPECIFIC */

.disclaimer {
  margin-top:10px;
  font-size: 12px;
}

.disclaimer a:hover {
  text-decoration: underline;
}

span.icon-bg {
  background: none !important;
}

.page-content > .breadcrumb {
  padding: 16px;
  padding-bottom: 0;
}

.page-content > .breadcrumb li:not(.active) a {
  text-decoration: underline;
  color: #0bbcd4;
}

.page-heading {
  padding: 32px 16px;
}

.breadcrumb, .page-heading, .container-fluid {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.breadcrumb, .page-heading {
  background: #fafafa !important;
}

.alert.alert-info {
  padding: 8px 32px 26px;
  margin-top: 16px;
}

.static-content-wrapper {
  background-color: white;
}

.info-tile {
  margin: 16px 0;
}

.info-tile .col-sm-6 {
  padding: 0 !important;
}

.info-tile .stats, .info-tile .info {
  width: 100%;
  display: block;
}

.info-tile .info {
  padding: 24px 0;
}

#myChart {
  min-width: 310px;
  height: 400px;
  margin: 0 auto;
}

#dropin-container {
  margin-bottom: 36px;
}

.section {
  margin: 24px 0;
}

.frequency-settings {
  padding: 30px 0 45px;
}

.frequency-item .input-group.small {
  width: 70%;
}

.frequency-item .input-group.small span.input-group-addon {
  margin-left: 5px;
}

.row#sign-up .panel-body,
.row#forgotpassword-form .panel-body {
  padding: 10px 23px;
}

.row#sign-up .panel-footer,
.row#forgotpassword-form .panel-footer {
  margin-bottom: 30px;
}

.row#sign-up .form-control,
.row#forgotpassword-form .form-control {
  font-size: 15px;
}

.select2-container.form-control {
  padding-top: 0;
  padding-bottom: 0;
}

.togglebutton {
  margin-top: 11px !important;
}

label.radio-inline {
  font-size: 14px;
  position: relative;
  top: 12px;
}

/* CHARTS */
.block.full {
  margin: 40px 0 20px 0;
}

#chart-classic {
  position: relative;
  top: -5px !important;
}

.flot-x-axis .flot-tick-label.tickLabel {
  top: 372px !important;
}

.flot-base, .flot-overlay, .flot-x-axis {
  left: 11px !important;
}

.legend {
  left: 20px;
  position: relative;
  top: 10px;
}

.info-tile.info-tile-alt.white {
  /*border: 1px solid #bbbcbc;*/
  box-shadow: none !important;
  padding-top: 10px;
  border-bottom: 1px solid;
  border-radius: 0;
}

.info-tile.info-tile-alt.white .info,
.info-tile.info-tile-alt.white .info.stats {
  background-color: white;
  color: black;
}

.info-tile.info-tile-alt.white .center {
  position: relative;
  top: 10px;
}

.info-tile.info-tile-alt.white .center h4,
.info-tile.info-tile-alt.white .info .tile-heading span,
.info-tile.info-tile-alt.white .info .tile-body span {
  color: #232a32;
  text-transform: uppercase;
}

.info-tile.info-tile-alt.white .info .tile-body span.text-success {
  color: #00bb87;
}

.info-tile.info-tile-alt.white .info .tile-body span.text-danger {
  color: #e83e36;
}

.info-tile.info-tile-alt.white .info .tile-heading span i.fa,
.info-tile.info-tile-alt.white .info .tile-body span i.fa {
  font-size: 20px;
  position: relative;
  bottom: 2px;
  margin-left: 5px;
}

ul.nav.nav-pills {
  margin: 35px auto 0 auto;
  text-align: center;
  width: fit-content;
}

ul.nav.nav-pills li {
  margin: 0 5px;
}

ul.nav.nav-pills li.active a {
  background: #0bbcd4;
}

/* FORM LIST */

.form-list h4 {
  border-bottom: 1px solid #0bbcd4;
  padding-bottom: 10px;
}

.form-list .list {
  margin-bottom: 40px;
}

.form-list ul.nav-pills.nav-stacked {
  text-align: left;
  width: 100%;
}

.form-list ul.nav-pills.nav-stacked, .form-list ul.nav-pills.nav-stacked li {
  margin: 0;
}

.form-list ul.nav-pills.nav-stacked li a,
.form-list ul.nav-pills li .col-md-9, .form-list ul.nav-pills li .col-md-3 {
  padding: 15px 0 5px 0;
}

.form-list ul.nav-pills.nav-stacked li a.pull-right {
  padding: 0;
}

.form-list ul.nav-pills.nav-stacked li a:hover {
  background-color: white;
  text-decoration: underline;
}

.form-list ul.nav-pills.nav-stacked li a.pull-right:hover {
  text-decoration: none !important;
}

a i.si.si-star.favourite {
  color: #f2b827;
}

/* SMALL BUTTON */
.btn.btn-primary.small {
  padding: 3px 5px;
  font-size: 12px;
}

/* BRAINTREE */

.braintree-placeholder {
  margin-bottom: 0;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__label, .braintree-sheet__text,
.braintree-form__field-group .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input,
.braintree-heading, .braintree-placeholder, .braintree-method .braintree-method__label, .braintree-toggle span {
  font-family: 'Source Sans Pro', 'Roboto', sans-serif;
  color: #232a32;
}

.braintree-heading {
  margin-bottom: -10px;
  padding-bottom: 0;
  /*clear: both;*/
  position: relative;
}

.braintree-toggle {
  background-color: white;
  /*padding: 0;*/
  /*margin: 0;*/
  background: none;
}

.braintree-toggle:hover {
  background: white;
  border-color: #0bbcd4;
}

.braintree-toggle span {
  color: #0bbcd4;
  border: 1px solid #0bbcd4;
  box-shadow: none;
  margin: 0;
  border-radius: 2px;
  position: relative;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  cursor: pointer;
  text-decoration: none !important;
  background: white;
  display: inline-block;
}

.braintree-toggle:hover span {
  border-color: #0bbcd4;
  background-color: rgba(153, 153, 153, 0.2);
}

.braintree-methods--active .braintree-method--active .braintree-method__check {
  background-color: #0bbcd4;
}

.braintree-methods--active .braintree-method--active,
.braintree-card.braintree-form.braintree-sheet {
  border-color: #0bbcd4;
}

.braintree-methods--active, .braintree-methods.braintree-methods-initial,
.braintree-upper-container:before {
  background: white;
 }

.icon .si, .icon-bg .si {
  line-height: 32px !important;
}

/* LANDING PAGE */

.landing body {
  background-color: white;
}

.landing .container {
  background: none;
  background-color: none;
}

.landing .container .hero {
  padding: 20px 0 30px 0;
}

.landing footer {
  position: relative;
  top: -40px;
  margin-top: 0;
  padding: 0;
}

.landing .background-blue {
  background-color: #0bbcd4;
  color: white;
  padding: 50px 0;
  margin: 50px 0;
}

.landing img.company {
  max-height: 100px;
  max-width: 200px;
  margin-bottom: 10px;
  margin-right:30px;
}

.landing header img {
  max-width: 30px;
}

img.main-logo {
  max-width: 300px;
  padding: 15px 0;
}

.landing .value {
  margin: 25px 0;
}

.landing .icon i.si {
  font-size: 24px;
  color: #0bbcd4;
}

.landing .background-blue .icon i.si {
  color: white;
}

.landing p {
  font-size: 16px;
  font-weight: 400;
}

p.subtext, .landing footer p {
  font-size: 11px;
  color: #0bbcd4;
}

.underline {
  height: 2px;
  width: 30px;
  background: #0bbcd4;
  margin: 5px auto 15px;
  text-align: center;
}

.landing .background-blue .underline {
  background-color: #232a32;
}

ul.nav-list {
  list-style: none;
  list-style-type: none;
}

ul.nav-list li {
  display: inline;
  padding-right: 20px;
}

.landing h1 {
  max-width: 700px;
  margin: 0 auto;
}

.landing h1.main {
  font-size: 50px;
  line-height: 1;
  margin-bottom: 20px;
}

.landing h2 {
  margin-bottom: 30px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.landing .value h4 {
  font-weight: bold;
}

.push-40-t {
  margin-top: 40px !important;
}

.highlight {
  background-color: #0bbcd4;
  display: inline;
  padding: 3px 5px;
  -webkit-box-decoration-break: clone;
  color: white;
}

.landing form {
  max-width: 700px;
  margin: 30px auto;
}

.landing form input {
  padding: 0 10px;
  width: 100%;
  color: white;
  font-size: 16px;
}

.landing form .col-md-6 input {
  background-size: 0 2px, 94% 1px !important;
}

.landing form .col-md-12 input {
  background-size: 0 2px, 97% 1px !important;
}

.landing .background-blue .btn.btn-primary {
  color: white;
  border-color: white;
}

input.input-small.form-control::placeholder {
  color: #eceff1;
}

.dataTables_wrapper{
  overflow: auto;
}