@charset "UTF-8";
/* CSS Document */

a {
    color: #0066CC;
}


.Header-banner
{
	background-color:#e4002b;
	    padding: 0.7rem 0rem ;
}
car
.header-spazio {
	padding: 50px 0px
}

.spazio10 {
	padding: 10px 0px
}
.spazio20 {
	padding: 20px 0px
}
.spazio30 {
margin:0; padding:0; height:50px;
}
.spazio100 {
	padding: 100px 0px
}

.paddingTitle {
	padding: 30px 0px
}

div.spazio {
        clear: both;
        height: 15em;
    }



.Header-languages {
    background-color: transparent;
}

.u-color-azzurro {
    color: #e4002b;
}

.hrAzzurro {
  border: 0;
  border-top: 2px solid#202020;
	padding: 0px 0px 30px 0px
}

.hrArancio {
  border: 0;
  border-top: 1px solid #FF5B16;
	padding: 0px 0px 30px 0px
}

.hrArancio0 {
  border: 0;
  border-top: 1px solid #FF5B16;
	padding: 0px 0px 0px 0px
}




.u-background-compl {
    background-color: #e4002b!important;
	color:#fff
}

.u-background-complLOGGED {
	color:#fff
}

.Button {
   padding: 3px 10px;
}

.giustifica {
	
text-align: justify	
}

.testoCentrato {
text-align: center
}
.testoDx {
text-align: right
}


.Header-languages a {
    color: #fff;
}

a.card-link {
	font-size: 1.2em;
	font-weight: bold;
	color:#202020
}

.card-link {
	font-size: 1.2em;
	font-weight: bold;
	color:#999
}

a.card-linkInfo {
	font-size: 1.2em;
	font-weight: bold;
}

.faOK {
    font-size: 24px;
    color: green;
	padding-right: 10px
}

.faNO {
    font-size: 24px;
    color: red;
	padding-right: 10px}

.faNI {
    font-size: 24px;
    color: orange;
	padding-right: 10px}

.sfondo0066cc {
  text-align: left;
    background:#202020;
    color: #fff;
	    padding: .5em .7em;
}

.linea0066cc {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid#202020;
    margin: 1em 0;
    padding: 0; 
}

.linea0066ccStat {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid#202020;
    margin: 0.5em 0;
    padding: 0; 
}

.lineaGrigia {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 2em 0;
    padding: 0; 
}

.lineaGrigiaT {
	display: block;
    height: 1px;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}

.lineaGrigiaT0{
	display: block;
    height: 2px;
    border: 0;
    border-bottom: 2px solid #ccc;
    margin: 0em 0;
    padding: 0; 
}



.selectpicker {
    text-align: left;
    border-bottom: 1px #333 dotted;
    font-weight: normal;
    border-radius: 0px;
    font-size: 14PX;
    border-top: none;
    border-left: none;
    border-right: none;
	width: 100%
}



.Dropdown-arrow {
 display:none}

.Megamenu--default .Megamenu-subnavGroup>li, .u-margin-r-right {
    margin-right: 6em!important;
}

.btn-group-lg>.btn, .btn-lg {
    padding: .3rem 1rem;
    font-size: 1.5rem;
    line-height: 1.9;
    border-radius: .3rem;
}



.descrizioni {
    padding-left: 20px;
	font-size: 14px;
	margin:10px 0
}



.card-header {
    padding: 1rem 1.25rem .1rem 1.25rem ;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
	font-size: 14px;
	/*height: 50px;*/
	text-align: center
}

.card-headerLeft {
    padding: .3rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
	font-size: 14px;
	/*height: 50px;*/
	text-align: left
}

.card-headerLeftSpazio {
    padding: 3rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0px solid rgba(0,0,0,.125);
	/*font-size: 14px;*/
	/*height: 50px;*/
	text-align: left
}

.card-headerRight {
    padding: .3rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
	font-size: 14px;
	/*height: 50px;*/
	text-align: right
}

.card-headerCenter {
    padding: .3rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
	font-size: 14px;
	/*height: 50px;*/
	text-align: center
}

.card-header0 {
	padding: .3rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0,0,0,.0);
	border-bottom: 0px solid rgba(0,0,0,.125);
	font-size: 14px;
		text-align: left

}


.card-headerT {
    padding: .3rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
	text-align: left
}
.card-headerTR {
    padding: .3rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
	text-align: right
}



.card-headerDark {
    padding: .3rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 2px solid rgba(0,0,0,.125);
}

