/* Minification failed. Returning unminified contents.
(3035,30): run-time error CSS1046: Expect comma, found '40'
(3035,36): run-time error CSS1046: Expect comma, found '/'
(3134,30): run-time error CSS1046: Expect comma, found '40'
(3134,35): run-time error CSS1046: Expect comma, found ')'
(3138,19): run-time error CSS1046: Expect comma, found '40'
(3138,24): run-time error CSS1046: Expect comma, found ')'
(3150,24): run-time error CSS1046: Expect comma, found '48'
(3150,29): run-time error CSS1046: Expect comma, found ')'
(3180,45): run-time error CSS1046: Expect comma, found '254'
(3180,53): run-time error CSS1046: Expect comma, found '/'
(3599,19): run-time error CSS1046: Expect comma, found '30'
(3599,24): run-time error CSS1046: Expect comma, found ')'
 */
/*Scroll*/
md-content:not(.scrollable)::-webkit-scrollbar,
md-virtual-repeat-container:not(.scrollable) .md-virtual-repeat-scroller::-webkit-scrollbar {
    width: 0;  /* for vertical scrollbars */
    height: 0; /* for horizontal scrollbars */
    display: none;
}

/*Button*/
.md-button {
    text-transform: none;
    min-width: auto;
}

md-select-menu, md-select-menu md-content {
    max-height: 512px;
}

.md-button.left {
    border-radius: 10px 0 0 10px;
}

.md-button.middle {
    border-radius: 0;
}

.md-button.right {
    border-radius: 0 10px 10px 0;
}

/*Switch*/
md-switch.toggler:not(.md-checked) .md-bar {
    background-color: #333; /* set not selected bar color */
}

md-switch.toggler:not(.md-checked) .md-thumb {
    background-color: rgb(158,158,158); /* not selected switch color */
}

/*Input*/
md-input-container.no-errors,
md-select.no-errors,
.no-errors md-input-container {
    margin-bottom: 0;
}

md-input-container.no-floating,
md-select.no-floating,
.no-floating md-input-container {
    margin-top: 0;
}

md-slider[md-discrete].slider-score .md-sign,
md-slider[md-discrete].slider-score.md-active .md-sign {
    opacity: 1;
    -webkit-transform: translate3d(0, 40%, 0) scale(1);
    transform: translate3d(0, 40%, 0) scale(1);
    top: 50%;
    z-index: 1;
}

md-slider[md-discrete].slider-score.md-active .md-sign:after {
    opacity: 0;
}

#matchesTournaments .md-errors-spacer,
#tournaments .md-errors-spacer, 
.fastcode .md-errors-spacer {
    min-height: 0;
}

/*Autocomplete*/
.autocomplete-custom-template li {
    height: auto;
    line-height: 1;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

#searchMatch-input {
    max-width: 185px;
}

md-autocomplete {
    min-width: 100%;
}

md-autocomplete.no-errors .md-errors-spacer,
md-input-container.no-errors .md-errors-spacer{
    min-height: 0 !important;
}


.md-autocomplete-suggestions-container.md-default-theme li, .md-autocomplete-suggestions-container li,
md-select-menu md-option {
    color: inherit !important;
    z-index: 120;
}

.md-select-menu-container {
    z-index: 100;
}

/*Truncate*/
.md-truncate {
    display: block;
    max-width: 98%
}


/*Bottomsheet*/
.ticketDetails md-bottom-sheet,
md-bottom-sheet.bottom80 {
    bottom: 80px;
}

/*Tab*/
md-tabs.item-padding-0 md-tab-item {
    padding: 0;
}

md-tabs.item-padding-4 md-tab-item {
    padding: 4px;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) { min-height: unset; }

md-tabs md-tabs-wrapper { margin: 0; display: flex; flex-direction: row; justify-content: space-between; }
md-tabs md-tabs-wrapper md-tabs-canvas { width: 100%; }
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper { width: 100% !important; }

/* two items */
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(3),
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(3) ~ md-tab-item {
    width: 50%;
}

/* three items */
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(4),
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(4) ~ md-tab-item {
    width: 33.3333%;
}

/* four items */
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(5),
md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-child:nth-last-child(5) ~ md-tab-item {
    width: 25%;
}

/*Datapicker*/
#birthDateCalendar .md-datepicker-button{
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 24px;
}

#birthDateCalendar label{
    width: calc(100% - 58px);
}

#birthDateCalendar .md-datepicker-input-container {
    width: calc(100% - 36px);
}

#birthDateCalendar .md-datepicker-input {
    max-width: 100%;
}

#birthDateCalendar .md-input-message-animation {
    margin-left: 36px;
}

.user-menu md-list-item.md-2-line,
.user-menu md-list-item.md-2-line>.md-no-style {
    height: 48px;
    min-height: 48px;
}

.darkTheme .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator,
.darkTheme md-calendar-month .md-calendar-month-label,
.darkTheme md-autocomplete-parent-scope {
    color: #ffffff;
    color: rgba(255,255,255,0.87);
}


/*Virtual Repeater*/
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index: 120;
}

/*Data Table*/
table.md-table.standings-table {
    table-layout: fixed;
}
table.md-table.standings-table tbody.md-body>tr.md-row, 
table.md-table.standings-table tfoot.md-foot>tr.md-row {
    height: 32px;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: unset;
}
.no-border{
    border:none;
}
.no-border .md-select-value{
    border: none !important;
}
md-select-menu:not(.md-overflow) md-content {
    padding: 0;
}
md-nav-bar .md-nav-bar{
    border: none;
}

.shrink-nav-menu .md-nav-bar {
    height: auto;
}

.shrink-nav-menu .md-button._md-nav-button {
    padding: 4px 8px;
}

md-menu-content{
    padding: 0;
}
.sports-header .md-subheader-inner{
    padding: 2px !important;
    padding-left:8px !important;
}
* {
    user-select: none;
}

body {
    font-family: 'Open Sans', sans-serif;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

body.darkTheme .background-text-color {
    background-color: #fff;
    background-color: rgba(255,255,255,.87)
}

body.lightTheme .background-text-color {
    background-color: #393939;
    background-color: rgba(57,57,57,.87)
}

body.lightTheme ::-webkit-input-placeholder {
    color: #393939;
    color: rgba(57,57,57,.87)
}

body.darkTheme ::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255,255,255,.5)
}

body.lightTheme .text-color,
body.lightTheme .text-color input,
body.lightTheme md-autocomplete button md-icon path {
    color: #393939;
    color: rgba(57, 57, 57, .87);
    fill: #393939;
    fill: rgba(57, 57, 57, .87);
}

body.darkTheme .text-color,
body.darkTheme .text-color input,
body.darkTheme md-autocomplete button md-icon path {
    color: #fff;
    color: rgba(255, 255, 255, .87);
    fill: #ffffff;
    fill: rgba(255, 255, 255, .87);
}

body.darkTheme .text-color-2 {
    color: #ccc;
}

body.lightTheme .text-color-2 {
    color: #888;
}

body.darkTheme .borderLeftColor {
    border-left: 1px solid #ffffff;
    border-left: 1px solid rgba(255, 255, 255, .12)
}

body.darkTheme .borderLeftColor2 {
    border-left: 1px solid #ffffff;
}

