.implementationbox table, .implementationbox_V2 table {
    width: 100%;
}

.implementationbox table, .implementationbox_V2 table {
    border-collapse: collapse;
    background-color: rgba(0,0,0,0);
}

    .implementationbox table tbody tr:nth-child(even), .implementationbox_V2 table tbody tr:nth-child(even) {
        background: #f1f2f2;
    }

    .implementationbox table tbody td, .implementationbox_V2 table tbody td {
        padding: 1rem 2rem;
        border-right: 2px solid #d8d8d8;
    }

        .implementationbox table tbody td:last-child, .implementationbox_V2 table tbody td:last-child {
            border-right: none;
        }

.ph .filterInner {
    background: #f1f2f2;
}

/*************Mobile Run Off Fix*****************
@media (min-width: 100px){
.implementationbox{
    display: none;
}
  }*/
  
@media (min-width: 320px) {
    .implementationbox table {
        display: block;
        width: 100%;
        max-width: 100%;
    }

        .implementationbox table tr {
            display: grid;
        }

            .implementationbox table tr td {
                display: inherit;
                width: inherit;
                max-width: inherit;
            }
}

@media (min-width: 480px) {
    .implementationbox {
        display: block;
        width: 100%;
        max-width: 100%;
    }

        .implementationbox table tr {
            display: grid;
        }

            .implementationbox table tr td {
                display: inherit;
                width: inherit;
                max-width: inherit;
            }
}

@media (min-width: 568px) {
    .implementationbox table {
        display: table;
    }

        .implementationbox table tr {
            display: table-row;
        }

            .implementationbox table tr td {
                display: table-cell;
                width: auto;
                max-width: unset;
            }
}

@media (min-width: 768px) {
    .implementationbox table {
        display: table;
    }

        .implementationbox table tr {
            display: table-row;
        }

            .implementationbox table tr td {
                display: table-cell;
                width: auto;
                max-width: unset;
            }
}

@media (min-width: 992px) {
    .implementationbox table {
        display: table;
    }

        .implementationbox table tr {
            display: table-row;
        }

            .implementationbox table tr td {
                display: table-cell;
                width: auto;
                max-width: unset;
            }
}

@media (min-width: 1200px) {
    .implementationbox table {
        display: table;
    }

        .implementationbox table tr {
            display: table-row;
        }

            .implementationbox table tr td {
                display: table-cell;
                width: auto;
                max-width: unset;
            }
}

/*
media query (>100){
	.implementationbox table{
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.implementationbox table tr{ display: table-row;}
	.implementationbox table tr td{
		display: inherit;
		width: inherit;
		max-width: inherit;
	}
}
media query (>768px){
	.implementationbox table{
		display: table;
	}
	.implementationbox table tr{ display: table-row;}		
	.implementationbox table tr td{
			display: table-row;
			width: auto;
			max-width: unset;
	}
}
*/

/*PH 2.0 Changes*/
.implementationbox_V2 {
    margin-left: auto;
    margin-right: auto;
}

.ph .filterInner {
    padding: 40px 0 !important;
}

.ph .eventFilterLeader span {
    color: #4a0d66 !important;
}

.ph.eventRoutingFilter .filterInner {
	flex-direction: unset !important;
}

@media (min-width: 480px) {
    .ph .filterOptionWrapper {
        text-align: left !important;
        justify-content: left !important;
        width: 100% !important;
        padding: 2.5px !important;
    }
}

@media (max-width: 480px) {
    .ph .filterOptionWrapper {
        text-align: left !important;
        justify-content: left !important;
        width: 100% !important;
        padding: 5px !important;
    }
}

.ph .filterOptionWrapper span {
    font-size: 18px !important;
    font-weight: 400 !important;
    padding: 0 30px 0 15px !important;
}

.ph .filterOptionWrapper .dropDownWrapper {
    background: white !important;
    margin: 0px !important;
    width: auto !important;
    max-width: none !important;
    border-color: #808285 !important;
}

    .ph .filterOptionWrapper .dropDownWrapper select {
        max-width: none !important;
        padding: 0 30px 0 15px !important;
    }

@media (min-width: 480px) {
    /*.ph .filterOptionWrapper input[type=submit] {
        margin: 15px 0 0 0 !important;
    }*/
	
	.ph .filterOptionWrapper input[type=submit] {
		margin: 11px 11px 11px 0 !important;
		padding: 0.5em 2rem !important;
	}
}

@media (max-width: 480px) {
    /*.ph .filterOptionWrapper input[type=submit] {
        margin: 15px 0 0 0 !important;
    }*/
	
	.ph .filterOptionWrapper input[type=submit] {
		margin: 11px 11px 22px 0 !important;
		padding: 0.6em 0 !important;
	}

        .ph .filterOptionWrapper input[type=submit]:after {
            content: "\a";
            white-space: pre;
        }
}

.ph .filterContainer {
    width: 60% !important;
}

.ph .clearFilters {
    margin-top: auto !important;
    margin-bottom: auto !important;
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
    font-size: 18px !important;
    display: block;
}

.res_phSearchResults1 {
    padding-bottom: 5% !important;
}

.res_phSearchResults2 {
    padding-bottom: 5% !important;
}
/*PH 2.0 Changes*/

@media (min-width: 100px) {
    .stateLocatorContent {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .stateLocatorContent {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .stateLocatorContent {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .stateLocatorContent {
        display: block;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .stateLocatorContent {
        display: block;
    }
}

@media (min-width: 1281px) {
    .stateLocatorContent {
        display: block;
        padding-left: 110px;
    }
}
/**/
.state text {
    font-family: "HouschkaAltPro", Arial, sans-serif !important;
}

#Puerto-Rico.state text tspan {
    text-transform: capitalize !important;
}

/*#ddlState {
    font-family: "HouschkaAltPro", Arial, sans-serif !important;
}*/

#State_Abbr {
    font-family: "HouschkaAltPro", Arial, sans-serif !important;
}

#locationMap {
    max-width: 100%;
    height: auto;
}

    #locationMap .state {
        cursor: pointer;
    }

        #locationMap .state path {
            fill: #d1d3d4;
            stroke: #f1f2f2;
        }

            #locationMap .state path.darkText {
                stroke: rgba(0,0,0,0);
            }

        #locationMap .state .text {
            stroke: rgba(0,0,0,0);
            fill: #808285;
        }

        #locationMap .state.noBorder path {
            stroke: #d1d3d4;
        }

        #locationMap .state.noBorder:hover path {
            stroke: #4a0d66;
        }

        #locationMap .state:hover path {
            fill: #4a0d66;
        }

        #locationMap .state:hover text {
            fill: #fff;
        }

            #locationMap .state:hover text.darkText {
                fill: #359a8e;
            }

        #locationMap .state.on path {
            fill: #4a0d66;
        }

        #locationMap .state.on text {
            fill: #fff;
        }

            #locationMap .state.on text.darkText {
                fill: #4a0d66;
            }