body {
	background-color: #FCFCFC;
}
.pagetitle {
    color: #800080;
}
.header-container {
	padding-top: 10px;
}
.alert-msg {
	color: #C00;
}
.info-msg {
	margin-top: 20px;
}
.btn-amp {
	background-color: #E69E3D;
	border-color: #E69E3D;
	color: white;
}
.main-container {
	border: 2px solid #CCC;
    padding: 15px;
    border-radius: 10px;
}
.dl-link:hover {
	text-decoration: none;
}

/* web app */
#results {
	border-collapse: collapse;
	font-size: 80%;
}

/*#results table {
	width: 100px;
}*/

#results td, #results th {
	padding-right: 15px;
}
#results th {
	padding-top: 12px;
	padding-bottom: 12px;
}
#results tr:nth-child(even){
	background-color:#f2f2f2;
}
/*results tr:hover{*/
	/*background-color: #ddd;*/
/*}*/

/* end of web app */

/* Spinner css */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #E69E3D;
  width: 180px;
  height: 180px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.btn {
	background-color: #ff5100 !important;
	color: white !important;
}
#wrapper, #wrapper2 {
    width: 1000px !important;
    overflow: auto !important; /* will contain if #first is longer than #second */
}
#first, #third {
    width: 500px !important;
    float:left !important; /* add this */
}
#fourth, #second {
    overflow: hidden !important; /* if you don't want #second to wrap below #first */
	height:300px !important;
}
#results{
   overflow-y:scroll;
   height:300px;
	overflow-x:scroll;
	width:500px;
   display:block;
}
#additionalParams {
    color : #006373 !important;
    text-decoration: underline;
    cursor: pointer;

}
.separator {
    height: 20px !important;
    display: block !important;
}
/*INITIALLY INVISIBLE */
.modifyMainParamsButton {
    display: none;
}
h1:before, h2:before, h3:before{
    content:'/';
    color: #ff5100;
    padding-right: 15px;
}
h1, h2, h3 {
    font-weight: bold !important;
}
#homeButton {
    color: #006373;
    background-color: white !important;
}
#homeButton:hover {
    background-color: #006373 !important;
    color: white !important;
}

/* UPLOAD FORM */
/* frame size*/
.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    text-align: center !important;
    padding: 120px 0px 140px 30%;
    margin: 0;
    width: 100% !important;
}

/*.color input{ background-color:#f1f1f1;}*/

/* cadre */
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }

.files{ position:relative}



/* PROGRESS BAR */
.progress {height: 3rem !important;}