/* Copyright (c) 2026 Catalin Juganaru. All rights reserved. */
/*
    Document: filacss.css
    Creat   : 16 Mai 2025
    Autor   : Catalin Juganaru / SOFTCONTROL SRL
*/

.desktop-only{ display: initial; }
.mobile-only{ display: none; }

.org-badge {
  display: inline-block;
  padding: 0px 0px 2px 10px;
  margin: 0px 0px 0px 0px;
  //border-radius: 10px;
  background-color:rgb(255,255,255); //rgb(5,71,32);
  color:rgb(5,71,32); //rgb(255,255,255);
  font-size: 12px;
  font-family:verdana;	
  font-weight: 600;
  vertical-align:middle;
  margin-top:0px;
	
}

/* user_profile.htm layout */
.profile-content {
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  margin-top: 12px;
  font-size:14px;
  font-family:verdana;

}

.profile-msg {
  color: #b00;
  font-weight: bold;
  font-size:14px;
  font-family:verdana;

}

.profile-form {
  background: #fff;
  padding: 12px;
  border-radius: 10px;
  font-size:14px;
  font-family:verdana;

}

.pre-form {
  margin-top:10px;
  background: #f7f7f7;
  padding: 8px;
  border-radius: 8px;
  max-height:240px; 
  overflow:auto;
}

.pre-form2 {
  margin-top:10px;
  background: #f7f7f7;
  padding: 8px;
  border-radius: 8px;
  max-height:240px; 
  overflow:auto;
  grid-column: 1 / span 6; 
  min-height:90px;
}

.pre2-form {
  display: none;
  background: #f7f7f7;
  padding: 8px;
  border-radius: 8px;
 }

.profile-grid {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 10px;
  align-items: center;
  font-size:14px;
  font-family:verdana;

}

.profile-grid2 {
  //display: grid;
  padding: 0px 0px 0px 0px;
  //grid-template-columns: 140px 180px 140px 120px 1fr;
  //gap: 10px;
  align-items: center;
  font-size:12px;
  font-family:verdana;

}

.profile-grid3 {
  display: grid;
  padding: 0px 0px 0px 0px;
  grid-template-columns: 140px 180px 120px 1fr;
  gap: 10px;
  align-items: center;
  font-size:14px;
  font-family:verdana;

}

.profile-grid4 {
  display: grid;
  grid-template-columns: 140px 180px 120px 1fr 120px 1fr;
  gap: 10px;
  align-items: center;
  font-size:14px;
  font-family:verdana;

}

#adminOnlyRow{
 
}

.password-section {
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px dashed #ccc;
  font-size:14px;
  font-family:verdana;

}

.profile-2fa {
  margin-top: 16px;
}

.totp-setup {
  margin: 8px 0 4px 0;
}

#totpSecret,
#totpUri,
#totpCode {
  width: 100%;
  max-width: 520px;
  margin: 6px 0 12px 0;
  display: block;
}

#totpUri {
  min-height: 54px;
  resize: vertical;
}

#totpQr {
  display: block;
  margin: 6px 0 12px 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 220px;
  height: 220px;
  padding: 6px;
}

.password-grid {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 10px;
  align-items: center;
  margin-top: 6px;
  font-size:14px;
  font-family:verdana;

}

.bans-grid {
  display: grid;
  grid-template-columns: 160px 1fr 140px 1fr;
  gap: 10px;
  align-items: center;
  font-size:14px;
  font-family:verdana;

}

.logs-grid {
  display: grid;
  grid-template-columns: 120px 1fr 120px 1fr;
  gap: 10px;
  align-items: center;
  margin-top: 6px;
  font-size:14px;
  font-family:verdana;

}

.layout-grid {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 12px;
  align-items: center;
  margin-top: 6px;
  font-size:14px;
  font-family:verdana;

}

.layout-grid {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 12px;
  align-items: center;
  margin-top: 6px;
  font-size:14px;
  font-family:verdana;

}

.login-grid2 {
  display: grid;
  //grid-template-columns: 360px 1fr;
  //gap: 12px;
  align-items: center;
  margin-top: 6px;
  font-size:14px;
  font-family:verdana;

}

