/* cortext projects css*/


/*****************************************************************************************

        DASHBOARD AND PROJECT

/*****************************************************************************************/


/*-----------------messages-------------------------*/

html, body, a, h1,h2,h3, div, p{
    font-family: "Oxygen-Regular",sans-serif;
}

#dashboard .element {
    width: 750px;
    height: 38px;
    border: 1px solid #E6E6E6;
    margin-left: 8px;
    margin-top: 10px;
}

#dashboard .message-body, #dashboard .document-body, #dashboard .comment {
    display:none;
}

.document .document-body .img-document{
    background: url("/images/img-fichiers.png") no-repeat scroll center center transparent;
}


.message .message-body .img-message{
    background: url("/images/img-message.png") no-repeat scroll center center transparent;
}

.element.message .message-body .body-mess {
    float: none;
}

.message .message-body .body-mess {
    color: #3A3A3A;
    float: left;
    font: 12px Arial,sans-serif;
    margin-left: 6px;
    margin-top: 12px;
    margin-bottom: -27px;
    text-align: justify;
    padding: 0 20px 0 10px;
}

.document .document-body .body-doc {
    color: #3A3A3A;
    float: left;
    font: 12px Arial,sans-serif;
    margin-left: 6px;
    margin-top: 12px;
    margin-bottom: -27px;
    text-align: justify;
    line-height: 18px;
    padding: 0 10px 0 5px;
}
.body-mess *{
    color: #3A3A3A;
    font: 12px Arial,sans-serif;
    margin-left:2px;
}

.body-mess .comment-content p {
    white-space: pre-wrap;
}


#dashboard .message .message-body, .document .document-body{
    height:44px;
    background-color: #fff;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}


.notification {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font: 13px/18px Arial,sans-serif;
}
.notification-invite{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.notification-info{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.notification p.content { color : inherit; margin: 0; font: inherit;}
.notification a {color : inherit; font-size: inherit; text-decoration: none; font-weight: bold; margin-right: 10px; }
.notification a:hover {text-decoration: underline; }

#main-project .message .message-body{
    overflow: auto;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    width: 100%;
    box-sizing: border-box;
}

#main-project .message .message-textarea{
    overflow: auto;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    height: 64px;
    margin: 0 12px;
    width: 701px;
}

#main-project .comment-container{
    border-width: 6px 14px;
    border-style: solid;
    border-color: #F6F0FF;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

#main-project .comment-container .info-comment{
    color: #666667;
    display: block;
    margin-top:6px;
    font-size: 11px;
}

.info-comment a{
    color: #666667 !important;
}

#main-project .document-comment {
    overflow: auto;
    width: 100%;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-top: none;
}

#dashboard .document-comment {
    display: none;
}

#main-project .document-comment .body-mess {
    color: #666667;
    float: left;
    font: 12px Arial,sans-serif;
    margin-left: 5px;
    margin-top: 12px;
    margin-bottom: 8px;
    text-align: justify;
    width: 600px;
    line-height: 18px;
}

#main-project .document-comment .img-message{
    background: url("/images/img-message.png") no-repeat scroll center center transparent;
    margin-left:2px;
}

form.message {display: none}

.project .icon {
/*    background-color: #EEF2F6;
    border: none;
    color: #909090;
    float: left;
    font: normal 12px/40px Arial, sans-serif;*/
    height: 18px;
    margin:0;
    text-align: center;
    width: 28px;
}

.project .archive {
    background: url("/images/icon-archive.png") no-repeat scroll center center transparent;
}

.project .archive:hover {
    background: url("/images/icon-archive-hover.png") no-repeat scroll center center transparent;
}

.project .archived {
    background: url("/images/icon-archived.png") no-repeat scroll center center transparent;
}

.project .archived:hover {
    background: url("/images/icon-archive.png") no-repeat scroll center center transparent;
}

.project .deleted {
    background: url("/images/icon-trash.png") no-repeat scroll center center transparent;
}

.project .deleted:hover {
    background: url("/images/icon-trash-hover.png") no-repeat scroll center center transparent;
}

.project .loading {
    background: url("/images/icon-loading.svg") no-repeat scroll center center transparent;
}

.project .icon-loading {
    display: none;
}

.project .icon-loading-margin-center {
    margin-left: 6px;
    margin-top: 5px;
}

.project .download {
    background: url("/images/icon-download.png") no-repeat scroll center center transparent;
}

.project .download:hover {
    background: url("/images/icon-download-hover.png") no-repeat scroll center center transparent;
}

.icon.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}


#dashboard .message-write{
    display: none;
}

.document .message-write, .analysis .message-write, .message .message-write{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #F6F0FF;
    border-color: -moz-use-text-color #EEF2F6 #EEF2F6;
    border-image: none;
    border-right: 1px solid #EEF2F6;
    border-style: none solid solid;
    overflow: auto;
    padding: 2px;
    width: 745px;
}

.document textarea, .message textarea, .analysis textarea  {
    border: 1px solid #EEF2F6;
    border-radius: 2px;
    display: block;
    height: 80px;
    padding: 10px;
    resize: none;
    width: 710px;
}

.document form .add, .message form .add, .analysis form .add  {
    float: right;
    margin-bottom: 5px;
    margin-right:10px;
    margin-top:5px;
}


.document .comment, .message .comment, .analysis .comment{
    height:25px;
    background-color: #F6F0FF;
    padding-top: 5px;
}

.document .comment p, .message .comment p, .analysis .comment p{
    float:right;
    font: 13px/22px Arial,sans-serif;
    margin-right:10px;
    white-space:nowrap;
}

.analysis .debug {
    border: 1px solid #EEF2F6;
    display: block;
    padding: 5px;
    background: #fff;
    margin-bottom: 2px;
    font-size: 12px;
    display: none;
}

.analysis .debug pre {
    font-family: Consolas, monospace;
    white-space: pre-wrap;
    max-height: 15em;
    min-height: 1.1em;
    overflow: auto;
}

.analysis .debug pre a {
  font-family: Consolas, monospace;
  text-decoration-line: underline;
  color: #cd594a;
}

.analysis .debug pre strong {
  font-weight: 700;
  /* color: #cd594a; */
}

.analysis .debug pre.failure {
  color: #c37e00;
}

.analysis .debug pre.success {
  color: #229716;
}

.element .comment .analysis_id {
    float:left;
    padding: 0 0 2px 12px;
}

.element .comment .analysis_id > p {
    margin: 0;
    float: none;
    font-size: 11px;
}

.element .comment .analysis_id_left {
    margin-right: 0.15em;
}

.element .comment .analysis_id_center {
    margin-right: 0.15em;
    font-weight: 700;
}

.document .comment a, .message .comment a, .analysis .comment a{
    text-decoration: underline;
    float: left;
}

.document .comment a:hover, .message .comment a:hover, .analysis .comment a:hover{
    color:#ff9705;
}

