/* ------------------------------------------------------------------------------
 *
 *  # Custom CPanel styles
 *
 * ---------------------------------------------------------------------------- */
:root,
[data-color-theme=light]{
  --body-font-size-lg: 1rem;
  --body-font-size-sm: 0.75rem;
  --body-font-size-xs: 0.625rem;
  --body-line-height-computed: calc(1375rem / 1000);
  --body-line-height-lg: 1.375;
  --body-line-height-sm: 1.8334;
  --body-line-height-xs: 2.2;
  --spacer-1: 0.3125rem;
  --spacer-2: 0.625rem;
  --spacer: 1.25rem;
  --spacer-4: 1.875rem;
  --spacer-5: 3.75rem;
  --icon-font-family: Phosphor;
  --icon-font-size: 1.25rem;
  --icon-font-size-lg: 1.5rem;
  --icon-font-size-sm: 1rem;
  --transition-base-timer: 0.15s;
  --transition-collapse-timer: 0.3s;
  --font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --body-font-family: var(--font-sans-serif);
  --body-font-size: 0.875rem;
  --body-font-weight: 400;
  --body-line-height: 1.5715;
  --border-width: 1px;
  --border-style: solid;
  --border-radius: 0.375rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-2xl: 2rem;
  --border-radius-pill: 50rem;
  --highlight-bg: rgba(0, 0, 0, 0.15);
}


/* General */
#alert-container {
    display: none;
    left: 10%;
    position: fixed;
    top: 60px;
    width: 80%;
    z-index: 2000;
}
#alert-container .alert {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.sortable-placeholder + .panel.mb-10{
	margin-top:10px;
}

/* cards */
[data-card-action=collapse] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  transition: -webkit-transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer), -webkit-transform ease-in-out var(--transition-collapse-timer);
}
@media (prefers-reduced-motion: reduce) {
  [data-card-action=collapse] svg {
    transition: none;
  }
}
.card-collapsed [data-card-action=collapse] svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* tables */
.table-sm{
	--table-cell-padding-x: 1rem;
}
.table-xs{
	--table-cell-padding-x: 0.625rem;
}
.table-xxs{
	--table-cell-padding-y: 0.375rem;
	--table-cell-padding-x: 0.5rem;
}
/* Footable */
.footable-row-detail-value{
	white-space:normal;
}
.table > tbody > tr.success + tr.footable-row-detail > td{
	background-color:#E8F5E9;
}
.table-hover > tbody > tr.success + tr.footable-row-detail:hover > td{
	background-color:#E8F5E9;
}
.table > tbody > tr.danger + tr.footable-row-detail > td{
	background-color:#FBE9E7;
}
.table-hover > tbody > tr.danger + tr.footable-row-detail:hover > td{
	background-color:#FBE9E7;
}
.table-footable-striped > tbody > tr:nth-of-type(4n+1),
.table-footable-striped > tbody > tr:nth-of-type(4n+2){
	background:#fcfcfc;
}
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#f7d5d1;
}
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#d6edd8;
}
/* Datatable */
.datatable-header .dataTables_filter{
	margin-left:0;
}
.datatable-toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	column-gap:0.625rem;
}
.datatable-toolbar .dataTables_length{
	margin-left:auto;
}
.dataTables_filter label input{
	margin-left:10px;
}
.dataTables_wrapper .table-sm{
	--dt-spacer-x:1rem;
	--dt-spacer-y:1rem;
}
.dataTables_wrapper .table-xs{
	--dt-spacer-x:0.625rem;
	--dt-spacer-y:0.625rem;
}
.dataTables_wrapper .table-xxs{
	--dt-spacer-x:0.5rem;
	--dt-spacer-y:0.5rem;
}
.dataTable thead .sorting:before,
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc_disabled:before,
.dataTable thead .sorting_desc_disabled:after{
	right:calc(var(--dt-spacer-y) - 5px);
}

/* TypeAhead */
.twitter-typeahead .tt-menu h5{
	margin:0 15px 5px;
	padding:3px 0;
	border-bottom:1px solid #ddd;
}

/* Form */
.form-group > .radio,
.form-group > .checkbox{
	margin-top:0;
	margin-bottom:0;
}
.form-horizontal .checkbox.checkbox-switch{
	padding-top:0;
}
legend a.control-arrow.collapsed i{
	transform:rotate(180deg);
}
.note-toolbar .dropdown-menu li{
	white-space:nowrap;
}
 
