.free-text {
    font-size: 12px;
}

tr.collapsible {
    cursor:pointer;
}

/* Typography */
h1 {font-size: 26px; font-weight: bold; margin-top: 25px; }
h1.subheader {margin-bottom: 5px;}
h2 {font-size: 18px; font-weight: 700;}
.header-new {font-size: 12px; vertical-align: middle; margin-left: 5px;}
.understated {color: #999999;}
.password-help {margin-top: 5px; margin-left: 5px;display: block;}
.color-required {color: red;}
.padding-required {padding-right: 5px;}
.invalid-label {font-size: 11px;}
textarea{resize: none}
.margin-required { margin-left: 5px; display: inline; }
.login .form-control, .reset .form-control {font-size: 14px;height: 36px;}

.login .form-control, .reset .form-control {font-size: 14px; height: 36px;}
.checkbox.tou input[type="checkbox"], .checkbox.largefont input[type="checkbox"] {margin-top: 4px;}
.checkbox.nomargin {margin-top: 0px; margin-bottom: 0px;}
h1.page-title {float: none;}
.marginlr15 {margin-left: 15px; margin-right: 15px;}
.marginlr20 {margin-left: 20px; margin-right: 20px;}
.date-range-to {display: inline-block; vertical-align: top; margin: 8px;}
.horizontal-rule-small {margin: 10px 0;}
.bold {font-weight: bold;}
.radio label.bold, .checkbox label.bold {font-weight: bold;}
.pin {font-size: 22px; font-weight: bold;}
.ar-identifier {margin-top: -8px; clear:both;}
@media (min-width: 992px) {h1.page-title {float: left;}}
.tab-menu-icon.ion {font-size: 28px; margin-bottom: 0;}
hr.strong {border-top: 2px solid #CCCCCC;}
.inline-block {display: inline-block;}
.inline {display: inline-block;}
.hidden {display: none !important;}
.invisible {visibility: hidden;}
.nowrap {white-space: nowrap;}
.border {border: 1px solid #CCCCCC;}
.center {text-align: center;}

/* Dismissible Alerts */
.alert
{
	overflow: auto;
	margin-bottom: 0px;
	text-shadow: none;
	padding-top: 20px;
}
.alert .close {line-height: 0.7;}
.alert-none {display:none;}
.alert > div:nth-child(3)
{
	margin-right:1em;
}
.alert-area {margin-top: 15px;}
.alert .glyphicon {margin-right: 5px;}
.alert-text { float:left; font-size: 12px; margin-left: 10px;}

/* X-Large Button and Button Group */
.btn.btn-xlg, .btn.btn-group-xlg > .btn {padding: 12px 26px; font-size: 14px; line-height: 1.3333333; border-radius: 6px;}

/* Customized Navbar */
.navbar {margin-bottom: 0px; font-size: 14px;padding-top: 0px; padding-bottom: 0px;}
.navbar .container-fluid {padding-left: 0px; padding-right: 0px;}
.navbar-default {background: none; box-shadow: none; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #e7e7e7;}
.navbar-header .hamburger-bars {float: left;}
.navbar-header .hamburger-label {float: left; line-height: 1em; margin-right: 10px;}
.navbar-brand {padding: 15px; float: none;}
.navbar-brand .brand-text, .navbar-brand .brand-text:hover, .navbar-brand .brand-text:focus, .navbar-brand .brand-text:active {color: #777777; text-decoration: none;}
.navbar-nav span.glyphicon {font-size:1.8em; line-height: .8em;}
.navbar-nav span.divider {float: left; display: block; margin-top: 10px; width: 1px; height: 30px; background-color: #e7e7e7;}
.navbar-nav li.dropdown:hover, .navbar-nav li.dropdown li:hover {background: #e7e7e7; text-decoration: none;}
.navbar-nav li.dropdown.open:hover {background: none;}
.navbar-nav li:hover {text-decoration: underline; color:#000;}
.navbar-nav li.no-underline:hover {color: #000; text-decoration: none;}
.navbar-brand, .navbar-nav > li > a {text-shadow: none;}
.navbar-nav .divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
.navbar-nav li {margin: 5px 0 0 0;}
.navbar.navbar-bottom-border {border-bottom: 1px solid #e7e7e7;}
.dropdown-menu.responsive {display: block;}
.navbar-nav .open > .dropdown-menu.responsive {display: block;}
.dropdown-menu.responsive > li > a,
.dropdown-menu > li > a,
.dropdown-menu.responsive > div > li > a,
.dropdown-menu > div > li > a {
  display: block;
  line-height: 20px;
  clear: both;
  font-weight: normal;
  color: #777777;
  white-space: nowrap;
	padding: 10px 15px;
}
li.dropdown-item { cursor: pointer;}
.spacer {clear:both;}
.spacer.tiny {height: 5px;}
.spacer.small {height: 10px;}

.dropdown-menu > li > a {padding: 10px 20px;}
.dropdown-menu.responsive > li > a {padding: 10px 15px; position: relative;}

.navbar-nav li.dropdown:hover, .navbar-nav li.dropdown li:hover {border-radius: 0px;}
.navbar-nav.theme .dropdown-menu.responsive > li > a:hover {background: none;}
.navbar-nav .dropdown-menu.responsive > li > a:hover {text-decoration: underline; }

.navbar-nav li.dropdown ul, .navbar-nav li.dropdown .dropdown-menu.responsive li:hover {background: #FFFFFF;}
.dropdown-menu.responsive {
    position: relative;
	float: none;
    top: 100%;
    z-index: 1;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: none !important;
}
.navbar-default .navbar-toggle {background: #F2F2F2; border-color: #777777; color: #777777; margin-left: 20px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #777777;}
.navbar-nav .nav-badge-container {display: inline-block;}
.navbar-nav .badge {margin-left: 5px;}
.navbar-nav .badge.messages {margin-left: 5px; font-size: 11px;}

.card-footer a:hover{cursor: pointer;}
@media (min-width: 992px) {
.matrix	{display: table; padding: 0px;}
.matrix .question-area .radio {padding: 5px;}
.matrix .question-area {width: 100%; display: table-row; padding: 0px 10px; }
.matrix .question-area.header .cell {vertical-align: bottom; padding-bottom: 5px; }
.matrix .question-area.header .cell:hover {background: none;}
.matrix .question-area .question-text.cell {text-align: left;}
.matrix .question-area .question-text li {padding: 5px 0; margin-left: 35px;}
.matrix .question-area .question-text ol {margin: 0px;}
.matrix .question-area .cell {display: table-cell; text-align: center; min-width: 40px; border-bottom: 1px solid #F2F2F2;}
.matrix .form-group label {padding-top: 0px;}
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .table-responsive {border: none;}
  .table-responsive .table .right-border {border-right: none;}
}

@media (min-width: 768px) {
  /* .navbar-collapse.collapse {display: none !important;}
  .navbar-collapse.collapse.in {display: block !important;} */
  .navbar-toggle {display: block;}
  .navbar-header {float: none;}
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
  {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar-right {float: none !important;}
  .navbar-right .dropdown-menu {left: auto; right: 0;}
  /* .navbar-nav {margin: 7.5px -15px;} */
  .navbar-collapse {border-top: 1px solid transparent;overflow-x:hidden;}
  .navbar-nav > li {float: none;}
  .navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px;}
  /* .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0px; } */
}

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media (min-width: 992px) {
  .navbar-nav {margin: 0px -15px;}
  .navbar-header {float: left;}
  /* .navbar-nav .badge.messages {margin-top: -15px;} */
  .dropdown-menu.responsive {display: none; position: absolute; z-index: 1000; float: left;border: 1px solid #cccccc;}
  .navbar-nav li.dropdown .dropdown-menu.responsive li:hover {background: none;}
  .navbar-nav .dropdown-menu.responsive > li > a:hover {text-decoration: none; background: none;}
  .navbar-toggle {display: none;}
  .navbar-right {float: right !important;  margin-right: -15px;}
  .navbar-nav > li {float: left;}
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse
  {
    padding-left: 0;
    padding-right: 0;
  }
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
  {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-brand {height: auto; min-height: 50px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
@media (min-width: 992px) {
  .navbar-nav li a {padding-top: 10px; padding-bottom: 10px;}
  /* .navbar-nav .badge.messages {margin-top: -15px;} */
  .dropdown-menu.responsive {display: none; position: absolute; z-index: 1000; float: left;border: 1px solid #cccccc;}
  .navbar-nav li.dropdown .dropdown-menu.responsive li:hover {background: none;}
  .navbar-nav .dropdown-menu.responsive > li > a:hover {text-decoration: none; background: none;}
}

/* Reversed Tabs */
.nav-tabs.reversed {font-size: 13px; border-bottom: none;}
.nav-tabs.reversed .menu-tab-badge .badge {font-size: 11px;}
.nav.nav-tabs.reversed > li > a {padding-top: 5px; padding-bottom: 10px;}
.nav-tabs.reversed li a {color: #333;}
.nav-tabs.reversed li.active a {color: #333;}
.nav-tabs.reversed li a:hover, .nav-tabs.reversed > li > a:focus {color: #333; background: #FFF; border-bottom: 1px solid #FFF; border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #DDD;}
.nav-tabs.reversed li {margin-bottom: -2px;}
.tab-menu-background {background: #CCCCCC; padding: 10px 15px 0px 15px;}
.menu-tab, .menu-tab-badge {text-align: center;}
.menu-tab-badge {min-height: 20px;}
@media (min-width: 1200px) { .menu-tab, .menu-tab-badge {text-align: left; display:inline;}  }
@media (max-width: 991px) {.menu-tab-badge {display:inline;}}
/* Tab Menu Icons */
.tab-menu-icon {font-size: 26px; display: block; text-align:center; margin-bottom: 2px;}
.useful-links a,
.downloadable-form {
  margin-bottom: 10px;
  display: block;
}

.downloadable-form a {
  margin-left: 15px;
  cursor: pointer;
}

.downloadable-form .fa {
  font-size: 18px;
}

/* Footer Section */
.footer a,
.footer a:hover,
.footer a:focus,
.footer a:active {
  color: #FFF;
  cursor:pointer;
}

.footer {
	background: #777777;
	padding: 15px;
	text-align: center;
    font-size:12px;
    margin: 9px 0 0 0;
  color: #FFF;
}

p a,
a.underline {
	text-decoration: underline;
}

p a:hover, a.underline:hover  {
	text-decoration: none;
}

.badge {
	font-size: 11px;
}

.btn-xlg,
.btn-group-xlg > .btn {
  padding: 10px 26px;
  font-size: 24px;
  line-height: 1.3333333;
  border-radius: 6px;
}

h3.header {
	margin-right: 20px;
}

h1.header span.title {
	margin-right: 20px;
}

.list-group-item-content {
	display: inline-table;
}

list-group-item-top-header {
	background: #777777;
	color: #FFFFFF;
	padding: 10px 15px;
	font-weight: bold;
}

.list-group a{
	padding: 10px 30px 10px 35px;
}

/* float-right class to use with all buttons you want to have the float:right; property */
.btn.float-right {float:right;text-align: right;}

/* Description Box */
.panel.panel-default.description-box {border-color: #777777;}
.panel.panel-default.description-box.notheme {border-color: #999999; padding-left: 15px; padding-right: 15px;}
.panel.panel-default.description-box .panel-body {padding: 15px 15px 5px 15px;}
.panel.panel-default.description-box.login .panel-body, .panel.panel-default.description-box.signup .panel-body {padding: 15px; font-size: 14px; height: 300px;}
.panel.panel-default.description-box.login .panel-body,
.panel.panel-default.description-box.signup .panel-body {padding: 15px; font-size: 14px; height: 300px;}
.dashboard-module .panel.panel-default.description-box .panel-body {padding: 15px;}
.login h2, .signup h2 {margin-top: 10px;}
.description-box .content-area {margin-top: 20px; margin-bottom: 10px;}
.description-box.login .content-area, .description-box.signup .content-area {height: 60%;}
.login h2, .signup h2 {margin-top: 10px;}
.signup .bottom {position: absolute;bottom: 54px;}
.view-pane .panel.description-box {margin-bottom: 5px;}
.panel.panel-default.description-box .panel-body .fa.fa-circle {margin-left: -15px; margin-right: 5px;}
.panel.panel-default.description-box .title {font-weight: bold;}
.utility-buttons {float:right; margin-left: 15px; margin-bottom: 15px; }
.right-utility-buttons {
    float: right;
    margin-top: 10px;
    margin-bottom: 5px;
}
.date.overdue {color: red;}
.panel.panel-default.description-box .btn { margin-bottom: 5px;}
.description-box {border-color: #F15A24;}
.description-box.dark {border-color: #00A9A9;}
.description-box.dark .icon-circle {background: #00A9A9;}

/* Terms of Use */
.scrollbox {max-height: 250px; overflow-y: scroll; border: 1px solid #CCC; padding: 10px;}
.modal .scrollbox {max-height: 300px;}
.modal .tou-title {display: none;}

.page-layout-view {
    padding-top: 0em;
    padding-bottom: 94px;
}
.person-card {
	min-height: 312px;
}

.person-card-left {
	width: 33%;
	float: left;
	padding: .2em .2em .2em .2em;
}

.person-card-right {
	width: 60%;
	float: left;
	padding: .2em .2em .2em .2em;
}

.careteam-container {
	padding-left: 15px;
	padding-right: 15px;
}

.glyph-formatted-message-button {
	padding-right: 5px;
}

.react-bs-container-header .table {
	margin-bottom: 0 !important;
}

/* Grid Overrides */
.react-grid-table {
	white-space: normal !important;
}

.react-grid-container {
	box-shadow: none !important;
}

.react-grid-header {
    border: 1px solid #e9e9e9 !important;
}

.react-grid-cell {
    vertical-align: top !important;
}

.react-grid-header th .react-grid-sort-handle {
	float: none !important;
	margin-left: 5px;
}

.react-grid-header th .react-grid-column {
	padding: 4px 10px 4px 10px !important;
	top: 0 !important;
}
/* End of Grid Overrides */

.person-address {
	margin-bottom: 0px;
}

.form-header {
	margin-bottom: 30px;
    font-size: 12px;
}

/* Custom List */
.custom-list-wrapper {padding: 0px;}
.view-pane {height: 100%; padding: 5px;}
.view-pane {overflow-x: auto;}
.zero-state-container {text-align: center; display: table; font-size: 14px; height: 100%; width: 100%; margin-top: 50px;}
.content-center-mid {display: table; font-size: 14px; height: 100%; width: 100%;}
.zero-state-container .zero-state-content, .content-center-mid .content-center-inner {display: table-cell; vertical-align: middle; }
.zero-state-container .zero-state-content .fa, .content-center-mid .content-center-mid .fa {font-size: 72px; display: block; padding-bottom: 25px;}
.zero-state-header {height: 40px; width: 100%; background: #777777;}
.zero-state-header .btn.btn-link {float: right; color: #FFFFFF; margin-top: 1px; margin-right: 5px;}
.zero-state-header .btn .glyphicon, .zero-state-header .btn .fa {margin-right: 0px;}
.list-group {border-radius: 0px;}
.list-group.custom-list, .list-group.custom-list.message-thread {border: none; box-shadow: none; font-size: 12px; padding: 0px;}
.message-thread .list-group.custom-list {overflow: visible;}
.message-thread .list-group.custom-list .list-group-item {padding: 25px 15px;}
.message-thread .list-group.custom-list .list-group-item .primary-text, .list-group.custom-list.message-thread .list-group-item .message-date {margin-bottom: 5px; display: block;}
.message-header {background: #f2f2f2; padding: 8px; min-height: 48px;margin-top: -8px;margin-left: -8px;margin-right: -8px;}
.message-header .btn .glyphicon, .message-header .btn .icon, .message-header .btn .fa {margin-right: 0px;}
.modal .list-group.custom-list {height: 100%; overflow-y: hidden; margin-left: 15px; margin-right: 15px;}
.modal .list-group.custom-list .message-date-box {margin-right: 10px;}
.modal .form-group input[type="radio"],
.modal .form-group input[type="checkbox"] {
  margin-top: 4px;
}
.multi-page-nav {font-size: 14px; text-align: center;}
.multi-page-nav .page-number {padding-top: 8px; padding-bottom: 5px;}
.multi-page-nav .page-number input.selected-page {width: 25px; text-align: center;}
.multi-page-nav  .btn:first-of-type {margin-right: 5px;}
@media (min-width: 768px) { .multi-page-nav  .btn:first-of-type {margin-right: 0px;} }

@media (min-width: 992px) {
.message-thread .view-pane {overflow-x: auto;}
.custom-list-wrapper {height: 64vh; min-height: 550px;}
.content-center-outer {margin-top: 25px;}
.custom-list-wrapper.message-thread {height: calc(65vh - 5vh);}
.zero-state-container, .content-center-mid {margin-top: 0px;}
 .list-group.custom-list {height: 100%; overflow-y: scroll; overflow-x: hidden;}
 .message-header .btn .glyphicon, .message-header .btn .icon, .message-header .btn .fa {margin-right: 5px;}
}
.list-group.custom-list .list-group-item {margin-bottom: 0px; border: none; border-bottom: 1px solid #E0E0E0; }
.list-group.custom-list li.list-group-item, .list-group.custom-list li.list-group-item li {border-radius: 0px;}
.list-group.custom-list li.list-group-item a, .list-group.custom-list li.list-group-item li.list-group-item a {
    display: block;
    padding: 3px 0;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: normal;
    border-radius: 0px;
    text-decoration: none;
}
.list-group.custom-list button.list-group-item {border: none;}
.list-group.custom-list li.list-group-item.list-group-item-top-header {background: #777777; color: #FFFFFF; padding: 10px 15px; font-weight: bold;}
.list-group.custom-list li.list-group-item.list-group-item-header {text-transform: uppercase; font-weight: bold; padding: 15px 15px 5px 35px;}
.list-group.custom-list li.list-group-item {padding: 0px;}
.list-group.custom-list li.list-group-item a:hover, .list-group.custom-list li.list-group-item a:focus, .list-group.custom-list li.list-group-item a:active {background: #CCC;text-decoration: none;}
.list-group.custom-list li.list-group-item a {padding: 10px 15px 10px 35px;}
.list-group.custom-list li.list-group-item.understated a {color: #999999;}
.list-group.custom-list li.list-group-item .fa.fa-circle {display: inline; margin-left: -20px; margin-right:10px}
.list-group.custom-list li.list-group-item .chevron {float: right; color: #999999;}
.list-group.custom-list li.list-group-item .primary-text {font-size: 12px;}
.list-group.custom-list li.list-group-item .secondary-text {font-size: 12px; display: block; white-space: pre-wrap;}
.list-group.custom-list li.list-group-item.understated .primary-text, .list-group.custom-list li.list-group-item.understated .secondary-text {color: #999999;}
.list-group.custom-list li.list-group-item:hover .primary-text, .list-group.custom-list li.list-group-item:focus .primary-text,
	.list-group.custom-list li.list-group-item a:focus .primary-text, .list-group.custom-list li.list-group-item a:focus .secondary-text,
	.list-group.custom-list li.list-group-item a:active .primary-text, .list-group.custom-list li.list-group-item a:active .secondary-text,
	.list-group.custom-list li.list-group-item:hover .secondary-text, .list-group.custom-list li.list-group-item:focus .secondary-text,
	.list-group.custom-list li.list-group-item.understated:hover a, .list-group.custom-list li.list-group-item.understated:focus a, .list-group.custom-list li.list-group-item.understated a:active,
	.list-group.custom-list li.list-group-item.understated:active, .list-group.custom-list li.list-group-item:hover .chevron, .list-group.custom-list li.list-group-item a:focus .chevron,
    .list-group.custom-list li.list-group-item a:active .chevron,
    .list-group.custom-list li.list-group-item button.list-group-item.active
	{
		color: #333333;
	}

.primary-text.bold, .secondary-text.bold {font-weight: bold;}
.list-group.custom-list .message-date-box {float:right; margin-left: 15px; margin-right: 10px; margin-bottom: 5px;}
@media (min-width: 992px) {.list-group.custom-list .message-date-box  {margin-right: 0px;}}
@media (min-width: 992px) { .row.messages .col-md-4 {padding-right: 0px;}}
.list-group.custom-list .message-date-box .badge.square {
	float: right;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #999999;
    border-radius: 0px;
}
.list-group.custom-list .message-date-box .message-date {margin-right: 0; margin-left: auto; text-align:right;display:block; color: #999999;}
.list-group.custom-list li.list-group-item a:hover .message-date-box .message-date {color: #333333;}
.list-group.custom-list li.list-group-item a:hover .message-date-box .badge.square {background-color: #333333;}
.info-container {height: 175px; overflow-y: hidden;}
  @media (min-width: 992px) {  .info-container {height: 100px;}  }
.content-container {height: calc(100% - 100px); width: 100%;}
.list-header {min-height: 49px; background-color: #777777; color: #FFF; font-size: 13px; padding: 16px;}
.list-header .btn.btn-link:hover, .list-header .btn.btn-link:active, .list-header .btn.btn-link:focus {color: #444;}
.list-header .btn.btn-link .glyphicon {margin-right: 0px;}
.message-reply-container .utility-buttons, .message-reply-container .secondary-text {margin-top: 10px; margin-bottom: 10px;}
.message-reply-container .utility-buttons {margin-left: 20px;}
.message-reply-container .secondary-text, .list-group.custom-list li.list-group-item.message-reply-container:hover .secondary-text, .list-group.custom-list li.list-group-item.message-reply-container:focus .secondary-text {color: #999999}
.button-with-space { margin-right: 3px; }

/* Messages */
.message-subject-line {margin-top: 9px; padding-left: 10px; display: inline-block; overflow: hidden; font-size: 12px; font-weight: bold;}

.list-header {height: 49px; background-color: #777777; color: #FFF; font-size: 13px; padding: 16px;}
.list-header .btn.btn-link {float: right; color: #FFFFFF; margin-top: -10px; }
.list-header .btn.btn-link:hover, .list-header .btn.btn-link:active, .list-header .btn.btn-link:focus {color: #444;}
.list-header .btn.btn-link .glyphicon {margin-right: 0px;}

/* Badge overrides */
.tab-badge {
	vertical-align: baseline !important;
}


/* Tables */
table {font-size: 12px; border-collapse: separate;}
.table-responsive {margin-bottom: 20px;}
.table-responsive .table {margin-bottom: 5px;}
th {font-weight: bold;}
th {color: #333333;}
.outside-range-row { color: #FF0000; }
.table.reversed tr th, .table > thead > tr > th.active {background: #777777; color: #FFFFFF; vertical-align: top;}
.table .table-expand-area, .table.reversed .table-expand-area {background: #f7f7f7;}

.table > tbody > tr > td.mobile-table-data-label, .table > tbody > tr > td.mobile-table-data {border: none;}
.table > tbody > tr > td.mobile-table-data-label {font-weight: bold; width: 30%;}
.table > thead > tr > th {border-bottom: 1px;}
.table.no-background {background: none;}

th.sort-column .sort-handle {font-size: 9px; margin-left: 5px; visibility: hidden;}
th.sort-column .fixed-handle {font-size: 9px; margin-left: 5px;}
th.sort-column.active .sort-handle {visibility: visible;}
th.sort-column:hover .sort-handle {visibility: visible; color: #CCCCCC;}
th.sort-column:hover .fixed-handle {visibility: visible; color: #CCCCCC;}
th.sort-column:hover {cursor:pointer;}
.table .status-indicator .fa {font-size: 16px; color: #999999;}
.table .status-indicator {text-align: center; vertical-align: middle; width: 93px; min-width: 93px; border-left: 1px solid #777777;}
.table th.status-indicator {vertical-align: bottom;}
.table .status-indicator .na {color: #D4D4D6;}
.table.no-background .status-indicator {width: 25px; min-width: 25px;}
.status-indicator:last-of-type {border-right: 1px solid #777777;}
.table .data-label {font-weight: 700;}
.table tr.no-background {background: none;}
.table td.middle {vertical-align: middle;}
table.align-middle td {vertical-align: middle !important;}

@media screen and (max-width: 767px) {
  .table-responsive .table.no-background,
  .table-responsive .table > tbody > tr > td,
  .table-responsive .table > thead > tr > th {
    white-space: normal;
  }
}

.follow-up-check {font-size: 14px; margin-left: 5px; margin-bottom: 5px;}

/* "Dark" colored bar at top of div container */
.darkColorBarTop
{
	background: linear-gradient(#777777, #777777);
	background-size: auto 35px;
	background-repeat: repeat-x;
}

.dashboard-module.appointment-list {margin-bottom: 20px;}
.dashboard-module .panel.panel-default.description-box .btn {margin-bottom: 0px;}
.dashboard-module.next-appointment .panel.panel-default.description-box, .dashboard-module.health-summary .panel.panel-default.description-box {text-align: center;}
.dashboard-module.next-appointment .panel.panel-default.description-box {font-size: 14px;}
.dashboard-module .icon-circle {background: #777777; border-radius: 60px; height: 60px; width: 60px; font-size: 36px; color: #FFFFFF; padding-top: 2px; display: inline-block; margin: 10px;}
.dashboard-module .box-title, .appointment-list .box-title {display: block; font-size: 18px; font-weight: 700; margin-bottom: 10px; margin-top: 6px;}

.appointment {display: table; width: 100%;}
.appointment-list .appointment {border-bottom: 1px solid #CCCCCC; font-size: 14px;}
.appointment-list .appointment.first {border-top: 1px solid #CCCCCC;}
.appointment-list .appointment-date
    {display: table-cell; width: 20%; min-width: 120px; background: #FEFEFE; font-weight: bold; padding: 10px;}
.appointment-list .appointment-statusLabel { font-weight: bold;}
.appointment-list .appointment-status { font-weight: normal;}
.appointment-list .appointment.first .appointment-date, .appointment-list .appointment.first .appointment-details {background-color: #C1E3E3;}
.appointment-list .appointment-details { padding: 10px; background: #FEFEFE; display: table-cell; }
.appointment-list .view-link { background: #FEFEFE; width: 20%; display: table-cell; padding-top:5px; }
.appointment .btn {margin-bottom: 5px;}

@media (min-width: 992px) {
.dashboard-module.next-appointment .panel.panel-default.description-box .next-appointment-days {display: block; font-size: 40px;}
.dashboard-module .panel.panel-default.description-box {height: 275px;}
.dashboard-module.appointment-list {margin-bottom: 0px;}
}
@media (min-width: 768px) {
	.appointment-list .btn .fa, .appointment-list .btn .glyphicon  {margin-right: 5px;}
}

.collapse-button-info {
    display: inline;
    padding: 0px 15px; 
    color: #999999; 
}

.well select.leftJustified {
	padding-left: 0px;
	text-align: left;
}

/* Buttons */
/* .btn {font-size: 13px; padding: 9px 12px;}
.btn-default, .btn-primary {text-shadow: none; box-shadow: none; background-image: none; text-decoration: none;}
.btn-primary {background-color: #F2F2F2;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: #D7D7D7;}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #333333; border-color: #CCCCCC;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #333333;
    background-color: #D7D7D7;
    border-color: #CCCCCC;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #F2F2F2; border-color: #CCCCCC; color:#CCCCCC } */
.btn .badge {background-color: #777777; color: #FFFFFF;}

.btn.btn-toggle {
    position: relative;
    padding: 9px 10px;
    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-left-color: #ddd;
    border-radius: 4px 4px 0 0;
    margin-bottom: -1px;
    z-index: 1;
}

.btn.btn-toggle.collapsed {
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 0px;
}
.btn span.mobile-btn-icon {
    margin-right: 5px;
}
.btn-lg, .btn-group-lg > .btn {padding: 10px 16px; min-width: 75px;}


/* Customized Button Link with/without icon */
button.btn.btn-link {text-decoration: underline; color: #333;}
.btn.btn-link, .btn.btn-link {text-decoration: underline; color: #333;}
.btn.btn-link:active:focus, .btn.btn-link.active:focus, .btn.btn-link:active.focus, .btn.btn-link.active.focus {outline:none;}
.btn.btn-link:hover, a.btn.btn-link:hover {background: #e7e7e7; border-radius: 4px; color: #000;}
.btn .glyphicon, .btn .icon, .btn .fa {margin-right: 5px; text-decoration: none;}
.btn.btn-link.icon-only {font-size: 16px; line-height: 16px;}
@media (min-width: 992px) { .btn.btn-link.icon-only {font-size: 13px; padding: inherit;}}
.language-dropdown-icon {font-size: 16px;}

.btn-group-justified .btn-group .btn {
    overflow-x: hidden;
}

.btn-group .btn,
.btn-group .btn.btn-default,
.btn-group .btn.btn-primary,
.btn-group .btn.btn-success,
.btn-group .btn.btn-info,
.btn-group .btn.btn-warning,
.btn-group .btn.btn-danger  {
	text-shadow: none;
	box-shadow: none;
}

.btn-primary {
    background-color: #F2F2F2;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #D7D7D7;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #333333;
    border-color: #CCCCCC;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #333333;
    background-color: #D7D7D7;
    border-color: #CCCCCC;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled]
.btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled]
.btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled]
.btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled]
.btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled]
.btn-primary:active,
.btn-primary.disabled.active, .btn-primary[disabled].active,
fieldset[disabled]
.btn-primary.active {
    background-color: #F2F2F2;
    border-color: #CCCCCC;
    color:#CCCCCC
}

.utility-buttons {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

@media (min-width: 1200px) { .menu-tab, .menu-tab-badge { text-align: left ;display:inline;}  }


/* Temporary solution for footer */
.box-content {
    padding-bottom: 15cm;
}

/* Viewport with embeddable content */
.embeddableViewPortContainer {
    display: table;
    width: 100%;
}
.viewPortObject {
    overflow: auto;
    height: 100%;
    width: 100%;
    min-height: 430px;
}
.viewPortCenteredMessage {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.objectTagContent {
    text-align: center;
    padding-top: 30px;
}


/* Spacers */
.spacer.tiny {height: 5px;}
.spacer.small {height: 10px;}
.spacer.medium {height: 20px;}
.spacer.large {height: 40px;}
.spacer-allowWrap {font-size:0px;}

/* Popovers */
.popover {font-size: 12px; margin: 5px; min-width: 250px; max-width: 500px;}
.popover ul li, .popover ul {padding-left: 5px; margin-left: 10px;}

/* Treatment Summary */
.category-wrapper {padding: 10px 0px;font-size:12px;}
.category-wrapper.last {border-bottom: none;}
.category-wrapper .item-row {border-bottom: 1px solid #e7e7e7; margin-bottom: 5px;}
.category-header {font-weight: bold; margin-bottom: 5px; margin-top: 5px; text-transform: uppercase;}
.primary-data, .secondary-data {padding-top: 5px; padding-bottom: 5px;}
.primary-data .fa.fa-circle {margin-left: -15px; margin-right: 5px;}
.secondary-data {margin-left: 10px;}
@media (min-width: 768px) {
.secondary-data {margin-left: inherit;}
}
.tertiary-data {display: none;}

/* Reset Password */
.panel.panel-default.description-box.reset {
    font-size:14px;
}

/* Questionnaire Cards */
.new-indicator {
    margin-left: -20px;
}

.new-indicator-padding-left {
    padding-left: 2rem;
}

/* Questionnaires */
.panel.panel-default.description-box .panel-body .fa.fa-circle {
    margin-left: -15px;
    margin-right: 5px;
}
.panel.panel-default.description-box.notheme {
    border-color: #999999;
    padding-left: 15px;
    padding-right: 15px;
}
.date.overdue {
    color: red;
}

/* Questionnaire & Inputs */
.section-header {background: #777777; color: #FFFFFF; width: 100%; padding: 15px; clear: both;}
.section-header h2 {margin: 0px;}
.question-area {margin: 15px 0; padding: 0 35px;}
form .glyphicon-asterisk, form .fa-asterisk, .question-area .glyphicon-asterisk, .question-area .fa-asterisk, .description-box .glyphicon-asterisk, .description-box .fa-asterisk {font-size: 10px;vertical-align: top;}
.question-area input[type="radio"], .question-area input[type="checkbox"], .question-area label{cursor: pointer;}
.question-area .shaded, .question-area .hover-state:hover {background: #F2F2F2;}
.matrix .question-area .hover-state:hover {background: #CCCCCC;}
.question-area .checkbox, .question-area .radio {padding: 0px 15px;}
.question-area .form-control.short {width: auto;}
.question-area .inline {display: inline;}
.question-area .inline-block {display: inline-block; margin-bottom: 0px;}
.question-text {font-size: 16px;}
.question-text ol {padding-left: 0px;}
.center {text-align: center;}
.control-buttons {margin: 35px 0;}
.matrix .question-area .question-text.cell:hover {background: none;}
.number-spinner {width: 120px;}
.number-spinner input[type="text"] {text-align: center;}
.number-spinner .btn {padding: 5px 12px; font-size: 14px; font-weight: bold;}
.form-inline .form-group label {display: inline-block; margin-right: 5px;}
.other-textbox { display: inline; }
.inline-element { display: inline; }

/* Radio Button Group */
@media (min-width: 992px) {
	.matrix .form-group label {padding-top: 0px;}
	.matrix .radio.cell input[type="radio"] {position: inherit; margin-left: -21px; }
}
.top-right-utility-buttons .form-group { margin-bottom: 0px }
.top-right-utility-buttons .form-group label {display: block; padding-top: 5px; padding-bottom: 5px;}
.top-right-utility-buttons .form-group { margin-bottom: 0px; }

/* Inline List */
/* Utility buttons at top right of content area - like Print, Details, etc */
.top-right-utility-buttons {float: right; margin-top: 20px;}
.top-right-utility-buttons .btn {margin-bottom: 5px;}
.top-right-utility-buttons.xsmall-below-title {float: none;}
.top-right-utility-buttons .form-group label { padding-bottom: 1px; }
@media (min-width: 992px) {.top-right-utility-buttons.xsmall-below-title {float: right;}}
.right-utility-buttons {float: right; margin-top: 10px;} /* Pairs with an h2 in the content body */
.right-utility-buttons.margin-bottom {margin-bottom: 5px;}


.inline-list {display: block; margin-bottom:3px;}
.inline-list .list-item.right-border {border-right: 1px solid #CCCCCC; margin-right: 8px; padding-right: 8px;}
.inline-list .list-item.left-border {border-left: 1px solid #CCCCCC; margin-left: 8px; padding-left: 8px;}
div.inline-list > span.right-border:last-of-type {border-right:none}
div.custom-list-wrapper > div.category-wrapper:last-of-type {border-bottom:none}

.form-validation-error {
    color: #a94442;
    padding-left: 5px;
    font-weight: normal;
}

/* Zero State screen */
.zero-state-header {
    height: 40px;
    width: 100%;
    background: #777777;
}
.zero-state-container {
    text-align: center;
    display: table;
    font-size: 14px;
    height: 100%;
    width: 100%;
}
.zero-state-container .zero-state-content {
    display: table-cell;
    vertical-align: middle;
}
.zero-state-container .zero-state-content .fa {
    font-size: 72px;
    display: block;
    padding-bottom: 25px;
}

/* Dashboard Appointments Zero State */
.appointment-container .zero-state-container {margin: 50px 0;}
.appointment-container .zero-state-container .fa {color: #777777; font-size: 52px; padding-bottom: 10px;}
@media (min-width: 992px){
	.appointment-container .zero-state-container {margin: 96px 0;}
}

/* Container Styling to get footer to stay at bottom of page */
html, body {padding:0; height:100%;}
#container {min-height:100%; position:relative;}
#header {padding:0px;}
#home-tabs-navs-contents, #body {padding:0px; /* Height of the footer */}
#footer {position:absolute; bottom:0; width:100%; height:94px;   /* Height of the footer */ }

.questionnaire-form-label {display: inline;}
.questionnaire-control {clear:left;}
.questionnaire-scoring-container { margin-top: 15px; font-size: 14px; }

.form-group div:first-child > div > div.inline-block {margin-top: 0px;}

/* Need this when using rem units */
html {
  font-size: 100%;
}

/* .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
    background-color: #444 !important;
}

.react-datepicker__close-icon::after {
    top: -25% !important;
    background-color: transparent !important;
    color: #333 !important;
    font-size: 20px !important;
}

.react-datepicker__current-month {
    font-size: 0rem !important;
}

_:-ms-lang(x), .react-datepicker__close-icon::after {
    right: 14px !important;
}

.react-datepicker__year-select,
.react-datepicker__month-select {
    height: 32px;
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.react-datepicker__navigation--previous {
    left: 5px !important;
    top: 15px !important;
}

.react-datepicker__navigation--next {
    right: 5px !important;
    top: 15px !important;
}


*/
.react-datepicker-popper {
    z-index: 3 !important;
}

ul.navbar-nav li.no-background-color a {
    background-color: transparent !important;
}

ul.navbar-nav.theme{
    margin-bottom: 5px;
}

ul.navbar-nav.theme > li > a {
    color: #000;
}

/* Slider */
/* .rc-slider {height: 18px !important;}
.rc-slider-rail, .rc-slider-track {height: 8px !important;}
.rc-slider-dot {width: 12px !important; height: 12px !important; bottom: -2px !important;}
.rc-slider-step {height: 8px !important;}
.rc-slider-handle {width: 20px !important; height: 20px !important; margin-top: -6px !important; margin-left: -8px !important;} */

.rc-slider-vertical {
    width: 14px;
    height: 85% !important;
    padding: 0 5px;
    margin-left: auto;
    margin-right: auto;
}

/* .slider-question {height: 900px;} */
.slider-question {
    height: 900px;
    margin: 15px 0;
    padding: 0 35px;
    font-size: 14px;
}
.slider-question-section {
    height: 100%;
    float: left;
    width: 50%;
}

.slider-value-label {
    padding-bottom: 10px;
    font-size: 40px;
    height: 50px;
    width: 73px;
    background-color: #000;
    color: #CCC;
    text-align: center;
}

.slider-labels {margin-top: 20px;}
.slider-labels .lower-label {margin-left: -4px;}
.slider-labels .upper-label {float: right; margin-right: -7px;}

.rc-slider-track {
    position: absolute;
    left: 0;
    height: 4px;
    border-radius: 6px;
    background-color: #e7e7e7 !important;
}

.rc-slider-dot-active {
    border-color: #e7e7e7 !important;
}

.form-control-ie::-ms-clear {
    display: none;
}

/* DangerousHTMLDiv - Questionnaire Review Message */
.scoreMessage {
    padding-bottom: 10px;
}

/* Sign up */
.dob {float: left; margin-right: 2px; margin-bottom: 5px; text-align: center;}
.dob input[type="text"] {text-align:center;}
.dob.day, .dob.month {width: 50px;}
.dob.year {width: 70px;}

.panel.panel-default.description-box.xsmall, .xsmall {padding-left: 0px; padding-right: 0px;}
@media (min-width: 768px){
	.panel.panel-default.description-box.xsmall, .xsmall {padding-left: 15px; padding-right: 15px;}
}
.help-icon {color: #333;}
.help-icon.large {font-size: 14px;}
.help-icon:hover {color: #777;}
.form-inline .help-icon {margin-left: 10px;}
.dob-input {text-align: center;}

/* Navbar Logo */
.navbar-header .navbar-brand.navbar-logo {padding-top: 7px; padding-right: 0px; max-width: 175px;}
.navbar-header .navbar-brand.navbar-logo img {max-height: 200px;}
@media (min-width: 768px) {.navbar-header .navbar-brand.navbar-logo {padding-top: 7px; padding-right: 15px; max-width: none;}  }
.navbar-nav span.glyphicon, .navbar-nav span.fa-regular, .navbar-nav span.fa-solid {font-size:1.8em; line-height: .8em;}
.navbar-nav span.fa {font-size: 2em; margin-top: -2px;}
.navbar-nav span.divider {float: left; display: block; margin-top: 10px; width: 1px; height: 30px; background-color: #e7e7e7;}
.navbar-nav li.dropdown.open:hover {background: none;}
.navbar-nav li:hover {text-decoration: underline; color:#000;}
.navbar-nav li.no-underline:hover {color: #000; text-decoration: none;}
.navbar-brand, .navbar-nav > li > a {text-shadow: none;}
.navbar-nav .divider, .navbar-nav li.dropdown .dropdown-menu.responsive li.divider, .navbar-nav li.dropdown .dropdown-menu.responsive li.divider:hover {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
.dropdown-menu.responsive {display: block;}
.navbar-nav .open > .dropdown-menu.responsive {display: block;}
.dropdown-menu.responsive > li > a, .dropdown-menu > li > a {
    display: block;
    line-height: 20px;
    clear: both;
    font-weight: normal;
    color: #777777;
	white-space: normal;
}
.container-fluid > .navbar-collapse {padding-left: 15px; padding-right: 15px;}

/* Tooltips */
.tooltip {opacity: 1;}
.tooltip-inner {background: #333; color: #FFF; font-size: 14px; font-weight: normal;}

/*Contact Cards*/
.contact-card .panel.panel-default.description-box {padding-left: 0px; padding-right: 0px; height: 167px;}
.contact-card .panel.panel-default.description-box .panel-body {min-height: 149px;}
.contact-card .col-xs-3 {padding-right: 0px;}
.user-image img {max-height: 137px;}
.user-image .user-image-placeholder {font-size: 64px; width: 100%; text-align: center;}
.contact-card.personal-contacts .panel.panel-default.description-box {height: 100%;}
@media only screen and (min-width : 768px) {
    .contact-card.personal-contacts .panel.panel-default.description-box {height: 206px;}
}
.careteam-card-description {
    word-wrap: break-word;
}
p.contact-info {margin-bottom: 0px;}
.personal-contact h2 {float: left;}
.authorize_text { display: inline; }
.card-name { display: inline; }

/* Setting Section */
.settings-section, .contact-section {
    padding: 15px; 
    margin: 0 0 15px 0; 
    border: 1px solid #CCCCCC; 
    border-radius: 4px; 
    background: #F2F2F2;
}

/* .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
    float: none !important;
    margin-left: 0px !important;
} */

/* react-select */
.Select.is-disabled > .Select-control {
    background-color: #eee !important;
}

.requiredWarning {
    display: block; 
    padding-top: 5px; 
    padding-bottom: 6px;
}

.requiredWarning span { 
    padding: 0;
}

.requiredWarning:empty {
    display: none;
}

.btn.bottom-margin {
    margin-bottom: 5px;
}

/* .react-datepicker__input-container {
  width: 100%;
} */

/* FAQ */
.faq-header { margin-bottom: -0.5rem; }
.faq-pair {margin: 25px 0;}
.faq-question {font-size: 16px; font-weight: bold; margin-bottom: 0px; display: block;}

/* Link Button */
.linkbutton {
    background:none!important;
    color:inherit;
    border:none;
    padding:0!important;
    font: inherit;
    cursor: pointer;
    color: #a1cf17
 }

.linkbutton.underline {
    text-decoration: underline;
}

.linkbutton:hover, .linkbutton:focus {
    color: #a1cf17
}

.linkbutton:hover, .linkbutton.underline:hover {
    text-decoration: none;
}

/* Html Editor */
.editor-wrapper{
    padding-top: 5px;
    padding-bottom: 5px;
}

.editor {
    border: 1px solid #ccc;
    padding: 6px 12px;
    border-radius: 2px;
    height: 200px !important;
}

/* Blank pages (SSO failed) */
.small.languages a {margin-right: 1em; cursor: pointer;}

/* Loader (spinner) */
.loading-outer-wrapper {padding: 0px;}
.loading-outer-wrapper-small {padding: 0px;}
.loading-mid-container {text-align: center; display: table; font-size: 14px; height: 100%; width: 100%; margin-top: 50px;}
.loading-mid-container .loading-content {display: table-cell; vertical-align: middle; }
.loading-message {font-size: 14px; margin-top: 15px;}
@media (min-width: 992px) {
.loading-outer-wrapper {height: 65vh; min-height: 550px;}
.loading-outer-wrapper-small {height: 33vh;}
.loading-mid-container {margin-top: 0px;}
}

.loader {
	margin: auto;
    border: 12px solid #f3f3f3;
    border-top: 12px solid #333;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* Kiosk Questionnaires */
.kiosk-login-layout-view {
    margin-bottom: -15cm;
}

.kiosk-header .col-auto {
    padding: 0;
}

.kiosk-header h1 {
    margin-top: 18px;
    margin-bottom: 13px;
}

.kiosk-header .top-right-utility-buttons {
    margin-bottom: 0 !important;
}

.kiosk-questionnaire-col:last-of-type {
    width: 17%;
}

 /* Utilities */
 .text-warning {color: #856404;}
.mr-1 {margin-right: .25rem !important;}
.mr-2 {margin-right: .5rem !important;}
.ml-1 {margin-left: .25rem !important;}
.ml-2 {margin-left: .5rem !important;}
.font-1-25rem {font-size: 1.25rem;}
.font-1-5rem {font-size: 1.5rem;}
.font-2rem {font-size: 2rem;}
.float-right {float: right;}
.float-left {float: left;}
.paragraph {margin-bottom: 16px;}
.list-style-type-none {list-style-type: none;}
/* Header New Badge */
.header-new-badge {white-space: nowrap; margin-top: 1.75rem; }
.header-new-badge .badge, .header-new-badge .header-new {font-size: 0.8rem;}

/* Additional DatePicker css difference in dev environment */

.react-datepicker-wrapper {
    width: 100%;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}