/**
 * @file
 * style du composant Control.js
 * pour supprimer l'apparence des boutons bootstrap: @see http://stackoverflow.com/questions/26917039/how-do-i-make-glyphicon-buttons-that-dont-look-like-buttons
 */

/* sous-catégories de contrôles */
.Control .gopaas-category-list { margin-top: 30px; }
.Control .gopaas-category { margin-bottom: 30px; padding-bottom: 10px; }
.Control .gopaas-category-name { font-size: xx-large; }
.Control .gopaas-category-execute-control { display: block;  } /* ce bouton execute tous les contrôles du groupe */

/* contrôle */
.Control .gopaas-control { margin-top: 30px;  }
.Control .gopaas-control-title { }
.Control .gopaas-control-description { font-style: italic; margin-top: 5px; }
.Control .gopaas-control-execute { background: transparent; font-size: large; }
.Control .gopaas-control-execute-action { background: transparent; font-size: large; } /* ce bouton execute l'action par défaut pour tous les item détectés par le contrôle */
.Control .gopaas-control-ras { font-weight: bold; color: #51A351; } /* message "rien à signaler" qui remplace la liste d'item lorsque celle-ci est vide */

/* item (= 1 erreur en retour d'un contrôle) */
.Control .gopaas-item-list { margin-top: 10px; }
.Control .gopaas-item { display: table-row; margin-bottom: 3px; }
.Control .gopaas-item-list th { padding-left: 4px; padding-right: 4px; text-align: center;} /* éléments de la ligne d'entête des items */

/* message (= 1 élément de message d'un item) */
.Control .gopaas-message { display: table-cell; border: 1px dotted lightgray; padding: 4px; font-size: small; /* color: #C12E2A; */ }

/* action sur un item */
.Control .gopaas-action { display: table-cell; border: 1px dotted lightgray; padding: 2px; font-size: small; }
.Control .gopaas-action-execute { background: transparent; }
.Control .gopaas-action-execute.gopaas-default { font-weight: bold; } /* action par défaut définie dans list-control.json , il est possible que Control.js ajoute une classe btn-primary */

.Control .gopaas-happy-color { color: green; }
.Control .gopaas-unhappy-color { color: red; }