.hidden {
  display: none;
}

.text-grey {
  color: #b5b5b5;
}

.text-green {
  color: #73a073;
}

.text-red {
  color: #d43f3a;
}

.text-small {
  font-size: 8pt;
}

.text-medium {
  font-size: 10pt;
}

.text-right {
  text-align: right;
}

.disabled {
  cursor: not-allowed !important;
}

.info {
  background: #6c9ab2 !important;
}

.success {
  background: #99CC99 !important;
}

.warning {
  background: #F0AD4E !important;
}

.danger {
  background: #d43f3a !important;
}

.text-info {
  color: #6c9ab2 !important;
}

.text-success {
  color: #99CC99 !important;
}

.text-warning {
  color: #F0AD4E !important;
}

.text-danger {
  color: #d43f3a !important;
}

.shadow, .message, .form-signup, .sign-in, .sign-up, .card-stat, .card, .card-large, .code, .container-white, #nav-top, .btn-clear, .btn-danger, .btn-warning, .btn-info, .btn-success, .btn {
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background: #EAEAEA;
  font-family: "Roboto", sans-serif;
  color: #58585A;
}

.white {
  background: #FFF;
}

.container-fluid {
  width: 100%;
  padding: 10px;
}

.hide {
  display: none;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clear {
  clear: both;
}

.control-label {
  margin-bottom: 5px;
}

.form-control {
  margin-bottom: 10px;
}

textarea, input, button, div {
  outline: none;
}

textarea {
  border: 1px solid #b5b5b5;
  font-family: inherit;
  border-radius: 2.5px;
  resize: none;
  width: calc(100% - 20px);
  padding: 10px;
}

.opted-out {
  background: #F0AD4E;
  color: #FFF;
  padding: 2.5px;
  font-size: 0.6em;
  margin-left: 5px;
}

.a-hover {
  color: #b5b5b5;
}
.a-hover:hover {
  color: #6c9ab2;
}

.help-block {
  color: #d43f3a;
  font-size: 0.8em;
}

.alert {
  position: fixed;
  font-size: 0.8em;
  padding: 10px;
  z-index: 100;
}

.alert-info {
  background: #D9EDF7;
  border: 1px solid #BCE8F1;
  color: #005685;
  border-radius: 5px;
  width: 300px;
  text-align: center;
  margin-top: 10px;
  margin-left: calc(50% - 150px);
}

.alert-danger {
  background: #ffdbdb;
  border: 1px solid #d43f3a;
  color: #d43f3a;
  border-radius: 5px;
  width: 300px;
  text-align: center;
  margin-top: 10px;
  margin-left: calc(50% - 150px);
}

.alert-success {
  background: #dcf2dc;
  border: 1px solid #99CC99;
  color: #73a073;
  border-radius: 5px;
  width: 300px;
  text-align: center;
  margin-top: 10px;
  margin-left: calc(50% - 150px);
}

input {
  padding: 10px;
  border: 1px solid #b5b5b5;
  border-radius: 2.5px;
  font-size: 1em;
}

a {
  color: #6c9ab2;
  text-decoration: none;
}

.cursor-pointer:hover {
  cursor: pointer;
}

.btn-fullwidth {
  width: 100%;
}

.btn-sm {
  padding: 1px !important;
}

.btn {
  text-transform: uppercase;
  background-color: #6c9ab2;
  border: 1px solid #6c9ab2;
  border-radius: 2.5px;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  transition: 0.25s ease;
  -webkit-transition-duration: 0.25s ease;
}
.btn:hover {
  background-color: #FFF;
  color: #6c9ab2;
  box-shadow: none;
  cursor: pointer;
}
.btn:disabled {
  background-color: #EAEAEA;
  color: #b5b5b5;
  border-color: #b5b5b5;
}
.btn-success {
  text-transform: uppercase;
  background-color: #99CC99;
  border: 1px solid #99CC99;
  border-radius: 2.5px;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  transition: 0.25s ease;
  -webkit-transition-duration: 0.25s ease;
}
.btn-success:hover {
  background-color: #FFF;
  color: #99CC99;
  box-shadow: none;
  cursor: pointer;
}
.btn-success:disabled {
  background-color: #EAEAEA;
  color: #b5b5b5;
  border-color: #b5b5b5;
}
.btn-secondary {
  font-weight: bold;
  background-color: #58585A;
  border: 2px solid #58585A;
  border-radius: 5px;
  color: #FFF;
  padding: 10px;
  transition: 0.25s ease;
  -webkit-transition-duration: 0.25s ease;
}
.btn-secondary:hover {
  background-color: #EAEAEA;
  color: #58585A;
}

.btn-info {
  text-transform: uppercase;
  background-color: #005685;
  border: 1px solid #005685;
  border-radius: 2.5px;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  transition: 0.25s ease;
  -webkit-transition-duration: 0.25s ease;
}
.btn-info:hover {
  background-color: #FFF;
  color: #005685;
  box-shadow: none;
  cursor: pointer;
}
.btn-info:disabled {
  background-color: #EAEAEA;
  color: #b5b5b5;
  border-color: #b5b5b5;
}
.btn-warning {
  text-transform: uppercase;
  background-color: #F0AD4E;
  border: 1px solid #F0AD4E;
  border-radius: 2.5px;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  transition: 0.25s ease;
  -webkit-transition-duration: 0.25s ease;
}
.btn-warning:hover {
  background-color: #FFF;
  color: #F0AD4E;
  box-shadow: none;
  cursor: pointer;
}
.btn-warning:disabled {
  background-color: #EAEAEA;
  color: #b5b5b5;
  border-color: #b5b5b5;
}
.btn-danger {
  text-transform: uppercase;
  background-color: #d43f3a;
  border: 1px solid #d43f3a;
  border-radius: 2.5px;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  transition: 0.25s ease;
  -webkit-transition-duration: 0.25s ease;
}
.btn-danger:hover {
  background-color: #FFF;
  color: #d43f3a;
  box-shadow: none;
  cursor: pointer;
}
.btn-danger:disabled {
  background-color: #EAEAEA;
  color: #b5b5b5;
  border-color: #b5b5b5;
}
.btn-clear {
  text-transform: uppercase;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 2.5px;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
  transition: 0.25s ease;
  -webkit-transition-duration: 0.25s ease;
  box-shadow: none;
}
.btn-clear:hover {
  background-color: #FFF;
  color: #FFFFFF;
  box-shadow: none;
  cursor: pointer;
}
.btn-clear:disabled {
  background-color: #EAEAEA;
  color: #b5b5b5;
  border-color: #b5b5b5;
}
.btn-clear:hover {
  background: none;
  color: #99CC99;
}

.btn-xs {
  font-size: 0.8em;
  padding: 5px;
}

.btn-grid {
  float: left;
  margin-right: 10px;
}

#nav-top {
  background: #FFF;
  height: 75px;
}
#nav-top img {
  float: left;
  height: 60px;
  margin: 8px 0 0 10px;
}
#nav-top h2 {
  float: left;
  margin: 25px 0 0 20px;
}
@media screen and (max-width: 830px) {
  #nav-top h2 {
    display: none;
  }
}
#nav-top ul {
  list-style: none;
  float: right;
  margin-top: 18px;
  margin-right: 20px;
}
#nav-top ul li {
  float: left;
  margin-left: 20px;
}
#nav-top .nav-info {
  float: left;
  margin-top: 1px;
  margin-right: 20px;
  height: 40px;
}
@media screen and (max-width: 690px) {
  #nav-top .nav-info {
    display: none;
  }
}
#nav-top #user-name {
  margin-top: 5px;
}
#nav-top #form-active-number, #nav-top #form-active-company {
  height: 100%;
}
#nav-top #form-active-number select, #nav-top #form-active-company select {
  height: 100%;
}
#nav-top #form-active-number .btn, #nav-top #form-active-company .btn {
  height: 100%;
}
#nav-top #form-active-company {
  height: 25px;
}
#nav-top #form-active-company select {
  width: 150px;
  height: 100%;
  margin-left: -2.5px;
}
#nav-top #form-active-company .btn {
  height: 100%;
  padding: 0;
  width: 35px;
}
#nav-top #company-phone {
  margin-top: 12px;
}