.login-grid {
  max-width: 95%; //520px;
  height: 100%;
  margin: 30px 0px 100px 60px;
}

.profile-buttons {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font-size:14px;
  font-family:verdana;

}

.global-toast-host{
  position: fixed;
  top: 14px;
  right: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10000;
}

.global-toast{
  padding: 9px 12px;
  border-radius: 9px;
  color: rgb(255,255,255);
  font-size: 14px;
  font-family: verdana;
  box-shadow: 0 8px 18px rgba(0,0,0,.2);
  max-width: 380px;
  word-break: break-word;
}

.global-toast--info{ background-color: rgb(40,130,200); border: 1px solid rgb(35,37,119); }
.global-toast--success{ background-color: rgb(30,142,62); border: 1px solid rgb(12,87,36); }
.global-toast--error{ background-color: rgb(179,38,30); border: 1px solid rgb(120,24,20); }

.list-menu {
  margin: 0, 0, 0, 0;
  padding: 0, 0, 0, 0;
  list-style: none;
  font-size:14px;
  font-family:verdana;

}

.menu-filter {
    font-size: 14px;
    font-family: verdana;
    color: #1f2d3d;
    background: rgb(230,250,255);
    border: 1.5px solid rgb(35,37,119);
    border-radius: 6px;
    padding: 4px 8px;
    margin-bottom: 8px;
}

/* Common search input sizing (single source for all pages) */
.toolbar #q,
.toolbar input[type="text"],
.toolbar input[type="search"],
input[type="search"],
.menu-filter {
    height: 24px;
    font-size: 12px;
    padding: 0px 8px 0px 8px;
    border-radius: 6px;
    color: rgb(35,37,119);
    background-color: rgb(230,250,255);
    border: 1.5px solid rgb(35,37,119);
    box-sizing: border-box;
    outline: none;
}

#btnRemove,
#btnCancelNew,
.butSalveaza
{
	width: 10.0em; //10%;
	height: 2.1em; //5.0%;
	padding: 5px 5px 5px 8px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	color:rgb(255,255,255);
	background-color:rgb(40,130,200);
	box-sizing: border-box;
	border: 1.5px solid rgb(35,37,119);
	border-radius: 10px;
	cursor: pointer;
	font-family:verdana;

}

.profileEditBox
{ 
	width: 40%;
	height: 100%;
	padding: 0px 0px 0px 10px;
	margin: 5px 5px 0px 20px;
	font-size:14px;
	color:rgb(35,37,119);
	background-color:rgb(230,250,255);
	box-sizing: border-box;
	border: 1.5px solid rgb(35,37,119);
	border-radius: 10px;
	display: -webkit-flex; 
	display: flex; 
	font-family:verdana;

}

#user
{
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size:14px;
	font-family:verdana;
	color:rgb(35,37,119);
	background-color:rgb(240,250,255);
	box-sizing: border-box;
	border: 1.5px solid rgb(35,37,119);
	border-radius: 10px;
	display: block;
	width: 100%;
	max-width: 520px;
}

#pass
{
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size:14px;
	font-family:verdana;
	color:rgb(35,37,119);
	background-color:rgb(240,250,255);
	box-sizing: border-box;
	border: 1.5px solid rgb(35,37,119);
	border-radius: 10px;
	display: block;
	width: 100%;
	max-width: 520px;
}

#otp
{
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size:14px;
	font-family:verdana;
	color:rgb(35,37,119);
	background-color:rgb(240,250,255);
	box-sizing: border-box;
	border: 1.5px solid rgb(35,37,119);
	border-radius: 10px;
	display: block;
	width: 100%;
	max-width: 520px;
}

/* Desktop: input-urile din formularul de login mai mari */
#loginForm input 
{
  width: 15em;
  height: 2.2em;
  padding: 0px 0px 0px 10px;
  box-sizing: border-box;
}

