body {
	min-height: 100vh;
}

/* Header Nav */

#topHeaderNav {
	position: fixed;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 10px 20px 15px 20px;
	background-color: white;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	z-index: 4;
}

#topHeaderNav #logo {
	color: #343B32;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

#topHeaderNav #logo p {
	font-family: 'Poppins Semi Bold';
	font-size: 30.5px;
}

#topHeaderNav #logo span {
	font-family: 'Poppins Semi Bold';
	font-size: 13px;
	color: #C39B6A;
}

#topHeaderNav nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#topHeaderNav nav ul li {
	margin-left: 25px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

#topHeaderNav nav ul li:last-child {
	margin-left: 30px;
}

#topHeaderNav nav .material-symbols-outlined {
	font-size: 27px;
}

#topHeaderNav nav a {
	color: #A3A3A3;
}

#topHeaderNav nav a:hover, #topHeaderNav nav a:focus {
	color: #717171;
}

nav #profileIcon a:hover div, nav #profileIcon a:focus div {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}

nav #profileIcon div {
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50px;
}

nav #profileIcon img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
}

/* SubMenuNotifications */

#subMenuNotifications {
	display: none;
	position: absolute;
	top: 70px;
	right: 140px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	padding: 15px 20px 15px 20px;
	font-size: 12px;
	font-family: 'Poppins';
	background-color: white;
}

#subMenuNotifications p {
	color: #A3A3A3;
}

/* SubMenuProfile */

#subMenuProfile {
	display: none;
	position: absolute;
	top: 70px;
	right: 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	padding: 15px 20px 15px 40px;
	font-size: 15px;
	font-family: 'Poppins';
	background-color: white;
}

#subMenuProfile ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end !important;
	    -ms-flex-align: end !important;
	            -ms-grid-row-align: end !important;
	        align-items: end !important;
}

#subMenuProfile ul li:first-child {
	margin-top: 0;
}

#subMenuProfile ul li {
	margin-top: 10px;
	margin-left: 0 !important;
	text-align: right;
}

#subMenuProfile a {
	color: #717171;
}

#subMenuProfile a:hover, #subMenuProfile a:focus {
	color: #343B32;
}

/* Return Nav  */

#returnNav {
	position: relative;
	right: 6px;
	font-family: 'Poppins Semi Bold';
	font-size: 12px;
	color: #C39B6A;
	margin-bottom: 15px;
}

#returnNav a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#returnNav a:hover, #returnNav a:focus {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#returnNav span {
	font-size:  20px;
}

/* pageContainer */

#pageContainer {
	position: absolute;
	top: 0;
	min-height: 100vh;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* Aside Nav */

#leftAsideNav {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	display: block;
	height: 100vh;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#leftAsideNav nav {
	padding-top: 75px;
	z-index: 6;
	background-color: white;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.material-symbols-outlined {
	font-weight: 300;
}

#leftAsideNav li:first-child {
	margin-top: 17px;
}

#leftAsideNav li {
	background-color: white;
	margin-top: 15px;
}

#leftAsideNav li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #A3A3A3;
}

#leftAsideNav li a:hover, #leftAsideNav li a:focus {
	color: #717171;
}

#leftAsideNav li span {
	width: 27px;
	padding: 0 15px 0 15px;
	font-size: 30px;
}

#leftAsideNav .borderSelected {
	width: 4px;
	height: 40px;
	background-color: white;
	border-radius: 20px 0 0 20px;
}

#selectedPage span {
	color: #717171;
}

#selectedPage .borderSelected {
	background-color: #717171;
}

#leftAsideNav .separator {
	margin: 0 10px;
	height: 1px;
	background-color: #A3A3A3;
}

#contentContainer {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: block;
	padding-top: 75px;
}

#content {
	padding: 25px 20px 25px 30px;
}

#content h1 {
	font-family: 'Poppins Semi Bold';
	color: #343B32;
	font-size: 20px;
}

#todayDate {
	display: inline-block;
	font-family: 'Poppins';
	color: #717171;
	font-size: 15px;
	margin-top: 10px;
}

/** Content **/

#contentHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.subTitleHeader {
	margin-top: 15px;
	font-family: 'Poppins';
	font-size: 13px;
}

/** actionButtons **/

#actionButtons nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#actionButtons li {
	margin-left: 30px;
}

/** Top Result **/

#headerTopResult {
	margin-top: 40px;
	width: 100%;
}

#submitFilters {
	display: none;
}

#headerTopResultSup {
	font-family: 'Poppins';
	color: #717171;
}

#headerTopResultSup form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

#principalForm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

#principalForm input {
	border: none;
	font-family: 'Poppins';
	color: #717171;
	padding: 7px 0;
}

#principalForm div {
	margin-right: 30px;
}

#principalForm select {
	border: none;
	font-family: 'Poppins';
	color: #717171;
	padding-right: 10px;
	padding: 7px 5px 7px 0;
	background-color: white;
}

#principalForm input#selectCommercial, #principalForm input#selectKeyWord {
	font-family: 'Poppins Semi Bold';
	border-bottom: 1px solid #A3A3A3;
	padding-left: 5px;
}

#principalForm input#selectCommercial::-webkit-input-placeholder, #principalForm input#selectKeyWord::-webkit-input-placeholder {
	font-family: 'Poppins';
	color: #717171;
}

