:root {
	--box-shadow-base: 0 4px 6px rgba(0,0,0,0.1);
}

* {
	/*border: 1px solid #c0020c;*/
	box-sizing: border-box;
	margin:0;
	padding:0;
	text-decoration:none
}

::selection {
	background: #4c5164;
	color: #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.spin::-webkit-outer-spin-button,
.spin::-webkit-inner-spin-button {
	-webkit-appearance: inner-spin-button !important;
}


body {
	background-color: #fefefe;
	/*background: linear-gradient(#fff, #ddffdd, #ccc, #ddffdd, #fff);*/
	cursor: default;
	color: #4c5164;
	font-family: 'Segoe UI', Arial, Verdana, Calibri;
	font-size: 15px;
	/*sticky footer*/
	margin: 0 0 130px 0;
}

button {
	border: 0;
}

html {
	/*sticky footer*/
	position: relative;
	min-height: 100%;
}

a {
	color: #2cac19;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #c0020c;
	cursor: default;
	font-family: 'Segoe UI';
	vertical-align: middle;
	/*text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);*/
	text-transform: uppercase;
}

h1,
.h1 {
	font-size: 170%;
}

h2,
.h2 {
	font-size: 150%;
}

h3,
.h3 {
	font-size: 130%;
}

h4,
.h4 {
	font-size: 110%;
}

h5,
.h5 {
	font-size: 103%;
}

h6,
.h6 {
	font-size: 90%;
}

hr {
	border: 1px solid #ddd;
}

input.no-border {
	font-family: 'Segoe UI', Verdana, Calibri !important;
}

input[type=file],
input[type=file]:hover,
input[type=file]:focus {
	border-bottom: 0 !important;
	cursor: pointer;
}

section {
	margin: 0 auto;
	padding: 110px 0;
	width: 95%;
}

section.no-margin {
	padding: 0;
}

section.no-path {
	padding: calc(56px + 1px) 0;
}

section.home-section {
	min-height: 100vh;
}

table {
	border-spacing: 1px;
	border-collapse: separate;
}

.vertical-text {
	-moz-transform: rotate(-90.0deg);  /* FF3.5+ */
	-o-transform: rotate(-90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

table tbody td {
	color: #000 !important;
}

th.center {
	text-align: center !important;
}

th.empty, td.empty {
	background-color: #fff !important;
}

th.left-align {
	text-align: left !important;
}

ol,
ul {
	list-style: none;
}

ol.decorated,
ul.decorated {
	list-style-type: disc;
	padding-left: 1.6em;
}

ol.numbered {
	list-style-type: decimal;
	padding-left: 1.6em;
}

ul.numbered li {
	display: block;
	margin-bottom: 1.1em;
}

ul.numbered li a {
	color: #000;
}

ul.numbered li a:hover {
	text-decoration: underline;
}

/* === NAV-MENU === */
.drop-nav li a span.description {
	display: none;
}

.nav-feel-menu {
	text-align: center;
}

.nav-feel-menu li {
	display: inline-block;
	font-size: 1.1em;
	vertical-align: middle;
	width: 40%;
}

.nav-feel-menu li.small {
	width: auto !important;
}

.nav-feel-menu.small li {
	width: 15%;
}

.nav-feel-menu li a {
	border: 3px solid #70AD47;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.4);
	color: #70AD47;
	display: block;
	margin: 5px;
	padding: 5px;
	text-align: center;
	width: 95%;
	transition: all 0.15s ease-in-out;}

.nav-feel-menu li a:active {
	position: relative;
	top: 1px;
	left: 1px;
}

.nav-feel-menu li:hover a {
	/*background-color: #c0020c;*/
	background-color: #70AD47;
}

.instructions .nav-feel-menu li a span {
	display: block;
	padding-bottom: 10px;
}

.nav-feel-menu li a span.description {
	display: block;
	border-top: 2px solid transparent;
	padding: 5px;
}

.nav-feel-menu li:hover > a span.description {
	border-top: 2px solid #fff !important;
}

.nav-feel-menu li a span:first-child {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	width: auto;
}

.nav-feel-menu li a:hover,
.nav-feel-menu li a:hover span {
	color: #fff;
}

.nav-feel-menu li a span.description {
	padding-left: 15px;
}

.instructions .nav-feel-menu li a span.description {
	padding-top: 10px;
}

.instructions .nav-feel-menu li a {
	vertical-align: middle;
}

.instructions .nav-feel-menu li .material-icons {
	color: #70AD47;
	vertical-align: middle;
}

.asigned-well tr th:hover,
.asigned-well tr td:hover {
	background-color: #0084b4;
}

.asigned-well tr th:hover a,
.asigned-well tr td:hover span {
	color: #fff !important;
}

/* === HOME SECTIONS === */
section#about-us,
section#core-values,
section#our-expertise {
	background-image: url('../../web/images/feel/sea-bg.webp');
	width: 100%;
}

.home-section h1 {
	font-family: 'Segoe UI';
	color: #c0020c;
	text-transform: uppercase;
	/*text-shadow: 1px 1px 1px rgba(100, 100, 100, 1);*/
	font-size: 160%;
}

#streamline-logo {
	width: 15em;
}

.streamline-link h3 {
	color: #4c5164;
	text-align: left;
	padding-left: 5em;
}

.streamline-link:hover h3 {
	color: #c0020c;
}

/* === HOME === */
@keyframes feelcolors {
    0% {color: #2DAC19;}
    25% {color: #2DAC19;}
    50% {color: #c0020c;}
    75% {color: #c0020c;}
    100% {color: #2DAC19;}
}

section#home .feel {
	background-color: #2cac19;
	/*#86D949*/
	border-radius: 1rem;
	color: #fff;
	display: inline-block;
	font-size: 45px;
	font-family: 'Segoe UI';
	font-weight: bold;
	padding: 10px 20px;
	margin: 10px;
	/*text-transform: lowercase;*/
	animation-name: feelcolors;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	transition: all 0.15s ease-in-out;	width: 80%;
}

section#home .feel i {
	width: 60px;
}

section#home .feel-f div,
section#home .feel-e div,
section#home .feel-l div {
	overflow: hidden;
	max-width: 21px;
	display: inline-block;
	vertical-align: middle;
}

section#home .feel-f div img,
section#home .feel-e div img,
section#home .feel-l div img {
	max-width: 100px;
	filter: grayscale(1) invert(1) brightness(175%);
}

section#home .new-feel.feel-f,
section#home .new-feel.feel-e,
section#home .new-feel.feel-l {
	background-color: #70AD47;
	animation-name: feelcolors;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	transition: all 0.15s ease-in-out;	display: inline-block;
	border-radius: 1rem;
	padding: 5px;
}

section#home .new-feel span,
section#home .new-feel i {
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
}

section#home .new-feel.feel-f div img,
section#home .new-feel.feel-e div img,
section#home .new-feel.feel-l div img {
	max-width: 70px;
	filter: grayscale(1) invert(1) brightness(175%);
}

section#home .new-feel.feel-f div {
	max-width: 15px;
}

section#home .feel-e div {
	text-indent: -54px;
	max-width: 33px;
}

section#home .feel-l div {
	text-indent: -88px;
}

section#home .new-feel.feel-e div {
	text-indent: -16px;
	max-width: 22px;
}

section#home .new-feel.feel-l div {
	text-indent: -60px;
}


section#home span:hover {
	transform: scale(1.05);
}

#up-home:hover {
	color: #c0020c;
}

.active {
	color: #c0020c !important;
	font-weight: bold;
}

#slogan:hover span {
	/*color: #2cac19;*/
	/*text-decoration: underline;*/
}

#slogan img {
	display: block;
	margin: 0 auto;
	animation: heartbeat 1.6s infinite;
}

#slogan span {
	font-family: 'Brush-Script-MT';
	font-size: 50px;
	color: #4c5164;
	animation: heartbeat 1.6s infinite;
}

/* === ABOUT US === */
section#about-us div {
	background-color: #fafafa;
	background: linear-gradient(-45deg, #c0020cdd, #c0020cdd, #2cac19dd, #2cac19dd);
	background-size: 450% 450%;
	border-radius: 5px 5px;
	animation: Gradient 5s infinite;
	margin: 0 auto;
	width: 80%;
}

section#about-us div span {
	font-size: 30px;
	color: #fff;
	padding: 45px;	display: block;
}

section#about-us h1 {
	color: #2cac19;
}

/* === CLIENTS === */
section#clients,
section#home,
section#contact {
	background-image: url(../images/feel/logobwop.webp);
	background-position: right 0 bottom -59vh;
	background-size: 90vh;
	width: 100%;
}

.slider-div {
	margin-top: 10px;
}

.slide {
	vertical-align: middle;
	display: inline-block;
	float: none !important;
}

#clients img {
	margin: 10px 20px;
	width: 150px;
	filter: grayscale(1) opacity(0.7);
	transition: all 0.3s ease;
	vertical-align: middle;
}

#geopark img,
#parex img,

#lewis img {
	width: 170px;
}

#vetra img {
	width: 130px;
}

#petrocolombia img,
#frontera img {
	width: 120px;
}

#perenco {
	filter: grayscale(0) opacity(0.6);
}

#perenco:hover {
	filter: grayscale(0) opacity(1);
}

#clients img:hover {
	filter: grayscale(0) opacity(1);
	transform: scale(1.3);
}

/* === OUR EXPERTISE === */
@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

section#our-expertise {
	font-family: 'Segoe UI';
	width: 100%;
}

section#our-expertise div {
	padding: 70px;
	margin: 0 auto;
	text-align: center;
}

section#our-expertise div span {
	animation: Gradient 5s infinite;
	background-color: #fafafa;
	background: linear-gradient(-45deg, #c0020cdd, #c0020cdd, #2cac19dd, #2cac19dd);
	background-size: 450% 450%;
	border-radius: 5px 5px;
	color: #fff;
	display: block;
	font-size: 27px;
	font-weight: bold;
	margin: 25px auto;
	padding: 15px;
	width: 90%;
	transition: all 0.3s ease-in-out;}

section#our-expertise div span:hover {
	background-color: #000 !important;
	transform: scale(1.1);
}

/* === CORE VALUES === */
.feel-home-logo {
	display: block;
	margin: 30px auto;
	width: 200px;
}

section#core-values h1,
section#our-expertise h1 {
	color: #2cac19;
}

section#core-values div {
	background-color: rgba(255, 255, 255, 0.7);
	display: block;
	margin: 0 auto;
	padding: 20px 100px;
	text-align: center;
	width: 100%;
}

section#core-values div span {
	margin: 50px;
	font-size: 45px;
	font-weight: bold;
}

