/**
   *					   Author: Hristo Mitev
   *	Last Changed On: 07.06.2018
**/

/*-- Combine buttons --*/

#surveySummary, #surveyProperties, #shopperGradingContainer{
	background-color: #fdfdfd;
	border: 0.0625em solid #c9c9c9;
	padding: 8px;
}

.surveyPropertiesTableLeft1, .surveytablegray{
	background-color: #fbfbfb;
	font-family: RobotoCondensed !important;
	font-size: 13px !important;
}

.surveyPropertiesTableLeft2, .surveytablegrayer{
	background-color: #f1f1f1;
	font-family: RobotoCondensed !important;
	font-size: 13px !important;
}

/*-- ShopperGrading buttons --*/

#sendBtn:hover img{
	background: url("../../images/icons/xp16/send_mail_normal.png") 16px 0px;
}

#sendIcon{
	width: 16px;
	height: 16px;
	background: url("../../images/icons/xp16/send_mail_normal.png") 0px 0px;
}

#viewBtn:hover img{
	background: url("../../images/icons/xp16/view_profile_normal.png") 16px 0px;
}

#viewIcon{
	width: 16px;
	height: 16px;
	background: url("../../images/icons/xp16/view_profile_normal.png") 0px 0px;
}

.imgInstr:hover{
	background: url("../../images/icons/xp16/instructions_normal.png") 16px 0px;
}

.imgInstr{
	width: 16px;
	height: 16px;
	background: url("../../images/icons/xp16/instructions_normal.png") 0px 0px;
}

/*---- Attachments buttons -----*/
.btnTooltip, .textboxTooltip{
	visibility: hidden;
	opacity: 0;
	z-index: 100;
	height:32px;
	margin: auto;
	line-height: 32px;
	background-color:#414141;
	text-decoration: none;
	white-space: nowrap;
	position:absolute;
	padding: 0 7px;
	color:#FFF;
	font-size: 13px;
	font-family: RobotoCondensed;
	margin-top:7px;
	margin-left:15px;
	text-transform: uppercase;
}

.attachmentBtn:hover .btnTooltip
,.downloadAttachmentBtn:hover .btnTooltip
,.btnConfirm:hover .btnTooltip
,.btnEditName:hover .btnTooltip
,.gpsDistanceBtn:hover .btnTooltip
,.propValue:hover .textboxTooltip
,.btnCancel:hover .btnTooltip{
	visibility: visible;
	opacity:0.9;
	-webkit-transition-property: opacity;
	-webkit-transition-delay: 0.5s;
	transition-property: opacity;
    transition-delay: 0.5s;
}

.deleteBtn, .rearangeBtn, .moveDownBtn, .moveUpBtn, .editImgBtn, .downloadBtnIcon, .previewBtnIcon, .editNameBtnIcon, .confirmBtnIcon, .gpsDistanceBtnIcon, .tagBtn{
	width: 1em;
	height: 1em;
	margin: auto;
	vertical-align: middle;
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
}

.moveUpBtn{
	background: url("../../images/icons/Attachments/4x-move-up.png") 0 0;
}

.attachmentBtn:hover .moveUpBtn{
	background: url("../../images/icons/Attachments/4x-move-up.png") 1em 0;
	background-size: 2em 1em;
}

.moveDownBtn{
	background: url("../../images/icons/Attachments/4x-move-down.png") 0 0;
}

.attachmentBtn:hover .moveDownBtn{
	background: url("../../images/icons/Attachments/4x-move-down.png") 1em 0;
	background-size: 2em 1em;
}

.rearangeBtn{
	background: url("../../images/icons/Attachments/4x-rearange.png") 0 0;
}

.attachmentBtn:hover .rearangeBtn{
	background: url("../../images/icons/Attachments/4x-rearange.png") 1em 0;
	background-size: 2em 1em;
}

.deleteBtn{
	background: url("../../images/icons/Attachments/4x-delete.png") 0 0;
}

.attachmentBtn:hover .deleteBtn{
	background: url("../../images/icons/Attachments/4x-delete.png") 1em 0;
	background-size: 2em 1em;
}

.tagBtn{
	background: url("../../images/icons/Attachments/4x-tag.png") 0 0;
}

.attachmentBtn:hover .tagBtn{
	background: url("../../images/icons/Attachments/4x-tag.png") 1em 0;
	background-size: 2em 1em;
}

.editImgBtn{
	background: url("../../images/icons/Attachments/4x-edit-image.png") 0 0;
}

.attachmentBtn:hover .editImgBtn{
	background: url("../../images/icons/Attachments/4x-edit-image.png") 1em 0;
	background-size: 2em 1em;
}

.deleteBtn, .rearangeBtn, .moveDownBtn, .moveUpBtn, .editImgBtn, .tagBtn{
	background-size: 2em 1em;
}

.attachmentBtn{
	background-color: #e4e4e4;
    margin-right: 0.769230769em;
    height: 2.5em;
    width: 2.5em;
    vertical-align: bottom;
    border: 0.0625em solid #e4e4e4;
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
}

