/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html {
    box-sizing:border-box;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    overflow-x:hidden;
}

.social{
	width: 100%;
	margin: 40px auto 0 auto;
}

.social ul{
	width: 100%;
	float: left;
}

.social ul li{
	display: inline-block;
	margin-right: 10px;
}


*,*:before,*:after {
    box-sizing:inherit;
}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
/* html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}*/

body {
    margin:0;
}
/* new stuff */
.login-wrapper {
    width: 350px;
    padding: 20px;
}
 .form-control {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    }
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
} .form-control::-ms-expand {
    background-color: transparent; border: 0; 
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee; opacity: 1; 
} 
.form-control[disabled], fieldset[disabled] 
.form-control {
    cursor: not-allowed; 
}
 .help-block {
     display: block;
     margin-top: 5px;
     margin-bottom: 10px;
     color: #737373; 
}
.has-error .help-block {
    color: #a94442; 
    
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
    display:block;
}

summary {
    display:list-item;
}

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:none;
    text-decoration:underline;
    text-decoration:underline dotted;
}

b,strong {
    font-weight:bolder;
}

dfn {
    font-style:italic;
}

mark {
    background:#ff0;
    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;
}

code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em;
}

hr {
    box-sizing:content-box;
    height:0;overflow:visible;
}

button,input,select,textarea,optgroup {
    font:inherit;margin:0;
}

optgroup {
    font-weight:bold;
}

button,input {
    overflow:visible;
}

button,select {
    text-transform:none;
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance:button;
}

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:.35em .625em .75em;
}

legend {
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal;
}

textarea {
    overflow:auto;
}

[type=checkbox],[type=radio] {
    padding:0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height:auto;
}

[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance:none;
}

::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit;
}
/* End extract */

html,body {
    font-family:Verdana,sans-serif;
    font-size:15px;
    line-height:1.5;
}

/*html {
    overflow-x:hidden;
}*/

h1 {
    font-size:36px;
}

h2 {
    font-size:30px;
}

h3 {
    font-size:24px;
}

h4 {
    font-size:20px;
}

h5 {
    font-size:18px;
}

h6 {
    font-size:16px;
}

.serif {
    font-family:serif;
}

.sans-serif {
    font-family:sans-serif;
}

.cursive {
    font-family:cursive;
}

.monospace {
    font-family:monospace;
}

h1,h2,h3,h4,h5,h6 {
    font-family:"Segoe UI",Arial,sans-serif;
    font-weight:400;
    margin:10px 0;
}

.wide {
    letter-spacing:4px;
}

hr {
    border:0;
    border-top:1px solid #eee;
    margin:20px 0;
}

.image {
    max-width:100%;
    height:auto;
}

img {
    vertical-align:middle;
}

a {
    color:inherit;
}
.header {
  overflow: hidden;
  padding: 20px 10px;
}
.header .logo {
  font-size: 25px;
  font-weight: bold;
}
.header .icon {
 display: none;
}
.table,.table-all {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    display:table;
}

.table-all {
    border:1px solid #ccc;
}

.bordered tr,.table-all tr {
    border-bottom:1px solid #ddd;
}

.striped tbody tr:nth-child(even) {
    background-color:#f1f1f1;
}

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

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

.hoverable tbody tr:hover,.ul.hoverable li:hover {
    background-color:#ccc;
}

.centered tr th,.centered tr td {
    text-align:center;
}

.table td,.table th,.table-all td,.table-all th {
    padding:8px 8px;
    display:table-cell;
    text-align:left;
    vertical-align:top;
}

.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child {
    padding-left:16px;
}

.btn,.button {
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
}