body.darkTheme .borderBottomColor {
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

body.lightTheme .borderLeftColor {
    border-left: 1px solid #000000;
    border-left: 1px solid rgba(0,0,0,0.12)
}

body.lightTheme .borderLeftColor2 {
    border-left: 1px solid #000000;
}

body.lightTheme .borderBottomColor {
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.fontSize10,
body.fontSize10,
body.fontSize10 .md-button,
body.fontSize10 .md-subheader,
body.fontSize10 .md-tab,
body.fontSize10 md-toolbar {
    font-size: 10px !important;
}

.fontSize12,
body.fontSize12,
body.fontSize12 .md-button,
body.fontSize12 .md-subheader,
body.fontSize12 .md-tab,
body.fontSize12 md-toolbar {
    font-size: 12px !important;
}

.fontSize14,
body.fontSize14,
body.fontSize14 .md-button,
body.fontSize14 .md-subheader,
body.fontSize14 .md-tab,
body.fontSize14 md-toolbar {
    font-size: 14px !important;

}

.fontSize16,
body.fontSize16,
body.fontSize16 .md-button,
body.fontSize16 .md-subheader,
body.fontSize16 .md-tab,
body.fontSize16 md-toolbar  {
    font-size: 16px !important;
}


body.fontSize10 h2{
    font-size: 16px !important;
}

body.fontSize12 h2{
    font-size: 18px !important;
}

body.fontSize14 h2 {
    font-size: 20px !important;
}

body.fontSize16 h2 {
    font-size: 22px !important;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.dimension12 {
    width: 12px;
    height: 12px;
    min-height: 12px;
    min-width: 12px;
    line-height: 12px;
}

.dimension16 {
    font-size: 14px;
    width: 16px;
    height: 16px;
    min-width: 16px; 
    min-height: 16px; 
    line-height: 16px;
}

.dimension20 {
    font-size: 16px;
    width: 20px;
    height: 20px;
    min-width: 20px; 
    min-height: 20px; 
    line-height: 20px;
}

.dimension30 {
    font-size: 16px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    line-height: 30px;
}

.height14 {
    min-height: 14px;
    height: 14px;
}

.height29 {
    min-height: 29px;
    height: 29px;
}

.height32 {
    min-height: 32px;
    height: 32px;
}

.height40 {
    min-height: 40px;
    height: 40px;
}

.height60 {
    min-height: 60px;
    height: 60px;
}

.height44 {
    min-height: 44px;
    height: 44px;
}

.height59 {
    min-height: 59px;
    height: 59px;
}

.height65 {
    min-height: 65px;
    height: 65px;
}
.positionRelative {
    position: relative;
}
.width-100p {
    width: 100%;
}
.width50 {
    width: 50px;
}

.full-width {
    width: 100%;
}

.float.left {
    float: left;
}

.float.right {
    float: right;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 98%;
}

.text-scroll {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: transform;
    transition-timing-function: linear;
    transition-duration: 1s;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.zIndex1 {
    z-index: 1;
}

.zIndex5 {
    z-index: 5;
}

.zIndex10 {
    z-index: 10;
}

.zIndex15 {
    z-index: 15;
}

.zIndex20 {
    z-index: 20;
}

.zIndex25 {
    z-index: 25;
}

.zIndex30 {
    z-index: 30;
}

.zIndex40 {
    z-index: 40;
}

.zIndex50 {
    z-index: 50;
}

.zIndex60 {
    z-index: 60;
}

.zIndex65 {
    z-index: 65;
}

.zIndex70 {
    z-index: 70;
}

.zIndex105 {
    z-index: 105;
}

.padding0 {
    padding: 0;
}

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

.padding4 {
    padding: 4px;
}

.horizontal-padding4 {
    padding: 0 4px;
}

.padding-4 {
    padding: 4px !important;
}

.padding8 {
    padding: 8px;
}

.padding-8 {
	padding: 8px !important;
}

.marginBottom4 {
    margin-bottom: 4px;
}
.marginRight4 {
    margin-right: 4px;
}
.marginTop8 {
    margin-top: 8px;
}
.paddingLeft16 {
    padding-left: 16px;
}
.paddingTop8 {
    padding-top: 8px;
}
.background-blue-gray {
    background-color: #607D8B;
}

.lineHeight1 {
    line-height: 1;
}

.lineHeight14 {
    line-height: 14px;
}

.lineHeight29 {
    line-height: 29px;
    height: 29px;
    min-height: 29px;
}

.lineHeight32 {
    line-height: 32px;
    height: 32px;
    min-height: 32px;
}

.lineHeight44 {
    line-height: 44px;
}

.lineHeight59 {
    line-height: 59px;
}

.lineHeight65 {
    line-height: 65px;
}
.radius-2px {
    border-radius: 2px;
}
.background-yellow {
	background-color: #FFEB3B;
}

.background-green {
	background-color: #4CAF50;
}

.background-red {
	background-color: #F44336;
}

.border-blue-gray {
	border: 1px solid #607D8B;
}

.border-yellow {
	border:1px solid #FFEB3B;
}

.border-green {
	border:1px solid #4CAF50;
}

.border-red {
	border:1px solid #F44336;
}

.border-double-red {
	border:1px solid #F44336;
}

.border-double-red:before {
	content: " ";
	position: absolute;
	z-index: 2;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 50%;
	border:1px solid #F44336;
}

.striked {
	position: relative;
}
.striked:after {
	position: absolute;
	left: 0;
	top: 53%;
	border-bottom: 1px solid;
	border-bottom-color: inherit;
	background: inherit;
	content: "";
	width: 100%;
	display: block;
}

.flag-sprite {
	background-image: url(/assets/global/img/flag-sprite-xs.png);
	background-repeat: no-repeat;
	display: block;
	background-position-y: -3400px;
}

.flag {
    width: 18px;
    height: 12px;
}

/*Favorite*/
.hover-class {
	position: relative;
	overflow: hidden;
}
.hover-class .width-on-hover {
	width: 0;
}

.hover-class:hover .width-on-hover {
	width: 36px;
}

/*Casino*/
.hover-class .casinoActions {
    position: absolute;
    bottom: -40px;
    height: 40px;
    left: 0;
    right: 0;
}

.hover-class:hover .casinoActions {
    bottom: 0;
}

/*Ticket*/

.ticket-gadget {
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}


/*Logo*/
.logo {
	min-height: 25px;
    max-height: 50px;
	max-width: 150px;
	width: 100%;
}

/*Panel*/
.matches {
	border-radius: 8px;
	overflow: hidden;
}
#mynetwork th,
#mynetwork td,
#ticketHistory th,
#ticketHistory td,
#sportReport th,
#sportReport td,
#casinoReport th,
#casinoReport td {
	padding: 0;
}
#mynetwork th:first-child,
#mynetwork td:first-child,
#ticketHistory th:first-child,
#ticketHistory td:first-child,
#sportReport th:first-child,
#sportReport td:first-child,
#casinoReport th:first-child,
#casinoReport td:first-child {
	padding-left: 8px;
}
#mynetwork th:last-child,
#mynetwork td:last-child,
#ticketHistory th:last-child,
#ticketHistory td:last-child,
#sportReport th:last-child,
#sportReport td:last-child,
#casinoReport th:last-child,
#casinoReport td:last-child {
	padding-right: 8px;
}

#pMatches .market:not(:last-child),
#pMatches .oddMarket:not(:last-child),
#pMatches .positionMarket:not(:last-child) {
	margin-right: 8px;
}

#betslipContent .matches:not(:last-child),
#ticketCombination .matches:not(:last-child) {
	margin-bottom: 8px;
}

#betslipContent .summary-divider:not(:first-child),
#ticketDetails .summary-divider:not(:first-child) {
	margin: 8px 0;
	/*border-bottom: 1px dotted;*/
}

#betslipContent .summary-divider .clearfix,
#ticketDetails .summary-divider .clearfix {
	margin: 2px;
}

#pMatches .odd:first-child {
	border-left: none;
}

.matches .markets {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.matches .info {
	border-bottom: 1px solid;
    border-bottom:1px solid #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
}

/*Widget triange*/
.widget-header {
    text-transform: uppercase;
}

    .widget-header.euro2020 {
        height: 48px;
        background-image: url(/Assets/webclient/common/images/carousel/euro2020/header.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

.euro2020-container {
    background-image: url(/Assets/webclient/common/images/carousel/euro2020/item.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.widget-header .md-subheader-inner {
	padding: 8px;
}

.triangle-content {
	position: relative;
	clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);
}

/* Theme */
.custom_blue .backgroundPrimary {
    background: #082c47;
}

.custom_grey .backgroundPrimary {
    background: #151925;
}

.custom_white .backgroundPrimary {
    background: #eeeeee;
}

.custom_black .backgroundPrimary,
.match-oddprofilenum0 {
    background: #121212;
}

.custom_blue #betslip .selectPlayer input,
.custom_blue #betslip .selectPlayer .md-select-value,
.custom_blue #schedulePrintDialog .checkSpecials .md-select-value{
	border-color: #74d600 !important;
}

.custom_white #betslip .selectPlayer input,
.custom_white #betslip .selectPlayer .md-select-value,
.custom_white #schedulePrintDialog .checkSpecials .md-select-value{
	border-color: #123e96 !important;
}

.custom_grey #betslip .selectPlayer input,
.custom_grey #betslip .selectPlayer .md-select-value,
.custom_grey #schedulePrintDialog .checkSpecials .md-select-value{
	border-color: #FFCD00 !important;
}

.custom_black #betslip .selectPlayer input,
.custom_black #betslip .selectPlayer .md-select-value,
.custom_black #schedulePrintDialog .checkSpecials .md-select-value{
	border-color: #2ecc71 !important;
}

.custom_blue #betslip .selectPlayer .md-select-icon,
.custom_blue #schedulePrintDialog .checkSpecials .md-select-value,
.custom_blue #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_blue .colorAccent{
    color: #74d600;
}

.custom_white #betslip .selectPlayer .md-select-icon,
.custom_white #schedulePrintDialog .checkSpecials .md-select-value,
.custom_white #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_white .colorAccent {
    color: #123e96;
}

