/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.4
Created: August 2014
License URI: http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.modal {
  /*max-height: calc(100vh - 200px);*/
  overflow-y: auto !important;
  overflow-x: auto !important;
}

.radio, .checkbox {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.tAndc-panel {
  width: 850px !important;
}

.scrollableDiv {
  max-height: 600px;
  max-width: 100%;
  overflow-y: scroll;
}

.ecard-print-display {
  width: 400px;
}

.ecard_image_small {
  -webkit-box-shadow: 6px 6px 10px #888888;
  box-shadow: 6px 6px 10px #888888;
  max-height: 149px;
  max-width: 100%;
  border-radius: 12px;
}

.ecard_display_small {
  /*width: 100%;*/
  padding-bottom: 5px;
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
}

.ecard_display_large {
  width: 294px;
  /*height: 180px;*/
  border-radius: 12px;
  overflow: hidden;
  margin: 8px;
  cursor: pointer;
}

.ecard_image_large {
  -webkit-box-shadow: 6px 6px 10px #888888;
  box-shadow: 6px 6px 10px #888888;
  border-radius: 12px;
  position: relative;
  /*top: -2px;
  left: -1px;*/
  /*width: 301px;*/
  height: 190px;
  /*max-height: 190px;*/
}

.container.rounded {
  border-radius: 10px;
}

div.rounded {
  border-radius: 10px;
}

.panel-body.rounded {
  border-radius: 10px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.dropdown-menu > li > a {
  font-size: 12px;
}

.img-center {
  margin: 0 auto;
}

.carousel-height {
  /*min-height: 520px;*/
}

.reviewOrderBoxBody {
  height: 170px;
}

@media (max-width: 767px)and (min-width: 481px) {
  .modal-dialog {
    width: 625px !important;
    margin: 30px auto;
  }

  .modal {
    position: fixed;
    top: 3%;
    right: 3%;
    left: 3%;
    width: auto;
    margin: 0;
    max-height: 390px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .carousel-height {
    min-height: 140px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal {
    position: fixed;
    top: 3%;
    right: 3%;
    left: 3%;
    width: auto;
    margin: 0;
    max-height: 600px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .carousel-height {
    min-height: 520px;
  }
}

@media only screen and (max-width: 480px) {
  .modal-dialog {
    width: auto !important;
    margin: 30px auto;
  }

  .full-height .main-container {
    padding-top: 0px;
  }

}