section#core-values div span:nth-child(1) {
	font-size: 35px;
}

section#core-values div span:nth-child(2) {
	font-size: 45px;
}

section#core-values div span:nth-child(3) {
	font-size: 40px;
}

section#core-values div span:nth-child(4) {
	font-size: 60px;
}

section#core-values div span:nth-child(5) {
	font-size: 35px;
}

section#core-values div span:nth-child(6) {
	font-size: 50px;
}

section#core-values div span:nth-child(7) {
	font-size: 35px;
}

section#core-values div span:nth-child(8) {
	font-size: 35px;
}

section#core-values div span:nth-child(9) {
	font-size: 55px;
}

/* === USER HOME === */
#username-span {
	font-family: 'Segoe UI';
	font-weight: bold;
}

.fa-crown {
	display: inline-block;
	transform: rotate(-30deg);
	position: relative;
	top: -7px;
	left: 16px;
	filter: invert(25%);
	width: 24px;
}

.monaguillo {
	width: 45px;
}

.daily-activity,
.feel-counter-div {
	display: inline-block;
	width: 70%;
}

#view_map {
	border-radius: 1rem;
	background-color: #2cac19;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	margin: 0.5em;
	padding: 0.5em;
}

.daily-activity .half-screen {
	display: inline-block;
	margin: 0 0.5% 1% 0.5%;
	width: 48% !important;
}

.feel-counter-div {
	float: right;
	width: 23%
}

#feel-counter {
	font-size: 200%;
}

/* === WELL SUMMARY === */
.main-table,
.main-graph {
	display: inline-block;
	width: 60% !important;
	vertical-align: top;
}

.main-graph {
	width: 39% !important;
}

.main-form,
.main-save {
	display: inline-block;
	width: 70% !important;
	vertical-align: top;
}

.main-save {
	width: 29% !important;
}

.concentration-canvas {
	border: 1px solid #70AD47;
	width: 32.8%;
	display: inline-block;
	vertical-align: top;
	min-height: 400px;
}

/* === DAILY-ACTIVITY === */
#logo-daily-activity {
	width: 100px;
}

#report-header {
	margin-bottom: 20px;
}

#report-header div.right-aligned,
#report-header div.left-aligned {
	padding-left: 50px;
	width: 25%;
}

#report-header div.centered {
	text-align: center;
	width: 45%;
}

#report-header div.right-aligned {
	padding-right: 50px;
	width: 28%;
}

#report-header #feel-counter-table {
	margin-top: 26px;
}

#daily-activity-subsection .daily-activity-well {
	padding: 20px 40px !important;
}

/* === SITE MANAGER === */
.jsoneditor {
	border: 1px solid #c0020c !important;
	background-color: #fff !important;
}
.jsoneditor-menu {
	background-color: #c0020c !important;
	border-bottom: 1px solid #c0020c !important;
}

.jsoneditor-menu i {
	color: #1A1A1A !important;
}

#jsoneditor {
	height: 600px;
	margin-top: 15px;
}

#jsoneditor,
.json-support-table {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.json-support-table {
	margin: 0;
}

.json-support-table table,
.json-support-table table caption {
	border: 1px solid #70AD47;
}
.json-support-table table caption {
	margin: 0;
}

.json-support-table table thead tr {
	text-align: left;
	padding: 3px;
}

.json-support-table table thead th:nth-child(1) {
	text-align: center;
}

/* === WELL === */
#company-header img {
	width: 200px;
	margin: 10px auto;
}

/* === SWITCH === */
.switch {
	position: relative;
	display: inline-block;
	width: 43px;
	height: 15px;
	vertical-align: middle;
}

.switch input {
	display:none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 0;
	bottom: 0;
	background-color: #aaa;
	-webkit-transition: .4s;
	transition: .4s;
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
}

input:checked + .slider {
	background-color: #ccc;

}

input:focus + .slider {
	box-shadow: 0 0 1px #fff;
}

input:checked + .slider:before {
	background-color: #c0020c;
	-webkit-transform: translateX(21px) translateY(3px);
	-ms-transform: translateX(21px) translateY(3px);
	transform: translateX(21px) translateY(3px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

div.bx-wrapper {
	max-width: 2600px !important;
}

/* === WELL REPORT === */
.loader {
	border-top: 3px solid #c0020c;
	border-bottom: 3px solid #2cac19;
	border-right: 3px solid #fff;
	border-left: 3px solid #2cac19;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	animation: spin 2s linear infinite;
	vertical-align: top;
}

.verify-data {
	font-size: 13px;
	background-color: #70AD47;
	border-radius: 1rem;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	line-height: 2.5em;
	padding: 2px 3px 2px 3px;
	vertical-align: top;
}

.verify-data i {
	font-size: 16px;
	vertical-align: middle;
	box-shadow: var(--box-shadow-base);
}

.verify-data:hover {
	background-color: #0084b4;
	box-shadow: var(--box-shadow-base);
}

.verify-data:active {
	position: relative;
	top: 1px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#well-plan-section .panel,
#daily-report-section .panel {
	
}

#up-page,
#down-page {
	background-color: rgba(0,0,0,0.5);
	height: 110px;
	position: fixed;
	width: 100%;
	visibility: hidden;
	z-index: 999999;
	left: 0;
	right: 0;
}

#up-page {
	top: 0;
}

#down-page {
	bottom: 0;
}

#up-page i,
#down-page i {
	color: #fff;
	font-size: 30px;
	padding: 20px 0;
}

#well_header {
	background-color: #fefefe;
	margin: 0 auto;
	padding: 15px 40px 15px 40px;
	border: 1px solid #ccc;
	border-top: 0;
	/*box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);*/
	box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3);
	border-radius: 0 0 10px 10px;
	font-family: 'Segoe UI';
}

#well_header select {
	font-family: 'Segoe UI';
}

.section-title {
	font-family: 'Segoe UI';
}

#print-btn {
	background-color: #70AD47;
	border-radius: 5em;
	box-shadow: 1px 1px 5px black;
	color: #fff;
	padding: 1em;
	transition: all 0.15s ease-in-out;	animation: shine 3s ease-in-out infinite;
	width: 60%;
}

#print-btn:hover {
	background-color: #0084b4;
}

.accident-btn {
	background-color: #c0020c;
	border-radius: 5em;
	box-shadow: 1px 1px 5px black;
	color: #fff;
	padding: 1em;
	transition: all 0.15s ease-in-out;	animation: shine 3s ease-in-out infinite;
	width: 20%;
}

/* === REPORT-TABS === */
#tabs-nav {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}

#tabs-nav a,
#tabs-nav span {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 8px 18px;
  text-decoration: none;
  font-size: 13px;
}

#tabs-nav a:hover {
  background-color: #0084b4 !important;
  color: #fff;
}

#tabs-nav a.active {
  background-color: #c0020c;
  color: #fff !important;
  cursor: default;
  font-weight: bold;
}

#tabs-nav a.red_feel,
#tabs-nav span {
	background-color: #118811;
	font-weight: bold;
}

#tabs-nav span select {
	color: #fff;
	font-size: 13px;
}

#tabs-nav span select option {
	color: #4c5164;
	font-weight: bold;
}

.overlay {
	position:fixed;
	padding:0;
	margin:0;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(100,100,100,0.8);
	z-index: 9999;
}

.pop_up_form {
	visibility: hidden;
	position: fixed;

	top: 15%;
	left: 22%;

	/*transform: translate(-50%, -50%);*/
	background-color: #fefefe;;
	border-radius: 1rem;
	width: 60%;
	max-height: 60%;
	box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
	overflow: auto;
	z-index: 10000;
	-webkit-font-smoothing: antialiased;
}

.info,
.help {
	margin-left: 20px;
}

.info i,
.help i {
	color: #0084b4;
	font-size: 130%;
}

.info i:hover,
.help i:hover {
	color: #118811;
}

/*#well_header div {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}*/

#operator-img {
	width: 150px;
}

.fluids-div img {
	max-height: 50px !important;
	/*width: auto;
	min-width: 0;
	display: table;*/
	margin-top: 7px;
	max-width: 150px;
}

a#well_title {
	margin-bottom: 15px;
}

#mud-sample-error {
	border-radius: 1rem;
	color: #fff;
	font-family: 'Segoe UI';
	font-size: 17px;
	margin: 10px;
	padding: 20px;
}

#daily-report-section form button[type="submit"],
#well-plan-section form button[type="submit"] {
	background-color: #c0020c;
	border: 1px solid #c0020c;
	color: #fff !important;
	filter: opacity(0.9);
	transition: all 0.15s ease-in-out;}

#daily-report-section form button[type="submit"]:hover,
#well-plan-section form button[type="submit"]:hover {
	background-color: #0084b4;
	border: 1px solid #0084b4;
	filter: opacity(1);
}

.summary-panel {
	padding: 15px;
}

.indented-panel {
	padding-left: 20px;
}

/* === REPORT FORM === */
#header-img,
.header-img {
	text-align: center;
	margin: 10px auto;
	width: 100%;
}

#header-img img,
.header-img img,
#header-img table,
.header-img table {
	display: inline-block;
	margin: 10px;
	vertical-align: middle;
}

#header-img img,
.header-img img {
	margin: 0;
	width: 12%;
}

#header-img table,
.header-img table {
	border-collapse: collapse;
	font-size: 18px;
}

#header-img table td {
	padding: 0 100px;
}
.header-img table td {
	padding: 0 200px;
}

#header-img table tr:first-child td,
.header-img table tr:first-child td {
	border-bottom: 1px solid #000;
}

#summary-img {
	margin: 50px 0;
}

#summary-img img {
	margin: 10px;
	vertical-align: middle;
	width: 200px;
}

.title-page h3 {
	margin: 80px 0;
}

/* === SECTION MENU === */
.section-menu {
	background-color: #4c5164;
	height: 100%;
	width: 14em;
	position: fixed;
	text-align: left;
	top: 56px;
	right: 0;
	visibility: hidden;
}

.section-menu li a {
	display: block;
	color: #fff;
	padding: 0.4em 0.5em;
	border-bottom: 1px solid #fff;
	font-size: 95%;
}

.section-menu li a:hover {
	background-color: #fff;
	color: #4c5164;
}

.section-menu:hover {
	visibility: visible;
}

#go-section:hover ~ .section-menu  {
	visibility: visible;
}

/* === PROFILE === */
.profile-badge {
	box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
	border-radius: 1rem;
	display: inline-block;
	padding: 15px 25px;
	margin: 5px !important;
	text-align: left;
	width: 42%;
}

.profile-badge:hover {
	border-radius: 1rem;
	transition: all 0.3s ease-in-out;}

.profile-img-div {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin: 10px;
	transition: all 0.3s ease-in-out;}