.attachmentBtn:hover{
	background-color: #717171;
    border: 0.0625em solid #717171;
}

/*---- Attachments properties -----*/


.propName,.propName div,.propValue,.propValueContent,.activePropValueContent,.propValueLeft{
	min-height: 2.5em;
	line-height: 2.3em;
	box-sizing: border-box;
}

.attachedImg{
	display: block;
}

.customDownloadSelectText{
	margin-left: 2px;
	bottom: 0;
    cursor: default;
    float: left;
    height: 2.5em;
    left: 6px;
    line-height: 2.5em;
    position: absolute;
    /* width: 100%; */
    z-index: 1;
}

.customDownloadSelectIcon{
	height:12px;
	width:12px;
	background: url("../../images/icons/RunningProjects/drop-down-arrow.png") 0 0;
	position: absolute;
    right: 8px;
    top: 50%;
	margin-top: -6px;
}

.customDownloadSelect{
	width: 100%;
	height:2.5em;
    overflow: hidden;
    outline: none;
    outline: none;
    position: relative;
	border: 0.0625em solid #e4e4e4;
    box-sizing: border-box;
	background-color: #fff;
}

.customDownloadSelect:hover{
	border: 0.0625em solid #d4d4d4;
}

.customDownloadSelect:hover .customDownloadSelectIcon{
	background: url("../../images/icons/RunningProjects/drop-down-arrow.png") 12px 0;
}

.downloadLink{
	background: transparent;
    padding: .38em;
    margin: 0px;
    height: 2.5em;
    width: 100%;
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    opacity: 0;
    z-index: 10;
    line-height: 2.5em;
    position: relative;
	color: #515151;
	font-family: RobotoCondensed;
	font-size: 1em;
}

.attachmentPropertiesHeader{
	background: #FFFFFF;
	font-family: RobotoCondensed;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	border:0px;
	/*border-bottom: 3px solid #087594;
	margin: 0px 0px 10px 0px;
	position: relative;*/
	text-align: left;
	color: #515151;
	text-shadow: 0 0 0;
	width: 100%;
	min-height: 0.8125em;
	height: auto;
	word-wrap: break-word;
	padding-bottom: 0.2em;
}

.attachmentsPropertiesLine{
	margin-bottom:0.8125em;
}

.attName{
	position: relative;
    white-space: nowrap;
    padding-right: 2em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
	display: inline-block;
	box-sizing: border-box;
    line-height: 1.25em;
}

.attExtension{
	position: absolute;
    right: 0;
    text-align: left;
	width: 2.125em;
}

.propRow{
	margin: 0 0 0.1875em 0;
	height: 2.5em;
}

.propValueTable{
	height: 2.375em;
}

.propRow, .propValueTable{
	/*height:22px;
	line-height: 22px;background-color: #e4e4e4;position: relative;*/
	
	padding: 0;
	outline: none;
	border: none;
	display: table;
    width: 100%;
}

.propName{
	/*color:#515151;
	margin-right:10px;color: #565656;
	
	
	height: 30px;*/
	min-width:8.625em;
	max-width: 8.625em;
	width: 8.625em;
	text-transform: uppercase;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #e4e4e4;
	/*border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;*/
	margin: 0 0 0 0;
}

.propValue .propValueContent{
	/*height:100%;
	line-height:30px;*/
	border: 0.0625em solid #e4e4e4;
	padding: 0px 0.5em;
	box-sizing: border-box;
	word-wrap: break-word;
}

.propName div{
	/*height:100%;
	line-height:30px;*/
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
	word-wrap: break-word;
	padding: 0px 0.5em;
	border: 0.0625em solid #e4e4e4;
}

.propValueContent{
	max-width:100%;
	
}

.activePropValueContent{
	/*height: 100%;
    line-height: 30px;*/
    border: 0.0625em solid #d3d3d3;
    padding: 0px 0.5em;
    box-sizing: border-box;
    word-wrap: break-word;
	max-width:100%;
}

.propValueFileName{
	text-overflow: ellipsis;
    overflow: hidden;
	white-space: nowrap;
}

.propName, .propValue{
	/*vertical-align: middle;
	font-size: 13px;*/
	color:#515151;
	
}

.download{
	padding-left: 0px;
	background-color:#fff;
}

.propValue{
		
	max-width: 100px;	
	overflow: hidden;
	background-color: #F4F4F4;
	/*
	height: 100%;
	position: relative;
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;*/
}

.propValueLeft{
	display: table-cell;
    vertical-align: middle;
}

.propValueRight{
	display: table-cell;
    vertical-align: middle;
	width: 2.25em;
}

.propBtn{
	width: 2.5em;
	padding-left: 0.1875em;
}

.propEmpty{
	width: 2px;
	display: table-cell;
}

.propBtn, .propName, .propValue{
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:middle;
	display: table-cell;
	
}

.propRow, .propValue, .propName, .propValueTable{
	font-size: 1em;
	/*line-height: 28px;*/
	font-family: RobotoCondensed, Verdana, sans-serif;
}

