* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */


    font-family:        system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
    font-size:          12px;
    height:             100vh;
    margin:             0px;
    padding:            0px;

    overflow-y:         hidden;
    overflow-x:         hidden;
    width:              100%;
}

h1  { font-family: 'Amatic SC', cursive; color: #EECF75;}
h4  { font-family: 'Amatic SC', cursive; }
a   { color: grey; }
p   { font-size: 1.2em;

}
input[type="text"] {
    font-weight:    bold;
    color:          #1F618D;
}

input[type="number"] {
    font-weight:    bold;
    color:          #1F618D;
}


input:focus, textarea:focus, select:focus {
    outline:        none;
    outline-width:  0;
}


.bpGreen {

    border: none;
    padding: 12px 16px;
    font-size: 16px;
    border-color:   #6CD008;
    background-color:rgba(108,208,8,1.0);


    color:          white;
    border-radius:  2.0em;
    width:          7.0em;
    box-shadow: 3px 5px #888888;
}

.intercal {

    font-size:          20%;
    background-color: transparent;
    color:transparent;
    border-color: transparent;
}

.legend {

    font-size: .8em;
}

.status {
    text-transform:     uppercase;
    border-radius:      20px;
    font-weight:        bold;
    height:             3.0em;
    text-align:         center;
    padding-top:        0.8em;
}

.titre {
    font-size:          100%;
    color:              #17A589;
    font-weight:        bold;
}

.trash {

    text-align:center; 
    color: white;
    background-color: red;
}

.scroll {
    height: 100%;
    overflow-y: : scroll;
    overflow-x: hidden; 
    -webkit-overflow-scrolling:touch;

}


#t_prefMoney tr {
    background-color: #06406A;
    color:white;
    border-color: transparent;
    height: 4.5em;
}

#main_c {
    padding-top: 0.6em;
    margin-left:0px;
    margin-right:0px;
    background-color:rgba(108,208,8,1.0);
    color: white;

}
#dateMoney {        
    color:          white;
    text-align:     center;
    font-size:      1.0em;
    font-weight:    bold;
    padding-top:    0.8em;

}


#t_prefMoney tr td:last-child   { border-left: 1px solid white;}
#findMoney                      { border-radius: 2.0em;}


/* Page 1 -  Calcul des monnaies prefereees */

#inCalc    { 
    
    border-radius: 2.0em;
    font-size:     2.0em;
    height:        2.0em;
    margin-top:    0.2em;
}


#modal_keyboard {
    background:     #D4E6F1;
    width : 100%;
}

#keyboard.modal.fade .modal-dialog {
  top: 40%;
}

.modal-backdrop {opacity:0 !important;}



#prefMoney {
    margin-top:     1.0em;
    text-align:     left;
    font-size:      1.5em;
    height:         300px;
    overflow:       scroll;
    background:     transparent;

}

#bpCurList, #bpConvert {
  height: 50px;
  width: 50px;
  border-radius: 50%;
 
}

#modal_currency {
    background-color: #06406A;
    color:white;
}

#modalCurr {border: none;}

.modal-body, .modal-header, .modal-footer { border: none; }


/* Page de selection des monnaies */


.table td, .table th, .table tr{
    height: 2.5em;
}

#currency {
    margin-top:     1.0em;
    text-align:     left;
    font-size:      1.5em;
    height:         300px;
    overflow:       scroll;
}

#modalCurr {
    margin-top:     1.0em;
    text-align:     justify;
    font-size:      1.5em;
    height:         300px;
    overflow:       scroll;
}

#loader {
    position: absolute;
    top: 40%;
    left: 43%;
    width: 60px;
    height: 60px;
    z-index: 2;
}

.codrops-top {

    text-transform:     uppercase;
    position:           fixed;
    top:                0;
    left:               0;
    padding-top:        2.0em;
    padding-bottom:     0.5em;

    width:              100%;
    font-size:          1.5em;
    z-index:            99;
    
    text-align:         center;
    color:              grey;
    background-color:   transparent;

}

.codrops-bottom {
    position:           fixed;
    width:              100%;
    z-index:            50000;
    bottom:             0;
    left:               0;
    padding-top:        1.0em;
    padding-bottom:     1.0em;
    text-align:         center;
    color:              white;
    background-color:rgba(8,64,106,0.5);
    font-size:          0.7em;
}