.custom_grey #betslip .selectPlayer .md-select-icon,
.custom_grey #schedulePrintDialog .checkSpecials .md-select-value,
.custom_grey #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_grey .colorAccent{
    color: #FFCD00;
}

.custom_black #betslip .selectPlayer .md-select-icon
.custom_black #schedulePrintDialog .checkSpecials .md-select-value,
.custom_black #schedulePrintDialog .checkSpecials .md-select-icon,
.custom_black .colorAccent{
    color: #2ecc71;
}

.custom_blue .colorAccentA200,
.custom_white .colorAccentA200,
.custom_grey .colorAccentA200,
.custom_black .colorAccentA200 {
    color: #ffffff;
    color: rgba(255, 255, 255, .87);
}


.custom_blue md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_blue md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_blue md-chips md-chip.md-focused,
.custom_blue md-chips md-chip.chip-focus {
    background: #74d600 !important;
}

.custom_white md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_white md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_white md-chips md-chip.md-focused,
.custom_white md-chips md-chip.chip-focus,
.match-oddprofilenum1 {
    background: #123e96 !important;
}

.match-oddprofilenum3 {
    background: rgb(244, 67, 54);
}

.custom_grey md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_grey md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_grey md-chips md-chip.md-focused,
.custom_grey md-chips md-chip.chip-focus,
.match-oddprofilenum4 {
    background: #FFCD00 !important;
}

.custom_black md-chips.md-blueGreen-theme md-chip.md-focused,
.custom_black md-chips.md-blueGreen-theme md-chip.chip-focus,
.custom_black md-chips md-chip.md-focused,
.custom_black md-chips md-chip.chip-focus,
.match-oddprofilenum5 {
    background: #2ecc71 !important;
}

.custom_blue .danger,
.custom_deepblue .danger,
.custom_black .danger {
    color: rgb(255, 152, 0);
}

.custom_white .danger,
.custom_grey .danger {
    color: rgb(244, 67, 54);
}

.theme-color.blueGreen{
	background: #082c47;
}
.theme-color.blueGreen:hover,
.theme-color.blueGreen.selected{
	box-shadow: 0 0 0 2px white, 0 0 0 3px #082c47;
}
.theme-color.whiteDeepblue{
	background: #CEDCEF;
}
.theme-color.whiteDeepblue:hover,
.theme-color.whiteDeepblue.selected{
	box-shadow: 0 0 0 2px white, 0 0 0 3px #202a36;
}
.theme-color.greyYellow,
.match-oddprofilenum2 {
	background: #151925;
}
.theme-color.greyYellow:hover,
.theme-color.greyYellow.selected{
	box-shadow: 0 0 0 2px white, 0 0 0 3px #EB9532;
}
.theme-color.blackLightGreen{
	background: black;
}
.theme-color.blackLightGreen:hover,
.theme-color.blackLightGreen.selected{
	box-shadow: 0 0 0 2px white, 0 0 0 3px black;
}

.theme-color {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin: 0 5px;
	outline: none;
}

/*Absolute View*/
.absolute-view {
	position: absolute;
	width: 100%;
	height: calc(100% - 111px);
	top: 56px;
}

/*Bottom Menu*/
.bottom-menu {
	position: absolute;
	bottom: 0; 
	width: 100%;
}

.position-center-left {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.position-top-left {
	position: absolute;
	top: 0;
	left: 0;
}

.position-top-right {
	position: absolute;
	top: 0;
	right: 0;
}

.fab-bottom-right {
	position: absolute; 
	bottom: 10px; 
	right: 10px
}

.fab-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*Betslip Indicator*/
.indicator-gadget {
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.betslip-indicator {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 0;
	right: 15px;
	border-radius: 100%;
	line-height: 1;
}

/* Ticket Print Directive */
.ticket{
	max-width: 400px;
	min-height: 500px;
	border: 1px solid black;
	margin: auto;
	position: relative;
}
.date{
	color: white;
	background: black;
	width: 205px;
	height: 20px;
	font-size: 18px;
	overflow: hidden;
	margin: auto;
	margin-top: 30px;
}
.table{
	margin-top: 30px;
	border-bottom: 2px dotted black;
	padding-bottom: 5px;
}
.table th{
	width: 150px;
	border-bottom: 2px dotted black;
}
.table tbody td{
	width: 150px;
	text-align: center;
	margin-top: 10px;
}
.ticketInfo{
	margin-top: 10px;
	margin-right: 5px;
	float: right;
	min-width: 250px;
}
#ticketId{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.column {
	display: inline-block;
	vertical-align: middle;
}

/*Scroll*/
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: transparent;
}

body.darkTheme ::-webkit-scrollbar-track {
	-moz-box-shadow: inset 0 0 6px #000000;
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.12);
	-webkit-box-shadow: inset 0 0 6px #000000;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.12);
	box-shadow: inset 0 0 6px #000000;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.12); 
}

body.lightTheme ::-webkit-scrollbar-track {
	-moz-box-shadow: inset 0 0 6px #ffffff;
	-moz-box-shadow: inset 0 0 6px rgba(255, 255, 255, .12);
	-webkit-box-shadow: inset 0 0 6px #ffffff;
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .12);
	box-shadow: inset 0 0 6px #ffffff;
	box-shadow: inset 0 0 6px rgba(255, 255, 255, .12); 
}

::-webkit-scrollbar-thumb {
	border-radius: 10px; 
}

body.darkTheme ::-webkit-scrollbar-thumb {
	-moz-box-shadow: inset 0 0 6px #000000;
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 0 6px #000000;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.50);
	box-shadow: inset 0 0 6px #000000;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.50);
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, .50);
}

body.lightTheme ::-webkit-scrollbar-thumb {
	-moz-box-shadow: inset 0 0 6px #ffffff;
	-moz-box-shadow: inset 0 0 6px rgba(255, 255, 255, .50);
	-webkit-box-shadow: inset 0 0 6px #ffffff;
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .50);
	box-shadow: inset 0 0 6px #ffffff;
	box-shadow: inset 0 0 6px rgba(255, 255, 255, .50);
	background-color: #000000;
	background-color: rgba(0,0,0,0.50);
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: transparent;
}

.horizontal-scroller ::-webkit-scrollbar {
	height: 6px;
}

/*Clock Directive*/
.digit-wrapper {
	height: 27px;
}

.digit, .colon{
	position:relative;
	display:inline-block;
	width:5px;
	height:27px;
}

