.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

body, .content-wrapper {
    background-color: #00617f;
    color: #00617f;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.main-header {
    border: none;
}

.main-header .brand-text {
    color: white;
    font-size: 2rem;
    margin-top: 1.2rem;
    margin-left: 1rem;
}

.btn-logout {
    background-color: #00bbff;
    border-radius: 0.6rem;
}

.round-corner-top-left {
    border-top-left-radius: 0.8rem;
}

.round-corner-bottom-left {
    border-bottom-left-radius: 0.8rem;
}

.round-corner-top-right {
    border-top-right-radius: 0.8rem;
}

.round-corner-bottom-right {
    border-bottom-right-radius: 0.8rem;
}

#filtriRicercaBox {
    background-color: #80b0bf;
    border: none;
}

#filtriRicercaBox select, #filtriRicercaBox .select2-container, #filtriRicercaBox .select2-selection {
    border-radius: 0.6rem;
}

.card {
    border-radius: 0.6rem;
}

#infoIniziali .table-valori {
    font-weight: bold;
}

.bg-blue {
    background-color: #00617f!important;
}
.bg-info {
    background-color: #7eb0bf!important;
}

.bg-danger {
    background-color: #e8345a!important;
}

.brand-image-xs.logo-xl {
    left: 29px;
    top: -15px;
    max-height: none;
}

.brand-link .brand-image
{
    max-height: none;
}

.no-sidebar {
    margin-left: 0px!important;
}

.main-header {
    z-index: 10!important;
    padding-top: 2rem;
}

.main-sidebar {
    z-index: 12!important;
}

#sidebar-overlay {
    z-index: 11;
}


.select2-container--default {
    width: -webkit-fill-available!important;
}

.select2-container .select2-selection--single {
    height: 38px!important;
    border: 1px solid #ced4da!important;
    padding: .25rem .5rem!important;
    font-size: 1rem!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px!important;
}

.border-top {
    border-top: 1px solid #00617f!important;
}

.border-right {
    border-right: 1px solid #00617f!important;
}

.tableAlgoritmo .table-label {
    text-align: right;
    vertical-align: middle;
}

.tableAlgoritmo label {
    font-weight: normal;
}

.tableAlgoritmo .table-td-info {
    vertical-align: middle;
}

.tableAlgoritmo td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.tableAlgoritmo .bg-green {
    background-color: #a6cf38!important;
    color: #ffffff!important;
}

.tableAlgoritmo .bg-success1 {
    background-color: #e0ecf0!important;
    color: #00617f!important;
}

.tableAlgoritmo .bg-success2 {
    background-color: #bfd7df!important;
    color: #00617f!important;
}

.tableAlgoritmo .bg-success3 {
    background-color: #4d90a5!important;
    color: #ffffff!important;
}

.tableAlgoritmo .bg-success4 {
    background-color: #8cb8c5!important;
    color: #ffffff!important;
}

.tableAlgoritmo input, .tableAlgoritmo select {
    border-radius: .5rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .tableAlgoritmo .table-cifre, #infoIniziali .table-cifre {
	font-size: 2rem;
	font-weight: 500;
	font-style: normal;
    }
}


.tableAlgoritmo .table-input-fld {
    width: 5rem;
}


/** login page */


.login-page {
    color: white;
}

.login-page .card
{
    
background: radial-gradient(circle at 100% 100%, #00617f 0, #00617f 13px, transparent 13px) 0% 0%/15px 15px no-repeat,
            radial-gradient(circle at 0 100%, #00617f 0, #00617f 13px, transparent 13px) 100% 0%/15px 15px no-repeat,
            radial-gradient(circle at 100% 0, #00617f 0, #00617f 13px, transparent 13px) 0% 100%/15px 15px no-repeat,
            radial-gradient(circle at 0 0, #00617f 0, #00617f 13px, transparent 13px) 100% 100%/15px 15px no-repeat,
            linear-gradient(#00617f, #00617f) 50% 50%/calc(100% - 4px) calc(100% - 30px) no-repeat,
            linear-gradient(#00617f, #00617f) 50% 50%/calc(100% - 30px) calc(100% - 4px) no-repeat,
            linear-gradient(90deg, #89d329 0%, #00bcff 97%);
    border-radius: 15px;
    padding: 4px;
    box-sizing: border-box;
    
}

.login-page .card, .login-page .login-card-body
{
    color: white;
}

.login-page .login-card-body
{
    background: none;
}

.login-page input {
    border: none;
    background-color: #487994;
    color: white;
    
}

.login-page .input-group-prepend, .login-page .input-group-text {
    background-color: #487994;
    border: none;
    color: white!important;
    transition: none; 
}

.login-page #_submit {
    border-radius: .45rem;
}

.login-page .input-group-prepend, .login-page .input-group-text {
    border-bottom-left-radius: .45rem;
    border-top-left-radius: .45rem;
}