/* WAVE - contrast on labels*/
md-input-container .md-placeholder,
md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    color: #4D4D4D;
}


/* colors */

.gray {
    background: #f5f5f5;
}

.green {
    background: #b9f6ca;
}

.yellow {
    background: #ffff8d;
}

.purple {
    background: #b388ff;
}

.red {
    background: #ff8a80;
}

.indigo {
    background-color: rgb(63, 81, 181);
}

.pink {
    background-color: #FF4081;
}

.white {
    color: white !important;
}

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

.cog-icon-indigo {
    color: #303F9F;
}

.blue {
    color: #4285F4;
}

.md-title {
    color: rgba(0, 0, 0, 0.7);
}

/* accordion - allow space for checkbox ripple of -10px*/
v-pane-header,
v-pane-content {
    padding-left: 15px;
}


/* QUICK LINKS STYLES ::::::::::::  */
.cog-link {
    padding: 0;
}

.cog-link:hover {
    cursor: pointer;
    transition: all 0.4s ease-out;
    text-decoration: underline;
    z-index: 200000;
}


.cog-ql-layout {
    background-color: #f0f0f0;
    margin: 10px;
    height: 240px;
    text-align: center;
    float: left;
    letter-spacing: 1px;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
}

.cog-ql-layout:hover {
    -ms-transform: scale(1.1, 1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1, 1.1);
    /* Safari */
    transform: scale(1.1, 1.1);
    -webkit-box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12);
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12);
    z-index: 9999;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    background-color: #fff;
}

.cog-ql-icon {
    display: block;
    width: 75px;
    height: 75px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #eee;
    margin-bottom: 30px;
    background-color: #EC407A;
    margin: 20px auto;
}

.cog-ql-layout:hover .cog-ql-icon {
    background: rgba(244, 103, 110, 1);
    background: -moz-linear-gradient(top, rgba(244, 103, 110, 1) 0%, rgba(77, 64, 111, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244, 103, 110, 1)), color-stop(100%, rgba(77, 64, 111, 1)));
    background: -webkit-linear-gradient(top, rgba(244, 103, 110, 1) 0%, rgba(77, 64, 111, 1) 100%);
    background: -o-linear-gradient(top, rgba(244, 103, 110, 1) 0%, rgba(77, 64, 111, 1) 100%);
    background: -ms-linear-gradient(top, rgba(244, 103, 110, 1) 0%, rgba(77, 64, 111, 1) 100%);
    background: linear-gradient(to bottom, rgba(244, 103, 110, 1) 0%, rgba(77, 64, 111, 1) 100%);
    /* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4676e', endColorstr='#4d406f', GradientType=0); */
    border: 5px solid #eee;
}

.cog-ql-layout h2 .cog-ql-layout h3 {
    font-size: 16px;
    color: #888;
    padding: 0px;
    margin: 0px;
}

.cog-ql-layout h3 {
    font-weight: 100;
    margin-top: 0px;
}

.cog-quick-link-layout:hover {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12);
    cursor: pointer;
    transition: all 0.4s ease-out;
}


/* end of quick links */

.cog-dialog-layout {

    -webkit-box-direction: normal;
    /* 07/13/18 for safari*/
    -webkit-box-orient: vertical;
    /*  min-height: 600px;
    max-width: 600px;
    */
}

.cog-dialog-map {
    -webkit-box-direction: normal;
    /* 07/13/18 for safari*/
    -webkit-box-orient: vertical;
    min-height: 80%;
    min-width: 90%;

}

/* fix safari md dialog issue display off screen
*/
md-dialog {

    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: auto;
}

.md-dialog-container {
    height: 100% !important;
    position: fixed !important;
    top: 0px !important;
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: auto;
}

/* safari dialog issues */
.flex {
    flex: 1 1 0%;
}

.cog-mddialog {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
}

/* end of safair issues */

md-icon {
    font-family: 'Material Icons' !important;
}

