/* 
    Document   : default
    Created on : Aug 20, 2013, 9:18:39 PM
    Author     : Max
    Description: The default stylesheet for the platfomr template
*/

/*Automatic page load progress bar http://github.hubspot.com/pace/docs/welcome/*/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.emailBlocked {
    margin-left: 5px;
    border-radius: 4px;
    padding: 2px;
    background-color: rgba(255, 0, 0, 0.2);
}

.emailUnavailable {
    margin-left: 5px;
    border-radius: 4px;
    padding: 2px;
    background-color: rgba(255, 140, 0, 0.2);
}

.pace-inactive {
    display: none;
}

.globalFilterGoBtn{
    margin-left: 8px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .CardDisplay{
        overflow: visible !important;
    }

    .NavigateButtonFormat{
        margin-bottom: 4px !important;
    }

    .FnoneMobile {
        float: none !important;
    }

    .FnoneMobileGraybutton{
        margin-left: -38px !important;

    }

    .pageViewbuttonformat{

        margin-bottom: 4px;

    }

    .globalFilterInputTxt {
        margin-bottom: 15px !important;
    }

    .globalFilterGoBtn{
        margin-left: 0px;
    }

    .BreadCrumbPhoneformat{
        font-size: 13px;
        color: #546e7a;
        margin-right: 1px;
        padding-right: -1px;
        letter-spacing: 0px;
        font-family: 'roboto_condensedregular';
        font-weight: normal;

    }

    .noFlexCardOnMobile{
        display: inherit !important;
    }

    .noFlexCardChildOnMobile {
        min-width: 100% !important;
    }
}

.pace .pace-progress {
    background: #2a2a2a;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}


.panelGridCenter {
    margin: 0 auto;
}
/*Used in eventfin generate proposal */
.leftAlign {
    text-align: left;
    width: 50%;
}

.wizardNextButton {
    float: right;
    margin-right: 30px;
}

.wizardBackButton {
    float: left;
    margin-left: 30px;
}

.latestStatusRecord:not(.ui-state-highlight) {
    background-color: rgba(219, 253, 229, 0.8) !important;
}

.redOverdue {
    background-color: rgba(255, 0, 0, 0.2);
    color: #EF0000;
}

.limitWidth {
    max-width: 700px;
}

.dataList .ui-widget-content {
    border: none;
}

.rightAlign {
    text-align: right;
}

.noBorder tr, .noBorder td {
    border-style: none !important;
}

.noBorder {
    border: none !important;
}
.subtab tr td {
    padding: 0px 4px;
}

.subtab tr th {
    padding: 0px 4px;
}

.small-grey-text {
    color: #777;
    font-size: 0.75em;
}

p.largeHeading {
    margin-left: 8px;
    margin-top: 18px;
    font-size: 23px;
    color: #e1f5fe;
    font-family: 'roboto_condensedregular';
}
/*Remove border from list items on view page */
.ui-datalist-content.ui-widget-content {
    border: none;
    background: transparent;
    background-image: none;
}

.headerColumnLeft {
    width: 1%;
    text-align: left;
}

.headerColumnRight {
    width: 1%;
    text-align: right;
}

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
    border: 0;
}

.ui-layout-south {
    border: 0;
}

.ui-layout-center {
    border: 0;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

/* To make view screen pretty */
.ui-datalist-item {
    padding-right: 20px;
}

.goog-te-menu-value span {
    font-size: 11px;
}

.fontPreview {
    margin: 10px;
}

.enumPic {
    padding-right: 5px;
    vertical-align: inherit;
    max-height: 17px;
}

.enumPicBig {
    width: 250px;
}

.shoppingCart {
    margin-right: 60px;
    float: right;
}

.stuffToBuy {
    margin: 10px;
    margin-left: 150px;
}

@media only screen and (max-width: 1280px) {
    .shoppingCart {
        max-width: 400px;
        margin: 10px auto;
        float: none;
    }

    .stuffToBuy {
        margin: 10px auto;
    }
}

@media only screen and (min-width: 1024px) {
    .subviewScroller {
        width: 75%;
        margin: 0 auto;
    }
}

@media (max-width: 960px) and (min-width: 332px) {
    div#layout-topbar .largeHeading {
        margin-left: 30px;
    }
}


