:root {
    --ccBtnBackgroundColor: #08426e;
    --ccInputBorderColor: #08426e;
}
body {
    color: #241c15 !important;
    font-size: 1rem;
    font-weight: normal !important;
}

/* Start Loading Spinner */
@keyframes lSpinner {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.lSpinner div {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 10px solid #45a0da;
    border-top-color: transparent;
    border-radius: 50%;
}

.lSpinner div {
    animation: lSpinner 1s linear infinite;
    top: 50px;
    left: 50px
}

.loadingSpinner {
    width: 64px;
    height: 64px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.lSpinner {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.64);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

.lSpinner div {
    box-sizing: content-box;
}
/* End Loading Spinner */

.btn[class*=btn-outline-].btn-sm {
    padding-top: .2rem !important;
    padding-bottom: .3rem !important;
}

label {
    /*color: #58595b !important;*/
    font-size: 1rem;
    font-weight: 400 !important;
}

.csSSOItems {
    font-family: 'Gilroy';
    font-weight: 400;
    color: #000000 !important;
    font-size: .8rem !important;
}

.csProfileMenu {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-bottom-color: #215ca0 !important;
    font-size: .9rem !important;
    font-weight: 300 !important;
}

.csProfileWhite {
    border: 2px solid transparent !important;
    padding: 2px !important;
    height: auto !important;
    width: 44px !important;
}

.csProfileWhite2 {
    border: 2px solid white !important;
    height: auto !important;
    width: 44px !important;
}


.csProfileRed {
    border: 2px solid #cc0000 !important;
    padding: 2px !important;
    height: auto !important;
    width: 44px !important;
}

.csProfileGreen {
    border: 2px solid #278806 !important;
    padding: 2px !important;
    height: auto !important;
    width: 44px !important;
}

.csProfileAmber {
    border: 2px solid #ffbb33 !important;
    padding: 2px !important;
    height: auto !important;
    width: 44px !important;
}

.csProfileFlag {
    border: 2px solid #ffbb33 !important; 
    padding: 2px !important;
    height: auto !important;
    width: 44px !important;
}

.bg-flag {
    background-color: #ffbb33 !important;
}

.csFlagOff {
    display: none !important;
}

.csWrapCell {
    white-space: normal;
    width: 50%;
}

.csWrapCell30 {
    white-space: normal;
    width: 30%;
}

.csVertical {
    vertical-align: middle !important;
}

.csVerticalTop {
    vertical-align: top !important;
    font-weight: 400 !important;
    color: #555 !important;
}

.csSE250 {
    width: 250px !important;
}

.csTimeAgo {
    font-size: .75rem !important;
    color: #45a0da !important; /*38404f*/
    background-color: #fff !important;
    border: 1px solid #ced4da !important; /*45a0da*/
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
    padding-left: .3rem !important;
    padding-right: .3rem !important;
    white-space: nowrap !important;
}

.csTableBorder {
    border-left: 1px solid #d6d8db !important; /*d8d8d8*/
    border-right: 1px solid #d6d8db !important;
    border-top: 1px solid #d6d8db !important;
    border-bottom: 1px solid #d6d8db !important;
}

.csStartOver {
    padding-left: 15px !important;
    padding-right: 15px !important;
    white-space: nowrap !important;
    font-size: 1rem !important;
    margin-top: .8rem !important;
}

/*.toast-title {
    color: #000 !important;
}

.toast-message {
    color: #000 !important;
}

.toast-close-button {
    color: #222 !important;
}
*/

.csJumboBack {
    margin: 10px;
    padding-top: 48px;
    padding-bottom: 48px;
    color: #000000;
    background-color: #eee;
    border-radius: 6px;
}

.default-style #toast-container > .toast-success {
    background-color: #555;
    border-left: 8px solid #278806;
}

.default-style #toast-container > .toast-error {
    background-color: #555;
    border-left: 8px solid #CC0000;
}

.default-style #toast-container > .toast-info {
    background-color: #555;
    border-left: 8px solid #33b5e5;
}

.default-style #toast-container > .toast-warning {
    background-color: #555;
    border-left: 8px solid #ffbb33;
}

.csNoWrap {
    white-space: nowrap !important;
}

.csDTSearch {
    float: right;
}

.csSafeStatusSearchOn {
    background-color: #f1f1f1 !important;
    color: #215ca0 !important;
    border: 1px solid #ced4da !important;
}

.csSafeStatusSearchOff {
    background-color: #f1f1f1 !important;
    color: #555 !important;
    border: 1px solid #ced4da !important;
}

.counter {
    box-shadow: none !important;
}

/* Radio Button Colors */

.form-check-input[type="radio"]:checked + label:after,
.form-check-input[type="radio"].with-gap:checked + label:before,
.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:before,
label.btn input[type="radio"].with-gap:checked + label:after {
    border: 2px solid #5a5a5a /*4285f4*/
}

.form-check-input[type="radio"]:checked + label:after,
.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:after {
    background-color: #215ca0; /* d7dcdd */
}

/* End Radio Button Colors */

@media (max-width: 767px) {

    .csAllContactsShowRecords {
        text-align: center !important;
    }

    .csAllContactsSearch {
        text-align: center !important;
    }
}

.csModalTopBorder-Success {
    border-top: 8px solid #278806 !important
}

.csModalTopBorder-Danger {
    border-top: 8px solid #CC0000 !important
}

.csModalTitle {
    color: #fff !important;
    font-weight: 500 !important;
}

.modalDangerBorder {
    background-color: #fff !important;
    border-top: 5px solid #cc0000 !important;
}

.alert-secondary {
    color: #383d41;
    background-color: #f7f7f7; /*e2e3e5*/
    border-color: #d6d8db;
    border-radius: 0 !important;
    padding-bottom: 5px !important;
}

.modal-dialog.modal-notify .modal-header {
    -webkit-box-shadow: none !important;

    background-color: #1a75bb !important;

}

.btn-primary {
    background-color: #1a75bb !important;

}

.btn {
    text-transform: capitalize !important;
    font-size: 1rem !important;
}


