body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f5a8e+0,747fbc+40,7985bf+50,747fbc+60,4f5a8e+100 */
    background: #121314;
    color: #f3f3f3;
    /* background: -moz-linear-gradient(left, rgba(79,90,142,1) 0%, rgba(116,127,188,1) 40%, rgba(121,133,191,1) 50%, rgba(116,127,188,1) 60%, rgba(79,90,142,1) 100%);
    background: -webkit-linear-gradient(left, rgba(79,90,142,1) 0%,rgba(116,127,188,1) 40%,rgba(121,133,191,1) 50%,rgba(116,127,188,1) 60%,rgba(79,90,142,1) 100%);
    background: linear-gradient(to right, rgba(79,90,142,1) 0%,rgba(116,127,188,1) 40%,rgba(121,133,191,1) 50%,rgba(116,127,188,1) 60%,rgba(79,90,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f5a8e', endColorstr='#4f5a8e',GradientType=1 ); IE6-9 */
}

body:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444d7d+1,465183+100&0+2,1+100 */
    /* background: -moz-linear-gradient(top, rgba(68,77,125,0) 1%, rgba(68,77,125,0) 2%, rgba(70,81,131,1) 100%);
    background: -webkit-linear-gradient(top, rgba(68,77,125,0) 1%,rgba(68,77,125,0) 2%,rgba(70,81,131,1) 100%);
    background: linear-gradient(to bottom, rgba(68,77,125,0) 1%,rgba(68,77,125,0) 2%,rgba(70,81,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00444d7d', endColorstr='#465183',GradientType=0 ); IE6-9 */
}

*::-webkit-scrollbar-track {
    background: #eeeeee !important;
}

h1 {
    color: #f3f3f3;
}

a {
    color: #138FDC;
}

.lightButton {
    background-color: #f3efef;
}

.lightButton a {
    color: #101010;
}


.loginPageBackground {
    background-image: url('/assets/img/dc-mind-BG.jpg');
}

.loginForm {
    background-color: #262731;
    color: #f3f3f3;;
}

.loginForm h1 {
    color: #f3f3f3;
}

.styledForm input[type="text"], .styledForm input[type="password"], .styledForm input[type="email"], .styledForm input[type="number"] {
    background-color: #f7f7f7;
}

.graphBackgroundVideo {
    opacity: 0.03;
}

.device, .deviceGraphContainer {
    background-color: #2c2e31;
}

.device:not(.active) .details, .device:not(.active) .icon, .device:not(.active) strong {
    color: #ffffff;
}

.claim:hover, .device:hover {
    background-color: #2e3033;
}

.device:hover .graphBackgroundVideo {
    opacity: 0.02;
}

#header {
    background-color: #2c2e31;
}

#claims h2, .mainBackground h2 {
    color:#f3f3f3;
}

.styledTable tr:last-child:not(.filterRow) th, .styledTable tr:last-child:not(.filterRow) th span, .styledTable td {
    color: #EEEEEE;
    border-bottom: 1px solid rgb(35, 35, 35);
    background-color: #25272a;
}

.styledTable tr:nth-child(odd) td {
    background-color: #34363a;
}

.styledTable tr:nth-child(even) td {
    background-color: #303135;
}


.styledTable tr:hover td {
    background-color: #494a50;
}

.styledForm, #claims, .mainBackground, #map > div {
    background-color: #2c2e31 !important;
    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
}

tr.claimHeader td {
    background-color: #4e4e4e !important;
}

.noUi-tooltip {
    border: 1px solid #505050;
    background: #151515;
    color: #fff;
}

.noUi-tooltip::after {
    width: 2px !important;
    background-color: #151515 !important;
}

#mapContainer h4 {
    background: rgb(44,46,49);
    background: linear-gradient(180deg, rgba(44,46,49,1) 0%, rgba(44,46,49,0.76234243697479) 60%, rgba(44,46,49,0) 100%);

}

.chartTimes {
    color: #CCCCCC;
}

.chartTimes strong {
    color: #dbdbdb;
}

#header.open {
    box-shadow: 1px 1px 7px 0px #000;
    border-right: 1px solid #3e3e3e;
}

.pagination .pageNumber, .pagination .pageNumber, .pagination .actionButton {
    background-color: #414347;
    border: 1px solid #282a2e;
}

.pagination .pageNumber.selected {
    background-color: #0b98f0;
    border: 1px solid #0b70af;
    color: #ffffff;
}

@media only screen and (max-width: 940px) {

    #header {
        background-color: #316497;
    }

}