/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

/* sidebar big lower portion */
#sidebar {
  background-color: #262c31;
}

/* sidebar top portion */
#sidebar #header {
    background-color: #111314;
}

/* search box in sidebar */
#sidebar #header .searchbox {
    background: #262c31;
    border-color: #530e64;
    border-radius: 0px;
    border-width: 2px;
}

/* magnifying glass in search box */
#sidebar #header .searchbox label {
    color: rgba(200, 200, 200, 0.8);
}

/* search box entered text */
#sidebar #header .searchbox input {
    color: #fff;
}

/* search box placeholder text */
#sidebar #header .searchbox input::placeholder {
    color: rgba(200, 200, 200, 0.8);
    opacity: 1; /* something firefox fix */
}

#body {
    background: #00ff00;
}

#main {
    background: #ff0000;
}