.document .arrow, .message .arrow, .analysis .arrow{
    background: url("/images/arrow.png") no-repeat 362px 0px #fff;
    height: 18px;
    margin-top:0px;
    width: 750px;
}

.document .arrow:hover, .message .arrow:hover, .analysis .arrow:hover{
    background: url("/images/arrow-hover.png") no-repeat 362px 0px #fff;
    height: 18px;
    margin-top:0px;
    width: 750px;
    cursor: pointer;
}

#dashboard .arrow{
    display: none;
}


#main-project .element {
    width: 750px;
    margin-left: 16px;
    margin-top: 15px;
    background-color:#E6E6E6; 
}

#main-project .element .info {
    height: 30px;
    position: relative;
	border-bottom:2px solid #ffffff;
}


.element .info .type { 
    float : left; 
    margin-top : 2px; 
    margin-right : 5px; 
    padding : 0 4px; 
    text-transform : lowercase; 
    font : normal 14px/15px Arial, "Oxygen-Regular", "Bitstream Vera Sans", "DejaVu Sans", Sans-serif;
    color : #393939;
}

.element .info .message {
    background: url("/images/messages.png") no-repeat;
    height: 24px;
    width: 85%;
}

.element .info .analysis {
    background: url("/images/analysis.png") no-repeat;
    height: 24px;
    max-width: 79%;
    padding-left: 26px;
}

.element .info .image  {background: url("/images/image.png") no-repeat; height: 24px;}
.element .info .document { background: url("/images/document.png") no-repeat; height: 24px; width: 85%;}

.element .info .state {
    top: 5px;
    position: relative;
    float: right;
}


.element .status { 
    font: normal 11px/14px Arial, sans-serif;
    text-align: center;
    color:#909090;
    padding-left: 22px;
}

.running { 
    background: url("/images/status-running.png") no-repeat;
        
}

.error { 
    background: url("/images/status-error.png") no-repeat;
        
}
.finished { 
    background: url("/images/status-finish.png") no-repeat;
}

.element img.gravatar{
    border: 1px solid #EEF2F6;
    height: 25px;
    width: 25px;
    border: 1px solid #fff;
    float:left;
    margin-top:-5px;
}


.element .info {
    padding: 3px 10px;
    position: relative;
    margin-top:2px;
}

.element .info h3{
    display: inline-block;
    font: normal 12px/17px Arial, sans-serif;
    color:#666768;
    font-weight: normal;
}



.element .info .date {
    float: right;
    padding-right:4px;
    padding-top: 6px;
    font: normal 12px/17px Arial, sans-serif;
    color:#666667;
}
.element a{
    text-decoration : none;
    color : #3A3A3A;
}

.element a:hover{
    text-decoration : underline;
}
.element .info .date a {
    text-decoration : none;
    font: normal 12px/17px Arial, sans-serif;
    color : inherit;
}

.element .info .date-ago {
    width: 60px;
    text-align: center;
    display: inline-grid;
}

.element .info .extra {
    display: inline-block;
}

.message .body{
    width:750px;
}
        
.message .body p{
    font: normal 12px/1.4em Arial, sans-serif;
    color:#909090;
    margin: 5px 10px;
    text-align: justify;
}
        
        
/*-------------------analysis--------------------------*/

.type.analysis .user-label {
    color: #838383;
    margin-top: 4px;
    text-transform : lowercase; 
    font: 13px Arial,sans-serif;
    white-space: nowrap;
}

.type.analysis .user-label .edit-label{
    outline: 0px solid transparent;
}

.type.analysis .user-label .edit-label.label-editing{
    border: #ffc353 2px solid;
    border-radius: 2px;
}

.analysis .info .name, .document .info .name{
    color: #3A3A3A;
    font: 13px Arial,sans-serif;
}

.analysis .info .info-result, .document .info .info-result{
    float:left;
    padding: 6px 0px;
}

.analysis .info .results {
    color: #3A3A3A;
    font: 13px Arial,sans-serif;
}
                
.analysis .info .extra a{
    font: normal 12px/17px Arial, sans-serif;
    color:#909090;
    margin-left:5px;
}        

.image .info .author{
    font: normal 12px/17px Arial, sans-serif;
    color:#909090;
    float:left;
    margin-top:3px;
    margin-left:10px;
    display:none;
}                        
        
.image .body img{
    margin-left:7px;
}        

.analysis .type .label-wrapper {
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
    padding-bottom: 5px;
    display: inline-block;
    height: 100%;
}

.analysis .type .label-wrapper::-webkit-scrollbar {
    height: 5px;
}

.analysis .type .label-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 3px solid rgb(139, 139, 139);
}

.analysis .type .label-wrapper:hover {
    overflow-x: auto;
}

.analysis .type .main-label {
    margin-top : 4px;
    padding : 0 4px; 
    text-transform : lowercase; 
    color: #3A3A3A;
    display: inline-block;
    font: 13px Arial,sans-serif;
    white-space: nowrap;
}

.message .type a, .document .type a{
    margin-top : 4px; 
    margin-left: 22px; 
    padding : 0 4px; 
    text-transform : lowercase; 
    color: #3A3A3A;
    display: inline-block;
    font: 13px Arial,sans-serif;
    white-space: nowrap;
}


/*--------------------analysis files----------------------*/

.analysis .files{
    max-height: 150px;    
    overflow: auto;
}


#main-project .analysis .file{
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}


.analysis .file{
    position:relative;        
    border-top: 1px solid #E6E6E6;
    height:45px;
    background-color:#fff; 
}

.element .icon {
    border: none;
    color: #909090;
    float: left;
    font: normal 12px/40px Arial, sans-serif;
    height: 38px;
    margin:2px 0px 2px 8px;
    text-align: center;
    width: 28px;

}
.actions .icon { cursor: pointer; visibility: hidden;}

.element .view {
    background: url("/images/icon-view.png") no-repeat scroll center center transparent;
}
.element .view.enabled:hover {
    background: url("/images/icon-view-hover.png") no-repeat scroll center center transparent;
}
.element .view.disabled:hover {
    background: auto;
    cursor: default;
}

.element .download{
    background: url("/images/icon-download.png") no-repeat scroll center center transparent;
}
.element .download.enabled:hover{
    background: url("/images/icon-download-hover.png") no-repeat scroll center center transparent;
}
.element .download.disabled:hover {
    cursor: default;
}

