/*------------------------------------------------------------------
  [Additional styles]
*/
.required_asterisk{
    color: red;
}

/*------------------------------------------------------------------
  [Datatable styling changes]
*/

/*--------------------------------------------
/* General fixes */

/* Fixes other button borders changing colour when the Add New button is in hover state */
.btn-group > .btn.btn-success:hover + .btn {
    border-left-color: #dbdbdb !important;
}

/* Reduces the previously excessive spacing at the start of a text field  */
.form-control {
    padding-left: 5px;
}

/*--------------------------------------------
/* Inline Editing */

/* Fixes the spacing and size of inline editor error messages */
div.form-text.text-danger {
    font-size: 12px;
    margin: 12px 0 -9px 0;
}

/* Fixes the spacing around an inline select in a datatable */
div.DTE_Inline_Field select.form-control {
    padding: 5px;
    margin: -7px 0 -14px !important;
    height:30px;
}

/* Fixes the layout when the responsive table is expanded to show details */
table.dataTable > tbody > tr.child span.dtr-title {
    display:table-cell;
    min-width: 125px;
    vertical-align: middle;
}
table.dataTable > tbody > tr.child span.dtr-data {
    display:table-cell;
    width: 100%;
}

/* Fixes the spacing and size of inline editor error messages when the responsive table is expanded to show details */
table.dataTable > tbody > tr.child span.dtr-data div.form-text.text-danger {
    font-size: 12px;
    margin: 12px 0 -18px 0;
}

/* Fixes the spacing for an input when the responsive table is expanded to show details */
table.dataTable > tbody > tr.child span.dtr-data input {
    margin: -1px 0 -14px !important;
}

/*--------------------------------------------
/* Modals */

/* Increase the close button size on a modal form */
.modal-header .close {
    font-size: 2.5rem;
    padding: 0.4rem 0.5rem;
}

/* Adjust the position of the processing indicator to allow for the larger close button */
div.DTE div.DTE_Processing_Indicator {
    top: 14px;
    right: 35px;
}

/* Styles modal title text to be more consistent with page title */
div.dt-button-info h2,
h5.modal-title,
.modal-header div.DTE_Header_Content {
    margin-bottom: 5px;
    margin-top: 6px;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 2.154rem;
    color: #6b6b6b;
    line-height: 36px;
}

/* Adjust left margin for modal title and text */
.modal-header div.DTE_Header_Content,
.modal-body div.DTE_Form_Info {
    margin-left:5px;
}

/* Styles modal text */
.modal-content {
    color:#666666;
    margin-left:5px;
}

/* Styles modal label text to be more consistent with table title */
div.dt-button-info > div,
.modal-body div.DTE_Form_Info,
.modal-body .col-form-label {
    font-size: 16px;
    font-weight: 300;
}

/* Reduce size of inputs and selects on modal form */
.modal-body .form-control {
    height:40px;
}

/* Improves spacing of the form elements on a modal */
.modal-body .form-group.row {
    padding:8px 0;
    margin:0 0 0 -20px;
}
.modal-body .col-form-label {
    padding-right:10px;
    margin-left:-10px;
}

/* Fixes the spacing and size of modal form error messages */
.modal-body div.form-text.text-danger {
    font-size: 12px;
    margin: 5px 0 -5px 0;
}

/* Fixes a spacing issue in the Copy pop-up confirmation message */
div.dt-button-info h2 {
    margin-top:0;
}

/*--------------------------------------------
/* Datatable additional styling elements */

/* Styles the title bar across the top of a datatable - contains the title and buttons  */
.be-datatable-title {
    margin: 2px 0 0;
    padding: 20px 10px 7px;
    border-bottom-width: 0;
    border-radius: 3px 3px 0 0;
    background-color: transparent;
}

/* Styles the title at the top of a datatable  */
.be-datatable-info {
    font-size: 18px;
    font-weight: 300;
    padding:0;
    margin:0;
}

/* Adds some space to the right of a button e.g. to separate from other buttons */
.btn-pad-right {
    margin-right:1rem;
}

/* Styles a datatable column containing the delete button */
.dtr-delete {
    padding:0;
    text-align:center;
    width:1%;
}

/* Fix the spacing for select2 in a datatable */
.DTE_Inline_Field .select2-container .select2-selection--single {
    height: 30px;
}

.DTE_Inline_Field .select2-container--default .select2-selection--single {
    /*margin: -7px 0 -14px !important;*/
    height: 30px;
    border-color: #4285f4;
}
.DTE_Inline_Field .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 1.1538rem;
}
.DTE_Inline_Field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    width: 18px;
    background:white;
    /*margin-top:-8px;*/
}

.DTE_Inline_Field .select2-container--default .select2-selection--single .select2-selection__arrow b {
    text-align: center;
}
.DTE_Inline_Field .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    line-height: 30px;
    font-size: 1.4rem;
    font-weight:400;
}
.select2-container--open .select2-dropdown {
    /*margin-top: 14px;*/
}

/* Fixes the height of a select2 box on the modal form */
.DTE_Field_Type_select2 .select2-container--default .select2-selection--single {
    height:40px;
}
/* Fixes the dropdown arrow in a select2 box */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    text-align: right;
    margin-right: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    font-size: 1.3rem;
    font-weight: 800;
}
@-moz-document url-prefix() {
    .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
        font-weight: 500;
    }
}
/* Centers the date range picker */
.date-range-picker {
    padding-left: 25%;
    margin-left: 0;
}

/* Positions the date input box and normalises the border style/font.*/
.date-input {
    padding: 10px 10px 10px 10px;
    margin-left: 0.25%;
    border-top-color: #bdc0c7;
    border-width: 1px;
    border:  1px solid #d5d8de;
    font-weight: 400;
}

/* Bolds the text in the credit total row. */
tfoot td {
    font-weight:bold;
}

/* Adds background color to the total credits row */
tfoot tr {
    background: #EBF4F8;
}

/* Changed to input as it looked terrible on the add new record form */
/* Not sure if the class of .error was being used elsewhere */
.error input,
.error select,
.error span.select2-selection {
    border:1px solid red !important;
}


/* formats the close button on form error bubbles */
ul.parsley-errors-list button.close {
    top:0;
    padding-top:15px;
}
ul.alert {
 line-height: 20px;
}

/* formats the daterange picker to match the blue used elsewhere */
.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #4c8bf5 !important;
}

/* Vertically aligns the remaining credits value in the credits pane */
.be-booking-promo-soldout .be-booking-promo-amount {
    margin-top: 80px;
}
.be-booking-promo-amount {
margin-bottom:0 !important;
}
.pre-paid {
    font-size:1.1em;
    margin-top:10px;
}
.be-booking-promo.be-booking-promo-soldout {
    border-left-color: #4285f4;
}
.be-booking-promo.be-booking-promo-soldout::before {
    border-right-color: #e3e3e3;
}