/* 
   Theme Name: tTh child BMF Tichete 
   Theme URI: http://hd.bmfgrup.eu 
   Description:  BMF Tichete child theme of tTh 
   Author:       Traian GEICU 
   Author URI:   http://geicu.net 
   Template:     tTh
   Version:      1.0.0 
   License:      GNU General Public License v2 or later License URI:  http://www.gnu.org/licenses/gpl-2.0.html 
   Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready 
   Text Domain:  tThchild
 */

.main-panel>.content {
	padding: 78px 10px 20px 260px;
	min-height: calc(100vh - 70px);
}

body {
	background-color: #181825!important;
	font-size: 13px;
}

b,
strong {
	font-weight: 600;
}

.sidebar .logo img {
	max-width: 100px;
	border-radius: 0;
}

.content-detalii {
	/* width: 100vw; */
}

.card-title h4 {
	padding-top: 20px;
}

.table>tbody>tr>th {
	padding: 10px 7px;
	font-size: 12px;
/*	white-space: nowrap;*/
	cursor: pointer;
}
.table>tbody>tr>th :hover{
	background-color: #2c74f6;
}
tr:nth-child(even) {
	background-color: #30818e;
}

.log-out-button {
	margin-top: 17px;
	text-align: center;
	display: block;
	width: fit-content;
	float: right;
	margin-right: -10px;
}

.btn-primary {
	border-radius: 50px!important;
	border-width: 0!important;
}

.btn {
	border-radius: 50px!important;
	border-width: 0!important;
	font-size: 13px;
}

.row {
	margin-right: 0!important;
	margin-left: 0!important;
}

.card-body {
	padding: 30px 45px;
}


body {
	font-family: -apple-system, BlinkMacSystemFont, "Poppins", sans-serif!important;
}

html {
	margin-top: 0px !important;
}

.font_weight_bold {
	font-weight: 300;
}

textarea {
	background-color: #27293c;
	padding: 0.5rem 0.7rem!important;
}

.v_color_yellow {
	color: #eae415;
}

::-webkit-scrollbar {
	width: 10px;
	/* Remove scrollbar space */
	/* height: 40px; */
	/* background: #2d505f; */
	/* Optional: just make scrollbar invisible */
}

.main-panel {
	border-top: 0px solid #277df7!important;
	margin-top: 32px;
	background: #181825;
}

.main-panel>.content {}

.sidebar .logo .simple-text {
	padding: 3px 0px;
}

.footer {
	padding: 0px 0 0px 205px;
	z-index: 0;
	position: fixed;
	bottom: 0;
	right: 0px;
	float: right;
	width: 100vw;
	background-color: #181825;
}


/* Optional: show position indicator in red */

::-webkit-scrollbar-thumb {
	background: #3e9aa9;
	height: 90px;
}

.height_400px {
	min-height: 400px;
	color: #fff;
	padding-left: 23px;
	padding-top: 20px;
}

#notificariApp {
	font-size: 12px;
	font-weight: 300;
	text-align: left;
	padding-bottom: 20px;
}

.dropdown-menu {
	background-color: #1d8bf8!important;
}

.dropdown-menu:before {
	color: #1d8bf8!important;
}

.navbar-absolute {
	z-index: 999999!important;
}

.nav {
	padding-left: 15px;
}

.nav li {
	padding-left: 50px;
	padding-bottom: 5px;
	font-size: 12px!important;
	font-weight: 100;
}

.sidebar .nav i,
.off-canvas-sidebar .nav i {
	font-size: 16px!important;
	margin-right: 10px!important;
	width: 20px!important;
	margin-left: -30px;
}

.sidebar .nav p,
.off-canvas-sidebar .nav p {
	font-size: 15px;
	margin-bottom: 0px!important;
	font-weight: 500;
	height: 30px;
	text-align: left;
	font-family: 'Poppins';
}


/* SIDEBAR MENU MODS */


/* .sidebar, .off-canvas-sidebar{	margin-top:110px!important;} */

.sidebar,
.off-canvas-sidebar {
	width: 245px!important;
	margin-top: 0px!important;
	margin-left: 0!important;
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 60%)!important;
	border-radius: 0px!important;
	background: #2d505f!important;
	z-index: 15!important;
}

