/************************
 * Window
 *** Document
 ***** Header
 ***** Nav
 ***** Body
 ******* Left
 ******* Centre
 ********* Centre Top
 ********* Centre Middle
 *********** Centre Middle Left
 *********** Centre Middle Centre
 ************* Content
 *********** Centre Middle Right
 ********* Centre Bottom
 ******* Right
 ***** Footer
**************************/
/* DO NOT EDIT THIS FILE, use custom.css file */

img,
object,
embed,
video {
  max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width: 100%;
}

/* Window */
body {
  background-color: #EE3224;
}

/* Document */
.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border: solid #EE3224 thin;
  font: Helvetica, sans-serif;
}

/*
** Header
*/
#emuHeader {
  border: solid #EE3224 thin;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #EE3224;
}

#emuSessionDetails {
  color: white;
  background: transparent;
  text-align: right;
  padding-top: 25px;
}

#logo {
  float: left;
}

#emuHeaderTag {
  font-size: large;
  text-align: left;
  display: table-cell;
  vertical-align: bottom;
  color: black;
  float:right;
}

#emuHeaderTagTitle:after {
  content: '';
}

#emuPreTagKeyword:after {
  content: '';
}

#emuTagKeyword {
  color: #EE3224;
}

#emuTagKeyword:after {
  content: '';
}

#emuPostTagKeyword:after {
  content: '';
}

/*
* Nav
*/
#emuNav {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: right;
  border: solid #EE3224 thin;
  background-color: white;
  border-top: none;
  border-bottom: none;
  padding: 10px;
}

/*
* Body
*/
#emuBody {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: solid #EE3224 thin;
  background-color: white;
  padding: 10px;
}

/*
** Left
*/
#emuLeft {
  margin-left: 0;
  background-color: transparent;
}

/*
** Centre
*/
/*
*** Top
*/
#emuTop {
  background-color: transparent;
}

/*
*** Middle
*/
/*
**** Middle Left
*/
#emuMiddleLeft {
  margin-left: 0;
}

/*
**** Middle Centre
*/
/*
***** Content
*/
#emuFieldSet {
  border: solid #EE3224 thin;
  background-color: transparent;
  border-radius: 8px;
  margin: 10px;
  padding: 10px;
}

.emuFieldSetDiv {
  border: solid #EE3224 thin;
  background-color: transparent;
  border-radius: 8px;
  margin: 10px;
  padding: 10px;
}

#emuExportOutput {
  border: solid #EE3224 thin;
}

#emuImportOutput {
  border: solid #EE3224 thin;
}

.emuTextArea {
  border: solid #EE3224 thin;
}

#emuBusyIndicator {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/*
**** Color overrides
*/
.form-control {
  border:1px solid #e60000;
  background-color:#fdf6f6;
}

.form-control:focus {
  border-color: #e60000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(230, 0, 0, .6)
}

.input-group-addon {
  border: 1px solid #e60000;
  background-color: #fdf6f6;
}

legend {
  border-bottom: 1px solid #e60000;
}

/*
**** Middle Right
*/
#emuMiddleRight {
  text-align: center;
  vertical-align: middle;
}

/*
*** Bottom
*/
#emuBottom {
  text-align: center;
  margin-top: 5px;
  background-color: transparent;
}

/*
** Right
*/
#emuRight {
  background-color: transparent;
}

/*
* Footer
*/
#emuFooter {
  background-color: transparent;
}

#emuFooterContent {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 5px;
  width: 100%;
}

#emuFooterText {
  color: #fdf6f6;
  font-weight: 100;
  text-align: right;
  font-size: small;
}

/*
 * Styles
*/
.emuStageBtnFile {
  background-color: #f2dfdd;
  color: #333;
  border-color: #EE3224;
}

.emuStageBtnFile:hover {
  background-color: #EE3224;
  color: #f2dfdd;
  border-color: #EE3224
}

.emuLeftAlign {
  text-align: left;
}

.emuRightAlign {
  text-align: right;
}

.emuCentreAlign {
  text-align: center;
}