.comite-img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	margin: 10px;
	transition: all 0.3s ease-in-out;}

.comite-img img {
	max-width: 100%;
}

.profile-badge:hover .profile-img-div {
	border-radius: 40%;
}

.profile-img {
	vertical-align: middle;
	max-width: 100%;
}

.profile-badge:hover .profile-img-div .profile-img {
	transform: scale(1.1);
	transition: all 0.3s ease-in-out;}

.profile-badge:hover .profile-name {
	font-size: 24px;
	/*text-shadow: 1px 1px 1px rgb(200, 200, 200);*/
	transition: all 0.3s ease-in-out;}

.profile-badge:hover .profile-position {
	color: #222;
	font-size: 18px;
	transition: all 0.3s ease-in-out;}

.profile-badge:hover .profile-profession {
	color: #000;
	transition: all 0.07s ease-in-out;}

.profile-badge:hover .profile-exp_years {
	color: #000;
	transition: all 0.07s ease-in-out;}

.personal-badge {
	text-align: left;
}

.personal-badge table {
	background-color: #70AD47;
	border-radius: 1rem;
}

.personal-badge .profile-img {
	transition: none;
}

.profile-skills {
	border: 2px solid #70AD47;
	border-radius: 0 0 10px 10px;
	margin: 0 auto;
	width: 95% !important;
	border-top: 0;
}

/* === CLIENTS === */
.panel div > h1,
.panel div > h2,
.panel div > h3,
.panel div > h4,
.panel div > h5,
.panel div > h6 {
	margin: 5px;
}

.panel div > h1.inline,
.panel div > h2.inline,
.panel div > h3.inline,
.panel div > h4.inline,
.panel div > h5.inline,
.panel div > h6.inline {
	margin: 0;
}

#company img {
	height: 4em;
}

.own_company h4 {
	text-align: justify;
}

#own_company img {
	border: 2px solid transparent;
	width: 90px;
	vertical-align: middle;
}

#own_company img:hover {
	border: 2px dashed #0084b4;;
}

#own_company.right-align img {
	width: 80px;
}

/* === PATH NAV === */
#path-nav {
	background-color: #fefefe;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.24);
	font-family: 'Segoe UI';
	font-weight: bold;
	z-index: 999;
	padding: 3px 2.5%;
	position: fixed;
	top: 56px;
	vertical-align: middle;
	height: 3.5em;
	width: 100%;
}

#path-nav #path {
	display: inline-block;
	padding: 1px 0;
	text-align: left;
	width: 40%;
	vertical-align: middle;
}

#path-nav #tools-nav {
	display: inline-block;
	padding: auto 1px;
	text-align: right;
	vertical-align: middle;
	height: 100%;
	width: 59%;
}

#tools-nav span:hover {
	color: #0084b4;
}

/*#path-nav #tools-nav span:hover:after {
	position: relative;
	content:attr(data-title);
	color: ;
	left:0;
	top:0;
	font-size: 16px;
}*/

#path-nav #path a {
	transition: all 0.3s ease;
	color: #4c5164;
	vertical-align: top;
}

#path-nav #path a:hover {
	color: #c0020c;
}

#path-nav #path span {
	color: #70AD47;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
}

/* === MESSAGE === */
#message {
	box-shadow: 0 3px 3px 3px rgba(0,0,0,.6);
	color: #fff;
	font-size: 19px;
	position: fixed;
	top: 110px;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 1000;
}

#message div {
	width: 95%;
	margin: 16px auto;
}

#message div .message-span {
	margin: 0 20px;
	/*text-shadow: 2px 2px 2px rgb(50, 50, 50);*/
	vertical-align: middle;
}

.success-msg {
	background-color: rgba(0, 136, 0, 0.97);
}

.error-msg,
.warning-msg,
#mud-sample-error {
	background-color: rgba(192, 2, 12, 0.97);
}

.notice-msg {
	background-color: rgb(0, 132, 180, 0.97);
}

.closebtn, span {
	vertical-align: top;
}

.closebtn {
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	/*text-shadow: 2px 2px 2px rgb(50, 50, 50);*/
	transition: 0.3s;
}

.closebtn:hover {
	color: #4c5164;
}

/* === CLASSES === */
.article-panel {
	border: 2px solid #000;
	margin: 10px;
	padding: 20px;
}

.is-closed {
	transform: rotate(180deg);
	transition: all 0.3s ease-in-out;}

.addLink:hover {
	filter: opacity(0.95);
	z-index: 999;
}

.block {
	display: block;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.box-table {
	outline: 1px solid #000;
	overflow: hidden;
	width: 100%;
}

.box-table .box-row {
	display: block;
}

.box-table .box {
	outline: 1px solid #aaa;
	display: inline-block;
	float: left;
	text-align: left;
	vertical-align: middle;
	padding: 0.5em;
	height: 2em;
}

.btn {
	cursor: pointer !important;
}

.not-allowed {
	cursor: not-allowed !important;
}

.center {
	text-align: center;
}

.centered {
	margin: 0 auto;
}

.centrifuge-img {
	width: 170px;
}

.disabled {
	filter: grayscale(1) opacity(0.3) !important;
	pointer-events: none;
}

.disabled:hover,
.disabled:focus {
	cursor: not-allowed !important;
}

input[type=checkbox].disabled {
  filter: grayscale(1) opacity(1) !important;
}

[contenteditable="true"]:hover {
	cursor: text;
}

.fa,
.fab,
.fas,
.material-icons {
	vertical-align: middle;
	animation: shine 3s ease-in-out  infinite;
	animation-fill-mode: forwards;
}

.fixed-bg {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.full-width {
	display: inline-block;
	margin: 0;
	width: 100% !important;
}

.half-screen {
	display: inline-block;
	width: 49.5% !important;
	vertical-align: top;
}

.third-screen {
	display: inline-block;
	width: 32.8% !important;
	vertical-align: top;
}

.two-third-screen {
	display: inline-block;
	width: 66% !important;
	vertical-align: top;
}

.quad-screen {
	display: inline-block;
	width: 24% !important;
	vertical-align: top;
}

.hide {
	display: none;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

.filter-panel,
.filtered-panel {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}

.filter-panel input[type = "date"],
.filter-panel select {
	width: 90% !important;
}

.filtered-panel {
	width: 79% !important;
}

/* === LOADING DOTS === */
.loading {
	color: #999;
	font-family: 'Segoe UI';
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}

.loading:after {
	content: ' .';
	animation: dots 0.9s steps(5, end) infinite;
}

@keyframes dots {
	0%, 20% {
		color: rgba(0,0,0,0);
		text-shadow:
			.25em 0 0 rgba(0,0,0,0),
			.5em 0 0 rgba(0,0,0,0);}
	40% {
		color: gray;
		text-shadow:
			.25em 0 0 rgba(0,0,0,0),
			.5em 0 0 rgba(0,0,0,0);}
	60% {
		text-shadow:
			.25em 0 0 gray,
			.5em 0 0 rgba(0,0,0,0);}
	80%, 100% {
		text-shadow:
			.25em 0 0 gray,
			.5em 0 0 gray;}
}

#shaker_meshes {
	padding: 10px;
}

#shaker_meshes .mesh_parameters {
	display: none;
}

.mesh_div {
	background-color: #70AD47;
	border-radius: 15px;
	border: 3px solid #70AD47;
	display: inline-block;
	cursor: move;
	margin: 1px;
	width: 9em;
	z-index: 9999;
}

.mesh_div.repaired {
	border: 3px solid #0084b4 !important;
}

.move {
	cursor: move;
}

.mesh_space_div {
	border-radius: 8px;
	border: 1px solid #999;
	display: inline-block;
	margin: 2px;
	width: 10em;
	min-height: 11em;
	vertical-align: top;
}

.new_mesh_div {
	border: 2px solid #dfdfdf;
	border-radius: 8px;
	background-color: #dfdfdf;
	margin: 2px;
	min-height: 10em;
}

.mesh_div.selected {
	background: #660066 !important;
}

.new_mesh_div.hover {
	border: 3px dashed #660066;
}

.no-line-height {
	line-height: 0.5em;
	padding-top: 10px
}

.middle {
	vertical-align: middle;
}

.top {
	vertical-align: top;
}

.no-border {
	border: none !important;
}

.no-border-bottom {
	border-bottom: none !important;
}

.no-border-top {
	border-top: none !important;
}

.no-border-right {
	border-right: none !important;
}

.no-border-left {
	border-left: none !important;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-bottom {
	padding-bottom: none !important;
}

.no-padding-top {
	padding-top: none !important;
}

.no-padding-right {
	padding-right: none !important;
}

.no-padding-left {
	padding-left: none !important;
}

.no-pointer {
	cursor: default !important;
}

.no-margin {
	margin: 0 !important;
}

.nowrap {
	white-space: nowrap;
}

thead.nowrap th {
	white-space: nowrap;
}

.nowrap td,
.nowrap th,
.report-table td {
	white-space: nowrap;
}

.kpi-table {
	border-collapse: collapse !important;
}
.kpi-table {
	border: 2px solid #555;
}

.kpi-table th, .kpi-table td {
	border: 1px solid #fff;
}

.wrap-table {
	border-collapse: collapse !important;
}

.wrap-table > td, .wrap-table > textarea {
	resize: none;
	height: 100px;
}

.wrap-table, .wrap-table th, .wrap-table td {
	border: 1px solid #555;
}

.wrap-table td {
	background-color: #fff;
	white-space: normal;
}

.NULL {
	color: rgba(150, 0, 0, 0.9);
	cursor: not-allowed;
	display: inline-block !important;
	font-size: 14px;
	margin: 0 auto;
}

.left-align {
	text-align: left !important;
}
.right-align {
	text-align: right !important;
}

.show-span {
	margin-left: 75px;
}

.report-submit-section .btn-success {
	background-color: #f0f0f0;
	color: #70AD47;
}

.rig-tower {
	filter: grayscale(1) invert(1) brightness(100%);
	width: 1.5em;
}

.red-rig-tower {
	width: 0.8em;
}

.icon-logo {
	width: 1.5em;
}

.small {
	font-size: 95%;
}

.summary_comment {
	cursor: pointer;
	color: #c0020c;
}

#feel_counter {
	display: block;
	margin: auto;
	width: 60%;
}

#feel_counter:hover {
	/*background-color: #c0020cee;*/
	/*border-radius: 1rem;*/
	transition: all 0.3s ease-in-out;}

#feel_counter:hover #view_feel_counter {
	display: inline-block;
}

#feel_counter:hover h3,
#feel_counter:hover h5 {
	/*color: #fff;*/
}