#sidebar-menu {
	margin-bottom: 10px;
}


/* TABLE MODS */

.ticket-id-date {
	padding: 10px 20px!important;
}

.tab_inner {
	width: 100%;
}

.tab_inner table,
.tab_inner tr {
	background-color: #25283b00;
	font-size: 11px;
	width: 100%;
}

.card {
	/* display: flex!important; */
	border: 0!important;
	border-radius: 0!important;
	position: relative;
	width: 100%;
	margin-bottom: 3px!important;
	box-shadow: 0 0px 0px 0px rgb(0 0 0 / 10%)!important;
	background-color: #3f9aa9!important;
}
#myTable{
	margin-top:40px;
}
#ecran_filtre .card {
	background-color: #2d505f!important;
}

.header-tichet p {
	font-size: 11px!important;
	margin-bottom: 0px;
}

.header-tichet td {
	vertical-align: top!important;
	width: 25%;
}

.subiect-tichet td {
	width: 50%!important;
}

.nr-s1 {
	font-size: 24px;
	font-weight: 500!important;
	padding-bottom: 5px;
}

.t_click:active {
	background-color: #2c74f6!important;
}

.t_click:hover {
	background-color: #2c74f6!important;
}

.fixed-plugin:hover {
	background-color: #434661!important;
}

.card-header .t_click:hover {
	background-color: #4c4c6f00!important;
	color: #efcbc6;
}



.t_click {
	/* text-align: center!important; */
	height: 100%;
	vertical-align: middle;
}

.card-title {
	/* padding-top:20px; */
	/* padding-bottom: 20px!important; */
	height: 45px;
	line-height: 25px;
	margin-bottom: 0!important;
	width: max-content;
	display: block;
	position: absolute;
	z-index: 9999;
	top: -5px;
}

.close-details {
	width: 45px!important;
	text-align: center;
	background-color: #85222f!important;
	color: #fbfbfbd6!important;
	font-size: 21px!important;
	font-weight: 500;
	height: 45px!important;
	display: block;
	line-height: 42px;
	float: right;
	top: 0px;
	position: absolute;
	right: 0;
	z-index: 9999;
}

.t_click i {
	font-size: 16px;
	margin-bottom: 0px;
	padding-right: 0px;
	text-align: center!important;
	width: 100%;
	display: block;
}

.t_click:hover {
	color: white;
}

.t_click span {
	font-size: 12px;
}

.tichet-closed {
	display: table;
	margin-bottom: 0!important;
}

.actiuni-tichet {
	display: flex;
	background-color: #23263a;
}

.tichet-closed .t_click {
	vertical-align: middle!important;
	height: 80px!important;
}

.tichet-closed td {
	vertical-align: middle;
}

.ticket-id-date {
	/* vertical-align: top!important; */
}


/* TABLE MODS */

.detalii-achizitii {
	background-color: #27293c;
	border-bottom: 3px solid #1e1e2b;
}

.detalii-achizitii td {
	width: auto;
}

.table {
	color: #ffffff!important;
}

.adauga-tichet {
	background-color: #3e9aa9;
}

tr:hover {
	background-color: #1d3742;
}

th,
td {
	padding: 4px;
	max-width: 100%;
}

table {
	max-width: 100%;
	height: 100%;
	width: 100%!important;
	border-bottom: 1px solid #ffffff14!important;
}

.istoric-tichet {
	background-color: #1f3b5d;
	margin-bottom: 0!important;
	/* margin-left: -15px; */
	/* margin-right: -15px; */
}

.activitati-asociate,
.raport-executie {
	background-color: #193957;
	margin-bottom: 0px!important;
}

.factura {
	background-color: #112f54b0;
	margin-bottom: -20px!important;
}

table.lista-clienti td {
	/* text-align:center; */
}

.date-client {
	text-align: left!important;
}


table,
td,
th {
	border: 0px solid black!important;
}

th:hover {
	background-color: #2c74f6;
	border-top: 0!important;
}

.table-factura tr {
	border-bottom: 1px solid #333;
}

.detalii-tichet {
	width: 15%;
	vertical-align: top!important;
}

.detalii-client {
	width: 40%;
}

