/* Colors

	Blue (Light): #59ABE3
	Blue-Grey: #415E72
	Dark Red: #9F0422
	
	Red: #D32144
	Red 2 (slightly darker): #E50000
	Regular Red: #D50000 (good)
	Medium Red #EF3E5C
	Crimson Red: #ed143d
	
	Skin tone: #FCD6AC
	
	Dark Gray: #1e2022
	Dark Grey/Black: #19171D
	
	Dark Grey: #273C47
	Dark Grey 3: #435B6C
	
	Medium-Grey: #64798A
	Medium-Grey 3: #CDD4D9	
	*** Medium-Medium Grey: #959CB3
	
	Medium Blue: #3C8AB8
	Light Blue: #89C4F4 
	Darker blue: #2C3E50
	Green: #27ae60
	Yellow: #F9BF3B
	Orange: #FF752D
	Purple: #663399
	
	Skin Tone: #EAC6BB
	
	Blue: #366DB6
	Medium Blue: #5792D3
	Light-Medium Blue: #83BBED
	Light Blue: #BDE3FF
	
	//Standard Gradient 3 (Better Red to Pink):
	border: none !important; background-image: linear-gradient(100deg, #FF0049 0%, #e70262 100%); background-repeat: repeat-y;
	
	//Dark Red Preferred and Crimson:
	
	//Newer, sharp red: #db3041
	
 	//Red (No Gradient):
	background: #D31027;
	background: -webkit-linear-gradient(to left, #D31027, #D31027);
	background: linear-gradient(to left, #D31027, #D31027);

	//Pure Red Gradient:
	background: #ED213A; 
	background: -webkit-linear-gradient(to left, #D32144, #ED213A);
	background: linear-gradient(to left, #D32144, #ED213A);
	
	//Active: #81cfe0 (light blue)
	//Basal: #29f1c3 (turquiose green)
	
	/* Prominent Box Shadow:
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .15), 0 6px 30px 5px rgba(0, 0, 0, .15), 0 8px 10px -5px rgba(0, 0, 0, .15);

	New: Gray
	#3B4651
	
	New New New Dark (Dec 2022):
	#000524
	
	.text-bg-secondary {
	    color: #fff!important;
	    background-color: #343a40 !important;
	}
	

*/

/* Structure */

html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

