@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,500;0,600;0,700;1,400&display=swap');

/*Variabili*/
:root {
	--main:#254563;
	--secondary:#0070C0;
	--warning:#FF0000;
	--success:#00B050;
	--waiting:#e39a1a;
	--info:#00B0F0;
    --backgroud_light:#f8f7f6;
	
}

html {font-size:13px;}

body {
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Rethink Sans', sans-serif;
}

/*a {
	color: inherit ;
	text-decoration: none ;
}*/

th .form-control {
    padding: 0.25rem !important
}

td {
	vertical-align: middle;
}


#wrapper {
  position: relative;
  width: 100%;
  min-height: 600px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1;
  padding: 0 10px;
}

.w50 {
    position:relative;
    float:left;
    width:50%;
    margin:0.5rem 25%;

}

.custom_input{

    width:50%;
    padding:0.25rem;
    margin:1rem 0;
    border: 1px solid #cacaca;
    border-radius:4px;
}

.custom_button {
    padding: 0.5rem 1rem;
    border: 1px solid #cacaca;
    border-radius:4px;
    
}
.myresponsive {
    position:relative; 
    float:left; 
    width:100%;
}



.link {
	color:blue !important;
	text-decoration: underline !important;
    cursor: pointer
}

/*Ui Dialog*/
.ui-dialog {position:fixed!important; min-width:42.85rem !important; font-family:inherit !important; z-index:1000 !important}
.ui-widget {font-family:inherit !important}

.ui-dialog :focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: var(--main)
}

.bi-eye-slash {
    width:16px;
    height:16px;
}


.account-wall
{
	margin-top: 10px;
	padding: 40px 0px 20px 0px;
	background-color: #f7f7f7;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.form-signin
{
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
	margin-bottom: 10px;
}
.form-signin .checkbox
{
	font-weight: normal;
}
.form-signin .form-control
{
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus
{
	z-index: 2;
}
.form-signin input[type="text"]
{
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.page-link {
    height:100%;
}

/*OVERLAY*/
#blocca_schermo {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(1,1,1,0.7); display:none; z-index:110;}
#loading {position:fixed; width:5.71rem; height:5.71rem; left:50%; top:50%; margin-left:-2.85rem; margin-top:-2.85rem; border-radius:10px; z-index:111; color:#fff; background: url('../images/icons/loader.gif') no-repeat; background-size:cover; display:none }
#blocca_schermo h6 {position:relative; width:300px; height:300px; left:50%; top:50%; margin-left:-150px; margin-top:60px; color:#fff !important; text-align:center}

.pointer {
    cursor:pointer !important
}


.chat_box1 {
    width:90%; 
    margin-left:10%; 
    padding:0.25rem 1rem; 
    border-radius:10px; 
    border:1px dotted #cacaca; 
    background-color: var(--main); 
    color:#fff
}

.chat_box2{
    width:90%; 
    margin-right:10%; 
    padding:0.25rem 1rem; 
    border-radius:10px; 
    border:1px dotted #cacaca; 
    background-color: #fff; 
    color:#000
}

.chat_input_text{
    width:100%;
}


.danger-badge {
    background-color: red;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.warning-badge {
    background-color: orange;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.success-badge {
    background-color: green;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}


/*MODALE*/
/*MODALE*/
/*MODALE*/
/* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}
/*MODALE*/
/*MODALE*/
/*MODALE*/