.custom_blue .colon{
	background: linear-gradient(-90deg, #74d600 5px, transparent 5px),
				linear-gradient(-90deg, #74d600 5px, transparent 5px);
  
 
	background-position: 2px 8px, 2px 16px;
	background-repeat:no-repeat;
	background-size:2px 2px, 2px 2px;
}

.custom_blue .digit{
	width:15px;
  
	background-image: linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #385870 13px),   /* Topleft */
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #385870 13px);   /* Bottomleft */
  
	background-position: 0 0, 0 12px, 0 24px, 0 2px, 0 14px;
	background-repeat:no-repeat;
	background-size:15px 2px, 15px 2px, 15px 2px, 15px 10px, 15px 10px;
}

.custom_blue .zero{
	background-image: linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}

.custom_blue .one{
	background-image: linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}

.custom_blue .two{
	background-image: linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #385870 13px);   /* Bottomleft */
}

.custom_blue .three{
	background-image: linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}

.custom_blue .foure{
	background-image: linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}

.custom_blue .five{
	background-image: linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #385870 13px),   /* Topleft */
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}


.custom_blue .six{
	background-image: linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #385870 13px),   /* Topleft */
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}


.custom_blue .seven{
	background-image: linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #385870 2px, #385870 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}


.custom_blue .eight{
	background-image: linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}

.custom_blue .nine{
	background-image: linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #74d600 2px, #74d600 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #74d600 2px, transparent 2px, transparent 13px, #74d600 13px),   /* Topleft */
					  linear-gradient(90deg, #385870 2px, transparent 2px, transparent 13px, #74d600 13px);   /* Bottomleft */
}

.custom_white .colon{
	background: linear-gradient(-90deg, #123e96 5px, transparent 5px),
				linear-gradient(-90deg, #123e96 5px, transparent 5px);
  
 
	background-position: 2px 8px, 2px 16px;
	background-repeat:no-repeat;
	background-size:2px 2px, 2px 2px;
}

.custom_white .digit{
	width:15px;
  
	background-image: linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #d7e3f2 13px),   /* Topleft */
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #d7e3f2 13px);   /* Bottomleft */
  
	background-position: 0 0, 0 12px, 0 24px, 0 2px, 0 14px;
	background-repeat:no-repeat;
	background-size:15px 2px, 15px 2px, 15px 2px, 15px 10px, 15px 10px;
}

.custom_white .zero{
	background-image: linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}

.custom_white .one{
	background-image: linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}

.custom_white .two{
	background-image: linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #d7e3f2 13px);   /* Bottomleft */
}

.custom_white .three{
	background-image: linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}

.custom_white .foure{
	background-image: linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}

.custom_white .five{
	background-image: linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #d7e3f2 13px),   /* Topleft */
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}


.custom_white .six{
	background-image: linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #d7e3f2 13px),   /* Topleft */
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}


.custom_white .seven{
	background-image: linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #d7e3f2 2px, #d7e3f2 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}


.custom_white .eight{
	background-image: linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}

.custom_white .nine{
	background-image: linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #123e96 2px, #123e96 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #123e96 2px, transparent 2px, transparent 13px, #123e96 13px),   /* Topleft */
					  linear-gradient(90deg, #d7e3f2 2px, transparent 2px, transparent 13px, #123e96 13px);   /* Bottomleft */
}

.custom_grey .colon{
	background: linear-gradient(-90deg, #FFCD00 5px, transparent 5px),
				linear-gradient(-90deg, #FFCD00 5px, transparent 5px);
  
 
	background-position: 2px 8px, 2px 16px;
	background-repeat:no-repeat;
	background-size:2px 2px, 2px 2px;
}

.custom_grey .digit{
	width:15px;
  
	background-image: linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #2c2f3a 13px),   /* Topleft */
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #2c2f3a 13px);   /* Bottomleft */
  
	background-position: 0 0, 0 12px, 0 24px, 0 2px, 0 14px;
	background-repeat:no-repeat;
	background-size:15px 2px, 15px 2px, 15px 2px, 15px 10px, 15px 10px;
}

.custom_grey .zero{
	background-image: linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}

.custom_grey .one{
	background-image: linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}

.custom_grey .two{
	background-image: linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #2c2f3a 13px);   /* Bottomleft */
}

.custom_grey .three{
	background-image: linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}

.custom_grey .foure{
	background-image: linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}

.custom_grey .five{
	background-image: linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #2c2f3a 13px),   /* Topleft */
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}


.custom_grey .six{
	background-image: linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #2c2f3a 13px),   /* Topleft */
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}


.custom_grey .seven{
	background-image: linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2c2f3a 2px, #2c2f3a 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}


.custom_grey .eight{
	background-image: linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}

.custom_grey .nine{
	background-image: linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #FFCD00 2px, #FFCD00 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #FFCD00 2px, transparent 2px, transparent 13px, #FFCD00 13px),   /* Topleft */
					  linear-gradient(90deg, #2c2f3a 2px, transparent 2px, transparent 13px, #FFCD00 13px);   /* Bottomleft */
}

.custom_black .colon{
	background: linear-gradient(-90deg, #2ecc71 5px, transparent 5px),
				linear-gradient(-90deg, #2ecc71 5px, transparent 5px);
  
 
	background-position: 2px 8px, 2px 16px;
	background-repeat:no-repeat;
	background-size:2px 2px, 2px 2px;
}

.custom_black .digit{
	width:15px;
  
	background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2b2b2b 13px),   /* Topleft */
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2b2b2b 13px);   /* Bottomleft */
  
	background-position: 0 0, 0 12px, 0 24px, 0 2px, 0 14px;
	background-repeat:no-repeat;
	background-size:15px 2px, 15px 2px, 15px 2px, 15px 10px, 15px 10px;
}

.custom_black .zero{
	background-image: linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}

.custom_black .one{
	background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}

.custom_black .two{
	background-image: linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2b2b2b 13px);   /* Bottomleft */
}

.custom_black .three{
	background-image: linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}

.custom_black .foure{
	background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}

.custom_black .five{
	background-image: linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2b2b2b 13px),   /* Topleft */
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}


.custom_black .six{
	background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2b2b2b 13px),   /* Topleft */
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}


.custom_black .seven{
	background-image: linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}


.custom_black .eight{
	background-image: linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}

.custom_black .nine{
	background-image: linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /*  Top  */
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Middle*/
					  linear-gradient(90deg, transparent 2px, #2ecc71 2px, #2ecc71 13px, transparent 13px),   /* Bottom*/
		  
					  linear-gradient(90deg, #2ecc71 2px, transparent 2px, transparent 13px, #2ecc71 13px),   /* Topleft */
					  linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2ecc71 13px);   /* Bottomleft */
}

.footer-link {
	color: #ffffff;
	color: rgba(255,255,255,0.6);
	cursor: pointer;
	text-decoration: none;
	transition: all 200ms ease;
	line-height: 25px;
}

.footer-link:hover{
	color: white;
}
.groupX {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.1);
    text-transform: none;
    font-weight: 400;
    min-width:100px;
}

.md-button.left {
    border-radius: 8px 0 0 8px;
}

.md-button.middle {
    border-radius: 0;
    border-left: 1px solid;
    border-right: 1px solid;
}

.md-button.right {
    border-radius: 0 8px 8px 0;
}

.Edge{
    -ms-overflow-style: none;
}

input,
textarea {
    font-size: 16px !important;
}

.md-button.withdraw-btn {
    width: 100% !important;
    margin: 0;
    padding: 4px;
}

.leftMenu.md-sidenav-left.noscrollbar .quickLinks i.flag.Seria.A {
    background: url(http://static.pcluster.info/skins/getbet/img/icons/seriaA.svg);
    width: 20px;
    height: 30px;
    background-size: 95%;
    display: block;
    background-repeat: no-repeat;
}

.leftMenu.md-sidenav-left.noscrollbar .quickLinks i.flag.Premier.Liga {
    background: url(http://static.pcluster.info/skins/getbet/img/icons/pLeague.svg);
    width: 20px;
    height: 30px;
    background-size: 95%;
    display: block;
    background-repeat: no-repeat;
}

.leftMenu.md-sidenav-left.noscrollbar .quickLinks i.flag.Primera.Divizion {
    background: url(http://static.pcluster.info/skins/getbet/img/icons/pDivision.svg);
    width: 20px;
    height: 30px;
    background-size: 95%;
    display: block;
    background-repeat: no-repeat;
}

.leftMenu.md-sidenav-left.noscrollbar .quickLinks i.flag.Bundesliga {
    background: url(http://static.pcluster.info/skins/getbet/img/icons/bundesliga.svg);
    width: 20px;
    height: 30px;
    background-size: 95%;
    display: block;
    background-repeat: no-repeat;
}

.leftMenu.md-sidenav-left.noscrollbar .quickLinks .flag.Liga {
    background: url(http://static.pcluster.info/skins/getbet/img/icons/ligue1.svg);
    width: 20px;
    height: 30px;
    background-size: 95%;
    display: block;
    background-repeat: no-repeat;
}

#pMatches md-virtual-repeat-container[md-colors="{ background: 'primary-A100' }"] [md-item-size="30"] .layout-fill.layout-align-start-center.layout-row.flex [flex="35"] button[aria-label="Të dhëna statistikore"]:after {
    color: #fedf00 !important;
}

#casinoProviderReport #providerTable th,
#casinoProviderReport #providerTable td {
    padding-right: 8px;
}

#mainliveCasino .livecasinobanners {
    text-align: center;
    position: relative;
    top: 50%;
}

    #mainliveCasino .livecasinobanners .casinogames {
        filter: grayscale(77%);
        -webkit-filter: grayscale(77%);
    }

#liveCasino .game-list {
    top: -60px !important;
    position: relative !important;
    max-width: 1360px;
    margin: 0 auto !important;
}

/*Jackpot*/

@font-face {
    font-family: "Digital-7";
    src: url('/assets/webclient/common/styles/fonts/digital-7.ttf');
}

.jackpot {
    background-size: cover;
    height: 250px;
    font-family: 'Digital-7';
}

.jackpot.jackpot-image {
    background-image: url("/Assets/webclient/common/images/banner/jackpot.jpg");
}

    .jackpot .jackpot-container {
        padding-top: 4px;
        padding-bottom: 4px;
        height: 100%;
    }

        .jackpot .jackpot-container .mega {
            width: 60%;
        }

        .jackpot .jackpot-container .jack {
            width: 55%;
        }

        .jackpot .jackpot-container .mini {
            width: 50%;
        }


.jackpot .jackpot-container .mega.jackpot-casino {
    width: 85%;
}

        .jackpot .jackpot-container .jack.jackpot-casino {
            width: 80%;
        }

        .jackpot .jackpot-container .mini.jackpot-casino {
            width: 75%;
        }

        .jackpot .jackpot-container .jackpot-name {
            position: relative;
            color: black;
            padding-left: 4px;
            padding-right: 4px;
            width: 80px;
            text-align: center;
            margin: 0 auto;
            font-size: 16px;
            border: 4px solid #333;
            border-bottom: none;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            margin-bottom: -4px;
            height: 14px;
        }

        .jackpot .jackpot-container .jackpot-type-container {
            height: 33.3333%
        }

        .jackpot .jackpot-container .jackpot-type {
            float: right;
        }

        .jackpot .jackpot-container .mega .jackpot-name {
            background: rgb(213, 54, 242);
        }

        .jackpot .jackpot-container .jack .jackpot-name {
            background: rgb(69, 129, 267);
        }

        .jackpot .jackpot-container .mini .jackpot-name {
            background: rgb(116,214,0);
        }

        .jackpot .jackpot-container .jackpot-value-container {
            background: #000000;
            background: rgba(0, 0, 0, .8);
            text-align: center;
            margin: 0 auto;
            font-size: 36px;
            border: 4px solid #333;
            border-right: none;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .jackpot .jackpot-container .mega .jackpot-value {
            border: 4px solid rgb(213, 54, 242);
            color: rgb(213, 54, 242);
            text-shadow: 2px 2px #d536f2;
            text-shadow: 2px 2px rgba(213, 54, 242, .2);
        }

.jackpot .jackpot-container .jack .jackpot-value {
            border: 4px solid rgb(69, 129, 267);
            color: rgb(69, 129, 267);
            text-shadow: 2px 2px #4581ff;
            text-shadow: 2px 2px rgba(69, 129, 267, .2);
        }


.jackpot .jackpot-container .mini .jackpot-value {
    border: 4px solid rgb(116,214,0);
            color: rgb(116,214,0);
    text-shadow: 2px 2px #74d600;
    text-shadow: 2px 2px rgba(116,214,0, .2)
}


.jackpot .jackpot-container .jackpot-value {

        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: none !important;
        height: 36px;
    }

.jackpot-win {
    font-family: 'Digital-7';
}

.jackpot-row {
    background: black;
    padding: 2px;
}

    .jackpot-win.jackpot-type-1 {
        border: 6px double rgb(116,214,0);
        color: rgb(116, 214, 0);
    }

.jackpot-win.jackpot-type-2 {
    border: 6px double rgb(69, 129, 267);
    color: rgb(69, 129, 267);
}

.jackpot-win.jackpot-type-3 {
    border: 6px double rgb(213, 54, 242);
    color: rgb(213, 54, 242);
}

.jackpot-win .jackpot-congratulation {
    font-size: 60px;
}

.jackpot-win .jackpot-winner {
    font-size: 40px;
}

.jackpot-win .jackpot-value {
    font-size: 60px;
}

.liveCasino .card-image {
    width: 100%;
    height: 100%;
    max-height: 200px;
    max-width: 324px
}

form[name="rootVm.loginForm"] {
    position: absolute;
    top: 50px;
}


.big-win__image {
	position: absolute;
	width: 25%;
	right: 8px;
	top: 4px;
}

.big-win__image img {
	width: 100%;
	height: 100%;
	filter: drop-shadow(0px 0px 12px #000000);
	-webkit-filter: drop-shadow(0px 0px 12px #000000);
}

/*Rotate*/
.rotate-animation {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.rotate {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

/*Flip*/
.flipInX-animation,
.flipInX-animation.ng-enter,
.flipInX-animation.ng-leave {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
    animation-duration: 1s;
    animation-fill-mode: both;
}


.flipInX-animation.ng-enter {
    animation-name: flipInX;
}

.flipInEnterX-animation.ng-leave {
    display: none;
}

.flipInEnterX-animation,
.flipInEnterX-animation.ng-enter {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX-animation.ng-leave {
    animation-name: flipOutX;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

/*Slide*/
.bottom-transition {
    transition: bottom .3s;
}

.slideUpVertical-animation.ng-enter,
.slideUpVertical-animation.ng-leave,
.slideDownVertical-animation.ng-enter,
.slideDownVertical-animation.ng-leave,
.slideHorizontal-animation.ng-enter,
.slideHorizontal-animation.ng-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
}

.slideUpVertical-animation.ng-enter{
    animation-name: slideInUp;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideUpVertical-animation.ng-leave {
    animation-name: slideOutDown;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideDownVertical-animation.ng-enter{
    animation-name: slideInDown;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideDownVertical-animation.ng-leave{
    animation-name: slideOutUp;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideHorizontal-animation.ng-enter {
    animation-name: slideInRight;  
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideHorizontal-animation.ng-leave {
    animation-name: slideOutRight;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

/*Pulse*/
.pulse-animation {
    animation-name: pulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

/*Height*/

.height-animation.ng-enter,
.height-animation.ng-leave {
    -webkit-transition:height linear .1s;
    transition:height linear .1s;
}

.height-animation.ng-leave.ng-leave-active,
.height-animation.ng-enter {
    height:0;
}

.height-animation.ng-leave,
.height-animation.ng-enter.ng-enter-active {
    height:74px;
}

/*Width*/
.width-animation,
.width-animation.ng-enter,
.width-animation.ng-leave {
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
}

.width-animation.ng-leave.ng-leave-active,
.width-animation.ng-enter {
    width: 0;
    max-width: 0;
}

.width-animation.ng-leave,
.width-animation.ng-enter.ng-enter-active {
    width: 100%;
    max-width: 100%;
}

/*Zoom*/
.zoom-animation.ng-enter,
.zoom-animation.ng-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
}

.zoom-animation.ng-enter{
    animation-name: zoomIn;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoom-animation.ng-leave {
    animation-name: zoomOut;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}



/*Starter*/
.custom_blueLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_blueLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animation 0.8s ease-out infinite;
    -moz-animation: loader-animation 0.8s ease-out infinite;
    -o-animation: loader-animation 0.8s ease-out infinite;
    animation: loader-animation 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderGreen.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_blueLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}
.custom_whiteLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_whiteLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animationfor 0.8s ease-out infinite;
    -moz-animation: loader-animationfor 0.8s ease-out infinite;
    -o-animation: loader-animationfor 0.8s ease-out infinite;
    animation: loader-animationfor 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderBlue.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_whiteLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}
.custom_blackLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_blackLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animationThir 0.8s ease-out infinite;
    -moz-animation: loader-animationThir 0.8s ease-out infinite;
    -o-animation: loader-animationThir 0.8s ease-out infinite;
    animation: loader-animationThir 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderLightGreen.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_blackLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}
.custom_greyLoader {
    width: 50px;
    height: 100px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 999
}
.custom_greyLoader__inner {
    border-radius: 50%;
    -webkit-animation: loader-animationsec 0.8s ease-out infinite;
    -moz-animation: loader-animationsec 0.8s ease-out infinite;
    -o-animation: loader-animationsec 0.8s ease-out infinite;
    animation: loader-animationsec 0.8s ease-out infinite;
    background: url(/Assets/webclient/common/images/logo/loaderYellow.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 9
}
.custom_greyLoader__shadow {
    width: 50px;
    bottom: 2px;
    height: 5px;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    border-radius: 50%;
    -webkit-animation: shadow-animation 0.8s ease-out infinite;
    -moz-animation: shadow-animation 0.8s ease-out infinite;
    -o-animation: shadow-animation 0.8s ease-out infinite;
    animation: shadow-animation 0.8s ease-out infinite
}

@keyframes loader-animationfor {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderBlue.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderBlue.svg)
    }
}

@keyframes loader-animation {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderGreen.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderGreen.svg)
    }
}

@keyframes loader-animationThir {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderLightGreen.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderLightGreen.svg)
    }
}

@keyframes loader-animationsec {
    0% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderYellow.svg)
    }
    50% {
        top: 50px;
        -moz-transform: scale(1.2, .8);
        -o-transform: scale(1.2, .8);
        -ms-transform: scale(1.2, .8);
        -webkit-transform: scale(1.2, .8);
        transform: scale(1.2, .8)
    }
    75% {
        -moz-transform: scale(.8, 1.2);
        -o-transform: scale(.8, 1.2);
        -ms-transform: scale(.8, 1.2);
        -webkit-transform: scale(.8, 1.2);
        transform: scale(.8, 1.2)
    }
    100% {
        top: 0;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background: url(/Assets/webclient/common/images/logo/loaderYellow.svg)
    }
}

@keyframes shadow-animation {
    0% {
        -moz-transform: scale(.5, .5);
        -o-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5);
        opacity: 0.1
    }
    50% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.2
    }
    100% {
        -moz-transform: scale(.5, .5);
        -o-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5);
        opacity: 0.1
    }
}



.odd.selected{
    color: #74D600 !important;
    background: #082c47 !important;
}
.Match{
    width:100%;
    min-height: 60px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #324F65;
    margin-bottom: 8px;
    position:relative;
}
.MatchTeams{
    width: 100%;
    max-height:40px;
    display: inline-block;
    font-size: 1em;
    position: relative;
    overflow: hidden;
}
.Team{
    max-width: 30%;
    max-height:40px;
    overflow:hidden;
    display: inline-block;
    padding: 8px;
}

.my-switch-animation.ng-enter,
.my-switch-animation.ng-leave {
    -webkit-transition:0.7s linear all;
    -moz-transition:0.7s linear all;
    -o-transition:0.6s linear all;
    transition:0.7s linear all;

    position:absolute;
}

.my-switch-animation.ng-enter {
    left:100%;
}

.my-switch-animation.ng-leave,
.my-switch-animation.ng-enter.ng-enter-active {
    left:0;
}

.my-switch-animation.ng-leave.ng-leave-active {
    left:-100%;
}
.casino-links {
    font-size: 1.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all .1s ease;
}
.casino-links:hover{
    color: rgba(255,255,255,1)
}
.animate-hide {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
    line-height:20px;
    opacity:1;
    padding:10px;
    border:1px solid black;
    background:white;
    position: absolute;
    left: 0;
}
.ngSwitchAnimationContainer {
    position: relative;
    width: 100%;
    height: 100%;
}
.ngSwitchAnimation {
    position: absolute;
    width: 100%;
    height: 100%;
}
.ngSwitchAnimation.ng-enter,
.ngSwitchAnimation.ng-leave {
    -webkit-transition : 0.5s linear all;
    -moz-transition    : 0.5s linear all;
    -ms-transition     : 0.5s linear all;
    -o-transition      : 0.5s linear all;
    transition         : 0.5s linear all;
}

.ngSwitchAnimation.ng-enter {
    left: 100%;
}
.ngSwitchAnimation.ng-enter-active {
    left: 0;
}
.ngSwitchAnimation.ng-leave {
    left: 0;
}
.ngSwitchAnimation.ng-leave-active {
    left: -100%;
}
.pinAnimation.ng-enter,
.pinAnimation.ng-leave {
    -webkit-transition : 100ms cubic-bezier(.17,.67,.91,-0.01) all;
    -moz-transition    : 100ms cubic-bezier(.17,.67,.91,-0.01) all;
    -ms-transition     : 100ms cubic-bezier(.17,.67,.91,-0.01) all;
    -o-transition      : 100ms cubic-bezier(.17,.67,.91,-0.01) all;
    transition         : 100ms cubic-bezier(.17,.67,.91,-0.01) all;
}

.pinAnimation.ng-enter {
    transform: scale(0)
}
.pinAnimation.ng-enter-active {
    transform: scale(1)
}
.pinAnimation.ng-leave {
    transform: scale(1)
}
.pinAnimation.ng-leave-active {
    transform: scale(0)
}
.fieldAnimation {
    position: absolute;
    width: 100%;
    height: 100%;
}
.fieldAnimation.ng-enter,
.fieldAnimation.ng-leave {
    -webkit-transition : 0.5s linear all;
    -moz-transition    : 0.5s linear all;
    -ms-transition     : 0.5s linear all;
    -o-transition      : 0.5s linear all;
    transition         : 0.5s linear all;
}

.fieldAnimation.ng-enter {
    left: 100%;
}
.fieldAnimation.ng-enter-active {
    left: 0;
}
.fieldAnimation.ng-leave {
    left: 0;
}
.fieldAnimation.ng-leave-active {
    left: -100%;
}
.lockAnimation.ng-enter,
.lockAnimation.ng-leave {
    -webkit-transition : 1s ease-in all;
    -moz-transition    : 1s ease-in all;
    -ms-transition     : 1s ease-in all;
    -o-transition      : 1s ease-in all;
    transition         : 1s ease-in all;
}

.lockAnimation.ng-enter {
    transform: scale(0)
}
.lockAnimation.ng-enter-active {
    transform: scale(1)
}
.lockAnimation.ng-leave {
    transform: scale(1)
}
.lockAnimation.ng-leave-active {
    transform: scale(0)
}
.background-2 {
    background: #282537;
    background-image: -webkit-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -moz-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -o-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
}
.guide {
    font: normal .80em 'trebuchet ms', arial, sans-serif;
    color: #777;
    height: 100%;
}

.guide p { padding: 0 0 20px 0; color: #bfbfbf; line-height: 1.7em; font-size: 13px; }

.guide h1, .guide h2, .guide h3, .guide h4, .guide h5, .guide h6 { font: normal 275% 'century gothic', arial, sans-serif; color: #bfbfbf; margin: 0 0 15px 0; padding: 15px 0 5px 0; }

.guide h2 { font: normal 175% 'century gothic', arial, sans-serif; }

.guide h3 { font: normal 155% 'century gothic', arial, sans-serif; }

.guide h4, .guide h5, .guide h6 { margin: 0; padding: 0 0 5px 0; font: normal 120% arial, sans-serif; color: #bfbfbf; }

.guide h5, .guide h6 { font: italic 195% arial, sans-serif; color: #bfbfbf; }

.guide h6 { color: #000; }

.guide a, .guide a:hover { outline: none; text-decoration: underline; }

.guide a:hover { text-decoration: none; }


.guide ul { margin: 2px 0 22px 17px; }

.guide ul li { list-style-type: circle; margin: 0 0 6px 0; padding: 0 0 4px 5px; }

.guide ol { margin: 8px 0 22px 20px; }

.guide ol li { margin: 0 0 11px 0; font-size: 13px; color: #bfbfbf; }

.guide .left { float: left; width: auto; margin-right: 10px; }

.guide .right { float: right; width: auto; margin-left: 10px; }

.guide .center { display: block; text-align: center; margin: 20px auto; }


.guide #content { text-align: left; padding: 0; padding-left: 8px; padding-right: 8px; }

.guide #content ul { margin: 2px 0 22px 0px; }

.guide #content ul li { font-size: 12px; color: #bfbfbf; list-style-type: none; background: url(bullet.png) no-repeat; margin: 0 0 6px 0; padding: 0 0 4px 25px; line-height: 1.5em; }

.guide table { margin: 10px 0 30px 0; }

.guide table tr th, .guide table tr td { background: #163650; color: #FFF; padding: 7px 4px; text-align: left; }

.guide table tr td { background: #163650; color: #47433F; border-top: 1px solid #FFF; }



header .padding8.layout-align-space-between-center.layout-row md-icon, header .padding8.layout-align-space-between-center.layout-row .md-body-2 {
    color: #c6d4d6 !important;
}

md-nav-bar.md-default-theme .md-button._md-nav-button.md-unselected, md-nav-bar .md-button._md-nav-button.md-unselected {
    color: rgba(255, 255, 255, 1) !important;
}

#searchMatch-input {
    max-width: 255px!important;
}

header .padding8.layout-align-space-between-center.layout-row {
    box-shadow: 0 2px 10px 0 rgba(255, 197, 0, 0.7) !important;
    background: rgb(26, 40, 41) !important;
    mix-blend-mode: normal !important;
}

header .layout-row {
    background: none !important;
}

header .padding8.layout-align-space-between-center.layout-row a img {
    max-width: fit-content;
    width: fit-content;
    margin: auto;
    ;
}

header .logo {
    min-height: 20px !important;
    max-height: 20px !important;
}
/*
header .padding8.layout-align-space-between-center.layout-row {
    padding-left: calc(50% - 110px);
}*/

body.md-default-theme, body, html.md-default-theme, html {
    background-color: #1a1d22 !important;
}

.md-subheader.md-default-theme, .md-subheader {
    background: linear-gradient(to right, #ffa801, #f4c702);
    color: #0e1b22 !important;
    font-weight: 600 !important;
}

    .md-subheader.md-default-theme md-icon, .md-subheader md-icon {
        color: white !important;
    }

md-sidenav md-autocomplete.no-errors.text-color.md-default-theme.flex {
    background: #12191a !important;
    color: #c6d4d6 !important;
}

md-sidenav.md-default-theme, md-sidenav, md-sidenav.md-default-theme md-content, md-sidenav md-content {
    background-color: #12191a !important;
}

md-sidenav .tournament-matches {
    color: #edb101 !important;
}

md-sidenav .quickLinks .hover-class.layout-row {
    border-bottom: 1px solid #feab01 !important;
}

md-sidenav .md-default-theme.flex .layout-fill.layout-column > div:not(.sports-header):first-of-type {
    background-color: #07090a !important;
}

md-sidenav .lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-row md-icon, md-sidenav .lineHeight29.height29.md-button.layout-fill.layout-row md-icon {
    color: #fdc900 !important;
}

md-sidenav .lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-row .rotate-animation.md-default-theme.material-icons {
    color: rgb(255, 255, 255) !important;
}


md-sidenav .lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-row .md-secondary.sport-matches {
    color: #686f70 !important;
}

#footer {
    background: #14171a !important;
}

#footer md-icon {
    color: #ffb700 !important;
}

#footer .footer-link.md-default-theme {
    color: #686f70 !important;
}

.layout-align-space-between-center.layout-row .layout-align-space-around-center.layout-row.flex .layout-margin.flex-20 {
    color: #f9237b !important;
}

md-content .scrollable.scroll-content.layout-fill.md-default-theme .layout-align-space-between-center.layout-row {
    background-color: #121e22 !important;
}

#centerContent .layout-row.flex .md-button.md-primary.md-raised:not(.md-accent) {
    background-color: #121e22 !important;
    border-radius: 28px !important;
    border: 1px solid #ffb700 !important;
    color: #ffb700 !important;
}

#centerContent .layout-row.flex .md-button.md-primary.md-raised.md-accent {
    background-color: #ffb700 !important;
    border-radius: 28px !important;
    border: 1px solid #ffb700 !important;
    font-weight: 600 !important;
    color: #121e22 !important;
}

md-nav-bar .md-accent.md-button.md-default-theme.md-active.md-primary::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    box-shadow: 0 -4px 16px 6px rgba(255, 197, 0, 0.4);
    border-radius: 2px;
}

md-sidenav button.md-primary.md-hue-1.lineHeight29.height29.md-button.layout-fill.layout-row {
    background-color: #192224 !important;
}

.widget-header.md-subheader.md-default-theme .layout-align-start-center.layout-row button {
    color: #192224 !important;
    font-weight: 600 !important;
}

.md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #192224 !important;
}
/*.md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    border-radius: 20px !important;
}*/
.widget-header.md-subheader.md-default-theme .layout-align-start-center.layout-row button.md-accent {
    color: #ffb700 !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
}

.liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .layout-margin .md-whiteframe-8dp.layout-fill .paddingLeft16 {
    background-color: rgb(26 40 42 / 70%) !important;
    border-top: 1px solid #ffb700 !important;
    border-bottom: 1px solid #ffb700 !important;
}

    .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .layout-margin .md-whiteframe-8dp.layout-fill .paddingLeft16 .fontSize14.layout-align-start-center.layout-row span {
        color: #f9237b !important;
        font-weight: 700 !important;
    }

.liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 span.colorAccent {
    color: #f9237b !important;
    font-weight: 700 !important;
}
#marketList .md-raised.md-primary.md-button.md-default-theme.layout-fill.md-accent.white-text {
    background: linear-gradient(to right, #ffa801, #f4c702);
    box-shadow: 0 2px 6px 0 rgba(255, 197, 0, 0.7) !important;
    color: #0e1b22 !important;
    font-weight: 600 !important;
}
#centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 button.md-primary.md-raised.md-button.md-default-theme.layout-fill {
    background-color: #fff18e !important;
    border: none !important;
    color: #0e1b22 !important;
    font-weight: 700 !important;
}


    #centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 button.md-primary.md-raised.md-button.md-default-theme.layout-fill.md-accent {
        background-color: red !important;
    }

    #centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 button.md-primary.md-raised.md-button.md-default-theme.layout-fill.md-accent {
        background: linear-gradient(to right, #ffa801, #f4c702);
        box-shadow: 0 2px 6px 0 rgba(255, 197, 0, 0.7) !important;
        color: #0e1b22 !important;
        font-weight: 600 !important;
    }

#centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill {
    background-color: #1c2729 !important;
}

    #centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill button.md-primary.md-raised.md-button.md-default-theme.layout-fill {
        background-color: #fff18e !important;
        border: none !important;
        color: #0e1b22 !important;
        font-weight: 700 !important;
    }

        #centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill button.md-primary.md-raised.md-button.md-default-theme.layout-fill.md-accent {
            background: linear-gradient(to right, #ffa801, #f4c702);
            box-shadow: 0 2px 6px 0 rgba(255, 197, 0, 0.7) !important;
            color: #0e1b22 !important;
            font-weight: 600 !important;
        }

#centerContent .liveMatchesBody .layout-wrap.layout-align-start-center.layout-row.flex .paddingLeft16 .overlay.row {
    border-radius: 30px !important;
    outline: 2px solid #1c3035 !important;
    outline-offset: -1px;
}
/*
#centerContent .layout-wrap.layout-align-start-center.layout-row .layout-margin .md-whiteframe-8dp.layout-fill .overlay.row {
    border-radius: 20px !important;
}

.md-button.md-default-theme.md-accent:hover,
.md-button.md-accent:hover {
    border-radius: 0px !important;
}*/
#fastCodeTabs md-pagination-wrapper md-tab-item div.layout-fill.layout-align-start-center.layout-row {
    color: #fedf00 !important;
    border-bottom: 1px solid #fedf00 !important;
}

#fastCodeTabs md-pagination-wrapper md-tab-item.md-active div.layout-fill.layout-align-start-center.layout-row {
    color: #070b0c !important;
    font-weight: 700 !important;
    background: linear-gradient(to right, #ffa801, #f4c702) !important;
}

md-sidenav.md-default-theme, md-sidenav, md-sidenav.md-default-theme md-content, md-sidenav md-content {
    background-color: #11191b !important;
}

.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    background-color: #070b0c !important;
}

    .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised md-icon {
        color: #fbb501 !important;
    }

#fastCodeTabs .md-button.md-default-theme.md-primary.md-raised {
    color: white !important;
}

#betslipContent .matches.height-animation div.info.layout-padding {
    background-color: rgb(26 40 41) !important;
}

#betslipContent .md-button.md-default-theme.md-primary.md-raised.md-accent {
    color: rgb(26 40 41) !important;
}
/*
md-sidenav.md-sidenav-right md-tabs.item-padding-0.md-dynamic-height.md-default-theme md-tabs-canvas md-tab-item div.layout-fill.layout-align-start-center.layout-row {
    background: #11191b !important;
}
*/
md-sidenav.md-sidenav-right .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #feb500 !important
}

