/*
	Theme Name:	AdStil Application by Atelierul de IT
	Theme URI: 	https://www.atelier-it/themes/adstil
	Version:	11.25
	Author:		Atelierul de IT
*/
:root,
:root.light,
:root .light {
	--phoenix-gutter-x: 0.5rem !important;
	--phoenix-color-green: #006400;
}

.form-control, .form-select { border-color: #777!important; }
.input-group-text { border-color: #777!important; }
form[name="client-form"] .input-group .input-group-text {
	min-width: 25%;
}
.input-group-xs > .form-control {
	padding: .175rem 0.875rem;
	font-size: 0.7rem;
	border-radius: .175rem;
}

.input-group-xs > .input-group-text {
	padding: .175rem 0.875rem; border-radius: .175rem;
}

.container-sm,
.row,
.gs-5 {
	--phoenix-gutter-x: 0.5rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 0.8rem!important; }

.text-green {
	color: var(--phoenix-color-green);
}
tr.extended td, tr.simple td { position: relative; }
input[type="text"].basic {
	position: relative; 
	width: 100%; 
}
button.basic{ border: solid 1px #000; width: calc(100% - 8px); position: relative; padding: 2px; margin: 0 2px;  }

.spinner-grow-sm {
	--phoenix-spinner-width: 0.8rem;
	--phoenix-spinner-height: 0.8rem;
	background: darkred;
  }

.navbar-vertical .navbar-vertical-footer {
	height: 2rem
}

.form-error { font-size: 0.8rem; background-color: var(--phoenix-danger-600); color: white; }
.form-error h5 { color: white!important; }
.form-error p:last-child { margin: 0; padding: 0; }

.footer {
	height: 2rem;
}
/*
.navbar-vertical-content {
	text-transform: uppercase;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: relative;
	margin: 0;
	border: none;
	padding: 0;
	padding-left: 45px;
	padding-right: 30px;
}

.dropdown-item {
	padding-top: .35rem;
	padding-bottom: .35rem;
	padding-left: 1.75rem;
	margin-left: .75rem;
	margin-right: .75rem;
	border-radius: .5rem;
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--phoenix-navbar-vertical-link-active-color);
	text-decoration: none;
	background-color: transparent;
	border: none;
	font-weight: var(--phoenix-nav-link-font-weight);
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
	background-color: var(--phoenix-navbar-vertical-link-hover-bg);

}
*/

footer.position-fixed {
	background: #efefef;
  	z-index: 9999;
}

.table {
	--phoenix-table-border-color: #545755;
}

.table>thead {
	vertical-align: middle;
}

.table-gray {
	--phoenix-table-color: #fff;
	--phoenix-table-bg: var(--phoenix-color-green);
	--phoenix-table-border-color: #000;
	--phoenix-table-striped-bg: #20242f;
	--phoenix-table-striped-color: #fff;
	--phoenix-table-active-bg: #2c2f3a;
	--phoenix-table-active-color: #fff;
	--phoenix-table-hover-bg: #262934;
	--phoenix-table-hover-color: #fff;
	color: var(--phoenix-table-color);
	border-color: var(--phoenix-table-border-color);
}

.dataTables_info {
	display: inline-block;
	max-width: 50%;
	font-size: 0.81rem;
	margin-bottom: 15px;
}

.dataTables_paginate {
	display: inline-block;
	width: 50%;
	margin-bottom: 15px;
	font-size: 0.81rem;
}

.dataTables_filter {
	display: inline-block;
	float: right;
}

.equipment-dropdown {}

.equipment-dropdown a.activator {
	color: #000 !important;
}

.equipment-dropdown a.activator:after {
	content: none;
}

.equipment-dropdown .dropdown-menu {
	padding: .35rem;
}

.equipment-dropdown .dropdown-item {
	margin: 0;
	padding: .35rem;
}

.card-equipment {}

.card-equipment .card-header {
	padding: .35rem;
}

.card-equipment .card-body {
	padding: .35rem;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35rem;
	padding-top: 0.7rem;
	position: relative;
	margin-top: 1rem;
}

fieldset legend {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	font-size: 0.8rem;
	font-weight: 700;
	transform: translateY(-50%);
	background: #FFF;
	padding: 0.15rem 0.35rem;
	width: auto;
	margin-left: .35rem;
}

.modal-xxl {
	max-width: 90%;
}

.equipmentSelector {
	display: flex;
	width: auto;
	margin: 0 auto;
	justify-content: center;
	position: relative;
	top: 30px;
	z-index :+1;
}


.table-responsive {
	clear: both; float: none; 
}

.table-xs { font-size: 0.7rem!important; }
.table-xs > :not(caption) > * > * {
	padding: 0.25rem 0.25rem;
}

.ads-menu { display : flex; justify-content: center; flex-wrap: wrap; list-style: none; font-size: 0.85rem; margin: 0; padding: 0;  }
.ads-menu a:hover { font-weight: bold; border: solid 1px #000; padding: .15rem; border-radius: .25rem;  }