/* QbicPortal-style2.css */
.q-page hide .q-layout-page { padding: 12px; flex-grow: 1; overflow: auto; position: 'relative'; }
.e-list-item .e-list-img { float: left; }
.e-list-item .e-list-left { float: left; }
.e-list-item .e-list-right { float: right; }

/** begin drag move programs in roadmap */
/* .grabZone { cursor: grab; width: 36px; height: 36px; margin-right: 20px; background-color: var(--color-qcolor1); } */
/** end drag move programs in roadmap */

/* e.g. Gateway */
.img-rounded { max-width: 48px; max-height: 48px; }

/* QbicSignin */
#divModalAuth { background-color: var(--color-qcolor1); background-size: cover; background-position: 50%; background-repeat: no-repeat; overflow: auto; }

/* TypeAhead Lookup */
ul.typeahead { max-height: 120px; overflow-y: scroll; }
ul.typeahead img { max-width: 36px; max-height: 36px; }
.divLookupList .list-item { display: block; height: 40px; }
.divLookupList .list-item img { max-width: 36px; max-height: 36px; }
.divLookupList .list-item .list-img, .divLookupList .list-item .list-content { display: inline-block; }
.btnMail { position: relative; }
.btnMail .badge{min-width: 8px; height: 8px; background-color: var(--danger); border-radius: 8px; right: 0px; top: 2px; position: absolute; color: #ffffff; padding: 0px 2px; display: flex; align-items: center; justify-content: center; font-size: 0; }
.btnMail .badge:empty{display: none; }
.divWidgetPage, .q-page[layer="2"] .q-box-page{max-height: 450px; overflow: var(--overlay); background: #FFFFFF; box-shadow: 0px 2px 6px rgb(0 0 0 / 20%); border-radius: 12px; margin-top: 20px; padding: 20px; }
.divWidgetPage[pg="widget:myacment_2"], .divWidgetPage[pg="widget:mytodos"]{min-height: 376px; max-height: 100%;}
[data-type="M"] .divWidgetPage[pg="widget:mytodos"] { min-height: fit-content;}

/* need set bgImage height too */
.divHomeTopList[data-top-height="sm"].q-slide, .divHomeTopList[data-top-height="sm"].q-slide .carousel { max-height: 200px; height: 200px; }
.divHomeTopList[data-top-height="sm"].q-slide .carousel-item [data-fld="titleText"], .divHomeTopList[data-top-height="sm"].q-slide .carousel-item [data-fld="subtitleText"] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: block; }
.divHomeTopList[data-top-height="md"].q-slide, .divHomeTopList[data-top-height="md"].q-slide .carousel { max-height: 300px; height: 300px; }
.divHomeTopList[data-top-height="md"].q-slide .carousel-item [data-fld="titleText"], .divHomeTopList[data-top-height="md"].q-slide .carousel-item [data-fld="subtitleText"] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.divHomeTopList[data-top-height="lg"].q-slide, .divHomeTopList[data-top-height="lg"].q-slide .carousel { max-height: 400px; height: 400px; }
.divHomeTopList[data-top-height="lg"].q-slide .carousel-item [data-fld="titleText"], .divHomeTopList[data-top-height="lg"].q-slide .carousel-item [data-fld="subtitleText"] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

/* #alignH=Left|Right|Center */
.divHomeTopItem[data-align-h="Left"].carousel-item .carousel-caption { align-items: flex-start; text-align: left; }
.divHomeTopItem[data-align-h="Right"].carousel-item .carousel-caption { align-items: flex-end; text-align: right; }
.divHomeTopItem[data-align-h="Center"].carousel-item .carousel-caption { align-items: center; text-align: center; }

/* #alignV=TopAndBottom|Middle */
.divHomeTopItem[data-align-v="TopAndBottom"].carousel-item .carousel-caption .btn { margin-top: auto; }
.divHomeTopItem[data-align-v="Middle"].carousel-item .carousel-caption { justify-content: center; }

/* Custom Lang (Translation) */
#divPortal .divLangMode.q-header { display: none; }
#divPortal[data-langmode="edit"] .divLangMode.q-header { display: flex; align-items: center; }
#divPortal[data-langmode="edit"] .divLangMode.q-header .btnLangModeEdit { display: none; }
#divPortal[data-langmode="edit"] .btnChangeLabel { cursor: pointer; margin-left: 2px; text-decoration: unset; }

/* Style divLangMode components */
#divPortal .divLangMode { background-color: #2E2E2E; color: white; }
#divPortal .divLangMode .btnLangModeBack { border: 1px solid white; background-color: transparent; color: #FFFFFF; }
#divPortal .divLangMode .btnLangModeBack:hover { background-color: #848586 }
#divPortal .divLangMode .btnLangModeBack i { color: inherit; }
#divPortal .divLangMode .divLangModeInfo { display: inline-block; }
#divPortal .divLangMode .divLangModeInfo { font-weight: bold; padding: 0 24px; display: inline-flex; align-items: center; font: var(--typo-bold-body-md); }
#divPortal .divLangMode .divLangModeInfo i { font-size: 32px; margin-right: 4px; color: inherit; }
#divPortal .divLangMode .divLangModeInfo .title { margin-left: 4px; }
#divPortal .divLangMode .divLangModeStat { display: inline-block; }

/* POC Q.devMode();  */
#devMenu { position: absolute; z-index: 1000; bottom: 14px; left: 64px; height: 32px; line-height: 28px; background-color: #f8f8f8; border-radius: 20px; padding-left: 10px; padding-right: 10px; border: 1px solid #888888; }
#devMenu .divMenuItem { display: none; }
#devMenu:hover .divMenuItem { display: inline-block; }

/* fix style surveyV2 */
.q-preview-file .code.divContent[data-version$="v2"] { height: auto; background-color: #F7F9FA; }
.q-preview-file [data-version$="v2"] .divCover.d-content-surveylist { border-color: var(--primary); }
.q-preview-file .d-nopreview .d-nopreview-icon i.d-nopreview-icon-img { margin: 0 auto; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; }
.q-preview-file .d-nopreview .d-nopreview-icon i.d-nopreview-icon-img::before { content: ''; background: url(/p/wise/rsc/DocumentPreview4x.png); width: 100%; height: 100%; display: block; background-size: contain; }

@media screen and (max-width: 767px) { 
	#divPortal[data-langmode="edit"] .divLangMode.q-header { flex-wrap: wrap; height: auto; padding: 12px 16px; }
#divPortal .divLangMode .divLangModeInfo { order: -1; padding: 0; width: 100%; justify-content: center; margin-bottom: 12px; font: var(--typo-bold-body-lg); }
}

/* Q Store monetary value decorate */
/* Collect prototype here => ToRevise generic class */
.divFormStoreCard .txtStoreCardSum1 { float: right; color: #D0D0D0; }
.divFormStoreCard .txtStoreCardSum2 { float: right; color: #D0D0D0; }
.divFormStoreCard .txtStoreCardSum3 { float: right; font-weight: bold; font-size: 18px; }

/* btnHover */
.q-style .btn.q-pc-hide { display: none; }
.divModalPage[pg="QbicMasterStructureForm"] .q-title-page, .divModalPage[pg="QbicMasterStructureForm"] .modal-title { display: none; }
.divModalPage[pg="QbicMasterStructureForm"][data-mode="add"] .modal-title[mode="add"], .divModalPage[pg="QbicMasterStructureForm"][data-mode="edit"] .modal-title[mode="edit"] { display: block; }