/* Core css settings */
body {
 -webkit-user-select: none;
 -webkit-tap-highlight-color: transparent;
 -webkit-touch-callout: none;
}
@font-face {
 font-family: 'Lato', sans-serif !important;
 font-display: fallback;
 font-display: swap;
}
body {
 font-family: 'Lato', sans-serif !important;
}
/* App-specific custom css. */
a {
 color: #3c6360
}
a:focus,a:hover {
 color: #64a19d
}
a.block-link {
 display: block;
}
.header {
 padding-top: 20px;
}
.footer-pills {
 color: #f8f9fa;
}
li.footer-pills:hover .footer-pills {
 background-color: #fff;
 color: #337ab7;
}
.hover-change {
  background-color: #fff;
}
.hover-change:hover {
  background-color: rgba(0,0,0,.03);
}
.nav-item {
 padding-left: 0.2rem;
}
.btn {
 font-weight: bolder;
}
.btn-primary {
 background-color: #4f837f
}
.btn-primary:hover {
 background-color: #64a19d
}
.btn-circle.btn-xl {
 width: 70px;
 height: 70px;
 padding: 10px 16px;
 border-radius: 35px;
 font-size: 24px;
 line-height: 1.33;
}
.btn-circle {
 width: 30px;
 height: 30px;
 padding: 6px 0px;
 border-radius: 15px;
 text-align: center;
 font-size: 12px;
 line-height: 1.42857;
}
.footer-bottom {
 height: 70px;
 width: 100%;
 opacity: 0.85;
 z-index: 900;
}
.footer-bubble {
 z-index: 1100;
 margin-top: -2.2rem;
}

