/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */


#formDisplay {
	background-color: #22191c;
	padding: 22px;
	border-radius: 7px;
}

#data h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.header-split #Header .top_bar_left .logo {
	position: unset !important;
	width: 26%;
	float: right;
}

.sponser-logo {
	float: left;
	width: 26%;
}

.tests-text {
	width: 48%;
	float: left;
	text-align: center;
}

.logo a img {
	width: 100%;
	height: auto !important;
}

.logo a {
	padding: 0 !important;
	height: unset !important;
}

div#media_image-3 img.image.wp-image-74.attachment-medium.size-medium {
	height: auto;
	width: 100%;
}

body #Header {
	min-height: unset !important;
}

.fieldd select {
	width: 100%;
	color: #f0f0f4;
	background-color: #1a1117;
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 4px;
	-webkit-appearance: none;
	appearance: none;
	padding: 8px 10px;
}

#formDisplay select option {
	background-color: #22191c;
	color: #f0f0f4;
}

button#refreshScratch {
	background: #d9231cd9;
	margin-bottom: 0;
	width: 100%;
}

.fieldd.fieldd-btn {
	margin-top: 32px;
}

.wrap-table100 {
	width: 100%;
}

.fieldd h4 {
	color: #fff;
	margin-bottom: 9px;
}

.vc_custom_1531824970602 {
	border-radius: 10px;
}

.export-btn input {
	background: #d9231cd9;
	padding: 11px 27px;
	font-size: 18px;
	transition: all ease 0.3s;
}

.export-btn input:hover {
	opacity: 0.9;
}

.tabel {
	width: 100%;
	float: left;
}

@media all and (max-width:767px) {
	.section_wrapper {
		max-width: 100% !important;
		padding: 0px 10px !important;
	}

	div#media_image-2 img {
		width: 100%;
	}

	a#logo {
		margin: 0 !important;
	}

}

/* 
@media all and (max-width:680px) {
	table#tbl_chrono {
		font-size: 10px;
	}

}

@media all and (max-width:480px) {
	table#tbl_chrono {
		font-size: 7px;
	}

} */
/* ***************************************************************************************************************** */
.main-chrono-box {
    float:  left;
    width:  100%;
    height:  100%;
	border-bottom: 1px solid #eee;
}

.chrono-rank {
    float:  left;
    width:  10%;
    text-align:  center;
    background:  #E1461A;
    color:  #000;
    height: 120px;
    padding: 50px 0;
}

.chrono-data {
    float:  left;
    width: 80%;
    padding: 7px  10px;
}

.chrono-num {
    float:  right;
    width:  10%;
    text-align:  center;
    background:  #599A34;
    color:  #000;
    height: 120px;
    padding: 40px 0;
}

.chrono-tit-sub-h {
    float:  left;
    width:  100%;
}

.group-chrno {
    float:  left;
    width:  100%;
}
p.chr-tit {
    color:  #599A34;
    font-size: 24px;
}

p.chr-car {
    color:  #ccc;
    font-size:  16px;
}

.groups-class {
    float:  left;
    color:  #ccc;
    font-size:  15px;
}

.only-chrno {
    float:  right;
    color:  #000;
    font-size:  30px;
}

.chrono-rank p {
     font-size:  27px;
}

.chrono-num span {
    font-size: 22px;
}

.groups-class p {
    line-height:  16px;
}.groups-class p {
    color: #130f0f;
}

p.chr-tit {
    margin-bottom: 8px;
	    
}

.groups-class {
    padding-top: 4px;
}

.groups-class p {
    padding-bottom:  2px;
}
#Top_bar #logo img {
	vertical-align: top;
}

@media only screen and (max-width: 600px) {
	h2 { font-size: 18px !important; }
}

@media only screen and (max-width: 450px) {
	h2 { font-size: 3.8vw !important; }
	p.chr-tit {
    line-height:  1;
    font-size:  19px;
}

.only-chrno {
    font-size:  25px;
}
}
@media all and (min-width: 787px) {
.main-chrono-box {
    display: none !important;
}
}
@media all and (max-width: 344px) {
.only-chrno {
    font-size: 25px;
}
}
@media all and (max-width: 786px) {
table#tbl_chrono {
    position:  absolute;
    z-index:  -9;
}

button#exportButton {
    margin-top:  35px;
}
}
@media all and (max-width:667px){
	.main-chrono-box {
    display:  table;
}

.main-chrono-box > div {
    height:  inherit;
    display:  table-cell;
    float: none;
    vertical-align:  middle;
}

.chrono-rank, .chrono-num {
    padding:  0 !important;
}
	p.chr-tit {
    line-height: 25px;
}
}


.chrono-rank {
	min-width: 48px;
}

p.chr-car {
    color: #bbbaba;
}

.groups-class {
	font-size: 13px;
}


p.chr-tit,
.chrono-rank, 
.groups-class, 
.chrono-num,
.only-chrno,
p.chr-car {
	font-family: tahoma;
}