html {
  height: 100vh;
  font-size: 0.9rem;
}

/* body {
  background: url('/resources/images/background/studio-background.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} */

.container-fluid {max-width: 1980px !important;}

#sidebar_menu {position: fixed; top: 60px; right: 20px; z-index: 999;}
#waith {height: 100%;z-index: 99999;position: fixed; width: 100%; background-color: rgba(0,0,0,0.8);}

.fi {font-size: 13px !important;}
.pointer {cursor: pointer;}

#card_login {
  width: 400px;
}

#labelDisclaimer {
  font-size: 0.7rem;
}

/* Boostrap Custom */
.btn-success {
  --bs-btn-bg: #00ac2e !important;
  color: #fff !important;
}

.btn-diary {
  font-size: 0.7rem;
  padding: 1px 8px;
}

.text-success {
  color: #00ac2e !important;
}

.table-diary thead {
  font-size: 0.75rem !important;
  text-align: center;
}

.table-dashboard {
  font-size: 1rem !important;
}

.table-dashboard>thead {
  color: #a5c200 !important;
}


.table-diary>thead>tr>th>a {
  font-size: 1rem !important;
}

.table-diary td {
  font-size: 0.85rem !important;
  vertical-align: middle !important;
}

.table-diary>thead>tr>th>a {
  font-size: 1.2rem !important;
}

.table-diary>tbody>tr>td>a {
  font-size: 1.2rem !important;
}

/* Bootbox Custom */
.modal-footer {
  display: block !important;
}

.nav {
  white-space: nowrap;
  display: block !important;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch
}

.nav li {
  display: inline-block
}

button.nav-link {color: #fff;}
button.nav-link:hover { color: #fff; background-color: #00ac2e; border: 0;}

/* Dashboard */
.rowBelow { height: 470px !important; }
.w-100p {max-width: 100px !important;}
.w-150p {max-width: 150px !important;}

.dte-success { background-color: #20BD00 !important; color: #fff; }
.dte-media   { background-color: #babd00 !important; color: #000; }
.dte-warning { background-color: #FFB53C !important; color: black; }
.dte-danger  { background-color: #FF0000 !important; color: #fff; }
.dte-black   { background-color: #000000 !important; color: #fff;}

.i-success { color: #20BD00 !important; }
.i-warning { color: #FFB53C !important; }
.i-danger  { color: #FF0000 !important; }
.i-black   { color: #000000 !important; }

.bg-vanilla { background-color: rgba(17, 129, 163, 0.80) !important; color: #fff;}
.bg-vanilla a { color: #fff;}
.bg-vanilla a:hover { color: #a5c200;}

.optionSelected {color: #a5c200 !important;}

.dropdown a { color: #000000; }

#help-offcanvas-body h5 {color: #1181a3; }

.card-header, .accordion-header, .accordion-button { background-color: #1181a3 !important; color: #fff !important;}

.offcanvas { background-color: rgba(255,255,255,0.9) !important; }

ul.faq { list-style: none; }
ul.faq > li > h5 {color: #1181a3;}

.rowHome { min-height: 150px; }
.rowHome:hover { background-color: #f4f4f4 !important; cursor: pointer !important; }
a.aHome { color: #1181a3; text-decoration: none; }

.investing-info {font-size: 11px;color: #333333;text-decoration: none;}
a.underline_link {color:#333333; text-decoration: none;}

.ec-graph-selected {position: absolute; top: 60px; left: 10px; right: 10px; bottom: 10px; z-index: 9999;}

.buttonRefresh { width: 60px !important; padding-top: 17px; }

#openStrumentsBox {position: fixed; top: 65px; right: 5px; z-index: 999;} #openStrumentsBox svg { height: 25px !important; color: #8d8d8d; }
#openChecklistBox {position: fixed; top: 100px; right: 6px; z-index: 999;} #openChecklistBox svg { height: 25px !important; color: #8d8d8d; }

button.btn-close {color: #fff !important;}

.licenseExpiration { position: absolute; right: 70px; top: 62px;}

#short_long_bar {height: 25px;}

.sticky-top-60 {position: -webkit-sticky; position: sticky; top: 86px; z-index: 1020;}
a.response_post {text-decoration: none;}
.like_on {color:#00ac2e;}

/* POSTS */
.info-post {font-size: 0.9rem !important; padding-top: 10px;}
.post_text {max-height: 500px; overflow: auto;}

/* LIBS */
.info_head_lib {font-size: 0.9rem !important;}

/* Corso */
ul.VOT-Formazione li, ul.VOT-approfondimenti li {
    margin-top: 10px !important;
    border-bottom: 1px solid gray !important;
    cursor: pointer !important;
}

ul.VOT-Formazione li:hover, ul.VOT-approfondimenti li:hover {
  color: #00ac2e;
}

ul.VOT-Formazione li:active, ul.VOT-approfondimenti li:active {
  color: #00ac2e;
}

@media only screen and (max-width: 1200px) {
  #trade label {font-size: 0.8rem !important;}
}

@media only screen and (max-width: 992px) {
  .modal {--bs-modal-width: 80% !important;}
}

@media only screen and (max-width: 370px) {
  .w-150p { max-width: 100%; }
}