/* ==================================================
  Magnific Popup
==================================================== */
/* Inline Content Styling (container) */
.modal-basic {
  max-width: 600px;
  margin: 40px auto;
  position: relative;
}
.modal-basic-bg {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 600px;
  margin: 40px auto;
  position: relative;
}
/* unstyled popup */
.popup-basic {
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 450px;
  margin: 40px auto;
}
/* popup sizes */
.popup-sm {
  max-width: 300px;
}
.popup-lg {
  max-width: 700px;
}
.popup-xl {
  max-width: 1000px;
}
.popup-full {
  max-width: 90%;
}
/* Basic Example */
.mfp-no-margins img.mfp-img {
  padding: 0;
}
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}
.mfp-no-margins .mfp-container {
  padding: 0;
}
/*Simple fade transition*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* ====== Zoom effect ====== */
.mfp-zoomIn {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoomIn .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoomIn.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoomIn.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoomIn.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoomIn.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoomIn.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== Zoom-out effect ====== */
.mfp-zoomOut .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoomOut.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoomOut.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoomOut.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoomOut.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoomOut.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== Move-from-left effect ====== */
.mfp-slideLeft .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-slideLeft.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-slideLeft.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-slideLeft.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-slideLeft.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-slideLeft.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== Move-from-right effect ====== */
.mfp-slideRight .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(50px);
}
.mfp-slideRight.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-slideRight.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-slideRight.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-slideRight.mfp-removing .mfp-with-anim {
  transform: translateX(-50px);
  opacity: 0;
}
.mfp-slideRight.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== Move-from-top effect ====== */
.mfp-slideDown .mfp-content {
  vertical-align: middle;
}
.mfp-slideDown .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-slideDown.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-slideDown.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-slideDown.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-slideDown.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-slideDown.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== Move-from-bottom effect ====== */
.mfp-slideUp .mfp-content {
  vertical-align: middle;
}
.mfp-slideUp .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(100px);
}
.mfp-slideUp.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-slideUp.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-slideUp.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-slideUp.mfp-removing .mfp-with-anim {
  transform: translateY(50px);
  opacity: 0;
}
.mfp-slideUp.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== 3d unfold ====== */
.mfp-flipInX .mfp-content {
  perspective: 2000px;
}
.mfp-flipInX .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateX(-60deg);
}
.mfp-flipInX.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-flipInX.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateX(0deg);
}
.mfp-flipInX.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-flipInX.mfp-removing .mfp-with-anim {
  transform: rotateX(60deg);
  opacity: 0;
}
.mfp-flipInX.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== FlipInY ====== */
.mfp-flipInY .mfp-content {
  perspective: 2000px;
}
.mfp-flipInY .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-flipInY.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-flipInY.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-flipInY.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-flipInY.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-flipInY.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== rotate in left ====== */
.mfp-rotateDown .mfp-content {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
.mfp-rotateDown .mfp-with-anim {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(-100%) rotateX(-90deg);
  transform: translateY(-100%) rotateX(-90deg);
  -webkit-transform-origin: 0 -100%;
  transform-origin: 0 -100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-rotateDown.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-rotateDown.mfp-ready .mfp-with-anim {
  -webkit-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}
.mfp-rotateDown.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-rotateDown.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(-100%) rotateX(-90deg);
  transform: translateY(-100%) rotateX(-90deg);
  -webkit-transform-origin: 0 -100%;
  transform-origin: 0 -100%;
  opacity: 0;
}
.mfp-rotateDown.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== rotate in left ====== */
.mfp-rotateUp .mfp-content {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
.mfp-rotateUp .mfp-with-anim {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-rotateUp.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-rotateUp.mfp-ready .mfp-with-anim {
  -webkit-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}
.mfp-rotateUp.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-rotateUp.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
}
.mfp-rotateUp.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== rotate in left ====== */
.mfp-rotateRight .mfp-content {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
.mfp-rotateRight .mfp-with-anim {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateX(100%) rotateY(90deg);
  transform: translateX(100%) rotateY(90deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-rotateRight.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-rotateRight.mfp-ready .mfp-with-anim {
  -webkit-transform: translateX(0%) rotateY(0deg);
  transform: translateX(0%) rotateY(0deg);
  opacity: 1;
}
.mfp-rotateRight.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-rotateRight.mfp-removing .mfp-with-anim {
  -webkit-transform: translateX(-100%) rotateY(-90deg);
  transform: translateX(-100%) rotateY(-90deg);
  -webkit-transform-origin: -100% 0;
  transform-origin: -100% 0;
  opacity: 0;
}
.mfp-rotateRight.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== rotate in left ====== */
.mfp-rotateLeft .mfp-content {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}
.mfp-rotateLeft .mfp-with-anim {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateX(-100%) rotateY(-90deg);
  transform: translateX(-100%) rotateY(-90deg);
  -webkit-transform-origin: -100% 0;
  transform-origin: -100% 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-rotateLeft.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-rotateLeft.mfp-ready .mfp-with-anim {
  -webkit-transform: translateX(0%) rotateY(0deg);
  transform: translateX(0%) rotateY(0deg);
  opacity: 1;
}
.mfp-rotateLeft.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-rotateLeft.mfp-removing .mfp-with-anim {
  -webkit-transform: translateX(100%) rotateY(90deg);
  transform: translateX(100%) rotateY(90deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  opacity: 0;
}
.mfp-rotateLeft.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== fullscale ====== */
.mfp-fullscale .mfp-with-anim {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.mfp-fullscale.mfp-bg {
  background: #000;
  opacity: 0;
  transition: all 0.35s;
}
.mfp-fullscale.mfp-ready .mfp-with-anim {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.mfp-fullscale.mfp-ready.mfp-bg {
  background: #000;
  opacity: 1;
}
.mfp-fullscale.mfp-removing .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.mfp-fullscale.mfp-removing.mfp-bg {
  background: #000\A;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
/* ====== Sign ====== */
.mfp-sign .mfp-content {
  perspective: 1300px;
}
.mfp-sign .mfp-with-anim {
  transform-style: preserve-3d;
  transform: rotateX(-60deg);
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mfp-sign.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-sign.mfp-ready .mfp-with-anim {
  transform: rotateX(0deg);
  opacity: 1;
}
.mfp-sign.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-sign.mfp-removing .mfp-with-anim {
  transform: rotateX(-60deg);
  opacity: 0;
}
.mfp-sign.mfp-removing.mfp-bg {
  opacity: 0;
}
/* ====== Newspaper effect ====== */
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}
/*===============================================
  Summernote
================================================= */
.panel .note-editor,
.panel.note-editor {
  border: 0;
  box-shadow: none;
}
.panel-body .note-editor {
  margin: -1px;
}
.note-editor .note-toolbar {
  height: auto;
  margin: 0;
  padding: 0 10px 9px;
  border: 1px solid #d7d7d7;
  border-bottom: 0;
  background-color: #fafafa;
}


.note-editor .note-toolbar > .btn-group {
  margin-top: 8px;
  margin-right: 10px;
}
.note-editor .btn-group-sm > .btn,
.note-editor .btn-sm {
  padding: 7px 11px;
}
.note-editor .btn-default {
  background-color: #FFF;
  border-color: #DDD;
  border-radius: 1px;
}
.note-editor .note-editable {
  overflow: auto;
  box-shadow: none;
  border: 0;
}
.note-editor .note-editable.panel-body {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.note-editor.note-frame .note-statusbar {
  position: relative;
  margin-top: -12px;
  z-index: 3;
  border: 0;
  background: transparent;
}
.note-editor.note-frame .note-statusbar .note-resizebar {
  height: 12px;
}
.note-dialog .modal-dialog {
  padding-top: 50px;
}
.summernote-stack .note-editor {
  margin-bottom: 0;
}

/*===============================================
  H. Max Width Helpers
================================================= */
.fluid-width {
    width: 100% !important;
  }
  .w-unset {
    width: unset !important;
  }
  .mw10 {
    max-width: 10px !important;
  }
  .mw20 {
    max-width: 20px !important;
  }
  .mw30 {
    max-width: 30px !important;
  }
  .mw35 {
    max-width: 35px !important;
  }
  .mw40 {
    max-width: 40px !important;
  }
  .mw45 {
    max-width: 45px !important;
  }
  .mw50 {
    max-width: 50px !important;
  }
  .mw60 {
    max-width: 60px !important;
  }
  .mw80 {
    max-width: 80px !important;
  }
  .mw100 {
    max-width: 100px !important;
  }
  .mw140 {
    max-width: 140px !important;
  }
  .mw160 {
    max-width: 160px !important;
  }
  .mw180 {
    max-width: 180px !important;
  }
  .mw200 {
    max-width: 200px !important;
  }
  .mw240 {
    max-width: 240px !important;
  }
  .mw280 {
    max-width: 280px !important;
  }
  .mw320 {
    max-width: 320px !important;
  }
  .mw400 {
    max-width: 400px !important;
  }
  .mw450 {
    max-width: 450px !important;
  }
  .mw500 {
    max-width: 500px !important;
  }
  .mw600 {
    max-width: 600px !important;
  }
  .mw700 {
    max-width: 700px !important;
  }
  .mw800 {
    max-width: 800px !important;
  }
  .mw900 {
    max-width: 900px !important;
  }
  .mw1000 {
    max-width: 1000px !important;
  }
  .mw1100 {
    max-width: 1100px !important;
  }
  .mw1200 {
    max-width: 1200px !important;
  }

  /* Negative Margin Helpers */
.mtn5 {
    margin-top: -5px !important;
  }
  .mtn10 {
    margin-top: -10px !important;
  }
  .mtn15 {
    margin-top: -15px !important;
  }
  .mtn20 {
    margin-top: -20px !important;
  }
  .mtn30 {
    margin-top: -30px !important;
  }
  .mrn5 {
    margin-right: -5px !important;
  }
  .mrn10 {
    margin-right: -10px !important;
  }
  .mrn15 {
    margin-right: -15px !important;
  }
  .mrn20 {
    margin-right: -20px !important;
  }
  .mrn30 {
    margin-right: -30px !important;
  }
  .mbn5 {
    margin-bottom: -5px !important;
  }
  .mbn10 {
    margin-bottom: -10px !important;
  }
  .mbn15 {
    margin-bottom: -15px !important;
  }
  .mbn20 {
    margin-bottom: -20px !important;
  }
  .mbn30 {
    margin-bottom: -30px !important;
  }
  .mln5 {
    margin-left: -5px !important;
  }
  .mln10 {
    margin-left: -10px !important;
  }
  .mln15 {
    margin-left: -15px !important;
  }
  .mln20 {
    margin-left: -20px !important;
  }
  .mln30 {
    margin-left: -30px !important;
  }
  .panel-title {
    color: #555;
    padding-left: 6px;
    font-size: 15px;
    font-weight: 600;
}
.panel > :first-child {
    border-top: 1px solid #d7d7d7;
}
.panel-heading {
    position: relative;
    background: #f6f6f6;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 0;
    padding: 0 12px;
    height: 56px;
    line-height: 52px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.panel-body {
    position: relative;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    background-color: #fff;
}
.p25 {
    padding: 25px !important;
}