/*.propValue{
	color: #929292;
}*/


.propValueEditName{
	background-color: #FFF;
	/*border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;*/
}

.btnEditName, .downloadAttachmentBtn, .gpsDistanceBtn{
	cursor:pointer;
	opacity:1;
	width: 2.5em;
    height: 2.5em;
    box-sizing: border-box;
	background-color: #e4e4e4;
	border: 0.0625em solid #e4e4e4;
	
	/*margin-left: 10px;
	vertical-align: middle;
	right: 2px;
    top: 2px;
    bottom: 2px;
    position: absolute;*/
}

.btnCancel{
	cursor:pointer;
	float:right;
	width: 1em;
	height: 1em;
	background: url("../../images/icons/Attachments/4x-delete.png") 0 0;
	background-size: 2em 1em;
	opacity:0.5;
}

.btnCancel:hover{
	opacity:1;
}

.editFileName{
	font-size: 1em !important;
	font-family: RobotoCondensed !important;
	color: #515151 !important;
	background: #FFF !important;
	vertical-align: top;
	padding: 0;
    width: 100%;
	/*border: 0.0625em solid #c9c9c9;height: 100%;*/
	border: none;
	outline: none;
	float: left;
}

.editFileName::-ms-clear {
    display: none;
}

.btnConfirm{
	cursor:pointer;
	opacity:1;
	width: 2.5em;
    height: 2.5em;
	background-color: #91c52d;
	border: 0.0625em solid #91c52d;
	box-sizing: border-box;
}

.confirmBtnIcon{
	background: url("../../images/icons/Attachments/4x-apply.png");
	background-size: 1em;
}

.editNameBtnIcon{
	background: url("../../images/icons/Attachments/4x-edit.png") 0 0;
}

.btnEditName:hover .editNameBtnIcon{
	background: url("../../images/icons/Attachments/4x-edit.png") 1em 0;
	background-size: 2em 1em;
}

.downloadAttachmentBtn:hover, .btnEditName:hover, .btnConfirm:hover, .gpsDistanceBtn:hover{
	background-color: #717171;
	border: 0.0625em solid #717171;
}

.downloadBtnIcon{
	background: url("../../images/icons/Attachments/4x-download.png") 0 0;
}

.downloadAttachmentBtn:hover .downloadBtnIcon{
	background: url("../../images/icons/Attachments/4x-download.png") 1em 0;
	background-size: 2em 1em;
}

.previewBtnIcon{
	background: url("../../images/icons/sm.ui/preview-document.png") 0 0;
}

.downloadAttachmentBtn:hover .previewBtnIcon{
	background: url("../../images/icons/sm.ui/preview-document.png") 1em 0;
	background-size: 2em 1em;
}

.gpsDistanceBtnIcon{
	background: url("../../images/icons/Attachments/4x-gps-distance.png") 0 0;
}

.gpsDistanceBtn:hover .gpsDistanceBtnIcon{
	background: url("../../images/icons/Attachments/4x-gps-distance.png") 1em 0;
	background-size: 2em 1em;
}

.previewBtnIcon, .downloadBtnIcon, .editNameBtnIcon, .gpsDistanceBtnIcon{
	background-size: 2em 1em;
}

.downloadText{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
	display:inline-block;
	width:100%;
}

.attachmentFileNameContainer{
	width: 100%;
	display: table;
}

.attachmentFileExtention{
	display: table-cell;
}

.attachmentFileName{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: table-cell;
}

/*---- Attachments design -----*/

.activeHoverName div{
	background-color: #d3d3d3;
	border: 0.0625em solid #d3d3d3;
}

.activeHoverValue:hover{
	border: 0.0625em solid #d3d3d3;
}

#attachments_box{
	width: 900px;
}

.attachment{
	border: 0.0625em solid #c9c9c9;
	margin-bottom: 8px;
	width: 100%;
}

#nonVideoAttsTable{
	border-collapse:collapse;
	width: 100% !important;
}

.attachMiddleCell{
	border-top: 0.0625em solid #e4e4e4;
	border-bottom: 0.0625em solid #e4e4e4;
	/*padding: 8px 0px;*/
}

.attachLeftCell{
	width:60%;
	border: 0.0625em solid #e4e4e4;
	/*padding-left: 8px;*/
	padding: 0;
	min-width:500px;
}

.attVideo{
	padding: 0.8125em 0 0.8125em 0.8125em;
}

.fileAttachment, .osm_fileAttachment{
	vertical-align: bottom;
    background-color: #e4e4e4;
	position: relative;
	height: 15em;
	/*min-height: 18.125em;*/
}

.fileAttachment img, .osm_fileAttachment img{
	width:12em;
}

.osm_fileAttachment img{
	position: absolute;
    bottom:0;
    right:0;
}

.osm_audioAttachment img{
	position: absolute;
    bottom: 43px;
    right: 0;
}

.osm_audioAttachment audio{
	min-height:3em;
}