.ticket-id-date {
	text-align: left;
	width: 5%;
}

.adauga-fisier {
	padding-left: 0;
}

.data-adaugare {
	padding: 0;
	/* max-width: 55px; */
	/* width: 54px; */
}

.data-adaugare i {
	/* margin-right: 0; */
	font-size: 21px;
}

.data-adaugare span {
	font-size: 10px!important;
	word-break: break-word;
	width: 55px;
	display: block;
	line-height: 13px;
	padding-top: 0px;
	/* text-align: center; */
}

.date-generale {
	width: 50%;
	float: right;
	display: inline-block;
	margin-top: -21px;
}

.partener td {
	width: 50%;
}

.actiuni-tichet td {
	width: 33.333333%;
}

.detalii-tichet-open {
	width: 50%;
	float: left;
	display: inline-block;
}

.subiect-tichet,
.proiect {
	width: 50%;
}

.cerere td {
	width: 50%;
	vertical-align: top;
}

h4 {
	margin-bottom: 5px!important;
	font-size: 15px!important;
}

.detalii-tichet-deschis {
	width: 100%;
	float: left;
	display: inline-block;
}

.actiune-detalii {
	width: 50%;
	background-color: #1e1e2d00;
	border-left: 0px solid #171725;
	display: inline-block;
	padding: 5px;
}

.detalii-tichet-title {
	padding-left: 0;
}

#vezi-detalii .tab_inner th,
.tab_inner td {
	padding: 0!important;
	vertical-align: middle;
	border-top: 0rem solid #e3e3e32b!important;
	text-align: left;
	font-size: 13px;
	line-height: 25px;
}

#vezi-detalii td {
	padding: 30px 30px;
	vertical-align: middle;
	border-top: 0;
	text-align: left;
	font-size: 13px;
	line-height: 25px;
}

#vezi-detalii td:nth-child(odd) {
	background-color: #2c2f44;
}

.tichet-closed .table th,
.table td {
	padding: 20px 15px;
	vertical-align: middle;
	border-top: 0!important;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
}

.content-detalii td {
	padding: 20px 20px!important;
}

.id-card {
	width: 30px!important;
}

.x_close_white {
	width: 30px;
	/* height:30px!important; */
	text-align: center;
	background-color: #ffffff00;
	color: red!important;
	cursor: crosshair;
	vertical-align: middle;
}

.perfect-scrollbar-on {
	margin-top: -32px!important;
}

.nav-open .main-panel {
	/* transform: translate3d(115px, 0, 0)!important; */
}

.navbar.navbar-absolute {
	/* top: 32px; */
}

@media screen and (max-width: 500px) {
	html {
		margin-top: 0px !important;
	}
	.footer {
		padding: 0px!important;
	}
	.footer li {
		padding-left: 0px;
	}
	.subiect-tichet,
	.proiect {
		width: 100%;
	}
	td {
		width: 100%!important;
		display: block;
		max-width: 100vw;
	}
	.table>tbody>tr {
		width: 100%;
		/* display: grid; */
	}
	.ticket-id-date {
		width: 100!important;
	}
	.actiune-detalii {
		height: 90px!important;
	}
	.t_clickt_click {
		width: 100%!important;
	}
	.close-details {
		max-width: 33px!important;
		text-align: center;
		background-color: #dc3545!important;
		color: #fbfbfbd6;
		font-size: 21px;
		font-weight: 300;
		height: 26px!important;
		display: block;
		line-height: 30px!important;
		position: relative;
		/* top: 1px; */
		right: 40px;
	}
	.tichet-closed td {
		width: 20%;
		text-align: center;
		float: left;
	}
	.data-adaugare {
		max-width: 100%;
	}
	.tichet-closed td.ticket-id-date {
		width: 100%!important;
	}
	div.tichet-id-date {
		width: 100%;
	}
	.data-adaugare span {
		width: 100%;
	}
	.tichet-closed td.detalii-tichet {
		width: 100%!important;
	}
	.tichet-closed td.detalii-client {
		width: 100%!important;
	}
	.close-filter {
		position: absolute!important;
		right: 0px!important;
		top: -25px!important;
	}
	.t_click {
		width: 100%!important;
		margin-bottom: 1px;
		/* padding-bottom: 15px!important; */
		/* display: grid; */
		line-height: 17px!important;
	}
	.detalii-tichet {
		width: 30%!important;
	}
	.detalii-client {
		/* width:50%!important; */
		/* float:left; */
	}
}

