simple calming

body {
    background-image: url("https://i.pinimg.com/originals/16/c9/0c/16c90c65ff593a4092cfd095c121f1d1.png");}

/* links */
    a{
	color: #585359;
	font-weight: bold;}

    a:hover {
	color: #847577;}

/* MAIN NAVBAR */
    #header .navbar-main, #footer {
        background-color: #847577;}

    #header .navbar-main .nav-link, #header .navbar-main .nav-link .fa {
        color: #fbfbf2;}

    #header .navbar-main .nav-link:hover, #header .navbar-main .nav-link:hover .fa, #footer a:hover, #footer nav .nav-item .nav-link:hover {
        color: #D5EBEA;}

/* STATUS NAVBAR */
    #header .navbar-status {
        background-color: #A6A2A2;
        color: #fbfbf2;}

    #header .navbar-status a:hover {
        color: #D5EBEA}

/* BREADCRUMB NAVBAR */
    #header .breadcrumb-nav {
        background-color: #BBBAB8;}

    .breadcrumb-item.active {
        color: #585359;}

/* MAIN CONTAINER ON THE RIGHT */
    #main{
        background-color: #E5E6E4;}

    h1, h2, label.b {
        color: #585359;
        font-weight: bold;}

    .nav-tabs .nav-link.active {
        background-color: #CFD2CD;
        color: #585359;
        border: 2px solid #BBBAB8;
        border-radius: 0px;}

    .nav-tabs .nav-link {
        background-color: #E5E6E4;
        border: 2px dotted #BBBAB8;
        margin-right: 0.5rem;
        border-radius: 0px;}

    #main .card {
        background: #FBFBF2;
        border-radius: 10px;}

    .card-header {
        background: #BBBAB8;
        color: #585359;
        border: 2px solid #BBBAB8;
        border-radius: 0px}

/* TABLES */
    .table {
        background-color: #FBFBF2;
        border: 4px solid #A6A2A2;
        border-radius: 0px;}

    .table th {
        background-color: #A6A2A2;}

    .table th a {
        color: #FBFBF2;}

    .table th a:hover {
        color: #D5EBEA;}

    .table .subheader {
        background-color: #E5E6E4;}

    .table .left {
        background-color: #CFD2CD;}

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #FBFBF2;}

    .table tr.pup, .table tr.pup:nth-of-type(odd) {
        background-color: #FBFBF2;}

    .table td.bottom {
        background-color: #E5E6E4;}

    /* dropdown selectors */
        .form-control, .s-chat-sidebar #label_currentChannel, .note-toolbar .note-btn {
            background-color: #FBFBF2;}

/* SIDEBAR */
    #sidebar {
        background-color: #CFD2CD;}

    #sidebar .multi-column {
        padding-top: 20px;}

    #sidebar .card {
        background-color: #E5E6E4;
        border: 2px solid #BBBAB8}

    .progress {
        background: #FBFBF2 !important;}

     /* first bar */
        .bg-warning, #main .bg-success  {
            background-color: #DCD4DE !important;}

     /* 2nd bar */
        #sidebar .bg-danger, .bg-primary {
            background-color: #C7B9C8 !important;}

     /* 3rd bar */
        #sidebar .bg-info, #main .bg-danger {
            background-color: #B39EB2 !important;}

     /* 4th bar */
        #sidebar .bg-success, #main .bg-info {
            background-color: #9E829C !important;}

     /* chatbox */
        #chatMessagePinned.s-chat-message__pinned {
            background-color: #D5EBEA;
            color: #585359;
            padding: 5px;}

        .s-chat-sidebar #chatMessageList {
            height: 400px;}

        .s-chat-message:nth-child(odd) {
            background: #fbfbf2a3;}

        .s-chat-message:nth-child(even) {
            background: #FBFBF2 ;}

/* BUTTONS */

	/* save changes */
        .btn-primary, .btn-success {
            background-color: #847577;}

        .btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
            background-color: #958C8D !important;}

	/* expand territory */
        .btn-warning {
            background-color: #DCD4DE;
            border: 2px solid #B0A5AB;}

        .btn-warning:hover, .btn-warning:focus {
            background-color: #DCD4DE !important;
            border: 2px dotted #B0A5AB}

	/* report a bug */
        .btn-danger {
            background-color: #847577;
            border: 2px solid #A6A2A2}

        .btn-danger:hover {
            background-color: #847577 !important;
            border: 2px dotted #A6A2A2;}

/* OTHER */

	/* information alerts */
        .alert-info, .alert-success, .alert-danger {
            background-color: #DCD4DE;
            color: #585359;
            border: 2px solid #B39EB2;}

    /* tooltips */
        .tooltip-inner {
            background-color: #DCD4DE;
            color: #B39EB2;}