/* 
	Styles for attachment tags 
	Author: Hristo Mitev
	Date Created: 20.09.2016
*/

#popUpAttachmentsTags{
	width: 560px;
    z-index: 1005;
    position: fixed;
    left: 50%;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    margin-left: -280px;
    background-color: #FFF;
    box-shadow: 0 0 11px rgba(50, 50, 50, 0.24);
	box-sizing: border-box;
    padding: 10px;
	font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
    color: #515151;
    font-size: 13px;
	
}

#popupHeader{
	margin-bottom: 10px;
    text-transform: uppercase;
}

#tagPlayer{
	background-color: #e4e4e4;
	position: relative;
	margin-bottom: 3px;
}

#tagPlayer img{
	height: 15em;
	position: absolute;
    right: 0;
    bottom: 43px;
}

#tagPlayer audio{
	bottom: 0;
    position: absolute;
    left: 0;
	max-height:3.7em;
}

.popupAttProp{
	margin-top:2px;
}

.popupAttPropValue{
	margin-left: 30% !important;
    width: 70% !important;
}

#popupFooter{
	height:32px;
	margin-top:10px;
    text-align: right;
}

.popupBtnSpace{
	margin-left:10px;
}

.popupAttProp_inactive{
	background-color: #F4F4F4;
}

.popupHSeparator{
	margin-top:10px;
	margin-bottom:10px;
	height:1px;
	background-color:#e4e4e4;
}


.tagsTables{
	width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: separate;
	table-layout: fixed;
}

.tagsTables thead td{
	background-color: #E4E4E4 !important;
}

.tagsTables td{
	font-size: 13px;
    font-family: RobotoCondensed, Arial, Helvetica, sans-serif !important;
	background-color: transparent !important;
	color: #515151;
	border-radius: 0px !important;
	padding: 0.44em 0.5em !important;
}

.tagsTables tr{
	cursor: pointer;
}

.tagsTablesWrapper{
	padding: 8px;
}
.sectionTable{
	padding: 8px 0;
}
.tagsTables thead td{
	cursor: default;
}
.btnOK{
	float:left;
}
.rm-icon-tag-delete{
  background-image: url("/images/icons/sm.ui/trash.png"); 
}
.tagErrorMsg{
	float: left;
    line-height: 32px;
    color: #ec5353;
}
.tagHeaderStartTime, .tagHeaderEndTime{
	width:5em;
}
.tagName{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
}

@media print  
{
	.tagsTables td{
		padding: 0.44em 2.3em 0.44em 0.5em !important;
	}
	
	.tagsTables thead .tagHeaderStartTime{
		padding-right:12px !important;
	}
	
	.tagsTables thead .tagHeaderEndTime{
		padding-right:23px !important;
	}
	
	.tagHeaderAttachmentName, .tagCellAttachmentName{
		width:100%;
	}
}