body {
    /* background-image: url("../Images/bg14.png"); */
    /* background-size: 100vw 100vh;*/
    background-color: #fff;
    color: #808080;
}



/* Navbar */
.nav-link {
    color: #808080;
}
.navbar-color {
    background-color: #777575;
    /* box-shadow: 0 8px 16px -2px rgba(0,0,0,0.75); */ /* ADDS AN OPTIONAL SHADDOW TO THE HEADER NAVBAR */
}

.isLink {
    cursor: pointer
}






.terms-text {
    color: blue;
}



/* the header area in the Admin App when viewing an entity */
.header-entity-adminapp {
    background-color: #FFF;
}


.header-entity-adminapp .icon-active {
    color:red;
}


/* the header area (company name) in the Client App when viewing an entity */
.header-entity-clientapp {
    background-color: #FFF;
}


/* displays a background to headers/titles */
.title-wrapper {
    background-color: #777575;
    color: #FFF;
}
/* Section Headings Text */
.section-header {
    color: #eb1c22;
}
.section-header .left-section {
    border-color: #eb1c22; 
    background-color: #eb1c22;
    color:#fff;    
}
.section-header .left-section.archived {
    color:#808080;
    background-color:#efe3e3;
}
.section-header .right-section {
    border-color: #eb1c22;
    background-color:#f9f7f7;               
}
.section-header .right-section.archived {
    color:#808080;
    border-color:#a76f6f;
}

.section-header.locked {
    color: #C0C0C0;
}




.option-selector-round {
    background-color: #eee;
    /* box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.25);  */ /*  OFFERS MORE PROMINENT SHADING OF THE CIRCLES  */
    box-shadow: 6px 6px 5px -1px rgba(0,0,0,0.25);
    border-color: #d42f32;
    background-color: #f9f9f9;
    color: #808080;
}
.option-selector-round.locked {
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}
.option-selector-container .label-text {
    color: #dc0d13;
}

.option-selector-round.hover-icon .hover-item {
    color: #d05858; 
}


.option-selector-round-no-hover {
    background-color: #eee;
    box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.25);
    border-color: #808080;
    background-color: #f1f1f1;
}



.btn-link {
    color: inherit;
}
.btn-link:hover {
    color: #d58b8b !important;
}
.btn-light {
    border-color: #808080;
}



/* Divider */
hr {
    box-shadow: 0 0 5px 1px #edebeb;
}



/* floating div effect */
.shadowed-box {
    border-color: #C0C0C0;
    box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.25);
}

/* draggable option div & financial entry expense group div */
.draggable-div, .category-container {
    border-color: #C0C0C0;
    background-color: #fbfbfb;
}
.draggable-div:hover, .category-container:hover {
    background-color: #feffe0;
}
.draggable-div.deleting {
    background-color:#dc0d13;
    color:#fff;
}
.draggable-dragmode {
    background-color: blue;
    color:#fff;
}
.draggable-highlighted {
    background-color: #fbff96;
}




.form-field-error {
    box-shadow: 0 0 5px 2px #fd9e9e;
    border-color: red;
}
.form-check-highlight {
    background-color: #fff0c8;
    border-color: #cbc63f;
}
.form-label {
    color: #cd7575;
}
.field-title {
    color: #ff6c6c;
}
.field-surround {
    border-color: #C0C0C0;
    background-color: #f9f7f7;
}
.slider-text .end-range {
    color:#C0C0C0;
}



/* table settings  */
.table {
    color: #808080;
}
.table thead {
    color: #eb1c22;
    background-color: #fff5f5;  
}

.table-bordered {
    border-bottom-color: #dee2e6;
    border-right-color: #dee2e6;
    border-left-color: #dee2e6;
}

.table tbody td {
    border-left-color: #dee2e6;
    color: #808080 !important;
}
.table tbody td:last-child {
    border-right-color: #dee2e6;
}
.table-hover tbody tr:hover td {
    background-color: #feffe0;
    color: #808080;
}
tr td.deleting {
    background-color:unset;
    background-color: #dc0d13;
    color: #fff;
}




/* datepicker - additional CSS for non-HTML5 datepicker plugin */
.datepicker {
    border-color: #d42f32;
}
.datepicker table tr th {
    color: #eb1c22;
    background-color: #fff5f5;
}
.datepicker-dropdown:after {
    border-bottom-color: #fff5f5;    
}



/* Icon "ON" - to indicate an icon is toggled on  */
.icon-on {
    color: #eb1c22;
    background-color: rgba(204,145,155,0.79);
    box-shadow: 0px 2px 30px 3px rgba(204,145,155,1);
}

/* log styling */
.log {
    border-bottom-color: #ece8e8;
}
.log .date {
    color: #cd7575;
}




/* Modal Dialogues */
.modal-header {
    color: #eb1c22;
    background-color: #f6f6f6;
}

