Skip to content

H
HIMS
Commit b672f73c authored by Sandeep Sagar Panjala's avatar Sandeep Sagar Panjala
Browse files
Options

initial commit

parent a9626dee
Hide whitespace changes
Inline Side-by-side
Showing with 6409 additions and 0 deletions
Presentation/Hims.Admin/wwwroot/assets/css/BarcodePrint.css 0 → 100644
View file @ b672f73c
@media print {
@page {
margin-top: 0.01mm !important;
margin-left: 15mm !important;
margin-bottom:20mm !important;
padding: 0 !important;
size: 2.8in 1.9in !important;
}
}
Presentation/Hims.Admin/wwwroot/assets/css/app.css 0 → 100644
View file @ b672f73c
This source diff could not be displayed because it is too large. You can view the blob instead.
Presentation/Hims.Admin/wwwroot/assets/css/blue-theme.css 0 → 100644
View file @ b672f73c
body[data-topbar-color="light"] .navbar-custom {
background-color: #ffffff !important;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
/* Search */
}
body[data-layout-mode="two-column"] .sidebar-icon-menu .logo {
display: block;
width: 80px;
height: 65px;
line-height: 65px;
text-align: center;
z-index: 1002;
background-color: #0766ff;
}
body[data-layout-mode="two-column"] .left-side-menu {
background-color: #4d92ff;
box-shadow: none;
}
body[data-layout-mode="two-column"] .layout-sidebar-main-menu {
display: block;
position: fixed;
width: 254px;
background-color: #4087f9;
top: 0;
bottom: 6px;
left: 88px;
padding: 4px 0px;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
transition: all .1s ease-out;
}
body[data-layout-mode="two-column"] .sidebar-icon-menu {
position: fixed;
width: 80px;
z-index: 500;
top: 0;
bottom: 0;
padding-bottom: 20px;
background: #0766ff;
overflow: hidden auto;
}
.widget-count {
height: 100%;
box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
border-radius: 30px;
color: #0a67eb;
border: 2px solid rgb(119 172 247);
background-image: url("assets/images/pattern.png");
background-position: left;
}
.count-filter-btn-block {
position: absolute;
cursor: pointer;
right: 10px;
top: 10px;
cursor: pointer;
padding: 1px 5px;
background-color: #0a67eb;
border-radius: 50%;
color: #FFF;
}
.widget-graph .filter-btn-block {
cursor: pointer;
padding: 5px 9px;
background-color: #0a67eb;
border-radius: 50%;
color: #FFF;
}
.widget-table, .widget-graph {
box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
border-radius: 20px;
color: #0a67eb;
border: 2px solid rgb(119 172 247);
}
.layout-main-menu-active .menu-active i {
color: #0a67eb !important;
}
.layout-main-menu-active .menu-active a:hover i {
color: #0a67eb !important;
}
.layout-main-menu-active .menu-active .text-white {
color: #0a67eb !important;
}
a:hover {
color: #095cd2;
text-decoration: none;
}
.Bookedlayout-main-menu-inactive .inactive-highlight i {
color: #0a67eb !important;
}
.layout-main-menu-inactive .inactive-highlight i {
color: #0a67eb !important;
}
.layout-main-menu-inactive .inactive-highlight a:hover i {
color: #0a67eb !important;
}
.layout-main-menu-inactive .inactive-highlight .text-white {
color: #0a67eb !important;
}
.custom-modal .modal-header {
background: #3283f6 url(../images/hero_bg_1.svg) repeat fixed;
}
.anchorFocus:focus {
border: 1px solid #3283f6 !important;
display: flex;
align-items: center;
}
.fe-menu:before {
content: "\e88f";
border-radius: 4px;
background-color: white;
padding: 2px;
border: 1px solid #3283f6;
}
[class^="fe-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'feather' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/*color: #0d6df4;*/
z-index: 10;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.trapezium {
height: 0px;
min-width: 80px;
display: inline-block;
border-bottom: 30px solid #589bf7;
border-right: 15px solid transparent;
text-align: center;
max-width:100%;
}
.headingStyle {
color: white;
font-size: clamp(13px, 2vmin, 1rem);
line-height: 30px;
border-bottom: 2px solid #589bf7;
height: 32px;
}
.encounter-menu .dropdown-item.active {
background: #ffffff;
color: black;
}
.actions-dropdown {
background: linear-gradient(to bottom, #3283f6 0, #0a67eb 100%);
}
body[data-topbar-color="light"] .navbar-custom .button-menu-mobile {
color: #3283f6;
}
/*copied bootstrap classes responsible for primary and white colors which is overided in yellow and gray theme*/
.btn-primary:hover {
color: #fff !important;
background-color: #0d6df4;
border-color: #0a67eb;
}
.form-control:focus {
color: #5a5a5a;
background-color: #fff;
border-color: #0a67eb;
outline: 0;
box-shadow: none;
}
.bg-primary {
background-color: #3283f6 !important;
}
.btn-primary {
color: #fff;
background-color: #3283f6;
border-color: #3283f6;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #3283f6;
border-color: #3283f6;
}
.btn-outline-primary {
color: #3283f6;
border-color: #3283f6;
}
.badge-primary {
color: #fff;
background-color: #3283f6;
}
.text-primary {
color: #3283f6 !important;
}
a {
color: #3283f6;
text-decoration: none;
background-color: transparent;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #3283f6;
border-color: #3283f6;
}
.border-primary {
border-color: #3283f6 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0a67eb !important;
}
\ No newline at end of file
Presentation/Hims.Admin/wwwroot/assets/css/bootstrap.css 0 → 100644
View file @ b672f73c
This source diff could not be displayed because it is too large. You can view the blob instead.
Presentation/Hims.Admin/wwwroot/assets/css/custom.css 0 → 100644
View file @ b672f73c
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-thumb {
background-color: #a2adb7;
border-radius: 7px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #ffffff;
background-color: #ffffff;
}
.my-class .card-header {
background-color: springgreen;
}
.my-class .card-body {
background-color: springgreen;
}
.my-class .card-footer {
background-color: springgreen;
}
.package-module-charge-category-container {
position: absolute;
top: -45px;
right: 6%;
}
.package-module-charge-category-container ng-select {
min-width: 350px;
}
.strike-item {
text-decoration: line-through;
text-decoration-color: #d75757;
}
.package-charges-loading {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgb(50 58 70 / 25%);
z-index: 9;
display: flex;
align-items: flex-start;
justify-content: center;
border-radius: 4px;
}
.package-charges-loading div {
border-radius: 4px;
position: relative;
top: 20%;
}
.btn-scroll-top {
position: fixed;
bottom: 15px;
right: 15px;
display: none;
z-index: 99;
outline: none !important;
box-shadow: none !important;
font-size: 16px;
padding: 0;
width: 35px;
height: 35px;
border-radius: 100%;
background: #616161;
background: rgba(97, 97, 97, 0.7);
border-color: #616161;
border-color: rgba(97, 97, 97, 0.7);
}
.quick-actions-menu i {
width: 20px;
vertical-align: middle;
}
.quick-actions-menu .mdi {
font-size: 16px;
}
.change-password-modal .modal-dialog {
max-width: 350px !important;
}
.custom-modal .modal-header .modal-title {
color: #ffffff;
}
.custom-modal .modal-header .close {
color: #ffffff;
}
.custom-modal .modal-footer {
background: #f7f7f7;
}
.show-must {
display: block !important;
}
.cursor-pointer {
cursor: pointer !important;
}
@-webkit-keyframes checkmark {
0% {
stroke-dashoffset: 50px
}
100% {
stroke-dashoffset: 0
}
}
@-ms-keyframes checkmark {
0% {
stroke-dashoffset: 50px
}
100% {
stroke-dashoffset: 0
}
}
@keyframes checkmark {
0% {
stroke-dashoffset: 50px
}
100% {
stroke-dashoffset: 0
}
}
@-webkit-keyframes checkmark-circle {
0% {
stroke-dashoffset: 240px
}
100% {
stroke-dashoffset: 480px
}
}
@-ms-keyframes checkmark-circle {
0% {
stroke-dashoffset: 240px
}
100% {
stroke-dashoffset: 480px
}
}
@keyframes checkmark-circle {
0% {
stroke-dashoffset: 240px
}
100% {
stroke-dashoffset: 480px
}
}
.icon--success svg path {
-webkit-animation: checkmark .25s ease-in-out .7s backwards;
animation: checkmark .25s ease-in-out .7s backwards
}
.icon--success svg circle {
-webkit-animation: checkmark-circle .6s ease-in-out backwards;
animation: checkmark-circle .6s ease-in-out backwards
}
.break-all {
word-break: break-all !important;
}
.auth-signup-box {
max-width: 620px !important;
}
.terms-ul,
.terms-ul ol {
list-style: none;
padding: 0;
margin: 0;
text-align: justify;
}
.terms-ul li .list-rank {
width: 24px;
display: inline-block;
vertical-align: top;
font-weight: 600;
}
.terms-ul li p {
margin-bottom: 10px;
}
.terms-ul ol li+li {
margin-top: 8px;
}
.error-container {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.error-container .error-box {
width: 520px;
text-align: center;
}
.bg-error-light {
background-color: #ffe0e0;
}
.no-data {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
}
.no-data img {
margin-bottom: 1.5rem;
/*opacity: 0.65;*/
width: 125px;
}
.no-data span.title {
font-size: 15px;
}
.no-data span.sub-title {
font-size: 13px;
margin-bottom: 0;
}
.mh-400 {
min-height: 400px;
}
.content-breaker:before {
content: "-";
margin-left: 3px;
margin-right: 3px;
}
.data-breaker:before {
content: "";
margin-left: 5px;
margin-right: 5px;
border-left: 1px solid #c0c0c0;
}
tr.selected {
background-color: #f1ebbe !important;
}
.ph-loading {
margin: 0 -15px;
border: none;
padding: 0;
}
.ph-avatar-loading {
border-radius: 100%;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.filters-header {
background: linear-gradient(to bottom, #3283f6 0, #0a67eb 100%);
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
height: 65px;
}
.filters-header h4 {
margin: 0;
color: #fff;
}
.filters-header a {
color: #fff;
font-size: 16px;
}
.filters-body {
padding: 1rem;
}
.filters-footer {
position: static;
bottom: 0;
width: 100%;
background: #f7f7f7;
padding: 1rem;
display: flex;
justify-content: flex-end;
}
.form-group label.mb-1 {
text-transform: capitalize;
}
.date-picker {
cursor: pointer;
padding-right: 2em;
background: url(../images/calendar.svg) #fff no-repeat center right 0.625rem/calc(0.75em + 0.46875rem) calc(0.75em + 0.46875rem);
}
.date-picker:disabled,
.date-picker[readonly] {
background-color: #fff;
}
ngb-datepicker {
background-color: #fff !important;
border: 1px solid #485e90 !important;
border: 1px solid rgba(72, 94, 144, 0.16) !important;
font-family: inherit !important;
font-size: 13px !important;
padding: 10px !important;
margin: 1px 0 0 !important;
width: auto !important;
z-index: 5 !important;
border-radius: 0.25rem !important;
}
.ngb-dp-header {
border-radius: 0 !important;
padding: 0 !important;
background-color: transparent !important;
margin-bottom: 8px;
}
.ngb-dp-arrow-btn {
font-size: 10px;
padding: 0 !important;
margin: 0 !important;
}
.ngb-dp-arrow-btn:focus {
outline: none;
}
.ngb-dp-navigation-select select {
font-size: 13px !important;
font-weight: 600;
}
.ngb-dp-navigation-select select+select {
margin-left: 8px;
}
.ngb-dp-month-name {
color: #FCC015;
font-weight: 600;
font-size: 13px !important;
text-transform: uppercase;
letter-spacing: 1px;
background-color: transparent !important;
}
.ngb-dp-weekday {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.5rem !important;
/*padding: 6px 9px;*/
color: #1b2e4b !important;
font-style: normal !important;
background-color: transparent !important;
}
.ngb-dp-month:first-child .ngb-dp-week {
padding-left: 0 !important;
}
.ngb-dp-month:last-child .ngb-dp-week {
padding-right: 0 !important;
}
.ngb-dp-weekdays {
border-bottom: none !important;
margin-bottom: 8px;
}
.ngb-dp-day,
.ngb-dp-week-number,
.ngb-dp-weekday {
margin: 0;
}
.ngb-dp-month .ngb-dp-week:last-child {
padding-bottom: 0 !important;
}
[ngbDatepickerDayView] {
border-radius: 100% !important;
}
@-webkit-keyframes stripes {
from {
background-position: 0 0
}
to {
background-position: 60px 30px
}
}
@keyframes stripes {
from {
background-position: 0 0
}
to {
background-position: 60px 30px
}
}
.profile-pic-upload {
position: relative;
max-width: 150px;
max-height: 194px;
display: flex;
/*float: right;*/
align-items: center;
justify-content: center;
flex-flow: column;
background: #f8f8f8;
}
.scroll-none::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.scroll-none {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.profile-pic-upload .upload-action {
display: none;
align-items: center;
justify-content: center;
}
.profile-pic-upload:hover .upload-action {
display: flex;
position: absolute;
width: 100%;
height: 100%;
background: #3283f6;
background: rgba(50, 131, 246, 0.1);
}
.profile-pic-upload:focus .upload-action {
display: flex;
position: absolute;
width: 100%;
height: 100%;
background: #3283f6;
background: rgba(50, 131, 246, 0.1);
}
.profile-pic-upload .no-image {
width: 50%;
}
.form-box {
padding: 12px;
border: 1px solid #f2f2f2;
}
.form-box+form-box {
margin-top: 12px;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}
.table-form {
margin: -12px;
}
.anchorFocusonly:focus {
border: 1px solid #3283f6 !important;
}
.table-form td {
vertical-align: middle;
padding: 12px;
}
.table-form tr:last-child td {
padding-bottom: 1px;
}
.profile-box {
background-image: url(../images/bg-pattern-2.png);
background-size: 100%;
background-repeat: no-repeat;
}
.card-box .box-title {
font-size: clamp(13px, 2vmin, 1rem);
background: #edfaf7;
/*background: #f3f7f9;*/
padding: 12px;
border-radius: 0.25rem;
margin: -23px;
margin-bottom: 24px;
}
.modifying-content {
display: flex;
width: 100%;
height: 100%;
background: #000000;
background: rgba(0, 0, 0, 0.1);
position: absolute;
z-index: 9;
align-items: center;
justify-content: center;
left: 0;
bottom: 0;
border-radius: 0.25rem;
}
.modifying-content p {
background: #fff;
box-shadow: 0 0 6px 0 #333;
padding: 8px 16px;
border-radius: 0.25rem;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.slots-container {
height: 360px;
margin-left: -12px;
margin-right: -12px;
margin-top: 12px;
margin-bottom: 0;
}
.slots-container .slots-body+.slots-body {
margin-top: 24px;
}
.slots-container .slots-body h6 {
font-size: 13px;
margin-bottom: 0;
margin-left: 12px;
margin-top: 0;
}
.slots-container .slots-body .slot {
min-width: 73px;
border-radius: 0.25rem;
padding: 4px;
font-size: 12px;
font-weight: 600;
display: inline-block;
text-align: center;
margin-top: 12px;
margin-left: 12px;
text-transform: lowercase;
-webkit-box-shadow: 0 0 3px 0 #000000;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px 0 #000000;
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px 0 #000000;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.slots-container .slots-body .slot i {
margin-right: 5px;
}
.slots-container .slots-body .slot i:before {
margin: 0;
}
.slots-container .slots-body:last-child {
margin-bottom: 2px;
}
.slot.Booked,
.slot.Expired {
background: #ffe2e2;
text-decoration: line-through;
cursor: default;
border: 1px solid #f3cbcb;
}
.slot.Available {
background: #f6faff;
color: #3283f6;
cursor: pointer;
border: 1px solid #e1ecfb;
}
.slot.Available.selected {
background: #3283f6 !important;
color: #fff;
}
.mh-360 {
min-height: 360px !important;
}
.appointment-form {
padding: 16px 6px 22px;
margin-bottom: 0;
}
.slots-modal {
overflow-x: hidden !important;
overflow-y: scroll !important;
}
.slots-modal .modal-dialog {
max-width: 970px;
}
.extra-large-modal {
overflow-x: hidden !important;
overflow-y: scroll !important;
}
.extra-large-modal .modal-dialog {
max-width: 1120px;
}
.bootbox .modal-dialog {
max-width: 350px;
text-align: center;
}
.bootbox .modal-dialog .modal-content {
padding-top: 10px;
padding-bottom: 10px;
}
.bootbox .modal-dialog .modal-content .modal-header {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0;
}
.bootbox .modal-dialog .modal-content .modal-footer {
display: flex;
align-items: center;
justify-content: center;
}
.close-profile {
position: absolute;
right: 25px;
top: 10px;
font-size: 16px;
color: #f86262;
}
.close-profile:hover,
.close-profile:focus {
color: #ff4500;
}
/*.invoice-modal .modal-dialog {
max-width: 600px;
}*/
.table-appointment {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
.table-appointment th,
.table-appointment td {
padding: 10px;
}
ul.inv-info {
margin-bottom: 0;
list-style: none;
padding: 0;
margin: 0;
}
ul.inv-info li span:first-child {
width: 80px;
margin-right: 15px;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
line-height: 30px;
}
ul.inv-info li:last-child {
font-size: 16px;
font-weight: 600;
}
ul.inv-info li span:last-child {
display: inline-block;
vertical-align: middle;
text-align: right;
width: 50px;
}
.ht-100p {
height: 100% !important;
}
.actions-dropdown .dropdown-item {
color: #fff;
}
.actions-dropdown .dropdown-item i {
position: relative;
top: -1px;
}
.actions-dropdown .dropdown-item .mdi {
font-size: 16px;
}
.actions-dropdown .dropdown-item:hover,
.actions-dropdown .dropdown-item:focus {
background: #000000;
background: rgba(0, 0, 0, 0.1);
}
.table-transaction tr td {
padding: 6px 12px;
word-break: break-all;
}
.table-transaction tr td:first-child {
width: 180px;
background: #e9f0f4;
font-weight: 600;
text-transform: capitalize;
}
.layout-title h4 {
line-height: 65px;
margin: 0;
padding-left: 24px;
min-width: 220px;
display: flex;
font-size: 20px;
}
.encounter-menu .dropdown-item {
font-weight: 300;
font-size: .9rem;
}
.encounter-menu .dropdown-item.active::after {
font-family: feather;
content: "\e829";
position: absolute;
right: 15px;
margin-top: -1px;
color: black;
}
.encounter-profile-list {
line-height: 24px;
font-size: 14px;
border-bottom: 1px solid #3685f3;
padding: 0.5rem;
margin-bottom: 0.5rem;
width: 100%;
}
.encounter-profile-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.encounter-profile-list ul li i {
width: 18px;
display: inline-block;
vertical-align: middle;
color: #adb5bd;
font-size: 16px;
}
.text-mute {
color: #5e7d8a !important;
}
.card-box-sm {
padding: 1rem !important;
}
.ck.ck-reset_all,
.ck.ck-reset_all * {
font-family: "Nunito", sans-serif !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
}
.ck.ck-icon:not(.ck-dropdown__arrow) {
width: 15px !important;
font-size: 13px !important;
outline: none !important;
}
.ck-dropdown__arrow {
width: 10px !important;
font-size: 13px !important;
outline: none !important;
}
.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
min-height: 35px !important;
}
.ck.ck-toolbar>.ck-toolbar__items>*,
.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ck-content {
min-height: 95px;
}
.ck.ck-tooltip .ck-tooltip__text {
font-size: 13px !important;
}
.ck.ck-list__item .ck-button .ck-button__label {
font-size: 13px !important;
line-height: 20px !important;
}
.notes-editor .ck-content {
min-height: 150px;
}
.input-group-text.custom-select {
background-color: #F7F7F7 !important;
}
.w-75p {
width: 75px !important;
}
.input-group-btn-group {
background-color: #f7f7f7;
border: 1px solid #ced4da;
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.input-group-btn-group .btn-group {
height: 28px;
margin-top: 2px;
margin-left: 5px;
margin-right: 5px;
}
.input-group-btn-group .btn-group .btn {
background: transparent;
border: none;
border-radius: 0.2rem !important;
}
.input-group-btn-group .btn-group .btn:hover,
.input-group-btn-group .btn-group .btn:focus,
.input-group-btn-group .btn-group .btn:active {
background: transparent;
border: none;
outline: none;
box-shadow: none;
}
.input-group-btn-group .btn-group .btn.active {
background: #3283f6;
color: #fff;
}
.search-container {
position: relative;
}
.search-container .spinner-border {
position: absolute;
top: 58%;
right: 2%;
}
.search-container .dropdown-menu {
max-height: 300px;
width: 100%;
overflow: auto;
font-size: 13px;
}
.search-container .dropdown-menu .dropdown-item {
padding: 0.375rem 0.9rem;
}
.dosages span+span {
margin-left: 5px;
padding-left: 5px;
border-left: 1px solid #c0c0c0;
}
.text-truncate-line {
white-space: pre-line;
word-break: break-word;
}
.w-200p {
width: 200px;
}
.dashboard-box {
background-color: #fff;
box-shadow: 0 0 35px 0 #9aa1ab;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
margin-bottom: 24px;
border-radius: 0.25rem;
}
.dashboard-box .dashboard-title {
font-size: clamp(10px, 3vw, 20px);
background-color: #edfaf7;
padding: 12px;
border-top-left-radius: 0.25rem;
margin: 0;
border-top-right-radius: 0.25rem;
}
.dashboard-box .dashboard-body {
padding: 1rem;
}
.dashboard-box:last-child {
margin-bottom: 0;
}
.dashboard-table-box .dashboard-body {
padding: 0.5rem;
}
.dashboard-break {
margin-bottom: 1rem;
}
.dashboard-ul {
padding: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
.dashboard-ul:not(.row) {
margin-left: 0;
margin-right: 0;
}
.dashboard-ul li {
line-height: 26px;
}
.dashboard-ul li:before {
content: "\e83f";
font-family: feather;
margin-right: 0.5rem;
}
.dashboard-inline-ul li {
line-height: 26px;
display: inline-block;
vertical-align: middle;
width: 20%;
}
.reading-block {
font-size: 24px !important;
font-weight: 600 !important;
}
.reading-label {
font-size: 13px !important;
}
.center-widget {
text-align: center;
height: 125px;
}
.center-widget .reading-block {
line-height: 5 !important;
}
.center-widget .reading-label {
line-height: 14 !important;
font-size: 1rem !important;
font-family: "Cerebri Sans,sans-serif";
color: #343a40;
font-weight: 500;
}
.report-content {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
}
.report-content .container {
padding: 30px 0 60px;
}
.report-box-shadow {
box-shadow: 0 0 6px 0 #9aa1ab;
box-shadow: 0 0 6px 0 rgba(154, 161, 171, 0.15);
}
.last-logged-in-settings {
padding: 1rem;
margin: -1rem;
font-size: 14px;
margin-bottom: 1.5rem;
}
.dashboard-text-truncate {
display: inline-block;
text-overflow: ellipsis;
word-break: break-all;
white-space: pre;
width: 150px;
overflow: hidden;
vertical-align: top;
}
.settings-menu .dropdown-item {
font-weight: 600;
}
.settings-menu .dropdown-item.active {
background: #3283f6;
color: #fff;
}
.settings-menu .dropdown-item.active::after {
font-family: feather;
content: "\e829";
position: absolute;
right: 15px;
margin-top: -1px;
color: #fff;
}
.settings-profile-list {
margin: 1rem;
line-height: 24px;
font-size: 14px;
border-bottom: 1px solid #eefaf8;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.settings-profile-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.settings-profile-list ul li i {
width: 18px;
display: inline-block;
vertical-align: middle;
color: #adb5bd;
font-size: 16px;
}
.async-control {
position: absolute;
right: 6px;
top: 32px;
width: 24px;
height: 24px;
border-width: 3px;
}
.document-container {
display: flex;
align-items: center;
background-color: #fff;
position: relative;
-webkit-border-radius: .25rem;
-moz-border-radius: .25rem;
border-radius: .25rem;
-webkit-box-shadow: 0 0 15px 0 #000000;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 15px 0 #000000;
-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px 0 #000000;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
.document-container>.document-actions {
display: flex;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: 10px;
}
.document-container>.document-actions a {
color: #6c757d;
}
.document-container .document-thumbnail {
width: 50px;
height: 60px;
background: #e9ecef;
padding: 5px;
border-radius: 0.25rem;
margin-left: 15px;
}
.document-container .document-thumbnail img {
width: 100%;
height: 100%;
}
.document-container .document-body {
padding: 15px;
}
.document-container .document-body h4 {
margin-top: 0;
margin-bottom: 5px;
font-size: 15px;
font-weight: 600;
color: #343a40;
}
.document-container .document-body h6 {
margin-top: 0;
margin-bottom: 5px;
font-size: 14px;
color: #6c757d;
font-weight: 400;
}
.document-container .document-body p {
margin-bottom: 0;
font-size: 13px;
}
.document-view-modal .modal-dialog {
max-width: 900px;
}
.document-view-modal .modal-body {
padding: 0;
min-height: 450px;
}
.document-view-modal .modal-body img {
max-width: calc(100% - 10px);
margin: 5px;
width: auto;
}
.previous-document {
position: fixed;
left: 15%;
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
top: 45%;
font-size: 20px;
}
.next-document {
position: fixed;
right: 15%;
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
top: 45%;
font-size: 20px;
}
.previous-document i:before,
.next-document i:before {
margin: 0;
}
.font-33 {
font-size: 33px !important;
}
.text-hover:hover {
background-color: #485e90 !important;
}
.badge-active {
position: absolute;
margin-top: 25px;
color: #10B759 !important;
width: 10px;
height: 10px;
background: #10B759;
display: inline-block;
border-radius: 10px;
}
.icon-image {
padding: 0.25rem;
background-color: #2e80f5;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
}
.watermark {
background-image: url('../images/watermark.png');
background-size: 58%;
background-repeat: no-repeat;
background-position: center;
}
fieldset {
border: 1px solid #ddd !important;
margin: 0;
min-width: 0;
padding: 10px;
position: relative;
border-radius: 4px;
padding-left: 10px !important;
}
legend {
font-size: 14px;
font-weight: bold;
margin-bottom: 0;
max-width: 65%;
border-radius: 4px;
padding: 5px 5px 5px 10px;
background-color: #ffffff;
}
.bootbox .modal-content {
border: 1px solid #989b9e !important;
}
.input-group-1 {
border-radius: .3rem;
background-color: #ffffff;
border-right: 0px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: 0px;
}
.date-clear-icon {
position: absolute;
cursor: pointer;
padding: 3px;
}
.date-clear-icon:hover {
background: #e8e6e6;
border-radius: 25px;
}
.imgavatar {
min-height: 30px;
min-width: 30px;
}
@media(max-width:1200px) {
.dpNone1 {
display: none;
}
.bgcolored {
background: #264e23;
opacity: .5;
padding: 0 6px;
}
}
@media(max-width:992px) {
.dInlineFlex {
display: inline-flex;
}
.dpNone {
display: none;
}
}
.blinking-dot {
background-color: #1784ea;
}
.dot-container:hover .blinking-dot {
background-color: #70b2f1;
}
.table-row-secondary {
background-color: #f2f6f8;
}
.btn-outline-primary:focus,
.slot:focus {
outline: 1px solid #0a67eb;
background-color: #3283f6;
color: white;
}
.rowFocus:focus {
outline: 1px solid #0a67eb;
background-color: #e7e8e9;
}
.barcode>svg {
width: 100% !important;
}
.modal-xxl {
max-width: 90% !important;
}
.scrollableForm {
position: absolute;
right: 2%;
left: 2%;
top: 124px;
overflow: auto;
bottom: 70px;
padding-bottom: 1.5rem;
}
.scrollableFormWithSidebar {
position: absolute;
right: 2%;
left: 2%;
top: 124px;
overflow: auto;
bottom: 70px;
padding-bottom: 1.5rem;
}
@media(min-width:992px) {
.scrollableForm {
left: 99px;
right: 24px;
}
.scrollableFormWithSidebar {
right: 35px;
left: 310px;
}
.l-99 {
left: 99px;
}
.l-310 {
left: 310px;
}
}
.scrollableFormsSubmit {
position: fixed;
bottom: 35px;
background-color: #f9fbff;
left: 0px;
right: 0px;
padding: 0.375rem;
padding-right: 1.6%;
z-index: 1;
}
.margin-left-300 {
margin-left: 300px;
}
#dvContent {
height: 0;
width: 0;
visibility: hidden;
opacity: 0;
overflow: hidden;
}
.w-250px {
width: 250px;
}
.menu {
padding: 13px;
height: 39px;
}
.menu:hover {
background-color: #dadce0;
padding: 13px;
border-radius: 50%
}
.menu>div {
width: 16px;
opacity: 1;
height: 2px;
background-color: #5f6368;
margin-bottom: 3px;
}
.fc .fc-toolbar {
display: none !important;
}
.fc-view {
margin-top: 0px !important;
}
.fc-theme-standard .fc-scrollgrid {
border: 0px solid #ddd !important;
}
.calanderAlignment {
right: 10px;
left: 91px;
top: 65px;
bottom: 53px;
}
.providerCalander {
right: 10px;
left: 303px;
top: 65px;
bottom: 53px;
}
.ScanCalander {
right: 10px;
left: 90px;
top: 65px;
bottom: 53px;
}
@media(max-width:992px) {
.calanderAlignment {
left: 10px;
}
.providerCalander {
left: calc(303px - 70px);
}
.ScanCalander {
left: 10px;
}
}
.arrow {
color: #5f6368;
fill: #3c4043;
opacity: 1;
white-space: nowrap;
font-size: 2.5vmin;
font-weight: 500;
align-items: center;
}
.today {
font-family: "Google Sans", Roboto, Arial, sans-serif;
font-weight: 600;
letter-spacing: .25px;
text-transform: none;
opacity: 1;
color: #5f6368;
background-color: white;
border: 1px solid #dadce0;
}
.today:hover {
background-color: #dadce0;
}
.arrow {
color: #5f6368;
fill: #3c4043;
opacity: 1;
white-space: nowrap;
font-size: 2.5vmin;
font-weight: 500;
align-items: center;
cursor: pointer;
}
.prev1,
.prev {
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
}
.next1,
.next {
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
}
.prev1:hover {
background-color: #dadce0;
border-radius: 50%;
opacity: 1;
}
.next1:hover {
background-color: #dadce0;
border-radius: 50%;
opacity: 1;
}
.prev:hover {
background-color: #dadce0;
border-radius: 50%;
opacity: 1;
}
.next:hover {
background-color: #dadce0;
border-radius: 50%;
opacity: 1;
}
.commentPosition {
left: -13px;
top: -19px;
}
@media all and (max-width:992px) {
.responsiveNav {
position: absolute;
z-index: 2;
top: 43px;
padding-bottom: 26px;
border-right: 1px solid #e5e8eb !important;
}
}
#grad1 {
height: 13px;
width: 20px;
background-color: red;
/* For browsers that do not support gradients */
background-image: conic-gradient(pink 20deg, red 90deg, yellow 180deg, green 225deg, blue 260deg, pink 360deg);
}
#grad1:hover {
background-color: red;
rotate: -360deg;
transition-duration: 1s;
cursor: pointer;
}
.closeBtn:hover {
opacity: 0.3;
}
.flex-container {
display: flex;
background-color: rgb(226, 226, 226);
height: 100%;
background-image: url(../images/homeScreen.png);
background-repeat: no-repeat;
background-size: cover;
}
.flex-container>.div1 {
font-size: 30px;
flex-grow: 4;
}
.flex-container>.div2 {
background-image: linear-gradient(54deg, rgb(255 255 255 / 60%) 17%, rgb(255, 255, 255, 0.6) 57%);
flex-grow: 1;
background-repeat: no-repeat;
background-size: 100% 100%;
}
@media (max-width:992px) {
.flex-container>.div1 {
display: none;
}
.flex-container>.div2 {
background-color: #f1f1f1;
flex-grow: 1;
}
}
#backgroundOfwaterMark {
position: absolute;
z-index: 0;
background: transparent;
display: block;
min-height: 50%;
min-width: 81%;
color: yellow;
left: 14%;
bottom: 29px;
}
#dataContainer {
z-index: 1;
}
#bg-textOfwaterMark {
color: lightgrey;
font-size: 82px;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.modal-dialog-scrollable {
max-height: none !important;
}
.modal-dialog-scrollable .modal-body {
min-height: 200px;
max-height: calc(100vh - 180px);
overflow-x: hidden;
}
.fs-22 {
font-size: 22px;
}
.line-height-normal {
line-height: normal !important;
}
.min-height-70vh {
min-height: 70vh !important;
}
.filters-title {
font-size: 14px;
margin-left: 8px;
}
.package-details-section {
background: #fff;
font-size: 13px;
border: none;
padding: 0;
border-radius: 0;
}
.package-details-section.with-border {
background: #fcfcfc;
border: 1px solid #dee2e6;
padding: 0.5rem;
border-radius: 0.25rem;
}
.package-details-section+.package-details-section {
margin-top: 0.75rem;
}
.package-details-section th,
td {
padding: 0.25rem 0.5rem !important;
}
.package-details-container {
background: #fcfcfc;
border: 1px solid #e5e8eb;
border-radius: 0.25rem;
padding: 0.5rem 0.75rem;
}
.package-amounts {
text-align: right;
font-weight: 600;
width: 100%;
margin-top: 1.5rem;
margin-bottom: 0.25rem;
font-size: 13px;
}
.package-amounts tr td,
.table-light-border tr td {
border-color: #eef0f2 !important;
}
.package-amounts tr td:first-child {
width: 80%;
}
.table-light-border {
border-bottom: 1px solid #eef0f2;
}
.with-border .table-light-border {
border-bottom: none !important;
}
.pre-line {
white-space: pre-line;
}
.package-module-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 0.25rem;
font-weight: bold;
margin-bottom: 0.375rem;
}
.package-details-section.with-border .package-module-title {
margin-left: 0.25rem;
}
i.mdi.mdi-circle {
font-size: 5px;
position: relative;
top: -2.75px;
margin-right: 0.75rem;
}
.h-32 {
height: 32px;
}
.filters-box {
border: 1px solid #dee2e6;
padding: 0.375rem;
margin-bottom: 1.5rem;
}
.info-box {
display: flex;
flex-flow: column;
}
.info-box .title {
display: flex;
font-size: 13px;
}
.info-box .sub-title {
display: flex;
font-size: 11px;
color: #98a6ad;
}
.row-sm {
margin-left: -6px;
margin-right: -6px;
}
.row-sm .col {
padding: 0 6px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
background-color: #feefc4;
border-color: #feefc4;
/*background-color: #3283f6;
border-color: #3283f6;
color: #fff;*/
}
.btn-chargable .btn {
margin: 0;
padding: 4px;
font-size: 12px;
min-width: 50px;
}
.btn-chargable .btn.selected {
background-color: #3283f6;
color: #fff;
}
.modal-alert {
position: relative;
top: -4px;
left: -4px;
margin: -12px;
margin-bottom: 0px;
border-radius: 0;
padding: 5px 16px;
width: calc(100% + 32px);
font-size: 13px;
}
.custom-control-label {
cursor: pointer;
}
.input-group-sm .input-group-text {
height: calc(1.5em + 0.56rem + 2.5px);
font-size: 13px;
}
.input-group-sm .input-group-text.ig-append {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -2px;
}
.input-group-sm .input-group-text.ig-prepend {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -2px;
}
.no-package-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 2rem;
}
.no-package-container img {
max-width: 350px;
}
.flex-child {
flex: 1;
margin-left: 4px;
}
.flex-parent {
display: flex;
}
.info-box-col {
display: flex;
flex-flow: column;
width: 100%;
align-content: center;
}
.m-top-67px {
margin-top: -27px;
}
@media(max-width:991px) {
.m-top-67px {
margin-top: -92px;
}
}
@media(max-width:500px) {
.m-top-67px {
margin-top: -75px;
}
}
.card-2 .card {
margin-bottom: 0;
font-size: 13px;
}
.card-2 .card-body {
padding: 0;
}
.card-2 .card-body .table {
margin: 0;
font-size: 13px;
}
.card-2 .card-body .table thead tr th {
border-bottom: 0;
border-top: 0;
background-color: #f3f7f9;
border-right: 1px solid #dee2e6;
}
.card-2 .card-body .table thead tr th:last-child {
border-right: 0;
}
.card-2 .card-body .table tbody tr td {
border-right: 1px solid #dee2e6;
}
.card-2 .card-body .table tbody tr td .action-icon {
font-size: 13px;
}
.card-2 .card-body .table tbody tr td:last-child {
border-right: 0;
}
.card-2 .card-body .table tbody tr:last-child {
height: 36px;
font-weight: 600;
}
.card-2 .card-body .table tbody tr:last-child td:first-child {
text-align: right;
}
.small-tooltip .tooltip-inner {
font-size: 13px;
}
.card-2 .card-header {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
border-bottom: 1px solid #dee2e6;
padding: 0.75rem;
}
.card-2 .card-header a {
font-size: 12px;
}
.card-2 .card-header .card-title {
font-size: 15px;
margin: 0;
display: flex;
align-items: center;
padding-left: 30px;
position: relative;
}
.card-2 .card-header .card-title span {
border-radius: 100%;
width: 24px;
height: 24px;
display: flex;
align-items: center;
position: absolute;
justify-content: center;
left: -3px;
font-size: 14px;
}
.card-2 .card-footer {
display: flex;
align-items: center;
justify-content: flex-end;
background: #fff;
border-top: 1px solid #dee2e6;
padding: 0.475rem 0.75rem;
font-size: 13px;
font-weight: 700;
}
.card-2 .card-footer span:first-child {
margin-right: 0.5rem;
}
.card-2 .card-footer span:last-child {
min-width: 100px;
text-align: right;
}
.fixed-bottom {
background-color: #ffffff;
padding: 0.75rem;
padding-left: 2rem;
position: fixed;
z-index: 9;
width: 100%;
bottom: 0;
left: 0x;
border-top: 1px solid #dee2e6;
box-shadow: 6px 3px 6px 0 #333;
}
.service-order-totals {
background-color: #ffffff;
padding: 0.75rem;
padding-left: 2rem;
position: fixed;
z-index: 9;
width: calc(100% - 290px);
bottom: 0;
left: 290px;
border-top: 1px solid #dee2e6;
box-shadow: 6px 3px 6px 0 #333;
}
.service-order-totals .module-total {
border-right: 1px solid #dee2e6;
padding-left: 2rem;
display: flex;
align-items: center;
}
.service-order-totals .module-total span {
font-size: 14px;
margin-right: 1rem;
font-weight: 600;
}
.service-order-totals .module-total p {
font-size: 16px;
margin-top: 0.275rem;
font-weight: 700;
}
.service-order-totals .module-actions {
display: flex;
align-items: center;
justify-content: end;
padding-right: 4rem;
}
.info-cursor {
cursor: help;
}
.form-static-control {
display: block;
width: 100%;
height: calc(1.5em + 1rem);
padding: 0.45rem 0.75rem;
font-size: 13px;
line-height: 1.5;
color: #5a5a5a;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.2rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin-bottom: 0;
cursor: default;
}
.form-static-control.is-invalid {
border-color: #f86262 !important;
}
.input-group.is-invalid input,
.input-group.is-invalid .input-group-text {
border-color: #f86262 !important;
}
.font-13 .ng-value,
.font-13 .ng-option {
font-size: 13px;
}
.pro-user-name {
text-transform: capitalize;
}
.card-bordered {
border: 1px solid #dee2e6 !important;
}
.h-24px {
height: 24px;
overflow: hidden;
cursor: pointer;
}
.h-24px:hover {
height: auto;
}
.h-39px {
height: 36px;
overflow: hidden;
cursor: pointer;
}
.h-39px:hover {
height: auto;
}
.signature-container {
width: 240px;
background: #fcfcfc;
border: 2px dashed #e5e8eb;
height: 60px;
border-radius: 0.25rem;
}
.signature-container:not(.no-hover):hover {
cursor: pointer;
background: #e5e8eb;
}
.signature-container p {
display: flex;
align-items: center;
font-size: 12px;
justify-content: center;
margin-bottom: 0;
width: 100%;
height: 100%;
}
.signature-container img,
.signature-container.has-image p {
display: none;
}
.signature-container.has-image img,
.signature-container p {
display: flex;
}
.inv-info-container {
font-size: 13px;
margin-bottom: 1rem;
}
.inv-info-container h4 {
font-size: 14px;
margin-bottom: 0.5rem;
}
.inv-info-container ul {
list-style: none;
margin: 0;
padding: 0;
}
.inv-info-container ul li {
display: flex;
align-items: center;
grid-gap: 0.5rem;
}
.inv-info-container ul li div:first-child {
font-size: 12px;
width: 100px;
}
.info-container {
border: 1px solid #e5e8eb;
border-radius: 0.25rem;
padding: 0.5rem;
margin-bottom: 1rem;
line-height: 1.15rem;
background: #fcfcfc;
font-size: 13px;
}
.border-top-none {
border-top: none !important;
}
.inline-price-group {
position: relative;
width: 70%;
display: flex;
margin-left: 30%;
}
.inline-price-group span {
position: absolute;
top: 0.3rem;
left: 0.65rem;
}
.inline-price-group input {
padding-left: 1.5rem !important;
height: 26px !important;
border-color: #e5e8eb !important;
}
.table-prices {
border: 1px solid #dee2e6;
}
.table-prices tr {
height: 35px;
}
.table-prices tr th,
.table-prices tr td {
border-right: 1px solid #dee2e6;
}
.table-prices tr th:last-child,
.table-prices tr td:last-child {
border-right: none;
}
.table-prices tr.not-included td,
.table-prices tr.not-included .form-check-label {
text-decoration: line-through;
text-decoration-color: #f86262;
text-decoration-line: line-through;
background: #f3f7f9;
}
.thead-no-bdr tr th {
border-top: 0;
padding-bottom: 0.45rem;
padding-top: 0.25rem;
}
.thead-no-bdr tr th:first-child {
padding-left: 0;
}
.thead-no-bdr tr th:last-child {
padding-right: 0;
}
.ng-select-28px {
min-width: 200px;
}
.ng-select-28px .ng-select-container {
min-height: 28px !important;
}
.ng-select-28px .ng-select-container .ng-input {
top: 0 !important;
}
.bgr {
border: 1px solid #e5e8eb;
border-radius: 0.25rem !important;
background: #fcfcfc !important;
}
.gp-small {
grid-gap: 0.5rem;
}
.form-fieldset {
/* border-color: #e5e8eb !important; */
border-color: #b2d0fc !important;
}
.form-fieldset legend {
width: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
position: relative;
left: -0.5rem;
padding-inline-start: 0.5rem;
padding-inline-end: 0.5rem;
padding-right: 0;
font-size: 13px;
}
.form-fieldset+.form-fieldset {
margin-top: 1.25rem;
}
.min-width306 {
min-width: calc(100% - 77%);
}
@media(max-width:720px) {
.min-width306 {
min-width: 306px;
}
}
.roundHover:hover {
border:1px solid white;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media(min-width:1623px){
.headerObIcon{
display:none;
}
}
@media print {
.table-responsive {
overflow: visible !important;
max-height: none !important;
}
}
.rounded {
border-radius: 50px;
}
\ No newline at end of file
Presentation/Hims.Admin/wwwroot/assets/css/full-calendar.css 0 → 100644
View file @ b672f73c
/*full callendar css start
*/
.fc .fc-timegrid-slot {
height: 3em !important;
}
.fc .fc-daygrid-day.fc-day-today {
background-color: white !important;
}
/*.fc .fc-event, .fc .fc-scrollgrid table tr {
height: 4em !important;
}*/
.fc-timegrid-body {
background-color: white !important;
}
.fc-timegrid-now-indicator-container {
background-color: white !important;
}
.fc-media-screen {
background-color: white !important;
}
.fc-v-event .fc-event-main-frame {
text-align: left !important;
/*display: flex !important;*/
align-items: center;
gap: 10px;
flex-direction: row !important;
}
.fc-v-event .fc-event-title {
font-size: 12px !important;
padding-left: 5px !important;
font-weight: bold !important;
}
/*.fc-timegrid-event-harness > .fc-timegrid-event {*/
/*position: unset !important;*/
/*padding: 0px 10px !important;
width:100%;
}*/
/*.fc-event {
margin: 0px 7px !important;
}*/
/*.fc-timegrid-event-harness {
overflow: auto;
}*/
/*.fc-timegrid-event-harness:hover {
z-index: 2442342423423423424234234 !important;
}*/
.fc-timegrid-event .fc-event-main {
padding: 0px !important;
}
.fc .fc-non-business {
background: lightgray !important;
}
#providerHeader > .ng-select-container {
overflow: auto;
height: 20px;
width: 300px;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-timegrid-slot {
height: 30em;
border-bottom: 0 !important;
}
.fc-timegrid-event .fc-event-time {
margin-bottom: 0px !important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
background-color: #0d6df4 !important;
border-color: #0a67eb !important;
color: white !important;
margin-right: 5px;
}
.fc .fc-button-primary {
border-color: #0a67eb !important;
background-color: white !important;
color: #3283f6 !important;
}
.transform_li {
border: 1px solid #ababab;
}
.transform_li:hover {
transform: translate(-7px, 0px);
border-bottom: 1px solid #1d75f0 !important;
background: #3283f6 !important;
color: #ffffff !important;
z-index: 1;
box-shadow: 2px 2px 3px #aaaaaa;
transition: .8s;
}
.draggable > li:nth-child(even) {
background-color: #FCF5DF;
}
/*.fc-dayView-button {
background: #dee2e6 !important;
border: none !important;
color: #5a5a5a !important;
text-transform: capitalize !important;
box-shadow: none !important;
border-radius: 3px !important;
margin: 0 3px !important;
padding: 6px 12px !important;
height: auto !important;
}*/
/*full calendar css end*/
Presentation/Hims.Admin/wwwroot/assets/css/ng-select.css 0 → 100644
View file @ b672f73c
.ng-select-sm {
font-size: 0.7875rem !important;
}
.ng-select {
font-size: 0.875rem;
}
.ng-select.ng-select-opened > .ng-select-container {
background: #fff;
}
.ng-select.ng-select-opened > .ng-select-container:hover {
box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
top: -1px;
border-color: transparent transparent #999;
border-width: 0 4px 4px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
border-color: transparent transparent #d1e8ff;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
border-color: #3283f6;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.ng-select.ng-select-disabled > .ng-select-container {
background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
display: none;
}
.ng-select .ng-select-container {
background-color: #fff;
align-items: center;
min-height: calc(1.5em + 0.9rem);
font-size: 0.875rem;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.ng-select .ng-select-container:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.ng-select .ng-select-container .ng-value-container {
align-items: center;
padding-left: 10px;
}
[dir="rtl"] .ng-select .ng-select-container .ng-value-container {
padding-right: 10px;
padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
font-weight: normal;
font-size: 13px;
color: #c0ccda;
}
.ng-select.ng-select-single .ng-select-container {
color: #1b2e4b;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
top: 5px;
left: 0;
padding-left: 10px;
padding-right: 50px;
}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
padding-right: 10px;
padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
background-color: #f9f9f9;
border: 1px solid #e3e3e3;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-top: 5px;
padding-left: 7px;
}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-right: 7px;
padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
font-size: 13px;
margin-bottom: 5px;
background-color: #f5faff;
border-radius: 2px;
border: 1px solid #c2e0ff;
margin-right: 5px;
}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
margin-right: 0;
margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
background-color: #f9f9f9;
border: 1px solid #e3e3e3;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
padding-left: 5px;
}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
padding-left: 0;
padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
display: inline-block;
padding: 0 5px 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
display: inline-block;
padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
background-color: #d1e8ff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
border-right: 1px solid #c2e0ff;
}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
border-left: 1px solid #c2e0ff;
border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
border-left: 1px solid #c2e0ff;
}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
border-left: 0;
border-right: 1px solid #c2e0ff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
padding: 0 0 3px 3px;
}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
top: 5px;
padding-bottom: 5px;
padding-left: 3px;
}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
padding-right: 3px;
padding-left: 0;
}
.ng-select .ng-clear-wrapper {
color: #999;
width: 15px !important;
}
.ng-select .ng-clear-wrapper .ng-clear {
display: inline-block;
font-size: 16px !important;
line-height: 1;
pointer-events: none;
text-align: center;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
color: #f86262;
}
.ng-select .ng-spinner-zone {
padding: 5px 5px 0 0;
}
[dir="rtl"] .ng-select .ng-spinner-zone {
padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
width: 25px;
padding-right: 5px;
}
[dir="rtl"] .ng-select .ng-arrow-wrapper {
padding-left: 5px;
padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
border-top-color: #d1e8ff;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
border-color: #999 transparent transparent;
border-style: solid;
border-width: 4px 4px 2.5px;
}
.ng-dropdown-panel {
background-color: #fff;
border: 1px solid #dde2ec;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
left: 0;
}
.ng-dropdown-panel.ng-select-bottom {
top: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-color: #dde2ec;
margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-top {
bottom: 100%;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-color: #e6e6e6;
margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
border-bottom: 1px solid #dde2ec;
padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
border-top: 1px solid #dde2ec;
padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items {
margin-bottom: 1px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
user-select: none;
padding: 8px 10px;
font-weight: 500;
color: #495057;
cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
background-color: #ebf5ff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
background-color: #f5faff;
font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
background-color: #fff;
color: #495057;
padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
/* color: #333; */
background-color: #f5faff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
color: #3283f6;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
background-color: #ebf5ff;
color: #495057;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
color: #495057;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
padding-left: 22px;
}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
padding-right: 22px;
padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
font-size: 80%;
font-weight: 400;
padding-right: 5px;
}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
padding-left: 5px;
padding-right: 0;
}
[dir="rtl"] .ng-dropdown-panel {
direction: rtl;
text-align: right;
}
.ng-select.is-invalid .ng-select-container, .was-validated .ng-select:invalid .ng-select-container {
border-color: #f86262;
border-width: 1px;
}
.ng-select.is-invalid ~ .invalid-feedback, .ng-select.is-invalid ~ .invalid-tooltip, .was-validated .ng-select:invalid ~ .invalid-feedback, .was-validated .ng-select:invalid ~ .invalid-tooltip {
display: block;
}
.ng-select .ng-spinner-loader {
border-radius: 100% !important;
}
.ng-select-sm .ng-spinner-loader {
border-radius: 100% !important;
width: 16px !important;
height: 16px !important;
margin-top: -1px;
}
Presentation/Hims.Admin/wwwroot/assets/css/placeholder-loading.min.css 0 → 100644
View file @ b672f73c
/**
* placeholder-loading v0.2.6
* Author: Zalog (https://www.zalog.ro/)
* License: MIT
**/
.ph-item{direction:ltr;position:relative;display:flex;flex-wrap:wrap;padding:30px 15px 15px;overflow:hidden;margin-bottom:30px;background-color:#fff;border:1px solid #e6e6e6;border-radius:2px}.ph-item,.ph-item *,.ph-item :after,.ph-item :before{box-sizing:border-box}.ph-item:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;-webkit-animation:phAnimation .8s linear infinite;animation:phAnimation .8s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%}.ph-item>*{flex:1 1 auto;display:flex;flex-flow:column;padding-right:15px;padding-left:15px}.ph-row{display:flex;flex-wrap:wrap;margin-bottom:7.5px}.ph-row div{height:10px;margin-bottom:7.5px;background-color:#ced4da}.ph-row .big,.ph-row.big div{height:20px;margin-bottom:15px}.ph-row .empty{background-color:hsla(0,0%,100%,0)}.ph-col-2{flex:0 0 16.66667%}.ph-col-4{flex:0 0 33.33333%}.ph-col-6{flex:0 0 50%}.ph-col-8{flex:0 0 66.66667%}.ph-col-10{flex:0 0 83.33333%}.ph-col-12{flex:0 0 100%}.ph-avatar{position:relative;width:100%;min-width:60px;background-color:#ced4da;margin-bottom:15px;border-radius:50%;overflow:hidden}.ph-avatar:before{content:" ";display:block;padding-top:100%}.ph-picture{width:100%;height:120px;background-color:#ced4da;margin-bottom:15px}@-webkit-keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}
\ No newline at end of file
Presentation/Hims.Admin/wwwroot/assets/css/styles/calendar.css 0 → 100644
View file @ b672f73c

@media (max-width: 374px) {
.app-calendar.calendar-sidebar-show .calendar-content {
display: none;
}
}
@media (max-width: 991.98px) {
.app-calendar.calendar-sidebar-show .calendar-sidebar {
left: 0;
visibility: visible;
}
.app-calendar.calendar-sidebar-show .calendar-content {
transform: translateX(280px);
}
}
.calendar-wrapper {
position: fixed;
top: 55px;
bottom: 0;
left: 60px;
right: 0;
}
@media (min-width: 992px) {
.calendar-wrapper {
top: 60px;
}
}
.calendar-sidebar {
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: -100%;
width: 100%;
border-right: 1px solid rgba(72, 94, 144, 0.16);
visibility: hidden;
transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.calendar-sidebar {
transition: none;
}
}
@media (min-width: 375px) {
.calendar-sidebar {
width: 255px;
left: -256px;
}
}
@media (min-width: 992px) {
.calendar-sidebar {
left: 0;
visibility: visible;
}
}
.calendar-sidebar-header {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 45px;
border-bottom: 1px solid rgba(72, 94, 144, 0.16);
display: flex;
align-items: center;
padding: 0 15px 0 20px;
justify-content: space-between;
}
.calendar-sidebar-header h4 {
line-height: 1.3125rem;
}
.calendar-sidebar-header svg {
width: 14px;
height: 14px;
stroke-width: 2.5px;
color: #0168fa;
fill: rgba(1, 104, 250, 0.2);
}
.calendar-sidebar-body {
position: absolute;
top: 45px;
bottom: 0;
left: 0;
right: 0;
}
.calendar-nav {
display: flex;
flex-direction: column;
font-size: 13px;
}
.calendar-nav a {
display: flex;
align-items: center;
color: #1b2e4b;
padding: 6px 10px;
border-radius: 0.25rem;
}
.calendar-nav.no-actions a {
cursor: default !important;
}
.calendar-nav:not(.no-actions) a:hover {
background-color: #f5f6fa;
}
.calendar-nav a span {
position: relative;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
color: #fff;
margin-right: 10px;
border: 2px solid transparent;
}
.calendar-nav a span::before {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 6px;
height: 6px;
background-color: inherit;
border-radius: 100%;
display: none;
}
.calendar-nav a.event span {
border-color: #01e3fa;
}
.calendar-nav a.event span::before {
background-color: #01e3fa;
}
.calendar-nav a.info span {
border-color: #00b8d4;
}
.calendar-nav a.info span::before {
background-color: #00b8d4;
}
.calendar-nav a.approved span {
border-color: #10b759;
}
.calendar-nav a.approved span::before {
background-color: #10b759;
}
.calendar-nav a.workFromHome span {
border-color: #9400D3;
}
.calendar-nav a.workFromHome span::before {
background-color: #9400D3;
}
.calendar-nav a.rejected span {
border-color: #ef0808;
}
.calendar-nav a.rejected span::before {
background-color: #ef0808;
}
.calendar-nav a.pending span {
border-color: #FFC107;
}
.calendar-nav a.pending span::before {
background-color: #FFC107;
}
.calendar-nav a.birthday span {
border-color: #7987a1;
}
.calendar-nav a.birthday span::before {
background-color: #7987a1;
}
.calendar-nav a.joiningday span {
border-color: #009688;
}
.calendar-nav a.joiningday span::before {
background-color: #009688;
}
.calendar-nav a.marriagedays span {
border-color: magenta;
}
.calendar-nav a.marriagedays span::before {
background-color: magenta;
}
.calendar-nav a.show span::before {
display: block;
}
.calendar-content .loading-content {
padding: 15px;
position: absolute;
z-index: 9;
background: #fff;
width: 100%;
top: 45px;
bottom: 0;
left: 0;
right: 0;
}
.calendar-event-sources {
padding: 15px;
}
.calendar-inline {
padding: 15px;
padding-bottom: 7.5px;
border-bottom: 1px solid #e2e5ed;
}
.calendar-inline ngb-datepicker {
max-width: none;
border-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.calendar-inline ngb-datepicker .ngb-dp-month-name {
color: #001737 !important;
}
.calendar-inline ngb-datepicker .ngb-dp-arrow-btn, .calendar-inline ngb-datepicker .ngb-dp-weekday {
color: #8392a5 !important;
}
.calendar-inline ngb-datepicker .ngb-dp-weekdays {
background: #fff !important;
}
.calendar-inline ngb-datepicker .text-white {
color: inherit !important;
}
.calendar-inline ngb-datepicker .bg-primary {
background-color: #ffffff !important;
}
.calendar-inline ngb-datepicker .ngb-dp-day, .calendar-inline ngb-datepicker .ngb-dp-week-number, .calendar-inline ngb-datepicker .ngb-dp-weekday {
margin: 0 !important;
}
.schedule-item {
display: block;
padding: 0 10px;
color: #1b2e4b;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.schedule-item {
transition: none;
}
}
.schedule-item:hover, .schedule-item:focus {
color: #0168fa;
}
.schedule-item h6 {
margin-bottom: 3px;
}
.schedule-item span {
font-size: 12px;
color: #8392a5;
display: block;
}
.schedule-item + .schedule-item {
margin-top: 20px;
}
.calendar-content {
background-color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.calendar-content {
transition: none;
}
}
@media (min-width: 992px) {
.calendar-content:not(.no-sidebar) {
left: 255px;
}
}
.calendar-content-body .fc-toolbar.fc-header-toolbar {
height: 45px;
margin-bottom: 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(72, 94, 144, 0.16);
padding: 0 8px;
}
.calendar-content-body .fc-toolbar .fc-button-group button:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.calendar-content-body .fc-toolbar .fc-button-group button:last-child {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.calendar-content-body .fc-toolbar button {
height: 28px;
background-color: #fff;
background-image: none;
border: 1px solid rgba(72, 94, 144, 0.16);
color: rgba(27, 46, 75, 0.7);
box-shadow: none !important;
padding: 0 15px;
display: flex;
align-items: center;
font-size: 12px;
text-transform: capitalize;
outline: none;
text-shadow: none;
border-radius: 0;
font-weight: 500;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.calendar-content-body .fc-toolbar button {
transition: none;
}
}
.calendar-content-body .fc-toolbar button:hover, .calendar-content-body .fc-toolbar button:focus {
border-color: #8392a5;
color: #1b2e4b;
position: relative;
z-index: 5;
}
.calendar-content-body .fc-toolbar button:active {
background-color: #f5f6fa;
}
.calendar-content-body .fc-toolbar button.fc-prev-button, .calendar-content-body .fc-toolbar button.fc-next-button {
padding: 0;
width: 34px;
justify-content: center;
}
.calendar-content-body .fc-toolbar button.fc-prev-button span, .calendar-content-body .fc-toolbar button.fc-next-button span {
margin: 0;
font-size: 1.4em;
}
.calendar-content-body .fc-toolbar button.fc-button-active {
background-color: #f5f6fa;
border-color: #c0ccda;
color: #1b2e4b;
box-shadow: none !important;
}
.calendar-content-body .fc-toolbar button.fc-today-button {
border-radius: 0.25rem;
color: rgba(27, 46, 75, 0.7);
background-color: #fff;
display: none;
box-shadow: none !important;
}
@media (min-width: 768px) {
.calendar-content-body .fc-toolbar button.fc-today-button {
display: block;
}
}
.calendar-content-body .fc-toolbar button.fc-today-button:hover, .calendar-content-body .fc-toolbar button.fc-today-button:focus, .calendar-content-body .fc-toolbar button.fc-today-button:active {
border-color: #8392a5;
color: #1b2e4b;
box-shadow: none !important;
}
.calendar-content-body .fc-toolbar button.fc-today-button:active {
background-color: #f5f6fa;
box-shadow: none !important;
}
.calendar-content-body .fc-toolbar button.fc-today-button:disabled {
border-color: rgba(72, 94, 144, 0.16);
background-color: #f5f6fa;
color: #8392a5;
font-weight: 400;
cursor: default;
}
@media (max-width: 575px) {
.calendar-content-body .fc-toolbar button.fc-prev-button, .calendar-content-body .fc-toolbar button.fc-next-button {
width: 28px;
height: 28px;
}
.calendar-content-body .fc-toolbar button.fc-today-button {
height: 28px;
padding-left: 10px;
padding-right: 10px;
font-size: 11px;
}
.calendar-content-body .fc-toolbar button.fc-dayGridMonth-button, .calendar-content-body .fc-toolbar button.fc-timeGridWeek-button, .calendar-content-body .fc-toolbar button.fc-timeGridDay-button, .calendar-content-body .fc-toolbar button.fc-listWeek-button, .calendar-content-body .fc-toolbar button.fc-listMonth-button {
text-indent: -9999px;
width: 28px;
height: 28px;
position: relative;
color: transparent;
}
.calendar-content-body .fc-toolbar button.fc-dayGridMonth-button::before, .calendar-content-body .fc-toolbar button.fc-timeGridWeek-button::before, .calendar-content-body .fc-toolbar button.fc-timeGridDay-button::before, .calendar-content-body .fc-toolbar button.fc-listWeek-button::before, .calendar-content-body .fc-toolbar button.fc-listMonth-button::before {
position: absolute;
top: 6px;
left: 10px;
z-index: 100;
display: inline-block;
text-indent: 0;
font-size: 12px;
font-weight: 700;
color: #1b2e4b;
}
.calendar-content-body .fc-toolbar button.fc-dayGridMonth-button::before {
content: 'M';
}
.calendar-content-body .fc-toolbar button.fc-timeGridWeek-button::before {
content: 'W';
}
.calendar-content-body .fc-toolbar button.fc-timeGridDay-button::before {
content: 'D';
}
.calendar-content-body .fc-toolbar button.fc-listWeek-button::before, .calendar-content-body .fc-toolbar button.fc-listMonth-button::before {
content: 'L';
left: 11px;
}
}
.calendar-content-body .fc-toolbar .fc-icon-left-single-arrow,
.calendar-content-body .fc-toolbar .fc-icon-right-single-arrow {
top: 0;
}
.calendar-content-body .fc-toolbar .fc-clear {
display: none;
}
.calendar-content-body .fc-toolbar .fc-left {
order: 1;
float: none;
display: flex;
align-items: center;
}
.calendar-content-body .fc-toolbar .fc-center {
display: flex;
align-items: center;
order: 2;
}
.calendar-content-body .fc-toolbar .fc-center h2 {
font-size: 16px;
font-weight: 500;
letter-spacing: -.2px;
}
@media (min-width: 576px) {
.calendar-content-body .fc-toolbar .fc-center h2 {
font-size: 18px;
}
}
@media (min-width: 992px) {
.calendar-content-body .fc-toolbar .fc-center h2 {
font-size: 20px;
}
}
.calendar-content-body .fc-toolbar .fc-right {
float: none;
order: 3;
display: none;
}
@media (min-width: 480px) {
.calendar-content-body .fc-toolbar .fc-right {
display: flex;
align-items: center;
}
}
.calendar-content-body .fc-view-container {
height: calc(100% - 60px);
}
.calendar-content-body .fc-head-container {
border-top-width: 0;
border-left-width: 0;
}
.calendar-content-body .fc-head-container .fc-day-header {
padding: 5px 0;
border-color: rgba(72, 94, 144, 0.16);
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
color: #1b2e4b;
}
.calendar-content-body .fc-widget-content {
border-left-width: 0;
font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
}
.calendar-content-body td {
border-color: rgba(72, 94, 144, 0.16);
}
.calendar-content-body td.fc-today {
background-color: rgba(244, 245, 248, 0.7);
}
.calendar-content-body td.fc-today .fc-day-number, .calendar-content-body td.fc-today .fc-day-number:hover, .calendar-content-body td.fc-today .fc-day-number:focus {
background-color: #0168fa;
color: #fff;
}
.calendar-content-body .fc-other-month {
background-color: #f8f9fc;
}
.calendar-content-body .fc-day-number {
font-size: 12px;
height: 20px;
line-height: 20px;
font-weight: 500;
color: #596882;
display: inline-block;
padding: 0 !important;
position: relative;
transition: all 0.2s ease-in-out;
margin: 2px 2px 0 0;
min-width: 20px;
text-align: center;
}
@media (prefers-reduced-motion: reduce) {
.calendar-content-body .fc-day-number {
transition: none;
}
}
.calendar-content-body .fc-day-number:hover, .calendar-content-body .fc-day-number:focus {
color: #1b2e4b;
background-color: #f5f6fa;
}
.calendar-content-body .fc-day-top.fc-other-month {
color: #c0ccda;
opacity: 1;
}
.calendar-content-body .fc-event {
border-width: 0;
border-top-width: 2px;
border-radius: 0;
margin: 2px 4px !important;
}
@media (min-width: 576px) {
.calendar-content-body .fc-event {
border-top-width: 0;
border-left-width: 2px;
padding: 3px;
}
}
.calendar-content-body .fc-event.fc-day-grid-event > div {
display: none;
}
@media (min-width: 576px) {
.calendar-content-body .fc-event.fc-day-grid-event > div {
display: block;
}
}
.calendar-content-body .fc-event.fc-day-grid-event > div .fc-time {
font-weight: 500;
}
.calendar-content-body .fc-event.fc-day-grid-event > div .fc-desc {
display: none;
}
.calendar-content-body .fc-time-grid-event {
padding: 5px;
border-left-width: 0;
border-top-width: 2px;
}
.calendar-content-body .fc-time-grid-event .fc-time {
font-size: 11px;
}
.calendar-content-body .fc-time-grid-event .fc-title {
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
}
.calendar-content-body .fc-time-grid-event .fc-desc {
line-height: 1.3;
color: rgba(28, 39, 60, 0.8);
}
.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div {
display: none;
}
@media (min-width: 576px) {
.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div {
display: block;
}
}
.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div .fc-time {
font-size: 11px;
}
.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div .fc-desc {
display: none;
}
@media (min-width: 992px) {
.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div .fc-desc {
display: block;
}
}
.calendar-content-body .fc-list-empty {
padding: 20px 0;
background-color: #f8f9fc;
}
.calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span {
display: block;
}
.calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:first-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:first-child {
color: #8392a5;
font-size: 8px;
font-weight: 400;
line-height: 1.2;
}
@media (min-width: 576px) {
.calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:first-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:first-child {
font-size: 11px;
font-weight: 500;
}
}
.calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:last-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:last-child {
font-weight: 500;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
line-height: 1;
}
@media (min-width: 576px) {
.calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:last-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:last-child {
font-size: 25px;
}
}
.calendar-content-body .fc-timeGridWeek-view .fc-day-header.fc-today > a, .calendar-content-body .fc-timeGridDay-view .fc-day-header.fc-today > a {
color: #0168fa;
}
.calendar-content-body .fc-listMonth-view,
.calendar-content-body .fc-listWeek-view {
border-width: 0;
}
.calendar-content-body .fc-listMonth-view .fc-day-grid-container,
.calendar-content-body .fc-listWeek-view .fc-scroller {
padding: 20px 20px 20px 0;
}
.calendar-content-body .fc-listMonth-view .fc-list-table,
.calendar-content-body .fc-listWeek-view .fc-list-table {
border-collapse: separate;
display: block;
margin-bottom: 40px;
}
.calendar-content-body .fc-listMonth-view .fc-list-table > tbody,
.calendar-content-body .fc-listWeek-view .fc-list-table > tbody {
display: flex;
flex-wrap: wrap;
}
.calendar-content-body .fc-listMonth-view .fc-list-heading,
.calendar-content-body .fc-listWeek-view .fc-list-heading {
flex: 0 0 20%;
max-width: 20%;
margin-top: 15px;
display: flex;
justify-content: center;
}
@media (min-width: 576px) {
.calendar-content-body .fc-listMonth-view .fc-list-heading,
.calendar-content-body .fc-listWeek-view .fc-list-heading {
flex: 0 0 15%;
max-width: 15%;
}
}
@media (min-width: 768px) {
.calendar-content-body .fc-listMonth-view .fc-list-heading,
.calendar-content-body .fc-listWeek-view .fc-list-heading {
flex: 0 0 12%;
max-width: 12%;
}
}
@media (min-width: 992px) {
.calendar-content-body .fc-listMonth-view .fc-list-heading,
.calendar-content-body .fc-listWeek-view .fc-list-heading {
flex: 0 0 10%;
max-width: 10%;
}
}
@media (min-width: 1200px) {
.calendar-content-body .fc-listMonth-view .fc-list-heading,
.calendar-content-body .fc-listWeek-view .fc-list-heading {
flex: 0 0 8%;
max-width: 8%;
}
}
.calendar-content-body .fc-listMonth-view .fc-list-heading:first-child,
.calendar-content-body .fc-listWeek-view .fc-list-heading:first-child {
margin-top: 0;
}
.calendar-content-body .fc-listMonth-view .fc-list-heading:first-child + .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-heading:first-child + .fc-list-item {
margin-top: 0;
}
.calendar-content-body .fc-listMonth-view .fc-list-heading td,
.calendar-content-body .fc-listWeek-view .fc-list-heading td {
background-color: transparent;
border-width: 0;
padding: 0;
}
.calendar-content-body .fc-listMonth-view .fc-list-heading-main,
.calendar-content-body .fc-listWeek-view .fc-list-heading-main {
display: block;
font-size: 11px;
text-transform: uppercase;
color: #8392a5;
font-weight: 500;
padding: 5px;
text-align: center;
}
.calendar-content-body .fc-listMonth-view .fc-list-heading-main span:last-child,
.calendar-content-body .fc-listWeek-view .fc-list-heading-main span:last-child {
display: block;
font-size: 28px;
font-weight: 400;
letter-spacing: -1.5px;
color: #001737;
line-height: 1;
}
@media (min-width: 576px) {
.calendar-content-body .fc-listMonth-view .fc-list-heading-main span:last-child,
.calendar-content-body .fc-listWeek-view .fc-list-heading-main span:last-child {
font-size: 32px;
}
}
@media (min-width: 1200px) {
.calendar-content-body .fc-listMonth-view .fc-list-heading-main span:last-child,
.calendar-content-body .fc-listWeek-view .fc-list-heading-main span:last-child {
font-size: 20px;
margin-top: 2px;
display: block;
}
}
.calendar-content-body .fc-listMonth-view .fc-list-heading-main.now,
.calendar-content-body .fc-listWeek-view .fc-list-heading-main.now {
color: #0168fa;
}
.calendar-content-body .fc-listMonth-view .fc-list-heading-main.now span:last-child,
.calendar-content-body .fc-listWeek-view .fc-list-heading-main.now span:last-child {
color: #0168fa;
}
.calendar-content-body .fc-listMonth-view .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item {
flex: 0 0 calc(80% - 5px);
max-width: calc(80% - 5px);
dispLay: flex;
flex-direction: column;
border-left: 2px solid transparent;
background-color: #fff;
margin-top: 15px;
}
@media (min-width: 576px) {
.calendar-content-body .fc-listMonth-view .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item {
flex: 0 0 calc(85% - 5px);
max-width: calc(85% - 5px);
}
}
@media (min-width: 768px) {
.calendar-content-body .fc-listMonth-view .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item {
flex: 0 0 calc(88% - 5px);
max-width: calc(88% - 5px);
}
}
@media (min-width: 992px) {
.calendar-content-body .fc-listMonth-view .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item {
flex: 0 0 calc(90% - 5px);
max-width: calc(90% - 5px);
}
}
@media (min-width: 1200px) {
.calendar-content-body .fc-listMonth-view .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item {
flex: 0 0 calc(92% - 5px);
max-width: calc(92% - 5px);
}
}
.calendar-content-body .fc-listMonth-view .fc-list-item:hover, .calendar-content-body .fc-listMonth-view .fc-list-item:focus,
.calendar-content-body .fc-listWeek-view .fc-list-item:hover,
.calendar-content-body .fc-listWeek-view .fc-list-item:focus {
cursor: pointer;
}
.calendar-content-body .fc-listMonth-view .fc-list-item:hover td, .calendar-content-body .fc-listMonth-view .fc-list-item:focus td,
.calendar-content-body .fc-listWeek-view .fc-list-item:hover td,
.calendar-content-body .fc-listWeek-view .fc-list-item:focus td {
background-color: transparent;
}
.calendar-content-body .fc-listMonth-view .fc-list-item > td,
.calendar-content-body .fc-listWeek-view .fc-list-item > td {
border-width: 0;
}
.calendar-content-body .fc-listMonth-view .fc-list-item > td.fc-list-item-time,
.calendar-content-body .fc-listWeek-view .fc-list-item > td.fc-list-item-time {
border-top: 1px solid #e5e9f2;
border-right: 1px solid #e5e9f2;
box-sizing: border-box;
}
.calendar-content-body .fc-listMonth-view .fc-list-item > td.fc-list-item-title,
.calendar-content-body .fc-listWeek-view .fc-list-item > td.fc-list-item-title {
border-bottom: 1px solid #e5e9f2;
border-right: 1px solid #e5e9f2;
box-sizing: border-box;
}
.calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 20%;
}
@media (min-width: 576px) {
.calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 15%;
}
}
@media (min-width: 768px) {
.calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 12%;
}
}
@media (min-width: 992px) {
.calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 10%;
}
}
@media (min-width: 1200px) {
.calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
.calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 8%;
}
}
.calendar-content-body .fc-listMonth-view .fc-list-item-marker,
.calendar-content-body .fc-listWeek-view .fc-list-item-marker {
display: none;
}
.calendar-content-body .fc-listMonth-view .fc-list-item-time,
.calendar-content-body .fc-listWeek-view .fc-list-item-time {
padding: 5px 10px 2px;
width: 100%;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
letter-spacing: .5px;
}
.calendar-content-body .fc-listMonth-view .fc-list-item-title,
.calendar-content-body .fc-listWeek-view .fc-list-item-title {
padding: 0 10px 5px;
}
.calendar-content-body .fc-listMonth-view .fc-list-item-title a,
.calendar-content-body .fc-listWeek-view .fc-list-item-title a {
display: block;
font-weight: 500;
font-size: 16px;
margin-bottom: 0;
color: #001737;
}
@media (min-width: 576px) {
.calendar-content-body .fc-listMonth-view .fc-list-item-title a,
.calendar-content-body .fc-listWeek-view .fc-list-item-title a {
font-size: 14px;
}
}
.calendar-content-body .fc-listMonth-view .fc-list-item-title .fc-desc,
.calendar-content-body .fc-listWeek-view .fc-list-item-title .fc-desc {
font-size: 12px;
line-height: 1.375;
display: block;
color: #8392a5;
}
@media (min-width: 992px) {
.calendar-content-body .fc-listMonth-view .fc-list-item-title .fc-desc,
.calendar-content-body .fc-listWeek-view .fc-list-item-title .fc-desc {
font-size: 12px;
}
}
.calendar-content-body .fc-head-container .fc-day-header {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 0;
color: #1b2e4b;
}
@media (min-width: 576px) {
.calendar-content-body .fc-head-container .fc-day-header {
font-size: 12px;
/*background: #f5f6fa;*/
}
}
.calendar-content-body .fc-axis {
font-size: 11px;
}
@media (min-width: 576px) {
.calendar-content-body .fc-axis {
font-size: 12px;
}
}
.calendar-modal-event .modal-content {
border-width: 0;
position: relative;
background-color: transparent;
}
.calendar-modal-event .modal-header {
position: relative;
padding: 10px 15px;
border-bottom-width: 0;
display: flex;
flex-direction: column;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
@media (min-width: 576px) {
.calendar-modal-event .modal-header {
padding: 10px 15px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.calendar-modal-event .nav-modal-event {
align-items: center;
align-self: flex-end;
}
@media (min-width: 576px) {
.calendar-modal-event .nav-modal-event {
align-self: auto;
order: 2;
}
}
.calendar-modal-event .nav-modal-event .nav-link {
padding: 0;
color: rgba(255, 255, 255, 0.75);
line-height: 0;
position: relative;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.calendar-modal-event .nav-modal-event .nav-link {
transition: none;
}
}
.calendar-modal-event .nav-modal-event .nav-link svg {
width: 16px;
}
@media (min-width: 992px) {
.calendar-modal-event .nav-modal-event .nav-link svg {
width: 16px;
stroke-width: 2.5px;
}
}
.calendar-modal-event .nav-modal-event .nav-link:hover, .calendar-modal-event .nav-modal-event .nav-link:focus {
color: #fff;
}
.calendar-modal-event .nav-modal-event .nav-link + .nav-link {
margin-left: 10px;
}
.calendar-modal-event .event-title {
color: #fff;
font-size: 16px;
font-weight: 400;
margin-top: 30px;
margin-bottom: 0;
line-height: 1;
order: 2;
}
@media (min-width: 576px) {
.calendar-modal-event .event-title {
margin-top: 0;
order: 1;
}
}
.calendar-modal-event .modal-body {
background-color: #fff;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.calendar-modal-event .event-start-date,
.calendar-modal-event .event-end-date {
color: #1c273c;
font-weight: 500;
}
.calendar-modal-event .event-desc {
margin-top: 5px;
}
.calendar-modal-event .event-desc:empty {
margin-bottom: 5px;
}
.calendar-content-body .fc-event.volunteer-event {
background-color: #bfdaff;
/*background-color: #A6CAFD;*/
border-color: #0168fa;
}
.calendar-content-body .fc-event.volunteer-event.info {
/*background-color: #bfdaff;*/
background-color: #00b8d4;
border-color: #00b8d4;
}
.calendar-content-body .fc-event.volunteer-event.workFromHome {
background-color: #7b68ee !important;
border-color: #9400d3 !important;
}
.calendar-content-body .fc-event.volunteer-event.approved {
background-color: #ACE6C5 !important;
border-color: #10B759 !important;
}
.calendar-content-body .fc-event.volunteer-event.rejected {
background-color: #F3B8BE !important;
border-color: #DC3545 !important;
}
.calendar-content-body .fc-event.volunteer-event.pending {
background-color: #FFE9A8 !important;
border-color: #FFC107 !important;
}
.calendar-content-body .fc-event.volunteer-event.birthdays {
background-color: #7987a1 !important;
border-color: #7987a1 !important;
}
.calendar-content-body .fc-event.volunteer-event.joiningdays {
background-color: #009688 !important;
border-color: #009688 !important;
}
.calendar-content-body .fc-event.volunteer-event.marriagedays {
background-color: magenta !important;
border-color: magenta !important;
}
.calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event,
.calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event {
border-color: #0168fa;
color: #0168fa;
}
.calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.info,
.calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.info {
border-color: #00b8d4 !important;
color: #00b8d4 !important;
}
.calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.approved,
.calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.approved {
border-color: #10B759 !important;
color: #10B759 !important;
}
.calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.rejected,
.calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.rejected {
border-color: #DC3545 !important;
color: #DC3545 !important;
}
.calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.pending,
.calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.pending {
border-color: #FFC107 !important;
color: #FFC107 !important;
}
.event-title {
color: #0168fa;
}
.event-title.approved {
color: #10B759 !important;
}
.event-title.approved .event-dot {
width: 10px;
height: 10px;
margin-right: 10px;
background: #10B759;
display: inline-block;
}
.event-title.rejected {
color: #DC3545 !important;
}
.event-title.rejected .event-dot {
width: 10px;
height: 10px;
margin-right: 10px;
background: #DC3545;
display: inline-block;
}
.event-title.pending {
color: #FFC107 !important;
}
.event-title.pending .event-dot {
width: 10px;
height: 10px;
margin-right: 10px;
background: #FFC107;
display: inline-block;
}
.rejected .fc-title {
text-decoration: line-through;
}
.rejected .fc-list-item-title {
text-decoration: line-through;
}
Presentation/Hims.Admin/wwwroot/assets/css/styles/fullcalendar/core.css 0 → 100644
View file @ b672f73c
@charset "UTF-8";
.fc {
direction: ltr;
text-align: left;
}
.fc-rtl {
text-align: right;
}
body .fc {
/* extra precedence to overcome jqui */
font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
/* when user is selecting cells */
background: #bce8f1;
opacity: 0.3;
}
.fc-bgevent {
/* default look for background events */
background: #8fdf82;
opacity: 0.3;
}
.fc-nonbusiness {
/* default look for non-business-hours areas */
/* will inherit .fc-bgevent's styles */
background: #d7d7d7;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
position: absolute;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
/* TODO: be more consistent with fc-head/fc-body */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 2px 4px;
}
.fc-rtl .fc-popover .fc-header {
flex-direction: row-reverse;
}
.fc-popover .fc-header .fc-title {
margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
cursor: pointer;
opacity: 0.65;
font-size: 1.1em;
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
border-style: solid;
border-width: 1px;
}
hr.fc-divider {
height: 0;
margin: 0;
padding: 0 0 2px;
/* height is unreliable across browsers, so use padding */
border-width: 1px 0;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
/* these element should always cling to top-left/right corners */
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc-bg {
bottom: 0;
/* strech bg to bottom edge */
}
.fc-bg table {
height: 100%;
/* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
width: 100%;
box-sizing: border-box;
/* fix scrollbar issue in firefox */
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
/* normalize cross-browser */
}
.fc th {
text-align: center;
}
.fc th,
.fc td {
border-style: solid;
border-width: 1px;
padding: 0;
vertical-align: top;
}
.fc td.fc-today {
border-style: double;
/* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
cursor: pointer;
}
a[data-goto]:hover {
text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
/* extra precedence to overcome themes forcing a 1px border */
/* no visible border by default. but make available if need be (scrollbar width compensation) */
border-style: solid;
border-width: 0;
}
.fc-row table {
/* don't put left/right border on anything within a fake row.
the outer tbody will worry about this */
border-left: 0 hidden transparent;
border-right: 0 hidden transparent;
/* no bottom borders on rows */
border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
border-top: 0 hidden transparent;
/* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
position: relative;
}
.fc-row .fc-bg {
z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
bottom: 0;
/* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
height: 100%;
/* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
z-index: 2;
}
.fc-row .fc-highlight-skeleton {
z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "mirror" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
position: relative;
z-index: 4;
padding-bottom: 2px;
/* matches the space above the events */
}
.fc-row .fc-mirror-skeleton {
z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
/* see-through to the background below */
/* extra precedence to prevent theme-provided backgrounds */
background: none;
/* in case <td>s are globally styled */
border-color: transparent;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
/* don't put a border between events and/or the day number */
border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
/* don't put a border between event cells */
border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
-webkit-overflow-scrolling: touch;
}
/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
position: relative;
/* re-scope all positions */
width: 100%;
/* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
position: relative;
/* for resize handle and other inner positioning */
display: block;
/* make the <a> tag block */
font-size: 0.85em;
line-height: 1.4;
border-radius: 3px;
border: 1px solid;
}
/*.fc-event,*/
/*.fc-event-dot {*/
/*background-color: #3788d8;*/
/* default BACKGROUND color */
/*}*/
.fc-event,
.fc-event:hover {
color: #fff;
/* default TEXT color */
text-decoration: none;
/* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
cursor: pointer;
/* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
/* to override an event's custom cursor */
cursor: not-allowed;
}
.fc-event .fc-content {
position: relative;
z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
position: absolute;
z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
/* only show when hovering or selected (with touch) */
display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
/* 40x40 touch area */
content: "";
position: absolute;
z-index: 9999;
/* user of this util can scope within a lower z-index */
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
z-index: 9999 !important;
/* overcomes inline z-index */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected:after {
content: "";
position: absolute;
z-index: 1;
/* same z-index as fc-bg, behind text */
/* overcome the borders */
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
/* darkening effect */
background: #000;
opacity: 0.25;
}
/* Event Dragging
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-event.fc-dragging:not(.fc-selected) {
opacity: 0.75;
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
content: "";
position: absolute;
z-index: 3;
/* below resizers */
top: -10px;
bottom: -10px;
left: 0;
right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
margin-left: 0;
border-left-width: 0;
padding-left: 1px;
/* replace the border with padding */
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
margin-right: 0;
border-right-width: 0;
padding-right: 1px;
/* replace the border with padding */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
cursor: w-resize;
left: -1px;
/* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
cursor: e-resize;
right: -1px;
/* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
width: 7px;
top: -1px;
/* overcome top border */
bottom: -1px;
/* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
/* 8x8 little dot */
border-radius: 4px;
border-width: 1px;
width: 6px;
height: 6px;
border-style: solid;
border-color: inherit;
background: #fff;
/* vertically center */
top: 50%;
margin-top: -4px;
}
/* left resizer */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
margin-left: -4px;
/* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
margin-right: -4px;
/* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
margin: 1px 2px 0;
/* spacing between events and edges */
padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
margin-top: 2px;
/* a little bit more space before the first event */
}
.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
margin-top: 0;
/* except for mirror skeleton */
}
.fc-day-grid-event .fc-content {
/* force events to be one-line tall */
white-space: nowrap;
overflow: hidden;
}
.fc-day-grid-event .fc-time {
font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
margin-left: -2px;
/* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
margin-right: -2px;
/* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
margin: 1px 3px;
font-size: 0.85em;
cursor: pointer;
text-decoration: none;
}
a.fc-more:hover {
text-decoration: underline;
}
.fc-limited {
/* rows and cells that are hidden because of a "more" link */
display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
z-index: 1;
/* make the "more" popover one higher than this */
}
.fc-more-popover {
z-index: 2;
width: 220px;
}
.fc-more-popover .fc-event-container {
padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
position: absolute;
border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
border-color: #ddd;
}
.fc-unthemed .fc-popover {
background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
background: #eee;
}
.fc-unthemed td.fc-today {
background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
background: #d7d7d7;
opacity: 0.3;
}
/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
font-family: "fcicons";
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
font-weight: normal;
font-style: normal;
}
.fc-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "fcicons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
content: "";
}
.fc-icon-chevron-right:before {
content: "";
}
.fc-icon-chevrons-left:before {
content: "";
}
.fc-icon-chevrons-right:before {
content: "";
}
.fc-icon-minus-square:before {
content: "";
}
.fc-icon-plus-square:before {
content: "";
}
.fc-icon-x:before {
content: "";
}
.fc-icon {
display: inline-block;
width: 1em;
height: 1em;
text-align: center;
}
/* Buttons
--------------------------------------------------------------------------------------------------
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
*/
/* reset */
.fc-button {
border-radius: 0;
overflow: visible;
text-transform: none;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.fc-button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.fc-button {
-webkit-appearance: button;
}
.fc-button:not(:disabled) {
cursor: pointer;
}
.fc-button::-moz-focus-inner {
padding: 0;
border-style: none;
}
/* theme */
.fc-button {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.4em 0.65em;
font-size: 1em;
line-height: 1.5;
border-radius: 0.25em;
}
.fc-button:hover {
color: #212529;
text-decoration: none;
}
.fc-button:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc-button:disabled {
opacity: 0.65;
}
/* "primary" coloring */
.fc-button-primary {
color: #fff;
background-color: #2C3E50;
border-color: #2C3E50;
}
.fc-button-primary:hover {
color: #fff;
background-color: #1e2b37;
border-color: #1a252f;
}
.fc-button-primary:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc-button-primary:disabled {
color: #fff;
background-color: #2C3E50;
border-color: #2C3E50;
}
.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
color: #fff;
background-color: #1a252f;
border-color: #151e27;
}
.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
/* icons within buttons */
.fc-button .fc-icon {
vertical-align: middle;
font-size: 1.5em;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.fc-button-group > .fc-button {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.fc-button-group > .fc-button:hover {
z-index: 1;
}
.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
z-index: 1;
}
.fc-button-group > .fc-button:not(:first-child) {
margin-left: -1px;
}
.fc-button-group > .fc-button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.fc-button-group > .fc-button:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
border-width: 1px;
border-style: solid;
}
/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
background-color: #f5f5f5;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
}
.fc-toolbar.fc-header-toolbar {
margin-bottom: 1.5em;
}
.fc-toolbar.fc-footer-toolbar {
margin-top: 1.5em;
}
/* inner content */
.fc-toolbar > * > :not(:first-child) {
margin-left: 0.75em;
}
.fc-toolbar h2 {
font-size: 1.75em;
margin: 0;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
position: relative;
}
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fc-view,
.fc-view > table {
/* so dragged elements can be above the view's main element */
position: relative;
z-index: 1;
}
@media print {
.fc {
max-width: 100% !important;
}
/* Global Event Restyling
--------------------------------------------------------------------------------------------------*/
.fc-event {
background: #fff !important;
color: #000 !important;
page-break-inside: avoid;
}
.fc-event .fc-resizer {
display: none;
}
/* Table & Day-Row Restyling
--------------------------------------------------------------------------------------------------*/
.fc th,
.fc td,
.fc hr,
.fc thead,
.fc tbody,
.fc-row {
border-color: #ccc !important;
background: #fff !important;
}
/* kill the overlaid, absolutely-positioned components */
/* common... */
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton,
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-mirror-container {
display: none;
}
/* don't force a min-height on rows (for DayGrid) */
.fc tbody .fc-row {
height: auto !important;
/* undo height that JS set in distributeHeight */
min-height: 0 !important;
/* undo the min-height from each view's specific stylesheet */
}
.fc tbody .fc-row .fc-content-skeleton {
position: static;
/* undo .fc-rigid */
padding-bottom: 0 !important;
/* use a more border-friendly method for this... */
}
.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
/* only works in newer browsers */
padding-bottom: 1em;
/* ...gives space within the skeleton. also ensures min height in a way */
}
.fc tbody .fc-row .fc-content-skeleton table {
/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
making it look more like 3em. for other browers, it will already be this tall */
height: 1em;
}
/* Undo month-view event limiting. Display all events and hide the "more" links
--------------------------------------------------------------------------------------------------*/
.fc-more-cell,
.fc-more {
display: none !important;
}
.fc tr.fc-limited {
display: table-row !important;
}
.fc td.fc-limited {
display: table-cell !important;
}
.fc-popover {
display: none;
/* never display the "more.." popover in print mode */
}
/* TimeGrid Restyling
--------------------------------------------------------------------------------------------------*/
/* undo the min-height 100% trick used to fill the container's height */
.fc-time-grid {
min-height: 0 !important;
}
/* don't display the side axis at all ("all-day" and time cells) */
.fc-timeGrid-view .fc-axis {
display: none;
}
/* don't display the horizontal lines */
.fc-slats,
.fc-time-grid hr {
/* this hr is used when height is underused and needs to be filled */
display: none !important;
/* important overrides inline declaration */
}
/* let the container that holds the events be naturally positioned and create real height */
.fc-time-grid .fc-content-skeleton {
position: static;
}
/* in case there are no events, we still want some height */
.fc-time-grid .fc-content-skeleton table {
height: 4em;
}
/* kill the horizontal spacing made by the event container. event margins will be done below */
.fc-time-grid .fc-event-container {
margin: 0 !important;
}
/* TimeGrid *Event* Restyling
--------------------------------------------------------------------------------------------------*/
/* naturally position events, vertically stacking them */
.fc-time-grid .fc-event {
position: static !important;
margin: 3px 2px !important;
}
/* for events that continue to a future day, give the bottom border back */
.fc-time-grid .fc-event.fc-not-end {
border-bottom-width: 1px !important;
}
/* indicate the event continues via "..." text */
.fc-time-grid .fc-event.fc-not-end:after {
content: "...";
}
/* for events that are continuations from previous days, give the top border back */
.fc-time-grid .fc-event.fc-not-start {
border-top-width: 1px !important;
}
/* indicate the event is a continuation via "..." text */
.fc-time-grid .fc-event.fc-not-start:before {
content: "...";
}
/* time */
/* undo a previous declaration and let the time text span to a second line */
.fc-time-grid .fc-event .fc-time {
white-space: normal !important;
}
/* hide the the time that is normally displayed... */
.fc-time-grid .fc-event .fc-time span {
display: none;
}
/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
.fc-time-grid .fc-event .fc-time:after {
content: attr(data-full);
}
/* Vertical Scroller & Containers
--------------------------------------------------------------------------------------------------*/
/* kill the scrollbars and allow natural height */
.fc-scroller,
.fc-day-grid-container,
.fc-time-grid-container {
/* */
overflow: visible !important;
height: auto !important;
}
/* kill the horizontal border/padding used to compensate for scrollbars */
.fc-row {
border: 0 !important;
margin: 0 !important;
}
/* Button Controls
--------------------------------------------------------------------------------------------------*/
.fc-button-group,
.fc button {
display: none;
/* don't display any button-related controls */
}
}
Presentation/Hims.Admin/wwwroot/assets/css/styles/fullcalendar/daygrid.css 0 → 100644
View file @ b672f73c
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
/* there may be week numbers in these views, so no padding-top */
padding-bottom: 1em;
/* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-dayGrid-view .fc-body .fc-row {
min-height: 4em;
/* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0;
}
/* week and day number styling */
.fc-day-top.fc-other-month {
opacity: 0.3;
}
.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
padding: 2px;
}
.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
padding: 0 2px;
/* column headers can't have as much v space */
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
float: right;
}
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
float: left;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
float: left;
border-radius: 0 0 3px 0;
}
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
float: right;
border-radius: 0 0 0 3px;
}
.fc-dayGrid-view .fc-day-top .fc-week-number {
min-width: 1.5em;
text-align: center;
background-color: #f2f2f2;
color: #808080;
}
/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
text-align: center;
}
.fc-dayGrid-view td.fc-week-number > * {
/* work around the way we do column resizing and ensure a minimum width */
display: inline-block;
min-width: 1.25em;
}
Presentation/Hims.Admin/wwwroot/assets/css/styles/fullcalendar/list.css 0 → 100644
View file @ b672f73c
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
}
/* view wrapper */
.fc-rtl .fc-list-view {
direction: rtl;
/* unlike core views, leverage browser RTL */
}
.fc-list-view {
border-width: 1px;
border-style: solid;
}
/* table resets */
.fc .fc-list-table {
table-layout: auto;
/* for shrinkwrapping cell content */
}
.fc-list-table td {
border-width: 1px 0 0;
padding: 8px 14px;
}
.fc-list-table tr:first-child td {
border-top-width: 0;
}
/* day headings with the list */
.fc-list-heading {
border-bottom-width: 1px;
}
.fc-list-heading td {
font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
float: left;
}
.fc-ltr .fc-list-heading-alt {
float: right;
}
.fc-rtl .fc-list-heading-main {
float: right;
}
.fc-rtl .fc-list-heading-alt {
float: left;
}
/* event list items */
.fc-list-item.fc-has-url {
cursor: pointer;
/* whole row will be clickable */
}
.fc-list-item-marker,
.fc-list-item-time {
white-space: nowrap;
width: 1px;
}
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
padding-left: 0;
}
.fc-list-item-title a {
/* every event title cell has an <a> tag */
text-decoration: none;
color: inherit;
}
.fc-list-item-title a[href]:hover {
/* hover effect only on titles with hrefs */
text-decoration: underline;
}
/* message when no events */
.fc-list-empty-wrap2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-list-empty-wrap1 {
width: 100%;
height: 100%;
display: table;
}
.fc-list-empty {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.fc-unthemed .fc-list-empty {
/* theme will provide own background */
background-color: #eee;
}
Presentation/Hims.Admin/wwwroot/assets/css/styles/fullcalendar/timegrid.css 0 → 100644
View file @ b672f73c
@charset "UTF-8";
/* TimeGridView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-timeGrid-view .fc-day-grid {
position: relative;
z-index: 2;
/* so the "more.." popover will be over the time grid */
}
.fc-timeGrid-view .fc-day-grid .fc-row {
min-height: 3em;
/* all-day section will never get shorter than this */
}
.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
padding-bottom: 1em;
/* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
/* .fc to overcome default cell styles */
vertical-align: middle;
padding: 0 4px;
white-space: nowrap;
}
.fc-ltr .fc-axis {
text-align: right;
}
.fc-rtl .fc-axis {
text-align: left;
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
/* so slats/bg/content/etc positions get scoped within here */
position: relative;
z-index: 1;
}
.fc-time-grid {
min-height: 100%;
/* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
/* don't put outer borders on slats/bg/content/etc */
border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
/* the <hr> TimeGridView injects when grid is shorter than scroller */
position: relative;
z-index: 2;
}
.fc-time-grid .fc-content-col {
position: relative;
/* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
position: relative;
z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
position: relative;
z-index: 2;
}
.fc-time-grid .fc-highlight-container {
position: relative;
z-index: 3;
}
.fc-time-grid .fc-event-container {
position: relative;
z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
z-index: 5;
}
.fc-time-grid .fc-mirror-container {
/* also is fc-event-container */
position: relative;
z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
height: 1.5em;
border-bottom: 0;
/* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
border-top-style: dotted;
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
/* a div within a cell within the fc-highlight-skeleton */
position: relative;
/* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
position: absolute;
left: 0;
right: 0;
/* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
/* space on the sides of events for LTR (default) */
margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
/* space on the sides of events for RTL */
margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
position: absolute;
z-index: 1;
/* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
/* background events always span full width */
left: 0;
right: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
margin-bottom: 1px;
}
.fc-time-grid-event-inset {
-webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff;
}
.fc-time-grid-event.fc-not-start {
/* events that are continuing from another day */
/* replace space made by the top border with padding */
border-top-width: 2px;
padding-top: 1px;
/* remove top rounded corners */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-time-grid-event.fc-not-end {
/* replace space made by the top border with padding */
border-bottom-width: 0;
padding-bottom: 1px;
/* remove bottom rounded corners */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fc-time-grid-event .fc-content {
overflow: hidden;
max-height: 100%;
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
padding: 0 1px;
}
.fc-time-grid-event .fc-time {
font-size: 0.85em;
white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
/* don't wrap to second line (now that contents will be inline) */
white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
/* put the time and title on the same line */
display: inline-block;
vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
display: none;
/* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
content: attr(data-start);
/* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
content: " - ";
/* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
font-size: 0.85em;
/* make the title text the same size as the time */
padding: 0;
/* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
left: 0;
right: 0;
bottom: 0;
height: 8px;
overflow: hidden;
line-height: 8px;
font-size: 11px;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
/* 10x10 dot */
border-radius: 5px;
border-width: 1px;
width: 8px;
height: 8px;
border-style: solid;
border-color: inherit;
background: #fff;
/* horizontally center */
left: 50%;
margin-left: -5px;
/* center on the bottom edge */
bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
border-top-width: 1px;
left: 0;
right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
margin-top: -5px;
/* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
left: 0;
/* triangle pointing right... */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
right: 0;
/* triangle pointing left... */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
Presentation/Hims.Admin/wwwroot/assets/css/toastr.css 0 → 100644
View file @ b672f73c
/* position */
.toast-center-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.toast-top-center {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-full-width {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-left {
top: 12px;
left: 12px;
}
.toast-top-right {
top: 12px;
right: 12px;
}
.toast-bottom-right {
right: 12px;
bottom: 12px;
}
.toast-bottom-left {
bottom: 12px;
left: 12px;
}
/* toast styles */
.toast-title {
font-weight: 600;
}
.toast-message {
word-wrap: break-word;
}
.toast-message a,
.toast-message label {
color: #FFFFFF;
}
.toast-message a:hover {
color: #CCCCCC;
text-decoration: none;
}
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.8;
}
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.toast-container {
pointer-events: none;
position: fixed;
z-index: 999999;
}
.toast-container * {
box-sizing: border-box;
}
.toast-container .ngx-toastr {
position: relative;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 400px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
background-size: 24px;
box-shadow: 0 0 12px #999999;
color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
box-shadow: 0 0 12px #000000;
opacity: 1;
cursor: pointer;
}
.toast-info {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}
.toast-error {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}
.toast-success {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
.toast-warning {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
width: 300px;
margin-left: auto;
margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.ngx-toastr {
background-color: #3B4863;
pointer-events: auto;
}
.toast-success {
background-color: #10B759;
}
.toast-error {
background-color: #DC3545;
}
.toast-info {
background-color: #0168FA;
}
.toast-warning {
background-color: #FFC107;
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
.toast-container .ngx-toastr.div {
padding: 8px 8px 8px 50px;
width: 11em;
}
.toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
.toast-container .ngx-toastr.div {
padding: 8px 8px 8px 50px;
width: 18em;
}
.toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
.toast-container .ngx-toastr.div {
padding: 15px 15px 15px 50px;
width: 25em;
}
}
Presentation/Hims.Admin/wwwroot/assets/css/without-logo.css 0 → 100644
View file @ b672f73c
@media print {
@page {
margin-top: 85mm;
margin-bottom: 70mm;
}
}
Presentation/Hims.Admin/wwwroot/assets/css/yellow-theme.css 0 → 100644
View file @ b672f73c
body[data-topbar-color="light"] .navbar-custom {
background-color: #fec32b !important;
box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
}
body[data-layout-mode="two-column"] .sidebar-icon-menu {
position: fixed;
width: 80px;
z-index: 500;
top: 0;
bottom: 0;
padding-bottom: 20px;
background: #827d77;
overflow: hidden auto;
}
body[data-layout-mode="two-column"] .sidebar-icon-menu .logo {
display: block;
width: 80px;
height: 65px;
line-height: 65px;
text-align: center;
z-index: 1002;
background-color: #827d77;
}
body[data-layout-mode="two-column"] .layout-sidebar-main-menu {
display: block;
position: fixed;
width: 254px;
background-color: #958e87;
top: 0;
bottom: 6px;
left: 88px;
padding: 4px 0px;
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
transition: all .1s ease-out;
}
body[data-layout-mode="two-column"] .left-side-menu {
background-color:#9f9a94;
box-shadow: none;
}
.widget-count {
height: 100%;
box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
border-radius: 30px;
color: #827d77 !important;
border: 2px solid #fec32b !important;
background-image: url(assets/images/pattern.png);
background-position: left;
}
.count-filter-btn-block {
position: absolute;
cursor: pointer;
right: 10px;
top: 10px;
cursor: pointer;
padding: 1px 5px;
background-color: #fec32b !important;
border-radius: 50%;
color: black;
}
.encounter-menu .dropdown-item.active {
background: white;
color: black;
}
/*need to change bellow for yellow theme*/
.bg-primary {
background-color: #827d77 !important;
}
.widget-graph .filter-btn-block {
cursor: pointer;
padding: 5px 9px;
background-color: #fec32b !important;
border-radius: 50%;
color: black;
}
.widget-table, .widget-graph {
box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
border-radius: 20px;
color: #0a67eb;
border: 2px solid #fec32b !important;
}
.btn-primary {
color: #fff;
background-color: #827d77 !important;
border-color: #827d77 !important;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #827d77;
border-color: #827d77;
}
.btn-outline-primary {
color: #827d77;
border-color: #827d77;
}
.badge-primary {
color: #fff;
background-color: #827d77;
}
.text-primary {
color: #827d77 !important;
}
a {
color: #827d77;
text-decoration: none;
background-color: transparent;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #827d77;
border-color: #827d77;
}
.layout-main-menu-active .menu-active i {
color: #827d77 !important;
}
.layout-main-menu-active .menu-active a:hover i {
color: #827d77 !important;
}
.layout-main-menu-active .menu-active .text-white {
color: #827d77 !important;
}
.btn-primary:hover {
color: #fff !important;
background-color: #0d6df4;
border-color: #0a67eb;
}
a:hover {
color: #827d77;
text-decoration: none;
}
.Bookedlayout-main-menu-inactive .inactive-highlight i {
color: #827d77 !important;
}
.layout-main-menu-inactive .inactive-highlight i {
color: #827d77 !important;
}
.layout-main-menu-inactive .inactive-highlight a:hover i {
color: #827d77 !important;
}
.layout-main-menu-inactive .inactive-highlight .text-white {
color: #827d77 !important;
}
.custom-modal .modal-header {
background: #827d77 url(../images/hero_bg_1.svg) repeat fixed;
}
.form-control:focus {
color: #5a5a5a;
background-color: #fff;
border-color: #827d77;
outline: 0;
box-shadow: none;
}
.anchorFocus:focus {
border: 1px solid #827d77 !important;
display: flex;
align-items: center;
}
.border-primary {
border-color: #827d77 !important;
}
.fe-menu:before {
content: "\e88f";
border-radius: 4px;
background-color: #827d77;
padding: 2px;
border: 1px solid white;
}
[class^="fe-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'feather' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/*color: white;*/
z-index: 10;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.trapezium {
height: 0px;
min-width: 80px;
display: inline-block;
border-bottom: 30px solid #827d77;
border-right: 15px solid transparent;
text-align: center;
max-width:100%;
}
.headingStyle {
color: white;
font-size: clamp(13px, 2vmin, 1rem);
line-height: 30px;
border-bottom: 2px solid #827d77;
height: 32px;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #aca8a3 !important;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
border-color: #827d77 !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.actions-dropdown {
background: linear-gradient(to bottom, #ada7a1 0, #827d77 100%);
}
body[data-topbar-color="light"] .navbar-custom .button-menu-mobile {
color: white;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment