/* -------------------------------------------------------------------------- */
/* Base containers                                                            */
/* -------------------------------------------------------------------------- */

body {
	background: #FFFFFF;
	word-wrap:break-word !important;
	font-size: 1em;
	color: #000;
}


/* -------------------------------------------------------------------------- */
/* Headers                                                                    */
/* -------------------------------------------------------------------------- */

h1 {
	color: #db4127;
	font-size: 1.7em;
	margin-bottom: 30px;
	vertical-align: middle;
	font-weight: bold;
}

h2 {
	color: #0e385e;
	font-size: 1.5em;
	margin-bottom: 7px;
	font-weight: bold;
}



h3 {
	margin-bottom: 10px;
	font-size: 1.3em;
	color: #3eba95;
	font-weight: bold;
}



h4 {
	font-size: 1.2em;
	margin-bottom: 5px;
	color: #000;
}



h5 {
	font-size: 1.1em;
	margin-bottom: 5px;
	color: #000;
}

.exoTitle {
	color: blue;
}

.exoTitleMP {
	color: white;
	background:#5E5E5E;
	padding: 3px 15px 3px 15px;
	font-weight: bold;
}


.hiddenBanner {
	color: black;
	background:#FF7E79;
	padding: 3px 15px 3px 15px;
	font-weight: bold;
}

.draftBanner {
	color: black;
	background:#FAF087;
	padding: 3px 15px 3px 15px;
	font-weight: bold;
}

.noSolBanner {
	color: black;
	background:#99CCFF;
	padding: 3px 15px 3px 15px;
	font-weight: bold;
}



/* -------------------------------------------------------------------------- */
/* CSS Hack for making chozen responsive                                      */
/* -------------------------------------------------------------------------- */

.columns .chosen-container, .column .chosen-container {
    width: 100% !important;
    margin-bottom: 1rem;
}



/* -------------------------------------------------------------------------- */
/* Tables                                                                     */
/* -------------------------------------------------------------------------- */
div.dataTables_filter {
	padding-bottom: 50px;
}

/* Par défaut, pas de seach box */
.dataTables_filter {
	display: none;
}

.redRow {
  background-color: lightpink !important;
}
.greenRow {
  background-color: lightgreen !important;
}
.yellowRow {
  background-color: lightyellow !important;
}
.blueRow {
  background-color: lightcyan !important;
}

.enonceRow {
  background-color: #0F245F !important;
  color: white;
}

.solutionRow {
  background-color: #FF8000 !important;
  color: white;
}

.corrigeRow {
  background-color: #008000 !important;
  color: white;
}

td.details-control {
background: url('/static/images/details_open.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('/static/images/details_close.png') no-repeat center center;
}

/* -------------------------------------------------------------------------- */
/* Sortable lists                                                             */
/* -------------------------------------------------------------------------- */
#sortable {
	list-style-type: none;
	margin: 15px;
	float: left;
	margin-right: 10px;
	padding: 5px;
}

/* -------------------------------------------------------------------------- */
/* Foundation Tweaks                                                          */
/* -------------------------------------------------------------------------- */

.button {
	margin-bottom: 2px;
}

.noVertPad {
	padding-top: 0; padding-bottom: 0;
}



.ui-state-default {
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.5;
	color: #0a0a0a;
	-moz-osx-font-smoothing: grayscale;
	word-wrap: break-word !important;
	font-size: 1em;
	color: #000;
	background: #fefefe;
	border : none;
	padding: 0.5rem 0.625rem 0.625rem;
}


.ui-state-default:nth-child(odd) {
	background-color: #ffffff;
}
.ui-state-default:nth-child(even) {
    background-color: #f1f1f1;
}

table tbody th,table tbody td {
	padding-top: 0;
	padding-bottom: 0;
}

.button {
	margin-bottom: 2px;
}


/* -------------------------------------------------------------------------- */
/* Foundation Buttons                                                          */
/* -------------------------------------------------------------------------- */
.button.fixedwidth {
	width: 30px;
}


.button.viewElt {
	background-color: #3399ff;
	color: #fefefe;
}

.button.delElt {
	background-color: #cc0000;
	color: #fefefe;
}

.button.otg {
	background-color: #6600cc;
	color: #fefefe;
}

.button.pdfOutput {
	background-color: #cc9900;
	color: #fefefe;
}

.button.newElt {
	background-color: #009900;
	color: #fefefe;
}

.button.editElt {
	background-color: #ffcc00;
	color: #000;
}

.button.sortElt {
	background-color: #ccccff;
	color: #000;
}


/* -------------------------------------------------------------------------- */
/* Foundation Cards                                                          */
/* -------------------------------------------------------------------------- */
.card-info {
  background: #fefefe;
  border: 1px solid #8a8a8a;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 1rem 0;
  overflow: hidden;
  border-radius: 0;
}

.card-info .card-info-label {
  border-color: transparent #8a8a8a transparent transparent;
  border-color: rgba(255, 255, 255, 0) #8a8a8a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  padding: 0.2rem 0.5rem 0.2rem;
}

.card-info .card-info-content {
  padding: 0.5rem 1.5rem;
}

.card-info .card-info-label-text {
 color: #fefefe;
  font-weight: bold;
}


/* ID */
.card-info.ID {
  border-color: #919191;
}

.card-info.ID .card-info-label {
  border-color: transparent #919191 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #3adb76 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  background-color: #919191;
}


/* Thèmes */
.card-info.theme {
  border-color: #ffae00;
}

.card-info.theme .card-info-label {
  border-color: transparent #ffae00 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #1779ba rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  background-color: #ffae00;
}


/* SF */
.card-info.sf {
  border-color: #004990;
}

.card-info.sf .card-info-label {
  border-color: transparent #004990 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #1779ba rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  background-color: #004990;
}



/* ID */
.card-info.exercices {
  border-color: #008000;
}

.card-info.exercices .card-info-label {
  border-color: transparent #008000 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #3adb76 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  background-color: #008000;
}


/* Exercices */
.card-info.videos {
  border-color: #C5000B;
}

.card-info.videos .card-info-label {
  border-color: transparent #C5000B transparent transparent;
  border-color: rgba(255, 255, 255, 0) #1779ba rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  background-color: #C5000B;
}


/* Exercices */
.card-info.listes {
  border-color: #942192;
}

.card-info.listes .card-info-label {
  border-color: transparent #942192 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #1779ba rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  background-color: #942192;
}