/* before you look, know that this is a lot of css and we can probably condense or kill the vast majority of it but for now lets just get this puppy DONE */
/* hi fives.  hugs.  */

/* reset just for these elements */

.reaper_button, .reaper_text_input, .reaper_select, .DataList {
	line-height: 1;
	font-family: Helvetica, Arial, 'Sans Serif';
}

.reaper_5px_left {margin-left: 5px !important;}
.reaper_5px_right {margin-right: 5px !important;}


/* Reaper UI copied directly from source.  Below this is the DataList and DLM CSS */

/** form scale **/

.reaper_narrow_form {width:300px;}
.reaper_medium_form {width:600px;}
.reaper_wide_form {width:auto;}

.reaper_button {

	display: inline-block;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

	border: 1px solid #ccc;

	line-height: 18px;
	height: 18px;

	vertical-align: middle;
	text-align: left;

	color: #000;
	background-color: #fff;

	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%,#eee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%,#eee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fff 0%,#eee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fff 0%,#eee 100%); /* W3C */

	font-size: 11px;

	margin: 0;
	padding: 5px;
	text-decoration: none;

	user-select: none; -moz-user-select: none; -webkit-user-select: none;

	box-sizing: content-box; -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; -ms-box-sizing: content-box;

	text-shadow: 0 1px 0 #fff;

	white-space: nowrap;

}

	.reaper_button:hover { color: #666; border-color: #aaa; }
	.reaper_button:active {
		border-top: 1px solid #777;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #777;

		background: #efefef; /* Old browsers */
		background: -moz-linear-gradient(top, #efefef 0%, #eee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#eee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #efefef 0%,#eee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #efefef 0%,#eee 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #efefef 0%,#eee 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #efefef 0%,#eee 100%); /* W3C */

		color: #555;

		box-shadow: 0 0 1px rgba(0,0,0,.2);
	}
	.reaper_button:focus { /* background-color: #f0f0f0; */ outline: none;}
	.reaper_button img { margin: 0pt 0pt -4px 5px; }




}

	.disabled {}
	.reaper_button_disabled,
	.reaper_button.disabled {
		display: inline-block;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		border: 1px solid #ccc;
		line-height: 18px;
		height: 18px;
		vertical-align: middle;
		text-align: left;
		color: #888;
		background: #ddd;
		font-size: 11px;
		margin: 0; padding: 5px;
		text-decoration: none;
		user-select: none; -moz-user-select: none; -webkit-user-select: none;
		box-sizing: content-box; -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; -ms-box-sizing: content-box;
		text-shadow: 0 1px 0 #ddd;
	}
	.reaper_button_disabled:hover,
	.reaper_button.disabled:hover { color: #666; border-color: #aaa; }
	.reaper_button_disabled:active,
	.reaper_button.disabled:active { }
	.reaper_button_disabled:focus,
	.reaper_button.disabled:focus { background-color: #f0f0f0; outline: none; border: 1px solid #aaa;}
	.reaper_button_disabled img,
	.reaper_button.disabled img { margin: 0pt 0pt -4px 5px; }


.reaper_button_tool {
	display: inline-block;
	font-size: 7pt;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #000; background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 1px 0 0; padding: 4px;
	display: inline-block;
	text-decoration: none;
}
.reaper_button_tool:hover {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}
.reaper_button_tool img {
	margin: 0 0 -3px 0;
	border: 0;
}
.reaper_button_tool-selected {
	color: #060;
	border: 2px solid #0a0;
	margin: -1px 0 -1px -1px;
}



.reaper_button_tool-80px {
	display: block;
	font-size: 7pt;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #000; background-color: #fff;
	border: 1px solid #ccc;
	margin: 0 0 1px 0; padding: 4px 20px 4px 4px;
	display: block;
	text-decoration: none;
	position: relative;
	width: 80px;
}
	.reaper_button_tool-80px:hover {
		background-color: #f0f0f0;
		border: 1px solid #ccc;
	}
	.reaper_button_tool-80px img {
		margin: 0; border: 0;
		position: absolute;
		right: 4px;
		bottom: 50%;
		margin-bottom: -8px;
	}
	.reaper_button_tool-80px-selected {
		color: #060;
		border-color: #0a0;
		margin: -1px 0 -1px -1px;
	}
	.reaper_button_tool-80px-disabled {
		color: #666;
		background-color: #aaa;
	}


.reaper_button_small {
	margin: 2px; padding: 5px;
	font-size: 8pt;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #060; background-color: #fff;
	border: 1px solid #ccc;
}

.reaper_button_small:hover {
	text-decoration: none;
}


.reaper_link {

	display: inline-table;
	display: inline-block;

	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

	border: 1px solid transparent;

	line-height: 18px;
	height: 18px;

	vertical-align: middle;
	text-align: left;

	color: #000;
	background-color: transparent;

	font-size: 11px;

	margin: 0;
	padding: 5px;
	text-decoration: underline;

	/* user-select: none; -moz-user-select: none; -webkit-user-select: none; */
	box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box;

}
	.reaper_link:hover {

		border: 1px solid #ccc;

		background: #f4f4f4; /* Old browsers */
		background: -moz-linear-gradient(top, #fff 0%, #eee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%,#eee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fff 0%,#eee 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #fff 0%,#eee 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #fff 0%,#eee 100%); /* W3C */

	}


.reaper_tag_green {
	margin: 2px; padding: 5px;
	font-size: 8pt;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #363; background-color: #fff;
	border: 1px solid #ccc;
}

.reaper_tag_grey {
	margin: 2px; padding: 5px;
	font-size: 8pt;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #fff; background-color: #aaa;
	border: 1px solid #999;
}

.reaper_tag_white {
	margin: 2px; padding: 5px;
	font-size: 8pt;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #fff; background-color: #fff;
	border: 1px solid #aaa;
}

/* hilight stuff */

.reaper_hilight_data-green {
	color: #fff;
	background-color: #0a0;
	padding:2px 5px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-weight: normal;
}

.reaper_hilight_data-red {
	color: #fff;
	background-color: #a00;
	padding:2px 5px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-weight: normal;
}

/* icons stuck into text : */

.reaper_icon_h3-left {
	margin: 0 0 -10px 0;
}

/* blocks in the right pand */
.reaper_interface_block {
	margin-bottom: 10px; padding: 10px;
	border: 1px solid #eee;
	background-color: #fff;
}




/* top right user info tab */

/* upside down tabs */

.reaper_top_right_panel {
	margin: 0; padding: 0;
	font-size: 12px;
	line-height: 12px;
}

.reaper_top_right_panel span, .reaper_top_right_panel a {
	margin: 0; padding: 8px;
}

.reaper_top_tag_grey-first {

	display: inline-block;
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px;

	color: #666;

	/* background-color: #aaa; */
	/* background: #aaa url('/Presentation/Images/reaper/gradient/d1d1d1_to_f3f5f5.png') bottom left repeat-x; */
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #f4f4f4 52%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(52%,#f4f4f4), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#f4f4f4 52%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f4f4 0%,#f4f4f4 52%,#fefefe 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f4f4f4 0%,#f4f4f4 52%,#fefefe 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f4f4f4 0%,#f4f4f4 52%,#fefefe 100%); /* W3C */

	border: 1px solid #ccc;
	border-top: 0;
	border-right: 0;
}
.reaper_top_tag_grey-first b {
	font-weight: 100;
	color: #060;
	padding: 3px;
}
.reaper_top_button_small-mid {
	display: inline-block;

	color: #000;

	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e2e2 0%, #d1d1d1 49%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(49%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* W3C */

	border: 1px solid #ccc;
	border-top: 0;
	border-right: 0;
}
.reaper_top_button_small-last {

	display: inline-block;
	border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0;

	color: #000;

	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e2e2 0%, #d1d1d1 49%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(49%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e2e2e2 0%,#d1d1d1 49%,#fefefe 100%); /* W3C */

	border: 1px solid #ccc;
	border-top: 0;
}
.reaper_top_button_small-mid:hover,
.reaper_top_button_small-last:hover {
	text-decoration: none;
}

.reaper_fullsize_textarea {
	box-sizing: border-box; -webkit-box-sizing:border-box;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box;
	max-width: 100%; max-height: 100%;
	min-width: 100%; min-height: 100%;
	width: 100%; height: 100%;
}




/* move this up with buttons ? */

.reaper_dlm_tool {
	overflow: hidden;
	width: 18px; height: 16px;
	/*display: inline-block;
	display: inline-table; */
	display: inline-block; /* float: left; */
	/* border: 1px solid #f00;
	background-color: #fa0; */
	position: relative;
	line-height: 16px;
	vertical-align: middle;
	margin: 0; padding: 0;
	/* border :1px solid #f00; */
}
.reaper_dlm_tool:hover {
	opacity: .6;
}
.reaper_dlm_tool:active {
	opacity: .8;
}

.reaper_dlm_tool.reaper_icon:before {
	top: 0;
}

.dlm_notice_p {
	font-size: 8pt;
}

.groowm-bs #cms-metadata-dialog,
.groowm-bs #cms-file-modal {
	width: 960px;
	max-width: calc(100vw - 20px);
}

.groowm-bs .modal-body {
	scroll-behavior: smooth;
}

.groowm-bs #cms-metadata-dialog .modal-body,
.groowm-bs #cms-file-modal .modal-body {
	max-height: calc(100vh - 300px);
}

.groowm-bs #cms-file-modal {
	margin: 0 auto;
	transform: translate(-50%, -50%);
}
.groowm-bs #cms-file-modal .modal-body {
	max-height: calc(100vh - 300px);
}