.emuColour {
  color: #EE3224;
}

.emuIconColour {
  color: black;
}

.emuLogs {
  display: none;
}

.emuSeparator {
  color: #EE3224;
  font-weight: 100;
}

.emuCustomBtn {
  color: white !important;
  background: linear-gradient(#ff8080, #EE3224);
  border-color: #EE3224;
  -webkit-font-smoothing: antialiased;
}

.emu-radio-btn-group {
  padding-bottom: 20px;
}

.emu-radio-btn {
  background: linear-gradient(#ff8080, #EE3224);
  border-color: #EE3224;
  -webkit-font-smoothing: antialiased;
}

.emu-radio-btn:active,
.emu-radio-btn:hover,
.emu-radio-btn:focus {
  background-color: #EE3224;
  border-color: #EE3224;
}

.emuProcessing {
  font-size: 180px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 200px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}

.emuProgressBar {
  background-color: #ee3224;
}

.emuStageMigrationTextArea {
  margin-bottom: 10px;
}

input[type="checkbox"] {
  margin-right: 10px;
}

@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, 0 -0.83em 0 -0.42em #EE3224, 0 -0.83em 0 -0.44em #EE3224, 0 -0.83em 0 -0.46em #EE3224, 0 -0.83em 0 -0.477em #EE3224;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, 0 -0.83em 0 -0.42em #EE3224, 0 -0.83em 0 -0.44em #EE3224, 0 -0.83em 0 -0.46em #EE3224, 0 -0.83em 0 -0.477em #EE3224;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, -0.087em -0.825em 0 -0.42em #EE3224, -0.173em -0.812em 0 -0.44em #EE3224, -0.256em -0.789em 0 -0.46em #EE3224, -0.297em -0.775em 0 -0.477em #EE3224;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, -0.338em -0.758em 0 -0.42em #EE3224, -0.555em -0.617em 0 -0.44em #EE3224, -0.671em -0.488em 0 -0.46em #EE3224, -0.749em -0.34em 0 -0.477em #EE3224;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, -0.377em -0.74em 0 -0.42em #EE3224, -0.645em -0.522em 0 -0.44em #EE3224, -0.775em -0.297em 0 -0.46em #EE3224, -0.82em -0.09em 0 -0.477em #EE3224;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, 0 -0.83em 0 -0.42em #EE3224, 0 -0.83em 0 -0.44em #EE3224, 0 -0.83em 0 -0.46em #EE3224, 0 -0.83em 0 -0.477em #EE3224;
  }
}

@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, 0 -0.83em 0 -0.42em #EE3224, 0 -0.83em 0 -0.44em #EE3224, 0 -0.83em 0 -0.46em #EE3224, 0 -0.83em 0 -0.477em #EE3224;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, 0 -0.83em 0 -0.42em #EE3224, 0 -0.83em 0 -0.44em #EE3224, 0 -0.83em 0 -0.46em #EE3224, 0 -0.83em 0 -0.477em #EE3224;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, -0.087em -0.825em 0 -0.42em #EE3224, -0.173em -0.812em 0 -0.44em #EE3224, -0.256em -0.789em 0 -0.46em #EE3224, -0.297em -0.775em 0 -0.477em #EE3224;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, -0.338em -0.758em 0 -0.42em #EE3224, -0.555em -0.617em 0 -0.44em #EE3224, -0.671em -0.488em 0 -0.46em #EE3224, -0.749em -0.34em 0 -0.477em #EE3224;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, -0.377em -0.74em 0 -0.42em #EE3224, -0.645em -0.522em 0 -0.44em #EE3224, -0.775em -0.297em 0 -0.46em #EE3224, -0.82em -0.09em 0 -0.477em #EE3224;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #EE3224, 0 -0.83em 0 -0.42em #EE3224, 0 -0.83em 0 -0.44em #EE3224, 0 -0.83em 0 -0.46em #EE3224, 0 -0.83em 0 -0.477em #EE3224;
  }
}

/* vertical alignment styles */
.col-top {
  vertical-align: top;
}

.col-middle {
  vertical-align: middle;
}

