@import "../../Tools/JS/fancybox/jquery.fancybox.css";
@import "../../Tools/CSS/animate.css";
* {
  margin: 0;
  padding: 0;
}
*:focus {
  outline: none;
}
.no-padding {
  padding: 0;
}
.no-right-padding {
  padding-right: 8px !important;
}
.no-left-padding {
  padding-left: 8px !important;
}
.panel-title,
.panel-subtitle {
  font-size: 20px;
  color: #868686;
  padding: 0 !important;
  margin: 0 !important;
  text-shadow: 1px 1px 3px #ccc;
  text-align: left;
}
.panel-subtitle {
  font-size: 16px;
  text-shadow: 1px 1px 2px #ccc;
}
.grayscale {
  filter: grayscale(100%);
  transition-duration: 0.5s;
}
.grayish {
  color: rgba(0, 0, 0, 0.7);
}
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
}
.preload * {
  animation-duration: 0s !important;
  -webkit-animation-duration: 0s !important;
  transition: background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;
}
.left-block,
.right-block {
  min-height: 100px;
  height: auto;
  padding: 10px 15px 0 15px;
  border-radius: 10px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: grey;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left bottom, #fafafa, white);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top right, #fafafa, white);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top right, #fafafa, white);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top right, #fafafa, white);
  /* Standard syntax */
  box-shadow: inset rgba(0, 0, 0, 0.5) 0 -3px 8px, inset rgba(255, 255, 255, 0.7) 3px 3px 8px, rgba(0, 0, 0, 0.8) 3px 3px 8px -3px;
}
.button {
  transform: translateZ(0);
  animation: button-down 0.7s forwards;
}
.button:hover {
  animation: button-up 0.7s forwards;
}
.btn-green,
.btn-green-sm,
.btn-red,
.btn-red-sm {
  border: 0;
  outline: none;
  background: #2db326 linear-gradient(to bottom, #2db326, #2d5916);
  border-radius: 28px;
  text-shadow: 3px 3px 5px #333;
  box-shadow: 0 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 16px 6px 16px;
  text-decoration: none;
  display: inline-block;
  cursor: auto;
  margin-right: 6px;
}
.btn-green:hover,
.btn-green-sm:hover,
.btn-red:hover,
.btn-red-sm:hover {
  cursor: pointer;
  background: #2d5916 linear-gradient(to bottom, #22891d, #0e1c07);
  color: white;
}
.btn-green-sm,
.btn-red-sm {
  border-radius: 10px;
  box-shadow: 1px 2px 3px #96969e;
  height: 23px;
  text-shadow: 1px 1px #333;
  font-size: 12px !important;
  padding: 3px 15px !important;
}
.btn-red,
.btn-red-sm {
  background: #b80505 linear-gradient(to bottom, #ff3304, #b80505);
}
.btn-red:hover,
.btn-red-sm:hover {
  background: #b80505 linear-gradient(to bottom, #fe3000, #550202);
}
.btn-green-active,
.small-btn-green-active {
  cursor: pointer;
  background: #2d5916 linear-gradient(to bottom, #22891d, #0e1c07);
  color: white;
}
.background {
  background: #030344 url("../images/forest4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.container-border {
  border-radius: 10px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: grey;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left bottom, #fafafa, white);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top right, #fafafa, white);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top right, #fafafa, white);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top right, #fafafa, white);
  /* Standard syntax */
  box-shadow: inset rgba(0, 0, 0, 0.5) 0 -3px 8px, inset rgba(255, 255, 255, 0.7) 3px 3px 8px, rgba(0, 0, 0, 0.8) 3px 3px 8px -3px;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 12px;
  height: 19px;
}
input[type="radio"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 4px 5px 0;
  vertical-align: middle;
  background: url(../images/radio-button.png) top no-repeat;
  background-size: 19px 19px;
  cursor: pointer;
}
input[type="radio"]:checked + label span {
  background: url(../images/radio-button-checked.png) top no-repeat;
  background-size: cover;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 11.5px;
  vertical-align: top;
  height: 19px;
}
input[type="checkbox"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 3px 5px 5px 1px;
  vertical-align: middle;
  background: url(../images/checkbox.png) top no-repeat;
  background-size: 19px 18px;
  cursor: pointer;
}
input[type="checkbox"]:checked + label span {
  background: url(../images/checkbox-checked.png) top no-repeat;
  background-size: cover;
}
.tip2,
.tip2 span {
  padding: 0 !important;
  cursor: help;
}
@keyframes button-down {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes button-up {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
.modal-footer div {
  display: inline-block;
}
.modal-footer div:first-of-type {
  margin-right: 7px;
}
@media screen and (max-width: 1199px) {
  input[type="radio"] + label {
    font-size: 11.5px;
    height: 16px !important;
  }
  input[type="checkbox"] + label {
    font-size: 11.5px;
    height: 16px !important;
  }
  input[type="checkbox"] + label span {
    width: 16px;
    height: 16px;
    background-size: 16px 15px;
  }
}
body {
  background: #030344 url("../images/forest4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#main-wrapper {
  min-width: 1200px;
  min-height: 100px;
  width: 80%;
  height: auto;
  padding: 15px 15px 0 15px;
  margin-top: 30px;
  border-radius: 10px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: grey;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left bottom, #fafafa, white);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top right, #fafafa, white);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top right, #fafafa, white);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top right, #fafafa, white);
  /* Standard syntax */
  box-shadow: inset rgba(0, 0, 0, 0.5) 0 -3px 8px, inset rgba(255, 255, 255, 0.7) 3px 3px 8px, rgba(0, 0, 0, 0.8) 3px 3px 8px -3px;
}
#main-wrapper #page-title {
  font-family: CenturyGothic, "AppleGothic", sans-serif;
  text-align: center;
  color: #e0dfdc;
  background: #030344 url("../images/forest4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.7) 100%), url("../images/forest4.jpg");
  letter-spacing: .1em;
  font-size: 32px;
  padding: 7px 0;
  text-shadow: -1.5px 1.5px 2px #5e5d5d, -2.5px 2.5px 2px grey, -3.5px 3.5px 2px #333333, -4.5px 4.5px 2px #161515;
}
#main-wrapper #alert {
  font-size: 16px;
  font-weight: bold;
  display: none;
  margin-top: 15px;
}
#main-wrapper #maincontent {
  margin-top: 20px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
}
#main-wrapper #maincontent .row {
  padding: 0 3px !important;
}
#main-wrapper #maincontent .multiple-span {
  color: red;
  margin-right: 2px;
}
#main-wrapper #maincontent .left-block#platform-selection {
  height: 330px;
}
#main-wrapper #maincontent .left-block#platform-selection .panel-title {
  display: inline-block;
}
#main-wrapper #maincontent .left-block#platform-selection #saveFavButton,
#main-wrapper #maincontent .left-block#platform-selection #restoreFavButton {
  margin-left: 3px;
  float: right;
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  box-shadow: none !important;
}
#main-wrapper #maincontent .left-block#platform-selection #saveFavButton:hover,
#main-wrapper #maincontent .left-block#platform-selection #restoreFavButton:hover {
  filter: grayscale(0);
  transition-duration: 0.5s;
  transform: translateZ(0);
  animation: button-down 0.7s forwards;
}
#main-wrapper #maincontent .left-block#platform-selection #saveFavButton:hover:hover,
#main-wrapper #maincontent .left-block#platform-selection #restoreFavButton:hover:hover {
  animation: button-up 0.7s forwards;
}
#main-wrapper #maincontent .left-block#platform-selection #select-platform-label {
  margin-top: 5px;
}
#main-wrapper #maincontent .left-block#platform-selection img {
  padding: 0 !important;
  height: 89px;
  width: auto;
  box-shadow: 3px 3px 5px #777;
}
#main-wrapper #maincontent .left-block#platform-selection #xCoordSelectWrap,
#main-wrapper #maincontent .left-block#platform-selection #yCoordSelectWrap {
  text-align: left;
  margin-top: 8px;
}
#main-wrapper #maincontent .left-block#platform-selection #xCoordSelectWrap #xCoordSelect,
#main-wrapper #maincontent .left-block#platform-selection #yCoordSelectWrap #xCoordSelect,
#main-wrapper #maincontent .left-block#platform-selection #xCoordSelectWrap #yCoordSelect,
#main-wrapper #maincontent .left-block#platform-selection #yCoordSelectWrap #yCoordSelect {
  padding: 2px !important;
  height: 26px;
  width: 100%;
  font-size: 12px;
}
#main-wrapper #maincontent .left-block#platform-selection #xCoordSelectWrap {
  padding: 0 0 0 5px !important;
}
#main-wrapper #maincontent .left-block#platform-selection #yCoordSelectWrap {
  padding: 0 5px 0 0 !important;
}
#main-wrapper #maincontent .left-block#platform-selection #test-control-panel {
  text-align: left;
  margin: 8px -3px;
}
#main-wrapper #maincontent .left-block#platform-selection #test-control-panel div {
  text-align: center;
  display: block;
  margin-bottom: 7px !important;
}
#main-wrapper #maincontent .left-block#platform-selection #test-pdf-panel {
  text-align: center;
  margin: 8px -3px;
}
#main-wrapper #maincontent .left-block#platform-selection #test-pdf-panel #pdfAnimation {
  font-size: 13.5px;
  color: red;
}
#main-wrapper #maincontent .left-block#platform-selection #test-pdf-panel img {
  box-shadow: none !important;
  width: 32px;
  height: auto;
  margin-top: 5px;
}
#main-wrapper #maincontent .left-block#platform-selection #test-export-panel {
  padding: 0 0 0 10px !important;
  margin-top: 8px;
}
#main-wrapper #maincontent .left-block#chart-wrap {
  min-height: 52px;
}
#main-wrapper #maincontent .left-block#chart-wrap .panel-title {
  display: inline-block;
  margin-right: 20px !important;
}
#main-wrapper #maincontent .left-block#chart-wrap #map-controls {
  display: inline-block;
  position: absolute;
}
#main-wrapper #maincontent .left-block#chart-wrap #map-controls input[type=file],
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #uploadFile {
  display: none;
}
#main-wrapper #maincontent .left-block#chart-wrap #map-controls .btn-green-sm,
#main-wrapper #maincontent .left-block#chart-wrap #map-controls select,
#main-wrapper #maincontent .left-block#chart-wrap #map-controls div {
  display: inline-block;
  margin-right: 4px;
}
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectX-Wrap,
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectY-Wrap {
  display: inline-block;
}
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectX-Wrap #mapParameterSelectX,
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectY-Wrap #mapParameterSelectX,
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectX-Wrap #mapParameterSelectY,
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectY-Wrap #mapParameterSelectY {
  width: 172px;
  height: 26px;
  padding: 3px 3px !important;
}
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectX-Wrap .hidden,
#main-wrapper #maincontent .left-block#chart-wrap #map-controls #mapParameterSelectY-Wrap .hidden {
  display: none;
}
#main-wrapper #maincontent .left-block#chart-wrap #chart {
  margin-top: 5px;
}
#main-wrapper #maincontent #sitesPanel .panel-title {
  display: inline-block;
}
#main-wrapper #maincontent #sitesPanel #addSiteButton,
#main-wrapper #maincontent #sitesPanel #removeSiteButton {
  margin-left: 3px;
  float: right;
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  box-shadow: none !important;
}
#main-wrapper #maincontent #sitesPanel #addSiteButton:hover,
#main-wrapper #maincontent #sitesPanel #removeSiteButton:hover {
  filter: grayscale(0);
  transition-duration: 0.5s;
  transform: translateZ(0);
  animation: button-down 0.7s forwards;
}
#main-wrapper #maincontent #sitesPanel #addSiteButton:hover:hover,
#main-wrapper #maincontent #sitesPanel #removeSiteButton:hover:hover {
  animation: button-up 0.7s forwards;
}
#main-wrapper #maincontent #sitesPanel table {
  margin-top: 6px;
  font-size: 11.5px;
  width: 100%;
  text-align: left;
  margin-bottom: 12px;
}
#main-wrapper #maincontent #sitesPanel table #gcpSettingsButton {
  margin: 7px 0 0 10px;
  float: left;
  display: inline-block;
  width: 18px;
}
#main-wrapper #maincontent #sitesPanel table #gcpSettingsButton:hover {
  filter: grayscale(0);
  transition-duration: 0.5s;
  transform: translateZ(0);
  animation: button-down 0.7s forwards;
}
#main-wrapper #maincontent #sitesPanel table #gcpSettingsButton:hover:hover {
  animation: button-up 0.7s forwards;
}
#main-wrapper #maincontent #sitesPanel table td {
  height: 25px;
  font-size: 11.5px;
}
#main-wrapper #maincontent #sitesPanel table input,
#main-wrapper #maincontent #sitesPanel table span {
  padding: 4px;
  height: 22px;
  font-size: 11.5px;
}
#main-wrapper #maincontent #sitesPanel table .input-group-addon {
  width: 55px;
}
#main-wrapper #maincontent #sitesPanel table .big-left-padding {
  padding-left: 15px;
}
#main-wrapper #maincontent #sitesPanel table .panel-subtitle {
  padding: 5px 0 !important;
  float: left;
  display: inline-block !important;
}
#main-wrapper #maincontent #sitesPanel .btn-green-sm {
  display: block;
  width: 150px;
  margin: -2px auto 0 auto;
}
#main-wrapper .right-block#result-output {
  height: 330px;
  margin-bottom: 12px;
}
#main-wrapper .right-block#result-output .panel-title {
  display: inline-block;
  margin-right: 20px !important;
}
#main-wrapper .right-block#result-output #resultOutputTextarea {
  margin-top: 7px;
  font-size: 12px;
  height: 265px;
  resize: none;
}
#main-wrapper .right-block#result-output #import-controls {
  display: inline-block;
  position: absolute;
}
#main-wrapper .right-block#result-output #import-controls .btn-green-sm {
  display: inline-block;
  margin-right: 4px;
}
#main-wrapper .right-block#result-output #resultTable {
  width: 100%;
  height: 265px;
  overflow-y: auto;
  margin-top: 8px;
}
#main-wrapper .right-block#result-output #resultTable table {
  width: 100%;
  max-height: 160px;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 5px #777;
}
#main-wrapper .right-block#result-output #resultTable table td,
#main-wrapper .right-block#result-output #resultTable table th {
  padding: 0 4px;
  width: auto;
  text-align: center;
  font-size: 9px;
  border: 1px solid black;
}
#main-wrapper .right-block#result-output #resultTable table td {
  font-size: 9.5px;
}
#main-wrapper .right-block#result-output #resultTable table th {
  background: #2d5916;
  background-image: linear-gradient(to bottom, #22891d, #0e1c07);
  color: white;
}
#main-wrapper .right-block#result-output #resultTable table tr.bold td {
  font-weight: bold;
  background: #c8edb4;
}
#main-wrapper .right-block#changeParameters {
  padding: 0 15px 0 15px !important;
  margin-bottom: 12px;
  border: none;
  background: none;
  box-shadow: none;
  text-align: center;
}
#main-wrapper .right-block#changeParameters table {
  margin-top: 6px;
  font-size: 11.5px;
  width: 100%;
  text-align: left;
  margin-bottom: 12px;
}
#main-wrapper .right-block#changeParameters table td {
  height: 25px;
}
#main-wrapper .right-block#changeParameters table input,
#main-wrapper .right-block#changeParameters table span {
  padding: 4px;
  height: 22px;
  font-size: 11.5px;
}
#main-wrapper .right-block#changeParameters table .input-group-addon {
  width: 55px;
}
#main-wrapper .right-block#changeParameters #platformParameters,
#main-wrapper .right-block#changeParameters #flightParameters {
  min-height: 100px;
  height: 330px;
  padding: 10px 15px 0 15px;
  border-radius: 10px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: grey;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left bottom, #fafafa, white);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top right, #fafafa, white);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top right, #fafafa, white);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top right, #fafafa, white);
  /* Standard syntax */
  box-shadow: inset rgba(0, 0, 0, 0.5) 0 -3px 8px, inset rgba(255, 255, 255, 0.7) 3px 3px 8px, rgba(0, 0, 0, 0.8) 3px 3px 8px -3px;
}
#main-wrapper .right-block#changeParameters #flight-alert {
  font-size: 12px;
  padding: 7px;
  font-weight: bold;
  display: none;
  margin-top: 15px;
}
#main-wrapper .button-round {
  margin-left: 3px;
  float: right;
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  box-shadow: none !important;
}
#main-wrapper .button-round:hover {
  filter: grayscale(0);
  transition-duration: 0.5s;
  transform: translateZ(0);
  animation: button-down 0.7s forwards;
}
#main-wrapper .button-round:hover:hover {
  animation: button-up 0.7s forwards;
}
.modal-dialog {
  width: 450px;
}
.modal-dialog .modal-body table {
  margin-top: -5px;
  font-size: 12px;
  width: 100%;
  text-align: left;
}
.modal-dialog .modal-body table td {
  height: 25px;
  font-size: 12px;
}
.modal-dialog .modal-body table input,
.modal-dialog .modal-body table span {
  padding: 4px;
  height: 22px;
  font-size: 12px;
}
.modal-dialog .modal-body table .input-group-addon {
  width: 55px;
}
.modal-dialog .modal-body table .panel-subtitle {
  padding: 15px 0 5px 0 !important;
  float: left;
  display: inline-block !important;
}
.modal-dialog .modal-body table .panel-subtitle.first-panel-subtitle {
  padding: 0 0 5px 0 !important;
}
#firstWindow {
  margin: auto;
  width: 878px;
  height: 602px;
  background: #030344 url("../images/firstWindow.jpg");
  box-shadow: 5px 5px 3px #333333;
  overflow: hidden;
  pointer-events: none;
}
#firstWindow #legal {
  width: 840px;
  padding: 4px;
  margin: 15px 20px;
  height: 504px;
  overflow: auto;
  background-color: white;
  color: #2d5916;
  border: 1px solid #2d5916;
  pointer-events: all;
}
#firstWindow #legal.appearLegal {
  animation: flipInX 1.5s forwards;
}
#firstWindow h2 {
  font-size: 36px;
  font-weight: bold;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style: italic;
  color: white;
  text-shadow: 3px 3px 2px #d70303;
  margin: 12px 0 0 12px;
}
#firstWindow h2.appearTitle {
  animation: slideInLeft 1.5s forwards;
}
#firstWindow #acceptConditionsButton {
  position: absolute;
  margin: -50px 0 0 715px;
  pointer-events: all;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);
}
#firstWindow #acceptConditionsButton.appearButton {
  margin-top: -30px !important;
  animation: slideInRight 1.5s forwards;
}
#firstWindow.appearMain {
  animation: zoomIn 1.5s forwards;
}
#firstWindow.disappearMain {
  animation: flipOutX 1.5s forwards;
}
footer {
  color: white;
  text-align: center;
  margin-top: 15px;
  font-weight: normal;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}
footer a,
footer a:hover,
footer a:visited {
  color: white;
}
footer a:hover {
  font-weight: bold;
  animation: tada 1s forwards;
}