/**************************  Styles for simple layout  *****************************/

#simple-layout{
	width: 988px;//994px;
	margin-left: auto;
	margin-right: auto;
}


.login-content{
/* 	width: 11.625em; */
}

.leftFrame{
	width: 20%;
}

.body-content{
/* 	width: 36.875em; */
	/*width: 75%;*/
	width: 805px;
	overflow: hidden;
	/*padding: 0 20px 0 20px;*/
}

.leftFrame{
	width: 162px;
	margin-right: 20px;
}
.menu-content{
	width: 11.625em;
}
.notification-content{
/* 	margin: 20px 0 20px 0; */
	text-align: center;
	margin: 32px 0;
}

a  button{
cursor:pointer;}


.tabs ul  {
	list-style: none;
	margin: 0 0 0 -40px;
}

.tabs ul li {
	display: block;
/* 	width: 122px; */
	width: 132px;
	float: left;
	background-color: #EBECEC;
	height: 30px;
	line-height: 30px;
	/* margin-left: 2px; */
	margin-right: 2px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 15px;
    
}

.tabs ul li a{
	text-decoration: none;
	color: #000;
}

.tabs ul li.tab_selected a{
	color: white !important;
}

.tab_selected {
	/* font-weight: bolder;
	height: 26px !important;
	width: 117px !important; */
	background-color: #6C9AC8 !important;
	color: white !important;
	/* font-size: 15px;
	border: 2px solid lightgray; */
}

textarea {
	resize: none;
	/*width: 100%; */.tabella,
.riga,
.colonna { margin: 0; padding: 0; border: 0}
.tabella { display: table; width: 100%}
.riga { clear: both; display: block; display: table-row; width: 100%}
.colonna { float: left; width: 25%; display: table-cell}
}

.bodyButtonsContent{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.even{
	background-color: #EAEBEB;
}

#chat_div{
   overflow: auto;
   display: block;
   height: 200px;
   
}


.fintoTextArea{
	width: 98%;
	height: 6em !important;
}

.chat_date{
	font-size: 0.8em;
	margin-top: 3px;
}

.longmessages{
	border: solid 2px;
	border-color: green;
	font-weight: bolder;
	color: green;
	margin-bottom: 2em;
	margin-top: 1.5em;
	padding-left: 0.5em;
    padding-top: 0.5em;
}


.messages{
	height: 3em;
	border: solid 2px;
	border-color: green;
	font-weight: bolder;
	color: green;
	margin-bottom: 2em;
	margin-top: 1.5em;
	padding-left: 0.5em;
    padding-top: 0.5em;
}


.messages_warning{
	
	border: solid 2px;
	border-color: green;
	font-weight: bolder;
	color: red;
	margin-bottom: 2em;
	margin-top: 1.5em;
	padding-left: 0.5em;
    padding-top: 0.5em;
}

.user_summary {
	float: left;
	width: 50%;
}

.statusdestra{
	float: right;
	margin-top: 1em;
	font-weight: bold;
	width: 50%;
}


/*
#projectCategory{
	width: 90%;
	overflow: hidden;
}
*/

.tutorschemaDiv{
	margin-top: 1em;
	margin-bottom: 2em;
	border: thin solid black;
	overflow-y: auto;
	height: 180px;
}

.tutorschemaTbl{
	border-width: 1px;
	/*border-style: solid;*/
	padding: 0.2em 0.8em;
}

.tutorschemaTbl tbody, .tutorschemaTbl th, .tutorschemaTbl td {
    border:  medium none;
    padding: 0.2em 0.8em;
    text-align: left;
}

#filters .registrationForm-field{
	 width: 230px;
	 height: 40px;
}

#filters .registrationForm-field select{
	 width: 154px;
	
}

.images-preview-page{
	padding: 20px;
}

.image-preview-content{
	float: left;
	width: 200px;
	height: 230px;
	margin: 2px;
}
.image-preview{
	width: 200px;
	height: 200px;
	border: 1px solid gray;
}
.image-url{
	width: 200px;
	height: 20px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: gray;
}

#content-container{
	padding: 50px 10px 10px 10px;
}


.authResult-message{
	color: red;
	margin-top: 18px;
	display: block;
}

.userSummary{
	margin-top: 18px;
	margin-bottom: 36px;
	
}


.inlineForm{
	display: inline;
}

.tabella,
.riga,
.colonna { margin: 0; padding: 0; border: 0}
.tabella { display: table; width: 100%}
.riga { clear: both; display: block; display: table-row; width: 100%}
.riga_top10 { clear: both; display: block;  width: 100%; margin-top: 10px;}
.colonna { float: left; width: 25%; display: table-cell}
.colonna80 { float: left; width: 80%; display: table-cell}
.colonna20 { float: left; width: 20%; display: table-cell}
.colonna90 { float: left; width: 90%; display: table-cell}
.colonna10 { float: left; width: 10%; display: table-cell}
.colonna15 { float: left; width: 15%; display: table-cell}
.colonna30 { float: left; width: 30%; display: table-cell}
.colonna40 { float: left; width: 40%; display: table-cell}

.radioColumn {
	float: left;
	margin-right: 1.5em;
}

.returnToProjectBTN{
	float:left;
}

.boxStatisticsForm {
	border-bottom:solid #6C9AC7 2px;
}