#ticketDetails md-content.scroll-content.md-default-theme.flex div.layout-padding {
    background: rgb(27 48 53) !important;
}

    #ticketDetails md-content.scroll-content.md-default-theme.flex div.layout-padding:nth-child(3) {
        background: #354346 !important;
    }

#ticketDetails .info.layout-align-space-between-center.layout-row {
    background: #142126 !important;
}

#rightContent .md-button.md-default-theme.md-primary.md-raised.md-accent {
    background-color: #feb500 !important;
    color: #163650 !important;
}

.scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex {
    background-color: #395a60 !important;
}

#rightContent .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised md-icon {
    color: white !important;
}

.layout-row.flex .layout-fill.layout-column.flex .layout-row [style="background: rgb(36, 36, 36); color: rgba(255, 255, 255, 0.87);"] {
    background-color: #1a282a !important;
}


    .layout-row.flex .layout-fill.layout-column.flex .layout-row [style="background: rgb(36, 36, 36); color: rgba(255, 255, 255, 0.87);"] .md-accent.md-button.md-default-theme.md-active.md-primary::after {
        box-shadow: 0 -4px 16px 6px rgb(255 254 249 / 0%);
    }

.scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex {
    background-color: #395a60 !important;
}

    .scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex md-icon {
        color: white !important;
    }

    .scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex .md-button.md-default-theme.layout-fill.md-raised.md-primary {
        color: #070b0c !important;
        font-weight: 700 !important;
        background: linear-gradient(to right, #ffa801, #f4c702) !important;
    }

        .scrollable.scroll-virtualrepeat.md-virtual-repeat-container.md-orient-horizontal.flex .md-button.md-default-theme.layout-fill.md-raised.md-primary span {
            color: #070b0c !important;
        }


#marketsList .layout-wrap.layout-align-start-center.layout-row .md-button.md-default-theme.md-primary.md-raised {
    color: white !important;
}


    #marketsList .layout-wrap.layout-align-start-center.layout-row .md-button.md-default-theme.md-primary.md-raised.md-accent {
        color: #070b0c !important;
        font-weight: 700 !important;
        background: linear-gradient(to right, #ffa801, #f4c702) !important;
    }