#d1  /*format zona alba din topul paginii*/
{
	width: 95%;
	height: 18%;
	position: relative;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 15px;
	//border: 1px solid red;
	border-radius: 10px;
	background-color:rgb(255,255,255);
	font-size:14px;
	font-family:verdana;
	//overflow:auto;

	-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
     	-moz-user-select: none; /* Firefox */
     	-ms-user-select: none; /* Internet Explorer/Edge */
     	user-select: none; /* Non-prefixed version, currently
     	                            supported by Chrome and Opera */
}


#d2  /*format zona alba din topul paginii*/
{
	width: 95%;
	height: 100%;
	position: relative;
	padding: 20px 20px 20px 20px;
	margin: 10px 10px 10px 15px;
	//border: 3px solid red;
	border-radius: 10px;
	background-color:rgb(255,255,255);
	font-size:14px;
	font-family:verdana;
	//overflow:auto;

	-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
     	-moz-user-select: none; /* Firefox */
     	-ms-user-select: none; /* Internet Explorer/Edge */
     	user-select: none; /* Non-prefixed version, currently
     	                            supported by Chrome and Opera */

}

#d3  /*format zona alba din topul paginii*/
{
	width: 95%;
	height: 20%;
	position: relative;
	padding: 20px 20px 20px 20px;
	margin: 10px 10px 0px 15px;
	//border: 1px solid red;
	border-radius: 10px;
	background-color:rgb(255,255,255);
	font-size:12px;
	font-family:verdana;

	-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
     	-moz-user-select: none; /* Firefox */
     	-ms-user-select: none; /* Internet Explorer/Edge */
     	user-select: none; /* Non-prefixed version, currently
     	                            supported by Chrome and Opera */

}

#f1
{
	color:rgb(35,37,119);
	font-size:2.4vh;
	font-family:verdana;
	font-weight:bold;
	//border: 1px solid red;
	text-align:left;
	//padding-left:4%;
	padding: 0px 0px 0px 25px;
	
	vertical-align:top;
	margin-top:0px;
	margin-bottom:0px;
	width: auto;

}

#f2
{
	color:rgb(5,71,32);//rgb(78,169,255);
	font-size:1.8vh;
	font-family:verdana;
	font-weight:bold;
	//border: 1px solid red;
	text-align:left;
	padding: 0px 10px 0px 0px;
	vertical-align:bottom;
	margin-top:0px;
	width: auto;

}

#f3
{
	color:rgb(35,37,119);//rgb(5,71,32);//rgb(78,169,255);
	padding: 0px 0px 0px 0px;
	font-size:1.6vh;
	font-family:verdana;
	//font-weight:bold;
	//border: 1px solid red;
	text-align:right;
	vertical-align:bottom;
	margin-top:0px;
	width: auto;
}

.c1
{
	object-fit:contain;	
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	vertical-align:middle;
	text-align:left;
	width: 40%;
	height: 67px;
}



.b1         /*culoare body1*/
{
	//background-color: rgb(35,37,119);
	background-color: rgb(5,71,32);  
}