.osm_audioAttachment audio, .osm_audioAttachment iframe{
	position: absolute;
    bottom: 0;
    right: 0;
}

.videoAttachment{
	position: absolute;
	right: 0;
	bottom: 0;
}

.attachRightCellTop{
	border-right: 0.0625em solid #e4e4e4;
	border-top: 0.0625em solid #e4e4e4;
	padding: 0.8125em;
}

.attachRightCellBottom{
	border-right: 0.0625em solid #e4e4e4;
	border-bottom: 0.0625em solid #e4e4e4;
	padding: 0 0.8125em 0.8125em 0.8125em;
}

.attachRightCellBottom, .attachRightCellTop{
	font-size: 1.18em;
}

.audioPlayer{
	display:block;
	width:100%;
	/*height:30px;*/
}

.audioPlayerHTML5{
	width:100%;
	max-height:3.7em;
	display: block;
}

/*---- Survey summary design -----*/

.surveydiv table{
	text-align: left;
}

#SurveySummaryTableObject a{
	color: #3169E7;
	font-size: 12px;
	text-decoration: none;
}

#SurveySummaryTableObject a:focus{
	text-decoration: underline;
}

 #SurveySummaryTableObject td, #SurveySummaryTableObject caption{
	font-size: 12px;
	border: 0.0625em solid #c9c9c9;
}

#SurveySummaryTableObject{
	border-collapse: collapse;
	width: 100%;
}
#SurveySummaryTableObject caption{
	font-family: RobotoCondensed;
	font-size: 14px;
	color: #565656;
	text-align: left;
	height: 36px;
	text-transform: uppercase;
	line-height: 36px;
	padding-left: 13px;
	background: -ms-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	background: linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dbdbdb');
	background: -o-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	background: -moz-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
}

.surveytablegray, .surveytablegrayer, .surveytablewhite{
	color: #565656;
	font-family: Arial;
	height: 14px;
	padding: 5px 13px;
	vertical-align: top;
}

.surveytablewhite{
	padding: 5px;
}

#surveySummary{
	width: 882px;
	margin-bottom: 8px;
	text-align: left;
}

/*------------------------------------*/

#saveWarningIcon{
	margin: -5px 5px 0px 8px;
}

#saveWarning{
	align: left;
	margin-bottom: 8px;
	margin-left: -1px;
	padding: 10px 0px;
	width: 100%;
	color: #ffffff;
	text-shadow: 1px 1px 1px #6FBF2C;
	border: 0.0625em solid #98EA54;
	font-size: 14px;
	font-family: RobotoCondensed;
	text-transform:uppercase;
	/* IE10 */
	background: -ms-linear-gradient(top, #ADFB67 0%,#87d744 100%);
	background: linear-gradient(top, #ADFB67 0%,#87d744 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADFB67', endColorstr='#87d744');
	/* Opera */
	background: -o-linear-gradient(top, #ADFB67 0%,#87d744 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #ADFB67 0%,#87d744 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #ADFB67 0%,#87d744 100%);
}

#frmSurvey{
	/*width: 900px;*/
	text-align: left;
}

center form#frmSurvey{
	width: 900px;
}

#SmSimilarAttachmentsForShopperWarning, #SmSimilarCommentsForShopperWarning{
	padding: 8px 0px 8px 8px;
	margin-bottom: 8px;
	border: 0.0625em solid #f4afaf !important;
	text-shadow: 1px 1px 0px #ffdddd;
	color: #d7002e !important;
	font-family: Arial;
	font-size: 13px;
	/* IE10 */
	background: -ms-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	background: linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac7c7', endColorstr='#faa3a3');
	/* Opera */
	background: -o-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
}

#SmSimilarAttachmentsForShopperWarning b, #SmSimilarCommentsForShopperWarning b{
	font-size: 15px;
	text-transform:uppercase;
	color: #d7002e;
	font-family: RobotoCondensed;
}

#SmSimilarAttachmentsForShopperWarning a, #SmSimilarCommentsForShopperWarning a{
	color: #0f669d !important;
	font-family: Arial;
	text-decoration: none;
}

.warningTitle{
	font-size: 15px;
	text-transform:uppercase;
}
.warningLink{
	color: #0f669d;
	font-family: Arial;
	padding-left: 3px;
}

#warningContainer{
	display: none;
	width: 100%;
	padding: 5px 0px 5px 0px;
	margin-bottom: 8px;
	/*width: 100%;*/
	border: 0.0625em solid #f4afaf;
	margin-right: -2px;
	/* IE10 */
	background: -ms-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	background: linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac7c7', endColorstr='#faa3a3');
	/* Opera */
	background: -o-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #fac7c7 0%,#faa3a3 100%);
}

#warningHeader{
	color: #d7002e;
	font-family: RobotoCondensed;
	font-size: 15px;
	text-shadow: 1px 1px 0px #ffdddd;
	padding: 0px 0px 0px 6px;
}

