/* $Id: imapsync_form.css,v 1.10 2021/09/21 09:25:53 gilles Exp gilles $ */

body {
  color: black;
  background-color: #eeffff;
}

#account1 {
        background-color: DodgerBlue ;
        /* background-color: Fuchsia ; */
        /* background-color: RoyalBlue ; */
}

#account2 {
        background-color: DarkTurquoise ;
}

#parameters {
        /* background-color: GreenYellow ; */
        /* background-color: White ; */
}

#progress-txt {
        text-align: center ;
        font-size: 1.4em ;
        margin: 0 0 0px ;
        height: 50px ;
}

#imapsync_log_bottom {
        scroll-margin-top: 300px ;
}

.progress {
        /* text-align: center ; */
        /* font-size: 1.4em ; */
        margin: 0 0 0px ;
}

.progress-bar {
        text-align: center ;
        font-size: 1.4em ;
        margin: 0 0 0px ;
}


.padd0 {
        padding-left:  0px ;
        padding-right: 0px ;
}

/* Static field styling */
input[readonly] {
        cursor: not-allowed;
        opacity: 0.8;
}

.label-fixed {
        font-size: 0.8em;
        vertical-align: middle;
        margin-left: 5px;
}

/* Improve form spacing */
.form-group {
        margin-bottom: 20px;
}

fieldset {
        border: 2px solid #ddd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 20px;
}

legend {
        border: none;
        padding: 0 10px;
        font-size: 1.2em;
        font-weight: bold;
        width: auto;
        margin-bottom: 10px;
}

/* Button improvements */
.btn {
        border-radius: 6px;
        font-weight: bold;
        transition: all 0.3s ease;
}

.btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Input group improvements */
.input-group-addon {
        background-color: #f8f9fa;
        border-color: #ced4da;
}

/* Lock icon styling */
.glyphicon-lock {
        color: #6c757d;
}

/* Log display improvements */
#output {
        font-family: 'Courier New', monospace;
        font-size: 12px;
        line-height: 1.3;
        white-space: pre-wrap;
        word-wrap: break-word;
        max-height: 600px;
        overflow-y: auto;
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 4px;
        padding: 10px;
}

/* Console improvements */
.well {
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
}

.well pre {
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
        font-family: 'Courier New', monospace;
        font-size: 11px;
        line-height: 1.2;
        white-space: pre-wrap;
        word-wrap: break-word;
}