.panelgridNoBorder div table tbody {
    border: none;
}

.subviewScroller div ul li table {
    margin: 0 auto;
}

.subviewScroller div ul li {
    border-bottom: 1px solid #A8A8A8 !important;
}

.paymentMethodIcons img {
    height: 75px;
}

.panelgridNoBorder td, .panelgridNoBorder tr {
    border: none !important;
}

/*Fluid grid photobox*/
.pe-fluidgrid-item img {
    max-width: 480px;
    margin-top: -4px;
}
/*View tables*/
.hide-column-names table thead tr {
    display: none;
}

.transparentLabel {
    opacity: 0.7;
}

/*Remove lines between items on single select*/
.ui-selectonemenu-item.ui-selectonemenu-row.ui-widget-content td {
    border: none;
}

.ui-selectonemenu-item.ui-selectonemenu-row.ui-widget-content {
    border: none;
}

#footer {
    clear: both;
}

#footer a {
    color: #000;
}

.footerImages {
    height: 115px;
    text-align: center;
}

.footerImages img {
    margin-right: 25px;
    height: 60px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.footerImages img:hover {
    height: 115px;
}


.subtabHeaderText {
    font-size: larger;
    float: left;
}

.socialDiv {
    width: 450px;
}

.socialDiv div {
    text-align: center;
}

.subviewContentFlow {
    border: none;
}

.smallButton {
    width: 25px;
    height: 25px;
}

.dashboardPanel {
    margin:10px;
}

.fixedLabel {
    background-color: rgba(180, 180, 210, 0.4);
    position:fixed;
    top:160px;
    right:20px;
    cursor: move;
    width: 250px;
}

.picksmartHidden {
    display : none;
}

.instanceSelectorGrid div table tbody tr td.ui-datagrid-column {
    width: 33%;
}

.dashboardGrid {
    margin-top: 5px;
    width: 300px;

}

.dashboardGrid button {
    width: 180px;
    text-align: left;
    margin-left: 0px;
}

.newScrollableDialog {
    overflow: auto !important;
    max-width: 800px;
    max-height: 600px;
    max-width: 100%;
    max-height: 100%;
    z-index: 1007 !important; /* Higher than topbar.xhtml's z-index */
}

.compulsoryLabel {
    color: #DD1111;
}

.cartSelectorGrid {
    margin: 10px;
    min-width: 400px;
}

.storeBuyBtn {
    width: 110px;
}

.storePrice {
    width: 70px;
}

.navigationBar {
    float: right;
    text-align: right;
    margin-top: 4px;
    margin-right: 4px;
    max-width: 300px;
}

#themeForm {
    width: 100%;
}

#themePreview {
    display:block;
    margin: 0 auto;
}

@media only screen and (min-width: 1310px) {
    #themeForm {
        float: left;
        width: 48%;
    }

    #themePreview {
        float:right;
        width: 45%
    }
}

#helpFrame {
    width: 100%;
}

.mwoDashboardButton {
    width: 100%;
}

.siteLabels div {
    border: none;
}

.spaciousCells {
    padding: 8px !important;
    min-width: 150px;
}

/*Fix menu icon alone on one line with large menu title.*/
.ui-menu .ui-menuitem-text {
    float: none !important;
}

.transparentBackground tr {
    background-color: rgba(0,0,0,0);
}

.subtabHeading {
    margin-top: 50px;
}

.dateFilter input {
    width: 70px;
}

.textFilter input {
    max-width: 90%;
}

.picksmartFooterImg:hover {
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
}

.picksmartFooterImg {
    -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out;
}

.scheduleEvent_Custom_1 {
    background-color: #264653 !important;
}

.scheduleEvent_Custom_2 {
    background-color: #2a9d8f !important;
}

.completedScheduleEvent {
    background-color: green !important;
}

.cancelledScheduleEvent {
    background-color: darkred !important;
}

.scheduleEvent_DeepSkyBlue {
    background-color: #00BFFF !important;
}

