/**
 * CSS APP
 *
 * @package openresultat
 * @version SVN : $Id: app.css 2202 2013-03-28 17:30:48Z fmichon $
 */

/**
 * LOGO
 */
#logo span.logo {
  background-image: url("../img/openResultat-banner.svg");
  width: 176px;
  height: 50px;
}
#header {
  background-color: #4d4d4d;
  border-left: 13px solid #619af3;
  border-bottom: 0 none;
  font-weight: normal;
}
#footer { font-weight: normal; }
#footer a, #footer a:active, #footer a:visited { color:#619af3; font-weight: bold; }
#menu li.elem.ui-state-focus { background-color:#619af3; background-image: none; font-weight: normal; }
#menu li.hr { background-color:#619af3; height:0px; }
#menu li.elem:hover, #menu li.hr { background-color:#4d4d4d; }
  
/**
 * FORM BUTTON & BACK LINK
 */
.formControls .om-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formControls .om-button:hover, .formControls .om-button:focus {
  text-decoration: none;
}
.formControls .om-button:focus, .formControls .om-button.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.formControls .om-button.disabled, .formControls .om-button:disabled {
  opacity: 0.65;
}
.formControls .om-button:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.formControls .om-button:not(:disabled):not(.disabled):active, .formControls .om-button:not(:disabled):not(.disabled).active {
  background-image: none;
}
.formControls .om-button {
  color: #fff;
  background-color: #619af3;
  border-color: #619af3;
  background-image: none;
}
.formControls .om-button:hover {
  color: #fff;
  background-color: #5C88EC;
  border-color: #5C88EC;
}
.formControls .om-button:focus, .formControls .om-button.focus {
  box-shadow: 0 0 0 0.2rem rgba(92, 136, 236, 0.5);
}
.formControls .om-button.disabled, .formControls .om-button:disabled {
  color: #fff;
  background-color: #5C88EC;
  border-color: #5C88EC;
}
.formControls .om-button:not(:disabled):not(.disabled):active, .formControls .om-button:not(:disabled):not(.disabled).active,
.show > .formControls .om-button.dropdown-toggle {
  color: #fff;
  background-color: #5C88EC;
  border-color: #5C88EC;
}
.formControls .om-button:not(:disabled):not(.disabled):active:focus, .formControls .om-button:not(:disabled):not(.disabled).active:focus,
.show > .formControls .om-button.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(92, 136, 236, 0.5);
}
form a.retour {
  font-weight: normal;
  background-image: none;
  padding: 5px 0;
}

/**
 * MESSAGES
 */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
    border: 1px solid #489d43;
    background-color: #d1f2c4;
    background-image: none;
    color: #326b29;
}
.ui-state-error, .ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background-color: #fef1ec;
    color: #cd0a0a;
    background-image: none;
}
.ui-state-warning, .ui-widget-content .ui-state-warning,
.ui-widget-header .ui-state-warning {
    border: 1px solid #FC8802;
    background-color: #fef1ec;
}

/**
 * SEARCH
 */
