html, body {
    font-size: 14px;
}

em, i {
    font-style: normal;
}

article#grp-content {
    margin: -80px 0 0 0;
    padding: 0 0 0 0;
}

.mfadmin-tooltip {
    margin: 0 10px 0 0;
}

.mfadmin-button {
    margin-left: 5px;
}

.grp-fixed-footer {
    background: #2f323a;
}

.label-important,
.badge-important {
    background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
    background-color: #953b39;
}

.label-warning,
.badge-warning {
    background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.label-success,
.badge-success {
    background-color: #468847;
}

.label-success[href],
.badge-success[href] {
    background-color: #356635;
}

.label-info,
.badge-info {
    background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
    background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
    background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
    background-color: #1a1a1a;
}

.mfadmin-action-container {
    /*padding: 0px;*/
}

.mfadmin-action-container label, .mfadmin-action-container .add-action-container input {
    float: left;
}

.mfadmin-action-container .add-action-container input {
    width: 90px;
}

.mfadmin-action-container label {
    padding: 7px;
}

.button {
    bottom: 0;
    font-size: 0.75rem !important;
    font-weight: 700;
    margin: 0px;
}

.mfadmin-pulldown {
    height: 34px;
    padding: 8px 10px;
}

.mfadmin-pagination {
    padding-top: 10px;
}

@media (min-width: 1121px) {
    .mfadmin-form-container {
        display: flex;
        flex-direction: row;
    }
}

.grp-group {
    position: unset;
    float: unset;
    clear: unset;
    margin: 0 -4px 5px;
    padding: 2px;
    width: 100%;
    border: none;
    border-radius: unset;
    background: #fff;
}

legend {
    color: #000
}

textarea.vLargeTextField {
    flex-grow: 1;
}

.mfadmin-a-button {
    padding-left: 10px;
    color: black;
    float: right;
}

.mfadmin-a-button.widget {

}

/* unvisited link */
.mfadmin-a-button:link {
    color: black;
}

/* visited link */
.mfadmin-a-button:visited {
    color: black;
}

/* mouse over link */
.mfadmin-a-button:hover {
    color: black;
}

/* selected link */
.mfadmin-a-button:active {
    color: black;
}

table.mfadmin-tabular {
    border: none;
}

/* SELECTOR (FILTER INTERFACE) */

.mfadmin-selector {
    width: auto;
}

.mfadmin-selector-chosen {
    margin-top: 53px;
}

.mfadmin-choose-body {
    margin-top: 130px;
    overflow-x: hidden;
    text-align: center;
}

.mfadmin-choose-add {
    margin-top: 100px;
}

.mfadmin-choose-remove {
    margin-top: 150px;
}

/*select {*/
/*width: 60%;*/
/*}*/

select.input-mini {
    text-align: left;
    float: left;
}

.input-mini {
    width: 100% !important;
    text-align: left;
    float: left;
}

.input-w10 {
    width: 10% !important;
}

.input-w20 {
    width: 20% !important;
}

.input-w50 {
    width: 50% !important;
}

.input-small {
    width: 90%;
!important;
    text-align: left;
    float: left;
}

input.mfadmin-datetimepicker {
    width: 135px !important;
}

input, select, textarea {
    font-weight: normal !important;
}

input.vTextField {
    width: 70%;
    text-align: left;
    float: left;
}

input.vDateField {
    width: 85px;
}

span.bookit-negative-icon:before {
    font-family: FontAwesome;
    content: "\f00d";
    color: #F20556;
}

span.bookit-warning-icon:before {
    font-family: FontAwesome;
    content: "\f00d";
    color: #FF884D;
}

span.bookit-positive-icon:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #92CD18;
}

span.bookit-neutral-icon:before {
    font-family: FontAwesome;
    content: "\f068";
    color: #777;
}

span.filerClearer {
    margin-left: 5px;
}

span.dropzone {
    margin-right: 5px;
}

a.dropzone_click {
    margin-left: 0;
}

p.datetime {
    margin-top: 5px !important;
}

.mfadmin-widget {
    padding-left: 0;
    padding-right: 10px;
    float: left;
}

.mfadmin-widget-wrapper {
    float: left;
    padding-right: 10px;
    width: 90%;
}

.mfadmin-actions-wrapper {
    float: right;
    padding-left: 20px;
    width: 10%;
}

.mfadmin-field {
    padding-left: 0;
    padding-right: 0px;
    float: left;
    width: 90%;
}

.mfadmin-field.tooltips {
    float: right;
    width: auto;
    padding-top: 10px;
}

span.add-on, a.related-widget-wrapper-link {
    float: left;
    /*margin: 0 auto;*/
    padding-top: 10px;
    padding-left: 10px;
}

.mfadmin-stacked-collapse {
    padding-right: 10px;
    padding-bottom: 10px;
    float: right
}

.mfadmin-stacked-inline {

}

.action-select {
    left: 9px;
}

.mfadmin-list-total {
    margin-bottom: 10px;
}

.mfadmin-error {
    color: #bf3030;
}

