/* line 8, ../sass/style.scss */
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 14, ../sass/style.scss */
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "p22-underground", helvetica, sans-serif;
  font-weight: 100;
  background-color: #ffffff;
  background-size: cover;
  color: white;
}

/* line 27, ../sass/style.scss */
h1, h2, h3, h4, h5, h6, p {
  padding: 0;
  margin: 0;
}


h1 {
	  color: #1467b0;
	  text-transform: uppercase;
		font-size: 30px !important;
		font-weight: 400;
}

h3 {
	  color: #1467b0;
	  text-transform: uppercase;
		font-size: 20px !important;
		font-weight: 400;
}

/* line 32, ../sass/style.scss */
.container {
  width: 100%;
  /*width: 1000px;*/
  margin: auto;
}

/* line 38, ../sass/style.scss */
.clearfix {
  *zoom: 1;
}
/* line 18, ../sass/bourbon/addons/_clearfix.scss */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
/* line 23, ../sass/bourbon/addons/_clearfix.scss */
.clearfix:after {
  clear: both;
}

/* line 42, ../sass/style.scss */
table, th, td, tr {
  border: 1px solid black;
  border-collapse: collapse;
}

/* line 46, ../sass/style.scss */
td, th {
  padding: 5px;
  text-align: center;
}

/* line 50, ../sass/style.scss */
.prev_images {
  width: 100px;
  height: 100px;
  border: 1px solid black;
}

/* line 56, ../sass/style.scss */
.prev_files_ul {
  margin: 0;
  padding: 0;
}
/* line 59, ../sass/style.scss */
.prev_files {
  list-style: none;
  float: left;
  margin-right: 10px;
}
.prev_attached_image {
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 67, ../sass/style.scss */
.pika-table table, .pika-table th, .pika-table td, .pika-table tr {
  border: none;
  border-collapse: collapse;
}

/* line 72, ../sass/style.scss */
.uploadStatus {
  width: 0;
  position: absolute;
  height: 100%;
  background-color: #ff8703;
  top: 0;
  left: 0;
}

/* line 79, ../sass/style.scss */
.uploadText {
  line-height: 100px;
  color: grey;
  position: relative;
  z-index: 9999;
}

/* line 85, ../sass/style.scss */
#uploadGroup {
  margin: 0;
  padding: 0;
}
/* line 87, ../sass/style.scss */
#uploadGroup li {
  list-style: none;
  position: relative;
  width: 100px;
  height: 100px;
  text-align: center;
  border: 1px solid black;
}

/* line 90, ../sass/style.scss */
.removeFile, .deleteFile {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 0.8em;
  padding: 4px 0;
}

/* line 100, ../sass/style.scss */
.notification {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: white;
  font-weight: 100;
  color: pink;
}

/* Login Page */
/* line 116, ../sass/style.scss */
.loginpage {
  text-align: center !important;
}

/* INPUT FORMS */
/* line 120, ../sass/style.scss */
input {
  border: 1px solid white;
  padding: 10px;
  width: 300px;
}

/* line 126, ../sass/style.scss */
.submit {
  background-color: #002d54;
  color: white;
}

/* line 131, ../sass/style.scss */
.user_header {
  background-color: #00a3ff;
  color: white;
  padding: 20px;
}
/* line 136, ../sass/style.scss */
.user_header h1 {
  font-weight: 100;
  font-size: 27px;
}

/* line 141, ../sass/style.scss */
.current_user {
  border: 1px solid black;
  padding: 20px;
  background-color: white;
  border-radius: 10px;
}


.button {
  text-decoration: none;
padding: 20px;
margin-top: 20px;
box-sizing: padding-box;
  border-radius: 5px;
  background-color: #1467b0;
  color: white;
  display: inline-block;
}

.button:hover {
  background-color: #0d4679;
}


/* line 153, ../sass/style.scss */
.user_nav a {
  color: black;
  text-decoration: none;
  padding: 12px;
  margin-right: 20px;
  border-radius: 5px;
  background-color: #1467b0;
  color: white;
}

.user_nav a:hover {
		  background-color: #0d4679;
	}
