@font-face {
  font-family: Gotham Narrow;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Gotham-Light.6af54439550f325c8b410e70e11f77dd.woff2') format("woff2"),url('fonts/Gotham-Light.d6f12bc2c0b57cf7bde31ea90dffa26e.woff') format("woff")
}

@font-face {
  font-family: Gotham;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Gotham-Book.f8188881d8b44428e2429c113e4888d1.woff2') format("woff2"),url('fonts/Gotham-Book.79e503d0b113b25cb183cbd1949176dc.woff') format("woff")
}

@font-face {
  font-family: Gotham;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('fonts/Gotham-Medium.43c78bf2646bda8110da02af76570bc8.woff2') format("woff2"),url('fonts/Gotham-Medium.3512acaec6bef49615676bef35d4b6ac.woff') format("woff")
}

@font-face {
  font-family: Gotham;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('fonts/Gotham-Bold.d0571939fe800166a2cf6bddc8be8f83.woff2') format("woff2"),url('fonts/Gotham-Bold.7feb78a3f1b04c59af8d8736b7032294.woff') format("woff")
}

@font-face {
  font-family: Whitman;
  font-style: italic;
  font-display: swap;
  src: url('fonts/Whitman-Italic.18fe04fad3647453bd39d0d83499489b.woff2') format("woff2"),url('fonts/Whitman-Italic.6a822fd33c3d3e5e9882cbc5efe1c651.woff') format("woff")
}

@font-face {
  font-family: Whitman;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Whitman-Regular.991c363229d6af3c8e11e35a466d6ce0.woff2') format("woff2"),url('fonts/Whitman-Regular.aa0451b502754f2fd6327e4cb52b1082.woff') format("woff")
}

@font-face {
  font-family: Merriweather;
  font-style: italic;
  font-display: swap;
  src: url('fonts/Merriweather-Italic.808a479b6346eb0d3f09e7f5e6ba30e6.woff2') format("woff2"),url('fonts/Merriweather-Italic.c5e49abca7882239286be76dfe64c756.woff') format("woff")
}

@font-face {
  font-family: Merriweather;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Merriweather-Regular.be97ba8b493ea6f54cfa14e50d6a7679.woff2') format("woff2"),url('fonts/Merriweather-Regular.025a705b5e9b0f5ec33fc39135a3e230.woff') format("woff")
}

body {
  font-family: Gotham, Arial, sans-serif;
  background-color: #f5f5f5;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dotted #000;
}

a {
  color: #001435;
}
a:hover {
  color: #001435;
  text-decoration: none;
}

#content a, #content a:hover {
  text-decoration: underline;
}

#content .panel-group a, #content .panel-group a:hover {
  text-decoration: none!important;
}

footer {
  margin-top: 20px;
  background-color: #ffffff;
}

footer #footer {
  background-color: rgb(0, 35, 75);
  color: #ffffff;
  padding: 25px 0;
}

footer a {
  color: #ffffff;
}
footer a:hover {
  color: #ffffff;
  text-decoration: none;
}

@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}

/* overwrite bootstrap --------------------------------------------------------------*/

.navbar {
  background-color: #ffffff;
  border-color: #ffffff;
  min-height: 75px;
}

.navbar .navbar-brand {
  color: #001435;
  height: 75px;
}

.navbar .navbar-nav > li > a {
  color: #001435;
  padding: 25px 15px;
  line-height: 25px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #ffffff;
}

.navbar .navbar-nav > li > a:hover {
  background-color: #ffffff;
}

.navbar-toggle {
  margin-top: 21px;
  border-color: #001435;
}

.navbar-toggle .icon-bar {
  background-color: #001435;
}

.btn {
  border-radius: 2.5rem;
  padding: 1rem 2.5rem;
}

.btn-primary, #resend-button {
  background-color: #ffffff;
  color: #001435;
  border-color: #001435;
  margin-bottom: 10px;
}
.btn-primary:hover, #resend-button:hover {
  background-color: #001435;
  color: #ffffff;
}

.panel-primary {
  border-color: #001435;
}

.panel-primary > .panel-heading {
  background-color: #001435;
  border-color: #001435;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #001435;
  border-color: #001435;
}

.pagination>li>a, .pagination>li>span {
  color: #001435;
}

/* overwrite bootstrap END ----------------------------------------------------------*/

