html {
  height:100%;
}

body {
	color: #212529;
	font-size: 0.9rem;
	background-color: #f8fafc;
	height:100%;
}

a {
    color: #3498db;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #2980b9;
    text-decoration: none;
    background-color: transparent;
}


h1 {
	font-size: 24px;
	text-transform: uppercase;
	text-align:left;
    color:#2c3e50;
    margin:30px 0px 20px 0px;
}

h2 {
	padding-top: 30px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}

h3 {
	margin-top: 30px;
	font-size: 14px;
	text-transform: uppercase;
	color: #3490dc;
}

.consignes {
	border-radius: 4px;
	border: 1px solid #ced4da;
	padding: 10px;
	background-color: white;
}

.consignes_readonly {
	border-radius: 4px;
	border: 1px solid #ced4da;
	padding: 10px;
	background-color: white;
}

.sujet_cadre {
	padding:20px;
	border:solid 1px #ced4da;
	border-radius:4px;
}

/* ACE */
.ace_gutter {
    padding-top: 15px;
}
.ace_scroller {
    top: 15px;
}
.ace_hidden-cursors .ace_cursor {
	/*opacity: 0.2;*/
	/* hide cusor */
    opacity: 0;
}
/* /ACE */


/* BOUTON LIGHT */
.btn-light {
    color: #34495e;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-light:hover {
    color: #2c3e50;
    background-color: #dae0e5;
    border-color: #dae0e5;
}
.btn-light:focus {
    color: #2c3e50;
    background-color: #dae0e5;
    border-color: #dae0e5;
    /*box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);*/
    box-shadow: none;
}
/* /BOUTON LIGHT */


/* PARSON */
.sortable-code ul {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 90%;
  font-family: monospace;
  list-style: none;
  background-color: #f2f4f6;
  padding: 5px 10px 10px 10px;
  border: 1px solid #f2f4f6;
}
ul.output {
    background-color: #fff056;
}
ul.incorrect {
  border: 1px solid #e74c3c;
  background-color: #e74c3c;
}
ul.correct {
    background-color: #d9ed92;
}
.sortable-code li {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #ebeff3;
  border: 1px solid #dae0e5;
  padding: 4px 4px 4px 10px;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: move;
}
li.incorrectPosition, .testcase.fail, .testcase.error {
  background-color: #ebeff3;
  border: 1px solid #dae0e5;
}
li.incorrectIndent {
    background-color: #ebeff3;
    border: 1px solid #dae0e5;
}
li.correctPosition, .testcase.pass {
    background-color: #b5e48c;
    border: 1px solid #b5e48c;
}
/* /PARSON */