/* line 161, ../sass/style.scss */
.user_nav ul {
  margin: 0;
  padding: 0;
}
/* line 164, ../sass/style.scss */
.user_nav li {
  list-style: none;
  float: left;
  position: relative;
}
/* line 169, ../sass/style.scss */
.user_nav ul li ul {
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
  width: 350px;
  z-index: 400;
}
/* line 175, ../sass/style.scss */
.user_nav ul li ul a {
  width: 350px;
  display: block;
  border-bottom: 1px solid #5e5e5e;
  font-size: 0.7em;
  border-radius: 0;
  padding: 5px;
  color: #5e5e5e;
  background-color: #aae7db;
}
/* line 185, ../sass/style.scss */
.user_nav ul li ul .newNotification {
  background-color: #96e1d2;
}
/* line 188, ../sass/style.scss */
.user_nav ul li ul a:hover {
  background-color: rgba(72, 204, 173, 0.7);
}
/* line 191, ../sass/style.scss */
.user_nav ul li ul li:last-child a {
  border-bottom: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 201, ../sass/style.scss */
.user_nav ul li:hover ul {
  display: block;
}

/* line 207, ../sass/style.scss */
.Requests {
  background-color: rgba(249, 252, 255, 0.9);
  padding: 20px;
  border-bottom: 1px solid #1467b0;
}
/* line 212, ../sass/style.scss */
.Requests h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 400;
  color: #1467b0;
}

/* line 220, ../sass/style.scss */
.newRequest {
  background-color: #fff;
  color: black;
  padding: 20px;
  border-bottom: 1px solid #47cab0;
}
/* line 225, ../sass/style.scss */
.newRequest h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 400;
  color: #1467b0;
}
/* line 232, ../sass/style.scss */
.newRequest label {
  display: block;
}
/* line 236, ../sass/style.scss */
.newRequest input {
  margin-bottom: 20px;
  border: none;
}
/* line 241, ../sass/style.scss */
.newRequest textarea {
  width: 100%;
  min-height: 200px;
  padding: 10px;
  border: none;
}
/* line 248, ../sass/style.scss */
.newRequest #newUploadFile {
  color: black;
  text-decoration: none;
  padding: 10px;
  border-radius: 2px;
  background-color: #47cab0;
  color: white;
  box-sizing: border-box;
  display: inline-block;
}
/* line 302, ../sass/style.scss */
..revisionsContainer ul {
  margin: 0;
  padding: 0;
}
/* line 303, ../sass/style.scss */
.revisionsContainer .prev_rev_image {
  width: 186px;
  height: 166px;
  /*float: left;*/
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 10px;
}
/*.revisionsContainer .prev_rev_image img {
  height: 100%;
  width: auto;
}*/
.active {
  padding-bottom: 5px;
  border-bottom: 1px solid white;
}
#sort-me {
  display: block;
  margin: 0 0 30px;
}
#sort-me i {
  font-size: 0.1em;
}
/* line 312, ../sass/style.scss */
.revisionsContainer li {
  border: 2px solid white;
  float: left;
  width: 200px;
  height: 180px;
  list-style: none;
  /*height: 320px;*/
  /*margin: 10px 10px;*/
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px;
}
/* line 316, ../sass/style.scss */
.revisionsContainer li h2 {
  font-weight: 100;
  font-size: 1.5em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
/* line 322, ../sass/style.scss */
.revisionsContainer li .date {
  font-size: 0.7em;
  margin: 5px 0 10px;
  color: #e4e4e4;
}
/* line 328, ../sass/style.scss */
.revisionsContainer #submitRevision {
  margin: 0 0 10px;
}

/* line 333, ../sass/style.scss */
.notifications tr:hover {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

/* line 339, ../sass/style.scss */
#uploadGroup li {
  margin: 10px 10px 0px 0px;
  float: left;
  border: none;
}

/* line 345, ../sass/style.scss */
.clear {
  clear: both;
}


.admin_section a {
	border:1px solid white;
	background-color: #0074ff;
	padding: 20px;
	color: white;
	text-decoration: none;
}

