@import url("/p/qbic/rsc/textfont/style.css?v=20616&t=20230913_1221&opt=O");

/* support iframe */
.resetIframe .q-header,
.resetIframe .c-page-header,
.resetIframe .q-menu-left,
.resetIframe .divFormList.q-title-page { display: none; }

.resetIframe .q-layout-page,
.resetIframe .q-form-heightpage .q-form-content,
.resetIframe .q-column.container,
.resetIframe .q-page:not([pg="settings"]) .q-layout-page { padding: 0;}
.resetIframe .q-form-heightpage .q-form { box-shadow: none !important; border-radius:0;}
.resetIframe .q-page { background: #ffffff;}
.resetIframe .q-page[layer="2"] { position: relative; top: unset;}
.resetIframe .c-page-content .c-content-group { padding-left: var(--content-padding-x); flex-grow: 1; height: 100%; }
.resetIframe .q-form-heightpage .q-form-content { display: flex;}
.resetIframe .q-column-right { padding-bottom: 0;}

.resetIframe .c-page-body > .container,
.resetIframe .c-page-body > .q-column-right > .container,
.resetIframe .c-page-content,
.resetIframe .c-page-content .c-content-group { padding-right: 0; padding-left: 0; }
/* .resetIframe .c-todo-heading, */
.resetIframe .c-userflow,
/* .resetIframe .c-content-group, */
.resetIframe .c-form-footer .container,
body.resetIframe .c-content-body { padding-left: 24px !important; padding-right: 24px; }
.resetIframe .c-page-group,
.resetIframe .c-page-group::before { background: #ffffff;}

.resetIframe .c-page-body[data-sidebar="0"] .c-page-content { min-height: calc(var(--screen-height)); }


.resetIframe .c-page-group.c-page-group-single .c-content-menu { padding-left: 24px; }

/* body.resetIframe { height: auto;} */
/* body.resetIframe [pg="land"] { display: none; position: absolute; } */
/* body.resetIframe .container { padding-left: 0; padding-right: 0; } กระทบ container ทุก tag */
body.resetIframe .c-page-body[data-sidebar="0"] .c-page-content .container { padding-left: var(--content-padding-x); }
/* body.resetIframe .c-form-footer .container { padding-left: var(--content-padding-x) !important; } */
body.resetIframe .c-content-body { width: 100%; align-self: stretch; padding-bottom: 20px; }
body.resetIframe .c-todo-heading .btn[data-target="#collapseSidebar"] { display: none; } 
/* body.resetIframe .q-page { height: auto; position: relative; }
body.resetIframe [pg="land"] { display: none; position: absolute; }
body.resetIframe .c-page-body > .container { padding: 0; }
body.resetIframe .c-form-footer .container { padding-left: 24px !important; } */

/* body.resetIframe .c-page-group { height: 100%;} */
body.resetIframe .c-page-content { min-height: calc(var(--screen-height));}



body.resetIframe .c-toast { top: 32px; }
body.resetIframe .c-content-text-onboard { max-width: 680px;}
body.resetIframe .c-content-text-onboard img { max-width: 100%;}

body.resetIframe.lookup-open .c-content-group > .c-content-body { padding-bottom: 220px; }
body.resetIframe.lookup-open .typeahead.dropdown-menu { top: 100% !important; bottom: unset !important; }

/* calibration */
body.resetIframeCalibration#divPortal > header,
body.resetIframeCalibration#divPortal .c-page-header.c-style{display: none;}
/* body.resetIframeCalibration .content-column { padding: 0 !important;}
html:not(.ui-mobile) body.resetIframeCalibration .c-empprofleftsec .c-left-section { max-height: calc(100vh - 150px);} */
.resetIframeCalibration .c-todo-heading,
.resetIframeCalibration .c-userflow,
.resetIframeCalibration .c-content-menu,
.resetIframeCalibration .c-todo-heading ~ .c-todo-heading-line { display: none !important;}
.resetIframeCalibration .c-form-footer { display: none;}
.resetIframeCalibration .c-content-menu + .c-content-body { max-width: 100%; padding-left: 0; border-left: 0;}


@media (max-width:768px) {
    :root{
        --content-padding-x: 0;
    }
    .resetIframe .c-page-content{padding-right: 0;}
    .resetIframe .c-todo-heading{margin: 0;}

    .resetIframe .c-todo-heading, 
	.resetIframe .c-form-footer .container, 
	body.resetIframe .c-content-body { padding-left: 16px !important; padding-right: 16px; }

    .resetIframe .c-userflow,
    .resetIframe .c-todo-heading .container { padding-left: 0 !important; padding-right: 0 !important; }
    .resetIframe .c-form-footer { margin: 0; }

    .resetIframe .c-form-footer .divAction { width: 100%; }
    body.resetIframe .c-content-body { margin-bottom: 61px; }
}