.card-headerLight {
    padding: .3rem 1.25rem;
    margin-bottom: 2rem;
    background-color: rgba(0,0,0,.01);
	    margin-top: -1rem;

}

.card-headerInfo {
    padding: .3rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0px solid rgba(0,0,0,.125);
	text-align: left;
}


.bottoneGiallo {

    width: 100%;
}

.Megamenu--default .Megamenu-list>li>a[aria-expanded=false]:after {
display:none}

.Megamenu--default .Megamenu-list>li>a[aria-expanded=true]:after {
display:none}

.tooldianalisi {
color:#e4002b
}


h1.Header-titleLink a:hover {
color:#fff
}

.progressAltezza {
    height: 3rem;
	margin: 0px 40px 20px 40px;
	font-size: 16px
}

.progressAltezzaMedia {
    height: 2rem;
	margin: 0px 40px 20px 40px;
	font-size: 16px
}

.progress-bar {
padding-left: 20px;
    text-align: left;

}

.testoBlu {
color:#202020;
}

.testoBianco {
color:#fff;
}

.testoBluScuro {
color:#003366;
}

.testoRosso {
	color: #cc0000;
	text-align: center;
}

span.testoRosso.h2 {
    VERTICAL-ALIGN: MIDDLE;
}

.bgRosso {
	color:#cc0000;
}

.testoVerde {
color:#28a745;
		text-align: center;

}
span.testoVerde.h2 {
    VERTICAL-ALIGN: MIDDLE;
}

.bgVerde {
	color:#28a745;
}
.testoArancio {
color:#FF7E00;
		text-align: center;
}