#warningMsg{
	color: #d7002e;
	font-family: Arial;
	font-size: 13px;
	text-shadow: 1px 1px 0px #ffdddd;
	padding: 0px 0px 0px 6px;
}

#showReport{
	padding-left: 3px;
	color: #0f669d;
	font-family: Arial;
	font-size: 13px;
	text-shadow: 1px 1px 0px #ffdddd;
}

#showReport:hover{
	color: #d7002e;
}

.similar{
	margin: 3px;
	max-height: 50px;
	max-width: 63px;
}

#warningWindow{
	display:none;
	border-style:solid;
	border-width:1px;
	position: fixed;
	min-width: 300px;
	min-height: 200px;
	background-color: white;
}

#surveyProperties{
	margin-bottom: 4px;
}

.portletTitleBar{
	height: 36px;
	text-transform:uppercase;
	/* IE10 */
	background: -ms-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	background: linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dbdbdb');
	/* Opera */
	background: -o-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #f4f4f4 0%,#dbdbdb 100%);
	border-width: 0px;
	font-family: RobotoCondensed;
	font-size: 14px;
	color: #616368;
	padding-left: 13px;
	vertical-align: middle;
}

.portletBody{
	border:0px;
	padding: 0px;
	background-color: #ffffff;
}

.surveyPropertiesTableLeft1, .surveyPropertiesTableLeft2, .surveyPropertiesTableRight1, .surveyPropertiesTableRight2{
	border-bottom: 1px solid #c9c9c9;
	white-space: normal;
	vertical-align: top;
	color: #565656;
	border-top: 1px solid #c9c9c9;
}

.surveyPropertiesTableLeft1, .surveyPropertiesTableLeft2{
	height: 14px;
	padding: 5px 5px 5px 13px;
	border-right: 1px solid #c9c9c9;
	
	font-weight:normal;
}

.leftCellTop4{
	border-right: 0px solid #c9c9c9;
	width: 50%;
}

.instructionCell{
	width: 13px;
	padding: 3px 5px 3px 5px;
	border-right: 1px solid #c9c9c9;
}

.surveyPropertiesTableRight1, .surveyPropertiesTableRight2{
	background-color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	outline: none;
	font-family: Arial !important;
	font-size: 12px;
}

input{
	padding: 0px;
}

.surveyPropertiesTableRight1 input, .surveyPropertiesTableRight2 input{
	margin: 3px 3px 0px 5px;
}

.btnsCell{
	padding-top: 0px;
}

.sbutton{
	margin-left: 5px !important;
	margin-top: 3px !important;
	font-style:normal;
}

.sbutton,.sendView{
	display: inline-block;
	/*height: 18px;*/
	font-weight:normal;
	border: 0.0625em solid #c9c9c9;
	color: #565656;
	font-size: 13px;
	font-family: RobotoCondensed;
	padding: 0px 7px;
	/* IE10 */
	background: -ms-linear-gradient(top, #f8f8f8 0%,#f2f1f1 100%);
	background: linear-gradient(top, #f8f8f8 0%,#f2f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f2f1f1');
	/* Opera */
	background: -o-linear-gradient(top, #f8f8f8 0%,#f2f1f1 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#f2f1f1 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #f8f8f8 0%,#f2f1f1 100%);
}

.header td{
	font-size: 13px !important;
	font-family: RobotoCondensed !important;
}

#Table2{
	width: 100%;
	font-size: 13px !important;
	font-family: RobotoCondensed;
	color: #929292 !important;
}

#Table2 b{
	color: #4d4d4d;
	font-size: 13px !important;
	text-transform:uppercase;
}

#Table2 font{
	color: #3169e7;
	font-size: 13px !important;
}

#Table2 a, .attachRightCellBottom a{
	color: #3169e7;
	text-decoration: none; 
	font-size: 1em !important;
}

#editImg a{
	color: #565656;
	text-decoration: none; 
	font-size: 13px;
	font-family: RobotoCondensed;
}

.sbutton:visited{
	color: #565656;
}