#feel-counter-table {
	border: none;
	float: right;
	background-color: transparent;
}

.tiny {
	font-size: 85%;
}

.transparent {
	color: transparent;
}

/*.soft-panel {
	border: 1px solid #aaa;
	border-radius: 1rem;
	margin: 20px auto;
}*/

.submit-section .btn-success,
.submit-section .btn-cancel {
	border-radius: 1rem;
	font-family: 'Segoe UI';
	display: inline-block;
	width: 260px;
	line-height: 35px;
	vertical-align: middle;
	text-align: center;
}

.submit-section .btn-success {
	background-color: #70AD47;
	color: #f0f0f0;
}

.submit-section .btn-cancel {
	background-color: #fff;
	border: 1px solid #c0020c;
	color: #c0020c;
}

.submit-section .btn-success:hover,
.submit-section .btn-cancel:hover {
	color: #fff;
	filter: opacity(0.9);
	box-shadow: 1px 1px 1px 0px #70AD47bb;
}

.submit-section .btn-cancel:hover {
	background-color: #c0020c;
}

.submit-section span {
	display: inline-block !important;
	font-size: 1em !important;
}

.btn-success,
.btn-cancel {
	cursor: pointer;
}

.btn-success:active,
.btn-cancel:active {
	position: relative;
	top: 1px;
}

.top-align {
	vertical-align: top;
}

.bottom-align {
	vertical-align: bottom;
}

.tosave {
	background-color: '#c0020c';
	color: '#fff';
}

.none {
	display: none;
}

.overflow-x {
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 1;
}

.underline {
	text-decoration: underline !important;
}

.underline-hover:hover {
	text-decoration: underline;
}

/* TOOLTIP */

/* Tooltip container */
.tooltip {
    position: relative;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #555;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    border-radius: 1rem;

    /* Position the tooltip text */
    position: absolute;
    z-index: 9999998;
    bottom: 100%;
    left: 100%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext:hover {
	background-color: #c0020c;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 80%;
    margin-right: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
	z-index: 99999999;
}

.tooltip .tooltiptext:hover::after {
	border-color: #c0020c transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    z-index: 998;
}
/* === COOKIE CONTAINER === */
.cookie-container {
	font-size: 17px;
	position: fixed;
	bottom: -100%;
	left: 0;
	right: 0;
	background-color: #2f3640dd;
	color: #f5f6fa !important;
	box-shadow: 0 -2px 16px rgba(47,54,64,0.4);
	padding: 10px;
	transition: 100ms;
	z-index: 9999;
}

.cookie-container.active {
	bottom: 0;
}

.cookie-btn {
	background-color: #c0020c;
	border: 0;
	color: #fff;
	padding: 8px 24px;
	font-size: 18px;
	margin-bottom: 8px;
	margin-top: 8px;
	border-radius: 8px;
	cursor: pointer !important;
}

.cookie-btn:hover {
	background-color: #118811;
	transition: 300ms ease;
}

/* === FORMS === */
input,
textarea,
select {
	background-color: transparent;
	border: 0;
	/*border-bottom: 2px solid rgb(232, 234, 237);*/
	border-bottom: 2px solid #4c5164;
	border-radius: 0.3rem 0.3rem 0 0;
	color: #4c5164;
	display: inline-block;
	font-family: 'Font Awesome\\ 5 Free', 'Segoe UI', Arial, Verdana, Calibri;
	font-size: 16px;
	vertical-align: top;
}

textarea {
	border: 2px solid #4c5164 !important;
}

input[type=submit],
button[type=submit] {
	border: none !important;
	font-size: 18px;
}

input[type=search]::-webkit-search-cancel-button {
	/* Remove default */
	-webkit-appearance: none;

	/*border-radius: 1rem;
	border: 2px solid #fff;*/
	background-color: #c0020c;
	-webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
	height: 11px;
	width: 11px;
	cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
	width: 1em;
	display: inline-block;
}

::placeholder {
	color: #b0b0b0;
	font-weight: normal;
}

input[readonly] {
	border-bottom: none;
	border-radius: 1rem;
	background-color: #eee;
	cursor: not-allowed;
}

/* === TABLES === */
/*.soft-table {
	border: 1px solid #aaa;
	border-radius: 1rem;
	padding: 10px;
	margin: 0 auto;
	width: 70%;
}

.soft-table th {
	padding: 5px;
	text-align: left;
}

.soft-table td {
	padding: 5px !important;
}*/

/* CRUD */
.panel {
	background-color: #fefefe;
	border: solid 1px #70AD47cc;
	border-radius: 1rem;
	margin: 0 auto;
	width: 100%;
}

.black_panel {
	background-color: #fff;
	border: solid 1px #555 !important;
	border-radius: 5px;
	margin: 0 auto;
	width: 100%;
}

.subpanel {
	background-color: #fff;
	border-top: solid 1px #70AD47cc;
	border-bottom: solid 1px #70AD47cc;
	margin: 0 auto;
	width: 100%;
}

.section-panel {
	border-bottom: solid 2px #70AD47cc;
	margin: 10px 0 auto;
	padding-bottom: 10px;
	width: 100%;
}

.section-panel > h2,
.section-panel > h3 {
	display: inline;
}

.panel-heading {
	background-color: #70AD47;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'Segoe UI';
	font-weight: bold;
	padding: 3px 0;
	text-align: center;
	width: 100%;
	z-index: 9999;
}

.border-radius {
	border-radius: 1rem;
}

.container {
	padding-top: 0;
}

.edit-icon {
	color: #0084b4;
	transition: all 0.07s ease-in-out;}

.remove-icon {
	color: #c0020c;
	transition: all 0.07s ease-in-out;}

/* TABLESORTER */
#entity-table { 
	/*border-spacing: 1px;*/
	border-collapse: separate;
	font-family: Verdana;
	color: #000;
}

.tablesorter {
	border-collapse: separate;
}

#entity-table .actions {
	visibility: hidden;
}

#entity-table tbody > tr:hover > td > .reg-number {
	display: none;
}

#entity-table tbody > tr:hover > td > .actions {
	visibility: visible;
}

#entity-table .actions .fa:hover {
	transform: scale(1.8);
}

/* CRUD FORM */
.formData {
	padding: 15px 40px;
	border-bottom: 1px solid #70AD47;
}

.form-group {
	margin: 10px 0;
}

.form-group input:not([disabled]):not([type="submit"]):hover,
.form-group select:hover,
.form-group input:not([disabled]):not([type="submit"]):focus,
.form-group select:focus {
	border-bottom: 2px solid #c0020c;
}

.form-group textarea:hover,
.form-group textarea:focus {
	border: 2px solid #c0020c !important;
}

.form-group label,
.form-group input,
.form-group textarea,
.form-group select {
	transition: all 0.3s;
	display: inline-block;
}

.form-group span {
	color: #4c5164;
	display: block;
}

.form-group label,
.form-table tr td label {
	color: #c0020c;
	cursor: pointer;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
}

.text-shadow {
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
}

.form-table {
	margin: 0 auto;
}

.form-table th {
	font-family: 'Segoe UI';
}

.form-table thead th,
.form-table tr.first-row th {
	color: #c0020c !important;
	text-align: center;
	text-transform: uppercase;
	/*text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);*/
}

.form-table tr.center th {
	text-align: center;
}

input.center {
	text-align: center !important;
}

.form-table tbody th {
	color: #c0020c !important;
	text-align: right;
}

.pop_up_form .form-table {
	font-size: 17px !important;
}

.form-div .add_btn {
	background-color: #70AD47;
	border-radius: 50px;
	color: #fff !important;
	cursor: pointer;
	font-family: 'Segoe UI';
	font-weight: bold;
	display: block;
	margin: 10px auto;
	padding: 7px;
	text-align: center;
	filter: opacity(0.9);
	width: 30%;
		box-shadow: 3px 3px 7px 0px #999;
}

.form-div .add_btn:hover {
	box-shadow: 1px 1px 5px 0px rgba(0,0,0);
	filter: opacity(1);
}

.form-div .add_btn:active {
	position:relative;
	top:2px;
}

.form-div button.add_btn {
	font-size: 16px;
}

.form-table .delete_btn,
.big-table .delete_btn {
	color: #fff !important;
	cursor: pointer;
}

.big-table .delete_btn {
	color: #c0020c !important;
}

.big-table .edit_btn {
	color: #fff !important;
	cursor: pointer;
	width: 100%;
}

.big-table .remove,
.form-table .edit_btn {
	color: transparent !important;
}

.big-table .remove.white:hover {
	color: #fff !important;
}

.form-table tr:hover > td > .delete_btn,
.big-table .remove:hover {
	color: #c0020c !important;
}

.form-table tr:hover > td > .edit_btn {
	color: #0084b4 !important;
}

.form-panel,
.form-panel-fake {
	background-color: #fefefe;
	border: 1px solid #ccc;
	border-radius: 1rem;
	margin: 5px;
	/*box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);*/
	box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3);
}

.form-panel-tank {
	background-color: #36000010;
	border: 1px double #360000;
	border-radius: 1rem;
	margin: 5px;
	/*box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);*/
	box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3);
}

.separate-panel {
	border: 1px solid #ccc;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.form-panel-dark {
	background-color: #4c516477;
	border: 1px solid #ccc;
	border-radius: 1rem;
	margin: 0 10%;
	padding: 2em;
	/*box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);*/
	box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3);
}

.form-panel-dark input,
.form-panel-dark select {
	color: #ffffff;
}

.form-panel-dark option {
	color: #000000;
}

.form-panel-tank.half-screen,
.form-panel-fake.half-screen {
	width: 47% !important;
}

.form-panel.half-screen {
	margin: 0;
	box-shadow: 1px 1px 5px 0px #bbb;
}

.form-panel-mini {
	border-left: 1px solid #cdcdcd;
	/*box-shadow: 2px 2px 5px 0px #70AD47bb;*/
	padding: 10px 40px;
}

.form-panel-save {
	border: 1px solid #c0020c;
	/*box-shadow: 3px 3px 7px 0px #c0020cbb;*/
	box-shadow: 0 1px 5px 2px #c0020cbb;
}

.form-panel input {
	width: 250px;
	font-weight: bold;
}
.form-panel input[type="checkbox"],
.form-panel input[type="radio"],
.form-group label input[type="radio"] {
	width: 1em;
	vertical-align: middle;
	margin-bottom: 4px
}
.form-panel select {
	font-weight: bold;
	padding-bottom: 5px;
}
.form-panel input[type="number"],
.form-panel input[type="time"] {
	text-align: right;
	width: 80px;
}

.form-panel input[type="time"] {
	width: 150px;
}