.nav-btn {
  padding: 10px;
  background: #6c9ab2;
  border: 1px solid #6c9ab2;
  border-radius: 2.5px;
}
.nav-btn a {
  color: #FFF;
  text-decoration: none;
}
.nav-btn a:visited {
  color: #FFF;
}
.nav-btn:hover {
  cursor: pointer;
  background: #FFF;
}
.nav-btn:hover a {
  color: #6c9ab2;
}
.nav-btn:hover a:visited {
  color: #6c9ab2;
}

.nav-btn-secondary {
  padding: 10px;
  background: #FFF;
  border: 1px solid #6c9ab2;
  border-radius: 2.5px;
}
.nav-btn-secondary a {
  color: #6c9ab2;
  text-decoration: none;
}
.nav-btn-secondary a:visited {
  color: #6c9ab2;
}
.nav-btn-secondary:hover {
  cursor: pointer;
  background: #6c9ab2;
}
.nav-btn-secondary:hover a {
  color: #FFF;
}
.nav-btn-secondary:hover a:visited {
  color: #FFF;
}

.error-text {
  color: #d43f3a;
  border: 1px solid #d43f3a;
  font-size: 0.8em;
  background: #ffdbdb;
  padding: 5px;
  margin-bottom: 10px;
}

.container-white {
  background: #FFF;
  max-width: 600px;
  margin: 10px;
  padding: 10px;
}
.container-white h2 {
  background: #6c9ab2;
  color: #FFF;
  width: 100%;
  margin-left: -10px;
  margin-top: -10px;
  padding: 10px;
}
.container-white form {
  margin: 5px;
}
.container-white button {
  margin: 5px;
}
.container-white ul {
  margin-left: 30px;
  margin-bottom: 10px;
}
.container-white a {
  margin-top: 20px;
  margin-left: 10px;
}
.container-white ul {
  margin: 10px 0 10px 0;
  list-style: none;
}
.container-white ul li {
  margin-top: 5px;
}

