.leftbox {
    float: left;
    width: 25%;
    height: 200px;
    padding-left:30px;
}

.rightbox {
    float: right;
    width: 75%;
    height: 200px;
   
}

.fullbox {
    height: 350px;
}

/* Jquery Select2 */
[class^='select2'] {
    border-radius: 0px !important;
}

/* z-index for datepicker and timepicker*/
#ui-datepicker-div, .ui-timepicker-container {
    z-index: 180 !important;
}


/*handsontable height media query*/
/*loading-report-list page*/
/*.height-loading-report-list {
    height: 780px;
}*/

@media only screen and (max-height: 600px) {
    .height-loading-report-list {
        max-height: 234px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-loading-report-list {
        max-height: 344px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-loading-report-list {
        max-height: 382px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-loading-report-list {
        max-height: 524px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-loading-report-list {
        max-height: 658px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-loading-report-list {
        max-height: 684px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-loading-report-list {
        max-height: 714px;
    }
}


/*loading-report-normal-temp page*/
/*.height-loading-report-normal-temp {
    height: 730px;
}*/

@media only screen and (max-height: 600px) {
    .height-loading-report-normal-temp {
        max-height: 270px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-loading-report-normal-temp {
        max-height: 380px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-loading-report-normal-temp {
        max-height: 430px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-loading-report-normal-temp {
        max-height: 550px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-loading-report-normal-temp {
        max-height: 670px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-loading-report-normal-temp {
        max-height: 700px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-loading-report-normal-temp {
        max-height: 730px;
    }
}


/*loading-report-low-temp page*/
/*.height-loading-report-low-temp {
    height: 730px;
}*/

@media only screen and (max-height: 600px) {
    .height-loading-report-low-temp {
        max-height: 270px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-loading-report-low-temp {
        max-height: 380px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-loading-report-low-temp {
        max-height: 430px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-loading-report-low-temp {
        max-height: 550px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-loading-report-low-temp {
        max-height: 670px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-loading-report-low-temp {
        max-height: 700px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-loading-report-low-temp {
        max-height: 730px;
    }
}


/*daily-report page*/
/*.height-daily-report {
    height: 705px;
}*/

@media only screen and (max-height: 600px) {
    .height-daily-report {
        max-height: 235px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-daily-report {
        max-height: 345px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-daily-report {
        max-height: 395px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-daily-report {
        max-height: 525px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-daily-report {
        max-height: 650px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-daily-report {
        max-height: 675px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-daily-report {
        max-height: 705px;
    }
}


/*delivery-record page*/
/*.height-delivery-record {
    height: 815px;
}*/

@media only screen and (max-height: 600px) {
    .height-delivery-record {
        max-height: 335px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-delivery-record {
        max-height: 455px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-delivery-record {
        max-height: 500px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-delivery-record {
        max-height: 635px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-delivery-record {
        max-height: 760px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-delivery-record {
        max-height: 780px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-delivery-record {
        max-height: 815px;
    }
}


/*delivery-record page*/
/*.height-delivery-record-details {
    height: 745px;
}*/

@media only screen and (max-height: 600px) {
    .height-delivery-record-details {
        max-height: 265px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-delivery-record-details {
        max-height: 385px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-delivery-record-details {
        max-height: 430px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-delivery-record-details {
        max-height: 565px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-delivery-record-details {
        max-height: 685px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-delivery-record-details {
        max-height: 715px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-delivery-record-details {
        max-height: 745px;
    }
}


/*company page*/
/*.height-company {
    height: 815px;
}*/

@media only screen and (max-height: 600px) {
    .height-company {
        max-height: 335px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-company {
        max-height: 455px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-company {
        max-height: 500px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-company {
        max-height: 635px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-company {
        max-height: 755px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-company {
        max-height: 785px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-company {
        max-height: 815px;
    }
}


/*user page*/
/*.height-user {
    height: 815px;
}*/

@media only screen and (max-height: 600px) {
    .height-user {
        max-height: 335px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-user {
        max-height: 455px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-user {
        max-height: 500px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-user {
        max-height: 635px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-user {
        max-height: 755px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-user {
        max-height: 785px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-user {
        max-height: 815px;
    }
}


/*user page*/
/*.height-cartype {
    height: 834px;
}*/

@media only screen and (max-height: 600px) {
    .height-cartype {
        max-height: 335px;
    }
}
/*diff with above 120*/
@media only screen and (min-height: 601px) and (max-height: 720px) {
    .height-cartype {
        max-height: 455px;
    }
}
/*diff with above 48*/
@media only screen and (min-height: 721px) and (max-height: 768px) {
    .height-cartype {
        max-height: 500px;
    }
}
/*diff with above 132*/
@media only screen and (min-height: 769px) and (max-height: 900px) {
    .height-cartype {
        max-height: 635px;
    }
}
/*diff with above 124*/
@media only screen and (min-height: 901px) and (max-height: 1024px) {
    .height-cartype {
        max-height: 755px;
    }
}
/*diff with above 26*/
@media only screen and (min-height: 1025px) and (max-height: 1050px) {
    .height-cartype {
        max-height: 785px;
    }
}
/*diff with above 30*/
@media only screen and (min-height: 1051px) and (max-height: 1080px) {
    .height-cartype {
        max-height: 815px;
    }
}

.toast-title {
    font-weight: 200 !important;
}

.swal-title {
    /*font-weight: 300 !important;*/
    font-size: 16px !important;
    /*font-family: Century Gothic, Meiryo !important;*/
    color: black !important;
}

.swal-text {
    /*font-weight: 100 !important;*/
    /*font-size: 12px !important;
    font-family: Century Gothic, Meiryo !important;
    color: black !important;*/
}