body {
    background-color:#c8e6c9;
}

/* Datepicker Genel Arka Plan ve Yazı Renkleri */
.datepicker-modal {
    background-color: #121212 !important; /* Koyu arka plan */
    color: #ffffff !important; /* Beyaz yazı rengi */
}

/* Datepicker Başlık Alanı */
.datepicker-date-display {
    background-color: #333 !important; /* Başlık arka planı */
    color: #ffffff !important; /* Başlık yazı rengi */
}

/* Ay ve Yıl Seçici */
.datepicker-controls .month-prev, .datepicker-controls .month-next {
    color: #ffffff !important; /* Önceki/Sonraki düğme yazı rengi */
}

/* Günlerin Arka Planı ve Yazı Renkleri */
.datepicker-table td, .datepicker-table th {
    background-color: #1e1e1e !important; /* Günlerin arka planı */
    color: #ffffff !important; /* Günlerin yazı rengi */
}

/* Seçili Gün */
.datepicker-table td.is-selected {
    background-color: #1976d2 !important; /* Seçili gün arka planı */
    color: #ffffff !important; /* Seçili gün yazı rengi */
}

/* Hover Etkisi */
.datepicker-table td:hover {
    background-color: #333 !important; /* Hover arka planı */
    color: #ffffff !important; /* Hover yazı rengi */
}

/* Butonlar (Today, Clear, Done) */
.modal-footer .btn-flat {
    color: #ffffff !important; /* Buton yazı rengi */
    background-color: #333 !important; /* Buton arka planı */
}

.modal-footer .btn-flat:hover {
    background-color: #444 !important; /* Hover arka plan */
    color: #ffffff !important; /* Hover yazı rengi */
}


.container {
    width:100%;
    max-width:100%;
}

.container > .row, .container > .section > .row {
    margin-left: 0;
    margin-right: 0;
}

.brand-logo {
    margin-top:2px;
    margin-bottom:0;
    height:60px;
}

table, table td, table th {
    border-radius: 0 !important;
}

a.edit {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/edit.png) no-repeat;
    margin:0 10px;
}

.sidenav li > a {
    font-weight:600;
}

a.delete {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/delete.png) no-repeat;
    margin:0 10px;
}

a.add {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/add.png) no-repeat;
    margin:0 10px;
}

a.add32 {
    display:inline-block;
    width:32px;
    height:32px;
    background:url(../images/add32.png) no-repeat;
    margin:0;
}

.brand-logo img {
    height:60px;
}

nav a, nav ul a {
    color:#039be5;
}

.valigned {
    margin:100px 0;
}

.row {
    margin-bottom:8px;
}

.row .col {
    padding: 0 .5rem;
}

.nobm {
    margin-bottom:0;
    padding-bottom:0;
}

.card.withpadding {
    margin:8px 0 0 0;
    padding:0 15px 2px 15px;
}

.card .card-image .card-title {
    padding:10px 20px;
    text-shadow: 1px 1px #000;
    text-align: right;
    font-weight:bold;
    margin-left:5%;
}

.user-details {
    background:url("/images/vres/bg520x239.png") no-repeat top left;
    height:150px;
    background-size:cover;
    border-bottom:1px solid #e0e0e0;
    margin-bottom:8px;
}

.user-details.biogas {
    background:url("/images/vres/evbbio.png") no-repeat 35px;
    background-size: 230px;
}
/*
.input-field > label {
    font-size: 1.2rem;
}*/

.dropdown-menu { min-width: 200px !important; }

.formbg {
    background:url("/images/vres/formback.png") no-repeat bottom left;
    background-size:50% 100%;
}

.card .card-image > img.logo {
    margin-left:30px;
}

.row::after {
    display:block;
}

.tar {
    text-align:right;
}

.tac {
    text-align:center;
}

.card table {
    margin:15px 0;
}

h4 {
    margin-top:0;
    margin-bottom: 2rem;
    font-size:2.4rem;
    font-weight: bold;
}

table.fault {
    margin-bottom:10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
}

table.fault strong {
    font-weight:700;
}

table.fault.ONGOING {
    border:2px solid #ef5350;
    background-color:#ffdddd;
}

table.fault.MAINTENANCE {
    border:2px solid #ffcc50;
    background-color:#ffffdd;
}

table.fault.FIXED {
    border:2px solid #00A37C;
    background-color:#ddffdd;
}

table.fault.ONGOING tr.dark {
    background-color:#ef5350;
    color:#fff;
}

table.fault.MAINTENANCE tr.dark {
    background-color:#ffcc50;
    color:#993300;
}

table.fault.FIXED tr.dark {
    background-color:#00A37C;
    color:#fff;
}

table.mobbig {
    font-size:17px;
}

table.mobbig tbody {
    font-size:24px;
    font-weight: normal;
}

table.mobbig tfoot {
    font-size:26px;
    font-weight: bold;
    background-color: #dff0d8;
}

table.mobbig td, table.mobbig th {
    padding:8px;
}

td, th {
  padding:2px 5px 0 5px;
}

td.value {
    text-align:right;
}

.section {
    padding-bottom: 0;
}

.amcharts-chart-div a {
    display:none !important;
}

div.alert {
    background-color:#ef5350;
    color:#fff;
}

div.alert.alert-success {
    background-color:#00C853;
    color:#fff;
}

div.info {
    background-color:#00A37C;
    color:#fff;
}

div.comment {
    background-color:#f5f5f5;
    color:#616161;
}

tr.alert td {
    background-color:#ef5350;
    color:#fff;
    font-size:10pt;
}

tr.info td {
    background-color:#00A37C;
    color:#fff;
    font-size:10pt;
}

tr.comment td {
    background-color:#f5f5f5;
    color:#616161;
    font-size:10pt;
}

table.bordered>thead>tr, table.bordered>tbody>tr {
    border-bottom: 1px solid #000000;
}

.sidenav li > a {
    font-weight:600;
    padding: 0 16px;
}

.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
    margin: 0 16px 0 0;
}

.alert {
    padding:2px 4px;
    font-size:14px;
}

.btn {
    text-transform: none !important;
    font-family: "Consolas" !important;
}

@media (max-width:900px)
{
    table.mobbig {
        font-size:12px;
    }

    table.mobbig tbody, table.mobbig tfoot {
        font-size:18px;
        font-weight:bold;
    }
}

@media (max-width:600px)
{
    .brand-logo img {
        height:50px;
        margin-left:10px;
    }

    .brand-logo {
        margin-top:2px;
        margin-bottom:0;
        height:50px;
    }

    .row {
        margin-bottom:5px;
    }

    .valigned {
        margin:40px 0;
    }

    nav .brand-logo {
      left: 69%;
    }

    .card {
        margin:15px 0;
        padding:0 0 5px 0;
        clear:both;
    }

    h4 {
        font-size:1.2rem;
    }

    h4.header {
        text-align:center;
    }

    .card.withpadding {
        margin:5px 0;
        padding:0 5px 2px 5px;
    }

    .row .col {
        padding: 0 .25rem;
    }
}