* {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    font-family: Century gothic, sans-serif, serif;
    overflow-y: scroll;
}

@font-face {
    font-family: 'Exo';
    src: url('libs/Exo/Exo-Regular.ttf') format('truetype');
}

a {
    color: #000;
    text-decoration: none;
}

li {
    list-style: none;
}

.clear {
    clear: both;
}

.blue {
    color: #3576b8;
}

.grey {
    color: #aaa;
}

.hidden {
    display: none;
}

.red, .error {
    color: #d57575 !important;
}

hr {
    border-top: 1px solid #ccc;
    margin: 5px 0;
}

button, input[type='submit'], input[type='button'], a.btn {
    border: 1px solid #ccc;
    color: #555;
    cursor: pointer;
    padding: 3px 5px;
    text-align: center;
    display: inline-block;
    background: #fefefe url("/images/degrade-noir.png") repeat-x 0px -10px;
    font-family: Century gothic, sans-serif, serif;
    font-size: .8em;
}

button:disabled, input[type='submit']:disabled, input[type='button']:disabled {
    border: 1px solid #ddd;
    color: #999;
}

input[type='text'], input[type='password'], input[type='number'], select, textarea {
    color: #fff;
    padding: 5px;
    width: 150px;
    background: #6390be url("/images/degrade-blanc.png") repeat-x;
}

input[type='text']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder {
    color: #B7CCE1;
    opacity: 1;
}

input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='number']::placeholder {
    color: #B7CCE1;
    opacity: 1;
}

option {
    color: #333;
    background: #fff;
}

option:disabled {
    color: #aaa;
}

input[type='text'], input[type='password'], input[type='number'] {
    padding: 6px;
}

input[type='text'].bigRecherche {
    padding: 10px;
    font-size: 1.3em;
    width: 700px;
    color: #fff;
    font-style: italic;
    background: #6390be url("/images/degrade-blanc.png");
    margin-bottom: 10px;
}

input[type='text'].bigRecherche:disabled {
    background: #ccc url("/images/degrade-blanc.png") repeat-x;
}

select {
    width: 160px;
}

input:disabled {
    background: #ccc url("/images/degrade-blanc.png") repeat-x;
}

select:disabled {
    width: 160px;
    background: #ccc url("/images/degrade-blanc.png") repeat-x;
}

textarea {
    font-family: Century gothic, sans-serif, serif;
    font-size: 0.8em;
    height: 200px;
    padding: .2em;
    width: 420px;
    min-width: 150px;
    max-width: 460px;
}

pre, code {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div#wrap {
    width: 1000px;
    margin: 0 auto;
}

/*############################################################################*/

div#header {
    padding: 20px;
    padding-bottom: 0px;
}

div#header div#login {
    float: right;
}

div#header div#login p {
    padding: 5px;
    padding-left: 0;
    font-family: 'Exo', sans-serif;
    font-style: italic;
}

div#header div#menu {
    font-variant: small-caps;
    border-top: 4px solid #dcdcdc;
    margin: 15px -20px 0 -20px;
    height: 50px;
    /*background: url("/images/degrade-noir.png");*/
}

div#header div#menu ul li {
    display: inline-block;
}

div#header div#menu ul li a {
    position: relative;
    display: block;
    padding: 1em;
}

div#header div#menu ul li.active a {
    color: #fff;
    font-weight: bold;
}

div#header div#menu ul li#dynamic {
    position: absolute;
    background: #387cc1 url("/images/degrade-blanc.png");
    top: 105px;
    left: 0;
}

/*############################################################################*/

div#content {
    margin-top: 20px;
    color: #555;
}

div#content h1 {
    font-family: 'Exo', sans-serif;
    color: #3576b8;
}

div#content h2 {
    font-family: 'Exo', sans-serif;
    color: #5a5a5a;
    font-size: 1.4em;
}

div#content p {
    line-height: 1.2em;
    text-align: justify;
    color: #666;
}

div#content div#right {
    float: right;
    width: 260px;
    min-height: 310px;
    padding: 20px;
    margin-bottom: 20px;
}

div#content div#right ul li {
    border-bottom: 1px dashed #eee;
}

div#content div#right ul.no-border li {
    border-bottom: none;
}

div#content div#right .alternate-colors > li,
div#content div#right .alternate-colors > a {
    border-bottom: none;
    padding: 5px 10px;
    display: block;
}

div#content div#right .alternate-colors > a li {
    border-bottom: none;
}

