/*@media (max-width: 768px) {*/
    /*.custom-checkbox {*/
        /*float: right;*/
    /*}*/
/*}*/

@media (max-width: 575px) {
    label.text-right {
        text-align: left !important;
    }
}

.form-group {
    margin-bottom: 3px;
}

/*datetimepicker for mobile*/
.daterangepicker.ltr.show-calendar.openscenter{
    overflow: auto;
    height: 400px;
}


/*to avoid scrolling on calendar*/
.fc-day-grid-container.fc-scroller {
    height: auto!important;
    overflow-y: auto;
}

#small-calendar .fc-row.fc-week.fc-widget-content{
    max-height: 30px;
    min-height: 30px;
}
.fc-toolbar.fc-header-toolbar{
    margin-bottom: 0;
}
#small-calendar h2{
    font-size: 20px;
}
#small-calendar button{
    height: 1.5em;
}

ul.ui-autocomplete {
    z-index: 1100;
}

.table td.table-btn-right {
    padding: 1rem 0rem;
}

.table th.v-center-align, .table td.v-center-align, .table tr.v-center-align td, .table tr.v-center-align th {
    vertical-align: middle;
}

.table tr.padding-y-sm th, .table tr.padding-y-sm td {
    padding: 0.3rem 1rem;
}

.table tr.padding-y-sm td.table-btn-right {
    padding: 0.3rem 0rem;
}

/*table column width*/
td.w-px-80, th.w-px-80 {
    width: 80px;
    min-width: 80px;
}
td.w-px-100, th.w-px-100 {
    width: 100px;
    min-width: 100px;
}
td.w-px-120, th.w-px-120 {
    width: 120px;
    min-width: 120px;
}
td.w-px-150, th.w-px-150 {
    width: 150px;
    min-width: 150px;
}
td.w-px-200, th.w-px-200 {
    width: 200px;
    min-width: 200px;
}
/*table column width*/

.custom-event {
    font-size: 11px;

}

.custom-event .fc-title{
    white-space: normal;
}

.event-modal {
    background-color: #0e2259;
    color: #ffffff;
    height: 100px;
}

.event-modal .modal-title {
    margin: auto;
}

.btn-circle.btn-top-25 {
    position: relative;
    top: -40px;
}

html body .font-24{
    vertical-align: middle;
}

.required-field:before {
    color: #e32;
    content:" *"; 
}

.optional-field:before {
    color: #d1d1d1;
    font-size: small;
    content:" (可選填)";
}

.custom-radio-inline {
    margin-right: 0;
    display: inline-block;
}

.star-rating {
    line-height:32px;
    font-size:1.25em;
}

.star-rating .fa-star{color: #ffcf28;}

.custom-control-label {
    vertical-align: middle;
}

.is-invalid > .invalid-feedback {
    display: block;
}

ul.pagination{
    justify-content: center;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #e9ecef;
}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    border-color: #e9ecef;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.table-freeze-multi.table td, .table-freeze-multi.table th {
    vertical-align: middle;
    padding: 0 5px;
}

.table-freeze-multi col {
    width: 100px;
}
.table-freeze-multi th {
    background: #ffffff;
}

.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-20 {
    width: 20%;
}

.custom-control-inline {
    margin-right: 0;
}

@media (min-width: 992px) {
    .modal-xl {
        max-width: 95%;
    }
}
@media (min-width: 576px) {
    .modal-xl {
        max-width: 95%;
    }
}


.small-event {
    border-radius: 10px; /* round edges */
    width: 15px; /* fixed width */

    font-size: 10px;
    padding: 0;

    margin-top: -10px !important;
}

#small-calendar .fc-today
{
    background-color:inherit !important;
}

a.col-form-label {
    display: inline-block;
}

.holiday-event {
    background: repeating-linear-gradient(
            -55deg,
            #333,
            #333 10px,
            #555 10px,
            #555 20px
    );
    border: 3px #f00 solid;
}

.special-date-event {
    background: repeating-linear-gradient(
            -55deg,
            #333,
            #333 10px,
            #555 10px,
            #555 20px
    );
    border: 3px #ffcf28 solid;
}

ul.list-style-none li a {
    padding: 0;
}


/*.datepicker.datepicker-dropdown.dropdown-menu {*/
    /*z-index: 99 !important;*/
/*}*/

.fc-more-cell.red-more {
    color: #ffcc00;
}


.preloader {
    background: #ffffff80;
}

.table td, .table th {
    padding: 5px;
}

.table td:first-child, .table th:first-child {
    padding-left: 1rem;
}

.table td:last-child, .table th:last-child {
    padding-right: 1rem;;
}

.custom-control-label {
    position: relative;
    /*margin-top: -25px;*/
}

.custom-control-label::before,
.custom-control-label::after {
    left: -1.5rem;
}


/*hide number arrows*/
input.hide-number-arrows::-webkit-outer-spin-button,
input.hide-number-arrows::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


/*alert*/
#alert-order-list {
    overflow: auto;
    height: 500px;
}

#alert-other-list {
    overflow: auto;
    height: 500px;
}



.text-bg-red {
    color: white;
    background-color: darkred;
}


div.fc-popover.fc-more-popover  {
    max-height: 500px;
    overflow: auto;
}

.pull-left {
    float: left !important;
}