.google-maps {
    /* position: relative; */
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.cog-cards-section {
    width: 100%;
    background: #e0e0e0;
}


.cog-transparent-btn {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.cog-icon-arrow-back {
    font-size: 30px;
    color: rgb(63, 81, 181);
    font-weight: 700;
}

.cog-menu-item {
    background: #FAFAFA;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.cog-menu-button {
    width: 100% !important;
    padding: 9px !important;
    margin: -8px 0 -8px 0 !important;
}

.cog-menu-button:hover {
    background: #ECECEC !important;
}

.cog-toolbar-buttons {
    transition: all 0.5s ease;
    background: Transparent;
    border: 2px solid #fff;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: #fff !important;
    width: 5em;
    margin: 10px;
    border-radius: 4px;
    padding: 2px;
    font-size: 16px;
}

.cog-toolbar-buttons:hover {
    background-color: #fff !important;
    color: #1A237E !important;
}

.calendar-navbar {
    width: 100%;
}

.cog-toggleFilters {
    margin: 0;
}

.cog-calendar-filter {
    margin-left: 20px;
}

.cog-calendar-filters-content {
    margin-top: 10px;
}

.cog-toolbar-input {
    outline: none;
    border: none;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
}

.monthview-primary-with-event {
    background-color: #1B39A8;
    color: white;
}

.monthview-selected {
    background-color: #0a640a;
    color: white;
}

.avatar {
    position: relative;
    width: 54px;
    height: 54px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    vertical-align: middle;
}

.clearer {
    clear: both;
}

.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
}

.cog-toolbar-tall-bg {
    background: url('../app/assets/svg/cog-indigo-triangle-bg.svg')no-repeat center center fixed !important;
}

.cog-completed-step {
    background-color: #E91E63;
    padding: 8px;
    margin-left: 8px;
    color: rgba(255, 255, 255, 0.87);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 3px;
}

.cog-event-not-available {
    background: #f1f1f1;
}

.cog-cal-event-card:hover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

/** 06/06/20 fix issue with lookups hiding behind form
.md-open-menu-container,
.md-dialog-container {
    z-index: 300;
}

.md-datepicker-calendar-pane,
.md-select-menu-container {
    z-index: 200;
}

**/

/*
print preview style - Start
*/

.invoice-box {
    min-width: 320px;
    max-width: 600px;
    margin: auto;
    padding: 30px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    color: #555;
}

.invoice-box table {
    width: 100%;
    line-height: inherit;
    text-align: left;
    table-layout: fixed;
}

.invoice-box table td {
    padding: 5px;
    vertical-align: top;
}

.invoice-box table tr td:nth-child(2) {
    text-align: right;
}

.invoice-box table tr.top table td {
    padding-bottom: 20px;
}

.invoice-box table tr.top table td.title {
    font-size: 45px;
    line-height: 45px;
    color: #333;
}

.invoice-box table tr.information table td {
    padding-bottom: 40px;
}

.invoice-box table tr.heading td {
    background: #eee;
    /* border-bottom: 1px solid #ddd; */
    font-weight: bold;
}

.invoice-box table tr.details td {
    padding-bottom: 20px;
}

.invoice-box table tr.item td {
    border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
    border-bottom: none;
}

.invoice-box table tr.total td:nth-child(2) {
    border-top: 2px solid #eee;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td {
        width: 100%;
        display: block;
        text-align: center;
    }

    .invoice-box table tr.information table td {
        width: 100%;
        display: block;
        text-align: center;
    }
}


/*
print preview - :end
*/


/*
event page styles
*/

.icondemoLoadSvgIconsFromUrl md-progress-circular {
    margin-bottom: 20px;
}

.icondemoLoadSvgIconsFromUrl md-icon {
    margin: 20px;
    margin-top: 0;
    width: 24px;
    height: 24px;
}

.icondemoLoadSvgIconsFromUrl .demo-content {
    min-height: 210px;
}

.icondemoLoadSvgIconsFromUrl .appDemoSvgIcons {
    padding: 25px;
}

.icondemoLoadSvgIconsFromUrl .s24,
.s24 {
    width: 24px;
    height: 24px;
    color: #f00;
}