div#content div#right table.alternate-colors tr td {
    border-bottom: none;
    padding: 5px 10px;
}

div#content div#right .alternate-colors > li:nth-of-type(2n+1),
div#content div#right .alternate-colors > a:nth-of-type(2n+1),
div#content div#right .alternate-colors > div:nth-of-type(2n+1),
div#content div#right .alternate-colors > tr:nth-of-type(2n+1),
div#content div#right .alternate-colors > tbody > tr:nth-of-type(2n+1) {
    background-color: #F4F3EF;
}

div#content div#right .alternate-colors .red {
    color: #cf7272 !important;
}

div#content div#right ul#contacts_visible li {
    border-bottom: 1px dashed #d9d9d9;
}

div#content div#right ul#contacts_visible li:last-child {
    border-bottom: none;
}

div#content div#right ul#contacts_visible li a:hover {
    background: -moz-linear-gradient(left, rgba(250, 249, 247, 0) 0%, rgba(250, 249, 247, 1) 50%, rgba(250, 249, 247, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(250, 249, 247, 0) 0%, rgba(250, 249, 247, 1) 50%, rgba(250, 249, 247, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(250, 249, 247, 0) 0%, rgba(250, 249, 247, 1) 50%, rgba(250, 249, 247, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

div#content div#right ul li a {
    display: block;
}

div#content div#right ul li a:hover {
    background: #f4f3ef;
}

div#content div#right ul li.seen a {
    background: #F3F3F3;
    background: -moz-linear-gradient(left, #F3F3F3 0%, #E7E7E7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #F3F3F3), color-stop(100%, #E7E7E7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #F3F3F3 0%, #E7E7E7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #F3F3F3 0%, #E7E7E7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #F3F3F3 0%, #E7E7E7 100%); /* IE10+ */
    background: linear-gradient(to right, #F3F3F3 0%, #E7E7E7 100%); /* W3C */
}

div#content div#right ul li.seen a:hover {
    background: #f4f3ef;
    background: -moz-linear-gradient(left, #F3F3F3 0%, #f4f3ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #F3F3F3), color-stop(100%, #f4f3ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #F3F3F3 0%, #f4f3ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #F3F3F3 0%, #f4f3ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #F3F3F3 0%, #f4f3ef 100%); /* IE10+ */
    background: linear-gradient(to right, #F3F3F3 0%, #f4f3ef 100%); /* W3C */
}

div#content div#right label {
    float: left;
    clear: left;
    width: 240px;
    margin-bottom: 3px;
}

div#content div#right input, div#content div#right textarea, div#content div#right select {
    float: left;
    margin-bottom: 3px;
}

div#content div#right div.description {
    background: #f4f3ef;
    padding: 20px;
}

div#content div#right .print_section.hidden {
    display: none;
}

div#content div#right .num_pages {
    margin: 20px 0;
    text-align: center;
    position: relative;
}

div#content div#right .num_pages_left {
    position: absolute;
    left: 0;
}

div#content div#right .num_pages_right {
    position: absolute;
    right: 0;
}

div#content div#right .import_result {
    padding: 10px;
    margin-top: 5px;
    background: #eee;
    border-top: 5px solid #f7f7f7;
    border-left: 5px solid #99beeb;
}

div#content div#right a > .import_result:hover {
    background: #ddd;
    border-top: 5px solid #eee;
}

div#content div#right .import_result.red {
    border-left: 5px solid #ecb9b9;
}

div#content div#right .import_result.red span {
    color: #d28d8d;
    background: #e9d8d8;
    padding: 5px;
    padding-left: 10px;
    display: block;
    font-weight: bold;
    margin: -10px -10px 10px -10px;
}

div#content div#right pre.h {
    background: #F4F3EF;
    padding: 5px;
    font-weight: bold;
}

div#content div#right pre.h span {
    float: right;
}

div#content div#left {
    width: 640px;
    min-height: 310px;
    padding: 20px;
    margin-bottom: 20px;
    overflow: visible !important;
}

div#content div#left select {
    width: 100%;
}

div#content div#left label {
    font-family: 'Exo', sans-serif;
}

div#content div#left label.filter_show {
    cursor: pointer;
}

div#content div#left ul li {
    font-family: 'Exo', sans-serif;
}

div#content div#left ul li a:hover {
    text-decoration: underline;
}

div#content div#left ul li a.active {
    text-decoration: underline;
}

