/*
Project: 16-17_3-10
Author: Richy Thomas
Pallette: Dark Blue: rgba(0,103,163,1) , Light Blue: rgba(0,105,165,1); , Orange: rgba(180,63,46,1);
*/

/* Sections */

section {
  display: none;
}

.text-indent {
  margin-left: 12px;
}

/* Statement Stack */

.dropZone {
  background-color: rgba(29,78,137,0.15);
  border-radius: 4px;
  margin-bottom: 1em;
  min-height: 380px;
  padding: 1em;
  text-align: center;
}

.dropZone hr {
  border-color: rgba(208,208,208,1);
  margin: 20px 0;
}

.draggable, .dropZone .draggable {
  background-color: rgba(180,63,46,1);
  border-radius: 4px;
  color: #FFF;
  cursor: move;
  display: inline-block;
  font-size: 16px;
  padding: .5em;
  text-align: center;
  z-index: 2;
}

.draggable {
  width: 100%;
}

.dropZone .draggable {
  height: auto!important;
  margin-bottom: 6px;
  width: 96%!important;
}

.dropZone .draggable:last-child {
  margin-bottom: 0;
}

#statementStack {
  text-align: center;
}

.alert {
  margin: 1em 0 0;
  font-weight: bold;
}

.alert-danger {
  border: 1px solid #a94442;
}

.alert-success {
  border: 1px solid #3c763d;
}

/* Highlight Text */

.highlighted {
  font-style: normal;
  font-weight: bold;
}

.key {
  margin-bottom: 10px;
}

.key-list li {
  line-height: 36px;
}


/* Color Picker */

.color-picker-1 {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

.color-picker-1 div {
  border-radius: 12px;
  border: 1px solid #111;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  margin: 5px 8px;
  width: 23px;
}

.color-picker-1 div:hover, .color-picker-2 div:hover {
  border: 1px solid #444;
}

.color-picker-1 div.selected, .color-picker-2 div:hover {
  box-shadow: #666 0 0 4px 2px;
}

.color-picker-2 {
  float: left;
  margin-right: 15px;
  width: 32px;
}

.color-picker-2 div {
  border-radius: 15px;
  border: 1px solid #111;
  cursor: pointer;
  height: 30px;
  margin: 5px 0;
  width: 30px;
}

/*  MFL Tool */

.ui-dialog .ui-dialog-titlebar {
  background: rgba(180,63,46,1)!important;
}

.ui-dialog .ui-dialog-buttonpane button {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: rgba(180,63,46,1);
  border: 0;
  box-shadow: none;
  color: #FFF;
  font-size: 1.2em;
  padding: 10px;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .1em 0;
}

.tabs label {
  font-size: .7em!important;
  padding: 4px!important;
}


/* Sortable Statements */

.swappableElement {
  background-color: rgba(255,255,153,0.4);
  border: 1px solid rgb(255,255,153);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  cursor: ns-resize;
  display: block;
  margin-bottom: 10px;
  min-height: 20px;
  padding: 19px;
}

#feedback-6 {
  margin-top: 10px;
}

/* Tablet */
@media(min-width: 768px){


}


/* Desktop */
@media(min-width:992px){

  .tabs label {
    font-size: .85em!important;
    padding: 10px 16px!important;
  }

}


/* Large Desktop */
@media(min-width:1200px){

  .tabs label {
    font-size: .9em!important;
  }

}


/* Print */
@media print {


}