.bgArancio {
	color:#FF7E00;}
.bgTrasp {
	color:transparent;}
.bgGrigio {
	background-color:#202020;
color:#fff}

span.testoArancio.h2 {
    VERTICAL-ALIGN: MIDDLE;
}

.testoNero {
color:#212529;
}

.testoNero a{
color:#212529;
}

.bgNero {
	color:#212529;}


.testoNeroAcc {
color:#212529;
}

.testoNeroAcc a{
color:#212529;
}

.testoGrigio {
color:#999;
	padding-left: 20px
}

.testoGrigio0 {
color:#999;
}

.form100 {
    background-color: #F9F9F9;
    width: 100%;
	border: 1px solid #ccc
}
.form50 {
    background-color: #F9F9F9;
    width: 50%;
	border: 1px solid #ccc
}


.btn-secondary {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
.tablesaw td {
    padding: .5em .7em;
}

.tablesaw {
height: 28px
}


.tablesaw thead th {
    text-align: left;
    font-weight: normal;
}
select#select, select#select2,  select#select3 {
    font-size: 14px;
border: 0px solid #fff;
    border-bottom: 0px solid #fff;
border-radius: 0px;
	text-align: left;
	    height: 20px;
	font-weight: bold;
	background: transparent;
}


	
/*.data {
font-size: 14px	
	}

@media only screen and (max-width: 600px) {

.data {
display: none    }

}*/

.font12 {
font-size: 12px	
	}
.font14 {
font-size: 14px;
float: right
	}
.font16 {
font-size: 16px;
	}

.font14bis {
font-size: 14px;
	}

.paRight {
	float: right;
	font-size: 16px;
	}
.paRight20 {
	float: right;
	font-size: 16px;
	margin-right: 20px
	}

.bg-success {
color:#fff	
}

.bg-warning {
color:#e4002b	
}

.bg-danger {
color:#fff;
background-color: #FF5B16!important;
}
.bg-dangerInv {
color:#FF5B16;
background-color: #fff!important;
border: solid 1px #FF5B16
}

.graficoBarre {
padding: 20px
}

.criticitaText {
font-size: 20px;
padding-left: 30px}


.alert-home {
    color: #fff;
    background-color: #06c;
    border-color: #06c;
}

.alert-home a {
    color: #fff;
}

.alertt {
    background-color: #cce5ff;color:#202020
}

.alert-AC {
    color: #004085;
    background-color: #cce5ff;
    border-color: #cce5ff;
}

.alert-AC a {
    color: #004085;
}

.alert-VI {
    color:#202020;
    background-color: #cce5ff;
    border-color: #cce5ff;
}

.alert-VI a {
    color:#202020;
    background-color: #cce5ff;
    border-color: #cce5ff;
}

.alert-AR {
    color: #b50000;
    background-color: #cce5ff;
    border-color: #cce5ff;
}

.alert-AR a {
    color: #b50000;
}
.iconRight {
	float: right;
	font-size: 16px;
	color:#202020;
	padding-top: 1rem
	}
.iconRightBlack {
	float: right;
	font-size: 12px;
	color:#212529;
	padding-top: 7px
	}


.iconInfo {
	float: right;
	font-size: 16px;
	color:#202020;
	padding-top: 7px
	}

.percent {
    color: #000;
}

.title-AC {
    color: #004085;
}

.title-VI {
    color:#202020;
}

.title-AR {
    color: #b50000;
}

.title-TR {
    color: #FF5B16;
}

.paddingGrafico {
    width: 55%;
}

.titoloPagina {
    font-size: 1.8em;
  text-align: left !important;
}

@media (min-width: 1200px) {
.container {
    max-width: none;
}}

hr2 {
    margin-top: 1rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

 .gauge {
    width: 100%;
    height: 100%;
  }

button.btn.btn-warning.btn-lg.btn-block {
    background-color: #e4002b;
    margin-bottom: 2px;
    color:#FFFFFF;
}
.Logo-img {
    vertical-align: middle;
    width: 6em;
    height: 100%;
}

.Site-name {
    display: inline-block;
    width: 6.1em;
    vertical-align: middle;
    color: white;
	line-height: 24px;
}
.footerHome {
    /*position: absolute;
    height: 215px;
    margin-top: 200px;
    background: #e4002b;
    width: 100%;
padding: 50px 0;
    margin-top: 50px;*/
	font-size: 18px;
}
.tablesaw {
	border-bottom: 1px solid #fff;
	text-align: center;
}

.btn-success {
    color: #fff;
    background-color:#202020;
    border-color:#202020;
}

.btn-success:hover {
    color: #fff;
    background-color: #e4002b;
    border-color: #e4002b;
}


.btn-successOR {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-successOR:hover {
    color: #fff;
    background-color: #12530B;
    border-color: #12530B;
}



.data {
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.0);
    border-bottom: 0px solid rgba(0,0,0,.125);
	text-align: center;
	font-size: 12px;
	vertical-align: middle
	/*height: 50px;*/
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FF5B16;
    background-color: transparent;
    border: 0px;
    font-weight: bold;
}

#nav-basso-tab.active, #nav-medio-tab.active, #nav-lungoTermine-tab.active
{
    color: black;
}


.tab-content {
	padding: 30px;
    background: rgb(63,75,101);
    background: linear-gradient(153deg, rgba(63,75,101,0.1474964985994398) 0%, rgba(35,43,62,0.15309873949579833) 69%);
    box-shadow: 0 15px 20px 0 rgba( 0, 0, 0, 0.26 );
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px ); 
    border: 1px solid #3E4A68;
    height: 100%;
}

@media (max-width: 1279px) {
.nav-link {
	font-size:18px

}}

@media (max-width: 1200px) {
.nav-link {
	font-size:14px;
	font-weight: 700
}}


.nav-link {
    display: block;
    padding: .5rem 3rem;

}

.Megamenu--default .Megamenu-subnavGroup>li>a {
    font-size: 1.5rem!important;
    letter-spacing: .005em!important;
}

.Megamenu--default .Megamenu-subnavGroup>li>ul>li a {
    font-size: 1.5rem!important;
}

.Megamenu--default .Megamenu-subnavGroup>li>ul li, .Pill--xs, .Skiplinks>li>a, .u-padding-bottom-xs {
 padding-bottom: .1rem!important;
}

.Header-language-other, .Megamenu--default .Megamenu-subnavGroup>li>ul, .u-margin-top-s {
    margin-top: 0.1rem!important;
}

.marginLeft {
margin-left:30px
}
.marginLeft20 {
margin-left:20px
}
.marginRight {
padding-right:70px
}


.fa20 {
font-size: 22px}

.InfoAgg {
font-size: 14px}

.Footer a {
    color: #fff;
}
.separator {
    border-left: 0.1em solid #fff;
    vertical-align: middle;
    margin-right: 0.3em;
    margin-left: 0.1em;
    font-size: 1.2em;
}


.paddingImg {
padding: 10px}

.u-padding-r-top>* {
    font-size: large;
}

@media (max-width: 1024px) {
.nascondiCell {
    display: none;
}}

@media screen and (max-width: 1365px) and (min-width: 992px)
{.Header-titleLink {
    padding-left: 0rem!important;
	    padding-top: 1.4rem!important;
    padding-bottom: 1rem;
}}

.Header-utils {
    text-align: center!important;
}
.Spid-button>img {
    color: #505050;
    height: 2em;
    width: 3em;
}

.Spid-button {
    margin-top: -10px;
}

.Spid-idp>img {
    height: 1.5em;
}


.col-lg-4.card-header0 {
    text-align: right;
}

.fa-2x {
    font-size: 2.3em;
}

.faBold {
	font-weight: 900;
	    font-size: 1.3em;
}



.select300  {
width: 100% !important
}

.form300  {
width: 100% !important
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}

.page-link {
    color:#202020;
}

.page-item.active .page-link {
    color: #fff;
    background: transparent;
}

.modal-content {
    padding: 10px 30px;
	
}

.modal-contentRed {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #cc0000;
    border-radius: .3rem;
    outline: 0;
	padding:20px
}

.close {
    font-size: 3rem;
}

.modal-footerRed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 3rem 1rem 1rem 1rem;
    border-top: 1px solid #cc0000;
}

.modal-headerRed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 0px solid #cc0000;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-body {

    padding: 2rem 1rem;
}

.highcharts-credits {
    display: none;
}

.highcharts-exporting-group {
    DISPLAY: NONE;
}

path.highcharts-data-label-connector {
    display: none;
}

.highcharts-grid.highcharts-yaxis-grid {
    display: none;
}
.highcharts-axis-labels.highcharts-yaxis-labels {
    display: none;
}

path.highcharts-tick {
    display: none;
}

.highcharts-axis-labels.highcharts-xaxis-labels {
	font-size:26px
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.sep {
border-right: 1px solid rgba(0,0,0,.1);
}

.sepLeft {
border-left: 1px solid rgba(0,0,0,.1);
}

.sep2 {
border-right: 0px solid rgba(0,0,0,.5);
}

.sepLeft2 {
border-left: 0px solid rgba(0,0,0,.5);
}




.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}
.form-control{width:20%}

hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 2px solid rgba(0,0,0,.1);
}

