a {
  color: #fff;
  text-decoration: none;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
}
button {
  background-color: transparent;
  padding: 0;
  border: 0;
  outline: 0;
  cursor: pointer
}
.card {
  border-radius: 10px;
}

.card-header {
  background: none !important;
  border-bottom: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-container {
  border-radius: 50%;
  height: 70px;
  margin-top: -63px;
  width: 70px;
}

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: .9em;
  right: 6em;
  display: inline;
}

.dot-gradient-sub {
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid #fff;
}
.error-info {
  background-color: #f64b2f
}
.icon_verified_color{
  color:green;
}
.info {
    background-color: #7eb62e;
}
.message {
  background-size: 40px 40px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
  width: 100%;
  color: #fff;
  margin: -1px;
  padding: 15px;
  position: sticky;
  font-weight: 700;
  animation: animate-bg 2s linear infinite
}
.navbar-light .navbar-toggler-icon {
  background-image: none;
  height: 21px;
  position: relative;
  transition: all 300ms linear;
  width: 30px;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 300ms linear;
  width: 30px;
  z-index: 2;
}

.navbar-light .navbar-toggler-icon:after {
  top: 8px;
}

.navbar-toggler {
  border: none;
  float: right;
  padding-right: 1em;
}

.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none !important;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent !important;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}

.padding-20 {
  padding: 20px !important;
}

.rounded-20 {
  border-radius: 20px !important;
}

.rounded-top-20 {
  border-radius: 20px 20px 0 0 !important;
}
.secondary-btn {
  border-radius: 30px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, .24) 0 2px 3px;
}

.whats-app-float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:10px;
  right:15px;
  background-color:#25d366;
  border-radius:40px;
  text-align:center;
  z-index:100;
  color:#fff !important;
}

/* colors */