.element .delete {
    background: url("/images/icon-trash.png") no-repeat scroll center center transparent;
}
.element .delete:hover {
    background: url("/images/icon-trash-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.element .comment .comment-number{    
    background: url("/images/icon-comment.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.element .comment .comment-number:hover{    
    background: url("/images/icon-comment-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}
.element .comment .comment-number.active{
    background: url("/images/icon-comment-active.png") no-repeat scroll center center transparent;
    cursor: pointer;
    text-decoration: none;
}

.element .comment .comment-number.active:hover{
    background: url("/images/icon-comment-active-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
    text-decoration: none;
}

.element .comment .comment-number.active .number{
    color: white; 
    font: bold 9px/10px Arial,sans-serif;
    top: -3px;
    position: relative;
}

.element .stop {
    background: url("/images/icon-stop.png") no-repeat scroll center center transparent;
}
.element .stop:hover {
    background: url("/images/icon-stop-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.element .duplicate {
    background: url("/images/icon-duplicate.png") no-repeat scroll center center transparent;
}
.element .duplicate:hover {
    background: url("/images/icon-duplicate-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.tab .copy {
    background: url("/images/icon-copy.png") no-repeat scroll center center transparent;
}
.tab .copy:hover {
    background: url("/images/icon-copy-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.tab .download-file {
    background: url("/images/icon-download-file.png") no-repeat scroll center center transparent;
}
.tab .download-file:hover {
    background: url("/images/icon-download-file-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.element .logs {
    background: url("/images/icon-log.png") no-repeat scroll center center transparent;
}
.element .logs:hover {
    background: url("/images/icon-log-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.element .favorite {
    background: url("/images/icon-star.png") no-repeat scroll center center transparent;
}
.element .favorite:hover {
    background: url("/images/icon-star-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}
.element .favorite.active{
    background: url("/images/icon-star-active.png") no-repeat scroll center center transparent;
    cursor: pointer;
}
.element .favorite.active:hover{
    background: url("/images/icon-star-active-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.comment .icon {
    margin-top: -10px;
    margin-right: 4px;
}

.flag-size {
    width: 15px;
    height: 15px;
}

.analysis-flag {
    top: 7px;
    float: left;
    position: relative;
}

.display-flex {
    display: flex;
}

.element .file .img-, .document .document-body .img-{
    background: url("/images/img-fichiers.png") no-repeat scroll center center transparent;
}

.analysis .file .img-txt, .analysis .file .img-csv,.analysis .file .img-zip, .document .document-body .img-csv, .document .document-body .img-zip, 
.document .document-body .img-xlsx{
    background: url("/images/img-csv.png") no-repeat scroll center center transparent;
}

.analysis .file .img-db, .document .document-body .img-db{
    background: url("/images/img-db.png") no-repeat scroll center center transparent;
}

.img-js, .img-php, .img-py, .img-pl{
    background: url("/images/img-script.png") no-repeat scroll center center transparent;
}

.analysis .file .img-arabesque{
    background: url("/images/img-arabesque.png") no-repeat scroll center center transparent;
}

.analysis .file .img-geocortext{
    background: url("/images/img-geocortext.png") no-repeat scroll center center transparent;
}

.analysis .file .img-geoedit{
    background: url("/images/img-geoedit.png") no-repeat scroll center center transparent;
}

.analysis .file .img-svg{
    background: url("/images/img-svg.png") no-repeat scroll center center transparent;
}

.document .document-body .img-tsv,
.analysis .file .img-tsv{
    background: url("/images/img-tsv.png") no-repeat scroll center center transparent;
}

.infolder{
    height:17px;
    width:17px;
    float:left;
    margin-top:8px;
    margin-left:5px;
}

.folder-content {display: none;}
.folder-root {display: block;}
.folder-opened {color:#4CBA71 !important }
.folder-title {font-weight: bold; padding: 0 5px}
.folder:hover {background-color: #fff !important;}

.analysis .file .img-html, .analysis .file .img-htm, .document .document-body .img-html{
    background: url("/images/img-html.png") no-repeat scroll center center transparent;
}

.img-folder{
    background: url("/images/img-folder.png") no-repeat scroll center center transparent;
    cursor: pointer;
}
.img-folder:hover{
    background: url("/images/img-folder-hover.png") no-repeat scroll center center transparent;
    cursor: pointer;
}

.document-body:hover,.document-comment:hover ,.file:hover{background-color: #f6f6f6;}
.document-body:hover .actions .icon, .document-comment:hover .actions .icon, .file:hover .actions .icon {visibility: visible;}

.file:hover{background-color: #e6e6e6;}
.file:hover .actions .icon {visibility: visible;}

.element .file .img-pdf, .element .file .img-json, .element .file .img-viz, .document .document-body .img-pdf, .document .document-body .img-json, .document .document-body .img-viz, .element .file .img-gexf, .document .document-body .gexf {
    background: url("/images/img-json.png") no-repeat scroll center center transparent;
}

.analysis .file .name {
    font: normal 12px/45px Arial, sans-serif;
    color: #808080;
    float: left;
    margin-left: 5px;
}

.analysis .fileLeft {
    float:left;
    height: 100%;
}
        
.analysis .file .info {
    background: url("/images/dialogue.png") no-repeat scroll left center transparent;
    float: right;
    margin-top: 5px;
    border-style:none;
}

.analysis .file .info span { 
    display:block;
    font: normal 11px Arial, sans-serif;
    color:#BEBEBE;
    padding-left: 30px;
}
  
.analysis .file .info span a{
    color: #BEBEBE; 
}

.element .actions {
    float: right;
}
.comment-container .actions {
    height: 15px;
}

#main-project .element .actions {
    margin-right: 15px;
}

.folder .element .actions {
    margin-right: 15px;
   /* margin-top: -45px;*/
    position: absolute;
    top: 0;
    right: -10px;
}

.document .actions{
    margin-right: 15px;
}
        
        
/*-------------------DASHBOARD PAGE--------------------------*/

#dashboard .project{
    float:left;
    margin-left:8px;
    width:750px;
    margin-bottom:35px;
}

.project .elements .Analysis, .project .elements .Message, .project .elements .Image{
    border:1px solid #EEF2F6;
    float:left;
    height:35px;
    margin-top:5px;
    width:748px;        
}        

.project .elements > div {
    background-repeat: no-repeat;
    background-position: 4px 8px;
}

.project .elements > div:nth-child(odd) {
    background-color : #E6E6E6;
}

.project .elements .icons{
    height:17px;
    width:17px;
    border-radius:2px;
    float:left;
    margin-top:8px;
    margin-left:5px;
}

.project .elements .Message .icons{
    background:#FFD505 url(/images/mess.png) no-repeat 3px 3px;
}

.project .elements .Analysis .icons{
    background: #34B02C url(/images/script.png) no-repeat 2px 1px;}

.project .elements .Image .icons{
    background:#E62E60 url(/images/docs.png) no-repeat 1px 3px;
}
    
#dashboard .project canvas { margin-top:17px; margin-left: 25px }

#dashboard .project .participation { 
    float : right; 
    width : 200px;
    height : 10px; 
    display : inline-block; 
    margin-bottom :5px;
}
#dashboard .project span.members-count{
    float: right;
    font: normal 11px Arial, sans-serif;
    color: #DFE0E3;
    margin-top: -12px;
    padding-left: 18px;
    background: url('/images/user-ptit.png') no-repeat 0px 0px;
}

#dashboard .project h2, #dashboard .project  h2 a {
    color:#235BBE;
    font: normal 18px "Oxygen-Regular", Arial, sans-serif;
    letter-spacing:0.1em;
    text-decoration:none;
    margin-top:5px;
    display: flex;
    align-items: center;
    margin-left:6px;
}

#dashboard .elements .author{
    color:#666768;        
    font: normal 13px Arial, sans-serif;
    margin-left:13px;
}        
    
#dashboard .elements .title{
    float:left;
    font: normal 13px Arial, sans-serif;
    color:#909090;
    margin-top:10px;
}          
 
#dashboard .elements .title a{
    color:#909090;
} 
        
#dashboard .elements .title a:hover{
    color:#666768;
} 
                  
#dashboard .elements .date{
    color:#666667;
    float:right;
    padding-right:4px;
    padding-top: 6px;
    font: normal 12px/17px Arial, sans-serif;
}

#dashboard .analysis .file {
    display: none;
}

#project-new { 
    margin-bottom : 10px;
    margin-left: 18px; 
}
#project-new > label {
    display: none;
}

#project-new .new{ 
    background:#235BBE;
    border: 1px solid #19428F;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(107, 107, 107, 0.3);
    color: #ffffff;
    cursor: pointer;
    font: bold 14px arial;
    min-width: 120px;
    padding: 10px;
    text-align: center;
    margin-left:4px; 
}

#project-new .new:hover{ 
    background:#19428F;
    border: 1px solid #173C7D;
}

.container-main .trace{
    background:#DCDCDC;
    height: 1px;
    margin-top: 20px;
    margin-left: 16px;
}

#main-project .trace{
    background:#DCDCDC;
    margin-top: 8px;
}


/*-------------------USER PAGE--------------------------*/

#main .user{margin-left: 280px;}

.user.profile .info{
    border: 1px solid #DCDCDC;
    margin-left: 8px;
    margin-top: 10px;
    width: 745px;
}
        
.user.profile .info #gravatar{        
    border-right: 1px solid #DCDCDC;
    height: 170px;
    width: 170px;
    float:left;
}
        
.user.profile .info #gravatar img{
    border: 1px solid #EEF2F6;
    height: 140px;
    margin: 14px auto 0 14px;
    width: 140px;
}