.form-horizontal .multiselect-container > li > a .checker,
.form-horizontal .multiselect-container > li > a .choice{
    top:50%;
}

/* TouchSpin */
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
  height:19px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
	border-radius:0;
}
.has-error .bootstrap-touchspin-up,
.has-error .bootstrap-touchspin-down{
	background-color:#fbe9e7;
    border-color:#d84315 !important;
    color:#d84315;
}

/* users thumbnails */
.user-thumbnail{
	width:3.75rem;
	height:3.75rem;
	font-size:1.5rem;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background-color:#d6d1ff;
	color:#4e39fe;
	border-radius:50%;
	overflow:hidden;
	cursor:pointer;
}
.user-thumbnail span.img-alt{
	display:none;
}
.user-thumbnail img{
	width:100%;
	height:100%;
}
.user-thumbnail img[src=""]{
	display:none;
}
.user-thumbnail img[src=""]+span.img-alt{
	display:inline-block;
}
.user-thumbnail[data-color="1"]{
	background-color:#caf4c3;
	color:#4b9e3c;
}
.user-thumbnail[data-color="2"]{
	background-color:#f6e6b8;
	color:#a48834;
}
.user-thumbnail[data-color="3"]{
	background-color:#efb0b0;
	color:#993333;
}
.user-thumbnail[data-color="4"]{
	background-color:#f2cef1;
	color:#a442a3;
}
.header-thumbnail,
.table-thumbnail{
	width:2rem;
	height:2rem;
	font-size:1rem;
}
/* sidebars */
.sidebar-fixed .sidebar-content{
	margin-bottom:-8px;
	bottom:0;
}
.sidebar-fixed .sidebar-content .sidebar-category:last-child{
	margin-bottom:48px;
}
.sidebar-content{
	padding-bottom:0;
}
.nav-sidebar .nav-link{
	align-items:center;
}
/* versions */
.minor-version{
	opacity:0.6;
}
/* footer */
.footer-section{
	background:#4A4541;
	color:#ccc;
	padding:10px 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	z-index:100;
}
	.footer-credits{
		float:left;
	}
	.footer-nav{
		float:right;
	}
		ul.footer-menu{
			margin:0;
			padding:0;
			list-style-type:none;
		}
	.footer-section a{
		color:#ddd;
	}
	.footer-section a:hover{
		color:#eee;
	}

/* icomoon fix */
[class^="icon-"],[class*=" icon-"]{
	font-size:var(--icon-font-size);
}

/* Custom classes */
.hide{
	display:none !important;
}
.hidden{
	display:none;
}
.landing-content{
	padding-top:50px;
}
.margin-auto{
	margin-left:auto;
	margin-right:auto;
}
.progress-bar-linear{
	transition:0.3s linear;
}
.bg-grey-200{
	background:#ddd;
}

.btn .button-notification{
	position:absolute;
	top:-10px;
	left:22px;
}
.btn-sm .button-notification{left:20px;}
.btn-xs .button-notification{left:18px;}
.btn-lg .button-notification{left:28px;}
.btn-xlg .button-notification{left:30px;}
.bounce-notification{
	-webkit-animation-duration:10s;
	animation-duration:10s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:notificationBounce;
	animation-name:notificationBounce;
}
@keyframes notificationBounce{
	from{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
	3%{
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	4%{
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	5%{
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	6.5%{
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	7.5%{
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	10%{
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	100%{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}

/*responsive*/

@media (max-width: 1199px) {
	/* Custom classes */
	.hide-md{
		display:none;
	}
}
@media (max-width: 991px) {
	/* Custom classes */
	.hide-sm{
		display:none;
	}
}
@media (max-width: 767px) {
	.navbar-brand > img{
		margin:2px -60px;
	}
	/* sidebar */
	.sidebar-fixed .sidebar-content{
		margin-bottom:0;
	}
	/* footer */
	.footer-section{
		padding:10px 5px;
		position:relative;
	}
	.footer-credits,
	.footer-nav{
		float:none;
		text-align:center;
	}
	/* Custom classes */
	.hide-xs{
		display:none;
	}	
	.dropdown-large{
		width:100% !important;
	}
	.dropdown-content.dropdown-large{
		border-bottom:1px solid #ddd !important;
		border-top:1px solid #ddd !important;
	}
	.menu-heading{
		color:inherit;
	}
	.menu-heading.underlined{
		border-bottom: 1px solid #eee;
	}
}