@font-face {

    font-family: ETModules;

    src: url(/wp-content/plugins/practically-maps/assets/fonts/ElegantIcons.ttf);

    font-weight: normal;

}



#practically-maps {

    width: 98%;

    display: flex;

    flex-flow: row-reverse wrap;

    padding: 10px;

}

.practically-container {

    display: block;

}

.practically-container.intro {

    width: 20%;

    text-align: end;

}

.practically-container.info {

    width: 80%;

}

.practically-container.settings {

    width: 100%;

    margin-top: 30px;

}

.practically-container.svg_values {

    width: 100%;

    /* display: flex;

    flex-flow: row wrap;

    justify-content: space-between; */

}

.practically-container.intro img {

    width: 50%;

}

.practically-container input {

    margin: 0;

}

.practically-container input[type="text"] {

    width: 80%;

    border: 0;

    border-radius: unset;

}

.practically-container div input[type="text"] {

    width: 100%;

    border: 0;

    border-radius: unset;

}

.practically-container input[type="submit"] {

    width: 20%; 

    border: unset;

    background: #2fc0cc;

    color: #fff;

    /* margin-top: 10px; */

    font-weight: 600;

    border-radius: unset;

    transition: 0.2s ease;

}

.practically-container.svg_values input[type="submit"] {

    margin-top: 10px;

}

.practically-container form hr {

    width: 100%;

    padding: 10px;

    opacity: 0;

}

.practically-container form {

    display: flex;

    justify-content: space-between;

    flex-flow: row wrap;

    margin-bottom: 10px;

}

.practically-container form div {

    display: flex;

    flex-flow: column wrap;

    width: 49%;

}