.equal { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.align-self-start { align-self: start; }
.align-self-end { align-self: end; }
#frmInscriptionFormulaire section.tab { display: none; }
#frmInscriptionFormulaire section.tab.personal-info { display: block; }
#frmInscriptionFormulaire section.tab a.upload-btn { color: #fff; }
#frmInscriptionFormulaire div.buttons input[type=button] { display: none; }
#frmInscriptionFormulaire div.buttons input[type=button].next { display: inline-block; }
#frmInscriptionFormulaire div.buttons input[type=submit] { display: none; }
#frmInscriptionFormulaire div.notes { padding-left: 15px; margin-top: 20px; font-style: italic; }
#frmInscriptionFormulaire div.notes span.red { position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 11px; content: "\f069"; color: #bc2929; margin-left: -15px; }
#frmInscriptionDocument input[type=file], #frmInscriptionDocument2 input[type=file] { height: auto; }
#frmInscriptionDocument div.progress, #frmInscriptionDocument2 div.progress { margin: 10px 0; background-color: #f5f5f5; }
#frmInscriptionDocument div.bar, #frmInscriptionDocument2 div.bar { height: 18px; background: #00a15e; }
#frmInscriptionFormulaire #credential_recognition_div select { transition: background-color 1s ease; background-color:#ffeeba;}
#frmInscriptionFormulaire #credential_recognition_div.shown select { background-color:#fff;}
/*
RESULT TABLE
*/
.cf table.table tr.inactive td { text-decoration: line-through;}
.cf table.table tr.inactive td:has(a) { text-decoration: none;}
/****
PROGRESS BAR
****/
.meter { height: 26px; position: relative; background: rgb(182, 182, 182); -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; padding: 0; box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); box-sizing: content-box; }
.meter > span { display: block; height: 100%; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(25,55,101); background-image: linear-gradient(center bottom, rgb(25,55,101) 37%, rgb(93,135,199) 69%); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; }
.meter > span:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(-45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent); z-index: 1; background-size: 50px 50px; animation: move 2s linear infinite; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; }
.meter > span:after, .animate > span > span { animation: progressanim 2s linear infinite; }
@keyframes progressanim {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
/****
INTRANET | INSCRIPTION
****/
div.cf.user ul.status { padding: 0; }
div.cf.user ul.status li::before { display:none; }
div.cf.user ul.status li span { margin-right: 8px; }
div.cf.user ul.status li span.completed { color: #00a15e; }
div.cf.cf-inscription section.destination input.ccm-input-date { width: auto; }
div.cf.intranet-inscription div.immigrant-info-wrapper { background-color: #dedede; padding: 10px; border-radius: 4px; }
div.cf.intranet-inscription div.immigrant-info-wrapper div.more-info { margin-top: 10px; text-align: right; }
div.cf.intranet-inscription div.immigrant-info-wrapper div.more-info span.closePanel { display: none; }
div.cf.intranet-inscription div.immigrant-base-info { display: flex; flex-wrap: wrap; background-color: #dedede; }
div.cf.intranet-inscription div.immigrant-base-info div.info { flex: 1 0 18%; margin: 0 7.5px; }
div.cf.intranet-inscription div.immigrant-base-info div.info:first-child { margin-left: 0; }
div.cf.intranet-inscription div.immigrant-full-info { margin-top:15px; }
div.cf.intranet-inscription div.immigrant-full-info ul.nav-pills { border:none; }
div.cf.intranet-inscription div.immigrant-full-info ul.nav-pills li a { background-color: #fff; }
div.cf.intranet-inscription div.immigrant-full-info ul.nav-pills li.active a { background-color: #193765; }
div.cf.intranet-inscription div.immigrant-full-info div.tab-content { padding-left:10px; padding-right: 10px; background-color: #fff; }
div.cf.intranet-inscription div.immigrant-base-info div.info:last-child { margin-right: 0; }
div.cf.intranet-inscription div.panel-heading { background-color: #1c3e73; border-color: #1c3e73; }
div.cf.intranet-inscription div.panel-heading div.panel-title a { color: #fff!important; text-transform: uppercase; }
div.cf.intranet-inscription div.panel-body { padding-top: 20px; padding-bottom: 20px; }
div.cf.intranet-inscription div.panel-body h3 {color: #fff; margin: 0; }
div.cf.intranet-inscription div.panel-body div.panel-heading { background-color: #00a15e; border-color: #00a15e; }
div.cf.intranet-inscription a.iconAdd, div.cf.intranet-inscription a.iconDelete { position: relative; padding-left: 23px; }
div.cf.intranet-inscription a.iconAdd::before { position: absolute; font-family:FontAwesome; content: '\f067'; line-height: 20px; left:0; color: #000; top:0; height: 20px; width: 20px; z-index: 1; }
div.cf.intranet-inscription a.iconDelete::before { position: absolute; font-family:FontAwesome; content: '\f068'; line-height: 20px; left:0; color: #000; top:0; height: 20px; width: 20px; z-index: 1; }
div.cf.intranet-inscription h2 span.smaller { font-size: 14px; line-height: 16px; vertical-align: middle;}
div.cf.intranet-inscription div.buttons { margin-top:15px; }
div.cf.intranet-inscription div.notes { padding-left: 15px; margin-top: 20px; font-style: italic; }
div.cf.intranet-inscription div.notes span.red { position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 11px; content: "\f069"; color: #bc2929; margin-left: -15px; }
div.cf.intranet-inscription .font-normal { font-weight: 400; }
div.cf.intranet-inscription div.subStatus-wrapper { padding-left: 25px; margin-bottom: 0;}
div.cf.intranet-inscription div.subStatus-wrapper.status-date-wrapper { margin-bottom: 5px;}
div.cf.intranet-inscription div.checkbox-inline label, div.cf.intranet-inscription div.radio-inline label { font-weight: 400; }
/***
PROFIL
***/
div.cf.profile ul.nav-pills { padding: 0; margin: 0; border-bottom:1px solid #193765; }
div.cf.profile ul.nav-pills li {margin-top: 0; }
div.cf.profile ul.nav-pills li::before { display: none; }
div.cf.profile ul.nav-pills li a { border-radius: 4px 4px 0 0; color: #193765; }
div.cf.profile ul.nav-pills li.active a { background-color: #193765; color:#fff; }
div.cf.profile div.tab-content { padding: 25px 0; }
div.cf.profile div.checkbox-inline label { font-weight: 400; }
div.cf.profile div.progress, div.cf.user div.progress, .modal-dialog div.progress { margin-top:10px; margin-bottom: 10px; }
div.cf.profile div.files a::before, div.cf.user div.files a::before, .modal-dialog div.files a::before {content: "\f016";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: 20px;
text-align: right;
margin-right: 10px; }
div.cf.profile div.buttons input[type=button] { display: none; }
div.cf.profile div.buttons input[type=button].next { display: inline-block; }
div.cf.profile div.buttons input[type=submit] { display: none; }
div.cf.profile div.notes { padding-left: 15px; margin-top: 20px; font-style: italic; }
div.cf.profile div.notes span.red { position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 11px; content: "\f069"; color: #bc2929; margin-left: -15px; }
div.cf.profile div.history-bt { margin-top: 20px; }
div.cf.profile div.print-bt { margin-top: 10px; }
/***
RAPPORTS
***/
div.cf.reports div.dates-filter { float: left; margin-right: 15px; width:100%; }
div.cf.reports div.dates-filter .form-control { width:100%!important; }
div.cf.reports div.checkbox-inline label { font-weight: 400;}
div.cf.reports div.fields-selection { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
div.cf.reports div.results { margin: 30px 0 0;}
div.cf.reports select option:disabled { color:#ccc; }
/***
FORMATIONS
***/
div.cf.formation ul.nav-pills { padding: 0; margin: 0; border-bottom:1px solid #193765; }
div.cf.formation ul.nav-pills li {margin-top: 0; }
div.cf.formation ul.nav-pills li::before { display: none; }
div.cf.formation ul.nav-pills li a { border-radius: 4px 4px 0 0; color: #193765; }
div.cf.formation ul.nav-pills li.active a { background-color: #193765; color:#fff; }
div.cf.formation div.tab-content { padding: 25px 0; }
div.cf.formation div.formation-progress { margin: 0 0 30px; }
div.cf.formation div.completed-formation { margin: 0 0 10px; }
div.cf.formation div.progressbar { margin: 0 0 10px; }
div.cf.formation div.formations-list {display: flex; flex-wrap: wrap;}
div.cf.formation div.formations-list div.formation { flex: 0 0 100%; margin: 0 0px 20px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); }
div.cf.formation div.formations-list div.formation div.formation-img { padding-bottom: 56.25%; background-size: cover; background-position: 50% 50%; }
div.cf.formation div.formations-list div.formation div.formation-desc { padding: 0 15px 15px; }
div.cf.formation div.formations-list div.formation div.formation-desc { padding: 0 15px 15px; }
div.cf.formation div.formations-list div.formation a { color: #000; }
div.cf.formation div.formations-list div.formation a:hover { color: #000; }
div.cf.formation div.formations-list div.formation a:hover h3 { text-decoration: underline; }
/***
WEBINAIRES
***/
div.cf.webinaire div.webinaires-list {display: flex; flex-wrap: wrap;}
div.cf.webinaire div.webinaires-list div.webinaire { width:100%; padding-bottom: 40px; display: flex;}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-img { display:none; width:100%; max-width: 600px; height:auto; aspect-ratio: 6/4; background-size: cover; background-position: 50% 50%; background-color: #193765; }
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc { padding: 20px 25px 30px; width:100%; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); border-left: 5px solid #ffc43f; display:flex; justify-content: space-between; flex-direction:column;}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc a { background-color: #00a15e; align-self: flex-end; border-radius: 0; padding:8px 25px 10px; color:#fff; font-weight: 900;}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc a.btn-red { background-color: #bc2929; border-color: #bc2929; }
/* div.cf.webinaire div.webinaire div.webinaire-info h3 { font-size: 24px; } */
div.cf.webinaire div.webinaire div.webinaire-info span.info { display: block; position: relative; }
div.cf.webinaire div.webinaire div.webinaire-info span.info::before { display: inline-block; font-family: FontAwesome; font-weight: 400; padding: 0 15px 0 5px; width:35px; text-align: center;}
div.cf.webinaire div.webinaire div.webinaire-info span.date::before { content:'\f133'; }
div.cf.webinaire div.webinaire div.webinaire-info span.time::before { content:'\f017'; }
div.cf.webinaire div.webinaire div.webinaire-info span.category::before { content:'\f02b'; }
div.cf.webinaire div.webinaire div.webinaire-info span.person::before { content:'\f007'; }
div.cf.webinaire div.webinaire div.webinaire-img { width:100%; max-width: 450px; height:auto; aspect-ratio: 6/4; background-size: cover; background-position: 50% 50%; background-color: #193765; }
div.cf.webinaire div.webinaire button, div.cf.webinaire div.webinaire a.btnGreen { width:100%; margin-top: 25px; max-width: 450px;}
div.cf.webinaire div.webinaire iframe { border:none; aspect-ratio: 16 / 9; width: 100%; }
div.cf.webinaire div.pagination { width: 100%; }
div.cf.webinaire div.pagination p { text-align: center; margin : 5px;}
div.cf.webinaire div.pagination .dataTables_paginate { text-align: center; }
div.cf.webinaire div.pagination .dataTables_paginate ul { margin: 0; padding:0; }
div.cf.webinaire div.pagination .dataTables_paginate ul li::before { display: none;}
div.cf.webinaire div.search-filters #frmFilterWebinaires { width: fit-content; }
div.cf.webinaire div.search-filters #frmFilterWebinaires .ccm-input-text { min-width: 290px; }
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes { text-align: center; }
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes .checkbox-inline { margin: 0 15px; }
/***
FOIRE D'EMPLOI
***/
div.cf.foire-emploi div.tonik-youtube-gallery h2 { margin: 30px 0 10px 0; }
div.cf.foire-emploi div.notes { margin: 20px 0;}
div.cf.foire-emploi div.notes span.red { color: #bc2929; font-weight:700; }
div.cf.foire-emploi #inscriptionFoireEmploi .fileinput-button { position: relative; overflow: hidden; display: inline-block; margin-bottom:15px; }
div.cf.foire-emploi #inscriptionFoireEmploi .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; }
/***
LIAISON DE COMPTES
***/
div.cf.liaison div.search-results { margin-top: 20px;}
div.cf.liaison div.dates-filter { float: left; margin-right: 15px;}
div.cf.liaison div.checkbox-inline label { font-weight: 400;}
div.cf.liaison div.fields-selection { columns: 2; -webkit-columns: 2; -moz-columns: 2;}
div.cf.liaison div.results { margin: 30px 0 0;}
/***
ASIDE
***/
div.cf aside nav { background-color: #193765; color:#fff; padding: 30px; }
div.cf aside nav ul { border: 3px solid #fff; padding: 30px; list-style: none; }
div.cf aside nav ul li::before { display: none!important; }
div.cf aside nav ul li a { color: #fff; }
div.cf aside nav ul li.selected a { font-weight: 700; }
div.cf aside nav ul li a:hover { text-decoration: underline; color: #fff; }
div.cf aside nav ul ul { border: none; margin: 4px 0; padding: 5px 0px 5px 10px; font-size: 90%;}
div.cf aside nav ul ul { }
/* FORM ELEMENTS */
div.cf div.form-group { margin-bottom: 20px; vertical-align: top; }
div.cf div.form-group select, div.cf div.form-group textarea { border-radius: 0; box-shadow: none; }
div.cf div.radio-inline, div.cf div.checkbox-inline { padding-left: 0; }
div.cf legend { border: none; margin-bottom: 10px; font-weight: 700; }
div.cf .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-left: 30px; }
div.cf span.error { display:block; color: #bc2929; }
div.cf .form-inline .form-group + .form-group { margin-left: 30px; }
div.cf .form-inline .form-group label { display: block; }
div.cf input[type="text"], div.cf input[type="number"], div.cf input[type="email"], div.cf input[type="password"], div.cf select { border:1px solid #ccc; padding: 6px 12px; }
div.cf textarea, textarea{ border:1px solid #959595!important; padding: 6px 12px!important; width:100%;}
div.cf input[type="checkbox"], div.cf input[type="radio"]{ position: absolute; right: 9000px; }
/* Variable list - email */
div.help-block button.variable { display:block; width: 100%; border: 1px solid #ccc; padding: 6px 12px; margin: 10px 0; background:#fff; position:relative; }
div.help-block button.variable:hover { background:#e9e9ed; }
div.help-block button.variable:first-of-type { margin-top: -5px; }
div.help-block button.variable span:not(.tooltip) { border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 3px; display: block; }
div.help-block button .tooltip { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 110%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; }
div.help-block button .tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
div.help-block button.copy:hover .tooltip { visibility: visible; opacity: 1; }
/* error */
div.cf input[type="text"].error, div.cf input[type="number"].error, div.cf input[type="email"].error, div.cf input[type="password"].error, div.cf select.error { border: 1px solid #bc2929; }
/*Check box*/
div.cf input[type="checkbox"] + label:before{ content: "\f096"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 5px; }
div.cf input[type="checkbox"]:checked + label:before { content: "\f14a"; color: #00a15e; animation: effect 250ms ease-in; }
div.cf input[type="checkbox"]:disabled + label{ color: #aaa; }
div.cf input[type="checkbox"]:checked:disabled + label:before { content: "\f14a"; color: #00a15e; animation: effect 250ms ease-in; }
div.cf input[type="checkbox"]:disabled + label:before{ content: "\f0c8"; color: #ccc; }
div.cf .form-group.required > .control-label { padding-left: 15px; }
div.cf .form-group.required > .control-label:before { position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 11px; content: "\f069"; color: #bc2929; margin-left: -15px; }
div.cf .form-group.required > div.checkbox-inline .control-label:after { position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 11px; content: "\f069"; color: #bc2929; margin-left: 5px; }
/*Radio box*/
div.cf input[type="radio"] + label:before{ content: "\f10c"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 5px; }
div.cf input[type="radio"]:checked + label:before{ content: "\f192"; color: #00a15e; animation: effect 250ms ease-in; }
div.cf input[type="radio"]:disabled + label{ color: #aaa; }
div.cf input[type="radio"]:checked:disabled + label:before { content: "\f192"; color: #00a15e; animation: effect 250ms ease-in; }
div.cf input[type="radio"]:disabled + label:before{ content: "\f10c"; color: #ccc!important; }
/*Radio Toggle*/
div.cf .toggle input[type="radio"] + label:before{ content: "\f204"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width: 1em; display: inline-block; margin-right: 10px; }
div.cf .toggle input[type="radio"]:checked + label:before{ content: "\f205"; color: #16a085; animation: effect 250ms ease-in; }
div.cf .toggle input[type="radio"]:disabled + label{ color: #aaa; }
div.cf .toggle input[type="radio"]:disabled + label:before{ content: "\f204"; color: #ccc; }
/*Intl Tel Input*/
.iti { font-size:14px; line-height:normal; display:block!important; }
.iti__country-list { font-size:14px!important; margin: 0!important; padding-left:0!important; }
.iti__country { margin-top:0!important; }
.iti__country:before { display:none!important; }
div.cf .iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] { padding-right: 6px; padding-left: 52px; margin-left: 0;}
/*
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] { padding-left:6px!important; padding-right:54px!important; }
*/
@media only screen and (min-width : 480px) {
div.cf.formation div.formations-list div.formation { flex: 0 0 calc(50% - 20px); margin-left: 10px; margin-right: 10px; }
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc a { padding:8px 15px 6px; color:#fff; font-weight: 900;}
/* div.cf.webinaire div.webinaires-list div.webinaire { flex: 0 0 calc(50% - 20px); margin-left: 10px; margin-right: 10px; } */
}
@media only screen and (min-width : 576px) {
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-img { display: block; }
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc { margin: 25px 0 25px -100px; }
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes { text-align: left; }
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes .checkbox-inline { margin: 0; }
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes .checkbox-inline + .checkbox-inline { margin-left: 30px; }
}
@media only screen and (min-width : 768px) {
div.cf.formation div.formations-list div.formation { flex: 0 0 calc(33.33333333% - 20px); }
/* div.cf.webinaire div.webinaires-list div.webinaire { flex: 0 0 calc(33.33333333% - 20px); } */
div.cf.profile div.history-bt { text-align: right;}
div.cf.profile div.print-bt { text-align: right;}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc { margin-left: -75px; }
div.cf.webinaire div.pagination p { text-align: left;}
div.cf.webinaire div.pagination .dataTables_paginate { text-align: right; }
}
@media only screen and (min-width : 992px) {
div.cf.intranet-inscription h2 span.smaller { font-size: 18px; line-height: 20px;}
div.cf.foire-emploi div.tonik-youtube-gallery h2 { margin: 40px 0 10px 0; }
}
@media only screen and (min-width : 1200px) {
div.cf.intranet-inscription h2 span.smaller { font-size: 20px; line-height: 22px;}
}
@media only screen and (min-width: 1600px) {
div.cf.intranet-inscription h2 span.smaller { font-size: 22px; line-height: 24px;}
div.cf.webinaire div.search-filters #frmFilterWebinaires { width: 100%; }
div.cf.webinaire div.search-filters #frmFilterWebinaires>div { display: flex; justify-content: space-between; align-items:center; }
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes { text-align: right; }
}
@media print {
html { height: auto!important;}
body { height: auto!important;}
div#ccm-toolbar { display: none;}
div#ccm-account-menu-container { display: none;}
div.ccm-page { padding-top: 0!important; display: block!important;}
div.ccm-page header div.header-fixable { position: relative; top:auto!important;}
div.ccm-page header div.header-fixable div.logo-wrapper { text-align: center;}
div.ccm-page header div.header-fixable div.logo-wrapper img { display: inline-block;}
a[href]:after { content: none; }
div.ccm-page div.sub { padding:0; overflow: initial!important;}
div.cf.intranet-inscription div.immigrant-info-wrapper { padding:0;}
div.cf.intranet-inscription div.immigrant-full-info div.tab-content { padding-top: 0;}
div.user-profile ul.nav.nav-pills { display: none;}
.tab-content > .tab-pane {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
}
a.cke_button, a.cke_combo_button {
transition: none !important;
}
@keyframes effect{
0%{transform: scale(0);}
25%{transform: scale(1.3);}
75%{transform: scale(1.4);}
100%{transform: scale(1);}
}
/***
JS dataTable
***/
#results_wrapper > .row > .col-sm-12 {
max-width: 100%!important;
overflow-x: scroll;
}
#results_wrapper .table.dataTable {
width: 100%!important;
}
#results_wrapper #custom_filter_toggle {
display: block;
margin: auto;
}
#results_wrapper #custom_filter_reset,
#results_wrapper #custom_form_submit_btn {
display: block;
margin-left: auto;
margin-right: 0;
}
#results_wrapper #custom_filter {
max-height: 0;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
#results_wrapper #custom_filter.show {
max-height: 500px;
transition: max-height 0.25s ease-in;
}
#results_wrapper #custom_filter > .row {
margin-bottom: 15px;
}
#results_wrapper #custom_filter select,
#results_wrapper #custom_form_row select,
#results_wrapper #custom_filter input,
#results_wrapper #custom_form_row input {
width: 100%;
max-width: 100%;
}
#results_wrapper #custom_filter .custom_filter_date_range {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
#results_wrapper #custom_filter .custom_filter_date_range > div {
display: flex;
flex-wrap: nowrap;
flex-grow: 1;
align-items: center;
background-color: #EEE;
border-radius: 4px;
border: 1px solid rgb(204, 204, 204);
border-right: 0;
overflow: hidden;
}
#results_wrapper #custom_filter .custom_filter_date_range > div > label {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 0;
font-weight: normal;
width: 50%;
}
#results_wrapper #custom_filter .custom_filter_date_range > div > label > span {
margin: 1px 7px 0 7px;
color: #555;
font-size: 14px;
}
#results_wrapper #custom_filter .custom_filter_date_range > div > label > input {
border-top: 0;
border-bottom: 0;
border-radius: 0;
}
#frmUpdateInscription input {
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
padding: 5px 10px;
border-radius: 4px;
}
#frmUpdateInscription select {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
border-radius: 4px;
}
#frmUpdateInscription #custom_form_row_msg {
overflow: unset;
padding: 0;
}
#frmUpdateInscription #custom_form_row_msg .alert {
margin-bottom: 0;
margin-top: 15px;
padding: 5px 10px;
font-size: 14px;
}