/* ==========================================
   ASIT Domain Manager
========================================== */

.asit-domain-box{

    background:#fff;

    border:1px solid #dcdcde;

    border-radius:8px;

    padding:20px;

    margin-bottom:25px;

}

.asit-domain-box table{

    margin:0;

}

.asit-domain-box th{

    width:180px;

}

.asit-dns-toolbar{

    margin:20px 0;

}

#asit-dns-records{

    margin-top:20px;

}

#asit-dns-records table{

    width:100%;

    border-collapse:collapse;

}

#asit-dns-records th{

    background:#2271b1;

    color:#fff;

    padding:12px;

    text-align:left;

}

#asit-dns-records td{

    padding:12px;

    border-bottom:1px solid #eee;

}

#asit-dns-records tr:hover{

    background:#fafafa;

}

#asit-dns-form{

    margin-top:30px;

    padding:20px;

    background:#fff;

    border:1px solid #dcdcde;

    border-radius:8px;

}

#asit-dns-form table{

    width:100%;

}

#asit-dns-form th{

    width:150px;

}

#asit-dns-form input,

#asit-dns-form select{

    width:100%;

    max-width:500px;

}

.asit-edit{

    margin-right:8px;

}

.asit-loading{

    text-align:center;

    padding:30px;

    font-size:15px;

}

.asit-success{

    background:#ecfdf5;

    color:#166534;

    padding:15px;

    border-left:4px solid #16a34a;

    margin-bottom:15px;

}

.asit-error{

    background:#fef2f2;

    color:#991b1b;

    padding:15px;

    border-left:4px solid #dc2626;

    margin-bottom:15px;

}


/* ==========================
   Mobile
========================== */

@media(max-width:768px){

#asit-dns-records{

    overflow:auto;

}

#asit-dns-records table{

    min-width:700px;

}

#asit-dns-form th{

    width:120px;

}

#asit-dns-form input,

#asit-dns-form select{

    width:100%;

}

}