h1.testoBlu {
    padding: 20px 0 0 0;
}

.card-body {
    padding: 0.25rem 4.25rem;
}

.card-bodyPlus {
    padding: 0rem 6.25rem;
}

.alert-danger {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0rem 1.25rem;
    color: #cc0000;
}

.alert-dangerInv {
    color: #cc0000;
    background-color: #fff;
    border-color: #fff;
}



.close {
    opacity: .9;
}


.marginTop5 {
margin-top:5px
}


/* MODAL FADE LEFT RIGHT BOTTOM */
.modal.fade:not(.in).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}


.modal.left .modal-dialog {
	position:absolute;
	top:0;
	left:210px;
	margin:0;
}

.modal.left .modal-dialog.modal-sm {
	max-width:1200px;
		min-width:900px;
}

.modal.left .modal-content, .modal.right .modal-content {
	min-height:300vh;
	border:0;
}

.Megamenu-subnavGroup>li {
    width: 20em;
}
.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}
.btn-arrow-right {
    padding-left: 36px;
}
.btn-arrow-left {
    padding-right: 36px;
}
.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 5px; /* move it down because of rounded corners */
    width: 22px; /* same as height */
    height: 22px; /* button_outer_height / sqrt(2) */
    background: transparent; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: 1;
}
.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
    background-color: white;
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox;
	text-align: right;
}

textarea {
    width: 100%;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid#202020;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.graph_container{
  display:block;
 margin-top: 50px
}

.truncate {
 overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; /* number of lines to show */
}

.canvasjs-chart-credit {
display: none
}

.total {
    margin: 0;    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) ;
	text-align: center
}

#container {
	max-width: 660px;
	margin: auto;
	height: 400px;
	margin: 0 auto;
}

.under {
text-decoration: underline
}

.container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

td.sep.sepLeft {
    padding: 0;
}

