/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Setup */

body {
	background: #F1F1F1;
	color: #444;
	font: 0.8em/1.5em 'Open Sans', sans-serif;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Common Elements */

img {
	max-width: 100%;
	height: auto;
}
a {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #F56D01;
	-webkit-transition: ease all 0.2s;
	transition: ease all 0.2s;
}
button, input[type="button"] {
	border: none;
}
buton:hover, input[type="button"]:hover {
	border:none;
}
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
select,
textarea {
	border: solid 1px #DDD;
	font: 1em/1.5em 'Open Sans', sans-serif;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
    resize:none;
}
input.btn,
button.btn,
a.btn {
	background: #F56D01;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	display: inline-block;
	padding: 10px 20px;
	margin: 0;
	border: none;
	cursor: pointer;
	font: 1em/1.5em 'Open Sans', sans-serif;
	-webkit-transition: ease all 0.2s;
	transition: ease all 0.2s;
}
input.btn:hover,
button.btn:hover,
a.btn:hover {
	background: #222;
}
sup {
	vertical-align: super;
	font-size: smaller;
	display: inline-block;
}
strong, b {
    font-weight:bold;
}
option.archived {
    color: lightgrey;
}

/* Useful Classes */

.ease {
	-webkit-transition: ease all 0.2s;
	transition: ease all 0.2s;
}
.clear {
	clear: both;
}
.green {
	color: #4CA25A;
}
.cf:before,
.cf:after {
	display: table;
	content: " ";
}
.cf:after {
	clear: both;
}
.inline-block {
	display:inline-block;
}
.dropzone .fallback {
    display: none;
}

/* Header */

.header {
	color: #FFF;
	background: #222;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-bottom: solid 1px #4D4D4D;
}
	.header-logo,
	.header-create-new,
	.header-search,
	.header-user,
	.header-help {
		float: left;
		padding: 10px 20px;
		position: relative;
		border-right: solid 1px #4D4D4D;
		background: url('/img/b.png') repeat-y right top;
	}
	.header-logo {
		padding: 8px 16px;
	}
	.header-user,
	.header-upload,
	.header-atm-upload,
	.header-atm-requests,
	.header-help {
		float: right;
	}
	.header-search {
		padding-top: 15px;
	}
	.header-upload,
	.header-atm-upload,
	.header-atm-requests {
		padding: 9px 0px 4px 0px;
	}
		.header-upload .dropzone,
		.header-atm-upload .dropzone,
		.header-atm-requests .dropzone
		{
			min-height: 0;
			background: none;
			padding: 0;
			border: none;
		}
			.header-upload .dropzone.dz-drag-hover,
			.header-atm-upload .dropzone.dz-drag-hover,
			.header-atm-requests .dropzone.dz-drag-hover {
				border: solid 2px #0DA1E7;
			}
				.header-upload .dropzone.dz-drag-hover .header-upload-div,
				.header-atm-upload .dropzone.dz-drag-hover .header-atm-upload-div,
				.header-atm-requests .dropzone.dz-drag-hover .header-atm-requests-div {
					color: #0DA1E7;
				}

        .header-upload-div,
		.header-atm-upload-div,
		.header-atm-requests-div {
            text-align: center;
            cursor: pointer;
            color: #A8A8A8;
        }
            .header-upload-div-image,
			.header-atm-upload-div-image,
			.header-atm-requests-div-image {
			    display: inline-block;
                font-size: 3em;
                vertical-align: middle;
		    }
            .header-upload-div-text,
			.header-atm-upload-div-text,
			.header-atm-requests-div-text {
			    font-size: 0.9em;
                display: inline-block;
                max-width: 60px;
                line-height: normal;
                vertical-align: middle;
		    }

	@media screen and (max-width: 1500px) {
		.header-create-new,
		.header-search,
		.header-user,
		.header-help {
			padding: 10px 15px; 	
		}
		.header-logo {
			padding: 8px 16px;
		}
		.header-search {
			padding: 15px;
		}
	}
	@media screen and (max-width: 640px) {
		.header {
			background: #F1F1F1;
			border: none;
			position: relative;
		}
			.header-logo,
			.header-create-new,
			.header-search,
			.header-user,
			.header-help {
				float: none;
				height: auto!important;
				background: none;
				border: none;
			}
	}	

	/* Navicon */

	.header-navicon {
		display: none;
	}

	@media screen and (max-width: 640px) {
		.header-navicon {
			display: block;
			position: absolute;
			top: 16px;
			left: 20px;
			font-size: 2em;
			line-height: 1em;
			color: #F56D01;
			cursor: pointer;
		}
	}

	/* Logo */

	.header-logo:hover {
		background-color: #555;
	}

    @media screen and (max-width: 1920px) {
        .header-upload,
		.header-atm-upload,
		.header-atm-requests
		{
            width: 38%;
            max-width: 880px;
        }
    }
    @media screen and (max-width: 1680px) {
		.header-upload,
		.header-atm-upload,
		.header-atm-requests {
			width: 30%;
			max-width: 640px;
		}
    }
    @media screen and (max-width: 1600px) {
		.header-upload,
		.header-atm-upload,
		.header-atm-requests {
			width: 26%;
			max-width: 560px;
		}
    }
	@media screen and (max-width: 1500px) {
		.header-upload,
		.header-atm-upload,
		.header-atm-requests {
			width: 25%;
			max-width: 498px;
		}

        .header-logo-image {
			width: 225px;
			/*padding-top: 7px;*/
		}
	}
    @media screen and (max-width: 1356px) {
		.header-upload,
		.header-atm-upload,
		.header-atm-requests {
			width: 18%;
			max-width: 356px;
		}
    }
    @media screen and (max-width: 1280px) {
		.header-upload,
		.header-atm-upload,
		.header-atm-requests {
			width: 13%;
			max-width: 280px;
		}
    }
    @media screen and (max-width: 1024px) {
		.header-upload,
		.header-atm-upload,
		.header-atm-requests {
			width: 4%;
			max-width: 159px;
		}
		.header-upload-div span,
		.header-atm-upload-div span,
		.header-atm-requests-div span {
			display: none;
		}
    }
	@media screen and (max-width: 900px) {
		.header-logo-image {
			width: auto;
			padding: 0;
		}
	}
	@media screen and (max-width: 640px) {
		.header-logo {
			margin: 0 75px;
			display: block;
		}
			.header-logo-image {
				display: block;
				margin: 0 auto;
			}
			.header-logo:hover {
				background: none;
			}
	}

	/* Create New */

	.header-create-new {
		cursor: pointer;
		position: static;
	}
	.header-create-new:hover,
	.header-create-new.is-active {
		background-color: #555;
	}
		.header-create-new-link {
			margin-top: 5px;
		}			
			.header-create-new-link-image,
			.header-create-new-link-text,
			.header-create-new-link-icon {
				display: inline-block;
				vertical-align: middle;				
				margin-top: 5px;
			}
			.header-create-new-link-image {
				width: 20px;
				height: auto;
			}
			.header-create-new-link-text {
				margin: 5px 10px 0 10px;
				color: #FFF;
				font-weight: 700;
                min-width: 74px;
			}
			.header-create-new-link-icon {
				color: #F56D01;
			}
		.header-create-new-nav {
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			background: #FFF url('/img/w-triangle.png') no-repeat bottom;
			padding: 10px 0;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
			box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
			padding: 15px;
			overflow: hidden;
			z-index: 999;
		}
			.header-create-new-nav-block {
				float: left;
				width: 15%;
				margin: 0 5% 15px 0;
				overflow: hidden;
			}
				.header-create-new-nav-block-image {
					float: left;
					margin-right: 5%;
					width: 20%;
					color: #251B19;
				}
				.header-create-new-nav-block-header,
				.header-create-new-nav-block-list {
					float: right;
					width: 75%;
				}
				.header-create-new-nav-block-header {
					color: #251B19;
					font-weight: 600;
					font-size: 1.2em;
					padding-bottom: 10px;
					border-bottom: solid 1px #E0E0E0;
					margin-bottom: 10px;
				}
			.header-create-new-nav-block-list-item-link {
				color: #251B19;
				overflow: hidden;
			}
			.header-create-new-nav-block-list-item-link:hover {
				color: #F56D01;
			}

	@media screen and (max-width: 1200px) {
		.header-create-new-link-text {
			font-size: 1em;
			font-weight: 600;
		}
	}
	@media screen and (max-width: 1200px) {
		.header-create-new-nav-block {
			width: 20%;
		}
	}
	@media screen and (max-width: 955px) {
		.header-create-new-link-text-inner {
			display: none;
		}
	}
	@media screen and (min-width: 641px) and (max-width: 851px) {
		.header-create-new-link-image {
			display: none;
		}
		.header-create-new-link-text {
			margin-left: 0;
		}
	}
	@media screen and (max-width: 640px) {
		.header-create-new {
			border-top: solid 1px #D5D5D5;
			border-bottom: solid 1px #D5D5D5;
			margin-top: 5px;
			padding: 10px 15px 15px 15px;
			text-align: center;
		}
		.header-create-new:hover,
		.header-create-new.is-active {
			background: none;
		}
			.header-create-new-link-text {
				color: #888;
			}
				.header-create-new-link-text-inner {
					display: inline;
				}
		.header-create-new-nav {
			padding: 15px;
		}
			.header-create-new-nav-block {
				width: 30%;
				margin-right: 3.333%;
			}
				.header-create-new-nav-block-header,
				.header-create-new-nav-block-list {
					text-align: left;
				}
	}
	@media screen and (max-width: 420px) {
		.header-create-new-nav-block {
			width: 45%;
			margin-right: 5%;
		}
	}
	@media screen and (max-width: 360px) {
		.header-create-new-nav-block {
			width: 100%;
			margin-right: 0;
			float: none;
		}
	}

	/* Search */
	.header-search-form,
	.header-search-settings {
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	.header-search-form {
		margin-right: 10px;
	}
		.header-search-form-input {
			width: 250px;
			padding: 5px 40px 5px 5px;
			border-radius: 0!important;
			border: none!important;
		}
		.header-search-form-submit {
			position: absolute;
			top: 2px;
			right: 5px;
			margin: 0;
			background: none;
			border: none;
			padding: 0;
			font-size: 1.5em;
			color: #F56D01;
		}
		.header-search-settings-image {
			color: #F56D01;
			display: block;
		}

	@media screen and (max-width: 1200px) {
		.header-search-form-input {
			width: 250px;
		}
	}
	@media screen and (min-width: 641px) and (max-width: 818px) {
		.header-search-form-input {
			width: 200px;
		}
	}

	@media screen and (max-width: 640px) {
		.header-search,
		.header-search-settings {
			float: left;
			display: block;
		}
		.header-search {
			width: 70%;
		}		
			.header-search-form {
				width: 85%;
				margin: 0;
				float: left;
			}
				.header-search-form-input {
					width: 100%;
				}	
			.header-search-settings {
				width: 15%;
			}
				.header-search-settings-image {
					margin: 5px auto 0;
				}				
	}

	/* User */

	.header-user {		
		cursor: pointer;
		border-left: solid 1px #4D4D4D;
		background-position: left top;
		position: relative;
		background: transparent;
	}
	.header-user:hover,
	.header-user.is-active {
		background-color: #555;
	}
		.header-user-user-main {
			overflow: hidden;
			min-width: 170px;
		}
			.header-user-user-main-triangle {
				position: absolute;
				bottom: -1px;
				left: 50%;
				margin-left: -12px;
				opacity: 0;
			}
			.header-user.is-active .header-user-user-main-triangle {
				opacity: 1;
			}
			.header-user-user-main-image,
			.header-user-user-main-name,
			.header-user-user-main-icon {			
				display: inline-block;
				vertical-align: middle;
			}
			.header-user-user-main-image {
					display: none;
					color: #F56D01;
					float: left;
					margin-right: 10px;
					/*border: solid 2px #FFF;*/
					border-radius: 50%;
					height: 40px;
					width: 40px;
					padding: 2px 0px 0px 6px;
					font-size: 2.3em;
			}
			.header-user-user-main-name {
				color: #FFF;
				font-weight: 600;
				max-width: 155px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				padding-top: 4px;
				line-height: 1.2em;
			}
				.header-user-user-main-name-name {
					max-width: 155px;
					margin-right: 20px;
				}
				.header-user-user-main-name-subtitle {
					max-width: 155px;
					color: #A8A8A8;
					display: block;
					font-weight: 500;
					margin-right: 20px;
					font-size: 0.8em;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			.header-user-user-main-icon {
				color: #F56D01;
			}
		.header-user-user-nav {
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			background: #FFF;
			padding: 10px 0;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
			box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
			z-index: 999;
			margin-top: 1px;

		}
			.header-user-user-nav-item {
				float: left;
				width: 33.333%;
			}
			.header-user-user-nav-item:nth-of-type(3n+4) {
				clear: both;
			}
				.header-user-user-nav-item-link {
					display: block;
					color: #666;
					overflow: hidden;
					text-align: center;
					padding: 5px;
					line-height: 1.2em;
					font-size: 0.9em;
				}
					.header-user-user-nav-item-link-count {
						float: right;
						display: block;
						width: 30px;
						background: #F56D01;
						color: #FFF;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						text-align: center;
					}
					.header-user-user-nav-item-link-i {
						background-color: #F56D01;
						min-width: 60px;
						padding: 10px;
						color: white;
					}
					.header-user-user-nav-item-link-i:hover {
						color: white;
					}
				.header-user-user-nav-item-link:hover {
					color: #F56D01;
				}

	@media screen and (max-width: 1090px) {
        .adjustToLeft > .header-user-user-nav {
            left: auto;
        }
		.header-user{
			border-left: none;
		}
			.header-user-user-main-name {
				font-size: 1em;
				line-height: 1em;
			}
				.header-user-user-main-name-name,
				.header-user-user-main-name-subtitle {
					margin-right: 10px;
				}
				.header-user-user-main-name-subtitle {
					font-size: 0.9em;
				}
			.header-user-user-main-image {
				height: 40px;
				width: 40px;
			}
	}
	@media screen and (max-width: 1090px) {
		.header-user {
			border: none;
			background: none;
		}
		   .header-user-user-main {
			min-width: initial;
		}
			.header-user-user-main-name,
			.header-user-user-main-icon {
				display: none;
			}
			.header-user-user-main-image {
				display:block;
				height: 40px;
				width: 40px;
				margin: 0;
				padding: 5px 0px 0px 10px;
			}
		.header-user-user-nav {
			right: 0;
			width: 235px;
		}
	}
	@media screen and (max-width: 640px) {
		.header-user {
			position: absolute;
			top: 10px;
			padding: 0;
			right: 10px;
		}
		.header-user-user-main {
			min-width: initial;
		}
			.header-user-user-main-image {
				height: 50px;
				width: 50px;
				padding: 8px 0px 0px 11px;
			}
		.header-user:hover,
		.header-user.is-active {
			background: none;
		}
	}

	/* Help */

	.header-help {
		background-position: left top;
	}
	.header-help:hover {
		background-color: #555;
	}
		.header-help-image {
			display: block;
			margin-top: 7px;
			color: #F56D01;
		}
	@media screen and (max-width: 1024px) {
		.header-help {
			border: none;
			background: none;
		}
	}
	@media screen and (min-width: 641px) and (max-width: 767px) {
		.header-help {
			display: none;
		}
		.header-user-user-nav {
			left: auto;			
		}
	}
	@media screen and (max-width: 640px) {
		.header-help {
			float: right;
			width: 10%;
			padding-left: 0;
		}
		.header-help:hover {
			background: none;
		}
			.header-help-image {
				margin: 5px auto 0;
			}
		.header-user-user-nav {
			left: auto;
		}
	}

/* Content */

.content {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	-webkit-user-select: text !important;
	touch-action: pan-x pan-y !important;
}
@media screen and (max-width: 640px) {
	.content {
		position: static;
		width: 100%;
		margin: 0;
		padding: 0!important;
	}
}
@media screen and (max-height: 640px) {
	.content {
		padding-bottom: 0!important;
	}
}
	/* Content Left */

	.content-left-drive {
		position: fixed;
		top: 0;
		left: 0;
		width: 75px;
		height: 100%;
		background: transparent;
		padding-top: 1px;
		z-index: 2;
		overflow: auto;
		-webkit-transition: ease all 0.4s;
		transition: ease all 0.4s;
	}
	.content-left {
		position: fixed;
		top: 0;
		left: 0;
		width: 60px;
		height: 100%;
		background: transparent;
		padding-top: 1px;
		z-index: 2;
		overflow: auto;
		-webkit-transition: ease all 0.4s;
		transition: ease all 0.4s;
	}
	.content-left.is-open {
		width: 270px;
	}
		.content-left-nav-drive {
			width: 75px;
			background: #222;
		}
		.content-left-nav {
			width: 60px;
			background: #222;
		}
			.content-left-nav-item-link-drive,
			.content-left-nav-item-link {
				display: block;
				padding: 15px 5px;
				border-left: solid 4px #222;
				border-right: solid 4px transparent;
				outline: none;
			}
			.content-left-nav-item-link-drive:hover,
			.content-left-nav-item-link:hover,
			.content-left-nav-item.is-active .content-left-nav-item-link-drive,
			.content-left-nav-item.is-active .content-left-nav-item-link {
				border-left-color: #FFF;
				border-right-color: #F56D01;
				background: #F56D01;
			}
			.content-left-nav-item-link.is-survey:hover,
			.content-left-nav-item.is-active .content-left-nav-item-link.is-survey {
				border-right-color: #27343D;
				background: #27343D;
			}		
				.content-left-nav-item-link-icon,
				.content-left-nav-item-link-text {
					color: #B4B4B4;
					display: block;
					text-align: center;
				}
				.content-left-nav-item-link-icon {
					font-size: 2.2em;
					margin-bottom: 5px;
				}
				.content-left-nav-item-link-text {
					font-weight: 700;
					font-size: 0.9em;
				}
				.content-left-nav-item-link-drive:hover .content-left-nav-item-link-icon,
				.content-left-nav-item-link-drive:hover .content-left-nav-item-link-text,
				.content-left-nav-item-link:hover .content-left-nav-item-link-icon,
				.content-left-nav-item-link:hover .content-left-nav-item-link-text,
				.content-left-nav-item.is-active .content-left-nav-item-link-icon,
				.content-left-nav-item.is-active .content-left-nav-item-link-text {
					color: #FFF;
				}

	@media screen and (max-width: 1100px) {
		.content-left-drive,
		.content-left,
		.content-left-nav {
			width: 60px;
		}
		.content-left-nav-item-link-drive,
		.content-left-nav-item-link {
			border: none;
			padding: 10px;
		}
			.content-left-nav-item-link-icon {
				font-size: 1.5em;
				margin-bottom: 5px;
			}
			.content-left-nav-item-link-text {
				font-weight: normal;
			}
	}
	@media screen and (max-width: 768px) {
		.content-left-drive,
		.content-left,
		.content-left-nav {
			width: 50px;
		}	
			.content-left-nav-item-link-drive,
			.content-left-nav-item-link {
				padding: 10px 0;
			}
				.content-left-nav-item-link-text {
					display: none;
				}
	}
	@media screen and (max-width: 640px) {
		.content-left-drive,
		.content-left {
			position: static;
			width: 100%;
			height: auto;
			z-index: 1002;
			overflow: hidden;
			padding: 0 !important;
			display: none;
		}
			.content-left-nav,
			.content-left.is-open {
				width: 100%;
			}
			.content-left-nav-drive,
			.content-left-nav {
				height: auto!important;
			}
				.content-left-nav-item:last-of-type {
					padding: 0!important;
				}
					.content-left-nav-item-link-drive,
					.content-left-nav-item-link {
						text-align: center;
					}
						.content-left-nav-item-link-icon {
							display: inline-block;
							font-size: 1em;
							margin-right: 5px;
						}
						.content-left-nav-item-link-text {
							display: inline-block;
						}
	}

	/* Content Left Sub */

	.content-left-sub {
		position: absolute;
		left: 60px;
		top: 0;
		overflow: hidden;
		/*width: 250px;*/
		width: 0px;
		height: 100%;
		background: #F56D01;		
		overflow: auto;		
		/*-webkit-transition: ease all 0.4s;
		transition: ease all 0.4s;*/
		/*opacity: 0;*/
	}
	.content-left-sub.is-open {
		width: 210px;
		overflow: auto;
		/*opacity: 1;*/
	}
	.content-left-sub.is-survey {
		background: #27343D;
	}
		.content-left-sub-close {
			width: 100%;
			height: 20px;
			background: red;
		}
		.content-left-sub-pin {
			padding: 10px;
			overflow: hidden;
		}
			.content-left-sub-pin-slider {
				background: #B6B6B6;
				height: 20px;
				width: 45px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				position: relative;
				float: left;
				margin-right: 10px;
				cursor: pointer;
			}
				.content-left-sub-pin-slider-slide {
					background: #15131E;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					position: absolute;
					top: 2px;
					left: 2px;
					width: 16px;
					height: 16px;
					-webkit-transition: ease all 0.4s;
					transition: ease all 0.4s;
				}
				.content-left-sub-pin-status {
					float: left;
					color: #FFF;
				}
		.content-left-sub-pin-slider.is-pinned .content-left-sub-pin-slider-slide {
			left: 100%;
			margin-left: -18px
		}
		.content-left-sub-block {
			/*border-bottom: solid 1px #F97913;*/
			/*background: url('/img/o.png') repeat-x bottom left;*/
			padding-bottom: 8px;
		}
		.content-left-sub-block.is-survey {
			/*border-bottom: solid 1px #8F989E;*/
			/*background: url('/img/os.png') repeat-x bottom left;*/
		}
			.content-left-sub-block-icon {
				font-size: 1.4em;
				color: #FFF;
				padding-left: 6px;
			}
			.content-left-sub-block-title {
				font-size: 1.5em;
				padding: 10px;
				color: #FFF;
				display:inline-block;
			}
			.content-left-sub-block-list-item-link {
				padding: 3px 3px 3px 5px;
				display: block;
				color: #FFF;
				outline: none;
			}
			.content-left-sub-block-list-item-paragraph-link {
				padding: 0px 3px 3px 5px;
				color: #FFF;
				outline: none;
				display: inline-block;
				width: 80%;
			}
			.content-left-sub-block-list-item-link:hover,
			.content-left-sub-block-list-item-link.is-active,
			.content-left-sub-block-list-item-paragraph-link:hover,
			.content-left-sub-block-list-item-paragraph-link.is-active {
				color: #FFF;
				background: #D76409;
			}
			.content-left-sub-block-list-item-link.is-survey:hover,
			.content-left-sub-block-list-item-link.is-active.is-survey,
			.content-left-sub-block-list-item-paragraph-link.is-survey:hover,
			.content-left-sub-block-list-item-paragraph-link.is-active.is-survey {
				color: #FFF;
				background: #344A5B;
			}
			.content-left-sub-block-list-item-paragraph-link.has-error {
				width: 64%;
			}

			.content-left-sub-block-list-item-link-not-added {
				 font-style: italic;
			}
			.content-left-sub-block-list-item-link-added {
				 /*font-weight: bold;*/
			}
			.content-left-sub-block-list-item-link-deleted {
				text-decoration:line-through !important;
				font-style: italic;
			}
				.content-left-sub-block-list-item-link-icon,
				.content-left-sub-block-list-item-link-warning-icon {
					font-size: 1.5em;
					vertical-align: top;
					margin-right: 5px;
					width: 15px;
				}
				.content-left-sub-block-list-item-link-icon.not-added {
					color:#0DA1E7;
				}
				.content-left-sub-block-list-item-link-icon.is-added {
					color:orange;
				}
				.content-left-sub-block-list-item-link-icon.is-deleted {
					color:#0DA1E7;
				}
				.content-left-sub-block-list-item-link-warning-icon {
					margin-left: 5px;
					color: red;
				}
				.content-left-sub-block-list-item-link-text {
					padding-right: 3px;
				}

	@media screen and (max-width: 1100px) {
		.content-left.is-open {
			width: 230px;
		}
			.content-left-sub {			
				left: 60px;
			}
			.content-left-sub.is-open {
				width: 170px;
			}
				.content-left-sub-block-icon {
					font-size: 1.2em;
				}
				.content-left-sub-block-title {
					font-size: 1.1em;
					padding: 10px;
					font-weight: 600;
				}
				.content-left-sub-block-list-item-link {
					padding: 0px 0px 0px 5px;
				}
				.content-left-sub-pin {
					padding-left: 10px;
					padding-right: 10px;
				}
					.content-left-sub-block-list-item-link-icon {
						/*display: none;*/
						margin-right: 2px;
					}
	}
	@media screen and (max-width: 768px) {
		.content-left.is-open {
			width: 220px;
		}
			.content-left-sub {
				left: 50px;
			}
	}
	@media screen and (max-width: 640px) {
		.content-left-sub {
			position: static;
			width: 100%;
			margin: 0;
			padding: 0!important;
			/*background: #EEE;*/
			background: #111;
			height: 0;
			-webkit-transition: none;
			transition: none;
		}
		.content-left-sub.is-open {
			width: 100%;
			height: 100%;
		}
			.content-left-sub-pin-status {
				/*color: #222;*/
			}
			.content-left-sub-block {
				/*border-color: #DDD;*/
				border-color: #222;
				background: none;
				padding: 0;
				cursor: pointer;
			}
			.content-left-sub-block.is-active {
				padding-bottom: 20px;
			}
			.content-left-sub-block-list {
				display: none;
			}
				.content-left-sub-block-list-item-link,
				.content-left-sub-block-title {
					/*color: #444;*/
				}
				.content-left-sub-block-title::before {
					display: block;
					font-family: "FontAwesome";
					float: right;
					content: "\f054";
					-webkit-transition: ease all 0.2s;
					transition: ease all 0.2s;
				}
				.content-left-sub-block.is-active .content-left-sub-block-title::before {
					content: "\f078";
				}
	}

	/* Content Main */

	

	.content-main-drive {
		margin-left: 65px;
		-webkit-transition: ease all 0.4s;
		transition: ease all 0.4s;
	}
	.content-main-drive.mod-projects-disabled {
		margin-left: 0px;
	}
	.content-main {
		margin-left: 50px;
		-webkit-transition: ease all 0.4s;
		transition: ease all 0.4s;
        
	}
	.content-main.is-open {
		margin-left: 260px;
	}
		.content-main-header-drive {
			overflow: hidden;
			padding: 15px 15px 15px 15px;
		}
		.content-main-header {
			overflow: hidden;
			padding: 5px 15px 15px 15px;
		}
		.content-main-header.thin {
			padding-bottom:0px;
		}
			.content-main-header-h1{
				color: #ef8410;
				font-size: 22px;
			}
			.content-main-header-span{
				font-weight: bold;
			}

		.content-main-content {
			padding: 30px;
		}
			.content-main-content-h3
			{
				margin-bottom: 10px;
				font-weight: bold;
			}
			.content-main-content-h4
			{
				margin-top: 10px;
				font-weight: bold;
			}

		.content-main-footer {
			margin-top: 32px;
			text-align: left;
		}
			.content-main-footer-a:first-of-type {
				padding-left: 20px;
			}
			.content-main-footer-a {
				padding: 0 30px 0 0;
			}

		/* Dropdown */

		.content-main-dropdown {
			/*background: #E7EBED;
			border-bottom: solid 1px #888;*/
			background: #4D4D4D;
			border-bottom: solid 1px #EEE;
			padding: 2px 10px;
			overflow: hidden;
			cursor: pointer;
		}
		.content-main-dropdown-not-collapsible {
			background: #4D4D4D;
			border-bottom: solid 1px #EEE;
			padding: 2px 10px;
			overflow: hidden;
		}
        .content-main-dropdown-accordion {
            font: 0.8em/1.5em 'Open Sans', sans-serif !important;
	        font-size: 12.8px !important;
			background: #4D4D4D;
			border-bottom: solid 1px #EEE;
			padding: 2px 0px 2px 30px !important;
			overflow: hidden;
			cursor: pointer;
		}
		.content-main-dropdown.white {
			background: #FFF;
			border: 0px;
		}
		.content-main-dropdown.small {
			padding: 2px 10px;
			overflow: visible;
		}
			.content-main-dropdown-image {
				display: block;
				float: left;
				height: 26px;
				margin-right: 10px;
				font-size: 1.5em;
				color: #FFF;
				padding: 4px 0 0 0;
			}
			.content-main-dropdown-text,
			h4.content-main-dropdown-text {
				font-size: 1.2em;
				font-weight: 600;
				/*color: #000;*/
				color: #FFF;
				float: left;
				line-height: 1.75em;
			}
			h4.content-main-dropdown-text {
				font-size: 1em;
				line-height: 2.2em;
			}
            h4.content-main-dropdown-text.mod-accordion {
				line-height: 1.65em;
			}
			h5.content-main-dropdown-text {
				font-size: 1em;
				line-height: 2.2em;
				color: #616161;
				float: left;
				font-weight: 600;
			}
			.content-main-dropdown-text.is-excluded {
				color: #D3D3D3;
				font-style: italic;
			}
			.content-main-dropdown-actions,
			.content-main-drop-content-table-body-row-cell-actions {
				float: right;
			}
			.content-main-dropdown-actions.mod-content-main {
				float: left;
				padding: 5px 0px;
			}

			.content-main-dropdown-actions:after,
			.content-main-drop-content-table-body-row-cell-actions:after {
				clear: both;
			}
				.content-main-dropdown-actions-item,
				.content-main-drop-content-table-body-row-cell-actions-item {
					float: left;
					margin-right: 4px;
					position: relative;
				}
				.content-main-dropdown-actions-item-offset-right {
					margin-right:5px;
				}
					.content-main-dropdown-actions-item-dropdown {
						position: absolute;
						right: 0;
						top: 100%;
						width: 180px;
						display: none;
						background: #F56D01;
						z-index: 5;
					}
						.content-main-dropdown-actions-item-dropdown > .content-main-dropdown-actions-item {
							float: none !important;
							margin-right: 0px !important;
						}
						.content-main-dropdown-actions-item-dropdown-item-link {
							display: block;
							color: #FFF;
							padding: 5px;
							font-weight: 600;
						}
						.content-main-dropdown-actions-item-dropdown-item-link  > .content-main-drop-content-table-body-row-cell-actions-item-link-icon{
							padding-right:5px;
						}
						.content-main-dropdown-actions-item-dropdown-item-link:hover {
							color: #FFF;
							background: #EC6800;
						}
						.content-main-dropdown-actions-item-dropdown-item-link.disabled {
							pointer-events: none;
							cursor:default !important;
						}
					.content-main-dropdown-actions-item-link,
					.content-main-drop-content-table-body-row-cell-actions-item-link {
						display: block;
						padding: 2px 7px;
						cursor: pointer;
					}

					/*.content-main-dropdown-actions-item-link > .content-main-drop-content-table-body-row-cell-actions-item-link-icon,*/
					.content-main-drop-content-table-body-row-cell-actions-item-link  > .content-main-drop-content-table-body-row-cell-actions-item-link-icon{
							padding-right:5px;
					}
					.content-main-drop-content-table-body-row-cell-actions-item-link {
						padding: 2px 7px;
					}
					.content-main-dropdown-actions-item-link.edit,
					.content-main-drop-content-table-body-row-cell-actions-item-link.edit {
						background: #F56D01;
						border:none;
					}
                    .ui-state-active .content-main-dropdown-actions-item-link.edit {
						background: #4D4D4D;
						border:none;
					}
					.content-main-dropdown-actions-item-link.new-section,
					.content-main-drop-content-table-body-row-cell-actions-item-link.new-section {
						background: #F56D01;
					}
					.content-main-dropdown-actions-item-link.add-comment,
					.content-main-drop-content-table-body-row-cell-actions-item-link.add-comment {
						background: #F56D01;
					}
					.content-main-dropdown-actions-item-link.clone {
						background: #F56D01;
					}
                    .content-main-dropdown-actions-item-link.grey {
						background: #A8A8A8;
					}
                    .content-main-dropdown-actions-item-link.add {
						background: green;
					}
                    .content-main-dropdown-actions-item-link.share {
						background: #999;
					}
					.content-main-dropdown-actions-item-link.red {
						background: red;
					}
                    .content-main-dropdown-actions-item-link.share .content-main-dropdown-actions-item-link-icon{
						font-size: 1.5em;
					}
					.content-main-dropdown-actions-item-link.delete,
					.content-main-drop-content-table-body-row-cell-actions-item-link.delete {
						background: #F56D01;
					}
                    .content-main-drop-content-table-body-row-cell-actions-item-link.allowed {
						background-color: green;
					}
                    .content-main-drop-content-table-body-row-cell-actions-item-link.denied {
						background-color: red;
					}
                    .content-main-drop-content-table-body-row-cell-actions-item-link.inherited {
						background-color: grey;
					}
					.content-main-dropdown-actions-item-link:hover,
					.content-main-drop-content-table-body-row-cell-actions-item-link:hover {
						opacity: 0.85;
					}
						.content-main-dropdown-actions-item-link-icon,
						.content-main-drop-content-table-body-row-cell-actions-item-link-icon {
							color: #FFF;
						}
                        .content-main-drop-content-table-body-row-cell-actions-item-link-stacked-icon {
							color: #FFF;
                            font-size: 8px;
                            margin-bottom: 1px;
						}
						.content-main-dropdown-actions-item-link-text,
						.content-main-drop-content-table-body-row-cell-actions-item-link-text {
							font-weight: 700;
							color: #FFF;
						}
						.content-main-dropdown-actions-item-link-icon.big{
							font-size: 1.4em;
						}
			.fa-exclamation {
				padding-top: 1px;
			}
            .fa-ban {
				color: darkred;
			}
			.content-main-dropdown-icon-warning {
				color: red;
				font-size: 1.5em;
				/*margin-left: 10px;
				margin-top: 5px;*/
				float:left;
			}
			.content-main-dropdown-icon-warning.mod-float-none {
				float:none;
			}
			.content-main-dropdown-icon-insection-warning {
				color: #F37921;
				font-size: 1.5em;
				/*margin-left: 10px;
				margin-top: 5px;*/
				float:left;
			}
            .content-main-dropdown-icon-warning-unsaved-changes {
				color: red;
				font-size: 2.5em;
				margin-right: 10px;
				float:left;
			}
            .content-main-dropdown-icon-document-sharing-green {
                color: green;
                font-size: 1.5em;
                float: left;
                margin-right: 5px;
            }
            .content-main-dropdown-icon-document-sharing-red {
                color: red;
                font-size: 1.5em;
                float: left;
                margin-right: 5px;
            }
			.content-main-dropdown-icon-warning-text {
				color: white;
				font-style: italic;
			}
			.content-main-dropdown-icon {
				float: right;
				color: #F37921;
				font-size: 2em;
				margin-left: 10px;
				cursor: pointer;
			}
			.white > .content-main-dropdown-icon {
				float: left;
				margin-left: 0px;
				margin-right: 10px;
			}
			.content-main-dropdown.small .content-main-dropdown-icon {
				margin-left: 10px;
			}
			.content-main-dropdown.is-active .content-main-dropdown-icon {
				-webkit-transform: rotate(-90deg);
				transform: rotate(-90deg);
			}
            .content-main-dropdown-icon.is-active {
				-webkit-transform: rotate(-90deg);
				transform: rotate(-90deg);
			}
            .content-main-dropdown-icon-arrow {
				color: #F37921;
				font-size: 5em;
				margin-left: 10px;
				cursor: pointer;
			}
            .content-main-dropdown-icon-arrow.disabled {
				color: grey;
                cursor: auto;
			}
			.content-left-sub-block-list-item-content {
				display: none;
				padding-left:15px
			}
				.content-left-sub-block-list-item-content-item {
				   color: #FFF;
				   padding: 3px 5px;
				   padding-right: 0px;
				}
				.content-left-sub-block-list-item-content-item.is-survey:hover {
					color: #FFF;
					background: #344A5B;
				}
					.content-left-sub-block-list-item-content-item-empty-span {
					   padding-left: 20px;
					}
					.content-left-sub-block-list-item-content-item-link {
						color: #FFF;
						outline: none;
						display: inline-block;
						width: 80%;
					}
					.content-left-sub-block-list-item-content-item-link:hover,
					.content-left-sub-block-list-item-content-item-link.is-active {
						color: #FFF;
						background: #D76409;
					}
					.content-left-sub-block-list-item-content-item-link.is-survey:hover,
					.content-left-sub-block-list-item-content-item-link.is-active.is-survey {
						color: #FFF;
						background: #344A5B;
					}
					.content-left-sub-block-list-item-content-item-link-added {
						/*font-weight: bold;*/
					}

		@media screen and (max-width: 768px) {
			.content-main-dropdown-actions-item-link-text,
			.content-main-drop-content-table-body-row-cell-actions-item-link-text {
				display: none;
			}
			.content-main-dropdown-actions-item-link-icon,
			.content-main-drop-content-table-body-row-cell-actions-item-link-icon {
				width: 15px;
				text-align: center;
			}
			.element-slider-content-main-drop-content-actions-item-link-icon {
				width: 15px;
				text-align: center;
			}
			.fa-exclamation {
				padding-top: 2px;
			}
		}

		@media screen and (max-width: 767px) {
			.content-main-drop-content-table {
				border-bottom: solid 1px #DDD
			}
		}

        @media screen and (max-device-height: 768px) {
			.content-main-drive,
			.content-main {
				padding-bottom: 31px;
			}
		}

		@media screen and (max-width: 640px) {
			.content-main-drive,
			.content-main {
				padding: 0 !important;
				margin: 0;
			}
				.content-main-dropdown-image {
					margin: 0 10px 10px 0;
				}
				.content-main-dropdown-text {
					margin-bottom: 10px;
					font-size: 1.2em;
					padding-top: 4px;
				}
				.content-main-dropdown-actions {
					float: none;
					clear: both;
				}
					.content-main-dropdown-actions-item-link {
						overflow: hidden;
					}
						.content-main-dropdown-actions-item-link-icon,
						.content-main-dropdown-actions-item-link-text {
							display: block;
							float: left;
						}
						.content-main-dropdown-actions-item-link-icon {
							padding-top: 4px;
							margin-right: 5px;
						}
		}

		/* Drop Content */
        
		.content-main-drop-content {
			padding: 1px 15px 30px 10px;
			position: relative;
			background: #FFF;
			border-bottom: 1px solid #eee;
			box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
			margin: 5px 5px 5px 5px;
			min-height: 31px;
		}
            .content-main-drop-content-photo-album {
                border: 1px solid #bbb;
            }
                .content-main-drop-content-photo-album-image {
                    margin: 1px 0px 0px 1px;
                }
				.content-main-drop-content-photo-album-image.mod-unselected {
                    cursor:pointer;
                   border: 3px solid #fff;
                }
                .content-main-drop-content-photo-album-image.mod-selected {
                    cursor:pointer;
                    border: 3px solid #ff8c00;
                }
        .content-main-drop-content-accordion {
            font: 0.8em/1.5em 'Open Sans', sans-serif !important;
	        font-size: 12.8px !important;
			padding: 1px 15px 5px 10px !important;
			position: relative;
			background: #FFF !important;
			border-bottom: 1px solid #eee;
			box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
			margin: 5px 5px 5px 5px;
			min-height: 31px;
		}

		.content-main-drop-content.thin {
			margin-bottom: 5px;
			padding-bottom: 5px;
		}
        .content-main-drop-content.fat {
			margin-bottom: 15px;
		}
        .content-main-drop-content.buttons {
			padding-top: 5px;
            padding-bottom: 5px;
		}
            .content-main-drop-content-rolodex {
                display:inline-block;
                width:79%
            }
            .content-main-drop-content-search-field {
                display:inline-block;
                width:20%
            }
			.content-main-drop-content.no-border {
				border-bottom: 0px;
				box-shadow: none;
			}
            .content-main-drop-content-button {
				background: #A8A8A8;
				padding: 6px;
				display: inline-block;
				color: #FFF;
				font-weight: 600;
                width: 40%;
                cursor:pointer;
			}
			.content-main-drop-content-button:hover {
				opacity: 0.85;
			}
            .content-main-drop-content-button.selected {
				background: #F56D01;
			}
            .content-main-drop-content-button-stacked-icon {
				color: #FFF;
                font-size: 1.5em;
                margin-bottom: 1px;
			}
            .content-main-drop-content-button-text {
				white-space: normal;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                width: 70%;
                font-size: 13px;
			}
		.content-main-drop-content-last {
			margin-bottom:25px;
		}
		.content-main-tab-contents {
			padding-bottom: 120px;
		}
			.content-main-tab-contents-tab {
				display: none;
			}
			.content-main-drop-content-edit-icon,
			.content-main-drop-content-delete-icon {
				/*position: absolute;*/
				top: 4px;
				right: 5px;
				z-index: 4;
				padding: 9px 10px;
				background: #F56D01;
				color: #FFF;
				cursor: pointer;
				float:right;
			}
			.content-main-drop-content-delete-icon {
				/*right: 38px;*/
				margin-right: 3px;
			}
			.content-main-tab-contents-tab.active {
				display: block;
			}
			.content-main-drop-content-new {
				position: absolute;
				bottom: 0px;
				right: 0px;
				height: 30px;
				width: 30px;
				border-radius: 50%;
				cursor: pointer;
				background: #AAA;
				z-index: 4;
			}
			.content-main-drop-content-new.active {
				background: #5A5A5A;
			}
				.content-main-drop-content-new-icon {
					color: #FFF;
					font-size: 15px;
					padding: 8px 9px;
				}
			.content-main-drop-content-new-menu {
				background: #F56D01;
				position: absolute;
				top: 100%;
				right: 0;
				display: none;
				z-index: 6;
			}
				.content-main-drop-content-new-menu > .content-main-dropdown-actions-item {
					float: left !important;
				}

				.content-main-drop-content-new-menu-item {
					float: left;
				}
					.content-main-drop-content-new-menu-item-link {
						display: block;
						color: #FFF;
						text-align: center;
						padding: 10px;
					}
					.content-main-drop-content-new-menu-item-link:hover {
						color: #FFF;
					}
                    .content-main-drop-content-new-button-item-link {
						display: block;
						color: #FFF;
						text-align: center;
						padding: 8px 6px 8px 8px;
					}
						 .content-main-drop-content-new-menu-item-link > .content-main-drop-content-table-body-row-cell-actions-item-link-icon,
                         .content-main-drop-content-new-button-item-link > .content-main-drop-content-table-body-row-cell-actions-item-link-icon {
							display: block !important;
							margin-bottom: 5px !important;
							font-size: 24px !important;
						 }
						.content-main-drop-content-new-menu-item-link-icon {
							display: block;
							margin-bottom: 5px;
							font-size: 24px;
						}
						.content-main-drop-content-new-menu-item-link > .content-main-drop-content-table-body-row-cell-actions-item-link-text
                        .content-main-drop-content-new-button-item-link > .content-main-drop-content-table-body-row-cell-actions-item-link-text {
							font-weight: 600 !important;
						}
						.content-main-drop-content-new-menu-item-link-text {
							font-weight: 600;
						}
			.content-main-tab-contents-tab-block {
				margin-bottom: 0;
			}
			.content-main-tab-contents-tab-block:last-of-type {
				margin-bottom: 0;
			}
			.content-main-drop-content-actions {
				float:right;
			}
			.element-actions {
				padding-top: 3px;
				position: relative;
			}
				.element-edit-actions {
					float:left;
				}
				.element-slider { 
					position:absolute; 
					display: none; 
					white-space:nowrap;
					overflow-x:hidden;
					overflow-y:hidden;
					float:left;
					background: lightgrey;
					/*z-index:999;*/
				}
					.element-slider-content-main-drop-content-actions-item-link {
					}
						.element-slider-content-main-drop-content-actions-item-link-icon {
							top: 4px;
							right: 5px;
							z-index: 4;
							padding: 8.5px 9px;
							background: #616161;
							color: #FFF;
							cursor: pointer;
							margin-right: 3px;
							font-size: 1.2em;
							width: 31.1719px
						}
					.content-main-drop-content-actions-item-link {

					}
					.content-main-drop-content-actions-item-link.disabled {
						pointer-events: none;
						cursor:default !important;
					}
					.content-main-drop-content-actions-item-link > .content-main-drop-content-table-body-row-cell-actions-item-link-icon {
						top: 4px;
						right: 5px;
						z-index: 4;
						padding: 8.5px 9px;
						background: #F56D01;
						color: #FFF;
						cursor: pointer;
						margin-right: 3px;
						font-size: 1.2em;
						width: 31.1719px
					}
					.content-main-drop-content-actions-item-link > .content-main-drop-content-table-body-row-cell-actions-item-link-icon.fa-comments {
						background: #0DA1E7;
					}
					.content-main-drop-content-actions-item-link.disabled .fa-chevron-up,
					.content-main-drop-content-actions-item-link.disabled .fa-chevron-down,
					.content-main-dropdown-actions-item-dropdown-item-link.disabled .fa-caret-up,
					.content-main-dropdown-actions-item-dropdown-item-link.disabled .fa-caret-down,
					.content-main-dropdown-actions-item-dropdown-item-link.disabled .fa-level-up,
					.content-main-dropdown-actions-item-dropdown-item-link.disabled .fa-level-down,
					.content-main-dropdown-actions-item-dropdown-item-link.disabled .content-main-drop-content-table-body-row-cell-actions-item-link-text {
						color: grey;
					}
			.content-main-drop-content-inner {
				min-height: 50px;
			}
			.content-main-drop-content-inner-images-item {
				float: left;
				width: 24%;
				margin: 0 1% 10px 0;
				box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
				padding: 10px;
				position: relative;
			}
			.content-main-drop-content-inner-images-item.map-image {
				float: none;
				margin: 0 auto;
			}
			.content-main-drop-content-inner-images-item.two-in-a-row {
				width: 40%;
			}
			.content-main-drop-content-inner-images-item.two-in-a-row:nth-of-type(2n+1) {
				clear: both;
			}
			.content-main-drop-content-inner-images-item:nth-of-type(4n+5) {
				clear: both;
			}
				.content-main-drop-content-inner-title {
					font-weight: bold;
				}
                .content-main-drop-content-inner-images-item-list-item-caption {
                    min-height: 19px;
                    cursor: pointer;
                }
			.paragraph-text ul {
				list-style-type: disc;
				list-style-position: inside;
				margin-left: 0px;
				padding-left: 1em;
				text-indent: -1em;
			}
			.content-main-drop-content-paragraph {
				margin-bottom:0px;
			}
			.content-main-drop-content-paragraph-edit-mode {
				background-color:lightgray;
				border: 2px solid gray;
			}
			.content-main-drop-content-paragraph-proposal {
				background:#CCC;
			}
			.content-main-drop-content-paragraph-checked-good {
				background: #C0FFC0 none repeat scroll 0 0;
			}
			.content-main-drop-content-paragraph-checked-bad {
				border: 3px solid red;
				background: #FFE0E0 none repeat scroll 0 0;
			}
			.content-main-drop-content-paragraph-hasbeen-edited {
				background: #FFFFAF none repeat scroll 0 0;
			}
			.content-main-drop-content-paragraph-author-hasnot-edited {
				background: red;
				color: White;
			}
			.content-main-drop-content-paragraph-must-check-sensitive {
				border: 3px solid red;
			}
			.content-main-drop-content-paragraph-author-must-edit-border {
				border: 3px solid blue;
			}

			.content-main-drop-content-section-checked-good {
				border: 3px solid green;
				/*background: #C0FFC0 none repeat scroll 0 0;*/
			}
			.content-main-drop-content-section-checked-bad {
				border: 3px solid red;
				/*background: #FFE0E0 none repeat scroll 0 0;*/
			}
			.content-main-drop-content-section-hasbeen-edited {
				border: 3px solid yellow;
				/*background: #FFFFAF none repeat scroll 0 0;*/
			}

			@media screen and (max-width: 910px) {
				.content-main-drop-content-inner-images-item {
					width: 32%;
				}
				.content-main-drop-content-inner-images-item:nth-of-type(4n+5) {
					clear: none;
				}
				.content-main-drop-content-inner-images-item:nth-of-type(3n+4) {
					clear: both;
				}
			}
			@media screen and (max-width: 768px) {
				.content-main-drop-content-inner-images-item {
					width: 49%;
				}
				.content-main-drop-content-inner-images-item:nth-of-type(3n+4) {
					clear: none;
				}
				.content-main-drop-content-inner-images-item:nth-of-type(2n+3) {
					clear: both;
				}
			}
			@media screen and (max-width: 500px) {
				.content-main-drop-content-inner-images-item, .content-main-drop-content-inner-images-item.two-in-a-row {
					width: 100%;
					float: none;
					margin-right: 0;
				}
			}
				.content-main-drop-content-inner-images-item-icon {
					float: right;
					padding: 5px 7px;
					background: #FFF;
					color: #F56D01;
					cursor: pointer;
					font-size: 1.4em;
				}
				.content-main-drop-content-inner-images-item-icon.active {
					color: #FFF;
					background: #F56D01;
				}
				.content-main-drop-content-inner-images-item-list {
					z-index: 1;
					position: absolute;
					display: none;
					top: 37px;
					right: 10px;
					width: 200px;
					background: #F56D01;
				}
					.content-main-drop-content-inner-images-item-list-item-link {
						display: block;
						padding: 5px 10px;
						color: #FFF;
						font-weight: 600;
					}
						.content-main-drop-content-inner-images-item-list-item-link.workflowbutton {
							padding: 2px 7px;
							background: #F56D01;
						}
					.content-main-drop-content-inner-images-item-list-item-link:hover {
						opacity: 0.85;
					}
				.content-main-drop-content-inner-images-item-image {
					display: block;
					margin-bottom: 10px;
					clear: both;
				}


		/* Normal */
		.content-main-header-project-info {
			display:inline-block;
		}
			.content-main-header-heading-drive {
				font-weight: bold;
				color: #F37921;
				font-size: 2em;
			}
			.content-main-header-project-name-drive {
				color: #251B19;
				font-size: 1.4em;
				font-weight: bold;
				margin: 10px 0px 0px;
			}
			.content-main-header-contact-name-drive {
				color: #251B19;
				font-size: 1.1em;
				margin: 5px 0px 0px;
			}
			.content-main-header-heading {
				font-weight: 600;
				color: #F37921;
				font-size: 1.1em;
				margin-bottom: 3px;
			}
			.content-main-header-project-name {
				color: #251B19;
				font-size: 1em;
				font-weight: 600;
				/*margin-bottom: 3px;*/
			}
				.content-main-header-project-name-clean {
					margin-right: 40px;
				}
            .content-main-header-organisation-name {
				color: #251B19;
				font-size: 1em;
				font-weight: 600;
				margin: 10px 0 5px 0;
                display:inline-block
			}

			.content-main-header-screen-name-new {
				color: #251B19;
                font-size: 1em;
                font-weight: 600;
                margin-bottom: 5px;
                padding-left: 15px;
			}
            .content-main-header-screen-name {
				color: #251B19;
				font-size: 1.4em;
				font-weight: 600;
				margin: 10px 0px 0px;
			}
			.content-main-header-sub-heading {
				font-weight: 600;
				color: #251B19;
				font-size: 1em;
				margin-bottom: 0;
			}
				.content-main-header-sub-heading-link {
					color: #F37921;
					margin-left: 2px;
				}
					.content-main-header-sub-heading-link-icon {
						margin-right: 3px;
					}
			.content-main-header-text {
				font-size: 0.9em;
			}

			/* Tabs */

			.content-main-tabs {
				overflow: hidden;
				/*padding-top: 15px;*/
			}
				.content-main-tabs-tab,
				.content-main-tabs-tab-preview {
					float: left;
					background: #3B3B3B;
					padding: 5px 10px;
					border-right: solid 1px #FFF;
					color: #FFF;
					cursor: pointer;
					overflow: hidden;
				}
				.content-main-tabs-tab:hover,
				.content-main-tabs-tab.active,
                .content-main-tabs-tab:hover a {
					background: #4D4D4D;
				}
                .content-main-tabs-tab.active-with-table {
					background:  #767676;
				}
				.content-main-tabs-tab-preview {
					background: #F56D01;
					float: right;
					border: none;
				}
				.content-main-tabs-tab-preview-container {
					display: inline-block;
					float: right;
					/*margin-top: 20px;*/
				}   
                    .content-main-tabs-tab a {
					    float: left;
					    background: #3B3B3B;
					    color: #FFF;
					    cursor: pointer;
				    }
					.content-main-tabs-tab-preview-container-button {
						background: #F56D01;
						margin-bottom: 5px;
						padding: 6px;
						display: inline-block;
						color: #FFF;
						font-weight: 600;
					}

					.content-main-tabs-tab-preview-link {
						display: block;
						color: #FFF;
						font-weight: 600;
					}
					.content-main-tabs-tab-preview-container-button:hover,
					.content-main-tabs-tab-preview-link:hover {
						color: #FFF;
						background: #EC6800;
					}
					.content-main-tabs-tab-validation {
						display: block;
						height: 14px;
						width: 14px;
						float: left;
						margin: 4px 7px 4px 0;
					}
					.content-main-tabs-tab-validation.true {
						background: #22BB22;
					}
					.content-main-tabs-tab-validation.false {
						background: #F80000;
					}
                    .content-main-tabs-tab-validation.grey {
						background: #A8A8A8;
					}
						.content-main-tabs-tab-validation-icon {
							width: 17px;
							height: 15px;
							line-height: 8px;
						}
							.content-main-tabs-tab-validation-icon-warning {
								color: #F37921;
								font-size: 1.3em;
							}
                            .content-main-tabs-tab-validation-icon-warning.alert {
								color: red;
							}
					.content-main-tabs-tab-icon {
						margin: 3px 10px 3px 0;
					}
					.content-main-tabs-tab-icon,
					.content-main-tabs-tab-text {
						float: left;
					}
			
			/* Form Drop */

			.content-main-drop-content-form {
				overflow: hidden;
				padding-top: 5px;
			}
			.content-main-drop-content-form.border-top {
				border-top: 1px solid #DDD;
				padding-top: 10px;
			}
				.content-main-drop-content-form-fieldset {
					float: left;
					width: 45%;
					margin-right: 5%;
					overflow: hidden;
					margin-bottom: 3px;
				}
				.content-main-drop-content-form-fieldset.thin {
					margin-bottom: 0px;
				}
				.content-main-drop-content-form-fieldset.one-third {
					width: 30%;
					margin-right: 2.5%;
				}
				.content-main-drop-content-form-fieldset.two-thirds {
					width: 65%;
					margin-right: 2.5%;
				}
                .content-main-drop-content-form-fieldset.mod-whole-row {
                    width: 95%;
                    overflow: initial;
                }
			   
				.content-main-drop-content-form-fieldset:nth-of-type(2n+3) {
					clear: both;
				}
					
					.content-main-drop-content-label-fieldset {
						float: left;
						width: auto;
						margin-right: 1%;
						overflow: hidden;
						text-align:right;
					}
                    .content-main-drop-content-label-fieldset.mod-whole-row {
                        margin-right: 0.5%;
                    }
					.content-main-drop-content-label-fieldset.project-roles {
						width: 56%;
						text-align: left;
					}
					.content-main-drop-content-label-fieldset.project-roles-client {
						text-align: left;
						padding-left: 56px;
					}
						.content-main-drop-content-label-fieldset-label {
							width: 100%;
							height: 23px;
							float: left;
							overflow: hidden;
							padding: 3px 5px;
							margin: 0;
							clear: both;
							margin-bottom: 8px;
						}
                        .content-main-drop-content-label-fieldset-label.badged-operative-name {
							font-weight: bold;
                            font-family: Verdana;
                            font-size: 10pt;
                            text-align:left;
						}
                        .content-main-drop-content-label-fieldset-label.bauder-info {
							font-family: Verdana;
                            font-size: 8pt;
                            text-align:left;
						}
                        .content-main-drop-content-label-fieldset-label.text-info {
							font-family: Verdana;
                            font-size: 6pt;
                            text-align:left;
						}
                        .content-main-drop-content-label-fieldset-label.mod-sup {
							padding-top: 0px;
						}
                        .content-main-drop-content-label-fieldset-img {
							overflow: hidden;
							padding: 3px 5px;
							margin: 0;
							clear: both;
							margin-bottom: 8px;
                            float:left;
						}
					.content-main-drop-content-input-fieldset {
						width: auto;
						overflow: hidden;
					}
                    .content-main-drop-content-input-fieldset.mod-whole-row {
						overflow: initial;
					}
						.content-main-drop-content-input-fieldset-input,
						.content-main-drop-content-input-fieldset-select,
						.content-main-drop-content-input-fieldset-datepicker {
							width: 100%;
							height: 23px;
							padding: 0px 5px;
							margin: 0;
							clear: both;
							margin-bottom: 8px;
						}
						.content-main-drop-content-input-fieldset-multiselect {
							margin-bottom: 8px;
						}
						.content-main-drop-content-input-fieldset-input.readonly,
                        .content-main-drop-content-input-fieldset-datepicker.readonly,
						.content-main-drop-content-input-fieldset-select.readonly,
                        .content-main-drop-content-input-fieldset-input.alwaysreadonly,
                        .content-main-drop-content-input-fieldset-datepicker.alwaysreadonly,
						.content-main-drop-content-input-fieldset-select.alwaysreadonly {
							background-color: #ddd;
							border: solid 1px #999;
							opacity: inherit;
						}
                        .content-main-drop-content-input-fieldset-input.readonly-white {
							background-color: inherit;
							border: solid 1px #DDD;
                            color: black;
						}
						.content-main-drop-content-input-fieldset-input.project-roles {
							width: 74%;
						}
                        .content-main-drop-content-input-fieldset-input.contact-functions {
							width: 320px;
						}
						.content-main-drop-content-input-fieldset-datepicker {
							 width: 50%;
						}
                        .content-main-drop-content-input-fieldset-checkbox {
							 margin-bottom: 8px;
						}
					.content-main-drop-content-form-fieldset-label,
					.content-main-drop-content-form-fieldset-input,
					.content-main-drop-content-form-fieldset-select {
						float: left;
						width: 55%;
						margin-right: 5%;
						padding: 5px;
						margin: 0;
					}
					.content-main-drop-content-form-fieldset-input,
					.content-main-drop-content-form-fieldset-select {
						padding: 1px 5px;
					}
					.content-main-drop-content-form-fieldset-input.readonly {
						background-color: #ddd;
						border: solid 1px #999;
					}

					.content-main-drop-content-form-fieldset-label {
						width: 37%;
					}
					.content-main-drop-content-form-fieldset-datepicker {
						padding: 2px 7px;
						background: #FFF;
						color: #F56D01;
						cursor: pointer;
						font-size: 1.5em;
					}
					i.content-main-drop-content-form-label-asterisk {
						color:#F37921;
					}
					label.content-main-drop-content-form-fieldset-label-house-no {
						float:left;
                        width:45%;
                        text-align:right;
					}
					button.js-address-lookup-button {
						width: auto;
						text-align: center;
						height: 23px;
						line-height: 1.2;
						font-size:11px;
					}
					.content-main-drop-content-form-fieldset-select,
					.content-main-drop-content-input-fieldset-select {
						padding: 6px -1px 6px 6px;
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
						background: #FFF url('/img/select.png') no-repeat right 10px top 50%;
					}
					.content-main-drop-content-form-fieldset-select::-ms-expand,
					.content-main-drop-content-input-fieldset-select::-ms-expand {
						display: none;
					}
					.address-search-results-modal-no-results {
						font-weight: bold;
						text-align: center;                        
					}

        .documents-part {
            overflow: auto;
            max-height: 400px;
            padding-top: 10px;
        }
            .content-main-drop-content-document-form {
                overflow: hidden;
                padding-top: 10px;
            }
            .content-main-drop-content-document-form:nth-of-type(2n+1) {
                background-color: white;
            }
                .content-main-drop-content-document-form-fieldset {
                    float: left;
                    margin-right: 1%;
                    overflow: hidden;
                    margin-bottom: 3px;
                }
                .content-main-drop-content-document-form-fieldset.first {
					width: 10%;
                    margin: 0;
                    overflow: initial;
				}
                .content-main-drop-content-document-form-fieldset.second {
					width: 80%;
				}
                .content-main-drop-content-document-form-fieldset.third {
					width: 5%;
                    font-size: 3em;
                    padding-top: 20px;
				}
                .content-main-drop-content-document-form-fieldset.fourth {
                    width: 44%;
                }
                .content-main-drop-content-document-form-fieldset.fifth {
                    width: 94%;
                }
                .content-main-drop-content-document-form-fieldset.sixth {
                    width: 5%;
                    margin-right: 0;
                }
                    .content-main-drop-content-document-form-fieldset-delete {
                        background-color: transparent !important;
                    }
                    .content-main-drop-content-document-form-fieldset-delete > .content-main-drop-content-table-body-row-cell-actions-item-link-icon {
                        color: #444;
                    }

			@media screen and (max-width: 1100px) {
				.content-main-drop-content-form-fieldset {
					width: 48%;
					margin-right: 4%;
				}
				.content-main-drop-content-label-fieldset.project-roles {
					width: 56%;
				}
				.content-main-drop-content-label-fieldset.project-roles-client {
					padding-left: 49px;
				}
				.content-main-drop-content-input-fieldset-input.project-roles {
					width: 63%;
				}
                .content-main-drop-content-input-fieldset-input.contact-functions {
					width: 250px;
				}
				.content-main-drop-content-form-fieldset:nth-of-type(2n+2) {
					margin-right: 0;
				}
					.content-main-drop-content-form-fieldset-label {
						width: 40%;
					}
					.content-main-drop-content-form-fieldset-input,
					.content-main-drop-content-form-fieldset-select {
						width: 60%;
					}
			}
			@media screen and (max-width: 768px) {
				.content-main-drop-content-label-fieldset.project-roles {
					width: 56%;
				}
				.content-main-drop-content-label-fieldset.project-roles-client {
					padding-left: 48px;
				}
				.content-main-drop-content-input-fieldset-input.project-roles {
					width: 51%;
				}
				.content-main-drop-content-form-fieldset-label,
				.content-main-drop-content-form-fieldset-input,
				.content-main-drop-content-form-fieldset-select,
				.content-main-drop-content-label-fieldset-label,
				.content-main-drop-content-input-fieldset-select {
					float: none;
					width: 100%;
					display: block;
				}
				.content-main-drop-content-form-fieldset-label {
					padding: 0;
					margin-bottom: 5px;
				}
				.content-main-dropdown-actions-item,
				.content-main-drop-content-table-body-row-cell-actions-item {
					float: none;
					display: inline-block;
				}
				.element-slider .content-main-dropdown-actions-item,
				.element-edit-actions .content-main-dropdown-actions-item {
					float: left;
					display: inherit;
				}
				.content-main-tabs {
					background: #3B3B3B;
				}
				.content-main-tabs-tab {
					width: 50%;
					border: none;
				}
				.content-main-tabs-tab-preview {
					clear: both;
					float: none;
					width: auto;
				}
				.content-main-tabs-tab-preview-container {
					}
						.content-main-tabs-tab-preview-container-button {
							padding: 3px 5px;
						}
					.content-main-header-roof-summary{
						clear: both;
					}
			}
			@media screen and (max-width: 500px) {
				.content-main-tabs-tab {
					float: none;
					width: 100%;
				}
					.content-main-tabs-tab-preview-container {
						clear: both;
						float: right;
						width: auto;
						margin: auto;
					}
						.content-main-tabs-tab-preview-container-button {
							padding: 3px 5px;
							margin-bottom: 2px;
						}
					.content-main-header-roof-summary{
						clear: both;
					}
			}
			@media screen and (max-width: 400px) {
				.content-main-drop-content-form-fieldset {
					margin: 0 0 10px 0;
					float: none;
					width: 100%;
				}
			}

			.row-selected {
				background:#FFC87A;
			}
	 

			/* Table Drop */
			.content-main-drop-content-table {
				width: 100%;
				max-width: 100%;
				-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
				box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
				background: #FFF;
			}
			.content-main-drop-content-table.mod-fixed {
				table-layout: fixed;
			}

			.content-main-drop-content-table.mod-fixed-width {
				width: 1600px;
				display: block;
			}
				.content-main-drop-content-table-head-row-header,
				.content-main-drop-content-table-body-row-cell,
				.content-main-drop-content-table-foot-row-cell {
					/*height: 39px;*/
					padding: 5px;
					vertical-align: middle;
					background: #FFF;
					text-align: left;
				}
                .content-main-drop-content-table-foot-row-cell.mod-right {
					text-align: right;
				}
				.content-main-drop-content-table-body-row:hover {
					 background-color:#d1cccc;
				}
                .content-main-drop-content-table-body-row.mod-ghost {
                    font-style: italic;
                    opacity: 0.7;
				}
				.content-main-drop-content-table-head-row-header {
					color: #FFF;
					font-weight: 700;
					background: #767676;
					white-space: nowrap;
					padding: 2px 5px;
				}
				.content-main-drop-content-table-head-row-header.mod-center-align {
					text-align: center;
				}
				.content-main-drop-content-table-head-row-header.mod-width {
					width: 40%;
				}
				.content-main-drop-content-table-head-row-header.mod-roofarea-report {
					padding-left: 10px
				}
				.content-main-drop-content-table-head-row-header.mod-roofarea-others {
					padding-left: 15px
				}
                .content-main-drop-content-table-head-row-header.mod-white-space-normal{
					white-space: normal;
				}
                .content-main-drop-content-table-head-row-header a sup {
	                border-bottom: 1px solid;
                }
                .content-main-drop-content-table-head-row-header a sup:hover {
	                border-bottom: 1px solid;
                }
				.table-header-unsorted-link {
					color: #FFF !important;
					text-decoration: underline;
				}
				.table-header-sorted-link {
					color: #0DA1E7 !important;
					text-decoration: underline;
				}
				.table-header-unsorted-link:hover {
					color: #F56D01 !important;
				}
				.table-header-unsorted-link:hover > sup {
					border-bottom: 1px solid;
				}
				.table-header-sorted-link:hover {
					color: #9ED9F5;
				}
					.content-main-drop-content-table-head-row-header-icon,
					.table-header-sorted-link-icon {
						margin-left: 5px;
					}
				.content-main-drop-content-table-body-row-cell {
					color: #666;
					border-bottom: solid 1px #EDECEC; 
					border-top: solid 1px #FFF;
					word-wrap: break-word;
				}
				.content-main-drop-content-table-body-row-cell.thin {
					padding: 1px 5px;
				}
				.content-main-drop-content-table-body-row-cell.deleted {
					text-decoration: line-through;
				}
                .content-main-drop-content-table-body-row-cell.gray {
					background: #D3D3D3 !important;
				}
				.content-main-drop-content-table-body-row-cell.mod-center-align {
					text-align:center;
				}
				.content-main-drop-content-table-body-row-cell.mod-font-bold {
					font-weight:bold;
				}
				.content-main-drop-content-table-body-row-cell.mod-roofarea-report {
					padding-left: 10px
				}
				.content-main-drop-content-table-body-row-cell.mod-roofarea-others {
					padding-left: 15px
				}
                .content-main-drop-content-table-body-row-cell.mod-total {
					color: white;
                    background: #4D4D4D;
				}
                    .content-main-drop-content-table-body-row-cell-icon {
						font-size: 1.5em;
					}

						.content-main-drop-content-table-body-row-cell-icon.task-monitor-icon-button{
							cursor: pointer;
							margin: 0 5px;
						}

						.content-main-drop-content-table-body-row-cell-alerts {
							display: flex;
							float: left;
						}
                        .content-main-drop-content-table-body-row-cell-alerts-item {
					        padding: 5px;
                            display: inline-flex;
				        }
				.content-main-drop-content-table-body-row:nth-child(even) .content-main-drop-content-table-body-row-cell {
					background: #F3F3F3;
				}
				.content-main-drop-content-table-body.mod-group:nth-child(odd) .content-main-drop-content-table-body-row .content-main-drop-content-table-body-row-cell {
					background: #F3F3F3;
				}

				.content-main-drop-content-table-body.mod-group:nth-child(even) .content-main-drop-content-table-body-row .content-main-drop-content-table-body-row-cell {
					background: #FFF;
				}
                .content-main-drop-content-table-body-row .content-main-drop-content-table-body-row-cell.mod-same-row-odd {
					background: #F3F3F3;
                    border-top: solid 2px #F3F3F3;
				}
                .content-main-drop-content-table-body-row .content-main-drop-content-table-body-row-cell.mod-same-row-even {
					background: #FFF;
                    border-top: solid 2px #FFF;
				}
				.content-main-drop-content-table-body-row.selected .content-main-drop-content-table-body-row-cell,
                .content-main-drop-content-table-body-row-custom.selected .content-main-drop-content-table-body-row-cell,
                .content-main-drop-content-table-body-row-custom-alternate-row.selected .content-main-drop-content-table-body-row-cell {
					 background: #F9CB9C;
				}
                .mod-preferred,
                .content-main-drop-content-table-body-row.mod-preferred .content-main-drop-content-table-body-row-cell {
                    color: green;
	                font-weight: bold;
				}
                .mod-live,
                .content-main-drop-content-table-body-row.mod-live .content-main-drop-content-table-body-row-cell {
                    color: red;
	                font-weight: bold;
				}
                .mod-monitor .content-main-drop-content-table-body-row:hover .content-main-drop-content-table-body-row-cell{
					 background: #F9CB9C;
				}
                .content-main-drop-content-table-body-row-custom-alternate-row .content-main-drop-content-table-body-row-cell {
					background: #F3F3F3;
				}
					.content-main-drop-content-table-body-row-cell-icon-check {
						color: #22BB22;
					}
                    .content-main-drop-content-table-body-row-cell-icon-not-check {
						color: red;
					}
					.content-main-drop-content-table-body-row-cell-icon-some {
						color: #FFBC00;
						text-shadow: 0 0 3px #000;
					}
					.content-main-drop-content-table-body-row-cell-icon-circle {
						color: #C7C7C7;
					}
					.content-main-drop-content-table-body-row-cell-icon-warning {
						color: #F37921;
					}
                    .content-main-drop-content-table-body-row-cell-icon-edited {
                        color: #F56D01;
                        font-size: large;
                    }
                .content-main-drop-content-table-body-row-kit-list:nth-child(3n) .content-main-drop-content-table-body-row-cell {
					border-bottom: none; 
					border-top: solid 1px #FFF;
				}
                .content-main-drop-content-table-body-row-kit-list:nth-child(3n+1) .content-main-drop-content-table-body-row-cell {
					border-bottom: solid 1px #EDECEC; 
					border-top: none;
				}
                .content-main-drop-content-table-body-row-kit-list:nth-child(6n+1) .content-main-drop-content-table-body-row-cell,
                .content-main-drop-content-table-body-row-kit-list:nth-child(6n) .content-main-drop-content-table-body-row-cell {
					background: #F3F3F3;
				}
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(4n+1) .content-main-drop-content-table-body-row-cell {
                    border-bottom: none; 
                    border-top: solid 1px #FFF;
                }
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(4n) .content-main-drop-content-table-body-row-cell {
                    border-bottom: solid 1px #EDECEC; 
                    border-top: none;
                }
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(4n+2) .content-main-drop-content-table-body-row-cell,
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(4n+3) .content-main-drop-content-table-body-row-cell  {
                    border-bottom: none; 
                    border-top: none;
                }
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(8n-3) .content-main-drop-content-table-body-row-cell,
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(8n-2) .content-main-drop-content-table-body-row-cell,
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(8n-1) .content-main-drop-content-table-body-row-cell,
                .content-main-drop-content-table-body-row-guarantee-list:nth-child(8n) .content-main-drop-content-table-body-row-cell {
                    background: #F3F3F3;
                }
				/*.content-main-drop-content-table-body-row:hover {*/
					/*background: #9a9a9a;*/
				/*}*/

				/*.content-main-drop-content-table-body-row:hover {
					background: #9a9a9a;
				}*/
					.content-main-drop-content-table-foot-row-cell-pagination {
						float: right;
						padding: 0px 0;
					}
						.content-main-drop-content-table-foot-row-cell-pagination-select {
							padding: 5px 8px;
							display: inline-block;
							padding: 5px 32px 5px 8px;
							-webkit-appearance: none;
							-moz-appearance: none;
							appearance: none;
							background: #FFF url('/img/select-grey.png') no-repeat right 10px top 50%;
							font-weight: 700;
							color: #444;
						}
						.content-main-drop-content-table-foot-row-cell-pagination-select::-ms-expand {
							display: none;
						}
						.content-main-drop-content-table-foot-row-cell-pagination-button-next,
						.content-main-drop-content-table-foot-row-cell-pagination-button-prev {
							background: #F37921;
							color: #FFF;
							margin: 0;
							padding: 8px 12px;
							display: inline-block;
							border: none;
							cursor: pointer;
							-webkit-transition: ease all 0.2s;
							transition: ease all 0.2s;
						}
						.content-main-drop-content-table-foot-row-cell-pagination-button-next:hover,
						.content-main-drop-content-table-foot-row-cell-pagination-button-prev:hover {
							opacity: 0.85;
							color: white;
						}
						.content-main-drop-content-table-foot-row-cell-pagination-button-prev  {
							margin-right: 5px;
						}
						.content-main-drop-content-table-foot-row-cell-pagination-button-next  {
							margin-left: 5px;
						}
						.content-main-drop-content-table-foot-row-cell-pagination-of {
							display: inline-block;
							margin-left: 5px;
						}						
							.content-main-drop-content-table-foot-row-cell-pagination-button-icon {
								font-size: 1.2em;
								line-height: 1.2em;
								display: block;
							}
	@media screen and (max-width: 1100px) {
		.content-main-drive,
		.content-main {
			margin-left: 50px;
		}
		.content-main.is-open {
			margin-left: 220px;
		}
			.content-main-header,
			.content-main-drop-content.content-main-drop-content-form-fieldset,
			.content-main-drop-content {
				/*padding: 20px;*/
			}

            .content-main-drop-content-search-field {
                display:inline;
            }
            .content-main-drop-content-search-field input {
                margin-bottom: 5px;
            }
	}
	@media screen and (max-width: 1024px) {
		.content-main,
		.content-left,
		.content-left-sub {
			font-size: 0.9em;
		}
			.content-main-dropdown {
				padding: 5px 10px;
			}
				.content-main-dropdown-icon {
					margin-left: 20px;
				}
				.content-main-dropdown-actions-item-link-text,
				.content-main-drop-content-table-body-row-cell-actions-item-link-text {
					font-weight: 500;
				}
				.content-main-drop-content-table-head-row-header-icon {
					margin-left: 10px;
				}
		.content-main-tabs-tab-validation-icon-warning {
			font-size: 1.5em;
		}
		.content-main-tabs-tab-validation-icon .fa-exclamation {
			padding-top: 1px;
		}
		.fa-exclamation {
			padding-top: 2px;
			padding-right: 1px;
		}
	}
	@media screen and (max-width: 768px) {
		.content-main-drive,
		.content-main {
			margin-left: 40px;
		}
		.content-main.is-open {
			margin-left: 210px;
		}
	}
	@media screen and (max-width: 767px) {
		.content-main-drop-content-table-body-row-cell {
			border: none;
		}
	}
	@media screen and (max-width: 640px) {
		.content-main,
		.content-left,
		.content-left-sub {
			font-size: 1em;
		}
		.content-main,
		.content-main.is-open {
			margin: 0;
		}
			.content-main-header,
			.content-main-drop-content.content-main-drop-content-form-fieldset,
			.content-main-drop-content {
				/*padding: 15px 10px;*/
			}
	}

	/* Footer */

	.footer {
		background: #222;
		border-top: solid 1px #4D4D4D;
		color: #999;
		padding: 5px 10px 0;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 11;
	}
		.footer-logo {
			float: left;
			margin-right: 30px;
			width: 90px;
		}
		.footer-nav {
			overflow: hidden;
		}
			.footer-nav-item {
				float: left;
				margin-right: 30px;
			}

				.footer-nav-item-image {
					float: right; 
					width: 20%; 
					position: unset;
				}
					.footer-nav-item-link {
						color: #999;
					}
			.footer-nav-item-link-powered {
				float: right;
				margin-top: -25px;
				display: inline-flex;
				flex-direction: row;
				align-items: center;
				color: white;
				white-space: nowrap;
			}
            .footer-nav-item-image-powered {
				height: 31px;
            }

	@media screen and (max-width: 640px) {
		.footer {
			position: static;
		}
			.footer-logo {
				margin: 0;
				float: none;
			}
			.footer-nav-item {
				margin-right: 15px;
			}
	}
	/*@media screen and (max-height: 640px) {
		.footer {
			position: static;
		}
	}*/

/* IE 8 Styles */

.lt-ie9 .header-create-new-link-image,
.lt-ie9 .header-create-new-link-text,
.lt-ie9 .header-create-new-link-icon,
.lt-ie9 .header-user-user-main-image,
.lt-ie9 .header-user-user-main-name,
.lt-ie9 .header-user-user-main-icon {
	display: block;
	float: left;
}

/* jQuery UI dialog class */
.no-close .ui-dialog-titlebar-close {display: none; }	

.ui-dialog-titlebar-close {
  visibility: hidden;
}

.noTitleStuff .ui-dialog-titlebar {display:none}

.mapDialogStuff .ui-dialog-titlebar {
    display: none;
}
.mapDialogStuff .ui-dialog-content { padding-left:0px !important; }
/*.address-lookup-button {
.ui-dialog-titlebar-close {
  visibility: hidden;
}*/
.warning {
	color: #de1111;
}

.content-dialog-cs{
	font-size: 14px;
}

.content-dialog-cs-main-drop-content {
	overflow: hidden;    
}
	.content-dialog-cs-main-drop-content-new {
	   
	}
	.content-dialog-cs-main-drop-content-new .content-main-dropdown-actions-item{
		position: absolute;
		bottom: 0px;
		right: -4px;
		/* height: 30px; */
		/* width: 30px; */
		border-radius: 50%;
		cursor: pointer;
		background: #AAA;
		z-index: 7;
	}
		.content-dialog-cs-main-drop-content-new .content-main-drop-content-table-body-row-cell-actions-item-link-icon {
			color: #FFF;
			font-size: 15px;
			padding: 8px 9px;
		}
	.content-dialog-cs-main-drop-content-fieldset {
		float: left;
		width: 100%;
		margin-right: 5%;
		overflow: hidden;
	}
		.content-dialog-cs-main-drop-content-fieldset-label,
		.content-dialog-cs-main-drop-content-fieldset-input,
		.content-dialog-cs-main-drop-content-fieldset-select {
			float: left;
			width: 100%;
			margin-right: 5%;
			padding: 0px 5px;
			height: 23px;
			margin: 0;
		}
		.content-dialog-cs-main-drop-content-fieldset-label {
			width: 20%;
		}
		.content-dialog-cs-main-drop-content-fieldset-select {
			padding: 6px -1px 6px 6px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background: #FFF url('/img/select.png') no-repeat right 10px top 50%;
			width: 80%;
		}
		.content-dialog-cs-main-drop-content-fieldset-textarea {
			clear: both;
			padding-top: 0.5%;
		}
		.content-dialog-cs-main-drop-content-fieldset-layer-textarea {
			 width: 100%;
			 text-align: left;
			 margin: 4px 4px 4px 4px;
			 height: 160px;
		}

	.content-dialog-cs-main-drop-content .content-main-drop-content-table-body-row-cell-actions{
		width: 95%;
	}
	.content-dialog-cs-main-drop-content .content-main-drop-content-table-body-row-cell-actions .content-main-dropdown-actions-item{
		text-align: center;
		height: 20px;
	}
	.content-dialog-cs-main-drop-content .content-main-drop-content-table-body-row-cell-actions .content-main-dropdown-actions-item.up{
		width: 19%;
	}
	.content-dialog-cs-main-drop-content .content-main-drop-content-table-body-row-cell-actions .content-main-dropdown-actions-item.down{
		width: 28%;
	}
	.content-dialog-cs-main-drop-content .content-main-drop-content-table-body-row-cell-actions .content-main-dropdown-actions-item.delete{
		width: 25%;
	}

.actions-dashboard {
	padding: 0;
	margin: 0;
}
	.actions-dashboard-image {
		width: 20%;
		padding: 10px;
	}

.content-dialog-roofareasection-readonly-roofarea {
	color:#b4b4b4;
}

/* EDIT PARAGRAPH */
/* these classes are actually for ICE in TinyMCE*/
.ins{
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	padding: 1px 0 2px;
	text-decoration: none;
}

.content-main-drop-content-inner del { 
	display: none; 
}

.cts-1 {
	background-color: #e7ffce; /*91*/
}
.cts-2 {
	background-color: #cee7ff; /*211*/
}
.cts-3 {
	background-color: #ffcee7; /*331*/
}
.cts-4 {
	background-color: #ffe7ce; /*31*/
}
.cts-5 {
	background-color: #ceffe7; /*151*/
}
.cts-6 {
	background-color: #e7ceff; /*271*/
}

.dpad.reorder-left{
	color: initial; 
	width: 45px;
	position: absolute; 
	margin-top: 40px;
}
.dpad.reorder-right{
	color: initial; 
	width: 45px;
	position:absolute;
	margin-top: 40px;
	margin-left: 85px;
}
.dpad.reorder-up{
	color: initial;
	width: 45px;
	margin-left:43px;
}
.dpad.reorder-down{
	color: initial;
	width: 45px;
	margin-left: 43px;
}
.dpad.ok{
	margin-top: -4px;
	margin-left: 40px;
    width: 60px;
	font-family: "Open Sans", sans-serif;
	color:white;
}
.is_stuck{
	z-index: 10;
	width: 94%;
}

#ProjectSurveyReportCoreSampleForm div.selected label {
	color: Gray;
	text-decoration: line-through;
}

#ProjectRolesList .read-only-mode .content-main-drop-content-table-body-row,
#NominatedContractorsList .content-main-drop-content-table-body-row,
#NominatedMainContractorsList .content-main-drop-content-table-body-row,
#ProjectContactsList .edit-mode .imgCircualation,
#RoofAreasList .mod-details,
.content-main-drop-content-table.mod-select {
	cursor:pointer;
}

.cbEmail .psuedo-checkbox,
.cbEmail .psuedo-checkbox-readonly {
	cursor:pointer;
	float:left;
	font-size:1.9em;
	border:0px;
}

.cbEmail .psuedo-checkbox-is-checked,
.cbEmail .psuedo-checkbox-readonly-is-checked{
	cursor:pointer;
	color:orange;
	background:none;
}

.cbPost .psuedo-checkbox,
.cbPost .psuedo-checkbox-readonly {
	cursor:pointer;
	float:left;
	font-size:1.9em;
	border:0px;
}

.cbPost .psuedo-checkbox-is-checked,
.cbPost .psuedo-checkbox-readonly-is-checked{
	cursor:pointer;
	color:orange;
	background:none;
}

.cbTelephone .psuedo-checkbox,
.cbTelephone .psuedo-checkbox-readonly {
	cursor:pointer;
	float:left;
	font-size:1.9em;
	border:0px;
}

.cbTelephone .psuedo-checkbox-is-checked,
.cbTelephone .psuedo-checkbox-readonly-is-checked{
	cursor:pointer;
	color:orange;
	background:none;
}

.chkDistribution .psuedo-checkbox {
    border: 0px;
    background: none;
}

.chkDistribution .psuedo-checkbox .stack-icon {
    cursor: pointer;
    color: orange;
}
.chkDistribution .psuedo-checkbox .stack-icon .overlay-lower-right {
    display: none;
}

.chkDistribution .psuedo-checkbox-is-checked .stack-icon {
    cursor: pointer;
    color: #444 !important;
}
.chkDistribution .psuedo-checkbox-is-checked .stack-icon .overlay-lower-right {
    display: block !important;
}

.chkBauderRegistered .psuedo-checkbox,
.chkBauderRegistered .psuedo-checkbox-readonly {
	margin-right: 0px;
}

.stack-icon {
    font-size: 4em;
    padding-top: 15px;
}

.main-icon {
    font-size: 1.5em;
}

.overlay-lower-right {
    font-size: 60% !important;
    position: relative;
    bottom: -15px;
    left: 30px;
    color: #F56D01;
}

#upload-area-element .dz-preview,
#upload-area-element .dz-message {
    display: none;
}

.compressImage{
	position:absolute;
	left:15px;
	/*right:15px;*/
	color:orange;
}
#modaldialog,
#modalmodaldialog,
.ui-dialog-content {
    background: #F1F1F1;
    color: #444;
    font: 0.8em/1.5em 'Open Sans', sans-serif;
    font-size: 12.8px;
}
.roof-area-summary-scrollable {
	max-height:121px;
}
.contact-links {
	text-decoration: underline;
}
.duplicate-roof-area {
	border-color: red;
	background-color: rgb(255, 187, 187);
}

.checkboxParent {
	float: left;
	margin: 8px 3px;
}
    .roof-plan-chk {
        text-align: left;
        margin: 0 0 5px 0px !important;
    }
.checkboxParent .psuedo-checkbox,
.checkboxParent .psuedo-checkbox-readonly {
    margin: 0px;
}

.action-button {
	height: 120px;
	width: 120px;
	background: #F97913;
	margin: 30px;
	float: left;
	border-radius: 20px;
	text-align:center;
}

.action-button .action-button-a {
	color: white;
	display: table-cell;
	width: 120px;
	padding: 10px;
	height: 120px;
	font-weight: bold;
	vertical-align: middle;
}
.actions-dashboard-b {
	padding: 0;
	margin: 0;
    float: left;
}
    .action-button-b {
	    color: white;
	    display: table-cell;
	    width: 700px;
	    padding: 10px;
	    font-weight: bold;
	    vertical-align: middle;
    }
.content-dialog-item {
    display: inline-block;
    width: 49%;
}

.fileIcon{
    display:none; 
    width:100%; 
    height:calc(100% - 50px);
}
.fileIcon i{
    font-size: 9em;
    text-align: center; 
    vertical-align:middle; 
    display: table-cell;
}
.fileIcon.small i{
    font-size: 7em;
    text-align: center; 
    vertical-align:middle; 
    display: table-cell;
}

#modaldialog .ui-multiselect.custom-class,
#modalmodaldialog .ui-multiselect.custom-class,
.ui-multiselect.custom-class {
	border: solid 1px #DDD;
	font: 1em/1.5em 'Open Sans', sans-serif;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	background: #FFF url('/img/select.png') no-repeat right 10px top 50%;
	color: black;
	height: 23px;
	padding: 0px 5px;
	margin: 0;
	clear: both;
	margin-bottom: 8px;
	width: 100% !important;
}

.ui-multiselect-header ul li {
	margin: 0 !important;
	font-size: 11px;
}

	.ui-multiselect-header ul li a {
		vertical-align: middle;
	}

.ui-multiselect-filter {
	width: 63%;
}

.ui-multiselect-filter input {
	width: 78% !important;
}

#modaldialog .ui-multiselect.custom-class.ui-state-disabled,
#modalmodaldialog .ui-multiselect.custom-class.ui-state-disabled,
.ui-multiselect.custom-class.ui-state-disabled {
	background-color: #ddd;
	border: solid 1px #999;
	color: #545454;
	opacity: initial;
}

.ui-multiselect.custom-class-bauder-drive {
	border: solid 1px #DDD;
	font: 1em/1.5em 'Open Sans', sans-serif;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	background: #FFF url(/img/select.png) no-repeat right 10px top 50%;
	color: black;
	height: 23px;
}

.ui-multiselect .ui-icon {
    display:none;
}

.ui-autocomplete { max-height: 510px; overflow-y: auto; overflow-x: hidden;}
.autocomplete_CompletionListElement
{
    max-height:210px;
}

.dialogFormTable > tbody > tr > td {
    padding: 1px 10px;
}

.dialogBigFormTable td{
    padding:1px 3px;
}
     .dialogFormTable-container {
         position: relative;
     }
        .dialogFormTable-container-item {
            position: absolute;
            top: 0px;
            left: 25px;
         }

.note {
    margin: 0px 10px 5px 10px;
    padding: 5px;
    background: rgba(255, 165, 0, 0.64);
    border: 2px solid #aaa;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
}
.note.mod-permission-denied {
    margin-top: 10px;
}
.warning-note .note {
    margin-top: 5px;
}
    .note-icon {
        font-size: x-large;
    }
    .note-text {
        font-size: 1.6em;
    }
    .note-paragraph {
        margin: 7px 10px;
        font-size: 1.2em;
    }

.key {
    margin: 5px 10px 5px 10px;
    background: rgba(255, 165, 0, 0.64);
    border: 2px solid #aaa;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
}
    .key-text {
        margin: 0px 10px;
        font-size: 1.0em;
    }

.tree-view-block {
    padding-bottom: 8px;
}
    .tree-view-block-item {
        
    }
    .tree-view-block-item-icon {
        font-size: 1.5em;
        vertical-align: top;
        margin-right: 5px;
        width: 15px;
    }
	.tree-view-block-item-icon.mod-parent {
        margin-right:2px
    }
    .tree-view-block-item-text {
        padding-right: 3px;
        word-wrap: break-word;
    }
    .tree-view-block-leaf-item-text {
        /*padding-left: 25px;*/
        word-wrap: break-word;
    }
        .tree-view-block-item-content {
            padding-left: 24px;
        }
        .tree-view-block-item-content-table {
			width: 100%;
			max-width: 100%;
			background: #FFF;
		}
            .tree-view-block-item-content-table-body-row { }

                .tree-view-block-item-content-table-body-row-cell {
                    padding: 2px 5px;
                    border-bottom: solid 1px rgba(255,255,255,.9);
                }
                .tree-view-block-item-content-table-body-row.selected .tree-view-block-item-content-table-body-row-cell {
                    background-color: #901A1F;
                    color: White;
                }
                .tree-view-block-item-content-table-body-row.removed .tree-view-block-item-content-table-body-row-cell {
                    background-color:#CCCCCC;
                    color:#999999;
                }
                .tree-view-block-item-content-table-body-row-cell.mod-leaf {
                    padding-left: 25px;
                }
                .tree-view-block-item-content-table-body-row-cell.mod-align-content {
                    padding-right: 23px;
                }
                .tree-view-block-item-content-table-body-row-cell.mod-align-content1 {
                    padding-right: 27px;
                }
                .tree-view-block-item-content-table-body-row-cell.mod-align-content2 {
                    padding-right: 31px;
                }
                .tree-view-block-item-content-table-body-row-cell.mod-other-color {
                    color: #666;
                    padding-left: 24px;
                }
                .tree-view-block-item-content-table:nth-child(even) .tree-view-block-item-content-table-body-row .tree-view-block-item-content-table-body-row-cell.mod-other-color {
	                background: #F3F3F3;
                }
                .tree-view-block-item-content-table-body-row.selected .tree-view-block-item-content-table-body-row-cell.mod-other-color,
                .tree-view-block-item-content-table:nth-child(even) .tree-view-block-item-content-table-body-row.selected .tree-view-block-item-content-table-body-row-cell.mod-other-color {
	                 background: #F9CB9C;
                     color: #666;
                }

.fixed-headers {
}
.fixed-headers thead {
    display: block;
}
.fixed-headers tfoot {
    display: block;
}

.fixed-headers tbody {
    height: 579px;
    display: block;
}
.fixed-headers.mod-project-monitor tbody {
    height: 460px;
}

@media screen and (max-device-height: 1080px) {
    .fixed-headers tbody {
        height: 605px;
    }
    .fixed-headers.mod-project-monitor tbody {
        height: 460px;
    }
}
@media screen and (max-device-height: 1024px) {
    .fixed-headers tbody {
        height: 510px;
    }
    .fixed-headers.mod-project-monitor tbody {
        height: 394px;
    }
}
@media screen and (max-device-height: 768px) {
    .fixed-headers tbody {
        height: 380px;
    }
    .fixed-headers.mod-project-monitor tbody {
        height: 254px;
    }
}

.approved-contractor-atm {
    width:100%;
    float:none;
}
    .approved-contractor-atm > li {
        width:48%;
		float: right;
    }

.note-content ol,
#AuditTableList ol  {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.note-content ul,
#AuditTableList ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.note-content ul li,
.note-content ol li,
#AuditTableList ul li,
#AuditTableList ol li  {
    display: list-item;
    text-align: -webkit-match-parent;
}

