﻿/* Mud Tabs Active Line fix -> Class Tabfix to parent component/element */
.tabfix .mud-tab-slider.mud-tab-slider-horizontal {
    height: 0;
}

.tabfix .mud-tab.mud-tab-active {
    border-bottom: 2px solid var(--mud-palette-primary-text);
}

/* Small Icon Button */
.mud-button-outlined-size-small.mud-icon-button {
    padding: 9px;
    padding-right: 8px;
    border-radius: 41px;
}
.mud-icon-size-small {
    font-size: 1rem;
}
.mud-icon-button .mud-icon-size-small {
    font-size: 1rem !important;
}

.mud-icon-button.mud-button{
    border-radius: 50%;
}
.mud-button-group-vertical>.mud-button-root:not(:first-child), .mud-button-group-vertical>:not(:first-child) .mud-button-root{  
    border-radius: var(--mud-default-borderradius);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-top: -1px;
}

/* Medium Icon Button FA Fix
.mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-medium {
    padding-right:3px;
}*/

.mud-container{
    width:98%;
}
.mud-navmenu{
    overflow: hidden;
}

@media (min-width: 1550px) {
    .mud-container-maxwidth-xl {
        max-width: 1480px;
    }
}
@media (min-width: 1720px) {
    .mud-container-maxwidth-xl {
        max-width: 1620px;
    }
}
@media (min-width: 1920px) {
    .mud-container-maxwidth-xl {
        max-width: 1720px;
    }    
}


/* Fab Line height fix */
.mud-fab{
    line-height:14px;
}

/* Expansion panel border fix*/
.mud-expand-panel {
    border-radius:var(--mud-default-borderradius)!important;
    border-bottom-left-radius: var(--mud-default-borderradius)!important;
    border-bottom-right-radius: var(--mud-default-borderradius)!important;
    border-top-right-radius:var(--mud-default-borderradius)!important;
    border-top-left-radius:var(--mud-default-borderradius)!important;
   
}
/* Dialog outer scrollbar fix */
/*.mud-dialog .mud-dialog-content{*/
/*    overflow: hidden;*/
/*}*/

.mud-pagination-item{
    list-style-type: none;
}

body.mud-overlay {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}