.table thead>tr th{
    background-color: #00a65a !important;
    color: #fff;
}

.multiSelect .title {
    height: 24px !important;
}

.multiSelect {
    width: 200px !important;
}

.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
    width: 400px !important;
}

.navbar-custom-menu{
    .dropdown.user-menu{
        i{
            font-size: 17px;
            margin: 0 !important;
        }
    }
}

#whatsapp-buttons-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
}

.widget-user-header>.widget-user-username{
    margin: 0;
    text-align: center;
}

.box-footer{
    .nav.nav-stacked{
        overflow: auto;
        &:before,
        &:after{
            display: none;
        }

        &>li{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline;
            padding: 10px 5px;

            a, span{
                display: block;
                height: auto;
            }

            a{
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: baseline;
                    -ms-flex-align: baseline;
                        align-items: baseline;
                gap: 10px;
            }
        }
    }
}

html{
    .navbar-nav>.messages-menu>.dropdown-menu>li .menu{
        overflow-y: auto !important;
    }

    .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>*{
        margin: 0;
        white-space: normal;
    }
}

.login-area form{
    max-width: 576px;

    input{
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    #whatsapp-buttons-area{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px;

        .input-form{
            width: 100%;
            
            button{
                max-width: 350px;
                margin: 0 auto;
                width: 100%;
            }
        }
    }

    html{
        .navbar-custom-menu>.navbar-nav>li.messages-menu>.dropdown-menu{
            left: 0;
            right: 0;
            max-width: 100%;
        }
    }
}

.ui-dialog{
	left: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	-ms-grid-column-align: center;
	    justify-self: center;
}

table.whatsapp-error-messages{
	overflow: auto;
	max-height: calc(100lvh - 150px);
	display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#dialog-wrapper{
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    left: 230px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;

    .ui-dialog[role="dialog"]{
        left: auto !important;
        margin-left: auto !important;
    }

    &:has(.ui-dialog:not([style*="display: none"])) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    @media screen and (max-width: 767px){
        &{
            left: 0;
        }
    }
}

#form-importacao{
    .form-group .checkbox{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
    }
}