/* rem reference
8px = 0.6667rem
9px = 0.75rem
10px = 0.8333rem
11px = 0.9167rem
12px = 1rem (base)
13px = 1.083rem
14px = 1.167rem
15px = 1.25rem
16px = 1.333rem
18px = 1.5rem
20px = 1.667rem
22px = 1.833rem
24px = 2rem
26px = 2.167rem
28px = 2.333rem
30px = 2.5rem
32px = 2.667rem
34px = 2.833rem
36px = 3rem
38px = 3.167rem
40px = 3.333rem

font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/* global styles */

.clear {
    clear: both;
}

.nm {
    margin: 0;
}

.row.nmlr {
    margin-left: 0;
	margin-right: 0;
}

.np {
    padding: 0;
}

.npl {
	padding-left: 0;
}

.npr {
	padding-right: 0;
}

.cdiv {
    margin: 0 auto;
}

.w100 {
    width: 100%;
}

.max-w100 {
	max-width: 100%;
}

.site-width-large {
	max-width: 940px;
	margin: 0 auto;
	float: none;
}

.inherit {
    display: inherit;
}

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

.transparent {
    background-color: rgba(255, 255, 255, 0);
}

.underline {
	text-decoration: underline;
}

.hide {
    display: none !important;
}

.strike {
	text-decoration: line-through;
	color: #A4A4A4;
}

.appear {
	/*webkit-transform: translateY(-80px);*/
	/*-moz-transform: translateY(-80px);*/
	/*-ms-transform: translateY(-80px);*/
	/*transform: translateY(-80px);*/
}

.pointer {
    cursor: pointer;
}

.relative {
	position: relative;
}

.blue {
	color: rgba(37, 133, 228, 1);
}

.pink {
	color: #ed4e6e;
}

.absolute-center {
    margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0
}

/* element styles */

html {
	font-size: 12px; /* rem base */
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    background-color: #eaeaea;
	font-family: 'Roboto', sans-serif;
	line-height: normal;
	color: #757575;
}

table {
	width: 100%;
}

h2 {
	margin: 10px 0px 60px 0px;
	font-size: 40px;
	font-family: 'Roboto', sans-serif;
	line-height: normal;
	font-weight: 100;
	color: #757575;
	text-transform: capitalize;
	display: inline-block;
}

label {
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	line-height: normal;

	color: #757575;
	cursor: inherit;
}

p {

}

a {
	color: #fff;
    text-decoration: none;
	-webkit-transition: 320ms;
	transition: 320ms;
}

a:hover {
	color: #fda639;
}

a:focus {
	color: inherit;
}