/* Phoenix flash messages */
.alert:empty {
  display: none;
}
/**/
.button {
  padding: 0.4rem 0.8rem;
}
.rectangle {
  background-color    : rgba(255,255,255,0.0);
  height              : 40px;
  width               : 95%;
  margin              : 0;
  left                : 0px;
  border-radius       : 6px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.footer-pad {
  height: 70px;
}
.background-black {
  background: rgb(0,0,0);
}
.vertical-90 {
  min-height: 90vh;
}
.vertical-80 {
  min-height: 80vh;
}
.form-field {
  padding: 0.4rem 0.8rem;
  width: 100%;
  background: #D3DFF3;
  font-family: "Lato", Helvetica, Arial, serif;
  font-size: 1rem;
  line-height: 2rem;
  color: #0B3E86;
}
.form-field:focus {
  background-color: #fff;
}
.signinbackground {
  background: rgb(45,121,230);
  background: linear-gradient(90deg, rgba(45,121,230,1) 0%, rgba(5,52,118,1) 100%);
}
.cdt-button {
  padding: 0.4rem 0.8rem;
  height: 2.5rem;
  margin: 0;
  left: 0px;
  border-radius: 6px;
  width: 100%;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}
.appicon {
  margin: 3rem 0 2rem 0;
  width: 80%;
  overflow: hidden;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}
.signup{
  font-family: "Lato", Helvetica, Arial, serif;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
}
.acct_info_text {
  padding-top: 10px;
  font-family: "Lato", Helvetica, Arial, serif;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
.case_dash_header {
  background: rgb(45,121,230);
  background: linear-gradient(90deg, rgba(45,121,230,1) 0%, rgba(5,52,118,1) 100%);
  min-height: 110px;
  width: 100%;
}
.app_title_header {
  padding-top: 1.5rem;
  color: #FFFFFF;
}
.view_archived {
  padding: 0 1rem 1rem 0;
  font-size: 0.7rem;
  color: #FFFFFF;
  text-decoration: underline;
}
.cases_inner_bg {
  background: rgba(255,255,255, 0);
  border-radius: 8px;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #E2E7F0 50%, #E2E9F5 100%);
  padding-top: 1rem;
}
.cases_outer_bg {
  position: relative;
  padding-bottom: 1rem;
  background: rgba(255,255,255, 0);
  background: linear-gradient(180deg, #DBE4F1 0%, #C0D4F9 100%);
}
.case-button {
  padding: 0.7rem 1rem 0.7rem 1rem;
  min-height: 90;
  width: 98%;
  margin-left: 1%;
  background: #ffffff;
  border-radius: 12px;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}
.case-button-name {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #0B3E86;
}
.case-button-date {
  font-size: 1rem;
  font-weight: 600;
  color: #66A0F3;
}
.case-button-micro-link {
  font-size: 0.7rem;
  font-weight: 600;
  color: #66A0F3;
  text-decoration: underline;
}
.archived-button-name {
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: #0B3E86;
}
.archived-button-date {
  font-size: 0.7rem;
  color: #0B3E86;
}
.thin-divider {
  height: 1px;
  width: 100%;
}
.divider {
  height: 0.7rem;
  width: 100%;
}
.divider-line {
  margin: 0.8rem 0 0.3rem 5%;
  height: 1px;
  width: 90%;
  background: #0B3E86;
}
.app_subtitle_header {
  font-size:1.5rem;
  font-weight: 550;
}
.activity_title {
  font-size:1.2rem;
  line-height: 1.8rem;
  color: #222222;
  text-decoration: underline;
}
.icon {
  width: 1.5rem;
  color: #0B3E86;
}
.icon-link {
  font-size: 0.9rem;
  line-height: 1.1rem;
}
.appicon-pad {
  margin: 6rem 0 2rem 0;
}
.name-title {
  font-size: 1.7rem;
  line-height: 3rem;
  color: #0b3e86;
}
.name-subtitle {
  font-size: 0.9rem;
  line-height: 2rem;
  color: #66A0F3;
}
.slide-in {
  z-index: 200; /* to position it in front of the other content */
  position: absolute;
  overflow: hidden; /* to prevent scrollbar appearing */
}
.slide-in-content {
  transition: all .5s ease; /* our nice transition */
  height:125vh;
  width:100vw;
  background: #fff;
}
.cpt-code {
  line-height: 1.2rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: #66A0F3;
}
.activity-button {
  margin: 0.2rem;
  padding: 0.6rem;
  width: 100%;
  min-height: 5rem;
  background-color: #0B3E86;
  font-size: 0.9rem;
  color: #FFFFFF;
  border-radius: 0.5rem;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}

@keyframes animateCircle {
  from {border-color: #fff;}
  to {border-color: #053476;}
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.spin-hourglass {
  animation-name: spin;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.animate-circle {
  animation-name: animateCircle;
  animation-duration: 2s;
  animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
}

.pt_activity_bg {
  background: #fff;
}
.activity-header {
  padding-top: 35px;
  font-size: 22px;
  line-height: 30px;
  color: #0B3E86;
}
.smaller-font {
  font-size: 1.1rem;
}
.timer {
  font-size: 0.8rem;
  color: rgba(34, 34, 34, 1);
}
.timer-translucent {
  color: rgba(34, 34, 34, .5);
}
.activity-cat-name {
  font-size: 1.3rem;
  line-height: 1.2rem;
  color: #0B3E86;
}
.activity-subtitle-name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  color: #0B3E86;
}
.big-circle {
  background: #fff;
  border-width: 10px;
  border-style: solid;
  border-color: #1957ae;
  width: 100%;
  min-height: 30vw;
  max-height: 450px;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: auto;
}
.submit-half-moon {
  height: 5rem;
  background: rgb(219,228,241);
  background-color: linear-gradient(90deg, rgba(219,228,241,1) 0%, rgba(192,212,249,1) 100%);
  color: #0B3E86;
  font-size: 2rem;
  text-decoration: underline;
}
.stop-half-moon {
  height: 5rem;
  background-color: rgba(34, 34, 34, .5);
  color: #fff;
  font-size: 2rem;
}
.timer-text {
  font-family: "HelveticaNeue-Thin";
  font-weight: 200;
  font-size: 5rem;
  color: #0B3E86;
  margin-bottom: -0.3rem;
}
.pad-down {
  padding-top: 2rem;
}
.cases_inner_white {
  background: #fff;
  border-radius: 8px;
  padding-top: 1rem;
}
.date-form-field {
  background-color: #D3DFF3;
  line-height: 2rem;
  padding: 0.7rem 0.2rem;
  border-width: 2px;
  border-style: inset;
  border-color: initial;
}
.date-form-field:hover {
  background-color: #fff;
}

/*Welcome page button*/
.button4 {
  padding: 1.5rem;
  border: none;
  border-radius: 2rem;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  cursor: pointer;
}