body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #212121;
}

.firstPageControl{margin-top:25px;}

.login-container {
    display: table;
    width: 100vw;
    height: 100vh;
    background: -webkit-radial-gradient(center,ellipse,#10a8ff 0,#008cdc 100%);
    background: radial-gradient(ellipse at center,#10a8ff 0,#008cdc 100%);
}

.login-form-container {
    display: table-cell;
    padding: 32px;
}

.login-form-container h1 {
    color: #fff;
}

.login-form {
    max-width: 400px;
    margin: 0 auto;
}

.initialism, .text-uppercase {
    text-transform: uppercase;
}
.h1, h1 {
    font-size: 36px;
}

h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h1 {
    margin: .67em 0;
}

.text-center {
    text-align: center;
}

.btn-group, .btn-group-vertical, .caret, .error-container, .error-content, .input-group-addon, .input-group-btn, .login-container, .login-form-container, img {
    vertical-align: middle;
}


.sidebar .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 170px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sidebar .logo a {
    max-width: 50%
}

.sidebar .nav-sidebar {
    padding: 20px
}

.sidebar .nav.nav-sidebar>li {
    margin-bottom: 8px;
    text-align: center
}

.sidebar .nav.nav-sidebar>li>a {
    padding: 8px 16px;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: background-color .2s ease-in, box-shadow .1s ease;
    transition: background-color .2s ease-in, box-shadow .1s ease
}

.sidebar .nav.nav-sidebar>li>a:hover {
    color: #fff;
    background-color: #009cf6
}

.sidebar .nav.nav-sidebar>li>a.active {
    color: #008cdc;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
}

@media (min-width:768px) {
    .sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1032;
        width: 250px;
        padding: 0;
        background-color: #008cdc
    }
}

/* NAVBAR */
.nav-tabs>li>a {
    margin-right: 0;
    color: #666;
    border: 0;
    border-radius: 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #008cdc;
    border: none;
    box-shadow: inset 0 -2px 0 #2196f3
}

.navbar-inverse .navbar-nav>li>a {
    padding-right: 8px;
    padding-left: 8px;
    margin-right: 0;
    font-weight: 700
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #000;
    background-color: #fff
}

.navbar-inverse .navbar-collapse .mobile {
    display: block
}

.nav>li>a {
    padding: 16px
}

@media (min-width:768px) {
    .navbar-inverse {
        background-color: #fff;
        border-color: #fff
    }
    .navbar-inverse .navbar-nav>li>a {
        margin-right: 8px
    }
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        background-color: transparent
    }
    .navbar-inverse .navbar-collapse .mobile {
        display: none
    }
    .navbar-inverse .navbar-nav.navbar-right {
        margin-right: 0
    }
}

.section-container {
    padding: 32px
}

.padding-vertical-2 {
    padding-top: 16px;
    padding-bottom: 16px
}


/* ROOT CONTENT */
.root-content {
    padding: 50px 0 0
}

@media (min-width:768px) {
    .root-content {
        padding: 50px 0 0 250px
    }
}

/* NAVIGATION CONTAINER */
.navigation-container {
    padding: 32px 16px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd
}

.navigation-container h3 {
    margin: 16px 0 0
}

.navigation-container .actions {
    position: absolute;
    top: 0;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navigation-container .actions button {
    margin-right: 8px
}

.navigation-container.jumbotron{
    margin-bottom:0px;
}

.btn-back {
    position: relative;
    top: 8px;
    display: inline-block;
    width: 32px;
    height: 32px
}

.btn-back:hover::after,
.btn-back:hover::before {
    background: #43bbff
}

.btn-back::after,
.btn-back::before {
    position: absolute;
    right: 50%;
    bottom: 3px;
    display: block;
    width: 3px;
    height: 16px;
    background: #008cdc;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: background .2s cubic-bezier(.25, .8, .25, 1);
    transition: background .2s cubic-bezier(.25, .8, .25, 1)
}

.btn-back::before {
    top: 3px;
    bottom: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width:768px) {
    .navigation-container {
        padding: 32px
    }
}

/* CONTAINER-NARROW */
.container-narrow {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:768px) {
    .container-narrow {
        padding-left: 32px;
        padding-right: 32px
    }
}


/* 404 and 500 */
.error-container {
    display: table;
    width: 100%;
    height: 100vh;
    background: -webkit-radial-gradient(center, ellipse, #43bbff 0, #008cdc 100%);
    background: radial-gradient(ellipse at center, #43bbff 0, #008cdc 100%)
}

.error-content {
    display: table-cell;
    padding: 32px;
    margin: 0 auto;
    color: #fff;
    text-align: center
}

.alertify .alert .error-content button,
.alertify .dialog .error-content button,
.error-content .alertify .alert button,
.error-content .alertify .dialog button,
.error-content .btn {
    margin-top: 32px
}
/** NAV TABS **/
/** GENERIC LOADING **/
.geoJsonLoading {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.genericLoading {
    border: 3px solid #f3f3f3; /* Light grey */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    /*top:15px;*/
    /*left:15px;*/
    animation: spin 2s linear infinite;
}

    .genericLoading.before33 {
        border-top: 3px solid #3498db; /* Blue */
    }

    .genericLoading.before66 {
        border-top: 3px solid #3498db; /* Blue */
        border-right: 3px solid #3498db; /* Blue */
    }

    .genericLoading.before100 {
        border-top: 3px solid #3498db; /* Blue */
        border-right: 3px solid #3498db; /* Blue */
        border-bottom: 3px solid #3498db; /* Blue */
    }