@media screen and (max-width: 768px) {
	.navbar {
		padding: 35px 20px 10px 20px!important;
	}
	.main-panel .content {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 70px;
	}
	.tichet-closed td {
		display: inline-block;
	}
	.ticket-id-date {
		width: 20%;
	}
	.detalii-tichet {
		width: 30%;
	}
	.detalii-client {
		width: 50%;
	}
	.actiune-detalii {
		width: 25%;
		display: inline-block;
	}
	.rapoarte td {
		vertical-align: top!important;
		width: 100%;
	}
	.rapoarte .detalii-client {
		width: 100%;
	}
}

@media screen and (max-width: 991px) {
	.nav-open .main-panel {
		/* right: 17px!important; */
		-webkit-transform: translate3d(245px, 0, 0);
		-moz-transform: translate3d(230px, 0, 0);
		-o-transform: translate3d(230px, 0, 0);
		-ms-transform: translate3d(230px, 0, 0);
		transform: translate3d(245px, 0, 0)!important;
		opacity: .5;
	}
	#notificariApp {
		padding-left: 65px!important;
		padding-top: 0;
		color: #fff;
		margin-top: -42px!important;
	}
	.nav-open .main-panel #ecran_centru {
		opacity: .2;
	}
	.nav-open .main-panel .navbar {
		transform: translate3d(0px, 0px, 0)!important;
	}
	.date-generale,
	detalii-tichet-open {
		width: 100%;
	}
}


/* TOP FILTER */

.top-filter td {
	width: 100%;
}


/* USER TAB */

.fixed-plugin .adjustments-line a {
	color: #fff!important;
}

.user li {
	display: block;
	padding: 18px 2px;
	width: 100%;
	float: inherit;
	border-top: 1px solid #1d8bf845;
}

.buton-container {
	border-top: 1px solid #21416d;
	margin-top: 10px;
}

.button-container a {
	border-width: 0px;
	border: none;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background: #1e8af8;
	background-color: #2483f7;
	transition: all 0.15s ease;
	box-shadow: none;
	color: #ffffff;
	width: 100%;
	display: inline-block;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	padding: 11px 40px;
	font-size: 0.875rem;
	line-height: 1.35em;
	border-radius: 50px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.button-container a:hover {
	background-color: #387dd2;
}

.bg-white .user-icon {
	color: #1e1e2c;
}

.user-icon {
	font-size: 21px!important;
	padding: 10px;
	color: #fff;
}

.navbar-toggler {
	font-size: 21px!important;
	padding: 0px 15px 0px 0px!important;
}

.navbar {
	padding: 12px 35px 10px 0px;
}

.fixed-plugin {
	color: #fff!important;
	position: fixed;
	right: 26px;
	width: 42px!important;
	height: 40px!important;
	background: rgb(62 154 169)!important;
	z-index: 1!important;
	border-radius: 50px!important;
	text-align: center;
	top: 85px!important;
	font-size: 21px!important;
	line-height: 40px!important;
}

.user-fixed-plugin {
	right: 18px!important;
	top: 3px!important;
}

.fixed-plugin .dropdown-menu {
	right: -10px!important;
	/* left: auto !important; */
	/* top: 12px !important; */
	/* width: 100vw!important; */
	/* border-radius: 0.1875rem!important; */
	/* padding: 35vh 40vw!important; */
	background: linear-gradient(#222a42, #1d253b);
	/* height: 105vh; */
}

.navbar .navbar-toggler-bar {
	height: 1px!important;
}

.navbar-transparent .navbar-toggler {
	color: #fff;
}


/* FILTER MODS */

#ecran_filtre {
	z-index: 2;
	position: relative;
}

.open-filters {
	position: fixed;
	top: 64px;
	right: 31px;
	line-height: 39px;
	z-index: 2;
	max-height: 33px;
	width: 60px;
	padding: 6px 0px;
	background-color: #27293c;
	color: #fff;
	border-radius: 50px;
	font-size: 21px!important;
}

.open-filters:hover {
	color: #fff;
}

.open-filters i {
	font-size: 21px;
}

.tichet_cnt {
	position: absolute;
	right: 50px;
	color: #fff;
	padding-top: 11px;
}

.white-content .form-control {
	background-color: #27293c00;
}

.form-control {
	display: block;
	width: 100%;
	/*height: calc(2.25rem + 5px)!important;*/
	height: calc(2.25rem + 5px);
	padding: 0.5rem 0.7rem!important;
	font-size: 13px!important;
	min-height: 40px;
	font-weight: 400;
	line-height: 1.428571!important;
	color: rgb(243 243 243)!important;
	background-color: #27293c!important;
	background-clip: padding-box;
	border: 0px solid #cad1d7!important;
	border-radius: 0.25rem;
	box-shadow: none;
	transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.ui-menu .ui-menu-item-wrapper:not([white-content]) {
	background-color: #333;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
	font-size: 13px;
}

.tichet-counter label {
	vertical-align: middle;
	font-size: 17px!important;
	padding-top: 33px;
}

#ecran_filtre .row {
	vertical-align: middle!important;
	/* font-size: 13px!important; */
	line-height: 30px;
}

.form-grup span {
	margin-right: 10px!important;
}

.form-group {
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	color: #fff;
}

.card label {
	font-size: 0.85rem;
	margin-bottom: 5px;
	font-weight: 300;
}

h2.close-filter {
	margin-bottom: 0px;
}

#ecran_filtre .title {
	font-weight: 300;
	font-size: 21px;
	line-height: 30px;
}

