/* ============= MODERN UI REFINEMENTS ============= */

/* Smooth transitions on all interactive elements */
*, *::before, *::after {
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Cards - softer corners and subtle shadow */
.card {
    border-radius: 10px;
    border: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* Buttons - modern rounded with smooth hover */
.btn {
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.btn:active {
    transform: translateY(0);
}

/* Primary brand button */
.dla_bg {
    background: linear-gradient(135deg, #086799 0%, #0a7ab5 100%);
    border: none;
}

.dla_bg:hover {
    background: linear-gradient(135deg, #0a7ab5 0%, #0d8fd0 100%);
}

/* Form inputs - taller, softer, with focus glow */
.form-control {
    border-radius: 8px;
    padding: 0.6rem 0.875rem;
    border: 1.5px solid #e0e4e8;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control:focus {
    border-color: #0a7ab5;
    box-shadow: 0 0 0 3px rgba(10, 122, 181, 0.1);
}

/* Table rows - hover highlight */
.table tbody tr {
    transition: background-color 0.15s ease;
}

.table tbody tr:hover {
    background-color: rgba(10, 122, 181, 0.04);
}

/* Sidebar nav items - smooth hover */
.nav-link {
    border-radius: 6px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Badges & labels - pill shaped */
.badge {
    border-radius: 12px;
    padding: 0.35em 0.65em;
    font-weight: 500;
}

/* Modal - modern rounded corners */
.modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
}

/* Dropdown menus - floating card style */
.dropdown-menu {
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
}

.dropdown-item {
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
}

/* Login page specific */
.login-form .card {
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

.login-form .btn {
    padding: 0.7rem 1rem;
    font-size: 0.95rem;
    border-radius: 8px;
}

/* ============= SIDEBAR MODERNIZATION ============= */

/* Sidebar container - borderless, clean */
.sidebar-light {
    background: #ffffff;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.04);
}

.dla_sidebar_sub {
    overflow-y: auto !important;
}

.sidebar-light .card-sidebar-mobile {
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.sidebar-light .sidebar-content {
    border: none;
}

.sidebar-light .sidebar-content .border {
    border: none !important;
}

/* User profile header - elevated look */
.sidebar-light .card-header {
    background: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
    border-bottom: 1px solid #eef2f7;
    padding: 1.25rem;
    border-radius: 0;
}

.sidebar-light .card-header .media-title {
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #1a3a6b;
}

.sidebar-light .card-header .font-size-xs {
    font-size: 0.75rem;
    color: #7a8ca0;
}

/* Avatar icon - modern circular */
.sidebar-light .card-header .icon-user {
    color: #0a7ab5;
    border-color: #d0e4f0 !important;
    background: #edf6fc;
}

/* Navigation header labels */
.sidebar-light .nav-item-header {
    padding: 1rem 1.25rem 0.5rem;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #9ca8b6;
    text-transform: uppercase;
}

/* Nav items - spacing and hover */
.sidebar-light .nav-sidebar .nav-item {
    margin: 1px 0.5rem;
}

.sidebar-light .nav-sidebar .nav-link {
    padding: 0.6rem 1rem;
    border-radius: 8px;
    color: #4a5568;
    font-size: 0.875rem;
    font-weight: 450;
    transition: all 0.2s ease;
}

.sidebar-light .nav-sidebar .nav-link i {
    color: #8a9bb0;
    font-size: 1rem;
    width: 1.5rem;
    transition: color 0.2s ease;
}

.sidebar-light .nav-sidebar .nav-link:hover {
    background: rgba(10, 122, 181, 0.06);
    color: #0a7ab5;
}

.sidebar-light .nav-sidebar .nav-link:hover i {
    color: #0a7ab5;
}

/* Active nav item */
.sidebar-light .nav-sidebar .nav-item-open > .nav-link,
.sidebar-light .nav-sidebar .nav-link.active {
    background: rgba(10, 122, 181, 0.08);
    color: #0a7ab5;
    font-weight: 500;
}

.sidebar-light .nav-sidebar .nav-item-open > .nav-link i,
.sidebar-light .nav-sidebar .nav-link.active i {
    color: #0a7ab5;
}

/* Submenu items - indented, lighter */
.sidebar-light .nav-group-sub .nav-link {
    padding: 0.45rem 0.75rem 0.45rem 2.5rem;
    font-size: 0.82rem;
    color: #5f6d7e;
    border-left: none;
    border-radius: 6px;
}

.sidebar-light .nav-group-sub .nav-link:hover {
    background: rgba(10, 122, 181, 0.05);
    color: #0a7ab5;
    border-left: none;
}

.sidebar-light .nav-group-sub {
    border-left: 2px solid #eef2f7;
    margin-left: 2rem;
    padding-left: 0;
}

/* Submenu arrow indicator */
.sidebar-light .nav-item-submenu > .nav-link::after {
    transition: transform 0.25s ease;
}

.sidebar-light .nav-item-submenu.nav-item-open > .nav-link::after {
    transform: rotate(90deg);
}

/* Custom scrollbar for sidebar */
.dla_sidebar_sub {
    scrollbar-width: thin;
    scrollbar-color: #d0d8e0 transparent;
}

.dla_sidebar_sub::-webkit-scrollbar {
    width: 4px;
}

.dla_sidebar_sub::-webkit-scrollbar-track {
    background: transparent;
}

.dla_sidebar_sub::-webkit-scrollbar-thumb {
    background: #d0d8e0;
    border-radius: 4px;
}

.dla_sidebar_sub::-webkit-scrollbar-thumb:hover {
    background: #a0b0c0;
}

/* ============= END SIDEBAR MODERNIZATION ============= */

/* ============= END MODERN UI REFINEMENTS ============= */


.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 ================ **/