:root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}

.btn-custom {
    background-color: none;
    border: none;
    padding: 12px 16px;
    font-size: 18px;
    cursor: pointer;
}

.btn-custom-default{
    color: #5bc0de !important;
}

.btn-custom-default:hover{
    color: #31b0d5 !important;
}

.btn-custom-danger{
    color: #d9534f !important;
}

.btn-custom-danger:hover {
    color: #c9302c !important;
}

.btn-custom-warning{
    color:#f0ad4e !important;
}

.btn-custom-warning:hover {
    color: #ec971f !important;
}

#data-azienda, #data-user, #data-dns_domain-view{
    margin-left: 10px;
    border: none;
}

#data-azienda th, #data-user th, #data-dns_domain-view th{
    width: 200px;
    font-size: 18px;
}

/*#data-azienda tr, #data-user tr, #data-dns_domain-view tr{
    width: 200px;
}*/

#data-azienda th, #data-azienda td, #data-user th, #data-user td, #data-dns_domain-view th, #data-dns_domain-view td{
    font-size: 16px;
}

#data-azienda th i, #data-user th i, #data-dns_domain-view th i{
    margin-right: 6px;
}

#data-dns_domain-view td{
    margin-left: 10px;
}

.select2-selection--multiple{
    min-height: 150px!important;
    overflow: auto!important;
    border: 1px solid #ccc!important;
}

.select2-selection__choice{
    background: #1ABB9C!important;
    color: #fff!important;
    border: none!important;
}

.select2-selection__choice__remove{
    color: #fff!important;
}

.custom-slider:hover{
    opacity: 1;
}

.custom-slider {
    width: 100%;
    margin: none;
}

/**
* need stay before .selectd to not override .selected class
*/
.table-dark{
    color: #fff!important;
    background-color: #c6c8ca!important;
}

.selected{
    background-color: #1ABB9C!important;
}

.selected td, .selected td a{
    color: rgb(255, 255, 255);
    color: rgb(var(--dt-row-selected-text));
}

#min_logo{

}

.hidden{
    display: none;
}

.btn-selectall{
    color: #fff;
    background-color: #1ABB9C!important;
    border-color: #1ABB9C!important;
}

.btn-selectall, .btn-selectall:focus{
    color: #fff;
    background-color: #1abb9bcb!important;
    border-color: #1ABB9C!important;
}

.btn-selectall:hover {
    color: #fff;
    background-color: #1ABB9C!important;
    border-color: #1ABB9C!important;
}

.cmdbDropdwn{
    margin-bottom: 5px;
    margin-right: 5px;
}

.icon-btn{
    background: none;
    border: none;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

iframe{
    width: 100%;
    max-height: 500px;
    min-height: 400px;
    /*border: 1px solid #1ABB9C;*/
    border: 1px solid #F5F7FA;
}

.show576{
    display: none;
}

.hide576{
    display: block;
}

.del-before::before{
    content: none!important;
}

.copy-clipboard{
    transition: all 0.3s;
    cursor: pointer;
}

.copy-clipboard:hover{
    color: #34495E;
    
}

.shortcut-container{
    margin: auto;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
}

.last_added_container{
    margin: auto;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.custom-shortcut{
    display: flex;
    flex-direction: column;
    width: 100px;
    height: 100px;
    margin: 10px 10px 10px 0px;
    border: 1px solid #E4E4E4;
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
}

.custom-shortcut i{
    font-size: 30px;
}

.custom-shortcut h3{
    font-size: 15px;
}

.custom-shortcut a{
    transition: all 0.3s;
}

.custom-shortcut a:active{
    color: #1ABB9C;
}

.custom-shortcut a:visited{
    color: #5A738E;
}

.custom-shortcut:hover{
    box-shadow: 12px 10px 21px -14px rgba(0,0,0,0.56);
}

.custom-shortcut a:hover{
    color: #1ABB9C;
}

.row-flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: center;*/
}

.profile-flex{
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.Element-container{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

/*LAYOUT*/


@media screen and (max-width: 760px){
    .show576{
        display: block;
    }

    .hide576{
        display: none;
    }
}