:root {
    --airpim-blue: #004376;
    --airpim-orange: #ee4b20;

    --green-confirm: #2b982b;
    --red-discard: #fb483a;
}

/* imported from bootstrap */
.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: #212529;
    opacity: .25;
}

.airpim-blu {
    color: #004376;
}
.airpim-orange {
    color: #ee4b20;
}

.bg-blue {
    background-color: #004376 !important;
}
.bg-orange {
    background-color: #ee4b20 !important;
}


/* MENU STYLING */
.menu-toggle > .material-symbols-outlined {
    transition: font-variation-settings ease-in-out 0.3s;
    font-variation-settings: "FILL" 0;
}

.menu-toggle.toggled > .material-symbols-outlined {
    transition: font-variation-settings ease-in-out 0.3s;
    font-variation-settings: "FILL" 1;
}


/* CARD */

.form-error-icon {
    font-size: 14px !important;
}

/*overriding style.css rule*/
div.card {
    --card-bottom-margin: 30px;
    margin-bottom: var(--card-bottom-margin);
}

.card_action_menu {
    padding: 8px;
}

/* .btn-menu-action-bottom {
    padding: 0px;
} */

.card_section_row_single {
    column-count: 1;
}
.card_section_row_twocols {
    column-count: 2;
}
.card_section_col {
    display: grid;
    break-inside: avoid;
    page-break-inside: avoid;
    overflow-x: auto;
}
.card_section_col > * {
    max-width: 98%;
}
*[data-toggle="collapse"]:hover { cursor: pointer; }




/* ACCOUNT */
.login-page {
    background-color: #fff;
    background-image: url("account-background.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
    color: #fff;
    max-width: 400px;
}

.login-box .logo {
    background-color: #00437610;
    padding: 0 20px;
    box-shadow: 0 30px 60px rgb(30 30 1 / 30%);
}

.login-box .logo a {
    color: #ee4b20 !important;
}

.login-box .logo small {
    color: #004376 !important   ;
    text-transform: uppercase;
}

.account-title {
    /* border-bottom: 1px dotted #004376; */
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 24px;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 20px;
}

.account-circle {
    border-radius: 5%;
    height: 400px;
    width: 400px;
    padding: 0 20px;
    background-color: #004376;
    border: 1px solid #00437633;
    color: #fff;
    box-shadow: 0 30px 60px rgb(30 30 1 / 80%);
}

.account-circle a {
    color: #fff !important;
}
.account-body {
    color: #fff !important;
    display: block;
    padding: 24px 0px !important;
}

.account-div {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 600px) {
    .login-page   {
        max-width: 360px;
    }

    .account-circle {
        border-radius: 5%;
        height: auto;
        width: auto;
        min-height: 360px;
        min-width: 360px;
        padding: 40px 20px;
    }

    .account-body {
        padding: 5px 0px !important;
    }

}





.login-box [type="checkbox"].filled-in:not(:checked) + label:after {
    background-color: #fff;
}


#form_roles li,
#form_authenticators li{
    display: inline;
    padding-left: 0;
    padding-right: 4px;
}

.account-menu {
    margin-top: 10px;
}

.account-menu ul {
    display: inline;
    padding-left: 0;
    padding-right: 4px;
    list-style: none;
}

.account-menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
}
.account-menu li {
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /* background-color: #fff; */
}

.account-form {
    list-style: none;
    padding: 0;
}

.account-form .input-group {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.account-form .input-group .form-control:last-child {
    padding-left: 8px;
}

.account-form .form-line {
    padding-bottom: 1px;
}

.account-form .input-group .form-line {
    border-bottom: 0px solid #ddd;    
}






.account-error  {
    list-style: none;
    padding: 0;
    color:#fff;
    padding-left: 5px;
    background-color: #ffffff20;
}

.account-flashes {
    background-color: #fff;
    color: #ee4b20;
    text-transform: uppercase;
    text-align: center;
    list-style-type: none !important;
    padding: 5px 0px;
}



/* DASHBOARD */
body {
    font-family: 'Roboto', Arial, Tahoma, sans-serif;
}

/* barra navigazione */

.theme-red .navbar {
    background-color: #ee4b20 !important;
}

.sidebar .user-info {
    background: url("../custom/user-img-background.jpg") no-repeat no-repeat;
}

.menu {
    text-transform: uppercase;
    color: #004376;
}

.sidebar .menu .list a span {
    color: #004376;
    font-size: 14px;
}
.sidebar .menu .list a {
    color: #004376;
    font-size: 14px;
}

/* TEMPLATE RENDERPAGE VIEW EDIT */
.view01row:nth-child(odd) {
    background-color: rgba(245, 245, 245, 1);
}
.view01row {
    border-bottom: 1px dotted #004376;
}
.edit01row:nth-child(odd) {
    background-color: rgba(245, 245, 245, 1);
}
.edit01row {
    border: 1px dotted #004376;
    padding-top: 20px;
    margin-bottom: 20px;
}
.field-error .material-icons {
    font-size: 16px;
    margin-left: 5px;
    color: red;
}
.field-error:hover {
    cursor: pointer;
}
.field-success .material-icons {
    display: none;
}
.section_calendar .head { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 12px; }
.section_calendar .head:hover { cursor: pointer; }

.form-control {
    margin-bottom: 5px;
}

/* edit  */
.form-group .form-line::after {
    border-bottom: 2px solid #004376;
}
.form-group .form-line {
    min-height: 28px;
}


/* data tables */
.dt_hidden { display: none; }
.dt_left   { text-align: left; }
.dt_right  { text-align: right; }
.dt_clickable:hover { cursor: pointer; }

.ap_table.openbridge_fixed_header > thead {
    position: sticky;
    top: 0;
    background-color: #fff;
}

.table-scrolling {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

.group-start {
    background-color: rgba(0, 67,118, 0.8)!important;
    font-weight: bold;
    font-size: large;
    color:white;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.05);
}

.pagination li.active a {
    background-color: #004376;
}

/* edit */
.form-radio-inline {
    list-style-type: none;
    display: flex;
}

.form-radio-inline [type="radio"] + label::before, [type="radio"] + label::after {
    width: 24px;
    height: 24px;
}

.form-radio-inline [type="radio"] + label {
    padding-left: 36px;
    margin-right: 16px;
}


.form-group .form-control {
    width: 98%;
}
.dropdown-menu {
    max-height: 220px!important; 
    overflow-y: auto;
} 
.open .dropdown-menu {    
    padding-left: 0.3em !important;
    padding-right: 0.3em !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    margin-right: -20px !important;
}
/*

 .open .dropdown-menu {    
        margin-right: -1em !important;    

    padding-left: 14px !important;
    margin-right: -30px !important;    
}

.bootstrap-select .bs-searchbox {
    padding-left: 10px;
    margin-left: 20px
}
 */

.form-line{
    padding-bottom: 6px;
}

.header h2 {
    text-transform: uppercase;
}

input#submit  {
    text-transform: uppercase;
    font-weight: bold;
}

/* footer */
.theme-red .sidebar .legal .copyright a {
    color: #004376 !important;
}



/* simple blinking */
.blinking {
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0.30;
    }
}

/* grid card */
.grid-card {
    display: grid;
    justify-items: stretch;
    align-items: stretch;
}

.grid-card > * {
    overflow-x: auto;
}

.grid-card > * > * {
    height: calc(100% - var(--card-bottom-margin));
}