#principalForm input#selectCommercial::-moz-placeholder, #principalForm input#selectKeyWord::-moz-placeholder {
	font-family: 'Poppins';
	color: #717171;
}

#principalForm input#selectCommercial:-ms-input-placeholder, #principalForm input#selectKeyWord:-ms-input-placeholder {
	font-family: 'Poppins';
	color: #717171;
}

#principalForm input#selectCommercial::placeholder, #principalForm input#selectKeyWord::placeholder {
	font-family: 'Poppins';
	color: #717171;
}

#headerTopResultSup .buttonBase:hover {
	color: #343B32;
	border: 1px solid #343B32;
}

#filterAltButton {
	font-family: Poppins Semi Bold;
	color: #A3A3A3;
	font-size: 13px;
}

#filterAltButton span {
	font-size: 25px;
	margin-right: 3px;
}

#filterAltButton div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#filterAltButton:hover, #filterAltButton:focus {
	color: #717171;
}

#searchCommercial {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#searchCommercial input {
	width: 200px;
	border: none;
	padding: 0;
}

#headerTopResultMid {
	height: 1px;
	width: 100%;
	background-color: #A3A3A3;
	margin: 15px 0;
}

#headerTopResultSub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

#headerTopResultSub p {
	font-family: 'Poppins';
	font-size: 13px;
	color: #343B32;
}

#headerTopResultSub #selectorView span {
	font-size: 30px;
	color: #A3A3A3;
	cursor: pointer;
}

#headerTopResultSub #selectorView span:last-child {
	margin-left: 10px;
}

#headerTopResultSub #selectorView .selectedView {
	color: #343B32;
	cursor: default;
}

/* Connection Page */

#contentConnectionPage {
	padding: 20px 25px;
}

#contentConnectionPage nav a {
	position: relative;
	right: 13px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #C39B6A;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
}

#contentConnectionPage nav a span {
	font-size: 25px;
}

#connectionBox {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 600px;
	boder-radius: 5px;
}

.respForm span {
	position: relative;
	top: 17px;
	display: block;
	font-family: 'Poppins';
	font-size: 13px;
	color: #CF0101;
}

/* Selection Page */

#selectionBoxes {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

#selectionBoxes ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#selectionBoxes ul div {
	padding: 30px 0px;
	min-width: 280px;
	border: 1px solid #A3A3A3;
	text-align: center;
}

#selectionBoxes ul a {
	color: #A3A3A3;
}

#selectionBoxes ul a:hover div, #selectionBoxes ul a:focus div {
	color: #717171;
	border: 1px solid #717171;
}

#selectionBoxes ul li:first-child {
	margin-right: 100px;
}

#selectionBoxes ul div span {
	font-size: 70px;
}

#selectionBoxes ul div p {
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	margin-top: 20px;
}

/* Properties  */

.grid-container {
	margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(250px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 20px 80px;
}

.grid-item {
	max-width: 350px;
  margin-bottom: 20px;
}

.card {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.card img {
  width: 100%;
  height: auto;
}

.card-content {
  padding: 10px;
  font-family: 'Poppins';
}

.card-content h2 {
	line-height: 25px;
	font-size: 19.2px;
	font-size: 19.2px;
	font-size: 19.2px;
	font-size: 1.2rem;
	margin-bottom: 10px;
	letter-spacing: -1px;
	max-width: calc(100% - 17px);
}

.card-content .circle {
	display: inline-block;
	line-height: 20px;
	width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 7px;
  vertical-align: 2px;
}

span.isOnline {
	background-color: green;
}

span.isDraft {
	background-color: gray;
}

span.isWaiting {
	background-color: orange;
}

span.isOffline {
	background-color: red;
}

.card-content p {
	position: relative;
	right: 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  font-size: 16px;
  font-size: 16px;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
  color: #717171;
  font-family: 'Poppins Semi Bold';
}

.card-content p span {
	font-size: 25px;
	margin-right: 4px;
}

.card-content .accountOwner {
	right: 6px;
}

.card-content .accountOwner span {
	font-size: 23px;
	margin-right: 5px;
}

/* Users */

#listOfUsers {
	width: 100%;
	padding: 30px 0 80px 0;
	font-family: 'Poppins Semi Bold';
}

#listOfUsers ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(200px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 50px 60px;
}

#listOfUsers li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

#listOfUsers .imgTxtContainer {
	position: relative;
	height: 130px;
	width: 130px;
	background-color: rgba(163, 163, 163, 0.05);
	color: rgba(163, 163, 163, 0.35);
	border-radius: 50%;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	margin: 0 auto 20px auto;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

#listOfUsers .imgTxtContainer span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 65px;
}

#listOfUsers .imgContainer {
	position: relative;
	height: 130px;
	width: 130px;
	background-color: rgba(163, 163, 163, 0.05);
	color: rgba(163, 163, 163, 0.35);
	border-radius: 50%;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	margin: 0 auto 20px auto;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

#listOfUsers .imgContainer img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
}

#listOfUsers h2 {
	text-align: center;
	color: #717171;
}

/** listOfGroupsAccess **/

#listOfGroupsAccess {
	margin-top: 20px;
}

#listOfGroupsAccess .imgAndName {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: 'Poppins Semi Bold';
	font-size: 17px;
	color: #343B32;
}

#listOfGroupsAccess img {
	width: 55px;
	height: 55px;
	border-radius: 100%;
	margin-right: 20px;
}

