.alert-modal {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100;
}

.card .col-lg-4 button {
    margin-bottom: 0;
}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon{
    color:#fff;
}
.sidenav.navbar.navbar-vertical .navbar-nav .nav-link .icon{
    padding: 4px;
}
.form-control{
    padding-left: 25px !important;
}
.hover-green:hover{color:#299f77 !important;}
.hover-red:hover{color:#d93333!important;}
.sm-visible,.only-sm{display: none;}

@media (max-width: 600px) {
.container-fluid{padding-right: var(--bs-gutter-x, 1rem);padding-left: var(--bs-gutter-x, 1rem);}
.table-servers tr td p{display: -webkit-inline-box;}
.table-servers thead{display: none;}
.table-servers tr{display: flex;flex-wrap: wrap; padding: 20px 0;}

.sm-pad{padding:0.25rem !important;}
.table-servers tr td:nth-child(2) div{padding: 0 !important;}
.small-location svg{max-height: 19px;}
.table-servers tr td:nth-child(3) .sm-visible{margin-bottom: 0;}

.sm-auth svg{width: 100% !important;} */

.table-servers tr td {
    margin: 5px 0;}

.table-servers tr td:first-child {    display: none;}
.table-servers tr td:nth-child(2) div {    padding: 0 !important;    justify-content: space-evenly;}
.table-servers tr td:nth-child(2) .sm-visible{    display: none;}
.table-servers tr td div {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    border: 1px dotted #e5e5e5;
    border-radius: 0;
    min-height: 54.25px;
    text-align: center !important;
    display: flex;
    flex-wrap: nowrap;
    padding: 5px 15px !important;
    border-bottom: 0;
}
.table-servers tr td {    flex: 1 0 50%;    margin: 0;    border: none;    padding: 0;}
.table-servers tr {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.sm-visible{display: block;    color: #77839a;    text-align: center;    white-space: nowrap;
    font-weight: 600;    padding: 0.55em 0.9em;    margin-bottom: 0px;    text-transform: uppercase;}
.small-location svg{    width: 100% !important;}
.table > :not(:first-child) {    border: 0;}
.table-servers tr td:nth-child(2) div.d-flex ,.table-servers tr td:nth-child(3) div{border: 0;}
.table-servers tr td:nth-child(even) div{border-left:0;}
.table-servers tr td:nth-child(odd) div{border-right:0;}
.small-card{box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);    background-color: #fff;
    background-clip: border-box;
    border-radius: 1rem;margin-bottom: 1rem;}
.small-trsp{background: transparent;}
.table-servers tr td:last-child .sm-visible{flex-grow: 1;display: flex;}
.table-servers tr td:last-child .server-action-icons{    flex-grow: 3;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 25px;
}
.only-sm{display: block;}
.small-card h6{    font-size: 1.1rem !important;margin-bottom: 4px !important;}
.table-servers tr td:nth-last-child(2) {display: none;}
.table-servers tr td:nth-child(3) div{    border-left: 0;}

}
@media (max-width: 450px) {
    .container-fluid{padding-right: var(--bs-gutter-x, 0.5rem);padding-left: var(--bs-gutter-x, 0.5rem);}
}


@media (min-width: 576px) {
    .modal-dialog.modal-spinner {
        max-width: 250px;
    }
    #modal-delete-confirm .modal-dialog{
        max-width: 400px;
    }

}