.custom_black .colorAccent {
    color: #feb500 !important;
}


#tournaments .layout-align-start-center.layout-row .positionRelative.layout-align-start-center.layout-row.flex .layout-align-start-center.layout-row.flex-20:first-child {
    background: #234248;
    align-self: stretch;
}

.layout-align-start-center.layout-row .positionRelative.layout-align-start-center.layout-row.flex .layout-align-center-center.layout-row.flex div.layout-align-center-center.layout-row.flex:nth-of-type(even) {
    background: #234248 !important;
    align-self: stretch;
}


#tournaments .height29.layout-fill .hover-class.layout-fill.layout-align-space-between-center.layout-row {
    background: #283f44 !important;
}

#tournaments .height29.layout-fill .hover-class.layout-fill.layout-align-space-between-center.layout-row .layout-fill.layout-align-start-center.layout-row.flex-20 {
    background: #283f44 !important;
}

#tournaments .height44 .layout-align-start-center.layout-row.flex-20 {
    background: #1c3035 !important;
}

#tournaments .odd-wrrapper-live span {
    font-weight: 700;
}

#tournaments .vmGroup:nth-child(odd) .odd-wrrapper-live {
    background: #112226 !important;
}

#tournaments .vmGroup:nth-child(even) .odd-wrrapper-live {
    background: #254145 !important;
}

