@font-face {
    font-family: proxima-nova;
    src: url('fonts/proximanova-light-webfont.ttf') format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: proxima-nova;
    src: url('fonts/proximanova-regular-webfont.ttf') format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: proxima-nova;
    src: url('fonts/proximanova-semibold-webfont.ttf') format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: proxima-nova;
    src: url('fonts/proximanova-bold-webfont.ttf') format("truetype");
    font-weight: 700;
    font-style: normal
}


/*Global overrides*/
html, body {
    font-family: proxima-nova, Proxima Nova ,Lucida Grande,Segoe UI,Segoe,Lucida Sans,Lucida Sans Unicode,Verdana,sans-serif !important;
    color: #425563 !important;
    background: unset !important;
}
.signin-wrapper {
    max-width: 50% !important;
}

.processing-overlay {
    opacity: unset !important;
}

.processing-spinner {
    transform: unset;
    -webkit-transform: unset;
    -webkit-animation-name: unset;
    -webkit-animation-duration: unset;
    -webkit-animation-iteration-count: unset;
    -webkit-animation-timing-function: unset;
    border: unset;
}


.processing-spinner circle {
    border-top-color: unset;
    stroke: #00B4BB;
    fill: none;
    animation: keyframes 2s infinite ease-in-out;
    stroke-dashoffset: 325%;
    stroke-dasharray: 390.625%;
    transform-origin: center;
    stroke-linecap: round;
}

@keyframes keyframes {
    0% {
        stroke-width: 12.5%;
        transform: rotate(48deg);
        stroke-dashoffset: 325%;
    }

    6% {
        transform: rotate(32deg);
        stroke-dashoffset: 300%;
    }

    9% {
        transform: rotate(32deg);
        stroke-dashoffset: 300%;
    }

    15% {
        transform: rotate(48deg);
        stroke-dashoffset: 325%;
    }

    18% {
        transform: rotate(48deg);
        stroke-width: 12.5%;
        stroke-dashoffset: 325%;
    }

    40% {
        stroke-dashoffset: 145%;
    }

    50% {
        stroke-width: 4.375%;
    }

    85% {
        stroke-width: 12.5%;
    }

    100% {
        stroke-width: 12.5%;
        transform: rotate(768deg);
        stroke-dashoffset: 325%;
    }
}

.dropdown-menu,
.page-description,
#broadcast-add-modal #btnPrevStep:disabled,
#broadcast-add-modal #btnNextStep:disabled,
#broadcast-add-modal-steps #step-create .description,
#broadcast-add-modal-steps .iconAudioCreate,
#broadcast-add-modal-steps .iconAudioUpload,
#broadcast-add-modal-steps .checkbox-default-group label,
.resident-upload-content,
.broadcast-add-content,
body[data-state='resident-contact-list'] .tip-answer,
body[data-state='corporate-contact-list'] .tip-answer,
#resident-contact-list thead th,
#corporate-contact-list thead th,
#community-broadcast-history-list thead th,
#resident-contact-list .phone,
#resident-contact-list .mobile,
#activities thead th,
#activities .activity-note,
#activities .activity-routine-maintenance-or-leasing-note,
#activities-add-note-modal #txtNotesCharNum,
#activities .activity-responsetime,
.activity-length,
.activities .download-audit,
.activities .completion-date,
.activities .completion-time,
.activities .activity-text,
.activities .activity-date,
.activities .activity-provider,
.activity-responsetime,
.activities .transcript,
#calendar_current .fc-unthemed th,
#calendar_main .fc-unthemed th,
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number,
#calendar_main .fc-content-skeleton .fc-day-number,
#schedule-modal .schedule-form .spacer,
#schedule-modal .schedule-form label,
.schedule-wait-wrapper .title-wait,
.schedule-wait-wrapper .title-then-call,
.backup-remove,
#schedule-modal .schedule-wait .updown:first-child,
#schedule-modal .schedule-wait .updown:last-child,
.undo-txt-wrapper,
.fc-state-default,
.popover-content,
.modal .btn-default,
.btn:active:focus,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.link-accordion,
#schedule-modal .progress-title h4,
#broadcast-add-modal .progress-title h4,
#sidebar-nav .list-group a,
#sidebar-nav .list-group .list-group-item,
#content.settings-communities .spacer.time-end-arrow,
.form-block .hint,
.form-block .hint .hint-label,
.form-block .hint .hint-txt,
.photo-upload-content,
.settings-form button#profile-delete,
.radio-button-group,
.checkbox-button-group,
.button-group,
.call-forwarding .note .iconInfo,
.tt-hint,
.settings-form label {
    color: #425563 !important;
}