.user.profile .info #gravatar + div {
    height:170px;
    width:250px;
    float:left;
    margin-left:25px;        
}
                    
.user.profile .info h1{
    font: normal 22px Arial, sans-serif;
    color: #3A3A3A;
    margin-top:25px;
}
                            
.user.profile .info #email{
    margin-top:2px;
    margin-left:2px;
    color: #909090;
    font: normal 15px Arial, sans-serif;
}

#edit-user {
background: url("/images/edit.png") no-repeat 5px 0px;
width: 30px;
height: 25px;
margin-top: 38px;
padding-left: 32px;
width: 30px;
}

#edit-user a {
color: #909090;
font: 14px Arial,sans-serif;
text-decoration: none;
}

#edit-user a:hover {
color: #666667;
text-decoration: underline;
}

#log-out {
background: url("/images/power.png") no-repeat 2px 0px;
width: 100px;
height: 40px;
padding-left: 33px;
padding-top: 6px;
}

#log-out a {
color: #909090;
font: 14px Arial,sans-serif;
text-decoration: none;
}

#log-out a:hover {
color: #666667;
text-decoration: underline;
}

#indicators {
    border-top: 1px solid #DCDCDC;
    height:74px;
    width:746px;
    text-align : center;
    clear:both;
}

#indicators > div { overflow : auto; display : inline-block; float:right; }

#indicators > div > div {
    height:74px;
    width:74px;
    float :left;
    position : relative;
}

#indicators #indicator_projects { background:#235BBE; }
#indicators #indicator_analysis { background:#34B02C; }        
#indicators #indicator_documents{ background:#E62E60; }
#indicators #indicator_messages { background:#FFD505; }
        
.user.profile .info #indicators h4{
    font: normal 11px/10px Arial, sans-serif;
    color:#FFF;
    text-align : center;
    position : absolute;
    bottom : 10px;
    width : 100%;
}
    
.user.profile .info #indicators .number{
    font: normal 26px/26px Arial, sans-serif;
    color:#FFF;
    text-align : center;
    margin-top : 24px;
}
    
.user.profile h2{
    font: normal 17px "Oxygen-Regular", sans-serif;
    letter-spacing:0.1em;        
    color:#FFFFFF;
    margin-left: 8px;
    width: 735px;
    height:25px;
}        

.user.profile h2.Recent{
    background : #FFD505 url('/images/message.png') no-repeat 718px 5px;
    padding-left:10px;
    padding-top:4px;
    margin-top:15px;
}        

.user.profile h2.Project{
    background : #235BBE url('/images/dossier2.png') no-repeat 718px 5px;
    padding-left:10px;
    padding-top:4px;
    margin-top:25px;
}
    
.user.profile #projects{                        
    margin-left: 8px;
    margin-top: 15px;
    width: 745px;
}        
    
.user.profile #projects .project{
    border: 1px solid #E6E6E6;
    height: 40px;
    margin-bottom: 10px;
}
    
.user.profile #projects .project .title {
    font: normal 14px Arial, sans-serif;
    margin-left: 10px;
    padding-top:12px;        
}
  
.user.profile #projects .project .title a{
    color: #3A3A3A;
    text-decoration:none;
}

.user.profile #projects .project .title a:hover{
    color: #444444;
}

.user.profile #projects .project .participation{  
    margin-bottom: 5px;
    margin-left: 150px;
    margin-top: -15px;
    width: 390px;
}
        
.user.profile #projects .project .date{          
    color: #666667;
    float: right;
    font: normal 12px Arial, sans-serif;
    margin-right: 10px;
    margin-top: -23px;
}

.user.profile #messages{
    margin-left: 8px;
    margin-top: 15px;
    width: 745px;
}

.user.profile #messages .project-messages{
    border: 1px solid #E6E6E6;
    margin-bottom: 10px;
}
        
.user.profile #messages .project-messages .messages{
    margin-top:-28px;
}
                
.user.profile #messages .project-messages h5 a{        
    color: #3A3A3A;
    font: normal 14px Arial, sans-serif;
    text-decoration:none;
}
        
.user.profile #messages .project-messages h5{        
    margin-left: 10px;
    margin-top: 15px;
}        
                
.user.profile #messages .messages .message .info{
    border:none;
}        

.user.profile #messages .messages .message .info .date a{
    color: #666768;
    float: right;
    font: normal 11px Arial, sans-serif;
    margin-right: 18px;
    text-decoration:none;
    margin-top:1px;
}
        