.defaultProfilPic {
	opacity: 0.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

#listOfGroupsAccess {
	width: 100%;
}

#listOfGroupsAccess thead {
	text-align: left;
	font-size: 17px;
	color: #717171;
	font-family: 'Poppins Semi Bold';
}

#listOfGroupsAccess thead th:nth-child(1) {
  width: 35%;
}

#listOfGroupsAccess thead th:nth-child(2) {
  width: 10%;
}

#listOfGroupsAccess thead th:nth-child(3) {
  width: 10%;
}

#listOfGroupsAccess thead th:nth-child(4) {
  width: 15%;
}

#listOfGroupsAccess thead th:nth-child(5) {
  width: 10%;
  text-align: right;
}

#listOfGroupsAccess th, #listOfGroupsAccess td {
  padding: 20px 0;
  vertical-align : middle;
}

#listOfGroupsAccess tr td:nth-child(2) {
	font-size: 15px;
	color: #717171;
	font-family: 'Poppins Semi Bold';
}

#listOfGroupsAccess tr td:nth-child(2) div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.chipActiv {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #3D7531;
	margin-right: 5px;
}

.chipInactiv {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #CF0101;
	margin-right: 5px;
}

#listOfGroupsAccess tr td:nth-child(3) span {
	margin-right: 5px;
}

#listOfGroupsAccess tr td:nth-child(3) div.complete {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 15px;
	color: #3D7531;
	font-family: 'Poppins Semi Bold';
	background-color: #D4FCCB;
	padding: 7px 15px 7px 10px;
	border-radius: 5px;
}

#listOfGroupsAccess tr td:nth-child(3) div.noComplete {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 15px;
	color: #755531;
	font-family: 'Poppins Semi Bold';
	background-color: #FCE5CB;
	padding: 7px 15px 7px 10px;
	border-radius: 5px;
}

#listOfGroupsAccess tr td:nth-child(4) {
	font-size: 15px;
	color: #717171;
	font-family: 'Poppins Semi Bold';
}

#listOfGroupsAccess tr td:nth-child(5) {
	font-size: 25px;
	text-align: right;
	color: #A3A3A3;
	padding-right: 20px;
}

#listOfGroupsAccess tr td:nth-child(5) a {
	margin-left: 15px;
}

#listOfGroupsAccess tr td:nth-child(5) a:hover {
	color: #717171;
}

/*Add nego*/

#containerPopupAddNego {
	width: 35%;
	min-width: 600px;
	position: relative;
	top: 50px;
	margin: auto;
}

#popupAddNego {
	padding: 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#popupAddNego h2 {
  font-family: 'Poppins Semi Bold';
  font-size: 20px;
  color: #343B32;
  padding-bottom: 15px;
  border-bottom: 1px solid #A3A3A3;
  margin-bottom: 25px;
}

#containerPopupAddNego span {
	display: block;
	text-align: center;
	font-family: 'Poppins Semi Bold';
	margin-top: 25px;
	color: #CF0101;
}

#popupAddNego label {
	display: inline-block;
  cursor: pointer;
  font-family: 'Poppins Semi Bold';
  color: #717171;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#popupAddNego .doubleInputRadio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
}

#popupAddNego .doubleInputRadio div {
	margin-right: 25px;
}

#popupAddNego .containerOneInput input[type=text] {
	display: block;
	margin: 12px 0 28px 0;
  color: #717171;
  padding: 10px 15px;
  border: 1px solid #A3A3A3;
  border-radius: 5px;
  font-family: 'Poppins';
  font-size: 15px;
  width: 100%;
}

#popupAddNego .containerOneInput input[type=text]:disabled {
	background-color: rgba(113, 113, 113, 0.32);
	color: #A3A3A3;
}

#popupAddNego .containerOneInput input[type=text]::-webkit-input-placeholder {
	color: #A3A3A3;
}

#popupAddNego .containerOneInput input[type=text]::-moz-placeholder {
	color: #A3A3A3;
}

#popupAddNego .containerOneInput input[type=text]:-ms-input-placeholder {
	color: #A3A3A3;
}

#popupAddNego .containerOneInput input[type=text]::placeholder {
	color: #A3A3A3;
}

#popupAddNego .containerTwoInput {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

#popupAddNego .containerTwoInput div {
	width: 46%;
}

#popupAddNego .containerTwoInput input[type=text] {
	display: block;
	margin: 12px 0 28px 0;
  color: #717171;
  padding: 10px 15px;
  border: 1px solid #A3A3A3;
  border-radius: 5px;
  font-family: 'Poppins';
  font-size: 15px;
  width: 100%;
}

#popupAddNego .containerTwoInput input[type=text]::-webkit-input-placeholder {
	color: #A3A3A3;
}

#popupAddNego .containerTwoInput input[type=text]::-moz-placeholder {
	color: #A3A3A3;
}

#popupAddNego .containerTwoInput input[type=text]:-ms-input-placeholder {
	color: #A3A3A3;
}

#popupAddNego .containerTwoInput input[type=text]::placeholder {
	color: #A3A3A3;
}

#popupAddNego .buttonsValidateOrReturn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

#popupAddNego .buttonsValidateOrReturn input[type=submit] {
	font-size: 15px;
	margin-left: 20px;
}

#containerButtonSuite {
	margin-top: 15px;
}

