@font-face {
          font-family: 'Marion';
          src: url('../fonts/MarionRegular.woff');
        }

        @font-face {
          font-family: 'MarionBold';
          src: url('../fonts/MarionBold.woff');
        }

        @font-face {
          font-family: 'WolfsBane';
          src: url('../fonts/wolfsbane2ii.woff');
        }

        .kow4_home_tabs_buttons tr td{
            padding:0.2em;
            border:1px solid #363636;
            cursor:pointer;
        }

            .kow4_home_tabs_buttons tr td.active{
                background-color:#363636;
                color:white;
                font-weight:bold;
            }

        .kow4_list_ed_wrapper button{
            border-radius:2px;
            background-color: white;
            border:0;
            box-shadow: 0px 0px 2px black;
            -moz-box-shadow: 0px 0px 2px black;
            -webkit-box-shadow: 0px 0px 2px black;
           padding: 0.2em;
        }

        .kow4_builder_hover{
            cursor:help;
        }

        .kow4_builder_loading{
            position:fixed;
            text-align: center;
            color:white;
            font-size:4em;
            width:100%;
            height:0px;
            top:0;
            left:0;
            bottom:0;
            right:0;
            background:rgba(0,0,0,0.5);
            display:none;
            z-index:9999;
        }

        .kow4_overlay{
            position: fixed;
            background: #e7ede3;
            height: 98%;
            z-index: 9999;
            overflow-y: auto;
            padding: 0.5em;
            width: 98%;
            top: 1%;
            right: 1%;
            bottom: 1%;
            left: 1%;
            display:none;
            box-shadow: 0px 0px 40px black;
        }

            .kow4_overlay_close{
                position:fixed;
                top:2%;
                right:3%;
            }

        .kow4_special_rule_artefact_spell_draw{
            position:fixed;
            top:0;
            height:100%;
            width:35%;
            right:-36%;
            transition: all 0.3s;
            background:white;
            padding:1em;
            -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
            z-index:999;
            overflow-y: auto;
        }

            .kow4_special_rule_artefact_spell_draw.open{
                right:0;
            }

            /* Needed to override main style */
        table tr th{
            color:initial;
            background-color:transparent;
        }

        .kow4_page_nav{
            min-height:80px;
            background-color:#1f1f1f;
            background:url(/res/public/img/kow4/rip.webp);
            background-size:100% 100%;
            color:white;
        }

            .kow4_page_nav.hide{
                display:none;
            }

            .kow4_page_nav a,
            .kow4_page_nav span{
                color:white;
                cursor:pointer;
                white-space: nowrap;
            }

            .kow4_page_nav a:hover,
            .kow4_page_nav span:hover{
                bbackground:#df6818;
                color:white;
                text-decoration: underline;
            }

            .kow4_page_nav ul,
            .kow4_page_nav ul li,
            .kow4_page_nav ul a{
                min-height: 40px;
                line-height:40px;
                position: relative;
            }

            .kow4_page_nav ul li ul{
				margin:0;
				display:none;
				position:absolute;
				left:0;
				top: 100%;
				width:300px;
				background-color:black;
				z-index:9;
			}

                .kow4_page_nav ul li:last-child ul{
                    right:0;
                    left:unset;
                }

				.kow4_page_nav ul li:hover ul{
					display:block;
				}

				.kow4_page_nav ul li ul li{
				    float:none;
				    display:block;
				    width:100%;
                }

				.kow4_page_nav ul li ul li.arrow_wrapper{
					position:absolute;
					text-align:center;
					width:100%;
					top: -13px;
					height: 14px;
				}

					.kow4_page_nav ul li ul li.arrow_wrapper .up_arrow{
						width: 0;
						height: 0;
						padding:0;
						border-left: 10px solid transparent;
						border-right: 10px solid transparent;
						border-bottom: 10px solid #f9af05;
						display: inline-block;
					}

					.kow4_page_nav ul li ul li a,
					.kow4_page_nav ul li ul li a{
						color:white;
						padding-left:1em;
						padding-right:1em;
						height:2.8em;
						line-height:2.8em;
						font-weight:400;
					}

						.kow4_page_nav ul li ul li a:hover{
							background:#df6818;
						}

					.kow4_page_nav ul li ul li:last-child{
						border:none;
					}

	    .kow4_list_ed_wrapper{
	        /*background-color: #e8eee4;*/
            /*background-image: url(/res/public/img/kow4/light_bg.webp);*/
            /*background-repeat: no-repeat;*/
            /*background-size: cover;*/
        }



        .kow4_list_ed_wrapper hr{
            margin-bottom:0.3em;
        }



        .kow4_list_ed_left,
        .kow4_list_ed_right{
            position:relative;
            padding:0.3em;
            overflow-y:auto;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .kow4_list_ed_left{
            /*border-right: 1px solid #888888;*/
            padding-bottom:1em;
        }

        .kow4_list_ed_left::-webkit-scrollbar { width: 0 !important }

        .kow4_list_ed_right::-webkit-scrollbar { width: 0 !important }

        .kow4_list_top_bar{
            position:absolute;
            top:0;
            width:100%;
            left:0;
            right:0;
            z-index:1;
        }

        .kow4_list_ed_left:before,
        .kow4_list_ed_right:before{
            /*content:"";*/
            /*width:100%;*/
            /*display:inline-block;*/
            /*position:absolute;*/
            /*top:0;*/
            /*left:0;*/
            /*bottom:0;*/
            /*right:0;*/
            /*background-image: url(/res/public/img/kow4_ed_top_bar.png);*/
            /*background-repeat: no-repeat;*/
            /*background-size: contain;*/
            /*background-position: center top;*/
            /*transform:scaleX(-1);*/
        }

            .kow4_list_ed_right:before{
                transform:scaleX(1);
            }

        .kow4_unit_listing{
            position:relative;
            color:black;
            border: 1px solid black;
            border-bottom:1px solid white;
        }

            .kow4_unit_listing:last-child{
                border-bottom:1px solid black;
            }

            .kow4_unit_listing hr{
                border-top:1px solid gray;
            }

            .kow4_list_ed_wrapper h1,
            .kow4_list_ed_wrapper h2,
            .kow4_list_ed_wrapper h3,
            .kow4_list_ed_wrapper h4,
            .kow4_list_ed_wrapper h5{
                color:black;
                font-family: "Source Sans Pro", Arial,  sans-serif;
                font-weight:bold;
                letter-spacing: 0.5px;
            }

            .kow4_list_ed_wrapper h3{
                font-family:WolfsBane, Marion, serif;
                font-size:3em;
                line-height:1;
                margin-bottom:0;
                font-weight: normal;
                letter-spacing: 0.02em;
            }

            .kow4_unit_listing h4{
                font-size:1em;
                line-height:1;
                margin-top: 0.3em;
            }

                .kow4_unit_listing h4:first-child{
                   margin-top: 0;
                }

            .kow4_unit_listing label{
                line-height:1.1;
            }

        .kow4_unit_title{
            padding:0.3em 0.5em 0.2em 0.5em;
            background: #312e28;
            background: #1c1c1c;
            color:white;
        }

            .kow4_unit_title h4{
                color:white;
            }

            .kow4_unit_title:hover{
                background: black;
            }

            .kow4_unit_title tr td{
                padding:0.3em 0.5em;
                vertical-align: middle;
            }

        .kow4_html_unit_title,
        .kow4_html_unit_title:hover{
            background: #2c2924;
            color:white;
        }

            .kow4_html_unit_title h4{
                color:white;
            }

        .kow4_html_dark_bg{
            background:rgba(0,0,0,0.1);
        }

            /*.kow4_unit_listing::before,*/
            /*.kow4_unit_listing:last-child::after{*/
            /*    content:"";*/
            /*    height:4px;*/
            /*    width:100%;*/
            /*    position:absolute;*/
            /*    top:0;*/
            /*    left:0;*/
            /*    background: #2c2924;*/
            /*    border: 1px solid #68663d;*/
            /*    border-radius:4px;*/
            /*}*/

            /*.kow4_unit_listing:last-child::after{*/
            /*    top:100%;*/
            /*}*/

            /*.kow4_unit_listing_no_after::after,*/
            /*.kow4_unit_listing_no_after::before,*/
            /*.kow4_unit_listing_no_after:last-child::after{*/
            /*    border:0;*/
            /*    height:0px;*/
            /*    background:transparent;*/
            /*}*/

        .quick_add_unit_dropdown{
            position:absolute;
            color:black;
            display:none;
            background-color:white;
            padding:0.5em;
            z-index:999;
            top: -0.3em;
            right: -0.5em;
            width: auto;
            min-width:300px;
            border:1px solid black;
        }

            .quick_add_unit_dropdown p{
                text-align: left;
            }

        .kow4_name_artefact_shop{
            margin-bottom:0em;
            border-bottom:1px solid gray;
        }

        .kow4_unit_stats_circles_outer{
            min-width:210px;
        }

        .kow4_unit_stat_cicles{
            text-align: center;
            margin-bottom:0.3em;
            white-space: nowrap;
            padding:0 0.3em !important;
            min-width:105px;
        }

        .kow4_unit_stat_cicle{
            border-radius:500px;
            background-color: #dedede;
            border:2px solid #868686;
            text-align: center;
            width:45px;
            height:45px;
            display:inline-block;
            line-height: 1;
        }

            .kow4_unit_stat_cicle h4{
                line-height:1;
                font-size:1em;
                padding-top:0.3em;
            }

            .kow4_unit_stat_cicle span{
                font-size:1em;
                line-height: 1;
                vertical-align: top;
            }

        .kow4_unit_sizes{
            ppadding:0 0.5em !important;
            margin-bottom:0.3em;
        }

            .kow4_unit_sizes table thead tr th,
            .kow4_unit_sizes table tbody tr td{
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                padding-bottom:0.2em;
                padding-top:0.2em;
            }

                .kow4_unit_sizes table thead tr th:first-child,
                .kow4_unit_sizes table tbody tr td:first-child{
                    text-align: left;
                    padding-left:0.2em;
                }

                .kow4_unit_sizes table thead tr th:last-child,
                .kow4_unit_sizes table tbody tr td:last-child{
                    text-align: right;
                    padding-right:0.2em;
                }

        .magical_artefact_select,
        .kow4_custom_name_input,
        .mathhammer_button,
        .kow4_shop_link_button{
            font-size:0.8em;
            padding: 0 0.3em;
            height:28px;
            line-height:26px;
            border-radius:0;
            -moz-border-radius:0;
            -webkit-border-radius:0;
            border:0 !important;
        }

        .kow4_custom_name_input{
            border-right:1px solid gray !important;
        }

        .kow4_unit_sr_options{
            padding:0.5em;
        }
        
        .kow4_html_company_line_td,
        .kow4_html_company_line_td_top
        {
            position:relative;
            width:2em;
            min-width: 2em;
        }

            .kow4_html_company_line_td::before{
                content:"";
                position:absolute;
                left:49%;
                display:block;
                height:100%;
                width:1px;
                background:black;
            }
            .kow4_html_company_line_td::after{
                content:"";
                position:absolute;
                left:49%;
                top:49%;
                display:block;
                height:1px;
                width:51%;
                background:black;
            }

            .kow4_html_company_table tr:last-child td.kow4_html_company_line_td::before{
                 height:49%;
            }

        .kow4_html_company_line_td_right{
            position: relative;
        }

            .kow4_html_company_line_td_right .kow4_unit_listing{
                background:rgba(255,255,255,0.4);
            }

            .kow4_html_company_line_td_right::before{
                content:"";
                position:absolute;
                left:calc(((2em - 10px) / -2) - 10px);
                top:calc((100% - 12px) / 2);
                display:block;
                height:10px;
                width:10px;
                background:black;
                border-radius:2px;
            }

            .kow4_html_company_line_td_top::before{
                content:"";
                position:absolute;
                left:49%;
                top:49%;
                display:block;
                height:51%;
                width:1px;
                background:black;
            }
            .kow4_html_company_line_td_top::after{
                content:"";
                position:absolute;
                left:49%;
                top:49%;
                display:block;
                height:1px;
                width:51%;
                background:black;
            }

        table.kow4_list_summery_table thead tr th,
        table.kow4_list_summery_table tbody tr td{
            width:7%;
            text-align:center;
            border-top:1px solid black;
            vertical-align: middle;
            line-height:1.3;
        }

            table.kow4_list_summery_table thead tr th:first-child,
            table.kow4_list_summery_table tbody tr td:first-child{
                width:28%;
                text-align:left;
                wwhite-space: nowrap;
                padding-left:0.3em;
            }

        table.kow4_list_summery_table_options thead tr th,
        table.kow4_list_summery_table_options tbody tr td{
            width:7%;
            text-align:center;
            line-height:1.2;
        }

            table.kow4_list_summery_table_options thead tr th:first-child,
            table.kow4_list_summery_table_options tbody tr td:first-child{
                width:84%;
                text-align:left;
                padding-left:1em;
            }

        .kow4_list_ed_right:-webkit-full-screen button,
        .kow4_list_ed_right:-moz-full-screen button,
        .kow4_list_ed_right:-ms-fullscreen button,
        .kow4_list_ed_right:fullscreen button{
            display:none;
            opacity:0;
        }

        .kow4_command_html_summary td,
        .kow4_special_rules_html_summary td,
        .kow4_spells_html_summary td,
        .kow4_artefacts_html_summary td{
            line-height:1;
            font-size:0.9em;
        }

    .mh_search_result{
        cursor:pointer;
        background: #dedede;
        padding:0.2em;
        margin-bottom:0.2em !important;
    }

    @media only screen and (max-width:1000px){
        .kow4_list_ed_wrapper{
            font-size:0.8em;
        }

        .kow4_list_ed_wrapper button{
            margin:0.4em 0;
        }
    }

    @media only screen and (max-width:767px){

        .kow4_html_company_line_td,
        .kow4_html_company_line_td_top
        {
            width:0.7em;
            min-width: 0.7em;
        }

        .kow4_html_company_line_td_right::before{
            left:calc(((0.7em - 6px) / -2) - 8px);
            top:calc((100% - 10px) / 2);
            height:8px;
            width:8px;
        }

        .kow4_home_tabs_buttons tr td{
            font-size:0.8em;
            line-height:1.1;
        }

        .kow4_list_builder_menu_button_outer{
            position:fixed;
            top:0;
            z-index:999;
        }

        .kow4_list_ed_wrapper{
            margin-top:3em;
        }

        .kow4_list_ed_left{
            position: fixed;
            z-index: 999;
            width: 100% !important;
            top: 5.8em;
            left:-100%;
             background-image: url(/res/public/img/kow4/light_bg.webp);
			background-repeat: no-repeat;
			background-size: cover;
            overflow: auto;
            height:calc(100% - 5.8em);
            transition: all 0.3s;
            -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.5);
        }

             .kow4_list_ed_left.open{
                 left:0;
             }

        .kow4_list_builder_menu_button_mobile_lower {
            font-size: 0.8em;
            position: fixed;
            bottom: 1em;
            z-index: 999;
            width: 60px;
            height: 60px;
            line-height: 50px;
            border-radius: 60px;
            left: calc((100% - 60px) / 2);
            text-align: center;
        }

        .kow4_page_nav{
            background:black;
            position: fixed;
            top: 2.2em;
            width: 100%;
            height: auto;
            z-index: 999;
        }

        .kow4_page_nav ul li ul{
            width:auto;
            position:static;
            display:block;
        }

            .kow4_page_nav ul li .mobile-hide{
                display:none;
            }

        .kow4_unit_stats_circles_outer,
        .kow4_unit_stat_cicles{
            min-width:80px;
        }

        .kow4_unit_stat_cicle{
            width:35px;
            height:35px;
        }

        .kow4_list_ed_wrapper{
            font-size:0.8em;
        }

        .kow4_list_ed_wrapper button{
            margin:0.7em 0;
            padding:1px;
        }

        .kow4_dupe_list_form{
            margin-top:0.5em;
            margin-bottom:0.5em;
            display:block;
        }

        .kow4_special_rule_artefact_spell_draw{
            position:fixed;
            top:0;
            height:100%;
            width:90%;
            right:-110%;
        }

        span.builder_drawer_button{
            background: white;
            border-radius: 5px;
            border: 1px solid black;
            padding: 0.1em 0.2em;
            margin-bottom: 0.2em;
            display: inline-block;
        }

        .general_overlay span.builder_drawer_button{
            background: transparent;
            border-radius: 0;
            border: 0;
            padding: 0;
            margin: 0;
            display: inline;
        }

        .general_overlay span.builder_drawer_button:hover{
            cursor:unset;
        }

    }

    @media print {

        body {
          -webkit-print-color-adjust: exact !important;
             font-size:0.8em;
        }

        body * {
            visibility: hidden;
        }

        .page_header,
        .kow4_page_nav,
        .kow4_list_ed_left{
            display:none;
        }

        .kow4_list_ed_right * {
            visibility: visible;

        }

        .kow4_list_ed_right {
            position: static !important;
            left: 0 !important;
            top: 0 !important;
            width:100% !important;
            background-color: white !important;
            font-size:0.9em;
        }

        button,
        .kow4_valid_list_alert,
        .kow4_unit_listing::before,
        .kow4_unit_listing:last-child::after
        {
            display:none;
            visibility:hidden;
        }

        .kow4_unit_listing{
            border-top:3px solid black;
            break-inside: avoid;
        }

        .kow4_unit_listing:nth-child(odd){
            background-color: #e0e0e0 !important;
        }

        .kow4_unit_listing:last-child{
            border-bottom:3px solid black;
        }

        .kow4_html_dark_bg{
            background-color: #e1e1e1 !important;
        }

        .kow4_html_unit_title,
        .kow4_special_rules_html_summary th,
        .kow4_spells_html_summary th,
        .kow4_artefacts_html_summary th{
            /*background-color:grey !important;*/
            /*white-space: nowrap;*/
            /*color:white !important;*/
        }

    }