/* Fix 43479 - inizio */ 
/*
:root {
  --azzurro: rgb(117, 144, 166);
  --bianco: rgb(245, 247, 247);
  --grigio: rgb(176, 176, 176);
  --rosso: rgb(213, 104, 102);
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url('./../../../../../../ng/Roboto-Regular.ttf');
}
*/

/* @import url('responsiveLookPthConst.css'); */ /*43871*/

* {
    font-family: pthFont !important;
    caret-color: var(--primary-color);
}

:root{
  /* For Firefox */
  scrollbar-color: var(--primary-color) var(--accent-color);
}
/* Fix 43479 - fine */

table{
	width: 100%;
}

a{
	/* font-family: Roboto !important; */  /* 43479 */
	font-size: 13px !important;
	color: var(--azzurroScuro) !important;  /* 43479 */
}

.right-logo{
    padding-top: 0px;    
    padding-bottom: 13px;	/*42304*/
    /* 43479  - inizio */ 
    margin-left: 0px;
    padding-bottom: 0px; 
    vertical-align: top;
    padding-top: 75px;
    /* 43479  - fine */
}

.entraTD{
	display: flex;
	justify-content: end;
	height: 32px;
	margin-right: -6px;
}

.forgetPasswordTD{
	height: 16px !important;
}

#btnEntra{
	width: 100px !important;
}

.loginTable{
    background-image: none;
    /* border: 5px solid RGB(80, 76, 75); //<43479 */
    /* border: 3px solid rgb(79, 91, 105); // 43479 */
    border: 2px solid rgb(79, 91, 105); /* Fix 43704 */ 
    border-radius: 10px;
    background-color: RGB(255, 255, 255);
    padding: 15px;
}


.loginInputbox {
	width:100%;
	font-family: Roboto;
	font-size: 13px;
	height: 32px;
	border-radius: 4px;
	border: 1px solid rgb(233, 236, 236);
	background-color: var(--bianco);
	padding: 8px;
	outline: none;
	caret-color: var(--azzurro);
}

/* Fix 45981 - inizio */
.loginInputbox::placeholder {
	color: transparent;
}
/* Fix 45981 - fine */

.loginEtichetta {
	font-family: Roboto;
	font-size: 13px;
	padding-left: 0px !important;
}

.loginBtn {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 700;
	color: var(--bianco);
	height: 32px;
	border: 1px solid var(--azzurro);
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	background-color: var(--azzurro);
}

.aspetto-toggle-container {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	min-height: 32px;
}

.ui-toggle-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.toggle-label-container{
	display: flex;
    overflow-wrap: break-word;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.toggle-label{
	font-family: Roboto;
	font-size: 13px;
}

input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 32px;
    height: 16px;
    background: rgb(233, 236, 236);
    border-radius: 15px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

input:checked[type="checkbox"] {
    background: var(--azzurro);
}

input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0px;
    left: 0px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   	transform: scale(1.1);
    transition: 0.1s;
}

input:checked[type="checkbox"]::after {
    left: 50%;
    
}

.news-video-td {
	display:none;
}


.version-container{
	display: flex;
	flex-direction: row;
	justify-content: end;
	font-family: 'Roboto';
	font-size: 13px;
	color: var(--grigio);
}

/* 43343 - inizio */
.dismiss-legacy-container{
	display: flex;
	gap: 3px;
	flex-direction: row;
	justify-content: end;
	font-family: 'Roboto';
	font-size: 13px;
	color: var(--rosso);
}
/* 43343 - fine */

.mobile-logo-panthera-TR {
 	display: none;
}

.mobile-logo-panthera-TD {
	display: flex;
	flex-direction: column;
}

.mobile-logo-panthera-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
}

/* Fix 45981 - inizio */
.mobile-logo-panthera-container img {
	height: 70px;
    width: auto;
}
/* Fix 45981 - fine */

@media only screen and (min-width: 601px)  and (max-width: 768px) {
	.loginTable {
		border-width: 2px;
	}
}


@media only screen and (max-width: 600px) {
	
	.loginTable {
		border-width: 2px;
		width: 97.9vw;
		padding-top: 15px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 15px;
	}
	
	
	.mobile-logo-panthera-TR {
 		display: block;
	}
	
	/* Fix 45981 - inizio */
	#loginTD, #pwdTD, #aziendaTD {
		display: none;
	}
	
	.loginInputbox::placeholder {
		color: var(--grigio);
	}
	/* Fix 45981 - fine */
	
	#btnEntra{
		width: 125px !important;
	}
	
	.login-div {
		top: 15%;
	}
}

@media only screen and (max-height: 500px) {
	
	.login-div {
		top: 20px;
	}
	
}

.animated {
  animation-duration: 0.3s;
  animation-name: animate-version;
}

@keyframes animate-version {
  0% 	{ margin-right: 10px; opacity: 0.9;}
  100% 	{ margin-right: 0px; opacity: 1;}
}

@media only screen and (max-height: 374px) {
		
	.mobile-logo-panthera-TR{
		display: none;
	}
	
}


/*
SCELTA AZIENDA
*/

.headerSceltaAzienda {
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold !important;
	color: var(--azzurro) !important; 
}

.rigaSceltaAzienda {
	height: 20px;	
	font-family: Roboto;
	font-size: 13px;
	font-weight: normal !important;
}

/*
ERRORS
*/

.HEADER_TOP {
	background-image: none !important;
}

.logoutEtichetta {
	height: 20px;	
	font-family: Roboto;
	font-size: 13px;
	font-weight: normal !important;
}

.loginErrorLinks {
	height:100px;
}

.loginWarningLinks {
	height:100px;
}

/*
CAMBIO PASSWORD
*/

.headerCambioPassword {
	padding-top: 0px !important;	
	font-weight: bold !important;
	color: var(--azzurro) !important; 
}

.cambiaPasswordTD {
	text-align: right;
}

/*
ERRORE CAMBIO PASSWORD
*/

.headerPwdError {
	color: var(--azzurro) !important; 
}

.msgPwdError {
	padding-bottom: 0px !important; 
}

/*
ANNOIATORE
*/

.headerElencoAziende {
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold !important;
	color: var(--azzurro) !important; 
}

.rigaAziendaAttiva {
	height: 20px;	
	font-family: Roboto;
	font-size: 13px;
	font-weight: normal !important;
}

.pulse {
  fill: var(--azzurro) !important;
}

/* 43479 - inizio */

.loginBody {
	background-image: url("../images/responsiveSfondoLogin.jpg?v=2"); /* Fix 43704 */ 
	
}

/* 43479 - fine */

