/*
body{
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position-y: 80px;
}
*/

body.margintop{padding-top: 20px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}


#preloader {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

#loader,.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #cf9a4f;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before,
.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #60303e;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after,
.loader:after
 {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #cf9a4f;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

svg {
    fill: #fff;
}

.text-secondary {
    color: #FFC34D!important;
    font-weight: bold;
}

.wrap {margin:0 30px;}
header {background-color: #70202e;}

/*header {background-color: #20202e;}*/


#InscriptionPlein,
#articles_welcome h3 {padding-bottom: 10px;}

/*
a.ui-spinner-up {border:1px solid #000!important; content:"+";width:10px;height:10px;display:block;}
a.ui-spinner-down {border:1px solid #000; content:"-";}
*/


html body.black {background-color: #090909;color:#fff!important;}
html body.black #preloader {background-color: #090909;}
html body.black header {background-color: #20101e;}


.table-main {display: table;border-top:2px solid #ddd;border-left:2px solid #ddd;margin:0 auto;border-radius:5px;}
.table-row {display:table-row;}
.table-main .clickable {cursor:pointer;}
.table-main .clickable:hover  {background-color: #eee;}
.table-cell {display:table-cell;padding: 10px;border-bottom:2px solid #ddd;border-right:2px solid #ddd;}




.printdataBg {display:none;position:fixed;left:0;top:0;bottom:0;right:0;background-color: white;}
.printdata {display:none;position:absolute;left:0;top:0;width:auto;height:auto;background-color: white;}



#header_menu_bg {z-index:50;display:none;position:fixed;left:0;top:0;bottom:0;right:0;background-color:#eee;opacity: 0.7;filter: alpha(opacity=70);}
.ajax-popup-bg {z-index:2;display:none;position:fixed;left:0;top:0;bottom:0;right:0;background-color:#eee;opacity: 0.7;filter: alpha(opacity=70);}
.ajax-popup-content {z-index:10;display:none;position:fixed;left:1%;top:50px;width:98%;bottom:5px;background-color: #f4f4f4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #eee;
}
.ajax-popup-content-title {height:50px;margin-bottom:20px;text-align: center;font-weight: bold;font-size: 28px;padding-top:5px;color:#888;}
.ajax-popup-content-title .btnPopupClose {position:absolute;right:10px;top:6px;}
.ajax-popup-content-data {overflow: scroll;position: absolute;bottom: 70px;top: 80px;right: 10px;left: 20px;padding-bottom:40px;padding-right:10px;}
.ajax-popup-content-buttons {position: absolute;bottom:0;left:0;right:0;text-align: center;padding-bottom:10px;}
.ajax-popup-content-buttons input {font-size:20px;margin:0 10px;}
.shadow{
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);
    box-shadow: 10px 0px 8px rgb(0 0 0 / 30%);
}
.shadow_strong {
    -moz-box-shadow: 0px 0px 26px rgba(0, 0, 0,  1.0);
    -webkit-box-shadow: 0px 0px 26px rgb(0 0 0 / 100%);
    box-shadow: 10px 0px 26px rgb(0 0 0 / 100%);
}

.hide,
body.print .hideOnPrint,
.displayOnPrint {display:none;}


.find_guide {margin:20px auto;width: max-content;border:1px solid #ddd;border-radius:5px;padding:20px 0;}

.calendar_popup_add_date label {min-width:150px;}

.formFloated .form-label-group {float:left;}
.noWidth .form-label-group label {min-width:auto;}
.ui-icon-background, .ui-state-active .ui-icon-background {background-color:white;}
.btn-default {border:1px solid #bbb;}
.contenteditable {border:1px solid #ced4da;}
.borderError {border:2px solid #f00!important;}

#ListeParticipants .table-main {margin-bottom:20px;}




.calendrier {width: max-content;margin: 0 auto;border:1px solid #000;margin-bottom:10px;}
.calendrier .title {display:inline-block;width:250px;}
.calendrier form {display:contents;}
.calendrier .weekname {text-align:center;background-color:#ddd;}
.calendrier .item {display:table-cell;width:50px;height:50px;text-align:center;vertical-align: middle;border:1px solid #000;}
.calendrier .item input {width:100%;height:50px;padding:0;margin:0;font-size:18px;}
.calendrier .weekdays {text-align:center;}
.calendrier .weekdays .line input {color: #000; background-color: #fff;border: 0;}
.calendrier .weekdays .line input:hover {color: #000; background-color: #eee;}
.calendrier .weekdays .line .external input {color:#fff;background-color: #777;}
.calendrier .weekdays .line .external input:hover {color:#fff;background-color: #999;}
.calendrier .weekdays .line .today input {color: #000; background-color: #eee;}
.calendrier .weekdays .line .today input:hover {color:#000;background-color: #ccc;}
.calendrier .weekdays .line .today.external input {color:#fff;background-color: #aaa;}
.calendrier .weekdays .line .today.external input:hover {color:#fff;background-color: #bbb;}
.calendrier .weekdays .line .selected input {background-color:#9ff;font-weight: bold;}
.calendrier_navigation {width: max-content;margin: 0 auto;}
.calendrier_navigation form {display:contents;}
.calendrier_navigation .title {display:inline-block;width:250px;font-size:18px;font-weight:bold;}
.calendrier_navigation .nav {text-align:center;}
.calendrier_navigation .nav input {width:53px;height:50px;padding:0;color: #000; background-color: #fff;font-size:24px;}

.calendar {}
.calendar.flex, 
.calendar .flex {display:flex;}
.calendar {margin-bottom:10px;}


.days_list-main {display: table;text-align:left;border:1px solid #000;}
.days_list-main .days_list-row {display:table-row;}
.days_list-main .days_list-row .days_list-cell {display:table-cell;padding:0 5px;border-top:1px solid #000;}


.hour_list-main {display: table;width:100%;border:1px solid #000;}
.hour_list-main .hour_list-row {display:table-row;}
.hour_list-main .hour_list-row .hour_list-cell {display:table-cell;padding:0 5px;border-top:1px solid #000;}

.intervallTime .slider__tip:before {content:'';}

.gradient_default {
    background-color: #AB2B2D;
    background-image: -moz-linear-gradient(top, #cdcdcd, #edeae8);
    background-image: -ms-linear-gradient(top, #cdcdcd, #edeae8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cdcdcd), to(#edeae8));
    background-image: -webkit-linear-gradient(top, #cdcdcd, #edeae8);
    background-image: -o-linear-gradient(top, #cdcdcd, #edeae8);
    background-image: linear-gradient(top, #cdcdcd, #edeae8);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#edeae8',GradientType=0 );
    background-repeat: repeat-x;

}

.gradient_gray {
    background-color: #777777;
    background-image: -moz-linear-gradient(top, #777777, #edeae8);
    background-image: -ms-linear-gradient(top, #777777, #edeae8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#edeae8));
    background-image: -webkit-linear-gradient(top, #777777, #edeae8);
    background-image: -o-linear-gradient(top, #777777, #edeae8);
    background-image: linear-gradient(top, #777777, #edeae8);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#edeae8',GradientType=0 );
    background-repeat: repeat-x;

}

.gradient_dark {
    background-color: #AB2B2D;
    background-image: -moz-linear-gradient(top, #555555, #212121);
    background-image: -ms-linear-gradient(top, #555555, #212121);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#212121));
    background-image: -webkit-linear-gradient(top, #555555, #212121);
    background-image: -o-linear-gradient(top, #555555, #212121);
    background-image: linear-gradient(top, #555555, #212121);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#212121',GradientType=0 );
    background-repeat: repeat-x;

}

.gradient_success {
    background-color: #AB2B2D;
    background-image: -moz-linear-gradient(top, #41ec7a, #1b7e0e);
    background-image: -ms-linear-gradient(top, #41ec7a, #1b7e0e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#41ec7a), to(#1b7e0e));
    background-image: -webkit-linear-gradient(top, #41ec7a, #1b7e0e);
    background-image: -o-linear-gradient(top, #41ec7a, #1b7e0e);
    background-image: linear-gradient(top, #41ec7a, #1b7e0e);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41ec7a', endColorstr='#1b7e0e',GradientType=0 );
    background-repeat: repeat-x;

}

.gradient_warning {
    background-color: #AB2B2D;
    background-image: -moz-linear-gradient(top, #fe7e14, #cc7e14);
    background-image: -ms-linear-gradient(top, #fe7e14, #cc7e14);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fe7e14), to(#cc7e14));
    background-image: -webkit-linear-gradient(top, #fe7e14, #cc7e14);
    background-image: -o-linear-gradient(top, #fe7e14, #cc7e14);
    background-image: linear-gradient(top, #fe7e14, #cc7e14);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7e14', endColorstr='#cc7e14',GradientType=0 );
    background-repeat: repeat-x;

}

.gradient_violet {
    background-color: #AB2B2D;
    background-image: -moz-linear-gradient(top, #6610f2, #8810f2);
    background-image: -ms-linear-gradient(top, #6610f2, #8810f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6610f2), to(#8810f2));
    background-image: -webkit-linear-gradient(top, #6610f2, #8810f2);
    background-image: -o-linear-gradient(top, #6610f2, #8810f2);
    background-image: linear-gradient(top, #6610f2, #8810f2);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6610f2', endColorstr='#8810f2',GradientType=0 );
    background-repeat: repeat-x;

}

.gradient_danger {
    background-color: #AB2B2D;
    background-image: -moz-linear-gradient(top, #ff0000, #ff5555);
    background-image: -ms-linear-gradient(top, #ff0000, #ff5555);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#ff5555));
    background-image: -webkit-linear-gradient(top, #ff0000, #ff5555);
    background-image: -o-linear-gradient(top, #ff0000, #ff5555);
    background-image: linear-gradient(top, #ff0000, #ff5555);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff5555',GradientType=0 );
    background-repeat: repeat-x;

}

.text-bg-violet {background-color:#8810f2;color:#fff;}

.calendar  {}
.calendar .title {position:absolute;top:0;left:20px;z-index:1;}

.calendar .gradient {border-right:1px solid #eee;color:#333;}
.calendar .gradient.lastposition {border-right:1px solid #000;}

.calendar .gradient_dark {border-right:1px solid #555;color:#fff;}
.calendar .gradient_dark.lastposition {border-right:1px solid #000;}

.calendar .gradient_green {border-right:0;color:#fff;}
.calendar .gradient_green.lastposition {border-right:1px solid rgb(53, 216, 94);}



.ui-selectmenu-button.ui-button#select_langue-button {width:207px;}

.selected_values,
.selected_values_langues {margin-bottom:20px;}
.selected_values .table-main,
.selected_values_langues .table-main {font-weight:bold;}

#ui-datepicker-div {margin-left:220px;margin-top:-40px;}

.border {border:1px solid #eee;border-radius: 5px;}
.padding {padding:20px;}
.margin {margin:20px;}
.displayinlineblock {display: inline-block;}

.field_table_fixed_calendar {display:none;position:fixed;top:40px;min-width:100%;left:0;padding:0 3% 0 2%;height:39px;background-color:#fff;overflow:hidden;z-index:1;}
.field_table_fixed_calendar h3 {display:none;}