.dla_progress_bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(33, 150, 243,0.3);
    transition: width .6s ease;
}

.hide {
    display: none;
}

.dla_bg{
    background: #086799;
}

.dla_text {
    color: #80a229;

}

.dla_bg_secondary{
  color: #80a229;
}

.dla_text_2{
    color: #3e4095;

}


.dla_dropzone {
  width: 100%;
  border: 2px dashed #dcdcdc;
  /*line-height: 150px;*/
  text-align: center;
  color: #dcdcdc;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}

.dla_dropzone.dla_dragover {
  border-color: #000;
  color: #000;
}

.dla_dropzone.dla_dropzone_inner {
  width: 100%;
  /*padding: 10% 30%;*/
  /*position: absolute;*/
}

input.dla_dropzone_input {
    width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}



 /*  START::: MOBILE VIEW */
@media screen and (min-device-width: 1020px) and (max-device-width: 5500px){
    .dla_sidebar {
        position:fixed;
        width:280px;
        z-index:1000;
        top:183px;
        background:#fff;
        border-radius:3px;
    }

    .dla_sidebar_sub{
        height: 40vh;
        overflow: auto;
        z-index:1002;
    }

}

@media screen and (min-device-width: 300px) and (max-device-width: 1000px) { 
    .dla_dept_toggle_form_btn {
        width:95% ;
    }

     .dla_submit_form_btn{
        margin-top: 5%;
    }

}

/* END:: MOBILE VIEW */


.dla_table { 
    width: 100%; 
    border-collapse: collapse; 
  }
  /* Zebra striping */
  .dla_tr:nth-of-type(odd) { 
    background: #eee; 
  }
  .dla_th { 
    background: #333; 
    color: white; 
    font-weight: bold; 
  }
  .dla_td, .dla_th { 
    padding: 6px; 
    border: 1px solid #ccc; 
    text-align: left; 
}



.dla_custom-control-input:checked~.dla_custom-control-label::before{
    color:#fff;
    border-color:transparent;
    background-color:#9bb651;
    box-shadow:none
}
.dla_custom-control-input:focus~.dla_custom-control-label::before{
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
}
.dla_custom-control-input:focus:not(:checked)~.dla_custom-control-label::before{
    border-color:#ccc
}
.dla_custom-control-input:not(:disabled):active~.dla_custom-control-label::before{
    color:#9bb651;
    background-color:#9fb3bd;
    border-color:#9fb3bd;
    box-shadow:none
}
.dla_custom-control-input:disabled~.dla_custom-control-label{
    color:#999
}
.dla_custom-control-input:disabled~.dla_custom-control-label::before{
    background-color:#f5f5f5
}


/* The switch - the box around the slider */
.dla_switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
  }
  
  /* Hide default HTML checkbox */
  .dla_switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .dla_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EEEEEE;
    -webkit-transition: .4s;
    transition: .4s;
    border: 0.5px solid #DDDDDD;
    
  }

  .dla_label {
    cursor: pointer;
  }
  
  .dla_slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 1px;
    top: 1px;
    background-color:#DDDDDD;
    -webkit-transition: .4s;
    transition: .4s;
    
  }
  
  input:checked + .dla_slider {
    background-color: #9bb651;
  }
  
  input:focus + .dla_slider {
    box-shadow: 0 0 1px #9bb651;
  }
  
  input:checked + .dla_slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
  }
  
  /* Rounded sliders */
  .dla_slider.round {
    border-radius: 34px;
  }
  
  .dla_slider.round:before {
    border-radius: 50%;
  }


.dla_lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index:2000;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.dla_lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 3%;
}

.dla_lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}


.dla_download_btn{
  margin-right: 8px;
  margin-top: 3px;
  background: #333;
  
}


.dla_print_btn{
  /* border: 2px solid blue; */
  margin-top: 3px;
  background: #333;
  
  
}

.dla_push_notification_green {
    display: block;
    color: #80a229; 
    padding: 4px;
    text-decoration: none;
}

.dla_push_notification_blue {
    display: block;
    color: #086799; 
    padding: 4px;
    text-decoration: none;
}

.dla_push_notification_green:hover {
    background: #80a229;
    color: #fff;
    border-radius: 5px;
}

.dla_push_notification_blue:hover {
    background: #086799;
    color: #fff;
    border-radius: 5px;
}


.dla_table_unread_span {
  background-color: red;
  width: 30px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  padding: 3px 5px;
}




/** =============== PRINT STYLES =================== **/

@media print {
	/* body * {
		visibility: hidden;
	}

	#dla_general_requisition_profile, #dla_general_requisition_profile * {
		visibility: visible;
	} */

	/* #dla_print_header {
		visibility: visible;
		display: block; 
		position: fixed; 
		bottom: 0;
	} */


	/* #dla_print_footer {
		visibility: visible;
		display: block; 
		position: fixed; 
		bottom: 0;
	} */


	* { 
		color-adjust: exact; -webkit-print-color-adjust: exact; 
		/* print-color-adjust: exact;  */
	}
}

/** =============== PRINT STYLES END ================ **/