/*Header/navigation changes*/
    header, footer {
    display: none;
}

#calendar_main .fc-header-toolbar {
    top: 0rem;
}

#calendar_main td.fc-head-container.fc-widget-header > .fc-row.fc-widget-header {
    top: 5.25rem !important;
}

#calendar_main .fc-view-container {
    top: -3.5rem !important;
}

.user-name-section {
    display: none;
}

#content {
    margin-top: 2rem;
}

.row-sticky-header {
    top: 0.125rem;
}

/*Profile changes*/
.hide-for-happyco,
#sidebar-nav hr,
#profile-add-actions,
#profile-delete,
.password-section {
    display: none !important;
}

.photo-upload-content {
    border: unset !important;
}

/*Color scheme changes*/

a {
    color: #00B4BB !important;
}

    a:hover, a:active, a:visited, a:focus,
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #00B4BB !important;
    }


input, select, textarea {
    outline: none !important;
    border: none;
    border-bottom: 1px solid #aaa;
    margin: 0 0;
}

input:checked + .slider {
    background-color: #00B4BB !important;
}

.popover-content li:hover {
    color: #00B4BB !important;
}

.progress-bar {
    background-color: #00B4BB !important;
}

    .progress-bar .progress-number {
        color: #00B4BB !important;
    }

#calendar_main .fc-content-skeleton .fc-today .fc-day-number {
    border: 2px solid #00B4BB !important;
}

.add-time a {
    color: #00B4BB !important;
}

.btn-primary,
.btn-default,
.btn-danger,
.btn-warning {
    border: none;
    cursor: pointer;
    height: 2.5rem;
    padding: 0 2.125rem;
    min-width: 8.5rem;
    line-height: 2.25rem;
    border-radius: 2.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    font-weight: 600;
    background-color: #4A90E2 !important;
    color: #FFF !important;
    text-decoration: none;
}

    .btn-primary:active,
    .btn-primary:hover {
        outline: none;
        background-color: #3B79C2 !important;
    }

    .btn-primary:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #C3C0FF !important;
    }

    .btn-danger:active,
    .btn-danger:hover {
        outline: none;
        background-color: #c9302c;
    }

    .btn-danger:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #c9302c !important;
    }

#confirm-cancel.btn-default,
#ignore-alert.btn-default,
.modal .btn-default,
.btn-default {
    border: none !important;
    background-color: #ECEEEF !important;
    color: #425563 !important;
}



#confirm-cancel.btn-warning,
#ignore-alert.btn-warning,
.modal .btn-warning,
.btn-warning {
    border: none !important;
    background-color: #f0ad4e !important;
    color: #425563 !important;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:hover {
    color: #FFF !important;
    box-shadow: unset !important;
}

.btn-default:active, .btn-default:hover, .btn-default:active:hover, #confirm-cancel.btn-default:hover, #ignore-alert.btn-default:hover {
    outline: none;
    background-color: #D9DDE0 !important;
    box-shadow: unset !important;
}


#btnCreateBroadcast, #btnCreateBroadcast:active, #btnCreateBroadcast:hover,
#btnCreateAudio button, #btnCreateAudio button:active, #btnCreateAudio button:hover,
#btnUploadAudio button, #btnUploadAudio button:active, #btnUploadAudio button:hover {
    outline: none;
    background-color: #00B4BB !important;
}

:not(.weblet) > .modal-backdrop  {
    background-color: #FFF !important;
}

#calendar_main .fc-widget-content .dragging:after {
    background-color: #F0F7FF !important;
}

#schedule-undo a {
    color: #00B4BB !important;
}

#sidebar-nav .list-group .list-group-item.active, #sidebar-nav .list-group .list-group-item.active:focus {
    background-color: #00B4BB;
}


/*Weblet*/

.weblet header {
    display: block;
}

.weblet #content {
    margin-top: auto;
}

#inbox-archive .summary-content-highlight {
    background-color: #E3F7F8;
    border-top: 1px solid #00B4BB;
    border-bottom: 1px solid #00B4BB !important;
}

#inbox-archive .summary-content .btn-more,
#inbox-archive .summary-title .date,
header .more-options a,
#call-detail .details > li.row-seperator .title,
.notes-content #btnAddNotes,
.btn-toggle-playpausestop button.active i,
.sms-component #btnSMSResident,
#call-status .details .status,
#call-assignment .details > li.active .status,
#call-assignment .details > li.isAccepted .status,
#inbox-archive .summary-content .more-options .btn-move-to-inbox,
#inbox-archive .summary-content .more-options .btn-move-to-archive {
    color: #00B4BB !important;
}

