@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,300,400|Poppins:300,400,400i,500|Quicksand:300,400,500,600,700&display=swap');
:root {
  --logo-blue:  #1e76bb;
  --logo-red:   #e5001c;
/*  --link-bgcolor :  #1CF200; */
}

html, body, p, td, div {
  font-family: 'IBM Plex Sans';
}
h1, h2, h3, h4, h5, h6 {
  font-family: Quicksand;
  color: var(--header-color)!important;
  font-style:normal;
  text-decoration: none;
}
h1 {
  font-size: 2rem;
  color: rgba(0,0,0,0.80)!important;
}
h2 {
  font-size: 1.7rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.3rem;
}
h5 {
  font-size:1.1rem;
}
h6 {
  font-size:0.9rem;
}

hr {
	margin-left: 0%;
	margin-right: 0%;
	border-top: 2px SOLID;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
}
a {
  color: var(--link-color);
  font-weight: bold;
}
.page-footer a {
  font-weight: normal;
}
.cd-dark a, .cd-dark a:visited, .cd-light .cd-dark a, .cd-light .cd-dark a:visited, .cd-dark .cd-light .cd-dark a, .cd-dark .cd-light .cd-dark a:visited .icsText {
  color: var(--link-color);
}
.cd-data-label {
  color: rgba(0,0,0,0.80)!important;
}
p {
  color: rgba(0,0,0,0.80)!important;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}
.navbar-brand .name {
  float: right;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.navbar-brand .name div {
  font-size: .80rem;
}
.cst-navbar-bg {
  color: var(--menu-color);
  background-color: var(--menu-bgcolor);
}
.cst-footer-bg {
  background-color: var(--footer-bgcolor);
  color: var(--footer-color);
}
.dropdown-item {
  color: var(--menu-color);
}

.dropdown-menu {
  color: var(--menu-color);
  background-color: var(--menu-bgcolor);
}
.dropdown-submenu {
  position: relative;
  padding-left: 1rem;
}
.dropdown-submenu>.dropdown-menu {
  display: none;
}
.dropdown-submenu>a {

}
.dropdown-submenu>a:after {
  content: "\f0da";
  border: none;
  font-family: "Font Awesome 5 Free";
  display:inline-block;
  position: relative;
  top: .3rem;
  margin-left: .4rem;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}

.page-footer a {
  color: #ffffff;
}
.page-footer a:hover {
  text-decoration: underline;
}
.mandatory-field {
  background-color:  var(--mandatory-bgcolor);
}
form {
   margin-left:auto;
   margin-right:auto;
}
@media (min-width: 576px) {
  form {max-width: 540px;}
}
@media (min-width: 768px) {
  form {max-width: 720px;}
}

.cd-detailPageNavigation .btn-warning {
 background-color: rgba(0,0,0,0)!important;
 color: white!important;
 margin-top: 15px;
 border-color: var(--link-color);
}
.cd-detailPageNavigation .btn-warning:hover {
 background-color: rgba(0,0,0,0)!important;
 color: white!important;
 border-color: var(--link-color);
}
.cd-tr-value, .cd-tr-value:hover {
  background-color: var(--table-row-bgcolor)!important;
}
#leftMenu {
  display: block;
  position: fixed;
  top: 75px;
  left: 0px;
  z-index: 999;
  display: none;
}
.left-menu-item {
  font-size: 3rem;
}
.cd-detailPageNavigation .btn-warning, .cd-detailPageNavigation .btn-warning:hover {
  color: var(--link-color)!important;
}
.cd-data-value {
	color: rgba(151,151,151,1.0);
}
.cd-totop-button {
    display: flex;
    justify-content: space-around;
    align-items: center;

    position: fixed;
    right: -100px;
    bottom: 50px;
    width: 50px;
    height: 50px;

    z-index: 1;

    box-shadow: 0 0 1.875rem 0 rgba(0,0,0,.25);

    color: rgba(0,0,0,0.8);
    background-color: rgba(255,255,255,0.8);
    transition: all 0.4s ease;

    cursor: pointer;
}

.cd-totop-button {
	border-color: rgba(255,255,255,1.0);
}

.cd-totop-button {
	border-width: 0;
	border-style: SOLID;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}



.cd-scroll .cd-totop-button {
    right: 10px;
}