/* basic rules */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 140px;
}
body > .container {
    padding: 60px 15px 0;
}
img { max-width: 100%; }
#preview .modal-dialog { width: 960px; }
#preview .modal-body { overflow: auto; }

/* margins & padding */
.margin-vert { margin-top: 10px; margin-bottom: 10px; }
.margin-horz { margin-left: 10px; margin-right: 10px; }
.padding-vert { padding-top: 10px; padding-bottom: 10px; }
.padding-horz { padding-left: 10px; padding-right: 10px; }
.margin { margin: 10px; }
.margin-none { margin: 0; }
.padding-none { padding: 0; }
.inline-block { display: inline-block; }

.border-radius { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#logo { color: #FFF; display: block; line-height: 1.7; }
#logo:hover { color: #EEE; }
ul.nav li.dropdown:hover > ul.dropdown-menu,
ul.nav li.dropdown-submenu:hover > ul.dropdown-menu {
    display: block;
}

#regions-select {
    padding: 2px 12px;
}

/* footer wrap */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 68px;
    background-color: #222;
    color: #FFF;
}
.footer > .container {
    padding: 15px;
}
.footer a { color: #FFF; }

/* Loading icon */
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

.navbar-project {
    top: 53px;
    border-bottom: 1px solid #e7e7e7;
}

.text-inactive {
    color: darkgray !important;
    text-decoration: none !important;
}

.page-header {
    margin: 0 !important;
}

.open > .dropdown-menu{
    display:block;
    height: 600px;
    width: 350px;
    overflow: auto;
    overflow-x: hidden;
}