.disabledBg {
background:#cccccc;
	color: #999
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

input[type=date]::-webkit-inner-spin-button {
    opacity: 1
}
input[type=date]::-webkit-calendar-picker-indicator { 
    opacity: 1
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    /* width:0!important; */
  }

#menuExecute
{
    margin-right: 0px !important;
}

/*   INIZIO NUOVO STILE  */
body {
    background: #1A202E;
    background: rgb(30,37,54);
    background: radial-gradient(circle at bottom left, rgba(30,37,54,1) 0%, rgba(33,41,60,1) 16%, rgba(26,32,46,1) 28%, rgba(26,32,46,1) 40%, rgba(16,45,80,1) 56%, rgba(26,32,46,1) 82%, rgba(26,32,46,1) 100%);
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}
h1,h2,h3,h4,h5 {
    color: #fff;
}
a:hover {
    text-decoration: none;
    color: #EC0928;
}

.navbar {
    /* background-color: #474b57;
    border-bottom: 1px solid #1A202E;
    box-shadow: 0 8px 14px #1C2231; */
    background: rgb(63,75,101);
    background: linear-gradient(153deg, rgba(63,75,101,0.1474964985994398) 0%, rgba(35,43,62,0.15309873949579833) 69%);
    box-shadow: 0 15px 20px 0 rgba( 0, 0, 0, 0.26 );
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px ); 
    border-bottom: 1px solid #3E4A68;
    position: fixed;
    width: 100%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
}
.nav-link {
    color: #fff;
    line-height: 1em;
}
.nav-link:focus {
    color: inherit;
}
.nav-link:hover, .sidebar a:hover, .sidebar a.active, .sidebar a:focus {
    color: #EC0928;
}
.d-flex .nav-link {
    border-right: 1px solid #333F5A;
}
.d-flex .nav-link:nth-child(4) {
    border-right: 0;
}
.d-flex .nav-link:last-child {
    color: #404F72;
    border: 0;
}
.nav-link .label {
    line-height: 1.4em;
    margin-left: 5px;
    vertical-align: top;
}
.nav-link.app-menu {
    padding: 1rem;
    border: none !important;
}
.nav-link.app-menu:hover {
    background-color: #C6CBD2;
}
.nav-link.app-menu.show {
    color: #EC0928;
    background-color: #C6CBD2;
}
.navbar #app-logo {
    margin: 0;
    padding: 0 1rem;
    height: 38px;
    border-left: 1px solid #333F5A
}
.navbar #app-logo-mobile {
    max-width: 30px;
    opacity: 0.3;
}
.navbar #app-logo-black,
.navbar #app-logo-black-mobile {
    display: none;
}
.dropdown-menu.apps {
    padding: 1rem;
    width: 100%;
    max-width: 100%;
    background-color: #C6CBD2;
    color: #1A202E;
    line-height: 1.2em;
    border-radius: 0;
    border: 0;
    bottom: 100%;
    opacity: 0;
    transition: all .5s ease;
    margin-top: 0;
    align-items: center;
}
.dropdown-menu.apps .nav-link {
    color: #1A202E;
    border: 0 !important;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.dropdown-menu.apps .nav-link h5 {
    margin-bottom: 0;
    color: #1A202E;
    margin: 0;
}
.dropdown-menu.apps .nav-link:hover, .dropdown-menu.apps .nav-link:hover h5 {
    color: #EC0928;
}
.dropdown-menu.apps .nav-link span.material-icons {
    margin-right: 10px;
    font-size: 30px;
}
.dropdown-menu.apps.show {
    opacity: 1;
    top: 100%;
    bottom: auto;
    box-shadow: 0 25px 18px rgb(21 27 41 / 55%);
}
.dropdown-menu.apps .row div {
    padding: 1rem;
}
.dropdown-menu.user {
  background-color: #1A202E;
    border-radius: 0;
    box-shadow: 0 10px 25px #151b29;
}
.dropdown-menu.user .dropdown-item {
    color: #fff;
}
.dropdown-menu.user .dropdown-item:hover {
    color: #EC0928;
    background-color: transparent;
}
.dropdown-menu.user .dropdown-divider {
    border-color: #404F72;
}
.dropdown-menu.user.show {
    left:auto;
    right: 0;
}
#content {
    padding-top: 59px;
}
.sidebar {
    /* background-color: #232B3E; */
    background: rgb(63,75,101);
    background: linear-gradient(153deg, rgba(63,75,101,0.1474964985994398) 0%, rgba(35,43,62,0.15309873949579833) 69%);
    box-shadow: 0 15px 20px 0 rgba( 0, 0, 0, 0.26 );
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px ); 
    border-right: 1px solid #3E4A68;
    width: 69px !important;
    overflow: hidden;
    transition: all .3s ease;
}
.sidebar .nav {
    margin-top: 10px;
    width: 200px;
    transition: all .3s ease;
}
.sidebar .nav li {
    margin-bottom: 20px;
}
.sidebar a, .sidebar a:focus {
    color: #404F72;
    padding-right: 0;
}
.sidebar .nav-item:first-child .nav-link {
    border-bottom: 1px solid #333F5A;
}
.sidebar .nav-link .label {
    display: inline-block;
    opacity: 0;
    transition: display .3s ease;
}
.sidebar .nav li.sub-menu {
    margin-right: 12px;
}
.sidebar .nav li.sub-menu > a::after {
  content: "keyboard_arrow_up";
  font-family: 'Material Icons';
  font-size: 24px;
  float: right;
  margin-top: 3px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: transform 0.35s ease;
}
.sidebar .nav li.sub-menu > a.collapsed::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.sidebar .nav li.sub-menu > a:not(.collapsed),
.sidebar .nav li.sub-menu .collapse a.sub-sub-menu:not(.collapsed) {
    color: #8391b1;
  }