a img {
    border: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

button {
    border: 0;
    cursor: pointer;
}

input[type="file"] {
	margin-top: 6px;
}

select {
	padding: 6.5px 8px;
	width: initial;
	height: inherit;
	font-size: 1.167rem;
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

textarea {

}

/* site styles */

	/* logo */

	#logo {
		width: 98px;
		position: fixed;
		bottom: 12px;
		right: 6px;
		z-index: -1;
	}

	/* login page */

	.login-page {
		position: relative;
		width: 380px;
		margin: 0px auto;
		padding-top: 92px;
	}

	.login-container {
		margin: 0 auto;
		padding: 30px 20px;
		width: 380px;
		height: 548px;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		position: relative;
		z-index: 1;
		transition: transform 1s ease;
	}

	.show-login-container {
		webkit-transform: translateY(-96px);
		-moz-transform: translateY(-96px);
		-ms-transform: translateY(-96px);
		transform: translateY(-96px);
	}

	.login-page-image {
		margin: 0px auto;
		width: 220px;
		height: 220px;
		border-radius: 50%;
		background-color: #EFEFEF;
		display: inherit;
	}

	.login-page-image p {
		text-align: center;
	}

	.login-page-image p img {
		margin-top: 80px;
		width: 150px;
	}

	.login-page-input {
		margin: 0px auto;
		width: 260px;
		font-size: 16px;
	}

	.login-page paper-input-decorator /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.login-page paper-input-decorator /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.login-page-submit {
		margin: 30px auto;
		width: 110px;
		background-color: rgba(37, 133, 228, 1);
		font-size: 14px;
		color: #fff;
		text-transform: initial;
		display: inherit;
	}

	.login-checkbox {
		margin-right: 8px;
		float: left;
	}

	paper-checkbox::shadow #ink[checked] {
	  	color: #5af158;
	}

	paper-checkbox::shadow #checkbox.checked {
	  	border-color: #5af158;
		background-color: #5af158 ;
	}

	.login-forgot-link {
		color: #3e66df;
		font-size: 12px;
		float: right;
	}

	.login-forgot-container {
		margin: -100px auto 0px;
		padding: 0px 20px;
		width: 380px;
		background-color: #2c3f52;
		border-radius: 0px 0px 4px 4px;
		position: absolute;
	}

	.login-forgot-input {
		margin: 0px auto;
		width: 220px;
		font-size: 16px;
		color: #fff;
		float: left;
	}

	.login-forgot-submit {
		margin: 30px auto;
		width: 86px;
		background-color: #ed4e6e;
		font-size: 13px;
		color: #fff;
		text-transform: initial;
		display: inherit;
		float: right;
	}

	/* login animation */

	.header-hide {
		webkit-transform: translateY(-80px);
		-moz-transform: translateY(-80px);
		-ms-transform: translateY(-80px);
		transform: translateY(-80px);
	}

	.sidebar-hide {
		webkit-transform: translateX(-195px);
		-moz-transform: translateX(-195px);
		-ms-transform: translateX(-195px);
		transform: translateX(-195px);
	}

	.animate-content.ng-enter {
		-webkit-transition: transform 1.1s ease;
	  	transition: transform 1.1s ease;
		transition-delay: .3s;
		webkit-transform: translateY(800px);
		-moz-transform: translateY(800px);
		-ms-transform: translateY(800px);
		transform: translateY(800px);
	}    	/* starting animations for enter */

	.animate-content.ng-enter.ng-enter-active {
		webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	} 		/* terminal animations for enter */

	.animate-content.ng-leave {
		-webkit-transition: opacity .3s ease;
	  	transition: opacity .3s ease;
		opacity: 1;
	} 		/* starting animations for leave */

	.animate-content.ng-leave.ng-leave-active {
		opacity: 0;
	} 		/* terminal animations for leave */

	/* header */

	header {
		width: 100%;
		background-color: rgba(37, 133, 228, 1);
		position: fixed;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		z-index: 30;
		transition: transform 1s ease;
		transition-delay: .3s;
	}

	.main-nav {
		padding: 0px 24px 0px 14px;
		font-family: 'Open Sans', sans-serif;
		color: #fff;
	}

	.main-nav-left {
		float: left;
	}

	.website-img {
		margin: 0px 12px 0px 0px;
		padding: 12px 0px;
		width: 70px;
		height: 38px;
		display: inline-table;
		float: left;
	}
    .website-img img {
        width: 70px;
        height: 38px;
    }

	.website-name {
		padding: 19px 0px;
		font-size: 18px;
		font-weight: 300;
		float: left;
	}

	.header-region-div {
		float: left;
  		padding: 13px 0px;
  		margin-left: 30px;
	}

	.header-region-div label {
		float: left;
	  	margin-top: 12px;
	  	font-size: 14px;
	  	color: #fff;
	}

	.header-region-div select {
		float: left;
  		margin: 0px 0px 0px 10px;
  		padding: 8px 0px;
  		background-color: rgba(37, 133, 228, 1);
  		color: #fff;
  		height: 36px;
  		border-bottom: 0px;
  		background-image: none;
		font-size: 12px;
	}

	.header-region-div select:hover {
		border-bottom: 0px;
	}

	.main-nav-right {
		float: right;
	}

	.user {
		font-size: 18px;
		font-weight: 300;

		/* background-image: linear-gradient(to bottom, rgba(40, 147, 255, 1) 50%, rgba(31, 143, 255, 1) 50%); */
	}

	.user-name {
		padding: 19px 0px;
		margin-right: 4px;
		float: left;
	}

	.user-logo {
		padding: 4.5px 0px;
		float: left;
		position: relative;
	}

	.user-logo-top {
		float: left;
		position: relative;

	}

	.user-logo-top .fancy /deep/ .bottom {
		margin-top: 0px;
	}

	.logout {
		margin: 0px;
		padding: 0px;
		min-width: 0px;
		z-index: 1;
		opacity: 0;
		transition: opacity 120ms ease;
		border-radius: 40px;
	}

	.logout:hover {
		opacity: 1;
	}

	.logout /deep/ #ripple {
		margin: 5px 0px 0px 4px;
		width: 40px;
		height: 40px;
	}

	.logout /deep/ .button-content {
		padding: 0px;
	}

	.logout .fa-circle {
		margin-top: 4px;
		font-size: 42px;
		color: #ed4e6e;
	}

	.logout .fa-sign-out {
		font-size: 22px;
  		margin: 1px 0px 0px 2px;
		color: #fff;
	}

	.user-logo-bottom {
		float: left;
		position: absolute;
	}

	.user-logo-bottom .fa-circle {
		margin-top: 4px;
		font-size: 42px;
		color: #fff;
	}

	.user-logo-bottom .fa-user {
		color: rgba(40, 147, 255, 1);
	}

	/* sidebar */

	.add-sidebar-title {
		margin: 30px 0px 0px 0px;
		padding: 0;
		width: 330px;
		font-size: 14px;
  		float: left;
	}

	.add-sidebar-title /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.add-sidebar-title /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.add-sidebar-title /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.sidebar {
		margin-top: 92px;
		width: 170px;
		height: 634px;
		/* background-color: rgba(30, 119, 208, 1); */
		background-color: #fff;
		position: fixed;
		overflow-y: scroll;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  		left: 14px;
		transition: transform 1s ease;
		transition-delay: .5s;
	}

	.sidebar ul {
		margin: 12px 0px 80px;
		width: 100%;
	}

	.sidebar ul li {
		margin-top: 10px;
	}

	.sidebar .toggle {
		-webkit-transition: 320ms;
		transition: 320ms;
	}

	.sidebar ul li div,
	a.sidebar-direct {
		padding: 0;
		background-color: inherit;
		font-size: 16px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		color: #757575;
		cursor: pointer;
		display: inherit;
	}

	.sidebar ul li div paper-button,
	a.sidebar-direct paper-button {
		margin: 0;
		padding: 10px 0px 10px 24px;
		min-width: 0;
		width: 100%;
		text-transform: none;
		text-align: initial;
		border-radius: 0;
	}

	.sidebar ul li div paper-button /deep/ .button-content,
	a.sidebar-direct paper-button /deep/ .button-content {
		padding: 0;
		justify-content: initial;
		align-items: initial;
		flex-direction: initial;
		display: initial;
	}

	.sidebar ul li div sup,
	.sidebar-direct sup {
		font-size: 8px;
	}

	.sidebar ul li div a i,
	.sidebar ul li div i,
	.sidebar-direct i {
		margin-right: 10px;
		width: 17px;
  		text-align: center;
		color: rgba(37, 133, 228, 1);
	}

	.sidebar ul li div:hover {
		background: #3f3f3f;
		color: #fff;
	}

	.sidebar ul li div a:hover {
		color: #fff;
	}

	.sidebar-direct:hover {
		background: #3f3f3f;
		color: #fff;
		color: #fff;
	}

	.sidebar ul li a.active {
		background: #3f3f3f;
		color: #fff;
	}

	.sidebar ul li div.toggle-enabled, .sidebar ul li div.active {
		background: #3f3f3f;
		color: #fff;
	}

	.sidebar ul li core-collapse {
		padding: 0;
	}

	.sidebar ul li core-collapse ul {
		margin: 0;
		padding: 18px 20px;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.68);
		font-size: 14px;
		font-weight: 300;
		line-height: 2.2;
		color: #fff;
	}

	.sidebar ul li core-collapse ul li {
		margin-top: 0px;
	}

	.sidebar ul li core-collapse ul li a:hover {
  		padding-left: 4px;
		color: #fff;
  		border-left: 4px solid rgba(37, 133, 228, 1);
	}

	.sidebar ul li core-collapse .clear {
		padding: 0;
	}

	.cms-content {
		padding-left: 80px;
		padding-top: 62px;
	}

	.cms-content-container {
		margin: 30px auto;
		padding: 40px 50px;
		width: 1040px;
		min-height: 677px;
		background-color: #ffffff;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}

	/* dashboard */

	.reminder {
		margin: 20px auto;
		padding: 15px 20px 25px;
		width: 60%;
		background-color: #FFEC8B;
	}

	.reminder h3 {
		margin: 6px 0px 20px;
		font-size: 18px;
	}

	.reminder core-label {
		margin-bottom: 20px;
	}

	.reminder core-label paper-checkbox {
		margin: 0.5px 20px 0px 0px;
	}

	.reminder core-label p {
		font-size: 14px;
	}

	.reminder-submit {
		margin: 30px auto;
		padding: 1px 0px;
		width: 130px;
		background-color: #5af158;
		font-size: 14px;
		color: #fff;
		text-transform: initial;
		display: inherit;
	}

	.reminder-submit core-icon {
		margin-right: 4px;
	}

	/* add/edit page */

	.add-page {
	}

	.add-page .error, .edit-page .error {
		position: relative;
		left: 150px;
	}

    .add-page h2,
    .edit-page h2 {
        width: 750px;
    }

	.edit-page.contact-edit .error {
		position:static;
		width:280px;
	}

	.add-page-active-div, .edit-page-active-div {
		margin-bottom: 26px;
	}

	.add-page-region-div {
		margin-bottom: 16px;
	}

	.add-page-url-div {
		margin-bottom: 32px;
	}

    .edit-page-url-div {
        margin-bottom: 5px;
    }

	.add-page-layout-div, .edit-page-layout-div {
		margin-bottom: 22px;
	}

	.add-page-culture-div, .edit-page-culture-div {
		margin-top: 15px;
	}

	.add-page-title-div, .edit-page-title-div {
		margin-bottom: 15px;
	}

	.add-page-subtitle-div, .edit-page-subtitle-div {
		margin: 18px 0px 32px;
	}

	.add-page-tags-div, .edit-page-tags-div {
		margin: 44px 0px 32px;
	}

	.add-page-image-div, .edit-page-image-div  {
		margin-bottom: 10px;
	}

	.add-page-title-diff-div, .edit-page-title-diff-div {
		margin-top: 42px;
	}

	.add-page-folder-assoc-div, .edit-page-folder-assoc-div {
		margin-top: 20px;
	}

	.add-page-folder-assoc-div select, .edit-page-folder-assoc-div select {
		margin-top: 16px;
	}

	.add-page-site-title-div, .edit-page-site-title-div {
		margin-top: 18px;
	}

	.add-page-content-div, .edit-page-content-div {
		margin-top: 42px;
		margin-bottom: 10px;
	}

	.add-page-content-div .error, .edit-page-content-div .error {
		left: 0;
	}

	.add-page-content-div label, .edit-page-content-div label {
		margin-bottom: 10px;
		position: relative;
	}

	.add-page form div .clear, .edit-page form div .clear {
		margin-bottom: 0px;
	}

	.add-page form div label, .edit-page form div label {
		margin-right: 12px;
		width: 90px;
		float: left;
	}

    .edit-lead form {
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }

	.edit-page form div label.page-active {
	}

	.edit-page form div paper-checkbox.page-active-checkbox {
	}

	.edit-page form div label.page-culture {
	}

	.edit-page form div select.page-culture-select {
	}

	.add-page form div paper-input-decorator, .edit-page form div paper-input-decorator {
		padding: 0;
	}

	.add-page form div input, .edit-page form div input {
		width: 280px;
		float: left;
	}

	.add-page form div select, .edit-page form div select {
		width: 280px;
		background-color: rgba(255, 255, 255, 0);
		float: left;
	}

	.add-page form div input[type="checkbox"], .edit-page form div input[type="checkbox"] {
		margin: 3px 0px 0px 0px;
	}

	.label-text-center {
		margin-top: 10px;
	}

	.label-text-center-url {
		margin-top: 15px;
	}

	.label-text-center-float {
		margin-top: 26px;
	}

	.label-text-center i {
		margin-top: 1.5px;
		font-size: 14px;
		color: rgba(37, 133, 228, 1);
	}

	.add-page-url-container, .edit-page-url-container {
		float: left;
	  	padding: 5px;
	  	background-image: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(249, 249, 249, 1) 100%);
		position: relative;
	}

    .edit-page-url-path-container {
        float: left;
        padding: 5px;
        margin-bottom: 15px;
    }

	.add-page form div input.add-page-url, .edit-page form div input.add-page-url {
		padding: 6px 30px 6px 28px;
		width: 270px;
		font-size: 14px;
		border: 1px #b9b9b9 solid;
		border-radius: 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
		font-family: 'Roboto', sans-serif;
	}

	.url-perma {
	  	cursor: pointer;
	  	color: #757575;
	  	font-size: 14px;
	  	position: absolute;
	  	left: 14px;
	  	top: 15px;
	}

	.url-perma i {
		float: left;
		background: -webkit-linear-gradient(rgb(156, 156, 156), rgb(116, 116, 116));
  		-webkit-background-clip: text;
  		-webkit-text-fill-color: transparent;
	}

	.url-perma i:hover {
		color: #b2b2b2;
	}

	.url-link {
	  	cursor: pointer;
		color: rgba(37, 133, 228, 1);
	  	font-size: 22px;
		position: absolute;
	  	right: 9px;
	  	top: 10.5px;
	}

	.url-link i {
		float: left;
	}

	.insert-link {
		padding: 6px 5px;
		width: 708px;
		font-size: 14px;
		border: 1px #b9b9b9 solid;
		border-radius: 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
		font-family: 'Roboto', sans-serif;
	}

	.add-page-url::-webkit-input-placeholder, .edit-page-url::-webkit-input-placeholder, .insert-link::-webkit-input-placeholder { /* WebKit browsers */
    	color: #b9b9b9;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}
	.add-page-url:-moz-placeholder, .edit-page-url:-moz-placeholder, .insert-link:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   	color: #b9b9b9;
	   	font-weight: 100;
	   	opacity: 1;
	}
	.add-page-url::-moz-placeholder, .edit-page-url::-moz-placeholder, .insert-link::-moz-placeholder { /* Mozilla Firefox 19+ */
	   	color: #b9b9b9;
	   	font-weight: 100;
		opacity: 1;
	}
	.add-page-url:-ms-input-placeholder, .edit-page-url:-ms-input-placeholder, .insert-link:-ms-input-placeholder { /* Internet Explorer 10+ */
	   	color: #b9b9b9;
	   	font-weight: 100;
	}

	.input-dropdown {
		padding: 8.5px 25px 8px 0px;
		color: rgba(37, 133, 228, 1);
		border-bottom: 1px solid #b9b9b9;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		box-shadow: none;
		cursor: pointer;
	}

	.input-dropdown:hover {
		border-bottom: 1px solid rgba(37, 133, 228, 1);
	}

	.add-page-input, .edit-page-input {
		width: 280px;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.add-page paper-input-decorator /deep/ .floated-label .label-text, .edit-page paper-input-decorator /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.add-page paper-input-decorator /deep/ .unfocused-underline, .edit-page paper-input-decorator /deep/ .unfocused-underline  {
		background-color: #b9b9b9;
	}

	.add-page paper-input-decorator /deep/ .focused-underline, .edit-page paper-input-decorator /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	input.input-text {
		margin-bottom: 0px;
		padding: 8.5px 25px 8px 0px;
		height: inherit;
		color: rgba(37, 133, 228, 1);
		border-bottom: 1px solid #b9b9b9;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		box-shadow: none;
	}

	.add-page .button-group, .edit-page .button-group {
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-bottom: 0px;
		width: 100%;
		background-color: #f5f5f5;
	}

	.add-page button.disabled, .edit-page button.disabled button[disabled], .button.disabled, .button[disabled] {
         opacity: inherit;
    }

    .add-page button[name="html"].tiny.active, .edit-page button[name="html"].tiny.active {
        background-color: pink;
    }

	.add-page button.tiny, .add-page .button.tiny, .edit-page button.tiny, .edit-page .button.tiny {
		margin-bottom: 0;
		padding: 8px 9.87px;
		font-size: 9px;
		color: #000;
		background-color: #f5f5f5;
	}

	.add-page button.tiny:hover, .add-page .button.tiny:hover, .edit-page button.tiny:hover, .edit-page .button.tiny:hover {
		background-color: #ccc;
	}

	.add-page .ta-scroll-window.ng-scope.ta-text.ta-editor.form-control, .edit-page .ta-scroll-window.ng-scope.ta-text.ta-editor.form-control {
		border-color: #ddd;
		box-shadow: none;
	}

	.add-page .ta-scroll-window.form-control, .edit-page .ta-scroll-window.form-control {
		width: 100%;
	}

	.add-page-content-input, .edit-page-content-input {
		height: 330px;
        padding: 30px;
	}

	.add-page .ta-editor.ta-html, .edit-page .ta-editor.ta-html {
		width: 100%;
		height: 302px;
		padding: 8px;
	}

	.add-page-advanced-div {
		margin-top: 42px;
	}

	.advance-toggle {
		margin: 0px;
		width: 382px;
  		background-color: #f9f9f9;
  		font-size: 12px;
  		text-transform: lowercase;
		padding: 3px;
		border-radius: 0px;
	}

	.advance-toggle:hover {

	}

	.advance-toggle i {
		margin-top: 2px;
		margin-right: 6px;
	}

	.advance-collapse {
		padding: 20px;
		background-color: #f9f9f9;
	}

	.advanced-content-left {
	}

	.advanced-content-right {
	}

	.advance-h5 {
		color: rgba(37, 133, 228, 1);
	}

	.add-page-content-input-html {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
  		border-left: 1px solid #ddd;
	}

	.add-page-content-tabs {
		height: 48px;
		background-color: rgba(37, 133, 228, 1);
	}

	.blue-yellow-title-content {
		margin-top: 0px;
		width: 540px;
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		padding: 14px 10px;
		float: left;
	}

	.view-list-titles-content {
		background-color: rgba(37, 133, 228, 1);
		color: #fff;
	}

	.view-list-titles-content /deep/ .button-content {
	  	padding: 0;
	}

	.add-page-content-checkbox {
		margin: 0px 0px 0px 8px;
	}

	.add-page-img-choose {
		margin: 5px 0px 0px 0px;
		font-size: 10px;
		text-transform: lowercase;
		float: left;
	}

	.add-page-selected-img {
		margin-top: 20px;
		width: 382px;
		object-fit: contain;
  		float: left;
	}

	.add-page-img-name {
		margin: 20px 0px 0px 0px;
		float: left;
	}

	.advance-collapse-left {
		width: 382px;
		float: left;
	}

	.advance-collapse-right {
		width: 382px;
		float: right;
	}

	.add-page-description-div {
		margin: 33px 0px 54px 0px;
	}

	.add-page-linkset1-div {
		margin-top: 12px;
	}

	.add-page-linkset2-div {
		margin-top: 14px;
	}

	.add-page-sidebar-div {
		margin-top: 14px;
	}

	.add-page-snippet-div {
		margin-top: 14px;
	}

	.add-page-form-div {
		margin-top: 14px;
	}

	.add-page-folder-div {
		margin-top: 12px;
	}

	.post-active-div {
		margin-bottom: 36px;
	}

	.post-publish-div {
	}

	.post-title-div {
		margin-bottom: 28px;
  		margin-top: -6px;
	}

	.post-slug-div {
		margin-bottom: 28px;
	}

	.label-short-des {
		margin-top: 3px;
	}

	.post-short-description-div {
		margin-bottom: 48px !important;
	}

	.post-long-description-div {
		margin-bottom: 30px !important;
	}

	.add-post-ta {
		border: 1px solid #B9B9B9;
		width: 280px;
	}

	.add-post-ta-text {
		padding: 4px 8px !important;
	}

	.add-post-image {
		margin-bottom: 36px !important;
	}

	.label-post-tag {
		margin-top: 9px;
	}

	.CodeMirror {
		font-weight: 300;
		font-family: 'Roboto', sans-serif;
		line-height: 18px;
	}

	.label-no-float {
		margin-top: 9px;
	}

	.reveal-modal-bg {
		position: fixed;
	}

	.reveal-modal {
		width: 960px;
  		max-width: none;
	}

	.reveal-modal label {
		margin-right: 12px;
		margin-bottom: 15px;
    	width: 90px;
    	float: left;
		font-size: 12px;
    	font-family: 'Roboto', sans-serif;
    	line-height: normal;
    	color: #757575;
    	cursor: inherit;
	}

	.add-profile-text-div {
		margin-bottom: 28px;
	}

	a.add-more-link, .add-more-link {
    	color: #527cff;
	}

	.error {
		color: red;
		width: 380px;
		height:14px;
	}

	.action-btn {
		background-color: #527cff;
	}

	.thumb {
		width: 80px;
		height: 80px;
		object-fit: contain;
		float: left;
	}

	tags-input .tags {
		-moz-appearance: initial !important;
		-webkit-appearance: initial !important;
		box-shadow: none !important;
		border: 1px #b9b9b9 solid !important;
    	border-radius: 3px !important;
		width: 280px !important;
	}

	tags-input .tags .tag-item {
		background: rgb(46, 151, 255) !important;
    	border: 1px solid #2585E4 !important;
		color: #FFF !important;
	}

	tags-input .tags .tag-item .remove-button {
		color: #FFF !important;
	}

	.add-page-textarea {
		border: 1px solid #B9B9B9;
    	margin-top: 10px;
	}

	.add-page-textarea textarea {
		padding: 4px 8px;
	}

	/* add contacts */

	.add-contacts-container {
	  	margin: 40px auto;
		padding: 20px;
		width: 840px;
		background-color: #F5F5F5;
		border: 1px solid rgba(37, 133, 228, 1);
	}

	.edit-contacts-container {
		margin-top: 60px;
	}

	.add-contacts-container-1 {
		width: 90px;
		float: left;
	}

	.add-contacts-container-1 .fa-circle {
		color: #fff;
  		font-size: 90px;
	}

	.add-contacts-container-1 .fa-list-alt {
		margin: 30px 0px 0px 18px;
		font-size: 40px;
		color: rgba(37, 133, 228, 1);
	}

	.add-contacts-container-2 {
		float: left;
		margin-left: 18px;
	}

	.add-contacts-container-3 {
		float: left;
		margin: 0px 20px 0px 44px;
	}

	.add-contacts-container .add-page-title-div {
	  	margin-bottom: 28px;
  		margin-top: 28px;
	}

	.add-contacts-container paper-input-decorator,
	.add-contacts-container paper-input-decorator.add-page-input input {
	  	width: 166px;
		color: rgba(37, 133, 228, 1);
	}

	.add-contacts-container .label-text-center-float {
	  	margin-top: 9px;
		width: 102px;
	}

	.add-contacts-add-another {
		margin-right: 50px;
	}

	div.tags-container-add-contacts {
		margin-left: 108px;
	}

	div.tags-container-add-contacts paper-input-decorator.add-tag-add-contacts {
		width: 206px;
	}

	div.tags-container-add-contacts div.tags-add-contacts {
		width: 280px;
  		margin-right: 76px;
	}

	/* upload */

	input#file_upload {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.upload-container {
		background-color: #F5F5F5;
		padding: 50px 0px 1px;
		margin-bottom: 30px;
		border: 1px solid #D8D8D8;
	}

	.upload-title {
		margin: 0 auto;
		width: 175px;
		text-align: center;
		line-height: 30px;
		border-bottom: 2px solid rgba(37, 133, 228, 1);
	}

	.file_upload {
		margin: 40px auto 80px;
		display: table;
		background-color: #fff;
	}

	.progress .meter {
	  	background: rgba(37, 133, 228, 1);
	}

	.queue-length {
		margin-bottom: 14px;
	}

	.table {
		table-layout: fixed;
	}

	.table .enter-display-name {
		color: #ed4e6e;
	}

	.table paper-input-decorator /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.upload-queue {
		margin: 26px 0px 10px 0px;
	}

	.upload-queue p {
		margin-bottom: 6px;
	}

	/* add layouts */

	.add-layout .table paper-checkbox {
		margin-left: 10px;
	}

	/* view layouts */

	.view-list-container {
		min-height: 390px;
        transition: all 0.2s ease-in-out;
	}

    .view-list-container .infinite-scroll{
        max-height: 500px;
        overflow: scroll;
		display: block;
    }

	.view-list-container /deep/ .paper-shadow-bottom-z-1 {
		box-shadow: none;
	}

	.view-list-container paper paper-tabs {
		background-color: #f5f5f5;
	}

	.view-list-titles {
		background-color: rgba(37, 133, 228, 1);
		color: #fff;
	}

	.view-list-titles /deep/ .button-content {
	  padding: 0;
	}

	.view-list-titles /deep/ #selectionBar {

	}

	.view-list-titles /deep/ #ink {

	}

	paper-item.empty-list.ng-scope {
	  font-size: 14px;
	  padding: 10px 6px;
	}

	.view-list-item {
		border-bottom: 1px solid #EDEDED;
	}

	.view-list-item:nth-child(even) {
		background-color: #FCFCFC;
	}

	.view-list-item ul {
		/*margin: 6px 0px;*/
		display: inherit;
        max-width: 100%;
	}

	.view-list-item-general ul {
		margin: 10px 0px;
	}

	ul.ul-text-list {
		/*margin: 16px 0px;*/
	}

	.view-list-item-general ul li {
		margin: 0px 0px 0px 0px;
		padding: 0px 14px;
		width: 460px;
		font-size: 14px;
		text-align: center;
		float: left;
	}

	.view-list-item-general ul li.list-item-3 {
		width: 307px;
	}

	.view-list-item-general ul li.list-item-4 {
		width: 230px;
	}

	.view-list-item-general ul li.height-18-list-view {
		height: 18px;
		margin-top: 2px;
	}

	.view-list-item a {
		color: rgba(37, 133, 228, 1);
		display: block;
		padding: 0;
	}

	.view-list-item a:hover {
		color: #fda639;
	}

	.date {
		word-spacing: 4px;
	}

	.view-list-item-general li core-label {
		margin-top: 2px;
	}

	.view-list-item-general li label {
		margin-left: 12px;
		font-size: 13px;
	}

	.view-list-item-media ul li {
		margin: 0px 0px 0px 0px;
		padding: 0px 14px;
		width: 307px;
		font-size: 14px;
		float: left;
	}

	.view-list-item-media ul li a i {
		padding-top: 26px;
		height: 80px;
  		width: 80px;
  		text-align: center;
	}

	.view-list-item-media-ext {
		margin: 30px 0px 0px 20px;
		width: 172px;
  		overflow-x: scroll;
		float: left;
	}

	.view-list-item-media-output {
		margin-top: 30px;
		display: inherit;
	}

  	.view-list-search {
		margin: 0px auto 10px;
		width: 240px;
		font-size: 14px;
	}

	.view-list-search /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.view-list-search /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.view-list-search /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.pagination-container {
		margin: 0px auto;
		width: 138px;
	}

	.pagination-container p {
    	margin-top: 37px;
    	margin-right: 20px;
		float: left;
	}

	.pagination {
		margin: 0px;
		width: 40px;
		font-size: 14px;
		float: left;
	}

	.pagination /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.pagination /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.pagination /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.profile-permission-container {
		margin: 60px 0px 0px 20px;
		width: 200px;
		background-color: #fff;
		overflow-y: scroll;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		left: 14px;
		transition: transform 1s ease;
		transition-delay: .5s;
	}

	.profile-permission-container ul {
		margin: 12px 0px 12px;
		width: 100%;
	}

	.profile-permission-container ul li {
		margin-top: 10px;
	}

	.profile-checkbox-main {
		margin-top: 4px;
		margin-right: 12px;
		float: left;
	}

	.profile-checkbox-main /deep/ #checkbox {
		border-color: #fff;
	}

	.profile-checkbox-list {
		margin-top: 6px;
		margin-right: 12px;
		float: left;
	}

	.profile-checkbox-list /deep/ #checkbox {
		border-color: #fff;
	}

	.profile-permission-main {
		padding: 0;
		background: #3f3f3f;
    	color: #fff;
		font-size: 16px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		cursor: pointer;
		display: inherit;
	}

	.profile-permission-main paper-button {
		margin: 0;
		padding: 10px 0px 10px 24px;
		min-width: 0;
		width: 100%;
		text-transform: none;
		text-align: initial;
		border-radius: 0;
	}

	.profile-permission-main paper-button /deep/ .button-content {
		padding: 0;
		justify-content: initial;
		align-items: initial;
		flex-direction: initial;
		display: initial;
	}

	.profile-permission-main paper-button i {
		margin-right: 10px;
		width: 17px;
  		text-align: center;
		color: rgba(37, 133, 228, 1);
	}

	.profile-permission-list {
	}

	.profile-permission-list ul {
		margin: 0;
		padding: 18px 20px;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.68);
		font-size: 14px;
		font-weight: 300;
		line-height: 2.2;
		color: #fff;
	}

	.profile-permission-list ul li {
		margin-top: 0px;
	}

	.view-list-post-category-name {
		margin-top: -30px;
    	margin-bottom: 36px;
    	width: 300px;
	}

	.empty-list /deep/ .button-content {
		padding: 0.9em 1em 0.9em 0em;
	}

	paper-item.empty-list a {
		color: rgba(37, 133, 228, 1);
		margin-left: 5px;
		height: inherit;
		-ms-flex: inherit;
		-webkit-flex: inherit;
		flex: inherit;
		-webkit-flex-basis: inherit;
		flex-basis: inherit;
	}

	paper-item.empty-list a:hover {
		color: #fda639;
	}

	.view-list-item /deep/ .button-content {
		padding: 0.9em 0em;
	}

	.media-filter {
		margin-top: 21px;
	}

	.media-filter label {
		margin-top: 11px;
		float: left;
	}

	.media-filter select {
		margin-left: 12px;
  		width: 140px;
	}

	.media-filter select:hover {
		background-color: initial;
	}

	.contacts-selected {
		float: left;
	  	margin-top: 33px;
	  	font-size: 14px;
	}

	.contacts-selected-number {
		color: rgba(37, 133, 228, 1);
  		font-size: 16px;
  		margin-left: 4px;
	}

	/* extensions */

	.extensions {
		margin-top: 5px;
	}

	.add-link-set-h4 {
		margin: 10px 10px 4px;
  		font-size: 14px;
	}

	.add-link-set-form {
		background-color: #F5F5F5;
		border: 1px solid #D8D8D8;
  		padding: 22px 16px;
		margin: 10px 10px 20px;
	}

	.add-link-set {
		margin-top: 60px;
	}

	.add-link-set-link-title {
		margin: -15px 0px 20px 0px;
		padding: 0;
		width: 240px;
		font-size: 14px;
  		float: left;
	}

	.add-link-set-link-title /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.add-link-set-link-title-input {
		width: 280px;
  		float: left;
	}

	.add-link-set-link-name {
		margin: -15px 40px 0px 0px;
		padding: 0;
		width: 330px;
		font-size: 14px;
  		float: left;
	}

	.add-link-set-link-name /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.add-link-set-link-name-input {
		width: 280px;
  		float: left;
	}

	.add-link-set-link-name-input /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.add-link-set-link-input {
		width: 330px;
	}

	.add-link-set-link-title /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.add-link-set-link-title /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.add-link-set-link-name /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.add-link-set-link-name /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	paper-input-decorator.link-set-list-name {
		width: 240px;
	}

	.link-set-list-url {
		margin: 16px 0px 0px 30px;
		width: 240px;
	}

	.link-set-list-arrows {
		height: 27px;
	}

	.green-add {
		background-color: #50E84D !important;
		color: #fff !important;
	}

	.blue-yellow-title {
		text-transform: capitalize;
		margin-top: 0px;
		background-color: rgba(37, 133, 228, 1);
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		height: 48px;
		border-bottom: 2px solid #ffff8d;
		padding: 14px 10px;
	}

	.blue-yellow-title-40-margin {
		text-transform: capitalize;
		margin-top: 40px;
		background-color: rgba(37, 133, 228, 1);
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		height: 48px;
		border-bottom: 2px solid #ffff8d;
		padding: 14px 10px;
	}

	.lowercase {
		text-transform: lowercase;
	}

	.padding-10-wrapper {
		padding: 10px;
	}

	.margin-side-10 {
		margin: 0px 10px;
	}

	.extensions-list-container {
		margin-top: 0px;
		padding: 0px !important;
	}

	.extensions-list-container /deep/ .paper-shadow-bottom-z-1 {
		box-shadow: none;
	}

	.extensions-buttons /deep/ .paper-shadow-bottom-z-1 {
		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
	}

	.extensions-entry {
		padding: 8px 10px 0px;
		border-bottom: 1px solid #EDEDED;
		min-height: 72px;
	}

	.extensions-entry:nth-child(even) {
		background-color: #FCFCFC;
	}

	.extensions-input {
		width: 600px;
	}

	input.extensions-input-input.ng-pristine.ng-valid {
		background-color: #fff;
	}

	.extensions-buttons {
		margin: 15px 0px 0px 8px;
		font-size: 10px;
		background-color: #fff;
	}

	input.extensions-input-input.ng-pristine.ng-valid.text-black {
		color: #000;
	}

	input.extensions-input-input.ng-valid.text-black.ng-dirty {
		color: #000;
	}

    input.extensions-input-pagination {
        margin: 20px 0 0 60px;
        width: 50px;
        text-align: center;
        min-height: 30px;
    }

    input.extensions-input-pagination.form {
        margin: 20px 0 0 60px;
        width: 80px;
        text-align: center;
        min-height: 30px;
    }

	/* css */

	.add-css {
		margin-top: 30px;
	}

	.add-css paper-shadow.css-container {
		padding: 0px 10px 0px 0px;
		min-height: inherit;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}

	.css-container /deep/ .paper-shadow-bottom-z-1 {
		box-shadow: none;
	}

	.extensions-buttons /deep/ .paper-shadow-bottom-z-1 {
		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
	}

	.CodeMirror.cm-s-default.CodeMirror-wrap {
		height: 330px;
	}

	.css-container /deep/ i.fa.fa-question.fa-lg.right.pointer {
		margin-top: 10px;
	}

	/* edit layout */

	.edit-layout-icon {
		text-align: center;
  		font-size: 120px;
  		margin: 0px 0px 60px 0px;
  		line-height: 0;
	}

	.edit-layout paper-checkbox#checkbox {
		margin-left: 9px;
	}

	.edit-layout paper-button.small {
		margin-left: 6px;
	}

	/* edit media */

	.edit-media-img {
		width: 302px;
	  	text-align: center;
	  	margin: 0px auto;
	  	display: block;
	}

	.edit-media-img-file {
		width: 302px;
	  	text-align: center;
	  	margin: 0px auto;
	  	display: block;
		font-size: 100px;
	}

	.edit-media-img-link {
		margin-top: 40px;
	}

	.edit-media-img-link p {
		text-align: center;
	}

	.edit-media-img-link p code {
		margin-top: 8px;
  		display: inline-block;
	}

	.edit-media-table {
		margin: 30px auto 30px;
		width: 680px;
	}

	.table-edit-layout {
		margin: 0px auto;
		width: 526px;
	}

    .file_download {
        color: rgba(37, 133, 228, 1);
    }
    .file_download:hover {
        color: rgba(37, 133, 228, 1);
    }

	/* actions panel */

	.actions-panel {
		padding: 10px;
		background-color: #F7F7F7;
		border: 1px solid #eee;
		border-radius: 5px;
		position: absolute;
		right: 0;
        transition: all 0.2s ease-in-out;
	}

	.actions-panel-s {
		padding: 10px 12.5px;
		background-color: #F7F7F7;
		border: 1px solid #eee;
		border-radius: 5px;
		position: absolute;
		right: 0;
	}

	.actions-panel-other-buttons {
		margin: 10px auto 0px;
		padding-top: 10px;
		text-align: center;
		border-top: 1px solid #eee;
	}

	.actions-panel-other-buttons-nbt {
		margin: 2px auto 0px;
		text-align: center;
	}

	.add-btn-container, .edit-btn-container {
		text-align: center;
	}

	.add-btn, .edit-btn {
		background-color: #ffca28;
		border-radius: 50%;
		width: 76px;
		height: 76px;
	}

	.edit-btn {
		background-color: #2cff0c;
	}

	.add-btn .add-btn-icon, .edit-btn .edit-btn-icon {
		margin-top: 5px;
		width: 50px;
		height: 50px;
		color: #fff;
	}

	.add-btn-container span, .edit-btn-container span {
		margin-top: 8px;
		font-size: 12px;
		font-weight: 100;
		display: inherit;
	}

	.back-wrapper {
		float: left;
	  	border-right: 1px solid #eee;
	  	padding-right: 8px;
	  	margin-right: 8px;
	  	height: 43px;
	}

	.back-wrapper-nbr {
		float: left;
	  	height: 43px;
	}

	.blue-back {
		background-color: rgba(37, 133, 228, 1);
		color: #fff;
	}

	.grey-person {
		background-color: #3f3f3f;
		color: #fff;
	}

	.delete-wrapper {
		float: right;
	}

	.pink-delete {
		background-color: #ed4e6e;
		color: #fff;
	}

	.delete-wrapper span {
	  	margin-top: 11px;
	  	font-size: 12px;
	  	font-weight: 100;
		display: inline-block;
	}

	/* permissions */

	.add-permission-div {
		width: 200px;
		max-height: 150px;
		margin: 0 10px 20px;
		border: 1px solid #000;
	}

	.add-permission-div label.label-text-center-float.ng-binding {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		background-color: #0da2e2;
		color: #fff;
		padding: 5px;
	}

	.add-permission-div i.fa.fa-check-circle.fa-3x {
		margin: 5px auto;
		width: 100%;
		text-align: center;
		color: rgba(37, 133, 228, 1);
	}

	.add-permission-div  .add-permission-values-div label {
		width: 80px;
		margin: 10px 5px;
	}

	/* tags */

	.tags-container {
		width: 680px;
  		margin: 0 auto;
  		padding: 0;
	}

	.tags-container h5 {
		margin-bottom: 20px;
	}

	.tags-container .add-tag {
		float: left;
		width: 200px;
	}

	.tags-container .add-tag /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.tags-container .add-tag /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.tags-container .add-tag-button {
		margin: 4px 0px 0px 8px;
		float: left;
	}

	.tags-container .tags {
		float: right;
		background-color: #f8f8f8;
		padding: 20px;
		border: solid 1px #ddd;
		margin: 0;
		width: 380px;
		min-height: 76px;
	}

	.tags-container .tags .tag {
		padding: 5px 5px 7px 10px;
		border: 1px solid rgba(37, 133, 228, 1);
		margin: 2px;
	}

	.tags-container .tags .tag .fa {
		color: rgba(37, 133, 228, 1);
		margin-left: 10px;
	}

	.tags .tag .fa:hover {
		color: #0da2e2;
	}


	input:focus,
	select:focus,
	textarea:focus,
	button:focus {
		outline: none;
	}

	/* buttons */

	.form-control {
		border: solid 1px #959595;
	}

	#view {
		padding: 40px;
	}

	a #filtersubmit {
		margin: 15px 10px 0 0;
	}

	a #filtersubmit:hover {
		color: #6B6B6B !important;
	}

	#search {
		width: 600px;
		border: none;
	}

	ul.right li a:hover {
		background-color: #333 !important;
		color: #6B6B6B !important;
	}

	li.name h1 a {
		font-size: 22px;
		font-weight: 300 !important;
	}

	li.name h1 a:hover {
		color: #6B6B6B !important;
	}

	/* home page */

	.home {

	}


	.home paper-checkbox::shadow #checkbox.checked {
		border-color: #a7a7a7;
		background-color: #a7a7a7;
	}

	.add-note-container {
		padding-bottom: 15px;
	}

	.add-note-container paper-input-decorator /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.add-note-container paper-input-decorator /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.add-note-container span {
		color: #a4a4a4;
		font-size: 15px;
		display: block;
		cursor: pointer;
	}

	.reminder core-label p span {
		text-transform: capitalize;
		color: #5a5a5a;
	}

	.add-note-cancel {
		margin-top: -8px;
		margin-right: -8px;
		min-width: 0;
	}

	.add-note {
		width: 80%;
	}

	.add-note /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.add-note-btn {
		margin-top: 16px;
	}

	.note-remove {
		cursor: pointer;
		display: block;
		margin-left: 10px;
	}

	.note-remove .fa, .note-completed {
		color: #a7a7a7;
	}

	.note-completed {
		margin-bottom: 15px;
	}


	.sites-list {
		width: 100%;
		margin: 0 0 20px;
	}

	.sites-list .site-btn {
		width: 33.3%;
		margin: 30px auto 0;
	}

	/* page view */

	#add-btn .fa, .add-btn .fa {
		color: #fff !important;
		position: absolute;
		top: 20px;
		left: 22px;
	}

	#add-btn .fa-plus {
		content: 'unsaved';
	}

	label[for='checkbox'] .fa-check-square {
		color: #50E84D;
		margin-left: 10px;
	}

	.container form input[type='text'] {
		border: none !important;
		border-bottom: #979797 1px solid !important;
		-webkit-box-shadow: none !important;
	}

	.container form select {
		border: none !important;
		border-bottom: #979797 1px solid !important;
		-webkit-box-shadow: none !important;
		background-color: #fff;
	}

    .modal-images-heading {
        display: block;
        padding: 15px 0 5px 0;
    }

	.modal-images-list {
		width: 100%;
        overflow: none;
	}

	.modal-images-list li {
		width: 100%;
	}

    .modal-images-list li a:hover {
		background: #F7F7F7;
	}

	.flex-container {
        border-bottom: 1px solid #eaeaea;
        color: #757575;
        height: 125px;
        padding: 10px 0;
        width: 100%;
		display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        align-content: center;
	}

    .modal-image-header {
        background: #eaeaea;
        font-weight: bold;
        height: 50px;
    }

    .modal-image-img,
    .modal-image-img-header {
        width: 100px;
    }

    .modal-image-file-info,
    .modal-image-file-info-header {
        width: 300px;
    }

    .modal-image-file-info span:first-of-type {
        font-weight: bold;
    }

    .modal-image-file-date,
    .modal-image-file-date-header {
        align-self: flex-end;
    }

	.confirmModal {
		width: 550px;
	}

	.addCampaignContentModal {
		width: 880px;
	}

	.hover-img {
		border: 1px solid rgba(37, 133, 228, 1);
	}

	.picked-img {
		background: #eaeaea;
	}

    .modal-images-button {
        margin: 30px 0 15px 0;
        width: 100px;
    }

	/* people view */

	.edit core-item {
		width: 300px;
	}
	.edit core-item.contact-item {
		min-height: 50px;
		background-color: #efefef;
		border: 1px solid #ddd;
		padding: 10px;
	}

	.edit core-item.contact-item .email {
		font-size: 1.125em;
	}

	.edit core-item.contact-item .email .fa-envelope-o {
		margin: 0 4px 0;
	}

	.edit core-item.contact-item .status {
		font-size: 0.75em;
	}

	.contact-info-div, .contact-info-edit-form {
		max-height: 550px;
		width: 80%;
		margin: 20px auto;
		overflow: scroll;
	}

	.contact-info-div div {
		font-size: 18px;
		margin: 0 auto 10px;
		width: 500px;
	}

	.contact-info-div div label {
		font-size: 22px;
		color: rgba(177, 177, 177, 0.56);
		float: left;
		margin-right: 30px;
	 }

	.contact-info-div div span {
		float: right;
	}

	.contact-info-div /deep/ .button-content {
		padding: 5px;
	}

	.contact-info-div .password-mgmt span {
		margin-left: 5px;
		text-transform: none;
	}

	a.contact-info-edit-btn  {
		color: #0000cc;
		display: block;
	}

	.contact-info-edit-form {

	}

	.contact-add-to-users {
		margin: 20px auto;
		background-color: #ffca28;
		color: #fff;
	}

	.contact-add-to-users  .fa {
		color: #fff;
	}

	/* navigation view */

	.nav-includes paper-shadow {
		padding: 10px;
		min-height: 390px;
	}

	.nav-page-create {
		margin-bottom: 30px;
	}

	.add-links-btn {
		margin: 20px 0 8px;
	}

	div.add-link .add-link-input {
		width: 33%;
		margin-right: 20px;
	}

	div.add-link .input-dropdown {
		width: 46%;
		margin: 9px 20px 0;
	}

	div.add-link .remove-link-btn-container {
		width: 10%;
		margin: 13px 12px 0;
	}

	div.add-link .remove-link-btn {
		/*margin: 0 13px;*/
	}

	.nav-page-div {
		margin-bottom: 15px;
	}

	.nav-page-input {
		width: 250px;
		font-size: 14px;
	}
	.nav-includes {
		margin: 0 auto;
	}

	.nav-includes paper-input-decorator /deep/ .floated-label .label-text {
		color: rgba(37, 133, 228, 1);
	}

	.nav-includes paper-input-decorator /deep/ .unfocused-underline {
		background-color: #b9b9b9;
	}

	.nav-includes paper-input-decorator /deep/ .focused-underline {
		background-color: rgba(37, 133, 228, 1);
	}

	.nav-page-content-div {
		margin-bottom: 10px;
	}

	.nav-includes button.disabled, button[disabled], .button.disabled, .button[disabled] {
		opacity: inherit;
	}

	.nav-includes button.tiny, .nav-includes .button.tiny {
		margin-bottom: 0;
		padding: 8px 9.54px;
		font-size: 9px;
	}

	.nav-includes .ta-scroll-window.form-control {
		width: 779px;
	}

	.nav-includes .ta-editor.ta-html {
		width: 779px;
	}

	.nav-includes #social {
		margin: 0 176px;
	}

	.social-add a {
		color: inherit;
		float: left;
		width: 24px;
	}

	.social-add i {
		margin-top: 22px;
		-webkit-transition: 320ms;
		transition: 320ms;
	}

	.social-add i.fa-facebook:hover {
		color: #3B5998;
	}

	.social-add i.fa-google-plus:hover {
		color: #dd4b39;
	}

	.social-add i.fa-instagram:hover {
		color: #517fa4;
	}

	.social-add i.fa-linkedin:hover {
		color: #007bb6;
	}

	.social-add i.fa-twitter:hover {
		color: #4099ff;
	}

	.social-add i.fa-youtube:hover {
		color: #bb0000;
	}

	.social-add paper-input-decorator {
		width: 400px;
		margin-left: 20px;
	}

	.create-btn {
		margin-top: 20px;
	}

	/* regionalization view */

	#regionalization {

	}

	#regionalization .map-location {

	}

	#regionalization #region {
		width: 21%;
	}

	#regionalization .map-location #map {
		height: 100%;
		width: 100%;
	}

	.angular-google-map-container {
		height: 400px;
	}

	/* login Error */

	#login_container #login_error {
		height: 100%;
		width: 100%;
		/*opacity: 0;*/
		text-align: center;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
	}

	/* analytics page */

	#analytics paper-shadow {
		padding: 20px;
		margin-bottom: 25px;
	}

	#analytics p span, table tbody tr td span{
		font-weight: 500;
		color: rgba(37, 133, 228, 1);
	}

	#analytics paper-shadow table {
		margin: 25px 225px 0;
		width: 300px;
	}

	#analytics h4 {
		margin: 10px 0 25px 0;
		font-size: 28px;
		font-family: 'Roboto', sans-serif;
		line-height: normal;
		font-weight: 100;
		color: #757575;
		display: inline-block;
	}

	#analytics .analytics-input {
		width: 180px;
		padding: 0;
		line-height: 13px;
	}

	#analytics .analytics-input input {
		margin: 0;
	}

	/* document tree */

	#wikiSTIK-tree {
		width: 100%;
	}

	ul#wikiSTIK-tree li {
		font-size: 1.2rem;
	}

	.wikiStik-checkbox {
		margin-right: 15px;
	}
	.doc-tree-label {
		font-size: 22px;
		line-height: 28px;
	}

	.add-new-folder {
		position: fixed;
		top: 65px;
		left: 850px;
		width: 400px;
		padding: 10px;
		border: 1px solid rgba(117, 117, 117, 0.63);
		background-color: #fff;
	}

	.add-new-folder h3 {
		font-weight: 200;
	}

	.folder-container {
		min-width: 500px;
		margin-top: 80px;
	}

	.folder-container .add-folder {
		cursor: pointer;
	}


	.tree-container {
		min-height: 400px;
		border: 1px solid #E7E7E7;
		padding: 5px 10px;
		min-width: 500px;
	}

	.tree-node {
		padding: 2px 0px 2px 0px;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #ededed;
	}

	.tree-node ul .tree-node:nth-child(odd) {
		background-color: #fff;
	}

	.tree-node:nth-child(even) {
		background-color: #fafafa;
	}

	.tree-node ul {
		margin-left: 0 !important;
		padding-left: 10px !important;
		width: 100%;
		border-top: 1px solid #ededed;
	}

	.tree-node ul li.tree-node {

	}

	.tree-node ul li.tree-node:last-child {
		border-bottom: none;
	}

	.tree-node div {
		cursor: pointer;
		display: block;
	}

	.tree-node span {
		min-height: 30px !important;
		line-height: 28px !important;
	}

	.tree-node .node-title {
		font-size: 16px;
		padding-left: 8px;
	}

	.tree-node.trash .folder-settings {
		opacity: 1;
	}

	ul .tree-drag > div > span.node-title  {
		background-color: rgba(14, 125, 189, 0.34);
	}

	.tree-drag-over > div > span.node-title {
		background-color: rgba(13, 147, 210, 0.65);
	}

	[ng-drop].drag-enter {
		border:solid 5px rgba(14, 125, 189, 0.34);
		background-color: rgba(13, 147, 210, 0.65);
		color: #f8f8ff;
	}

	[ng-drag].dragging{
		opacity: 0.5;
	}

	[ng-drag].drag-over {
		border:solid 1px #0e7dbd;
	}

	.folder-settings {
		transition: all 0.5s ease;
		opacity: 0;
	}

	.folder-settings div:nth-last-child(n+2) {
		width: 20px;
		height: 25px;
		cursor: pointer;
		display: block;
		padding: 5px;
		margin: 0 5px;
	}

	.folder-settings div:hover {
		color: rgba(13, 147, 210, 0.65)
	}

	.folder-settings div:first-child:hover {
		color: rgba(219, 0, 0, 0.65);
	}

	.folder-settings div small {
		text-align: center;
	}

	/* modal directive css*/

	.ng-modal-overlay {
		/* A dark translucent div that covers the whole screen */
		position:fixed;
		z-index:9999;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#000000;
		opacity: 0.8;
	}

	.ng-modal-dialog {
		/* A centered div above the overlay with a box shadow. */
		z-index:10000;
		position: fixed;
		width: 50%; /* Default */

		/* Center the dialog */
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);

		background-color: #fff;
		box-shadow: 4px 4px 80px #000;
	}

	.ng-modal-dialog-content {
		padding:20px;
		min-height: 700px;
	}

	.ng-modal-dialog-content h4 {
		margin-bottom: 10px;
	}

	.ng-modal-dialog-content .image-list {
		border: solid 1px black;
		border-radius: 5px;
		max-height: 350px;
		overflow-y: scroll;
	}

	.ng-modal-dialog-content .image-list .page-img-list-item {
		cursor: pointer;
		width: 180px;
	}

	.ng-modal-dialog-content .image-list .page-img-list-item img {
		/*width: 25%;*/
	}

	.ng-modal-dialog-content .ng-modal-dialog-content-button {
		margin-top: 20px;
	}

	.ng-modal-dialog-content .ng-modal-dialog-content-button paper-button {
		float: left;
	}

	.ng-modal-close {
		position: absolute;
		top: 3px;
		right: 5px;
		padding: 5px;
		cursor: pointer;
		font-size: 120%;
		display: inline-block;
		font-weight: bold;
		font-family: 'arial', 'sans-serif';
	}

	/* cms install styles */

	#install {
		background-color: #eaeaea;
		line-height: normal;
		color: #4a708b;
		margin: 0 auto;
		width: 1020px;
		padding: 20px;
	}

	#install h1 {
		font-weight: 300;
		width: 75%;
		margin: 20px auto;
	}

	#install h2 {
		font-weight: 200;
	}

	#install form {
		width: 80%;
		margin: 0 auto;
	}

	#install div.card {
		margin: 30px auto;
		padding: 20px 25px;
		width: 700px;
		min-height: 80px;
		background-color: #ffffff;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}

	#install div.card div.inline-form {
		margin: 10px auto;
		width: 100%;
		padding: 5px;
	}

	#install label {
		min-height: 20px;
	}

	#install input {
		margin-left: 5px;
		margin-bottom: 0;
		padding: 8.5px 25px 8px 0;
		height: inherit;
		color: rgba(37, 133, 228, 1);
		border-bottom: 1px solid #b9b9b9;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		box-shadow: none;
	}

	#install input:focus {
		outline: none;
		border-bottom: 2px solid #4a708b;
	}

	#install #submit {
		width: 40%;
		min-height: 50px;
		border: none;
		font-size: 1.667rem;
		background-color: #eaeaea;
	}

	#install #submit:hover {
		color: #eaeaea;
		background-color: #4a708b;
	}

	/* leads */

	.list-h2-mb {
		margin-bottom: 30px;
	}

	.leads-list-title-name {
		width: 260px;
		display: inline-table !important;
	}

	.leads-list-title-status {
		width: 120px;
		display: inline-table !important;
	}

	.leads-list-title-leads {
		width: 90px;
		display: inline-table !important;
	}

	.leads-list-title-date {
		width: 150px;
		display: inline-table !important;
	}

	.leads-list-title-site {
		width: 100px;
		display: inline-table !important;
	}

	.leads-list-title-drip {
		width: 100px;
		display: inline-table !important;
	}

	.leads-list-title-weight {
		width: 100px;
		display: inline-table !important;
	}

	.view-list-item-general ul li.leads-list-name {
		width: 260px;
		text-align: left;
		padding: 11px 14px;
	}

	.view-list-item-general ul li.leads-list-status {
		width: 120px;
		padding: 11px 0px;
	}

	.status-active {
		color: #2cff0c;
	}

	.view-list-item-general ul li.leads-list-leads {
		width: 90px;
		padding: 11px 0px;
	}

	.view-list-item-general ul li.leads-list-date {
		width: 150px;
		padding: 11px 0px;
	}

	.view-list-item-general ul li.leads-list-site {
		width: 100px;
		padding: 11px 0px;
	}

	.view-list-item-general ul li.leads-list-drip {
		width: 100px;
		padding: 11px 0px;
	}

	.view-list-item-general ul li.leads-list-weight {
		width: 100px;
		padding: 4px 0px;
	}

	.view-list-item-general ul li.leads-list-weight input {
		border: 5px solid #2585e4;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		background-color: #2585e4;
		width: 36px;
		height: 36px;
	}

	.view-list-item-general ul li.leads-list-weight input[type=number]::-webkit-inner-spin-button,
	.view-list-item-general ul li.leads-list-weight input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 0;
	}

	.leads-list-weight-paper {
		padding: 0px 0px;
	}

	.leads-list-weight-paper input {
		text-align: center;
	}

	.view-list-item-general ul li.leads-list-weight span {
		display: inline-block;
		width: 60px;
		padding: 9px 0px;
		color: rgba(37, 133, 228, 1);
		border: 2px solid #ededed;
	}

	.edit-lead-top-tabs {
		border-bottom: 1px solid #eee;
	}

	.edit-lead-top-tabs paper-tab {
        width: 235px;
    	display: inline-table !important;
    	background-color: #f7f7f7;
	}

	.edit-lead-top-tabs paper-tab /deep/ #ink {
		color: rgba(37, 133, 228, 1);
	}

	.edit-lead-top-tabs /deep/ #selectionBar {
		background-color: rgba(37, 133, 228, 1);
	}

	.edit-lead-top-tabs paper-tab.core-selected {
		background-color: rgba(37, 133, 228, 1);
		color: #fff;
	}

	.elp {
		height: inherit !important;
	}

	.elp .core-selected {
		position: initial !important;
	}

	.add-elp-r1 {
		margin-top: 30px;
	}

	.add-elp-r1-name {
		width: 340px;
		float: left;
		font-size: 14px;
	}

	.add-elp-r1-active {
		float: left;
		margin-top: 24px;
		margin-left: 80px;
	}

	.add-elp-r1-active paper-checkbox {
		margin-top: 1px;
	}

	.add-elp-r1-active label {
		width: 50px !important;
		font-size: 14px;
	}

	.add-edit-lead-h2 {
		margin-bottom: 80px;
	}

	.add-login-checkbox {
		margin-right: 18px;
		float: left;
	}

	.add-elp-r2-des {
		padding: 8px;
		height: 120px;
		width: 100%;
		margin-top: 30px;
		font-family: 'Roboto', sans-serif;
		background-color: #fff;
		color: #757575;
		border: 1px solid #B9B9B9;
	}

	.elp-r1 {
		margin-top: 30px;
	}

	.elp-r1-name {
		width: 340px;
		float: left;
		font-size: 14px;
	}

	.elp-r1-active {
		float: left;
		margin-top: 7px;
		margin-left: 200px;
	}

	.elp-r1-active paper-checkbox {
		margin-top: 1px;
	}

	.elp-r1-active label {
		width: 64px !important;
		font-size: 14px;
	}

	.elp-r1-active-2 {
		float: left;
		margin-top: 7px;
		margin-left: 60px;
	}

	.elp-r1-active paper-checkbox-2 {
		margin-top: 1px;
	}

	.elp-r1-active-2 label {
		width: 26px !important;
		font-size: 14px;
	}

	.elp-r1-active-3 {
		float: left;
		margin-top: 7px;
		margin-left: 60px;
	}

	.elp-r1-active paper-checkbox-3 {
		margin-top: 1px;
	}

	.elp-r1-active-3 label {
		width: 40px !important;
		font-size: 14px;
	}

	.edit-lead-h2 {
		margin-bottom: 80px;
	}

	.login-checkbox {
		margin-right: 18px;
		float: left;
	}

	.elp-r2-des {
		padding: 8px;
		height: 120px;
		width: 400px;
		margin-top: 30px;
		font-family: 'Roboto', sans-serif;
		background-color: #fff;
		color: #757575;
		border: 1px solid #B9B9B9;
	}

	.elp-r3 {
		margin-top: 50px;
	}

	.elp-r3 .advance-h5 {
		margin-bottom: 10px;
	}

	.elp-r3-img {
		max-width: 250px;
		height: 80px;
		background-color: #ccc;
		float: left;
	}

	.elp-r3-div {
		float: left;
		margin: 22px 0px 0px 20px;
	}

	.elp-r4 {
		margin-top: 30px;
	}

	.elp-r4-h3 {
		font-size: 20px;
    	font-family: 'Roboto', sans-serif;
    	line-height: normal;
    	font-weight: 100;
    	color: #757575;
    	text-transform: capitalize;
	}

	.els-r1 {
		padding: 34px 15px 16px;
	}

	.els-r1-h2 {
		color: rgba(37, 133, 228, 1);
    	font-size: 20px;
    	float: left;
    	font-weight: 300;
    	margin: 3px 0px 0px 0px;
	}

	.els-r1-active {
		float: right;
		margin: 5px 100px 0px 0px;
	}

	.els-r1-active label {
		width: 40px !important;
	}

	.eld-r1 {
		margin-top: 20px;
	}

	.view-list-item-general ul li.camp-site-li-site-1 {
		width: 184px;
    	display: inline-table;
	}
	.view-list-item .camp-site-li-site-1 .camp-site-trash /deep/ .button-content {
		padding: 0px 0px;
	}
	.camp-site-trash .fa-trash {
		font-size: 20px;
	}
	.view-list-item-general ul li.camp-site-li-site-5 {
		width: 120px;
    	display: inline-table;
	}

	ul.tagit li.tagit-choice {
		background-color: rgba(37, 133, 228, 1) !important;
    	border-color: rgba(37, 133, 228, 1) !important;
	}

	ul.tagit li.tagit-choice .tagit-label:not(a) {
		color: #fff !important;
	}

	ul.tagit li.tagit-choice .tagit-close .text-icon {
		color: #fff !important;
	}

	ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
		background-color: rgb(45, 141, 236) !important;
		border-color: rgba(37, 133, 228, 1) !important;
	}

	ul.tagit li.tagit-choice-editable {
		padding: 3px 18px 3px 7px !important;
	}

	ul.tagit li.tagit-new {
		padding: 6px 4px 7px 0 !important;
	}


    .email-list {
        margin-top: 60px;
    }

    .email-list h3 {
        font-weight: 100;
        float: left;
    }