.mrkPositions {
    background: #1c3035 !important;
    border: none
}

#tournaments .vmGroup {
    background: #1c3035 !important;
}

md-sidenav .text-left.tournament-name.md-truncate {
    color: white !important;
}

#tournaments .positionRelative.layout-align-start-center.layout-row.flex div.layout-align-center-center.layout-row.flex {
    align-self: stretch !important;
}


/*event view*/

#lSports .md-virtual-repeat-scroller .animate.layout-column .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    background-color: #1a1d22 !important;
    color: white !important;
}

    #lSports .md-virtual-repeat-scroller .animate.layout-column .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised .md-accent {
        color: #fedf00 !important;
    }

    #lSports .md-virtual-repeat-scroller .animate.layout-column .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised .text-left {
        color: white !important;
    }

#evMatches .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    background-color: #324b50 !important;
    color: white !important;
}

#evMatches div.layout-align-end-center.layout-row {
    background-color: #1a1d22 !important;
}

#evMatches .positionRelative div.layout-align-end-center.layout-row {
    background-color: #1a2829 !important;
}

#evMatches .layout-wrap.layout-align-start-center.layout-row div.overlay div {
    background-color: #1a2c32 !important;
}


#evMatches .borderBottomColor.lineHeight29.height29.md-button.md-default-theme.layout-fill.layout-align-space-between-center.layout-row {
    color: #1a1d22 !important;
    font-weight: 600;
}

