@font-face {
          font-family: 'Cyberdyne';
          src: url('../fonts/cyberdynecond.otf');
        }

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

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

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

        table tr th{
            color:initial;
        }

        /* Home */

            table.ewp_lists_table tbody tr td{
                cursor:pointer;
                line-height:1.2;
            }

            table.ewp_lists_table thead tr th{
                background: #363636;
                color:white;
            }

            table.ewp_lists_table tbody tr:hover td{
                background:gray;
                color:white;
            }

        /* Editor */

        .ewp_page_nav{
            min-height:40px;
            background-color:#1f1f1f;
            color:white;
        }

            .ewp_page_nav.hide{
                display:none;
            }

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

            .ewp_page_nav a:hover,
            .ewp_page_nav span:hover{
                background:#df6818;
                color:white;
                text-decoration: none;
            }

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

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

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

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

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

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

					.ewp_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;
					}

					.ewp_page_nav ul li ul li a,
					.ewp_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;
					}

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

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

        .ewp_list_ed_wrapper{
            font-size:0.9em;
        }

        .ewp_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;
        }

        .ewp_list_ed_wrapper h1,
        .ewp_list_ed_wrapper h2,
        .ewp_list_ed_wrapper h3,
        .ewp_list_ed_wrapper h4,
        .ewp_list_ed_wrapper h5{
            color:black;
            font-family: Arial, serif;
            font-weight:bold;
            letter-spacing: 0.5px;
        }

        .ewp_builder_hover{
            cursor:help;
        }

        .ewp_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.3);
            display:none;
            z-index:9999;
        }

            .ewp_overlay{
                color:white;
                position:fixed;
                background: #2d2d2d;
                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;
            }

            .ewp_overlay h1,
            .ewp_overlay h2,
            .ewp_overlay h3,
            .ewp_overlay h4,
            .ewp_overlay h5,
            .ewp_overlay h6{
                color:white;
            }

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

	    .ewp_list_ed_wrapper{
	        background-color: #d7dfdb;
            font-family: Arial, sans-serif;
        }

        .ewp_list_ed_left,
        .ewp_list_ed_right{
            position:relative;
            padding:0.3em;
            background-color: #2d2c2c;
            color:white;
        }

            .ewp_list_ed_left h1,
            .ewp_list_ed_left h2,
            .ewp_list_ed_left h3,
            .ewp_list_ed_left h4,
            .ewp_list_ed_left h4,
            .ewp_list_ed_right h5,
            .ewp_list_ed_right h1,
            .ewp_list_ed_right h2,
            .ewp_list_ed_right h3,
            .ewp_list_ed_right h4,
            .ewp_list_ed_right h5
            {
                color:white;
            }

        .ewp_list_ed_left,
        .ewp_list_ed_right,
        .ewp_special_rule_draw{
            overflow-y:auto;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .ewp_list_ed_left::-webkit-scrollbar { width: 0 !important }
        .ewp_list_ed_right::-webkit-scrollbar { width: 0 !important }
        .ewp_special_rule_draw::-webkit-scrollbar { width: 0 !important }

        .ewp_unit_listing_table_wrapper{
            overflow-x:auto;
        }

        .ewp_unit_grad_background{
            background: rgb(64, 64, 64);
            background: linear-gradient(180deg, rgb(50, 50, 50) 10%, #4c664b 100%);
        }

            /*.ewp_unit_grad_background::before{*/
            /*    content:"";*/
            /*    display:block;*/
            /*    position:absolute;*/
            /*    height:100%;*/
            /*    width:100%;*/
            /*    left:0;*/
            /*    top:0;*/
            /*     background: rgba(255,255,255,0.1);*/
            /*}*/

        .ewp_unit_listing{
            position:relative;
            color:black;
            overflow: hidden;
            margin:0.1em;
            background-color:white;
            background-image: url('/res/public/img/ff_unit_listing_bg.png');
        }

            .ewp_unit_listing table{
            }

            .ewp_unit_listing table tr th,
            .ewp_unit_listing table tr td{
                color:black;
                text-align: center;
                line-height:24px;
                vertical-align: middle;
            }

            .ewp_unit_listing table tr.alt{
                background-color:rgba(0,0,0,0.2);
            }

            .ewp_unit_listing table tr th{
                background-color: rgb(23 66 151 / 30%);
                font-size:0.8em;
                line-height:24px;
                padding:0;
            }

        .ewp_unit_listing_keywords{
            background:black;
            color:white;
            line-height:24px;
            text-align: center;
        }

        .ewp_unit_title{
            padding:0 0.5em;
            color:white;
            background: rgb(64, 64, 64);
            /*background: linear-gradient(0deg, rgb(40, 59, 39) 10%, #4c664b 100%);*/
            background-image: url('/res/public/img/ewp_unit_title.webp');
            background-size:120% 100%;
        }

            .ewp_unit_title table tr td{
                color:white;
            }

            /*.ewp_unit_listing:nth-child(3n) .ewp_unit_title{*/
            /*    background-position:right;*/
            /*}*/
            /*.ewp_unit_listing:nth-child(3n-1) .ewp_unit_title{*/
            /*    background-position:center;*/
            /*}*/

            .ewp_unit_title h4{
                color:white;
                 text-transform: uppercase;
                 font-size:1.2em;
            }

            .ewp_unit_title:hover{
                background:black;
            }

            .ewp_unit_title table tr td{
                text-align: initial;
                vertical-align: middle;
                border:0;
                padding: 0.2em;
            }

            .ewp_unit_title table tr td:last-child{
                text-align: right;
            }

        .ewp_special_rule_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;
            border-left: 2px solid #223b5c;
        }

            .ewp_special_rule_draw.open{
                right:0;
            }

        /* html output */

            .ewp_view_mode_statuses,
            .ewp_reset_status_activations{
                display:none;
            }

            .ewp_html_listing_wrapper{
                overflow: hidden;
                margin:0.1em;
                background-color:white;
                background-image: url('/res/public/img/ff_unit_listing_bg.png');
                margin-bottom:0.8em;
                color:black;
                border:1px solid #001a41;
            }

            .ewp_html_table_wrapper{
            }

            .ewp_html_stat_line_table tr td,
            .ewp_html_stat_line_table tr th{
                width:1%;
            }

            .ewp_html_listing .ewp_html_table_wrapper:last-of-type{
                 border-bottom:0;
            }

            .ewp_html_listing table tr th,
            .ewp_html_listing table tr td{
                text-align: center;
                line-height:24px;
                vertical-align: middle;
            }

            .ewp_html_listing .ewp_html_weapon_table tr td:nth-child(1){
                width:25% !important;
                max-width:25% !important;
                min-width:25% !important;
            }

            .ewp_html_listing .ewp_html_weapon_table tr td:nth-child(2),
            .ewp_html_listing .ewp_html_weapon_table tr td:nth-child(3),
            .ewp_html_listing .ewp_html_weapon_table tr td:nth-child(4){
                width:10% !important;
                max-width:10% !important;
                min-width:10% !important;
            }

            .ewp_html_listing .ewp_html_weapon_table tr:first-child td:nth-child(1),
            .ewp_html_listing .ewp_html_weapon_table tr:first-child th:nth-child(1),
            .ewp_html_listing .ewp_html_weapon_table tr:first-child th:nth-child(2){
                width:25% !important;
                max-width:25% !important;
                min-width:25% !important;
            }

            .ewp_html_listing .ewp_html_weapon_table tr:first-child td:nth-child(3),
            .ewp_html_listing .ewp_html_weapon_table tr:first-child td:nth-child(4),
            .ewp_html_listing .ewp_html_weapon_table tr:first-child td:nth-child(5),
            .ewp_html_listing .ewp_html_weapon_table tr:first-child th:nth-child(3),
            .ewp_html_listing .ewp_html_weapon_table tr:first-child th:nth-child(4),
            .ewp_html_listing .ewp_html_weapon_table tr:first-child th:nth-child(5){
                width:10% !important;
                max-width:10% !important;
                min-width:10% !important;
            }

                .ewp_html_listing .ewp_html_weapon_table tr td select{
                    padding:0.1em;
                }

                .ewp_html_listing .ewp_html_weapon_table tr td{
                    bborder-bottom:1px solid #b6b6b6;
                }

                .ewp_html_listing .ewp_html_weapon_table tr.alt td{
                    bborder-bottom:1px solid #838383;
                }

                .ewp_html_listing .ewp_html_weapon_table tr:last-child td,
                .ewp_html_listing .ewp_html_weapon_table tr:first-child td:first-child{
                    border-bottom:0;
                }

            .ewp_html_listing table tr.alt{
                background-color:rgba(0,0,0,0.2);
            }

             .ewp_html_listing table tr th{
                background-color: rgb(23 66 151 / 30%);
            }

            .ewp_html_listing table.ewp_indicator_table tr td{
                border:0;
                font-size:1.5em;
            }

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

            .ewp_html_company_line_td,
            .ewp_html_company_line_td_top
            {
                position:relative;
                width:2em;
                min-width: 2em;
            }

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

                .ewp_html_company_table tr:last-child td.ewp_html_company_line_td::before{
                     height:49%;
                }

            .ewp_html_company_line_td_right{
                position: relative;
            }

                .ewp_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:white;
                    border-radius:2px;
                }

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

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

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

            table.ewp_list_summery_table_options thead tr th,
            table.ewp_list_summery_table_options tbody tr td{
                width:7%;
                text-align:center;
            }

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



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

        .ewp_special_rules_html_summary td,
        .ewp_spells_html_summary td,
        .ewp_artefacts_html_summary td{
            line-height:1;
            font-size:0.9em;
        }

        .ewp_unit_details_strats{
            column-count: 2;
        }

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

        .ewp_list_ed_wrapper button{
            margin:0.4em 0;
        }

    }

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

        .ewp_unit_details_strats{
            column-count: 1;
        }

            .builder_drawer_button {
                padding: .2em;
                background: #fff;
                border: 1px solid #000;
                border-radius: .5em;
                display: inline-block;
                margin: 0 .1em .1em .1em;
                color:black;
                line-height: 1;
            }

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

        .ewp_list_ed_wrapper{
            margin-top:3em;
        }

        .ewp_list_ed_left{
            position: fixed;
            z-index: 999;
            width: 100% !important;
            top: 5.5em;
            left:-100%;
            /*background: white;*/
            overflow: auto;
            height:calc(100% - 5.5em);
            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);
        }

             .ewp_list_ed_left.open{
                 left:0;
             }

        .ewp_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;
        }

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

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

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

        .ewp_list_ed_wrapper{
            font-size:0.8em;
        }

        .ewp_list_ed_wrapper button{
            margin:0.4em 0;
        }

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

        .ewp_html_company_line_td,
        .ewp_html_company_line_td_top
        {
            position:relative;
            width:1em;
            min-width: 1em;
        }

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

    }

    @media print {

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

        body * {
            visibility: hidden;
        }

        .page_header,
        .page_nav,
        .ewp_list_ed_left{
            display:none;
        }

        .ewp_list_ed_right * {
            visibility: visible;
        }

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

        button,
        .ewp_valid_list_alert
        {
            display:none;
            visibility:hidden;
        }

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

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

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

        .ewp_html_dark_bg{
            background-color:lightgrey !important;
        }

        .ewp_unit_title,
        .ewp_unit_listing_keywords,
        .ewp_skeywords_html_summary th{
            background-color:grey !important;
            white-space: nowrap;
        }

    }