header li.active a:after,
#call-detail .ctas .img,
#tracktime .trackbar .playhead,
.photo-component .type,
.request .btn-send,
input:checked + .slider {
    background-color: #00B4BB !important;
}

.notes-content .processing-spinner,
.sms-component .processing-spinner {
    border-top-color: #00B4BB;
}

#sidebar-nav .list-group .list-group-item.active:hover {
    background-color: hsl(182, 100%, 36%);
}


a.disabled {
    color: #CCC !important;
    cursor: default;
}

a.disabled {
    color: #CCC !important;
}

    a.disabled:hover, a.disabled:active, a.disabled:visited, a.disabled:focus {
        color: #CCC !important;
    }


.settings-form input[disabled] {
    background: none;
    color: #425563;
    border-bottom: 1px solid #f2f2f2 !important;
    opacity: 0.8 !important;
}


.activity-type {
    display: none;
}

#sidebar-nav, #sidebar-forwarding {
    padding: unset;
}

body[data-state="settings-team"] .settings-form > .row, body[data-state="call-forwarding"] .settings-form > .row, body[data-state="settings-communities"] .settings-form > .row {
    padding-top: 1.7rem;
}

#communities .row-sticky-header,
.call-forwarding .row-sticky-header {
    display: none !important;
}

#calendar_main H1 {
    display: none;
}

li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    color: #00B4BB !important;
}


#resident-alert {
    width: 500px !important;
    float: left;
}

#announcement-cancel {
    display: none;
}

#resident-alert .form-footer {
    padding-right: 0px !important;
}

.tooltip-cta {
    color: #687782;
    background-color: #fff;
    border: solid 1px;
}

#community-broadcast {
}


#community-broadcast-history-list .glyphicon-ok {
    top: unset !important;
}

#community-broadcast h1 {
    display: none;
}

#btnCreateBroadcast {
    float: right;
}

.broadcast-credits {
    display: none;
}

#resident-contact-list thead, #corporate-contact-list thead, #community-broadcast-history-list thead {
    height: 2rem;
    vertical-align: middle;
    text-align: center;
    font-size: 0.875rem;
    background: unset;
}
#resident-contact-list thead th, #corporate-contact-list thead th, #community-broadcast-history-list thead th {
    font-size: 12px;
    color: #425563 !important;
    font-weight: 600;
}

#resident-contact-list, #corporate-contact-list, #community-broadcast-history-list {
     border-top: unset;
     border-bottom: unset;
}




#community-broadcast-history-list .broadcast-status.processed:before {
    border: unset !important;
}

.broadcast-credits{
    display:none !important;
}


.inbox-button {
    color: #00B4BB;
    background-color: #E6F7F8;
}


#btnPlayAudio_Text {
    color: #00B4BB;
}


.select-menu {
    border: solid 1px #00B4BB;
}

.voice-selection select {
    border-bottom: none;
    margin-left: 0;
    font-weight: 600;
}

.tooltip-legend {
    background-color: #425563;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    color: #fff;
}


.tooltip-legend ul > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.tooltip-title {
    color: #fff !important;
}

.tooltip-description {
    color: #fff !important;
}

.community-broadcast .datepicker {
    border: solid 1px #00B4BB !important;
    border-radius: 8px !important;
}


.datepicker-days .day.active {
    background: #00B4BB;
}


.community-broadcast .time-wrapper {
    border: solid 1px #00B4BB !important;
    background: #fff;
}

.checkbox-control .iconCheckMark {
    background-color: #00B4BB !important;
}

.recipients-search-wrapper {
    border: solid 1px #D9DDE0 !important;
    border-radius: 8px;
}

.checkbox-control input[type="checkbox"]:checked + .check-box {
    border: 1px solid #00B4BB;
}


.step-completed,
.step-spacer-completed {
    background-color: #00B4BB;
}


.step-message-text.completed {
    color: #00B4BB;
}

.training-steps .next {
    color: #635BFF;
}

.broadcast-history-toolbar {
    color: #00B4BB;
    background-color: #E6F7F8;
}


.broadcast-history-toolbar .circle {
    background-color: #00B4BB;
}

.hotspot:before,
.hotspot.green:before {
    background-color: #635BFF;
}

.recipients-search {
    background-color: #FFFFFF !important;
}


