@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); }

html { font-size: 14px; }
html { position: relative; min-height: 100%; }
body { /* Margin bottom by footer height */ margin-bottom: 60px; }
.footer { position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px; /* Vertically center the text there */ }

.save-container { position: fixed; top: 0px; right: 0px; margin-right: 15px; margin-top: 15px; }
.save-container i { margin-right: 10px; }
.save-container .save { display: none; }
.save-container .save.success { color: forestgreen; }
.save-container .save.in-progress { }
.save-container .save.error { color: red; }

.abs-notifications { position: fixed; bottom: 20px; right: 20px; width: 20%; display: none; z-index: 10000; }
.abs-notifications.active { display: block; }

.abs-notifications .abs-notification { width: calc(100% - 20px); margin: 5px 10px; padding: 5px 10px; padding-right: 25px; border: 1px solid black; border-radius: 5px; background-color: white; font-size: 12px; }
.abs-notifications .abs-notification .icon { display: inline-block; width: 24px; text-align: center; vertical-align: top; }
.abs-notifications .abs-notification .message { display: inline-block; line-height: normal; width: calc(100% - 28px); }
.abs-notifications .abs-notification .close { float: right; margin-right: -15px; margin-top: -2px; }

.abs-notifications .abs-notification.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.abs-notifications .abs-notification.alert-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.abs-notifications .abs-notification.alert-info { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.abs-notifications .abs-notification.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.btn span { margin-left: 10px; }

a.navbar-brand { white-space: normal; text-align: center; word-break: break-all; }
a { color: #0366d6; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
.btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
button.accept-policy { font-size: 1rem; line-height: inherit; }

.dataTables_length { margin-left: 15px; margin-bottom: 10px; }
.dataTables_length .form-control { display: inline-block; width: auto; }

main .header { margin: 10px 0px; }

.tab-content { padding-top: 20px; }
.pan { border: 1px solid #e2e2e2; margin-top: 20px; }
.pan-title { background-color: #555; color: white; padding: 5px 15px; }
.pan-title span { }
.pan-title a { color: white; float: right; margin-left: 5px; }
.pan-content { }
.pan-content-title { margin-left: 15px; margin-top: 10px; font-weight: bold; display: block; margin-bottom: 10px; }

.pan.disabled { }
.pan.disabled .pan-title { background-color: indianred; }

.pan-content table { border: 1px solid #e2e2e2; }

.dt-buttons button { display: none; }
#table-domaine-medias { height: 400px; overflow-y: auto; }
#table-domaine-medias td { word-break: break-all; }
#table-domaine-medias td:nth-child(1) { width: 20%; }
#table-domaine-medias td:nth-child(2) { width: 40%; }
#table-domaine-medias td:nth-child(3) { width: 15%; }
#table-domaine-medias td:nth-child(4) { width: 15%; }
#table-domaine-medias td:nth-child(5) { width: 10%; }

#domaine-medias { }

#domaine-medias .image { max-width: 150px; }

.file-upload { margin-bottom: 25px; }

.krajee-default.file-preview-frame { width: 135px !important; margin: 5px !important; }
.krajee-default.file-preview-frame .kv-file-content { width: 100% !important; }
.krajee-default.file-preview-frame .file-thumbnail-footer { height: auto !important; }
.krajee-default .file-caption-info, .krajee-default .file-size-info { width: auto !important; }

.fa-circle.green { color: darkgreen; }
.fa-circle.red { color: darkred; }

#div-css, #div-js { display: inline; padding: 0 15px; width: 50%; }
#div-css.focus-expand, #div-js.focus-expand { width: 85%; }
#div-css.focus-collapse, #div-js.focus-collapse { width: 15%; }

.tags { min-height: 150px; border: 1px solid #e2e2e2; margin-top: 20px; padding: 10px; }
.tag { border: 1px solid; background-color: deepskyblue; padding: 2.5px 5px; border-radius: 5px; color: white; margin-right: 5px; }
.tag span { font-size: 12px; vertical-align: text-top; }
.tag i { font-size: 14px; margin-left: 10px; vertical-align: super; cursor: pointer; }

.ui-autocomplete { top: auto; left: auto; }
.ui-menu-item-wrapper.ui-state-active { background: #e05656; border-color: #B9121B; }

#article-index { }
#article-index #articles { }
#article-index #articles input[type=checkbox] { width: 30px; height: 30px; background: white; border-radius: 5px; border: 2px solid #555; }
#article-index #articles input[type='checkbox']:checked { background: #abd; }

#article-index #articles .entete { background-color: #333; color: white; font-weight: bold; padding: 10px 0px; }
#article-index #articles .article { padding: 15px 0px; border-bottom: 2px solid #333; background-color: #eee; }
#article-index #articles .article .date { margin-right: 15px; }
#article-index #articles .article .content { text-align: justify; }

#article-index #articles .article.classement { background-color: coral; }

.field-validation-error { color: #e80c4d; }
.field-validation-valid { display: none; }
input.input-validation-error { border: 1px solid #e80c4d; }
.validation-summary-errors { color: #e80c4d; font-size: 1.1em; }
.validation-summary-valid { display: none; }

.ck.ck-content { min-height: 300px; }

#article-galerie { }
#article-galerie #galerie { }
#article-galerie #progressbar { margin-bottom: 0px; }
#article-galerie small { text-align: right; display: block; margin-bottom: 15px; }
#article-galerie #progressbar .ui-progressbar-value { height: 105%; background: dodgerblue; opacity: 0.5; }

.div-banniere { display: none; }
.div-banniere.active { display: block; }

.card-content { padding: 15px; }

.dNone { display: none; }
.type-article { color: white; opacity: 0.5; margin: auto; padding: 15px; border: 1px solid #bbb; margin-bottom: 10px; border-radius: 5px; width: calc(100% - 20px); cursor: pointer; }
.type-article p { text-align: center; margin: 0; }
.type-article.selected { opacity: 1; font-weight: bold; }
.type-article.permanent { background-color: coral; }
.type-article.classique { background-color: dodgerblue; }


@media (min-width: 768px) {
    html { font-size: 16px; }
}