.scheduleEvent_DarkOrange {
    background-color: #FF8C00 !important;
}

.scheduleEvent_Crimson {
    background-color: #DC143C !important;
}

.scheduleEvent_Khaki {
    background-color: #F0E68C !important;
}

.scheduleEvent_Sienna {
    background-color: #A0522D !important;
}

.scheduleEvent_Palegreen {
    background-color: #98FB98 !important;
}

.scheduleEvent_lightGreen {
    background-color: #76E564 !important;
}

.scheduleEvent_lightRed {
    background-color: #FF6F6F !important;
}

.scheduleEvent_lightGreenText {
    color: #76E564 !important;
}

.scheduleEvent_lightRedText {
    color: #FF6F6F !important;
}

a:hover {
    cursor: pointer;
}

.btnColumnFlaggable:not(.ui-datatable-reflow) {
    width: 90px;
}

.btnColumn:not(.ui-datatable-reflow) {
    width: 40px;
}

.subtabNewBtn {
    padding-left: 5px;
}

@media (min-width: 35em) {
    .subtabNewBtn {
        float: right;
        margin-top: -12px;
    }
}

/*i.icon-ellipsis1 + i.Fs14 {
    padding-right: 5px;
}*/

/*To fit dropdown menu on page on low-res devices*/
.ui-selectonemenu-panel {
    max-width: 100%;
}

/*Primefaces charts*/
.jqplot-target, .jqplot-axis {
    color: #546E7A;
}

/*Fix for tiny growl*/
.ui-growl {
    width: 400px !important;
    max-width: 100% !important;
}

.ui-growl-message {
    width: 100% !important;
}

.ui-autocomplete-multiple-container {
    width: 100% !important;
    max-width: 700px;
}

/*https://stackoverflow.com/questions/14647274/houtputtext-does-not-break-r-n-characters-into-new-lines*/
.preformatted {
    white-space: pre-wrap;
}

.ui-state-highlight {
    background-color: #76E564;
}

.badge {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#ff5722;
    color: #ffffff;
    padding: 2px 10px 2px 10px;
}

.avatar-circle {
    width: 40px;
    height: 40px;
    background-color: #0288d1;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.initials {
    position: relative;
    top: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-family: "Courier New", monospace;
    font-weight: bold;
}

.Fright {
    float: right;
}

.Fleft {
    float: left;
}

.flexCard {
    display: flex;
    overflow: scroll;
}

.flexCardChild {
    min-width: 400px;
}

.transparentCard {
    margin: 10px;
    opacity: 0.9;
}

.card {
    padding: 10px !important;
}

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

.jumpToSubtabButton span.ui-icon {
    top: 55%;
}

.quickFilterBtns tbody tr td.ui-panelgrid-cell {
    padding: 5px;
}

.quickFilterBtns tbody tr td.ui-panelgrid-cell button {
    margin-bottom: 2px;
}

.layout-wrapper .topbar .topbar-menu > li.profile-item .profile-info {
    max-width: 140px !important;
}

.enumSelectorPosSmall {
    float: left;
    margin-top: 5px !important;
    margin-left: 5px !important;
    margin-right: -2px !important;
}

.enumSelectValueSmall {
    display: inline-block !important;
}

.enumSelectorImgSmall {
    max-height: 20px;
}

.enumSelectorPosSmall1 {
    display: inline-block !important;
    padding-right: 5px;
    padding-top: 2px;
}

.enumSelectValueSmall1 {
    display: inline-block !important;

}

.enumSelectorImgSmall1 {
    max-height: 20px;
    padding-right: 10px;
    padding-top: 2px;
}

.enumSelectorPosSmall2 {
    display: inline-block !important;
    padding-right: 5px;
    padding-top: 2px;
}

.enumSelectValueSmall2 {
    display: inline-block !important;

}

.enumSelectorImgSmall2 {
    max-height: 20px;
    padding-right: 10px;
    padding-top: 2px;
}

.enumSelectorPosSmall3 {
    display: inline-block !important;
    padding-right: 5px;
    padding-top: 2px;
}

.enumSelectValueSmall3 {
    display: inline-block !important;

}

