/*@media screen and (max-width: 700px){

    #form-container {
        float: right;
        position: relative;
        margin: 0 auto;
    }

    #project-container {
        text-align: left;
        float: left;
        margin-right: 0;
    }
}*/

@media screen and (max-width: 420px) {

    #form-container, #project-container {
        float: none;
        margin: 0 auto;
    }
}

@media screen and (max-height: 420px) {
    #form-inner {
        height: 22em;
    }

    #form-container,
    #form-opacity-effect,
    #form-blur-effect {
        height: 22em;
    }

    #labelmobile {
        display: none !important;
    }

    #login-container {
        margin: 0;
        width: 100%;
        top: initial;
        left: initial;
        position: relative;
        height: auto;
    }

    #project-container {
        width: auto;
        height: auto;
    }

    #form-container {
        /*position: relative;*/
        margin: 0 auto;
    }

    #login-footer-text {
        font-size: 3em;
    }

    #appLogo {
        font-size: 0.7em;
    }

    #languages {
        width: 6em;
        margin-right: 0.125em;
    }

        #languages select {
            margin-top: 0.2em;
        }

    #project-message {
        display: none;
    }

    #project-dialog {
        display: block;
    }
}

@media screen and (max-width: 421px) {
    .m-menu-divider {
        /*float: none !important ;*/
    }

    #login-container {
        width: 100%;
        margin: 0;
        top: initial;
        left: initial;
    }

    #project-container {
        margin-right: auto;
        height: auto;
        position: relative;
        text-align: center;
    }

    #form-container {
        position: relative;
        margin: 0 auto;
    }

    #login-footer-text {
        font-size: 3em;
    }

    #appLogo .product {
        font-size: 1.5em;
        top: 0.4em;
    }

    #appLogo .claim {
        left: 3.5em;
        top: 2.25em;
    }

    #appLogo .version {
        font-size: 5em;
    }

    #project-message {
        display: none;
    }

    #project-dialog {
        display: block;
    }
}


@media screen and (max-width: 900px), screen and (max-height: 420px) {
    #messageDialog {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
    }

    /*#messageDialog {
        height: 100vh;
        box-sizing:border-box;
    }*/

    .m-menu-divider {
        width: 30px;
        float: left !important;
    }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-width: 640px) {
    .m-menu > li .dropdown-toggle .icon {
        display: block;
    }

    .m-menu > li .dropdown-toggle .m-menu-text {
        display: none;
    }

    /*.m-menu-divider {
        float: float !important;
    }*/

    /**/
    .m-menu > li .dropdown-toggle:before {
        display: none;
    }

    .m-menu > li > a.dropdown-toggle,
    .m-menu .m-menu-item > a.dropdown-toggle {
        padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    }





    /*#login-container {
		min-height: 180px;
		width: 100%;
	}
	
	#project-container {
		position: relative;
		text-align:center;
		padding: 0 5px 0px 5px;
	}
	#project-name h1 {
		font-size:1.6em;
	}
	#project-description  {
		display:none;
	}
	
	#form-inner{
		height: 180px;
	}
	
	#form-container,
	#form-opacity-effect,
	#form-blur-effect	{
		height: 180px;
	}
	
	#form-container {
		position: relative;
		margin: 0 auto;
	}
	#login-footer-text{
		font-size: 3em;
	}*/

    /*#project-message {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-clamp: 1;
    }*/


    #project-message {
        display: none;
    }

    #project-dialog {
        display: block;
    }
}