em {
    font-style: italic;
}

.guarantee-full-description,
.selected-roof-systems,
.selected-users,
.selected-tasks {
    display: inline-block;
    width: 90%;
    cursor: pointer;
}
.selected-technical-tasks {
	display: flex;
}
	.selected-technical-tasks input {
		margin-right: 5px;
	}

.selected-document-roof-systems {
    display: inline-block;
    padding-right: 10px;
}
.selected-document-roof-systems-button {
    float: none;
    display: inline-block;
    vertical-align: bottom;
}

.info-circle {
    color: #F56D01;
    cursor:pointer;
}

.button-create-new {
    position: absolute;
    z-index: 1000;
    left: 90%;
}
    .button-create-new-nav {
        top: 100%;
        position: absolute;
        background: #F56D01;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px;
        overflow: hidden;
        z-index: 999;
        padding-right: 1px;
    }

.report-designer-icon {
    font-size: 18px;
    padding-left: 1px;
    padding-right: 2px;
}

.not-found-error-text {
    font-size: 15em;
    position: relative;
    top: -0.5em;
}

.not-found-title {
    font-size: 20px;
    line-height: 2;
    font-weight: 600;
    color: #444;
}

/*Bauder Drive*/
	.content-main-header-drive-details {
		display: inline-block;
	}
	.content-main-header-drive-buttons {
		display: inline-block;
		float: right;
	}
		.content-main-header-drive-button-icon {
			font-size: 3em;
			cursor: pointer;
			color: #4D4D4D
		}
		.content-main-header-drive-button-icon.selected {
			color: #F37921;
		}

