body{
		height: 300px;
		background-color: #2e3337;
	}

	.index-login .header{
		margin-top: 35px;
		margin-bottom: 25px;
		font-weight: bold;
		/*text-align: center;*/
	}

	.modal-over{
		position: fixed !important;
		top: 20%;
		box-shadow: -4px 0px 0px 2000px rgba(0, 0, 0, 0.3), 1px 3px 15px 2px rgba(0, 0, 0, 0.2) !important;
	}

	.pharmon-alerta {
	    position: fixed;
    	top: 0;
    	margin-top: 6%;
    	left: 0;
	    width: 100%;
	    /*min-height: 70px;*/
	    height: auto;
	    z-index: 2000;
	}

	.pharmon-conteudo-alerta {
		display: none;
	    width: 50%;
	    min-height: 70px;
	    position: relative;
	    left: 50%;
	    margin-left: -25%;
    	margin-top: 10px;
	}

	.pharmon-conteudo-alerta > .message > .header {
		height: 45px;
		padding-top: 13px;
	}

	.index-login .login{
		width: -webkit-calc(50% - 3px);  /* para Chrome */
		width: -moz-calc(50% - 3px);     /* para Firefox */
		width: calc(50% - 3px);          /* para suporte nativo */
		margin: auto;
		text-align: center;
		color: white;
	}

	.index-login .content-input .input{
		width: 65% ;
		margin-top: 15px;	
	}

	.index-login .content-input input{
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-radius: initial !important;
		background: transparent !important;
		color: white !important;
	}

	.index-login .content-input .icon{
		color: white !important;
	}

	.index-login .content-input .bt-entrar{
		width: 100% !important;
	}

	.inline{
		display: inline-block;
		vertical-align: top;
	}

	.logo{
		/*background-color: red;*/
		min-height: 300px;
		width: -webkit-calc(50%);  /* para Chrome */
		width: -moz-calc(50%);     /* para Firefox */
		width: calc(50%);          /* para suporte nativo */
		border-left: 1px solid #567b65;
		text-align: center;
	}

	.content-login{
		width: 80%;
		margin: auto;
		margin-top: 80px;
	}

	.index-login .legenda{
		color: #9E9E9E;
		margin-top: 70px;
		padding-left: 40px;
	}

	.logo #logo{
		width: 300px;
	}

	.index-login .rodape{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 200px;
		background-color: #fafafa;
		border-top: 1px solid;
		border-color: #d6d6d6;
		text-align: center;
		line-height: 200px;
		color: #9E9E9E;
		display: none;
	}

	.rodape-responsive{
		display: none;
	}

	.popup-error{
		border: 1px solid #ccc;
		background-color: transparent !important;
		display: none;
		width: 230px;
		height: 40px;
		line-height: 40px;
		margin: auto;
		border-radius: 2px;
		border-color: #a83e3a;
	}

	.popup-error span{
		color: #d63a3a !important;
	}

	.ui.modal > .close {
		right: 2px !important;
		top: 0.5rem !important;
		color: #0c0c0c;
	}

	.bg-loading {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 10000;
		display: none;
	}

	.bg-loading > div:before {
		border: 0.2em solid rgb(243 243 243 / 10%) !important;
	}

	.bg-loading > .loader {
		position: absolute !important;
		left: unset !important;
		top: 12px !important;
		right: 80px;
	}

	.content-empresa{
		width: 100%;
		border-top: 1px solid #353b54;
		margin: 40px auto;
	}

	/* Responsive Layout */
	@media ( max-width: 800px ){

		.logo{
			display: none;
		}

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

		.index-login .login{
			width: 80%;
			margin: auto;
		}

		.rodape-responsive{
			display: block;
		}

		.rodape-responsive .legenda{
			padding: 0;
		}

		.index-login .content-input .input{
			width: 85% ;
			margin-top: 15px;	
		}

	}
	
	@media screen and ( max-width: 640px ){
		.ui.menu.menu-modulo{
			display: block;
		}
	}

	/* Responsive Layout */
	@media ( max-width: 600px ){

		.logo{
			display: none;
		}

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

		.index-login .login{
			width: 90%;
			margin: auto;
		}

		.rodape-responsive{
			display: block;
		}

		.rodape-responsive .legenda{
			padding: 0;
		}

		.index-login .content-input .input{
			width: 95% ;
			margin-top: 15px;	
		}

	}