.user.profile #messages .messages .body{
    margin-left: 195px;
    margin-right: 75px;
    width:410px;
    text-align: justify;
    font: normal 13px Arial, sans-serif;
    color: #909090;
    border-bottom:1px solid #E6E6E6;
    padding-bottom:13px;
    padding-left:8px;
}

#add-element .actionBox {
    float: left;
    width: 100%;
    display: none;
}

#add-element .add-resource {
    background: #EB5C83;
    border: 1px solid #CC0033;
    color: #FFFFFF;
    height: 34px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-top: 25px;
    padding-top: 6px;
    width: 230px;
    float: left;
}

#add-element .add-resource:hover {
    background:  #E62E60;
    border: 1px solid #CC0033;
    transition: background-color 0.3s ease-in-out 0s;
}

#add-element .add-resource  span {
    background: url("/images/bt-upload.png") no-repeat;
    float: left;
    height: 32px;
    margin-left: -10px;
    margin-top: -6px;
    width: 32px;
}

#add-element .upload-term-list {
    padding-left: 22px;
}

#add-element .upload-term-list .area {
    width: 100%;
    border-radius: 3px;
}

#add-element .upload-term-list .area #uploadProgress{
    width: 100%;
    height: 18px;
    margin: 10px 0;
    background-color: rgb(255, 240, 244);
    display: none;
    border-radius: 3px;
}

#add-element .upload-term-list .area #currentProgress{
    width: 0;
    height: 100%;
    margin: 5px 0;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    background-color: #EB5C83;
    border-radius: 3px;
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
  
@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

#add-element .upload-term-list .area #dropzone {
    line-height:30px;
    border: 1px solid #ffffff;
    height: 150px;
    background-color: rgb(255, 240, 244);
    transition: all 200ms;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

#add-element .upload-term-list .area #dropzone .dropzoneText {
    font-weight: 600;
    transition: opacity 200ms;
    font-size: 14px;
    color: gray;
    width: 90%;
}

#add-element .upload-term-list .area #dropzone #fileText {
    color: #424242;
    font-size: 16px;
}

#add-element .upload-term-list .area #dropzone .drop-bottom {
    display: flex;
}

#add-element .upload-term-list .area #dropzone .upload-file-btn:hover .drop-bottom .drop-img {
    opacity: 1;
}

#add-element .upload-term-list .area #dropzone .drop-bottom .drop-img {
    width: 10%;
    margin-right: 20px;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
}

#add-element .upload-term-list .area #dropzone .drop-bottom .drop-img > img{
    width: 70%;
}

#add-element .upload-term-list .area #dropzone .drop-bottom .drop-list{
    text-align: left;
    list-style-type: disc;
}

#add-element .upload-term-list .area #dropzone:hover .dropzoneText {
    color: rgb(53, 53, 53);
}

#add-element .upload-term-list .upload-file-btn:hover {
    cursor: pointer;
}

#add-element .upload-term-list .area #dropzone:hover {
    /* background-color: #EB5C83;
    color: white; */
    border-color: #E62E60;
    transition: all 200ms;
}

#add-element .upload-term-list .area #dropzone.drag-over {
    /* background-color: #EB5C83; */
    border-color: #E62E60;
    transition: all 200ms;
}

#add-element .upload-term-list .area #dropzone.drag-over .dropzoneText{
    color: rgb(53, 53, 53);
}

#add-element .upload-term-list .upload-file-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: transparent;
}

input[type="file"] {
    display: none;
}

.project-meta .info, #dashboard-meta .info{
    height:100px;
    width:220px;
    margin-left:22px;
}
    
.project-meta .info h3 {
    border-bottom: 1px solid #DCDCDC;
    font: normal 13px "Oxygen-Regular", sans-serif;
    color: #3A3A3A;
    margin: 10px 10px 10px 0px;
    width:220px;
    padding-bottom:2px;
    padding-left:0px;
    padding-top:2px;
    background:#FFFFFF;
}

.tab {
    display: flex;
    justify-content: space-around;
    margin-bottom: 7px;
}

.tab button {
    background-color: inherit;
    float: left;
    padding: 2px 6px;
    cursor: pointer;
}

.tab button:hover {
    background-color: #ddd;
}

.tab button.active {
    background-color: #ccc;
}

.tabcontent {
    display: none;
}

.tablinks {
    font-size: 10px !important;
}

.codeCite {
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    padding: 1px;
    padding-left: 5px;
    white-space: break-spaces;
    max-height: 300px;
    font-size: 10px !important;
}

.txtImportantCite {
    margin-left: 0;
}

.tab .icon {
    height: 18px;
    width: 18px;
}

.container-right #important-cite > p,#project-options > p {
    display: none;
}

#add-element #fileForm #fileUploadButton {
    width: 100%;
    margin-top: 1rem;
    text-align: center;
    background-color: #EB5C83;
    color: white;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #CC0033;
    border-radius: 3px;
    padding: 0.3rem 0;
    transition: all 200ms;
}

#add-element #fileForm #fileUploadButton:hover {
    background-color: #E62E60;
}

.confirmparse-wrapper {
    padding-left: 22px;
}

.confirmparse-content {
    height: 150px;
    width: 100%;
    border-radius: 3px;
    background-color: rgb(238, 255, 236);
    color: gray;
    text-align: center;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    line-height: 30px;
    font-weight: 600;
    border: 1px solid #FFFFFF;
}

.confirmparse-content:hover {
    border: 1px solid #1D8912;
    color: rgb(53, 53, 53);
    transition: all 200ms;
}

.confirmparse-content .highlighted {
    font-size: 16px;
    margin-top: 15px;
    color: #424242;
}

#fileName {
    font-weight: 900;
}

.container-left .info{float: right;}        

.container-left h3 {
    font: normal 14px/30px "Oxygen-regular", sans-serif;
    letter-spacing : 2px;
    color: #FFFFFF;
    margin: 10px 10px 10px 0px;
    width:250px;
    padding-left:5px;
    background:#235BBE url('/images/dossier1.png') no-repeat 230px 7px;
}

.container-left .members h3 {background : #EE6E21 url('/images/userB.png') no-repeat 230px 8px;
}

.container-left .script {
    margin-bottom: 5px;
    width : 100%;
}

.container-left .corpus {
    margin-bottom: 7px;
    width: 100%;
}

.container-left #corpus {
    margin-bottom: 30px;
}

.container-left .corpus h3 {
    background: url('/images/img-db-w.png') no-repeat 230px 5px;
    background-color: #EB5C83;
}

.container-left #script {
    margin-bottom: 30px;
}

#queuedScripts{
    overflow: auto;
    max-height: 250px;
    width : 250px;
}

#projectCorpus{
    overflow: auto;
    max-height: 165px;
    width : 250px;
}

#queuedScriptsProject{
    overflow: auto;
    height: 165px;
    width : 250px;
}