.sbutton:hover, .sendView:hover{
	padding: 0px 7px;
	font-size: 13px;
	font-family: RobotoCondensed;
	border: 0.0625em solid #53575a;
	color: #ffffff;
	/* IE10 */
	background: -ms-linear-gradient(top, #696d72 0%,#53575a 100%);
	background: linear-gradient(top, #696d72 0%,#53575a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696d72', endColorstr='#53575a');
	/* Opera */
	background: -o-linear-gradient(top, #696d72 0%,#53575a 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #696d72 0%,#53575a 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #696d72 0%,#53575a 100%);
}

#editImg a:hover{
	color: #ffffff;
}


#save{
	height: 30px;
	width: 100%;
	color: #ffffff;
	border: 0.0625em solid #7acc36 !important;
	font-size: 14px;
	font-family: RobotoCondensed;
	text-transform:uppercase;
	background-position:center;
	background-repeat:no-repeat;
	/* IE10 */
	background: -ms-linear-gradient(top, #9bef55 0%,#87d744 100%);
	background: linear-gradient(top, #9bef55 0%,#87d744 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bef55', endColorstr='#87d744');
	/* Opera */
	background: -o-linear-gradient(top, #9bef55 0%,#87d744 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #9bef55 0%,#87d744 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #9bef55 0%,#87d744 100%);
}

#save:hover{
	color: #ffffff;
	cursor:pointer;
	/* IE10 */
	background: -ms-linear-gradient(top, #abf86b 0%,#81d837 100%);
	background: linear-gradient(top, #abf86b 0%,#81d837 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abf86b', endColorstr='#81d837');
	/* Opera */
	background: -o-linear-gradient(top, #abf86b 0%,#81d837 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #abf86b 0%,#81d837 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #abf86b 0%,#81d837 100%);
}

#saveIcon{
	margin: -4px 5px 0px 0px;
}

.SurveyNoteTableObject{
	width: 100%;
	border-collapse:separate;
	border-spacing:0px;
}

.shopperNotes td{
	font-size: 13px;
	padding: 5px 0px;
	font-family: RobotoCondensed;
}

.SurveyPostNewNoteTableObject{
	background-color: #fefff2;
	color: #8f826e;
	text-shadow: 1px 1px 0px #fffef4;
	border: 0.0625em solid #ffeb96;
	margin-bottom: 8px;
	padding: 8px;
	width: 882px;
}

#SurveyPostNewNoteTitle, .SurveyNoteTableObject{
	font-family: RobotoCondensed;
	border: 0.0625em solid #ffeb96;
	/* IE10 */
	background: -ms-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	background: linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfac6', endColorstr='#fff1af');
	/* Opera */
	background: -o-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
}

#SurveyPostNewNoteTitle, .SurveyCollaborationNoteTableObject{
	font-family: RobotoCondensed;
	border: 0.0625em solid #ffeb96;
	/* IE10 */
	background: -ms-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	background: linear-gradient(top, #fcfac6 0%,#ffeb96  100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfac6', endColorstr='#ffeb96 ');
	/* Opera */
	background: -o-linear-gradient(top, #fcfac6 0%,#ffeb96  100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #fcfac6 0%,#ffeb96  100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #fcfac6 0%,#ffeb96  100%);
}

.SurveyNoteTableObject{
	font-family: RobotoCondensed;
	border: 0.0625em solid #ffeb96;
	/* IE10 */
	background: -ms-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	background: linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfac6', endColorstr='#fff1af');
	/* Opera */
	background: -o-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #fcfac6 0%,#fff1af 100%);
}

.SurveyCollaborationNoteTableObject{
	font-family: RobotoCondensed;
	border: 0.0625em solid #c6ddfc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1eeff ', endColorstr='#c3d9fa ');
	background-image: -o-linear-gradient(top, #e1eeff 0%, #c3d9fa 100%);
	background-image: -webkit-linear-gradient(top, #e1eeff 0%, #c3d9fa 100%);
	background-image: -moz-linear-gradient(top, #e1eeff 0%, #c3d9fa 100%);
	background: -ms-linear-gradient(top, #e1eeff 0%,#c3d9fa 100%);
	background: linear-gradient(top, #e1eeff 0%,#c3d9fa  100%);
	width:100%;
	border-collapse: separate;
    border-spacing: 0px;
}

.SurveyPostNewCollaborationNoteTitle{
	font-family: RobotoCondensed;
	border: 0.0625em solid #c6ddfc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1eeff', endColorstr='#c3d9fa ');
	background-image: -o-linear-gradient(top, #e1eeff 0%, #c3d9fa 100%);
	background-image: -webkit-linear-gradient(top, #e1eeff 0%, #c3d9fa 100%);
	background-image: -moz-linear-gradient(top, #e1eeff 0%, #c3d9fa 100%);
	font-size: 14px;
    padding-left: 10px;
    text-shadow: none;
}

.partnerNotesContainer + .partnerNotesContainer {
    padding-left: 8px;
}

.collaborationNotesHeader{
	float:	left;
	font-size: 14px;
	font-weight: 600;
	text-shadow: 1px 1px 0px #ffffff;
	text-align: center;
	padding-bottom: 5px;
}

#SurveyPostNewNoteTitle{
	width: 100%;
	text-shadow: 1px 1px 0px #ffffff;
	/*margin-bottom: 8px;*/
	height: 36px;
	text-transform:uppercase;
	color: #FF7C44;
	text-align: left;
}

.SurveyPostNewCollaborationNoteTitle {
	width: 100%;
    text-shadow: 1px 1px 0px #ffffff;
    /* margin-bottom: 8px; */
    height: 36px;
    text-transform: uppercase;
    text-align: left;
}

.gradingSelects{
	border: 0px solid #dddddd;
	padding: 5px;
	margin: 0px;
	height: 28px;
	width: 100%;
	overflow:hidden;
	appearance:none;
	-webkit-appearance: none;
	-moz-appearance: none;
    opacity: 0;
    z-index:10;
    line-height: 28px;
    position:relative;

}

.gradingSelects, #commentText{
	color: #656565;
	background: transparent;
}

.gradingSelects:hover{
	color: #4a4a4a;
}

#text, #commentText{
	resize: none;
	font-family: Arial;
	font-size: 12px;
}

#text:focus, #commentText:focus, .gradingSelects:focus {  
    outline: none;  
}

#text:hover, #enterText:hover ~ #text{
	border: 0.0625em solid #FFEB96 !important;
}

#SurveyPostNewNoteTableObjectBr{
	line-height: 8px;
}

#text{
	width: 100%;
	min-height: 28px !important;
	overflow-y: hidden;
	padding: 5px 0px 5px 8px;
	margin-top: 0px;
	margin-left: 0px;
	color: #7F7F7F;
	border: 0.0625em solid #c9c9c9;
	background-color: #ffffff;
	/*max-width: 862px !important;*/
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[id^=text_]{
	width: 100%;
	min-height: 28px !important;
	overflow-y: hidden;
	padding: 5px 0px 5px 8px;
	margin-top: 0px;
	margin-left: 0px;
	color: #7F7F7F;
	border: 0.0625em solid #c9c9c9;
	background-color: #ffffff;
	/*max-width: 862px !important;*/
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


[id^=text_], #commentText{
	resize: none;
	font-family: Arial;
	font-size: 12px;
}

[id^=text_]:focus, #commentText:focus, .gradingSelects:focus {  
    outline: none;  
}

[id^=text_]:hover, #enterText:hover ~ [id^=text_]{
	border: 0.0625em solid rgb(198, 221, 252) !important;
}


#shopperGradingContainer{
	margin-left: 4px;

}

.portletBody{
	width: 400px;
}

#tableMain{
	/*border-top: 1px solid #c9c9c9;*/
	border-left: 1px solid #c9c9c9;
	padding: 0px;
	background-color: #fbfbfb;
}

#tableGrading{
	background-color: #f9f9f9;
	border-right: 1px solid #C9C9C9;
	width: 100%;
	height: 100%;
}

#propertiesContent{
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	color: #656565;font-family: Arial;
	font-size: 12px;
	width: 100%;
	border-spacing: 0px;
}

#gradingBtns{
	padding-top: 8px;
	background-color: #fdfdfd; 
}

