/* make sidebar nav vertical */



@media (min-width: 768px) {
    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }

    .sidebar-nav .navbar ul {
        float: none;
    }

        .sidebar-nav .navbar ul:not {
            display: block;
        }

    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }

        .sidebar-nav .navbar li a {
            padding-top: 12px;
            padding-bottom: 12px;
        }

    .eNTERFACEMENU {
        padding-top: 65px;
        height: 100%;
        overflow-y: scroll;
        position: fixed;
    }

        .eNTERFACEMENU .sidebar-nav {
            width: 100%;
        }

    .eNTERFACEMAIN {
        height: auto;
        margin-top: 63px;
        z-index: 0;
        margin-left: 25%;
    }

    .eNTERFACETITLE {
        position: fixed;
        width: 100%;
        z-index: 5;
    }
}

@media (min-width: 1200px) {
    .eNTERFACEMAIN {
        height: auto;
        margin-top: 63px;
        z-index: 0;
        margin-left: 16.6666667%;
    }
}


.spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
     -webkit-transform-origin: 50% 50%;
         transform-origin:50% 50%;
         -ms-transform-origin:50% 50%; /* IE 9 */
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}