.hotspot:after,
.hotspot.green:after {
    background-color: #635BFF;
}

.resident-alert-message textarea.invalid,
#broadcast-add-modal textarea.invalid,
#broadcast-add-modal input.invalid,
#broadcast-add-modal select.invalid {
    border: 1px solid red !important;
}


#broadcast-add-modal-steps #callInRecording-box-02,
#broadcast-add-modal-steps #callInRecording-box-01 {
    border: 1px solid #00B4BB;
}

/*#step-create-audio-1 .scrollable {
    max-height: 500px;
    min-height: 500px;
    overflow-y: auto;
}*/

@media screen and (min-height: 600px) and (max-height: 700px) {
    /*#step-create,
    #step-create-audio-1,
    #step-upload-audio-1,
    #step-schedule,
    #step-recipients,
    #broadcast-history-modal .modal-body {
        height: 545px !important;
    }*/

        #step-create-audio-1 .toolbar, #step-upload-audio-1 .toolbar, #step-schedule .toolbar, #step-recipients .toolbar {
            bottom: 14px;
        }

        /*#step-create-audio-1 .scrollable {
            max-height: 375px;
            min-height: 375px;
        }*/
}
/*
@media screen and (min-height: 650px) {
    #step-create,
    #step-create-audio-1,
    #step-upload-audio-1,
    #step-schedule,
    #step-recipients {
        min-height: 575px !important;
    }
}

@media screen and (min-height: 700px) {
    #step-create,
    #step-create-audio-1,
    #step-upload-audio-1,
    #step-schedule,
    #step-recipients {
        min-height: 625px !important;
    }
}

@media screen and (min-height: 750px) {
    #step-create,
    #step-create-audio-1,
    #step-upload-audio-1,
    #step-schedule,
    #step-recipients {
        min-height: 675px !important;
    }
}

@media screen and (min-height: 825px) {
    #step-create,
    #step-create-audio-1,
    #step-upload-audio-1,
    #step-schedule,
    #step-recipients {
        min-height: 750px !important;
    }
}*/


.broadcast-history-toolbar .archive-button:hover,
.broadcast-history-toolbar .delete-button:hover {
    background-color: #CCF0F1;
}

.inbox-button {
    padding: 8px 0px 8px 23px;
}

.inbox-icon {
    width: 16px;
    height: 16px;
    background-image: url('../images/hc/inbox.png');
    position: absolute;
    left: 5px;
}

.inbox-icon:before {
    font-family: unset;
    top: unset;
    left: unset;
    padding-right: unset;
    content: unset;
}

.inbox-chevron {
    width: 10px;
    height: 6px;
    background-image: url('../images/hc/arrow_down.png');
    position: absolute;
    left: 71px;
    top: 13px;
}

.inbox-button.archive .inbox-chevron {
    left: 83px;
}

.inbox-chevron:before {
    font-family: unset;
    top: unset;
    left: unset;
    padding-right: unset;
    content: unset;
}


.inbox-type {
    margin-left: 10px;
}


.info-icon {
    width: 20px;
    height: 20px;
    background-image: url('../images/hc/info.png');
}

.info-icon:before {
    font-family: unset;
    top: unset;
    left: unset;
    padding-right: unset;
    content: unset;
}


#btnPlayAudio_Text {
    margin-left: 10px
}

.preview-play {
    width: 36px;
    height: 36px;
    background-image: url('../images/hc/preview_play.png');
}

.preview-play:before {
    font-family: unset;
    top: unset;
    left: unset;
    padding-right: unset;
    content: unset;
}

.preview-pause {
    width: 36px;
    height: 36px;
    background-image: url('../images/hc/preview_pause.png');
}

.preview-pause:before {
    font-family: unset;
    top: unset;
    left: unset;
    padding-right: unset;
    content: unset;
}



.fileupload-buttonbar .btn {
    overflow: hidden;
    width: 48%;
    border-radius: 0;
    display: block;
    line-height: 2rem;
    margin-bottom: 0 !important;
    background-color: #fff !important;
    color: #00B4BB !important;
    border: solid 1px #00B4BB !important;
    padding-top: 4px;
}

#call-status .fileupload-buttonbar .start {
    background-color: #00B4BB !important;
    border-color: #fff !important;
    color: #fff !important;
}

.blurple {
    color: #635BFF !important;
}

.blurple-background {
    background-color: #635BFF !important;
}



.admin-menu {
    display: block;
}

#admin-content #btnAddCommunity {
    display: none;
}