.btnIcon{
	margin-top: -4px;
	border-width: 0px;
}

#commentText{
	border-width: 0px;
	width: 100% /* !important */;
	overflow-y: auto;
	outline: none;
	max-height: 29px;
	border-width: 0px !important;
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}

#commentRightCell{
	padding: 5px 0px 0px 5px;
	border-bottom: 0px;
}

#comment{
	border-bottom: 0px;
}

#commentRightCell textarea:hover{
	color: #333333;
}

#commentRightCell:hover ~ #comment{
	color: #333333;
}

.sendView, .sendView:hover{
	height: 16px;
	padding: 6px;
	display: inline-block;
	cursor:pointer;
}

.tableGradingContent{
	width: 100%;
	margin-top: 8px;
}

.rightCell{
	padding: 0px;
}

.gradingsurveyPropertiesTableRight1{
	background-color: #FBFBFB;
}

.gradingsurveyPropertiesTableRight2{
	background-color: #f3f3f3;
}

#enterComment{
	margin: 2px 0px 0px 5px;
}

#enterText{
	margin: 13px 0px 0px 13px;
}

#enterComment,#enterText{
	display: block;
	position: absolute;
	color: #C6C6C6;
	font-family: Arial;
	font-size: 12px;
	z-index: 3;
}

.radioText:hover, input:hover ~.radioText{
	color: #2a2a2a;
}
 
.surveyPropertiesTableLeft1:hover,.surveyPropertiesTableLeft2:hover{
	color: #333333 !important;
	/*text-shadow: 1px 1px 0px #a9a9a9;*/
}

.surveyPropertiesTableRight2, .surveyPropertiesTableRight1{
	background-color: #fff;
}
 
.customSelect{
	width: 100%;
	overflow: hidden;
	outline: none;
	background: url("../../images/icons/xp16/select_arrow_light.png") no-repeat right #fff;
	outline: none;
	color: #666666;
    position: relative;
}

.customSelect:hover{
	background: url("../../images/icons/xp16/select_arrow.png") no-repeat right #fff;
	outline: #b3b3b3 solid 1px;
}

.customSelect select:hover{
	color: #333333;
}

#nonVideoAttsTable tr { height: 10px; }
/*#nonVideoAttsTable td { font-size: 13px; }*/

/*---- Reorder attachments ----*/

#attachmentsReorderWindow{
	z-index: 999;
	position: fixed;
	overflow: hidden;
	width: 36rem;
	display:none;
	border:0 none;
	background-color:#fff;
	top:50%;
	left: 50%;
	padding: 10px;
	box-sizing: border-box;
	font-family: RobotoCondensed;
	font-size: 13px;
	-webkit-box-shadow: 0px 0px 5px #a3a3a3;
	-moz-box-shadow: 0px 0px 5px #a3a3a3;
	box-shadow: 0px 0px 5px #a3a3a3;
	max-width: 95%;
	transform: translate(-50%, -50%);
	min-width: 18rem;
}