.enumSelectorImgSmall3 {
    max-height: 20px;
    padding-right: 10px;
    padding-top: 2px;
}
.enumSelectorPosSmall4 {
    display: inline-block !important;
    padding-right: 5px;
    padding-top: 2px;
}

.enumSelectValueSmall4 {
    display: inline-block !important;

}

.enumSelectorImgSmall4 {
    max-height: 20px;
    padding-right: 10px;
    padding-top: 2px;
}
.enumSelectorPosLarge {
    display: inline-block !important;
    margin-left: -7px;
}

.enumSelectValueLarge {
    display: inline-block !important;
    padding-left: 18px !important;
}

.fab {
    font-family: 'Font Awesome 5 Brands' !important;
}

.fad {
    font-family: 'Font Awesome 5 Duotone' !important;
}

.far {
    font-family: 'Font Awesome 5 Pro' !important;
}

.fa, .fas {
    font-family: 'Font Awesome 5 Pro' !important;
}

.fal {
    font-family: 'Font Awesome 5 Pro' !important;
}

.loader_box {
    border-radius: 5px;
    font-family: sans-serif;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.loader_container {
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.15) !important;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border: none !important;
    z-index: 99999999 !important;
}

.loader_container div.ui-panel-content{
    height: 100%;
    width: 100%;
}

.loader_fade_in {
    animation:opacIn 0.5s;
}

.loader_fade_out {
    animation:opacOut 0.5s;
}

@keyframes opacIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes opacOut {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}


/*This is used to place a black shadow around links on login page so that they are visible on light backgrounds*/
.whiteTextShadow {
    color: grey;
    text-shadow: 1px 1px 1px #fff;
    line-height: 1.5;
}

.login-body .login-panel .ui-g-12 {
    padding: 20px 30px;
}

.login-body .login-panel .ui-g-12 input {
    padding: 5px 5px;
}

.login-body .login-panel {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.15), 0 17px 50px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.15), 0 17px 50px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.15), 0 17px 50px 0 rgba(0, 0, 0, 0.10);
}

.ui-editor-popup {
    overflow-y: scroll !important;
    max-height: 400px !important;
}

.previewTblInlineRow {
    background: none !important;
}

.previewTblInline tbody {
    background: none;
    border: none;
}

/*To keep the dropdown button next to the box*/
button.ui-autocomplete-dropdown {
    position: absolute !important;
}

/*Keep autocomplete from getting too small*/
input.ui-autocomplete-input {
    min-width: 250px;
}

body button.ui-button:not(.ui-autocomplete-dropdown)  {
    margin: 1px;
}

body .ui-inplace .ui-inplace-display {
    padding: 0.0rem 0.0rem !important;
}

