@charset "UTF-8";
/* CSS Document - Noticia Set - ©2016 Phil Portugal */
/* Edited by Louis-Charles Martin*/

body {
  font-family: 'Titillium Web', sans-serif;/*'Pangolin', cursive;*/
}

button[class="input"] {
  display:block;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  border-radius:4px;
  color:#fff;
  padding:6px 0;
  font-size:1.375em;
}

button[class="menu"] {
  font-family: 'Titillium Web', sans-serif;/*'Pangolin', cursive;*/
  height: 40px;
  opacity: 0.8;
}
button[class="menu"]:hover {opacity: 1;}

/*button[class="op"]*/.op {
  width:30px;
  font-size:1em;
  padding: 8px;
}

button[class="set"] {width:100%;}

button[class="tool"] {
  font-family: 'Titillium Web', sans-serif;/*'Pangolin', cursive;*/
  position: absolute;
  top: 0;
  right: 15px;
  height: 40px;
  opacity: 0.8;
}
button[class="tool"]:hover {opacity: 1;}

div[class="titre"] {width:94%;font-size:1.5em;margin:0;padding:3%;}
div[class="sstitre"] {margin:0;padding:0 8px 6px 8px;}
div[class="titreSection"] {width:100%;background:#fff;text-align:left;font-size:1em!important;color:#888;text-transform: uppercase; padding:7% 3% 3% 3%;}
div[class="wrap"] {margin:0;padding:0;background:#ddd;width:auto;}
div[class="statut"] {text-align:right;font-size:1.125em;padding:0 8px 0 8px;}
div[class="form"] {font-size:1.125em;margin:5px 0 5px 0;padding: 8px;}

input {
  font-family: 'Titillium Web', sans-serif;/*'Pangolin', cursive;*/
}

input[type="email"] {
  padding: 5px 10px;
  font-size:1em;
}

input[type="image"] {
  padding: 10px;
  box-shadow:0 1px 5px #444;
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

input[type="submit"] {
  display:block;
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  border-radius:4px;
  color:#fff;
  padding:6px 0;
  font-size:1.375em;
}

input[class="op"] {
  width:30px;
  font-size:1em;
  padding: 8px;
}

input[class="set"] {width:100%;}

/*input[type="tel"] {
  width:90%;
  padding: 5px 10px;
  font-size:1em;
}*/

input[type="text"] {
  padding: 5px 10px;
  font-size:1em;
}

input[type="url"] {
  padding: 5px 10px;
  font-size:1em;
}

select {
  width: 100%;
  padding: 5px 10px;
  font-family: 'Titillium Web', sans-serif; /*'Pangolin', cursive;*/
  font-size:1em;
}

/*CODE BLOCKS*/
div[class="codeblock"] {
  color: #ABB2BF;
  background: #3A4343;
  font-weight: bold;
  overflow:auto;
  /*width:80%;*/
  border:solid #333;
  border-width:.1em .1em .1em .8em;
  padding:8px;
  margin: 8px auto;
}

pre[class="code"] {
  margin: 2px 0 12px 0;
  line-height: 125%;
}

span[class="tag"] {
  color: #FF6C6C;
}

span[class="attr"] {
  color: #FF9A35;
}

span[class="val"] {
  color: #98C36E;
}

.header {margin:0;padding:0 8px 6px 8px;}
.note {font-size:0.75em;text-align:left;padding:0 10px 10px 10px;}


.green {background:#00AB05}
.red {background:#EE0000}


.clr {float:none;clear:both;}
.button {width:50%;float:left;margin:0 auto;padding:0 2%;border:1px solid #ddd;text-align:center;}

/*Overide Bootstrap Table*/
.table > tbody > tr > td {
  vertical-align: middle;
}

.table > tbody > tr > th {
  vertical-align: middle;
}

/*.table .truncated {
	table-layout:fixed;
}

.table .truncated td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}*/

.truncated td
{
    max-width: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*Sortable list*/
/*.container {
  max-width: 760px;
  padding: 0 10px;
  margin: 0 auto;
  font-family: 'Source Sans Pro', sans-serif;
  color: #6e6e6e;
}*/
/*.container .btn {
  width: 150px;
  margin: 0 15px 25px 0;
  padding: 10px;
  color: white;
  border: 0;
  border-radius: 3px;
  background-color: #1a646e;
}*/

.sortable-section {
  position: relative;
  min-height: 280px;
}

.sortable-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sortable-list-item {
  margin-bottom: 15px;
  padding: 22px;
  color: #6e6e6e;
  background-color: white;
  border: 1px solid rgba(110, 110, 110, 0.3);
  border-radius: 3px;
  cursor: move;
}
.sortable-list-item.not-sortable {
  cursor: initial;
}

.sortable-list-item-placeholder {
  height: 70px;
  margin-bottom: 20px;
  background: rgba(200, 200, 200, 0.2);
  border: 1px dashed #cacfce;
}

.fa-icon {
  display: none;
  margin-right: 10px;
  font-size: 20px;
}
.fa-icon.active {
  display: inline-block;
}


/*#addPhone {
  background:#00AB05;
}

#removePhone {
  background:#EE0000;
}*/

/*#newDesc {
    width:100px;
}

#newPhone {
  width: 87%;
}*/

@media(min-width:768px) {
  #wrap {
    max-width: 80%;
    margin: auto;
  }
}