/* 
    Project   : castor
    Created on : 20-Oct-2013
    Author     : phil
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{ 
    background-color: #FCFCFC;
    font-family: calibri;
    font-size: 12px;
    color:black;
}

table{
   border: 0px solid #0088AA;
}

th{
   border: 0px solid #0088AA;
   padding: 2px;
   font-size: 14px;
   font-style: italic;
   font-weight: 400;
   background-color:#D5F6FF;
}

td{
   border: 0px solid #0088AA;
   padding: 2px;
   font-size: 12px;
}

hr{
    height: 1px; color: #0088AA; 
    background-color: #0088AA; 
    width: 80%; 
    border: none;
}

.small_font{
    font-size: 1;
    font-style:italic;
    color:#0088AA;
}

.fieldname {
    font-size: 11px;
    color: #0088AA;
}

.fieldname_big {
    font-size: 14px;
    color: #0088AA;
}

/* Boutons Applicatifs Grands */
table.hibutton {
 border:#0088AA solid 1px;
 border-radius:8px;
 background-color:#F9FDFF; 
 padding: 5px;
 }
table.hibutton_hover {
 border:#ff7755 solid 3px;
 border-radius:8px;
 background-color:white; 
 padding: 3px;
 cursor: pointer;
 }
table.hibutton_pressed {
 border:#ff7755 solid 1px;
 border-radius:8px;
 background-color:#FFBBAA; 
 padding: 5px;
 cursor: wait;
 }
 table.hibutton_disabled {
 border:#AAEEFF dotted 1px;
 border-radius:5px;
 background-color:#F1FBFF; 
 padding: 5px;
 }

.smalltext{
    font-size: 10px;
    color:#0088AA;
} 
 
/* Boutons normaux */
.stdbutton {
 border:#0088AA solid 1px;
 border-radius:8px;
 /*background-color:#D5F6FF; */
 background-color: transparent;
 padding: 2px 4px 2px 4px;
 }
.stdbutton_hover {
 border:#ff7755 solid 2px;
 border-radius:8px;
 background-color:white; 
 padding: 1px 3px 1px 3px;
 cursor: pointer;
 }
.stdbutton_pressed {
 border:#ff7755 solid 1px;
 border-radius:8px;
 background-color:#FFBBAA; 
 padding: 2px 4px 2px 4px;
 cursor: wait;
 }

 
 /* Boutons fantomes */
 .ghbutton {
 border:#0088AA solid 0px;
 /*background-color:#D5F6FF;*/
 border-radius:5px;
 background-color: transparent;
 padding: 1px;
}

.ghbutton_hover {
 border:#ff7755 solid 1px;
 border-radius:5px;
 background-color:white; 
 padding: 0px;
 cursor: pointer;
}
.ghbutton_pressed {
 border:#ff7755 solid 1px;
 border-radius:5px;
 background-color:#FFBBAA; 
 padding: 0px;
 cursor: wait;
}
 
 /* Boutons petits et discrets */
.smbutton {
 border:#0088AA solid 1px;
 border-radius:8px;
 /*background-color:#D5F6FF;*/
 background-color: transparent;
 padding: 2px;
}
.smbutton_hover {
 border:#ff7755 solid 2px;
 border-radius:8px;
 background-color:white; 
 padding: 1px;
 cursor: pointer;
}
.smbutton_pressed {
 border:#ff7755 solid 2px;
 border-radius:8px;
 background-color:#FFBBAA; 
 padding: 1px;
 cursor: wait;
}

/*
Bouton General  
*/
button.volt_all {
/*border-width: 1px;*/
border-radius: 9px;
border-style: solid;
border-width: 1px 1px 1px 1px;
/*border: 0px;*/
font-size: 13px;
background-color: #F1F1F1;
padding: 3px;
}

/*
Bouton restylisé 
*/
button.volt_enabled {
border-color: #0088AA;
color: #0088AA;
background-color: #F1F1F1;
cursor: pointer;
}

button.volt_hover {
border-color: #ff7755;
color: #004455;
background-color:#FFF7F5; 
cursor: pointer;
}

button.volt_pressed {
border-color: transparent;
color: #004455;
background-color:#FFDDD5; 
cursor: wait;
}