.container-left .script .queued-scripts{
    background: #EEF2F6;
    height: 4px;
    margin-left: 5px;
    margin-top: 8px;
    margin-right: 5px;
    width: 60%;
}
        
.container-left .script .queued-scripts .progress-script{
    background: #25A618;
    height: 4px;
    width:100px;
    display:block;
    border-radius: 20px;
}
        
.container-left .script .name-script{
    color: #909090;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 20px;
    margin-left: 5px;
    text-decoration: none;
    }

.container-left .corpus .name-corpus{
    color: #909090;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 20px;
    margin-left: 5px;
    text-decoration: none;
}

.container-left .corpus .name-corpus.active {
    color: #727272;
}

.member.active > .name{
    color: #727272;
}

.container-left .corpus .name-corpus.inactive {
    opacity: 0.4;
    -moz-opacity: 0.4;
    filter:alpha(opacity=4);
}

.container-left .corpus .name-corpus:hover {
    color: #313131;
}

.container-left .script .name-script:hover {
    color: #444444;
}

.container-left .script .hours{
    color: #909090;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 20px;
    margin-left: 5px;
    margin-right: 4px;
}

.container-left .script .horizontal-division{
    margin: 0 5px;
    border: 0;
    border-top: 1px solid #e6e6e6;
}

.container-left .script .clock {
    background: url(/images/history.png) no-repeat;
    margin-right: 25%;
}

.container-left .script .favorites {
    background: url(/images/star.png) no-repeat;
}

.container-left .script .icon-analysis {
    height: 30px;
    width: 32px;
    background-size: 20px 20px;
    float: right;
    cursor: pointer;
    background-position: center;
}

.container-left .script .icon-analysis:hover {
    background-color: #229716;
}

.container-left .script .icon-analysis.active {
    background-color: #229716;
}

.icon-star-analysis{
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    background-size: 18px !important;
}

.container-left .corpus .name-script {
    color: #909090;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 20px;
    margin-left: 5px;
    text-decoration: none;
}

.container-left .corpus .name-script:hover {
    color: #444444;
}

.container-left .corpus .download {
    float:right;
    margin-right:5px;
    width: 13px;
    height: 13px;
    background: url("/images/icon-download.png") no-repeat scroll center center transparent;
    background-size: contain;
    margin-top: 2px;
}

.container-left .corpus .download:hover {
    background: url("/images/icon-download-hover.png") no-repeat scroll center center transparent;
    background-size: contain;
}

.container-left .script h3 {background : #27AD19 url('/images/analysis-queued.png') no-repeat 230px 6px;
}

.dashboard-projects {
    height: 50%;
}
.dashboard-projects a {
    margin-bottom:8px;
}

.dashboard-projects li {
    margin-bottom : 5px;
}
.dashboard-projects .projects {height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 15px; width: 235px;}
.dashboard-projects .projects li:hover { cursor : pointer; }
.dashboard-projects .projects li:hover * { color: #444444; }

.dashboard-projects span {
    float : right;
    font: normal 11px Arial, sans-serif;
    color: #DFE0E3; 
    margin-top : 2px;
    padding-left : 18px;
    background : url('/images/user-ptit.png') no-repeat 0px 0px;
}

/*
#dashboard-meta .dashboard-projects{
    width:240px;
}*/

#dashboard-meta #link-dashboard {
    margin-top: 25px;
}

#dashboard-meta #link-dashboard h4{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("/images/go-eyes.png") no-repeat 5px 7px;
    border-color: #DCDCDC;
    /*-moz-use-text-color;*/
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
    color: #909090;
    font: 13px/25px arial,sans-serif;
    padding-left: 34px;
}

#dashboard-meta #link-dashboard h4 a {
    color: #909090;
    text-decoration: none;
}

#dashboard-meta #link-dashboard h4 a:hover {
    color: #444444;
    cursor: pointer;
}

.project-meta *{
    font: normal 12px/1.2em 'Oxygen-Regular', sans-serif;
    color: #909090;
}
.project-meta a:hover{
    color: #444444;
    cursor: pointer;
}
.project-meta div {
    
    margin-top:5px;
}

.participation .data {
    font: normal 12px/1.2em Arial, sans-serif;
    color: #909090;
    margin-top:2px;
    margin-bottom : 10px;
    z-index : 99999;
    position : absolute;
    background : white;
}

.members .inactive {
    opacity: 0.4;
    -moz-opacity: 0.4;
    filter:alpha(opacity=4);
}
        
.dashboard-projects .data {
    margin-left : 10px;
}

.member, .project-title a{
    font: normal 11px Arial, sans-serif;
    color:#909090;
    margin-left: 5px;
    padding-bottom:5px;
    text-decoration:none;
    cursor:pointer;
}

.member .name:hover, .project-title a:hover{
    color: #444444;
}                        
        
.member canvas{
    padding-top:4px;
    width:245px;
}

.project-title canvas{
    padding-top:4px;
    width:100%;
}

.member canvas{
    padding-top:4px;
}

.project-title canvas{
    padding-top:4px;
    margin-left:5px;
}




/* PROJECT (container-main) : ACTION PROJECT (upload, start and write a comment)  ************************************************************/


.container-main #project-new input[type=text]{ width : 600px; border : 1px solid #DCDCDC; height : 34px; padding : 0 5px; font : normal 14px arial; color : #B1B1B1; border-radius:3px; margin-top:10px; }
.container-main .search-form input[type=text]{  background: url("/images/loupe.png") no-repeat 385px 8px; width : 400px; border : 1px solid #DCDCDC; height : 34px; padding : 0 5px; font : normal 14px arial; color : rgb(143, 143, 143);
 margin-top: 20px; margin-left: 16px; margin-bottom: 10px; border-radius:3px;}
.container-left input[type=text].focus, .container-main input[type=text].focus { color : #6E6E6E !important; }

.container-main textarea { font : normal 14px arial; color : #B1B1B1; }
.container-main textarea.focus { color : #6E6E6E; }

#add-element { position: relative; top : -14px; margin-bottom: -10px;}
#add-element p.archived{ margin-top: 10px}
#add-element .message{
    border : 1px solid #EEF2F6;
    border-top : 0;
    background : #F6F0FF;
    padding : 2px;
    margin-left : 16px;
    overflow: auto;
}
#add-element .discussion-textarea {
    overflow: auto;
    background-color: #fff;
    display : block;
    width : 710px;
    padding : 5px;
    height : 161px;
    border-radius : 2px;
    border : 1px solid #EEF2F6;
    resize:none;
    margin: 8px 10px;
}
#add-element form .add {
    float : right;
    margin: 0 10px 5px 0;
}

#add-element #select-type { background : url("/images/cross.png") no-repeat 7px 7px; margin-left : 8px; padding-left : 37px; width : 708px; border-bottom: 1px solid #EEF2F6;}
#add-element #select-type button { background : white; border : 1px solid #EEF2F6; border-width : 0px 1px; border-radius: 0px; box-shadow: none; }