#containerButtonSuite a {
	font-size: 15px;
	margin-right: 15px;
}

#containerInfosConnexion {
	margin: 50px 0 60px 0;
}

#containerInfosConnexion p {
	font-family: 'Poppins';
	margin-bottom: 20px;
}

#containerInfosConnexion b {
	font-family: 'Poppins SemiBold';
	margin-right: 5px;
}

/** Modify Nego **/

#formModifyNego {
	margin-top: 40px;
}

#formModifyNego label {
	display: block;
	margin-bottom: 10px;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #717171;
}

#formModifyNego input[type=text] {
	display: block;
  border: 1px solid #A3A3A3;
  border-radius: 5px;
  background-color: white;
  color: #717171;
  font-family: 'Poppins';
  font-size: 14px;
  padding: 6px 10px;
  width: 100%;
}

#formModifyNego input[type=submit] {
	display: none;
}

#errorMsg {
	margin-top: 15px;
	font-family: 'Poppins';
	font-size: 15px;
	color: red;
}

/** Profil Pic setting popup ***/

#inputFileProfilPic {
	display: none;
}

#labelForInputFileProfilPic {
	width: 95%;
	margin: 30px 0 50px 0;
	font-family: 'Poppins' !important;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

#labelForInputFileProfilPic p {
	padding: 50px 0;
	border: 2px dashed #A3A3A3;
	text-align: center;
	color: #A3A3A3;
}

#labelForInputFileProfilPic p:hover {
	border: 2px dashed #717171;
	color: #717171;
}

#previewNewProfilPic {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	max-width: 100%;
	max-height: 30vh;
}

#framePreviewBorder {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
  border: 5px solid #C39B6A;
}

/** Dashboard **/

#contentContainerDashboard {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-top: 75px;
	padding-right: 20px;
}

#contentContainerDashboard #content {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-right: 70px;
}

#contentContainerDashboard #aside {
	min-width: 300px;
	max-width: 400px;
	width: 25%;
	padding-top: 10px;
}

/** Negociteurs list **/

#negotiatorTeam {
	width: 100%;
}

#negotiatorTeam .topContainerDiv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 15px 0;
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	color: #343B32;
	border-bottom: 1px solid #A3A3A3;
}

#negotiatorTeam .topContainerDiv span {
	font-family: 'Poppins';
	font-size: 13px;
}

#negotiatorTeam li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 20px;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #717171;
}

#negotiatorTeam li a:hover, #negotiatorTeam li a:focus {
	color: #343B32;
}

#negotiatorTeam .profilPicContainer {
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 20px;
}

#negotiatorTeam .profilPicContainer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/** mailShortcuts **/

#mailShortcuts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-left: 5px solid white;
	color: #343B32;
	padding: 20px 15px 20px 15px;
	margin-bottom: 50px;
	margin-top: 15px;
	border-radius: 3px;
}

#mailShortcuts #icon i {
	font-size: 46px;
	margin-right: 20px;
	color: #717171;
}

#mailShortcuts h3 {
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	margin-bottom: 5px;
}

#mailShortcuts span {
	font-family: 'Poppins';
	font-size: 13px;
}

/** Feed **/

#feed {
	margin-top: 30px;
}

#feed .topContainerDiv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 15px 0;
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	color: #343B32;
	border-bottom: 1px solid #A3A3A3;
}

#feed li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #A3A3A3;
}

#feed li:last-child {
	border: none;
}

#feed .infosUser {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#feed .infosUser img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

#feed .infosUser .text {
	margin-left: 10px;
}

#feed .infosUser h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #343B32;
	margin-bottom: 10px;
}

#feed .infosUser h3 span {
	font-family: 'Poppins';
	font-size: 11px;
	color: #717171;
	margin-left: 10px;
}

#feed .infosUser p {
	font-family: 'Poppins';
	color: #343B32;
	font-size: 14px;
}

#feed .infosUser p a {
	font-family: 'Poppins Semi Bold';
	color: #C39B6A;
}

#feed .infosUser p a:hover, #feed .infosUser p a:focus {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#feed .plusButton {
	width: 25px;
	color: #717171;
	cursor: pointer;
}

#feed .plusButton:hover {
	color: #343B32;
}

#feed .plusButton i {
	font-size: 25px;
}

/** Property **/

#contentContainerProperty {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: block;
	padding-top: 75px;
}

#propertyHeaderInfos {
	margin-bottom: 30px;
}

#propertyHeaderInfos h1 {
	font-size: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#propertyHeaderInfos h1 span.isOnline {
	color: green;
}

#propertyHeaderInfos h1 span.isOnline div {
	background-color: green;
}

#propertyHeaderInfos h1 span.isOffline {
	color: red;
}

#propertyHeaderInfos h1 span.isOffline div {
	background-color: red;
}

#propertyHeaderInfos h1 span.isDraft {
	color: gray;
}

#propertyHeaderInfos h1 span.isDraft div {
	background-color: gray;
}

#propertyHeaderInfos h1 span.isWaiting {
	color: Orange;
}

#propertyHeaderInfos h1 span.isWaiting div {
	background-color: Orange;
}

#propertyHeaderInfos h1 span {
	background-color: inherit;
	font-size: 17px;
}

#propertyHeaderInfos h1 span div {
	display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 25px;
}

#subInfosTittleProperty {
	margin-top: 20px;
	font-family: 'Poppins';
	font-size: 13px;
}