.reaper_d-ib {
	display: inline-block;
}

.grwm_vaultBrowse-wrap .DataList tbody tr td:nth-child(1) {
	width: 160px;
}

.groowm-bs  .dlm_vault_preview-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* fit into a 16/9 rectangle */
}
.groowm-bs  .dlm_vault_preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
}
.grwm_vaultBrowse-add {
	display: inline-block;
}

/* REAPER ICONS */

.reaper_icon {
    position: relative;
}

.reaper_icon:before {
    background: url("reaper_ui.gif") no-repeat scroll 16px 16px transparent;
    content: " ";
    display: inline;
    float: left;
    height: 16px;
    left: 0;
    margin: 0 4px 0 2px;
    padding: 0;
    position: relative;
    top: 2px;
    width: 16px;
}
.reaper_icon:active:before{
	opacity: .5;
}

	/* IE 7/8 support */

	.reaper_icon span.ie_icon {
	    background: url("reaper_ui.gif") no-repeat scroll 16px 16px transparent;
	    /* content: " "; */
	    display: block;
		float: left;
	    position: relative; top: 0; left: 0;
	    width: 18px; height: 18px;
	    margin: 0 4px 0 2px;
	    padding: 0;

	    border: 1px solid #fff;
	}
	/* pre CSS3 support */
	.reaper_icon:active span.ie_icon {
		opacity: .5;
	}