.icondemoLoadSvgIconsFromUrl .s36,
.s36 {
    width: 36px;
    height: 36px;
    color: #0f0;
}

.icondemoLoadSvgIconsFromUrl .s28,
.s28 {
    width: 28px;
    height: 28px;
    color: #00f;
}

div.circular {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    color: white;
    background-color: mediumblue;
    text-align: center;
    float: left;
    font-weight: bolder;
}

/* From index on 04/26/19 */



Mon,
Tue,
Wed,
Thu,
Fri,
Sat,
Sun {
    flex: 15;
    border-top-width: 0;
    border-left-width: 1px;
    border-left-style: solid;
    text-align: center;
}

/** * Print Stylesheet cogran * @version 1.0 * @lastmodified 08/02/18 */
@media print {

    /* Setting content width, unsetting floats and margins*/
    #content,
    #page {
        width: 100%;
        margin: 0;
        float: none;
    }

    /** Setting margins */
    @page {
        margin: 2cm
    }

    /* avoid page break within contact */
    .cog-avoid-print-break .print-together {

        page-break-inside: avoid;
    }

    /* Set font to 16px/13pt, set background to white and font to black. 10/31/24 set to 10pt*/
    body {
        font: 10pt Georgia, "Times New Roman", Times, serif;
        line-height: 1.3;
        background: #fff !important;
        color: #000;
    }

    h1 {
        font-size: 24pt;
    }

    h2,
    h3,
    h4 {
        font-size: 14pt;
        margin-top: 25px;
    }

    /* Defining all page breaks */
    a {
        page-break-inside: avoid
    }

    blockquote {
        page-break-inside: avoid;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid
    }

    img {
        page-break-inside: avoid;
        page-break-after: avoid;
    }

    table,
    pre {
        page-break-inside: avoid
    }

    ul,
    ol,
    dl {
        page-break-before: avoid
    }

    Mon,
    Tue,
    Wed,
    Thu,
    Fri,
    Sat,
    Sun {
        flex: 15;
        border-top-width: 0;
        border-left-width: 1px;
        border-left-style: solid;
        text-align: center;
    }

    md-card {
        page-break-inside: avoid
    }

    /* Displaying link color and link behaviour */
    a:link,
    a:visited,
    a {
        background: transparent;
        color: #520;
        font-weight: bold;
        text-decoration: underline;
        text-align: left;
    }

    a {
        page-break-inside: avoid
    }

    a[href^=http]:after {
        content: " <" attr(href) "> ";
    }

    a:after>img {
        content: "";
    }

    article a[href^="#"]:after {
        content: "";
    }



    /** * Hiding Videos and Other iframes */
    iframe,
    ins {
        display: none;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        line-height: 0pt !important;
        white-space: nowrap;
    }

    .embed-youtube,
    .embed-responsive {
        position: absolute;
        height: 0;
        overflow: hidden;
    }

    /* Hiding Unnecessary Elements */
    #footer,
    header,
    md-dialog-actions,
    cog-toolbar,
    footer,
    .print-hide,
    .cog-noprint,
    md-sidenav,
    button,
    md-button,
    .md-button,
    md-input-container,
    .btn-group,
    .monthview-datetable,
    .calendar-navbar {
        display: none;
    }

    /* reduce angular font */
    .md-headline {
        font-size: 12pt;
    }

    .md-subhead {
        font-size: 12pt;
    }

    /* Adding Messages Before and After Printing */
    .entry:after {
        content: "";
        color: #999 !important;
        font-size: 1em;
        padding-top: 30px;
    }

    #header:before {
        content: "";
        color: #777 !important;
        font-size: 1em;
        padding-top: 30px;
        text-align: center !important;
    }

    /* Elements */
    p,
    address,
    li,
    dt,
    dd,
    blockquote {
        font-size: 100%
    }

    /* fonts */
    code,
    pre {
        font-family: "Courier New", Courier, mono
    }

    ul,
    ol {
        list-style: square;
        margin-left: 18pt;
        margin-bottom: 20pt;
    }

    li {
        line-height: 1.6em;
    }
}


/**********Stripe.js*******************/

