@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

/* BASIC */

* {
	font-family: 'Rubik', sans-serif;
}

body {
	margin: 0;
}

h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	font-weight: normal;
	color: #660000;
}

h4 {
	color: #000;
}

h4 img {
	width: 9%;
	margin-right: 1%;
}

h6 {
	color: red;
}

hr {
	float: left;
	width: 100%;
	border: 1px solid #f0f0f0;
}

span {
	font-size: 13pt!important;
	font-weight: normal!important;
}

input[type='text'],[type='number'],[type='password'],[type='email'],[type='date'] {
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	padding: 2px 0 0 5px;
	font-size: 0.9em;
}

input[type='text']:focus,[type='number']:focus,[type='password']:focus,[type='email']:focus,[type='date']:focus {
	/* outline: none; */
}

input[type='submit'], input[type='button'] {
	background-color: #003850;
	color: #FFF;
	-webkit-appearance: none;
	cursor: pointer;
	margin-right: 0.5%;
	font-size: 13pt;
	padding: 1.5vh 3.9% 1.5vh 3.9%;
	/* transition: 0.5s; */
	width: 75.5%!important;
}

input:focus{
    outline: none;
}

.chamado {
	display: table;
	width: 98%;
	padding: 0 4% 0.7vh 0;
}

ul {
	
}

li {
	margin: 0 0 2vh -25px;
	list-style-type: none;
	word-break: break-word;
}

li img {
	float: right;
	width: 12%;
	vertical-align: bottom;
}

.login-master {
	position: absolute;
	width: 100%;
	height: 330px;
	top: 50%;
	margin-top: -250px;
}

.login-master img {
	width: 68%;
	float: center;
}

.login-container {
	width: 100%;
	border: 0px solid blue;
	display: table;
	margin: 8vh auto 0 auto;
}

.login-container input {
	text-align: center;
	width: 75%;
}

.login {
	width: 100%;
	text-align: center;
	float: left;
	border: 0px solid red;
}

.login h6 {
	visibility: hidden;
	margin-bottom: 10px;
	color: red;
}

.login input[type='text'], [type='password'], [type='email'] {
	padding: 0;	
}

.login input[type='submit'], input[type='button'] {
	margin: 2vh 0 0.5vh 0;
}

.login input[type='submit']:hover {
	background-color: #000!important;
}

.login-info {
	display: table;
	margin: 2vh auto 0 auto;
	width: 100%;
	text-align: center;
	font-size: 8pt;
	color: #666;
}

.login-info a {
	color: #666;
	text-decoration: none;
}

.login-info a:hover {
	text-decoration: underline;	
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 45vh;
	background-color: #fff;
	text-align: center;
	background-image: url("../img/ico-loading.gif");
	background-size: 25%;
	background-position: 50% 45%;
	background-repeat: no-repeat;
	padding-top: 55vh;
	z-index: 9998;
}

.loading span {
	text-transform: uppercase;
	font-size: 9pt;
}

.fix-margin {
	/* margin-left: 3px; */
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #003850;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 5px;
}

@media (min-width: 800px) {
	
	.fix-margin {
		margin-left: 0;
	}
	
	.loading {
		height: 48vh;
		background-size: 5%;
		background-position: 50% 45%;
		padding-top: 52vh;
	}	
	
	#edit {
		padding-top: 70px;
	}

	h4 img {
		width: 2%;
		margin-right: 0.5%;
	}

		
	input {
		font-size: 12pt!important;
	}

	input[type='text'], [type='password'], [type='email'] {
		width: 99.5%;
	}

	input[type='date'] {
		min-width: 99.5%;
	}

	select {
		width: 99.9%!important;
	}

	textarea {
		width: 99.5%;
	}

	input[type='submit'], input[type='button'] {
		border: 1px solid #333;
		border-radius: 0;
		padding: 1.5vh;
		width: 50.2%!important;
	}

	input[type='submit']:hover, [type='button']:hover {
		
	}

	input[type='date'] {
		height: 30px;
		width: 95.5%;
	}
		
	select {
		height: 34px;
		width: 100.4%;
	}

	.login-master {
		margin-top: -46vh;
	}

	.login-master img {
		width: 25%;
	}

	.login-container {
		width: 90%;
		margin-top: 8vh;
	}

	.login-container input {
		width: 50%;
	}

	.login input[type='submit'], input[type='button'] {
		border-radius: 0;
		margin: 0.5vh 0 0.5vh 0;
	}

}