/* Different icons */

.reaper_icon.rss:before, .reaper_icon.rss span.ie_icon {background-position: -20px -1px;}

.reaper_icon.previous:before, .reaper_icon.previous span.ie_icon {background-position: -250px -261px;}
.reaper_icon.next:before, .reaper_icon.next span.ie_icon {background-position: -204px -261px;}

.reaper_icon.help:before, .reaper_icon.help span.ie_icon {background-position: -19px -597px;}

.reaper_icon.ok:before, .reaper_icon.ok span.ie_icon {background-position: -67px -262px;}
.reaper_icon.save:before, .reaper_icon.save span.ie_icon {background-position: -250px -234px;}

.reaper_icon.add:before, .reaper_icon.add span.ie_icon {background-position: -112px -261px;}
.reaper_icon.add-circle:before, .reaper_icon.add-circle span.ie_icon {background-position: -20px -545px;}

.reaper_icon.cancel:before, .reaper_icon.cancel span.ie_icon,
.reaper_icon.remove:before, .reaper_icon.remove span.ie_icon,
.reaper_icon.unlink:before, .reaper_icon.unlink span.ie_icon {background-position: -20px -261px;}
.reaper_icon.update:before, .reaper_icon.update span.ie_icon {background-position: -66px -312px;}
.reaper_icon.print:before, .reaper_icon.update span.ie_icon {background-position: -66px -156px;}
.reaper_icon.edit:before, .reaper_icon.edit span.ie_icon {background-position: -342px -26px;}
.reaper_icon.delete:before, .reaper_icon.delete span.ie_icon {background-position: -298px -520px;}
.reaper_icon.preview:before, .reaper_icon.preview span.ie_icon {background-position: -20px -521px;}
.reaper_icon.cart-add:before, .reaper_icon.cart-add span.ie_icon {background-position: -65px -521px;}
.reaper_icon.cart-remove:before, .reaper_icon.cart-remove span.ie_icon {background-position: -112px -521px;}

