/* Center the search results dropdown */
.searchSkinObjectPreview {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 500px !important; /* Default width */
max-width: 90vw !important; /* Ensure it doesn't overflow on small screens */
margin-top: 10px !important;
background-color: #fff !important;
border-radius: 5px !important;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
z-index: 1050 !important;
}

/* Make dropdown fully responsive on small screens */
@media (max-width: 576px) {
.searchSkinObjectPreview {
    width: 95vw !important; /* Almost full width on very small screens */
    left: 50% !important;
    right: auto !important;
    max-height: 70vh !important; /* Limit height on small screens */
    overflow-y: auto !important; /* Enable scrolling if content is too tall */
}
}

/* Style the search results items */
.searchSkinObjectPreview li {
padding: 12px 20px !important;
border-bottom: 1px solid #f0f0f0 !important;
transition: background-color 0.2s ease !important;
word-break: break-word !important; /* Prevent text from overflowing */
}

.searchSkinObjectPreview li:hover {
background-color: #f8f9fa !important;
}

.searchSkinObjectPreview li span {
font-weight: 600 !important;
display: block !important;
margin-bottom: 5px !important;
}

.searchSkinObjectPreview li p {
margin: 0 !important;
font-size: 0.9rem !important;
color: #666 !important;
line-height: 1.5 !important;
}

.searchSkinObjectPreview_group {
font-weight: bold !important;
background-color: #f8f9fa !important;
color: #495057 !important;
padding: 8px 15px !important;
}

.searchSkinObjectPreview_more {
display: block !important;
text-align: center !important;
color: #0088cc !important;
font-weight: 600 !important;
text-decoration: none !important;
padding: 10px !important;
}

/* Ensure content is properly spaced within the dropdown */
.searchSkinObjectPreview ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
/* edit module */


