/*
 * Skin: Custom
 * ---------
 */
 
/*:root {
    --primary-colour: #3c3c3bff;
    --theme_1: #00a550ff;
    --theme_1-rgb: 0, 165, 80; 
    --theme_2: #168fcfff;
    --theme_3: #fbcb1cff;
    --theme_5: #eb609eff;
    --theme_4: #e74249ff;
    --theme_6: #3c3c3bff;
    --theme_7: #636362ff;
    --light-grey: #eeeeee;
}*/

@import url('master-theme.css');
  
  /*body {
    background-color: white;
    background: url('theme/labyrinth.png');
    background-size: cover;
    background-position: center;
}*/

body {
    background-color: rgb(245, 245, 245);
    margin: 0;
    padding: 0;
    /*position: relative;*/
  }
  
  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('theme/labyrinth.png') no-repeat center center;
    background-size: cover;
    opacity: 0.6; /* Cambia qui l'opacità */
    z-index: -1; /* Metti il background sotto il contenuto */
  }

#mainbox {
    margin-top: 15%;
}

#mainbox > div:first-child {        
    padding-bottom: 0px;    
    margin-top: 15px;
}

#boxcontainer {
    /*padding-top: 20px;*/
}

#loginbox {
    background: WHITE;
}

.iconmelon {
    display: block;
    margin: auto;
}

#form > div {
    margin-bottom: 25px;
}

#form > div:last-child {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel {    
    background-color: transparent;
}

.panel-body {
    padding-top: 30px;
    background-color: rgba(2555,255,255,.3);
}

#particles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;                        
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -2;
}

.iconmelon,
.im {
  position: relative;
  width: 150px;
  height: 150px;
  display: block;
  fill: #525151;
}

.iconmelon:after,
.im:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.add-button {
  position: absolute;
  top: 1px;
  left: 1px;
}

.link-color-custom {
	color: #000;
}

.link-color-custom-priority {
	color: var(--primary-colour);
}

/* CSS for Rounded Borders */
.rounded-border {
    border-radius: 50px; /* Adjust the radius as needed */
	/*padding: 15px;*/
	/*background-color: #eeeeee;*/
}

/* CSS for Custom Panel Heading */
.panel-heading-custom {
    background-color: var(--primary-colour); /* Original color */
    color: #FFFFFF;
}

/* CSS for Custom Panel Body */
.panel.panel-default .panel-body-custom {
    background-color: #eeeeee; /* Original color */
	color: #black;
}

/* CSS for Logo Image */
.logo-image {
    width: 100%; /* Adjust the width as needed */
}

.login-button { 
    background: var(--theme_2); /*linear-gradient(to bottom, #2C2C2C 0%, #E52725 100%);*/
    border: none; /* Removes default border, optional */
    color: white; /* Adjust text color as needed */
    /* Add other styling as needed */
}

#login{
    background: var(--theme_1);
}

#login:hover {   
    background: color-mix(in srgb, var(--theme_1) 85%, black);
}

#info-bottom {
    background: var(--light-grey);
}

#resetPasswordLink{
    /*background: var(--theme_3);*/
}

.hilightPrimaryColour {
    color: var(--primary-colour);
}

/* Additional styles can be added below */