html{
    height: 100%;
}

body{
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

/** Disable overflow */
html, body, div[style*="overflow"],
div[class*="scroll"],
div[class*="overflow"] {
  overscroll-behavior: none;
}

/** Loading Overlay */
#loadingOverlay{
	z-index: 10000;
	--transition__duration: .500s;
}

#fileUploader{
    z-index: 10000;
}

/** Authenticate Layer */
#authenticateLayer{
	z-index: 9000;
}

/** Toast Container */
#toastContainer{
	z-index: 10000;
	opacity: .85;
}

/** Authenticatie layer animations */
.authenticate-view [ui-view]{
	grid-column: 1;
	grid-row: 1;
	transition: opacity .350s ease-in-out, transform .350s ease-in-out;
}

.authenticate-view [ui-view].ng-enter{
	z-index: 101;
	opacity: 0;
	transform: translateY(5%);
}

.authenticate-view [ui-view].ng-enter-active{
	opacity: 1;
	transform: translateY(0);
}

.authenticate-view [ui-view].ng-leave{
	z-index: 100;
}

.authenticate-view [ui-view].ng-leave-active{
	z-index: 100;
	opacity: 0;
}

.authenticate-view[animation=back] [ui-view].ng-enter{
	z-index: 100;
	transform: translateY(0);
}

.authenticate-view[animation=back] [ui-view].ng-leave{
	z-index: 101;
	opacity: 1;
	transform: translateY(0);
}

.authenticate-view[animation=back] [ui-view].ng-leave-active{
	z-index: 101;
	opacity: 0;
	transform: translateY(5%);
}

** Authneticate view aninations */
.authenticated-view{
	padding-left: 255px; 
	padding-top:65px;
}

.authenticated-view [ui-view]{
    grid-row: 1;
    grid-column: 1;
    transition: opacity .350s ease-in-out, transform .350s ease-in-out;
    width: 100%;
    min-width: 0;
}

.authenticated-view [ui-view].ng-enter{
    z-index: 101;
    opacity: 0;
}

.authenticated-view [ui-view].ng-enter-active{
    opacity: 1;
}

.authenticated-view [ui-view].ng-leave{
    z-index: 100;
}

.authenticated-view [ui-view].ng-leave-active{
    z-index: 100;
    opacity: 0;
}

.authenticated-view[animation=back] [ui-view].ng-enter{
    z-index: 100;
}

.authenticated-view[animation=back] [ui-view].ng-leave{
    z-index: 101;
    opacity: 1;
}

.authenticated-view[animation=back] [ui-view].ng-leave-active{
    z-index: 101;
    opacity: 0;
}

.authenticated-view [ui-view].ng-enter-active .ui-view-translate-y, 
.authenticated-view [ui-view].ng-leave-active .ui-view-translate-y{
    transition: opacity .350s ease-in-out, transform .350s ease-in-out;
}

.authenticated-view [ui-view].ng-enter .ui-view-translate-y{
    z-index: 201;
    opacity: 0;
    transform: translateY(10%);
}

.authenticated-view [ui-view].ng-enter-active .ui-view-translate-y{
    opacity: 1;
    transform: translateY(0%);
}

.authenticated-view [ui-view].ng-leave .ui-view-translate-y{
    z-index: 200;
}

.authenticated-view [ui-view].ng-leave-active .ui-view-translate-y{
    z-index: 200;
    opacity: 0;
}

.authenticated-view[animation=back] [ui-view].ng-enter .ui-view-translate-y{
    z-index: 200;
    transform: translateY(0);
}

.authenticated-view[animation=back] [ui-view].ng-leave .ui-view-translate-y{
    z-index: 201;
    opacity: 1;
    transform: translateY(0);
}

.authenticated-view[animation=back] [ui-view].ng-leave-active .ui-view-translate-y{
    z-index: 201;
    opacity: 0;
    transform: translateY(10%);
}

.authenticated-view [ui-view].ng-enter-active .ui-view-translate-x, 
.authenticated-view [ui-view].ng-leave-active .ui-view-translate-x{
    transition: opacity .350s ease-in-out, transform .350s ease-in-out;
}

.authenticated-view [ui-view].ng-enter .ui-view-translate-x{
    z-index: 201;
    opacity: 0;
    transform: translateX(10%);
}

.authenticated-view [ui-view].ng-enter-active .ui-view-translate-x{
    opacity: 1;
    transform: translateX(0%);
}

.authenticated-view [ui-view].ng-leave .ui-view-translate-x{
    z-index: 200;
}

.authenticated-view [ui-view].ng-leave-active .ui-view-translate-x{
    z-index: 200;
    opacity: 0;
}

.authenticated-view[animation=back] [ui-view].ng-enter .ui-view-translate-x{
    z-index: 200;
    transform: translateX(0);
}

.authenticated-view[animation=back] [ui-view].ng-leave .ui-view-translate-x{
    z-index: 201;
    opacity: 1;
    transform: translateX(0);
}

.authenticated-view[animation=back] [ui-view].ng-leave-active .ui-view-translate-x{
    z-index: 201;
    opacity: 0;
    transform: translateX(10%);
}

.sidebar{
    width: 275px;
}

.sidebar-logo{
    max-width: 90px;
    margin: auto;
}

.auth-logo{
    width: 90px;
    margin: auto;
}