body {
    /* background-image: url("../Images/bg13.png"); /*
    /* background-size: 100vw 100vh;*/
    background-attachment: fixed;
    background-repeat: repeat;
    background-color: #fff;
    font-size: 17px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-family: 'Mukta', sans-serif;
    color: #808080;
}


/* Navbar */
.nav-link {
    color: #262c25;
}
.navbar-color {
    background-color: #00b193;
    box-shadow: 0 8px 16px -2px rgba(0,0,0,0.75);
}



.fadedText {
    color:#C0C0C0;
}

.header-company-name { /* see mobile css for mobile specific settings */
    background-color: #f7f7f7;    
    border-color: #105c20;
    box-shadow: 10px 10px 5px -1px rgba(0,0,0,0.25);
}



/* Homepage */
.glyphicon {
    color: #00b193;
}
.homepage-icon {
    color: #00b193;
}


.terms-text {
    color: blue;
}


/* Case Landing */
.case-landing-timeline-img {
    color: #00b193;
}

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




/* displays a background to headers/titles */
.title-wrapper {
    background-color: #00b193;
    color: #FFF;
}

/* Section Headings Text */
.section-header {
    color: #00b193;
}



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


/* additional button CSS */
.btn-light {
    border-color: #808080;
}



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




/* additional form field settings */

.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: #8aa499;
}

.field-title {
    color: #ff6c6c;
}

.field-surround {
    border-color: #C0C0C0;
    background-color: #f9f7f7;
}





.option-selector-round {
    background: #eee no-repeat center;
    box-shadow: 19px 6px 10px -4px rgba(0,0,0,0.55);
    border-color: #00b193;
    background-color: #f7f7f7;
    color: #00b193;
}
.option-selector-round.locked {
    background-color: #e1e1e1;
    border-color: #4f8f74;
    color: #808080;
}


.option-selector-round.squared.highlight {
    border-color:#d5626d;
    box-shadow: 9px 6px 10px -4px rgba(248, 215, 218, 1);
}

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





/* Notification Bubbles */
.notification {
    background-color: red;
}

.option-selector-round .notification {
    border-color: #808080;
    background-color: #fd6363;
    color: #FFF;
}
.option-selector-round .notification.locked {
    background-color:#1e6447;
}

.nav-item .notification {
    border-color: #FFF;
    color: #FFF;
}




/* Navigation Tabs */
.nav-tabs {
    border-bottom-color: grey;
}
.nav-tabs .nav-link:not(.active) {
    border-color: transparent !important;
    background-color: transparent !important;
}
.nav-tabs .nav-link {
    color: #696969  !important;
}
.nav-tabs .nav-link.active {
    color: #FFF  !important;
    background-color: grey  !important;
}




/* Notifications Page */
.notification-panel {
    border-color: #ece8e8;
    background-color: #f6f4f4;
    color: inherit;
    box-shadow: 4px 2px 7px -1px rgba(0,0,0,0.37);
}

    .notification-panel .unread-icon {
        color: #00b193;
    }

    .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 {
        background-color: inherit;
        box-shadow:none;
    }





/* Messages speech bubbles & other css*/
.speech-bubble {
    color:#FFF;
}
.speech-bubble hr {
    border-top-color: #FFF;
}
.speech-bubble .casetitle {
    background-color:#FFF;
    color:initial;
}
.speech-bubble .casetitle.from-user {
    background-color:#c9fbff;
}
.speech-bubble .casetitle.to-user {
    background-color:#e3fff3;
}
.speech-bubble.to-user {
    background: #4ab186;    
}
.speech-bubble.to-user .attachments {
    background: #b2dccb;  
    color: #296302;
}
.speech-bubble.to-user .attachments hr {
    border-top-color: #296302;
}
.speech-bubble.from-user {
    background: #00aabb;
}
.speech-bubble.from-user .attachments {
    background: #b9f9ff;   
    color: #296302;
}
.speech-bubble.to-user .attachments hr {
    border-top-color: #296302;
}
.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);        
}



/* apply blur effect for unread messages*/
.unread-container-open {
    background-color: #fffe99;
    color:red;
}



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





/* Modal Dialogues */

.modal-header {
    color: #277555;
    background-color: #93d3c4;
}

.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;
}





/* table settings  */
.table {
    color: #808080;
}

.table thead {
    color: #277555;
    background-color: #f0f9f5;
    border-top-color: #dee2e6;
}

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

table tbody tr:first-child {
    border-top-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 {
    background-color: #feffe0;
    color: #808080;
}

tr td.deleting {
    background-color: unset;
    background-color: #dc0d13;
    color: #fff;
}





/* 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;
}
/**************************************/





/*--------------------------------------------------------------------------------*/
/* ON/OFF SWITCH */

.slider {
    background-color: #ccc;
}

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

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

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

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





/*--------------------------------------------------------------------------------*/
/* TIMELINE (see progress-timeline.css) */
.main-timeline:before {
    background: #00b193;
}
.main-timeline .timeline-icon {
    background: #00b193;
    color: #FFF;
}
.main-timeline .timeline-icon i {
    color: #fff;
}
.main-timeline .timeline-icon span {
    color: #fff;
}
.main-timeline .tl-title {
    color: #00b193;
}
.main-timeline .timeline-content {
    border-color:#00b193;
    background: #fff;
}
.main-timeline .timeline-content:before {
    border-left-color: #00b193;
}
.main-timeline .timeline-entry-deleted {
    border-color: red;
    background-color: #fcebeb;
    color: red;
}
.main-timeline .title {
    color: #808080;
    background: #e1e1e1;
}
.main-timeline .timeline-content.right:before {
    border-right-color:#00b193;
}

@media only screen and (max-width: 990px) {
    .main-timeline .timeline-content:before,
    .main-timeline .timeline-content.right:before {
        border-right-color:#00b193;
    }
}
/*--------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------*/
/* TIMELINE  (v2)  (see case-timeline.css) */
.main-caseTimeline:before {
    background: #00b193;
}

.main-caseTimeline .caseTimeline-icon {
    background: #00b193;
    color: #FFF;
}

    .main-caseTimeline .caseTimeline-icon i {
        color: #fff;
    }

    .main-caseTimeline .caseTimeline-icon span {
        color: #fff;
    }

.main-caseTimeline .tl-title {
    color: #00b193;
}

.main-caseTimeline .caseTimeline-content {
    border-color: #00b193;
    background: #fff;
}

    .main-caseTimeline .caseTimeline-content:before {
        border-left-color: #00b193;
    }

.main-caseTimeline .caseTimeline-entry-deleted {
    border-color: red;
    background-color: #fcebeb;
    color: red;
}

.main-caseTimeline .title {
    color: #808080;
    background: #e1e1e1;
}

.main-caseTimeline .caseTimeline-content.right:before {
    border-right-color: #00b193;
}

@media only screen and (max-width: 990px) {
    .main-caseTimeline .caseTimeline-content:before,
    .main-caseTimeline .caseTimeline-content.right:before {
        border-right-color: #00b193;
    }
}
/*--------------------------------------------------------------------------------*/









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

/* This effects a Samsung S8 Landscape */
@media screen and (min-width: 577px) {
    
}

@media screen and (min-width: 768px) {
    
}

@media (min-width: 992px) {
    
}
/****************************************************/