.btn:hover {
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.btn,.button {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.disabled,.btn:disabled,.button:disabled {
    cursor:not-allowed;
    opacity:0.3;
}

.disabled *,:disabled * {
    pointer-events:none;
}

.btn.disabled:hover,.btn:disabled:hover {
    box-shadow:none;
}

.badge,.tag {
    background-color:#000;
    color:#fff;
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
}

.badge {
    border-radius:50%;
}

.ul {
    list-style-type:none;padding:0;
    margin:0;
}

.ul li {
    padding:8px 16px;
    border-bottom:1px solid #ddd;
}

.ul li:last-child {
    border-bottom:none;
}

.tooltip,.display-container {
    position:relative;
}

.tooltip .text {
    display:none;
}

.tooltip:hover .text {
    display:inline-block;
}

.ripple:active {
    opacity:0.5;
}

.ripple {
    transition:opacity 0s;
}

.input {
    padding:8px;
    display:block;
    border:none;
    border-bottom:1px solid #ccc;
    width:100%;
}

.select {
    padding:9px 0;
    width:100%;
    border:none;
    border-bottom:1px solid #ccc;
}

.dropdown-click,.dropdown-hover {
    position:relative;
    display:inline-block;
    cursor:pointer;
}

.dropdown-hover:hover .dropdown-content {
    display:block;
}

.dropdown-hover:first-child,.dropdown-click:hover {
    background-color:#ccc;
    color:#000;
}

.dropdown-hover:hover > .button:first-child,.dropdown-click:hover > .button:first-child {
    background-color:#ccc;
    color:#000;
}

.dropdown-content {
    cursor:auto;
    color:#000;
    background-color:#fff;
    display:none;
    position:absolute;
    min-width:160px;
    margin:0;
    padding:0;
    z-index:1;
}

.check,.radio {
    width:24px;
    height:24px;
    position:relative;
    top:6px;
}

.sidebar {
    height:100%;
    width:200px;
    background-color:#fff;
    /*position:fixed!important;*/
    float: left;
    z-index:1;
    overflow:auto
}

.bar-block .dropdown-hover,.bar-block .dropdown-click {
    width:100%;
}

.bar-block .dropdown-hover .dropdown-content,.bar-block .dropdown-click .dropdown-content {
    min-width:100%;
}

.bar-block .dropdown-hover .button,.bar-block .dropdown-click .button {
    width:100%;
    text-align:left;
    padding:8px 16px;
}

.main,#main {
    transition:margin-left .4s;
}

.modal {
    z-index:3;
    display:none;
    padding-top:100px;
    position:fixed;
    left:0;top:0;width:100%;
    height:100%;overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4);
}

.modal-content {
    margin:auto;
    background-color:#fff;
    position:relative;
    padding:0;
    outline:0;
    width:600px;
}

.bar {
    width:100%;
    overflow:hidden;
}

.center .bar {
    display:inline-block;
    width:auto;
}

.bar .bar-item {
    padding:4px 8px;
    float:left;
    width:auto;
    border:none;
    display:block;
    outline:0;
}

.bar .dropdown-hover,.bar .dropdown-click {
    position:static;
    float:left;
}

.bar .button {
    white-space:normal;
}

.bar-block .bar-item {
    width:100%;
    display:block;
    padding:8px 16px;
    text-align:left;
    border:none;
    white-space:normal;
    float:none;
    outline:0;
}

.bar-block.center .bar-item {
    text-align:center;
}

.block {
    display:block;
    width:100%;
}

.responsive {
    display:block;
    overflow-x:auto;
}

.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after {
    content:"";
    display:table;
    clear:both;
}

.col,.half,.third,.twothird,.threequarter,.quarter {
    float:left;
    width:100%;
}

.col.s1 {
    width:8.33333%;
}

.col.s2 {
    width:16.66666%;
}

.col.s3 {
    width:24.99999%;
}

.col.s4 {
    width:33.33333%;
}

.col.s5 {
    width:41.66666%;
}

.col.s6 {
    width:49.99999%;
}

.col.s7 {
    width:58.33333%;
}

.col.s8 {
    width:66.66666%;
}

.col.s9 {
    width:74.99999%;
}

.col.s10 {
    width:83.33333%;
}

