/* Bootstrap table */
.bootstrap-table .fixed-table-container .table thead th {border-bottom: 2px solid #2790b0; background-color:#EEE}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {background-color: #2790b020;}
.btn-secondary {--bs-btn-bg: #2790b0;  --bs-btn-border-color: #006EA3;}
.active > .page-link, .page-link.active {background-color: #2790b0; border-color:#006EA3;}
.table-responsive {margin-top:-4em; width: 100%;} /* This makes the table sit inline with the notification */

tr.expired {background-color:#E0666620}
tr.expired:hover {background-color:#E0666620}

/* 3CX licence order */
table.licence-order-form {border: 0; outline: 0;}
table.licence-order-form td {background-color: #b5d9e3; border:none; padding:1em 0.5em}
table.licence-order-form tr td:first-child {border-top-left-radius: 1em; border-bottom-left-radius: 1em; padding-left:1em}
table.licence-order-form tr td:last-child {border-top-right-radius: 1em; border-bottom-right-radius: 1em; padding-right:1em}

.licence-order-form .calls, .licence-order-form .hosting {  display: none; /* Hide #calls and .hosting by default */}
.licence-order-form button:disabled, .licence-order-form button[disabled] {background-color:#AAA}

.button.unRenewMe {background-color: #9ca9bb;}

/* 3CX partner levels */
.partnerlevel {padding:0.5em; border-radius:0.5em; margin-top:-5.1em; float:right; color:#FFF}
.partnerlevel.gold {background-color: #d4af37}
.partnerlevel.silver {background-color: #c0c0c0}
.partnerlevel.platinum {background-color: #9ca9bb}
.partnerlevel.bronze {background-color: #cd7f32}

/* TOAST */
.toast {--bs-toast-max-width: 400px;}
.toast {background-color:#2790b0; color:#FFFFFF}
.toast a, .toast a:hover {color:#FFFFFF; text-decoration:underline}
.toast-container {top: 20px;}

.btn-close:hover{background-color:transparent}

/* TAGS */
.tags {background-color:#e8e2f6; font-size: 90%;
        padding: 4px 8px;
        border-radius:5em; 
        white-space: nowrap;
        overflow: hidden;
        border:1px solid rgba(0, 0, 0, 0.1)}
input.tags {border:0; border-radius:5em !important; width:auto !important }
input.tags:focus {border:0; }

/* FORM CHECKBOX style (on/off style) */

.form-check-input:checked {background-color:#98bc44; border-color: #799636;}
.form-switch input[type="radio"], .form-switch input[type="checkbox"] {height: 1.8em; width: 3em;}

/* NEW/BETA */

.new-beta {color:#eb8813; font-size:75%; margin-left:1em;}

/* SETTING TABLE STYLES */
.settings-table {
width: 100%;
max-width: 800px;
border:0
}

.settings-table {white-space: nowrap;}
.settings-table .value {width:100%}

.settings-table td {
border: 0;
padding: 0.8em;
}

.settings-table td:has(h3) {
padding-left: 0;
}

.settings-table h3 {
font-size: 1em;
background-color: #2790B035;
padding: 0.8em;
border-radius: 5px;
border: #2790B0 1px solid;
margin:0
}

.tdHeader {font-weight: bold;}

/* TEMPLATES TABLE */

.templates-table table {border-collapse: separate; border-spacing: 0 0.5em; margin-top:-4em; text-align:left;}
.templates-table table td {border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-left:none; border-right:none; padding:1em; background-color:#efefef; white-space: nowrap; }
.templates-table table th {border:none !important}
.templates-table table td:first-child {border-radius: 5px 0 0 5px; border-left:1px #ccc solid;}
.templates-table table td:last-child {border-radius: 0 5px 5px 0; border-right:1px #ccc solid;}
.templates-table table .view td, .bootstrap-table .fixed-table-container .table .view td {background-color:#98bc4460; border-color:#98bc44}
.templates-table .active > .page-link, .page-link.active {background-color: #98bc44; border-color:#82a63d}
.templates-table .bootstrap-table {margin-top:-4.5em}

.templates-table table td:first-child {width:100%}
.templates-table table td:last-child { text-align: left; }
.templates-table table td:has(button) {
        text-align:right

    }
/* GRID LAYOUTS */

.grid-container {
display: grid;
gap: 1.5rem;
}

        /* 2 Colunms: 1/2 and 1/2 */
        .grid-1fr-1fr {
        grid-template-columns: 1fr 1fr;
        }

        /* 2 Colunms: 1/3 and 2/3 */
        .grid-1fr-2fr {
        grid-template-columns: 1fr 2fr; 
        }

/* BUTTONS */

button.green-button {border-radius: 5px; background-color:#98bc44}

#AddMac {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
}

#AddMac {
        opacity: 1;
}