.reaper_icon.folder:before, .reaper_icon.folder span.ie_icon,
.reaper_icon.folder-closed:before, .reaper_icon.folder-closed span.ie_icon {background-position: -20px -570px;}
.reaper_icon.folder-open:before, .reaper_icon.folder-open span.ie_icon {background-position: -67px -570px;}

.reaper_icon.refresh:before, .reaper_icon.refresh span.ie_icon {background-position: -66px -311px;}
.reaper_icon.rotate:before, .reaper_icon.rotate span.ie_icon {background-position: -251px -312px;}
.reaper_icon.rotate-right:before, .reaper_icon.rotate-right span.ie_icon {background-position: -342px -286px;}
.reaper_icon.rotate-left:before, .reaper_icon.rotate-left span.ie_icon {background-position: -297px -286px;}
.reaper_icon.upload:before, .reaper_icon.upload span.ie_icon {background-position: -342px -519px;}
.reaper_icon.download:before, .reaper_icon.download span.ie_icon {background-position: -387px -519px;}
.reaper_icon.flag-red:before, .reaper_icon.flag-red span.ie_icon {background-position: -21px -182px;}
.reaper_icon.flag-green:before, .reaper_icon.flag-green span.ie_icon {background-position: -66px -182px;}
.reaper_icon.flag-yellow:before, .reaper_icon.flag-yellow span.ie_icon {background-position: -158px -182px;}
.reaper_icon.flag-orange:before, .reaper_icon.flag-orange span.ie_icon {background-position: -250px -182px;}
.reaper_icon.flag-blue:before, .reaper_icon.flag-blue span.ie_icon {background-position: -112px -182px;}
.reaper_icon.flag-white:before, .reaper_icon.flag-white span.ie_icon {background-position: -21px -622px;}
.reaper_icon.thumbnail:before, .reaper_icon.thumbnail span.ie_icon {background-position: -204px -520px;}

.reaper_icon.checkmark:before, .reaper_icon.checkmark span.ie_icon {background-position: -65px -261px;}
.reaper_icon.checkbox:before, .reaper_icon.checkbox span.ie_icon {background-position: -65px -622px;}
.reaper_icon.empty-checkbox:before, .reaper_icon.empty-checkbox span.ie_icon {background-position: -155px -622px;}

.reaper_icon.private:before, .reaper_icon.private span.ie_icon {background-position: -112px -468px;}

/* special case b/c it's an animated gif: */
.reaper_icon.loading:before, .reaper_icon.loading span.ie_icon { background-position: 0 -1px; background-image: url('indicator.gif') }
.reaper_icon.invalid:before, .reaper_icon.invalid span.ie_icon {
	/* something __ background-position: -204px -519px; */
	/* no idea */
}
.reaper_icon.sad:before, .reaper_icon.sad span.ie_icon {background-position: -343px -79px}
.reaper_icon.happy:before, .reaper_icon.happy span.ie_icon {background-position: -251px -79px;}

.reaper_icon.phone:before, .reaper_icon.phone span.ie_icon {background-position: -343px -105px;}
.reaper_icon.alarm:before, .reaper_icon.alarm span.ie_icon {background-position: -66px -130px;}

/*
 * Based on http://jsfiddle.net/LqX9Z/
 */