#subInfosTittleProperty span {
	margin-right: 30px;
}

#subInfosTittleProperty span:last-child {
	margin-right: 0;
}

#subInfosTittleProperty a {
	font-family: 'Poppins Semi Bold';
	color: #C39B6A;
}

#subInfosTittleProperty a:hover, #subInfosTittleProperty a:focus {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#containerPropertyPage {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

#containerPropertyPage aside {
	margin-left: 50px;
	width: 25%;
}

#containerPropertyPage aside .topContainerDiv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 0 15px 0;
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	color: #343B32;
	border-bottom: 1px solid #343B32;
}

#containerPropertyPage aside li {
	font-family: 'Poppins';
	color: #343B32;
	font-size: 14px;
	line-height: 18px;
	padding: 20px 10px 20px 0;
	border-bottom: 1px solid #A3A3A3;
}

#containerPropertyPage aside li:last-child {
	border: none;
}

#containerPropertyPage aside a {
	font-family: 'Poppins Semi Bold';
	color: #C39B6A;
	white-space: nowrap;
}

#containerPropertyPage aside a:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#containerPropertyPage aside b {
	font-family: 'Poppins Semi Bold';
	color: #343B32;
	white-space: nowrap;
}

#mainInformationProperty {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-family: 'Poppins';
	font-size: 14px;
	color: #343B32;
	line-height: 18px;
}

#mainInformationProperty p {
	margin-bottom: 20px;
}

#mainInformationProperty p span {
	margin-right: 150px;
}

#mainInformationProperty p span:last-child {
	margin-right: 0;
}

#mainInformationProperty b {
	font-family: 'Poppins Semi Bold';
	color: #717171;
	margin-right: 15px;
}

#mainInformationProperty .emptyField {
	color: #A3A3A3;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.galerie-d-image {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 250px (minmax(115px, 1fr))[auto-fill];
      grid-template-columns: 250px repeat(auto-fill, minmax(115px, 1fr));
  -ms-grid-rows: 115px 115px;
      grid-template-rows: 115px 115px;
  grid-gap: 25px 20px;
  margin-bottom: 35px;
}

.galerie-d-image .photo {
	position: relative;
  background-color: #ddd;
  overflow: hidden;
}

.galerie-d-image .photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.photo1 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.photo2 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.photo3 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.photo4 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}

.photo5 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

.photo6 {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
}

.photo7 {
  grid-column: 4 / 5;
  grid-row: 2 / 3;
}

.photo8 {
  grid-column: 5 / 6;
  grid-row: 1 / 3;
}

#vendorList {
	margin-top: 50px;
	margin-bottom: 25px;
}

#vendorList h2 {
	font-family: 'Poppins Semi Bold';
	color: #343B32;
	padding-bottom: 15px;
	border-bottom: 1px solid #717171;
	margin-bottom: 25px;
}

#vendorList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
}

#vendorList li {
	font-family: 'Poppins Semi Bold';
	font-size: 13px;
	color: #343B32;
	text-align: center;
	margin-right: 100px;
}

#vendorList li:last-child {
	margin-right: 0;
}

#vendorList li .profilImgContainer {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	opacity: 0.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	margin: 30px auto 15px auto;
}

#vendorList li .profilImgContainer img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.imgPropertyContainer {
  overflow: hidden;
}

.imgPropertyContainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}


/** user **/

#containerUserPage {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

#containerUserPage aside {
	margin-left: 50px;
	width: 25%;
}

#containerUserPage aside .topContainerDiv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 0 15px 0;
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	color: #343B32;
	border-bottom: 1px solid #343B32;
}

#containerUserPage aside li {
	font-family: 'Poppins';
	color: #343B32;
	font-size: 14px;
	line-height: 18px;
	padding: 20px 10px 20px 0;
	border-bottom: 1px solid #A3A3A3;
}

#containerUserPage aside li:last-child {
	border: none;
}

#containerUserPage aside a {
	font-family: 'Poppins Semi Bold';
	color: #C39B6A;
	white-space: nowrap;
}

#containerUserPage aside a:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#containerUserPage aside b {
	font-family: 'Poppins Semi Bold';
	color: #343B32;
	white-space: nowrap;
}

#mainUserPage {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

#informationsUser {
	padding-top: 5px;
	position: relative;
	font-family: 'Poppins';
	font-size: 14px;
	color: #343B32;
	line-height: 18px;
}

#informationsUser p {
	margin-bottom: 20px;
}

#informationsUser p span {
	margin-right: 150px;
}

#informationsUser p span:last-child {
	margin-right: 0;
}

#informationsUser b {
	font-family: 'Poppins Semi Bold';
	color: #717171;
	margin-right: 15px;
}

#informationsUser .emptyField {
	color: #A3A3A3;
}

#informationsUser img {
	position: absolute;
	top: 0;
	right: 50px;
	width: 125px;
	height: 125px;
	opacity: 0.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	border-radius: 50%;
}

#researchProperty, #saleProperty {
	margin-top: 50px;
	margin-bottom: 25px;
}

#researchPropertyHeader, #salePropertyHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	padding-bottom: 15px;
	border-bottom: 1px solid #717171;
	margin-bottom: 25px;
}

#researchPropertyHeader h2, #salePropertyHeader h2 {
	font-family: 'Poppins Semi Bold';
	color: #343B32;
}