.form-panel input[disabled],
.form-panel input[disabled]:hover,
.form-panel select[disabled],
.form-panel select[disabled]:hover {
	border-bottom: none;
	color: #4c5164 !important;
	font-weight: bold;
}

.form-panel input:focus,
.form-panel input:hover,
.form-panel select:hover {
	border-bottom: 2px solid #c0020c;
}

.form-panel textarea {
	border: 1px solid #aaa;
	border-radius: 1rem;
	font-weight: bold;
	height: 7em;
	width: 100%;
}

.form-panel textarea[disabled] {
	background-color: #ddd;
	cursor: no-drop;
}

.form-panel textarea:focus {
	border: 1px solid #0084b4;
}

.form-panel .form-div {
	margin: 0 auto;
}

.form-panel .form-submit {
	/*text-align: right;
	vertical-align: bottom;*/
	text-align: center;
}

.form-panel .form-submit button {
	font-family: 'Segoe UI';
	font-size: 16px;
	font-weight: bold;
}

.form-save {
	background-color: #c0020c;
	border-radius: 50px;
	cursor: pointer;
	color: #fff;
	margin-top: 10px;
	padding: 15px 60px;
		box-shadow: 3px 3px 7px 0px #c0020cbb;
}

.form-search {
	background-color: #c0020c;
	border-radius: 50px;
	cursor: pointer;
	color: #fff;
	margin-top: 10px;
	padding: 15px 60px;
		box-shadow: 3px 3px 7px 0px #c0020cbb;
}

.form-search.small {
	padding: 5px 20px;
}

.small-save .form-save {
	padding: 7px 30px;
	margin-bottom: 10px;
}

.form-save-fake {
	background-color: #c0020c;
	border-radius: 50px;
	cursor: pointer;
	color: #fff;
	margin-top: 10px;
	padding: 15px 60px;
		box-shadow: 3px 3px 7px 0px #c0020cbb;
}

.form-save:hover,
.form-save-fake:hover {
	background-color: #70AD47;
	box-shadow: 1px 1px 5px 0px rgba(0,0,0);
}

.form-save:active {
	position:relative;
	top:2px;
	left:2px;
}

.form-table td {
	color: #4c5164;
	padding: 5px;
}

.form-group input,
.form-group textarea,
.form-group span,
.form-group select {
	font-size: 18px;
	padding: 1px 5px;
	width: 230px;
}

.form-group textarea {
	height: 5em;
	width: 90%;
}

.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group textarea,
.form-group select {
	color: #444;
}

.form-group input[type="file"] {
	width: auto;
}

#report_comments table {
	width: 100% !important;
}

#report_comments table th {
	width: 15%;
}

#generate-csv {
	display: inline;
	vertical-align: top;
}

/* CRUD TABLE */
.table {
	border: 1px solid #fff;
	border-radius: 1rem;
	min-width: 100%;
	background-color: #fff;
	border-collapse: collapse;
}

.report-table tbody td,
.report-table tbody td a {
	padding: 0 !important;
}

.report-table td input,
.report-table td select,
.report-table td textarea {
	border: none !important;
	margin: 1px !important;
	padding: 1px;
	width: 99%;
	vertical-align: middle;
	/*outline: none;*/
}

/*.report-table td input:focus,
.report-table td select:focus,
.report-table td textarea:focus {
	box-shadow: 0 0 2px rgba(192, 2, 12, 1);
}*/

.wells-table {
	border-collapse: separate;
	border-radius: 1rem;
}

.wells-table .actions a {
	padding-left: 5px;
}

.table tr th:hover {
	background-color: #c0020c !important;
}

.wells-table tr td:hover {
	background-color: #70AD47 !important;
}

.wells-table tr td a,
.wells-table tr td span {
	color: #4c5164;
}

.wells-table tr td:hover span,
.wells-table tr td a:hover,
.wells-table tr td:hover .fa {
	color: #fff !important;
}

.report-table,
.summary-table {
	background-color: #fff;
	border-radius: 5px;
	border-collapse: separate;
	width: 100%;
}

.black_panel {
	page-break-inside: avoid !important;
}

.report-table tr {
	page-break-inside: avoid !important;
	page-break-after:auto;
}

.wrap-table textarea {
	height: 260px;
}

.wrap-table .medium-td textarea {
	height: 118px;
}

.title-table {
	width: 80% !important;
	margin: 0 auto;
    border-collapse:collapse;
    border:1px solid black;
}

.title-table th,
.title-table td {
	border: 1px solid #000 !important;
}

.dfr-table {
	background-color: #fff;
	border-collapse: collapse;
	width: 100%;
}

.dfr-table tr th,
.dfr-table tr td {
	border: 1px solid #000;
	text-align: center;
}

.dfr-table-gray tr td {
	border: 1px solid #999 !important;
}

.dfr-table tr th {
	border-right: 1px solid transparent;
}

.dfr-table tr th {
	font-weight: bold;
	color: #000;
}

.dfr-table tr td span {
	vertical-align: middle;
}

.table tbody td,
.report-table tbody td {	
	padding: 1px 3px;
	color: #000;
}

.table.border-collapse {
	background-color: #fff;
	border-radius: 1rem;
	border-collapse: separate;
}

.summary-table tbody td {
	padding: 2px 7px !important;
}

.table th,
.table .first-column,
.report-table th,
.report-table .first-column {
	background-color: #70AD47;
	color: #fff !important;
	font-family: 'Segoe UI';
	font-weight: normal;
	padding: 1px 4px;
}

.table .first-row,
.report-table .first-row,
.table .first-row:hover,
.report-table .first-row:hover {
	background-color: #70AD47;
	color: #fff !important;
	font-weight: normal;
	padding: 1px 4px;
	text-align: center;
}

.table tbody tr:nth-child(odd),
.report-table tbody tr:nth-child(odd) {
	background-color: #E2EFDA;
}

.table tbody tr:nth-child(even),
.report-table tbody tr:nth-child(even) {
	background-color: #C6E0B4;
}

.report-table tbody > tr:hover > td,
.report-table tbody > tr:hover > td a,
.report-table tbody > tr:hover > td input,
.report-table tbody > tr:hover > td select,
.report-table tbody > tr:hover > td textarea,
.report-table tbody > tr td select:focus {
	background-color: #c0020c !important;
	color: #fff !important;
}

.highlight td,
.highlight th {
	background-color: #c0020c !important;
	/*border: 2px dotted #fff;*/
	color: #fff !important;
}

.table tbody > tr:hover > td {
	color: #000 !important;
}

#entity-table tfoot {
	background-color: #70AD47;
	color: #fff;
}

.remove-tr,
.btn_delete {
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: none;
	margin: none;
	padding: none;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
	width: 35%;
}
.btn_edit {
	display: none;
}

.remove-tr:hover,
.btn_delete:hover {
	color: #c0020c;
}

.show.btn_delete {
	color: #fff;
	display: inline-block;
	text-align: center;
}

.show.btn_delete:hover {
	color: #c0020c;
}

.variable-info {
	cursor: help;
}

.pager {
	border-bottom: 1px solid #fff;
	padding: 5px;
}

#tools-nav .pager {
	border: 0 !important;
}

td.pager {
	background-color: #70AD47;
	color: #fff;
	font-weight: bold;
}

td.pager select {
	color: #000;
	background-color: #fff;
	border: none;
	padding: 0 0 3px 0;
}

td.pager i:hover {
	cursor: pointer;
	background-color: #fff;
	border-radius: 1rem;
	color: #70AD47;
	}

td.pager i.disabled:hover {
	cursor: not-allowed;
}

td.pager .pagesize,
td.pager .gotoPage {
	background-color: #70AD47;
	border: 0;
	color: #fff;
	font-weight: bold;
}

.report-table tbody > tr:hover > td > .remove-tr,
.report-table tbody > tr:hover > td > .btn_delete,
.report-table tbody > tr:hover > td > .btn_edit {
	display: inline;
	border-radius: 5px;
}

.report-table .td_add {
	text-align: center;
}

/*.report-table .td_add:hover > .btn_add {
	color: #fff;
}*/
.report-table .btn_add,
.form-table tr .btn_add {
	color: #70AD47;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
	width: 100%;
}

.report-table .new-tr:hover i,
.form-table .new-tr:hover i {
	color: #fff !important;
	animation: none;
}

i.btn_add,
.btn_add i {
	animation: btn_add 1.5s ease-in-out infinite;
	animation-fill-mode: forwards;
}

.btn_add_animation {
	color: #70AD47;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
	animation: btn_add 1.5s ease-in-out infinite;
	animation-fill-mode: forwards;
}

.add_entity {
	z-index: 999999 !important;
}

.report-table tbody tr.new-tr,
.report-table tbody tr.new-tr th,
.form-table tr.new-tr,
.form-table tr.new-tr th {
	background-color: #c0020c;
	border-radius: 5px;
	font-size: 15px;
	filter: opacity(0.9);
}

.form-table tr.new-tr:hover th {
	filter: opacity(1);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0);
}

.report-table tbody tr.new-tr td input,
.report-table tbody tr.new-tr td input::placeholder,
.report-table tbody tr.new-tr select,
.report-table tbody tr.new-tr th,
.form-table tr.new-tr span {
	color: #fff !important;
	font-weight: bold;
}

.report-table tbody tr.new-tr:hover,
.report-table tbody tr.new-tr th:hover,
.form-table tr.new-tr:hover {
	background-color: #0084b4;
	color: #fff;
	font-size: 15px;
}
/*.report-table tbody tr.new-tr td input[readonly] {
	background-color: #c0020c;
}*/

.report-table tr:hover > td > .btn_add {
	color: #fff;
}

#actions .fa {
	animation: btn_add 1.5s ease-in-out  infinite;
	animation-fill-mode: forwards;
}

#actions tr:hover > th {
	background-color: #c0020c !important;
}

/*.report-table .btn_add:hover {
	color: #0084b4;
}*/

#mud_parameter_table td:first-child {
	width: 20em;
	min-width: 20em;
}

/*.headcol {
	position: absolute;
	left: 10%;
	width: 10em;
}*/

/* WELLS TABLE */
.quick_access_wells,
.active_wells,
.feel-engineers-table {
	margin: 10px auto;
	width: 90%;
}

.selected_wells {
	margin: 10px auto;
	width: 75%;
}

@keyframes btn_add {
	0% {
		color: #8BC34A;
		transform: scale( .80 );
	}
	25% {
		color: #8BC34A;
		transform: scale( .90 );
	}
	50% {
		color: #fff;
		transform: scale(1);
	}
	75% {
		color: #8BC34A;
		transform: scale( .90 );
	}
	100% {
		color: #8BC34A;
		transform: scale( .80 );
	}
}