.reaper_tooltip, .reaper_tooltip_top, .reaper_tooltip_right, .reaper_tooltip_bottom, .reaper_tooltip_left {

	z-index: 100000;

	color:#fff;
	cursor:normal;
	display:-moz-inline-stack;
	display:inline-block;
	font-size:12px;
	font-family:arial;
	padding:7px;
	position:relative;
	text-align:center;
	-webkit-border-top-left-radius:4px ;
	-webkit-border-top-right-radius:4px ;
	-webkit-border-bottom-right-radius:4px ;
	-webkit-border-bottom-left-radius:4px ;
	-khtml-border-top-left-radius:4px ;
	-khtml-border-top-right-radius:4px ;
	-khtml-border-bottom-right-radius:4px ;
	-khtml-border-bottom-left-radius:4px ;
	-moz-border-radius-topleft:4px ;
	-moz-border-radius-topright:4px ;
	-moz-border-radius-bottomright:4px ;
	-moz-border-radius-bottomleft:4px ;
	border-top-left-radius:4px ;
	border-top-right-radius:4px ;
	border-bottom-right-radius:4px ;
	border-bottom-left-radius:4px ;

	border: 1px solid #ccc;
	background-color:#3b3b3b;
	background-image:-moz-linear-gradient(top,#CCCCCC,#AAAAAA);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#CCCCCC),color-stop(1,#AAAAAA));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#CCCCCC,EndColorStr=#AAAAAA);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#CCCCCC,EndColorStr=#AAAAAA);

	border: 1px solid #888;
}
.reaper_tooltip:after, .reaper_tooltip_top:after, .reaper_tooltip_right:after, .reaper_tooltip_bottom:after, .reaper_tooltip_left:after {
	content:"\25B8";
	display:block;
	font-size:20px;
	height:0;
	line-height:0;
	position:absolute;
}
.reaper_tooltip:after,
.reaper_tooltip_bottom:after {
	color:#bbb;
	bottom:-4px;
	left:1px;
	text-align:center;
	/* text-shadow:1px 0 2px #000000; */
	-o-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-khtml-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	width:100%;
}
.reaper_tooltip_top:after {
	bottom:auto;
	color:#CCC;
	left:-2px;
	top:-3px;
	text-align:center;
	text-shadow:none;
	-o-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-khtml-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	width:100%;
}
.reaper_tooltip_right:after {
	color:#bbb;
	right:-10px;
	top:50%;
	margin-top:-.05em;
	/* text-shadow:0 1px 2px #000000; */
	-o-transform:rotate(0);
	-moz-transform:rotate(0);
	-khtml-transform:rotate(0);
	-webkit-transform:rotate(0);
}
.reaper_tooltip_left:after {
	color:#bbb;
	left:-8px;
	top:50%;
	margin-top:2px;
	/* text-shadow:0 -1px 2px #000000; */
	/* border: 1px solid #ccc; */
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-khtml-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

/* types: */

.reaper_tooltip_error {
	background-color: #aa0000;
	background-image:-moz-linear-gradient(top,#aa0000,#880000);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#aa0000),color-stop(1,#880000));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#aa0000,EndColorStr=#880000);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#aa0000,EndColorStr=#880000);
	border-color: #a00;
}
.reaper_tooltip_error:after {
	color: #aa0000;
}

.reaper_tooltip_success {
	background-color:#00aa00;
	background-image:-moz-linear-gradient(top,#00aa00,#008800);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#00aa00),color-stop(1,#008800));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#00aa00,EndColorStr=#008800);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#00aa00,EndColorStr=#008800);
	border-color: #0a0;
}
.reaper_tooltip_success:after {
	color: #0a0;
}


/* some select boxes to go with the new buttons */

.reaper_select_inline {
	border: 1px solid #CCCCCC;
	border-radius: 5px;
    height: 30px;
    margin: 0;
    padding: 5px 0;
    vertical-align: middle;
}
.reaper_select_inline:focus,
.reaper_select_inline option:focus {
	outline: 0 none;
}

/* an input box to match the buttons! */

.reaper_text_input {

	font-size: 13px;
	margin:0; padding: 7px;
	border: 1px solid #ccc;
	border-radius: 5px;
	vertical-align: middle;

	/* remove this if you hate the inset box look on text fields */
	box-shadow: 1px 0px 3px rgba(150,150,150, 0.2) inset;

}
.reaper_text_input:focus {
	box-shadow: 0px 0px 3px rgba(200,200,200, 0.1) inset;
}



/* DataList css */

	.DataList {
		border: 1px solid #ccc; /* f0f0f0 */
		font-size: 12px;
		width: 100%;
		padding: 0;
		margin: 0 0 10px 0;
	}
	.DataList th {
		padding: 5px 5px 2px;
		margin: 0;
		font-weight: bold;
		text-align: left;
		background-color: #e0e0e0;
		border-bottom: 1px solid #aaa;
		color: #000;
		text-shadow: 0 1px #fff;
		line-height: 1;
		vertical-align: bottom;
	}
	.DataList th a {
		color: #000;
	}
	.DataList th.left {
		padding: 5px;
		margin: 0;
		font-weight: bold;
		text-align: left;
		background-color: #e0e0e0;
		border-right: 1px solid #aaa;
	}
	.DataList th.righty {
		padding: 5px;
		margin: 0;
		font-weight: bold;
		text-align: left;
		background-color: #e0e0e0;
		border-left: 1px solid #aaa;
	}

	.DataList tr {
		padding: 0;
		margin: 0;
	}
	.DataList td {
		padding: 5px;
		margin: 0;
		font-size: 12px;
		line-height: 100%;
		vertical-align: top;
	}

/* tables still need 'cellspacing="0"' in the markup */
table.DataList {
	border-collapse: separate;
	border-spacing: 0;
}


.DataList tr.row_b {background-color: #f0f0f0;}  /* tr.row_a {background-color: #f6f6ff;} */
.DataList tr.row_a {background-color: #fff;}


/**
 * DataListManager CSS 1.1
 *
 * @author Avery Brooks <brooks@radicalmedia.com>
 */

/* general DLM style must be class based, since there is the possibility that
	there will be two or more per page.  (hidden or otherwise) and IDs may change


	only change from 1.0 is that line-height comes from reaper_button not .dlm_interface button

*/

.dlm_wrap {
	/* Needed to keep the background of the notice overlay from overflowing into parent elements */
	position: relative;
}

.dlm_interface {padding: 5px; position: relative;}

.dlm_interface label {line-height: 10px;font-size: 10px; margin: 0 5px; padding: 0;}
.dlm_interface button {font-size: 10px; margin: 0; }
.dlm_interface input {line-height: 10px; margin: 0;}

.dlm_interface select {line-height: 10px;font-size: 10px; margin: 0;}
.dlm_interface select option {font-size: 10px; margin: 0; padding: 0;}

.dlm_pane {display: inline; line-height: 10px;font-size: 10px; margin: 0; padding: 0; right: 0;}
.dlm_pane p {color: #000; font-size: 10px;}
.dlm_pane p span {color: #0a0; font-size: 10px;}

.dlm_notice {
	position: absolute;
	/* top: -1px; left: -1px;  */
	top: 0; left: 0;
	width: 100%; height: 100%;
	min-height: 60px;
	padding: 0; margin: 0;
	/* border: 1px solid #ccc; */
	color: #000; font-size: 12px; text-align: center;
	opacity: 1;

	z-index: 9980;
}

	.dlm_message_background {
		position: absolute; /* top: -1px; left: -1px; */
		top: 0; left: 0;
		width: 100%; height: 100%;
		min-height: 60px;
		padding: 0; margin: 0;

		background-color: #ccc;
		/* border: 1px solid #ccc; */

		opacity: .5;

		z-index: 9990;
	}

	.dlm_message_overlay {
		position: relative;
		width: 90%;
		max-width: 400px;
		height: auto;
		margin: 20px auto;
		border: 1px solid #bbb;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;

		background-color: #fff;
		background-image: url('indicator.gif');
		background-repeat: no-repeat;
		background-position: 10px 50%;

		opacity: 1;
		z-index: 10000;
	}
	.dlm_message_overlay p {
		font-size: 11px !important;
		color: #333;
		padding: 15px;
		margin: 0 0 0 20px;
	}
	.dlm_message_error {
		position: relative;
		width: 400px;
		height: auto;
		margin: 50px auto;
		border: 2px solid #a00;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;

		background-color: #fff;
		background-image: url('error.png');
		background-repeat: no-repeat;
		background-position: 10px 50%;

		opacity: 1;
		z-index: 10000;
	}
	.dlm_message_error p {
		font-size: 11px !important;
		color: #000;
		padding: 15px;
	}
	.dlm_message_error p b {
		color: #a00
	}

.dlm_filters {

	/** filters are disabled and hidden by default **/
	display: none;

	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px dashed #ccc;
	padding-top: 10px;

}

.groowm-bs .dlm_filters-top {
	margin-top: 0;
	margin-bottom: 7px;
	border-bottom: 1px dashed #ccc;
}

.dlm_page_jump {
	border: 1px solid #ddd;
	font-weight: bold;
	color: #000;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	text-align: center;
}

.dlm_page_jump:focus {
	border: 1px solid #aaa;
	color: #0f0;
}

/* a little more leftover reaper stuff */

.reaper_commandrow {
	border-top: 1px dashed #ccc;
	font-family: helvetica, verdana;
	margin-top: 10px;
	padding-top: 10px;
}

.msgbox_background {
	z-index: 999998;
	position: fixed;
	top:0; left:0;
	width:100%; height:100%;
	background-color: rgba(0,0,0,.5);
}

.msgbox_target {
	z-index: 999999;
	color: #333;
}



.grwm_vaultBrowse-wrap {
	position: relative;
	background: #efefef;
	border: 1px solid #999;
	padding: 10px;
	margin: 5px auto;
}
.grwm_vaultBrowse-wrap['aria-hidden="true"'] {
	border: 0px none;
	padding: 0px;
	margin: 0;
}
.grwm_vaultBrowse-notice {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vbr_sorting-results {
	border-top: 1px dotted #ccc;
}

.vbr_details b {
	font-weight: bold;
}

.grwm_vaultBrowse-wrap .vbr_details > .dlm_notice_p.grwm_pad {
	padding: 5px 0;
}

/**
* html5 uploader things
*/

[data-meta-type="vault"] {
	position: relative;
}

.grwm_noappearance {
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.grwm_pad,
.grwm_pad-tight {
	padding: 10px;
}
.grwm_pad-cozy {
	padding: 20px;
}
.grwm_pad-roomy {
	padding: 40px;
}

[class*="grwm_abs-"] {
	position: absolute;
	margin: 0;
}
.grwm_abs-fill {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.grwm_abs-t,
	.grwm_abs-tr,
	.grwm_abs-tl {
		top: 0;
	}
	.grwm_abs-r,
	.grwm_abs-tr,
	.grwm_abs-br {
		right: 0;
	}
	.grwm_abs-l,
	.grwm_abs-tl,
	.grwm_abs-bl {
		left: 0;
	}
	.grwm_abs-b,
	.grwm_abs-br,
	.grwm_abs-bl {
		bottom: 0;
	}

	.grwm_mar-t,
	.grwm_mar-v {
		margin-top: 10px;
	}
	.grwm_mar-r,
	.grwm_mar-h {
		margin-right: 10px;
	}
	.grwm_mar-l,
	.grwm_mar-h {
		margin-left: 10px;
	}
	.grwm_mar-b,
	.grwm_mar-v {
		margin-bottom: 10px;
	}

	.grwm_mar-t-half,
	.grwm_mar-v-half {
		margin-top: 5px;
	}
	.grwm_mar-r-half,
	.grwm_mar-h-half {
		margin-right: 5px;
	}
	.grwm_mar-l-half,
	.grwm_mar-h-half {
		margin-left: 5px;
	}
	.grwm_mar-b-half,
	.grwm_mar-v-half {
		margin-bottom: 5px;
	}

	.grwm_pad-t,
	.grwm_pad-v {
		padding-top: 10px;
	}
	.grwm_pad-r,
	.grwm_pad-h {
		padding-right: 10px;
	}
	.grwm_pad-l,
	.grwm_pad-h {
		padding-left: 10px;
	}
	.grwm_pad-b,
	.grwm_pad-v {
		padding-bottom: 10px;
	}
	.grwm_pad-t-half,
	.grwm_pad-v-half {
		padding-top: 5px;
	}
	.grwm_pad-r-half,
	.grwm_pad-h-half {
		padding-right: 5px;
	}
	.grwm_pad-l-half,
	.grwm_pad-h-half {
		padding-left: 5px;
	}
	.grwm_pad-b-half,
	.grwm_pad-v-half {
		padding-bottom: 5px;
	}


.grwm_text-small {
	font-size: 0.9em;
}
.grwm_text-h1 {
	font-size: 1.3rem;
}
.grwm_text-h2 {
	font-size: 1.2rem;
}
.grwm_text-h3 {
	font-size: 1.1rem;
}

.grwm_ui-reset {
	position: relative;
	font-size: 1rem;
	font-family: sans-serif; /* @revisit */
}

hr.grwm_hr-tight {
	margin: 0 0 10px;
}

.grwm_width-full,
.groowm-bs input.grwm_width-full,
.groowm-bs textarea.grwm_width-full,
.groowm-bs button.grwm_width-full,
.groowm-bs select.grwm_width-full,
.groowm-bs .uneditable-input.grwm_width-full {
	/* width: 98%;
	width: calc(100% - 10px); */
	width: 100%;
}

input[type="file"].grwm_droppable-input {
	opacity: 0.01;
	cursor: pointer;
}
input[type="file"].grwm_droppable-input.grwm_abs-fill {
	width: 100%;
	height: 100%;
}

.grwm_droppable-label,
label.grwm_droppable-label {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	background: repeating-radial-gradient(
	  circle,
	  HSLA(182, 100%, 70%, 0.25),
	  HSLA(182, 100%, 70%, 0.25) 1rem,
	  HSLA(187, 67%, 54%, 0.25) 1rem,
	  HSLA(187, 67%, 54%, 0.25) 2rem
	);
	border: 0rem solid HSLA(200, 100%, 40%, 1.00);
	transition: all 0.35s, height 0s;
	display: block;
	overflow: hidden;
	height: 0;
	pointer-events: none;
	z-index: 100; /* should be below modal index and other ui */
}

.grwm_is-dragging .grwm_droppable-label {
	pointer-events: auto;
	height: 100%;
	border-width: 0.25em;
}

	.grwm_droppable-label > span {
		position: absolute;
		width: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		display: inline-block;
		background: rgba(255,255,255,0.95);
		color: #000;
		padding: 0.25em 0.5em;
		border: 0.25rem solid HSLA(200, 100%, 40%, 1.00);
		font-weight: bold;
		transition: all 0.35s;
	}

	.grwm_droppable-label.grwm_dragging-over {
		border-color: HSLA(200, 100%, 20%, 1.00);
		border-width: 0.5em;
		background: repeating-radial-gradient(
		  circle,
		  HSLA(182, 100%, 70%, 1),
		  HSLA(182, 100%, 70%, 1) 1rem,
		  HSLA(187, 67%, 54%, 1) 1rem,
		  HSLA(187, 67%, 54%, 1) 2rem
		);
	}
	.grwm_droppable-label.grwm_dragging-over span {
		border-color: HSLA(200, 100%, 20%, 1.00);
	}

[data-vault-object] {
	user-select: text;
}

.modal-body .fields > div > div + div {
	margin-top: 1.5em;
}

.grwm_screenreader_only {
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap; /* added line */
}

.grwm_flexwrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}

	.grwm_flexwrap > * {
		flex: 1 1 auto;
	}
	.grwm_flexwrap-pad > * {
		padding: 10px;
	}

.grwm_flexy,
.grwm_flexy-contain {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}

.grwm_flexy-contain {
	flex-wrap: nowrap;
}

.groowm-bs [class*=grwm_flexy] > * + p {
	margin: 0;
}

.groowm-bs .grwm_flexMe {
	flex: 1 1 auto;
}

.groowm-bs .vault_video_editmode {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.groowm_edit_mode .vault_video_editmode-handle {
	background-color: rgba(0,0,0,0.75) !important;
	color: #fff;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.3s;
}
.groowm_edit_mode [data-meta-type="vault_video"]:focus .vault_video_editmode-handle,
.groowm_edit_mode [data-meta-type="vault_video"]:hover .vault_video_editmode-handle,
.groowm_edit_mode .groowm_module_active .vault_video_editmode-handle {
	opacity: 1;
}


.DataList {

}

.reaper_p-r {
	position:relative;
}

.groowm-bs .vbr_next, 
.groowm-bs .vbr_prev {
	padding: 0.25em 1.5em;
	display: inline-block;
}

@media only screen and (max-width: 768px) {
	.grwm_vaultBrowse-wrap .DataList thead {
		display: none;
	}
	.grwm_vaultBrowse-wrap .DataList tbody tr,
	.grwm_vaultBrowse-wrap .DataList tbody td {
		width: 100%;
		max-width: 100%;
		display: block;
		box-sizing: border-box;
		word-break: break-word;
	}
	.grwm_vaultBrowse-wrap .DataList tbody tr td:nth-child(1) {
		width: 100%;
	}
	.grwm_vaultBrowse-wrap .DataList tbody tr {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid rgba(0,0,0,0.5);
	}
}