.specialCalendar {
    color: #f4a100 !important;
    cursor: pointer !important;
}

.bookingCalendar {
    color: #6900c7 !important;
    cursor: pointer !important;
}

.contactCalendar {
    color: #00ac69 !important;
    cursor: pointer !important;
}

.questionCalendar {
    color: #00cfd5 !important;
    cursor: pointer !important;
}

.orderCalendar {
    color: #1f2d41 !important;
    cursor: pointer !important;
}

.otherEventCalendar {
    color: #e81500 !important;
    cursor: pointer !important;
}

.customEventCalendar {
    cursor: pointer !important;

}

/* Resizable frame classes */
.ui-resizable-e {
    cursor: e-resize;
    width: 17px;
    right: -15px;
    top: 0%;
    height: 100%;
    opacity: .5;
    color: white;
    text-align: center;
}

.ui-resizable-l {
    cursor: e-resize;
    width: 17px;
    right: 10px;
    top: 0%;
    height: 100%;
    opacity: .5;
    color: white;
    text-align: center;
}


.ui-resizable-handle {
    position: absolute;
    font-size: 20px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}



/* Flash class and keyframe animation */
.blinking {
    animation: blinkingText 1.2s infinite;
    color: orange;
}

.blinkingPurple {
    animation: blinkingText 1.2s infinite;
    color:rebeccapurple;
}

@keyframes blinkingText {
    0% {
        opacity: 0;
    }

    10% {
        opacity: .1;
    }

    20% {
        opacity: .2;
    }

    30% {
        opacity: .3;
    }

    40% {
        opacity: .4;
    }

    50% {
        opacity: .5;
    }

    60% {
        opacity: .6;
    }

    70% {
        opacity: .7;
    }

    80% {
        opacity: .8;
    }

    90% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

/* Overriding styles */

::-webkit-input-placeholder {
    font-size: 13px !important;
    opacity: .5 !important;
}

:-moz-placeholder { /* Firefox 18- */
    font-size: 13px !important;
    opacity: .5 !important;
}

::-moz-placeholder { /* Firefox 19+ */
    font-size: 13px !important;
    opacity: .5 !important;
}

.fr-sticky-on {
    position: fixed;
    top: 55px !important;
}


.DocUploadContainer {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    float: left !important;
    width: 46% !important;
    padding: 1%;
}

.DocUploadInfoContainer {
    float: left;
    width: 95% !important;
}

.DocUploadDeleteContainer {
    float: left;
    width: 5% !important;
    cursor: pointer;
    margin-top: 40px;
}

.DocUploadDropZone {
    float: left;
    width: 96%;
    height: 200px;
    margin: 0% 2% 0% 2%;
    border: 2px solid gray;
    background-color: #dbeeff;
    border-radius: 12px;
}

.DocUploadDropZoneDragging {
    float: left;
    width: 96%;
    height: 200px;
    margin: 0% 2% 0% 2%;
    border: 2px solid gray;
    background-color: #b2d8fa;
    border-radius: 12px;
}

    .spinner-boot {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0,174,239,.15);
    border-right: 6px solid rgba(0,174,239,.15);
    border-bottom: 6px solid rgba(0,174,239,.15);
    border-top: 6px solid rgba(0,174,239,.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.cssload-loader {
    position: relative;
    left: calc(50% - 76px);
    width: 152px;
    height: 152px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 1900px;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

    .cssload-inner.cssload-one {
        left: 0%;
        top: 0%;
        animation: cssload-rotate-one 0.95s linear infinite;
        -o-animation: cssload-rotate-one 0.95s linear infinite;
        -ms-animation: cssload-rotate-one 0.95s linear infinite;
        -webkit-animation: cssload-rotate-one 0.95s linear infinite;
        -moz-animation: cssload-rotate-one 0.95s linear infinite;
        border-bottom: 7px solid rgba(63,9,161,0.45);
    }

    .cssload-inner.cssload-two {
        right: 0%;
        top: 0%;
        animation: cssload-rotate-two 0.95s linear infinite;
        -o-animation: cssload-rotate-two 0.95s linear infinite;
        -ms-animation: cssload-rotate-two 0.95s linear infinite;
        -webkit-animation: cssload-rotate-two 0.95s linear infinite;
        -moz-animation: cssload-rotate-two 0.95s linear infinite;
        border-right: 7px solid rgba(9,47,237,0.41);
    }

    .cssload-inner.cssload-three {
        right: 0%;
        bottom: 0%;
        animation: cssload-rotate-three 0.95s linear infinite;
        -o-animation: cssload-rotate-three 0.95s linear infinite;
        -ms-animation: cssload-rotate-three 0.95s linear infinite;
        -webkit-animation: cssload-rotate-three 0.95s linear infinite;
        -moz-animation: cssload-rotate-three 0.95s linear infinite;
        border-top: 7px solid rgba(59,14,240,0.2);
    }







@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}


/* Camera type focus */
.box {
    position: fixed;
    left: 0%;
    top: 0%;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    background: white;
    opacity: .7;
    z-index: 10000;
}

option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 2px;
}

.loading:before {
    content: '';
    position: absolute;
    width: 117px;
    height: 117px;
    top: 50%;
    margin-top: -59px;
    left: 50%;
    margin-left: -59px;
    border-width: 7px 3px;
    border-style: solid;
    border-color: rgb(221,187,0) rgba(221,187,0,0.3);
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: spin 6.6s infinite;
    -o-animation: spin 6.6s infinite;
    -ms-animation: spin 6.6s infinite;
    -webkit-animation: spin 6.6s infinite;
    -moz-animation: spin 6.6s infinite;
}

.loading:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
    background-color: rgb(221,187,0);
    opacity: 0.4;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: pulse 13.2s infinite, borderPulse 13.2s infinite;
    -o-animation: pulse 13.2s infinite, borderPulse 13.2s infinite;
    -ms-animation: pulse 13.2s infinite, borderPulse 13.2s infinite;
    -webkit-animation: pulse 13.2s infinite, borderPulse 13.2s infinite;
    -moz-animation: pulse 13.2s infinite, borderPulse 13.2s infinite;
}






