﻿/*default.aspx*/
body { background-color:#f3f3f3;color:white;font-family:sans-serif; }			  
input:focus { border:0;outline:none; } 
a { text-decoration: none; }
.greeting #Message { font-size:larger;border-bottom:2px solid #c0c0c0;padding-bottom: 20px }
.message { font-size:larger;color:#005251 }
.advise { font-size:12px;color:#005251 }
.adviseQuestion { font-size:12px;color:#080909 }
.submit { margin-left:4px;background-image:url(images/submit.png) }
.greeting { margin-right:8px }   
#User {padding-top:16px }
.userPosition { display:block;font-size:small }
.logo { cursor:pointer;}
#Welcome { width:30%;padding:16px;position:absolute;color:white;opacity:0;transition:all 2s;border-left:4px #005150 solid }
#Welcome td { padding:16px }
#User .password { width:75%;padding:8px;border:0;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); }
#Logon #Submit { position:relative;top:-4px }


/*projects.aspx*/
#User #Message { display:inline }
#UserImage { height:32px;border-radius:16px }
#Wait { position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;text-align:center;background:rgba(255,255,255,0.75) url(images/wait.gif) center center no-repeat }
#Wait .message { position:relative;top:60% }
.panel { padding:4px;background:white;border-radius:8px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.2) }
.panel td a { display:inline-block }
.button, .command { width:32px;height:32px;background-size:32px;border:1pt solid #ccc;padding:8px;font-size:0;cursor:pointer;background-color:white;border-radius:24px;background-repeat:no-repeat }
.noborder { border: 0pt; }
.noborder:hover { border: 0pt; }
.button:hover, .command:hover { border:1pt solid #ccc }
.change { float:right;background-image:url(images/change.png);background-color:#005251; background-position:center; border-color:#005251; }
.logoff { float:right;background-image:url(images/logoff.png);background-color:#005251; background-position:center; border-color:#005251; }
.change:hover { border-color:#005251; }
.logoff:hover { border-color:#005251; }
#ProjectTypes, #Companies, #Query, #DateStart, #DateEnd { width:100%;border:0;border-left:4px #ff9800 solid;padding:10px;background:#f5f5f5;cursor:pointer;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);font-weight:bold;color:#005251;margin-bottom:8px }
#Query { box-sizing:border-box;cursor:text }
#Search { width:32px;height:32px;border:none;background-color:transparent;background-image:url(images/search.png);font-size:0;cursor:pointer }
.report { margin:2px;white-space:nowrap;font-size:small }
.report input { width:34px;height:34px;border:1pt solid white;background:white;border-radius:4px }
#Notifications { margin:10px 0;background:#f5f5f5;border-left:4px #005251 solid;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);transition:0.5s }
#divCertificateProjects { margin:10px 0;background:#f5f5f5;border-left:4px #ff9800  solid;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);transition:0.5s;font-weight:bold;color:#005251;margin-bottom:8px; font-size:small; padding-top:10px; }

#Summary {margin:0;color:#026867 }
#Summary .summaryItem { padding:4px;border-bottom:1px #fff solid }
.summary { margin:16px;color:#026867;font-size:smaller }
.summaryItem { display:block }


.accordionWrapper{width:100%}
.accordionItem{ float:left;display:block;width:100%;box-sizing: border-box; }
.accordionItemHeading{ cursor:pointer;margin:0px 0px 10px 10px;padding:3px;background:#005251;color:#fff;width:90%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-sizing: border-box; }
.close .accordionItemContent{ height:0px;transition:height 1s ease-out;-webkit-transform: scaleY(0);-o-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);float:left;display:block; }
.open .accordionItemContent{ background-color: #fff;border: 1px solid #ddd;width: 90%;margin:0px 0px 10px 10px;padding:5px;display:block;-webkit-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;-o-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition: -webkit-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease;-ms-transition: -ms-transform 0.4s ease;transition: transform 0.4s ease; box-sizing: border-box; }
.open .accordionItemHeading{margin:0px 0px 0px 10px;padding:3px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;    -webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;background-color: #bdc3c7;color: #026867; }


#NoConformidadesPanel {margin:0;color:#026867; }
#NoConformidadesPanel .NoConformidadesPanelItem { padding:4px;border-bottom:1px #fff solid }
.NoConformidadesPanel { margin:16px;color:#026867;font-size:smaller }
.NoConformidadesPanelItem { display:block }
.NoConformidadesPanelItemNaranja { color:orange;  font-weight: bold; }


.grid { background-color:white;color:black;font-size:smaller }
.grid th { background-color:#005251;color:white;padding:8px 10px;text-transform:uppercase }
.grid .cell { display:inline-block;overflow:hidden;text-align:center }
.grid tr { vertical-align:top }
.grid tr td { padding:8px; border-bottom:1px #efefef solid }
.grid tr td div { min-height:28px; margin-top:6px; }
.grid tr:hover { background-color:#efefef }

.gridReview { background-color:white;color:black;font-size:14px; }
.gridReview th { background-color:#005251;color:white;padding:8px 10px;text-transform:uppercase }
.gridReview .cell { display:inline-block;overflow:hidden;text-align:center }
.gridReview tr { vertical-align:top }
.gridReview tr td { padding:8px; border-bottom:1px #efefef solid }
.gridReview tr td div { min-height:28px; margin-top:6px; }
.gridReview tr:hover { background-color:#efefef }
.gridReview tr td:first-child { color:#005251; width:60%; }

.gridNotAssignedGridHeader { background-color:white;color:black;font-size:smaller; }
.gridNotAssignedGridHeader th { background-color:#005251;color:white;padding:8px 10px;text-transform:uppercase }
.gridNotAssignedGridHeader .cell { display:inline-block;overflow:hidden;text-align:center }
.gridNotAssignedGridHeader tr { vertical-align:top }
.gridNotAssignedGridHeader tr td { padding:8px; border-bottom:1px #efefef solid }
.gridNotAssignedGridHeader tr td div { min-height:28px; margin-top:6px; }
.gridNotAssignedGridHeader tr:hover { background-color:#efefef }

.gridProjectsNotAssigned { background-color:white;color:black;font-size:smaller; border:2px solid #efefef; }
.gridProjectsNotAssigned .selected { background-color:#f8f4c6; border-left: 8px #005251 solid;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) }
.gridProjectsNotAssigned th { background-color:#ffffff;color:white;padding:8px 10px;text-transform:uppercase }
.gridProjectsNotAssigned .cell { display:inline-block;overflow:hidden;text-align:center }
.gridProjectsNotAssigned tr { vertical-align:top }
.gridProjectsNotAssigned tr td { padding:8px; border-bottom:1px #efefef solid }
.gridProjectsNotAssigned tr:hover { background-color:#f8f4c6; cursor:pointer; }

.gridManagers tr td div { min-height:28px; margin-top:6px; }
.gridManagers { background-color:white;color:black;font-size:smaller }
.gridManagers th { background-color:#005251;color:white;padding:8px 10px;text-transform:uppercase; }
.gridManagers .cell { display:inline-block;overflow:hidden;text-align:center }
.gridManagers tr { vertical-align:top }
.gridManagers tr td { padding:8px; border-bottom:1px #efefef solid }
.gridManagers tr td div { min-height:28px; margin-top:6px; }
.gridManagers tr:hover { background-color:#efefef }		

.selected { background-color:#efefef; border-left: 8px #005251 solid;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) }
.return { background-image:url('images/return.png') }
.save { background-image:url('images/save.png') }
.link { color:#005251;margin:0;text-decoration:none;border:0;padding:10px 0;width:220px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); display:inline-block;background:white }
.link:first-child{ background: #005251; color: #fff;}
.linkManagers { background: #005251; color: #fff; margin:10px 0px 0px 10px; width:220px;border:0;padding:10px 0;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); display:inline-block; }
#Function { margin: 0 20px; }
.pending { width:8px;height:8px;background:#ff9800;padding:6px 8px 6px 8px;border-radius:24px;color:white;position:relative;left:-12px;top:-2px;font-weight:bold }
.pendingNCDocumentos { width:8px;height:8px;background:#ff9800;padding:1px 4px 1px 4px;border-radius:24px;color:white;position:relative;left:-12px;top:10px;font-weight:bold }
.transparent { background-color: transparent; color:transparent; }
/*#GridHeader tr th:first-child { border-radius:8px 0 0 8px }
#GridHeader tr th:last-child { border-radius:0 8px 8px 0 }*/

#Grid tr td:first-child { margin-top:8px;}
#Grid tr td:first-child a { font-weight:bold;border:1px #0c82ff solid;border-radius:16px;padding:8px;white-space:nowrap }
#Grid tr td:first-child a:hover { box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.20);border-color:white;transition: 0.5s }

.blink { animation:blink-animation 0.5s steps(5, start) 8; }


@keyframes blink-animation { to { opacity:0.5; } }
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari and Chrome */.gridHeader { margin-left:-4px; }}


/*project.aspx*/
.header { color:white;overflow:hidden;background-color:#005251;vertical-align:middle;border-radius:8px; }
.header table:first-child tr:first-child th:first-child { background-color:white;padding:4px;border-radius:8px }
.header span a { color: #ff9800; text-decoration: none;  }

.label { color:#005251 }
.field input, .field select { border:0;font-weight:bold;cursor:auto;padding:4px;border-bottom:1px #efefef solid }
.title { color: #005251;font-weight:bold }

.pointerImportant { cursor: pointer !important; }

#Definition > table > tbody > tr { vertical-align:top }
#Definition > table > tbody > tr > td:nth-child(2) { width:100% } 				   
#Definition .label { white-space:nowrap }
#Definition textarea { width:100%;border:0;font-family:inherit;font-weight:bold;border-bottom:1px #efefef solid;resize:none;overflow:auto; }
#Definition #ProjectName { height:2em;overflow-y:hidden }

#Evaluation > table > tbody > tr { vertical-align:top }
#Evaluation > table > tbody > tr > td:nth-child(2) { width:100% } 
#Evaluation .label { white-space:nowrap }
#Evaluation textarea { width:100%;border:0;font-family:inherit;font-weight:bold;border-bottom:1px #efefef solid;resize:none;overflow:auto; } 
/*#Evaluation select { border:0;font-weight:bold;cursor:auto;padding:4px;border-bottom:1px #efefef solid; font-family: inherit; overflow:hidden; -webkit-appearance: none; -moz-appearance: none; }
#Evaluation select::-ms-expand { display: none; }
#Evaluation select option { font-weight:bold; }
#Evaluation #ProjectStatus { height:4em }*/


/*reports.aspx*/
.body { background-color:white }
.word { background-image:url('images/docx.png'); background-position: center; background-repeat: no-repeat; border: 1px #fff solid; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); background-color: #fff; }
.excel { background-image:url('images/xlsx.png');background-color:white;background-position:center }
.email { background-image:url('images/email.png'); background-size: 25px; background-position: center; background-repeat: no-repeat; border: 1px #fff solid; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); background-color: #fff; }
.excelup {
    background-image: url('images/excel_up.png');
    background-color: white;
    background-position: center
}
.exceldow {
    background-image: url('images/excel_dow.png');
    background-color: white;
    background-position: center
}

#Report { height:32px;cursor:pointer;background:#005251;border:1px #f5f5f5 solid;font-size:smaller;font-weight:bold;color:#f5f5f5;margin:4px;outline-color:#f5f5f5 }
#Report option:hover { background: #f5f5f5; !important; color:black; }

.titleReports { float:right; }
.map { display:inline-block;width:25%;overflow:auto/*;transition:width 0.5s ease-in-out*//*;overflow:hidden*/;font-size:x-small;background-color:#f5f5f5;color:#005251;background-image:url(images/map.png);background-position-x:4px;background-position-y:4px;background-repeat:no-repeat;box-shadow:rgba(0, 0, 0, 0.2) -2px 0px 4px inset; }
/*.map:hover { width:256px;overflow-y:auto }*/			 
.map ul { padding-left:40px }
.map li { padding:4px;list-style:none;white-space:nowrap;cursor:pointer;border-bottom:1px #efefef solid}
.map li:hover { background:#ececec }

#List { display:inline-block;width:75%/*;transition:width 0.5s ease-in-out*/ }
#List > ul { padding-left:8px }

#Hint { width:20%;position:absolute;top:96px;background-color:#f2ea94;color:black;padding:8px;font-size:smaller;overflow-y:scroll;opacity:0;transition:0.5s ease-in-out }
#HintResize { position:absolute;top:100px;cursor:pointer; }

.divInstructionsOverlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); margin: auto; z-index: 2; top: 0px; position: fixed; left: 0px; right: 0px; bottom: 0px; display:none; }
.divInstructions { width: 700px; height: 460px; -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3); -moz-border-radius: 35px; border-radius: 35px; margin: 0 auto; padding: 20px; background-color: #ffffff; z-index: 2; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; border:5px solid #005251; }
.divInstructionsHeader { width: 680px; height: 30px; -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3); -moz-border-radius: 25px; border-radius: 25px; margin: 0 auto; padding: 20px; background-color: #005251; z-index: 2; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; top:26px; }			   
.divInstructionsTitle { font-size: 26px; font-weight: bold; }	
.divInstructionsText { font-size: 20px; font-weight: bold; color:#005251; }		
.imgInstructions { width:320px; float:left; margin-left:60px; }	   
.ulInstructions { float:left; text-align:left; }
.ulInstructions li { height:36px; }
.ulInstructions li:before { content: '✓'; color:#005251; display:inline-block; width:30px; }
.divInstructionsCloseCookie { font-size: 15px; font-weight: bold; color:#005251; position:absolute; bottom:0; right:0; margin:0px 80px 42px 0px; cursor:pointer; }
.divInstructionsClose { font-size: 20px; font-weight: bold; color:#ffffff; position:absolute; bottom:0; right:0; margin:0px 20px 20px 0px; cursor:pointer; }	

.imgHand { width:32px; position:absolute; bottom:0; margin:0px 10px 10px 0px; cursor:pointer; }	 			  

.divMoveDocumentsOverlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); margin: auto; z-index: 2; top: 0px; position: fixed; left: 0px; right: 0px; bottom: 0px; display:none; }
.divMoveDocuments { width: 510px; height: 170px; -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3); -moz-border-radius: 12px; border-radius: 12px; margin: 0 auto; padding: 20px; background-color: #ffffff; z-index: 2; position: fixed; top: 20%; left: 40%; text-align: center; border:1px solid #005251; }
.divMoveDocumentsHeader { width: 500px; height: 20px; -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3); -moz-border-radius: 6px; border-radius: 6px; margin: 0 auto; padding: 20px; background-color: #005251; z-index: 2; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; top:16px; }			   
.divMoveDocumentsTitle { font-size:22px; font-weight: bold; }	
.divMoveDocumentsText { font-size: 18px; font-weight: bold; color:#005251; }
.divMoveDocumentsTextOrange { font-size: 18px; font-weight: bold; color: #FF7F27;}
.divMoveDocumentsNormalText { font-size: 18px; font-weight: normal; color:#005251; }
.divMoveDocumentsTextGreen { font-size: 18px; font-weight: normal; color: #005251; }

.imgMoveDocuments { width:320px; float:left; margin-left:60px; }	

.ulMoveDocuments { float:left; text-align:left; }
.ulMoveDocuments li { height:36px; }
.ulMoveDocuments li:before { content: '✓'; color:#005251; display:inline-block; width:30px; }

.divMoveDocumentsCloseCookie { font-size: 15px; font-weight: bold; color:#005251; position:absolute; bottom:0; right:0; margin:0px 80px 42px 0px; cursor:pointer; }
.divMoveDocumentsClose { font-size: 16px; font-weight: bold; color:#ffffff; position:absolute; bottom:0; right:0; margin:0px 6px 40px 0px; cursor:pointer; }

.buttonMoveDocuments { width:210px; height:24px; margin-top:3px; border:1px solid #005251; background-color:#005251; cursor:pointer; border-radius:6px; color:#ffffff; }
.buttonMoveDocumentsYesNo { width:70px; height:24px; margin-top:3px; border:1px solid #005251; background-color:#005251; cursor:pointer; border-radius:6px; color: #ffffff; font-size:18px; font-weight:normal !important;}

.divNewFIPUpload  { width: 800px; height: 170px; -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3); -moz-border-radius: 12px; border-radius: 12px; margin: 0 auto; padding: 20px; background-color: #ffffff; z-index: 2; position: fixed; top: 20%; left: 40%; text-align: center; border:1px solid #005251; }
.divNewFIPUploadHeader { width: 790px; height: 20px; -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3); -moz-border-radius: 6px; border-radius: 6px; margin: 0 auto; padding: 20px; background-color: #005251; z-index: 2; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; top:16px; }	
.buttonNewFIPUpload { width:325px; height:24px; margin-top:3px; border:1px solid #005251; background-color:#005251; cursor:pointer; border-radius:6px; color: #ffffff; font-size:18px; font-weight:normal !important;}

/*.spanMoveDocumentsYesNo { width:70px; height:22px; border:1px solid #005251; background-color:#005251; cursor:pointer; border-radius:6px; color: #ffffff; font-size:18px; font-weight:normal !important;}*/
/*.buttonUndoMoveDocuments { width:210px; height:24px; margin-top:3px; margin-left:2px; border:1px solid #005251; background-color:#005251; cursor:pointer; border-radius:6px; color:#ffffff; right:200px; }				 */

.divBodyMoveDocuments { clear: both; font-weight: bold; color: black; margin-left: 1em; margin-right: 1em; }
.divBodyButtons { height: 30px; color: Black; line-height: 30px; font-weight: bold; margin: 1.1em; position:relative; }

.divFilesBody { text-align:left;}
.liActions { cursor:pointer; width:90px; margin-right:10px; margin-top:-26px; padding:4px; border:1px solid #ffffff; border-radius:8px;}			      
.hintHeader { font-size:larger;  }
.hintBody { }

.sent { background-image:url(reports/proyecto%20idi/consultant/project%20sent%20documents.png) }	   
.memo { background-image:url(images/download.png);background-color:#005251 }
.directory { width:320px;list-style:none;margin-top:0;padding-left:32px }
.acceptedIcon { background-image:url(images/accepted.png);background-color:#005251 }
.rejectedIcon { background-image:url(images/rejected.png);background-color:#005251 }
.reviewIcon { background-image:url(images/reviewed.png);background-color:#005251 }
.moveIcon { background-image:url(images/icon_folder.png);background-color:#005251 }
.undoMoveIcon { background-image:url(images/iconDelete.png);background-color:#005251 }
.undoIcon { background-image:url(images/undo.png); }
.divReload { width:100%; text-align:center; margin-top:10px; cursor:pointer; }
.imgReload { width:40px; height:40px; border:0px; background-color:#ffffff; background-image:url(images/more.png); background-repeat:no-repeat; cursor:pointer; }
.imgGeneralReports { width:40px; height:40px; border:0px; background-color:#ffffff; background-image:url(images/reports.png); background-repeat:no-repeat; cursor:pointer; }

.subdirectory { width:620px;cursor:pointer;padding:8px 0;border-bottom:1px #efefef solid }
.subdirectoryCheckbox { margin-top:4px; margin-left:-12px; float:left; cursor:pointer; transform: scale(1.4); }
.subdirectoryCheckbox2 { margin-top:12px; margin-left:-26px; margin-right:6px; float:left; cursor:pointer; transform: scale(1.9); }
.subdirectoryIcon { margin-right:8px }
.subdirectoryName { position:relative;top:-8px;color:black;text-transform:uppercase }


.subdirectorySmall { width:320px;cursor:pointer;padding:4px 0;border-bottom:1px #efefef solid }
.subdirectoryIconSmall { margin-right:4px; height:16px; width:16px; }
.subdirectoryNameSmall { position:relative;top:-4px;color:black;text-transform:uppercase }
.subdirectorySmallDisabled { width:320px;cursor:pointer;padding:4px 0;border-bottom:1px #efefef solid; cursor: not-allowed; }
.subdirectoryNameSmallDisabled { position:relative;top:-4px;color:darkgray;text-transform:uppercase; cursor: not-allowed; }
.subdirectoryIconSmallDisabled { margin-right: 4px;filter: alpha(opacity=50);-webkit-filter: grayscale(1) opacity(.2);filter: grayscale(1) opacity(.2);height: 16px;width: 16px; }
.subdirectoryNameSmall:hover { background:#ececec }
.subdirectoryName:hover { background:#ececec }


.subdirectoryName:hover { background:#ececec }
.fileCheckbox { margin-top:12px; margin-right:6px; float:left; cursor:pointer; transform: scale(1.9); }						   
						   
@media screen\0, @media screen\9 {	
	 
	/* Style rules here will only be applied in Internet Explorer, other browsers will ignore them. */ 
    .subdirectoryCheckbox { margin-top:4px; margin-left:-12px; float:left; cursor:pointer; transform: scale(1.2); }
    .subdirectoryCheckbox2 { margin-top:12px; margin-left:-26px; margin-right:6px; float:left; cursor:pointer; transform: scale(1.4); }
    .fileCheckbox { margin-top:12px; margin-right:6px; float:left; cursor:pointer; transform: scale(1.5); }
    ::-ms-check { border-radius: 20%; background-color:#e8e6e6;}
} 

.accepted { color:#000000 }
.accepted::before { content:"";display:inline-block;background-size:16px 16px;width:16px;height:16px;position:relative;left:-16px;background-image:url('images/accepted.png');border:1pt solid white;border-radius:8px }
.reviewed { color:#000000 }
.reviewed::before { content:"";display:inline-block;background-size:16px 16px;width:16px;height:16px;position:relative;left:-16px;background-image:url('images/reviewed.png');border:1pt solid white;border-radius:8px }
.rejected { color:#000000 }
.rejected::before { content:"";display:inline-block;background-size:16px 16px;width:16px;height:16px;position:relative;left:-16px;background-image:url('images/rejected.png');border:1pt solid white;border-radius:8px }
.subdirectoryControl { margin:4px }

.file { width:320px;margin-left:32px;list-style:none }
.fileIcon { }
.fileName { width:320px;display:inline;margin:2px;padding:4px }
.fileName a { font-size:smaller;text-decoration:none;color:#808080;overflow:hidden }
.fileControl { display:inline }

.dragenter { border:1pt dashed }
.pendingHeader { color:black;font-size:larger; font-weight: bold; padding-bottom; }
.pendingList { margin:0;padding:0; }
.pendingItem { list-style:none;margin:8px;padding:8px;border-bottom:1px #ccc solid; border-radius: 2px;cursor:pointer }
.action {margin:2px }
.clientdownloaderrormanual { position: relative; top: -8px; border-color: #005251; border-radius: 8px; border-width: thin; margin-left:8px; padding:8px; color: #005251; background-color: transparent; font-weight: bold }
.footer { color:#005251; height:36px;overflow:hidden;background-color: #f3f3f3; vertical-align:middle }
.fileupload span { margin:4px }
.help { width:20px;height:20px;margin-left:8px;background-image:url(images/help.png);background-size:20px; cursor:pointer; }


/*forum.aspx*/
.postheader { display:block;margin-top:8px;font-size:smaller }
.postcontent { position:relative;display:inline-block;min-width:120px;white-space:pre-wrap;margin-top:16px;padding:4px;border-radius:16px;border:4px solid grey;background-color:white }
.postcontent:before, .postcontent:after { content:"\0020";display:block;position:absolute;top:-16px;left:16px;z-index:2;width:0;height:0;overflow:hidden;border:solid 16px transparent;border-top:0;border-bottom-color:white }
.postcontent:before { top:-20px;z-index:1;border-bottom-color:grey }
.postcontent p { margin:0 }


/*detail.aspx*/
#DetailPanel { color:black }
#DetailPanel .label, #ChildrenPanel .label { text-align:right;color:#808080 }
#ChildrenGridPanel{ background-color: #f3f3f3; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); border-radius: 5px; }
#ChildrenPanel { margin:8px }
#ChildrenPanel div { display:inline;margin:4px;padding:4px;background-color:#efefef; }
#ChildrenControl{ margin: 0 10px; float: right; } 
#ChildrenControl input{ border: 0; padding: 5px 10px; font-size:larger; background: none; color: #0c82ff; font-weight: bold; cursor: pointer;}
#ChildrenControl input:first-child{ background: #005251; color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
#ChildrenControl input:last-child{ color: Red; }


@media only screen and (max-width: 1290px){ .pending { bottom: 24px; } .grid tr td:first-child a { width:70px;padding: 8px 0; } }
/*Hack to remove cross X button from input fields*/
/*::-ms-clear { display: none; }::-webkit-search-decoration,::-webkit-search-cancel-button,::-webkit-search-results-button,::-webkit-search-results-decoration { display: none; }*/   


#customAlert-overlay { display: none;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100vw;height: 100vh;z-index: 10;background: #000; }
#customConfirm-overlay { display: none;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100vw;height: 100vh;z-index: 10;background: #000; }
#customAlert { background-color: #fff; }
#customAlert button { background-color: #005251;color: #fff; }
#customAlert button:hover { background-color: #666;color: #e6e6e6; }
#customConfirm { background-color: #fff; }
#customConfirm button.confirm { margin-right: 10px;background-color: #005251;color: #fff; }
#customConfirm button.confirm:hover { background-color: #3f8d4b;color: #dcefdf; }
#customConfirm button.cancel { background-color: #005251; color: #fff; }
#customConfirm button.cancel:hover { background-color: #3f8d4b; color: #fff; }
#customAlert, #customConfirm { border-radius: 5px;width: 550px;font-size: larger;display: none;position: fixed;max-width: 100vw;max-height: 100vh;z-index: 1000;top: 5%;left: 50%;padding: 10px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);margin-left: -275px; }


@media (min-width: 321px) { #customAlert, #customConfirm { top: 25%; } }
@media (max-width: 550px) { #customAlert, #customConfirm { margin-left: -50vw; } }


#customAlert .header, #customConfirm .header { background: #fff;color: #232323;text-align: center;font-size: 0.75em; margin-bottom:4px; }
#customAlert .body, #customConfirm .body { padding: 10px;color: #232323;font-size: 1.2em;background: #fff;text-align: center;max-height:400px;overflow-y:auto; }
#customAlert .footer, #customConfirm .footer { background: #fff;text-align: center; }
#customAlert button, #customConfirm button { width: 100px;margin-top: 5px;margin-bottom: 5px;padding: 5px;font-size: 0.9em;word-wrap: break-word;border: none; }


/*Managers*/
.divContactsList { overflow:auto; width:1000px; max-height:290px; margin-left:10px; }
.divProjectsList { overflow:auto; max-height:300px; margin-left:10px; }
				  
.divProjectsNotAssignedList { overflow:auto; max-height:300px; margin-left:10px; }
.team { width:260px; color:#005251; height:290px; overflow-y:scroll; border:1px solid #efefef; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); background-color:#f5fbfd; margin-top:-6px; font-size:14px; }
.team li { list-style-type:unset; cursor:pointer; }
.teamSelected { background-color:#f8f4c6; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) }
.returnManagers { background-image:url('images/return.png'); float:right; }

.buttonManagers { width:20px;height:20px;background-size:32px;border:1pt solid #ccc;padding:8px;font-size:0;cursor:pointer;background-color:#005251;border-radius:24px;background-repeat:no-repeat }
.buttonManagersNew { width:120px; height:24px; margin:3px 0px 0px 10px; float:right; border:1px solid #005251; cursor:pointer; border-radius:6px; }
.buttonManagersViewProjects { width:120px; height:24px; margin-top:3px;  border:1px solid #005251; cursor:pointer; border-radius:6px;}
.buttonManagersViewProjectsNotAssigned { width:260px; height:24px; margin:10px 0px 0px 2px; position:absolute; border:1px solid #005251; cursor:pointer; border-radius:6px; }
.buttonManagersSave { width:120px; height:24px; margin-top:3px; border:1px solid #005251; cursor:pointer; border-radius:6px; }
.buttonManagersSaveProjects { width:160px; height:24px; margin-top:3px; border:1px solid #005251; cursor:pointer; border-radius:6px; }
.buttonManagersUnSaveProjects { width:160px; height:24px;margin-left:10px; margin-top:3px; border:1px solid #005251; cursor:pointer; border-radius:6px; }
.buttonManagersAction { width:120px; height:24px; margin-top:3px; border:1px solid #005251; cursor:pointer; border-radius:6px; }

.tableManagers { background-color:#f5fbfd; border:1px solid #efefef; width:900px; height:240px; float:right; border-spacing:6px; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); }
.tableManagers tr td { border: none; padding-left:10px; }
.tableManagerHeader { width:100%; text-align:center; margin:20px 0px 30px 0px; }
.tableManagerHeaderTittle { font-size:12p; font-weight:bold; }

.gridManagers { background-color:white;color:black;font-size:smaller; }
.gridManagers .selected { background-color:#f8f4c6; border-left: 8px #005251 solid;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) }
.gridManagers th { background-color:#ffffff;color:white;padding:8px 10px;text-transform:uppercase }
.gridManagers .cell { display:inline-block;overflow:hidden;text-align:center }
.gridManagers tr { vertical-align:top }
.gridManagers tr td { padding:8px; border-bottom:1px #efefef solid }
.gridManagers tr td div { min-height:28px; margin-top:6px; }
.gridManagers tr:hover { background-color:#f8f4c6; cursor:pointer; }

.gridManagersHeader { background-color:white;color:black;font-size:smaller; }
.gridManagersHeader .selected { background-color:#f8f4c6; border-left: 8px #005251 solid;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) }
.gridManagersHeader th { background-color:#005251;color:white;padding:8px 10px;text-transform:uppercase }
.gridManagersHeader .cell { display:inline-block;overflow:hidden;text-align:center }
.gridManagersHeader tr { vertical-align:top }
.gridManagersHeader tr td { padding:8px; border-bottom:1px #efefef solid }
.gridManagersHeader tr td div { min-height:28px; margin-top:6px; }
.gridManagersHeader tr:hover { background-color:#f8f4c6; cursor:pointer; }

.tableActive { width:100%; background-color: #f5fbfd; border: 1px solid #efefef; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);}
.tableManagersFilter { width:100%;}
.divButtonsManager { width:840px; height:30px; }
.divNoContacts { overflow:auto; width:1000px; height:20px; margin:10px 0px 0px 10px; text-align:center; display:none; }
.divSelectUser { overflow:auto; width:1000px; height:20px; margin:10px 0px 0px 10px; text-align:center; }
.divNoProjects { overflow:auto; width:1200px; height:20px; margin:50px 0px 0px 10px; text-align:center; display:none; }
.divWellcomeManagers { margin-left:500px; width:600px; height:60px; text-align:center; border-radius: 8px; box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.2); top:30px; padding-top:10px; background-color:#f4fcff; margin:auto; }
.userWellcomeManagers { font-size:22px; font-weight:bold; color:#005251; }
.currentUserListIndex { font-size:18px; font-weight:bold; color:#3a8d9c; }
.panelContainer { padding:4px;background:white;border-radius:8px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.2); width:300px; height: 300px; padding-top:24px; margin:auto; }
.inputManagers { border: 1px solid #cbcaca; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); height:18px; border-radius:6px; }
.inputManagers::-ms-clear { width : 0;height: 0; }
.inputNoEditable { background-color:#bfbdbd;}


/*General*/   
.left { float:left; }
.right { float:right; }
.pointer { cursor:pointer;}
.visible { display:block; }
.hidden { display:none; }
.right2 { margin-right:2px; }
.right4 { margin-right:4px; }
.right6 { margin-right:6px; }	   
.top2 { margin-top:2px; }
.top4 { margin-top:4px; }
.top6 { margin-top:6px; }
.top8 { margin-top:8px; }
.top10 { margin-top:10px; }
.top12 { margin-top:12px; }
.center { text-align:center; }


/* NC */
.evidencesIcon {background-image: url(images/evidences.png);}
.ncIcon { background-image: url(images/noconformidad.png); background-color: #005251; }
.ncIconDisabled { cursor: not-allowed; -webkit-filter: grayscale(1) opacity(.2); filter: grayscale(1) opacity(.2); }
.documentsIcon { background-image: url(images/documents.png); }
.reOpenIcon { background-image: url(images/reopen.png); }
.iconAddNC { background-image: url(images/addNC.png); float: right; }
.LinkNC{ color: inherit; }

.iconAddNCPoint { background-image: url(images/addNCPoint.png); float: right;/*german*/background-size: 28px; }
.iconDelNCPoint { background-image: url(images/icondelete.png); float: right;/*german*/background-size: 28px; }
.iconTagsNC { background-image: url(images/iconTagsNC.png);float: right;width: 80px;height: 30px;background-repeat: no-repeat;background-color: transparent;margin-right: 10px;background-position: center;background-size: contain;border: 0; }
.iconCloseNC { background-image: url(images/close.png);float: right; }
.iconWordNC { background-image: url(images/docx.png); float: right; }
.iconEllipsis { background-image: url(images/iconEllipsis.png);float: right; }
.iconDelete { float: right; }
.iconDeletePoint {  height: 16px;background-image: url(images/iconDelete.png); }
.iconReopenPoint {  height: 16px;background-image: url(images/opened.png); }
.iconReply { background-image: url(images/iconResponder.png);float: right; }
.iconEditPoint {
    background: url(images/editar.png) no-repeat local 0% 100%;
    background-size: contain;
    border: 0px;
   /*margin-right: 10px;*/
    width: 32px;
    cursor: pointer;
}
.buttonEllipsis { width: 34px;background-size: 36px;border: 1pt solid #ccc;padding: 7px;font-size: 0;cursor: pointer;background-color: white; }
.buttonDelete { width: 16px;background-size: 16px;font-size: 0;cursor: pointer; border:0px; }
.buttonReopen { width: 16px;background-size: 16px;font-size: 0;cursor: pointer; border:0px; background-color:transparent; }
.mapRoles { width: 100%;background-color: #f5f5f5;color: #005251;background-position-x: 4px;background-position-y: 4px;background-repeat: no-repeat;box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 4px inset;text-align: left; padding-left:15px}
.tipoLabel { color: black;display: inline-block; }
.listBoxNCPerRole { width: 100px;margin: 1.5em;display: inline-block;height:85px; }

#panelNC { width: 100%;text-align:center; }
#panelNCDetail { color: black; }
#labelTitle, #labelTitleNC, #labelTitleNC_new { color: #065655;font-size: 1.5em;font-weight: 800;margin-left: 0.7em; }
#labelTitleNC { color: #065655;font-size: 1.5em;font-weight: 800;margin-left: 0.2em; }
#labelTitleNC_new { color: #065655;font-size: 1.5em;font-weight: 800;margin-left: 0.2em; }
#labelOpening { color: #E3973E;float: left; }
#labelDate { color: #E3973E;float: left;margin-top: 1em; }
#labelRequested { color: #E3973E;margin-top: 1em;float: left; }
#labelOpeningText { float: left;margin-left: 1em; }
#labelDateNow { float: left;margin-left: 1em;margin-top: 1em; }

#labelOpeningName { color: #E3973E; float: left;}
#labelOpeningNameText { float: left; margin-left: 1em;}

.separatorNCLeft { width: 30%;float: left;border: 1px solid #065655;margin-top: 1em; }
.separatorNCRigth { width: 30%;float: right;border: 1px solid #065655;margin-right: 3em;margin-top: 1em; }
.separatorNC { border: 1px solid #065655;margin-top: 2em; }
.separatorNCCreate { border: 2px solid #065655;margin-right:15px; }
#labelInternal, #labelExternal { color: grey;font-size: 2.2em; }
#buttonCreateNC { margin-bottom: 1em; margin-left: 45px }
.divButtonsNC { margin: 1em; overflow: hidden; }
/* Popup NC POINTS*/

.popupNCPoint { background-color: #FFFFFF;border: 3px solid grey;border-radius: 12px;padding: 0;position: absolute;left: 50%;width: 800px;margin-left: -350px;margin-top: -500px; }
.popupNCPoints { background-color: #FFFFFF;border: 3px solid grey;border-radius: 12px;padding: 0;position: absolute;left: 50%;width: 800px;margin-left: -350px;margin-top: -500px; }
.popupDocuments { background-color: #FFFFFF;border: 3px solid grey;border-radius: 12px;padding: 0;position: absolute;left: 50%;width: 800px;margin-left: -375px;margin-top: -475px;overflow: auto;height: 250px; }
.headerPopupNCPoint { height: 30px;color: White;text-align: center;font-weight: bold;margin: 1em;background: #fff;overflow: hidden;padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);line-height: 30px; }
.headerPopupNCPoints { height: 50px; color: Black; line-height: 30px; font-weight: bold; margin: 1.1em; }
#labelPopupPointsDate { color: #E3973E; }

.bodyPopupNCPoint { clear: both;text-align: center;font-weight: bold;border-radius: 0;border: 0;color: black;margin-left: 1em;margin-right: 1em;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); }
.bodyPopupNCPoints { clear: both;font-weight: bold;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border: 2px solid grey;color: black;margin-left: 1em;margin-right: 1em;margin-top: 1em;padding: 1em; min-width: 700px; }
.footerPopupNCPoint { float: right;margin-top: 1em; }
.marginBotton10 { margin-bottom: 10px; }
.marginBotton2 { margin-bottom: 2px; padding: 2px; padding-left: 1em; }
.titlePoints { color: #888481; }
.aspNetDisabled {}
#listTagsSelectedPoints { float: right; }
#listBoxTags { width: 300px; }
#listBoxExpertsET {
    width: 300px;
}
#labelPopupDate {
    color: #E3973E;
    float: left;
    margin-left: 3em;
}
#labelPopupDateNow { float: left;margin-left: 1em;color: black; }
#labelTitleNewPoint { float: left;margin-left: 1em;color: black; }
/*#buttonPopupNCAdd, #buttonPopupNCTag { border: 2px solid #285058;background-color: transparent;color: #285058;padding: 0.5em;float: right;font-weight: bold; }*/
.buttonLoadFiles { border-width: 2px;border-style: outset;border-color: buttonface;border-image: initial;border-radius: 10px;background-color: transparent;color: #285058;padding: 0.5em;float: right;font-weight: bold;cursor: pointer; }


/*Generics Popup classes*/
.ctn-popup { position: fixed;background: rgba(0, 0, 0, 0.8);width: 100%;top: 0;height: 100%;left: 0;display: flex !important;justify-content: center;align-items: center; }
.popup-content_new { background: #fff;width: 90%;max-height: 90%;overflow: auto;border-radius: 10px;padding: 20px; }
.popup-content { background: #fff;width: 90%;max-height:900px;overflow: auto;border-radius: 10px;padding: 20px; height:90%; overflow-y:hidden; }
.popup-content_tags { background: #fff;width: 500px;max-height: 500px;overflow: auto;border-radius: 10px;padding: 20px; }
.height200{ height:200px;}

/*Tiny custom styles*/
.tox-tinymce { min-height: 320px !important;max-height: 400px !important; }


/* Popup Tags NC and PopupError */
.headerpopupNCTags, .headerpopupNCError {height: 30px;color: #E3973E;line-height: 30px;text-align: center;font-weight: bold;margin: 1em; }
.bodyPopupNCError { text-align: center;font-weight: bold;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border: 3px solid grey;color: black;margin-left: 1em;margin-right: 1em;margin-bottom: 1em;padding: 1em; }
#listTagsSelected { float: right;max-width: 60%;margin-bottom: 10px; }
.labelTagSelected { color: #20B99B;margin-right: 10px;font-size: 10px;font-weight: 800; }
.labelTagSelectedResumen { color: #20B99B; font-weight: 600;font-size: 16px; }
.panelTags { float: right;margin-right: 12px;border: 1px solid grey;border-radius: 14px;padding-left: 10px; }
.iconDelete { height: 16px;margin-right: 5px; }
.iconDelete_tags { height: 16px; margin-right: 5px; margin-top: 6px; }
.iconTag { width: 12px;height: 12px;margin-right: 5px; }
.iconFolder { width: 24px;height: 24px;margin-right: 5px;vertical-align: middle; }
.panelRigth { float: right;color: #888481; }
.panelRigthFather { float: right;color: #888481;border-left: solid 2px black;/*padding-bottom: 18px;*/padding-left: 5px;margin-top: -17px;padding-top: 0px; }
.urlDocSize { font-size: 0.8em; }
.panelPoint { overflow: hidden;margin-top: 1em;border-radius: 10px;padding: 10px;text-align: left; }

.borderPanelPointGrey { border: 2px solid grey; }
.borderPanelPointOrange { border: 2px solid orange; }
.borderPanelPointGreen { border: 2px solid green; }

#blockPoints { overflow: auto;height: auto; }
.panelNCCreate { margin-bottom: 0.7em;margin-left: 1em;margin-right: 1em; }
.buttonCreate { width: 160px;height: 32px;background-size: 32px;padding: 8px;cursor: pointer;background-color: white;border-radius: 10px;background-repeat: no-repeat;color: black; }
.buttonSend { width: 150px;height: 32px;background-size: 32px;padding: 8px;cursor: pointer;background-color: white;border-radius: 10px;background-repeat: no-repeat;color: #304B46;float: right; }
.buttonFooter { width: 220px;height: 32px;background-size: 32px;padding: 8px;cursor: pointer;background-color: white;border-radius: 10px;background-repeat: no-repeat;color: #304B46; }
.small120 { width: 120px; }
.buttonResponder { width: 33px;height: 32px;background-size: 32px;padding: 8px;cursor: pointer;background-color: white;border-radius: 10px;background-repeat: no-repeat;color: #304B46;margin-left: 1em; }
.borderGrey { border: 1pt solid #ccc; }
.borderGreen { border: 1pt solid #66CD00; }
.borderOrange { border: 1pt solid #ffa500; }
.requestedStatus { float: right;color: #A5A5A5; }
.warning, .labelPopupDate { color: #E3973E;float: left; }

.buttonGreen { background-color: #005251; color: #fff; width: 100px; margin-top: 5px; margin-bottom: 5px; padding: 5px; font-size: 0.9em; word-wrap: break-word; border: none; font-size: 14px; }
.buttonGreen:hover { background-color: #666; color: #e6e6e6; }


.buttonLoadFilesEvidences {
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    border-radius: 10px;
    background-color: transparent;
    color: #285058;
    padding: 0.7em;
    float: right;
    font-weight: bold;
    cursor: pointer;
}
.buttonLoadFilesEvidences:hover { background-color: #666; color: #e6e6e6; }

.buttonUploadLoadFilesEvidences {
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    border-radius: 10px;
    background-color: transparent;
    color: #285058;
    padding: 0.5em;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.subdirectoryEvidences {
    width: 100%;
    text-align: right;
}

.fileNameEvidences {
    display: inline;
    margin: 2px;
    padding: 4px
}

.fileNameEvidences a {
    font-size: 12px;
    text-decoration: none;
    color: #808080;
    overflow: hidden
}

#ListEvidences {
    display: inline-block;
    width: 95%;
    float: right;
}

#ListEvidences > ul > li {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.fileIconEvidences { height: 24px; width: 24px;}

.deleteactionEvidences {
    height: 18px;
    width: 18px;
}

.headerEvidences {
    color: white;
    overflow: hidden;
    display: inline-block;
    background-color: #005251;
    vertical-align: middle;
    padding: 10px;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.lineLabelEvidences {
    display: inline-block;
    color: #005251;
    padding-left: 10px;
}

.lineEvidences {
    color: black;
    margin-left: 1%;
}


.lineLabelEvidencesTwoColumnsLeft {
    display: inline-block;
    width: 18%;
    color: #005251;
    padding-left: 10px;
}

.lineLabelEvidencesTwoColumnsRight {
    display: inline-block;
    width: 18%;
    color: #005251;
    padding-left: 2%;
}

.separatorLineEvidences {
    border: 1px solid #065655;
}

.evidenceAnswerTrue{
    color: #005251;
    font-size: 22px;
    font-weight: bolder;
}

.evidenceAnswerFalse
{
    color: #005251;
    font-size: 33px;
    vertical-align: middle;
    margin-left: 5px;
}

.clarifications {
    height: 24px;
    vertical-align: middle;
    width: 40%;
}
.buttonEvidences {
    height: 32px;
    border-radius: 4px;
    border: none;
    background-color: #005251;
    color: white;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.EvidencesItemBlue {
    color: #00ABFF; 
    font-weight: bold;
}

.EvidencesItemBlueHeader {
    color: rgb(0, 171, 255,0.5);
    font-weight: bold;
}

.EvidencesItemBlue.Clicked {
    font-style: italic;
    color: rgb(0, 171, 255,0.5);
}

.EvidencesItemRed {
    color: #CB101A;
    font-weight: bold;
}

.EvidencesItemRedHeader {
    color: rgb(203, 16, 26,0.5);
    font-weight: bold;
}

.EvidencesItemRedHeader.Clicked {
    color: #CB101A;
    font-style: italic;
}

.EvidencesItemOrange {
    color: #FF9700;
    font-weight: bold;
}

.EvidencesItemOrangeHeader {
    color: rgb(255,151,0,0.5);
    font-weight: bold;
}

.EvidencesItemOrangeHeader.Clicked {
    color: #FF9700;
    font-style: italic;
}

.EvidencesItemGreen {
    color: #005250;
    font-weight: bold;
}

.EvidencesItemGreenHeader {
    color: rgb(0, 82, 80,0.5);
    font-weight: bold;
}

.EvidencesItemGreenHeader.Clicked {
    color: #005250;
    font-style: italic;
}

.EvidencesItemGrey {
    color: #6c6c6c; 
    font-weight: bold;
}

.EvidencesItemGreyHeader {
    color: rgb(74,74,74,0.5);
    font-weight: bold;
}

.EvidencesItemGreyHeader.Clicked {
    color: #6c6c6c;
    font-style: italic;
}

.mapEvidences {
    width: 100%;
    background-position-x: 4px;
    background-position-y: 4px;
    background-repeat: no-repeat;
    box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 4px inset;
    text-align: left;
    padding-left: 15px;
    font-size: 0.80em;
}

.accordionWrapperEvidences {
    width: 100%;
    padding-top: 5px;
}

.accordionItemEvidences {
    float: left;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.accordionItemHeadingEvidences {
    cursor: pointer;
    margin: 0px 0px 10px 10px;
    padding: 3px;
    background: white;
    color: #fff;
    width: 90%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

.close .accordionItemContentEvidences {
    height: 0px;
    transition: height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float: left;
    display: block;
}

.open .accordionItemContentEvidences {
    background-color: white;
    width: 90%;
    margin: 0px 0px 10px 10px;
    padding: 5px;
    display: block;
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    box-sizing: border-box;
}

.open .accordionItemHeadingEvidences {
    margin: 0px 0px 0px 10px;
    padding: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: white;
    color: #026867;
}

#panelButtons {
    display: flex;
    justify-content: space-between;
}

.buttonReopenEvidences {
    width: 32px;
    background-size: 32px;
    font-size: 0;
    cursor: pointer;
    border: 0px;
    background-color: transparent;
}

#txtReviewedEvidenceDate {
    color: black;
    width: 76px;
}

.mapEvidencesButton {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: bottom;
}

.divRadioButtonEvidences {
    display: inline-block;
    width: 20%;
}

.checkBoxEvidences {
    display: inline-block;
    width: 40%;
    color: #005251;
    padding-left: 10px;
    text-align:center;
}

.divEvidencesInstructionsOverlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    margin: auto;
    z-index: 2;
    top: 0px;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
}

.divEvidencesInstructions {
    width: 700px;
    height: 460px;
    -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3);
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    z-index: 2;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    border: 5px solid #005251;
}

.divEvidencesInstructionsHeader {
    width: 680px;
    height: 60px;
    -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,0.3);
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin: 0 auto;
    padding: 20px;
    background-color: #005251;
    z-index: 2;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    top: 30px;
}

.divEvidencesInstructionsTitle {
    font-size: 20px;
    font-weight: bold;
}

.divEvidencesInstructionsText {
    font-size: 18px;
    font-weight: bold;
    color: #005251;
}

.divEvidencesInstructionsText {
    font-size: 18px;
    font-weight: bold;
    color: #005251;
}

.divEvidencesInstructionsTextExample {
    font-style: italic;
    font-weight: lighter;
}

.ulEvidencesInstructions {
    float: left;
    text-align: left;
}

.ulEvidencesInstructions li {
        height: 36px;
}

.ulEvidencesInstructions li:before {
    content: '✓';
    color: #005251;
    display: inline-block;
    width: 30px;
}

.divEvidencesInstructionsCloseCookie {
    font-size: 15px;
    font-weight: bold;
    color: #005251;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0px 80px 42px 0px;
    cursor: pointer;
}

.divEvidencesInstructionsClose {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0px 20px 20px 0px;
    cursor: pointer;
}

.imgEvidencesHand {
    width: 32px;
    position: absolute;
    bottom: 0;
    margin: 0px 10px 10px -30px;
    cursor: pointer;
}

#searchResearcherFilter {
    box-sizing: border-box;
    width: 85%;
    border: 0;
    border-left: 4px #ff9800 solid;
    padding: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    color: #005251;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-right: 8px;
    border-radius: 4px;
    padding-left: 15px;
}

#searchButton {
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    background-image: url(images/search.png);
    font-size: 0;
    cursor: pointer;
}