.admin_body table {
	background-color: #0074ff;
}
.input-container {
  display: block;
  margin: 5px 0;
}
.float-l {
  float: left;
}
.admin_body th {
	background-color: #0853af;
	font-weight: 100;
}
.one-half {
  float: left;
  width: 50%;
}
.max-width {
  width: 100%;
  height: auto;
  min-height: 400px;
  resize: none;
}
label.task-input, label.task-datetime {
  display: block;
}
.task-padding {
  padding-left: 20px;
}
input.task-input {
  width: 200px;
}
input.task-datetime {
  width: 100px;
  margin-right: 10px;
}
textarea.task-input {
  width: 100%;
}
.btn {
  width: 150px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #3ba8f1;
  background-color: #3498db;
  color: white;
  font-weight: 100;
  font-family: "p22-underground", helvetica, sans-serif;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.2em;
  line-height: 40px;
  margin-top: 10px;
  margin-right: 10px;
}
.btn:hover {
  background-color: #3ba8f1;
}
.hide-msg {
  height: 40px;
}
.show-msg {
  height: 412px;
}
.tasks-container {
  /*padding: 5px;*/
  background-color: #2ecc71;
  height: 250px;
}
.tasks-wrapper {
  overflow: auto;
  max-height: 200px;
}
.task-link {
  display: block;
  padding: 10px 10px;
  font-size: 1.2em;
  border-top: 1px solid #2980b9;
  text-decoration: none;
  color: white;
}
.task-link:hover {
  background-color: #2980b9;
}
/* line 261, ../sass/style.scss */
.messageContainer {
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 262, ../sass/style.scss */
.fixed-bar-container h1 {
  margin: 0 10px;
  font-weight: 300;
  color: white;
  text-transform: uppercase;
  font-size: 1.4em;
}
/* line 269, ../sass/style.scss */
.messageContainer .messageWrapper {
  position: relative;
  top: 0;
  left: 0;
  height: 260px;
  overflow: auto;
  color: white;
}
/* line 274, ../sass/style.scss */
.messageContainer .messageWrapper ul {
  margin: 0;
  padding: 0;
}
/* line 275, ../sass/style.scss */
.messageContainer .messageWrapper .name, .messageContainer .messageWrapper .time {
  margin: 3px 0;
  font-size: 0.7em;
}
/* line 279, ../sass/style.scss */
.messageContainer .messageWrapper li {
  list-style: none;
  padding: 0 10px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
}
/* line 286, ../sass/style.scss */
.messageContainer form textarea {
  min-height: 105px !important;
  width: 80%;
  float: left;
  overflow: auto;
  resize: none;
}
/* line 294, ../sass/style.scss */
.messageContainer form input[type="submit"] {
  float: left;
  width: 20%;
  min-height: 105px;
  margin-bottom: 0;
}
.set-width {
  width: 350px;
}
.fixed-bar-container {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.zero-items {
  margin: 0 10px;
  font-size: 1.3em;
}
.big-bold {
  font-size: 2em;
  font-weight: 100;
}
.medium-bold {
  font-size: 1.3em;
  font-weight: 100;
}
.border-bottom {
  border-bottom: 1px solid white;
}
.border-left {
  border-left: 1px solid white;
}
.border-right {
  border-right: 1px solid white;
}
.task-manager {
  padding: 20px;
}
.full-width-overlay {
  background-color: rgba(0,0,0,0.7);
}
.one-third {
  width: 33.33%;
  float: left;
}
.task-manager-tasks ul {
  margin: 0; padding: 0;
  height: 61px;
}
.task-container {
  list-style: none;
  padding: 10px 0;
  /*border-bottom: 1px solid white;*/
  cursor: pointer;
}
.float-r {
  float: left;
}
.task-container i {
  float: left;
  width: 10%;
  line-height: 2.5em;
  text-align: center;
}
.task-manager-container table {
  width: 50%;
}
.side-bar {
  background-color: rgba(0,0,0,0.7);;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: width 0.5s, height 0.5s, padding 0.5s;
  position: relative;
}
.show-this {
  width: 50%;
  height: 500px;
  padding: 10px;
}
.task-manager {
  padding: 0px;
}
#tasks-list {
  margin: 0;
  padding: 0;
  height: 305px;
  /*border: 1px solid white;*/
  overflow-x: auto;
}
.draggable {
  border: 1px solid white;
  list-style: none;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 5px;
  width: 97%;
}
.completed-div {
  width: 96%;
  line-height: 2em;
  border: 1px dashed white;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 1.5em;
  text-transform: uppercase;
  background-color: rgba(155, 89, 182, 0.9)
}
.drop-hover {
  border: 1px solid red;
  color: red;
}
.icon-btn i {
  font-size: 1.1em;
}
.overlay .content {
  width: 80%;
  margin: 100px auto;
}
a {
  color: white;
  text-decoration: none;
}
#overlay-review img {
  height: 350px;
}
.vertical-center {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -110.5px;
}
.loading-bar {
	width: 100%;
	height: 20px;
	border: 1px solid #3b3b3b;
	margin: 5px 0;
	border-radius: 5px;
	position: relative;
}
.loader {
	position: absolute;
	top: 0; left: 0;
	width: 20%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
}