body {
	animation: fadeInAnimation ease 0.9s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	background-color: #f3f6ff;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

.center-this {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.text-bg-secondary {
    color: #fff !important;
    background-color: #778ca3 !important;
}

.bg-secondary {
	background-color: #778ca3 !important;
}

.text-dark {
	color: #0f172a;
}

.bg-dark, h4.bg-dark {
    background-color: #000524 !important;
    color: #fff !important;
}

.bg-dark2, h4.bg-dark2 {
    background-color: #000524 !important;
    color: #fff !important;
}

.text-dark2 {
	color: #000524;
}


/* CS */

.bg_CS_JM {
	background-color: #c026d3;
}

.bg_CS_NH {
	background-color: #FCA545;
}

.bg_CS_LB {
	background-color: #BAE6FD;
}

.bg_CS_SG {
	background-color: #FDE68A;
}

.bg_CS_HR {
	background-color: #E9D5FF;
}


/* Card */

.card {
    width: 100%;
    border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.card-header, h4.card-header {
	background-color: #000524;
	color: #fff;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

.card-header.bg-dark h4.text {
	color: #ffffff !important;
}

.alert-success {
    background-color: #D8F7EA;
    color: #07B06A;
}


/* Input Group */

.input-group-addon {
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}

		
/* Table */

table.table-overflow-hidden {
	overflow: hidden !important;
}

table.dataTable span.highlight {
	color: #000524 !important;
}

th {
	text-transform: none !important;
}

.table-nowrap td, .table-nowrap th, {
	white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
}
																		


/* Chart.js Tooltip */

.bg_dark_opacity {
	background-color: #000524;
	z-index: 10;
	color: #ffffff !important;
}


/* Corner Button */

.corner-menu-button {
	position: fixed;
	width: 25px;
	border-radius: 50%;
	right: 10px;
}

i.fa-fw {
	margin-right: 3px !important;
}


/* Borders */

.border-style-1 {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.border-style-2 {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
}

.border-style-3 {
	box-shadow: 2px 5px 22px 5px rgb(0 0 0 / 6%) !important;
}

.border-style-4 {
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

.border-style-5, .border-lifted, ul.border-lifted, li.border-lifted {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
}

.border-lifted {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
}

.border-inner {
	 box-shadow: inset rgba(60, 70, 85, 0.5) 0px 0px 40px 0px, rgba(0, 0, 0, .3) 0px 30px 100px -24px;
}


/* Button Checkbox */

.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
	color: #fff !important;
}


/* Page Title */

.page-title {
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: 25px;
}

.page-title h2, h2.page-title {
	font-size: 30px;
	font-weight: bolder;
}

span.title {
	display: block;
	font-weight: 400 !important;
}

span.subtitle {
	display: block;
}


/* Logo */

.navbar-vertical-aside .navbar-brand-logo {
	display: block;
	width: 90% !important;
	display: table;
	margin-left: auto;
	margin-right: auto;
}


/* Makes the entire calendar input type clickable without having to click the little icon */
/*
input::-webkit-calendar-picker-indicator {
	position: absolute;
	left: -50%;
	top: 0px;
	width: 300%;
	height: 100%;
	color: transparent;
	cursor: pointer;
	z-index: 4;
}
*/


/* Switch */

.form-check-input.form-check-warning:checked, .was-validated .form-check-input:valid:checked {
    background-color: #FFB300;
}

/* Text */

span.bg-soft-warning {
	background-color: #fdedc0 !important
}

.text-warning, span.text-warning {
	color: #cf9a08!important;
}


/* Header */

.shadow {
	position: fixed;	
	z-index: 1;
	-webkit-backface-visibility: hidden;
}
 
.shadow::before,
.shadow::after {
 	content: '';
 	display: block;
 	position: sticky;
}
 
.shadow::after {	
	background: linear-gradient(white, rgba(255,255,255,0.9)) !important;
	z-index: 2;
}
 

/* Other */

.hs-mega-menu {
	border-top: 3px solid #FF0049 !important;
}

/* DO NOT REMOVE (mitigates annoying, persistent background cell blue color that's un-unselectable)
	
.trumbowyg-table-cell-selected {
	backround-color: transparent !iportant;
}

/* Selectpicker/Bootstrap Select */

.small {
	font-size: 11px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	border: 1px solid #ced6e0 !important;
}

.btn {
	box-shadow: none;	
}

.option_bg_success {
	font-weight: 400 !important;
	color: #ffffff !important;
	background-color: #15a353 !important;
}

/* Alert */

.alert-important {
	color: #fff;
}


/* Text */

h1.text-secondary,
h2.text-secondary,
h3.text-secondary,
h4.text-secondary,
h5.text-secondary,
h6.text-sexondary,
span.text-secondary,
p.text-secondary {
	color: #57606f !important;
}

.text-white, span.text-white, p.text-white, h1.text-white, h2.text-white, h3.text-white, h4.text-white, h5.text-white {
	color: #ffffff !important;
}

.text-heartcloud {
	color: #FF0049 !important;
}

.text-centered, span.text-centered {
	text-align: center !important;
}


/* > Process Styles */

.process-wrap {
  width: 50%;
  margin: 100px auto;
}
.process-main {
    width: 100%;
    min-width: 320px;
    display: flex;
}

.process-main .col-3:not(:first-child):before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 17.5px;
    left: calc(-50% + 20px);
    right: 0;
    background: #ebebeb;
    border: 2px #ebebeb solid;
   -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
     transition: .4s;
}
.process-step-cont {
    font-family: sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: space-between;
}
.process-step {
    border: 5px #ebebeb solid;
    border-radius: 100%;
    line-height: 0;
    background: #959595;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-self: center;
    display: flex;
    color: #fff;
    width: 35px;
    height: 35px;
    font-weight: 700;
    margin-bottom: 7px;
    z-index: 4;
    cursor: pointer;
}
.process-label {
    color: #959595;
    font-weight: 600;
     width: 100%;
     text-align: center;
}
.process-dots {
    width: 10px; 
    height: 10px;
    border-radius: 50%;
    background-color: #ebebeb;
    cursor: pointer;
}
.process-dot-cont {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    width: 60%; 
    padding-top: 5px;
}
.active-step1 .col-3:first-child .process-step,
.active-step1 .col-3:first-child .process-dots:first-child,
.active-step1-mini2 .col-3:first-child .process-step,
.active-step1-mini2 .col-3:first-child .process-dots:nth-child(-n+2),
.active-step1-mini3 .col-3:first-child .process-step,
.active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+3),
.active-step1-mini4 .col-3:first-child .process-step,
.active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+4)
{
    background-color: #f89828;
}
.active-step1-mini2 .col-3:first-child .process-dots:first-child,
.active-step1-mini3 .col-3:first-child .process-dots:nth-child(-n+2),
.active-step1-mini4 .col-3:first-child .process-dots:nth-child(-n+3)
 {
    background-color: #fbcb93;
}
.active-step1 .col-3:first-child .process-label,
.active-step1-mini3 .col-3:first-child .process-label,
.active-step1-mini2 .col-3:first-child .process-label,
.active-step1-mini4 .col-3:first-child .process-label{
    color: #f89828;
}
.active-step2 .col-3:first-child,
.active-step3 .col-3:nth-child(-n+2),
.active-step4 .col-3:nth-child(-n+3){
    opacity: 0.5;
   /*pointer-events: none;*/
}
.active-step2 .col-3:first-child .process-step:before,
.active-step3 .col-3:nth-child(-n+2) .process-step:before,
.active-step4 .col-3:nth-child(-n+3) .process-step:before{
    content: '\2713';
    padding: 7px;
}
.active-step2 .col-3:nth-child(-n+2) .process-step,
.active-step2 .col-3:nth-child(-n+2) .process-dots,
.active-step3 .col-3:nth-child(-n+3) .process-step,
.active-step3 .col-3:nth-child(-n+3) .process-dots,
.active-step4 .col-3:nth-child(-n+4) .process-step,
.active-step4 .col-3:nth-child(-n+4) .process-dots {
    background-color: #f89828;
}
.active-step2 .col-3:nth-child(-n+2) .process-label,
.active-step3 .col-3:nth-child(-n+3) .process-label,
.active-step4 .col-3:nth-child(-n+4) .process-label{
    color: #f89828;
}
.active-step2 .col-3:nth-child(-n+2):before,
.active-step3 .col-3:nth-child(-n+3):before,
.active-step4 .col-3:nth-child(-n+4):before{
    background: #f89828 !important;
}
@media screen and (max-width: 640px) {
  .process-main {
    flex-wrap: wrap;
  }
  .col-3 {
    width: 50%;
  }
  .process-main .col-3:nth-of-type(3):not(:first-child):before {
    top: -19.5px;
    left: calc(-50% + 145px);
    transform: rotate(150deg);
  }
}


/* Dropdown Header */

span.dropdown-header {
	font-size: 11.5px !important;
	color: #f53b57 !important;
	margin-left: -5px;
	text-decoration: none;
	font-weight: 800 !important;
	/* border-top: 1px solid #efefef; */
}

/* Nav Link */

.nav-link:hover {
	color: #FF1C49 !important;
	font-weight: 400 !important;
}

/* Strikethrough */
span.strikethrough, label.strikethrough, .strikethrough, p.strikethrough, .strikethrough, 
span.text-strikethrough, label.text-strikethrough, .text-strikethrough, p.text-strikethrough, .text-strikethrough 
{
	text-decoration: line-through !important;
}


/* Table */

th {
	text-decoration: none !important;
}

/* Gradient Text */

.text-gradient-1 {
	background: -webkit-linear-gradient(#FF0049, #e70262);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Datatables */

.dtsp-columns-1 { /* Upon first load, what should be side-by-side panes (2 panes = dtsp-columns-2 an 1 pane = dtsp-columns-1, but each [of the 2 panes] is loading as dtsp-columns-1 instead of dtsp-columns-2 */
	max-width: 44%;
}
			
.dataTables_filter {
	margin-right: 10px;
	margin-top: 5px;
}

.dt-buttons {
	padding-left: 10px !important;
}

tr.odd {
	color: #000;
}

table.dataTable.display>tbody>tr,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1,
table.dataTable tbody td,
tr.odd td,
td.sorting_1 
{
	box-shadow: none !important;
}
/*
table.dataTable tbody tr:hover td {
	background-color: transparent !important;
}
*/

table.dataTable tbody tr.selected>* {
	background-color: #FF0049 !important;
	color: #fff !important;
	font-weight: 600 !important;
}

div.dataTables_wrapper div.dataTables_filter input {
	background-color: #ebebeb;
	color: #000;
	padding: 5px;
	border-radius: 5px;
	float: right !important;
	margin-bottom: 5px;
	border: 1px solid #ebebeb;
}

.dtsp-panesContainer {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.dtsp-clearAll {
	color: #db3041 !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td
{
	vertical-align: top;
}


/* Calendar (Flatpickr) */

.flatpickr-months {
	display: none !important;
}

.flatpickr-calendar .flatpickr-monthDropdown-months {
	left: 0px !important;
	text-align: left !important;
}

.flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.endRange.inRange, .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.endRange:focus, .flatpickr-calendar .flatpickr-day.endRange:hover, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected.inRange, .flatpickr-calendar .flatpickr-day.selected.nextMonthDay, .flatpickr-calendar .flatpickr-day.selected.prevMonthDay, .flatpickr-calendar .flatpickr-day.selected:focus, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.startRange.inRange, .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay, .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay, .flatpickr-calendar .flatpickr-day.startRange:focus, .flatpickr-calendar .flatpickr-day.startRange:hover {
	background-color: #27ae60 !important;
	border-color: #ffffff !important;
}

.flatpickr-calendar .flatpickr-day {
	border: 2px solid #fff !important;
}

span.badge {
	font-size: 12.5px;
}

h6.card-subtitle {
	font-size: 13px !important;
	color: #34495e !important;
}
		
/* Calendar */
	
.cal {
  display: inline-block;
  border: .1px solid #CCCAC5;
  background-color: #FFF;
  width: 250px;
  text-align: center;
}

.cal .month {
  height: 50px;
  line-height: 50px;
  font-size: 2rem;
  text-transform: uppercase;
  background-color: #E75951;
  color: #FFF;
}

.cal .date {
  font-size: 10rem;
  color: #585858;
  line-height: 175px;
}


/* bg-danger */

.bg-danger {
	background-color: #EA2027 !important;
}

/* Agenda */

.agenda {  }

.agenda .agenda-date { width: 170px; }
.agenda .agenda-date .dayofmonth {
  width: auto;
  font-size: 36px;
  line-height: 36px;
  float: left;
  text-align: right;
  margin-right: 10px; 
}
.agenda .agenda-date .shortdate {
  font-size: 1.2em; 
}

.agenda .agenda-time { width: 140px; } 

.agenda .agenda-events {  } 
.agenda .agenda-events .agenda-event {  } 


/* Timeline Steps (https://www.bootdey.com/snippets/view/timeline-steps) */

.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #8a8da2;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #8a8da2;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

/* Dot */

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

/* Red Dot */
.timeline-steps .timeline-content .inner-circle.dot-red {
    background-color: #f40707;
}

.timeline-steps .timeline-content .inner-circle.dot-red:before {
    background-color: #f46374;
}

/* Yellow Dot */
.timeline-steps .timeline-content .inner-circle.dot-yellow {
    background-color: #e39e09;
}

.timeline-steps .timeline-content .inner-circle.dot-yellow:before {
    background-color: #f1d884;
}

/* Green Dot */
.timeline-steps .timeline-content .inner-circle.dot-green {
    background-color: #199f5a; /* inner dot (darker) */
}

.timeline-steps .timeline-content .inner-circle.dot-green:before {
    background-color: #8fe3b8; /* outer dot (lighter background) */
}


/* Timeline */

.timeline_area {
    position: relative;
    z-index: 1;
}
.single-timeline-area {
    position: relative;
    z-index: 1;
    padding-left: 180px;
}
@media only screen and (max-width: 575px) {
    .single-timeline-area {
        padding-left: 100px;
    }
}
.single-timeline-area .timeline-date {
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 60px;
}
@media only screen and (max-width: 575px) {
    .single-timeline-area .timeline-date {
        width: 100px;
    }
}
.single-timeline-area .timeline-date::after {
    position: absolute;
    width: 3px;
    height: 100%;
    content: "";
    background-color: #ebebeb;
    top: 0;
    right: 30px;
    z-index: 1;
}
.single-timeline-area .timeline-date::before {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #f1c40f;
    content: "";
    top: 50%;
    right: 26px;
    z-index: 5;
    margin-top: -5.5px;
}
.single-timeline-area .timeline-date p {
    margin-bottom: 0;
    color: #020710;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.single-timeline-area .single-timeline-content {
    position: relative;
    z-index: 1;
    padding: 30px 30px 25px;
    border-radius: 6px;
    margin-bottom: 15px;
    margin-top: 15px;
    -webkit-box-shadow: 0 0.25rem 1rem 0 rgba(47, 91, 234, 0.125);
    box-shadow: 0 0.25rem 1rem 0 rgba(47, 91, 234, 0.125);
    border: 1px solid #ebebeb;
}
@media only screen and (max-width: 575px) {
    .single-timeline-area .single-timeline-content {
        padding: 20px;
    }
}
.single-timeline-area .single-timeline-content .timeline-icon {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 30px;
    height: 30px;
    background-color: #f1c40f;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    text-align: center;
    max-width: 30px;
    border-radius: 50%;
    margin-right: 15px;
}
.single-timeline-area .single-timeline-content .timeline-icon i {
    color: #ffffff;
    line-height: 30px;
}
.single-timeline-area .single-timeline-content .timeline-text h6 {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.single-timeline-area .single-timeline-content .timeline-text p {
    font-size: 13px;
    margin-bottom: 0;
}
.single-timeline-area .single-timeline-content:hover .timeline-icon,
.single-timeline-area .single-timeline-content:focus .timeline-icon {
    background-color: #020710;
}
.single-timeline-area .single-timeline-content:hover .timeline-text h6,
.single-timeline-area .single-timeline-content:focus .timeline-text h6 {
    color: #3f43fd;
}



span.fs-sm {
	font-size: 12px;
}

span.fs-xs {
	font-size: 10px;
}


/* Grid (Week) */

.grid-7 {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	background-color: #ffffff;
}

.grid-7 > div {
	text-align: center;
	font-weight: 700;
	font-size: 0.95rem;
	padding: 0px !important;
}

/* Calendar */
		
.calendar {
  --side-padding: 0px;
  --accent-br: 8px;
  /* max-width: 330px; */
  color: #fff;
}

.calendar__body {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 100%;
}

.calendar__days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	background-color: #ba9b7f;
	padding: 2px !important; 
	border-top-left-radius: 10px !important; 
	border-top-right-radius: 10px !important;
}

.calendar__days > div {
	text-align: center;
	font-weight: 700;
	font-size: 0.95rem;
	width: 100%;
	
}

.calendar__dates {
	background-color: #fff;
	/* Leave Commented padding: 5px var(--side-padding); */
	display: grid;
	cursor: hand !important;
	grid-template-columns: repeat(7, 1fr);
}

/* Each Date Cell: */

.calendar__date {
	border: 1px solid #ebebeb;
	--height: calc(365px / 7.2 - var(--side-padding));
	height: var(--height);
	width: 100%;
	height: 60px;
  /* P line-height: var(--height); Puts the day number in the middle */
  	color: #000524 !important;
	text-align: center;
	font-weight: 600;
	font-size: 0.9rem;
	cursor: hand;
	position: relative;  
}

.calendar__date:hover {
	background-color: transparent !important;
}

.calendar__date::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  width: 100%;
  height: calc(var(--height) * 1.0);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0px;
  transition: background-color 0.3s ease;
}
.calendar__date:not(.calendar__date--selected):not(.calendar__date--grey):hover::before {
  color: #000524;
  background-color: #000524 !important;
  opacity: 0.4 !important;
  cursor: hand !important;
  padding: 0px !important;
}

.calendar__date--grey {
  background-color: #c5c8ca;
  color: #000524 !important;
  cursor: not-allowed;
}
.calendar__date--nodata {
  cursor: not-allowed;
}
.calendar__date--selected {
  color: #fff;
}
.calendar__date--selected::before {
  background-color: #fff;
  border-radius: 0px;
}
.calendar__date--first-date::before {
  border-top-left-radius: var(--accent-br);
  border-bottom-left-radius: var(--accent-br);
}
.calendar__date--last-date::before {
  border-top-right-radius: var(--accent-br);
  border-bottom-right-radius: var(--accent-br);
}
.calendar__date--range-start::after {
  content: "";
  position: absolute;
  bottom: 3px;
  border-radius: 24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  width: 10px;
  height: 4px;
}
.calendar__date--range-end {
  color: #fff;
}
.calendar__date--range-end::before {
  box-shadow: 0 15px 20px -3px rgba(255, 55, 75, 0.35);
  background-color: #fff;
  color: #333;
  border-radius: var(--accent-br);
  z-index: 1;
}
.calendar__date--range-end::after {
  content: "";
  position: absolute;
  height: calc(var(--height) * 0.9);
  background-color: #ffeaec;
  width: 50px;
  top: 50%;
  right: 50%;
  transform: translateY(-50%);
}
.calendar__date span {
  position: relative;
  z-index: 1;
}
.calendar__buttons {
  padding: 10px var(--side-padding) 20px;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.calendar__button {
  cursor: pointer;
}
.calendar__button--grey {
  background-color: #f3f4f6;
}
.calendar__button--primary {
  background-color: #1751ff;
  color: #fff;
  transition: box-shadow 0.3s cubic-bezier(0.21, 0.68, 0.09, 0.27), transform 0.2s linear;
}
.calendar__button--primary:hover {
  box-shadow: 0 20px 30px -13px rgba(23, 82, 255, 0.45);
  transform: translateY(-3px);
}
.calendar__button--primary:active {
  box-shadow: 0 10px 10px -6px rgba(23, 82, 255, 0.45);
  transform: translateY(-1px);
}


/* Always Show scrollbar */
.frame {
	overflow-y: auto;
	border: 3px solid black;
	height: 3em;
	width: 10em;
	line-height: 1em;
}


/* Input (Text) */
.border-style-1 {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.border-style-2 {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
}

.border-style-3 {
	box-shadow: 2px 5px 22px 5px rgb(0 0 0 / 6%) !important;
}

.border-style-4 {
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;

}


/* Utilities */ 

.center-this, ul.center-this span.center-this {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

 span.noprint {
      visibility: hidden;
   }

 @media print {
   span.noprint {
      visibility: hidden;
   }
}


span.font-weight-bold, label.font-weight-bold {
	font-weight: 600 !important;
}

/* Depth */

a.border-shadow,
.border-shadow {
	box-shadow: 5.3125rem 5.3125rem 3.625rem rgb(0 0 0 / 4%), 2.2193rem 2.2193rem 1.514rem rgb(0 0 0 / 3%), 1.1868rem 1.1868rem 0.81rem rgb(0 0 0 / 2%), 0.665rem 0.665rem 0.4537rem rgb(0 0 0 / 2%), 0.3531rem 0.3531rem 0.2412rem rgb(0 0 0 / 2%), 0.1468rem 0.1468rem 0.1rem rgb(0 0 0 / 1%);
}

/* Font Weight Bold */

b, strong {
	font-weight: 700 !important;
}

.hidden, ul.hidden, p.hidden, h1.hidden, h2.hidden, h3.hidden, h4.hidden, h5.hidden, span.hidden, tr.hidden, td.hidden {
	display: none !important;
}

.btn-block, a.btn-block, button.btn-block {
	display: block !important;
	width: 100% !important;
}

a.main-sidebar-create-new:hover {
	background-color: rgba(39, 174, 96, 0.2) !important;
	color: #27ae60 !important;
}

button.btn-success .active {
	color: #fff !important;
}


/* Adjust theme.css */

.dropdown-header {
	font-weight: 700 !important;
	font-size: 14px !important;
	color: #5d5959 !important;
}

.nav-segment {
	background-color: #000524 !important;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.nav-segment .nav-link {
	color: #fff !important;
}

.nav-segment .dropdown-menu .nav-link {
	color: #000524 !important;
}

.nav-segment .nav-link.active {
	color: #333 !important;
}

a.list-group-item:hover {
	background-color: #ebebeb !important;
	color: #333;
}

li.list-group-item.active a {
	color: #ffffff !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-light2 {
	background-color: #d1d8e0 !important;
}

.bg-soft-danger.active span.text-danger, .bg-soft-danger.active span.text-danger { 
	color: #fff !important; 
}

.bg-soft-orange {
	background-color: #feece9 !important;
}

.bg-orange {
	background-color: #FF752D !important;
}

.border-orange, span.border-orange {
	border: 1px solid #FF752D !important;
}

.text-orange {
	color: #FF752D !important;
}

span.apex-chart-group-month {
	margin-top: 5px !important;	
}

.text-danger,
span.text-danger,
a.text-danger,
p.text-danger,
h1.text-danger,
h2.text-danger,
h3.text-danger,
h4.text-danger,
h5.text-danger,
h6.text-danger {
	color: #EA2027 !important;
}

/* Indigo */

a.btn-indigo, button.btn-indigo, .bg-indigo, span.bg-indigo {
	background-color: rgba(45, 21, 130, .9) !important;
	color: #ffffff !important;
}

a.btn-indigo:hover, button.btn-indigo:hover {
	background-color: rgba(45, 21, 130, .6) !important;
}


.bg-soft-indigo, span.bg-soft-indigo {
	background-color: rgba(45, 21, 130, 0.1) !important;
}


/*
.bg-indigo, span.bg-indigo {
	background-color: #2d1582 !important
}
*/

.text-indigo {
	color: #2d1582 !important
}

.border-indigo, span.border-indigo {
	border: 1px solid #2d1582 !important;
}

.step-icon-soft-indigo {
    color: #2d1582 !important;
	background-color: rgba(45, 21, 130, 0.1) !important;
}
.step-icon-soft-primary.step-icon-pseudo::before {
    background-color: #2d1582 !important;
}


/* Nav Segment/Tabs */

ul.nav-segment-light {
    background-color: rgba(255, 255, 255, 1.0) !important;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;	
	border: 1px solid #ebebeb;
}

.nav-segment-light .nav-link.active {
	background-color: #FF0049;
	color: #fff !important;
	font-weight: bolder;
	border: 1px solid #EA2027 !important;
}

.nav-segment-light .nav-link {
	color: #0652DD !important;
	margin: 3px;
}

.nav-segment-light .nav-link:hover {
	color: #FF0049 !important;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}


.vh-60 {
	height: 60% !important;
}

.navbar-brand-logo {
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
}

.text-secondary-, .text-secondary {
	color: #000524 !important;
}

span.badge {
	font-size: 12px;
}

a.btn-outline-danger:hover, button.btn-outline-danger:hover {
	color: #fff !important;
}

.btn-group-justified {
	display: table !important;
	margin-left: auto;
	margin-right: auto; 
	display: block; 
}

.alert {
	border-radius: 10px !important;
	color: #fff;
}


.alert-danger {
	background-color: #c8102E !important;
	color: #fff !important;
}

table.table, .table tr {
	color: #000524;
}


/* Hover Card */

a.hover-card:hover {
	background-color: #f1f2f6;
}

/* Td v-align middle */
/*
td {
	vertical-align: middle !important;
}
*/

/* Scrollbar */

::-webkit-scrollbar { width: 8px; height: 4px; }

::-webkit-scrollbar-thumb { 
    background-color: #222f3e !important;
    border-radius: 3px; 
    width: 6px;
    
}

/* Background color below scroller */
::-webkit-scrollbar-track {
    background-color: #c8d6e5 !important; 
}


/* Scrollbar */
.scrollbar::-webkit-scrollbar { width: 7px; height: 6px; }

.scrollbar::-webkit-scrollbar-thumb { 
    background-color: #222f3e;
    width: 3px;
}

.scrollbar::-webkit-scrollbar-track {
    border-radius: 3px; 
}

.bg-dark small {
	color: #fff !important;
}

.card-header.bg-dark.text-white h1,
.card-header.bg-dark.text-white h2,
.card-header.bg-dark.text-white h3,
.card-header.bg-dark.text-white h4,
.card-header.bg-dark.text-white h5,
.card-header.bg-dark.text-white small {
	color: #fff !important;
}

.small,
small {
    font-size: 85%;
}

.dropdown-header {
	font-size: 10px !important;
}

.col-form-label {
	font-weight: 600 !important;
}

a.btn-outline-heartcloud, button.btn-outline-heartcloud {
	background-color: #ffffff;	
	border: 1px solid #FF0049;
	color: #FF0049;
}

a.btn-outline-heartcloud:hover, button.btn-outline-heartcloud:hover {
	background-color: #FF0049;
	color: #ffffff;
}

/* Boostrap 3 */

.text-center, span.text-center, i.text-center, p.text-center {
	text-align: center !important;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide, .hidden {
  display: none !important;
}
.inner {
	  z-index: 9 !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}


    
    
/* Container Styling */

.container-style1, .container-style-1 {
	width: 100%;
	background-color: #fff;
	border: 1px solid #e7eaf3;
    box-shadow: 0 0 35px rgb(140 152 163 / 13%);
    border-radius: 0.5rem;
     overflow-x: scroll;
}
    
.container-style2, .container-style-2 {
	width: 100%;
	background-color: #fff;
    border: none;
    border-radius: 0.625rem;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);    border-radius: 0.5rem;
}

.container-style3, .container-style-3 {
	width: 100%;
	background-color: #fff;
	border-width: 1;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}


	
	

/*
*
* ==========================================
* Testing
* ==========================================
*
*/

.red {
	border: 1px solid red !important;
}




/*
*
* ==========================================
* Font Weight
* ==========================================
*
*/

.fw-200 {
	font-weight: 200 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}





/*
*
* ==========================================
* Component: Text Validation (credit: https://bootsnipp.com/snippets/featured/input-validation-colorful-input-groups)
* ==========================================
*
*/


.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}



/* Laracasts/Flash Alert Rendering */

.heartcloud_flash_alert_bar {
	display: hidden;
	width: 100%;
	font-weight: 400;
	font-size: 17px;
	margin-top: 100px;
	margin-bottom: 25px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
}

.heartcloud_flash_alert_bar .alert {
	text-align: center;
	font-weight: 400;
	padding-top: 20px;
	height: 75px;
	color: #fff;
}



/*
*
* ==========================================
* Other
* ==========================================
*
*/

.text-dark {
	color: #1A1A1D !important;
}

.bg-dark {
    background-color: #000524 !important;
	color: #fff;
}

.bg-red-pink {
	background-color: #FF0049 !important;
}

.bg-dark3 {
	background-color: #1A1A1D !important;
}

.bg-dark4 {
	background-color: #0B0C10 !important;
}

.bg-dark5 {
	background-color: #191b1b !important;
}

.bg-black {
	background-color: #000000 !important;
}

.bg-white {
	background-color: #fff;
}

.bg-transparent {
	background-color: none !important;
}

.bg-medium {
	background-color: #99B6D1 !important;
}

.bg-light2 {
	background-color: #eff5f7 !important;
}

.text-red-pink {
	color: #FF0049;
	/* color: #ff2d55 !important; */
}


/* Spinning Animation */
span.glyphicon.spinning, i.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}


/* Links */

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


/* Spans */

span.block, div.block, .block {
	display: block !important;
}

span.block-margin-bottom, div.block-margin-bottom, .block-margin-bottom {	
	display: block;
	margin-bottom: 15px !important;
}

span.block-margin-top, div.block-margin-top, .block-margin-top {	
	display: block;
	margin-top: 15px !important;
}

/* Patient Dashboard */

span.list-group-item-description {
	font-size: 17px !important
}

span.list-group-item-value {
	font-size: 17px !important;
	float: right;
}




/*
@media all and (min-width:991px) {  
  .dropdown:after{
      content: ''; 
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transition: opacity .15s ease-in-out;
      opacity: 0;
      visibility:hidden;
      background-color: rgba(0,0,0,.7);
      pointer-events: none;
  }
  .dropdown.open .nav-link{
	position:relative;
	z-index:12;
  }
  .dropdown.open:after{
	z-index:10;
	opacity:1; 
	visibility:visible;
	position: fixed;
  }
}
*/


/* Row (Standard) */

.row-standard {
	margin-bottom: 25px !important;
}

/* Section (Spacing) */
.section {
	margin-bottom: 50px;
}

.section h3 {
	margin-top: 10px;
	margin-bottom: 10px !important;
}


/* Modals */

.modal-top-cover-diabetes {
	background-image: url('../img/public-website-2022/glucose-range-area-modal-header.png');
	background-repeat: no-repeat;
	zoom: 90% !important;
	background-size: cover !important;
}


/* Text Align */

.text-align-left {
	text-align: left !important;
}

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

/* Top Menu: Right-Side Dropdown Menu */
							
.nav-HCHP-dropdown {
	
}
.nav-HCHP-dropdown>li>a:hover, .nav-HCHP-dropdown>li>a:focus, .nav-HCHP-dropdown .open>a, .nav-HCHP-dropdown .open>a:hover, .nav-HCHP-dropdown .open>a:focus {
    color: #FF0049 !important;
}
.nav-HCHP-dropdown > .dropdown {
    min-width: 150px;
}
.nav-HCHP-dropdown .dropdown-menu>li>a {
    color: #428bca;
    padding: 10px !important;
}
.nav-HCHP-dropdown .dropdown ul.dropdown-menu {
    border-radius: 4px;
    box-shadow: none;
    margin-top: 10px;
    margin-left: -6px;
    min-width: 150px;
}
.nav-HCHP-dropdown > .dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.nav-HCHP-dropdown .dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}

/* Form Group */
.form-group label {
	color: #000000;
	font-weight: 700;
	margin-top: 15px;
}

/* Gradients */

.gradient_red_pink_1 {
	border: none !important; 
	background-image: linear-gradient(100deg, #FF0049 0%, #e70262 100%); background-repeat: repeat-y;
}

.gradient_2 {
	background: radial-gradient(circle at 50% 50%, #ff0049, #fc0040, #f90037, #f6002d, #f20022, #ee0017, #ea0606);
}

.gradient_red, .gradient-red {
	background: #D31027;
	background: -webkit-linear-gradient(to left, #D31027, #D31027);
	background: linear-gradient(to left, #D31027, #D31027);
}

.gradient_green, .gradient-green {
	background: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}

.gradient-yellow-orange {
	background: #FDC830;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Footer */
/*
footer {
	margin-top: 75px;
	display: block !important;
	padding-top: 15px;
    background-image: linear-gradient(to right top, #FF033E, #db0e2d, #e30b33, #ec083a, #f40540, #f40843, #f40b45, #f40e48, #ec1547, #e31a46, #db1e45, #FF033E);
	text-align: center;
	color: #fff;
}

footer a {
	text-decoration: underline;
	color: #fff;	
}
*/

/* Laracasts/Flash Alert Rendering */

.heartcloud_flash_alert_bar {
	display: hidden;
	width: 100%;
	font-weight: 400;
	font-size: 20px;
	margin-top: -100px;
	margin-bottom: 25px;
	text-align: center;
	border-radius: none !important;
}

.heartcloud_flash_alert_bar .alert {
	border-radius: 0px !important;
}

.heartcloud_flash_alert_bar .alert {
	text-align: center;
	font-weight: 400;
	padding-top: 20px;
	height: 75px;
}


/* Component: Shadows */

.divider-inside-bottom {
	position:relative;
	overflow:hidden; 
	border-bottom:1px solid #ddd; 
}

.divider-inside-bottom:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:96%;  
	bottom: -10px; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-inside-top {
	position:relative;
	overflow:hidden; 
	border-top:1px solid #ddd; 
}

.divider-inside-top:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:96%;  
	top: -10px; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-outside-top {
	position:relative;
}

.divider-outside-top:before {
	content: ""; 
	position:absolute; 
	z-index: -1; 
	width:96%;  
	top: 0; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-inside-top-bottom {
	position:relative;
	overflow:hidden; 
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd; 
}

.divider-inside-top-bottom:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:96%;  
	top: -10px; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-inside-top-bottom:after {
	content: "";
	position:absolute;
	z-index: 1;
	width:96%; 
	bottom: -10px;
	height: 10px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}

.divider-inside-left {
	position:relative;
	overflow:hidden; 
	border-left:1px solid #ddd; 
}

.divider-inside-left:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width: 5px;  
	top: 5%; 
	height: 100%; 
	left: -10px; 
	border-radius: 5px / 100px; 
	box-shadow:0 0 13px rgba(0,0,0,0.6); 
}

.divider-inside-right {
	position:relative;
	overflow:hidden; 
	border-right:1px solid #ddd; 
}

.divider-inside-right:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:10px;  
	top: 5%; 
	height: 90%; 
	right: -10px; 
	border-radius: 5px / 100px; 
	box-shadow:0 0 13px rgba(0,0,0,0.6); 
}

.divider-inside-sides {
	position:relative;
	overflow:hidden; 
	border-left:1px solid #ddd; 
	border-right:1px solid #ddd;
}

.divider-inside-sides:before {
	content: "";
	position:absolute;
	z-index: 1;
	width:10px; 
	top: 5%;
	height: 90%;
	left: -10px;
	border-radius: 5px / 100px;
	box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-inside-sides:after {
	content: "";
	position:absolute;
	z-index: 1;
	width:10px; 
	top: 5%;
	height: 90%;
	right: -10px;
	border-radius: 5px / 100px;
	box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-outside-top-bottom {
	position:relative;
}

.divider-outside-top-bottom:before {
	content: ""; 
	position:absolute; 
	z-index: -1; 
	width:96%;  
	top: 0; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-outside-top-bottom:before {
	content: "";
	position:absolute;
	z-index: -1;
	width:96%; 
	bottom: 0;
	height: 10px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}




/* Text */
/*
p {
	font-size: 16.5px;
}
*/

span.text-orange, .text-orange { 
	color: #FF752D !important;
}

span.badge-orange {
	background-color: #FF752D !important;
	color: #fff;
}


/* Alignment */

.pull-right, span.pull-right, label.pull-right, a.pull-right, button.pull-right {
	float: right !important;
}

.pull-left, span.pull-left, label.pull-left, a.pull-left, button.pull-left {
	float: left !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

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



/* [Bootstrap 4] Font Weight */

.font-weight-light {
	font-weight: 200 !important;
}

.font-weight-medium {
	font-weight: 400 !important;
}

.font-weight-heavy {
	font-weight: 700 !important;
}

.border-0, .border-none {
	border: none !important;
}

/* Tables */

table.table-full-width th, 
table.table-full-width td {
	white-space: nowrap !important;
}

.table thead.bg-dark th {
	color: #ffffff !important;
	text-transform: capitalize;
}

/* Removed 1/25/2021
table.table td {
    vertical-align: middle !important;
}
*/

.table-standard tr,
.table-standard td,
.table-standard th {
	font-size: 16px;
}

.no-borders,
.no-border,
table.table-no-border,
table.table-no-border tr,
table.table-no-border td,
table.table-no-borders,
table.table-no-borders tr,
table.table-no-borders td,
table.no-border,
table.no-border tr,
table.no-border td,
table.no-borders,
table.no-borders tr,
table.no-borders td,
table.no-border,
table.no-borders {
	border: none !important;
}


/* Corners */

.rounded-circle {
	border-radius: 50%;
}

.rounded-lg {
	border-radius: 10px !important;
}

.rounded-md {
	border-radius: 7px !important;
}

.rounded-sm {
	border-radius: 4px !important;
}

.rounded-0,
.rounded-none {
	border-radius: 0px !important;
}


/* Borders */

.bordered {
	border: 1px solid #ebebeb !important;
}

.no-border {
	border: none !important;
}


.float-right, span.float-right, a.float-right {
	float: right !important;
}



/* Widths */

.w-100, span.w-100, a.w-100 {
	width: 100% !important;
}

.w-99 {
	width: 99% !important;
}

.w-98 {
	width: 98% !important;
}

.w-97 {
	width: 97% !important;
}

.w-96 {
	width: 96% !important;
}

.w-95 {
	width: 95% !important;
}

.w-90 {
	width: 90% !important;
}

.w-85 {
	width: 85% !important;
}

.w-80 {
	width: 80% !important;
}

.w-75 {
	width: 75% !important;
}

.w-70 {
	width: 70% !important;
}

.w-65 {
	width: 65% !important;
}

.w-60 {
	width: 60% !important;
}

.w-55 {
	width: 55% !important;
}

.w-50 {
	width: 50% !important;
}

.w-45 {
	width: 45% !important;
}

.w-40 {
	width: 40% !important;
}

.w-30 {
	width: 30% !important;
}

.w-25 {
	width: 25% !important;
}

.w-20 {
	width: 50% !important;
}


/* Components: Gradients */

.gradient-1 {
		border: none !important; background-image: linear-gradient(100deg, #FF0049 30%, #e70262 100%); background-repeat: repeat-y;
}

.gradient-2 { /* Perfection */
	background-image: linear-gradient(to right top, #FF033E, #db0e2d, #e30b33, #ec083a, #f40540, #f40843, #f40b45, #f40e48, #ec1547, #e31a46, #db1e45, #FF033E);
}

.gradient-3 { /* Green */
	background-color: #27ae60;
	background-image: linear-gradient(315deg, #27ae60 0%, #16a085 100%);
}


/* btn-success */

.btn-success {
  background-color: #27ae60 !important;
  border-color: #27ae60 !important;
  color: #ffffff;
}

.btn-outline-primary:hover {
	color: #377dff !important;
	background-color: rgba(55, 125, 255, 0.1) !important;
}


/* btn-brown (Orders) */

.btn-link-brown {
  color: #612000 !important;
}

.btn-brown {
  background-color: #612000 !important;
  border-color: #612000 !important;
  color: #ffffff !important;
}

.btn-outline-brown {
  background-color: #fff !important;
  border-color: #612000 !important;
  color: #612000 !important;
}

.btn-brown.dropdown-toggle::after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
}

.btn-brown:hover, .btn-brown:focus, .btn-brown.focus, .btn-brown:active, .btn-brown.active {
  color: #a75502;
  box-shadow: 0px 3px 6px -2px rgba(140, 152, 164, 0.25);
}

.btn-brown:hover.dropdown-toggle::after, .btn-brown:focus.dropdown-toggle::after, .btn-brown.focus.dropdown-toggle::after, .btn-brown:active.dropdown-toggle::after, .btn-brown.active.dropdown-toggle::after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
}

.btn-brown.disabled, .btn-brown:disabled {
  color: #8c98a4;
  background-color: rgba(231, 234, 243, 0.5);
}


.box-shadow-inner {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px inset;
}

/* Disabled (Adding to boostrap.css) */
a.list-group-item[disabled] {
    cursor: default;
}
a.list-group-item[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}


/* .bg-brown (Orders) */

.bg-brown {
  background-color: #612000 !important;
}

.bg-brown-light {
	background-color: #607D8B !important;
}



/* CSS Toggle */

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

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

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


span.input-group-addon, .input-group-addon {
	padding: 10px;
}

/* Checkbox Button */

.checkbox-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.checkbox-group > * {
	margin: 0.5rem 0.5rem;
}

.checkbox-group-legend {
	font-size: 1.5rem;
	font-weight: 700;
	color: #9c9c9c;
	text-align: center;
	line-height: 1.125;
	margin-bottom: 1.25rem;
}

.checkbox-input {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(100%);
		clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	color: #000524;
}

.checkbox-input:checked + .checkbox-tile {
	border: 4px solid #20bf6b;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
	color: #20bf6b;
}


.checkbox-input:checked + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
	background-color: #20bf6b;
	border-color: #20bf6b;
}
.checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {
	color: #27ae60;
	font-weight: 600;
}
.checkbox-input:focus + .checkbox-tile {
	/* border-color: #20bf6b; */
	/* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc; */
}
.checkbox-input:focus + .checkbox-tile:before {
	transform: scale(1);
	opacity: 1;
}

.checkbox-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 9rem;
	height: 10rem;
	overflow: hidden !important;
	border-radius: 0.8rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	transition: 0.15s ease;
	cursor: pointer;
	position: relative;
}

.checkbox-tile:before {
	content: "";
	position: absolute;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: 2px solid #b5bfd9;
	background-color: #fff;
	border-radius: 50%;
	top: 0.25rem;
	left: 0.25rem;
	opacity: 0;
	transform: scale(0);
	transition: 0.25s ease;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.checkbox-tile:hover {
	border-color: #20bf6b;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
}

.checkbox-tile:hover:before {
	transform: scale(1);
	opacity: 1;
}

.checkbox-icon {
	transition: 0.375s ease;
	color: #494949;
}

.checkbox-icon svg {
	width: 3rem;
	height: 3rem;
}

.checkbox-label {
	color: #000524;
	transition: 0.375s ease;
	text-align: center;
}