.form-control {
    border-radius: 0 !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;  /* #E8F1F8; */
    outline: 1px solid #1a75bb !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Change DropdDowns/Select */
.dropdown-content li > a, .dropdown-content li > span {
    font-size: .9rem;
    color: #6c757d;
    background-color: #fff !important;
}

.dropdown-primary .dropdown-content li a, .dropdown-primary .dropdown-content li span:hover, .dropdown-primary .dropdown-content li.active {
    background-color: #f1f2f2 !important;
    color: #555 !important;
}

.select-wrapper .select-dropdown {
    border: 1px solid #ced4da !important;
    border-radius: 0 !important; /*.25rem*/
}

.select-wrapper + label {
    color: #495057;
}

.select-wrapper span.caret {
    padding-right: 10px !important;
}

.select-wrapper input.select-dropdown {
    padding-left: 10px !important;
    color: #495057;
}
/*----- End Select ------*/

.pagination .page-item.active .page-link {
    background-color: #215ca0 !important; /* paging highlight background color */
    box-shadow: none !important;
}

/* Standard button outline colors */
.greenBackground {
  background-color: #278806 !important;
}
.dangerBackground {
  background-color: #cc0000 !important;
}

.emergencyBackground {
    background-color: #cc0000 !important;
}

.regularBackground {
    background-color: #1a75bb !important;
}

.nonemergencyBackground {
    background-color: #ffbb33 !important;
}

.infoBackground {
  background-color: #33b5e5 !important;
}

.amberBackground {
  background-color: #ff8800 !important;
}

.btn {
    /*text-transform: capitalize !important;*/
}

.btn-outline-success {
    border: 2px solid #278806 !important;
}

.btn-outline-amber {
    border: 2px solid #ff8800 !important;
    background-color: #fff !important;
}

.btn-outline-danger {
    border: 2px solid #cc0000 !important;
    background-color: #fff !important;
}

.btn-outline-primary-alt {
    border: 2px solid #215ca0 !important;
    background-color: #fff !important;
    color: #215ca0 !important;
}

.noHover {
    pointer-events: none;
}

/* Standard button colors */
.badge-success {
    background-color: #278806 !important;
}

.badge-success-border {
    background-color: #fff !important;
    border: 1px solid #278806 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.badge-grey {
    background-color: #C0C0C0 !important;
}

.btn-success {
    background-color: #278806 !important;
}

.btn-amber {
    background-color: #ffbb33 !important;
}

.btn-danger {
    background-color: #cc0000 !important;
}

/* Standard background colors */
.bg-success {
    background-color: #278806 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-light-grey {
    background-color: #f1f1f1 !important;
}

.bg-warning {
    background-color: #ffbb33 !important;
}

.bg-amber {
    background-color: #ff8800 !important;
}

.bg-danger {
    background-color: #cc0000 !important;
}

.bg-blue {
    background-color: #2b579a !important;
}

.bg-light-blue {
    background-color: #1a75bb !important;
}

.bg-cast-blue { 
    background-color: #215ca0 !important;
}


.modal-danger {
    background-color: #cc0000 !important;
}

/* errors */
.alert-danger {
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); */
    background-color: #fff !important;
    padding-bottom: 0px !important;
    border-left: 4px solid #cc0000 !important;
    border-top: 1px solid #d8d8d8 !important; /*1px solid #ced4da !important;*/
    border-bottom: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;
    border-radius: 0rem !important;
    color: #555 !important
}

.bg-primary-alt {
    background-color: #215ca0 !important;
}

.btn-primary-alt {
    background-color: #215ca0 !important;
    color: #fff !important;
}

.csNoMobile {
    padding: 8px !important;
    background-color: #d7dcdd !important;
    color: #555 !important;
    font-size: .7rem !important;
}

.csCarrier {
    padding: 8px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #555555;
    color: #000000 !important;
    font-size: .8rem !important;
    width: 110px !important;
    height: 40px !important;
}

.csCarrierOther {
    background-color: #FFFFFF !important;
    border: 1px solid #555555;
    color: #000000 !important;
    font-size: .8rem !important;
    width: 110px !important;
    height: 40px !important;
}

.csCarrierScanDate {
    padding: 8px !important;
    background-color: #e8eef6 !important;
    border: 1px solid #215ca0;
    color: #000000 !important;
    font-size: .8rem !important;
    width: 160px !important;
    height: 40px !important;
}

.csCarrierPickUpDate {
    padding: 8px !important;
    background-color: #eaf3e8 !important;
    border: 1px solid #278806;
    color: #000000 !important;
    font-size: .8rem !important;
    width: 160px !important;
    height: 40px !important;
}

.csCarrierReminderDate {
    padding: 8px !important;
    background-color: #fef9ef !important;
    border: 1px solid #f4be4c;
    color: #000000 !important;
    font-size: .8rem !important;
    width: 160px !important;
    height: 40px !important;
}

.csCarrierNoPickUp {
    padding: 8px !important;
    background-color: #d7dcdd !important;
    border: 1px solid #d7dcdd;
    color: #555 !important;
    font-size: .8rem !important;
    width: 160px !important;
    height: 40px !important;
}

.csCarrierSign {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 20px !important;
    background-color: #ffffff !important;
    border: 1px solid #d8d8d8;
    color: #000000 !important;
    font-size: .8rem !important;
    width: 35px !important;
    height: 40px !important;
}
.csCarrierTracking {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 20px !important;
    background-color: #ffffff !important;
    border: 1px solid #d8d8d8;
    color: #000000 !important;
    font-size: .8rem !important;
    width: 20px !important;
    height: 40px !important;
}


.csChatFooter {
    color: #9e9e9e !important;
    font-size: .75rem !important;
    font-style: italic;
    font-weight: 400 !important;
    margin-top: -7px !important;
}

.csLightBlueBg {
    background-color: #45a0da !important;
}

.csSelectedRow {
    background-color: #eff2f3 !important;
}

.csMapShadowBody {
    background-color: #555 !important;
}

.csW-115 {
    width: 115px !important;
}

.csW-150 {
    width: 150px !important;
}

.csW-170 {
    width: 170px !important;
}

.csW-75 {
    width: 75px !important;
}

.csMapShadowBodyOpacity {
    opacity: .5 !important;
}

.csMapShadowFooter {
    background-color: #555 !important;
    opacity: .5 !important;
}

.csPagePanel {
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    border-collapse: collapse;
    z-index: -1;
    position: relative;
}

/* Inbox Mobile */
.csBlockPanel {
    background-color: #fff !important;
    opacity: 1 !important;
    z-index: -300 !important;
}

.csBlockFullPanel {
    background-color: #fff !important;
    opacity: 1 !important;
}

.csLoadingTable {
    background-color: #fff !important;
    opacity: 1 !important;
    z-index: -300 !important;
}

.csBlockHalfPanel {
    background-color: #fff !important;
    opacity: .9 !important;
    z-index: -300 !important;
}

.csInboxBtnSelectedAlt {
    font-size: .7rem !important;
    text-transform: uppercase;
    padding: 10px 5px 10px 5px !important;
    background-color: #45a0da !important;
    border-top: 1px solid #45a0da !important;
    border-bottom: 1px solid #45a0da !important;
    border-left: 1px solid #45a0da !important;
    border-right: 1px solid #45a0da !important;
}

.csInboxBtnAlt {
    font-size: .7rem !important;
    text-transform: uppercase;
    padding: 10px 5px 10px 5px !important;
    background-color: #f1f1f1 !important; /*fff*/
    border-top: 1px solid #d8d8d8 !important; /*d8d8d8*/
    border-bottom: 1px solid #d8d8d8 !important; /*d8d8d8*/
    border-left: 1px solid #d8d8d8 !important; /*f1f1f1*/
    border-right: 1px solid #d8d8d8 !important; /*f1f1f1*/
}

.csInboxCountAlt {
    font-size: .7rem !important;
    color: #555 !important;
    background-color: #FFF !important;
}

.csInboxAlertCountAlt {
    font-size: .7rem !important;
    color: #FFF !important;
    background-color: #CC0000 !important;
}

/* Inbox Desktop */
.csInboxBtnSelected {
    border: 1px solid #e8ebee !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 90px !important;
    background-color: #215ca0 !important;
    font-size: .9rem !important;
}