#add-element #select-type button { margin-bottom : 0; margin-top : 0; }

#add-element #select-type button.analysis { color : #34B02C; }
#add-element #select-type button.document { color : #E62E60; }
#add-element #select-type button.message  { color : #FFD505; }

#add-element #select-type button.on { color : white; }
#add-element #select-type button.on.analysis { background-color : #34B02C; }
#add-element #select-type button.on.document { background-color : #E62E60; }
#add-element #select-type button.on.message  { background-color : #FFD505; }

#add-element form.analysis { text-align: center; }


#add-element .upload-corpus {
    background: #EB5C83;
    border: 1px solid #CC0033;
    color: #FFFFFF;
    height: 34px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-top: 25px;
    padding-top: 6px;
    width: 230px;
    float: left;
}
#add-element .upload-corpus  span {
    background: url("/images/bt-upload.png") no-repeat;
    float: left;
    height: 32px;
    margin-left: -10px;
    margin-top: -6px;
    width: 32px;
}
#add-element .upload-corpus:hover {
    background:  #E62E60;
    border: 1px solid #CC0033;
    transition: background-color 0.3s ease-in-out 0s;
}

#add-element .start-script {
    background:  #2CC31C;
    border: 1px solid #1D8912;
    color: #FFFFFF;
    height: 34px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-top: 25px;
    padding-top: 6px;
    width: 230px;
    float: left;
}

#add-element .start-script span {
    background: url("/images/bt-script.png") no-repeat;
    float: left;
    height: 32px;
    margin-left: -10px;
    margin-top: -6px;
    width: 32px;
}

#add-element .start-script:hover {
    background:#27AD19;
    border: 1px solid #1D8912;
    transition: background-color 0.3s ease-in-out 0s;
}

#add-element .write-message {
    background: #ffd505;
    border: 1px solid #b89900;
    color: #FFFFFF;
    height: 34px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-top: 25px;
    padding-top: 6px;
    width: 230px;
    float: left;
    overflow: hidden;
}

#add-element .write-message span {
    background: url("/images/bt-message.png") no-repeat;
    float: left;
    height: 32px;
    margin-left: -2px;
    margin-top: -6px;
    width: 32px;
}

#add-element .write-message:hover {
    background:#FFC005;
    border: 1px solid #b89900;
    transition: background-color 0.3s ease-in-out 0s;
}

#add-element .clear {
    clear: both;   
}

.limit{
    width: 750px;
    margin-left: 16px;
    margin-top: 15px;
    margin-bottom: 50px; /* to avoid masking of footer */
    height: 30px;
    background: #E6E6E6;
    border-bottom: 2px solid #ffffff;
    text-align: center;
    line-height: 30px;
    color: #a8a8a8;
    font-size: 13px;
    font-family: "Oxygen-Regular",sans-serif;

}
.limit a{ color : black; text-decoration: none;font-family: "Oxygen-Regular",sans-serif;}
.limit a:hover{ color : black; text-decoration: underline;}

/* CONTAINER LEFT: ADD NEW MEMBER BLOCK  ************************************************************/

.container-left #new-members { margin-top : 25px; }

.container-left  h4 { color : #909090; font: normal 13px/25px arial, sans-serif; border : 1px solid #DCDCDC; border-left :0; border-right: 0; padding-left : 34px; background : url("/images/cross2.png") no-repeat 5px 5px; }
.container-left  h4:hover { color : #444444; cursor : pointer;background : url("/images/cross2-hover.png") no-repeat 5px 5px;  }
.container-left #remove-from-project{margin-top: 20px; background : url("/images/close.png") no-repeat 5px 5px;}
.container-left #remove-from-project:hover{color : #444444; cursor : pointer; background : url("/images/close-hover.png") no-repeat 5px 5px; }

.container-left #new-members > div {
    padding: 8px 4px 8px 4px;
    border: 1px solid #EEF2F6;
    border-top :0;
    background : #FAFAFA;
    display : none;
}

.container-left #new-members .button {
    display: block;
    margin : 5px;
    text-decoration:none;
    margin:0px auto;
}

.container-left #new-members input {
    border: 1px solid #DCDCDC;
    color: #CFCFCF;
    font: 11px arial;
    height: 27px;
    padding: 0 5px;
    margin : 0;
    width : 233px;
}

.container-left #new-members #proposition-members { border : 1px solid #DCDCDC; border-top : 0; overflow-y: auto;}

.container-left #new-members #proposition-members > p { background : white; padding : 10px; text-align : center; color : #6E6E6E; font: italic 11px/15px arial; margin-left: 0}

.container-left #new-members #proposition-members .user {
    background:#FFF;
    padding : 4px 4px;
    position : relative;
    border-bottom : 1px solid #DCDCDC;
    margin-left: 0px;
}

.container-left #new-members #proposition-members .user:last-child { border : none; }


.container-left #new-members #proposition-members .user img {
    border: 1px solid #DCDCDC;
    height: 24px;
    width: 24px;
    margin-right : 4px;
    float:left;
}
        
.container-left #new-members #proposition-members .user .name {
    color: #909090;
    font: normal 11px/27px arial;
}
        
.container-left #new-members #proposition-members .plus {
    background:url("/images/cross2.png") no-repeat;
    height:14px;
    width:14px;
    position : absolute;
    top : 9px;
    right : 5px;
    cursor:pointer;
}

.container-left #new-members #proposition-members .plus:hover {
    background:url("/images/cross2-hover.png") no-repeat;
}        

.container-left #new-members #send-invitation a {
    color: #909090;
    font: normal 11px arial;
}
        
.container-left #new-members #send-invitation a:hover {
    color: #444444;
}
                
.container-left #new-members #send-invitation{
    text-align : center;
    display : none;
}
.mail-sent { background:url("/images/mail-sent.png") no-repeat top left ; height: 30px; padding-left: 30px ; padding-top: 5px;}
.check { background:url("/images/check.png") no-repeat top left ;  height: 30px; padding-left: 30px; padding-top: 5px; }
.sendmail, .sendmail:hover { 
    background: #235bbe url("/images/mail-sent.png") no-repeat top center !important ; 
    padding-top: 20px; 
    color: white !important;
    word-wrap: break-word;
    width: 90%;
    } /*todo : remove the !imporant by changing the button class on line 82... */

.sendmail:hover {background-color: #2155b1 !important;}

/*---------------login accueil-----------------*/


#welcome{
    margin-top : 80px;
    margin-left: 40px;
    width:400px;
    height:410px;
    float: left;
    background-color: #e8eaed;
    border: 1px solid #d9dee2;
    border-radius: 3px;
	box-shadow:1px 1px 2px 0 rgb(167,167,167);
    }
    
#welcome img{
    margin-left: 120px;
    margin-top: 110px;
    }
    
