/* 
 * @package   Dogecoind Info
 * @copyright Copyright (C) 2021 stachi
 */
/* 
    Created on : 08.02.2021, 12:04:14
    Author     : stachi
*/

html {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background-image: url("../_img/doge-bg-3.png");
    background-color: #A8C5E3;
}

body {
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.info-green {
    background: rgba(198, 239, 206, 0.8) !important;
    color: #006100;
}

.info-yellow {
    background: rgba(255, 235, 156, 0.8) !important;
    color: #9C6500;
}

.info-red {
    background: rgba(255, 199, 206, 0.8) !important;
    color: #9C0006;
}

.dogefont {
    font-family: 'Oswald', sans-serif;
}

.comicfont {
    font-family: Comic Sans MS, Verdana, Helvetica;
}

#wrapper-main,
#wrapper-footer,
#top-left,
#top-header,
#top-right,
#wrapper-debug {
    background-color: #deb17f;
    border: 1px solid #848484;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

#wrapper-main,
#wrapper-footer,
#wrapper-top,
#wrapper-debug {
    margin: 10px auto;
    width: 1200px;
    clear: both;
}

#wrapper-top {
    width: 1220px;
    height: 190px;
}
#wrapper-debug {
    width: auto;
    max-width: 1400px;
    min-width: 1200px;
    white-space: pre-wrap;
}

#top-left, #top-header, #top-right {
    float: left;
}

#top-left, #top-right {
    background: #000 url("../_img/spacebg.png") !important;
    width: 137px;
    height: 170px;
    text-align: center;
}

#top-header {
    background: #000 url("../_img/dogebanner.png") no-repeat;
    background-size: cover;
    width: 880px;
    height: 190px;
    padding: 0;
    margin: 0 10px;
}

#wrapper-footer {
    text-align: center;
}

.snote {
    font-size: 12px;
    color: #555555;
}

.bold {
    font-weight: bold;
}

h1, h2, h3 {
    text-align: center;
    margin-bottom: 2px;
    margin-top: 2px;
}

fieldset {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #848484;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

legend {
    background-color: #1e4151;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #848484;
    font-size: 14px;
    padding:2px 5px;
    font-family: 'Oswald', sans-serif;
}

table#agent_stats_other,
table#agent_stats_kpi {
    width: 100%
}

table#agent_stats_other tr th:nth-child(1),
table#agent_stats_kpi tr th:nth-child(1) {
    width:300px;
}

table#agent_stats_other tr td:nth-child(n+2),
table#agent_stats_kpi tr td:nth-child(n+2),
table#all_stats_kpi tr td:nth-child(n+2),
table#all_stats_other tr td:nth-child(n+2),
table#all_stats_outbound tr td:nth-child(n+2) {
    text-align:right;
}

table {
    margin: auto;
    padding: 0;
    border-radius: 10px;
    border-spacing: 0;
    border-collapse: separate;
}

th {
    background-color: #f2a51f;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}

td, th {
    margin:0px;
    padding: 4px;
    border-bottom: 1px solid #848484;
    border-right: 1px solid #848484;
}

tbody tr:hover td {
    background: #dce6f1;
}

tr:nth-child(even) td {
    background-color: rgba(200, 200, 200, 0.8);
}

tr:nth-child(odd) td {
    background-color: rgba(255, 255, 255, 0.9);
}

table tr:last-child td:first-child {
    border-bottom-left-radius:10px;
}

table tr:last-child td:last-child {
    border-bottom-right-radius:10px;
}

table tr th:first-child,
table tr td:first-child {
   border-left: 1px solid #848484;
}

table tr:first-child th,
table tr:first-child td {
   border-top: 1px solid #848484;
}

table tr:first-child th:first-child {
    border-top-left-radius:10px
}

table tr:first-child th:last-child {
    border-top-right-radius:10px
}