html {
	padding-top: 60px;	
	background-color: #252830 !important;	
} 



body {
	background-color: #252830 !important;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: grey !important;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}


.breadcrumb {
    background-color: #343a40 !important;

}

.card {
    
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.sidebar-container {
	position: sticky;
	flex: 0 1 320px;	
	top: 0px;
	z-index: 1000;
	height: calc(0px); /*calc(100vh - 4rem);*/
	padding-right:0px;
}

.sidebar-bar{
	max-height: calc(100vh - 7rem);
	overflow-y: auto;
	display: block!important;
}

a.v-offset{
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
}



.nav-link.active
{
	background-color: black!important;
}


.pointer {cursor:pointer;}

.submenu {
	top : 0 ;
	position : sticky ;
	background-color: #343a40!important;
	padding :2px;
	top:60px;
	z-index:1000;
}

/*
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #343a40!important;
}
*/

table.hover tr:hover td {
	background:lightcyan;
	color:#333333;
}

.table {
	color : grey !important;
	display: table !important;
	border-spacing: 2px !important;
	border-color: grey !important;
	border-collapse : collapse !important;
}


.table thead th {
    border-bottom: 1px solid #111 !important;
}


tbody {
    border : 0.5px #111 !important;
}

.table td, 
.table th {
    border-top: 1px solid #111 !important;
}

.table-bordered td, 
.table-bordered th {
    border: 1px solid #111 !important;
}

.table-active, 
.table-active>td, 
.table-active>th {
	background-color: #111 !important;
	color : grey !important;
}

.table-warning, 
.table-warning>td, 
.table-warning>th {
	background-color: #111 !important;
	color : grey !important;
}

.table-info, 
.table-info>td, 
.table-info>th {
	background-color: #111 !important;
	color : grey !important;
}

.table-success, 
.table-success>td, 
.table-success>th {
	background-color: #111 !important;
	color : grey !important;
}

.table-danger, 
.table-danger>td, 
.table-danger>th {
	background-color: #111 !important;
	color : grey !important;
}

table.pointer tr:hover td {
	cursor:pointer; 
}

table.pointer tr:hover td {
	color: white;
	background-color: #333;
}

.md-datepicker-calendar-pane{z-index:1151000 !important;}

.modal-content {
    background-color: #222 !important;
}

.list-group-item {
    background-color: transparent !important;
}

label {
	color : grey;
}


.bg-dark {
    background-color: #333 !important;
}


.form-control {
    color: #fff !important;
    background-color: #434857 !important;
    border: 1px solid #434857 !important;
}

.form-control:disabled, 
.form-control[readonly] {
    opacity: 0.5;
}

a:link {
	color:#cfd2da !important;
}


/* classe utilizzata nelle direttive select-xxx */

table.table-fit {
	position:absolute;
	background-color: white;
	z-index:100000;
	width: 50%
}

@keyframes rotate {
    from{
        -webkit-transform: rotate(0deg);
    } to {
        -webkit-transform: rotate(360deg);
    }
}

.rotate {animation: rotate 3s linear infinite;}



blink, .blink {
  -webkit-animation: blink 1s step-end infinite;
  -moz-animation: blink 1s step-end infinite;
  -o-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite;
}

@-webkit-keyframes blink {
  67% { opacity: 0 }
}

@-moz-keyframes blink {
  67% { opacity: 0 }
}

@-o-keyframes blink {
  67% { opacity: 0 }
}

@keyframes blink {
  67% { opacity: 0 }
}