* {
    scrollbar-width: none !important
}

.MuiInputBase-root,
.MuiTypography-body1 {
    font-size: 12px !important;
    color: #01051f
}

.MuiDrawer-root.MuiDrawer-docked,
.MuiPaper-root.MuiDrawer-paper.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft.MuiPaper-elevation0 {
    width: 207px
}

header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionAbsolute.MuiAppBar-colorPrimary.MuiPaper-elevation4 {
    width: calc(100% - 207px)
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary {
    border-radius: 5px;
    font-size: 11px;
    background: #ed522e;
    color: #fff;
}

.MuiButton-outlinedPrimary {
    background: #ed522e;
    border-radius: 5px;
    border: 1px solid #ed522e !important;
    color: #fff
}

.MuiGrid-root.MuiGrid-item h1,
.MuiTypography-root.MuiFormControlLabel-label.MuiTypography-body1 {
    color: #848791
}

.MuiButton-outlinedPrimary:hover {
    background-color: #ce4628 !important
}

.MuiFormControlLabel-labelPlacementStart {
    margin-right: 0 !important;
    margin-left: 5px !important;
    border: 1px solid #848791;
    border-radius: 5px;
    padding: 0 10px;
    height: 31px
}

.MuiOutlinedInput-root {
    border-radius: 11px !important
}

.MuiButton-outlinedSizeSmall {
    font-size: 12px !important;
    border-radius: 11px
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-outlinedSizeSmall.MuiButton-sizeSmall {
    font-size: 10px !important;
    border-radius: 8px
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div.MuiFormControl-root.MuiFormControl-marginDense.MuiFormControl-fullWidth>div>div,
div.MuiTabs-root>div>div>button.MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary.MuiTab-fullWidth>span.MuiTab-wrapper>span,
div.MuiTabs-root>div>div>button:nth-child(2)>span.MuiTab-wrapper>span {
    font-size: 0
}

div.MuiTabs-root>div>div>button.MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary.MuiTab-fullWidth>span.MuiTab-wrapper>span::after {
    content: "Meus";
    font-size: 14px
}

.MuiBadge-badge {
    font-size: 8px !important;
    height: 16px !important;
    min-width: 16px !important
}

div.MuiTabs-root>div>div>button:nth-child(2)>span.MuiTab-wrapper>span::After {
    content: "Novos" !important;
    font-size: 14px
}

.MuiTabs-root {
    min-height: 40px !important
}

.MuiAvatar-root {
    width: 40px !important;
    height: 40px !important
}

.MuiListItemAvatar-root {
    min-width: 40px !important
}

.MuiSvgIcon-fontSizeSmall,
.MuiTypography-body2,
textarea#grouped-demo {
    font-size: 14px !important
}

.MuiButtonBase-root.MuiListItem-root.MuiListItem-dense.MuiListItem-gutters.MuiListItem-button {
    min-height: 96px
}

.MuiListItemSecondaryAction-root span.MuiTypography-root.MuiTypography-body2.MuiTypography-colorTextSecondary {
    bottom: 25px;
    text-align: right;
    color: #fff;
    font-size: 10px !important;
    border: none;
    background: #707070 !important
}

.MuiListItemIcon-root {
    min-width: 39px !important
}

.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {
    padding-right: 22px !important
}

.MuiContainer-root.MuiContainer-maxWidthLg {
    padding: 16px
}

#root>div>header>div>button.MuiButtonBase-root.MuiIconButton-root,
.MuiTab-wrapper,
th.MuiTableCell-root.MuiTableCell-head.MuiTableCell-alignCenter {
    position: relative
}



.MuiGrid-root.MuiGrid-container .MuiGrid-root.MuiGrid-container .MuiPaper-root.MuiPaper-outlined {
    background: url(https://tema.cubosuite.com.br/atendimento.png) center center no-repeat #fff
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div.MuiFormControl-root.MuiFormControl-marginDense.MuiFormControl-fullWidth>div>div:after {
    content: "Departamentos";
    font-size: 12px;
    position: relative;
    top: 3px
}

header>div {
    background: #fff !important
}

h2.MuiTypography-root.MuiTypography-h6.MuiTypography-colorInherit.MuiTypography-noWrap {
    color: #01051f !important;
    font-size: 14px;
    font-weight: 400
}

#root>div>header>div>button.MuiButtonBase-root.MuiIconButton-root>span.MuiIconButton-label>span>svg,
#root>div>header>div>button.MuiButtonBase-root.MuiIconButton-root>span.MuiIconButton-label>svg,
#root>div>header>div>div:nth-child(9)>button>span.MuiIconButton-label>svg,
#root>div>header>div>div>button>span.MuiButton-label>span>svg {
    color: #162966 !important
}

.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-2 svg,
.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4 svg,
.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-8 h3,
div>ul>div>li>a>div.MuiListItemIcon-root>span>svg,
svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-vubbuv,
ul>div>li>a>div.MuiListItemIcon-root>svg {
    color: #01051f !important
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div.MuiFormControl-root.MuiFormControl-marginDense.MuiFormControl-fullWidth>div {
    width: 143px !important;
    align-self: end
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div:nth-child(2)>div.MuiBox-root>button:first-child,
div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div.MuiBox-root>button:first-child {
    position: relative;
    left: 36px
}

.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-sm-4.MuiGrid-grid-md-2 .MuiPaper-root.MuiPaper-rounded {
    background: #fff !important;
    border-radius: 5px;
    border: .5px solid #d0d0d0;
    box-shadow: none
}

.MuiButtonBase-root.buttonHover {
    height: 44px;
    background: #ce4628 !important
}

.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.css-segi59 {
    background: #f8f8f8
}

#drawer-container>div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded>div.MuiPaper-root.MuiPaper-elevation0>div>label:nth-child(3),
#drawer-container>div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded>div.MuiPaper-root.MuiPaper-elevation0>div>label:nth-child(4) {
    border: none;
    padding: 0
}

#drawer-container>div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded>div.MuiPaper-root.MuiPaper-elevation0>div>div:nth-child(2)>span,
#drawer-container>div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded>div.MuiPaper-root.MuiPaper-elevation0>div>span:first-child {
    padding: 5px
}

#drawer-container>div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded {
    margin-right: -207px !important
}

button.MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary.MuiTab-fullWidth {
    overflow: unset
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div>div>button:first-child>span.MuiTab-wrapper:hover:after {
    content: "Atendimentos";
    position: absolute;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: none;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    bottom: 4px;
    right: -66px;
    z-index: 9
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div>div>button:nth-child(2)>span.MuiTab-wrapper:hover:after {
    content: "Grupos";
    position: absolute;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: none;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    bottom: 4px;
    right: -25px;
    z-index: 9
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div>div>button:nth-child(3)>span.MuiTab-wrapper:hover:after {
    content: "Encerrados";
    position: absolute;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: none;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    bottom: 4px;
    right: -47px;
    z-index: 9
}

div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-4>div>div.MuiPaper-root.MuiPaper-elevation0>div>div>div>button:nth-child(4)>span.MuiTab-wrapper:hover:after {
    content: "Pesquisar";
    position: absolute;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: none;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    bottom: 4px;
    right: 49px;
    z-index: 9
}

#root>div>main>div>div>div>div.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-8>div {
    height: 100%
}

#root>div>main>div:nth-child(2)>div>div>div:nth-child(15)>div>table>thead>tr>th:nth-child(6):hover:after {
    content: "Tempo médio de espera";
    font-size: 10px;
    position: absolute;
    left: 8px;
    bottom: -4px;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff
}

#root>div>main>div:nth-child(2)>div>div>div:nth-child(15)>div>table>thead>tr>th:nth-child(7):hover:after {
    content: "Tempo médio de atendimento";
    font-size: 10px;
    position: absolute;
    left: 8px;
    bottom: -4px;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff
}

#root>div>header>div>div:nth-child(3) button:hover:after {
    content: "Traduzir";
    font-size: 10px;
    position: absolute;
    left: 5px;
    bottom: -11px;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    text-transform: none
}

#root>div>header>div>button:nth-child(4):hover:after,
#root>div>header>div>button:nth-child(5):hover:after,
#root>div>header>div>button:nth-child(6):hover:after,
#root>div>header>div>div:nth-child(7) button:hover:after,
#root>div>header>div>div:nth-child(8) button:hover:after,
#root>div>header>div>div:nth-child(9) button:hover:after {
    font-size: 10px;
    position: absolute;
    left: 5px;
    bottom: -11px;
    background: #707070;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    text-transform: none;
    line-height: 1.75
}

