

body {

    overflow-y:hidden;

    

}

button, [role="button"], [data-testid="stDownloadButton"],

[data-testid="stFileUploader"], [data-testid="stPopoverButton"],

[data-testid="stMetric"], [data-testid="stAlert"],

[data-testid="stBaseButton-pills"], [data-testid="stSegmentedControl"],

[data-testid="stLinkButton"], img {

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}



button:hover, [role="button"]:hover, [data-testid="stDownloadButton"]:hover,

[data-testid="stFileUploader"]:hover, [data-testid="stPopoverButton"]:hover,

[data-testid="stMetric"]:hover, [data-testid="stAlert"]:hover,

[data-testid="stBaseButton-pills"]:hover, [data-testid="stSegmentedControl"]:hover,

[data-testid="stLinkButton"]:hover, img:hover {

    transform: scale(1.02);

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

}



.stApp{

    

    background-size: cover;

    height: auto;

    overflow-y: auto;

    background: linear-gradient(to top, #2196F3 0.1%, transparent 0.1%),

                linear-gradient(to left, #2196F3 0.1%, transparent 0.1%);

    

}

.stApp::before {

    content: "";

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 2rem;

    /*background-color: #2196F3;  mesma cor da sua borda */

    background: radial-gradient(circle at 20% 40%, #2196F3, transparent 100%), 

                radial-gradient(circle at 40% 80%, rgba(1, 211, 253, 1), transparent 100%),

                radial-gradient(circle at 70% 30%, rgba(0, 0, 0, 1), transparent 100%); 

    

    z-index: 9999; 

    animation: slowFlow 60s ease-in-out infinite alternate;

    background-size: 200% 200%;

    /*transition: none !important;*/

}



@keyframes slowFlow {

    0% {

        background-position: 0% 50%;

    }

    50% {

        background-position: 100% 50%;

    }

    100% {

        background-position: 0% 50%;

    }

}





.stAppHeader  {

    content: "";

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 38px;

    min-height: 38px;

   /* background-color: rgba(107, 177, 245, 1);  mesma cor da sua borda */

    background: transparent !important ;/*linear-gradient(to bottom, rgba(107, 177, 245, 1), rgba(107, 177, 245, 1));*/

    z-index: 9999;  

    

}

.stAppToolbar{

    display: block;

    height: 38px !important;

    

}

.stMainBlockContainer{

    margin-top:  2.1rem;

    padding: 0px;

    padding-left: 20px;

    padding-right: 20px;

    gap : 1px;

    /*border-top: 2rem solid #2196F3;*/

    

}



.stMetric{

    background-color: white !important;

    

}

/*[data-testid="stHeading"] {

    

    gap: 0px !important;

    padding: 0px !important;

    margin: 0px !important;

    

}*/

[data-testid="stSidebarCollapsedControl"]{

    top: 0px !important;

    padding-left:3px !important;

    background-color: #2196F3!important;

    height: 2rem;

    /*box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);*/

}

/*[data-testid="stToolbar"]{

    top: 3px !important;

}*/

[data-testid="stMetricLabel"]{

    margin-left: 10px;

}

[data-testid="stMetricValue"]{

    margin-left: 10px;

}



[data-testid='stSidebar']{

    height: auto !important;

    overflow-y: auto !important;

    overflow-x: hidden !important;

    gap: 3px !important;

    padding: 0px !important;

    /*box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);*/

    

    

}

header {

    height: 0px !important;

    transition: height 0.5s !important;

}

.stButton button {

  

    

    border-width: 1px !important;

    



}



.stButton button:hover {

    

    border-width: 1px !important;

}



.stButton button:active{

    

    border-width: 1px !important;

}



.stButton button:focus{

    border-width: 1px !important;

    font-weight: bold !important;

}

[data-testid="stBaseButton-tertiary"]{

    justify-content: flex-start !important;

    text-align: left !important;

}





[data-testid="stAlertContainer"]{

    

     box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);

    

}



[data-testid="stLinkButton"]{

    

    justify-content: flex-start !important;

    

}

[data-baseweb="select"]>div{

    gap: 3px !important;    

    padding: 1px !important;

    margin-right: 3px !important;

}







[data-testid="stBaseButton-pills"]{



    height: 40px !important;

    

}

[data-testid="stBaseButton-pillsActive"]{

    

    height: 40px !important;

    

}







[data-baseweb="input"]{

    gap: 3px !important;    

    padding: 0px !important;

    

}



[data-baseweb="baseinput"]{

    gap: 1px !important;    

    padding: 0px !important;

    

    

}







[data-testid="baseButton-secondary"]{

    gap: 3px !important;    

    padding: 3px !important;

    

    border: 0px;

    

}



[data-testid="stNumberInputContainer"]{

    gap: 1px !important;    

    padding: 0px !important;

    

}







[data-testid*='stSidebarHeader']{

    margin: 0px !important;

    

    gap: 0px !important;

    padding: 0px !important;

    height: 2rem;

    background-color: #2196F3 !important;

}







[data-testid*='stSidebarUserContent']{

    gap: 3px !important;

    padding: 3px !important;

    height: auto !important;

    overflow-y: auto !important;    

}



[data-testid*="stExpander"] {

    

    gap: 3px !important;

    padding: 3px !important;

    border-width: 1px !important;

    

     

}



[data-testid*="stExpander"] > details > summary {

    

    gap: 3px !important;

    padding: 3px !important;

    margin: 3px;

    border-width: 1px !important;

}

[data-testid*="stExpander"] > details  {

    

    border-width: 0px;

}





[data-testid*="stForm"] {

    

    gap: 3px !important;

    padding: 2px !important;

    margin: 3px !important;

}



[data-testid="stVerticalBlockBorderWrapper"] {

    

    gap: 3px !important;

    padding: 0px !important;

    

}



[data-testid="stHorizontalBlockBorderWrapper"] {

    

    gap: 3px !important;

    padding: 3px !important;

    

}



[data-testid="stHorizontalBlock"]{

    gap: 1px !important;

    padding: 1px !important;

    

    

}



[data-testid="stVerticalBlock"]{

    gap: 1px !important;

    padding: 0px !important;

    

    

}

bord

[data-testid="stDialog"] > div > [role='dialog'] {

    width: 100% !important;

    

    

}





@keyframes alertaBlink {

  0% { opacity: 1; }

  50% { opacity: 0; }

  100% { opacity: 1; }

}

