/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
   white-space: normal;
   text-align: center;
   word-break: break-all;
}

.logo {
   height: 48px;
}

.logo-font {
   height: 32px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
   font-size: 14px;
}

@media (min-width: 768px) {
   html {
      font-size: 16px;
   }
}

body {
   font-family: Lato,Helvetica,Arial,sans-serif;
   font-size: 14px;
   font-weight: 400;
}

@media (min-width: 768px) {
   body {
      font-size: 16px;
   }
}

main p a {
   text-decoration: underline;
}

.header-shadow {
   box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
}

.border-top {
   border-top: 1px solid #e5e5e5;
}

.border-bottom {
   border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
   box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
   font-size: 1rem;
   line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

body {
   background-color: transparent;
}

   body.flex-fill {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      flex-flow: column nowrap;
   }

.site-content-wrapper {
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 100%;
   overflow-y: auto;
   padding-top: 15px;
}

.site-header {
   flex-shrink: 0;
   flex-grow: 0;
}

.footer {
   flex-shrink: 0;
   flex-grow: 0;
   white-space: nowrap;
   /* Set the fixed height of the footer here */
   height: 60px;
   line-height: 59px; /* Vertically center the text there */
   background-color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
   color: #fff;
   background-color: #3f51b5;
}

a {
   color: #3f51b5;
}

.btn-link {
   color: #3f51b5;
}

.profile-nav-link {
   border-bottom: 3px solid transparent;
}

   .profile-nav-link.active {
      border-bottom: 3px solid #3f51b5;
   }

.error-message {
   text-align: center;
   width: 100%;
}

.register-form {
   display: flex;
   flex-direction: column;
}

.register-form * label { 
   margin-top: 5px;
   margin-bottom: 5px;
}

.register-note {
   display: none;
   flex-direction: column;
   margin-top: 15px;
}

.registration-confirmation {
   margin-top: 20px;
}

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

.col {
   display: flex;
   flex-direction: column;
}

.button-row { 
   padding: 0.75rem;
   justify-content: space-around;
}

.btn {
   border: solid 1px black;
   border-radius: 0.5rem;
   cursor: pointer;
   display: inline-block;
   width: 115px;
   transition: background-color linear 0.4s;
}

   .btn.secondary {
      background: #319ECC;
      background: linear-gradient(163deg, rgba(49, 158, 204, 1) 0%, rgba(255, 255, 255, 1) 26%);
      color: black;
   }

.btn.primary {
   background-image: linear-gradient( 125deg, hsl(239deg 49% 34%) 8%, hsl(210deg 100% 32%) 80%, hsl(204deg 100% 36%) 88%, hsl(197deg 100% 38%) 96%, hsl(189deg 100% 39%) 100%, hsl(182deg 100% 39%) 100% );
   color: #fff;
}

.register-form * input, .register-form * textarea {
   border: solid 1px black;
}

.phone-container { 
   display: flex;
   flex-direction: column;
   width: 50%;
   padding-right: 15px;
}

footer .container {
   display: flex;
   flex-direction: row;
}

@media (max-width: 768px) { 
   .phone-container { 
      width: 100%;
      padding-right: 0;
   }
}