html,
body,
header,
.view {
	width: 100%;	
	height: 100%;
}

.full-page-intro {                         
	background: url("../../imagini/78.jpg");
	background-size:cover;
	background-repeat: no-repeat;                     
}

.bck-change{
	background-color: rgba(0,0,0,.7);
	background-size:cover;
	background-repeat: no-repeat; 
	transition: background-image 1s ease-in 3s;
}

@media all and (max-width:1200px) {
   .btn-block-xs { width: 100%; display:block; }
} 
.btn-custom{
	background-color: #11a261 !important;
	color: rgb(255, 255, 255);
}
.text-custom{
	color: #11a261 !important;
}
.gradient-custom{
	background-color: #63d471;
	background-image: linear-gradient(315deg, #63d471 0%, #11a261 55%, #075e37 98%);
 }

.w-65{
	width: 65% !important;
}

.w-35{
	width: 35% !important;
}

.nume-salariat{
	white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-modific-status-activitate {
	background: transparent !important;
    font-size: 20px;
	/* text-align: left; */
	font-weight: 500;
}

.bck-workTracking-img {
	background-image: url("../../imagini/001.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.bck-workTracking-color {
	background-color: #fff;
}

.col-detalii-activitate{
	overflow-y: scroll;
    overflow-x: hidden;
}

/* scroll */
.col-detalii-activitate::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
}

.col-detalii-activitate::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}

.col-detalii-activitate::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #7986cb;
} 

.disabled-div{
	position: relative;
}

.disabled-div::after { 
	content: " ";
	background-color: rgba(0, 0, 0, .3);
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

.unu{
	height: 100% !important;
}
.doi{
	height: 50% !important;
}
.trei{
	height: 33.33% !important;
}
.patru{
	height: 25% !important;
}

.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
   top: .8rem;	
   width: 2rem;
   height: 2rem;
}

.checkbox-lg .custom-control-label {
   padding-top: 10px;
   padding-left: 25px;
}

.custom-gradient{
	background: linear-gradient(40deg,#ba67c8,#63b5f7)!important;
}