/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.modal-open {
   overflow: hidden;
}


/* add a scroll bar to stop page from jerking around */

.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
   overflow-y: scroll;
}

@media (max-width: 979px) {
   .modal-open.page-overflow .page-container .navbar-fixed-top,
   .modal-open.page-overflow .page-container .navbar-fixed-bottom {
      overflow-y: visible;
   }
}

.modal-scrollable {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: auto;
}

.modal {
   outline: none;
   position: absolute;
   margin-top: 0;
   top: 50%;
   overflow: visible;
   /* allow content to popup out (i.e tooltips) */
}

.modal.fade {
   top: -100%;
   -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
   -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
   -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
   transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}

.modal.fade.in {
   top: 50%;
}

.bootbox-modal {
   outline: none;
   position: absolute;
   margin-top: 0;
   top: 50%;
   overflow: visible;
   /* allow content to popup out (i.e tooltips) */
}

.bootbox-modal.fade {
   top: -100%;
   -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
   -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
   -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
   transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}

.bootbox-modal.fade.in {
   top: 50%;
}

.modal-body {
   max-height: none;
   overflow: visible;
}

.modal.modal-absolute {
   position: absolute;
   z-index: 950;
}

.modal .loading-mask {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #fff;
   border-radius: 6px;
}

.bootbox-modal .loading-mask {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #fff;
   border-radius: 6px;
}

.modal-backdrop.modal-absolute {
   position: absolute;
   z-index: 940;
}

.modal-backdrop,
.modal-backdrop.fade.in {
   opacity: 0.7;
   filter: alpha(opacity=70);
   background: #fff;
}

.modal.container {
   width: 940px;
   margin-left: -470px;
}

.bootbox-modal.container {
   width: 940px;
   margin-left: -470px;
}


/* Modal Overflow */

.modal-overflow.modal {
   top: 1%;
}

.modal-overflow.modal.fade {
   top: -100%;
}

.modal-overflow.modal.fade.in {
   top: 1%;
}

.modal-overflow.bootbox-modal {
   top: 1%;
}

.modal-overflow.bootbox-modal.fade {
   top: -100%;
}

.modal-overflow.bootbox-modal.fade.in {
   top: 1%;
}

.modal-overflow .modal-body {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}


/* Responsive */

@media (min-width: 1200px) {
   .modal.container {
      width: 1170px;
      margin-left: -321px;
   }
   .bootbox-modal.container {
      width: 1170px;
      margin-left: -321px;
   }
}

@media (max-width: 979px) {
   .modal,
   .modal.container,
   .modal.modal-overflow {
      top: 1%;
      right: 1%;
      left: 1%;
      bottom: auto;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
   }
   .modal.fade.in,
   .modal.container.fade.in,
   .modal.modal-overflow.fade.in {
      top: 1%;
      bottom: auto;
   }
   .modal-body,
   .modal-overflow .modal-body {
      position: static;
      margin: 0;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
   }
   .modal-footer,
   .modal-overflow .modal-footer {
      position: static;
   }
   .bootbox-modal,
   .bootbox-modal.container,
   .bootbox-modal.modal-overflow {
      top: 1%;
      right: 1%;
      left: 1%;
      bottom: auto;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
   }
   .bootbox-modal.fade.in,
   .bootbox-modal.container.fade.in,
   .bootbox-modal.modal-overflow.fade.in {
      top: 1%;
      bottom: auto;
   }
}

.loading-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -12px 0 0 -12px;
}


/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/

.animated {
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   -o-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   -moz-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
}

@-webkit-keyframes shake {
   0%,
   100% {
      -webkit-transform: translateX(0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      -webkit-transform: translateX(-10px);
   }
   20%,
   40%,
   60%,
   80% {
      -webkit-transform: translateX(10px);
   }
}

@-moz-keyframes shake {
   0%,
   100% {
      -moz-transform: translateX(0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      -moz-transform: translateX(-10px);
   }
   20%,
   40%,
   60%,
   80% {
      -moz-transform: translateX(10px);
   }
}

@-o-keyframes shake {
   0%,
   100% {
      -o-transform: translateX(0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      -o-transform: translateX(-10px);
   }
   20%,
   40%,
   60%,
   80% {
      -o-transform: translateX(10px);
   }
}

@keyframes shake {
   0%,
   100% {
      transform: translateX(0);
   }
   10%,
   30%,
   50%,
   70%,
   90% {
      transform: translateX(-10px);
   }
   20%,
   40%,
   60%,
   80% {
      transform: translateX(10px);
   }
}

.shake {
   -webkit-animation-name: shake;
   -moz-animation-name: shake;
   -o-animation-name: shake;
   animation-name: shake;
}