.active-module.floating.drift {
    position: absolute !important; 
    top: 150px !important;         
    left: 50% !important;          
    transform: translateX(-50%) !important; 
    z-index: 10000 !important;    
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.dnnFormPopup.ui-draggable.ui-resizable {
    position: absolute !important; 
    top: 150px !important;        
    z-index: 10000 !important;   
}

/* .dnnDragHint.ui-sortable-handle.active-pane {
    position: absolute !important;
     top: 150px !important; 
    z-index: 100000; 
} 
#dnn_upPane {

    z-index: 100000;
} */

/*mfooter*/
.footer-extra-reveal {
    background-color: #333333;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 20px;
}

.footer-extra-reveal h4 {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
}

.footer-extra-reveal a {
    color: #cccccc;
    text-decoration: none;
}

.footer-extra-reveal a:hover {
    color: #ffffff;
}

.footer-extra-reveal .custom-info p {
    margin-bottom: 10px;
}

.footer-extra-reveal .bg-secondary {
    background-color: #444444;
    color: #ffffff;
    padding: 10px 0;
}

.footer-extra-reveal ul {
    padding-left: 0;
    list-style: none;
}

.footer-extra-reveal ul li {
    margin-bottom: 10px;
}



/* Maintain the capitalized bold style for level 2 */
.level-2 strong {
    font-weight: bold;
    text-transform: uppercase;
}

/* Apply wrapping and max width to level 3 and 4 */
.level-3,
.level-4 {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    max-width: 200px; /* Adjust the max-width to suit your design */
    overflow-wrap: break-word;
}

/* Additional styling for better presentation */
.level-4 {
    padding-left: 10px; /* Indent for level 4 to emphasize it has a bullet */
    font-weight: normal;
}

.level-3 em {
    font-style: italic;
}

/* Font Family */
body {
	font-family: "Montserrat", "Arial", sans-serif !important;
}
/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #0fb9ed;
	--primary-100: #0da6d5;
	--primary-200: #0d9dc9;
	--primary-300: #0c94bd;
	--primary--100: #24c1f1;
	--primary--200: #30c5f2;
	--primary--300: #3cc8f3;
	--primary-rgba-0: rgba(15, 185, 237, 0);
	--primary-rgba-10: rgba(15, 185, 237, 0.1);
	--primary-rgba-20: rgba(15, 185, 237, 0.2);
	--primary-rgba-30: rgba(15, 185, 237, 0.3);
	--primary-rgba-40: rgba(15, 185, 237, 0.4);
	--primary-rgba-50: rgba(15, 185, 237, 0.5);
	--primary-rgba-60: rgba(15, 185, 237, 0.6);
	--primary-rgba-70: rgba(15, 185, 237, 0.7);
	--primary-rgba-80: rgba(15, 185, 237, 0.8);
	--primary-rgba-90: rgba(15, 185, 237, 0.9);
	--secondary: #0b4f6c;
	--secondary-100: #093e55;
	--secondary-200: #073649;
	--secondary-300: #062d3e;
	--secondary--100: #0d6083;
	--secondary--200: #0f688f;
	--secondary--300: #10719a;
	--secondary-rgba-0: rgba(11, 79, 108, 0);
	--secondary-rgba-10: rgba(11, 79, 108, 0.1);
	--secondary-rgba-20: rgba(11, 79, 108, 0.2);
	--secondary-rgba-30: rgba(11, 79, 108, 0.3);
	--secondary-rgba-40: rgba(11, 79, 108, 0.4);
	--secondary-rgba-50: rgba(11, 79, 108, 0.5);
	--secondary-rgba-60: rgba(11, 79, 108, 0.6);
	--secondary-rgba-70: rgba(11, 79, 108, 0.7);
	--secondary-rgba-80: rgba(11, 79, 108, 0.8);
	--secondary-rgba-90: rgba(11, 79, 108, 0.9);
	--tertiary: #20bf55;
	--tertiary-100: #1ca94b;
	--tertiary-200: #1b9e46;
	--tertiary-300: #199342;
	--tertiary--100: #24d55f;
	--tertiary--200: #2adb65;
	--tertiary--300: #35dd6d;
	--tertiary-rgba-0: rgba(32, 191, 85, 0);
	--tertiary-rgba-10: rgba(32, 191, 85, 0.1);
	--tertiary-rgba-20: rgba(32, 191, 85, 0.2);
	--tertiary-rgba-30: rgba(32, 191, 85, 0.3);
	--tertiary-rgba-40: rgba(32, 191, 85, 0.4);
	--tertiary-rgba-50: rgba(32, 191, 85, 0.5);
	--tertiary-rgba-60: rgba(32, 191, 85, 0.6);
	--tertiary-rgba-70: rgba(32, 191, 85, 0.7);
	--tertiary-rgba-80: rgba(32, 191, 85, 0.8);
	--tertiary-rgba-90: rgba(32, 191, 85, 0.9);
	--quaternary: #757575;
	--quaternary-100: #686868;
	--quaternary-200: #626262;
	--quaternary-300: #5b5b5b;
	--quaternary--100: #828282;
	--quaternary--200: #888888;
	--quaternary--300: #8f8f8f;
	--quaternary-rgba-0: rgba(117, 117, 117, 0);
	--quaternary-rgba-10: rgba(117, 117, 117, 0.1);
	--quaternary-rgba-20: rgba(117, 117, 117, 0.2);
	--quaternary-rgba-30: rgba(117, 117, 117, 0.3);
	--quaternary-rgba-40: rgba(117, 117, 117, 0.4);
	--quaternary-rgba-50: rgba(117, 117, 117, 0.5);
	--quaternary-rgba-60: rgba(117, 117, 117, 0.6);
	--quaternary-rgba-70: rgba(117, 117, 117, 0.7);
	--quaternary-rgba-80: rgba(117, 117, 117, 0.8);
	--quaternary-rgba-90: rgba(117, 117, 117, 0.9);
	--dark: #212529;
	--dark-100: #16181b;
	--dark-200: #101214;
	--dark-300: #0a0c0d;
	--dark--100: #2c3237;
	--dark--200: #32383e;
	--dark--300: #383f45;
	--dark-rgba-0: rgba(33, 37, 41, 0);
	--dark-rgba-10: rgba(33, 37, 41, 0.1);
	--dark-rgba-20: rgba(33, 37, 41, 0.2);
	--dark-rgba-30: rgba(33, 37, 41, 0.3);
	--dark-rgba-40: rgba(33, 37, 41, 0.4);
	--dark-rgba-50: rgba(33, 37, 41, 0.5);
	--dark-rgba-60: rgba(33, 37, 41, 0.6);
	--dark-rgba-70: rgba(33, 37, 41, 0.7);
	--dark-rgba-80: rgba(33, 37, 41, 0.8);
	--dark-rgba-90: rgba(33, 37, 41, 0.9);
	--light: #FFF;
	--light-100: #f2f2f2;
	--light-200: #ececec;
	--light-300: #e6e6e6;
	--light--100: #ffffff;
	--light--200: #ffffff;
	--light--300: #ffffff;
	--light-rgba-0: rgba(255, 255, 255, 0);
	--light-rgba-10: rgba(255, 255, 255, 0.1);
	--light-rgba-20: rgba(255, 255, 255, 0.2);
	--light-rgba-30: rgba(255, 255, 255, 0.3);
	--light-rgba-40: rgba(255, 255, 255, 0.4);
	--light-rgba-50: rgba(255, 255, 255, 0.5);
	--light-rgba-60: rgba(255, 255, 255, 0.6);
	--light-rgba-70: rgba(255, 255, 255, 0.7);
	--light-rgba-80: rgba(255, 255, 255, 0.8);
	--light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #FFF;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}