#propertiesListUser {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#propertiesListUser li {
	margin: 0 50px 50px 0;
	width: 28%;
}

#researchPropertyListUser {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	font-family: 'Poppins';
	font-size: 14px;
	color: #343B32;
	line-height: 18px;
}

#researchPropertyListUser li {
	box-sizing: border-box;
	width: 48%;
	min-width: 325px;
	max-width: 500px;
	border: 1px solid #A3A3A3;
	padding: 20px;
	margin-bottom: 30px;
}

#researchPropertyListUser h3 {
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	margin-bottom: 20px;
}

#researchPropertyListUser p {
	margin-bottom: 20px;
}

#researchPropertyListUser p span {
	margin-right: 150px;
}

#researchPropertyListUser p span:last-child {
	margin-right: 0;
}

#researchPropertyListUser b {
	font-family: 'Poppins Semi Bold';
	color: #717171;
	margin-right: 10px;
}

#researchPropertyListUser .emptyField {
	color: #A3A3A3;
}

/** Nego **/

#containerNegoPage {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

#fastLink {
	margin-top: 50px;
}

#containerNegoPage aside {
	margin-left: 50px;
	width: 25%;
	position: relative;
	font-family: 'Poppins';
	font-size: 14px;
	color: #343B32;
	line-height: 18px;
}

#containerNegoPage aside .topContainerDiv {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 0 15px 0;
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	color: #343B32;
	border-bottom: 1px solid #343B32;
	margin-bottom: 20px;
}

#containerNegoPage aside p {
	margin-bottom: 20px;
}

#containerNegoPage aside a {
	color: #C39B6A;
	white-space: nowrap;
	text-decoration: underline;
}

#containerNegoPage aside a:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#containerNegoPage aside b {
	font-family: 'Poppins Semi Bold';
	color: #717171;
	margin-right: 15px;
}

#mainNegoPage {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

#negoInfoPerso {
	margin-top: 50px;
	margin-bottom: 25px;
}

#negoInfoProHeader, #negoInfoPersoHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	padding-bottom: 15px;
	border-bottom: 1px solid #717171;
	margin-bottom: 25px;
}

#negoInfoProHeader h2, #negoInfoPersoHeader h2 {
	font-family: 'Poppins Semi Bold';
	color: #343B32;
}

#mainNegoInfoPro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#pictureNegoInfoPro {
	width: 150px;
	text-align: center;
}

#pictureNegoInfoPro div {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 30px 25px 0;
}

#pictureNegoInfoPro img {
	width: 100%;
	height: 100%;
}

#textNegoInfoPro {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-left: 30px;
	padding-top: 5px;
	position: relative;
	font-family: 'Poppins';
	font-size: 14px;
	color: #343B32;
	line-height: 18px;
}

#textNegoInfoPerso {
	padding-top: 5px;
	position: relative;
	font-family: 'Poppins';
	font-size: 14px;
	color: #343B32;
	line-height: 18px;
}

#textNegoInfoPro p, #textNegoInfoPerso p {
	margin-bottom: 20px;
}

#textNegoInfoPro p span, #textNegoInfoPerso p span {
	margin-right: 150px;
}

#textNegoInfoPro p span:last-child, #textNegoInfoPerso p span:last-child {
	margin-right: 0;
}

#textNegoInfoPro a, #textNegoInfoPerso a {
	color: #C39B6A;
	text-decoration: underline;
}

#textNegoInfoPro a span {
	font-size: 16px;
	line-height: 18px;
}

#textNegoInfoPro a:hover, #textNegoInfoPerso a:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#textNegoInfoPro b, #textNegoInfoPerso b {
	font-family: 'Poppins Semi Bold';
	color: #717171;
	margin-right: 15px;
}

#textNegoInfoPro .emptyField, #textNegoInfoPerso .emptyField {
	color: #A3A3A3;
}

#containerNegoPage aside span.complete {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 15px;
	color: #3D7531;
	font-family: 'Poppins Semi Bold';
	background-color: #D4FCCB;
	padding: 7px 15px 7px 10px;
	border-radius: 5px;
}

#containerNegoPage aside span.noComplete {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 15px;
	color: #755531;
	font-family: 'Poppins Semi Bold';
	background-color: #FCE5CB;
	padding: 7px 15px 7px 10px;
	border-radius: 5px;
}

.oneLineNegoInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


/** Statistics **/

#contentContainerStatistiques {
	margin-top: 30px;
}

#teamStats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	-ms-flex-item-align: start;
	        align-self: start;
}

#tableStats {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	border: 1px solid #A3A3A3;
	margin-right: 50px;
	box-sizing: border-box;
	border-radius: 15px;
	padding: 20px 25px 30px 25px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#tableStats h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-family: 'Poppins Semi Bold';
	font-size: 16px;
	color: #717171;
}

#tableStats #table {
	padding: 50px 25px 0 25px;
}

#teamStats aside {
	max-width: 500px;
	width: auto;
}

.grid-containerStatsCard {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}

.statsCard {
  font-family: 'Poppins Semi Bold';
  color: #A3A3A3;
  font-size: 17px;
  border: 1px solid #A3A3A3;
  border-radius: 15px;
  padding: 30px 25px 35px 25px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: white;
}

.statsCard.numberNego {
	border: 1px solid #717171;
	color: #717171;
	background-color: white;
}

