/*
   VL Styles 
*/

/*a[href^="https://"] {*/
/*    background: url(/img/vl_external.svg) center right no-repeat;*/
/*    padding-right: 13px;*/
/*}*/
/*a[href^="http://"] {*/
/*    background: url(/img/vl_external.svg) center right no-repeat;*/
/*    padding-right: 13px;*/
/*}*/

a.external {
    background: url(/img/vl_external.svg) center right no-repeat;
    padding-right: 13px;
}

.highlight-expiry {
    background-color: #ffcccc !important; /* or any other styling you prefer */
}

.pagination {
    /*text-align: center;*/
    text-align: left;
    margin: 20px 0;
}

.pagination .step-links {
    display: inline-block;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.pagination .step-links a {
    margin: 0 5px;
    padding: 5px 10px;
    border-radius: 4px;
    background-color: #e6e6e6;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.pagination .step-links a:hover {
    background-color: #ccc;
}

.pagination .step-links .current {
    font-weight: bold;
    margin: 0 5px;
}

/*
   django-admin-interface: give the date/time picker its size back.

   Django builds the picker as `<div class="calendarbox module">` (and
   `<div class="clockbox module">`) in admin/js/admin/DateTimeShortcuts.js, and
   sizes it with `.calendarbox, .clockbox { width: 19em }` in admin/css/widgets.css.

   The theme's modules.css then says `.admin-interface .module { width: 100% }`.
   Two classes against one, so it wins on specificity no matter what order the
   stylesheets load in, and the picker stretches to fill the form column —
   several times its intended width, with the day cells spread across it.

   Nothing here can be fixed by load order, which is why this is a rule rather
   than a reshuffle. Matching the theme's specificity and coming later is what
   settles it. Scoped to `.admin-interface` so a deployment not running the
   theme is untouched.

   Upstream bug, not ours: it lands on any admin page with a date field on any
   deployment with ADMIN_THEME on, which today is move. Remove this block when
   django-admin-interface stops setting a width on `.module` — lib.test_admin_theme
   fails when that happens, rather than leaving it here forever.
*/
.admin-interface .calendarbox,
.admin-interface .clockbox {
    width: 19em;
}