#ecran_filtre h1,
.h1 {
	line-height: 1.05;
	margin-bottom: 0px;
}


/* FOOTER */

.footer .nav-item {
	/* padding-top: 15px; */
}

.footer li {
	padding-bottom: 5px;
	font-size: 12px!important;
	font-weight: 100;
}


/*mod achizitii*/

td.achizitii-date,
.achizitii-furnizor,
.achizitii-document,
.achizitii-suma,
.achizitii-stare,
.achizitii-raport {
	vertical-align: top!important;
}


/* CLIENTS */

.card-clients {
	background-color: #224978;
	border-bottom: 3px solid #181825;
}


/* adauga tichet */

.v_green {
	background-color: #00ff7f0d !important;
}

.v_red {
	background-color: #8a12125c !important;
	border-bottom: 3px solid #191926 !important;
	color: #eae415 !important;
}
#vad_subiect,
#vad_client,
#vad_filiala,
#vad_ora,
#vad_sursa,
#vad_grup,
#vad_prioritate {
	font-size: 14px;
	/*color: #eae415!important;*/
}

#notificariApp {
	padding-bottom: 30px;
	padding-top: 0;
	color: #fff;
	margin-top: -50px;
	padding-left: 10px;
}


/* table rapoarte */

.rapoarte td {
	vertical-align: top!important;
	width: 10%;
}

.rapoarte .nr-s1 {
	vertical-align: top!important;
	max-width: 30px!important;
	width: 1%;
}

.rapoarte .detalii-client {
	width: 25%;
}


/* X CLOSE */

.x_close {
	width: 30px;
	text-align: center;
	background-color: #FF8C00;
}

.x_close:hover {
	width: 30px;
	text-align: center;
	background-color: red;
	color: white;
	cursor: pointer;
}

.x_close_white {
	width: 30px;
	font-size: 17px!important;
	font-weight: 300!important;
	text-align: center!important;
	background-color: #27293c;
	max-height: 30px!important;
	border-bottom: 2px solid #3e9aa9!important;
}

.x_close_white:hover {
	width: 30px;
	text-align: center;
	background-color: #86202f;
	color: white;
	cursor: pointer;
}

.x_close_white:active {
	width: 30px;
	text-align: center;
	background-color: #86202f;
	color: white!important;
	cursor: crosshair;
}

.content-detalii {
	padding-left: 0px!important;
	padding-right: 0px!important;
	padding-bottom: 0px!important;
	padding-top: 50px!important;
	background-color: #1d3742;
}
.data-tichet{
	font-size: 11px!important;
}
.modal-content2 {

  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}