.dhr-container
{
	background-color: var(--DHR-main-bg);
	color: var(--DHR-main-color);
	font-family: sans-serif;
}

.dhr-container * 
{
	color: var(--DHR-main-color);
}

.dhr-container .menu .country
{
	background-color: var(--DHR-header-bg);
	color: var(--DHR-header-color);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
}

.dhr-container .menu .course
{
	font-size: 1.3em;
	cursor: pointer;
	display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
}

.dhr-container .menu .course-name
{
	display: flex;
    align-items: center;
}

.dhr-container .menu .course .course-name .raceicon
{
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
}

.dhr-container .menu .course.selected
{
	background-color: var(--DHR-course-selected-bg);
	color: var(--DHR-course-selected-color);
}

.dhr-container .menu .course.selected *
{
	color: var(--DHR-course-selected-color);
}

.dhr-container .menu .course span
{
	color: var(--DHR-open-count-color) !important;
}

.dhr-container .menu .races
{
	background-color: var(--DHR-menu-races-bg);
	padding: 2px;
	display: flex;
	flex-wrap: wrap;
}

.dhr-container .menu .races.open
{
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
    -webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.1s ease;
}

.dhr-container .menu .races.close
{
	height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
}

.dhr-container .menu .race-container
{
	background-color: var(--DHR-race-box-bg);
	cursor: pointer;
    display: flex;
    flex-direction: column;
	margin-right: 3px;
	text-align: center;
	width: 28px;
}

.dhr-container .menu .race-container .race-number
{
	font-size: 1.1em;
	font-weight: bold;
}

.dhr-container .menu .race-container .race-time
{
	font-size: 0.75em;
}

.dhr-container .menu .race-container .race-started
{
	background-color: var(--DHR-race-started);
}

.dhr-container .menu .race-container .race-open
{
	background-color: var(--DHR-race-open);
}

.dhr-container .menu .race-container .race-noodds
{
	background-color: var(--DHR-race-noodds);
}

.dhr-container .menu .race-container .race-running
{
	background-color: var(--DHR-race-running);
}

.dhr-container .menu .race-container .race-void
{
	background-color: var(--DHR-race-void);
}

.dhr-container .racedetails
{
	background-color: var(--DHR-race-section-bg);
	padding-left: .5rem !important;
	padding-right: .5rem !important;
}

.dhr-container .racedetails .race-header
{
	display: flex;
	justify-content: space-between;
    font-size: 18px;
	line-height: 3em;
}

.dhr-container .racedetails .race-header .country
{
	text-transform: uppercase;
    font-weight: bold;
}

.dhr-container .racedetails .race-header .raceicon
{
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
	display: none;
}

.dhr-container .racedetails .race-summary
{
	background-color: var(--DHR-race-section-summ-bg);
	display: flex;
    justify-content: space-between;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 16px;
    padding-bottom: 16px;
}

.dhr-container .racedetails .race-summary .info
{
	width: 50%;
	display: flex;
    align-content: center;
    justify-content: space-between;
}

.dhr-container .racedetails .race-summary .info .date
{
	text-align: center;
	font-weight: bold;
	color: var(--DHR-highlight-color);
	font-size: 16px;
}

.dhr-container .racedetails .race-summary .other
{
	font-weight: bold;
	width: 40%;
	font-size: 14px;
}

.dhr-container .racedetails .race-summary .info .race-status
{
	display: flex;
    align-items: center;
}

.dhr-container .racedetails .race-summary .info .race-status .status-name
{
	font-size: 14px;
	font-weight: bold;
}

.dhr-container .racedetails .race-summary .info .race-status .status-name.race-started
{
	color: var(--DHR-race-started);
}

.dhr-container .racedetails .race-summary .info .race-status .status-name.race-open
{
	color: var(--DHR-race-open);
}

.dhr-container .racedetails .race-summary .info .race-status .status-name.race-noodds
{
	color: var(--DHR-race-noodds);
}

.dhr-container .racedetails .race-summary .info .race-status .status-name.race-running
{
	color: var(--DHR-race-running);
}

.dhr-container .racedetails .race-summary .info .race-status .status-name.race-void
{
	color: var(--DHR-race-void);
}

.dhr-container .racedetails .race-summary .info .race-status .race-number 
{
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0.25rem 0.5rem 0.25rem;
    margin-right: 0.5rem;
}

.dhr-container .racedetails .race-summary .info .race-status .race-number.race-started
{
	background-color: var(--DHR-race-started);
}

.dhr-container .racedetails .race-summary .info .race-status .race-number.race-open
{
	background-color: var(--DHR-race-open);
}

.dhr-container .racedetails .race-summary .info .race-status .race-number.race-noodds
{
	background-color: var(--DHR-race-noodds);
}

.dhr-container .racedetails .race-summary .info .race-status .race-number.race-running
{
	background-color: var(--DHR-race-running);
}

.dhr-container .racedetails .race-summary .info .race-status .race-number.race-void
{
	background-color: var(--DHR-race-void);
}

.dhr-container .racedetails .race-summary .info .race-status .race-number .race
{
	font-size: 14px;
}

