body {
font-family: verdana, tahoma, arial, sans-serif;
color:#333;
}

input, select{
color:#333;
}

html, body {
height: 100%;
margin: 0;
}

.select2{font-size:12px;}

footer.w3-container{padding:10px;}

#myTop{
position:relative;
}

#action-menu{
display:flex;
align-items:center;
gap:4px;
padding:0 8px;
}

#action-menu a{
float:none;
display:inline-flex;
align-items:center;
gap:4px;
}

#action-menu a .si{
text-shadow:0 0 2px #000;
}

#action-menu a:hover{
background-color:rgba(255, 255, 255, 0.2) !important;
}

#preview-links{
margin-left:auto;
display:flex;
align-items:center;
}

.admin-menu-search{
position:relative;
flex:0 1 420px;
max-width:420px;
min-width:220px;
margin:0 10px;
}

.admin-menu-search-input{
width:100%;
height:34px;
padding:7px 10px;
border:1px solid rgba(255,255,255,0.45);
border-radius:6px;
background:rgba(0,0,0,0.2);
color:#fff;
font-size:13px;
box-sizing:border-box;
}

.admin-menu-search-input::placeholder{
color:rgba(255,255,255,0.85);
}

.admin-menu-search-input:focus{
outline:none;
border-color:#fff;
background:rgba(0,0,0,0.3);
box-shadow:0 0 0 2px rgba(255,255,255,0.2);
}

.admin-menu-search-results{
display:none;
position:absolute;
left:0;
right:0;
top:38px;
max-height:320px;
overflow:auto;
background:#fff;
border:1px solid #ccd6df;
border-radius:8px;
z-index:99;
}

.admin-menu-search-results.is-open{
display:block;
}

.admin-menu-search-item{
display:block;
padding:8px 10px;
text-decoration:none;
border-bottom:1px solid #eef3f7;
}

.admin-menu-search-item:last-child{
border-bottom:0;
}

.admin-menu-search-item:hover{
background:#f3f8fc;
}

.admin-menu-search-item-label{
display:block;
font-size:13px;
font-weight:600;
color:#1f3550;
line-height:1.3;
}

.admin-menu-search-item-path{
display:block;
font-size:11px;
color:#6b7d90;
line-height:1.2;
margin-top:2px;
word-break:break-all;
}

.admin-menu-search-empty{
padding:10px;
font-size:12px;
color:#687c8f;
}

.spacer{
height:50px;
}

/* main layout column */
.w3-main {
min-height: 100vh;
display: flex;
flex-direction: column;
}

label{
font-size: 12px;
color:#444;
margin-bottom:10px;
}

#contactViewer > p{
margin:3px 0;
font-size:13px;	
color:#666;
}

.boxedctr > h5{
font-size:13px;
font-weight:bold;
color:#333;
}

.boxedctr::after{
display:block;
content:' ';
clear:both;
}

.boxedctr .accordion-master{
width:20px;
height:20px;
top:0;
}

.boxedctr .accordion-child{
width:20px;
height:20px;
top:4px;
margin-right:5px;
}

.boxedctr .accordion-body{
padding:10px;
}

.boxedctr .accordion-btn strong{
font-family:arial;
}

/* THIS is the growing area */
#mainContainer {
flex: 1 1 auto;
background-color:#eee;
padding:32px;
}

/* footer must stay natural size */
.w3-main > footer {
flex-shrink: 0;
}


.w3-bar-block .w3-bar-item {
padding: 10px;
font-size: 12px;
}

/* Base submenu indentation */
#sidebar .submenu .w3-bar-item {
padding-left: 32px;
}

/* Level 3 */
#sidebar .submenu .submenu .w3-bar-item {
padding-left: 48px;
}

/* Level 4 */
#sidebar .submenu .submenu .submenu .w3-bar-item {
padding-left: 64px;
}

#sidebar .si{width:2em;height:2em;}

/* menu items that have submenus */
.menu-toggle {
position: relative;
padding-right: 36px; /* space for caret image */
}

/* default (collapsed) caret */
.menu-toggle::after {
content: "";
position: absolute;
right: 12px;
top: 50%;
width: 32px;
height: 32px;
transform: translateY(-50%);
background-image: url("icons/caret-down.svg");
background-size: contain;
background-repeat: no-repeat;
}

/* expanded state (submenu open) */
.menu-toggle.w3-light-grey::after {
background-image: url("icons/caret-up.svg");
}

.w3-select{padding:9px !important;}

.avatar-dropdown{
min-width:340px;
right:0;
}

.mobile-head{
text-decoration:none;
}

#featuredImagePreview{
width: 100%;
height: auto;
}

#preview-links > a[href="#"]{
display:none;
}



.oms-catbox{
border: 1px solid #ddd;
background: #fafafa;
padding: 8px;
}

.oms-cat-tabs{
display: flex;
gap: 6px;
margin-bottom: 6px;
}

.oms-cat-tab{
border: 1px solid #ccc;
background: #f4f4f4;
padding: 4px 8px;
font-size: 12px;
cursor: pointer;
}

.oms-cat-tab.is-active{
background: #fff;
border-bottom-color: #fff;
font-weight: bold;
}

.oms-cat-search{
margin: 6px 0;
}

.oms-cat-panel{
display: none;
}

.oms-cat-panel.is-active{
display: block;
}

.oms-cat-list{
max-height: 240px;
overflow: auto;
border: 1px solid #ddd;
background: #fff;
padding: 6px;
}

.oms-cat-item{
display: block;
font-size: 12px;
margin: 2px 0;
}

.oms-cat-count{
color: #777;
font-size: 11px;
margin-left: 4px;
}

