.clear{
	clear:both;
}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.loginform{
	width:45%;
	margin:0 auto;
}
.band{
	width:100%;
	background: url(../img/bg-header.png) repeat-x 0px 0px;
    height: 85px;
	position:absolute;
}

.bandProject{
    left: 0px;
    width: 100%;
    height: 40px;
    background: #E0E0E0 url(../img/bg.png) repeat-x;
	top:85px;
	position:absolute;
}
.imgLogo{
	width:120px;
	margin-left:12px;
}
body{
	height:100%;
}
.fullpage{
	background-color:#e6e6e6;
	width:100%;
	height:auto;
	min-height:100%;
	padding-top:150px;
}
.container{
	width:100%;
	max-width: 1420px;
	min-height:100%;
	background-color:white;
	padding:15px 15px;
	margin:0 auto;
	border-radius:6px;
	border:1px solid silver;
}
.loginBlock{
	background-color:white;
	width: 600px;
	margin: 0 auto;
	padding: 10px;
	border:1px solid #b5b5b5;
}
.table{
	font-size: 10pt;
}
.connectbtn{
	width:100%;
}
.btn-primary {
	color: #fff;
	background-color: #ff6e31;
	border-color: #ff6e31;
}
.btn-primary:hover {
	color: #ff6e31;
	background-color: white;
	border-color: #ff6e31;
}
.breadcrumb{
	display: inline-block !important;
	color: #E0E0E0;
    margin-left: 12px;
	line-height:75px;
}
.rightMenu{
	float:right;
	margin-top: 15px;
    margin-right: 15px;
	text-align:right;
}
.leftMenu{
	float:left;
}
.form-row{
	display:flex;
}
.inline{
	display:inline-block;
}
.vtop{
	vertical-align:top;
}
.menubtn{
	width:100px;
	font-weight:bold;
}
.userinfo{
	font-size:14px;
	color:white;
}
.user{
	margin-top:4px;
}
.projectLink{
	color: #005782;
	text-decoration:none;
}
.projectbtn{
	background-color: transparent !important;
    display: block;
    float: left;
    padding: 6px 12px;
    color: #444;
    text-shadow: 0px 1px #ddd;
    text-decoration: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	font-weight: bold;
	font-size:14px;
	margin: 4px 10px 0 10px;
}

.projectbtn:hover{
	background: #507AAA;
    text-decoration: underline;
	color: #000;
}
.selected, .selected:hover{
	box-shadow: inset 1px 1px 3px rgb(0 0 0 / 10%);
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: inset 1px 1px 3px rgb(0 0 0 / 10%);
    padding: 5px 12px;
    text-shadow: 0px -1px #666;
    color: #F0F0F0;
    border: 1px solid #666;
    border-right: none;
    border-bottom: none;
    background: url(../img/selected-tab.png) repeat-x;
}
h2 + .projectList>li>a{
	font-weight:bold;
}
.containerBlock{
	margin: 25px 10px;
    padding: 15px;
    border: 1px solid silver;
    width: 50%;
    border-radius: 6px;
	float:left;
}

.containerBlock2{
	margin: 25px 10px;
    padding: 15px;
    border: 1px solid silver;
    width: 40%;
    border-radius: 6px;
	float:right;
}

.issueTitle{
	border: 1px solid silver;
    border-bottom: 1px solid #AECCD7;
    background: #EAF2F5 url(../img/smooth-gradient-blue.jpg);
    text-shadow: 0px 1px white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    padding: 12px 20px;
    margin: -6px -10px 10px;
    letter-spacing: -1px;
    color: #444;	
	font-weight: bold;
}

.issueDetail{
	float:left;
	width:72.5%;
	margin-left:5%;
	font-size:10pt;
	position:relative;
}

.issuesContainer{
	float:left;
	width:72.5%;
	min-height:100%;
	margin-left:5%;
	background-color:white;
	padding:15px 15px;
	border-radius:6px;
	border:1px solid silver;
}

.newIssue{
	width:80%;
	max-width: 1420px;
	margin: 0 auto;
	font-size:10pt;
	position:relative;
}

.contactDetail{
	float:left;
	position:relative;
	width:16%;
	margin-left:1.5%;
	margin-right:5%;
	margin-top:-5px;
	padding: 20px 10px 20px 15px;
    background: whiteSmoke;
    border: 1px solid #D9D9D9;
    zoom: 1;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px rgb(0 0 0 / 5%);
}

.issueDescription{
	padding: 12px 20px;
	margin: -11px -10px 15px -10px;
	background-color:#FFD;
	border:1px solid silver;
	font-family: Verdana, sans-serif;
}

.issueMailContent{
	padding: 12px 20px;
	margin-bottom: 15px;
	background-color:#FFD;
	border:1px solid silver;
	font-family: Verdana, sans-serif;
}

