.border_bottom{
	border-bottom: 1px solid #f4f4f4;
}
.dataTables_processing{
	border:0px;
	/*background-color :#337ab7;
	z-index: 100*/
}
.pointer{
      cursor:pointer;
    }
.header-custom{
  background-image: -webkit-gradient(linear, left top, right top, from(#20b9ae), to(#006fd6)); color: white;
}
.ui-autocomplete-loading {
    background: white url("../../plugins/autocomplete/loader2.gif") right center no-repeat;
}
.ui-autocomplete-loader-center {
    background: white url("../../plugins/autocomplete/loader1.gif") center center no-repeat;
}
.font-italic{
	font-style: italic !important;
}
.bg-dream-blue{	
	background-image: -webkit-gradient(linear, left top, right top, from(#20b9ae), to(#006fd6));
	color:white;
}
.bg-dream-red{
	background-color: #f40404d6;
	color:white;
}
.bg-dream-green {
	background-color: green;
	color:white;
}
.bg-dream-purple {
	background-color: #a612a6;
	color:white;
}
.bg-dream-pink {
	background-color: #D81B60;
	color:white;
}
.bg-dream-maroon {
	background-color: #058ef2;
	color:white;
}
/**/

/* -------------------------------------------------------------------
   Refined Blue - cosmetic polish layer on top of AdminLTE 2's skin-blue.
   Keeps the same blue identity, deepened slightly, with clearly visible
   corners/shadows/hover-lift. No markup/behavior changes.
   NOTE: bump the ?v= query string on every custom.css <link> when this
   file changes - browsers cache CSS aggressively otherwise.
------------------------------------------------------------------- */
:root{
	--rb-accent: #2f7cad;
	--rb-accent-light: #8fc7ea;
}
body{
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
}

/* Deepen the stock #3c8dbc skin-blue accent a touch, and add a clear
   left-accent on the active sidebar item. */
.skin-blue .main-header .navbar,
.skin-blue .main-header li.user-header{
	background-color: var(--rb-accent) !important;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a{
	background: #16232b;
	border-left-color: var(--rb-accent-light);
	border-left-width: 3px;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
	background-color: rgba(0,0,0,.15) !important;
}
.btn-primary{
	background-color: var(--rb-accent);
	border-color: var(--rb-accent);
}
.btn-primary:hover,
.btn-primary:focus{
	background-color: #275f83;
	border-color: #275f83;
}

.box,
.small-box,
.info-box,
.callout,
.login-box-body,
.modal-content,
.dropdown-menu{
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(20,40,60,.10), 0 1px 2px rgba(20,40,60,.06);
	border: none;
}
.box .box-header{
	border-radius: 8px 8px 0 0;
}
.info-box-icon{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
@media (prefers-reduced-motion: no-preference){
	.small-box,
	.info-box{
		transition: transform .15s ease, box-shadow .15s ease;
	}
	.small-box:hover,
	.info-box:hover{
		transform: translateY(-3px);
		box-shadow: 0 10px 20px rgba(20,40,60,.16);
	}
}
.main-header{
	box-shadow: 0 1px 3px rgba(0,0,0,.12);
}
.btn{
	border-radius: 5px;
	transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.btn-flat{
	border-radius: 5px;
}
@media (prefers-reduced-motion: no-preference){
	.btn:not(.btn-link):hover{
		box-shadow: 0 3px 8px rgba(0,0,0,.15);
		transform: translateY(-1px);
	}
}
.form-control{
	border-radius: 5px;
	border-color: #d2d6de;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.form-control:focus{
	border-color: var(--rb-accent);
	box-shadow: 0 0 0 3px rgba(47,124,173,.18);
}
.table > thead > tr > th{
	border-bottom-width: 2px;
	font-weight: 600;
	color: #333;
}
.table > tbody > tr > td,
.table > tbody > tr > th{
	vertical-align: middle;
}
.table-hover > tbody > tr:hover{
	background-color: #eef4f8;
}
.panel,
.nav-tabs-custom{
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(20,40,60,.10), 0 1px 2px rgba(20,40,60,.06);
}

/* Subscription "days left" nav badge - pulses under 10 days remaining. The whole
   badge (icon + text) moves together, and sidebar.php sets --pulse-scale/--pulse-duration
   inline per request, ramping from a mild nudge at day 9 up to the values below at
   day 0 (and beyond, once expired). Scale only - opacity stays fixed at 1 throughout. */
@media (prefers-reduced-motion: no-preference){
	@keyframes subscription-pulse{
		0%, 100%{ transform:scale(1); }
		50%{ transform:scale(var(--pulse-scale, 1.05)); }
	}
	.subscription-badge.pulse{
		animation: subscription-pulse var(--pulse-duration, 2.4s) ease-in-out infinite;
	}
}
@media (prefers-reduced-motion: reduce){
	.subscription-badge.pulse{
		animation: none;
		color: #dd4b39;
	}
}