.content-main-drop-content-document-drive-container {
	overflow: hidden;
	width: 100%;
}
	.content-main-drop-content-document-drive {
		overflow: hidden;
		padding-top: 10px;
		display: inline-flex;
		width: 33%;
		cursor: pointer;
	}

		.content-main-drop-content-document-drive-fieldset {
			float: left;
			margin-right: 1%;
			overflow: hidden;
			margin-bottom: 3px;
		}

		.content-main-drop-content-document-drive-fieldset.first {
			margin: 0;
			overflow: initial;
		}

		.content-main-drop-content-document-drive-fieldset.second {
		}

			.content-main-drop-content-label-fieldset-drive {
				float: left;
				width: auto;
				margin-right: 1%;
				overflow: hidden;
				text-align: left;
			}
				.content-main-drop-content-label-fieldset-drive-label {
					width: 100%;
					height: 20px;
					float: left;
					overflow: hidden;
					padding: 3px 5px;
					margin: 0;
					cursor: pointer;
				}
				.content-main-drop-content-label-fieldset-drive-label.mod-last-downloaded {
					color: gray;
					font-size: 12px;
				}

@media screen and (max-width: 1024px) {
	.content-main-drop-content-label-fieldset-drive-label.mod-document-type-hidden {
		display: none;
	}

	.content-main-drop-content-label-fieldset-drive-label.mod-document-type {
		height: auto;
		padding-bottom: 0;
	}

	.content-main-drop-content-label-fieldset-drive-label.mod-document-description {
		height: auto;
		padding-bottom: 0px;
	}
	.content-main-drop-content-label-fieldset-drive-label.mod-last-downloaded {
		height: auto;
		padding-top: 0px;
	}
}

		.document-drive-stack-icon {
			font-size: 3em;
			padding-top: 1px;
			color: #F37921;
		}

		.document-drive-main-icon {
			font-size: 1.5em;
		}

			.document-drive-overlay-top-left {
				font-size: 50% !important;
				position: relative;
				bottom: 44px;
				left: -21px;
				color: #9cd2f3;
			}
			.document-drive-overlay-top-left.mod-project {
				bottom: 100px;
			}

		.document-drive-project-stack-icon {
			font-size: 2.5em;
			height: 1.4em;
			color: #4D4D4D;
		}

		.document-drive-project-main-icon {
			font-size: 1.5em;
		}

			.document-drive-project-overlay-icon {
				font-size: 70% !important;
				position: relative;
				bottom: 11px;
				left: 10px;
				color: white;
			}

		.document-drive-project-favourite-icon {
			font-size: 1em;
			color: #F37921;
			cursor: pointer;
		}
		.document-drive-project-favourite-icon.projects {
			font-size: 2em;
		}
.drive > .fa-edit {
	color: black
}

.warning-text-icon {
	font-size: 2.5em;
	color: red;
	padding: 5px;
}
.warning-text {
	font-size: 2em;
}

.hold-progress {
	width: 0%;
	height: 103%;
	background-color: #000;
	position: absolute;
	margin-left: -16px;
	margin-top: -7px;
}

.hold-button .ui-button-text {
	position: relative;
	z-index: 10;
}

.mod-modal-quarantine .content-main-header-sub-heading {
	display: none;
}