html,body{
    overflow: hidden;
}
body {
    background-color: #293241;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h1 span {
    font-weight: 400;
}

polygon,
rect {
    cursor: pointer;
}

.st6{fill: transparent; stroke-width: 1;}
.st8{fill: transparent; stroke-width: 1;}

.privado,
.terciario,
.industrial,
.zona-verde,
.equipamiento,
.viviendas {
    fill: transparent!important;
    stroke:#FFFFFF;
	stroke-width: 2px;
}

.zona-verde:hover,
.zona-verde.active {
    fill: #8CCE99!important;
}

.link-modal.active .viviendas,
.viviendas:hover,
.viviendas.active {
    fill: #F79EAA!important;
}

.link-modal.active .viviendas.uni,
.viviendas.uni:hover,
.viviendas.uni.active {
    fill: #fec160!important;
}

.link-modal.active .equipamiento,
.equipamiento.active,
.equipamiento:hover {
    fill:#A5E3DE!important;
}

.link-modal.active .industrial,
.industrial.active,
.industrial:hover {
    fill:#E6B6FE!important;
}

.link-modal.active .terciario,
.terciario.active,
.terciario:hover {
    fill:#C2CC8F!important;
}

.link-modal.active .privado,
.privado.active,
.privado:hover {
    fill:#D3B86C!important;
}

.st1{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st7{fill:none;stroke:#FFFFFF;}
.st8{fill:none;stroke:#FFFFFF;stroke-width:3;}


ul.select-menu {
    padding: 0;
    list-style: none;
}

ul.select-menu li {
    margin-bottom: 1em;
}

ul.select-menu li a {
    font-weight: 400;
    color: #fff;
    font-size: 1.1em;
}

ul.select-menu li a.active,
ul.select-menu li a:hover {
    text-decoration: none;
    font-weight: 500;
}

ul.select-menu li a span {
    font-weight: 300;
    font-size: .8em;
}

ul.select-menu li a span.block-color {
    border: 1px solid #fff;
    margin: 0 1em 0 0;
    width: 42px;
    height: 21px;
    display: inline-block;
    position: relative;
    top: 5px;
}

ul.select-menu li a.active span.block-color,
ul.select-menu li a:hover span.block-color {
    border: 2px solid #fff;
}

.container {
    width: 100%;
    max-width: 1440px;
}

ul.select-menu li a span.block-color.color-1 {
    background-color: #F79EAA;
}

ul.select-menu li a span.block-color.color-2 {
    background-color: #C2CC8F;
}

ul.select-menu li a span.block-color.color-3 {
    background-color: #E6B6FE;
}

ul.select-menu li a span.block-color.color-4 {
    background-color: #D3B86C;
}

ul.select-menu li a span.block-color.color-5 {
    background-color: #A5E3DE;
}

ul.select-menu li a span.block-color.color-6 {
    background-color: #8CCE99;
}

ul.select-menu li a span.block-color.color-7 {
    background-color: #fec160;
}

.modal-backdrop.show {
    display: none;
}

#addBookDialog {
    position: absolute;
    height: auto;
    margin-bottom: 2em;
    width: 95%;
    margin: 0 auto 2em;
    top: 45px;
    left: 2.5%;
}

#addBookDialog .modal-header {
    background-color: transparent;
    padding: 0;
    border: 0;
}

#addBookDialog .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    z-index: 1;
    right: 20px;
    font-size: 2em;
    top: .15em;
    outline: none;
}

#addBookDialog .modal-body {
    background: #fff;
    border-radius: 25px;
    padding: 0;
    overflow: hidden;
}

#addBookDialog .header-body-modal {
    color: #fff;
    background-color: #ccc;
    padding: 0.75em;
}

#addBookDialog .header-body-modal.box-vivienda {
    background-color: #f79eaa;
}

#addBookDialog .header-body-modal.box-unifamiliar {
    background-color: #fec160;
}

#addBookDialog .header-body-modal.box-privado {
    background-color: #D3B86C;
}

#addBookDialog .header-body-modal.box-industrial {
    background-color: #E6B6FE;
}

#addBookDialog .header-body-modal.box-terciario {
    background-color: #C2CC8F;
}

#addBookDialog .header-body-modal.box-equipamiento {
    background-color: #A5E3DE;
}

#addBookDialog .header-body-modal.box-zona-verde {
    background-color: #8CCE99;
}

#addBookDialog .header-body-modal h3 {
    font-size: 1.3em;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0 35px;
}

#addBookDialog .header-body-modal h3 span#small {
    font-weight: 100;
    font-size: 0.75em;
}

#addBookDialog .modal-body .content {
    padding: .5em;
    min-height: 150px;
}

#addBookDialog .modal-body h4 {
    font-weight: 700;
    border-bottom: 1px solid #293241;
    color: #3c3c3b;
    width: auto;
    margin: 0 auto .5em;
    display: table;
    padding: .25em .5em;
    font-size: 1.25em;
}

#addBookDialog .modal-body .header-body-modal.no-h4 + .content h4 {
    display: none;
}

#addBookDialog .modal-body p {
    margin: 0 0 .25em;
    font-size: 1.15em;
    font-weight: 500;
    color: #293241;
}

#addBookDialog input {
    background: transparent;
    border: 0;
    padding: 0;
}

.selectize-input input{
    width: 100% !important;
}

.selectize-dropdown, 
.selectize-dropdown.form-control {
    z-index: 9999;
}

.modal-open {
    overflow: visible;
}


.modal {
    display: none; 
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
}

.modal-wrapper {
    display: flex;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.5);
}

.modal-box-content {
    background-color: #293241;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    position: relative;
    overflow-y: scroll;
    padding-right: 1em;
}

.close-btn {
    border-radius: 50px;
    color: #293241;
    float: right;
    font-size: 32px;
    font-weight: bold;
    margin-right: 15px;
    background: #fff;
    display: block;
    line-height: 25px;
    padding: 0;
    width: 32px;
    text-align: center;
    padding-bottom: 7px;
    margin-top: 15px;
}

.close-btn:hover,
.close-btn:focus {
    opacity: .5;
    cursor: pointer;
}

.modal-box-content::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.modal-box-content::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
}
.modal-box-content::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.modal-box-content::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.modal-box-content::-webkit-scrollbar-thumb:active {
  background: #9c9c9c;
}
.modal-box-content::-webkit-scrollbar-track {
  background: #363e4a;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.modal-box-content::-webkit-scrollbar-track:hover {
  background: #363e4b;
}
.modal-box-content::-webkit-scrollbar-track:active {
  background: #363e4a;
}
.modal-box-content::-webkit-scrollbar-corner {
  background: transparent;
}



@media (max-width: 1024px) {
    h1 {
        font-size: 2.25em;
    }

    h2 {
        font-size: 1.5em;
    }

    ul.select-menu li a {
        font-size: .95em;
        white-space: nowrap;
    }

    ul.select-menu li a span.block-color {
        width: 24px;
        height: 12px;
        top: 0px;
        margin-right: .5em;
    }
}


@media (max-width: 768px) {

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.5em;
    }
}

.m-50-road {
    border: 2px solid #fff;
    height: 100%;
    border-top: 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 60px;
    float: right;
}

.a-3-road h3,
.m-50-road h3 {
    font-size: 1.25em;
}

.m-50-road h3 {
    transform: rotate(-90deg);
}
.a-3-road {
    border: 2px solid #fff;
    margin: 15px 0;
    border-right: 0;
    border-left: 0;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 60px;
}