div#content div#left ul li.import_csv {
    cursor: pointer;
    color: black;
}

div#content div#left ul li.import_csv:hover {
    text-decoration: underline;
}

div#content div#left #filtre_options {
    position: relative;
    width: 180px;
    top: 15px;
    margin-bottom: -20px;
    text-align: right;
}

div#content div#left #filtre_options > i {
    cursor: pointer;
}

div#content div#left #filtre_options > div {
    display: none;
    text-align: left;
    padding: 10px;
    border: 1px solid #666;
    background: linear-gradient(to bottom, #f4f3ef, white);
    color: #333;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 190px;
    width: 320px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    font-weight: normal;
}

div#content div#left #filtre_options > div small {
    display: block;
}

div#content div#left #filtre_options.open > div {
    display: block;
}

div#content div#left label.filter_show {
    display: block;
    width: 166px;
    color: #fff;
    background: #ccc;
    margin: 1px 0;
    padding: 3px;
    border-left: 8px solid #999;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

div#content div#left div.filter_show {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;
}

div#content div#left label.filtered_filter,
div#content div#left option.filtered_filter {
    display: none;
}

div#content div#left label.filtered_filter.active,
div#content div#left option.filtered_filter.active {
    display: unset;
}

div#content div#left label.fonction.noshow {
    display: none !important;
}

div#content div#left .reset_research {
    color: #999;
    font-size: small;
    display: inline-block;
    margin-top: 10px;
}

div#content div#bottom {
    padding: 20px;
}

div#content div#right #add_activite, div#content div#right #edit_compte_rendu {
    float: none;
    max-width: none;
    resize: vertical;
    margin-top: 0px;
    padding: 0px;
}

div#content div#right div.site-tab-label {
    padding: 10px 15px;
    background: #F4F3EF;
    color: #7a7a7a;
    text-transform: uppercase;
    font-size: 0.8em;
    text-align: center;
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: .3s;
    border: 3px solid #F4F3EF;
    border-bottom: none;
    margin-right: 2px;
}

div#content div#right div.site-tab-label:hover {
    background-color: #7a7a7a;
    color: #fff;
}

div#content div#right div.site-tab-label.active {
    background-color: #39b3f2;
    color: #fff;
    border-color: #d3d5da;
    font-weight: bold;
}

div#content div#right div.site-tab-content {
    display: none;
    margin-bottom: -20px;
    border-top: 3px solid #F4F3EF;
}

div#content div#right div.site-tab-content.active {
    display: block;
}

div#content div#right div.site-tab-content h2.tab-title {
    background: #e4e4e4;
    color: #7a7a7a;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9em;
    padding: 20px;
}

/*############################################################################*/

div#footer {
    border-top: 4px solid #ddd;
    margin-bottom: 20px;
    clear: both;
}

div#footer p {
    color: #555;
    font-size: 0.8em;
    line-height: 150%;
    text-align: justify;
    text-align: right;
}

/*############################################################################*/

.autocomplete-suggestions {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 8px 8px 0px #3399FF;
}

.autocomplete-suggestion {
    background: #fff;
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.autocomplete-suggestion strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-suggestion.autocomplete-selected {
    background: #eee;
}

/*############################################################################*/

div#loading_overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

#circularG {
    position: relative;
    width: 174px;
    height: 174px;
    margin: 0 auto;
    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

#circularG.load {
    /*position:absolute;*/
    opacity: 1;
}

.circularG {
    position: absolute;
    background-color: #6391BE;
    width: 40px;
    height: 40px;
    box-shadow: 2px 2px 3px 1px #134568;
    -moz-border-radius: 26px;
    -moz-animation-name: bounce_circularG;
    -moz-animation-duration: 1.04s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -webkit-border-radius: 26px;
    -webkit-animation-name: bounce_circularG;
    -webkit-animation-duration: 1.04s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -ms-border-radius: 26px;
    -ms-animation-name: bounce_circularG;
    -ms-animation-duration: 1.04s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -o-border-radius: 26px;
    -o-animation-name: bounce_circularG;
    -o-animation-duration: 1.04s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    border-radius: 26px;
    animation-name: bounce_circularG;
    animation-duration: 1.04s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

#circularG_1 {
    left: 0;
    top: 69px;
    -moz-animation-delay: 0.39s;
    -webkit-animation-delay: 0.39s;
    -ms-animation-delay: 0.39s;
    -o-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

#circularG_2 {
    left: 18px;
    top: 18px;
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

#circularG_3 {
    top: 0;
    left: 69px;
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

#circularG_4 {
    right: 18px;
    top: 18px;
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

#circularG_5 {
    right: 0;
    top: 69px;
    -moz-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

#circularG_6 {
    right: 18px;
    bottom: 18px;
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

#circularG_7 {
    left: 69px;
    bottom: 0;
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

#circularG_8 {
    left: 18px;
    bottom: 18px;
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1)
    }

    100% {
        -moz-transform: scale(.3)
    }

}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.3)
    }

}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1)
    }

    100% {
        -ms-transform: scale(.3)
    }

}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1)
    }

    100% {
        -o-transform: scale(.3)
    }

}

