.navbar{
  background-color:#761EBE;
  overflow:hidden;
  height:65px;
}

.navbar a{
  float:left;
  display:block;
  color:#f2f2f2;
  text-align:center;
  padding:14px 16px;
  text-decoration:none;
  font-size:17px;
}

.navbar-nav ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navbar-nav ul li a {
    display: block;
    padding: 5px 7px;
    text-decoration: none;
    background: #FFF;
}

.navbar a:hover{
  background-color:#fff;
  color:#1E73BE;
}

.active {
  background-color:#fff;
  color:#000 !important;
}

.logo{
	font-weight: bold;
	font-size: 20px;
	float: left;
	margin: 0 30px 0 30px;
	padding: 20px 0 0 0;
	color: #fff;
}

.hidden {
    display:none;
}

fieldset {
  padding:15px;
  border:2px dashed #555;
}

#add-working-dir fieldset {
  border:2px dashed #1E73BE;
}

/*.content {
	margin-top: 20px;
}*/

.wrapper{
  margin:20px 2% 20px 2%;
}

/*BUTTON*/
.button.button-success,
button.button-success,
input[type="submit"].button-success,
input[type="reset"].button-success,
input[type="button"].button-success {
  color: #FFF;
  background-color: #00e640;
  border-color: #00e640; }
.button.button-success:hover,
button.button-success:hover,
input[type="submit"].button-success:hover,
input[type="reset"].button-success:hover,
input[type="button"].button-success:hover,
.button.button-success:focus,
button.button-success:focus,
input[type="submit"].button-success:focus,
input[type="reset"].button-success:focus,
input[type="button"].button-success:focus {
  color: #FFF;
  background-color: #26A65B;
  border-color: #26A65B; }
 

.button.button-danger,
button.button-danger,
input[type="submit"].button-danger,
input[type="reset"].button-danger,
input[type="button"].button-danger {
  color: #FFF;
  background-color: #f03434;
  border-color: #f03434; }
.button.button-danger:hover,
button.button-danger:hover,
input[type="submit"].button-danger:hover,
input[type="reset"].button-danger:hover,
input[type="button"].button-danger:hover,
.button.button-danger:focus,
button.button-danger:focus,
input[type="submit"].button-danger:focus,
input[type="reset"].button-danger:focus,
input[type="button"].button-danger:focus {
  color: #FFF;
  background-color: #96281B;
  border-color: #96281B; }

  .button.button-warning,
button.button-warning,
input[type="submit"].button-warning,
input[type="reset"].button-warning,
input[type="button"].button-warning {
  color: #FFF;
  background-color: #F7CA18;
  border-color: #F7CA18; }
.button.button-warning:hover,
button.button-warning:hover,
input[type="submit"].button-warning:hover,
input[type="reset"].button-warning:hover,
input[type="button"].button-warning:hover,
.button.button-warning:focus,
button.button-warning:focus,
input[type="submit"].button-warning:focus,
input[type="reset"].button-warning:focus,
input[type="button"].button-warning:focus {
  color: #FFF;
  background-color: #F4D03F;
  border-color: #F4D03F; }

h3 { margin:20px 0 20px 0; }
a.export-link { display:inline-block; margin:0 0 20px 0;}
table a.button { min-width: 90px;margin:0 0 0 0; }
.proposals-data-table td b { background-color:#00e640; }

input:read-only, select.readonly { background-color: #a3a3b4; }

/**
Alerts
**/

.alert { display: block; padding: 10px 0 2px 10px; border-left: 5px solid; list-style:none; background-color:#FFBBBB; }

.alert-success { background-color: #D5F5E3; border-left-color: #2ECC71; color: #2ECC71; }
.alert-info { background-color: #D6EAF8; border-left-color: #3498DB; color: #3498DB; }
.alert-warning { background-color: #FCF3CF; border-left-color: #F1C40F; color: #F1C40F; }
.alert-error { background-color: #F2D7D5; border-left-color: #C0392B; color: #C0392B; }

/*
TOOLTIPS
*/

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; }
.tooltip .tooltiptext { visibility: hidden; width: 320px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 10%; margin-left: -160px; opacity: 0; transition: opacity 0.3s; }
.tooltip .tooltiptext::after { content: ""; position: absolute;  top: 100%;  left: 30%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #555 transparent transparent transparent; }
.tooltip:hover .tooltiptext {  visibility: visible;  opacity: 1; }

span.tooltip i { font-style: normal; font-weight: bold; background-color:#1E73BE; color:white; text-align: center; padding:4px 10px; font-size: 14px; border-radius: 50%;}

span.more-info { display:inline-block; font-size:0.7em; color:#555; }

/**
DATATABLES
*/

.dataTables_wrapper { margin-top:10px; }

/**
JSON EDITOR
*/

.json-error { border:3px solid red; }

/**
FONTAWESOME BUTTONS
*/
.fa-edit { color:#1E73BE; }
.fa-copy { color:#A5A5A5; }
.fa-times-circle { color:#E0392B; }