.compare_btn {
	animation: shine 3.3s ease-in-out  infinite;
	animation-fill-mode: forwards;
}

@keyframes shine{
	40% {
		opacity: 1;
		top: -45%;
		left: -45%;
		transition-duration: 0.7s, 0.7s, 0.15s;
		transition-timing-function: ease;
	}
	50% {
		opacity: 0.7;
		top: -45%;
		left: -45%;
		transition-property: left, top, opacity;
	}
	60% {
		opacity: 1;
		top: -45%;
		left: -45%;
		transition-duration: 0.7s, 0.7s, 0.15s;
		transition-timing-function: ease;
	}
}

@keyframes heartbeat {
	0% {
		transform: scale( .95 );
		font-size: 49.7px;
	}
	20% {
		transform: scale( 1 );
		font-size: 50px;
	}
	40% {
		transform: scale( .95 );
		font-size: 49.7px;
	}
	60% {
		transform: scale( 1 );
		font-size: 50px;
	}
	80% {
		transform: scale( .95 );
		font-size: 49.7px;
	}
	100% {
		transform: scale( .95 );
		font-size: 49.7px;
	}
}

@keyframes active_well {
	0% {color: transparent;}
	30% {color: #c0020c;}
	50% {color: transparent;}
	70% {color: #c0020c;}
	100% {color: transparent;}
}
.active-well {
	animation-name: active_well;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}

/* INSTRUCTIONS */
.instructions {
	padding: 20px;
}

.instructions ul li {
	vertical-align: middle;
}

/* === REPORTS === */
.no-border-top .btn-success {
	border: 1px solid #ddd;
	transition: all 0.15s ease-in-out;	border-radius: 1rem;
	padding: 3px 0;
}

.no-border-top .btn-success:hover {
	background-color: #70AD47;
	color: #fff;
}

.save-div {
	margin: 15px 0 5px 0;
}

.save-btn {
	background-color: #c0020c;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	width: 100%;
}

.save-btn i {
	font-size: 17px;
}

.save-btn:hover {
	background-color: #0084b4;
	color: #fff;
}

.big-table {
	border-collapse: collapse;
	margin: 0 auto;
}

.big-table th {
	font-family: 'Segoe UI';
	white-space: nowrap;
	vertical-align: top;
}

.wrap {
	word-wrap: break-word !important;
}

.big-table tbody th {
	text-align: right;
}

.big-table td, .big-table th {
	border: 1px solid #ddd;
}

.big-table tr:nth-child(odd) {
	background-color: #fff;
}

.big-table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.big-table tr:hover,
.big-table tr.selected,
.big-table tr.selected th {
	background-color: #dcdcdc;
}

.big-table th {
	color: #c0020c;
}

.big-table thead th {
	padding: 10px 0;
	/*text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);*/
	text-align: center;
	vertical-align: middle;
}

.big-table tbody th {
	padding: 0 10px;
}

.big-table input,
.big-table input:hover,
.big-table input:focus,
.big-table select,
.big-table select:hover,
.big-table select:focus {
	border: none;
	text-align: right;
	width: 100% !important;
}

.big-table select {
	direction: ltr;
}

#dispatch-table input {
	height: 3em;
}

/* TABLE SORTER */
.tablesorter input[type=search] {
	background-color: #70AD47;
	border: 0;
	color: #fff;
	cursor: text;
	font-weight: normal;
	height: 20px;
	margin: 0;
	padding-bottom: 2px;
	vertical-align: middle;
	text-align: center;
	width: 0;
}

#tools-nav input[type=search] {
	border-bottom: 2px solid #777;
	margin: 0;
	padding: 0;
	width: 0;
}

.tablesorter input[type=search] {
	padding: 10px;
	width: 100%;
	font-weight: bold;
	font-family: 'Segoe UI';
}

.tablesorter input[type=search]:hover,
.tablesorter input[type=search]:focus {
	border: 0;
	background-color: #fff;
	color: #555;
}

#tools-nav input[type=search]:hover,
#tools-nav input[type=search]:focus {
	width: 100px;
}

.panel input[type=search]::placeholder {
	color: #ededed;
	font-size: 13px;
}

.panel input[type=search]:hover::placeholder,
.panel input[type=search]:focus::placeholder {
	color: #999;
}

.tablesorter .filtered {
	display: none;
}

/*.table-menu {
	color: #fff;
	position: fixed;
	z-index: 99;
}*/

/*#table-menu .drop-nav {
	right: 1px;
	top: 17px;
	min-width: 100px;
}

#table-menu .drop-nav:hover {
	color: #70AD47;
}*/

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}

.tablesorter .tablesorter-processing {
	background-position: right center !important;
	background-repeat: no-repeat !important;
	background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important;
}

/* === REPORT PAGER === */
.pager .prev,
.pager .next {
	position: fixed;
	top: 41%;
	z-index: 999;
}

.pager .prev {
	left: 0;
}

.pager .next {
	right: 0;
}

.pager li a,
#report-tabs ul li a {
	color: #4c5164;
	transition: all 0.15s ease-in-out;}

.pager li a {
	color: #eee;
}

.pager li a {
	background-color: #70AD47;
	border-radius: 45%;
	padding-top: 9px;
	padding-bottom: 11px;
	filter: opacity(0.9);
}

.pager .prev a {
	padding-left: 4px;
	padding-right: 6px;
}

.pager .next a {
	padding-left: 5px;
	padding-right: 5px;
}

.pager li a:hover {
	color: #fff !important;
	background-color: #c0020c;
}

.pager li a i {
	font-size: 27px;
	font-weight: bold;
}

.logo-icon {
	filter: grayscale(100%);
	vertical-align: top;
	width: 15px;
}

#day_navigation a:hover i {
	transform: scale(1.3);
}

.report-footer,
.wellsummary_footer {
	text-align: center;
	font-weight: bold;
}

.report-footer hr,
.wellsummary_footer hr {
	margin: 2px 0 4px 0;
}

.report-footer p,
.wellsummary_footer p {
	color: #999;
	line-height: 1em;
	font-weight: normal;
}

.wellsummary_footer .footer-img,
.wellsummary_footer .footer-note {
	width: 7%;
	display: inline-block;
	vertical-align: middle;
}

.wellsummary_footer .footer-note {
	width: 90%;
}

.wellsummary_footer img {
	width: 60%;
}

#well-summary-section {
	color: #000;
}

#well-summary-section p {
	text-align: justify;
}

/* FEEL-STREAMLINE */
#feel-streamline h3 {
	padding: 5px;
}

#feel-streamline p {
	text-align: justify;
	line-height: 2em;
	padding: 0 1em;
}

#feel-streamline .general-description img {
	float: left;
	padding-right: 2em;
	width: 270px;
	vertical-align: middle;
}

#feel-streamline .general-description {
	font-size: 1.3em;
	padding: 3em 5em;
}

#feel-streamline .general-description p {
	vertical-align: middle;
}

/* MEDIA QUERIES */
@media screen and (max-width: 1024px) {
	/*td.empty {
		display: block;
	}*/

	#path-nav {
		top: 46px;
		height: 5em;
	}

	header {
		height: 46px;
	}
	
	section {
		width: 99%;
	}

	/*section.no-path {
		margin: 0 0.5% !important;
	}*/

	#path-nav {
		padding: 3px 0.5%;
	}

	#path-nav #path,
	#path-nav #tools-nav {
		display: block;
		text-align: center;
		width: 100%;
	}

	#path-nav #tools-nav .pagedisplay {
		display: block;
	}
	
	/* === HOME-SECTION === */
	section.home-section {
		min-height: auto;
		padding: 12% 4% !important;
	}

	section#home {
		text-align: center;
		padding: 60px 4% 15% 4% !important;
	}

	section#home div {
		display: block;
		width: 100% !important;
	}

	section#home img {
		display: block;
		margin: 20px auto;
		width: 40%;
	}

	section#home .feel {
		font-size: 15px;
		padding: 10px;
	}

	section#home .feel i {
		width: 1.5em;
	}

	section#home .new-feel {
		display: block !important;
		margin: 0.5em auto;
		width: 60%;
	}

	section#home .new-feel.feel-f span:before {
		content: 'F';
	}

	section#home .new-feel.feel-e span:before {
		content: 'E';
	}

	section#home .new-feel.feel-l span:before {
		content: 'L';
	}

	section#home .new-feel div {
		display: none;
	}

	/* === ABOUT-US === */
	.feel-home-logo {
		display: block;
		margin: 5% auto;
		width: 40%;
	}

	section#about-us div {
		width: 90%;
	}

	section#about-us div span {
		font-size: 15px;
		color: #fff;
		padding: 5px;
		text-align: center;
	}

	/* === CORE VALUES === */
	section#core-values div {
		margin: 5px auto;
		padding: 5px;
		text-align: center;
	}

	section#core-values div span {
		display: block;
		font-size: 16px !important;
		margin: 7px 0;
	}

	/* === OUR EXPERTISE === */
	section#our-expertise {
		padding: 5em 0 !important;
	}

	section#our-expertise .title {
		margin: 15px 0;
	}

	section#our-expertise div {
		margin: 0 !important;
		padding: 0;
	}

	section#our-expertise div span {
		color: #fff;
		display: block;
		font-size: 1em;
		margin: 5px auto !important;
		padding: 10px;
		width: 80% !important;
	}

	section#our-expertise div span:hover {
		color: #000;
		transform: scale(1);
	}

	/* CLIENTS */
	#clients img {
		filter: grayscale(0) opacity(1);
		width: 150px;
		margin: 0;
	}

	.slider-div {
		margin-top: 10px;
	}
	
	/* === CLASSES === */
	.half-screen,
	.third-screen,
	.quad-screen,
	.main-table,
	.main-graph,
	.main-form,
	.main-save {
		display: block !important;
		width: 100% !important;
	}

	.half-screen.right-align {
		text-align: left;
	}

	.pop_up_form {
		top: 7%;
		left: 7%;
		width: 80%;
		height: 80%;
	}

	.daily-activity,
	.feel-counter-div {
		display: block !important;
		width: 100% !important;
	}

	.daily-activity .half-screen {
		display: block;
		width: 100% !important;
	}

	.feel-counter-div {
		position: relative !important;
		float: unset;
		width: 100% !important;
	}

	.nav-feel-menu li {
		display: block;
		width: 100%;
	}

	.nav-feel-menu.small li {
		display: block;
		width: 100%;
	}

	.nav-feel-menu li span {
		font-size: 1em;
	}

	.form-panel-tank.half-screen,
	.form-panel-fake.half-screen {
		width: 97% !important;
	}

	.concentration-canvas {
		width: 100% !important;
	}

	.concentration-canvas canvas {
		height: 375px !important;
		width: 100% !important;
	}

	.hide-mobile {
		display: none !important;
	}

	.summary-panel {
		padding: 10px;
	}

	.container {
		padding-top: 5em;
	}

	#publication_content,
	.publication_content {
		max-width: 100%;
	}

	#publication_content > iframe,
	.publication_content > iframe {
		max-width: 100%;
	}

	/* FEEL-STREAMLINE */
	#streamline-home {
		float: initial !important;
		width: 100%;
		display: block;
		padding-right: 0;
	}

	#feel_streamline {
		padding-right: 0 !important;
		padding-top: 0 !important;
	}

	.streamline-description img {
		padding-right: 0 !important;
	}

	#feel-streamline .general-description img {
		float: unset;
		display: block;	
	}

	#feel-streamline .general-description {
		padding: 0.5em;
	}

}

