@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Poppins:wght@300&display=swap');
*{
    font-family:Poppins;
    --main-blue-color: #2a4977;
    --light-blue-color: #4a83d8;
}

body {height: 100vh;margin: 0;display: flex;flex-direction: column;}
.content {flex:1;}

.navbar-brand img{width:203px;}
.loginContainer{height: 100%;}
.loginContainer h2{text-align: center;margin-bottom: 27px;}
.loginContainer form button{width:100%;margin-top: 23px;}
.loginContainer form input.form-control{background: rgba(51, 109, 148, 0.1);}
.btn-yet {--bs-btn-color: #fff;--bs-btn-bg: var(--main-blue-color);--bs-btn-border-color: var(--main-blue-color);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--main-blue-color);--bs-btn-hover-border-color: var(--main-blue-color);--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--main-blue-color);--bs-btn-active-border-color: var(--main-blue-color);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--main-blue-color);--bs-btn-disabled-border-color: var(--main-blue-color);}
.btn-yet:hover {color:var(--main-blue-color);--bs-btn-color: var(--main-blue-color);--bs-btn-bg: #fff;--bs-btn-border-color: var(--main-blue-color);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #fff;--bs-btn-hover-border-color: var(--main-blue-color);--bs-btn-focus-shadow-rgb: 49,132,253;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--main-blue-color);--bs-btn-active-border-color: var(--main-blue-color);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--main-blue-color);--bs-btn-disabled-border-color: var(--main-blue-color);}
footer a.logo img {height:32px;}
.dashboard img{width: 89px;border-radius: 7px;}
.list-group-item{border:none;}
.list-group-item a{text-decoration:none;color:inherit;}
.list-group-item a:hover{color:var(--main-blue-color);}
.btn-mr{margin-right: 0.5em;}
.config{position:relative;min-height:24px;}
i.configPencil{position:absolute;top:-17px;left:-37px;width:1px;height:1px;cursor:pointer;font-size:1.3em;color:var(--light-blue-color);}
.config:has(> i.configPencil:hover){outline:1px dotted #bbb;outline-offset:3px;}
.configEdit{position:absolute;top:0;left:0;padding:30px 50px;width:max-content;max-width:95vw;background-color:#f7f7f7;color: #212529!important;border: 1px solid var(--main-blue-color);border-radius:5px;z-index:100;}
.configEdit.editEditorDiv{width:100%;max-width:none;}
.configEdit i.close{position: absolute;top: 0;right: 0;margin: 7px;font-size: 1.3rem;cursor: pointer;}
.configEdit input{margin-bottom: 5px;}
.trumbowyg-table-resize-layers { position: absolute; }
.configController{margin:2rem 0 5rem 0;}
.configController input{margin-right:1rem;max-width:40%;}
.configController .btn-yet{text-transform: uppercase;font-size:1.1rem;font-weight:900;}
.configController .btn-yet i{margin-right:0.5rem;}
.editGalleryDiv i.bi-trash{color:#530000;cursor: pointer;}
.gallery-item-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.alertButtomText{display:none;text-align: center;}
.icon-item-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.icon-item-btn{width:34px;height:34px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;}
#iconPickerPopup{position:fixed;z-index:9999;background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px;width:310px;box-shadow:0 6px 24px rgba(0,0,0,0.18);}
#iconPickerPopup input{width:100%;margin-bottom:8px;}
.icon-picker-grid{display:flex;flex-wrap:wrap;gap:4px;max-height:220px;overflow-y:auto;margin-top:4px;}
.icon-opt-btn{width:34px;height:34px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;padding:0;transition:background 0.15s,border-color 0.15s;}
.icon-opt-btn:hover{background:#eef3ff;border-color:#4a83d8;}
.trumbowyg-iconPicker-button{font-size:0;}
.trumbowyg-iconPicker-button::before{content:"★";font-size:16px;line-height:1;color:#222;}
.useTemplateWindow{position:fixed;width:80vw;left:10vw;height:70vh;top:15vh;margin: 35px 0;word-wrap: break-word;}
.useTemplateWindow p{height:90%;text-overflow: ellipsis;overflow: hidden;overflow-y: scroll;}
.useTemplateWindow i{cursor: pointer;margin-left:20px;}
.editMenuDiv button {display: block;}
#mainColorsBar{margin:0 0 1.5rem 0;}
.mainColorsBarInner{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 18px;background:#f7f7f7;border:1px solid var(--main-blue-color);border-radius:5px;}
.mainColorsBarTitle{font-weight:600;color:var(--main-blue-color);font-size:0.95rem;margin-right:6px;}
.mainColorPickerWrap{display:flex;align-items:center;gap:8px;margin:0;font-size:0.85rem;cursor:pointer;}
.mainColorPickerWrap input[type=color]{width:38px;height:32px;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:2px;background:#fff;}
.mobileSummaryBtn{margin-left:auto;white-space:nowrap;}
.mobileSummaryBtn.hasSummary::after{content:'\2713';margin-left:6px;font-weight:700;}
.mobileSummaryPanel{position:relative;margin:0 0 1.5rem 0;padding:18px 22px;background:#f7f7f7;border:1px solid var(--main-blue-color);border-radius:5px;}
.mobileSummaryPanel h3{font-size:1.05rem;margin:0 0 8px 0;}
.mobileSummaryPanel i.close{position:absolute;top:0;right:0;margin:7px;font-size:1.3rem;cursor:pointer;}
.mobileSummaryHint{font-size:0.82rem;color:#555;margin-bottom:8px;}
.mobileSummaryText{resize:vertical;}
.mobileSummaryFoot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}
.mobileSummaryCount{color:#888;font-size:0.8rem;}