#adv-search-submit,
#search-submit,
.om-search-button {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI0cHgiCiAgIHZpZXdCb3g9IjAgMCAyNCAyNCIKICAgaGVpZ2h0PSIyNHB4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc2IgogICBzb2RpcG9kaTpkb2NuYW1lPSJmaWxlbmFtZS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMyAoMjQwNTU0NiwgMjAxOC0wMy0xMSkiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEyIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTAiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjgwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMDIiCiAgICAgaWQ9Im5hbWVkdmlldzgiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIKICAgICBpbmtzY2FwZTpjeD0iLTMuMjAzMzg5OCIKICAgICBpbmtzY2FwZTpjeT0iMTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjIwIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgLz4KICA8cGF0aAogICAgIGQ9Ik0xNS41IDE0aC0uNzlsLS4yOC0uMjdDMTUuNDEgMTIuNTkgMTYgMTEuMTEgMTYgOS41IDE2IDUuOTEgMTMuMDkgMyA5LjUgM1MzIDUuOTEgMyA5LjUgNS45MSAxNiA5LjUgMTZjMS42MSAwIDMuMDktLjU5IDQuMjMtMS41N2wuMjcuMjh2Ljc5bDUgNC45OUwyMC40OSAxOWwtNC45OS01em0tNiAwQzcuMDEgMTQgNSAxMS45OSA1IDkuNVM3LjAxIDUgOS41IDUgMTQgNy4wMSAxNCA5LjUgMTEuOTkgMTQgOS41IDE0eiIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6IzYxOWFmMztmaWxsLW9wYWNpdHk6MSIgLz4KICA8cGF0aAogICAgIGZpbGw9Im5vbmUiCiAgICAgZD0iTTAgMGgyNHYyNEgweiIKICAgICBpZD0icGF0aDQiIC8+Cjwvc3ZnPgo=") !important;
  background-position: left !important;;
  background-repeat: no-repeat !important;;
  background-color: transparent !important;;
  padding-left: 24px !important;;
  border-color: #619af3 !important;;
  border-width: 2px !important;;
  color: #619af3 !important;;
  vertical-align: middle !important;;
  font-size: 1rem !important;;
  font-weight: normal !important;;
}
#adv-search-submit .ui-button-text,
#search-submit .ui-button-text,
.om-search-button .ui-button-text {
    padding: .4em !important;;
}
#adv-search-submit:focus, #search-submit:focus, .om-search-button:focus,
#adv-search-submit:hover, #search-submit:hover, .om-search-button:hover {
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;;
}

/**
 *
 */
/* Affichage de la recherche avancée */
#adv-search-adv-fields .field-type-select,
#adv-search-adv-fields .field-type-text,
#adv-search-adv-fields .bloc.intervaldate {
    float:left;
    width: 210px;
}
#adv-search-adv-fields .field-type-select div.form-libelle,
#adv-search-adv-fields .field-type-text div.form-libelle,
#adv-search-adv-fields .bloc.intervaldate div.bloc-titre {
    display: block;
    font-weight: bold;
    padding: 0;
}
#adv-search-adv-fields .field-type-select div.form-content,
#adv-search-adv-fields .field-type-text div.form-content {
    display: block;
    padding: 3px;
    height: 20px;
}
#adv-search-adv-fields .field-type-select div.form-content select,
#adv-search-adv-fields .field-type-text div.form-content input {
    width:90%;
}
#adv-search-adv-fields .bloc.intervaldate .field-type-date {
    float:none;
    padding: 3px;
}
#adv-search-adv-fields .bloc.intervaldate .field-type-date div.form-libelle {
    display: table-cell;
}
#adv-search-adv-fields .bloc.intervaldate .field-type-date div.form-content {
    height: 20px;
}


/**
 * SETTINGS - Administration & Paramétrage
 * > Le contenu est en pleine page
 */
body.mainrubrik-administration-parametrage #menu {
  display: none;
}
body.mainrubrik-administration-parametrage #content,
body.mainrubrik-administration-parametrage #footer {
  margin: 5px;
}

#settings-live-search {
  text-align: center;
}
#settings-live-search #filter {
    height: 46px;
    width: 300px;
    padding: 0 11px;
    margin-right: 48px;
    font-size : 24px;
}
#settings-live-search div.filter-icon {
    background: none;
    border: none;
    opacity: .54;
    outline: none;
    padding: 0 4px;
    line-height: 0;
}
#settings .row {
  column-width: 18em;
  column-gap: 1em; 
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}
#settings .item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}
#settings .well {
 position:relative;
 display: block;
}
#settings .list-group-title {
    color: #959595;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
  text-align: justify;
}


/**
 * MISC
 */
