*{
    color: black;
}
.removeunderline{
    text-decoration: none;
}
.hidden{
    display: none !important;
}
.input-group-prepend ,.input-group-append{
    width: 120px ;
}
.blackfont{
    color: black;
}
.whitefont{
    color: white;
}
.red{
    color: red;
}
.blue{
    color: blue;
}
.green{
    color: green;
}
.grey{
    color: grey;
}
.hand{
    cursor:pointer;
}
.nounderline{
    text-decoration: none;
}

:root {
    --prim-back-color: #F1F3F4;
    --prim-icon-color: #706F6F;
    --sec-icon-color: #333;
    --sec-icon-dark: #ccc;
    --toggle-title-color: #E5E9ED;
    --prim-border: #ccc;
    --prim-text: #000;
    --sec-text: #fff;
    --nav-text: #FDFFFF;
    --nav-hover: #02566B;
    --nav-active: #04E4FC;
    --icon-hover-danger: red;
    --hover-icon: #0A3B48;
    --body-back-color: #d4d5d5;
    --cardheader-color: #ecfafc;
    --blue-hover: #0EABEF;
    --marq-height: 25px;
    --marq-line-height: 21px;
}

.csstitle  {
    background-image: linear-gradient(color: #E5E9ED  ,#ccc );
    font-weight: bold;
    color: #000;
    border: 2px solid #fff;
    text-shadow: 2px 2px 4px #E5E9ED ;
    box-shadow:  1px 1px 1px #fff, 2px 2px 2px #04E4FC;
    font-weight: bold;

}

.hider{
    display: none;
}


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

.text-center {
  text-align: center;

}

.hand{
    cursor: pointer !important;
    text-decoration: none !important;
}

.bold {
  font-weight: 600;
}

.bolder {
  font-weight: 700;
}
.black {
  color: #000 !important;
}


.white {
  color: #fff !important;
}


.red , a.red:hover {
  color: red !important;
}

.blue {
  color: blue !important;
}

.green {
  color: green !important;
}

.grey {
  color: #333;
}