.col.s11 {
    width:91.66666%;
}

.col.s12 {
    width:99.99999%;
}

@media (min-width:601px) {
    .col.m1 {
        width:8.33333%;
    }
    .col.m2 {
        width:16.66666%;
    }
    .col.m3,.quarter 
    {
        width:24.99999%;
        
    }
    .col.m4,.third {
        width:33.33333%;
    }
    .col.m5 {
        width:41.66666%;
    }
    .col.m6,.half{
        width:49.99999%;
    }
    .col.m7 {
        width:58.33333%;
    }
    .col.m8,.twothird {
        width:66.66666%;
    }
    .col.m9,.threequarter {
        width:74.99999%;
    }
    .col.m10 {
        width:83.33333%;
    }
    .col.m11 {
        width:91.66666%;
    }
    .col.m12 {
        width:99.99999%;
    }
}

@media (min-width:993px) {
    .col.l1 {
        width:8.33333%;
    }
    .col.l2 {
        width:16.66666%;
    }
    .col.l3 {
        width:24.99999%;
    }
    .col.l4 {
        width:33.33333%;
    }
    .col.l5 {
        width:41.66666%;
    }
    .col.l6 {
        width:49.99999%;
    }
    .col.l7 {
        width:58.33333%;
    }
    .col.l8 {
        width:66.66666%;
    }
    .col.l9 {
        width:74.99999%;
    }
    .col.l10 {
        width:83.33333%;
    }
    .col.l11 {
        width:91.66666%;
    }
    .col.l12 {
        width:99.99999%;
    }
}

.rest {
    overflow:hidden;
}

.stretch {
    margin-left:-16px;
    margin-right:-16px;
}

.content,.auto {
    margin-left:auto;
    margin-right:auto;
}

.content {
    max-width:980px;
}

.auto {
    max-width:1140px;
}

.cell-row {
    display:table;
    width:100%;
}

.cell {
    display:table-cell;
}

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

.cell-middle {
    vertical-align:middle;
}

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

.hide {
    display:none!important;
}

.show-block,.show {
    display:block!important;
}

.show-inline-block {
    display:inline-block!important;
}

@media (max-width:1205px) {
    .auto {
        max-width:95%
    }
}

@media (max-width:600px) {
    .modal-content {
        margin:0 10px;
        width:auto!important;
    }
    .modal {
        padding-top:30px;
    }
    .dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content {
        position:relative;
    }
    /*.hide-small {
        display:none!important;
    }*/
    .mobile {
        display:block;
        width:100%!important;
    }
    .bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile {
        text-align:center;
    }
    .dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button {
        width:100%;
    }
}



/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon)
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally)
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}*/

@media (max-width:768px) {
    .modal-content {
        width:500px;
    }
    .modal {
        padding-top:50px;
    }
}

@media (min-width:993px) {
    .modal-content {
        width:900px;
    }
    .hide-large {
        display:none!important;
    }
    .sidebar.collapse {
        display:block!important;
    }
}

/*@media (max-width:992px) and (min-width:601px) {
    .hide-medium {
        display:none!important;
    }
}*/

@media (max-width:992px) {
    .sidebar.collapse {
        display:none;
    }
    .main {
        margin-left:0!important;
        margin-right:0!important;
    }
    .auto {
        max-width:100%;
    }
}

.top,.bottom {
    position:fixed;
    width:100%;
    z-index:1;
}

.top {
    top:0;
}

.bottom {
    bottom:0;
}

.overlay {
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5);
    z-index:2;
}

.display-topleft {
    position:absolute;
    left:0;
    top:0;
}

.display-topright {
    position:absolute;
    right:0;
    top:0;
}

.display-bottomleft {
    position:absolute;
    left:0;
    bottom:0;
}

.display-bottomright {
    position:absolute;
    right:0;
    bottom:0;
}

.display-middle {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
}