.rearrangeBtns{
	margin-top: 8px;
	padding:6px;
	background-color: #e4e4e4;
    margin-right: 10px;
    vertical-align: middle;
    border: 0.0625em solid #e4e4e4;
    display: inline-block;
	text-transform: uppercase;
	font-family: RobotoCondensed;
	font-size: 13px;
	color:#515151;
}

.rearrangeBtns:hover{
	background-color: #717171;
    border: 0.0625em solid #717171;
	color:#FFF;
}

/*New responsive interface for MAJ*/

.att_previewCell {
	width: 100%;
}

.osmWeb-attachmentsContainer{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.att_body:not(.att_body_standard_mode) {
    border: 0.0625em solid #e4e4e4;
    position: relative;
    background-color: #FFF;
    min-width: 200px;
    max-width: 100%;
    margin: 0 0 0.5rem 0.5rem;
}

.att_body.att_body_standard_mode{
	width: 100%;
	border: 0.0625em solid #e4e4e4;
	/*min-width: 400px;*/
	position: relative;
	background-color: #FFF;
	margin-top: 0.8125em;
}

.att-body-video {
	display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 320px;
    flex-grow: 5;
}

.att-preview-size {
	width: 100%;
}

.att-preview-size-s {
	width: calc(33.33% - 0.5rem);
	height: auto;
	min-height: 50px;
	flex-grow: 0;
}

.att-preview-size-m {
	width: calc(50% - 0.5rem);
	height: auto;
	flex-grow: 0;
}

.att-preview-size-s .attachmentsInTable, .att-preview-size-m .attachmentsInTable {
	max-width: 100% !important;
}

.att_body, .att_previewCell, .att_propertiesCell{
	font-size: 0.875rem;
}

.att_propertiesCell_buttonsContainer{
	margin-top: 0.625em;
    bottom: 0.8125em;
    position: absolute;
    height: 2.5em;
}

.att_propertiesCell {
	padding:0.8125em;
	width:auto;
	min-width: 20em;
    overflow:hidden;
	margin-bottom: 3.3125em;
}

.att_previewCell {
	/*min-width: 400px;*/
	width: 100%;
	float:left;
}

.att_prev_file_osm{
	float: right;
}

.att_prev_img_osm{
	float: none;
	margin: auto;
	width: auto;
    max-width: 100%;
}

.att_body::after {
    content: "";
    clear: both;
    display: block;
}

.surveybody .surveyquestiontable .gridTable span,
.surveybody .surveyquestiontable .gridTable b,
.surveybody .surveyquestiontable .gridTable strong
{
	word-break: break-word;
}
.surveyquestiontable .gridTable tr th:first-child span,
.surveyquestiontable .gridTable tr th:first-child b,
.surveyquestiontable .gridTable tr th:first-child strong{
	word-break: break-word;
}


/*@media 
only screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 60em),
only screen and (max--moz-device-pixel-ratio: 1) and (min-width: 60em),
only screen and (-o-max-device-pixel-ratio: 1/1) and (min-width: 60em),
only screen and (max-device-pixel-ratio: 1) and (min-width: 60em),
only screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 90em),
only screen and (max--moz-device-pixel-ratio: 1.5) and (min-width: 90em),
only screen and (-o-max-device-pixel-ratio: 1.5/1) and (min-width: 90em),
only screen and (max-device-pixel-ratio: 1.5) and (min-width: 90em),
only screen and (-webkit-max-device-pixel-ratio: 2) and (min-width: 120em),
only screen and (max--moz-device-pixel-ratio: 2) and (min-width: 120em),
only screen and (-o-max-device-pixel-ratio: 2/1) and (min-width: 120em),
only screen and (max-device-pixel-ratio: 2) and (min-width: 120em) {

	.att_previewCell {
		width: 60%;
	}
	
	.att_prev_img_osm{
		float: right;
	}
	
	.osm_fileAttachment{
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
	}
	
	.att_propertiesCell {
		margin-left: 60%;
	}
	
}*/

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 60em),
only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 60em),
only screen and (-o-min-device-pixel-ratio: 1.5/1) and (max-width: 60em),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 60em),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 90em),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 90em),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 90em),
only screen and (min-device-pixel-ratio: 2) and (max-width: 90em) {
	.attachmentsContainer{
		font-size: 0.8em;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2){
	.osm_audioAttachment img{
		bottom: 4em;
	}
	.osm_audioAttachment audio{
		zoom: 2;
	}
}
.withBottomMargin{
	margin-bottom: 3.3125em;
}
.noBottomMargin{
	margin-bottom:-0.1875em;
}
.fullWidth{
	width:100%;
}
/*tbelchev*/
span.select {
    bottom: 0;
    cursor: default;
    float: left;
    height: 28px;
    left: 6px;
    line-height: 28px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
/* End tbelchev*/