/*All fonts from za.co.picksmart.enums.platform.WebFont*/
.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Fenix']::before {
    font-family: 'Fenix';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='MyriadPro']::before {
    font-family: 'Myriad Pro';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Lusitana']::before {
    font-family: 'Lusitana';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='DonegalOne']::before {
    font-family: 'Donegal One';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Tinos']::before {
    font-family: 'Tinos';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Alegreya']::before {
    font-family: 'Alegreya';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PTSerif']::before {
    font-family: 'PT Serif';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Arvo']::before {
    font-family: 'Arvo';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Vollkorn']::before {
    font-family: 'Vollkorn';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='JosefinSlab']::before {
    font-family: 'Josefin Slab';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='OldStandardTT']::before {
    font-family: 'Old Standard TT';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Vidaloka']::before {
    font-family: 'Vidaloka';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Arapey']::before {
    font-family: 'Arapey';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='BadScript']::before {
    font-family: 'Bad Script';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='LaBelleAurore']::before {
    font-family: 'La Belle Aurore';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='LovedbytheKing']::before {
    font-family: 'Loved by the King';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='DancingScript']::before {
    font-family: 'Dancing Script';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='EuphoriaScript']::before {
    font-family: 'Euphoria Script';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Lobster']::before {
    font-family: 'Lobster';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Pacifico']::before {
    font-family: 'Pacifico';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Playball']::before {
    font-family: 'Playball';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='AbrilFatface']::before {
    font-family: 'Abril Fatface';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='ArchitectsDaughter']::before {
    font-family: 'Architects Daughter';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='GochiHand']::before {
    font-family: 'Gochi Hand';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='GreatVibes']::before {
    font-family: 'Great Vibes';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='ShadowsIntoLight']::before {
    font-family: 'Shadows Into Light';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='IndieFlower']::before {
    font-family: 'Indie Flower';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PoiretOne']::before {
    font-family: 'Poiret One';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Sacramento']::before {
    font-family: 'Sacramento';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Tangerine']::before {
    font-family: 'Tangerine';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Rochester']::before {
    font-family: 'Rochester';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='CaveatBrush']::before {
    font-family: 'Caveat Brush';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PetitFormalScript']::before {
    font-family: 'Petit Formal Script';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PatrickHandSC']::before {
    font-family: 'Patrick Hand SC';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='ElsieSwashCaps']::before {
    font-family: 'Elsie Swash Caps';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='RumRaisin']::before {
    font-family: 'Rum Raisin';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Capriola']::before {
    font-family: 'Capriola';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Sansita']::before {
    font-family: 'Sansita';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Englebert']::before {
    font-family: 'Englebert';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Jua']::before {
    font-family: 'Jua';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Arial']::before {
    font-family: 'Arial';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='ArchivoBlack']::before {
    font-family: 'Archivo Black';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='VarelaRound']::before {
    font-family: 'Varela Round';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Electrolize']::before {
    font-family: 'Electrolize';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Belleza']::before {
    font-family: 'Belleza';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Andika']::before {
    font-family: 'Andika';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='DroidSans']::before {
    font-family: 'Droid Sans';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Lato']::before {
    font-family: 'Lato';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PTSans']::before {
    font-family: 'PT Sans';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Ubuntu']::before {
    font-family: 'Ubuntu';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='OpenSans']::before {
    font-family: 'Open Sans';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Quicksand']::before {
    font-family: 'Quicksand';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Dosis']::before {
    font-family: 'Dosis';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Barlow']::before {
    font-family: 'Barlow';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Amaranth']::before {
    font-family: 'Amaranth';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='JuliusSansOne']::before {
    font-family: 'Julius Sans One';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Aclonica']::before {
    font-family: 'Aclonica';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='AbhayaLibre']::before {
    font-family: 'Abhaya Libre';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='AlexBrush']::before {
    font-family: 'Alex Brush';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='AlfaSlabOne']::before {
    font-family: 'Alfa Slab One';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Alice']::before {
    font-family: 'Alice';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Allura']::before {
    font-family: 'Allura';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Arizonia']::before {
    font-family: 'Arizonia';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='BerkshireSwash']::before {
    font-family: 'Berkshire Swash';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Cinzel']::before {
    font-family: 'Cinzel';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='CinzelDecorative']::before {
    font-family: 'Cinzel Decorative';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='ClickerScript']::before {
    font-family: 'Clicker Script';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Comfortaa']::before {
    font-family: 'Comfortaa';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='CormorantGaramond']::before {
    font-family: 'Cormorant Garamond';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='CormorantSc']::before {
    font-family: 'Cormorant Sc';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='EmilysCandy']::before {
    font-family: 'Emilys Candy';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='FrederickaTheGreat']::before {
    font-family: 'Fredericka The Great';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='ImFellEnglishSc']::before {
    font-family: 'Im Fell English Sc';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Italiana']::before {
    font-family: 'Italiana';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='LeagueScript']::before {
    font-family: 'League Script';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='LifeSavers']::before {
    font-family: 'Life Savers';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='MissFajardose']::before {
    font-family: 'Miss Fajardose';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='MonsieurLaDoulaise']::before {
    font-family: 'Monsieur La Doulaise';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Montez']::before {
    font-family: 'Montez';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='MrDeHaviland']::before {
    font-family: 'Mr De Haviland';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Niconne']::before {
    font-family: 'Niconne';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Parisienne']::before {
    font-family: 'Parisienne';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PinyonScript']::before {
    font-family: 'Pinyon Script';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PlayfairDisplay']::before {
    font-family: 'Playfair Display';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='PlayfairDisplaySc']::before {
    font-family: 'Playfair Display Sc';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Prata']::before {
    font-family: 'Prata';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Ultra']::before {
    font-family: 'Ultra';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='Unna']::before {
    font-family: 'Unna';
}