#root>div>header>div>button:nth-child(4):hover:after {
    content: "Volume"
}

#root>div>header>div>button:nth-child(5):hover:after {
    content: "Atualizar"
}

#root>div>header>div>button:nth-child(6):hover:after {
    content: "Notificações"
}

#root>div>header>div>div:nth-child(9) button:hover:after {
    content: "Perfl"
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-fullWidth {
    font-size: 11px
}

.MuiFormControl-fullWidth {
    width: 100%
}


.MuiButton-startIcon {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#drawer-container>div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded>div.MuiPaper-root.MuiPaper-elevation1.MuiPaper-rounded>div>div>div>div>div.MuiChip-root.MuiAutocomplete-tag.MuiAutocomplete-tagSizeSmall.MuiChip-outlined.MuiChip-sizeSmall.MuiChip-deletable>svg {
    color: #fff;
    stroke: #000
}

.MuiInputLabel-outlined,
label.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.MuiInputLabel-animated.MuiInputLabel-marginDense.MuiInputLabel-outlined {
    background: #fff;
    padding-right: 5px
}

#root>div>header>div>div:nth-child(3)>button {
    min-width: 48px;
    height: 48px;
    border-radius: 100%
}

.MuiButton-containedPrimary {
    background: #ed522e !important; 
    color: #fff !important;
}

#root>div>main>div.MuiContainer-root.MuiContainer-maxWidthLg>div>div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded>div:first-child>div:nth-child(1)>div>div>div.MuiCardHeader-avatar>div>svg {
    width: 40px
}

.MuiFormLabel-root {
    font-size: 12px !important
}

#root > div> main > div.MuiStack-root.css-s92abg > div.MuiPaper-root.MuiPaper-outlined.MuiPaper-rounded > div.MuiStack-root.css-j7qwjs > div > button > span.MuiSpeedDialIcon-root.css-1og6e21 > svg {
    color: #fff !important;
}
body > div.MuiDialog-root > div.MuiDialog-container.MuiDialog-scrollPaper > div > div.MuiStack-root.css-j7qwjs > div.MuiStack-root.css-j7qwjs > div.MuiStack-root.css-9jay18 > button > span.MuiButton-label > svg {
    color: #fff !important;
}


.MuiToolbar-root > div:nth-child(7) > button:nth-child(1) > span:nth-child(1) > span:nth-child(1) > svg:nth-child(1), .MuiToolbar-root > div:nth-child(8) > button:nth-child(1) > span:nth-child(1) > span:nth-child(1) > svg:nth-child(1) {
  color: #162966;
}

.MuiGrid-root.MuiGrid-container .MuiGrid-root.MuiGrid-container .MuiPaper-root.MuiPaper-outlined img {
  display: none;
}

svg.MuiSvgIcon-root {
    color: #162966 !important;
}