@import url('https://fonts.cdnfonts.com/css/Rajdhani');

    html {
        background-color: #fafafe;
        margin: 0px ; 
    } 
    body { 
        -webkit-text-size-adjust: 250%;
        margin: 0px ; 
        font-family: 'calibri', sans-serif;
        font-family: 'Rajdhani', sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
    }
    h1, .heading--1 {
        font-family: "Lato", Geneva, Tahoma, sans-serif;
        font-size: 30px;
        font-weight: 300;
        line-height: 38px;
        letter-spacing: 1px;
        color: #2b3040;
    }
    #header {
        font-size: 46px;
        margin: 0px;
        padding: 20px;
        line-height: 0.5;
        border-bottom: solid #cb213d 3px;
        background: #09213d;
        color: #ffffff; 
        font-family: impact;
        text-align: center;
    } 
    #header a {
        color: #fff ; 
    }
    #header .last {
        color: #cb213d;
        text-transform: capitalize;
    }
    #footer {
        font-size: 10px;
        margin: 0px;
        padding: 20px;
        line-height: 1;
        border-top: solid #efefef 1px;
    }
    #content {
        padding: 20px;
    }
    .selectable{
            -webkit-touch-callout: all; /* iOS Safari */
            -webkit-user-select: all; /* Safari */
            -khtml-user-select: all; /* Konqueror HTML */
            -moz-user-select: all; /* Firefox */
            -ms-user-select: all; /* Internet Explorer/Edge */
            user-select: all; /* Chrome and Opera */
    }
	.padding10 { 
		padding: 10px;
	}
	.righttext {
		text-align: right;
	}
	.lefttext {
		text-align: left;
	}
	.centre {
		text-align: center;
	}
	.roh_row, .paste_row {
		display: flex ;
		flex-wrap: wrap; 
		border-bottom: solid #dddddd 1px;
	}
        .paste_row >* { 
		padding: 0px;
        }
        .paste_array_roh {
		border: solid #dddddd 1px ; 
		padding: 5px ; 
		margin: 5px ; 
        }
        .paste_array_roh .ppppproh_row >* {
		flex: 1;
        }
	.paste_row .paste_key {
		text-align: right;
		padding-right: 20px;
        }
        .paste_array_roh >*:last-child { 
		border-bottom: solid #dddddd 0px ; 
        }
        .paste_array_roh .paste_row >*:last-child { 
		flex: 1;
            eeewidth:80%;
	}
        .paste_array_roh .paste_row  >*:first-child { 
            margin:auto 0px;
		pppdisplay: flex ;
            eeeeflex: 1;
            pppwidth:20%;
            max-width:250px;
            color:#8892BF;
		font-weight: 600;
        }
	select, .mma, .inputsubmit, input, .check_cell {
		ppmin-width: 200px;
		pppwidth: 100%;
		min-width: 160px;
		font-size: 1em;
		font-family: 'Rajdhani', sans-serif;
		margin: 0px;
		border-width: 1px;
		border-style: solid;
		border-color: #efefef;
		border-color: #dddddd;
		border-color: #999999;
		color: #8892BF;
		color: #666666;
		font-weight: 600;
		padding: 5px;
		text-align: center;
		background-color: #ffffff;
		border-radius:5px;
	}
        .leg_row {
		display: flex ;
		flex-wrap: wrap; 
		border-bottom: solid #eeeeee 1px ; 
	}
        .leg_row >* {
            flex: 1;
            padding:0px 15px;
	}
        .dart_wins_row >* { 
            padding:0px 5px;
	}
        .leg_row >*:last-child, .leg_row >*:first-child {
            flex: 2; 
        }
        .dart_wins_row >*:last-child, .dart_wins_row >*:first-child {
            flex: 1; 
        }
        .leg_row >*:first-child { 
		position: relative;
        }
        .leg_cont {
		display: flex ;
		flex-wrap: wrap; 
		text-align: center;
            pppppmin-width: 300px ; 
            min-width: 30% ; 
	}
        .leg_cont >* { 
        }
        .game_cont {
		display: flex ;
		flex-wrap: wrap; 
        }
        .leg_border {
                width: 100% ; 
		padding: 5px;
		margin: 5px 5px 50px;
		border: solid #dddddd 1px ; 
		border-color: #999999;
		border-radius: 5px ; 
            background: #ffffff; 
        }
        .leg_header {
		font-weight: 700;
		border-bottom: solid #dddddd 1px ; 
		margin-bottom: 5px;
        }
        .leg_row .checked, .leg_row .checked span.darts {
		font-weight: 600;
            pppborder-bottom: 1px solid #c68c8c;
            background: #f3f4fe;
            background: #f3f9ee;
            color:#8cc68c ;
            color:#67962e ;
        }
        .leg_row span.ton, .leg_row .checked span.ton, .leg_row span.one80   {
		font-weight: 600;
            pppborder-bottom: 1px solid #c68c8c;
            background: #f3f4fe;
            background: #f9f3ee;
            color:#c68c8c ;
        }
        .leg_row span.one80  {
		font-weight: 800;
        }
        .leg_row .checked span.ton  {
            background: #8cc68c; 
            color:#ffffff ;
		padding: 0px 5px;
        }
        .leg_row span.muted {
            color:#bbbbbb ;
		font-weight: 500;
        }
        .right_border {
		border-right: solid #dddddd 1px ; 
        }
        .bottom_border {
		border-bottom: solid #dddddd 1px ; 
        }
        .right_border_hard {
		border-right: solid #888888 1px ; 
        }
        .bottom_border_hard {
		border-bottom: solid #888888 1px ; 
        }
        .leg_row span.darts {
		position: absolute;
                top: 5px;
                left:10px;
		font-size: 0.5em;
                background: #ffffff; 
		padding: 1px 2px;
        }
        .leg_scores:hover .leg_row {
		font-weight: 300;
        }
        .leg_scores .leg_row:hover {
		font-weight: 500;
        }
        .leg_scores .leg_row:hover, .leg_scores .leg_row:hover span.darts, .leg_scores .leg_row:hover span.ton {
                background: #eee4c8; 
            background: #eef3f9;
		font-weight: 600;
        }
        .leg_scores .leg_row:hover span.ton {
		font-weight: 700;
        }
        .game_info {
		display: flex ;
		flex-wrap: wrap; 
		text-align: center;
        }
        .game_info >* {
            flex: 1;
            padding:10px;
        }
        .dpl_cont {
		pppposition: relative;
        }
        .dpl_cont >*:last-child {
			font-size: 0.5em;
			pppposition: absolute;
                pppbottom: 0px;
                pppleft:auto;
                pppright:auto;
        }
        .game_info_header {
			margin-bottom: 50px;
        }
        
        @media (orientation: portrait) {
            
            .leg_cont >* { 
                min-width: 100% ; 
            }
            .leg_cont { 
                min-width: 100% ; 
            }
        }
        
        @media (orientation: landscape) {
            body { 
                -webkit-text-size-adjust: 100%;
            } 
        }