.cog-stripe {
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
        0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
    border-radius: 7px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    padding: 40px;
}

/* * {
            box-sizing: border-box;
          } */
/* #payment-form {
            width: 30vw;
            min-width: 500px;
            align-self: center;
            box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
              0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
            border-radius: 7px;
            padding: 40px;
          }
          #payment-form input {
            border-radius: 6px;
            margin-bottom: 6px;
            padding: 12px;
            border: 1px solid rgba(50, 50, 93, 0.1);
            height: 44px;
            font-size: 16px;
            width: 100%;
            background: white;
          } */
/* .result-message {
            line-height: 22px;
            font-size: 16px;
          }
          .result-message a {
            color: rgb(89, 111, 214);
            font-weight: 600;
            text-decoration: none;
          }
          .hidden {
            display: none;
          }
          .card-error {
            color: rgb(105, 115, 134);
            text-align: left;
            font-size: 13px;
            line-height: 17px;
            margin-top: 12px;
          }
          #card-element {
            border-radius: 4px 4px 0 0 ;
            padding: 12px;
            border: 1px solid rgba(50, 50, 93, 0.1);
            height: 44px;
            width: 100%;
            background: white;
          }
          #payment-request-button {
            margin-bottom: 32px;
          }
          /* Buttons and links */
/* #stripePayButton,#stripePayCancel {
            background: #5469d4;
            color: #ffffff;
            font-family: Arial, sans-serif;
            border-radius: 0 0 4px 4px;
            border: 0;
            padding: 12px 16px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            display: block;
            transition: all 0.2s ease;
            box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
            width: 100%;
          }
          #stripePayButton:hover,#stripePayCancel:hover {
            filter: contrast(115%);
          }
          #stripePayButton:disabled,#stripePayCancel:disabled{
            opacity: 0.5;
            cursor: default;
          }
          #stripePayCancel {
              width: 25vw;
              /*min-width: 500px;
              align-self:center;
              padding:40px;*/
/* }
          #stripeCancel {
            align-self:center;
          }
          /* spinner/processing state, errors */
/* .spinner,
          .spinner:before,
          .spinner:after {
            border-radius: 50%;
          }
          .spinner {
            color: #ffffff;
            font-size: 22px;
            text-indent: -99999px;
            margin: 0px auto;
            position: relative;
            width: 20px;
            height: 20px;
            box-shadow: inset 0 0 0 2px;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
          }
          .spinner:before,
          .spinner:after {
            position: absolute;
            content: "";
          }
          .spinner:before {
            width: 10.4px;
            height: 20.4px;
            background: #5469d4;
            border-radius: 20.4px 0 0 20.4px;
            top: -0.2px;
            left: -0.2px;
            -webkit-transform-origin: 10.4px 10.2px;
            transform-origin: 10.4px 10.2px;
            -webkit-animation: loading 2s infinite ease 1.5s;
            animation: loading 2s infinite ease 1.5s;
          }
          .spinner:after {
            width: 10.4px;
            height: 10.2px;
            background: #5469d4;
            border-radius: 0 10.2px 10.2px 0;
            top: -0.1px;
            left: 10.2px;
            -webkit-transform-origin: 0px 10.2px;
            transform-origin: 0px 10.2px;
            -webkit-animation: loading 2s infinite ease;
            animation: loading 2s infinite ease;
          }
          @-webkit-keyframes loading {
            0% {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
            }
            100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
          }
          @keyframes loading {
            0% {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
            }
            100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
          }
          @media only screen and (max-width: 600px) {
            form {
              width: 80vw;
            }
          } 

          .container {
            padding: 16px;
            margin-bottom: 16px;
            border:1px solid silver;
            border-radius: 1rem;
            width:100%;
          }

          .z-depth-1 {
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
          }
          
          .z-depth-1-half {
            box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          }
          
          .z-depth-2 {
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          }
          
          .z-depth-3 {
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
          }
          
          .z-depth-4 {
            box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
          }
          
          .z-depth-5 {
            box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
          }

          .shadow {
            -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
/* -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
/* box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
/* } */