.statsCard.newProperties {
  border: 1px solid #A3A3A3;
	color: white;
	background-color: #A3A3A3;
}

.statsCard.propertiesSell {
  border: 1px solid rgba(195, 155, 106, 0.5);
	color: white;
	background-color: rgba(195, 155, 106, 0.7);
}

.statsCard .statNumber {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 8px;
}

.statsCard .material-symbols-outlined {
  font-size: 40px;
  margin-right: 10px;
}

#listNegoStats {
	margin-top: 50px;
}

#listNegoStats h2 {
	font-size: 18px;
	font-family: 'Poppins Semi Bold';
	color: #343B32;
	border-bottom: 1px solid #A3A3A3;
	padding-bottom: 15px;
}

.table-stats {
  font-family: 'Poppins Semi Bold';
}

.table-stats table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}

.table-stats th, .table-stats td {
  text-align: left;
  width: 10%;
  min-width: 80px;
}

.table-stats th {
	 color: #717171;
	 padding: 15px 0 50px 0;
}

.table-stats td {
	color: #343B32;
	padding-bottom: 50px;
}

.table-stats th:first-child, .table-stats td:first-child {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.table-stats td:first-child .profilPicNego {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 15px;
}

.table-stats td:first-child .profilPicNego.default {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.table-stats td:first-child .profilPicNego img {
	width: 100%;
	height: 100%;
}

/** Files **/

#filesList {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.cardFile {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	margin: 0 75px 80px 0;
	padding: 15px;
	width: 200px;
}

.topCardFile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	color: #A3A3A3;
	font-family: 'Poppins';
	font-size: 15px;
}

.topCardFile span {
	font-size: 30px;
	color: #C39B6A;
	cursor: pointer;
}

.topCardFile span:hover, .topCardFile span:focus {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.preview {
	position: relative;
	width: 100%;
	height: 110px;
	text-align: center;
	margin: 30px 0;
}

.preview span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 140px;
	color: #A3A3A3;
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.infosFile {
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
}

.infosFile h2 {
	color: #717171;
	margin-bottom: 10px;
}

.infosFile h3 {
	color: #A3A3A3;
	font-size: 14px;
}

/*** Shop ***/

#contentContainerShop {
	margin-top: 40px;
}

#contentContainerShop header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-family: 'Poppins Semi Bold';
	color: #A3A3A3;
	font-size: 15px;
	border-bottom: 1px solid #717171;
	padding-bottom: 15px;
}

#contentContainerShop h2, #contentContainerShop nav .selectedItem {
	color: #343B32;
}

#contentContainerShop nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#contentContainerShop nav li {
	margin-left: 50px;
}

#shopContent {
	padding-top: 150px;
	text-align: center;
	font-family: 'Poppins';
	font-size: 16px;
	color: #A3A3A3;
}

/** Logs **/

#logsContent {
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#logsList {
	width: 40%;
	min-width: 380px;
	border-right: 1px solid rgba(113, 113, 113, 0.3);
	padding-right: 30px;
}

#logsList li a:hover div, #logsList li a:focus div {
	background-color: #F0F0F0;
	border-left: 3px solid #F0F0F0;
}

#logsList li a.selected div {
	background-color: #F0F0F0;
	border-left: 3px solid #C39B6A;
}

#logsList li div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-left: 3px solid white;
	padding: 15px 10px 15px 15px;
	font-family: 'Poppins';
	color: #717171;
	font-size: 14px;
}

#logsList li:first-child h2 {
	padding-top: 0;
}

#logsList h2 {
	font-family: 'Poppins Semi Bold';
	font-size: 14px;
	color: #343B32;
	padding: 30px 0 25px 0;
}

.logEventName {
	font-family: 'Poppins Semi Bold';
	margin-left: 20px;
}

.logUserName {
	font-family: 'Poppins';
}

#viewLog {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-left: 30px;
}

#viewLog h3 {
	font-family: 'Poppins Semi Bold';
	font-size: 22px;
	color: #343B32;
	margin-bottom: 30px;
}

#viewLog p {
	font-family: 'Poppins';
	margin-bottom: 15px;
	font-size: 14px;
	color: #343B32;
}

#viewLog b {
	font-family: 'Poppins Semi Bold';
	margin-right: 15px;
}

#viewLog a {
	color: #C39B6A;
	text-decoration: underline;
}

#viewLog a:hover, #viewLog a:focus {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.requestBody p {
	font-family: 'Poppins';
	color: #343B32;
	text-align: left;
	line-height: 20px;
	overflow: auto;
	margin-left: 25px;
	box-sizing: content-box;
}

.requestBody {
	display: block;
	width: 100%;
	border: 1px solid #A3A3A3;
	border-radius: 15px;
	padding: 20px 23px;
	box-sizing: border-box;
}

.requestBody li {
	margin-bottom: 10px;
}

.requestBody li strong {
	font-family: 'Poppins Semi Bold';
}

#noLogView {
	padding-top: 200px;
	width: 100%;
	text-align: center;
	font-family: 'Poppins';
	color: #A3A3A3;
	font-size: 15px;
}

/** NegoModify **/

#pictureNegoInfoPro #buttonProfilPic {
	line-height: 18px;
}

.doubleInputRadioContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.doubleInputRadioContainer label {
	cursor: pointer;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #717171;
	margin-right: 25px;
}

.twoInputContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 25px;
}