.sidebar .nav li .collapse a.sub-sub-menu::after {
    content: "keyboard_arrow_up";
    font-family: 'Material Icons';
    font-size: 24px;
    float: right;
    line-height: 16px;
    margin-top: 3px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform 0.35s ease;
}
.sidebar .nav li .collapse a.sub-sub-menu.collapsed::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.sidebar .card {
    margin-left: 1rem;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-color: #243c57;
}
.sidebar .card-body {
    padding: 1rem 0;
}
.sidebar .nav-item .card {
    background-color: transparent;
}
.list-group-item-action:hover {
    background-color: transparent;
}
.sidebar .card .card {
    margin-left: .5rem;
    margin-bottom: 1rem;
    border-top: 0;
    border-left: 1px solid #243c57;
    border-bottom: 0;
}
.sidebar .card-body .card-body {
    padding: 0 1rem;
}
.sidebar .card-body .card-body .list-group-item {
    font-size: 14px;
    font-weight: 300;
}
.list-group-item-action:last-child {
    margin-bottom: 0;
}
.list-group-item-action:active {
    background-color: transparent;
    color: #EC0928;
}
.list-group-item-action:focus {
    background-color: transparent;
}

.open .sidebar {
    background-color: #151a25;
    width: 250px !important;
    padding-right: 0;
}
.open .sidebar .nav {
    width: 100%;
}
.open .sidebar .nav-link .label {
    opacity: 1;
}

.dashboard .box-content {
  background: rgb(63,75,101);
  background: linear-gradient(153deg, rgba(63,75,101,0.1474964985994398) 0%, rgba(35,43,62,0.15309873949579833) 69%);
  box-shadow: 0 15px 20px 0 rgba( 0, 0, 0, 0.26 );
  backdrop-filter: blur( 4.5px );
  -webkit-backdrop-filter: blur( 4.5px ); 
  border: 1px solid #3E4A68;
  height: 100%;
}
.list-group-item {
  padding: 0;
  background: transparent;
  border: none;
  color: #fff;
  margin-bottom: 15px;
}
h2.box-title {
    font-weight: 200;
}
h2.box-title .material-icons-outlined {
    font-size: 30px;
}

.btn {
  border: none;
  border-radius: 2px;
  padding: 12px 18px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  color: #1A202E;
  box-shadow: 0 5px 10px #0b0e14;
  outline: none;
  margin: 0 8px 10px 0;
}
.btn.btn-light {
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
}
.btn.btn-success {
  background: #41e2a4;
  border: 1px solid #41e2a4;
  color: #1A202E;
}
.btn.btn-danger {
  background: #EC0928;
  border: 1px solid #EC0928;
  color: #fff;
}
.btn.btn-outline-light {
color: #fff;
border: 1px solid #fff;
box-shadow: none;
}
.btn.btn-light:hover {
  background: #ffffff;
}
.btn.btn-success:hover {
  background: #35ce93;
  color: #1A202E;
}
.btn.btn-danger:hover {
  background: #ca122b;
  color: #fff;
}
.btn.btn-outline-light:hover {
color: #1A202E;
}

a{
    color:#fff !important;
}

a strong{
    color:#fff !important;
}

.page-link-new{
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
}

.page-item a{
    color:#4b5066 !important;
}

.page-item.active a{
    color:white !important;
    font-weight: bold !important;
}

.fa-eye:hover{
    color:#EC0928;
}
.fa-pencil:hover{
    color:#EC0928;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border-color: transparent !important;
}

.modal-content {
    background: #1A202E;
    box-shadow: 0 15px 20px 0 rgba( 0, 0, 0, 0.26 );
    backdrop-filter: blur( 4.5px );
    -webkit-backdrop-filter: blur( 4.5px ); 
    border: 1px solid #3E4A68;
}
/*
*/