@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(1080deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    50% {
        -o-transform: rotate(360deg);
    }

    100% {
        -o-transform: rotate(1080deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(360deg);
    }

    100% {
        -ms-transform: rotate(1080deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(1080deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(360deg);
    }

    100% {
        -moz-transform: rotate(1080deg);
    }
}

@keyframes pulse {
    0% {
        background-color: rgba(221,187,0,0.2);
    }

    13% {
        background-color: rgba(221,187,0,0.2);
    }

    15% {
        background-color: rgba(255,234,119,0.9);
    }

    28% {
        background-color: rgba(255,234,119,0.9);
    }

    30% {
        background-color: rgba(221,187,0,0.2);
    }

    43% {
        background-color: rgba(221,187,0,0.2);
    }

    45% {
        background-color: rgba(255,234,119,0.9);
    }

    70% {
        background-color: rgba(255,234,119,0.9);
    }

    74% {
        background-color: rgba(221,187,0,0.2);
    }

    100% {
        background-color: rgba(255,234,119,0.9);
    }
}

@-o-keyframes pulse {
    0% {
        background-color: rgba(221,187,0,0.2);
    }

    13% {
        background-color: rgba(221,187,0,0.2);
    }

    15% {
        background-color: rgba(255,234,119,0.9);
    }

    28% {
        background-color: rgba(255,234,119,0.9);
    }

    30% {
        background-color: rgba(221,187,0,0.2);
    }

    43% {
        background-color: rgba(221,187,0,0.2);
    }

    45% {
        background-color: rgba(255,234,119,0.9);
    }

    70% {
        background-color: rgba(255,234,119,0.9);
    }

    74% {
        background-color: rgba(221,187,0,0.2);
    }

    100% {
        background-color: rgba(255,234,119,0.9);
    }
}

@-ms-keyframes pulse {
    0% {
        background-color: rgba(221,187,0,0.2);
    }

    13% {
        background-color: rgba(221,187,0,0.2);
    }

    15% {
        background-color: rgba(255,234,119,0.9);
    }

    28% {
        background-color: rgba(255,234,119,0.9);
    }

    30% {
        background-color: rgba(221,187,0,0.2);
    }

    43% {
        background-color: rgba(221,187,0,0.2);
    }

    45% {
        background-color: rgba(255,234,119,0.9);
    }

    70% {
        background-color: rgba(255,234,119,0.9);
    }

    74% {
        background-color: rgba(221,187,0,0.2);
    }

    100% {
        background-color: rgba(255,234,119,0.9);
    }
}

@-webkit-keyframes pulse {
    0% {
        background-color: rgba(221,187,0,0.2);
    }

    13% {
        background-color: rgba(221,187,0,0.2);
    }

    15% {
        background-color: rgba(255,234,119,0.9);
    }

    28% {
        background-color: rgba(255,234,119,0.9);
    }

    30% {
        background-color: rgba(221,187,0,0.2);
    }

    43% {
        background-color: rgba(221,187,0,0.2);
    }

    45% {
        background-color: rgba(255,234,119,0.9);
    }

    70% {
        background-color: rgba(255,234,119,0.9);
    }

    74% {
        background-color: rgba(221,187,0,0.2);
    }

    100% {
        background-color: rgba(255,234,119,0.9);
    }
}

@-moz-keyframes pulse {
    0% {
        background-color: rgba(221,187,0,0.2);
    }

    13% {
        background-color: rgba(221,187,0,0.2);
    }

    15% {
        background-color: rgba(255,234,119,0.9);
    }

    28% {
        background-color: rgba(255,234,119,0.9);
    }

    30% {
        background-color: rgba(221,187,0,0.2);
    }

    43% {
        background-color: rgba(221,187,0,0.2);
    }

    45% {
        background-color: rgba(255,234,119,0.9);
    }

    70% {
        background-color: rgba(255,234,119,0.9);
    }

    74% {
        background-color: rgba(221,187,0,0.2);
    }

    100% {
        background-color: rgba(255,234,119,0.9);
    }
}

@keyframes borderPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 3px rgba(221,187,0,0.8);
    }

    40% {
        box-shadow: 0 0 0 3px rgb(255,255,255), 0 0 0 7px rgba(221, 187, 0, 0.8);
    }

    80% {
        box-shadow: 0 0 0 10px #FFF, 0 0 3px 10px rgba(221, 187, 0, 0.8);
    }
}

@-o-keyframes borderPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 3px rgba(221,187,0,0.8);
    }

    40% {
        box-shadow: 0 0 0 3px rgb(255,255,255), 0 0 0 7px rgba(221, 187, 0, 0.8);
    }

    80% {
        box-shadow: 0 0 0 10px #FFF, 0 0 3px 10px rgba(221, 187, 0, 0.8);
    }
}

@-ms-keyframes borderPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 3px rgba(221,187,0,0.8);
    }

    40% {
        box-shadow: 0 0 0 3px rgb(255,255,255), 0 0 0 7px rgba(221, 187, 0, 0.8);
    }

    80% {
        box-shadow: 0 0 0 10px #FFF, 0 0 3px 10px rgba(221, 187, 0, 0.8);
    }
}

@-webkit-keyframes borderPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 3px rgba(221,187,0,0.8);
    }

    40% {
        box-shadow: 0 0 0 3px rgb(255,255,255), 0 0 0 7px rgba(221, 187, 0, 0.8);
    }

    80% {
        box-shadow: 0 0 0 10px #FFF, 0 0 3px 10px rgba(221, 187, 0, 0.8);
    }
}

@-moz-keyframes borderPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 3px rgba(221,187,0,0.8);
    }

    40% {
        box-shadow: 0 0 0 3px rgb(255,255,255), 0 0 0 7px rgba(221, 187, 0, 0.8);
    }

    80% {
        box-shadow: 0 0 0 10px #FFF, 0 0 3px 10px rgba(221, 187, 0, 0.8);
    }
}