:root {
	--color: #072142;
	--border: #ffffff;
  }

#header { background: linear-gradient(to bottom, #05172f 0, #072142 50%, #05172f 100%); box-shadow: 0px 2px 2px #072142; }
#navigation { box-shadow: 0px 2px 2px #072142; }
#logo, .highlight-bg, .fader h2 icon:hover, .form span icon:hover, icon:hover, .footer li:hover icon, button:hover icon { background-color: #072142 !important; }

.highlight-color, h2, h3, h4, h5, button:hover, .footer li:hover, .collapsible > li:hover { color: #072142; }
.highlight-bgcolor, .list-view li:hover > icon, #navigation li icon, #navigation li:hover icon, .flipswitch-inner:before, .collapsible > li:hover strong icon { background-color: #072142; }
.highlight-border { border-color: #072142 !important; }

table { border-collapse: collapse; margin: 20px 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
table thead tr { background-color: #072142; color: #ffffff; text-align: left; }
table th, table td { padding: 12px 15px; }
table tbody tr { border-bottom: 1px solid #e4e4e4; }
table tbody tr:nth-of-type(even) { background-color: #fbfbfb; }
table tbody tr:last-of-type { border-bottom: 2px solid #072142; }

.form label, .pulse-red legend { border-radius: 5px; }
.form input[type="text"]:disabled, .form input[type="password"]:disabled, .form input[type="number"]:disabled, .form input[type="file"]:disabled, .form textarea:disabled, .form select:disabled { background-color: #efefef; color: #666; }
.form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="number"]:focus, .form input[type="file"]:focus, .form textarea:focus, .form select:focus, .form-inline:focus { border-color: #072142; }
.form input:focus + label, .form textarea:focus + label, .form select:focus + label { color: #072142; border-color: #072142; }

.form span { color: #fff;  }
.form label:hover:before { border: 2px solid #072142 !important; }
.form input[type="checkbox"]:checked + label, .form input[type="radio"]:checked + label { color: #072142; }
.form input[type="checkbox"]:focus + label:before { border: 2px solid #072142; }

.list-view li strong, #navigation li:hover strong { color: #072142; }

.dropzone:hover { border: 1px dashed #072142; }
.dropzone:hover label { color: #072142; text-decoration: underline; }

.loader img { animation: pulse-bg 1s infinite }
@keyframes pulse-bg {
    0%, 100% {
      background-color: #333;
    }
    50% {
      background-color: #072142;
    }
  }

@keyframes pulse-h {
	0% { box-shadow: 0 0px 4px #333, 0 0px 4px #333; }
	50% { box-shadow: 0 0px 4px #072142, 0 0px 4px #072142; }
	100% {box-shadow: 0 0px 4px #333, 0 0px 4px #333; }
}