.display-left {
    position:absolute;
    top:50%;
    left:0%;
    transform:translate(0%,-50%);
    -ms-transform:translate(-0%,-50%);
}

.display-right {
    position:absolute;
    top:50%;
    right:0%;
    transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
}

.display-topmiddle {
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
}

.display-bottommiddle {
    position:absolute;
    left:50%;
    bottom:0;
    transform:translate(-50%,0%);
    -ms-transform:translate(-50%,0%);
}

.display-container:hover .display-hover {
    display:block;
}

.display-container:hover span.display-hover {
    display:inline-block;
}

.display-hover {
    display:none;
}

.display-position {
    position:absolute;
}

.circle {
    border-radius:50%;
}

.round-small {
    border-radius:2px;
}

.round,.round-medium {
    border-radius:4px;
}

.round-large {
    border-radius:8px;
}

.round-xlarge {
    border-radius:16px;
}

.round-xxlarge {
    border-radius:32px;
}

.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col {
    padding:0 8px;
}

.container,.panel {
    padding:0.01em 16px;
}

.panel {
    margin-top:16px;
    margin-bottom:16px;
}

.code,.codespan {
    font-family:Consolas,"courier new";
    font-size:16px;
}

.code {
    width:auto;
    background-color:#fff;
    padding:8px 12px;
    border-left:4px solid #4CAF50;
    word-wrap:break-word;
}

.codespan {
    color:crimson;
    background-color:#f1f1f1;
    padding-left:4px;
    padding-right:4px;
    font-size:110%;
}

