@charset "utf-8";
/* CSS Document */
html {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
html {
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
}
progress {
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: medium none;
text-decoration: underline dotted;
}
dfn {
font-style: italic;
}
mark {
background: #ff0 none repeat scroll 0 0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
figure {
margin: 1em 40px;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
code, kbd, pre, samp {
font-family: monospace,monospace;
font-size: 1em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button, input, select, textarea {
font: inherit;
margin: 0;
}
optgroup {
font-weight: bold;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted buttontext;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
padding: 0;
}
[type="search"] {
outline-offset: -2px;
}
html, body {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5;
}
html {
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, .w3-slim, .w3-wide {
font-family: "Segoe UI",Arial,sans-serif;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.w3-serif {
font-family: "Times New Roman",Times,serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
margin: 10px 0;
}
.w3-wide {
letter-spacing: 4px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #eee -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: solid none none;
border-width: 1px 0 0;
margin: 20px 0;
}
img {
margin-bottom: -9px;
}
a {
color: inherit;
}
.w3-image {
height: auto;
max-width: 100%;
}
.w3-table, .w3-table-all {
border-collapse: collapse;
border-spacing: 0;
display: table;
width: 100%;
}
.w3-table-all {
border: 1px solid #ccc;
}
.w3-bordered tr, .w3-table-all tr {
border-bottom: 1px solid #ddd;
}
.w3-striped tbody tr:nth-child(2n) {
background-color: #f1f1f1;
}
.w3-table-all tr:nth-child(2n+1) {
background-color: #fff;
}
.w3-table-all tr:nth-child(2n) {
background-color: #f1f1f1;
}
.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
background-color: #ccc;
}
.w3-centered tr th, .w3-centered tr td {
text-align: center;
}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
display: table-cell;
padding: 8px;
text-align: left;
vertical-align: top;
}
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
padding-left: 16px;
}
.w3-btn, .w3-btn-block {
background-color:#000;
border: medium none;
color: #fff;
cursor: pointer;
display: inline-block;
outline: 0 none;
overflow: hidden;
padding: 6px 16px;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
white-space: nowrap;
}
.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
background-color: #126959;
}
.w3-btn:active {
transform: translateY(1px);
}
.w3-btn, .w3-btn-floating, .w3-btn-floating-large, .w3-closenav, .w3-opennav {
-moz-user-select: none;
}
.w3-btn-floating, .w3-btn-floating-large {
background-color: #000;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 24px;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
z-index: 1;
}
.w3-btn-floating {
height: 40px;
line-height: 40px;
width: 40px;
}
.w3-btn-floating-large {
height: 56px;
line-height: 56px;
width: 56px;
}
.w3-disabled, .w3-btn:disabled, .w3-btn-floating:disabled, .w3-btn-floating-large:disabled {
cursor: not-allowed;
opacity: 0.3;
}
.w3-btn.w3-disabled *, .w3-btn-block.w3-disabled, .w3-btn-floating.w3-disabled *, .w3-btn:disabled *, .w3-btn-floating:disabled * {
pointer-events: none;
}
.w3-btn.w3-disabled:hover, .w3-btn-block.w3-disabled:hover, .w3-btn:disabled:hover, .w3-btn-floating.w3-disabled:hover, .w3-btn-floating:disabled:hover, .w3-btn-floating-large.w3-disabled:hover, .w3-btn-floating-large:disabled:hover {
box-shadow: none;
}
.w3-btn-group .w3-btn {
float: left;
}
.w3-btn-block {
width: 100%;
}
.w3-btn-bar .w3-btn {
background-color: inherit;
box-shadow: none;
color: inherit;
float: left;
}
.w3-btn-bar .w3-btn:hover {
background-color: #ccc;
}
.w3-btnlbl {
background-color:#666666;
border: medium none;
color: #fff;
/*cursor: pointer;*/
display: table-cell;
outline: 0 none;
overflow: hidden;
padding: 6px 16px;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
white-space: nowrap;
}
.w3-badge, .w3-tag, .w3-sign {
background-color: #000;
color: #fff;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center;
}
.w3-badge {
border-radius: 50%;
}
ul.w3-ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.w3-ul li {
border-bottom: 1px solid #ddd;
padding: 6px 2px 6px 16px;
}
ul.w3-ul li:last-child {
border-bottom: medium none;
}
.w3-tooltip, .w3-display-container {
position: relative;
}
.w3-tooltip .w3-text {
display: none;
}
.w3-tooltip:hover .w3-text {
display: inline-block;
}
.w3-navbar {
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
}
.w3-navbar li {
float: left;
}
.w3-navbar li a, .w3-navitem {
display: block;
padding: 8px 16px;
}
.w3-navbar li a:hover {
background-color: #ccc;
color: #000;
}
.w3-navbar .w3-dropdown-hover, .w3-navbar .w3-dropdown-click {
position: static;
}
.w3-navbar .w3-dropdown-hover:hover, .w3-navbar .w3-dropdown-hover:first-child, .w3-navbar .w3-dropdown-click:hover {
background-color: #ccc;
color: #000;
}
.w3-navbar a, .w3-topnav a, .w3-sidenav a, .w3-dropdown-content a, .w3-accordion-content a, .w3-dropnav a {
text-decoration: none !important;
}
.w3-navbar .w3-opennav.w3-right {
float: right !important;
}
.w3-topnav {
padding: 8px;
}
.w3-topnav a {
border-bottom: 3px solid transparent;
padding: 0 8px;
transition: border-bottom 0.3s ease 0s;
}
.w3-topnav a:hover {
border-bottom: 3px solid #fff;
}
.w3-topnav .w3-dropdown-hover a {
border-bottom: 0 none;
}
.w3-opennav, .w3-closenav {
color: inherit;
}
.w3-opennav:hover, .w3-closenav:hover {
cursor: pointer;
opacity: 0.8;
}
.w3-btn, .w3-btn-floating, .w3-dropnav a, .w3-btn-floating-large, .w3-btn-block, .w3-hover-shadow, .w3-hover-opacity, .w3-hover-opacity-off, .w3-hover-sepia, .w3-hover-grayscale, .w3-hover-greyscale, .w3-navbar a, .w3-sidenav a, .w3-pagination li a, .w3-hoverable tbody tr, .w3-hoverable li, .w3-accordion-content a, .w3-dropdown-content a, .w3-dropdown-click:hover, .w3-dropdown-hover:hover, .w3-opennav, .w3-closenav, .w3-closebtn, .w3-hover-amber, .w3-hover-aqua, .w3-hover-blue, .w3-hover-light-blue, .w3-hover-brown, .w3-hover-cyan, .w3-hover-blue-grey, .w3-hover-green, .w3-hover-light-green, .w3-hover-indigo, .w3-hover-khaki, .w3-hover-lime, .w3-hover-orange, .w3-hover-deep-orange, .w3-hover-pink, .w3-hover-purple, .w3-hover-deep-purple, .w3-hover-red, .w3-hover-sand, .w3-hover-teal, .w3-hover-yellow, .w3-hover-white, .w3-hover-black, .w3-hover-grey, .w3-hover-light-grey, .w3-hover-dark-grey, .w3-hover-text-amber, .w3-hover-text-aqua, .w3-hover-text-blue, .w3-hover-text-light-blue, .w3-hover-text-brown, .w3-hover-text-cyan, .w3-hover-text-blue-grey, .w3-hover-text-green, .w3-hover-text-light-green, .w3-hover-text-indigo, .w3-hover-text-khaki, .w3-hover-text-lime, .w3-hover-text-orange, .w3-hover-text-deep-orange, .w3-hover-text-pink, .w3-hover-text-purple, .w3-hover-text-deep-purple, .w3-hover-text-red, .w3-hover-text-sand, .w3-hover-text-teal, .w3-hover-text-yellow, .w3-hover-text-white, .w3-hover-text-black, .w3-hover-text-grey, .w3-hover-text-light-grey, .w3-hover-text-dark-grey {
transition: background-color 0.3s ease 0s, color 0.15s ease 0s, box-shadow 0.3s ease 0s, opacity 0.3s ease 0s, filter 0.3s ease 0s;
}
.w3-ripple:active {
opacity: 0.5;
}
.w3-ripple {
transition: opacity 0s ease 0s;
}
.w3-sidenav {
background-color: #fff;
height: 100%;
overflow: auto;
position: fixed !important;
width: 200px;
z-index: 1;
}
.w3-sidenav a {
padding: 4px 2px 4px 16px;
}
.w3-sidenav a:hover {
background-color: #ccc;
}
.w3-sidenav a, .w3-dropnav a {
display: block;
}
.w3-sidenav .w3-dropdown-hover:hover, .w3-sidenav .w3-dropdown-hover:first-child, .w3-sidenav .w3-dropdown-click:hover, .w3-dropnav a:hover {
background-color: #ccc;
color: #000;
}
.w3-sidenav .w3-dropdown-hover, .w3-sidenav .w3-dropdown-click {
width: 100%;
}
.w3-sidenav .w3-dropdown-hover .w3-dropdown-content, .w3-sidenav .w3-dropdown-click .w3-dropdown-content {
min-width: 100%;
}
.w3-main, #main {
transition: margin-left 0.4s ease 0s;
}
.w3-modal {
background-color: rgba(0, 0, 0, 0.4);
display: none;
height: 100%;
left: 0;
overflow: auto;
padding-top: 100px;
position: fixed;
top: 0;
width: 100%;
z-index: 3;
}
.w3-modal-content {
background-color: #fff;
margin: auto;
outline: 0 none;
padding: 0;
position: relative;
width: 600px;
}
.w3-closebtn {
color: inherit;
float: right;
font-size: 24px;
font-weight: bold;
text-decoration: none;
}
.w3-closebtn:hover, .w3-closebtn:focus {
color: #000;
cursor: pointer;
text-decoration: none;
}
.w3-pagination {
display: inline-block;
margin: 0;
padding: 0;
}
.w3-pagination li {
display: inline;
}
.w3-pagination li a {
color: #000;
float: left;
padding: 8px 16px;
text-decoration: none;
}
.w3-pagination li a:hover {
background-color: #ccc;
}
.w3-input-group, .w3-group {
margin-bottom: 24px;
margin-top: 24px;
}
.w3-input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #808080;
border-image: none;
border-style: none none solid;
border-width: medium medium 1px;
display: block;
padding: 8px;
width: 100%;
}
.w3-label {
color: #009688;
}
.w3-input:not(:valid) ~ .w3-validate {
color: #f44336;
}
.w3-select {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent transparent #009688;
border-image: none;
border-style: solid;
border-width: 1px;
color: #000;
padding: 9px 0;
width: 100%;
}
.w3-select select:focus {
border: 1px solid #009688;
color: #000;
}
.w3-select option[disabled] {
color: #009688;
}
.w3-dropdown-click, .w3-dropdown-hover {
cursor: pointer;
display: inline-block;
position: relative;
}
.w3-dropdown-hover:hover .w3-dropdown-content {
display: block;
z-index: 1;
}
.w3-dropdown-content {
background-color: #fff;
color: #000;
cursor: auto;
display: none;
margin: 0;
min-width: 160px;
padding: 0;
position: absolute;
}
.w3-dropdown-content a {
display: block;
padding: 6px 16px;
}
.w3-dropdown-content a:hover {
background-color: #ccc;
}
.w3-accordion {
cursor: pointer;
width: 100%;
}
.w3-accordion-content {
cursor: auto;
display: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.w3-accordion-content a {
display: block;
padding: 6px 16px;
}
.w3-accordion-content a:hover {
background-color: #ccc;
}
.w3-progress-container {
background-color: #f1f1f1;
height: 1.5em;
position: relative;
width: 100%;
}
.w3-progressbar {
background-color: #757575;
height: 100%;
line-height: inherit;
position: absolute;
}
input.w3-check[type="checkbox"], input.w3-radio[type="radio"] {
height: 24px;
position: relative;
top: 6px;
width: 24px;
}
input.w3-check[type="checkbox"]:checked + .w3-validate, input.w3-radio[type="radio"]:checked + .w3-validate {
color: #009688;
}
input.w3-check[type="checkbox"]:disabled + .w3-validate, input.w3-radio[type="radio"]:disabled + .w3-validate {
color: #aaa;
}
.w3-responsive {
overflow-x: auto;
}
.w3-container::after, .w3-panel::after, .w3-row::after, .w3-row-padding::after, .w3-topnav::after, .w3-clear::after, .w3-btn-group::before, .w3-btn-group::after, .w3-btn-bar::before, .w3-btn-bar::after {
clear: both;
content: "";
display: table;
}
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter, .w3-sixth {
float: left;
width: 100%;
}
.w3-col.s1 {
width: 8.33333%;
}
.w3-col.s2 {
width: 16.6667%;
}
.w3-col.s3 {
width: 25%;
}
.w3-col.s4 {
width: 33.3333%;
}
.w3-col.s5 {
width: 41.6667%;
}
.w3-col.s6 {
width: 50%;
}
.w3-col.s7 {
width: 58.3333%;
}
.w3-col.s8 {
width: 66.6667%;
}
.w3-col.s9 {
width: 75%;
}
.w3-col.s10 {
width: 83.3333%;
}
.w3-col.s11 {
width: 91.6667%;
}
.w3-col.s12, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
width: 100%;
}
@media only screen and (min-width: 601px) {
.w3-col.m1 {
width: 8.33333%;
}
.w3-col.m2, .w3-sixth {
width: 16.6667%;
}
.w3-col.m3, .w3-quarter {
width: 25%;
}
.w3-col.m4, .w3-third {
width: 33.3333%;
}
.w3-col.m5 {
width: 41.6667%;
}
.w3-col.m6, .w3-half {
width: 50%;
}
.w3-col.m7 {
width: 58.3333%;
}
.w3-col.m8, .w3-twothird {
width: 66.6667%;
}
.w3-col.m9, .w3-threequarter {
width: 75%;
}
.w3-col.m10 {
width: 83.3333%;
}
.w3-col.m11 {
width: 91.6667%;
}
.w3-col.m12 {
width: 100%;
}
}
@media only screen and (min-width: 993px) {
.w3-col.l1 {
width: 8.33333%;
}
.w3-col.l2 {
width: 16.6667%;
}
.w3-col.l3, .w3-quarter {
width: 25%;
}
.w3-col.l4, .w3-third {
width: 33.3333%;
}
.w3-col.l5 {
width: 41.6667%;
}
.w3-col.l6, .w3-half {
width: 50%;
}
.w3-col.l7 {
width: 58.3333%;
}
.w3-col.l8, .w3-twothird {
width: 66.6667%;
}
.w3-col.l9, .w3-threequarter {
width: 75%;
}
.w3-col.l10 {
width: 83.3333%;
}
.w3-col.l11 {
width: 91.6667%;
}
.w3-col.l12 {
width: 100%;
}
}
.w3-content {
margin: auto;
max-width: 980px;
}
.w3-rest {
overflow: hidden;
}
.w3-hide {
display: none !important;
}
.w3-show-block, .w3-show {
display: block !important;
}
.w3-show-inline-block {
display: inline-block !important;
}
@media (max-width: 600px) {
.w3-modal-content {
margin: 0 10px;
width: auto !important;
}
.w3-modal {
padding-top: 30px;
}
}
@media (max-width: 768px) {
.w3-modal-content {
width: 500px;
}
.w3-modal {
padding-top: 50px;
}
}
@media (min-width: 993px) {
.w3-modal-content {
width: 900px;
}
}
@media screen and (max-width: 600px) {
.w3-topnav a {
display: block;
}
.w3-navbar li:not(.w3-opennav) {
float: none;
width: 100% !important;
}
.w3-navbar li.w3-right {
float: none !important;
}
}
@media screen and (max-width: 600px) {
.w3-topnav .w3-dropdown-hover .w3-dropdown-content, .w3-navbar .w3-dropdown-click .w3-dropdown-content, .w3-navbar .w3-dropdown-hover .w3-dropdown-content {
position: relative;
}
}
@media screen and (max-width: 600px) {
.w3-topnav, .w3-navbar {
text-align: center;
}
}
@media (max-width: 600px) {
.w3-hide-small {
display: none !important;
}
}
@media (max-width: 992px) and (min-width: 601px) {
.w3-hide-medium {
display: none !important;
}
}
@media (min-width: 993px) {
.w3-hide-large {
display: none !important;
}
}
@media screen and (max-width: 992px) {
.w3-sidenav.w3-collapse {
display: none;
}
.w3-main {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media screen and (min-width: 993px) {
.w3-sidenav.w3-collapse {
display: block !important;
}
}
.w3-top, .w3-bottom {
position: fixed;
width: 100%;
z-index: 1;
}
.w3-top {
top: 0;
}
.w3-bottom {
bottom: 0;
}
.w3-overlay {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
display: none;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 2;
}
.w3-left {
float: left !important;
}
.w3-right {
float: right !important;
}
.w3-tiny {
font-size: 10px !important;
}
.w3-small {
font-size: 12px !important;
}
.w3-medium {
font-size: 15px !important;
}
.w3-large {
font-size: 18px !important;
}
.w3-xlarge {
font-size: 24px !important;
}
.w3-xxlarge {
font-size: 36px !important;
}
.w3-xxxlarge {
font-size: 48px !important;
}
.w3-jumbo {
font-size: 64px !important;
}
.w3-vertical {
line-height: 1;
text-align: center;
width: 0.6em;
word-break: break-all;
}
.w3-left-align {
text-align: left !important;
}
.w3-right-align {
text-align: right !important;
}
.w3-justify {
text-align: justify !important;
}
.w3-center {
text-align: center !important;
}
.w3-display-topleft {
left: 0;
position: absolute;
top: 0;
}
.w3-display-topright {
position: absolute;
right: 0;
top: 0;
}
.w3-display-bottomleft {
bottom: 0;
left: 0;
position: absolute;
}
.w3-display-bottomright {
bottom: 0;
position: absolute;
right: 0;
}
.w3-display-middle {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.w3-display-left {
left: 0;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
}
.w3-display-right {
position: absolute;
right: 0;
top: 50%;
transform: translate(0%, -50%);
}
.w3-display-topmiddle {
left: 50%;
position: absolute;
top: 0;
transform: translate(-50%, 0%);
}
.w3-display-bottommiddle {
bottom: 0;
left: 50%;
position: absolute;
transform: translate(-50%, 0%);
}
.w3-circle {
border-radius: 50% !important;
}
.w3-round-small {
border-radius: 2px !important;
}
.w3-round, .w3-round-medium {
border-radius: 4px !important;
}
.w3-round-large {
border-radius: 8px !important;
}
.w3-round-xlarge {
border-radius: 16px !important;
}
.w3-round-xxlarge {
border-radius: 32px !important;
}
.w3-round-jumbo {
border-radius: 64px !important;
}
.w3-border-0 {
border: 0 none !important;
}
.w3-border {
border: 1px solid #ccc !important;
}
.w3-border-top {
border-top: 1px solid #ccc !important;
}
.w3-border-bottom {
border-bottom: 1px solid #ccc !important;
}
.w3-border-left {
border-left: 1px solid #ccc !important;
}
.w3-border-right {
border-right: 1px solid #ccc !important;
}
.w3-margin {
margin: 16px !important;
}
.w3-margin-0 {
margin: 0 !important;
}
.w3-margin-top {
margin-top: 16px !important;
}
.w3-margin-bottom {
margin-bottom: 16px !important;
}
.w3-margin-left {
margin-left: 16px !important;
}
.w3-margin-right {
margin-right: 16px !important;
}
.w3-section {
margin-bottom: 16px !important;
margin-top: 16px !important;
}
.w3-padding-tiny {
padding: 2px 4px !important;
}
.w3-padding-small {
padding: 4px 8px !important;
}
.w3-padding-medium, .w3-padding, .w3-form {
padding: 8px 16px !important;
}
.w3-padding-large {
padding: 12px 24px !important;
}
.w3-padding-xlarge {
padding: 16px 32px !important;
}
.w3-padding-xxlarge {
padding: 24px 48px !important;
}
.w3-padding-jumbo {
padding: 32px 64px !important;
}
.w3-padding-4 {
padding-bottom: 4px !important;
padding-top: 4px !important;
}
.w3-padding-8 {
padding-bottom: 8px !important;
padding-top: 8px !important;
}
.w3-padding-12 {
padding-bottom: 12px !important;
padding-top: 12px !important;
}
.w3-padding-16 {
padding-bottom: 16px !important;
padding-top: 16px !important;
}
.w3-padding-24 {
padding-bottom: 24px !important;
padding-top: 24px !important;
}
.w3-padding-32 {
padding-bottom: 32px !important;
padding-top: 32px !important;
}
.w3-padding-48 {
padding-bottom: 48px !important;
padding-top: 48px !important;
}
.w3-padding-64 {
padding-bottom: 64px !important;
padding-top: 64px !important;
}
.w3-padding-128 {
padding-bottom: 128px !important;
padding-top: 128px !important;
}
.w3-padding-0 {
padding: 0 !important;
}
.w3-padding-top {
padding-top: 8px !important;
}
.w3-padding-bottom {
padding-bottom: 8px !important;
}
.w3-padding-left {
padding-left: 16px !important;
}
.w3-padding-right {
padding-right: 16px !important;
}
.w3-topbar {
border-top: 6px solid #ccc !important;
}
.w3-bottombar {
border-bottom: 6px solid #ccc !important;
}
.w3-leftbar {
border-left: 6px solid #ccc !important;
}
.w3-rightbar {
border-right: 6px solid #ccc !important;
}
.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col {
padding: 0 8px;
}
.w3-spin {
animation: 2s linear 0s normal none infinite running w3-spin;
}
@keyframes w3-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes w3-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.w3-container {
padding: 0.01em 16px;
}
.w3-panel {
margin-bottom: 16px !important;
margin-top: 16px !important;
padding: 0.01em 16px;
}
.w3-example {
background-color: #f1f1f1;
padding: 0.01em 16px;
}
.w3-code, .w3-codespan {
font-family: Consolas,"courier new";
font-size: 16px;
}
.w3-code {
background-color: #fff;
border-left: 4px solid #4caf50;
line-height: 1.4;
overflow-wrap: break-word;
padding: 8px 12px;
width: auto;
}
.w3-codespan {
background-color: #f1f1f1;
color: crimson;
font-size: 110%;
padding-left: 4px;
padding-right: 4px;
}
.w3-example, .w3-code {
margin: 20px 0;
}
.w3-card {
border: 1px solid #ccc;
}
.w3-card-2, .w3-example {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.w3-card-4, .w3-hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.w3-card-8 {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.w3-card-12 {
box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}
.w3-card-16 {
box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
}
.w3-card-24 {
box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
}
.w3-animate-fading {
animation: 10s ease 0s normal none infinite running fading;
}
@keyframes fading {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fading {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.w3-animate-opacity {
animation: 0.8s ease 0s normal none 1 running opac;
}
@keyframes opac {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes opac {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.w3-animate-top {
animation: 0.4s ease 0s normal none 1 running animatetop;
position: relative;
}
@keyframes animatetop {
0% {
opacity: 0;
top: -300px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes animatetop {
0% {
opacity: 0;
top: -300px;
}
100% {
opacity: 1;
top: 0;
}
}
.w3-animate-left {
animation: 0.4s ease 0s normal none 1 running animateleft;
position: relative;
}
@keyframes animateleft {
0% {
left: -300px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes animateleft {
0% {
left: -300px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
.w3-animate-right {
animation: 0.4s ease 0s normal none 1 running animateright;
position: relative;
}
@keyframes animateright {
0% {
opacity: 0;
right: -300px;
}
100% {
opacity: 1;
right: 0;
}
}
@keyframes animateright {
0% {
opacity: 0;
right: -300px;
}
100% {
opacity: 1;
right: 0;
}
}
.w3-animate-bottom {
animation: 0.4s ease 0s normal none 1 running animatebottom;
position: relative;
}
@keyframes animatebottom {
0% {
bottom: -300px;
opacity: 0;
}
100% {
bottom: 0;
opacity: 1;
}
}
@keyframes animatebottom {
0% {
bottom: -300px;
opacity: 0;
}
100% {
bottom: 0;
opacity: 1;
}
}
.w3-animate-zoom {
animation: 0.6s ease 0s normal none 1 running animatezoom;
}
@keyframes animatezoom {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes animatezoom {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
.w3-animate-input {
transition: width 0.4s ease-in-out 0s;
}
.w3-animate-input:focus {
width: 100% !important;
}
.w3-opacity, .w3-hover-opacity:hover {
backface-visibility: hidden;
opacity: 0.6;
}
.w3-opacity-off, .w3-hover-opacity-off:hover {
backface-visibility: hidden;
opacity: 1;
}
.w3-opacity-max {
backface-visibility: hidden;
opacity: 0.25;
}
.w3-opacity-min {
backface-visibility: hidden;
opacity: 0.75;
}
.w3-greyscale-max, .w3-grayscale-max, .w3-hover-greyscale:hover, .w3-hover-grayscale:hover {
filter: grayscale(100%);
}
.w3-greyscale, .w3-grayscale {
filter: grayscale(75%);
}
.w3-greyscale-min, .w3-grayscale-min {
filter: grayscale(50%);
}
.w3-sepia {
filter: sepia(75%);
}
.w3-sepia-max, .w3-hover-sepia:hover {
filter: sepia(100%);
}
.w3-sepia-min {
filter: sepia(50%);
}
.w3-text-shadow {
text-shadow: 1px 1px 0 #444;
}
.w3-text-shadow-white {
text-shadow: 1px 1px 0 #ddd;
}
.w3-transparent {
background-color: transparent !important;
}
.w3-hover-none:hover {
background-color: transparent !important;
box-shadow: none !important;
}
.w3-amber, .w3-hover-amber:hover {
background-color: #ffc107 !important;
color: #000 !important;
}
.w3-aqua, .w3-hover-aqua:hover {
background-color: #00ffff !important;
color: #000 !important;
}
.w3-blue, .w3-hover-blue:hover {
background-color: #2196f3 !important;
color: #fff !important;
}
.w3-light-blue, .w3-hover-light-blue:hover {
background-color: #87ceeb !important;
color: #000 !important;
}
.w3-brown, .w3-hover-brown:hover {
background-color: #795548 !important;
color: #fff !important;
}
.w3-cyan, .w3-hover-cyan:hover {
background-color: #00bcd4 !important;
color: #000 !important;
}
.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover {
background-color: #607d8b !important;
color: #fff !important;
}
.w3-green, .w3-hover-green:hover {
background-color: #4caf50 !important;
color: #fff !important;
}
.w3-light-green, .w3-hover-light-green:hover {
background-color: #8bc34a !important;
color: #000 !important;
}
.w3-indigo, .w3-hover-indigo:hover {
background-color: #3f51b5 !important;
color: #fff !important;
}
.w3-khaki, .w3-hover-khaki:hover {
background-color: #f0e68c !important;
color: #000 !important;
}
.w3-lime, .w3-hover-lime:hover {
background-color: #cddc39 !important;
color: #000 !important;
}
.w3-orange, .w3-hover-orange:hover {
background-color: #ff9800 !important;
color: #000 !important;
}
.w3-deep-orange, .w3-hover-deep-orange:hover {
background-color: #ff5722 !important;
color: #fff !important;
}
.w3-pink, .w3-hover-pink:hover {
background-color: #e91e63 !important;
color: #fff !important;
}
.w3-purple, .w3-hover-purple:hover {
background-color: #9c27b0 !important;
color: #fff !important;
}
.w3-deep-purple, .w3-hover-deep-purple:hover {
background-color: #673ab7 !important;
color: #fff !important;
}
.w3-red, .w3-hover-red:hover {
background-color: #f44336 !important;
color: #fff !important;
}
.w3-sand, .w3-hover-sand:hover {
background-color: #fdf5e6 !important;
color: #000 !important;
}
.w3-teal, .w3-hover-teal:hover {
background-color: #009688 !important;
color: #fff !important;
}
.w3-yellow, .w3-hover-yellow:hover {
background-color: #ffeb3b !important;
color: #000 !important;
}
.w3-white, .w3-hover-white:hover {
background-color: #fff !important;
color: #000 !important;
}
.w3-black, .w3-hover-black:hover {
background-color: #000 !important;
color: #fff !important;
}
.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
background-color: #9e9e9e !important;
color: #000 !important;
}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
background-color: #f1f1f1 !important;
color: #000 !important;
}
.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {
background-color: #616161 !important;
color: #fff !important;
}
.w3-pale-red, .w3-hover-pale-red:hover {
background-color: #ffdddd !important;
color: #000 !important;
}
.w3-pale-green, .w3-hover-pale-green:hover {
background-color: #ddffdd !important;
color: #000 !important;
}
.w3-pale-yellow, .w3-hover-pale-yellow:hover {
background-color: #ffffcc !important;
color: #000 !important;
}
.w3-pale-blue, .w3-hover-pale-blue:hover {
background-color: #ddffff !important;
color: #000 !important;
}
.w3-text-amber, .w3-hover-text-amber:hover {
color: #ffc107 !important;
}
.w3-text-aqua, .w3-hover-text-aqua:hover {
color: #00ffff !important;
}
.w3-text-blue, .w3-hover-text-blue:hover {
color: #2196f3 !important;
}
.w3-text-light-blue, .w3-hover-text-light-blue:hover {
color: #87ceeb !important;
}
.w3-text-brown, .w3-hover-text-brown:hover {
color: #795548 !important;
}
.w3-text-cyan, .w3-hover-text-cyan:hover {
color: #00bcd4 !important;
}
.w3-text-blue-grey, .w3-hover-text-blue-grey:hover, .w3-text-blue-gray, .w3-hover-text-blue-gray:hover {
color: #607d8b !important;
}
.w3-text-green, .w3-hover-text-green:hover {
color: #4caf50 !important;
}
.w3-text-light-green, .w3-hover-text-light-green:hover {
color: #8bc34a !important;
}
.w3-text-indigo, .w3-hover-text-indigo:hover {
color: #3f51b5 !important;
}
.w3-text-khaki, .w3-hover-text-khaki:hover {
color: #b4aa50 !important;
}
.w3-text-lime, .w3-hover-text-lime:hover {
color: #cddc39 !important;
}
.w3-text-orange, .w3-hover-text-orange:hover {
color: #ff9800 !important;
}
.w3-text-deep-orange, .w3-hover-text-deep-orange:hover {
color: #ff5722 !important;
}
.w3-text-pink, .w3-hover-text-pink:hover {
color: #e91e63 !important;
}
.w3-text-purple, .w3-hover-text-purple:hover {
color: #9c27b0 !important;
}
.w3-text-deep-purple, .w3-hover-text-deep-purple:hover {
color: #673ab7 !important;
}
.w3-text-red, .w3-hover-text-red:hover {
color: #f44336 !important;
}
.w3-text-sand, .w3-hover-text-sand:hover {
color: #fdf5e6 !important;
}
.w3-text-teal, .w3-hover-text-teal:hover {
color: #009688 !important;
}
.w3-text-yellow, .w3-hover-text-yellow:hover {
color: #d2be0e !important;
}
.w3-text-white, .w3-hover-text-white:hover {
color: #fff !important;
}
.w3-text-black, .w3-hover-text-black:hover {
color: #000 !important;
}
.w3-text-grey, .w3-hover-text-grey:hover, .w3-text-gray, .w3-hover-text-gray:hover {
color: #757575 !important;
}
.w3-text-light-grey, .w3-hover-text-light-grey:hover, .w3-text-light-gray, .w3-hover-text-light-gray:hover {
color: #f1f1f1 !important;
}
.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover {
color: #3a3a3a !important;
}
.w3-border-amber, .w3-hover-border-amber:hover {
border-color: #ffc107 !important;
}
.w3-border-aqua, .w3-hover-border-aqua:hover {
border-color: #00ffff !important;
}
.w3-border-blue, .w3-hover-border-blue:hover {
border-color: #2196f3 !important;
}
.w3-border-light-blue, .w3-hover-border-light-blue:hover {
border-color: #87ceeb !important;
}
.w3-border-brown, .w3-hover-border-brown:hover {
border-color: #795548 !important;
}
.w3-border-cyan, .w3-hover-border-cyan:hover {
border-color: #00bcd4 !important;
}
.w3-border-blue-grey, .w3-hover-blue-grey:hover, .w3-border-blue-gray, .w3-hover-blue-gray:hover {
border-color: #607d8b !important;
}
.w3-border-green, .w3-hover-border-green:hover {
border-color: #4caf50 !important;
}
.w3-border-light-green, .w3-hover-border-light-green:hover {
border-color: #8bc34a !important;
}
.w3-border-indigo, .w3-hover-border-indigo:hover {
border-color: #3f51b5 !important;
}
.w3-border-khaki, .w3-hover-border-khaki:hover {
border-color: #f0e68c !important;
}
.w3-border-lime, .w3-hover-border-lime:hover {
border-color: #cddc39 !important;
}
.w3-border-orange, .w3-hover-border-orange:hover {
border-color: #ff9800 !important;
}
.w3-border-deep-orange, .w3-hover-border-deep-orange:hover {
border-color: #ff5722 !important;
}
.w3-border-pink, .w3-hover-border-pink:hover {
border-color: #e91e63 !important;
}
.w3-border-purple, .w3-hover-border-purple:hover {
border-color: #9c27b0 !important;
}
.w3-border-deep-purple, .w3-hover-border-deep-purple:hover {
border-color: #673ab7 !important;
}
.w3-border-red, .w3-hover-border-red:hover {
border-color: #f44336 !important;
}
.w3-border-sand, .w3-hover-border-sand:hover {
border-color: #fdf5e6 !important;
}
.w3-border-teal, .w3-hover-border-teal:hover {
border-color: #009688 !important;
}
.w3-border-yellow, .w3-hover-border-yellow:hover {
border-color: #ffeb3b !important;
}
.w3-border-white, .w3-hover-border-white:hover {
border-color: #fff !important;
}
.w3-border-black, .w3-hover-border-black:hover {
border-color: #000 !important;
}
.w3-border-grey, .w3-hover-border-grey:hover, .w3-border-gray, .w3-hover-border-gray:hover {
border-color: #9e9e9e !important;
}
.w3-border-light-grey, .w3-hover-border-light-grey:hover, .w3-border-light-gray, .w3-hover-border-light-gray:hover {
border-color: #f1f1f1 !important;
}
.w3-border-dark-grey, .w3-hover-border-dark-grey:hover, .w3-border-dark-gray, .w3-hover-border-dark-gray:hover {
border-color: #616161 !important;
}
.w3-border-pale-red, .w3-hover-border-pale-red:hover {
border-color: #ffe7e7 !important;
}
.w3-border-pale-green, .w3-hover-border-pale-green:hover {
border-color: #e7ffe7 !important;
}
.w3-border-pale-yellow, .w3-hover-border-pale-yellow:hover {
border-color: #ffffcc !important;
}
.w3-border-pale-blue, .w3-hover-border-pale-blue:hover {
border-color: #e7ffff !important;
}
div.centered
{
text-align: center;
}
div.centered table
{
margin: 0 auto;
text-align: left;
}
.table-cran {
width: 50%;
border: 1px solid black;
border-spacing: 2;
padding: 2;
border-collapse: separate;
}
.table-cran tr td {
border: 1px solid black;
}
/*----------------------- TABLE 1--------------------------------------*/
/* define height and width of scrollable area. Add 16px to width for scrollbar */
div.tableContainer {
clear: both;
border: 1px solid #963;
height: 350px;
overflow: auto;
width: 1016px
}
/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
overflow: hidden;
width: 1016px
}
/* define width of table. IE browsers only */
div.tableContainer table {
float: left;
width: 1000px
}
/* define width of table. Add 16px to width for scrollbar. */
/* All other non-IE browsers. */
html>body div.tableContainer table {
width: 1016px
}
/* set table header to a fixed position. WinIE 6.x only */
/* In WinIE 6.x, any element with a position property set to relative and is a child of */
/* an element that has an overflow property set, the relative value translates into fixed. */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
position: relative
}
/* set THEAD element to have block level attributes. All other non-IE browsers */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
display: block
}
/* make the TH elements pretty */
thead.fixedHeader th {
background: #C96;
border-left: 1px solid #EB8;
border-right: 1px solid #B74;
border-top: 1px solid #EB8;
font-weight: normal;
padding: 4px 3px;
text-align: left
}
/* make the A elements pretty. makes for nice clickable headers */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
color: #FFF;
display: block;
text-decoration: none;
width: 100%
}
/* make the A elements pretty. makes for nice clickable headers */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x */
thead.fixedHeader a:hover {
color: #FFF;
display: block;
text-decoration: underline;
width: 100%
}
/* define the table content to be scrollable */
/* set TBODY element to have block level attributes. All other non-IE browsers */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto */
html>body tbody.scrollContent {
display: block;
height: 262px;
overflow: auto;
width: 100%
}
/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/ */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
background: #FFF;
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
padding: 2px 3px 3px 4px
}
tbody.scrollContent tr.alternateRow td {
background: #EEE;
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
padding: 2px 3px 3px 4px
}
/* define width of TH elements: 1st, 2nd, and 3rd respectively. */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
html>body thead.fixedHeader th {
width: 70px
}
html>body thead.fixedHeader th + th {
width: 330px
}
html>body thead.fixedHeader th + th + th {
width: 120px
}
html>body thead.fixedHeader th + th + th + th {
width: 100px
}
html>body thead.fixedHeader th + th + th + th + th{
width: 100px
}
/* define width of TD elements: 1st, 2nd, and 3rd respectively. */
/* All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
html>body tbody.scrollContent td {
width: 70px
}
html>body tbody.scrollContent td + td {
width: 330px
}
html>body tbody.scrollContent td + td + td {
width: 150px
}
html>body tbody.scrollContent td + td + td + td {
width: 200px
}
html>body tbody.scrollContent td + td + td + td + td{
width: 70px
}
/*----------------------- TABLE 2--------------------------------------*/
/* define height and width of scrollable area. Add 16px to width for scrollbar */
div.tableContainer2 {
clear: both;
border: 1px solid #963;
height: 350px;
overflow: auto;
width: 1016px
}
/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer2 {
overflow: hidden;
width: 1016px
}
/* define width of table. IE browsers only */
div.tableContainer2 table {
float: left;
width: 1000px
}
/* define width of table. Add 16px to width for scrollbar. */
/* All other non-IE browsers. */
html>body div.tableContainer2 table {
width: 1016px
}
/* set table header to a fixed position. WinIE 6.x only */
/* In WinIE 6.x, any element with a position property set to relative and is a child of */
/* an element that has an overflow property set, the relative value translates into fixed. */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader2 tr {
position: relative
}
/* set THEAD element to have block level attributes. All other non-IE browsers */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader2 tr {
display: block
}
/* make the TH elements pretty */
thead.fixedHeader2 th {
background: #C96;
border-left: 1px solid #EB8;
border-right: 1px solid #B74;
border-top: 1px solid #EB8;
font-weight: normal;
padding: 4px 3px;
text-align: left
}
/* make the A elements pretty. makes for nice clickable headers */
thead.fixedHeader2 a, thead.fixedHeader2 a:link, thead.fixedHeader2 a:visited {
color: #FFF;
display: block;
text-decoration: none;
width: 100%
}
/* make the A elements pretty. makes for nice clickable headers */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x */
thead.fixedHeader2 a:hover {
color: #FFF;
display: block;
text-decoration: underline;
width: 100%
}
/* define the table content to be scrollable */
/* set TBODY element to have block level attributes. All other non-IE browsers */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto */
html>body tbody.scrollContent2 {
display: block;
height: 262px;
overflow: auto;
width: 100%
}
/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/ */
tbody.scrollContent2 td, tbody.scrollContent2 tr.normalRow td {
background: #FFF;
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
padding: 2px 3px 3px 4px
}
tbody.scrollContent2 tr.alternateRow td {
background: #EEE;
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
padding: 2px 3px 3px 4px
}
/* define width of TH elements: 1st, 2nd, and 3rd respectively. */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
html>body thead.fixedHeader2 th {
width: 70px
}
html>body thead.fixedHeader2 th + th {
width: 200px
}
html>body thead.fixedHeader2 th + th + th {
width: 150px
}
html>body thead.fixedHeader2 th + th + th + th {
width: 100px
}
html>body thead.fixedHeader2 th + th + th + th + th{
width: 100px
}
html>body thead.fixedHeader2 th + th + th + th + th + th{
width: 100px
}
html>body thead.fixedHeader2 th + th + th + th + th + th + th{
width: 116px
}
/* define width of TD elements: 1st, 2nd, and 3rd respectively. */
/* All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */
html>body tbody.scrollContent2 td {
width: 70px
}
html>body tbody.scrollContent2 td + td {
width: 200px
}
html>body tbody.scrollContent2 td + td + td {
width: 150px
}
html>body tbody.scrollContent2 td + td + td + td {
width: 100px
}
html>body tbody.scrollContent2 td + td + td + td + td{
width: 100px
}
html>body tbody.scrollContent2 td + td + td + td + td + td{
width: 100px
}
html>body tbody.scrollContent2 td + td + td + td + td + td + td{
width: 100px
}
/* ------------------- MY VERSION ------------------------*/
.tableContainerA {
clear: both;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #963;
/*height: 350px;*/
/*overflow: auto;*/
width: 1176px
}
.tableContainerB {
clear: both;
border-width:0px 1px 1px 1px;
border-style: solid;
border-color: #1003;
/*border: 0px 1px 1px 1px solid #963;*/
height: 400px;
overflow-y: auto;
overflow-x: hidden;
width: 1176px
}
.fixedHeaderA {
background: #C96; /*!#C96*/
border-left: 1px solid #EB8;
border-right: 1px solid #B74;
border-top: 1px solid #EB8;
font-weight: normal;
padding: 4px 3px;
text-align: center;
width: 1176px
}
.thA {
background: #C96; /*#C96;*/
border-left: 1px solid #EB8;
border-right: 1px solid #B74;
border-top: 1px solid #EB8;
font-weight: normal;
padding: 4px 3px;
text-align: center;
}
.tdA{
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
padding: 2px 3px 3px 4px
text-align: left;
}
.normalRowA {
background: #FFF;
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
padding: 2px 3px 3px 4px;
}
.alternateRowA {
background: #EEE;
border-bottom: none;
border-left: none;
border-right: 1px solid #CCC;
border-top: 1px solid #DDD;
padding: 2px 3px 3px 4px
}
.tbodyA {
overflow-x: hidden;
overflow-y: scroll;
text-align: left;
padding: 2px 3px 3px 4px
}
.labelBkgnd {
background: #EEE;
}
/* Icons within input text box */
.iconClose {
background: white url(/path/to/icon.png) left no-repeat;
padding-left: 17px;
}
/* Style The Dropdown Button */
/*.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
*/
/* The container - needed to position the dropdown content */
.dropdown {
/*font-family: "Segoe UI",Arial,sans-serif;*/
display: inline-block;
position: relative;
z-index: 1;
border:none;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
/*font-family: "Segoe UI",Arial,sans-serif;*/
/*background-color: #f9f9f9;*/
/*min-width: 160px;*/
/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
padding-left:5px;
padding-right:5px;
width: 100%;
position: relative;
z-index: 1;
border:none;
}
/* Links inside the dropdown */
/*.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
*/
/* Change color of dropdown links on hover */
.dropdown-content:hover {background-color: #FFFF99}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .dropbtn {
background-color: #3e8e41;
}*/
select option[value="Y"] { /* w3-pale-green */
background:#ddffdd;
}
select option[value="N"] { /* w3-pale-red */
background:#ffdddd;
}
/*
select option[value="LASTCERT"] {
background:#ddffdd;
}
select option[value="DRNGMANL"] {
background: #999999;
}
select option[value="TECDATA"] {
background: #CCCCCC;
}
select option[value="PICTURE"] {
background: #FFFF00;
}
select option[value="CERTORIG"] {
background: #00CC99;
}
select option[value="CERTDATA"] {
background: #33FFCC;
}
select option[value="OTHERDOC"] {
background: #00CCFF;
}
*/
.bckClr {
background: #D7C3B1; /*#D7C3B1;*/
}