/* CSS for Smartphones in Landscape Mode */

/* Section Title */
h3 {
    font-size:1.2em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
}

/* General info spacing for mobile */
.mt-mob-10 {
    margin-top: 10px !important;
}
.mt-mob-20 {
    margin-top: 20px !important;
}
.mt-mob-25 {
    margin-top: 25px !important;
}
.mt-mob-5 {
    margin-top: 5px !important;
}
.mt-mob-0 {
    margin-top: 0px !important;
}
.mx-mob-0 { /* Left - right */
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.ml-mob-0 {
    margin-left: 0px !important;    
}
.mr-mob-0 {
    margin-right: 0px !important;
}
.mb-mob-0 {
    margin-bottom: 0px !important;
}
.mb-mob-20 {
    margin-bottom: 20px !important;
}
.px-mob-0 { /* Left - right */
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.pl-mob-0 { 
    padding-left: 0px !important;   
}
.pl-mob-20 {
    padding-left: 20px !important;
}
.pb-mob-0 {
    padding-bottom: 0px !important;
}
.ginfo-top-bubble, .ginfo-bottom-bubble, .dashb-top-bubble, .dashb-bottom-bubble, .dashb-bottom-bubble-inactive, .register-top-bubble, .register-bottom-bubble {
    display: none;
}

.ssafe-title {
    font-size: 1.6rem;
}

/* My Dashboard */
.mdash-title {
    margin-left: 0;
}

/* End */
/* Boxes and tables */
.table-responsive-sm > .table, .table-sm, [data-toggle="collapse"], #collapse-help {
    font-size: 0.75em;
}

/* Datatable */
#hdetail, .page-item, .dataTables_info, .dataTables_filter {
    font-size: 0.75em;
}

/* Day of Week on Collapse Menu */
#dweek {
    font-size: 1.3em !important;
}

/* Submit & Cancel Buttons */
.btn-submit, .btn-cancel, .btn-add {
    font-size: 0.8em;    
    width:auto;
    height:auto;
}

/* Print, View & Download Buttons */
.btn-action {
    font-size: 0.75em;
    width: 110px !important;   
}

/* Edit Profile Photo Buttons */
.btn-photo {
    font-size: 0.75em;
    width: 170px !important;
}

.qr-message, .notification, .invoice-data, .font-sm, .announcement {
    font-size: 0.75em;
    display: inline-block;
    padding: 0;
}

.font-sx {
    font-size: 0.85em;
}

.font-md {
    font-size: 1.2em;
}

.box-width, .box-width2 { /* Request add days */
    width: 100%;
}

.box-scroll4 {
    min-height: 100px;
    max-height: 100px;
}

.box-height4 { /* Request change */
    min-height: 110px;
    max-height: 110px;
}

@media screen and (orientation:portrait) {
    /* For tables with scrollbar */
    .box-scroll { /* My Dashboard */
        overflow: auto;
        min-height: 80px;
        max-height: 80px;
    }

    .box-scroll4 {
        min-height: 100px;
        max-height: 100px;
    }    
}

.dataTables_info {
    padding-left: 0 !important;
}

.width-lg {
    width: 90%;
}

.form-title {
    font-size: 0.75em;
}

#hdetail_wrapper .row:last-child {
    margin-right: 0px;
}