.ql-font.ql-picker.ql-expanded .ql-picker-options span[data-value='WireOne']::before {
    font-family: 'Wire One';
}

.ql-font-Fenix {
    font-family: 'Fenix'
}

.ql-font-MyriadPro {
    font-family: 'Myriad Pro'
}

.ql-font-Lusitana {
    font-family: 'Lusitana'
}

.ql-font-DonegalOne {
    font-family: 'Donegal One'
}

.ql-font-Tinos {
    font-family: 'Tinos'
}

.ql-font-Alegreya {
    font-family: 'Alegreya'
}

.ql-font-PTSerif {
    font-family: 'PT Serif'
}

.ql-font-Arvo {
    font-family: 'Arvo'
}

.ql-font-Vollkorn {
    font-family: 'Vollkorn'
}

.ql-font-JosefinSlab {
    font-family: 'Josefin Slab'
}

.ql-font-OldStandardTT {
    font-family: 'Old Standard TT'
}

.ql-font-Vidaloka {
    font-family: 'Vidaloka'
}

.ql-font-Arapey {
    font-family: 'Arapey'
}

.ql-font-BadScript {
    font-family: 'Bad Script'
}

.ql-font-LaBelleAurore {
    font-family: 'La Belle Aurore'
}

.ql-font-LovedbytheKing {
    font-family: 'Loved by the King'
}

.ql-font-DancingScript {
    font-family: 'Dancing Script'
}

.ql-font-EuphoriaScript {
    font-family: 'Euphoria Script'
}

.ql-font-Lobster {
    font-family: 'Lobster'
}

.ql-font-Pacifico {
    font-family: 'Pacifico'
}

.ql-font-Playball {
    font-family: 'Playball'
}

.ql-font-AbrilFatface {
    font-family: 'Abril Fatface'
}

.ql-font-ArchitectsDaughter {
    font-family: 'Architects Daughter'
}

.ql-font-GochiHand {
    font-family: 'Gochi Hand'
}

.ql-font-GreatVibes {
    font-family: 'Great Vibes'
}

.ql-font-ShadowsIntoLight {
    font-family: 'Shadows Into Light'
}

.ql-font-IndieFlower {
    font-family: 'Indie Flower'
}

.ql-font-PoiretOne {
    font-family: 'Poiret One'
}

.ql-font-Sacramento {
    font-family: 'Sacramento'
}

.ql-font-Tangerine {
    font-family: 'Tangerine'
}

.ql-font-Rochester {
    font-family: 'Rochester'
}

.ql-font-CaveatBrush {
    font-family: 'Caveat Brush'
}

.ql-font-PetitFormalScript {
    font-family: 'Petit Formal Script'
}

.ql-font-PatrickHandSC {
    font-family: 'Patrick Hand SC'
}

.ql-font-ElsieSwashCaps {
    font-family: 'Elsie Swash Caps'
}

.ql-font-RumRaisin {
    font-family: 'Rum Raisin'
}

.ql-font-Capriola {
    font-family: 'Capriola'
}

.ql-font-Sansita {
    font-family: 'Sansita'
}

.ql-font-Englebert {
    font-family: 'Englebert'
}

.ql-font-Jua {
    font-family: 'Jua'
}

.ql-font-Arial {
    font-family: 'Arial'
}

.ql-font-ArchivoBlack {
    font-family: 'Archivo Black'
}

.ql-font-VarelaRound {
    font-family: 'Varela Round'
}

.ql-font-Electrolize {
    font-family: 'Electrolize'
}

.ql-font-Belleza {
    font-family: 'Belleza'
}

.ql-font-Andika {
    font-family: 'Andika'
}

.ql-font-DroidSans {
    font-family: 'Droid Sans'
}

.ql-font-Lato {
    font-family: 'Lato'
}

.ql-font-PTSans {
    font-family: 'PT Sans'
}

