/* Modal style for all admin side */
.modal-header {background:none;padding:15px;font-family: Roboto, Lato;}
.modal-header a.close {
    margin-top: -2px;
    padding: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;

    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);

    font-family: Roboto, Lato;
    line-height: inherit;

    min-width: 130px;
    cursor: pointer;
    -webkit-appearance: button;

    text-transform: none;
    border: 1px solid #F4F4F4;
    color: #A5A5A5;
}

.modal-header .modal-title {
  font-family: Roboto, Lato;
  margin: 0;
  line-height: 1.5;

  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.1;
  color: #4e4e4e;
}

#modalContent .modal-content {
  font-family: Roboto, Lato;
  position:relative;
  padding:20px;

  box-shadow:none;
  border:0px;
  border-radius: 0px;
}
#modalContent .modal-header {
  font-family: Roboto, Lato;
  background-color:#fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  min-height: 16.5px;
  padding: 15px;
  border-bottom: 1px solid #7E68BD;
}
#modalContent .modal-header .modal-title{
  font-family: Roboto, Lato;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  color: #4e4e4e;
}
#modalContent .modal-header a.close {
  font-family: Roboto, Lato;
  margin-top: -2px;
  padding: 0;
  cursor: pointer;
  background: none;
  background-color: #fff;
  border: 0;
  -webkit-appearance: none;

  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  min-width: 130px;
  cursor: pointer;
  text-transform: none;
  text-align:right;

  box-shadow: 0 1px 0 #f4f4f4;
  -moz-box-shadow: 0 1px 0 #f4f4f4;
  -webkit-box-shadow: 0 1px 0 #f4f4f4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#modalContent .ctools-modal-content {
  font-family: Roboto, Lato;
  border:1px solid #ccc;
  border-radius:16px;
  padding: 20px;
  -webkit-box-shadow: 0 5px 15px #7E68BD;
  box-shadow: 0 5px 15px #7E68BD;
}

#modalContent .ctools-modal-dialog {
  font-family: Roboto, Lato;
  border:1px solid #7E68BD;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 15px #7E68BD;
  box-shadow: 0 5px 15px #7E68BD;
}
#modalContent .ctools-modal-dialog .modal-content {
  font-family: Roboto, Lato;
  border-radius: 16px;
}

.actions-btn {margin-top:20px;}
.ctools-close-modal-link:hover,
.ctools-close-modal-link {
  background: #0091b2;
  color: #fff;
  padding: 7px 30px;
  text-decoration: none;
}
.ctools-submit-modal-btn {
  font-family: Roboto, Lato;
  background: #0091b2 !important;
  color: #fff !important;
  border-radius: 0 !important;
  padding: 8px 30px !important;
}
#modalContent .ctools-modal-content .form-item label {float: none; width: auto;}
#modalContent .ctools-modal-content .form-item {margin-bottom: 0;padding: 5px 0;margin:0;}
#modalContent .ctools-modal-content .resizable-textarea {margin:0;}

.bbs-container {margin: auto auto;max-width:1140px;}

.row {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
}
.col {
  height: 100%;
}
.col-left {
  margin-right: 40px;
  width: 50%;
  flex-grow: 1;
  flex-basis: 0;
}
.col-right {
  width: 50%;
  flex-grow: 1;
  flex-basis: 0;
}

#error-messages {}
#error-messages ul {list-style-type: none;margin: 0;padding:0;}

.form-text {
  font-family: Roboto, Lato;
  border: 1px solid #0091b2;
  height: 28px;
  font-size: 16px;
  padding: 4px 4px 4px 4px;
  border-radius: 0;
  box-shadow: 0px 0px 8px #bce2eb;
  -moz-box-shadow: 0px 0px 8px #bce2eb;
  -webkit-box-shadow: 0px 0px 8px #bce2eb;
}
.form-select {
  font-family: Roboto, Lato;
  border: 1px solid #0091b2;
  padding: 4px 4px 4px 4px;
  border-radius: 0;
  box-shadow: 0px 0px 8px #bce2eb;
  -moz-box-shadow: 0px 0px 8px #bce2eb;
  -webkit-box-shadow: 0px 0px 8px #bce2eb;
}
.form-radio {
  font-family: Roboto, Lato;
  border: 1px solid #0091b2;
  height: 20px;
  width: 20px;
  font-size: 16px;
  padding: 4px 4px 4px 4px;
  border-radius: 0;
  box-shadow: 0px 0px 8px #bce2eb;
  -moz-box-shadow: 0px 0px 8px #bce2eb;
  -webkit-box-shadow: 0px 0px 8px #bce2eb;
}
.form-checkbox {
  font-family: Roboto, Lato;
  border: 1px solid #0091b2;
  height: 20px;
  width: 20px;
  font-size: 16px;
  padding: 4px 4px 4px 4px;
  border-radius: 0;
  box-shadow: 0px 0px 8px #bce2eb;
  -moz-box-shadow: 0px 0px 8px #bce2eb;
  -webkit-box-shadow: 0px 0px 8px #bce2eb;
}
.form-textarea {
  font-family: Roboto, Lato;
  border: 1px solid #0091b2;
  font-size: 16px;
  padding: 4px 4px 4px 4px;
  border-radius: 0;
  box-shadow: 0px 0px 8px #bce2eb;
  -moz-box-shadow: 0px 0px 8px #bce2eb;
  -webkit-box-shadow: 0px 0px 8px #bce2eb;
}
.form-text:focus, .form-select:focus,
.form-textarea:focus, .form-radio:focus,
.form-checkbox:focus {
  outline: none;
  border: 1px solid #0582A0;
  box-shadow: 0px 0px 8px #0582A0;
  -moz-box-shadow: 0px 0px 8px #0582A0;
  -webkit-box-shadow: 0px 0px 8px #0582A0;
}

.bbs-show-link {display:inline;vertical-align: bottom;}
.bbs-hide-link {display:none;}

.cc-first-name-last-name {clear:both;}
.cc-first-name-last-name .form-item-cc-first-name {display:inline-block;margin-right:20px;}
.cc-first-name-last-name .form-item-cc-last-name {display:inline-block;}

.cc-expire-month-year {clear:both;}
.cc-expire-month-year .form-item-cc-expire-month {display:inline-block;margin-right:20px;}
.cc-expire-month-year .form-item-cc-expire-year {display:inline-block;}