/* --------- theme ---------- */
:root{
	--base-text:#212529;
	--link:#ff000f;
	--link-hover:#c00;
	--primary:#ff000f;
	--primary-hover:#BF1919;
	--dark:#444444;
}

/* GENERAL */

body{color:var(--base-text)}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:var(--base-text);font-weight:bold;}
.text-primary{color:var(--primary)!important}
a{color:var(--base-text);transition: all .5s;}
a:hover{color:var(--link-hover);text-decoration:none;transition: all .3s;}
.btn-link{color:var(--base-text);transition: all .5s;opacity:.85}
.btn-link:hover{color:var(--link);text-decoration:none;transition: all .3s;opacity:1}
.page-item.active .page-link,.list-group-item.active{border-color:var(--primary)}
.btn-primary,.btn-primary:active,.btn-outline-primary:hover,.page-item.active .page-link,.dropdown-item.active, .dropdown-item:active,.custom-control-input:checked ~ .custom-control-label::before {font-weight:bold; background: var(--primary)!important;border-color:transparent!important;color:#fff}
.page-item.active .page-link{background: #fff!important;color:var(--primary)!important}
.btn-primary:hover{ background: var(--primary-hover)!important;border-color: transparent!important;color:#fff}
.bg-primary{background-color:var(--primary)!important}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link,.badge-primary,.list-group-item.active{background-color:var(--primary)}

.bg-dark,.table .thead-dark th{background-color:var(--dark)!important}

.btn-white{background-color:#fff;border:0;color:var(--primary)!important}
.btn-white:hover{background-color:rgba(255,255,255,.95);border:0;color:var(--primary)!important}
.btn-white.shadow:hover{box-shadow:0 .2rem .4rem rgba(0,0,0,.1)!important}

.btn-outline-primary {color: var(--primary); border-color: var(--primary);}
.input-group-text{background-color:#eee}

.table td, .table th{padding:.9rem .8rem}
.table .thead-dark th {border-color: transparent;border-radius: 5px 5px 0 0;}
.table th {line-height: 1.15em;font-size:.785rem;padding:1rem .8rem}
.td-sm{width:1%}
.table{font-size:.875rem}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0,0,0,.008);}
.table-striped tbody tr:hover {background-color: rgba(0,0,0,.05);}

.icon-lg{font-size:1.5em}
.icon-bg{position:absolute;display:block;bottom:.15em;right:.15em;font-size:5rem!important;opacity:.04;}

.check-lg{padding-left: 1.9rem;}
.check-lg .form-check-input {width: 1.45rem;height: 1.45rem;margin-top: 0;margin-left: -1.9rem;cursor:pointer;}
.check-lg,.check-lg .form-check-input,.check-lg .form-check-label {cursor:pointer;}

.form-number-sm{width:80px;height:1.8rem;padding:.25rem .5rem;text-align:center}

.stato-wrp{position:relative;padding-left:16px}
.stato-spot{margin-top:-2px;display:inline-block;width:12px;height:12px;vertical-align:middle;border-radius:50%;box-shadow:0 3px 8px rgba(255,255,255,0.25) inset;background:#999}
.stato-wrp .stato-spot{position:absolute;left:0;top:.4em;}
.text-success .stato-spot{background:#63b80f}
.text-warning .stato-spot{background:#ffcc33}
.text-danger .stato-spot{background:#ee3b33}
.text-info .stato-spot{background:#17a2b8}




*{font-family: 'Montserrat', sans-serif;}
body{min-height:100vh}

.display-1,.display-2,.display-3,.display-4,.display-5{font-weight:inherit}

.modal-backdrop{background:var(--base-text)}
.modal-backdrop.show{opacity:.5}

.text-white .text-muted,.footer-wrp .text-muted,.alert .text-muted{color:inherit!important;opacity:.5!important}
.bg-xlight{background-color:#fafbfd!important}

.modal-content{border-radius:.3rem}
.modal-title{line-height:1.1em}
.modal-content.shadow-lg {box-shadow: 0 1.5rem 4rem rgba(0,0,0,.3) !important;}

.h-u{border-bottom:1px solid #EBEDF2;padding-bottom:0.35em;}
hr.hb {width:3.5rem;margin: 1rem 0;border-width: .35rem;height:.275rem;display: inline-block;clear: both;border-color:var(--primary)}
hr.section-divider{margin-bottom:1.5rem;border-top:1px dashed rgba(0,0,0,.5)}

.flip-x{transform: scaleX(-1);}
.flip-y{transform: scaleY(-1);}

.section-login {min-height: calc(100vh - 142px);z-index:1;position:relative;}
.main-section {min-height: calc(100vh - 142px);z-index:1;position:relative;}
.main-section.login-section{min-height: calc(100vh - 190px);}

@media (min-width: 1440px) {
	.container{max-width:1420px}
}
@media (min-width: 1640px) {
	.container{max-width:1600px}
}

textarea.form-control{height:110px}


.accordion > .card > .card-header {background: #fff linear-gradient(0deg, rgba(0,0,0,.035) 0%,rgba(0,0,0,0.01) 100%);padding:0}
.accordion .accordion-toggle{cursor:pointer;padding:.85rem 1.2rem}
.accordion .accordion-toggle:before{position:absolute;right:.5em;font-family: "Font Awesome 5 Free";content: "\f106";display:block;color:rgba(0,0,0,0.2)}
.accordion .accordion-toggle.collapsed:before{content: "\f107";}

.tabs-section{padding-top:.5rem;background:linear-gradient(0deg, rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 100%);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { box-shadow: 5px -5px 5px rgba(0,0,0,.01);}


/* VALIDAZIONE CUSTOM */

.is-invalid .form-control {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.is-invalid select.form-control{background-position: right calc(1.2em) center;padding-right: 2.3em;}
.is-invalid .custom-control-label::before{border-color:var(--danger)}
.is-invalid  .invalid-feedback, .is-invalid .invalid-tooltip{display: block;}

.form-group > label{color:rgba(0,0,0,.7);font-size:.9rem;font-weight:700;line-height:1.15em}
input.form-control{color:#212529}
.form-group{margin-bottom:1.25rem}
.toolbar-wrp{border-radius:.25rem}

.form-row{margin-right:-15px;margin-left:-15px}
.form-row > .col, .form-row > [class*="col-"] {padding-right:15px; padding-left:15px;}
.form-compact .form-group{margin-bottom:.5rem !important}
.form-compact .form-group > label{font-size:1rem;margin-bottom:0;padding-top:.5rem;}

.nav-tabs .nav-link{font-size:.8rem}

iframe.html-preview{width:100%;overflow:auto;height:350px}

@media (min-width: 990px) {
	.form-compact .form-group > label{padding-left:1.5rem;}
	.form-compact .form-group > .check-group,.form-compact .form-group > .radio-group{padding-top:.5rem;}
	.nav-tabs .nav-link{font-size:1.1rem}
}




/* NAV */
.navbar-main{z-index:3}
.navbar-main .navbar-toggler{border:transparent}

.navbar-main .navbar-toggler.collapsed .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-main .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28' width='28'%0A%3E%3Cg transform='translate(3.9661017,3.5677966)' id='imagebot_2' label='Layer 1'%3E%3Cpath d='M -2.5783352e-4,-0.00146808 17.435473,18.212367' id='imagebot_5' style='opacity:1;fill:%23000000;stroke:%23000000;stroke-width:2.23161912;stroke-linecap:round;stroke-miterlimit:4;fill-opacity:1;stroke-opacity:1' /%3E%3Cpath d='M -2.5783352e-4,18.212367 17.435473,-0.00146808' id='imagebot_4' style='opacity:1;fill:%23000000;stroke:%23000000;stroke-width:2.23161912;stroke-linecap:round;stroke-miterlimit:4;fill-opacity:1;stroke-opacity:1' /%3E%3C/g%3E%3C/svg%3E%0A");}

.nav-user .nav-link{max-width: 470px;overflow: hidden;white-space: nowrap;display: inline-block;text-overflow: ellipsis;}

.navbar-main .navbar-nav li{border-bottom:1px solid rgba(255,255,255,.2)}
.navbar-main .navbar-nav li.active{border-left:3px solid var(--primary);padding-left:1rem}

.navbar-main,.navbar-main .navbar-collapse{align-items: stretch;}
.navbar-main .navbar-nav .nav-link{padding:.75rem 0;line-height:1em;}
.navbar-main .navbar-nav .nav-link:hover{color:var(--primary)!important}
.navbar-main .navbar-nav > li{ border-bottom:none;}

.navbar-main hr.hb {margin:.5rem 0 0 0}

.navbar-main .navbar-collapse{position:absolute;top:72px;left:0;right:0;width:100%;z-index:9;background:#fff}


@media (max-width: 767px) {
    .navbar-main .navbar-brand img{max-height:35px}
	.nav-user .nav-link{max-width: 170px;font-size:.8rem;}
	.navbar-main .navbar-collapse{top:67px;}
}



/* dropdown multilevel nav */
.navbar-nav > .dropdown > .dropdown-menu{margin-top:-5px;border:none}

.navbar-nav .dropdown-toggle, .navbar-nav .dropdown-menu a {cursor: pointer;}
.navbar-nav .dropdown-item.active, .navbar-nav .dropdown-item:active {color: inherit;text-decoration: none; background-color: inherit;}
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover { text-decoration: none;}
.navbar-nav .dropdown-menu li{background:transparent!important}
.navbar-nav .dropdown-menu li a{display:block;}
.navbar-nav .dropdown-menu li:hover{background:rgba(0,0,0,0.05)!important}

.navbar-main .navbar-nav li li.dropdown{display:block}
.navbar-main .navbar-nav li li.dropdown.show:hover{background:#fff!important}
.navbar-nav .dropdown-menu .dropdown-menu{position:static;border:none;box-shadow:none;font-size:.9rem;}
.navbar-nav .dropdown-menu .dropdown-menu a{opacity:.85}
.navbar-nav .dropdown-menu .dropdown-menu a:hover{opacity:1}

@media (min-width: 768px) {
    .navbar-nav .dropdown-toggle:not(.nav-link)::after {display: inline-block; width: 0; height: 0; margin-left: .5em; vertical-align: 0; border-bottom: .3em solid transparent;border-top: .3em solid transparent; border-left: .3em solid;}
}


/* HEAD */
.jumbotron{align-items: center;display: flex;position: relative;overflow: hidden;border-radius:0;padding:0;background:#f8f8f8 linear-gradient(-70deg, rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%)}
.jumbotron-heading{margin:0;line-height:1;color:var(--base-text);font-weight:bold}
.jumbotron-heading:after{display:block;content:'';width:3.5rem;margin: 1rem 0;height:.275rem;clear: both;border:.2rem solid var(--primary);position:absolute}
.jumbotron .container-fluid,.jumbotron .container {z-index: 1;}
.jumbo-bg {position: absolute;left: 0; height: 100%;}
.jumbo-bg .embed-responsive-item {object-fit: cover; opacity: 0.15;}

@media (max-width: 1023.99px) {
	.jumbotron-heading{font-size:1.85rem}
	.jumbotron .btn-lg{margin:-.5rem 0;padding:.4rem .75rem}
}


/* DASHBOARD */
.dashboard-section .card-title::after {
  display: block;
  content: '';
  width: 3.5rem;
  margin: .5rem 0 1rem 0;
  height: .275rem;
  clear: both;
  border: .2rem solid #dadada;
}
.dashboard-section .card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.1) !important;}
.dashboard-section .card,.dashboard-section .card:hover{transition: all .4s;}


/* FOOTER */
section.footer-wrp{border-top:3px solid var(--primary)}
section.footer-wrp p.text-white{color:rgba(255,255,255,.66)!important}
section.footer-wrp a{color:#fff}
section.footer-wrp a:hover{color:var(--primary)}


/* show more */
.page-wrp{overflow:hidden;height:100%}
.btn-more-filters{order:99;min-width: 260px;padding:.75rem 1.25rem .75rem 2.75rem;border-radius:0 0 .75rem .75rem;cursor:pointer;z-index:2;border-top:1px solid rgba(0,0,0,.075);display:none;}
.btn-more-filters:before{content:"\f055";font-family: "Font Awesome 5 Free";display:inline-block;position:absolute;left:20px;font-weight: 900;}
.dropFilter .btn-more-filters{display:block}
.show .btn-more-filters:before{transform: rotate(45deg);}

@media (max-width: 1023.99px) {
	.page-wrp{max-width:100vw}
}

.btn-toggle.collapsed .fa-search-minus:before{content:"\f002"}

.btn-toggle.collapsed .fa-times-circle::before {content: "\f002";}




/* PAGINATION */

.table-fixed-height{overflow:auto;height:556px;}

.page-link{padding:.65rem .9rem;border:none !important;background-color:rgba(255,255,255,.2);min-width:2.45em;font-weight:700;margin:1px;color:#fff;text-align:center}
.page-link:hover{color:var(--primary);}
.page-item.disabled .page-link{background-color:rgba(255,255,255,.15);}
.page-link{padding:.65rem .9rem;border:none !important;background-color:rgba(255,255,255,.2);min-width:2.45em;font-weight:700;margin:1px;color:#fff;}



#blazor-error-ui {background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none;	left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000;}

	#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

.spinner{ border: 16px solid silver; border-top:16px solid #337ab7; border-radius:50%; width:80px; height:80px; animation:spin 700ms linear infinite; top:60%; position:absolute;}

.center-spinner {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
}

.wrapper {
	flex: 1 0 auto;
}
.push {
	height: 50px;
}

.page-container {
	position: relative;
	min-height: 100vh;
}

.content-wrap {
	padding-bottom: 2.5rem; /* Footer height */
}

.my-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/*height: 2.5rem;*/
}