.settings-close-button{

padding-right: 25px !important;
padding-left: 25px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
    border-radius: 0px !important;
margin-right: 0px !important;
    height: 30px !important;
    font-size: 1em;
    transition:  none !important;
 
}

.settings-close-button:hover{
   
    background-color: red !important;
    border-radius: 0px !important;
    height: 30px !important;
 
 
}
.settings-close-button svg{
    margin-right: 0px !important;
}

.header-settings-dialog{
    height: calc(100vh - 48px);
    overflow-y: auto;
}

.css-1w5qdx8-MuiButtonBase-root-MuiTab-root{
    color:var(--text-color) !important;
}

.css-ene9uk-MuiButtonBase-root-MuiTab-root{
    color:var(--text-color) !important;
}

.header-settings-dialog .css-m9glnp-MuiPaper-root-MuiDialog-paper{
overflow-y: unset !important;
}

.paper-settings{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.settings-top{
    display: flex;
    width: 100%;
    justify-content: space-between;
  
}
.settings-top-left{
padding-top: 20px;
    width: 25%;
background-color:  var(--program-background-color);
    display: flex;
    align-items: center;
    justify-content: start;

    font-size: 20px;
    font-family: 'Roboto', sans-serif;

}
.settings-top-left .css-i4bv87-MuiSvgIcon-root{
    fill:var(--text-color) !important;
    cursor:pointer;
    transition: all 3ms;
}

.settings-top-left h2{
    padding-left: 0px;
    color:var(--text-color);
    font-weight: 300 ;
}
.settings-top-left svg{
    margin-left: 20px;
}

.settings-top-right{
    width:75%;
    display: flex;
    justify-content: end;
    background-color: var(--second-bg-color);

    /* padding-top: 30px;
    margin-right: 30px; */
}
.settings-top-right .maxButton{
    /* padding-right: 50px; */
    padding-top: -30px;
    font-size: 18px;
}
.settings-top-right:focus{
    background-color: transparent !important;
}
.setting-heading{
    display: flex;
    justify-content: end;
    padding-right: 15px;
}
.settings-bottom-left{
    width: 25%;
    background-color:  var(--program-background-color);
    border-right: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color:var(--text-color);
    align-items: start;
    justify-content: flex-start;
   
}


.settings-bottom-left .MuiButtonBase-root-MuiTab-root{
    color:var(--text-color);
    padding-left: 20px;
    font-size: 20px !important;
}

.settings-bottom-left .MuiTabs-scroller{
    padding-left: 20px;
} 
/* .settings-bottom-left .MuiButtonBase-root-MuiTab-root{
    border-right: 0px !important;
    color:#141414;
    opacity: 0.9;
    font-size: 16px !important;

 
} */
.settings-bottom-left .css-aym9vq-MuiButtonBase-root-MuiTab-root.Mui-selected{
    border-right: 0px !important;
    color:var(--text-color);
    opacity: 9;
 
}
.MuiSvgIcon-root{
    fill:var(--text-color)!important;
}
.setting-bottom-left  .MuiTabs-indicator{
   background-color: transparent !important;
}
.settings-bottom{
    display: flex;
 


    
}




.Mui-selected{
    color:var(--text-color) !important;
    font-weight: 600 !important;
    font-family: "Segoe UI", "Open Sans" !important;
    font-size: 17px !important;
     

}

.Mui-selected .MuiTabs-scroller{
    display: none !important;
}




.settings-bottom-left  .css-i4bv87-MuiSvgIcon-root{
    fill:var(--text-color) !important;
    margin-bottom: 3px !important;
    font-size: 20px !important;
  
}



.css-o44lvk-MuiButtonBase-root-MuiTab-root.Mui-selected::after{
    background-color: transparent !important;
    border-right: 0px !important;
}


.MuiTabs-scroller .MuiTabs-hideScrollbar .MuiTabs-scrollableY .css-1cgx7kx-MuiTabs-scroller{
display: none  !important;
background: transparent !important;
}

.css-1cgx7kx-MuiTabs-scroller{
    position: relative !important;
}

/* .MuiButtonBase-root-MuiTab-root{
    border-right:1px solid transparent !important; */

/* } */

.css-o44lvk-MuiButtonBase-root-MuiTab-root>.MuiTab-iconWrapper{
    margin-bottom:  0px !important;
}

.settings-themes{
    font-family: 'Roboto', sans-serif;
    padding-left:20px;
    color:var(--text-color);
}
.settings-themes h5 {
    padding-top: 20px;
    font-size: 22px;
    padding-bottom: 15px;
    font-weight: normal;
}
.settings-themes h2{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 30px;
 
    margin-top: 0px;
}

/* .settings-themes p{
    padding-top: 20px;
    font-size: 18px;
    padding-bottom: 15px;
} */
.settings-themes h5{
    padding-top: 20px;
    font-size: 22px;
    padding-bottom: 15px;
}
.settings-themes .version-name{
    font-size: 18px;
   padding-top: -10px;
   font-weight: 500;
}

.css-1ei1svh-MuiButtonBase-root-MuiIconButton-root{
    margin-right: 0px !important;
}


.css-1ei1svh-MuiButtonBase-root-MuiIconButton-root:hover{
    background-color: transparent !important;
  
}


.MuiPaper-root{

   display: flex;
    height: auto;
    min-height: auto;
    box-shadow: none !important;
}


.MuiTabs-root{
    min-height: 100vh;
}

.taskbar-settings{
    padding-left: 20px;
    height: 100%;
    color:var(--text-color);
}
.taskbar-settings h2{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 30px;
    margin-top: 0px;
}

.taskbar-settings p{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 18px;
    margin-top: 0px;
}


.taskbar-settings .menu-item.active {
    background-color:var(--second-bg-color); /* Add your desired background color for the active item */
  }


.taskbar-settings li{
    display: flex;
    justify-content: start;
    align-items: start;
    border: 1px solid #e0d8d8;
    width:400px;
    margin-bottom:4px;
    /* padding: 5px 90px; */
}


.save-taskbar{
    width:100%;
    display: flex;
    align-items: start;
    justify-content: start;
    margin-top: 25px;
}
.save-taskbar button{
    background-color: rgb(174, 174, 174);
    color:var(--text-color);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:5px 40px !important;
    border-radius: 0px !important;
    transition: all 1s;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;

}


.MuiTabs-indicator{
    height: 0px !important;
}

.setting-tab-content{
    width: 75%;
    min-height: 100vh;
    background-color: var(--second-bg-color);

 
 
}

.css-1ps6pg7-MuiPaper-root{
    color:var(--text-color)
}