.modal-entry-saved {
    background-color: green;
    background: rgb(0,128,0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0,128,0, 0.7);
    color:#FFF;
}


/* Container for the JSViewer plugin container */
.file-previewer {
    border-color: #C0C0C0;
    background-color: #f9f7f7;
}


/* Notification Bubbles */
.notification {
    background-color: red;
}
.option-selector-round .notification {
    border-color: #808080;
    background-color: #fd6363;
    color: #FFF;
}
.nav-item .notification {
    border-color: #FFF;
    color: #FFF;
}
.btn .notification {
    border-color: #FFF;
    color: #FFF;
}
.msgIcon .notification { /* on the admin conversations list screen */
    border-color: #FFF;
    color: #FFF;
}


/* Notifications Page */
.notification-panel {
    border-color: #ece8e8;
    background-color: #f6f4f4;
    color: inherit;
}
.notification-panel.read {
    background-color:inherit;
}
.notification-panel:hover {
    background-color: #efeded;
}
.notification-panel.deleting {
    background-color:#dc0d13;
    color:#fff;
}
.notification-panel.bottom, notification-panel.bottom:hover {
    border-top-color: #ece8e8;
    background-color:inherit;
}



/* Messages speech bubbles & other css*/
.speech-bubble {
    color:#FFF;
}
.speech-bubble hr {
    border-top-color: #fff;
    margin:5px 0 15px 0;
}
.speech-bubble .casetitle , .message-composer .casetitle  {
    background-color: #FFF;
    color: #808080;
}
.message-composer .casetitle {
    color: #eb1c22;
    background-color: #fff;
    border-color: #808080;
}
.speech-bubble .casetitle.from-user {
    background-color: #c9fbff;
}
.speech-bubble .casetitle.to-user {
    background-color:#e3fff3;
}
.speech-bubble.to-user {
    background: #4ab186;    
}
.speech-bubble.from-user {
    background: #00aabb;
}
.speech-bubble.to-user:after {
    border-color: transparent;
    border-right-color: #4ab186;
}
.speech-bubble.from-user:after {
    border-color: transparent;
    border-left-color: #00aabb;
}
.speech-bubble.to-user.deleting, .speech-bubble.from-user.deleting {
    background-color: #dc0d13;
    color: #fff;
}
.speech-bubble.from-user.deleting:after {
    border-left-color: #dc0d13;
}
.speech-bubble.to-user.deleting:after {
    border-right-color: #dc0d13;
}

.message-composer {
    border-color: #C0C0C0;
    background-color: #E1E1E1;
}
.message-composer.focus {
    background-color: #f4e0e0;
    -webkit-box-shadow: -1px 1px 19px 0px rgba(235,159,172,1);
    -moz-box-shadow: -1px 1px 19px 0px rgba(235,159,172,1);
    box-shadow: -1px 1px 19px 0px rgba(235,159,172,1);        
}
.new-msgbox {
    box-shadow: none;
}


.unread-container-open {
    background-color: #fffe99;
    color:red;
}




/* Uploads Indicator / Info */
.uploads .uploadInfo .progressBar {
    background-color: #3E6FAD;
}
.uploads .uploadInfo .progressBar .progressBarPercent {
    color:#FFF;
}
.uploads .uploadInfo .success {
    color:forestgreen;
}
.uploads .uploadInfo .error {
    color: red;
}




/*--------------------------------------------------------------------------------*/
/* ON/OFF SWITCH (ARCHIVE/SETTINGS BUTTON) */


.slider {
    background-color: #ccc;
}

.slider:before {
    background-color: white;
}

input:checked + .slider {
    background-color: #14ae2a;
}

input:focus + .slider {
    box-shadow: 0 0 0px #14ae2a;
}

/*--------------------------------------------------------------------------------*/





/*** MEDIA SETTINGS ***/
/****************************************************/
/* This effects a Samsung S8 Portrait */
@media screen and (max-width: 576px) {
    .option-selector-round .notification {                
        color: #FFF;
    }    
}

@media screen and (min-width: 768px) {
    .column-splitter {
        border-right-color: #C0C0C0;
    }
}
/****************************************************/







/* Input Placeholder settings */
/**************************************/
/* WebKit, Blink, Edge */
.form-control::-webkit-input-placeholder {
    color: #d1d9d3;
}
/* Mozilla Firefox 4 to 18 */
.form-control:-moz-placeholder {
    color: #d1d9d3;
}
/* Mozilla Firefox 19+ */
.form-control::-moz-placeholder {
    color: #d1d9d3;
}
/* Internet Explorer 10-11 */
.form-control:-ms-input-placeholder {
    color: #d1d9d3;
}
/* Microsoft Edge */
.form-control::-ms-input-placeholder {
    color: #d1d9d3;
}
/* ************************************ */