::selection {

  background: #e8b00f;

  color: #FFFF00;

}
.topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;  /* Allow items to wrap on small screens */
}
.topbar img {
    max-width: 100%;  /* Ensure the logo scales down to fit the container */
    height: auto;     /* Maintain aspect ratio */
    width: 150px;     /* You can adjust this size to fit mobile */
}

@media (max-width: 600px) {
    .topbar img {
        width: 100px;  /* Smaller size for mobile devices */
    }
}


.fade-in { 
    opacity: 50; 
    transition: opacity 150s ease; 
} 




#sidebar {

 

  background: #022a3a;
  
  
--background: #B3D9BE;
 

  

}



#sidebar .sidebar-header {

    

    background: #022a3a !important;

  }

  

#sidebar ul li.active>a,

a[aria-expanded="true"] {

 

  background: #0076a9;

}



ul ul a {

 

    background:  #000000;

  }



  a.article,

a.article:hover {

 

  background:#0076a9;

  

}



#sidebar ul.components {

 

    border-bottom: 1px solid #0076a9;

  }



  #sidebar ul li a:hover {

    color: #000000;

    /*background: #ffc107;*/

    background: #e8b00f;

  }





  .circle-profile-container{

    border-radius: 50%;

    padding: 5px;

   background: #e8b00f; 

   background: -webkit-linear-gradient(to bottom,#e8b00f, #e8b00f, #0076a9, #022a3a); 

   background: linear-gradient(to bottom, #e8b00f, #e8b00f, #0076a9, #022a3a);

  }



  hr {

    background: linear-gradient(120deg, #e8b00f, #e8b00f, #0076a9, #022a3a);



  }



  .card-header-1, .card-header-2, .card-header-3, .card-header-4 {

    background: #0076a9;

  -- background: #B3D9BE;

  }



  .bor-1

  {

    border-left: .25rem solid #e8b00f;

  }



  .bor-2

  {

	border-left: .25rem solid #0076a9;

  }



  .btn-dark {

    color: #000;

    background-color: #e8b00f;

    border-color: #e8b00f;

}
 .btn-blue {

    color: #B87333;

    background-color: #0fe8c0;

    border-color: #0fe8c0;

}
 .btn-copper {

    color: #FFD700;

    background-color:  #B87333;

    border-color:  #B87333;

}
 .btn-brown {

    color: #FFC0CB;

    background-color:  #964B00;

    border-color:  #964B00;

}

.btn-olive {

    color: #F5F5DC;

    background-color: #808000;

    border-color:  #808000;

}



.btn-gold-malachite {

    color: #0BDA51;

    background-color: #FFD700;

    border-color:  #FFD700;

}
.btn-gold-pistachio {

    color: #93c572;

    background-color: #FFD700;

    border-color:  #FFD700;

}
.btn-gold-red {

    color: #FF0000;

    background-color: #FFD700;

    border-color:  #FFD700;

}










table.table-bordered thead {

  background: linear-gradient(90deg,#e8b00f, #0076a9, #022a3a);

  background-attachment: fixed;

  color: #fff;

}



.btn-purple

{

  

  background-color: #0076a9;

  color:#fff;

}



.btn-purple:hover

{

  background-color: #e8b00f;

  color:#000;

}



.btn-green

{

  

  background-color: #0076a9;

  color:#fff;

}

.btn-purple

{

  

  background-color: #800080;

  color:#fff;

}

.btn-violet

{

  

  background-color: #8F00FF;

  color:#fff;

}


.btn-pink

{

  

  background-color: #F88379;

  color:#fff;

}

.btn-crimson

{

  

  background-color: #DC143C;

  color:#FFFF00;

}



.btn-green:hover

{

  background-color: #026691;

  color:#fff;

}



.bold-underline-links td a::after {

  

  background: linear-gradient(to right,#e8b00f, #0076a9);



}



.page-item.active .page-link {

  background-color:  #0076a9;

  border-color:  #0076a9;

}



.btn-outline-success {

  color: #022a3a;

  border-color: #022a3a;

}



.card-header-dark {

  background: #022a3a;

}



/* glide */

.button.button-glide {

  /*background: #81bc41;*/

  background: #e8b00f;

  color: #000000;

}



.button-glide.button-inverted {

	background: none;

	color: #fff;

}





.button-glide::before {

	background: #0076a9;

}

.button-glide::after {

	background: #022a3a;

}

.button-glide:active:after {

	background: #a56ee7;

}

.button-glide:hover {

	color: #fff;

}



.box

{

	background: #022a3a;

}



.box.has-advanced-upload {

  outline: 2px dashed #005a7e;

}



.box.has-advanced-upload .box__icon, .box.has-advanced-upload .box__dragndrop 

{

color:#e8b00f;

}



div.box__input label

{

  --color:#e8b00f;
	color:#B3D9BE;
}



div.box__uploading

{

  --color:#e8b00f;
	color:#B3D9BE;
}



.icons-color

{

  color:#022a3a !important;

}



.group-button:hover

{

  background-color: #e8b00f;

}





.lynx-form .form-control:focus {

  border-color: #e8b00f;

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px #e8b00f;

}



.form-control:focus {

  border-color: #e8b00f;

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px #e8b00f;

}



.form-control:disabled, .form-control[readonly].form-control:focus {

  border-color: #005a7e;

  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px #005a7e;

}


.row-rtl {
  direction: rtl;
}
.col-ltr {
  direction: ltr;
}