::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }



body a {
    color: #40b5bd;
    text-decoration: none;
    cursor: pointer;
}

body a:link {
    color: #40b5bd;
    text-decoration: none;
    cursor: pointer;
}

body a:hover {
    color: #1e7d83;
}

body a:active {
    color: #1e7d83;
}

body a:visited {
    /*color: #40b5bd;*/
}

.link-with-underline:hover {
	text-decoration: underline !important;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 0.2px 0;
  height: 0.5px;
  color: #cdcdcd;  
  background-color: #cdcdcd;
}

.font-bigger-500 { font-size: 500% !important; }
.font-bigger-400 { font-size: 400% !important; }
.font-bigger-300 { font-size: 300% !important; }
.font-bigger-200 { font-size: 200% !important; }
.font-bigger-190 { font-size: 190% !important; }
.font-bigger-180 { font-size: 180% !important; }
.font-bigger-170 { font-size: 170% !important; }
.font-bigger-160 { font-size: 160% !important; }
.font-bigger-150 { font-size: 150% !important; }
.font-bigger-140 { font-size: 140% !important; }
.font-bigger-130 { font-size: 130% !important; }
.font-bigger-120 { font-size: 120% !important; }
.font-bigger-110 { font-size: 110% !important; }
.font-bigger-108 { font-size: 108% !important; }
.font-bigger-106 { font-size: 106% !important; }
.font-bigger-104 { font-size: 104% !important; }
.font-bigger-102 { font-size: 102% !important; }

.font-smaller-98 { font-size: 98% !important; }
.font-smaller-96 { font-size: 96% !important; }
.font-smaller-94 { font-size: 94% !important; }
.font-smaller-92 { font-size: 92% !important; }
.font-smaller-90 { font-size: 90% !important; }
.font-smaller-85 { font-size: 85% !important; }
.font-smaller-83 { font-size: 83% !important; }
.font-smaller-80 { font-size: 80% !important; }
.font-smaller-75 { font-size: 75% !important; }
.font-smaller-70 { font-size: 70% !important; }
.font-smaller-60 { font-size: 60% !important; }
.font-smaller-50 { font-size: 50% !important; }
.font-smaller-40 { font-size: 40% !important; }
.font-smaller-30 { font-size: 30% !important; }
.font-smaller-20 { font-size: 20% !important; }
.font-smaller-10 { font-size: 10% !important; }

.font-spacing-01 { letter-spacing: .01em !important; }
.font-spacing-02 { letter-spacing: .02em !important; }
.font-spacing-03 { letter-spacing: .03em !important; }
.font-spacing-04 { letter-spacing: .04em !important; }
.font-spacing-05 { letter-spacing: .05em !important; }

.font-lineheight-8  { line-height: 8px; !important }
.font-lineheight-10 { line-height: 10px; !important }
.font-lineheight-12 { line-height: 12px; !important }
.font-lineheight-14 { line-height: 14px; !important }
.font-lineheight-16 { line-height: 16px; !important }
.font-lineheight-20 { line-height: 20px; !important }