@media print {
	html,
	body {
		width: 210mm;
		margin: 0 !important;
	}

	header,
	nav,
	footer,
	#well_header,
	#report-tabs,
	.pager,
	#fluid_properties-panel {
		display: none;
	}

	section {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}

	.article-panel {
		border: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#report-header div {
		padding: 10px;
	}
		
	#daily-activity-subsection .daily-activity-well {
		padding: 0;
		padding: 10px !important;
		font-size: 90%;
	}

	#report-header #feel-counter-table {
		font-size: 13px;
	}

	#report-header div.right-aligned {
		padding-right: 20px;
		width: 28%;
	}

	.dfr-table {
		font-size: 12px;
	}

	.table {
		font-size: 12px;
	}

	#header-img table,
	.header-img table {
		border-collapse: collapse;
		font-size: 14px;
	}
	
	.canvas_container canvas {
		height: 190px !important;
		width: 97% !important;
	}

	.canvas_container_depth canvas {
		height: 440px !important;
		width: 100% !important;
	}

	.page-breaker {
		page-break-after: always;
	}

	.page-breaker-ws {
		page-break-before: always;
	}

	.detect-page-breaker {
		page-break-after: auto;
	}

	.page-breaker hr,
	.page-breaker-ws hr,
	.noprint {
		display: none;
		visibility: hidden;
	}

	.report-container {
		border: 0 !important;
	}

	.no-page-breaker {
		page-break-inside: avoid;
	}

	#entity-table { 
		border-collapse: collapse;
	}

	.tablesorter-filter-row {
		display: none;
	}

	.half-screen {
		display: inline-block;
		width: 45%;
	}

	.report-footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
	}

	.report-footer hr {
		margin: 2px 0 4px 0;
	}

	.report-footer p,
	.wellsummary_footer p {
		color: #999;
		font-size: 7px;
		line-height: 1em;
		font-weight: normal;
	}

	.summary_comment {
		display: none;
	}
	
	.cookie-container {
		display: none;
	}
}
.background_color {
	color: #fefefe;
}
.text_color {
	color: #4c5164;
}
.blue_feel {
	color: #0b419b;
}
.blue_twitter {
	color: #0084b4;
}
.metal_blue {
	color: #ddaaff;
}
.blue_linkedin {
	color: #0077B5;
}
.light_gray {
	color: #f2f2f2;
}
.green_bg {
	color: #70ad47;
}
.green_feel {
	color: #008800;
}
.light_green {
	color: #2cac19;
}
.red_feel {
	color: #c0020c;
}
.green_excel {
	color: #70AD47;
}
.green_excel_08 {
	color: #E2EFDA;
}
.green_excel_06 {
	color: #C6E0B4;
}
.gray {
	color: #999;
}
.gray_feel {
	color: #4c5164;
}
.almost_white {
	color: #f0f0f0;
}
.almost_black {
	color: #444;
}
.white {
	color: #fff;
}
.black {
	color: #111;
}
.indigo {
	color: #3949ab;
}
.purple {
	color: #660066;
}
.orange {
	color: #ff8d1a;
}
.golden {
	color: #ffc200;
}
.panel-background_color {
	color: #fefefe;
	border: 2px solid #fefefe;
}
.panel-text_color {
	color: #4c5164;
	border: 2px solid #4c5164;
}
.panel-blue_feel {
	color: #0b419b;
	border: 2px solid #0b419b;
}
.panel-blue_twitter {
	color: #0084b4;
	border: 2px solid #0084b4;
}
.panel-metal_blue {
	color: #ddaaff;
	border: 2px solid #ddaaff;
}
.panel-blue_linkedin {
	color: #0077B5;
	border: 2px solid #0077B5;
}
.panel-light_gray {
	color: #f2f2f2;
	border: 2px solid #f2f2f2;
}
.panel-green_bg {
	color: #70ad47;
	border: 2px solid #70ad47;
}
.panel-green_feel {
	color: #008800;
	border: 2px solid #008800;
}
.panel-light_green {
	color: #2cac19;
	border: 2px solid #2cac19;
}
.panel-red_feel {
	color: #c0020c;
	border: 2px solid #c0020c;
}
.panel-green_excel {
	color: #70AD47;
	border: 2px solid #70AD47;
}
.panel-green_excel_08 {
	color: #E2EFDA;
	border: 2px solid #E2EFDA;
}
.panel-green_excel_06 {
	color: #C6E0B4;
	border: 2px solid #C6E0B4;
}
.panel-gray {
	color: #999;
	border: 2px solid #999;
}
.panel-gray_feel {
	color: #4c5164;
	border: 2px solid #4c5164;
}
.panel-almost_white {
	color: #f0f0f0;
	border: 2px solid #f0f0f0;
}
.panel-almost_black {
	color: #444;
	border: 2px solid #444;
}
.panel-white {
	color: #fff;
	border: 2px solid #fff;
}
.panel-black {
	color: #111;
	border: 2px solid #111;
}
.panel-indigo {
	color: #3949ab;
	border: 2px solid #3949ab;
}
.panel-purple {
	color: #660066;
	border: 2px solid #660066;
}
.panel-orange {
	color: #ff8d1a;
	border: 2px solid #ff8d1a;
}
.panel-golden {
	color: #ffc200;
	border: 2px solid #ffc200;
}
.bg-background_color {
	background-color: #fefefe !important;
}
.bg-text_color {
	background-color: #4c5164 !important;
}
.bg-blue_feel {
	background-color: #0b419b !important;
}
.bg-blue_twitter {
	background-color: #0084b4 !important;
}
.bg-metal_blue {
	background-color: #ddaaff !important;
}
.bg-blue_linkedin {
	background-color: #0077B5 !important;
}
.bg-light_gray {
	background-color: #f2f2f2 !important;
}
.bg-green_bg {
	background-color: #70ad47 !important;
}
.bg-green_feel {
	background-color: #008800 !important;
}
.bg-light_green {
	background-color: #2cac19 !important;
}
.bg-red_feel {
	background-color: #c0020c !important;
}
.bg-green_excel {
	background-color: #70AD47 !important;
}
.bg-green_excel_08 {
	background-color: #E2EFDA !important;
}
.bg-green_excel_06 {
	background-color: #C6E0B4 !important;
}
.bg-gray {
	background-color: #999 !important;
}
.bg-gray_feel {
	background-color: #4c5164 !important;
}
.bg-almost_white {
	background-color: #f0f0f0 !important;
}
.bg-almost_black {
	background-color: #444 !important;
}
.bg-white {
	background-color: #fff !important;
}
.bg-black {
	background-color: #111 !important;
}
.bg-indigo {
	background-color: #3949ab !important;
}
.bg-purple {
	background-color: #660066 !important;
}
.bg-orange {
	background-color: #ff8d1a !important;
}
.bg-golden {
	background-color: #ffc200 !important;
}
.bg-hover-background_color:hover {
	background-color: #fefefe !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-text_color:hover {
	background-color: #4c5164 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-blue_feel:hover {
	background-color: #0b419b !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-blue_twitter:hover {
	background-color: #0084b4 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-metal_blue:hover {
	background-color: #ddaaff !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-blue_linkedin:hover {
	background-color: #0077B5 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-light_gray:hover {
	background-color: #f2f2f2 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-green_bg:hover {
	background-color: #70ad47 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-green_feel:hover {
	background-color: #008800 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-light_green:hover {
	background-color: #2cac19 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-red_feel:hover {
	background-color: #c0020c !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-green_excel:hover {
	background-color: #70AD47 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-green_excel_08:hover {
	background-color: #E2EFDA !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-green_excel_06:hover {
	background-color: #C6E0B4 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-gray:hover {
	background-color: #999 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-gray_feel:hover {
	background-color: #4c5164 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-almost_white:hover {
	background-color: #f0f0f0 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-almost_black:hover {
	background-color: #444 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-white:hover {
	background-color: #fff !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-black:hover {
	background-color: #111 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-indigo:hover {
	background-color: #3949ab !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-purple:hover {
	background-color: #660066 !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-orange:hover {
	background-color: #ff8d1a !important;
	transition: all 0.3s ease-in-out;
}
.bg-hover-golden:hover {
	background-color: #ffc200 !important;
	transition: all 0.3s ease-in-out;
}
.hover-background_color:hover,
.hover-background_color:hover span,
.hover-background_color:hover i,
.hover-background_color:hover a,
.hover-background_color:hover h4 {
	color: #fefefe !important;
	transition: all 0.3s ease-in-out;
}
.hover-text_color:hover,
.hover-text_color:hover span,
.hover-text_color:hover i,
.hover-text_color:hover a,
.hover-text_color:hover h4 {
	color: #4c5164 !important;
	transition: all 0.3s ease-in-out;
}
.hover-blue_feel:hover,
.hover-blue_feel:hover span,
.hover-blue_feel:hover i,
.hover-blue_feel:hover a,
.hover-blue_feel:hover h4 {
	color: #0b419b !important;
	transition: all 0.3s ease-in-out;
}
.hover-blue_twitter:hover,
.hover-blue_twitter:hover span,
.hover-blue_twitter:hover i,
.hover-blue_twitter:hover a,
.hover-blue_twitter:hover h4 {
	color: #0084b4 !important;
	transition: all 0.3s ease-in-out;
}
.hover-metal_blue:hover,
.hover-metal_blue:hover span,
.hover-metal_blue:hover i,
.hover-metal_blue:hover a,
.hover-metal_blue:hover h4 {
	color: #ddaaff !important;
	transition: all 0.3s ease-in-out;
}
.hover-blue_linkedin:hover,
.hover-blue_linkedin:hover span,
.hover-blue_linkedin:hover i,
.hover-blue_linkedin:hover a,
.hover-blue_linkedin:hover h4 {
	color: #0077B5 !important;
	transition: all 0.3s ease-in-out;
}
.hover-light_gray:hover,
.hover-light_gray:hover span,
.hover-light_gray:hover i,
.hover-light_gray:hover a,
.hover-light_gray:hover h4 {
	color: #f2f2f2 !important;
	transition: all 0.3s ease-in-out;
}
.hover-green_bg:hover,
.hover-green_bg:hover span,
.hover-green_bg:hover i,
.hover-green_bg:hover a,
.hover-green_bg:hover h4 {
	color: #70ad47 !important;
	transition: all 0.3s ease-in-out;
}
.hover-green_feel:hover,
.hover-green_feel:hover span,
.hover-green_feel:hover i,
.hover-green_feel:hover a,
.hover-green_feel:hover h4 {
	color: #008800 !important;
	transition: all 0.3s ease-in-out;
}
.hover-light_green:hover,
.hover-light_green:hover span,
.hover-light_green:hover i,
.hover-light_green:hover a,
.hover-light_green:hover h4 {
	color: #2cac19 !important;
	transition: all 0.3s ease-in-out;
}
.hover-red_feel:hover,
.hover-red_feel:hover span,
.hover-red_feel:hover i,
.hover-red_feel:hover a,
.hover-red_feel:hover h4 {
	color: #c0020c !important;
	transition: all 0.3s ease-in-out;
}
.hover-green_excel:hover,
.hover-green_excel:hover span,
.hover-green_excel:hover i,
.hover-green_excel:hover a,
.hover-green_excel:hover h4 {
	color: #70AD47 !important;
	transition: all 0.3s ease-in-out;
}
.hover-green_excel_08:hover,
.hover-green_excel_08:hover span,
.hover-green_excel_08:hover i,
.hover-green_excel_08:hover a,
.hover-green_excel_08:hover h4 {
	color: #E2EFDA !important;
	transition: all 0.3s ease-in-out;
}
.hover-green_excel_06:hover,
.hover-green_excel_06:hover span,
.hover-green_excel_06:hover i,
.hover-green_excel_06:hover a,
.hover-green_excel_06:hover h4 {
	color: #C6E0B4 !important;
	transition: all 0.3s ease-in-out;
}
.hover-gray:hover,
.hover-gray:hover span,
.hover-gray:hover i,
.hover-gray:hover a,
.hover-gray:hover h4 {
	color: #999 !important;
	transition: all 0.3s ease-in-out;
}
.hover-gray_feel:hover,
.hover-gray_feel:hover span,
.hover-gray_feel:hover i,
.hover-gray_feel:hover a,
.hover-gray_feel:hover h4 {
	color: #4c5164 !important;
	transition: all 0.3s ease-in-out;
}
.hover-almost_white:hover,
.hover-almost_white:hover span,
.hover-almost_white:hover i,
.hover-almost_white:hover a,
.hover-almost_white:hover h4 {
	color: #f0f0f0 !important;
	transition: all 0.3s ease-in-out;
}
.hover-almost_black:hover,
.hover-almost_black:hover span,
.hover-almost_black:hover i,
.hover-almost_black:hover a,
.hover-almost_black:hover h4 {
	color: #444 !important;
	transition: all 0.3s ease-in-out;
}
.hover-white:hover,
.hover-white:hover span,
.hover-white:hover i,
.hover-white:hover a,
.hover-white:hover h4 {
	color: #fff !important;
	transition: all 0.3s ease-in-out;
}
.hover-black:hover,
.hover-black:hover span,
.hover-black:hover i,
.hover-black:hover a,
.hover-black:hover h4 {
	color: #111 !important;
	transition: all 0.3s ease-in-out;
}
.hover-indigo:hover,
.hover-indigo:hover span,
.hover-indigo:hover i,
.hover-indigo:hover a,
.hover-indigo:hover h4 {
	color: #3949ab !important;
	transition: all 0.3s ease-in-out;
}
.hover-purple:hover,
.hover-purple:hover span,
.hover-purple:hover i,
.hover-purple:hover a,
.hover-purple:hover h4 {
	color: #660066 !important;
	transition: all 0.3s ease-in-out;
}
.hover-orange:hover,
.hover-orange:hover span,
.hover-orange:hover i,
.hover-orange:hover a,
.hover-orange:hover h4 {
	color: #ff8d1a !important;
	transition: all 0.3s ease-in-out;
}
.hover-golden:hover,
.hover-golden:hover span,
.hover-golden:hover i,
.hover-golden:hover a,
.hover-golden:hover h4 {
	color: #ffc200 !important;
	transition: all 0.3s ease-in-out;
}
header {
	position: fixed;
	width: 100%;
	background-color: #fefefe;
	border-bottom: 0 solid #ccc;
	font-family: Montserrat;
	height: 56px;
	top: 0;
	z-index: 1001;
}
.logo-home {
	height: 56px;
	vertical-align: middle;
}
.logo {
	position: relative;
	z-index: 123;
	color: #6DDB07;
	float: left;
}
.logo a {
	color: #6DDB07;
}
#main-menu b {
	font-family: 'Comic Sans MS';
}

