/*--------------------------------------------------------
 * NOTE: We use LESS syntax in this project for our CSS.
 * "LESS extends CSS with: variables, mixins, operations,
 * and nested rules."
 * -http://lesscss.org/
 *--------------------------------------------------------*/
/* MIXINS   
----------------------------------------------------------*/
/*--------------------------------------------------------
 * NOTE: We use LESS syntax in this project for our CSS.
 * "LESS extends CSS with: variables, mixins, operations,
 * and nested rules."
 * -http://lesscss.org/
 *--------------------------------------------------------*/
/* COLORS   
----------------------------------------------------------*/
/* WIDTHS   
----------------------------------------------------------*/
/* BOOTSTRAP
----------------------------------------------------------*/
.btn-primary {
  background-color: #004ccc;
  border-color: #0242ad;
}
.btn-outline-primary {
  border-color: #004ccc;
  color: #004ccc;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #0242ad;
  border-color: #022f7a;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #0242ad;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #004ccc;
  border-color: #022f7a;
}
/*.btn-group {
    white-space: nowrap;
    a.btn { white-space: normal; }
}*/
.dropdown-menu a.dropdown-item {
  cursor: pointer;
}
.dropdown-menu a:hover {
  background-color: #004ccc;
  background-image: linear-gradient(to bottom, #004ccc 0, #0242ad 100%);
  color: #fff;
}
.dropdown-menu a.active {
  background-color: #004ccc;
}
form h3,
h3.blue {
  color: #004ccc;
  font-size: 20px;
  margin-top: 10px;
}
form .form-text {
  color: #717171;
  font-size: 0.8rem;
}
.datepicker .datepicker-days td.day {
  padding: 5px;
}
.bootstrap-select button {
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.bootstrap-select .filter-option-inner-inner {
  color: #495057;
}
.bootstrap-switch .bootstrap-switch-primary {
  background-color: #004ccc !important;
}
.carousel-item .active {
  display: block;
}
.carousel-item p {
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.modal-header .close {
  cursor: pointer;
}
.modal-backdrop {
  visibility: hidden !important;
}
.modal.in {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.navbar li.header {
  margin-left: 25px;
  font-weight: bold;
}
@media (max-width: 1216px) {
  .col-md-hide {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .col-sm-hide {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .col-xs-hide {
    display: none !important;
  }
  .modal-dialog a.close {
    font-size: 32px;
    margin-left: 20px;
  }
}
@media (min-width: 1217px) {
  .col-md-show {
    display: none !important;
  }
}
@media (min-width: 993px) {
  .col-sm-show {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .col-xs-show {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .modal-dialog-wide {
    width: 960px;
  }
}
/* BLOCK UI
----------------------------------------------------------*/
.blockOverlay {
  background: #497ee9 !important;
  background: -moz-radial-gradient(center, ellipse cover, #497ee9 0%, rgba(255, 255, 255, 0) 100%) !important;
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #497ee9), color-stop(100%, rgba(255, 255, 255, 0))) !important;
  background: -webkit-radial-gradient(center, ellipse cover, #497ee9 0%, rgba(255, 255, 255, 0) 100%) !important;
  background: -o-radial-gradient(center, ellipse cover, #497ee9 0%, rgba(255, 255, 255, 0) 100%) !important;
  background: -ms-radial-gradient(center, ellipse cover, #497ee9 0%, rgba(255, 255, 255, 0) 100%) !important;
  background: radial-gradient(ellipse at center, #497ee9 0%, rgba(255, 255, 255, 0) 100%) !important;
}
.blockMsg {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 20px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 20px;
}
.blockMsg .busy img {
  padding-top: 8px;
  padding-bottom: 8px;
}
.blockMsg .busy span {
  font-size: 16px !important;
  font-weight: bold;
}
/* NOTIFY BAR
----------------------------------------------------------*/
.jquery-notify-bar {
  opacity: 0.9;
}
.jquery-notify-bar.success {
  background-color: #E6EFC2;
  border-color: #C6D880;
  color: #264409;
}
.jquery-notify-bar.warning {
  background-color: #FFF6BF;
  border-color: #FFD324;
  color: #514721;
}
.jquery-notify-bar.error {
  background-color: #FBE3E4;
  border-color: #FBC2C4;
  color: #8a1f11;
}
/* FORM BUILDER
----------------------------------------------------------*/
@font-face {
  font-family: jennaSue;
  src: url('/Fonts/JennaSue.ttf');
}
.signature-box {
  height: 150px;
  position: relative;
}
.signature-box canvas {
  border: solid 1px #ccc !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff !important;
}
.signature-box img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.signature-box span.signature-text {
  font-family: jennaSue, cursive;
  font-size: 64px;
  margin-left: 20px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#form-render header {
  color: #004ccc;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
#form-render p.paragraph {
  color: #737373;
  margin: 0 0 10px;
}
#form-render input[type=text],
#form-render input[type=password],
#form-render input[type=number],
#form-render textarea,
#form-render select {
  width: 300px;
}
/* DROPZONE
----------------------------------------------------------*/
.dropzone-container h5.card-title {
  margin-bottom: 0px;
  margin-top: 5px;
}
.dropzone-container .card-body {
  padding: 0px;
}
.dropzone-container .dz-message {
  margin: 0px;
  padding-top: 40px;
  color: #717171;
}
.dropzone-container .dropzone {
  border: none;
  padding: 0px;
  text-align: left;
}