.col-bottom {
  height: 100%;
  vertical-align: bottom;
}

/* links */
a:link {
  color: #EE3224;
  text-decoration: none;
}

a:visited {
  color: #EE3224;
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: none;
}

a:active {
  color: black;
  text-decoration: none;
}

/* dropdown box */
select {
   background: #fdf6f6;
}

.select2-container--bootstrap .select2-selection {
  background-color: #fdf6f6;
  border: 1px solid #EE3224;
  border-radius: 4px;
  outline: 0;
  overflow: auto;
}

.select2-container--bootstrap .select2-selection .select2-selection__arrow {
  /*color: #DFDFDF;*/
  /*color: #EE3224;*/
  color: #777777;
  font-size: 0.9em;
  text-align: left;
}

.select2-container--bootstrap .select2-selection--single {
  padding-right: 0px;
}

.select2-container--bootstrap .select2-dropdown {
  border-color: #EE3224;
  background-color: #fdf6f6;
  overflow-x: hidden;
  margin-top: -1px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  background-color: #fff;
  border: 1px solid #E8ADAA;
  border-radius: 4px;
  color: #555555;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #EE3224;
  color: #fff;
}

.btn-primary {
  color: #fbf8f8;
  background-color: #EE3224;
  border-color: #EE3224;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  color: #fbf8f8;
  background-color: #EE3224;
  border-color: #EE3224;
}

/* file buttons */
.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #f4cccc;
  border-color: #EE3224;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: #fdf6f6;
  cursor: inherit;
  display: block;
  border-color: #EE3224;
}

input[readonly] {
  background-color: #fdf6f6 !important;
  cursor: text !important;
  border-color: #EE3224;
}

/* alerts */
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, .85);
  /*color: #EE3224;*/
  color: #555555;
  text-align: center;
  border: 1px solid #EE3224;
  border-radius: 6px
}

/* tabs */
.tab-content {
  /*background-color: white;*/
  /*color: #EE3224;*/
  padding: 5px;
  border-radius: 8px;
}

.nav-pills li a {
  background-color: transparent !important;
  color: black;
  border: medium none;
  border-radius: 8px;
}

.nav-pills li a:hover {
  background-color: transparent !important;
  color: #EE3224;
  border: medium none;
  border-radius: 8px;
}

.nav-pills li.active a,
.nav-pills li.active a:focus,
.nav-pills li.active a:hover {
  background-color: #EE3224 !important;
  color: white;
  border-radius: 8px;
}

.dropdown-menu {
  background-color: white;
  padding: 5px;
  border-radius: 8px;
  border: medium none;
}

.dropdown-menu > li a {
  background-color: transparent !important;
  color: black;
  border: medium none;
  border-radius: 8px;
}

.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > a:hover {
  background-color: #EE3224 !important;
  color: white;
  border-radius: 8px;
}

.dropdown-menu > li > a:hover {
  background-color: transparent !important;
  color: #EE3224;
  border: medium none;
  border-radius: 8px;
}

/************************
Responsive
**************************/
.zeroMargin_mobile {
  margin-left: 0;
}

.hide_mobile {
  display: none;
}

/* Mobile Layout */
@media only screen and (min-width: 200px) {
  .container {
    width: 95%;
  }

  #logo {
    width: 70%;
  }

  #emuHeaderTag {
    text-align: center;
  }
}

/* Tablet Layout: 481px to 768px */
@media only screen and (min-width: 481px) {
  .container {
    width: 90%;
  }

  #logo {
    width: 200px;
  }
}

/* Desktop Layout: 769px to a max of 1232px */
@media only screen and (min-width: 769px) {
  .container {
    width: 85%;
  }

  #logo {
    min-width: 250px;
    overflow: scroll;
  }

  #emuHeaderTag {
    text-align: center;
    padding-left: 17%;
    padding-top: 25px;
  }
}

/* Large screen Layout */
@media only screen and (min-width: 1233px) {
  .container {
    width: 80%;
  }

  #emuHeaderTag {
    text-align: left;
    padding-top: 25px;
  }
}