/* DEFAULT */

body.default {
    color: black;
}

.default .nav, .default .nav-modal {
    background-color: blue;
    color: white;
}

.default .footer {
    background-color: blue;
}

.default .header-scrollable {
    color: white;
    background-color: blue;
}

.default button {
    color: white;
    background-color: blue;
}

.default button:hover {
    background-color: #05F;
}

.default button:active {
    background-color: #0AF;
}

.default .row-data {
    background-color: #DDD;
}

.default .row-data:hover {
    background-color: blue;
    color: white;
}

.default .data-title, .default .data-info {
    text-shadow: 0px 0px 10px blue;
}

.default .data-info {
    color: blue;
}

.default .data-image {
    box-shadow: 0px 0px 10px 2px blue;
}

.default .dropdown-menu li:hover {
	background-color: blue;
    color: white;
}

.default input[type="radio"] + label:before, .default input[type="checkbox"] + label:before {    
    border: 1px solid blue;    
    background: blue;
    border-radius: 5px;
}

.default input[type="checkbox"]:checked + label:before {    
    background: blue;    
    color: white;    
}

.default input[type="radio"]:checked + label:before {    
    background: white;    
    border: 5px solid blue;    
}

.default .row-button {
    background-color: blue;
    color: white;
}

/* CLASSIC */

body.classic {
    color: black;
}

.classic .nav, .classic .nav-modal {
    background-color: #EEE;
}

.classic .footer {
    background-color: #EEE;
}

.classic .header-scrollable {
    background-color: #EEE;
}

.classic button {
    background-color: #EEE;
}

.classic button:hover {
    background-color: #EEE;
}

.classic button:active {
    background-color: #EEE;
}

.classic .row-data {
    background-color: #EEE;
}

.classic .row-data:hover {
    background-color: #EEE;
}

.classic .dropdown-menu li:hover {
	background-color: #EEE;
}

.classic input[type="radio"] + label:before, .classic input[type="checkbox"] + label:before {    
    border: 1px solid #EEE;    
    background: #EEE;
    border-radius: 5px;
}

.classic input[type="checkbox"]:checked + label:before {    
    background: #EEE;    
}

.classic input[type="radio"]:checked + label:before {    
    border: 5px solid #EEE;    
}

.classic .row-button {
    background-color: #EEE;
}

/* DARK */

body.dark, .dark .ui-dialog-content {
    background-color: black !important;
    color: white;
}

.dark .nav, .dark .nav-modal {
    background-color: white;
    color: black;
}

.dark .footer {
    background-color: white;
}

.dark .header-scrollable {
    color: black;
    background-color: white;
}

.dark button {
    color: black;
    background-color: white;
}

.dark button:hover {
    background-color: #EEE;
}

.dark button:active {
    background-color: #CCC;
}

.dark .row-data {
    background-color: black;
    border: 1px solid white;
}

.dark .row-data:hover {
    background-color: white;
    color: black;
}

.dark .data-title, .dark .data-info {
    text-shadow: 0px 0px 10px white !important;
}

.dark .data-info {
    color: white;
}

.dark .data-image {
    box-shadow: 0px 0px 10px 2px white !important;
}

.dark .dropdown-menu li:hover {
	background-color: black;
    color: white;
}

.dark input[type="radio"] + label:before, .dark input[type="checkbox"] + label:before {    
    border: 1px solid white;    
    background: white;
    border-radius: 5px;
}

.dark input[type="checkbox"]:checked + label:before {    
    background: white;    
    color: black;    
}

.dark input[type="radio"]:checked + label:before {    
    background: black;    
    border: 5px solid white;    
}

.dark .row-button {
    background-color: white;
    color: black;
}

/* CARBON */

body.carbon, .carbon .ui-dialog-content {
    background-color: #DDD !important;
    color: black;
}

.carbon .nav, .carbon .nav-modal {
    background-color: gray;
    color: white;
}

.carbon .footer {
    background-color: gray;
}

.carbon .header-scrollable {
    color: white;
    background-color: gray;
}

.carbon button {
    color: white;
    background-color: gray;
}

.carbon button:hover {
    background-color: #BBB;
}

.carbon button:active {
    background-color: #BBB;
}

.carbon .row-data {
    background-color: white;
}

.carbon .row-data:hover {
    background-color: gray;
    color: white;
}

.carbon .data-title, .carbon .data-info {
    text-shadow: 0px 0px 10px gray !important;
}

.carbon .data-info {
    color: gray;
}

.carbon .data-image {
    box-shadow: 0px 0px 10px 2px gray !important;
}

.carbon .dropdown-menu li:hover {
	background-color: gray;
    color: white;
}

.carbon input[type="radio"] + label:before, .carbon input[type="checkbox"] + label:before {    
    border: 1px solid gray;    
    background: gray;
    border-radius: 5px;
}

.carbon input[type="checkbox"]:checked + label:before {    
    background: gray;    
    color: white;    
}

.carbon input[type="radio"]:checked + label:before {    
    background: white;    
    border: 5px solid gray;    
}

.carbon .row-button {
    background-color: gray;
    color: white;
}