/**
 * Overwrites
 */
body, html {
	background: #F6F6F6;
}

#notifications {
    height: 80px!important;
}

#notifications > div > ol {
    margin-top: 20px!important;
    z-index: 999999999999999999!important;
}

/**
 * Header Content
 */
nav.navigation > ul.main-navigation > li > a > i,
#notifications > div > i.fa.fa-bell-o {
	font-size: 2rem!important;
	padding: initial!important;
}

#notifications > div > i.fa.fa-bell-o:before {
	content: "\f0f3";
}

/**
 * Main Content
 */
#content {
	width: 100%;
	height: calc(100% - 100px);
	overflow: hidden;
}

#main-content {
    width: calc(100% - 300px);
    margin-left: -4px;
    padding: 20px;
    transition: all .6s ease-in-out;
}

#flex-container {
    display: flex;
    flex-wrap: wrap;
}

#main-content,
#sidebar {
	height: 100%;
	display: inline-block;
	overflow: auto;
}

/**
 * Sidebar Content
 */
 #sidebar {
    width: 300px;
    background: #FFF;
    box-shadow: 0 0 23px 1px #ababab;
    transition: all .6s ease-in-out;
}

#sidebar.minimized {
    width: 60px;
    transition: all .6s ease-in-out;
}

#sidebar.minimized + #main-content {
    width: calc(100% - 60px);
    transition: all .6s ease-in-out;
}

#sidebar > ul,
#sidebar > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar > ul > li {
    margin: 0;
    color: inherit;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#sidebar > ul > li:hover {
	background: #F6F6F6;
}

#sidebar > ul > li > a {
	color: inherit;
	text-decoration: inherit;
	display: block;
}

#sidebar > ul > li > a > i {
    font-size: 2.2rem;
    width: 60px;
    text-align: center;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    vertical-align: top;
}

#sidebar > ul > li > a > span {
    display: inline-block;
    width: calc(100% - 60px);
    height: 60px;
    line-height: 60px;
    vertical-align: top;
}

/**
 * Page Assets
 */
.title {
	padding: 20px;
}

.title > h5 {
	color: #40b0a7;
	font-weight: 500;
}

.title > p {
	color: #555;
}

.title > h5,
.title > p {
	margin: 0;
	padding: 0;
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 10px;
    font-weight: 100;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: .25rem;
    color: #fff;
    background-color: #40b0a7;
    vertical-align: middle;
}

/**
 * Box Content
 */
.box {
    background: #FFF;
    border: 1px solid #dcdcdc;
	border-radius: 3px;
	margin-bottom: 20px;
}

.box thead th {
    padding: 10px 20px!important;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
}

.box thead th a {
    color: inherit;
    text-decoration: inherit;
}

.box tbody td {
    text-align: center;
    padding: 10px 0;
}



.box > .heading {
	background: #272727;
    color: #FFF;
    margin: -1px;
    border-radius: 3px 3px 0 0;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box > .body {
	padding: 20px;
}

.box > .footer > * {
    margin: 0;
    margin-left: 10px;
}

.box > .footer input {
    margin: 0;
}

.box > .footer {
    background: #F6F6F6;
    border-top: 1px solid #CCC;
    padding: 5px;
    display: flex;
    justify-content: flex-end;
}

div.input {
	margin-bottom: 10px;
}

div.input > label {
    color: #555;
    font-size: 14px;
}

div.input > input[type="email"],
div.input > input[type="number"],
div.input > input[type="search"],
div.input > input[type="text"],
div.input > input[type="tel"],
div.input > input[type="url"],
div.input > input[type="password"],
div.input > textarea,
div.input > select {
    width: 100%;
    border-color: #CCC!important;
}

div.input.datetime,
div.input.date,
div.input.time {
    display: flex;
	flex-wrap: wrap;
}

div.input.datetime > select:first-of-type,
div.input.date > select:first-of-type,
div.input.time > select:first-of-type {
	margin-left: 0px;
}

div.input.datetime > select:last-of-type,
div.input.date > select:last-of-type,
div.input.time > select:last-of-type {
	margin-right: 0px;
}

div.input.datetime > select,
div.input.date > select,
div.input.time > select {
	margin: 0 10px;
}

div.input.datetime > label,
div.input.date > label,
div.input.time > label {
    width: 100%;
}

div.input.datetime > select,
div.input.date > select,
div.input.time > select {
    width: auto;
    flex: 1;
    margin: 0 10px;
}

/**
 * Prescription Elements
 */
#find_prescription {
	display: none;
}