.oms-cat-add{
margin-top: 8px;
}

.oms-cat-add-toggle{
font-size: 12px;
text-decoration: none;
}

.oms-cat-add-form{
margin-top: 6px;
}

.oms-cat-add-actions{
display: flex;
align-items: center;
gap: 8px;
margin-top: 6px;
}

.oms-cat-add-status{
font-size: 12px;
}

.oms-cat-status-ok{
color: #2d7a2d;
}

.oms-cat-status-error{
color: #b00020;
}

 #main-pic img{
width: 200px;
}


/* SOLVEX CAPTCHA widget */
[data-solvex-captcha] {
display: block;
padding: 10px;
border: 1px solid #d6dfe9;
border-radius: 8px;
background: #f8fbff;
}

[data-solvex-captcha] label {
display: block;
margin: 8px 0 6px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2px;
color: #2f3f52;
}

[data-solvex-captcha] input[name="captcha_answer"] {
width: 100%;
height: 40px;
padding: 8px 12px;
border: 1px solid #b8c7d6;
border-radius: 6px;
background: #fff;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.3px;
color: #1f2e3d;
box-sizing: border-box;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[data-solvex-captcha] input[name="captcha_answer"]:focus {
border-color: #4d91ce;
box-shadow: 0 0 0 3px rgba(77, 145, 206, 0.16);
outline: none;
}

[data-solvex-captcha] button[type="button"] {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 7px 12px;
min-height: 34px;
border: 1px solid #1f5f96;
border-radius: 6px;
cursor: pointer;
color: #fff;
background: linear-gradient(180deg, #2b7fc2 0%, #1f5f96 100%);
font-size: 12px;
font-weight: 700;
line-height: 1.2;
margin: 8px 0 2px;
transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}

[data-solvex-captcha] button[type="button"]:hover {
box-shadow: 0 4px 10px rgba(31, 95, 150, 0.24);
transform: translateY(-1px);
}

[data-solvex-captcha] button[type="button"]:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(77, 145, 206, 0.2);
}

[data-solvex-captcha] button[type="button"]:disabled {
cursor: not-allowed;
opacity: 0.65;
transform: none;
box-shadow: none;
}

[data-solvex-captcha] img{
width: 100%;
height: auto;
border: 1px solid #aebdcd;
border-radius: 6px;
box-sizing: border-box;
display: block;
background: #fff;
}

[data-solvex-captcha] > div > progress{
width:100%;
height: 6px;
}

[data-solvex-captcha] > div{
font-size:12px;
margin:6px 0;
color:#3c4f62;
}

/* Extra field gallery preview (admin content forms) */
.oms-extra-gallery-preview{
display:none;
margin-top:10px;
}

.oms-extra-gallery-item{
margin-bottom:12px;
}

.oms-extra-gallery-card{
border:1px solid #d8d8d8;
background:#fff;
padding:6px;
}

.oms-extra-gallery-frame{
height:95px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#f7f7f7;
position:relative;
}

.oms-extra-gallery-image{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
transform:scale(1.05);
}

.oms-extra-gallery-caption{
word-break:break-all;
margin-top:6px;
font-size:11px;
color:#666;
line-height:1.3;
}

/* Extra field single-photo layout (admin edit content) */
.oms-extra-photo-layout{
margin-left:-16px;
margin-right:-16px;
}

.oms-extra-photo-layout .w3-col{
padding-left:8px;
padding-right:8px;
}

.oms-extra-photo-layout .oms-extra-photo-preview{
width:100%;
max-height:180px;
object-fit:cover;
object-position:center center;
background:#f7f7f7;
}

#mid-section{
position:relative;
}

.main-icon{
position: absolute;
right: 15px;
top: 5px;
font-size: 70px;
line-height: 1;
}

.oms-fields-help-card h6{
margin-bottom:6px;
font-weight:700;
}

.oms-fields-help-card h6 .si{
margin-right:4px;
vertical-align:middle;
}

.oms-fields-help-list{
margin:0 0 14px 18px;
padding:0;
}

.oms-fields-help-list li{
margin-bottom:6px;
line-height:1.35;
}

.content-type-field-row.oms-field-added-highlight{
animation:omsEditCardAmberFlash 0.45s ease-in-out 4;
}

.oms-field-added-highlight{
animation:omsFieldAmberFlash 0.45s ease-in-out 4;
}

.w3-card#contentTypeEditCard.oms-field-added-highlight{
animation:omsEditCardAmberFlash 0.45s ease-in-out 4;
}

.w3-card#ginputFormCard.oms-field-added-highlight{
animation:omsEditCardAmberFlash 0.45s ease-in-out 4;
}

.oms-field-visibility-hidden{
visibility:hidden;
}

@keyframes omsFieldAmberFlash{
0%{background-color:transparent;border-color:#ddd;}
50%{background-color:#ffe49c;border-color:#f5a623;}
100%{background-color:transparent;border-color:#ddd;}
}

@keyframes omsEditCardAmberFlash{
0%{box-shadow:0 1px 3px rgba(0,0,0,0.2);}
50%{box-shadow:0 0 0 4px rgba(245,166,35,0.9),0 0 0 8px rgba(245,166,35,0.35),0 8px 20px rgba(0,0,0,0.2);}
100%{box-shadow:0 1px 3px rgba(0,0,0,0.2);}
}


/* Mobile: reduce main container padding */
@media (max-width: 600px) {
#mainContainer {
padding: 12px 0;
}

 #myTop{padding:12px;}
 
 
 #main-pic img{
width: 50px;
display: block;
}


 
}