.card,.card-2 {
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.card-4,.hover-shadow:hover {
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.spin {
    animation:w3-spin 2s infinite linear
}

@keyframes w3-spin {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(359deg);
    }
}

.animate-fading {
    animation:fading 10s infinite;
}

@keyframes fading {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

.animate-opacity {
    animation:opac 0.8s;
}

@keyframes opac {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.animate-top {
    position:relative;
    animation:animatetop 0.4s;
}

@keyframes animatetop {
    from {
        top:-300px;
        opacity:0;
    }
    to {
        top:0;
        opacity:1;
    }
}

.animate-left {
    position:relative;
    animation:animateleft 0.4s;
}

@keyframes animateleft {
    from {
        left:-300px;
        opacity:0;
    }
    to {
        left:0;
        opacity:1;
    }
}

.animate-right {
    position:relative;
    animation:animateright 0.4s;
}

@keyframes animateright {
    from {
        right:-300px;
        opacity:0;
    }
    to {
        right:0;
        opacity:1;
    }
}

.animate-bottom {
    position:relative;
    animation:animatebottom 0.4s;
}

@keyframes animatebottom {
    from {
        bottom:-300px;
        opacity:0;
    }
    to {
        bottom:0;
        opacity:1;
    }
}

.animate-zoom {
    animation:animatezoom 0.6s;
}

@keyframes animatezoom {
    from {
        transform:scale(0);
    }
    to {
        transform:scale(1);
    }
}

.animate-input {
    transition:width 0.4s ease-in-out;
}

.animate-input:focus {
    width:100%!important;
}

.opacity,.hover-opacity:hover {
    opacity:0.60;
}

.opacity-off,.hover-opacity-off:hover {
    opacity:1;
}

.opacity-max {
    opacity:0.25;
}

.opacity-min {
    opacity:0.75;
}

.greyscale-max,.grayscale-max,.hover-greyscale:hover,.hover-grayscale:hover {
    filter:grayscale(100%);
}

.greyscale,.grayscale {
    filter:grayscale(75%);
}

.greyscale-min,.grayscale-min {
    filter:grayscale(50%);
}

.sepia {
    filter:sepia(75%);
}

.sepia-max,.hover-sepia:hover {
    filter:sepia(100%);
}

.sepia-min {
    filter:sepia(50%);
}

.tiny {
    font-size:10px!important;
}

.small {
    font-size:12px!important;
}

.medium {
    font-size:15px!important;
}

.large {
    font-size:18px!important;
}

.xlarge {
    font-size:24px!important;
}

.xxlarge {
    font-size:36px!important;
}

.xxxlarge {
    font-size:48px!important;
}

.jumbo {
    font-size:64px!important;
}

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

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

.justify {
    text-align:justify!important;
}

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

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

.border {
    border:1px solid #ccc!important;
}

.border-top {
    border-top:1px solid #ccc!important;
}

.border-bottom {
    border-bottom:1px solid #ccc!important;
}

.border-left {
    border-left:1px solid #ccc!important;
}

.border-right {
    border-right:1px solid #ccc!important;
}

.topbar {
    border-top:6px solid #ccc!important;
}

.bottombar {
    border-bottom:6px solid #ccc!important;
}

.leftbar {
    border-left:6px solid #ccc!important;
}

.rightbar {
    border-right:6px solid #ccc!important;
}

.section,.code {
    margin-top:16px!important;
    margin-bottom:16px!important;
}

.margin {
    margin:16px!important;
}

.margin-top {
    margin-top:16px!important;
}

.margin-bottom {
    margin-bottom:16px!important;
}

.margin-left {
    margin-left:16px!important;
}

.margin-right {
    margin-right:16px!important;
}

.padding-small {
    padding:4px 8px!important;
}

.padding {
    padding:8px 16px!important;
}

.padding-large {
    padding:12px 24px!important;
}

.padding-xlarge {
    padding:96px 48px!important;
}

.padding-16 {
    padding-top:16px!important;
    padding-bottom:16px!important;
}

.padding-24 {
    padding-top:24px!important;
    padding-bottom:24px!important;
}

.padding-32 {
    padding-top:32px!important;
    padding-bottom:32px!important;
}

.padding-48 {
    padding-top:48px!important;
    padding-bottom:48px!important;
}

.padding-64 {
    padding-top:64px!important;
    padding-bottom:64px!important;
}

.padding-top-64 {
    padding-top:64px!important
}

.padding-top-48 {
    padding-top:48px!important;
}

.padding-top-32 {
    padding-top:32px!important;
}

.padding-top-24 {
    padding-top:24px!important;
}

.left {
    float:left!important;
}

.right {
    float:right!important;
}

.button:hover {
    color:#000!important;
    background-color:#ccc!important;
}

.transparent,.hover-none:hover {
    background-color:transparent!important;
}

.hover-none:hover {
    box-shadow:none!important;
}


/* Colors */
.amber,.hover-amber:hover {
    color:#000!important;
    background-color:#ffc107!important;
}

.aqua,.hover-aqua:hover {
    color:#000!important;
    background-color:#00ffff!important;
}

.blue,.hover-blue:hover {
    color:#fff!important;
    background-color:#185894!important;
}

.blue2,.hover-blue2:hover {
    color:#000!important;
    background-color:#0071bc!important;
}

.brown,.hover-brown:hover {
    color:#fff!important;
    background-color:#795548!important;
}

.cyan,.hover-cyan:hover {
    color:#000!important;
    background-color:#00bcd4!important;
}

.flag-blue,.hover-flag-blue:hover{
    color:#fff!important;
    background-color:#002868!important;
}

.green,.hover-green:hover {
    color:#fff!important;
    background-color:#1fd221!important;
}

.light-green,.hover-light-green:hover {
    color:#000!important;background-color:#8bc34a!important;
}

.indigo,.hover-indigo:hover {
    color:#fff!important;
    background-color:#3f51b5!important;
}

.purple,.hover-purple:hover {
    color:#fff!important;
    background-color:#4c2c92!important;
}

.deep-purple,.hover-deep-purple:hover {
    color:#fff!important;
    background-color:#673ab7!important;
}

.red,.hover-red:hover {
    color:#fff!important;
    background-color:#c61f0c!important;
}

.sand,.hover-sand:hover {
    color:#000!important;
    background-color:#fdf5e6!important;
}

.teal,.hover-teal:hover {
    color:#fff!important;
    background-color:#009688!important;
}

.yellow,.hover-yellow:hover {
    color:#000!important;
    background-color:#ffeb3b!important;
}

.white,.hover-white:hover {
    color:#ff0000!important;
    background-color:#fff!important;
}

.black,.hover-black:hover {
    color:#fff!important;
    background-color:#000!important;
}

.grey,.hover-grey:hover,.gray,.hover-gray:hover {
    color:#000!important;
    background-color:#9e9e9e!important;
}

.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover {
    color:#000!important;
    background-color:#f1f1f1!important;
}

.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover {
    color:#fff!important;
    background-color:#616161!important;
}

.red2,.hover-red2:hover {
    color:#000!important;
    background-color:#e31235!important;
}
.flag-red,.hover-flag-red:hover {
    color:#000!important;
    background-color:#bf0a30!important;
}
.pale-green,.hover-pale-green:hover {
    color:#000!important;
    background-color:#ddffdd!important;
}

.pale-yellow,.hover-pale-yellow:hover {
    color:#000!important;
    background-color:#ffffcc!important;
}

.pale-blue,.hover-pale-blue:hover {
    color:#000!important;
    background-color:#ddffff!important;
}

.text-amber,.hover-text-amber:hover {
    color:#ffc107!important;
}

.text-aqua,.hover-text-aqua:hover {
    color:#00ffff!important;
}

.text-blue,.hover-text-blue:hover {
    color:#185894!important;
}

.text-blue2,.hover-text-blue2:hover {
    color:#0071bc!important;
}

.text-brown,.hover-text-brown:hover {
    color:#795548!important;
}

.text-cyan,.hover-text-cyan:hover {
    color:#00bcd4!important;
}

.text-flag-blue,.hover-text-flag-blue:hover {
    color:#002868!important;
}

.text-green,.hover-text-green:hover {
    color:#1fd221!important;
}

.text-light-green,.hover-text-light-green:hover {
    color:#8bc34a!important;
}

.text-indigo,.hover-text-indigo:hover {
    color:#3f51b5!important;
}

.text-purple,.hover-text-purple:hover {
    color:#4c2c92!important;
}

.text-deep-purple,.hover-text-deep-purple:hover {
    color:#673ab7!important;
}

.text-red,.hover-text-red:hover {
    color:#c61f0c!important;
}
.text-red2,.hover-text-red2:hover {
    color:#e31235!important;
}
.text-flag-red,.hover-text-flag-red:hover {
    color:#bf0a30!important;
}

.text-sand,.hover-text-sand:hover {
    color:#fdf5e6!important;
}

.text-teal,.hover-text-teal:hover {
    color:#009688!important;
}

.text-yellow,.hover-text-yellow:hover {
    color:#d2be0e!important;
}

.text-white,.hover-text-white:hover {
    color:#fff!important;
}

.text-black,.hover-text-black:hover {
    color:#000!important;
}

.text-grey,.hover-text-grey:hover,.text-gray,.hover-text-gray:hover {
    color:#757575!important;
}

.text-light-grey,.hover-text-light-grey:hover,.text-light-gray,.hover-text-light-gray:hover {
    color:#f1f1f1!important;
}

.text-dark-grey,.hover-text-dark-grey:hover,.text-dark-gray,.hover-text-dark-gray:hover {
    color:#3a3a3a!important;
}

.border-amber,.hover-border-amber:hover {
    border-color:#ffc107!important;
}

.border-aqua,.hover-border-aqua:hover {
    border-color:#00ffff!important;
}

.border-blue,.hover-border-blue:hover {
    border-color:#185894!important;
}

.border-blue2,.hover-border-blue2:hover {
    border-color:#0071bc!important;
}

.border-brown,.hover-border-brown:hover {
    border-color:#795548!important;
}

.border-cyan,.hover-border-cyan:hover {
    border-color:#00bcd4!important;
}

.border-flag-blue,.hover-border-flag-blue:hover{
    border-color:#002868!important;
}

.border-green,.hover-border-green:hover {
    border-color:#1fd221!important;
}

.border-light-green,.hover-border-light-green:hover {
    border-color:#8bc34a!important;
}

.border-indigo,.hover-border-indigo:hover {
    border-color:#3f51b5!important;
}

.border-purple,.hover-border-purple:hover {
    border-color:#4c2c92!important;
}

.border-deep-purple,.hover-border-deep-purple:hover {
    border-color:#673ab7!important;
}
    
.border-red,.hover-border-red:hover {
    border-color:#f44336!important;
}

.border-sand,.hover-border-sand:hover {
    border-color:#fdf5e6!important;
}

.border-teal,.hover-border-teal:hover {
    border-color:#009688!important;
}

.border-yellow,.hover-border-yellow:hover {
    border-color:#ffeb3b!important;
}

.border-white,.hover-border-white:hover {
    border-color:#fff!important;
}

.border-black,.hover-border-black:hover {
    border-color:#000!important;
}

.border-grey,.hover-border-grey:hover,.border-gray,.hover-border-gray:hover {
    border-color:#9e9e9e!important;
}

.border-light-grey,.hover-border-light-grey:hover,.border-light-gray,.hover-border-light-gray:hover {
    border-color:#f1f1f1!important;
}

.border-dark-grey,.hover-border-dark-grey:hover,.border-dark-gray,.hover-border-dark-gray:hover {
    border-color:#616161!important;
}

.border-red2,.hover-border-red2:hover {
    border-color:#e31235!important;
}
.border-flag-red,.hover-border-flag-red:hover {
    border-color:#bf0a30!important;
}
.border-pale-green,.hover-border-pale-green:hover {
    border-color:#e7ffe7!important;
}

.border-pale-yellow,.hover-border-pale-yellow:hover {
    border-color:#ffffcc!important;
}

.border-pale-blue,.hover-border-pale-blue:hover {
    border-color:#e7ffff!important;
}

.theme-logo {
    color:#000 !important;
    background-color:#fff !important;
}

.theme-l5 {
    color:#000 !important;
    background-color:#f0f0f0 !important;
}

.theme-l4 {
    color:#000 !important;
    background-color:#cccccc !important;
}

.theme-l3 {
    color:#fff !important;
    background-color:#999999 !important;
}

.theme-l2 {
    color:#fff !important;
    background-color:#666666 !important;
}

.theme-l1 {
    color:#fff !important;
    background-color:#333333 !important;
}

.theme-d1 {
    color:#fff !important;
    background-color:#000000 !important;
}

.theme-d2 {
    color:#fff !important;
    background-color:#000000 !important;
}

.theme-d3 {
    color:#fff !important;
    background-color:#000000 !important;
}

.theme-d4 {
    color:#fff !important;
    background-color:#000000 !important;
}

.theme-d5 {
    color:#fff !important;
    background-color:#000000 !important;
}

.theme-light {
    color:#000 !important;
    background-color:#f0f0f0 !important;
}

.theme-dark {
    color:#fff !important;
    background-color:#000000 !important;
}

.theme-action {
    color:#fff !important;
    background-color:#000000 !important;
}

.theme {
    color:#fff !important;
    background-color:#0000FF !important;
}

.text-theme {
    color:#000000 !important;
}

.border-theme {
    border-color:#000000 !important;
}

.hover-theme:hover {
    color:#fff !important;
    background-color:#000000 !important;
}

.hover-text-theme:hover {
    color:#000000 !important;
}

.hover-border-theme:hover {
    border-color:#000000 !important;
}

#page-container 
{
  position: relative;
  min-height: 100vh;
}

#content-wrap 
{
  padding-bottom: 2.5rem;    /* Footer height */
}

.myFooter 
{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 5rem;            /* Footer height */
  min-height: 5vh;
}