.twoInputContainer .containerInputLabel:first-child {
	margin-right: 65px;
}

.twoInputContainerInTwoInputContainer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 65px;
	margin-bottom: 50px;
}


.containerInputLabel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
}

.containerInputLabel label {
	cursor: pointer;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #717171;
}

.containerInputLabel input::-webkit-input-placeholder {
	color: #A3A3A3;
}

.containerInputLabel input::-moz-placeholder {
	color: #A3A3A3;
}

.containerInputLabel input:-ms-input-placeholder {
	color: #A3A3A3;
}

.containerInputLabel input::placeholder {
	color: #A3A3A3;
}

.containerInputLabel input[type='text'] {
	margin-top: 10px;
	font-size: 14px;
	color: #343B32;
	padding: 10px 15px;
	border: 1px solid #A3A3A3;
	background-color: white;
	border-radius: 5px;
	font-family: 'Poppins';
	width: 100%;
}

.containerHiddenBox {
	width: 100%;
}

.threeInputFilesContainer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.containerUploadInputLabel {
	width: auto;
	margin-right: 25px;
	margin-bottom: 25px;
}

.containerUploadInputLabel:last-child {
	margin-right: 0;
}

.containerUploadInputLabel label {
	cursor: pointer;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #717171;
}

.containerUploadInputLabel input {
	display: block;
	margin-top: 10px;
	font-family: 'Poppins';
	padding: 10px 15px;
}

.containerInputTextarea {
 margin-top: 25px;
}

.containerInputTextarea label, .containerInputSelect label {
	cursor: pointer;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #717171;
}

.containerInputSelect select {
	margin-left: 10px;
	font-size: 14px;
	color: #343B32;
	padding: 10px 0;
	border: none;
	background-color: white;
	border-radius: 5px;
	font-family: 'Poppins';
}

.containerInputTextarea textarea {
	margin-top: 10px;
	font-size: 14px;
	color: #343B32;
	padding: 10px 15px;
	border: 1px solid #A3A3A3;
	background-color: white;
	border-radius: 5px;
	font-family: 'Poppins';
	width: 100%;
	resize: none;
	height: 120px;
}

.containerInputTextarea textarea::-webkit-input-placeholder {
	color: #A3A3A3;
}

.containerInputTextarea textarea::-moz-placeholder {
	color: #A3A3A3;
}

.containerInputTextarea textarea:-ms-input-placeholder {
	color: #A3A3A3;
}

.containerInputTextarea textarea::placeholder {
	color: #A3A3A3;
}

#validateModifyNego {
	display: none;
}

/** Pige list**/

#containerPigeList li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#containerPigeList {
	margin-top: 0px;
}

#containerPigeList .imgAndName {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: 'Poppins Semi Bold';
	font-size: 15px;
	color: #343B32;
}

.containerPigeImg {
	position: relative;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin-right: 20px;
}

.containerPigeImg img {
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#containerPigeList .noPhoto {
	min-width: 55px;
	width: 55px;
	height: 55px;
	margin-right: 20px;
	text-align: center;
	background-color: #F2F2F2;
}

#containerPigeList .noPhoto span {
	line-height: 55px;
	font-size: 17px;
	color: #A3A3A3;
}

#listOfPige {
	margin-top: 25px;
	width: 100%;
}

#containerPigeList thead {
	text-align: left;
	font-size: 15px;
	color: #343B32;
	font-family: 'Poppins Semi Bold';
}

#containerPigeList thead th:nth-child(1) {
  width: 40%;
  padding-right: 50px;
}

#containerPigeList thead th:nth-child(2) {
  width: 13%;
}

#containerPigeList thead th:nth-child(3) {
  width: 13%;
  min-width: 130px;
}

#containerPigeList thead th:nth-child(4) {
  width: 12%;
  min-width: 130px;
}

#containerPigeList thead th:last-child {
	min-width: 130px;
  width: 12%;
  text-align: right;
}

#containerPigeList td {
  padding: 20px 0;
  vertical-align : middle;
}

#containerPigeList tr td:nth-child(1){
  padding-right: 50px;
}

#containerPigeList tr td:nth-child(4) {
	font-size: 15px;
	color: #717171;
	font-family: 'Poppins Semi Bold';
}

#containerPigeList tr td:nth-child(4) a:hover, #containerPigeList tr td:nth-child(4) a:focus {
	color: #343B32;
}

#containerPigeList tr td:nth-child(4) span {
	font-size: 14px;
	margin-left: 5px;
}

#containerPigeList tr td:nth-child(2), #containerPigeList tr td:nth-child(3), #containerPigeList tr td:nth-child(5) {
	font-family: 'Poppins';
	color: #717171;
}

#containerPigeList td:last-child {
	color: #717171;
	font-family: 'Poppins Semi Bold';
	text-align: right;
}

#noResultPige {
	color: #A3A3A3;;
	font-family: 'Poppins Semi Bold';
	text-align: center;
	font-size: 15px;
	margin-top: 10px;
}

.infosPige {
	margin-top: 10px;
	font-size: 13px;
}

.infosPige p {
	display: inline;
	color: #343B32;
	font-family: 'Poppins Semi Bold';
	margin-right: 15px;
}

.infosPige b {
	font-family: 'Poppins';
}

.infosPige a {
	color: #C39B6A;
}

#submitSearch {
	display: none;
}