#leftContent .animate.layout-column .width-animation.flex {
    background: #1a2c32;
}

.trnmName {
    background: #324b50 !important;
}

#matchOddsDialog .md-button.md-primary.md-raised {
    background-color: #324b50 !important;
    color: white !important;
}

#matchOddsDialog .layout-align-space-between-center.layout-row {
    color: #1a2829 !important;
    font-weight: 500;
}

#leftContent .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #feb500 !important;
    color: #1a2829 !important;
}

#webClientView .layout-align-center-center.layout-row md-nav-ink-bar {
    display: none;
}

button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    background-color: rgba(24, 24, 24, 0.6) !important;
}


div [style="display: inline-block; width: 60px;"] {
    width: fit-content !important;
    padding: 0 5px
}


    div [style="display: inline-block; width: 60px;"] button {
        padding: 0 5px
    }

div [style="display: inline-block; width: 60px;"] {
    width: fit-content !important;
    padding: 0 5px
}


    div [style="display: inline-block; width: 60px;"] button {
        padding: 0 15px
    }

.position-top-right {
    position: absolute;
    top: 2px;
    right: 2px;
}

md-nav-ink-bar {
    height: 1px;
}

/*casino*/

#gameContent .layout-fill.layout-column .layout-align-space-between-center.layout-row {
    background: #324b50 !important;
}

#gameContent md-content {
    background: #26474c !important;
}

#gameContent .layout-align-space-between-center.layout-row .flex button {
    background: #324b50 !important;
    color: white !important;
    box-shadow: none !important;
}

#gameContent .layout-align-space-between-center.layout-row .layout-align-end-center.layout-row {
    background: #324b50 !important;
}

#gameContent .layout-align-space-between-center.layout-row .flex button.md-accent {
    background: #fbc501 !important;
    color: #1a1d22 !important;
    font-weight: bolder;
}


#gameContent md-content md-card {
    background: #fbb200 !important;
    color: #1a1d22 !important;
    font-weight: bold;
}

#gameContent .layout-align-end-center.layout-row {
    background: #1a282a !important;
}

#gameContent .layout-align-end-center.layout-row .layout-align-space-between-center.layout-row {
background: #1a282a !important;
color: white !important;
}

#gameContent .layout-align-end-center.layout-row .layout-align-space-between-center.layout-row .layout-margin {
    color: white !important;
}

#gameContent .layout-align-end-center.layout-row .layout-align-space-between-center.layout-row button md-icon {
    color: #fbb200 !important;
} 

/*results*/

.results .layout-padding {
    background: #142d33 !important;
}

.results .layout-align-space-between-center.layout-row {
    background: #142d33 !important;
}

.results .md-whiteframe-2dp.layout-fill.layout-align-space-between-center.layout-row {
    background: #1e3a3f !important;
}

.results .slideLeft1-animation.layout-fill .layout-align-start-center.layout-row {
    background: #162a2c !important;
}



/*info*/
.infoGamb .layout-align-center-center.layout-row.flex {
    background: #16292e !important;
}

.infoGamb .layout-fill.md-default-theme {
    background: #1e3b3f;
}


/*login page*/
#theme-div > md-sidenav:nth-child(4) > section > div > div > section > form > div > div > div {
    height: 70px;
    background: rgb(46, 46, 46) !important;
    border-radius: 0 65px 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

#theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper {
    background: rgb(46, 46, 46) !important;
    border-right: 1px solid #fff;
}

#theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper {
    background: #000;
    border-radius: 60px;
    width: 290px !important;
    padding: 5px;
}

#tab-content-0 > div > section > md-virtual-repeat-container > div > div.md-virtual-repeat-offsetter {
    background: rgb(46, 46, 46) !important;
    border-right: 1px solid #fff;
}

#theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item.md-active {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 5px;
}

#theme-div > md-sidenav:nth-child(4) > section > div > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-ink-bar {
    display: none;
}


.custom_black .colon {
    background: linear-gradient(-90deg, #c6d4d6 5px, transparent 5px), linear-gradient(-90deg, #c6d4d6 5px, transparent 5px);
    background-position: 2px 8px, 2px 16px;
    background-repeat: no-repeat;
    background-size: 2px 2px, 2px 2px;
}

.custom_black .digit {
    width: 15px;
    background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2b2b2b 13px), /* Topleft */
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #2b2b2b 13px); /* Bottomleft */

    background-position: 0 0, 0 12px, 0 24px, 0 2px, 0 14px;
    background-repeat: no-repeat;
    background-size: 15px 2px, 15px 2px, 15px 2px, 15px 10px, 15px 10px;
}

.custom_black .zero {
    background-image: linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}

.custom_black .one {
    background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}

.custom_black .two {
    background-image: linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #2b2b2b 13px); /* Bottomleft */
}

.custom_black .three {
    background-image: linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}

.custom_black .foure {
    background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}

.custom_black .five {
    background-image: linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #2b2b2b 13px), /* Topleft */
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}


.custom_black .six {
    background-image: linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #2b2b2b 13px), /* Topleft */
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}


.custom_black .seven {
    background-image: linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #2b2b2b 2px, #2b2b2b 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}


.custom_black .eight {
    background-image: linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}

.custom_black .nine {
    background-image: linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /*  Top  */
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Middle*/
    linear-gradient(90deg, transparent 2px, #c6d4d6 2px, #c6d4d6 13px, transparent 13px), /* Bottom*/
    linear-gradient(90deg, #c6d4d6 2px, transparent 2px, transparent 13px, #c6d4d6 13px), /* Topleft */
    linear-gradient(90deg, #2b2b2b 2px, transparent 2px, transparent 13px, #c6d4d6 13px); /* Bottomleft */
}

#betslipContent .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #ffa801 !important;
}

#gameContent .md-button.md-default-theme.md-accent:not([disabled]) md-icon, .md-button.md-accent:not([disabled]) md-icon {
    color: rgb(27 30 34);
}

button[style="background: rgb(251, 197, 1); color: rgba(255, 255, 255, 0.87);"] {
    color: #121e22 !important;
    font-weight: bolder;
}

#tournaments button.md-default-theme:not([disabled]):hover {
    color: #ff9800 !important;
}