* {
    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);
}