#PaymentProcessorPayForm .box > .body {
    display: flex;
}

#PaymentProcessorPayForm .box > .body > div:first-of-type {
    padding: 0 20px 0 0;
    font-size: 3rem;
    color: #272727;
}

#PaymentProcessorPayForm .box > .body > div:last-of-type {
    flex: 1;
}

#paymentMethods > div {
    position: relative;
}

#paymentMethods > div > input[type="radio"] {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
#paymentMethods > div > input[type="radio"]:hover + i,
#paymentMethods > div > input[type="radio"]:checked + i {
    border-color: #40b0a7;
    color: #40b0a7;
}

#paymentMethods > div > i {
    width: 100%;
    height: 90px;
    border-radius: 5px;
    border: 1px solid #CCC;
    text-align: center;
    line-height: 90px;
    color: #555;
    margin-bottom: 10px;
}

#paymentMethods > div > p {
    margin: 0;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

ul.addresses {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.addresses > li {
    border: 1px solid #CCC;
    margin-top: -11px;
    display: flex;
    padding: 10px 15px;
}

ul.addresses > li > input {
    outline: 0!important;
    -webkit-appearance: none;
    appearance: none;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(96, 102, 122, 0.75);
    transform: translate3d(50%, 50%, 0);
    margin: -8px 10px 0 0;
}

ul.addresses > li > input:after{
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transition: all .1s;
    border: 5px solid rgba(96, 102, 122, 0.75);
    transform: translate3d(50%, 50%, 0);
}

ul.addresses > li > input:checked:after {
    transform: translate3d(-50%, -50%, 0);
}

ul.addresses > li > label {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
    line-height: 25px;
    margin-left: 10px;
}

.prescription {
    display: flex;
}

.prescription > i {
    font-size: 4rem;
    margin-right: 10px;
    color: #40b0a7;
}

.prescription > div {
    flex: 1;
}

div.tab-label {
    flex: initial;
    font-size: 14px;
    background: #40b0a7;
    color: #FFF;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}

div.tab-label > span {
    font-size: 10px;
    margin-left: 10px;
    background: #0000005c;
    padding: 5px;
    border-radius: 14px;
}

.prescription > div > strong {
    display: block;
    font-weight: 600;
    margin-bottom: 0;
}

.prescription > div > p {
    margin: 0;
    font-size: 12px;
    color: #555;
}

#cms-help-outer,
.checkbox input[type="checkbox"] {
	display: none;
}

.generic-checkbox div.input {
	margin-bottom: 0;
}

.vert-middle {
	vertical-align: middle;
}

.img-fluid {
	max-width: 100%;
}

/**
 * Pagination
 */

.pagination {
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

.pagination > li {
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    margin: 0;
    background: #40b0a7;
    border-radius: 3px;
    margin-right: 7px;
    position: relative;
}

.pagination > li > a {
    text-decoration: inherit!important;
    color: inherit!important;
    padding: 8px 18px;
    display: block;
}

.pagination > li:first-of-type {
    margin-left: 18px;
}

.pagination > li:first-of-type:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #40b0a7 transparent transparent;
    position: absolute;
    left: 0;
    margin-left: -18px;
}

.pagination > li:last-of-type:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #40b0a7;
    position: absolute;
    right: 0;
    margin-right: -18px;
}

/**
 * Profile Picture
 */
.profile_picture {
    width: 100%;
}

.small-label {
    display: inline-block!important;
    font-size: 10px!important;
    padding: 5px 10px!important;
    position: relative!important;
    top: -5px!important;
    font-weight: 500!important;
    letter-spacing: 0!important;
}

.fullName {
    margin: 0;
}

ul.details,
ul.details > ol,
ul.details > ol > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.details > ol > li {
    min-height: 25px;
}

ul.details > ol {
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    margin-top: 5px;
}

ul.details > ol > li:first-of-type {
    font-size: 16px;
}

#findAddress input,
#findAddress button {
    margin-bottom: 10px;
}

.location p {
    margin: 0;
}

#spoof {
    display: none;
}

.category-tree {
	padding-left: 20px;
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}