#welcome h1{
    color: #444444;
    font: 20px "Oxygen-Regular";
    letter-spacing: 1.5px; 
    margin-bottom : 20px;
    margin-left:135px;
    margin-top: 38px; 
    }
    
#main #welcome #distante{
    width:600px;
    height:50px;
    margin-top :45px;
    margin-bottom:5px;
    }
    
#main #welcome #distante .login{
    height:40px;
    width:200px;
    margin-left :100px;
    background:#EE6E21;
    border:1px solid #CA5C1A;
    color:#FFFFFF;  
    }
    
#main #welcome #distante .login:hover{
    background : #f95f03; border : 1px solid #a03f04; color : #ffffff; box-shadow: 0px 0px 3px rgba(0,86,156, 0.6);
    }           
        
#main #welcome #inscription{
    width:300px;
    height:60px;
    margin-left: 93px;
    float:left;
    }
    
#main #welcome #account{
    width:174px;
    height:20px;
    margin-top:28px;
    float:left;
    color: #3A3A3A;
    font: 14px arial;
    margin-left: 120px;
}       
    
#main #welcome #inscription .inscription{
    margin-left :8px;
    height:40px;
    width:200px;
    background:#3C3C3C;
    border:1px solid #303030;
    color:#FFF;
    margin-top:10px;
    }                           
    
#main #welcome #inscription .inscription:hover{
    background : #2F2F2F; 
    border : 1px solid #090909;
    box-shadow: 0px 0px 3px rgba(0,86,156, 0.6);
    }       
    
#main #welcome #login{
    width:600px;
    margin-top : 20px;
    margin-bottom:20px;
    }

#main #welcome #login span{
    float:right;
    width : 205px;
    position : relative;
    top : -40px;
    color: #a3a1a1;
    font: 12px arial;
    line-height : 36px;
}
    
#main #welcome #login span a{
    color: #a3a1a1;
}

#main #welcome #login span a:hover{
    color: #666768;
}
    
#main #welcome #login .login{
    margin-left :182px;
    height:40px;
    width:200px;
    background: #34B02C;
    color:#FFF;
    border: 1px solid #388530;
    }                           
    
#main #welcome #login .login:hover{
    border:solid 1px #388530; 
    background: #229716;
    }   
        
#main #welcome #login input{    
    border: 1px solid #DCDCDC;
    color: #BCBBBB;
    font: 13px arial;
    width:190px;
    height: 34px;
    padding: 0 5px;
    display:block;
    margin-bottom:5px;
    margin-left :182px;
    border-radius:3px;

    }

#main #welcome #login #id, #main  #welcome #login .id, #main  #welcome  #login #email, #main  #welcome #login .email{
    display:none;
}   
    
input:focus{
    -moz-transition:1s; 
    -o-transition:1s; 
    -ms-transition:1s; 
    -webkit-transition:1s;
    border: 1px solid #54cf4c;
    box-shadow: none;
}

a.first-visit{
    color : #707070;
    text-decoration: none;
}
a.first-visit:hover{
    color : #444444;
    text-decoration: underline;
}

.container-right a.first-visit{
    background: url("/images/robot.png") no-repeat scroll 5px 1px;
    display: block;
    float: right;
    margin-right: 5px;
    padding-left: 33px;
    font-size: 14px;
}

.container-right .download-div {
    display: flex;
    align-items: center;
    margin: 0;
}


/*-------------------MESSAGE WELCOME--------------------------*/

#first-connection p.welcome {font-weight: bold}
#first-connection{
    background:#e8eaed;
    border: 1px solid #d9dee2;
    padding-right: 20px;
    margin-top: 80px;
    height: 410px;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    box-shadow:1px 1px 2px 0 rgb(167,167,167);
}

#first-connection img{
    margin-bottom: 25px;}

#first-connection h1{
    color: #3A3A3A;
    font: 21px "Oxygen-Regular";
    letter-spacing: 1.1px;
    margin: 60px 0px 20px 20px;
    text-align: center;
}

#first-connection p{
color: #444444;
font: 14px/1.4em Arial,sans-serif;
margin-bottom: 10px;
margin-top: 20px;
width: 430px;
padding-left: 50px;
text-align: justify;
}

#first-connection p span{
color: #515151;
}

#first-connection #icon-create{
background: url("/images/project-first.png") no-repeat 0px 2px;
padding-left: 30px;
margin-top: 20px;
}

#first-connection #icon-corpus{
background: url("/images/corpus-first.png") no-repeat 0px 2px;
padding-left: 30px;
}

#first-connection #icon-script{
background: url("/images/script-first.png") no-repeat 0px 2px;
padding-left: 30px;
}

#first-connection #icon-invite{
background: url("/images/invite-first.png") no-repeat 0px 2px;
padding-left: 30px;
}

#first-connection #icon-message{
background: url("/images/message-first.png") no-repeat 0px 4px;
padding-left: 30px;
}

#first-connection h2{
    color: #666667;
    font: 14px/1.4em Arial,sans-serif;
    margin: 0px 0px 18px 135px;
}

/*-------------------GENERAL--------------------------*/

.small-font {
    font: 12px Arial, sans-serif !important;
}

.userlog {
  margin-top: 40px;
}

.userlog pre {
  display: block;
  background:#eee;
  color: #000;
  font: 14px/1.4em "Lucida Console", Monaco, monospace;
  height: 500px;
  overflow: auto;
  padding: 10px;
}

.userlog h1 .job-user-label {
  color: #838383;
}

.userlog h1 .job-status {
  padding-left: 20px
}

/* Log */

.userlog .logTitleContainer {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: solid 2px #ddd
}

.userlog .largeLog {
  display: none;
}

.userlog .logHead {
  height: 300px;
  margin-top: 10px;
}

.userlog .logTail {
  height: 400px;
}

/*------------- Handsontable / csv viewer ------------------------*/
.viewCsv {margin-top: 20px;}
.viewCsv p.name {    
    font: bold 16px Arial, sans-serif;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-left: 0;
}
.actionMessage {font-size: 12px;}
.actionMessage.ok {color: #5e9e5e;}
.actionMessage.error {color: #ab5656;}

.viewCsv .actions {margin-bottom: 10px}
.viewCsv .actions input { width : 600px; border : 1px solid #DCDCDC; height : 34px; padding : 0 5px; font : normal 14px arial; color : #909090; border-radius:3px; margin-top:10px; }
.viewCsv .actions .save {background: #1361a5; color: #fff;}
.csvContainer {overflow: hidden; width: 90%; height: 500px; margin-left: 20px ; font:14px Arial, sans-serif ;}
.csvContainer th{font: 14px Arial, sans-serif;vertical-align: middle;}
.csvContainer table.htCore tr:first-child td{color: #8e8e8e;}
.csvContainer td{font: 11px Arial, sans-serif;vertical-align: middle;}