/*
=================================================================
FIX: wit vlak onderaan op mobiel/iPad (Safari "rubber-band" overscroll)
main.css zet #page-container (niet html/body) op de donkere achtergrondkleur; op iOS
Safari toont de browser bij overscroll voorbij het einde van de pagina de achtergrond van
html/body zelf, die hier standaard wit/onbepaald bleef -- vandaar het witte vlak onder de
footer op korte pagina's. Zelfde kleur als #page-container/#sidebar hier ook op html/body
zetten lost dit op, ongeacht paginahoogte.
=================================================================
*/
html,
body {
    background-color: #07313a;
}

/*
=================================================================
FIX: layout #onlineStatus / #onlinewhitelist (sidebar, "Uw website staat
online/offline" + "benoem locatie"-formulier)
main.css stylet enkel de aan/uit-schuifknop zelf (.switch/.slider) -- de statustekst en het
volledige whitelist-formulier (label, tekstveld, knop) hadden nooit eigen CSS, vandaar de kale,
onopgemaakte stapeling met een knoptekst die lelijk afbrak. sidebar_website_status.php zelf niet
aangeraakt, enkel opmaak toegevoegd voor de bestaande markup (#headerOnline > .switch +
#onlineStatus, gevolgd door #onlinewhitelist met label/input/button).
=================================================================
*/
.sidebar_notifications #headerOnline {
    overflow: hidden;
    padding: 10px 0;
}
.sidebar_notifications #onlineStatus {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.4;
    color: #a9b7bb;
}
.sidebar_notifications #onlineStatus p {
    margin: 0;
}
.sidebar_notifications #onlinewhitelist {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 11px;
}
.sidebar_notifications #onlinewhitelist p {
    margin: 0 0 4px;
}
.sidebar_notifications #onlinewhitelist label {
    display: block;
    margin-bottom: 4px;
    color: #a9b7bb;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: 10px;
}
.sidebar_notifications #onlinewhitelist input[type="text"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: none;
    border-bottom: 1px solid #69b899;
    color: #fff;
    padding: 3px 0;
    margin-bottom: 10px;
    font-size: 12px;
}
.sidebar_notifications #onlinewhitelist input[type="text"]:focus {
    outline: none;
    border-bottom-color: #fff;
}
.sidebar_notifications #onlinewhitelist button,
.sidebar_notifications .showwhitelist {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #69b899;
    border: none;
    color: #07313a;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1.3;
    white-space: normal;
    padding: 7px 8px;
    border-radius: 3px;
    cursor: pointer;
}
.sidebar_notifications #onlinewhitelist button:hover,
.sidebar_notifications .showwhitelist:hover {
    background-color: #57a687;
}

/*
=================================================================
HEADER
=================================================================
*/
.navbar #workurl{
        width:auto;
        float: left;

    margin-bottom: 0px;
}
.sidebar-webadmin #workurl p{
    margin-bottom: 0px;
};
.navbar #workurl h4{
    font-size: 12px;
    padding-top: 9px;
};

.block code{
    color:white;
    text-align: left;
    float: left;
    font-size: .6em;
}
.zeroPadding{
    padding: 0px !important;
}
.zeroMarging{
    margin: 0px !important;
}
/*
=================================================================
*/


#communication_wrapper{
    background-color: transparent;
    width: 100%;
    padding: 0;
}
#communication_wrapper input{
    background: none;
    border:none;
    color: #fff;
    width: 100%;
    text-align: center;
}
/*
=================================================================
*/

/*
=================================================================
*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
input:-moz-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
    -moz-box-shadow: 0 0 0 1000px white inset !important;
    background-color: white !important;
}
.table.dataTable  thead > tr > th {
    font-size: 1em;
    font-weight: 600;
}
/*
=================================================================
*/
/*
=================================================================
HOMEPAGE
=================================================================
*/

.admin_navigation_block_conent {
    background-color: #4f243e !important;
}

/*
=================================================================
*/
body.adm_l1 .sidebar-themes{
    display:none
}
/*
=================================================================
*/
/* ---------------------------------------------------------------------------------------------
   LOGINSCHERM -- kop (03-10-2026, loginlook)
   Volgorde: logo in witte cirkel, h1 (backoffice), url, versie, welcome-tabje, uitleg.
   Deze regel stond dubbel in dit bestand (tweede kopie ruimde ik op); de witte balk is weg.
--------------------------------------------------------------------------------------------- */
.loginLogo-wrapper{
    background-color: transparent;
    padding: 0;
    margin: 0 0 14px;
}
#login-container .loginLogo-wrapper .adminlogo{
    width: 84px;
    height: 84px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#login-container .login-title img.ca-login-logo{
    display: block;
    width: auto;
    height: auto;
    max-width: 56px;
    max-height: 56px;
    margin: 0;
}
/* h1: het thema (main.css) zet Open Sans; hier terug naar het huislettertype (specifieker + later geladen). */
#login-container .login-title h1{
    font-family: 'Helvetica Now Text', Helvetica, Arial, sans-serif;
    font-weight: 400; /* beschikbare sneden: 400, 500, 700 */
    margin: 0 0 8px;
}
#login-container .login-title p.ca-login-url{
    margin: 0 0 4px;
    word-break: break-word;
}
#login-container .login-title .ca-login-devbadge{
    margin-bottom: 6px;
}
#login-container .login-title small.version_display{
    display: block;
    margin: 0 0 12px;
}
#login-container .login-title #communication_wrapper input{
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    padding: 0;
}
#login-container .login-title p.ca-login-intro{
    display: none;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
}
#login-container .login-title p.ca-login-intro.ca-aan{
    display: block;
}
/*
=================================================================
HEADER
=================================================================
*/
.navbar #workurl{
        width:auto;
        float: left;

    margin-bottom: 0px;
}
.sidebar-webadmin #workurl p{
    margin-bottom: 0px;
};
.navbar #workurl h4{
    font-size: 12px;
    padding-top: 9px;
};

.block code{
    color:white;
    text-align: left;
    float: left;
    font-size: .6em;
}
.zeroPadding{
    padding: 0px !important;
}
.zeroMarging{
    margin: 0px !important;
}
/*
=================================================================
*/


#communication_wrapper{
    background-color: transparent;
    width: 100%;
    padding: 0;
}
#communication_wrapper input{
    background: none;
    border:none;
    color: #fff;
    width: 100%;
    text-align: center;
}
/*
=================================================================
*/

/*
=================================================================
*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
input:-moz-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
    -moz-box-shadow: 0 0 0 1000px white inset !important;
    background-color: white !important;
}
.table.dataTable  thead > tr > th {
    font-size: 1em;
    font-weight: 600;
}
/*
=================================================================
*/
/*
=================================================================
HOMEPAGE
=================================================================
*/

.admin_navigation_block_conent {
    background-color: #4f243e !important;
}

/*
=================================================================
*/
body.adm_l1 .sidebar-themes{
    display:none
}
/*
=================================================================
*/
.sidebar-brand .imgWrapper{
    border-radius: 50%;
    display: inline-flex;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    vertical-align: middle;
    background-color: #fff;
}
.sidebar-brand img{
    width: 22px;
    height: 22px;
    opacity: 1;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 4px;
}


.small_mini{
    font-size: 0.5em;
}