.dhr-container .racedetails .race-summary .info .race-status .race-number .number
{
	font-size: 14px;
}

.dhr-container .racedetails .race-winner
{
	background-color: var(--DHR-race-winner-outer-bg);
	padding: 20px 10px;
}

.dhr-container .racedetails .race-winner .winner-header
{
	font-weight: bold;
    font-size: 14px;
	margin-bottom: 20px;
}

.dhr-container .racedetails .race-winner .horses
{
	background-color: var(--DHR-race-winner-inner-bg);
	padding: 5px 10px;
}

.dhr-container .racedetails .race-winner .horses .horse-row
{
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.5rem;
}

.dhr-container .racedetails .race-winner .horses .horse-row .info
{
	display: flex;
    align-items: center;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    position: relative;
    width: 100%;
}

.dhr-container .racedetails .race-winner .horses .horse-row .info .position
{
	scale: 0.7;
    width: 60px;
}

.dhr-container .racedetails .race-winner .horses .horse-row .info .number
{
	font-size: 16px;
	min-width: 30px;
    text-align: center;
	font-weight: bold;
}

.dhr-container .racedetails .race-winner .horses .horse-row .info .name
{
	font-size: 18px;
    font-weight: bold;
}

.dhr-container .racedetails .race-winner .horses .horse-row .info .name span
{
	font-weight: normal;
}

.dhr-container .racedetails .race-winner .horses .horse-row .horse-odd
{
	width: 100%;
    text-align: center;
	font-size: 14px;
}

.dhr-container .racedetails .race-winner .horses .horse-row .horse-market
{
	width: 100%;
    text-align: center;
    font-weight: 600;
}

.dhr-container .racedetails .race-horses .horse-row
{
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.5rem;
	border-top: 1px solid #292c2e;
}

.dhr-container .racedetails .race-horses .horse-row .info
{
	display: flex;
    align-items: center;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    position: relative;
    width: 100%;
	cursor: pointer;
}

.dhr-container .racedetails .race-horses .horse-row .info:hover *
{
	color: var(--DHR-highlight-color);
	fill: var(--DHR-highlight-color);
}

.dhr-container .racedetails .race-horses .horse-row .info .position
{
	scale: 0.6;
	width: 50px;
}

.dhr-container .racedetails .race-horses .horse-row .info .number
{
	font-size: 16px;
	min-width: 40px;
    text-align: center;
	font-weight: bold;
}

.dhr-container .racedetails .race-horses .horse-row .info .horse-icon
{
	width: 40px;
    fill: var(--DHR-main-color);
    scale: 0.5;
}

.dhr-container .racedetails .race-horses .horse-row .info .name-container
{
	display: flex;
    flex-direction: column;
    margin-right: 0.25rem;
}

.dhr-container .racedetails .race-horses .horse-row .info .name-container .horse-name 
{
    font-size: 16px;
    font-weight: bold;
}

.dhr-container .racedetails .race-horses .horse-row .info .name-container .horse-name span
{
    font-weight: normal;
}

.dhr-container .racedetails .race-horses .horse-row .horse-odd
{
	background: var(--DHR-odd-bg);
	color: var(--DHR-odd-color);
	border: solid 2px var(--DHR-odd-border);
	width: 100%;
    text-align: center;
    margin-right: 0.25rem;
    font-weight: 600;
    border-radius: 4px;
	font-size: 16px;
    padding: .5rem .5rem !important;
    cursor: pointer;
	position: relative;
}

.dhr-container .racedetails .race-horses .horse-row .horse-odd.selected,
.dhr-container .racedetails .race-horses .horse-row .horse-odd:hover
{
	background: var(--DHR-odd-sel-bg);
	color: var(--DHR-odd-sel-color);
	border: solid 2px var(--DHR-odd-sel-border);
}

.dhr-container .racedetails .race-horses .horse-row .horse-odd .rank-icon
{
	width: 0;
    height: 0;
    border-left: 12px solid transparent;
    position: absolute;
    right: 1px;
}

.dhr-container .racedetails .race-horses .horse-row .horse-odd .rank-icon.rank-up
{
	top: 1px;
	border-top: 12px solid #27960d;
}

.dhr-container .racedetails .race-horses .horse-row .horse-odd .rank-icon.rank-down
{
	bottom: 1px;
	border-bottom: 12px solid #d3302f;
}

.dhr-container .racedetails .race-horses .horse-row .horse-missing-odd
{
	background: var(--DHR-odd-missinig-bg);
	color: var(--DHR-odd-missinig-color);
	width: 100%;
    text-align: center;
    margin: 0 1rem;
    font-weight: 600;
	font-size: 16px;
    padding: .5rem .5rem !important;
}

.dhr-container .racedetails .race-horses .horse-row .horse-odd-closed
{
	width: 100%;
    text-align: center;
    margin-right: 0.25rem;
    font-weight: 600;
	font-size: 16px;
    padding: .5rem .5rem !important;
}

.dhr-container .racedetails .race-horses .horse-row .horse-market
{
	width: 100%;
    text-align: center;
    margin-right: 0.25rem;
    font-weight: 600;
}

