/**
 * Shader Grid PACKAGED v:1.0
 * Shader Grid global CSS.
 * @author Tibi - FWDesign [https://webdesign-flash.ro/]
 * Copyright © Since 2006 All Rights Reserved.
 */


/* Caption. */
.fwdsg.caption{
    font: 400 18px 'Titillium Web', sans-serif !important;
    width: 100%;
    line-height: 1.5 !important;
    white-space: nowrap !important;      
    text-align: center !important;
    overflow: hidden !important;      
    pointer-events: none !important;  
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    margin: -5px 0 0 0 !important;
    color: #FFFFFF !important;
}


/* General. */
.fwdsg-error-window{
    background: #FFF !important;
}

.fwdsg-error-window-text{
    padding: 7px 21px 9px 23px !important;
    color: #000;
}

.fwdsgicon-error{
    position: relative !important;
    top: 5px !important;
    left: -5px !important;
    margin: 0 1px 0 0;
    color: #F00;
}

.fwdsgicon-error:before{
    font-size: 26px;
}

/* Error window. */
.fwdsg-error-window{
    background: #FFF !important;
}

.fwdsg-error-window-text{
    font-size: 16px !important;
    padding: 7px 21px 9px 23px !important;
    color: #000;
}

.fwdsg-error{
    position: relative !important;
    top: 5px !important;
    left: -5px !important;
    margin: 0 1px 0 0;
    color: #F00;
}

.fwdsg-error:before{
    font-size: 26px;
}




/* Scroll down mouse icon. */
.fwdsg-mouse-scroll-icon {
    position: absolute  !important;
    mix-blend-mode: difference  !important;
    left: calc(50% - 15px) !important;
    top: calc(100% - 70px) !important;
    z-index: 1 !important;
    opacity: 0;
    animation-name: fwdsg_fade_in_opacity;
    animation-duration: 2.5s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; /* Ensures opacity remains at 1 after animation */
}

/* Keyframes for the opacity animation */
  @keyframes fwdsg_fade_in_opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fwdsg-mouse-scroll-icon .scrolldown {
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    height: 40px;
    margin: 0 auto 8px;
    text-align: center;
    width: 26px;
}

.fwdsg-mouse-scroll-icon .scrolldown-p1,
.fwdsg-mouse-scroll-icon .scrolldown-p2 {
    animation-duration: 1.5s;
    animation-name: fwdsg_scroll_down;
    animation-iteration-count: infinite;
    fill: #FFFFFF;
}
  
.fwdsg-mouse-scroll-icon .scrolldown-p2 {
	  animation-delay: .75s;
}

@keyframes fwdsg_scroll_down {
    0% {
        opacity: 0;
        transform: translate(0, -8px);
    }
    50% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, 8px);
    }
}

.fwdsg-full-width {
	width: 100% !important;
	display: block !important;
    max-width: none !important;
}

.fwdsg-full-width #fwdsgDiv0{
	margin: auto !important;
}


/* GUI. */
.dg.main.a{
    z-index: 9999;
    margin:0;
}

.dg.main.a.closed{
 
}

.dg.main.a.opened{
  
}

.dg .c{
    width: 50% !important;
}

.dg .property-name{
    width: 50% !important;
}

.dg.main.a .grid{
    width: 71%;
    margin-left:0;
}

.dg.main.a .has-grid input[type=text]{
    width: 24% !important;
    padding: 2px !important;
}

.dg.main.a .cr.color input[type=text]{
    padding: 2px 0;
}

.dg .close-button{
    width: 100% !important;
}

.dg > ul{
    height: auto !important;
}

/* Stats. */
.fwdsg-imafe-manager > div{
    position: absolute !important;
}