@charset "UTF-8";

body {
	/*padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #eee;
	color:#333;*/
	padding: 0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url("/resources/images/background.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
}

#content {
	width: 100%;
	height:100%;
}

.help_button{
	position: absolute;
	font-size: .4em;
}

.barra_nav{
	margin-left: 0;
}

#loading {
	display:none;
}

/* fix google-editchar issue */
.modal-dna {
	-webkit-box-shadow: none !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	position: relative !important;
}

.on-row-drag {
	background-color: #87CEFA;
}

/* Tags class must be accompanied by bootstrap .row class*/
.tags{
	margin: 10px 0px 0px 0px
}
.tags > div{
	padding: 0px 5px 0px 5px;
}
.tags > div > div{
	margin-bottom: 10px;
	background: white;
	border: 1px solid;
	border-color: #AAA;
	border-radius: 5px;
	padding: 3px;
}
.tag-text {
	display: initial;
	cursor: pointer;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}