.dhr-container .quiz-medal 
{
  position: relative;
  margin-bottom: 6px;
}

.dhr-container .quiz-medal__circle 
{
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 500;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  color: white;
  text-align: center;
  line-height: 46px;
  vertical-align: middle;
  position: relative;
  border-width: 0.2em;
  border-style: solid;
  z-index: 1;
  box-shadow: inset 0 0 0 #737373, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #b3b3b3;
  text-shadow: 2px 2px 0 #666666;
  background: linear-gradient(to bottom right, #999 50%, #8c8c8c 50%);
}

.dhr-container .quiz-medal__circle.quiz-medal__circle--gold 
{
  box-shadow: inset 0 0 0 #b67d05, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #fadd40;
  text-shadow: 0 0 4px #9d6c04;
  background: linear-gradient(to bottom right, #f9ad0e 50%, #e89f06 50%);
}

.dhr-container .quiz-medal__circle.quiz-medal__circle--silver 
{
  box-shadow: inset 0 0 0 #a7b2b8, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #edeff1;
  text-shadow: 0px 0px 4px #98a6ad;
  background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%);
}

.dhr-container .quiz-medal__circle.quiz-medal__circle--bronze 
{
  box-shadow: inset 0 0 0 #955405, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #f7bb23;
  text-shadow: 0 0 4px #7d4604;
  background: linear-gradient(to bottom right, #df7e08 50%, #c67007 50%);
}

.dhr-container .quiz-medal__ribbon 
{
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 6px 10px;
  width: 0;
  height: 20px;
  top: 50px;
}

.dhr-container .quiz-medal__ribbon--left 
{
  border-color: #FC402D #FC402D transparent #FC402D;
  left: 8px;
  transform: rotate(20deg) translateZ(-32px);
}

.dhr-container .quiz-medal__ribbon--right 
{
  left: 28px;
  border-color: #f31903 #f31903 transparent #f31903;
  transform: rotate(-20deg) translateZ(-48px);
}

.dhr-container .racedetails .race-horses .horse-details
{
	-webkit-transition: max-height .5s ease;
    -moz-transition: max-height .5s ease;
    transition: max-height .5s ease;
    overflow: hidden;
}

.dhr-container .racedetails .race-horses .horse-details.collapsed 
{
    max-height:0px;
}

.dhr-container .racedetails .race-horses .horse-details .row-stat
{
	display: flex;
	flex-wrap: wrap;
}

.dhr-container .racedetails .race-horses .horse-details .stat
{
	flex: 1;
	padding: 0.25rem;
}

.dhr-container .racedetails .race-horses .horse-details .stat .stat-title
{
	background-color: var(--DHR-header-bg);
	color: var(--DHR-header-color);
    padding: 2px 5px;
    font-size: 14px;
    font-weight: bold;
}

.dhr-container .racedetails .race-horses .horse-details .stat ul
{
	list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.dhr-container .racedetails .race-horses .horse-details .stat li
{
	display: inline-block;
	display: inline-block;
    margin-right: 10px;
    font-size: 13px;
}

.dhr-container .racedetails .race-horses .horse-details .stat li span
{
	font-weight: bold;
}

.dhr-container .last-results
{
	
}

.dhr-container .last-results .last-header
{
	background-color: var(--DHR-header-bg);
	color: var(--DHR-header-color);
	font-weight: bold;
	font-size: 16px;
    padding: 2px 5px;
	margin-bottom: 5px
}

.dhr-container .last-results .race-box
{
	box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
	background: var(--DHR-last-box-bg);
	width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.5em;
    padding: 12px !important;
    border-radius: 0 !important;
	display: flex;
    align-items: center;
	cursor: pointer;
}

.dhr-container .last-results .race-box:hover
{
	background-color: var(--DHR-last-box-over-bg);
}

.dhr-container .last-results .race-box .country
{
	font-size: 28px;
}

.dhr-container .last-results .race-box .race-number 
{
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 5px;
    margin-right: 0.5rem;
    background-color: var(--DHR-race-started);
}

.dhr-container .last-results .race-box .race-number .race
{
	font-size: 12px;
}

.dhr-container .last-results .race-box .race-number .number
{
	font-size: 12px;
}

.dhr-container .last-results .race-box .course
{
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}

.dhr-container .last-results .race-box .course span
{
	font-size: 14px;
	font-weight: normal;
	display: block;
}

.dhr-container .last-results .race-box .result
{
	font-size: 16px;
	white-space: nowrap;
}

.dhr-container .last-results .race-box .result .raceicon
{
	background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
}

.dhr-container .dhr-coupon
{
	
}

.dhr-container .dhr-coupon .dhr-coupon-header
{
	background-color: var(--DHR-header-bg);
	color: var(--DHR-header-color);
	font-weight: bold;
	font-size: 16px;
    padding: 2px 5px;
}

.dhr-container .dhr-coupon .playsuccess
{
	background-color: var(--DHR-coupon-success-bg);
	color: var(--DHR-coupon-succerr-color);
	margin: 30px 10px;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.dhr-container .dhr-coupon .no-odds
{
	text-align: center;
    margin: 30px 10px;
	color: var(--DHR-highlight-color);
	padding: 5px 0;
	font-size: 14px;
}

.dhr-container .dhr-coupon .odds
{
	
}

.dhr-container .dhr-coupon .odds .race-row
{
	border-bottom: 1px solid #000;
	display: flex;
}

.dhr-container .dhr-coupon .odds .race-row:last-child
{
	border: 0;
}

.dhr-container .dhr-coupon .odds .race-row .flag
{
	font-size: 26px;
}

.dhr-container .dhr-coupon .odds .race-row .flag span
{
	cursor: pointer;
}

.dhr-container .dhr-coupon .odds .race-row .odds
{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-info
{
	line-height: 1;
	font-size: 14px;
	padding-top: 6px;
	cursor: pointer;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-info,
.dhr-container .dhr-coupon .odds .race-row .odds .race-info b
{
	color: var(--DHR-highlight-color);
}

.dhr-container .dhr-coupon .odds .race-row .odds .coupon-error
{
	background-color: var(--DHR-coupon-error-bg);
	color: var(--DHR-coupon-error-color);
	color: var(--DHR-coupon-error-color);
    padding: 3px;
    margin: 4px 0;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd
{
	font-size: 14px;
	padding-top: 5px;
	border-bottom: 1px solid #333;
}
.dhr-container .dhr-coupon .odds .race-row .odds .race-odd:last-child
{
	border-bottom: 0;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info .horse-market
{
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info .horse-market .number
{
	background-color: var(--DHR-coupon-horse-numb-bg);
    padding: 2px;
    border-radius: 15px;
    font-weight: bold;
    min-width: 25px;
    display: inline-block;
    text-align: center;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info .horse-market .market-name
{
	font-weight: bold;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info .horse-rank
{
	color: var(--DHR-highlight-color);
	text-align: right;
    flex-grow: 1;
	font-weight: 500;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info .horse-rank span
{
	font-size: 11px;
    text-decoration: line-through;
	font-weight: normal;
	margin-right: 3px;
    display: inline-block;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info .horse-delete
{
	padding-left: 12px;
    padding-right: 5px;
}

.dhr-container .dhr-coupon .odds .race-row .odds .race-odd .odd-info .horse-delete span
{
	background-color: var(--DHR-coupon-delete-bg);
	color: var(--DHR-coupon-delete-color);
	cursor: pointer;
    border-radius: 3px;
    width: 15px;
    text-align: center;
}

.dhr-container .dhr-coupon .amounts
{
	
}

.dhr-container .dhr-coupon .amounts .bet-section
{
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	margin: 5px 0;
}

.dhr-container .dhr-coupon .amounts .bet-section .name
{
	font-weight: bold;
}

.dhr-container .dhr-coupon .amounts .bet-section .value
{
	
}

.dhr-container .dhr-coupon .amounts .bet-section .value input,
.dhr-container .dhr-coupon .amounts .bet-section .value span
{
	background-color: var(--DHR-coupon-input-bg) !important;
    color: var(--DHR-coupon-input-color) !important;
	border: 0;
}
.dhr-container .dhr-coupon .amounts .bet-section .value input:focus
{
	background-color: var(--DHR-coupon-input-focus-bg) !important;
    color: var(--DHR-coupon-input-focus-color) !important;
	box-shadow: none;
}

.dhr-container .dhr-coupon .amounts .won-section
{
	font-size: 14px;
}

.dhr-container .dhr-coupon .amounts .won-section .won-section-row
{
	display: flex;
	justify-content: space-between;
	margin: 5px 0;
}

.dhr-container .dhr-coupon .amounts .won-section .won-section-row .name
{
	
}

.dhr-container .dhr-coupon .amounts .won-section .won-section-row .value
{
	
}

.dhr-container .dhr-coupon .amounts .won-section .won-section-row .name.bold-h
{
	font-weight: bold;
	color: var(--DHR-highlight-color);
}

.dhr-container .dhr-coupon .amounts .won-section .won-section-row .value.bold-h
{
	font-weight: bold;
	color: var(--DHR-highlight-color);
}

.dhr-container .dhr-coupon .play-section
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.dhr-container .dhr-coupon .play-section .odds-can-change
{
	text-align: center;
	font-weight: bold;
    font-size: 14px;
	margin-top: 15px;
}

.dhr-container .dhr-coupon .play-section .odds-can-change .check
{
	position: relative;
	top: 2px;
    margin-right: 10px;
}

.dhr-container .dhr-coupon .play-section .odds-can-change *
{
	cursor: pointer;
}

.dhr-container .dhr-coupon .play-section .buttons
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 10px 0;
	height: 50px;
}

.dhr-container .dhr-coupon .play-section .buttons button
{
	padding: 5px 20px;
    border: 0;
    font-size: 14px;
    font-weight: bold;
}

.dhr-container .dhr-coupon .play-section .buttons .btn-play
{
	background-color: var(--DHR-coupon-play-bg);
	color: var(--DHR-coupon-play-color);
	border: 1px solid var(--DHR-coupon-play-border);
}

.dhr-container .dhr-coupon .play-section .buttons  .btn-clear
{
	background-color: var(--DHR-coupon-clear-bg);
	color: var(--DHR-coupon-clear-color);
	border: 1px solid var(--DHR-coupon-clear-border);
}
.dhr-container .dhr-coupon .play-section .buttons  .btn-clear:hover
{
	border: 1px solid var(--DHR-coupon-clear-h-border);
}

.dhr-container .dhr-coupon .play-section .loader
{
	padding: 19px 0;
}

.dhr-container .dhr-coupon .play-section .coupon-error
{
	text-align: center;
    background-color: var(--DHR-coupon-error-bg);
	color: var(--DHR-coupon-error-color);
    padding: 10px 5px;
    margin: 0 10px;
	font-size: 14px;
    font-weight: bold;
}

.dhr-container .last-bets
{
}

.dhr-container .last-bets .last-header
{
	background-color: var(--DHR-header-bg);
    color: var(--DHR-header-color);
    font-weight: bold;
    font-size: 16px;
    padding: 2px 5px;
}

.dhr-container .last-bets table.table-lastbets
{
	color: var(--DHR-main-color);
	border-color: var(--DHR-lastbets-border-color);
    width: 100%;
    margin-bottom: 0;
    vertical-align: top;
	caption-side: bottom;
    border-collapse: collapse;
}

.dhr-container .last-bets table.table-lastbets>thead 
{
    vertical-align: bottom;
}

.dhr-container .last-bets table.table-lastbets>:not(caption)>*>* 
{
	background-color: transparent;
    padding: .4rem .5rem;
    border-bottom-width: 1px;
}

.dhr-container .last-bets table.table-lastbets>thead>tr>td
{
	font-weight: bold;
}

.dhr-container .last-bets table.table-lastbets>:not(:first-child) 
{
    border-top: 2px solid currentColor;
}

.dhr-container .last-bets table.table-lastbets>tbody 
{
    vertical-align: inherit;
}

.dhr-container .last-bets table.table-lastbets>tbody>tr:nth-of-type(odd)>* 
{
	background-color: var(--DHR-lastbets-strip-bg);
}
.dhr-container .last-bets table.table-lastbets:not(caption)>*>* 
{
	background-color: transparent;
    padding: .5rem .5rem;
    border-bottom-width: 1px;
}

.dhr-container .last-bets .btn-seebets
{
	background-color: var(--DHR-header-bg);
    color: var(--DHR-header-color);
	margin: 10px;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

.dhr-modal-dialog
{
	width: 60%;
	max-width: 60%;
}

.dhr-modal-header
{
	background-color: var(--DHR-header-bg);
	display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
	height: 35px;
    padding: 0 15px !important;
    text-align: left !important;
    width: 100%;
    line-height: 35px;
}

.dhr-modal-title
{
	color: var(--DHR-header-color);
	font-weight: 700;
    font-size: 13px;
	font-family: sans-serif;
}

.dhr-modal-body
{
	background-color: var(--DHR-main-bg);
	padding: 10px 15px;
}

.bets table.table-bets
{
	color: var(--DHR-main-color);
	border-color: var(--DHR-lastbets-border-color);
    width: 100%;
    margin-bottom: 0;
    vertical-align: top;
	caption-side: bottom;
    border-collapse: collapse;
}

.bets table.table-bets>thead 
{
    vertical-align: bottom;
}

.bets table.table-bets>:not(caption)>*>* 
{
	background-color: transparent;
    padding: .4rem .5rem;
    border-bottom-width: 1px;
}

.bets table.table-bets>thead>tr>td
{
	font-weight: bold;
}

.bets table.table-bets>tbody>tr:not(.no-strip)
{
	cursor: pointer;
}

.bets table.table-bets>:not(:first-child) 
{
    border-top: 2px solid currentColor;
}

.bets table.table-bets>tbody 
{
    vertical-align: inherit;
}

.bets table.table-bets>tbody>tr:nth-of-type(odd):not(.no-strip)>* 
{
	background-color: var(--DHR-lastbets-strip-bg);
}
.bets table.table-bets:not(caption)>*>* 
{
	background-color: transparent;
    padding: .5rem .5rem;
    border-bottom-width: 1px;
}

.bets table.table-bets td.details
{
	padding: 0 0 10px 60px;
	background-color: var(--DHR-bets-details_outer-bg);
}

.bets table.table-coupon-details
{
	color: var(--DHR-main-color);
	border-color: var(--DHR-lastbets-border-color);
    width: 100%;
    margin-bottom: 0;
    vertical-align: top;
	caption-side: bottom;
    border-collapse: collapse;
}

.bets table.table-coupon-details>thead 
{
    vertical-align: bottom;
}

.bets table.table-coupon-details>:not(caption)>*>* 
{
	background-color: transparent;
    padding: .4rem .5rem;
    border-bottom-width: 1px;
}

.bets table.table-coupon-details>thead>tr>td
{
	font-weight: bold;
}

.bets table.table-coupon-details>:not(:first-child) 
{
    border-top: 2px solid currentColor;
}

.bets table.table-coupon-details>tbody 
{
    vertical-align: inherit;
}

.bets table.table-coupon-details>tbody>tr:nth-of-type(odd)>* 
{
	background-color: var(--DHR-lastbets-strip-bg);
}
.bets table.table-coupon-details:not(caption)>*>* 
{
	background-color: transparent;
    padding: .5rem .5rem;
    border-bottom-width: 1px;
}

.bets table.table-coupon-details span
{
	font-size: 10px;
	text-decoration: line-through;
}

.dhr-coupon-icon
{
	font-size: 6px !important;
}
.coupon-status-ready-bg
{
	color: #777;
}
.coupon-status-reject-bg
{
	color: #777;
}
.coupon-status-reject-color
{
	color: #000;
}
.coupon-status-charged-bg
{
	color: #f1df0b;
}
.coupon-status-paid-bg
{
	color: #3b9b22;
}
.coupon-status-loser-bg
{
	color: #d3302f;
}
.coupon-status-void-bg
{
	color: #d3302f;
}
.coupon-status-void-color
{
	color: #fff;
}

.dhr-coupon-icon [class^="fa-"], 
.dhr-coupon-icon [class^="glyphicon-"], 
.dhr-coupon-icon [class^="icon-"], 
.dhr-coupon-icon [class*=" fa-"], 
.dhr-coupon-icon [class*=" glyphicon-"], 
.dhr-coupon-icon [class*=" icon-"] 
{
    margin-top: 0;
	font-size: 12px;
    line-height: 12px;
}

.dhr-more
{
	text-align: center;
    margin: 20px 0 10px 0;
}

.dhr-more .load-button
{
	background-color: var(--DHR-header-bg);
	color: var(--DHR-header-color);
	padding: 8px 15px;
	display: inline-block;
	cursor: pointer;
	border-radius: 5px;
}

.dhr-more .load-button i
{
	color: var(--DHR-header-color);
	margin-right: 1em;
}

.dhr-more .nomore
{
	color: var(--DHR-main-color);
}

/* -------BOOTSTRAP ------ */

.dhr-container .justify-content-center {
    justify-content: center !important;
}

.dhr-container .d-flex 
{
    display: flex !important;
}

.dhr-container .spinner-border 
{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.dhr-container .visually-hidden, 
.dhr-container .visually-hidden-focusable:not(:focus):not(:focus-within) 
{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.dhr-container .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.dhr-container .mx-auto 
{
    margin-right: auto !important;
    margin-left: auto !important;
}

.dhr-container .row.mx-auto 
{
    padding-top: 1em;
}


.dhr-container .g-0, 
.dhr-container .gx-0 
{
    --bs-gutter-x: 0;
}

.dhr-container .col-2 
{
    flex: 0 0 auto;
    width: 16.66666667%;
}

.dhr-container .col-3
{
    flex: 0 0 auto;
    width: 25%;
}

.dhr-container .col-7
{
    flex: 0 0 auto;
    width: 58.33333333%;
}

.dhr-container .ms-1 {
    margin-left: .25rem !important;
}
.dhr-container .ms-2 {
    margin-left: .5rem !important;
}
.dhr-container .me-1 {
    margin-right: .25rem !important;
}
.dhr-container .me-2 {
    margin-right: .5rem !important;
}
.dhr-container .me-3 {
    margin-right: 1rem !important;
}
.dhr-container .ps-1 {
    padding-left: .25rem !important;
}
.dhr-container .ps-2 {
    padding-left: .5rem !important;
}
.dhr-container .pe-1 {
    padding-right: .25rem !important;
}
.dhr-container .pe-2 {
    padding-right: .5rem !important;
}
.mb-1 {
    margin-bottom: .25rem !important;
}
.mb-2 {
    margin-bottom: .5rem !important;
}
.mt-1 {
    margin-top: .25rem !important;
}
.mt-2 {
    margin-top: .5rem !important;
}
.dhr-container .p-1 {
    padding: .25rem !important;
}
.dhr-container .p-2 {
    padding: .5rem !important;
}
.text-end {
    text-align: right !important;
}
.dhr-container .input-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}
.dhr-container .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) 
{
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dhr-container .input-group-sm>.btn, 
.dhr-container .input-group-sm>.form-control, 
.dhr-container .input-group-sm>.form-select, 
.dhr-container .input-group-sm>.input-group-text 
{
    padding: .25rem .5rem;
    border-radius: .2rem;
}
.dhr-container .input-group-text {
	background-color: var(--DHR-coupon-input-bg);
	color: var(--DHR-coupon-input-color);
	border: 1px solid var(--DHR-coupon-input-bg) !important;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border-radius: .25rem;
}

.dhr-mobile .input-group-text {
    font-size: 1rem;
}
.dhr-mobile .input-group-sm>.btn, 
.dhr-mobile .input-group-sm>.form-control, 
.dhr-mobile .input-group-sm>.form-select, 
.dhr-mobile .input-group-sm>.input-group-text 
{
    font-size: .875rem;
}

.dhr-modal-header .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.dhr-modal-header .btn-close, img.deposit_icon 
{
    filter: invert(1);
}
.dhr-modal-header .btn-close 
{
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
}

/* ------- DHR MOBILE ------ */

.dhr-mobile
{
	padding-bottom: 90px;
}

.dhr-mobile .menu
{
	top: 67px;
    position: relative;
}

.dhr-mobile .menu .races.close
{
	display: none;
}

.dhr-mobile .menu .course .raceicon 
{
    vertical-align: bottom;
}

.dhr-mobile .last-results
{
	top: 67px;
    position: relative;
}

.dhr-mobile .racedetails
{
    position: relative;
	top: 67px;
	padding: 0 !important;
}

.dhr-mobile .racedetails .race-header
{
	font-size: 14px;
	line-height: 2.5em;
}

.dhr-mobile .racedetails .race-header .raceicon 
{
    top: 5px;
    position: relative;
}

.dhr-mobile .racedetails .race-summary
{
	align-items: center;
}

.dhr-mobile .racedetails .race-summary .race-status 
{
    display: flex;
    align-items: center;
}

.dhr-mobile .racedetails .race-summary .race-status .race-number 
{
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0.25rem 0.5rem 0.25rem;
    margin-right: 0.5rem;
}

.dhr-mobile .racedetails .race-summary .race-status .race-number .race 
{
    font-size: 14px;
}

.dhr-mobile .racedetails .race-summary .race-status .race-number .number 
{
    font-size: 14px;
}

.dhr-mobile .racedetails .race-summary .race-status .race-number.race-started
{
	background-color: var(--DHR-race-started);
}

.dhr-mobile .racedetails .race-summary .race-status .race-number.race-open
{
	background-color: var(--DHR-race-open);
}

.dhr-mobile .racedetails .race-summary .race-status .race-number.race-noodds
{
	background-color: var(--DHR-race-noodds);
}

.dhr-mobile .racedetails .race-summary .race-status .race-number.race-running
{
	background-color: var(--DHR-race-running);
}

.dhr-mobile .racedetails .race-summary .race-status .race-number.race-void
{
	background-color: var(--DHR-race-void);
}

.dhr-mobile .racedetails .race-summary .race-status .status-name.race-started
{
	color: var(--DHR-race-started);
}

.dhr-mobile .racedetails .race-summary .race-status .status-name.race-open
{
	color: var(--DHR-race-open);
}

.dhr-mobile .racedetails .race-summary .race-status .status-name.race-noodds
{
	color: var(--DHR-race-noodds);
}

.dhr-mobile .racedetails .race-summary .race-status .status-name.race-running
{
	color: var(--DHR-race-running);
}

.dhr-mobile .racedetails .race-summary .race-status .status-name.race-void
{
	color: var(--DHR-race-void);
}

.dhr-mobile .racedetails .race-summary .race-status .status-name 
{
    font-size: 14px;
    font-weight: bold;
}

.dhr-mobile .racedetails .race-summary .date 
{
    text-align: center;
    font-weight: bold;
    color: var(--DHR-highlight-color);
    font-size: 14px;
}

.dhr-mobile .racedetails .race-winner
{
	padding: 10px 5px;
}

.dhr-mobile .racedetails .race-winner .winner-header
{
    margin-bottom: 10px;
}

.dhr-mobile .racedetails .race-winner .horses 
{
    padding: 5px 0;
}

.dhr-mobile .racedetails .race-winner .horses .horse-row 
{
    padding: 0;
}

.dhr-mobile .racedetails .race-winner .horses .horse-row .info 
{
    flex: 0 0 100%;
    max-width: 100%;
}

.dhr-mobile .racedetails .race-winner .horses .horse-row .info .position 
{
    scale: 0.5;
    width: 45px;
}

.dhr-mobile .racedetails .race-horses .horse-row 
{
    padding: 5px 0;
}

.dhr-mobile .racedetails .race-horses .horse-row .info 
{
    flex: 0 0 50%;
    max-width: 50%;
}

.dhr-mobile .racedetails .race-horses .horse-row .info:hover *
{
	color: var(--DHR-main-color);
	fill: var(--DHR-main-color);
}

.dhr-mobile .racedetails .race-horses .horse-row .info .name-container .horse-name 
{
    font-size: 14px;
}

.dhr-mobile .racedetails .race-horses .horse-row .horse-missing-odd 
{
    font-size: 12px;
    padding: 4px !important;
}

.dhr-mobile .racedetails .race-horses .horse-row .horse-odd 
{
    font-size: 12px;
    padding: 4px !important;
}

.dhr-mobile .racedetails .race-horses .horse-row .horse-odd:not(.selected)
{
   background: var(--DHR-odd-bg);
   color: var(--DHR-odd-color);
}

.dhr-mobile .racedetails .race-horses .horse-row .horse-odd .rank-icon 
{
    border-left: 6px solid transparent;
}

.dhr-mobile .racedetails .race-horses .horse-row .horse-odd .rank-icon.rank-down 
{
    border-bottom: 6px solid #d3302f;
}

.dhr-mobile .racedetails .race-horses .horse-row .horse-odd .rank-icon.rank-up 
{
    border-top: 6px solid #27960d;
}

.dhr-mobile .racedetails .race-horses .horse-details .row-stat 
{
    display: block;
}

.dhr-mobile .dhr-coupon
{
	top: 67px;
    position: relative;
}

.dhr-mobile .dhr-coupon .playsuccess 
{
    margin: 30px 10px 0 10px;
}

.dhr-mobile .dhr-coupon .no-odds
{
	text-align: center;
    margin: 20px 10px 0 10px;
	color: var(--DHR-highlight-color);
	padding: 10px 0;
	font-size: 14px;
}

.dhr-mobile .dhr-coupon .odds .race-row 
{
    border-bottom: 0;
}

.dhr-mobile .dhr-coupon .odds .race-row .flag 
{
    font-size: 21px;
    padding-top: 7px;
}

.dhr-mobile .dhr-coupon .amounts .bet-section 
{
    margin-top: 20px;
}

.dhr-mobile .dhr-coupon .amounts .bet-section .value input
{
	color: var(--DHR-coupon-input-color) !important;
}

.dhr-mobile .bets
{
    position: relative;
	top: 67px;
}

.dhr-mobile .bets .dhr-bets-header
{
	background-color: var(--DHR-header-bg);
    color: var(--DHR-header-color);
    font-weight: bold;
    font-size: 16px;
    padding: 2px 5px;
}

/* only mobile */

.dhr-mobile .page-open-from-left
{
	-webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.1s ease;
}

.dhr-mobile .page-open-from-right
{
	-webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.1s ease;
}

.dhr-mobile .page-close
{
	width: 0px;
	height: 0px;
    transition: width 1s ease-out;
    transition: height 1s ease-out;
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.dhr-mobile .dhr-mobile-topmenu
{
	background: var(--DHR-mobile-top-bg);
    border-bottom: 1px solid var(--DHR-mobile-top-border);
	position: fixed;
    left: 0;
    right: 0;
    display: flex;
    box-sizing: border-box;
    padding: 0 16px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
	justify-content: space-between;
    z-index: 9999 !important;
    margin: 0;
    height: 65px;
}

.dhr-mobile .dhr-mobile-topmenu .menu-item
{
	color: var(--DHR-mobile-top-color);
	text-align: center;
	font-size: 14px;
    font-weight: bold;
}

.dhr-mobile .dhr-mobile-topmenu .menu-item .fa
{
	color: var(--DHR-mobile-top-color);
	font-size: 18px;
}

.dhr-mobile .dhr-mobile-topmenu .menu-sep
{
	border-right: 1px solid var(--DHR-mobile-top-separator);
	height: 65px;
}

.dhr-mobile .dhr-bet-details .race
{
	display: flex;
	justify-content: space-between;
	align-items: end;
	border-top: 1px solid #777;
    padding-top: 5px;
}

.dhr-mobile .dhr-bet-details .race:first-child
{
	border: 0;
}

.dhr-mobile .dhr-bet-details .race .name
{
	color: var(--DHR-highlight-color);
	font-weight: bold;
	font-size: 13px;
}

.dhr-mobile .dhr-bet-details .race .result
{
	background-color: var(--DHR-header-bg);
	color: var(--DHR-header-color);
	text-align: right;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 3px 4px 2px 4px;
}

.dhr-mobile .dhr-bet-details .dhr-bet-back
{
	margin: 10px 0;
    font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.dhr-mobile .dhr-bet-details .dhr-bet-back .fa
{
	margin-right: 5px;
}

.dhr-mobile .dhr-bet-details .bet-odd
{
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0;
}

.dhr-mobile .dhr-bet-details .bet-odd .bet-odd-info
{
	width: 100%;
}

.dhr-mobile .dhr-bet-details .bet-odd .horse-rank
{
	color: var(--DHR-highlight-color);
	width: 100%;
    text-align: right;
    padding-right: 5px;
}

.dhr-mobile .dhr-bet-details .bet-odd .horse-rank span
{
	text-decoration: line-through;
	font-size: 10px;
}

.dhr-mobile .dhr-bet-details .dhr-bet-amounts
{
	border-top: 1px solid #777;
    margin-top: 5px;
    padding-top: 5px;
}

.dhr-mobile .dhr-bet-details .dhr-bet-amounts .dhr-bet-amounts-row
{
	display: flex;
	justify-content: space-between;
	padding-bottom: 3px;
}

.dhr-mobile .dhr-bet-details .dhr-bet-amounts .dhr-bet-amounts-row .name
{
	font-size: 14px;
}

.dhr-mobile .dhr-bet-details .dhr-bet-amounts .dhr-bet-amounts-row .value
{
	font-size: 14px;
	text-align: right;
}

.dhr-mobile .dhr-bet-details .dhr-bet-amounts .dhr-bet-amounts-row .name.h,
.dhr-mobile .dhr-bet-details .dhr-bet-amounts .dhr-bet-amounts-row .value.h
{
	font-weight: bold;
}