﻿.profile-state-city-section-right li {
    list-style-type: none;
}

@media (min-width: 767.98px) {
    .profile-state-city-section {
        display: -ms-grid;
        display: grid;
        grid-template-areas: "scRight scLeft";
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .profile-state-city-section-left {
        -ms-grid-column: 2;
        grid-area: scLeft;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    .profile-state-city-section-right {
        -ms-grid-column: 1;
        grid-area: scRight;
        -ms-grid-row: 1;
        grid-row: 1;
        display: -ms-grid;
        display: grid;
        grid-template-areas: "scCurrentHeader" "scCurrentList" "scCurrentRemoveButton";
    }

    .profile-state-city-add-listing-section {
        display: -ms-grid;
        display: grid;
        grid-template-areas: "scLabel scUserInput";
        -ms-grid-columns: 1fr 6fr;
        grid-template-columns: 1fr 6fr;
    }

    .profile-state-city-add-listing-section > div {
        margin-bottom: .2rem;
    }

    .profile-state-city-country-dropdown-label {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: scLabel;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column-align: center;
        justify-self: center;
    }

    .profile-state-city-country-dropdown {
        grid-template-areas: scUserInput;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    .profile-state-city-state-dropdown-label {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: scLabel;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column-align: center;
        justify-self: center;
    }

    .profile-state-city-state-dropdown {
        grid-template-areas: scUserInput;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    .profile-state-city-city-textbox-label {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: scLabel;
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column-align: center;
        justify-self: center;
    }

    .profile-state-city-city-textbox {
        grid-template-areas: scUserInput;
        -ms-grid-row: 3;
        grid-row: 3;
    }
    .profile-state-city-add-listing-button {
        text-align:right;
        margin-right: .5rem;
    }

    .profile-state-city-section-right > div {
        margin-left: 6rem;
    }


    .profile-state-city-section-right li label {
        display: inline;
        vertical-align: middle;
        margin: 0 0 0 2%;
    }

    .profile-state-city-section-right li input {
        margin: 1px 0 0;
    }
}



.profile-state-city-current-header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: scCurrentHeader;
}

.profile-state-city-current-checkboxes {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: scCurrentList;
}

.profile-state-city-remove-button {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: scCurrentRemoveButton;
    justify-self: start;
    -ms-grid-column-align: start;
}

    .profile-state-city-remove-button input {
        margin-left: 11rem;
    }
