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;
}