table.tab-tab tr.erreur-exprime td { background-color: #C1B6A0; }
table.tab-tab tr.creation_resultat td { background-color: #C1B6A0; }
.prefecture { background-image: url("../app/img/prefecture.png"); }
tr.unite-perimetre td { background-color: #bec4d5; }
tr.election-archivee td { background-color: #bebebe; }
.import-unites-16 { background-image: url("../img/insert-spreadsheet-black.svg"); background-size: 16px; }
.add-16 { background-image: url("../img/add-plus-green.svg"); background-size: 16px; }
.add-multiple-lien_unite-16,
.add-multiple-delegation-16 {
  background-image: url("../img/add-plus-circle-black.svg"); background-size: 8px; background-repeat: repeat;
}
.wait-election_unite-16 { background-image: url("../img/clock-time-blue.svg"); background-size: 16px; }
.done-election_unite-16 { background-image: url("../img/check-green.svg"); background-size: 16px; }

/**
 * On ne souhaite pas voir les colonnes id sur certains listings
 * pour éviter d'induire l'utilisateur en erreur.
 */
#sousform-election_candidat table.tab-tab .col-0,
#sousform-election_unite table.tab-tab .col-0,
#sousform-delegation_participation table.tab-tab .col-0,
#sousform-participation_election table.tab-tab .col-0 {
  display: none;
}

/**
 * WIDGET DASHBOARD
 */
.link-web {
  text-align: center;
}
.link-web a img {
  border: 1px solid #ababab;
}

/**
 * WORKFLOW
 */
.workflow-display-status {
  padding: 10px 40px;
  color: #888;
  background-image: url("../img/workflow-blue.svg"); 
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: 4px;
}
.workflow-selected {
  font-weight: bold;
  color: #434343;
  font-size: 120%;
}
.workflow-action-go-to-prev-step-parametrage-16 {
  background-image: url("../img/workflow-prev.svg"); 
  background-size: 16px;
}
.workflow-action-go-to-next-step-simulation-16 {
  background-image: url("../img/workflow-next.svg"); 
  background-size: 16px;
}
.workflow-action-go-to-prev-step-simulation-16 {
  background-image: url("../img/workflow-prev.svg"); 
  background-size: 16px;
}
.workflow-action-go-to-next-step-saisie-16 {
  background-image: url("../img/workflow-next.svg"); 
  background-size: 16px;
}
.workflow-action-go-to-prev-step-saisie-16 {
  background-image: url("../img/workflow-prev.svg"); 
  background-size: 16px;
}
.workflow-action-go-to-next-step-finalisation-16 {
  background-image: url("../img/workflow-next.svg"); 
  background-size: 16px;
}
.workflow-action-go-to-prev-step-finalisation-16 {
  background-image: url("../img/workflow-prev.svg"); 
  background-size: 16px;
}
.workflow-action-go-to-next-step-archivage-16 {
  background-image: url("../img/workflow-next.svg"); 
  background-size: 16px;
}


/* Bootstrap v4.2.1 badge */
.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}

.saisie-erronee {
  display:inline-block;
  padding:.25em .4em;
  border-radius:.25rem;
  border: 1px solid #cd0a0a;
  background-color: #fef1ec;
  color: #cd0a0a;
  background-image: none;
}
/*Dans le formulaire de saisie des résultats affiche une ligne en pointillé liant
le libellé des champs de saisie à leur case de saisie*/
#fieldset-sousform-election_unite-resultats .field div.form-libelle,
#fieldset-sousform-election_unite_centaine-resultats .field div.form-libelle {
  border-bottom-color: #619af3;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  padding-bottom: 0.5em;
}

/*Surligne du text avec un dégradé de bleu*/
.highlight-blue {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(
    -100deg,
    rgba(0, 20, 255, 0.2),
    #619af3,
    rgba(0, 20, 255, 0.2)
  );
}

/*Récapitulatif du paramétrage de l'export prefecture*/
#recapitulatif_export_prefecture {
  border : 0.1px solid #434343;
  border-radius : 1em;
  padding: 1.5em;
  font-size: 1em;
}

#recapitulatif_export_prefecture h1  {
  font-size: 1.5em;
}

#recapitulatif_export_prefecture #reste-a-parametrer  {
  border : 0.1px solid #ffb600;
  padding: 1em;
  border-radius : 1em;
  background-color: #fff2a2;
}

#recapitulatif_export_prefecture ul  {
  padding : 1em;
  padding-left : 2em;
}

#recapitulatif_export_prefecture #reste-a-parametrer ul  {
  font-weight: bold;
}