* {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}
h1,
h2 {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 200;
  font-style: normal;
}
h1 {
  font-size: 57px;
}
h2 {
  font-size: 40px;
}
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
  font-style: normal;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 21px;
}
h5 {
  font-size: 18px;
  line-height: 175%;
}
h6 {
  font-size: 16px;
  line-height: 175%;
}
a {
  text-decoration: none;
  color: #2297e6;
  cursor: pointer;
}
a:visited {
  color: #2297e6;
}

.summary-head {
  min-height: 100px;
}

.panel-heading {
  padding: 5px;
}

.profile-nav .user-heading {
  background-color: #145886;
  min-height: 100px;
  padding: 20px;
}

.profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active  a {
  border-color: #145886;
}

.summary-head {
  background-color: #145886;
}

.form-signin h2.form-signin-heading {
  background-color: #145886;
}

.form-signin .btn-login {
  background: linear-gradient(135deg, #fdcb63 0%, #e5a61d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #161a1c;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  box-shadow: none;
  margin-bottom: 20px;
}

.form-signin a {
  color: #234258;
}

.btn-success {
  background-color: #0b4164;
  border-color: #0b4164;
  background: linear-gradient(to bottom,#234258 0%,#051f30 100%)
}

.btn-info, .btn-info:hover {
  background-color: #0b4164;
  border-color: #0b4164;
  background: linear-gradient(to bottom,#234258 0%,#051f30 100%)
}

.modal-header {
  background-color: #145886;
}

.form-group {
  margin-bottom: 12px;
}

.wrapper {
  margin-top: 0;
}

.bio-row p span {
  width: auto;
}

.bio-row p span:first-of-type {
  width: 160px;
}

.activity,
.activity.alt {
  width: 90%;
}

.hide-me {
  display: none;
}

.form-control {
  color:#666;
}

/* fixes a page jump after animation, TODO fixed in angular 1.2.6 */
.ng-animate { border-collapse: collapse; }

.repeat-item.ng-enter,
.repeat-item.ng-leave {
  -webkit-transition:0.4s linear all;
  transition:0.4s linear all;
}
.repeat-item.ng-enter,
.repeat-item.ng-leave.ng-leave-active {
  opacity:0;
}
.repeat-item.ng-leave,
.repeat-item.ng-enter.ng-enter-active {
  opacity:1;
}

.servererror, .error {
  color: red;
}

.bold {
  font-weight: bold;
}

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

.bio-row p span.bio-row-label {
  min-width: 174px;
  font-weight: bold;
}

.maplink {
  cursor: pointer;
  font-weight: bold;
}

.bio-chart {
  line-height: 118px;
}

.form-signin {
  /*margin: 30px;*/
}

.form-signin.form-register {
  margin-top: 20px;
}

.form-signin.form-register .form-control {
  padding: 5px 10px;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
  font-size: 16px;
}

.form-signin label {
  font-weight: normal;
}

.geolate-gmaps {
  height: 240px;
  width: 400px;
  margin-bottom: 10px;
}

.fullwidth {
  width: 100%;
}

input[type="checkbox"].form-control {
  height: 20px;
  border: none;
}

input[type="radio"].form-control {
  height: 20px;
  border: none;
}

.version {
  padding-left:20px;
  text-align:left;
  font-size:12px;
  color:#92928b;
}

.version a {
  font-size:12px;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.sub-menu-nav {
  border-left: 0 !important;
  padding-left: 20% !important;
}

.is-invalid {
  border-color: red;
}

.event-modal-title {
  text-align: center;
}

.marginL-10 {
  margin-left: 10%
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
  background-color: white;
}

.add-event-btn {
  margin-top: 15px
}
.model-input {
  margin: unset !important;
}

.datepicker {
  z-index: 1200;
}

.btn-margin-tb-10 {
  margin: 10px 0px;
}

.no-padding-table .table thead > tr > td, .no-padding-table .table tbody > tr > td {
  padding: 5px;
}
.color-orange {
  color: orange;
}
.color-green {
  color: green;
}
.btn-marginL-10 {
  margin-left: 10px;
}

.registration-table>thead>tr>th, .registration-table>tbody>tr>th, .registration-table>thead>tr>td, .registration-table>tbody>tr>td {
  border-top: 0 !important;
}
.modal-open {
  overflow: hidden;
  width: 100%;
  position: fixed;
}

.event-list-ul>li, .event-schedule-list-ul>li, .online-event-list-ul>li {
    display: flex;
}
.event-list-ul>li .td-first {
  width: 45%;display: inline-flex;
}

.event-list-ul>li .td-second {
  width: 55%;display: inline-flex;
}
.event-schedule-list-ul>li .td-first {
  width: 25%;display: inline-flex;
}

.event-schedule-list-ul>li .td-second {
  width: 75%;display: inline-flex;
}

.event-schedule-row2-ul>li .td-first {
  width: 40%;display: inline-flex;
}

.event-schedule-row2-ul>li .td-second {
  width: 60%;display: inline-flex;
}
.online-event-list-ul>li .td-first {
  width: 35%;display: inline-flex;
}

.online-event-list-ul>li .td-second {
  width: 65%;display: inline-flex;
}

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

.online-event-table>tbody:nth-child(odd) {
  background-color: #f9f9f9;
}

.table.table.registration-table {
  background-color: unset;
}

.tooltip-inner {
  background-color: #d80f0f !important;
  border-radius: 3px;
  font-size: 14px;
  line-height: 16px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #d80f0f !important;
}

.copy-input-class.form-control[readonly] {
  border: 1px solid #e2e2e4;
  box-shadow: none;
}

.icon-ok {
  font-size: 11px;
}

/* credit page  */
.credit-list{
  padding-top: 10px;
  padding-left: 25px;
}
.purchase-table .table tbody tr th,
.purchase-table .table tbody tr td,
.purchase-table .table tfoot tr th,
.purchase-table .table tfoot tr td
{
  border: none;
}
.size-sm{
  width: 18px;
  margin-right: 8px;
}
.p-18{
  padding-left: 18px;
}
.p-3{
  padding: 3px !important;
}
.credit-child{
  float:left;
  width:135px;
}
.credit-child-right{
  float: right;
  width: 50px;
  text-align: end;
}
.credit-panel{
  display: inline-block;
}
.device-panel {
  width: 225px;
  display: grid;
  grid-template-columns: 6fr 1fr;
  align-items: center;
}
.m-0{
  margin:0px;
}
.p-0{
  padding:0px !important;
}
.section-category{
  padding-left: 35px;
  margin-top: 5px;
}
.lock_btn {
  padding: 2px;
  border-radius: 5px;
  border: 1px solid #ebeae6;
  text-align: center;
  background-color: #F8F7F5;
}

.lock_btn span {
  color: #797979;
}
.pt-15 {
  padding-top: 15px;
}