.top-results .card{
	background: #000;
	border-radius: 4px!important;
	/*max-width: 300px;*/
	margin: 0 auto 20px;
	/*height:100%;*/
}
.top-result-grid-wrapper{
    /*max-width:700px;*/
    margin:0 auto;
}
.container {
    max-width:1220px!important;
}

.top-results h1 ,.top-results h4{
    color: #FF00FF;
}
.top-results h1{
    padding: 24px 0 0;
}
.top-results .card .small {
    color:#fff;
}

.top-results .card h3,
.top-results .card .large,
.top-results .card .card-text{
	color: #ebeb08;
}

.top-result-row .card .card-text i{
	font-size: 26px;
	vertical-align: middle;
	margin-right: 3px;
}
.top-results small{
    padding-left:10px;
}

.top-result-row >a:hover {
    text-decoration:none;
    opacity:80%;
}

.top-result-row >a:nth-child(1) .card{background:#643eb7;}
.top-result-row >a:nth-child(2) .card{background:#b69641;}
.top-result-row >a:nth-child(3) .card{background:#d83eba;}
.top-result-row >a:nth-child(4) .card{background:#d64858;}
.top-result-row >a:nth-child(5) .card{background:#cd8644;}
.top-result-row >a:nth-child(6) .card{background:#7ab53f;}
.top-result-row >a:nth-child(7) .card{background:#8828c0;}
.top-result-row >a:nth-child(8) .card{background:#eb5372;}
.top-result-row >a:nth-child(9) .card{background:#e17511;}
.top-result-row >a:nth-child(10) .card{background:#b9303c;}
.top-result-row >a:nth-child(11) .card{background:#40cdde;}
/*.top-result-row >a:nth-child(12) .card{background:#e17511;}*/



.top-result-row .card .large {
    font-size: 42px;
    font-weight: bold;
}

.btn-gradient-primary{
    background:#fff;
    color:#000!important;
    border: 1px solid #ccc;
}
.top-result-row .card .medium{
	font-size: 20px;
}


.content-wrapper {
    /*background: #000;*/
    
}

.front-wrapper{

}
.page-head{
    background-color: darkbue; border-width: 2px; border-color: red; border-style: inset; margin-top: 5px; padding-top: 5px; border-radius: 13px; margin-bottom:30px;
}

.prev-results .card{
	border: 1px solid red;
	border-radius: 20px;
}
.prev-results{
	margin-bottom: 60px;
}

.prev-results .card {
    border: 1px solid #f7f9ff;
    border-radius: 20px;
    text-align: center;
}
.prev-results .card .card-text{
	font-size: 18px;
}

.prev-results .card span{
	font-size: 20px;
	display: block;
	margin-bottom: 15px;
}

.prev-results .card .card-text i{
	font-size: 25px;
	vertical-align: middle;
	margin-right: 0.3px;
}

.page-title{
	text-align: center;
    padding: 20px;
    margin-bottom: 40px;
    /*background: linear-gradient(90deg,#ff8a00,#e52e71);*/
    /*background: #ee4e4b;*/
    background:#000;
    color: #fff;
}
.page-title h2{
	margin:0;
}

.btn-gradient-danger{
    background:orange!important;
    font-weight:bold!Important;
}

.prev-results h3{
    font-weight: bold;
    font-size: 26px;
    line-height: 35px;
    
}

.top-result-row .card h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin-bottom:0;
    font-family: inherit;
}


.content-wrapper{
	padding: 0!important;
}

.card .card-body {
    padding: 0.5rem;
}


footer {
    padding: 30px 0;
    background-color: #202020;
}


.navbar,.navbar .navbar-brand-wrapper{
	/*background: #0A1FE8;*/
}

.navbar .navbar-brand-wrapper .navbar-brand{
	/*color: #fff!important;*/
}

.bg-red{
	background: #ee4e4b;
}

.result-table thead{
	background: #ee4e4b;
	color: #fff;
}

.result-table .has-value{
	color: #ee4e4b;
	letter-spacing: 1px;
	font-weight: 600;
}


.result-table thead th{
	border-color: transparent;
	padding-top: 20px;
	padding-bottom: 20px;
}

.result-table tbody td:first-child{
	background: #434343;
	color: #fff;
	border-right-color: transparent;
	border-bottom-color: #636161;
}

.res-table tbody td + td {
    font-size:30px;
    /*text-align:right;*/
    padding: 0 12px;
}
.res-table thead {
    background: #198ae3;
}
.res-table thead th  {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.res-table tbody td {
    font-size: 16px;
}

.navbar .navbar-brand-wrapper {
    width:auto!important;
    padding-left:12px;
}

@media (max-width:767px){
     .report-table{padding:0!important;}
     .top-result-row .card .large{font-size:32px;}
     .card .card-body{padding:0.5rem 0.5rem!important;}
    .report-table table{overflow-y: auto;
    table-layout: fixed;
    display: block;}
    
    .fixed-top {
        top:12px;
        height:60px;
    }
    .navbar.fixed-top + .page-body-wrapper {
        padding-top:75px;
    }
    .navbar .navbar-brand-wrapper{
        height:auto;
    }
    body {
        /*padding-top:25px;*/
    }
    .top-result-row .card h3 {min-height:58px;font-size:13px;line-height:18px;}
    .container{
        padding: 0 10px;
    }
    .top-result-row {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr; 
    }
    .top-result-row > *{
        padding:5px!important;
    }
    .top-results h1 {
        font-size:22px;
        padding-top:0;
    }
    .top-result-row .card{
        margin-bottom:0!important;
    }
    .page-title.res h1 {
        font-size: 21px;
        margin: 0;
    }
    .page-title.res{
        margin-bottom:10px;
    }
    
}