.ql-font-Ubuntu {
    font-family: 'Ubuntu'
}

.ql-font-OpenSans {
    font-family: 'Open Sans'
}

.ql-font-Quicksand {
    font-family: 'Quicksand'
}

.ql-font-Dosis {
    font-family: 'Dosis'
}

.ql-font-Barlow {
    font-family: 'Barlow'
}

.ql-font-Amaranth {
    font-family: 'Amaranth'
}

.ql-font-JuliusSansOne {
    font-family: 'Julius Sans One'
}

.ql-font-Aclonica {
    font-family: 'Aclonica'
}

.ql-font-AbhayaLibre {
    font-family: 'Abhaya Libre'
}

.ql-font-AlexBrush {
    font-family: 'Alex Brush'
}

.ql-font-AlfaSlabOne {
    font-family: 'Alfa Slab One'
}

.ql-font-Alice {
    font-family: 'Alice'
}

.ql-font-Allura {
    font-family: 'Allura'
}

.ql-font-Arizonia {
    font-family: 'Arizonia'
}

.ql-font-BerkshireSwash {
    font-family: 'Berkshire Swash'
}

.ql-font-Cinzel {
    font-family: 'Cinzel'
}

.ql-font-CinzelDecorative {
    font-family: 'Cinzel Decorative'
}

.ql-font-ClickerScript {
    font-family: 'Clicker Script'
}

.ql-font-Comfortaa {
    font-family: 'Comfortaa'
}

.ql-font-CormorantGaramond {
    font-family: 'Cormorant Garamond'
}

.ql-font-CormorantSc {
    font-family: 'Cormorant Sc'
}

.ql-font-EmilysCandy {
    font-family: 'Emilys Candy'
}

.ql-font-FrederickaTheGreat {
    font-family: 'Fredericka The Great'
}

.ql-font-ImFellEnglishSc {
    font-family: 'Im Fell English Sc'
}

.ql-font-Italiana {
    font-family: 'Italiana'
}

.ql-font-LeagueScript {
    font-family: 'League Script'
}

.ql-font-LifeSavers {
    font-family: 'Life Savers'
}

.ql-font-MissFajardose {
    font-family: 'Miss Fajardose'
}

.ql-font-MonsieurLaDoulaise {
    font-family: 'Monsieur La Doulaise'
}

.ql-font-Montez {
    font-family: 'Montez'
}

.ql-font-MrDeHaviland {
    font-family: 'Mr De Haviland'
}

.ql-font-Niconne {
    font-family: 'Niconne'
}

.ql-font-Parisienne {
    font-family: 'Parisienne'
}

.ql-font-PinyonScript {
    font-family: 'Pinyon Script'
}

.ql-font-PlayfairDisplay {
    font-family: 'Playfair Display'
}

.ql-font-PlayfairDisplaySc {
    font-family: 'Playfair Display Sc'
}

.ql-font-Prata {
    font-family: 'Prata'
}

.ql-font-Ultra {
    font-family: 'Ultra'
}

.ql-font-Unna {
    font-family: 'Unna'
}

.ql-font-WireOne {
    font-family: 'Wire One'
}

/* This makes the notification icon on the frontend periodically wobble when 
there are unread notifications/appointments */
@keyframes wobble {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(10deg);
    }
    75% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(10deg);
    }
}

.wobble-animation {
    animation: wobble 0.5s ease infinite;
}

/*
https://stackoverflow.com/questions/38270661/displaying-a-youtube-video-with-iframe-full-width-of-page
*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
Make the context submenus on Doci's document wizard scrollable, for when there
are a lot of fields in them.
*/
.doci-context-menu-scrollable > ul {
    max-height: none; /* The main context menu should be as tall as it needs to be. */
}

.doci-context-menu-scrollable ul ul ul {
    max-height: 80vh; /* 80% of the browser window height. */
    overflow-y: auto; /* Make the y-direction scrollable. */
    overflow-x: hidden; /* The x-direction should not be scrollable. */
}

/*
Show tooltips (titles) on disabled buttons
*/
.ui-state-disabled.showTooltip {
    pointer-events: all;
}