.jobBoxes {
	width: 250px;
	height: 250px;
	padding: 15px;
	background-color: #00a3ff;
	position: relative;
	display: block;
	float: left;
	margin: 10px;
}

.jobBoxes .title {
	font-weight: 300;
	font-size: 20px;
}

.jobBoxes .due {
	position: absolute;
	bottom: 10px;
	text-transform: uppercase;
}

.jobContent {
	float: left;
	width:60%;
	margin: 0; padding: 0;
	color: black;
	border: dotted #1467b0;
	border-width: 0px 1px 1px 0px;
	position: relative;
}

.jobSidebar {
	float: left;
	width: 40%;
		margin: 0; padding: 0;
		color: black;
	padding: 20px;
	background-color: #f1f9ff
}

.jobAttach {
	width: 100%;
	background-color: #f7f9ff;
}


.pad20 {
	padding: 20px;
}

.accordion h3 {
	background-color: #5dc3ff;
	padding: 20px;
	
}

.accordion div:first-child { 
	padding: 20px;
}

.section_accordion {
	clear: both;
}

.msgList {
	padding: 0; margin: 0;
}
.msgList li {
	background-color: #8dff9a;
	list-style: none;
	width: 100%;
	border-radius: 5px;
	border:1px solid #61c86c;
	padding: 10px; margin: 0;
	margin-bottom: 10px;
}



.msgList .name {
	background-color: #ffffff;
	padding: 5px;
	border-radius: 2px;
	display: inline-block; 
}

.msgList .time {
	color: #6e6e6e;
	padding: 5px;
	font-size: 11px;
	border-radius: 2px;
	display: inline-block; 
}

.message {
	margin-top: 20px;
	margin-left: 15px;
	font-weight: 400;
	
}

.VisualModa {
	background-color: #a7d9ff !important;
	border:1px solid #426078 !important;
}

#accordion_a_content {
	font-family: 'helvetica';
	line-height: auto;
}

.newRequest input { 
	border:1px solid #9f9f9f;
	border-radius: 4px;
	padding: 20px;
	font-size: 20px;
}

.edmTitles div {
	display: inline-block;
}

.sectionDiv {
	background-color: #dbf2ff;
	/* margin: 50px 0px; */
	padding: 30px;
}

.sample-wrapper {
	display: block;
}

.sampleEdm {
	border: 1px solid white;
	background-color: #b2d7ff;
	padding: 20px;
	display: block;
	float: left;
	width: 30%;
	margin-right: 10px; margin-bottom: 10px;
}

