body{ 
	font-family:Helvetica,Arial,sans-serif;
	font-size:14px;
}

input, select, textarea{
	margin:5px;
	vertical-align:middle;
}

input[type=text]{
	width:200px;
}

textarea{ 
	min-width:300px;
	min-height:150px;
}

label{
	display:inline;
	vertical-align:middle;
}

hr{
	clear:both;
	margin:10px 0px;
}


.navbar-brand img {
	height: 100%;
}

#loadingImg{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	z-index:10002;
}

.leaflet-clickable{
	cursor:pointer;
}

.olLayerDiv image, .olLayerDiv polyline{
	cursor:pointer;
}

#mapDiv_gc image, #mapDiv_gc path{
	cursor:pointer;
}

.topic{
	padding:5px;
	margin:2px;
	border:1px solid #EEE;
	float:left;
}

/* Library Generated Form Element Containers */

.fmes-form-component{
	clear:left;
	float:left;
	display:block;
	width:100%;
	margin:4px 0px;
}

/* Drag and Drop Elements */

.drop{
	width:100%;
	display:block;
}
#mdul-import-output-form {
    padding-top: 15px;
    overflow: auto;
}

#mdul-slette-output-form {
    padding-top: 15px;
    overflow: auto;
}
    
    
.drop-file{
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	margin:0;
}

#drop{
	margin:20px 0px 0px;
	padding:55px 0px;
	height:40px;
	line-height:40px;
	border:1px solid #CCC;
	background-color:#EEE;
	color:#DDD;
	font-size:40px;
	text-align:center;
	position:relative;
	cursor:default !important;
}

#drop:hover{
	border:1px solid #999;
	color:#999;
}



.action-body select {
    min-width:200px; 
    max-width:400px;
    overflow:hidden; 
    white-space:pre; 
    text-overflow:ellipsis;

}

input[name="Email"] {
    width:200px
}

input[name="SourceDataset"] {
    width:200px
}
input[name="Terskelverdi"] {
    width:200px
}
input[name="Bruker"] {
    width:200px
}


/* End of Drag and Drop Elements */











#top {
	background-color: #D0D0D0;
	color: #008283

}

.navbar a {
	
	
	color: rgba(15, 125, 124);
}

.navbar:hover {
	
	
	
	color: rgba(15, 125, 124);
}

.row {
	padding-top: 100px;
}

.fill { 
    min-height: 50%;
    height: 50%;
}

.bruker {

    height: 100%;
    min-height: 100%;
}

#mdul-logo {
	padding: 0;
	padding-right: 20px;
	margin: 0;
}	

.navbar-brand img {
	height: 100%;
}

#sletting {
	display: none;
}

#opplasting {
	display: none;
}

/* Library Generated Form Element Containers */

.fmes-form-component{
	clear:left;
	float:left;
	display:block;
	width:100%;
	margin:4px 0px;
}

.fmes-form-component input, .fmes-form-component select {
	float: right;
}






#drop {
	display: none;
}



#filebox{
    height:  100%;
    padding: 0;
    margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;

}
/* Drag and Drop Elements */

.drop{

	width:100%;
	display:block;
	cursor: pointer;
	margin:20px 0px 0px;
	padding:20px 0px;
	border:1px solid #CCC;
	background-color:#DFDFDF;
	color:#444;
	text-align:center;
	position:relative;
}

.drop-file{
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	margin:0;
}

#drop{
	cursor:default !important;
}

#drop:hover{

	background-color:#EEE;
	color:#555;
}


/* Big action buttons for import and slett, and body to go with it */

.action-body {
    width: 85%;
	display:none;
}




.mdul-submit {
	cursor: pointer;
	width: 100%;
    color: #efefef;
    text-align: center;
	height: auto;
	background-color: rgba(125, 125, 125, 0.85);
	padding: 10px;
    margin-top: 20px;
}

.mdul-submit:hover {
	cursor: pointer;
	width: 100%;
    color: #efefef;
	height: auto;
	background-color: rgba(135, 135, 135, 0.85);
	padding: 10px;
    margin-top: 20px;

}

.mdul-big-action-button {
	cursor: pointer;
	width: 85%;
	height: auto;
	background-color: rgba(15, 125, 124, 0.85);
	padding: 2px;
	padding-left: 20%;
	padding-right: 10%;
}


.mdul-big-action-button:hover {
	width: 85%;
	height: auto;
	background-color: rgba(15, 125, 124, 0.65);
	padding: 2px;
	padding-left: 20%;
	padding-right: 10%;
}



.mdul-big-action-button-active {
	cursor: pointer;
	width: 85%;
	min-height: px; 
	height: auto;
	background-color: rgba(15, 125, 124, 0.85);
	padding: 2px;
	padding-left: 20%;
	padding-right: 10%;
}


.mdul-big-action-button-active:hover {
	width: 85%;
	
	height: auto;
	background-color: rgba(15, 125, 124, 0.65);
	padding: 2px;
	padding-left: 20%;
	padding-right: 10%;
}


.row {
    padding-top:20px;
}

.loading-content {
    display:inline-block;
    padding:10px;
}

#userdropdown {
    display:none;
}


.spinner {
  width: 15px;
  height: 15px;
  padding: 0px;
  background-color: #222222;
  margin-top: 10px;
  animation: rotate 1.4s infinite ease-in-out, background 1.4s infinite ease-in-out alternate;
}

@keyframes rotate {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}

.modal-content {

  border-radius: 0px; 
}

.form-control {

  border-radius: 0px;
}

.btn {
  border-radius: 0px; 

}