legend{
	float:none;
}

.issueSeparation{
    width: 100%;
    height: 1px;
    background: #ccc;
    border: 0;	
}
.issueSpec{
	width:180px;
	font-weight:bold;
}
.subject{
	font-weight:bold;
	font-size:14pt;
}
.issueHistory{
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius:  0 0 8px 8px;
	background-color: white;
    margin: -15px -10px 15px -10px;
    border: 1px solid silver;
	padding: 15px 10px 15px 10px;
	font-family: Verdana, sans-serif;
}
.history{
	font-weight:bold;
	font-size:16px;
}
.detailsList{
	color: #959595;
}
.icon-attachment{
	background-image: url(../img/attachment.png);
}
.icon {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
	margin-left: 10px;
}
.author {
    font-size: 0.9em;
    color: #888;
}
.contactCard{
	background: #f4e9f2;
    padding: 6px;
    margin-bottom: 6px;
    border: 1px solid #d7d7d7;
	overflow:hidden;
}
.contactDesc{
	margin-bottom:0;
	font-size:12px;
}

.editBox{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 16px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    color: #505050;
    line-height: 1.5em;
    border: 1px solid #e4e4e4;
    word-wrap: break-word;	
}

.icon-edit {
    background-image: url(../img/edit.png);
}

.edit-ticket {
	position: absolute;
    right: 50px;
    top: 15px;
}

.icon {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}
.issueUpdate{
	background-color: white;
    margin: -15px -10px 15px -10px;
    border: 1px solid silver;
	padding: 15px 10px 15px 10px;
	font-family: Verdana, sans-serif;
}
.editBox p{
	margin-bottom:12px;
	font-weight:bold;
}
.editBox p label{
	width:150px;
	text-align:right;
	vertical-align:top;
}
.editField{
	height:22px;
	width:180px;
}

.editText{
	margin-left: 155px;
    width: 80%;
}

.submenu{
	position:absolute;
	opacity:0;
	top: 30px;
    left: 15px;
    padding: 10px;
    list-style-type: none;
    z-index: 2000;
    border: 1px solid darkgrey;
    background-color: white;
}

.menu:hover > .submenu{
	opacity:1;
}

.menu{
	cursor:auto;
}

.submenu > li > a {
	color:#444;
	text-decoration:none;
}

.submenu > li > a:hover {
	color:black;
	text-decoration:underline;
}

.newIssue .editText{
	margin-left:0;
}

.icon-email-to {
    background-image: url(../img/email_go.png);
	font-weight: 400;
}

#helpdesk_is_send_mail{
	vertical-align:middle;
}

#helpdesk_send_response label{
	width:auto;
}

/*Evite les espaces entre chaque retour-chariot (simule un simpe <br/> donc)*/
.ck-content p {
   margin: 0;
}

.rightMenu form{
	margin-bottom:0;
}

.icon-delete{
	background-image: url(../img/delete.png);
}

.icon-only{
	display: inline-block;
    width: 0;
    height: 16px;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 8px;
    vertical-align: text-bottom;
	background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 16px;
}

.edit-note{
	position:absolute;
	right:30px;
	top:10px;
}

.delete-note{
	position:absolute;
	right:10px;
	top:10px;
}

.oneNote{
	position:relative;
}

.oneNote p{
	margin-bottom:0;
}

#deleteForm{
	display:inline-block;
}

.receivedFrom{
	background-image: url(../img/email.png);
	background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
	float:left;
}

#spamForm{
	float:right;
}

.sentTo{
	background-image: url(../img/email_go.png);
	background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.border-right{
	height:115px;
	border-left:1px solid black;
	margin-right:50px;
}

#createDate1,#createDate2,#updateDate1,#updateDate2{
	margin-left:25px;
}

.icon-email-spam{
	background-image: url(../img/email_error.png);
}

.cross{
	color:red;
	text-decoration:none;
	font-weight:bold;
	float:right;
}

.saveQuery{
	position: absolute;
    left: 100px;
    top: -55px;
}

.tableVersion{
	width:100%;
}

.tableVersion td{
	border:1px solid lightgrey;
	padding: 5px;
    font-size: 11.5px;
}

.roadmapDetail{
	margin:20px 15px;
}

.oneVersion{
	margin-bottom:40px;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/12px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-group{
	width:100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

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

.settingBlock{
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	border-left:1px solid #dee2e6;
	padding:25px;
}

.box {
    background-color: #fcfcfc;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 16px;
}

.box {
    padding: 6px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    color: #505050;
    line-height: 1.5em;
    border: 1px solid #e4e4e4;
    word-wrap: break-word;
    border-radius: 3px;
}