/* Utilisé pour Vue.js */
[v-cloak] {
  display: none;
}

td{font-family:Futura, 'Open Sans', sans-serif;}

body{background-color:#F6F6F6; margin: 0;}

header{background-color: #D20040; padding:20px 0 20px 0; color: #FFF;  margin: 0 0 20px 0}
.helpme{cursor: pointer;}
.logo{max-width: 200px;}
h1{font-weight: 100; font-size: 24px; margin-bottom: 40px; letter-spacing: 1px}

#app{margin: auto; max-width: 1480px;}

.mail-template{background-color: #FFF; border:1px solid rgba(0,0,0,0.2); border-radius: 4px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
.mail-header{background-color: rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 12px; padding: 2px 10px}
.mail-info{font-size: 12px; color: #888; padding-bottom: 10px; margin: 10px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.mail-body{padding: 10px 20px}
.mail-signature{padding: 10px 20px}

.mail-header span{float:right; margin-right: 8px; border-radius: 50%; display: inline-block; width: 12px; height: 12px; border:1px solid rgba(0,0,0,0.2); margin-top: 2px}
.icon-minimize{background-color: #5cb85c}
.icon-close{background-color: #f0ad4e}
.select-bandeaux{cursor:pointer;}


.texting{background-color: rgba(0, 0, 0, 0.05); height: 12px; margin-bottom: 8px}
span.texting{width: 200px; display: inline-block; margin-bottom: 0}

.input-group-btn .dropdown-menu li{line-height: 20px; cursor: pointer; padding: 3px 8px;}
.input-group-btn .dropdown-menu li:hover{background-color: rgba(120,120,120,0.1)}
.input-group-btn .dropdown-menu li img{height: 20px; margin-right: 8px;}