/*
Boutons speciaux par paire
*/
button.volt_left {
/*border-width: 1px;*/
border-radius:9px 0px 0px 9px;
border-style: solid;
border-width: 1px 1px 1px 1px;
/*border: 0px;*/
font-size: 13px;
padding: 3px;
}

button.volt_right {
/*border-width: 1px;*/
border-radius: 0px 9px 9px 0px;
border-style: solid;
border-width: 1px 1px 1px 0px;
/*border: 0px;*/
font-size: 13px;
padding: 3px 0px 3px 0px;
}

.devbar {
    font-size: 10px;
    color:#E0E0E0;
}

.devbar_main {
   background-color:black;
   width: 100%;
   padding: 1px;
}

.devbar div{
   background-color:transparent;
   width: 100%;
   padding: 1px;
}

.devbar table {
   padding: 2px;
   border-collapse: collapse;
   font-size: 10px;
}

.devbar th{
}

.devbar td{
    border:#666 solid 1px;
    padding: 2px;
    font-size: 10px;
}

.devmode_1bgc{
    font-size: 12px;
    color: black;
    background-color:red;
}

.devmode_2bgc{
    font-size: 12px;
    color: black;
    background-color:yellow;
}

.devmode_0bgc{
    font-size: 12px;
    color: black;
    background-color: grey;
}


.devmode_1fgc{
    font-size: 12px;
    color:red;
}

.devmode_2fgc{
    font-size: 12px;
    color:yellow;
}

.devmode_0fgc{
    font-size: 12px;
    color:#0F0;
}

/*
Bouton General  
*/
button.dvolt_all {
/*border-width: 1px;*/
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 1px 1px;
/*border: 0px;*/
font-size: 13px;
background-color: #F1F1F1;
padding: 1px;
}

/*
Bouton restylisé 
*/
button.dvolt_enabled {
border-color: #0088AA;
color: #CBF2FF;
background-color: #004455;
cursor: pointer;
}

button.dvolt_hover {
border-color: #ff7755;
color: #004455;
background-color:#FFF7F5; 
cursor: pointer;
}

button.dvolt_pressed {
border-color: transparent;
color: #004455;
background-color:#FFDDD5; 
cursor: wait;
}

/*
Boutons speciaux par paire
*/
button.dvolt_left {
/*border-width: 1px;*/
border-radius:6px 0px 0px 6px;
border-style: solid;
border-width: 1px 1px 1px 1px;
/*border: 0px;*/
font-size: 13px;
padding: 1px;
}

button.dvolt_right {
/*border-width: 1px;*/
border-radius: 0px 6px 6px 0px;
border-style: solid;
border-width: 1px 1px 1px 0px;
/*border: 0px;*/
font-size: 13px;
padding: 1px 0px 1px 0px;
}


a {
    color: #004455;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    font-weight: bold;
}

.hsbut {
   border-radius: 4px;
   background:rgba(0,136,170,0.6);
   /*background-color: #0088AA;*/
   padding: 2px 4px 2px 4px;
}

.hsbut a {
    color: white;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    font-weight: bold;
}

.castor-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    flex-direction: column; /* Aligne les éléments en colonne */
    z-index: 1100;
}

.castor-progress-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    min-width: 300px; /* Empêche le conteneur de devenir trop étroit */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* Ajout de l'ombre */
}

.castor-progress-bar {
    width: 0%;
    height: 20px;
    background-color: green;
    border-radius: 5px;
    transition: width 0.3s ease-in-out;
    margin-bottom: 10px; /* Ajoute un espace sous la barre de progression */
}

.castor-progress-text,
.castor-file-name-display {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.castor-upload-container {
    padding: 10%;
}

.castor-cancel-button {
    margin-top: 10px;
    padding: 8px 16px; /* Augmente un peu le padding pour un meilleur aspect */
    border: 1px solid #ccc;
    border-radius: 5px; /* Bords un peu plus arrondis */
    cursor: pointer;
    background-color: #f0f0f0; /* Ajoute une couleur de fond claire */
    transition: background-color 0.3s ease; /* Transition pour l'effet hover */
}

.castor-cancel-button:hover {
    background-color: #ddd;
}

/* Styles pour les messages dans l'overlay */
.castor-overlay p {
    /* color: white; */
    font-size: 1.2em;
    margin-bottom: 10px; /* Espacement entre le message et le bouton */
    text-align: center; /* Centre le texte */
}