/** fonts */
@import "fontawesome.5.15.css";
@font-face  { font-family:Eurodatacar; src:url("../font/eurodatacar.ttf"); }
.fs-edc     { font-family:Eurodatacar; }
/**/

:root, [data-bs-theme="light"] {
  --edc-blue-100  : #f5f8fc;
  --edc-blue-200  : #e5edf8;  /** #edf2f9; */
  --edc-blue-300  : #d2deec;  /** #d8e2ef; */
  --edc-blue-400  : #b5c0cf;
  --edc-blue-500  : #9badc4;
  --edc-blue-600  : #748194;  /**++ #748194; */
  --edc-blue-700  : #5f80aa;
  --edc-blue-800  : #43668f;  /**++ #41628C; */
  --edc-blue-900  : #3b5880;  /**++ */
  --edc-blue-1000 : #202539;  /**++ #232635; #202539 */
  --edc-blue-1100 : #0b1c31;
  --brand-color   : var(--edc-blue-800);

  --bs-success  : #7cb342;
  --bs-danger   : #e53935;

  --sy-header-bs-color : var(--edc-blue-300);
  --sy-header-bg  : #fff;
  --sy-main-bg    : var(--edc-blue-100) ;
  --sy-footer-color : #fff;

  --bs-toast-padding-x : .6rem;
  --bs-toast-padding-y : .4rem;
}

html, body   { background-color:var(--edc-blue-800) }

.fs-blue-200    { color:var(--edc-blue-200) }
.fs-blue-300    { color:var(--edc-blue-300) }
.fs-blue-400    { color:var(--edc-blue-400) }
.fs-blue-500    { color:var(--edc-blue-400) }
.fs-blue-600    { color:var(--edc-blue-500) }
.fs-blue-700    { color:var(--edc-blue-700) }
.fs-blue-800    { color:var(--edc-blue-800) }
.fs-blue-900    { color:var(--edc-blue-900) }
.brand-color    { color:var(--brand-color) }
.bg-blue-200    { background-color:var(--edc-blue-200) }
.bg-blue-300    { background-color:var(--edc-blue-300) }


@media (prefers-color-scheme: dark) {}
body.night { }


header { background:var(--sy-header-bg); border-bottom:solid .1rem var(--sy-header-bs-color); }
#bsidebarMenu { font-size:1.8rem; line-height:1.6rem; color:var(--edc-blue-800); cursor:pointer; }
#bsidebarMenu i { line-height:2.8rem!important; }
#sidebarMenu { background-color:var(--edc-blue-100); }
@media (min-width:768px) { #bsidebarMenu { display:none; } #sidebarMenu { max-width:4rem; background-color:var(--edc-blue-200); } }
.sidebar                  { position:fixed; top:3.5rem; bottom:0; left:0; right:0; z-index:100; padding:0; }
.sidebar .position-sticky { height:100%; }
.sidebar hr { margin:.2rem 0; }
.sidebar.p-2 .nav-link >i { width:2.875rem; display:inline-block; text-align:center; }
.sidebar:not(.p-2) .nav-link { text-align:center;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.sidebar .nav-item        { height:4rem; }
.sidebar .nav-item:hover  { background:var(--sy-white); }
.sidebar .nav-link        { font-size:1.2rem; color:var(--edc-blue-800); cursor:pointer; }
.sidebar .nav-link.active { background:var(--bs-primary); color:var(--sy-white); }
.sidebar .nav-link-label  { display:inline-block; width:10rem; } 

footer              { color:var(--sy-footer-color); }
footer .nav-link    { color:var(--sy-footer-color); }

main   { background:var(--sy-main-bg);   margin-top:4rem; padding-top:1rem; padding-bottom:3rem;  }

.row { width:100%; }


.btn-primary {
  color: var(--edc-blue-100);
  background-color:var(--edc-blue-900);
  border-color:var(--edc-blue-900);
}
.btn-primary:hover {
  color:#fff;
  background-color:var(--edc-blue-700);
  border-color:var(--edc-blue-700);
}
.btn-secondary {
  color: var(--edc-blue-100);
  background-color:var(--edc-blue-800);
  border-color:var(--edc-blue-800);
}
.btn-secondary:hover {
  color:#fff;
  background-color:var(--edc-blue-700);
  border-color:var(--edc-blue-700);
}


/** CARD */
/*.card { min-height:13rem; }*/
.card             { border:.5px solid var(--edc-blue-300); }
.card.bg-light    { background:#fff; }
.card-header      { border:none; background:none; }
.card-header *    { margin:0; }
.card-header h3   { color:var(--edc-blue-800); }

.card-body        { border:none; background:none; }
.card-body label  { color:var(--edc-blue-600);  }

.card-intro               { border:none; background:transparent; }
.card-intro .card-header  { padding:0; color:var(--edc-blue-800); }
.card-intro .card-body    { padding:0; text-align:justify; color:var(--edc-blue-800); }

.card-refs                            { background-color:var(--edc-blue-200); border:.5px solid var(--edc-blue-400); }
.card-refs .list-group-item           { background:none; border:none; color:var(--edc-blue-900); }
.card-refs                            { background-color:var(--edc-blue-800); border:.5px solid var(--edc-blue-800); }
.card-refs .list-group-item           { background:none; border:none; color:#fff; }
.card-refs .list-group-item i         { line-height: 1.1; color:var(--edc-blue-300); }
.card-refs .list-group-item h6        { font-size:1.2rem; letter-spacing:.25rem; font-family:eurodatacar; }
.card-refs .list-group-item #logo     { width:1.3rem; margin-right:1rem }
.card-refs .list-group-item .fa-car   { font-size:1.3rem; margin-right:1rem }
.card-refs .list-group-item .brandmodel { position:absolute; bottom:0; right:.5rem; text-align:right; color:var(--edc-blue-300);
  font-family:eurodatacar; font-size:.9rem; letter-spacing:.1rem; }

/** TOAST */
.toast-warning { color:var(--bs-warning-text-emphasis); background-color:var(--bs-warning); }
.toast-danger  { color:var(--bs-white); background-color:var(--bs-danger); }
.toast-success { color:var(--bs-white); background-color:var(--bs-success); }
.toast-info    { color:var(--bs-white); background-color:var(--bs-info); }

.toast .fas { color: rgba(255, 255, 255, .8);
  font-size: 1.3rem; line-height: var(--bs-body-line-height);
  padding-left:var(--bs-toast-padding-x);
  padding-right:0;
  padding-top:var(--bs-toast-padding-y);
}

/** */
.form-floating input:not([type="radio"], [type="checkbox"]),
.form-floating textarea, .form-floating select { 
  border-color:var(--edc-blue-300); border-radius:0; border:none; border-bottom:solid 1px var(--edc-blue-300); }
.form-floating label { color:var(--edc-blue-800); }

.form-floating input.is-invalid, .form-floating input:invalid.modified { border-color:var(--bs-danger); }
/*ul.is-invalid input[type="radio"], ul.is-invalid input[type="checkbox"] { border-color:var(--bs-danger); }*/
ul.is-invalid li.list-group-item { border-color:var(--bs-danger); }


.btn { font-family:eurodatacar; letter-spacing:.15rem;}

h5 { font-family:eurodatacar; letter-spacing:.08rem;}
h4 { font-family:eurodatacar; letter-spacing:.08rem;}
h3 { font-family:eurodatacar; letter-spacing:.08rem;}