input[type=text]:focus /* When the input field gets focus, change its width to 60% */
{
     	//width: 85%;
	//font-size:14px;
	//color:rgb(35,37,119);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button 
{
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number]
{
	-moz-appearance: textfield;
}


#l1
{ 
	position: static;//absolute;//relative;
	width: 20%;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	color:rgb(35,37,119);
	//box-sizing: border-box;
	//border: 2px solid rgb(35,37,119);
	//border-radius: 20px;
	vertical-align:top;
	text-align:center;
	font-size:12px;
	font-family:verdana;

	
	
}


#auditTable
{
	width: 100%;
	//height: 80%;
	border-collapse:collapse;
	vertical-align:middle;
	text-align:left;
	padding: 0px 0px 0px 60px;
	margin: -80px 0px 0px 0px;
	//border: 1px solid red;
	//border-radius: 20px;
	//background-color:rgb(255,255,255);
	//font-size:14px;
	//font-family:verdana;
}

#auditTable th
{
	//white-space:nowrap;
}

#t1
{
	width: 100%;
	height: 80%;
	vertical-align:middle;
	text-align:left;
	padding: 0px 0px 0px 60px;
	margin: -80px 0px 0px 0px;
	//border: 1px solid red;
	//border-radius: 20px;
	//background-color:rgb(255,255,255);
	//font-size:14px;
	//font-family:verdana;
}

#t1 td
{
	width: 40%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align:	middle;
	text-align:left;
	//border: 1px solid red;
	
}

#t2
{
	width: 100%;
	height: 100%;	
	vertical-align:middle;
	//text-align:center;
	padding: 20px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
	//border: 1px solid red;
	//border-radius: 20px;
	//background-color:rgb(255,255,255);
	//font-size:14px;
	//font-family:verdana;
}

#t2 td
{
	width: 50%;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	//border: 1px solid red;
	vertical-align:middle;
	//text-align:left;
	
}

#butLogin
{
	width: 15em; //70%;
	height: 2.3em;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size:14px;
	color:rgb(255,255,255);
	background-color:rgb(40,130,200);
	box-sizing: border-box;
	border: 1.5px solid rgb(35,37,119);
	border-radius: 10px;
	cursor: pointer;
	vertical-align:middle;
	text-align:center;
	//display: -webkit-flex; 
	//display: flex;
}

#butLogout
{
	width: 18%;
	height: 2.1em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	color:rgb(255,255,255);
	background-color:rgb(40,130,200);
	box-sizing: border-box;
	border: 1.5px solid rgb(35,37,119);
	border-radius: 8px;
	cursor: pointer;
}


a:link, a:visited
{
	background-color:rgb(5,71,32);//rgb(35,37,119);//(220,250,255);
	color:rgb(255,255,255);//(78,169,255);
	padding: 5px 10px 5px 10px;
	margin: 3px 20px 0px 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 8px;
}


.delogare   /*format text stanga-jos: formular de delogare*/
{
font-size:18px;
font-family:arial;
text-align:left;
//padding: 5px 10px 5px 10px;
color:white;
font-weight:bold;
}

//.delogare_scheme   /*format text stanga-jos: formular de delogare*/
//{
//font-size:18px;
//font-family:arial;
//text-align:left;
//padding:0.2% 0.2% 0.2% 0.2%;
//color:white;
//font-weight:bold;
//vertical-align:top;
//}

.delogare_scheme_left
{
	padding: 0px 0px 50px 0px;
	float:left;
	display:inline-block;
}
.delogare_scheme_right
{
	padding: 0px 0px 50px 0px;
	float:right;
	display:inline-block;
}

.cardAdminUserPicker
{
	//display: none; 
	background: #fff; 
	padding: 12px; 
	border-radius: 10px;
	margin-bottom: 12px;
	font-size:14px;
	font-family:verdana;

}

.userSel
{
	min-width: 240px;
}

.dU
{
	margin-top: 6px;
	color: #555;
}

#dU
{
	margin-top: 6px;
	color: #555;
}

/* ANAF pages: align controls with CRUD look */
.ctl-24 {
	height: 24px !important;
	min-height: 24px;
	padding: 0px 8px !important;
	margin: 0px !important;
	font-size: 12px !important;
	color: rgb(35,37,119);
	background-color: rgb(230,250,255);
	border: 1.5px solid rgb(35,37,119);
	border-radius: 6px;
	box-sizing: border-box;
}

.btn-crudlike {
	width: auto !important;
	min-width: 72px;
	height: 24px !important;
	padding: 0px 8px !important;
	margin: 0px !important;
	font-size: 12px !important;
	color: rgb(255,255,255);
	background-color: rgb(40,130,200);
	border: 1.5px solid rgb(35,37,119);
	border-radius: 6px;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 20px;
}

.btn-crudlike:hover {
	background-color: rgb(32,112,178);
	border-color: rgb(35,37,119);
}

.btn-crudlike-sm {
	height: 24px;
	padding: 0px 8px;
	font-size: 12px;
	color: rgb(255,255,255);
	background-color: rgb(40,130,200);
	border: 1.5px solid rgb(35,37,119);
	border-radius: 6px;
	cursor: pointer;
}