/* nicecheckbox --------------------------------------------------------------*/
/* Customize the label (the nicecheckbox) */
.nicecheckbox {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
}

/* Hide the browser's default checkbox */
.nicecheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.nicecheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #001435;
  border-radius: 0px;
}

/* On mouse-over, add a grey background color */
.nicecheckbox:hover input ~ .checkmark {
  /*background-color: #6cc86c;*/
  background-color: white;
}

/* When the checkbox is checked, add a blue background */
.nicecheckbox input:checked ~ .checkmark {
  /*background-color: #5cb85c;*/
  background-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.nicecheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.nicecheckbox input:checked ~ .checkmark:after {
  display: block;
}

.nicecheckbox input:disabled ~ .checkmark {
  cursor: not-allowed;
  border-color: #b9b9b9;
}

/* Style the checkmark/indicator */
.nicecheckbox .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  /*border: solid #ffffff;*/
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* nicecheckbox END ----------------------------------------------------------*/



/* niceradiobox --------------------------------------------------------------*/
/* Customize the label (the niceradiobox) */
.niceradiobox {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
}

/* Hide the browser's default radio button */
.niceradiobox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.niceradiobox .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 18px;
  width: 18px;
  /*background-color: #eee;*/
  border: 1px solid #b9b9b9;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.niceradiobox:hover input ~ .checkmark {
  /*background-color: #ccc;*/
  /*background-color: #6cc86c;*/
  background-color: rgb(255,255,0);
}

/* When the radio button is checked, add a blue background */
.niceradiobox input:checked ~ .checkmark {
  /*background-color: #5cb85c;*/
  background-color: rgb(239,222,0);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.niceradiobox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.niceradiobox .checkmark:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  /*background: white;*/
  background: black;
}
/* niceradiobox END ----------------------------------------------------------*/

/* jquery simplecropper ----------------------------------------------------- */
#modal {
  z-index: 10;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  display: none;
}

#fileInput{
  width:0;
  height:0;
  overflow:hidden;
}

#preview {
  z-index: 11;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  border: 4px solid #A5A2A2;
  border-radius: 4px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}

#preview .buttons{
  width: 36px;
  position: absolute;
  bottom:0px;
  right: -44px;
}

#preview .buttons .ok{
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  line-height: 0px;
  font-size: 0px;
  background-image: url('https://ticketorganizer.eu/mtt/public/acc/common/libs/jQuery-SimpleCropper/images/Ok.png');
  background-repeat: no-repeat;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
#preview .buttons .ok:hover{
  background-image: url('https://ticketorganizer.eu/mtt/public/acc/common/libs/jQuery-SimpleCropper/images/OkGreen.png');
}

#preview .buttons .cancel{
  margin-bottom: 4px;
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  line-height: 0px;
  font-size: 0px;
  background-image: url('https://ticketorganizer.eu/mtt/public/acc/common/libs/jQuery-SimpleCropper/images/Cancel.png');
  background-repeat: no-repeat;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

#preview .buttons .cancel:hover{
  background-image: url('https://ticketorganizer.eu/mtt/public/acc/common/libs/jQuery-SimpleCropper/images/CancelRed.png');
}

.cropme {
  float: left;
  background-color: #ffffff;
  margin-bottom: 5px;
  margin-right: 5px;
  background-image: url('https://ticketorganizer.eu/mtt/public/acc/common/libs/jQuery-SimpleCropper/images/UploadLight.png');
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.cropme:hover{
  background-image: url('https://ticketorganizer.eu/mtt/public/acc/common/libs/jQuery-SimpleCropper/images/UploadDark.png');
}

.modal .cropme {
  background-color: #f1f1f1;
}
/* jquery simplecropper END --------------------------------------------------*/

/* heath check */

.form__input-field-label {
  font-size: 18px;
  margin-top: 5px;
}

.form__input-field-split {
  margin-bottom: 5px;
  font-size: 14px;
}

/* loading overlay ----------------------------------------------------- */

.spanner{
  position:absolute;
  top: 50%;
  left: 0;
  background: #2a2a2a55;
  width: 100%;
  display:block;
  text-align:center;
  height: 100vh;
  color: #1e1450;
  transform: translateY(-50%);
  z-index: 2000;
  visibility: visible;
}

.overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  visibility: visible;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #1e1450;
  font-size: 10px;
  margin: 45vh auto 40px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.spanner, .overlay{
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* loading overlay END --------------------------------------------------*/