@keyframes bounce_circularG {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.3)
    }

}

.cke {
    margin-bottom: 10px !important;
    box-shadow: 0 5px 10px #aaa !important;
    border-radius: 5px !important;
}

.cke_inner {
    background: #F2F2F2 !important;
    border-radius: 5px !important;
}

.cke_top {
    border-radius: 5px 5px 0 0 !important;
}

.cke_source {
    background: #6E91B4 !important;
    color: #fff !important;
    max-width: none !important;
}

.cke_dialog_ui_input_text {
    color: #333 !important;
}

body.stop-scrolling {
    overflow-y: visible !important;
}

#upload_iframe {
    width: 100%;
    height: 500px;
    margin-top: 20px;
    background: #F4F3EF;
    padding: 0 0 0 10px;
}

.schedule-table {
    width: 100%;
}

.schedule-rows td {
    width: 20%;
    height: 10px;
    margin: 3px;
    padding: 5px;
    background-color: #eee;
    cursor: pointer;
}

.schedule-rows td:first-child {
    background-color: transparent;
    text-align: right;
    position: relative;
    top: -15px;
    width: 0;
}

.schedule-rows td[data-selected],
.schedule-rows td[data-selecting] {
    background-color: #82A6CB;
}

.schedule-rows td[data-disabled] {
    opacity: 0.55;
}

.api-value {
    display: none;
}

.api-value.active {
    display: block;
}

.api-value label {
    font-weight: bold;
}

.api-value input[type=text] {
    background: #666;
}

#api-loaded-results {
    display: none;
    background: #666;
    color: #fff;
    padding: 5px;
    font-size: small;
}

/*############################################################################*/

.swal-wide {
    width: 850px !important;
    transform: translateX(-22%);
}

/*############################################################################*/

td.sorting,
td.sorting_asc,
td.sorting_desc {
    position: relative;
    padding-right: 17px !important;
}

td.sorting::before,
td.sorting_asc::before,
td.sorting_desc::before {
    position: absolute;
    top: 8px;
    right: 5px;
    content: "\f0dc";
    font-family: FontAwesome;
}

td.sorting_asc::before {
    content: "\f0de";
}

td.sorting_desc::before {
    content: "\f0dd";
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.titleHover {
    background: #6390be url("/images/degrade-blanc.png") repeat-x;
    color: white;
    cursor: help;
    border-radius: 50px;
    border: 1px solid #134568;
    position: relative;
    padding: 0 5px;
    font-size: 0.8em;
    font-weight: bold;
}

.titleHover > div {
    padding: 10px;
    border: 1px solid #666;
    background: linear-gradient(to bottom, #f4f3ef, white);
    color: #333;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 450px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    font-weight: normal;
    opacity: 0;
    transition: opacity 1s;
    visibility: hidden;
}

.titleHover:hover > div {
    opacity: 1;
    visibility: visible;
}

.fa-star,
.fa-star-o,
.fa-star-half-o {
    color: #cccccc;
}

/********* Admin Import Export grid of actions ***********/
#import_page_to_hide .actions .card {
    width:200px;
    font-style:italic;
    padding: 1rem 20px 0 !important;
}
#import_page_to_hide .actions .card .card-content {
    text-align:center;
    font-size:0.8em;
    cursor:pointer;
    padding: 1rem;
}

#import_page_to_hide .actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #f4f3ef;
}
#import_page_to_hide .actions h2 {
    margin-bottom:20px;
    border-bottom:1px solid #ccc;
}
#import_page_to_hide .actions .clear {
    height:3rem;
}

form#import_contacts_form .description label {
    font-family: 'Exo';
    width:auto;
}

.btn-warning {
    background: orange;
    padding: 1rem;
    margin: 1rem;
    font-weight: bold;
}