.circle-container{
  background-color: #040404;
}
body{
  background-image:linear-gradient(to Top Right, #ffffff,#ffffff);
}
a {
  text-decoration: none;
}
.text-title-page{
  color: #000000 !important;
}
.title_large_text_color{
  color: #000000 !important;
}
.text-small-label{
  color: #7a7a79 !important;
}
.text-small-key {
  color: #7a7a79;
}
.text-small-value{
  color: #000000 !important;
}
.common-gradient-bg{
  background-image:linear-gradient(to Top Right, #000000, #000000);
}
.album-card{
  color:#000000!important;
}
.btn-clipboard{
  background: #d9d7d7 !important;
}
.common-btn{
  background-image:linear-gradient(to Top Right, #000000,#000000);/*  button_properties - background-image  */ 
  color: #ffff ;    /*  button_properties - text_color  */
  box-shadow: #000000 0px 3px 8px;/* button_properties - shadow */
}
.common-icon-button{
  background-image:linear-gradient(to Top Right, #000000, #000000);
  color: #ffff !important;
}

.navbar-toggler {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.navbar-light .navbar-toggler-icon {
    border-bottom: 5px solid #000 !important;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
    background-color: #000 !important;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent !important;
}
.navbar-nav > .nav-item:active{
    color: #000000 !important;
}
.side-drawer-color{
    color: #000000 !important;
}
.package-card{
  background-color: #7a7a79;
}
.label{
  color: #000000!important;
}
.floating-form .input-text {
  border-bottom: 1px solid #ccc;
  background-color:transparent;
  color: #000000!important;
}
.floating-form .input-text:focus {
  border-bottom: 1px solid lightgrey;
  background-color:transparent;
  color: #000000!important;
}
.floating-form .label {
  color: #000000 !important;
}
.text-body {
  color: #000000 !important;
}
.text-page-title{
  color: #000000!important;
}
.card-title{
  color: #000000;
} 
.card{
  background-color: transparent;
}
.card-big{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px!important;
  color:#000000!important;
}
.card-medium{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px!important;
  border: 1px solid gray;
  color:#000000!important;
}
.close-btn{
  background-color: #000;
  color: #ffff;
  box-shadow: rgba(0, 0 , 0, 0.24) 0px 2px 3px;
}
.secondary-btn{
  background-image: linear-gradient(to right,#000000,#000000);
  color: #ffff  !important;
  box-shadow: rgba(0, 0 , 0, 0.24) 0px 2px 3px;
  border: 3px double #000000;
  outline: 1px solid #000000;
}
.remove-btn{
  background-color: #ffff ;
  color: #000000 !important;
}
.remove-btn:hover{
  background-color: #ffff ;
  color: #000000 !important;
}
.text-key {
  color: #7a7a79;
}
.text-value {
  color: #000000!important;
}
.text-long-value{
  color: #000000!important;
}
.link_bg_black{
  background-color: #000000;
  color: #ffff ;
}
.primary_color{
  color: #ffff !important;
}
.modal-header, .modal-body, .modal-footer{
  background-color:#ffffff;
  color : #000000 !important
}
option{
  color: #000!important;
}
.icon-text-color{
    color: #000000!important;
}
::-webkit-scrollbar-track {
  background: #ffffff !important; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000000 !important;
  border-radius: 8px; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000000 !important; 
}
.common-icon-color{
  color: #000 !important;
}
.rejected-card{
    background-color: #f44336;
    color: white;
}
.selected-card{
    background-color: #8fce00;
    color: white;
}
.undecided-card{
    background-color: #fdc126;
    color: white;
}
.out-line-button{
    border-color: #ffffff;
    color: #000000;
}
.image-popup-button{
  background-image:linear-gradient(to Top Right, #000000,#000000)!important;
  color: #ffff !important;
}
.image-popup-text{
  color: #000000!important;
}
.nav-icon-color{
    color: #ffff !important; /* side_drawer - ( unselected_icon ) */
}
.nav-text-color{
    color: #000 !important; /* side_drawer - ( unselected_text ) */
}
.theme-text-color{
    color: #ffff !important; /* side_drawer - ( unselected_text ) */
}
.nav-background{
    background-color: #fff;
}
.login-btn{
  background-color: #000 !important; /* side_drawer - ( unselected_text ) */
  color: #FFF; /* side_drawer background-image */
  box-shadow: rgba(0, 0 , 0, 0.24) 0px 2px 3px;
}
.login-btn:hover{
  color: #FFF !important; /* side_drawer background-image */
}
.secondary-btn:hover{
  background-image: linear-gradient(to right,#000000,#000000);
  color: #ffff  !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 3px;
  border: 3px double #000000;
  outline: 1px solid #000000;
}
.active{
    font-weight: bold !important;  /*  circular_background  */
}
.offcanvas {
  color: #ffff !important; /* side_drawer - ( unselected_text ) */
  background-image:linear-gradient(to Top Right, #000000,#000000); /* side_drawer background-image */
}
.dropdown-item{
  color: #000 !important; /* side_drawer - ( unselected_text ) */
}
.info-page-circle {
  background-color:#ffff !important; /* side_drawer - ( unselected_text ) */
  color: #000!important;
}
.info-page-circle1 {
  background-color:#ffff !important;
  color: #ffff !important;
}
.page-item.active .page-link {
  background-color: #000 !important; /* side_drawer background-image */;
  color: #ffff !important; /* side_drawer - ( unselected_text ) */
}
.page-link:hover {
  background-color: #000000 !important; /* side_drawer background-image */;
  color: #ffff !important; /* side_drawer - ( unselected_text ) */
}
.bottom-navigation-background{
  background-color: #000000 !important;
}
.bottom-navigation-selected-icon{
    color: #ffff !important; /* bottom_navigation - ( selected_icon ) */
}
.bottom-navigation-selected-text{
    color: #ffff !important; /* bottom_navigation - ( selected_text ) */
}
.dot-gradient-sub{
  border-color: #ffff !important; /* bottom_navigation - ( selected_icon ) */
}
.icon-bg i{
  background-color: #000000 !important;
  color: #ffff !important;
}
.custom-side-menu-style{
  background-color:transparent;
}
.primary-btn{
    background-color: #1d1d1f;
    color:#fff;
}
.primary-btn:hover{
    background-color: #fff;
    color: #1d1d1f;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 3px;
}