.progress-bar {
		width: 100%;
		height: 20px;
		background-color: #202020;
		border-radius: 5px;
		padding: 3px;
		position: relative;
		margin: 0 auto;
	}
	.progress {
		position: absolute;
		background-color: #00ccff;
		width: 50%; height: calc(100% - 6px);
		max-width: calc(100% - 6px);
		top: 3px; left: 3px;
		border-radius: 4px;
	}
	.progress:after {
		-webkit-animation: move 2s linear infinite;
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background-image: 
		   -webkit-gradient(linear, 0 0, 100% 100%, 
		      color-stop(.25, rgba(255, 255, 255, .2)), 
		      color-stop(.25, transparent), color-stop(.5, transparent), 
		      color-stop(.5, rgba(255, 255, 255, .2)), 
		      color-stop(.75, rgba(255, 255, 255, .2)), 
		      color-stop(.75, transparent), to(transparent)
		   );
		background-image: 
			-webkit-linear-gradient(
			  -45deg, 
		      rgba(255, 255, 255, .2) 25%, 
		      transparent 25%, 
		      transparent 50%, 
		      rgba(255, 255, 255, .2) 50%, 
		      rgba(255, 255, 255, .2) 75%, 
		      transparent 75%, 
		      transparent
		   );
		background-image: 
			-moz-linear-gradient(
			  -45deg, 
		      rgba(255, 255, 255, .2) 25%, 
		      transparent 25%, 
		      transparent 50%, 
		      rgba(255, 255, 255, .2) 50%, 
		      rgba(255, 255, 255, .2) 75%, 
		      transparent 75%, 
		      transparent
		   );
		background-image: 
			-ms-linear-gradient(
			  -45deg, 
		      rgba(255, 255, 255, .2) 25%, 
		      transparent 25%, 
		      transparent 50%, 
		      rgba(255, 255, 255, .2) 50%, 
		      rgba(255, 255, 255, .2) 75%, 
		      transparent 75%, 
		      transparent
		   );
		background-image: 
			-o-linear-gradient(
			  -45deg, 
		      rgba(255, 255, 255, .2) 25%, 
		      transparent 25%, 
		      transparent 50%, 
		      rgba(255, 255, 255, .2) 50%, 
		      rgba(255, 255, 255, .2) 75%, 
		      transparent 75%, 
		      transparent
		   );
		z-index: 1;
		-webkit-background-size: 50px 50px;
		-moz-background-size:    50px 50px;
		background-size:         50px 50px;
		-webkit-animation: move 2s linear infinite;
		   -webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		       -moz-border-radius-topright: 8px;
		    -moz-border-radius-bottomright: 8px;
		           border-top-right-radius: 8px;
		        border-bottom-right-radius: 8px;
		    -webkit-border-top-left-radius: 20px;
		 -webkit-border-bottom-left-radius: 20px;
		        -moz-border-radius-topleft: 20px;
		     -moz-border-radius-bottomleft: 20px;
		            border-top-left-radius: 20px;
		         border-bottom-left-radius: 20px;
		overflow: hidden;
	}
@keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}
@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}	

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

.general_form {
	color: black;
}
.general_form label {
	width: 200px;
	display: inline-block;
}
.general_form input {
	border: 1px solid #b6b6b6;
	margin-bottom: 15px;
}
.btn {
	margin-bottom: 10px;
	padding: 0 20px;
	width: auto;
}

.help-modal {
	position: fixed;
	height: 100%; width: 100%;
	top: 0; left: 0;
	background-color: rgba(0,  174,  255, 1);
	display: table;
	z-index: 9999;	
}
.help-modal .modal-content {
	width: 50%;
	min-width: 400px;
	margin: 0 auto;
	padding: 20px;
	background-color: #fdfdfd;
	border-radius: 4px;
	color: #4e4e4e;
/* 	box-shadow: 4px 4px 2px #888888; */
}
.help-modal .modal-content p, .help-modal .modal-content ol,  .help-modal .modal-content a {
	font-family: helvetica;
}
.help-modal .modal-content h1 {
/* 		color: white; */
}
.help-modal .modal-content ol {
	text-align: left;
}
.help-modal .modal-content ol li {
	margin-bottom: 5px;
}	
.vertical-align {
	display: table-cell;
	vertical-align: middle;
}
.dont-show, #help-icon {
	color: #00a3ff;
	float: right;
	font-size: 0.8em;
	margin-right: 20px;
}