.mfadmin-dashlet-container {
    display: flex; /* or inline-flex */
    flex-flow: row wrap;
    flex-grow: 1;

    display: -webkit-flex;
    align-content: flex-start;
    align-items: stretch;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.mfadmin-dashlet-container > div {
    padding: 10px 10px 10px 10px;
    /*min-width: 350px;*/
    width: 100%;
}
@media (min-width: 850px) {
    .mfadmin-dashlet-container > div {
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .mfadmin-dashlet-container > div {
        width: 33%;
    }
}

.related-widget-wrapper {
    display: flex;
}

.grp-pulldown-container .grp-pulldown-handler {
    display: block;
    margin: 0;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background-position: 100% -816px;
    background-size: auto !important;
    color: #008cba
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler {
    color: #008cba
}

.grp-pulldown-container.grp-pulldown-state-open .grp-pulldown-handler:hover, .grp-pulldown-container .grp-pulldown-handler:hover {
    color: #007095;
    /*background: #e1f0f5 100% -907px;*/
}

.grp-messagelist {
    position: relative;
    float: none;
    clear: both;
    padding: 0 0 20px;
    width: 98%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfmadin-mirror {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

label.inline {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
}

label.required::after {
  content: ' *';
  color: red;
}

.has-tip {
    float: left;
}

select.linked-select {
    width: 85%;
}

.mfadmin-login {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 30px auto auto;
}

span.payment-value, span.payment-date {
    white-space: nowrap;
    text-align: right;
}

input.grp-has-related-lookup, input.vDateField.hasDatepicker, input.vTimeField.hasTimepicker, input.vFileBrowseField  {
    padding-right: 0 !important;
}

section {
    clear: both;
}

button.search-button {
    font-weight: bold;
    width: 100px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0px !important;
}

input.search-input {
    width: 50%;
    float: left;
    border: 1px solid #ddd !important;
    border-right: none !important;
    margin: 0px;
    padding: 5px 10px 4px !important;
    border-radius: 0 !important;
    height: auto !important;
}

a.logout {
    float: right;
}

.mfadmin-dashlet-tool {
    margin-left: 10px;
}

.row input[type="checkbox"]:not(input[type="checkbox"]) {
    margin: 0px !important;
}

table thead th input[type="checkbox"] {
    margin-left: 4px !important;
    margin-bottom: 0px !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 7px 15px;
}

table.dataTable thead th a, table.dataTable thead td a {
    color: #0073AC;
}

table.dataTable thead, table.dataTable thead {
    background: #f0f0f0;
}

.box .box-body {
    padding: 0px 0px;
}

.box {
    margin: 10px 0px 20px 0px;
}

table tbody tr td, table tbody tr th {
    border-bottom: none !important;
}

h1, h1 a {
    font-size: 1.75rem !important;
    text-align: center;
    margin: 10px auto;
    text-transform: uppercase;
}

h1 {
    color: #555;
}

.object-tools .button, .grp-submit-row .button {
    margin-left: 5px;
    margin-bottom: 1em;
}

.grp-submit-row .button {
    padding: 10px 15px;
}

.grp-fixed-footer {
    padding: 10px 20px 10px;
}

fieldset {
    margin: 0px;
}

.tabs-content > .content.active {
    padding: 10px 20px;
}

.tab-title {
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}

.tabs .tab-title:first-child {
    border-left: 1px solid #cfcfcf;
}

.tabs-content {
    border: 1px solid #cfcfcf;
}

.no-border {
    border: none !important;
}

.row label {
    font-weight: 700;
}

.box .box-body p, p.grp-help {
    font-size: inherit !important;
}

.bookit-date span.add-on {
    display: none;
}

.wrap-fluid > .row:last-of-type {
    margin-bottom: 60px !important;
}

.grp-delete-handler-container {
    min-width: 70px;
}

.grp-delete-handler-container .show-for-small-up, .grp-delete-handler-container input[type="checkbox"] {
    float: right;
    color: #bd362f;
}

.grp-delete-handler-container input[type="checkbox"] {
    margin-right: 7px !important;
    top: 4px;
    position: relative;
}

.grp-popup {
    padding-top: 80px !important;
}

select[name="action"] {
    margin-bottom: 0 !important;
}

.grp-horizontal-list li {
    padding-top: 4px;
}

input[type="submit"] {
    font-weight: 700 !important;
    height: auto !important;
    background-image: none !important;
    background-color: #008cba;
    border-radius: 3px !important;
    line-height: normal !important;
    box-shadow: none !important;
}

.ui-widget-overlay {
    opacity: 0.5;
    z-index: 1000;
}

#main-dialog {
    z-index: 1100 !important;
}

input.grp-has-related-lookup {
    width: 80%;
    display: inline-block;
}

a.related-lookup {
    margin: 0;
    display: inline-block;
    height: 69%;
    width: 25px;
    background-color: white;
}

div.grp-placeholder-related-generic {
    display: inline-block;
    margin: 0;
    width: 15%;
}

span.grp-placeholder-label {
    position: absolute;
    margin-left: 30px;
    margin-top: 0;
}

.box .box-body > table, .box .box-body > .table {
    width: 100%;
}

span.mfadmin-small-action-counter {
    font-size: 10px !important;
    padding-left: 0;
}

div.ui-sortable {
    overflow-x: scroll;
}

/* Force images inside elevateZoom to fit box */
.zoomWindow {
    background-position: center !important;
    background-size: cover !important;

}

.mfadmin-stacked-collapse li{
    list-style-type: none;
}