.csInboxBtn {
    border: 1px solid #e8ebee !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 90px !important;
    background-color: #f4f4f4 !important;
    font-size: .9rem !important;
}

.csInboxBtnAllContacts {
    background-color: #45a0da !important;
}

.csInboxCount {
    font-size: .7rem !important;
    color: #555 !important;
    background-color: #f1f1f1 !important;
}

.csInboxAlertCount {
    font-size: .8rem !important;
    color: #FFF !important;
    background-color: #CC0000 !important
}

.csInboxPadding {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.csInboxPaddingAlt {
    padding-right: 7px !important;
}

.csPointer {
    cursor: pointer !important;
}

.csPointerDefault {
    cursor: default !important;
}

.csDirectoryRow {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

/* Inbox History Desktop */
.csInboxHistoryBtnSelected {
    border: 1px solid #e8ebee !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #fff !important;
    background-color: #ffffff !important;
    font-size: .9rem !important;
    height: 98px !important;
}

.csInboxHistoryBtn {
    border: 1px solid #e8ebee !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #ffffff !important;
    font-size: .9rem !important;
    cursor: pointer;
    height: 98px !important;
}

/* Modal styles */
.csModalHeader {
    background: #f0f0f0;
    clear: both;
    color: #999;
    font-weight: 400;
    text-transform: uppercase;
    padding: 5px 24px;
    font-size: 11px;
}

/* Standard Icon background colors */
.csHeaderIcon {
    font-size: 1.15rem !important;
    color: #fff !important;
    background-color: #45a0da !important;
    padding: 8px !important;
}

.csDashboardHeaderIcon {
    font-size: 1.15rem !important;
    color: #fff !important;
    background-color: #45a0da !important;
    padding: 10px !important;
}

.csThirdPartyStatus_Open {
    background-color: #cc0000 !important;
    color: #fff !important;
    font-size: .8rem !important;
    width: 100% !important;
    border: 1px solid #fff !important;
}

.csThirdPartyStatus_Investigating {
    background-color: #ffbb33 !important;
    color: #222 !important;
    font-size: .8rem !important;
    width: 100% !important;
    border: 1px solid #fff !important;
}
.csThirdPartyStatus_Dispatched {
    background-color: #278806 !important;
    color: #fff !important;
    font-size: .8rem !important;
    width: 100% !important;
    border: 1px solid #fff !important;
}
.csThirdPartyStatus_Cancelled {
    background-color: #767676 !important;
    color: #fff !important;
    font-size: .8rem !important;
    width: 100% !important;
    border: 1px solid #fff !important;
}
.csSafeSignalInProgress {
    background-color: #f7f7f7 !important;
    color: #000 !important;
    font-size: .8rem !important;
    width: 100% !important;
    border: 2px solid #278806 !important;
}

.csMapAll {
    color: #278806 !important; /*487eb0*/
    font-size: .85rem !important;
}

.csMapAllNotSafe {
    color: #CC0000 !important;
    font-size: .85rem !important;
}

.csMapLastKnownContact {
    color: #45a0da !important;
    font-size: .85rem !important;
}

.csMapAllSafe {
    color: #278806 !important;
    font-size: .85rem !important;
}

.csPostResourcePhoto {
    color: #487eb0 !important;
    background-color: #f1f1f1 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-left: 20px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}

.csConcern {
    color: #487eb0 !important;
    margin-left: 0px !important;
    margin-bottom: 5px !important;
    font-size: 1rem !important;
}

.csConcernNotes {
    margin-bottom: 2px !important;
}

.csConcernImageVideo {
    color: #487eb0 !important;
    background-color: #f1f1f1 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-left: 10px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}


.csPostResourceVideo {
    color: #487eb0 !important;
    background-color: #f1f1f1 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-left: 20px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}

.csPostResource {
    color: #487eb0 !important;
    background-color: #f1f1f1 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 20px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
}


.csInboxMessageIcon {
    font-size: .9rem !important;
    color: #000 !important; /*487eb0*/
    background-color: #fff !important;
    /*padding: 4px !important;
    border: 1px solid #487eb0 !important;*/
}

.csInboxChattingOn {
    background-color: #f1f1f1 !important;
    width: 45px !important;
    height: 28px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-left: 20px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
}

.csInboxChattingOff {
    background-color: #fff !important;
    width: 45px !important;
    height: 28px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-left: 20px !important;
    margin-bottom: 5px !important;
    border: 1px solid #fff !important;
    border-radius: .25em !important;
}

.csInboxCloseMessageIcon {
    font-size: .9rem !important;
    color: #6c757d !important;
    background-color: #f4f4f4 !important;
    padding: 4px !important;
    border: 1px solid #d6d8db !important;
}

.csInboxSetting {
    background-color: #f1f1f1 !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
    border: 1px solid #ced4da !important;
    cursor: pointer !important;
    font-size: .6em !important;
    text-align: center !important;
    width: 25px !important;
    height: 23px !important;
    margin-top: 2px !important;
}

.csNavigationIcon {
    font-size: 1.15rem !important;
    color: #1a75bb !important;
    background-color: #f1f1f1 !important;
    padding: 8px !important;
    border: 1px solid #ced4da !important;
    cursor: pointer !important;
}

.csNavigationUpgrade {
    font-size: 1.15rem !important;
    color: #1a75bb !important;
    background-color: #f1f1f1 !important;
    padding: 5px !important;
    border: 1px solid #ced4da !important;
    cursor: pointer !important;
}
.csSendCastSelectedCast {
    color: #fff !important;
    background-color: #278806 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    padding-top: 9px !important;
    cursor: pointer !important;
    max-width: 150px !important;
    font-size: 1.0em !important;
    border-radius: .25em !important;
}

.csSendCastUnselectedIcon {
    color: #fff !important;
    background-color: #999 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    padding-top: 9px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: 1.0em !important;
    border-radius: .25em !important;
    margin-bottom: 8px !important;
}

.csSendEmergencyCastIcon {
    color: #fff !important;
    background-color: #cc0000 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    padding-top: 9px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: 1.0em !important;
    border-radius: .25em !important;
    margin-bottom: 8px !important;
}

.csSendNonEmergencyCastIcon {
    color: #fff !important;
    background-color: #ffbb33 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    padding-top: 9px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: 1.0em !important;
    border-radius: .25em !important;
    margin-bottom: 8px !important;
}

.csSendCastIcon {
    color: #215ca0 !important;
    background-color: #d7dcdd !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    padding-top: 9px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: 1.0em !important;
    border-radius: .25em !important;
    margin-bottom: 8px !important;
}

.csSendCast {
    color: #555 !important;
    background-color: #f1f1f1 !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #45a0da !important;
    border-bottom: 1px solid #45a0da !important;
    border-right: 1px solid #45a0da !important;
    border-left: 1px solid #45a0da !important;
    cursor: pointer !important;
    text-align: left !important;
    font-size: .9em !important;
    font-family: Roboto,sans-serif !important;
    font-weight: normal !important;
    width: 95px !important;
    height: 34px !important;
}

.csSendCastDisabled {
    color: #555 !important;
    background-color: #f1f1f1 !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #555 !important;
    border-bottom: 1px solid #555 !important;
    border-right: 1px solid #555 !important;
    border-left: 1px solid #555 !important;
    cursor: pointer !important;
    text-align: left !important;
    font-size: .9em !important;
    font-family: Roboto,sans-serif !important;
    font-weight: normal !important;
    width: 95px !important;
    height: 34px !important;
}

.csSendCastConfigured {
    color: #555 !important;
    background-color: #f1f1f1 !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #278806 !important;
    border-bottom: 1px solid #278806 !important;
    border-right: 1px solid #278806 !important;
    border-left: 1px solid #278806 !important;
    cursor: pointer !important;
    text-align: left !important;
    font-size: .9em !important;
    font-family: Roboto,sans-serif !important;
    font-weight: normal !important;
    width: 95px !important;
    height: 34px !important;
}

.csSendCastStepWithoutContentUnderContainer {
    height: 40px;
    background-color: #c6c6c6;
    border: 1px dashed #777;
}

.csSendCastSpecifyLocationContainer {
    height: 48px;
    background-color: #c6c6c6;
    border: 1px dashed #777;
}

.csSendCastStepWithContentUnderContainer {
    margin-top: 25px;
    height: 40px;
    background-color: #c6c6c6;
    border: 1px dashed #777;
}

.csConfiguredItem {
    background-color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: .25em;
    margin-right: 8px;
}

.csConfiguredLabel {
    background-color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: .25em;
    margin-right: 8px;
}

.csNonConfiguredItem {
    color: #777;
    font-style: italic;
}

.csSendCastSuccess {
    color: #555 !important;
    background-color: #f1f1f1 !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #278806 !important;
    border-bottom: 1px solid #278806 !important;
    border-right: 1px solid #278806 !important;
    border-left: 1px solid #278806 !important;
    cursor: pointer !important;
    text-align: left !important;
    font-size: .9em !important;
    font-family: Roboto,sans-serif !important;
    font-weight: normal !important;
    width: 105px !important;
    height: 34px !important;
}

.csSendCastStep {
    color: #fff !important;
    font-weight: bold !important;
    background-color: #45a0da !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: .9em !important;
    border-top: 1px solid #45a0da !important;
    border-bottom: 1px solid #45a0da !important;
    border-left: 1px solid #45a0da !important;
    width: 20px !important;
}

.csSendCastStepDisabled {
    color: #fff !important;
    font-weight: bold !important;
    background-color: #555 !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: .9em !important;
    border-top: 1px solid #555 !important;
    border-bottom: 1px solid #555 !important;
    border-left: 1px solid #555 !important;
    width: 20px !important;
}

.csSendCastStepConfigured {
    color: #fff !important;
    font-weight: bold !important;
    background-color: #278806 !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: .9em !important;
    border-top: 1px solid #278806 !important;
    border-bottom: 1px solid #278806 !important;
    border-left: 1px solid #278806 !important;
    width: 20px !important;
}

.csSystemNotificationIcon {
    font-size: 1.15rem !important;
    color: #555 !important;
    background-color: #f1f1f1 !important;
    padding: 8px !important;
    border: 1px solid #ced4da !important;
    cursor: pointer !important;
}


.csConfCallIcon {
    font-size: 1.15rem !important;
    color: #1a75bb !important;
    background-color: #f1f1f1 !important;
    padding: 8px !important;
    border: 1px solid #ced4da !important;
    cursor: pointer !important;
}

.csInboxNotificationIcon {
    color: #555 !important;
    background-color: #f1f1f1 !important;
    padding-bottom: 9px !important;
    padding-left: 6px !important;
    padding-right: 7px !important;
    padding-top: 9px !important;
    border: 1px solid #ced4da !important;
    cursor: pointer !important;
    text-align: center !important;
    font-size: 1.15em !important;
}

.csSystemNotificationAlertIcon {
    font-size: 1.15rem !important;
    color: #fff !important;
    background-color: #CC0000 !important;
    padding: 8px !important;
    border: 1px solid #CC0000 !important;
    cursor: pointer !important;
}

.csFolderIcon {
    font-size: .95rem !important;
    color: #fff !important;
    background-color: #45a0da !important;
    padding: 10px !important;
}

.csEventIcon {
    font-size: 1.1rem !important;
    color: #fff !important;
    background-color: #bd76e8 !important; /* 9c88ff */
    padding: 4px !important;
}

.csEventIconWhiteBG {
    font-size: 1.1rem !important;
    color: #bbb !important;
    background-color: #fff !important;
    padding: 4px !important;
    width: 27px !important;
    border: 1px solid #bd76e8;
}

.csExclamationIcon {
    font-size: 1.1rem !important;
    color: #cc0000 !important;
}

.csPollIcon {
    font-size: 1.1rem !important;
    color: #fff !important;
    background-color: #bd76e8 !important; /*#bd76e8*/
    padding: 4px !important;
}

.csDocumentIcon {
    font-size: 1.1rem !important;
    color: #fff !important;
    background-color: #60bedc !important; /* 60bedc */
    padding: 5px !important;
}

.csDocumentIconWhiteBG {
    font-size: 1.1rem !important;
    color: #bbb !important;
    background-color: #fff !important;
    padding: 5px !important;
    width: 27px !important;
    border: 1px solid #60bedc;
}

.csTextIcon {
    font-size: .85rem !important;
    color: #fff !important;
    background-color: #f58e25 !important; /* f58e25 */
    padding: 6px !important;
}

.csVoiceIcon {
    font-size: .85rem !important;
    color: #fff !important;
    background-color: #91c260 !important; /* 7f8fa6 */
    padding: 6px !important;
}

.csEmailIcon {
    font-size: .85rem !important;
    color: #fff !important;
    background-color: #4db6bf !important;
    padding: 6px !important;
}

.csMobileBackground {
    border: 1px solid #1a75bb !important;
    background-color: #1a75bb !important;
}

.csEmailBackground {
    border: 1px solid #4db6be !important;
    background-color: #4db6be !important;
}

.csTextBackground {
    border: 1px solid #f58e25 !important;
    background-color: #f58e25 !important;
}

.csDesktopBackground {
    border: 1px solid #a3c7e3 !important;
    background-color: #a3c7e3 !important;
}

.csDesktop {
    color: #a3c7e3 !important;
}

.csVoiceBackground {
    border: 1px solid #92c260 !important;
    background-color: #92c260 !important;
}

.csDesktopBackground {
    border: 1px solid #a3c7e3 !important;
    background-color: #a3c7e3 !important;
}

.csFBBackground {
    border: 1px solid #3b5998 !important;
    background-color: #3b5998 !important;
}

.csTWBackground {
    border: 1px solid #1da1f2 !important;
    background-color: #1da1f2 !important;
}

.csContactEllipsis {
    font-size: .9em !important;
    color: #999 !important;
    padding-right: 4px;
    padding-left: 3px;
    padding-bottom: 6px;
}

.csQuickCastIcon {
    font-size: 1.05rem !important;
    color: #10867e !important;
    border: 1px solid #d7dcdd !important;
    border-radius: .25rem !important;
    background-color: #d7dcdd !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.csAdvancedCastIcon {
    font-size: 1.1rem !important;
    color: #215ca0 !important;
    border: 1px solid #d7dcdd !important;
    border-radius: .25rem !important;
    background-color: #d7dcdd !important;
    padding: 4px !important;
}

.csCastPollIcon {
    /*font-size: 1.0rem !important;
    color: #bd76e8 !important;
    border: 1px solid #d7dcdd !important;
    border-radius: .25rem !important;
    background-color: #d7dcdd !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;*/
    /*border: 1px solid #9eadbf;
    color: #bd76e8 !important;
    background-color: #fff;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;*/
    color: #bd76e8 !important;
    background-color: #f1f1f1 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 0px !important;
    margin-top: 6px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}

.csCastDocumentIcon {
    /*font-size: 1.0rem !important;
    color: #1a75bb !important;
    border: 1px solid #d7dcdd !important;
    border-radius: .25rem !important;
    background-color: #d7dcdd !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;*/
    /*border: 1px solid #9eadbf;
    color: #60bedc !important;
    background-color: #fff;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;*/
    color: #60bedc !important;
    background-color: #f1f1f1 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 4px !important;
    margin-right: 10px !important;
    margin-top: 6px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}

.csTrashIcon {
    color: #CC0000 !important;
    background-color: #fff !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 4px !important;
    margin-right: 10px !important;
    margin-top: 6px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}

.csCastPollUnselectedIcon {
    /*border: 1px solid #9eadbf;
    color: #9eadbf !important;
    background-color: #fff;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;*/
    color: #d6d6d6 !important;
    background-color: #fff !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 0px !important;
    margin-top: 6px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}

.csCastDocumentUnselectedIcon {
    /*border: 1px solid #9eadbf;
    color: #9eadbf !important;
    background-color: #fff;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;*/
    color: #d6d6d6 !important;
    background-color: #fff !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-left: 4px !important;
    margin-right: 10px !important;
    margin-top: 6px !important;
    margin-bottom: 5px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: .25em !important;
    font-size: .85rem !important;
}

.csContactInfoIcon {
    font-size: 0.9rem !important;
    color: #fff !important;
    background-color: #278806 !important;
    padding: 5px !important;
}

.csCustomContactIcon {
    font-size: 0.9rem !important;
    color: #fff !important;
    background-color: #215ca0 !important;
    padding: 5px !important;
}

.csAllContactsIcon {
    font-size: 0.9rem !important;
    color: #fff !important;
    background-color: #278806 !important;
    padding: 5px !important;
}

.csContactsFilterIcon {
    font-size: 0.9rem !important;
    color: #fff !important;
    background-color: #278806 !important;
    padding: 5px !important;
}

.csContactsFilterInactiveIcon {
    font-size: 0.9rem !important;
    /*color: #fff !important;
    background-color: #ff8800 !important;*/
    color: #555 !important;
    background-color: #d7dcdd !important;
    padding: 5px !important;
}

.csTemplateIcon {
    font-size: 1.1rem !important;
    padding: 4px !important;
    border-radius: .25rem !important;
}

.csTemplateContactFilterLabel {
    font-size: 1rem !important;
    margin-left: .5rem !important;
    margin-top: .5rem !important;
}

.csTemplateContactFilterIcon {
    color: #08426e !important;
    margin-right: 6px;
}

.csCastIcon {
    font-size: 1.1rem !important;
    color: #fff !important;
    background-color: #45a0da !important;
    padding: 4px !important;
}

.csCastIconSelected {
    font-size: 1.3rem !important;
    color: #fff !important;
}

.csCastIconUnSelected {
    font-size: 1.3rem !important;
    color: #9eadbf !important;
}

.csCastButtonIconSelected {
    border: 1px solid #9eadbf !important;
/*    background-color: #1a75bb !important;*/ 
}

/*.csCastButtonIconSelected:hover {
    border: 1px solid #9eadbf !important;*/
/*    background-color: #1a75bb !important;*/
/*}*/

.csCastButtonIconUnSelected {
    border: 1px solid #9eadbf !important; 
/*    background-color: #fff !important;*/

}

.csCastGreyBorder {
    border: 1px solid #9eadbf !important;
}


.csAccordionHeader {
    background-color: #f4f4f4 !important;
    border: 1px solid #d6d8db !important;
}

.csSmallAccordionHeader {
    background-color: #f4f4f4 !important;
    border-bottom: 1px solid #d6d8db !important;
}



/*.csCastButtonIconUnSelected:hover {
    border: 1px solid #9eadbf !important;*/ 
/*    background-color: #fff !important;*/
/*}*/

.csCastButtonTextSelected {
    font-size: .85rem !important;
}

.csCastButtonTextUnSelected {
    opacity: .6 !important;
    font-size: .85rem !important
}

.csAreYouSafeButtonUnselected {
    color: #616161 !important;
    background-color: #fff;
    font-size: large;
    font-weight: 400;
    margin-left: 20px;
    margin-right: 0px;
    padding: 10px 0px;
    width: 80px !important;
    border: 0px;
    border-radius: .2rem !important;
}

.csAreYouSafeButtonNoSelected {
    color: #fff !important;
    background-color: #cc0000;
    font-size: large;
    font-weight: 500;
    margin-left: 20px;
    margin-right: 0px;
    padding: 10px 0px;
    width: 80px !important;
    border: 0px;
    border-radius: .2rem !important;
}

.csAreYouSafeButtonYesSelected {
    color: #fff !important;
    background-color: #278806;
    font-size: large;
    font-weight: 500;
    margin-left: 20px;
    margin-right: 0px;
    padding: 10px 0px;
    width: 80px !important;
    border: 0px;
    border-radius: .2rem !important;
}

/* DataTable Styles */
.csDataTableBorder {
    border-bottom: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #e0dfe1 !important;
}

.csDataTableCellBorder {
    border-left: 1px solid #e0dfe1 !important;
    border-right: 1px solid #e0dfe1 !important;
}


.csDataTableBg {
    background-color: #f7f7f7;
}

.csDataTableText {
    font-weight: 400 !important;
    color: #222222 !important;
    vertical-align: middle !important;
}

.csHostDataTableText {
    font-weight: 400 !important;
    color: #222222 !important;
    vertical-align: middle !important;
    font-size: 1.6rem !important;
}

.csHostDataTableHeader {
    background-color: #fff !important; 
    border-bottom: 2px solid #d6d6d6 !important;
    color: #333739 !important;
}

.csHostDataTableBorder {
    border-bottom: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #e0dfe1 !important;
}


.csDataTableTextTop {
    font-weight: 400 !important;
    color: #222222 !important;
    vertical-align: top !important;
}

.csDataTableTextLight {
    font-weight: 400 !important;
    color: #999 !important;
}

.csDataTableCheck {
    color: #40739e !important;
}

.csDataTableHeader {
    background-color: #fff !important; /*f3f9ff*/
    border-bottom: 2px solid #45a0da !important;
    color: #333739 !important;
    font-weight: 600 !important;
/**/    /*border-top: 1px solid #507aac !important;*/
    /*    background-color: #eff2f3 !important;*/
    /*    border-bottom: 4px solid #45a0da !important;*/
    /*    border: 1px solid #45a0da !important; ced4da */
}

.csDataTableArrows {
    font-size: 1.5rem !important;
    font-weight: 400 !important;
}

.csTabHeader {
    background-color: #f4f4f4 !important;
    border-bottom: 1px solid #d6d8db !important;
}

.csTabSubHeader {
    background-color: #fff !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    border-left: 1px solid #d6d8db !important;
    border-right: 1px solid #d6d8db !important;
    border-bottom: 1px solid #d6d8db !important;
}

.csTabSubHeader2 {
    background-color: transparent !important;
}

.csTabHeaderLarge {
    background-color: #f4f4f4 !important; /*f8f8f8*/
    border: 1px solid #d6d8db !important;
}

.csTabSubHeaderLarge {
    background-color: #fff !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 20px !important;
    border-left: 1px solid #d6d8db !important;
    border-right: 1px solid #d6d8db !important;
    border-bottom: 1px solid #d6d8db !important;
}

.csSidePanelBackground {
    background-color: #f4f4f4 !important; /*ecf2f7 dee8f2 d4dae0 e5ecf1*/
}

.csConsoleHeaderBackground {
    background-color: #45a0da !important; /* 487ebo eaedf4*/
}

.csLightningGreen {
    color: #00857d !important;
}

.csMedGreen {
    color: #10867e !important;
}

.csMedGreenBg {
    background-color: #10867e !important;
}

.csLightPurpleBg {
    background-color: #7673c0 !important;
}

.csLogoGrey {
    color: #58595b !important;
}

.csLogoGreyAlt {
    color: #6b839b !important;
}

.csAmber {
    color: #ff8800 !important;
}

.csDanger {
    color: #cc0000 !important;
}

.csMapIconDefault {
    color: #8897aa !important;
}

.csGold {
    color: #be8919 !important;
}

.csWarning {
    color: #ffbb33 !important;
}

.csWarningBg {
    background-color: #ffbb33 !important;
}

/*.csLogEntry {
    background-color: #10867e !important;
}*/

.csChatIconContact {
    /*    color: #215ca0 !important; 
*/ 
    
/*    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
*/  padding-left: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
}

.csConcernIconContact {
    color: #ffb700 !important;
/*    background-color: #fff !important;
    border: 1px solid #eee !important;
*/    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
}

.csChatIconDanger {
    color: #CC0000 !important; 
/*    background-color: #fff !important;
    border: 1px solid #eee !important;
*/    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
}

.csIncidentIconDanger {
    color: #CC0000 !important;
/*    background-color: #fff !important;
    border: 1px solid #eee !important;
*/    padding-left: 3px !important;
    padding-top: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 3px !important;
}

.csChatIconUser {
    color: #215ca0 !important; /*aeb6b8 215ca0 */
/*    background-color: #fff !important;
    border: 1px solid #d8d8d8 !important;
*/    padding-left: 3px !important;
    padding-top: 3px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
}

.csChatCastBg {
    background-color: #fff !important; /*e6f2fa cfeaff */
    border-radius: .5rem 0 .5rem .5rem !important;
    border: 1px solid #CC0000;
}

.csChatUserBg {
    background-color: #e6eef4 !important; /*e6f2fa cfeaff */
    border-radius: .5rem 0 .5rem .5rem !important;
}

.csChatContactBg {
    background-color: #f1f1f1 !important;
    border-radius: 0 .5rem .5rem .5rem !important;
}

.csChatContactText {
    color: #241c15 !important;
}

.csChatUserText {
    color: #241c15 !important; /* 241c15 */
}

.csChatLogBg {
    background-color: #fff6e5 !important;
/*    border: 1px solid #eee !important;
*/}

.csChatLogText {
    color: #241c15 !important;
}

.csWhite {
    color: #fff !important;
}

.csWhiteBackground {
    background-color: #fff !important;
}

.csBlueBackground {
    background-color: #1a75bb !important;
}

.csBlack {
    color: #000 !important;
}

.csSSFont {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    width: 100% !important;
    border: 1px solid #fff !important;
}

.csGreyBackground {
    background-color: #f1f1f1 !important;
}

.csGreyBadge {
    background-color: #d8dcdf !important;
    color: #555 !important;
    font-size: .7rem !important;
}

.csGreenBadge {
    background-color: #278806 !important;
    color: #fff !important;
    font-size: .7rem !important;
}

.csAddressCaret {
    color: #222 !important;
    padding: 4px !important;
    background-color: #fff !important;
    cursor: pointer !important;
}
.csCaretGrey {
    color: #f4f4f4 !important;
}

.csGreyText {
    color: #555 !important;
}

.csGrey {
    color: #d7dcdd !important;
}

.csMedGreyBackground {
    background-color: #d7dcdd !important;
}

.csSuccess {
    color: #278806 !important;
}

.csSuccessAlt {
    color: #00c851 !important;
}

.csInfo {
    color: #33b5e5 !important;
}

.csIconGrey {
    color: #e6e6e6 !important;
}


.csTwitter {
    color: #1da1f3 !important;
}

.csFacebook {
    color: #4167b1 !important;
}

.csMobile {
    color: #1a75bb !important;
}

.csContactChannelSelected {
    padding: 5px !important;
    border: 1px solid #d6d6d6 !important;
    background-color: #fff !important;
}

.csContactChannelNotSelected {
    padding: 5px !important;
    border: 1px solid #f4f4f4 !important;
    background-color: #f4f4f4 !important;
}

.csCastBlue {
    color: #215ca0 !important;
}

.csCastBlueButton {
    color: #215ca0 !important;
    font-size: 1.03rem;
    border: 1px solid #d7dcdd;
    border-radius: .2rem !important;
    background-color: #f1f1f1 !important;
    cursor: pointer;
}

.csLightBlue {
    color: #45a0da !important;
}

.csLightBlueAlt {
    color: #1c7dc8 !important;
}

.csACCheck {
    color: #45a0da !important;
    font-size: 1rem !important;
}

.csBlue {
    color: #1a75bb !important;
}

.csRed {
    color: #CC0000 !important;
}

.csPrimaryBlue {
    color: #215ca0 !important;
}

.csDarkBlue {
    color: #2b579a !important;
}

.csDarkGrey {
    color: #38404f !important;
}

.csMidGrey {
    color: #555555 !important;
}

.csDarkGreyBg {
    background-color: #38404f !important;
}

.csVoice {
    color: #91c260 !important;
}

.csText {
    color: #f58e25 !important; 
}

.csEmail {
    color: #4db6bf !important;
}
.csCast {
    color: #1a75bb !important;
}

.csWeb {
    color: #215ca0 !important;
}

.csPoll {
    color: #bd76e8 !important; /* 822045 */
}

.csSounds {
    color: #ffdf16 !important;
}

.csContacts {
    color: #ff1236 !important;
}

.csSSIcon{
    height: 14px !important;
    width: 10px !important;
}

.csSSIconPreview {
    height: 22px;
    width: 15px;
}

.csOpacityHalf {
    opacity: .5 !important;
}

.csCastConfigureIcon {
    color: #215ca0 !important;
}

.csROTextField {
    background-color: transparent !important;
    border: 0px !important;

}

.csInputFieldIcon {
    font-size: 1.15rem !important;
    color: #fff !important;
    padding: 3px !important;
}

/* Cast Icon Menus */
.csCastIconGreen {
    font-size: .85rem !important;
    color: #278806 !important;
    padding-right: 4px !important;
}

.csCastIconGrey-4 {
    border-color: transparent !important;
    font-size: .85rem !important;
    color: #919191 !important;
    padding-right: 4px !important;
}

.csCastIconGrey-5 {
    font-size: .85rem !important;
    color: #919191 !important;
    padding-right: 5px !important
}

.csCastIconAmber-4 {
    font-size: .85rem !important;
    color: #ff8800 !important;
    padding-right: 4px !important;
}

.csCastIconAmber-5 {
    font-size: .85rem !important;
    color: #ff8800 !important;
    padding-right: 5px !important;
}

.csCastIconButton {
    border-color: transparent !important;
    background-color: transparent !important;
    padding-left: 3px !important;
    padding-top: 3px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important
}

.csCardHeader {
    border: 1px solid #d6d8db !important;
    border-radius: 0rem !important;
}

.csCardHeaderAlert {
    border-left: 20px solid #cc0000 !important;
    border-top: 1px solid #d6d8db !important;
    border-bottom: 1px solid #d6d8db !important;
    border-right: 1px solid #d6d8db !important;
    border-radius: 0rem !important;
}

.csCastSelected {
    font-size: .95rem;
    color: #222 !important;
    /*background-color: #487eb0 !important;*/
    /*background-color: #507aac !important;*/
    background-color: #eff2f3 !important;    
/*    border-bottom: 4px solid #45a0da !important;*/
    border: 1px solid #45a0da !important;  
/*   background-color: #fff !important;
   border-bottom: 2px solid #215ca0 !important;
*/    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.csCastNotSelected {
    font-size: .95rem;
    color: #222 !important;
    background-color: #fff !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.csChannelButtonText {
    padding: 4px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    text-transform: none !important;
    font-size: .85rem !important;
    background-color: transparent !important;
}

.csEventDetailsTdLeft {
    vertical-align: text-top;
    text-align: right;
    padding-right: 10px !important;
    padding-bottom: 6px !important;
    width: 15%;
    max-width: 200px;
    min-width: 100px;
}

.csEventDetailsTdRight {
    padding-bottom: 6px !important;
    width: 85%;
}

.bg-sidenav-theme .sidenav-link {
    color: #fff !important;
}

.default-style .sidenav .app-brand.demo {
    height: 70px; /*66 original*/
}

.material-style .sidenav .app-brand.demo {
  height: 70px;
}

.app-brand-logo.demo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.app-brand-logo.demo svg {
  width: 20px;
  height: 11px;
}

.app-brand-text.demo {
  font-size: 1.1rem;
}

.layout-1 .layout-sidenav .app-brand.demo,
.layout-1 .layout-sidenav .app-brand.demo + .sidenav-divider,
.layout-reversed .layout-2 .layout-sidenav .app-brand.demo {
  display: none;
}

.layout-1 .layout-navbar .app-brand.demo,
.layout-reversed .layout-2 .layout-navbar .app-brand.demo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.layout-1 .layout-navbar .layout-sidenav-toggle,
.layout-reversed .layout-2 .layout-navbar .layout-sidenav-toggle,
.layout-offcanvas .layout-navbar .layout-sidenav-toggle,
.layout-fixed-offcanvas .layout-navbar .layout-sidenav-toggle {
  display: block !important;
}

@media (min-width: 992px) {
  .layout-offcanvas .layout-sidenav .layout-sidenav-toggle,
  .layout-fixed-offcanvas .layout-sidenav .layout-sidenav-toggle {
    display: none;
  }
}

/*
@media (min-width: 200px) {
    .csCardMin {
        min-width: 240px !important;
    }
}

@media (min-width: 768px) {
    .csCardMin {
        min-width: 240px !important;
    }
}


@media (min-width: 1024px) {
    .csCardMin {
        min-width: 245px !important;
    }
}


@media (min-width: 3300px) {
    .csCardMin {
        min-width: 230px !important;
    }
}*/


/* *****************************************************************************
 * Navbar
 */

.demo-navbar-messages .dropdown-toggle,
.demo-navbar-notifications .dropdown-toggle,
.demo-navbar-user .dropdown-toggle,
.demo-navbar-messages.b-nav-dropdown .nav-link,
.demo-navbar-notifications.b-nav-dropdown .nav-link,
.demo-navbar-user.b-nav-dropdown .nav-link {
  white-space: nowrap;
}

.demo-navbar-messages .dropdown-menu,
.demo-navbar-notifications .dropdown-menu {
  overflow: hidden;
  padding: 0;
}

@media (min-width: 992px) {
    .demo-navbar-messages .dropdown-menu,
    .demo-navbar-notifications .dropdown-menu {
    margin-top: .5rem;
    width: 22rem;
    }

    /*.modal .modal-full-height {
        width: 600px !important;
    }*/
    
    .demo-navbar-user .dropdown-menu {
        margin-top: .25rem;
    }
  
    .accordionWrapper {
        width: 97% !important;
    }

    .csCategoryDeleteSmallScreen {
        display: none;
    }

    .contactsLabel {
        display: normal !important;
    }
}

@media (max-width: 992px) {
    .accordionWrapper {
        width: 95% !important;
    }

    .csCategoryDeleteLargeScreen {
        display: none;
    }

    .csCategoryDeleteSmallScreen {
        display: normal;
    }

    .csGroupLastColumn {
        display: none;
    }

    .selectContactCategoryButton {
        display: none;
    }

    .allCategoriesAlternateButton {
        display: block !important;
    }

    .csGroupSelectDropdown {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }

    .contactsLabel {
        display: none !important;
    }
}

@media (max-width: 768px) {
    /*.csCategoryDeleteLargeScreen {
        display: none;
    }

    .csCategoryDeleteSmallScreen {
        display: normal;
    }

    .csGroupLastColumn {
        display: none;
    }

    .csGroupSelectDropdown {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }*/

    .noGroupFilters {
        padding-bottom: 12px !important;
        padding-top: 0px !important;
    }

    /*.contactsLabel {
        display: none !important;
    }*/
}

@media (min-width: 768px) {
    /*.csCategoryDeleteSmallScreen {
        display: none;
    }*/

    .noGroupFilters {
        padding-bottom: 0px !important;
        padding-top: 18px !important;
    }

    /*.contactsLabel {
        display: normal !important;
    }*/
}

/* *****************************************************************************
 * Content
 */
.demo-vertical-spacing > * + * {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing-sm > * + * {
  margin-top: .9375rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg > * + * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-inline-spacing > *,
.demo-paragraph-spacing > p > * {
  margin: 0 .375rem .9375rem 0 !important;
}

.demo-paragraph-spacing > p {
  margin: 0;
}

.demo-blocks > * {
  display: block !important;
}

html:not(.material-style) .material-style-only {
  display: none !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir=rtl] .rtl-only {
  display: block !important;
}

/* *****************************************************************************
 * Layouts
 */

.layout-example-block {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.04);
  border-radius: 2px;
  background: rgba(0,0,0,.04);
  color: #c7254e;
}
.layout-example-block code {
  background: none;
  color: #666;
}

.layout-example-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 500px;
}

.layout-example-block-sidenav {
  width: 24%;
  background: #607d8b;
}
.layout-example-block-sidenav code {
  color: #fff;
}

.layout-example-block-navbar {
  background: #3ca99e;
}
.layout-example-block-navbar code {
  color: #fff;
}

.layout-example-block-content {
  background: #9e9e9e;
}
.layout-example-block-content code {
  color: #fff;
}

.layout-example-block-1 .layout-example-block-content {
  width: 74%;
}

.layout-example-block-2 .layout-example-block-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 74%;
}
.layout-example-block-2 > .layout-example-block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.layout-example-block-2 .layout-example-block-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.layout-example-block-1-no-sidenav .layout-example-block-content {
  width: 100%;
}

.layout-example-code {
  display: block;
  overflow: auto;
  margin: 0;
  padding: 30px;
  min-width: 0;
  width: 100%;
  background: #fff;
}

.layout-example-run {
  display: inline-block;
  margin: 3px;
  padding: 4px 6px;
  border: 1px solid #eee;
  background: transparent;
  white-space: nowrap;
  line-height: 1;
}

.layout-example-block-3 .layout-example-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layout-example-block-3 .layout-example-block-inner > .layout-example-block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.layout-example-block-3 .layout-example-block-inner .layout-example-block-container-fluid {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.layout-example-block-3 .layout-example-block-sidenav-horizontal {
  background: #607d8b;
}
.layout-example-block-3 .layout-example-block-container-fluid {
  background: #fff;
}
.layout-example-block-3 .layout-example-block-container-fluid code {
  color: #666;
}
.layout-example-block-3 .layout-example-block-footer {
  background: #e6514a;
}


.csCastTemplateEveryoneAccess {
    background-color: #278806 !important;
    color: #fff !important;
    font-size: .9rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    width: 210px !important;
}

.csCastTemplateLimitedAccess {
    background-color: #ffbb33 !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: .9rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    width: 210px !important;
}

.csLocationEveryoneAccess {
    background-color: #278806 !important;
    color: #fff !important;
    font-size: .9rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    width: 170px !important;
}

.csLocationLimitedAccess {
    background-color: #ffbb33 !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: .9rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    width: 170px !important;
}

.csContactFilterEveryoneAccess {
    background-color: #278806 !important;
    color: #fff !important;
    font-size: .9rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    width: 200px !important;
}

.csContactFilterLimitedAccess {
    background-color: #ffbb33 !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: .9rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    width: 200px !important;
}

.scrollableArea {
    height: 250px;
    overflow-y: scroll;
}

.smallScrollableArea {
    height: 175px;
    overflow-y: scroll;
}


.gm-style-iw-chr {
    height: 10px !important;
    padding-right: 10px !important;
}


.gm-style .gm-style-iw-d {
    margin-right: -5px !important;
}

.vmTableMultipleEmployees {
    width: 100% !important;
    overflow-x: hidden !important;
}

.vmAgreementsSigned {
    font-size: .9rem !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: #555555 !important;
    width: 140px !important;
    background-color: transparent !important;
}

.vmCheckInTime {
    font-size: .8rem !important;
    border: 1px solid #278806;
    border-radius: 0px !important;
    width: 110px !important;
    color: #555 !important;
}

.vmCheckInTimePending {
    font-size: .8rem !important;
    border: 1px solid #CC0000;
    border-radius: 0px !important;
    width: 110px !important;
    color: #555 !important;
}

.vmCheckOutTime {
    font-size: .8rem !important;
    border: 1px solid #1a75bb;
    border-radius: 0px !important;
    width: 110px !important;
    color: #555 !important;
}

.vmExpectedTime {
    font-size: .8rem !important;
    border: 1px solid #d8d8d8;
    border-radius: 0px !important;
    width: 110px !important;
}

.vmInvitedScheduled {
    font-size: .8rem !important;
    background-color: #ffffff !important;
    border: 1px solid #278806;
    color: #222222 !important;
    border-radius: 0px !important;
    width: 110px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.vmInvitedPreregistered {
    font-size: .8rem !important;
    background-color: #e9f3e6;
    color: #222222 !important;
    border: 1px solid #278806;
    border-radius: 0px !important;
    width: 110px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}



.vmHistoryCheckInDateTime {
    font-size: .8rem !important;
    border: 1px solid #d8d8d8;
    border-radius: 0px !important;
    width: 110px !important;
}

.vmHistoryCheckOutDateTime {
    font-size: .8rem !important;
    border: 1px solid #d8d8d8;
    border-radius: 0px !important;
    width: 110px !important;
}

.vmCheckOut {
    font-size: .8rem !important;
    border: 1px solid #1a75bb;
    border-radius: 0px !important;
    width: 110px !important;
    background-color: #1a75bb !important;
    color: #ffffff !important;
}

.vmVisitDeclined {
    font-size: .8rem !important;
    border: 1px solid #CC0000;
    border-radius: 0px !important;
    width: 110px !important;
    background-color: #fff !important;
    color: #555 !important;
}

.vmDatatableMenu {
    background-color: #fff !important;
    border-color: #e0dfe1 !important;
    color: #222 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.vmDatatableBars {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.vmCheckOutMenu {
    margin-right: 10px !important;
    margin-bottom: 4px !important;
    width: 22px;
    height: 18px;
}

.vmSmallMenu {
    width: 15px !important;
}

.vmSmallText {
    font-size: .8rem !important;
    font-style: italic;
}

.vmMenuMiddle {
    vertical-align: middle !important;
}

.vmConfirmCheckOut {
    outline: none !important;
    cursor: pointer !important;
    color: #555 !important;
}

.vmVisitorThumbnail {
    width: 30px !important;
    height: 30px !important;
    object-fit: cover;
}

.vmVisitorName {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

.vmFoundStaffName {
    font-size: 1.25rem !important;
    padding-top: .25rem !important;
    color: #616161 !important;
}



.vmProfileRed {
    outline: 2px solid #cc0000 !important;
    outline-offset: 2px;
}

.vmProfileGreen {
    outline: 2px solid #278806 !important;
    outline-offset: 2px;
}


.cmDeliveriesHeader {
    font-size: 15px;
    font-weight: 400;
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #45a0da;
    border-radius: .25rem !important;
    text-align: center;
    width: 250px;
    margin-top: 10px;
}


@media only screen and (max-height: 850px) {

    .scrollableOffenderArea {
        height: 475px !important;
        overflow-y: scroll !important;
        max-height: 475px !important;
    }

}

@media (max-width: 767px) {
    #nameDateRow {
        flex-direction: column; 
        align-items: center; 
    }

    #nameContainer,
    #dateContainer {
        width: 100%;
        text-align: center;
    }

    button {
        margin-top: 10px;
    }
}