/* rgb(187,141,61) : senape
rgb(42,78,157): Blue
ESADECIMALI
Senape bb8d3d
bleu 2a4e9d  
       */
:root {
    --color: rgb(42,78,157);
    --BGColor: linear-gradient(to left, lightgrey,darkgrey);
    --AltRow: white;
    --HeaderGridBG: black;
    --HeaderGridColor: black;
    --FWGrid: 800;
}

/*background-image: linear-gradient(to left, rgb(187,141,61), white); */
Caption {
    border-bottom: double;
    font-weight: 600;
    font-size: 18px;
    background-image: var(--BGColor);
    color: var(--color);
    text-align: center;
}
.Mydiv {
    background-image: var(--BGColor);
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border-color: var(--color);
    color: var(--color);
    border-style: double;
    border-width: 8px;
    font-size: medium;
    width: 28%;
    height: 250px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.DivNewAss {
    box-shadow: 5px 5px 10px 7px #555;
    top: 146px;
    left: 748px;
    padding: 1px 1px;
    background-image: var(--BGColor);
    display: block;
    height: 360px;
    width: 30%;
    overflow: hidden;
    position: absolute;
    border: double;
    border-color: var(--color);
}
/* G R I D*/
.MyrowStyle {
    background-image: var(--BGColor);
    color: var(--color);
    font-size: 12px;
    padding: 15px;
    margin: 15px;   
    font-weight:var(--FWGrid);
    }
.MyHeaderStyle {
    background-image: var(--HeaderGridBG);
    padding:10px;
    text-align:center;
    color: var(--HeaderGridColor);
    font-size: 14px;
    font-weight: 800;
    height:40px;
}
.MyAlternateRow {
    color: var(--color);
    background-color: var(--AltRow);
    font-size: 12px;
    font-weight: var(--FWGrid);
}
.MyGridStyle {
    font-size: 12px;
    background-image: var(--BGColor);
    color: var(--color);
    height: 40px;
    font-weight: var(--FWGrid);
    width: 100%;
   margin: 15px;
}
.MySelectedRow {background-color: black; color: var(--AltRow); font-size: 13px;font-weight:800; margin:15px}

/* E N D  G R I D*/

.MyModal {
    background-image: var(--BGColor);
    margin: 15% auto 35% auto;
    box-shadow: 5px 5px 10px 7px;
    animation-duration: 8s;
    border: 5px solid black;
    width: 490px; /*30%; /* Could be more or less, depending on screen size */
    transition-property: background-color, width;
    border-radius: 45px;
}
.MyDiv2 {
    position:absolute;
    left:10px;
    top:150px;
    width: 100%;
    overflow: auto;
    background-color: transparent

}
.Tableshows {
    padding: 3px;
    background-image: var(--BGColor);
    color: var(--color);
    border-style: inset;
    border-color: white;
    width: 100%
}
.animate {
    -webkit-animation: animatezoom 1.2s;
    -moz-animation:animatezoom 1.2s;
    animation: animatezoom 1.2s
    
}
.StyleLabel {
    padding: 3px;
    font-size: 14px;
    color: var(--color);
    margin-left: 10px;
    font-weight: bold;
    background-color: transparent;
    border-style: none;
}
.StyleText {
    margin-left: 5px;
    background-color: white;
    border-style: solid;
    color: black;
    font-size: 14px;
    font-weight: 400;
}
.a {
    color: white;
    padding: 10px;  
}
legend {
    background-color: transparent;
    color: blue;
    width: 60%;
    left: -5px;
    font-size: 14px;
    margin: 5px 1px 5px 1px;
    padding: 5px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
} 
a:hover {
    outline: 2px;
    background-color: white;
    font-size: 12px;
    font-weight: 800;
    color:black;

}
.alink {
    color: black;
    font-size: 12px;
    padding: 1px
}
.Myli {
    font-size: 16px;
    padding: 5px;
    color: black;
    font-weight: 800;
}
.mypar {
    font-size: 11px;
    font-family: Arial;
    background-image: var(--BGColor);
}
.DivGenFee {
    box-shadow: 5px 5px 10px 7px #555;
    padding: 10px 10px;
    background-image: var(--BGColor);
    display: block;
    height: 200px;
    width: 90%;
    overflow: auto;
    position: relative;
    border: solid;
    border-color: var(--color);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 10px;
}
.StyleTDTop {
    border: none;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 15px;
    margin: 1px,1px,10px, 10px;
    background-color: transparent;
    font-weight: 800
}
.StyleDivTop {
    border-style:none; position:absolute;top:35px;left:330px; width:550px;height:30px;background-color:transparent}
.StyleTableTop {
    border-bottom-style: none;
    left: 160px;
    margin: 20px 10px 10px 10px;
    background-color: transparent;
    padding: 1px;
    color: var(--color);
    position: absolute;
    top: 0px;
}
.StyleTextBigAmend {
    margin-left: 10px;
    background-color: white;
    color: black;
    font-size: 12px;
    font-weight: 600;
    min-width: 100%;
    width: 900px;
    Height: 60px;
    border-style: none;
    word-wrap: break-word;
}
.StyleTextNonMod {
    margin-left: 5px;
    background-color: transparent;
    border-style: none;
    color: black;
    font-size: 11px;
    font-weight: 800;
}
.YesNoDiv {
    background-color: transparent;
    border-style: none;
    font-weight:800;
    margin: 8px;
    width: 450px;
    left: 50px;
    top: 50px;
    color:red;
    font-size:14px; 
    
}
.YesNo {
    background-color: black;
    color: white;
    margin-left: 10px;
    font-size: 14px;
}
.modal-content {
    background-image: var(--BGColor);
    margin: 15% auto 35% auto;
    box-shadow: 5px 5px 10px 7px #555;
    animation-duration: 4s;
    border: 5px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
    transition-property: background-color, width
}
.DivStyle {
    height: 15em;
    width: 100%;
    overflow: auto;
    background-color: transparent;
    border-style: solid
}
.modal {
    display: block;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(1,3,0);
    background-color: rgba(0,0,0,0.4);
    padding-top: 60px;
}
.strong {
    font-size: 16px;
    text-shadow: 1pt 1pt 1pt #999;
    font-weight: bold;
    color: black
}
.StyleTextEvent {
    background-color: white;
    color: black;
    font-size: 12px;
    font-weight: 300;
    min-width: 90%;
    width: 350px;
    Height: 200px;
    margin: 5px;
    border-style: solid;
    word-wrap: break-word;
}
.DivStyle1 {
    height: 15em;
    width: 40%;
    overflow: auto;
    background-color: transparent;
    border-style: solid;
    position: absolute;
    top: 20px;
    left: 10px
}
.Mydiv1 {
    background-image: var(--BGColor);
    overflow: auto;
    font-weight: 800;
    color: var(--color);
    margin: 10px;
    padding: 20px;
    border-color: black;
    border-style: solid;
    width: 30%;
    height: 300px;
    box-shadow: 5px 5px 10px 7px #555;
    font-size: 11px;
    position: relative;
    float: left;
}
.mytd {
    border: double;
    padding: 5px 5px;
    background-color: transparent;
    color: white
}
.DivStyleLog {
    border-style: none;
    position: absolute;
    top: 70px;
    left: 330px;
    width: 550px;
    height: 30px
}
.button1 {
    display: block;
    font-size: large;
    height: 38px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 30px;
    width: 100%;
    margin: 20px;
    color: #FFF;
    text-align: center;
    border: solid #427AA8 1px;
    border-radius: 5px;
    text-decoration: none;
    /* Gradient 
    background: #427AA8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzU5YTNlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjdhYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: linear-gradient(to bottom, darkgrey, grey 100%);
    */
    background: -moz-linear-gradient(top, #59A3E0 1%, #427AA8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#59A3E0), color-stop(100%,#427AA8));
    background: -webkit-linear-gradient(top, #59A3E0 1%,#427AA8 100%);
    background: -o-linear-gradient(top, #59A3E0 1%,#427AA8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59A3E0', endColorstr='#427AA8',GradientType=0 );
    text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
    background: linear-gradient(to bottom, rgb(42,78,157), white 100%);
}
 .button1:hover {
        background: var(--color);
        text-decoration: none;
        filter: none;
    }
.DivAction {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 1px;
    color:var(--color);
    width: 38%;
    position: relative;
    float: left;
    border-style: solid;
    border-color: var(--color);
    background-image: var(--BGColor);
    box-shadow: 5px 5px 10px 7px #555;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.btn {
    width: 100%;
    background-color: transparent;
    border: none;
    color: darkblue;
    padding: 5px;
    font-size: 16px;
    font-weight: 800;
    margin: 1px 4px 4px 4px;
    transition: 0.3s;
}
.Mybutton12 {
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-color: var(--color);
    font-size: 12px;
    background-color: transparent;
    color: var(--color);
    font-weight: 800;
    border-collapse: collapse
}
.Mylegend {
    background-image: var(--BGColor);
    color: var(--color);
    width: 60%;
    font-weight: 800;
    left: -5px;
    font-size: 90%;
    margin: 5px 1px 5px 1px;
    padding: 5px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color);
}
.MyBody1 {
    display: block;
    color: var(--color);
    overflow: auto;
    font-family: Calibri, Arial;
    background-image: var(--BGColor);
}
.styleLabel12 {
    text-align: center;
    background-image: var(--BGColor);
    color: red;
    font-size: 20px;
    width: 100%
}
.MyCaption {
    border-style:none;
    font-weight: 600;
    font-size: 18px;
    background-color: transparent;
    color: var(--color)
  }
.TDFrorm12 {
    width: 100%;
    margin: 10px;
    background-image: var(--BGColor);
    text-align: center
}
.CaptionForm12 {
    border-bottom: double;
    font-weight: 600;
    font-size: 18px;
    background-color: darkgray;
    color:var(--color);
    text-align: center
}
.mytd {
    border: none;
    padding: 0px;
    background-color: transparent;
    color: var(--color);
    text-align: left
}