.lang-li {
	padding: 20px 10px;
}

#cssmenu > ul > .lang-li:hover {
	background-color: #fefefe !important;
}

nav {
	position: relative;
	width: 95%;
	margin: 0 auto;
}
#cssmenu ul {
	float: right;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #head-mobile {
	display: none
}
#cssmenu > ul > li {
	float: left
}
#cssmenu > ul > li > a {
	padding: 20px 10px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #4c5164;
}
#cssmenu > ul > li:hover > a,
#cssmenu ul li.active a {
	color: #fff !important;
}
#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
	background: #008800!important;
	-webkit-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 30px
}
#cssmenu > ul > li.has-sub > a:after {
	position: absolute;
	top: 22px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
#cssmenu > ul > li.has-sub > a:before {
	position: absolute;
	top: 19px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 23px;
	height: 0
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px
}
#cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	background: #333;
	transition: all .25s ease
}
#cssmenu ul ul li:hover {} #cssmenu li:hover > ul {
	left: auto
}
#cssmenu li:hover > ul > li {
	height: 35px
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0
}
#cssmenu ul ul li a {
	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
	padding: 11px 15px;
	width: 210px;
	text-decoration: none;
	color: #ddd !important;
}
#cssmenu ul ul li ul li a {
	width: 210px !important;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
	border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	background-color: #008800;
	color: #fff !important;
}
#cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
#cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
#cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0;
}
#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
	background: #363636;
}
#cssmenu ul ul ul li.active a {
	border-left: 1px solid #333;
}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active> a {
	border-top: 1px solid #333;
}
@media screen and (max-width: 1200px) {
	header {
		height: 46px;
	}
	.lang-li {
		text-align: center;
		height: 32px;
		padding: 10px;
	}
	.logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 46px;
		text-align: center;
		padding: 1px;
		float: none
	}
	.logo2 {
		display: none
	}
	.logo-home,
	.shrink .logo-home {
		height: 44px;
	}
	nav {
		width: 100%;
	}
	#cssmenu {
		background-color: ;
		width: 100%;
	}
	#cssmenu hr {
		display: none;
	}
	#cssmenu ul {
		width: 100%;
		display: none;
		float: none;
	}
	#cssmenu ul li {
		width: 100%;
		background-color: #fff;
		border-bottom: 2px solid #999;
	}
	#cssmenu ul li:hover {
		background: #363636;
	}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li {
		height: auto;
	}
	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 94%;
		border-bottom: 0;
		padding: 15px 15px;
	}
	#cssmenu ul ul li ul li a {
		width: 100% !important;
	}
	#cssmenu > ul > li {
		float: none;
	}
	#cssmenu > ul > li > a {
		padding: 10px 10px;
		height: 32px;
	}
	#cssmenu ul ul li {
		background: #333!important;
	}
	#cssmenu ul ul li:hover {
		background: #4c5164!important
	}
	#cssmenu ul ul ul li a {
		padding-left: 35px
	}
	#cssmenu ul ul li a {
		color: #ddd;
		background: none;
		z-index: 12399994;
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {
		color: #fff;
	}
	#cssmenu ul ul,
	#cssmenu ul ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left
	}
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before {
		display: none
	}
	#cssmenu #head-mobile {
		display: block;
		padding: 23px;
		color: #ddd;
	}
	.button {
		width: 55px;
		height: 36px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		z-index: 12399994;
	}
	.button:after {
		position: absolute;
		top: 22px;
		right: 20px;
		display: block;
		height: 4px;
		width: 20px;
		border-top: 2px solid #4c5164;
		border-bottom: 2px solid #4c5164;
		content: ''
	}
	.button:before {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		position: absolute;
		top: 16px;
		right: 20px;
		display: block;
		height: 2px;
		width: 20px;
		background: #4c5164;
		content: '';
	}
	.button.menu-opened:after {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		top: 23px;
		border: 0;
		height: 2px;
		width: 19px;
		background: #4c5164;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.button.menu-opened:before {
		top: 23px;
		background-color: #4c5164;
		width: 19px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid #f0f0f0;
		height: 32px;
		width: 32px;
		cursor: pointer
	}
	#cssmenu .submenu-button.submenu-opened {
		background: #262626
	}
	#cssmenu ul ul .submenu-button {
		height: 32px;
		width: 32px
	}
	#cssmenu .submenu-button:after {
		position: absolute;
		top: 20px;
		right: 16px;
		width: 9px;
		height: 2px;
		display: block;
		background: #ddd;
		content: ''
	}
	#cssmenu ul ul .submenu-button:after {
		top: 15px;
		right: 13px
	}
	#cssmenu .submenu-button.submenu-opened:after {
		background: #fff
	}
	#cssmenu .submenu-button:before {
		position: absolute;
		top: 16px;
		right: 20px;
		display: block;
		width: 2px;
		height: 9px;
		background: #ddd;
		content: ''
	}
	#cssmenu ul ul .submenu-button:before {
		top: 12px;
		right: 16px
	}
	#cssmenu .submenu-button.submenu-opened:before {
		display: none
	}
	#cssmenu ul ul ul li.active a {
		border-left: none
	}
	#cssmenu > ul > li.has-sub > ul > li.active > a,
	#cssmenu > ul ul > li.has-sub > ul > li.active > a {
		border-top: 1px solid #fff;
	}
}

#cssmenu #logout-a {
	background: #c0020c !important;
	color: #dfdfdf !important;
}

#cssmenu #logout-a:hover {
	color: #fff !important;
}/* === TABLESORTER === */
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #c0020c 1px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #c0020c 1px solid;
}

.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
	background-color: #fff;
	transition: all 0.07s ease-in-out;}

.tablesorter .tablesorter-header.sorter-false {
    background-image: url();
    cursor: default;
}