.container-medium {
  max-width: 600px !important;
}
.container-medium input, .container-medium label {
  display: block;
}
.container-medium input {
  width: calc(100% - 20px);
}

.table-scroll {
  height: 100%;
  overflow-y: scroll;
}

/* Pulled from https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap.css#L2079-L2241 */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

.table tbody + tbody {
  border-top: 2px solid #eceeef;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #eceeef;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #eceeef;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}

.table-hover .table-success:hover {
  background-color: #d0e9c6;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}

.table-hover .table-info:hover {
  background-color: #c4e3f3;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
  background-color: #faf2cc;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede;
}

.table-hover .table-danger:hover {
  background-color: #ebcccc;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}

.thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}

.thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}

.table-inverse {
  color: #fff;
  background-color: #292b2c;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #fff;
}

.table-inverse.table-bordered {
  border: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive.table-bordered {
  border: 0;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word;
  padding: 20px; /* Internet Explorer 5.5+ */
}

.code {
  border-radius: 2.5px;
  background: #EAEAEA;
  position: relative;
  padding: 20px;
}
.code .content {
  font-size: 12px;
}
.code .copy-code {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #000;
}
.code .copy-code:hover {
  color: #6c9ab2;
  cursor: pointer;
}

.card, .card-large {
  width: 100%;
  max-width: 350px;
  background: #FFF;
}
.card .header, .card-large .header {
  background: #6c9ab2;
  color: #FFF;
  padding: 15px;
  font-size: 16px;
}
.card .body, .card-large .body {
  padding: 20px;
}
.card .body p.text, .card-large .body p.text {
  font-size: 14px;
  margin: 10px 0 10px 0;
}
.card .body input, .card-large .body input {
  width: calc(100% - 20px);
}

.card-large {
  max-width: 500px;
}

.details {
  line-height: 1.75em;
}
.details p {
  color: #58585A;
  font-size: 12pt;
}
.details .name {
  color: black;
  font-size: 16pt;
  margin-bottom: 10px;
}

.card-stat {
  width: 100%;
  max-width: 250px;
  height: 75px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 649px) {
  .card-stat {
    max-width: none;
  }
}
.card-stat.left {
  margin-right: 25px;
  margin-top: 20px;
}
.card-stat .card-stat-icon {
  background: #b5b5b5;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 0;
  top: 0;
}
.card-stat .card-stat-icon i {
  font-size: 3em;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  color: #FFF;
}
.card-stat .card-stat-metric {
  position: absolute;
  right: 12.5px;
  top: 12.5px;
  font-size: 28px;
}
.card-stat .card-stat-label {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 10px;
  text-transform: uppercase;
}

/* Styled switch */
.container-switch {
  height: 18px;
  width: 100%;
  max-width: 500px;
  margin-bottom: 10px;
}
.container-switch .switch-label {
  display: inline;
  margin-right: 10px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 18px;
  float: right;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #99CC99;
}

input:focus + .slider {
  box-shadow: 0 0 1px #99CC99;
}

input:checked + .slider:before {
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.sign-in, .sign-up {
  background: #FFF;
  max-width: 300px;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
  margin-top: 10%;
}
@media screen and (max-width: 740px) {
  .sign-in, .sign-up {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: none;
    margin-top: 0;
  }
  .sign-in img, .sign-up img {
    display: inline;
  }
}
.sign-in img, .sign-up img {
  height: 125px;
  margin: 0 auto;
  margin-left: 25px;
}
@media screen and (min-width: 740px) {
  .sign-in img, .sign-up img {
    display: none;
  }
}
.sign-in h1, .sign-up h1 {
  margin-top: 20px;
}
.sign-in input, .sign-up input {
  margin-top: 20px;
  width: calc(100% - 20px);
  text-align: center;
}
.sign-in button, .sign-up button {
  margin-top: 20px;
  width: 100%;
}
.sign-in .sign-up-link, .sign-up .sign-up-link {
  margin-top: 20px;
  font-size: 0.8em;
}

.sign-up {
  margin-top: 5px;
  max-width: none;
}
.sign-up .form-group {
  text-align: left;
  margin-top: 5px;
}
.sign-up .form-group input {
  margin-top: 5px;
  text-align: left;
}
.sign-up button {
  margin-top: 10px;
}

.form, .form-subscription, .form-subscription-full, .form-sm, .form-contact, .form-signup {
  background: #FFF;
  padding: 20px;
}
.form .form-group, .form-subscription .form-group, .form-subscription-full .form-group, .form-sm .form-group, .form-contact .form-group, .form-signup .form-group {
  margin-top: 20px;
}
.form input, .form-subscription input, .form-subscription-full input, .form-sm input, .form-contact input, .form-signup input {
  width: calc(100% - 20px);
}
.form input[type=checkbox], .form-subscription input[type=checkbox], .form-subscription-full input[type=checkbox], .form-sm input[type=checkbox], .form-contact input[type=checkbox], .form-signup input[type=checkbox] {
  width: auto;
}
.form select.form-control, .form-subscription select.form-control, .form-subscription-full select.form-control, .form-sm select.form-control, .form-contact select.form-control, .form-signup select.form-control {
  padding: 8px;
  width: 100%;
}
.form button, .form-subscription button, .form-subscription-full button, .form-sm button, .form-contact button, .form-signup button {
  width: 100%;
}

.form-signup {
  max-width: 850px;
  margin: 20px auto;
  padding: 0;
}
.form-signup .header {
  background: #6c9ab2;
  padding: 20px;
  color: #FFF;
  font-size: 16pt;
  font-weight: bold;
}
.form-signup .content {
  padding: 20px;
}
.form-signup ul.options {
  list-style: none;
  margin: 10px;
}
.form-signup ul.options i {
  float: right;
}
.form-signup ul.options li {
  padding: 10px;
}
.form-signup .pagination {
  padding: 10px;
  height: 40px;
  text-align: center;
}
.form-signup .pagination button {
  width: 50px;
  font-size: 12pt;
}
.form-signup .pagination .prev {
  float: left;
}
.form-signup .pagination .next {
  float: right;
}
.form-signup .pagination p {
  display: inline;
  line-height: 40px;
}

.form-contact {
  width: 300px;
}

.form-sm {
  width: 300px;
}

.form-subscription, .form-subscription-full {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-subscription p, .form-subscription-full p {
  margin-top: 10px;
  max-width: 600px;
}
.form-subscription input, .form-subscription-full input {
  margin-top: 10px;
}
.form-subscription select, .form-subscription-full select {
  height: 35px;
  margin-top: 10px;
  display: block;
  border-radius: 2.5px;
  width: 100%;
  max-width: 250px;
}
@media screen and (max-width: 740px) {
  .form-subscription, .form-subscription-full {
    margin: 0;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
  }
}

.form-subscription-full {
  background-color: inherit;
}
@media screen and (max-width: 740px) {
  .form-subscription-full {
    background: #FFF;
  }
  .form-subscription-full .card:nth-child(3), .form-subscription-full .card-large:nth-child(3) {
    margin-top: 20px;
  }
  .form-subscription-full .card, .form-subscription-full .card-large {
    max-width: none;
  }
}

.message {
  position: absolute;
  bottom: 25px;
  right: 25px;
  padding: 15px;
  background: #b5b5b5;
  color: #fff;
  border-radius: 2.5px;
}

.verified {
  text-align: center;
}
.verified i {
  color: #99CC99;
  font-size: 24pt;
}

.plans {
  clear: both;
}

.plan {
  border-radius: 10px;
  border: 1px solid #eaeaea;
  max-width: 245px;
  width: 100%;
  float: left;
  margin-top: 10px;
  margin-right: 20px;
}
.plan .name {
  width: 100%;
  height: 50px;
  background: #6c9ab2;
  color: #FFF;
  text-align: center;
}
.plan .name p {
  padding-top: 15px;
}
.plan .body {
  padding: 20px;
}
.plan ul {
  list-style: none;
}
.plan ul li {
  font-size: 14px;
  clear: both;
}
.plan ul li p:first-child {
  float: left !important;
}
.plan ul li i, .plan ul li p:last-child {
  float: right;
}
.plan .price {
  text-align: center;
  margin-top: 20px;
  color: #6c9ab2;
}

.form-poll .question {
  border-top: 1px solid #eaeaea;
  padding-top: 20px;
}


/*# sourceMappingURL=forms.css.map*/