.font-color-gray-lightgreyest { color: #f2f2f2 !important; }
.font-color-gray-lightgreyer { color: #e4e4e4 !important; }
.font-color-gray-lightgrey { color: #d7d7d7 !important; }
.font-color-gray-greyest { color: #cbcbcb !important; }
.font-color-gray-greyer { color: #b8b8b8 !important; }
.font-color-gray-grey { color: #a8a8a8 !important; }
.font-color-gray-darkgreyest { color: #5d5d5d !important; }
.font-color-gray-darkgreyer { color: #777777 !important; }
.font-color-gray-darkgrey { color: #959595 !important; }
.font-color-green { color: #55a127 !important; }
.font-color-green:link { color: #55a127 !important; }
.font-color-green:active { color: #55a127 !important; }
.font-color-green:visited { color: #55a127 !important; }

.border-color-gray { border-color: #e5e5e5 !important; }

.background-color-orange { background-color: #ff8e5f !important; }
.background-color-blue { background-color: blue !important; }
.background-color-yellow { background-color: yellow !important; }
.background-color-red { background-color: red !important; }
.background-color-green { background-color: #55a127 !important; }
.background-color-grey { background-color: #f8f8f8; }

.width-5     { width: 5%; }
.width-10    { width: 10%; }
.width-80    { width: 80%; }
.width-85    { width: 85%; }
.width-90    { width: 90%; }
.width-95    { width: 95%; }

.height-10px {  height: 10px !important; }
.height-15px {  height: 15px !important; }
.height-18px {  height: 18px !important; }
.height-20px {  height: 20px !important; }
.height-25px {  height: 25px !important; }
.height-30px {  height: 30px !important; }
.height-35px {  height: 35px !important; }
.height-40px {  height: 40px !important; }
.height-50px {  height: 50px !important; }
.height-60px {  height: 60px !important; }
.height-70px {  height: 70px !important; }
.height-80px {  height: 80px !important; }
.height-90px {  height: 90px !important; }
.height-100px { height: 100px !important; }

.line-height-10em { line-height: 1em !important; }
.line-height-20em { line-height: 2em !important; }
.line-height-25em { line-height: 2.5em !important; }
.line-height-30em { line-height: 3em !important; }
.line-height-40em { line-height: 4em !important; }
.line-height-50em { line-height: 5em !important; }
.line-height-100em { line-height: 10em !important; }

.mouseover-change-opacity { opacity: .7 !important; }
.mouseover-change-opacity:hover { opacity: 1 !important; }

/*Filter styles*/
.filter-saturate 		{ filter: saturate(3); }
.filter-grayscale 		{ filter: grayscale(100%); }
.filter-contrast 		{ filter: contrast(160%); }
.filter-brightness 		{ filter: brightness(0.25); }
.filter-blur 			{ filter: blur(3px); }
.filter-invert 			{ filter: invert(100%); }
.filter-sepia 			{ filter: sepia(100%); }
.filter-huerotate 		{ filter: hue-rotate(180deg); }
.filter-opacity-10 		{ filter: opacity(10%); }
.filter-opacity-25 		{ filter: opacity(25%); }
.filter-opacity-50 		{ filter: opacity(50%); }
.filter-opacity-75 		{ filter: opacity(75%); }
.filter-opacity-85 		{ filter: opacity(85%); }

.background-blend-mode-screen {
	background-blend-mode: screen;
}

.fs-90 {
	font-size: 90%;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one 🙂       */
  display: flex;
  align-items: center;
}



/* FILE UPLOADS - start */

.file-upload {
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0px;
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 0px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 0px;
  border: 4px dashed #1FB264;
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #FFFFFF; /*1FB264*/
  border: 4px dashed #1FB264;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h5 {
  font-weight: 100;  
  color: #15824B;
  padding: 20px 20px;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.remove-image {
  width: 200px;
  margin: 0;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #b02818;
  transition: all .2s ease;
  outline: none;
  
  font-weight: 500;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all .2s ease;
}


/* FILE UPLOADS - end */

.submit_btn_enabled {
	color: #FFF;
	background-color: #1FB264;
	border: none;
	border-radius: 4px;
	border-bottom: 2px solid #15824B;
	transition: all .2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}
.submit_btn_disabled {
	color: #a6b8ae;
	background-color: #d8d8d8;
	border: none;
	border-radius: 4px;
	border-bottom: 2px solid #c2ccc6;
	transition: all .2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.replace_image_btn {
	color: #FFF;
	background-color: #1FB264;
	border: none;
	border-radius: 4px;
	border-bottom: 2px solid #15824B;
	transition: all .2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.cancel_replace_image_btn {
	border: none;
	border-radius: 4px;
	border-bottom: 2px solid #15824B;
	transition: all .2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.data_table_reload_btn {
	border: none;
	border-radius: 4px;
	border-bottom: 2px solid #15824B;
	transition: all .2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.hr-custom { width: 75% }

.progress-total-submissions {
	width: 64% !important;
	height: 3px !important;	
}
.progress-total-submissions .img1 {
	float: left;
	position: relative;
	height: 3px !important;
	top: -3px;
}

.progress-total-submissions .img2 {
	width: 100%;
	float: left;
	position: relative;
	height: 3px !important;
}

/* modifications for imageviewer */
.viewer-list {
	display: none !important;
}
.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.9);
}

.data_individual_image {
	color: #55a127;
	cursor: pointer;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.container {
		
	}
	.data-input-width    { width: 90% !important; margin: 0 auto;}
	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.container {
		
	}

	.hr-custom { width: 75% }
	
	.data-input-width    { width: 100% !important; }	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.container {
		
	}
	
	.hr-custom { width: 75% }
	
	.data-input-width    { width: 100% !important; }
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.container {
		
	}
	
	.hr-custom { width: 75% }
	
	.data-input-width    { width: 100% !important; }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container {
		
	}
	
	.hr-custom { width: 75% }
	
	.data-input-width    { width: 100% !important; }
}