var/cache/dev/twig/e4/e4a764f7caa4603fedf424976dcaf30c651fb28373bb781b83b44656b1586e08.php line 39

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Theme/layoutoffert.html.twig */
  16. class __TwigTemplate_1498ddfdb36651b26944e46f75e3dd0cdf71bab0bcf3e53fc01add6cc379d69a extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.             'meta' => [$this, 'block_meta'],
  31.             'title' => [$this, 'block_title'],
  32.             'stylesheets' => [$this, 'block_stylesheets'],
  33.             'body' => [$this, 'block_body'],
  34.             'srcjavascript' => [$this, 'block_srcjavascript'],
  35.             'javascript' => [$this, 'block_javascript'],
  36.         ];
  37.     }
  39.     protected function doDisplay(array $context, array $blocks = [])
  40.     {
  41.         $macros = $this->macros;
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/layoutoffert.html.twig"));
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/layoutoffert.html.twig"));
  48.         // line 1
  49.         echo "<!DOCTYPE HTML>
  50. <html class=\"windows x86 js win7up x64 is-modern-browser loaded\" lang=\"fr\" dir=\"ltr\" data-latest-firefox=\"71.0\" data-esr-versions=\"68.3.0\" data-gtm-container-id=\"GTM-MW3R8V\" data-gtm-page-id=\"Homepage\" data-stub-attribution-rate=\"1.0\">
  51. <head>
  52.   <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"/>
  53.   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>
  54.   ";
  55.         // line 6
  56.         $this->displayBlock('meta', $context, $blocks);
  57.         // line 7
  58.         echo "  <link rel=\"icon\" type=\"image/png\" sizes=\"196x196\" href=\"https://www.mozilla.org/media/img/favicons/mozilla/favicon-196x196.2af054fea211.png\"/>
  59.   <!-- For Windows Phone -->
  60.   <title>";
  61.         // line 9
  62.         $this->displayBlock('title', $context, $blocks);
  63.         echo "</title>
  64.   ";
  65.         // line 10
  66.         $this->displayBlock('stylesheets', $context, $blocks);
  67.         // line 1579
  68.         echo "</head> 
  69. <body id=\"home\" class=\"html-ltr\">
  70.   ";
  71.         // line 1581
  72.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment(Symfony\Bridge\Twig\Extension\HttpKernelExtension::controller("App\\Controller\\General\\Template\\MenuController::menubare", ["position" => "offerts"]));
  73.         echo "
  75. \t<div id=\"outer-wrapper\">
  76. \t   <main>
  77. \t\t  ";
  78.         // line 1585
  79.         $this->displayBlock('body', $context, $blocks);
  80.         // line 1588
  81.         echo "\t   </main>
  82. \t  ";
  83.         // line 1589
  84.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment(Symfony\Bridge\Twig\Extension\HttpKernelExtension::controller("App\\Controller\\General\\Template\\MenuController:footer", ["position" => "offerts"]));
  85.         echo "
  86. \t</div>
  88. <div class=\"content-alert-action-factory-user\" value=\"0\" name=\"0\" style=\"display: none;\"></div>
  90. <div class=\"panel-result-action-factory-user\" style=\"display: none; position: fixed; z-index: 90000; width: 100%; text-align: center; top: 40%;\">
  91. \t<span style=\"display: inline-block; width: 80px; height: 80px; background: transparent; text-align: center; padding-top: 25px;\">
  92. \t\t<div data-w-id=\"bdd6bb74-6a76-cc2b-93ad-7ae71601b802\" data-animation-type=\"lottie\" data-src=\"https://assets2.lottiefiles.com/datafiles/kaSuzs8QVBUsk3j/data.json\" data-loop=\"1\" data-direction=\"1\" data-autoplay=\"1\" data-is-ix2-target=\"0\" data-renderer=\"svg\" data-default-duration=\"26.2\" data-duration=\"0\" style=\"height: 100px;\"></div>
  93. \t</span>
  94. </div>
  96. <div class=\"modal fade\" data-backdrop=\"static\" id=\"open-modalSelect-reinitialize\" style=\"padding-top: 50px;\">
  97. <div class=\"modal-dialog\">
  98.     <div class=\"modal-content\">
  99. \t\t<div class=\"modal-header color-bottom\" style=\"border-bottom: 4px solid #37c0fb; display: block!important;\">
  100. \t\t\t<button type=\"button\" class=\"close custom-close-popup\" style=\"float: right!important;\">&times;</button>
  101. \t\t\t<h3 class=\"modal-title\" style=\"margin: 0px; font-size: 22px;\"> Initialisation du mot de passe</h3>
  102. \t\t</div>
  104. \t\t<div class=\"modal-body\">
  105. \t\t\t<div class=\"wait-account-verification-affiliate\" style=\"text-align: center; height: 100px; padding-top: 30px; color: #333;\">
  106. \t\t\t\tPatientez un moment pendant la vérification de votre session.</br>
  107. \t\t\t\t<img src=\"";
  108.         // line 1611
  109.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/loader1.gif"), "html", null, true);
  110.         echo "\" alt=\"image\" style=\"height: 40px; width: 40px;\">
  111. \t\t\t</div>
  113. \t\t\t<div class=\"form-coustom-reset-password\" style=\"text-align: left; display: none; margin-bottom: 30px;\">
  114. \t\t\t\t<div class=\"col-md-10 col-sm-12 col-md-offset-1\" style=\"color: #333;\">
  115. \t\t\t\t <div style=\"border-bottom: 1px solid #ddd; margin-bottom: 15px; font-size: 20px;\">Identification du compte</div>
  116. \t\t\t\t <form method=\"post\" action=\"#\" class=\"form-check-identifiant\">
  117. \t\t\t\t\t<div class=\"form-group form-group-resset\">
  118. \t\t\t\t\t\t<input type=\"text\" class=\"form-control\" placeholder=\"Rentrez l'email du compte\" required=\"\">
  119. \t\t\t\t\t</div>
  120. \t\t\t\t\t
  121. \t\t\t\t\t<div class=\"alert alert-resset alert-block alert-danger\" style=\"display:none\">
  122. \t\t\t\t\t<h4>Erreur !</h4>
  123. \t\t\t\t\tNous n'avons pu identifier un compte avec cette adresse.
  124. \t\t\t\t\t</div>
  125. \t\t\t\t\t
  126. \t\t\t\t\t<div class=\"form-group\">
  127. \t\t\t\t\t\t<button  class=\"btn btn-primary\" style=\"background: #e34520;\">Envoyer</button>
  128. \t\t\t\t\t</div>
  129. \t\t\t\t </form>
  130. \t\t\t\t</div>
  131. \t\t\t\t<div class=\"clearfix\"></div>
  132. \t\t\t</div>\t\t
  133. \t\t</div>
  134. \t\t<div class=\"modal-footer\" style=\"color: #333;\">
  135. \t\t\t";
  136.         // line 1636
  137.         $this->loadTemplate("Theme/General/Template/Menu/social.html.twig", "Theme/layoutoffert.html.twig", 1636)->display($context);
  138.         // line 1637
  139.         echo "        </div>
  140.     </div>
  141. </div>
  142. </div>
  144. <div id=\"sppmodal-container\" class=\"sppmodal-container\">
  145.   <div class=\"sppmodal-background\">
  146. \t<div class=\"silly_scrollbar\">
  147. \t<div class=\"sppmodal\">
  148. \t\t
  149. \t\t<a href=\"#!\" class=\"pull-right close-sppmodal\" style=\"position: absolute; top: 7px; right: 7px;\">
  150. \t\t\t<img src=\"";
  151.         // line 1648
  152.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/close.svg"), "html", null, true);
  153.         echo "\" style=\"height: 22px;\"/>
  154. \t\t</a>
  155. \t\t
  156. \t\t<div class=\"wait-account-verification\" style=\"padding-top: 2px; margin-top: -3px; margin-right: -1px; margin-left: -1px;\">
  157. \t\t\t<img src=\"";
  158.         // line 1652
  159.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/user-bg.jpg"), "html", null, true);
  160.         echo "\" alt=\"image\" style=\"width: 100%; border-radius: 5px 5px 0px 0px;\">
  161. \t\t\t
  162. \t\t\t<div class=\"text-center\" style=\"margin-top: 60px;\">
  163. \t\t\t\t<img src=\"";
  164.         // line 1655
  165.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/loader1.gif"), "html", null, true);
  166.         echo "\" alt=\"image\" style=\"height: 30px; width: 40px;\">
  167. \t\t\t\t
  168. \t\t\t\t<div>Chargement en cours ...</div>
  169. \t\t\t</div>
  170. \t\t</div>
  171. \t\t
  172. \t\t<div class=\"sppmodal-content\"></div>
  173. \t\t
  174. \t\t<div style=\"position: absolute; bottom: 0px; width: 100%; padding: 15px 10px; border-top: 1px solid #ddd; background: #f7f7f7;\">
  175. \t\t\t";
  176.         // line 1664
  177.         $this->loadTemplate("Theme/General/Template/Menu/social.html.twig", "Theme/layoutoffert.html.twig", 1664)->display($context);
  178.         // line 1665
  179.         echo "\t\t</div>
  180. \t</div>
  181. \t</div>
  182.   </div>
  183. </div>
  185. <!--[if !IE]><!-->
  186. <script type=\"text/javascript\" src=\"";
  187.         // line 1672
  188.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/js/common-protocol.e63d930b4412.js"), "html", null, true);
  189.         echo "\" charset=\"utf-8\"></script>
  190. <!--<![endif]-->
  191. <script type=\"text/javascript\" src=\"";
  192.         // line 1674
  193.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/js/stub-attribution.bf7c7a8615d5.js"), "html", null, true);
  194.         echo "\" charset=\"utf-8\"></script>
  195. <!--[if !IE]><!-->
  196. <script type=\"text/javascript\" src=\"";
  197.         // line 1676
  198.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/js/home.c5483f81f59a.js"), "html", null, true);
  199.         echo "\" charset=\"utf-8\"></script>
  200. <!--===============================================================================================-->
  201. <script src=\"";
  202.         // line 1678
  203.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/login/vendor/bootstrap/js/popper.js"), "html", null, true);
  204.         echo "\"></script>
  205. <script src=\"";
  206.         // line 1679
  207.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/login/vendor/bootstrap/js/bootstrap.min.js"), "html", null, true);
  208.         echo "\"></script>
  209. <!--===============================================================================================-->
  211. ";
  212.         // line 1682
  213.         $this->displayBlock('srcjavascript', $context, $blocks);
  214.         // line 1685
  215.         echo "
  216. <script type=\"text/javascript\">
  217. \$(function(){
  218. \t\$('.open-spp-modal').click(function(){
  219. \t  \$('.sppmodal-content').hide();
  220. \t  \$('.wait-account-verification').show();
  221. \t  \$('#sppmodal-container').removeClass('out').addClass('one');
  222. \t  \$('body').addClass('sppmodal-active');
  223. \t  
  224. \t  \$.post('";
  225.         // line 1694
  226.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_ajouter_product_panier", ["position" => "duree"]);
  227.         echo "',function(data){
  228. \t\t  if(data != 0)
  229. \t\t  {
  230. \t\t\t  \$('.wait-account-verification').hide();
  231. \t\t\t  \$('.sppmodal-content').show();
  232. \t\t\t  \$('.sppmodal-content').html(data);
  233. \t\t  }else{
  234. \t\t\t  resetNotif();
  235. \t\t\t  alertify.alert(\"Echec, Une erreur a été rencontrée. Essayez à nouveau !\");
  236. \t\t\t  
  237. \t\t\t  \$('#sppmodal-container').addClass('out');
  238. \t\t\t  \$('body').removeClass('sppmodal-active');
  239. \t\t  }
  240. \t    });
  241. \t})
  242. \t\t
  243. \t\$('.close-sppmodal').click(function(){
  244. \t\tresetNotif();
  245. \t\talertify.confirm(\"Êtes-vous certain de vouloir annuler cette opération ?\", function (e) {
  246. \t\t\tif(e){
  247. \t\t\t\t\$('#sppmodal-container').addClass('out');
  248. \t\t\t\t\$('body').removeClass('sppmodal-active');
  249. \t\t\t} else {
  250. \t\t\t\talertify.success(\"Opération annulée avec succès !\");
  251. \t\t\t}
  252. \t\t});
  253. \t});
  255. \t";
  256.         // line 1722
  257.         $this->displayBlock('javascript', $context, $blocks);
  258.         // line 1725
  259.         echo "});
  260. </script>
  262. </body>
  263. </html>";
  264.         
  265.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  267.         
  268.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  270.     }
  272.     // line 6
  273.     public function block_meta($context, array $blocks = [])
  274.     {
  275.         $macros = $this->macros;
  276.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  277.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  279.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  280.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  282.         echo " ";
  283.         
  284.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  286.         
  287.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  289.     }
  291.     // line 9
  292.     public function block_title($context, array $blocks = [])
  293.     {
  294.         $macros = $this->macros;
  295.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  296.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  298.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  299.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  301.         echo twig_escape_filter($this->env, (isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 9, $this->source); })()), "html", null, true);
  302.         
  303.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  305.         
  306.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  308.     }
  310.     // line 10
  311.     public function block_stylesheets($context, array $blocks = [])
  312.     {
  313.         $macros = $this->macros;
  314.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  315.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  317.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  318.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  320.         // line 11
  321.         echo "  
  322. \t<script type=\"text/javascript\" src=\"";
  323.         // line 12
  324.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/js/site.133e404d326d.js"), "html", null, true);
  325.         echo "\" charset=\"utf-8\"></script>
  326. \t<script src=\"";
  327.         // line 13
  328.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/js/jquery-3.4.1.min.js"), "html", null, true);
  329.         echo "\"></script>
  330. \t<script src=\"https://assets.website-files.com/5d76680dc57fa0f42dcfe0c5/js/lottieflow.b96c071c3.js\" type=\"text/javascript\"></script>
  331. \t<link rel=\"icon\" type=\"image/png\" sizes=\"196x196\" href=\"https://www.mozilla.org/media/img/favicons/mozilla/favicon-196x196.2af054fea211.png\"/>
  333. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"";
  334.         // line 17
  335.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/css/fontsaps.css"), "html", null, true);
  336.         echo "\" />
  337. \t<link href=\"";
  338.         // line 18
  339.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/css/bootstrap.min.css"), "html", null, true);
  340.         echo "\" rel=\"stylesheet\"/>
  341. \t<link href=\"";
  342.         // line 19
  343.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/css/font-awesome.min.css"), "html", null, true);
  344.         echo "\" rel=\"stylesheet\"/>
  345. \t<link href=\"";
  346.         // line 20
  347.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/css/protocol-core.f0fd276209f6.css"), "html", null, true);
  348.         echo "\" rel=\"stylesheet\" type=\"text/css\"/>
  349. \t<link href=\"";
  350.         // line 21
  351.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/css/home-2018.1f2e7180ad73.css"), "html", null, true);
  352.         echo "\" rel=\"stylesheet\" type=\"text/css\"/>
  353. \t<!--===============================================================================================-->
  354. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"";
  355.         // line 23
  356.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/login/vendor/bootstrap/css/bootstrap.min.css"), "html", null, true);
  357.         echo "\"/>
  358. \t<style>
  359. \t\t.my-fixed-nav{
  360. \t\t\tposition: fixed!important; top: 0px!important; z-index: 100; width: 100%!important;
  361. \t\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  362. \t\t}
  363. \t\t.lightblue-fullback{background-color:#f7f9fc;border-top:1px solid #d9e1ed;border-bottom:1px solid #d9e1ed}
  364. \t\t.minicallout span{padding:20px 0}
  365. \t\t.minicallout span{display:block;margin:0 auto;padding:50px 0 50px 0;text-align:center}.minicallout span img{padding-right:10px}
  366. \t\t
  367. \t\t.c-navigation-breadcrumbs__directory {
  368. \t\t  display: flex;
  369. \t\t}
  370. \t\t.c-navigation-breadcrumbs__link:link {
  371. \t\t  color: #007c89;
  372. \t\t}
  373. \t\t.c-navigation-breadcrumbs__link:link:hover {
  374. \t\t  background-image: linear-gradient(currentColor, currentColor);
  375. \t\t  background-size: auto 1px;
  376. \t\t  background-repeat: repeat-x;
  377. \t\t  background-position: 0 calc(50% + 1ex);
  378. \t\t}
  379. \t\t@media (max-width: 500px) {
  380. \t\t  .c-navigation-breadcrumbs__item:not(:nth-last-child(2)) {
  381. \t\t\tdisplay: none;
  382. \t\t  }
  383. \t\t  .c-navigation-breadcrumbs__link:before {
  384. \t\t\tdisplay: inline-block;
  385. \t\t\tcontent: '\\200b';
  386. \t\t\tbackground: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007c89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E\") center/16px 16px no-repeat;
  387. \t\t\twidth: 16px;
  388. \t\t  }
  389. \t\t}
  390. \t\t@media (min-width: 501px) {
  391. \t\t  .c-navigation-breadcrumbs__item:nth-last-child(n+2):after {
  392. \t\t\tdisplay: inline-block;
  393. \t\t\tcontent: '\\200b';
  394. \t\t\tbackground: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E\") center/16px 16px no-repeat;
  395. \t\t\twidth: 16px;
  396. \t\t\tmargin: 0 8px;
  397. \t\t  }
  398. \t\t  .c-navigation-breadcrumbs__link {
  399. \t\t\tdisplay: block;
  400. \t\t\tfloat: left;
  401. \t\t  }
  402. \t\t}
  405. \t\t.breadcrumbs {
  406. \t\t  list-style: none;
  407. \t\t  margin: 0px 0px 16px 0px;
  408. \t\t  padding: 0;
  409. \t\t}
  411. \t\t.breadcrumbs li {
  412. \t\t  list-style: none;
  413. \t\t  margin: 0;
  414. \t\t  padding: 0;
  415. \t\t  display: block;
  416. \t\t  float: left;
  417. \t\t  font-family: Montserrat,sans-serif;
  418. \t\t  text-transform: capitalize;
  419. \t\t  font-weight: 700;
  420. \t\t  letter-spacing: .05em;
  421. \t\t  line-height: 20px;
  422. \t\t  color: hsl(0, 0%, 30%);
  423. \t\t}
  425. \t\t.breadcrumbs li a {
  426. \t\t  display: block;
  427. \t\t  padding: 0 40px 0 0px;
  428. \t\t  color: hsl(0, 0%, 30%);
  429. \t\t  text-decoration: none;
  430. \t\t  height: 20px;
  431. \t\t  position: relative;
  432. \t\t  perspective: 700px;
  433. \t\t}
  435. \t\t.breadcrumbs li a:after {
  436. \t\t  content: '';
  437. \t\t  width: 20px;
  438. \t\t  height: 20px;
  439. \t\t  border-color: #333;
  440. \t\t  border-style: solid;
  441. \t\t  border-width: 1px 1px 0 0;
  442. \t\t  
  443. \t\t  -webkit-backface-visibility: hidden;
  444. \t\t  outline: 1px solid transparent;
  445. \t\t  
  446. \t\t  position: absolute;
  447. \t\t  right: 20px;
  448. \t\t  -webkit-transition: all .15s ease;
  449. \t\t\t -moz-transition: all .15s ease;
  450. \t\t\t  -ms-transition: all .15s ease;
  451. \t\t\t\t  transition: all .15s ease;
  452. \t\t  -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
  453. \t\t\t -moz-transform: rotateZ(45deg) skew(10deg, 10deg);
  454. \t\t\t  -ms-transform: rotateZ(45deg) skew(10deg, 10deg);
  455. \t\t\t\t  transform: rotateZ(45deg) skew(10deg, 10deg);
  456. \t\t}
  458. \t\t.breadcrumbs li a:hover:after {
  459. \t\t  right: 15px;
  460. \t\t  -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
  461. \t\t\t -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
  462. \t\t\t  -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
  463. \t\t\t\t  transform: rotateZ(45deg) skew(-10deg, -10deg);
  464. \t\t}
  465. \t\t.list-group-item:hover{
  466. \t\t\tbackground: #f2f2f2;
  467. \t\t\tcursor: pointer;
  468. \t\t}
  469. \t\t
  470. \t.my-svg {
  471. \t  position: absolute;
  472. \t}
  473. \t.demo {
  474. \t  height: 150px;
  475. \t  background: rgba(0,0,0,0.1);
  476. \t  margin-bottom: 20px;
  477. \t}
  478. \t.demo__buttons {
  479. \t  position: absolute;
  480. \t  top: 50%;
  481. \t  left: 50%;
  482. \t  width: 200px;
  483. \t  height: 200px;
  484. \t  -webkit-transform: translate(-100px, -100px);
  485. \t\t\t  transform: translate(-100px, -100px);
  486. \t  -webkit-filter: url(\"#goo\");
  487. \t\t\t  filter: url(\"#goo\");
  488. \t}
  489. \t.demo__buttons.step-0 .demo__social-btn-1, .demo__buttons.step-0 .demo__social-btn-2, .demo__buttons.step-0 .demo__social-btn-3, .demo__buttons.step-0 .demo__social-btn-4 {
  490. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  491. \t\t\t  transform: translate3d(-50px, -50px, 0);
  492. \t}
  493. \t.demo__buttons.step-1 .demo__social-btn-1 {
  494. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  495. \t\t\t  transform: translate3d(-50px, -50px, 0);
  496. \t}
  497. \t.demo__buttons.step-1 .demo__social-btn-2, .demo__buttons.step-1 .demo__social-btn-3, .demo__buttons.step-1 .demo__social-btn-4 {
  498. \t  -webkit-transform: translate3d(-50px, 50px, 0);
  499. \t\t\t  transform: translate3d(-50px, 50px, 0);
  500. \t}
  501. \t.demo__buttons.step-2 .demo__social-btn-1 {
  502. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  503. \t\t\t  transform: translate3d(-50px, -50px, 0);
  504. \t}
  505. \t.demo__buttons.step-2 .demo__social-btn-2 {
  506. \t  -webkit-transform: translate3d(-50px, 50px, 0);
  507. \t\t\t  transform: translate3d(-50px, 50px, 0);
  508. \t}
  509. \t.demo__buttons.step-2 .demo__social-btn-3, .demo__buttons.step-2 .demo__social-btn-4 {
  510. \t  -webkit-transform: translate3d(50px, 50px, 0);
  511. \t\t\t  transform: translate3d(50px, 50px, 0);
  512. \t}
  513. \t.demo__buttons.step-3 .demo__social-btn-1 {
  514. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  515. \t\t\t  transform: translate3d(-50px, -50px, 0);
  516. \t}
  517. \t.demo__buttons.step-3 .demo__social-btn-2 {
  518. \t  -webkit-transform: translate3d(-50px, 50px, 0);
  519. \t\t\t  transform: translate3d(-50px, 50px, 0);
  520. \t}
  521. \t.demo__buttons.step-3 .demo__social-btn-3 {
  522. \t  -webkit-transform: translate3d(50px, 50px, 0);
  523. \t\t\t  transform: translate3d(50px, 50px, 0);
  524. \t}
  525. \t.demo__buttons.step-3 .demo__social-btn-4 {
  526. \t  -webkit-transform: translate3d(50px, -50px, 0);
  527. \t\t\t  transform: translate3d(50px, -50px, 0);
  528. \t}
  529. \t.demo__social-btn {
  530. \t  position: absolute;
  531. \t  left: 65px;
  532. \t  top: 65px;
  533. \t  width: 70px;
  534. \t  height: 70px;
  535. \t  text-align: center;
  536. \t  line-height: 70px;
  537. \t  font-size: 30px;
  538. \t  background: white;
  539. \t  color: #261758;
  540. \t  border-radius: 50%;
  541. \t  cursor: pointer;
  542. \t  transition: all 0.2s ease;
  543. \t  z-index: 1000;
  544. \t}
  545. \t.demo__social-btn:hover {
  546. \t  color: #106279;
  547. \t  box-shadow: 0 0 15px white;
  548. \t}
  549. \t.demo__open-btn {
  550. \t  position: absolute;
  551. \t  left: 65px;
  552. \t  top: 65px;
  553. \t  width: 70px;
  554. \t  height: 70px;
  555. \t  text-align: center;
  556. \t  line-height: 70px;
  557. \t  font-weight: 700;
  558. \t  font-size: 30px;
  559. \t  font-family: sans-serif;
  560. \t  background: white;
  561. \t  color: #261758;
  562. \t  border-radius: 50%;
  563. \t  cursor: pointer;
  564. \t  transition: all 0.2s ease;
  565. \t  z-index: 1001;
  566. \t}
  567. \t.demo__open-btn:hover {
  568. \t  color: #106279;
  569. \t  box-shadow: 0 0 15px white;
  570. \t}
  571. \t
  572. \t
  573. \t/*
  574. \t---------------------------------------------
  575. \tStart Modal SPP
  576. \t-------------------------------------------------
  577. \t*/
  578. \t/*
  579. \thtml.sppmodal-active, body.sppmodal-active {
  580. \t  overflow: hidden;
  581. \t}
  582. \t*/
  583. \t.sppmodal-container {
  584. \t  position: fixed;  /*Mettre à fixed si la classe sppmodal-active est appliqué à l'élément body*/
  585. \t  display: table;
  586. \t  height:100%;
  587. \t  width: 100%;
  588. \t  top: 0;
  589. \t  left: 0;
  590. \t  transform: scale(0);
  591. \t  z-index: 1000;
  592. \t}
  593. \t.sppmodal-container.one {
  594. \t  transform: scaleY(0.01) scaleX(0);
  595. \t  animation: unfoldIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  596. \t}
  597. \t.sppmodal-container.one .sppmodal-background .sppmodal {
  598. \t  transform: scale(0);
  599. \t  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  600. \t}
  601. \t.sppmodal-container.one.out {
  602. \t  transform: scale(1);
  603. \t  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  604. \t}
  605. \t.sppmodal-container.one.out .sppmodal-background .sppmodal {
  606. \t  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  607. \t}
  609. \t.sppmodal-container .sppmodal-background{
  610. \t  display: table-cell;
  611. \t  background: rgba(247, 248, 251,0.8)!important;
  612. \t  text-align: center;
  613. \t  vertical-align: middle;
  614. \t}
  615. \t.sppmodal-container .sppmodal-background .sppmodal {
  616. \t\tpadding: 0px 0px 55px 0px;
  617. \t\tdisplay: inline-block;
  618. \t\tposition: relative;
  619. \t\tmin-height: 300px;
  620. \t\twidth: 500px;
  621. \t\tfont-family: Arial;
  622. \t\tfont-size: 13px;
  623. \t\tfont-weight: 400;
  624. \t\ttext-align: center;
  625. \t\tline-height: 18px;
  626. \t\tcolor:  #333;
  627. \t\tbackground-color: #FFFFFF;
  628. \t\tbackground-repeat: repeat;
  629. \t\tbackground-position: left top;
  630. \t\tborder: 1px solid  #F1F3F9;
  631. \t\tborder-radius: 4px;
  632. \t\tbox-shadow: 0px 2px 5px 1px #999999;
  633. \t}
  635. \t.sppmodal-container .sppmodal-background .sppmodal h2 {
  636. \t  font-size: 25px;
  637. \t  line-height: 25px;
  638. \t  margin-bottom: 15px;
  639. \t}
  640. \t.sppmodal-container .sppmodal-background .sppmodal p {
  641. \t  font-size: 18px;
  642. \t  line-height: 22px;
  643. \t}
  644. \t.sppmodal-container .sppmodal-background .sppmodal .sppmodal-svg {
  645. \t  position: absolute;
  646. \t  top: 0;
  647. \t  left: 0;
  648. \t  height: 100%;
  649. \t  width: 100%;
  650. \t  border-radius: 3px;
  651. \t}
  652. \t.sppmodal-container .sppmodal-background .sppmodal .sppmodal-svg rect {
  653. \t  stroke: #fff;
  654. \t  stroke-width: 2px;
  655. \t  stroke-dasharray: 778;
  656. \t  stroke-dashoffset: 778;
  657. \t}
  659. \t@keyframes unfoldIn {
  660. \t  0% {
  661. \t\ttransform: scaleY(0.005) scaleX(0);
  662. \t  }
  663. \t  50% {
  664. \t\ttransform: scaleY(0.005) scaleX(1);
  665. \t  }
  666. \t  100% {
  667. \t\ttransform: scaleY(1) scaleX(1);
  668. \t  }
  669. \t}
  670. \t@keyframes unfoldOut {
  671. \t  0% {
  672. \t\ttransform: scaleY(1) scaleX(1);
  673. \t  }
  674. \t  50% {
  675. \t\ttransform: scaleY(0.005) scaleX(1);
  676. \t  }
  677. \t  100% {
  678. \t\ttransform: scaleY(0.005) scaleX(0);
  679. \t  }
  680. \t}
  681. \t@keyframes zoomIn {
  682. \t  0% {
  683. \t\ttransform: scale(0);
  684. \t  }
  685. \t  100% {
  686. \t\ttransform: scale(1);
  687. \t  }
  688. \t}
  689. \t@keyframes zoomOut {
  690. \t  0% {
  691. \t\ttransform: scale(1);
  692. \t  }
  693. \t  100% {
  694. \t\ttransform: scale(0);
  695. \t  }
  696. \t}
  698. \t/*
  699. \t--------------------------------------
  700. \tEnd Modal SPP
  701. \t--------------------------------------
  702. \t*/
  705. \t.silly_scrollbar {
  706. \t\theight:750px;
  707. \t\t-webkit-box-sizing: border-box;
  708. \t\tpadding:0 14px;
  709. \t\toverflow:auto;
  710. \t\tpaddin-top: 15px;
  711. \t}
  713. \t.silly_scrollbar::-webkit-scrollbar {
  714. \t\twidth: 12px;
  715. \t}
  716. \t 
  717. \t.silly_scrollbar::-webkit-scrollbar-track {
  718. \t\t-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  719. \t\tborder-radius: 10px;
  720. \t}
  721. \t 
  722. \t.silly_scrollbar::-webkit-scrollbar-thumb {
  723. \t\tborder-radius: 10px;
  724. \t\t-webkit-box-shadow: inset 0 0 6px red; 
  725. \t}
  727. \t.silly_scrollbar::-webkit-scrollbar-thumb:hover {
  728. \t\t-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
  729. \t}
  731. \t.list-group-item {
  732. \t  user-select: none;
  733. \t}
  735. \t.list-group input[type=\"checkbox\"] {
  736. \t  display: none;
  737. \t}
  739. \t.list-group input[type=\"checkbox\"] + .list-group-item {
  740. \t  cursor: pointer;
  741. \t}
  743. \t.list-group input[type=\"checkbox\"] + .list-group-item:before {
  744. \t  content: \"\\2713\";
  745. \t  color: transparent;
  746. \t  font-weight: bold;
  747. \t  margin-right: 1em;
  748. \t}
  750. \t.list-group input[type=\"checkbox\"]:checked + .list-group-item {
  751. \t  background-color: #0275D8;
  752. \t  color: #FFF;
  753. \t}
  755. \t.list-group input[type=\"checkbox\"]:checked + .list-group-item:before {
  756. \t  color: inherit;
  757. \t}
  759. \t.list-group input[type=\"radio\"] {
  760. \t  display: none;
  761. \t}
  763. \t.list-group input[type=\"radio\"] + .list-group-item {
  764. \t  cursor: pointer;
  765. \t}
  767. \t.list-group input[type=\"radio\"] + .list-group-item:before {
  768. \t  content: \"\\f096\";
  769. \t  color: transparent;
  770. \t  font-weight: bold;
  771. \t  margin-right: 1em;
  772. \t  color: #333;
  773. \t  font-size: 25px!important;
  774. \t  font-weight: bold!important;
  775. \t  margin-top: 5px;
  776. \t}
  778. \t.list-group input[type=\"radio\"]:checked + .list-group-item:before {
  779. \t  content: \"\\2713\";
  780. \t  color: transparent;
  781. \t  font-weight: bold;
  782. \t  margin-right: 1em;
  783. \t  font-size: 16px!important;
  784. \t}
  786. \t.list-group input[type=\"radio\"]:checked + .list-group-item {
  787. \t  background-color: #0275D8;
  788. \t  color: #FFF;
  789. \t}
  791. \t.list-group input[type=\"radio\"]:checked + .list-group-item:before {
  792. \t  color: inherit;
  793. \t}
  796. \t.progressbar {
  797. \t  counter-reset: step;
  798. \t}
  799. \t.progressbar li {
  800. \t  list-style: none;
  801. \t  display: inline-block;
  802. \t  width: 30.33%;
  803. \t  position: relative;
  804. \t  text-align: center;
  805. \t  cursor: pointer;
  806. \t}
  807. \t.progressbar li:before {
  808. \t  content: counter(step);
  809. \t  counter-increment: step;
  810. \t  width: 30px;
  811. \t  height: 30px;
  812. \t  line-height : 30px;
  813. \t  border: 1px solid #ddd;
  814. \t  border-radius: 100%;
  815. \t  display: block;
  816. \t  text-align: center;
  817. \t  margin: 0 auto 0px auto;
  818. \t  background-color: #fff;
  819. \t  position: relative;
  820. \t  z-index: 1;
  821. \t}
  822. \t.progressbar li:after {
  823. \t  content: \"\";
  824. \t  position: absolute;
  825. \t  width: 100%;
  826. \t  height: 1px;
  827. \t  background-color: #ddd;
  828. \t  top: 15px;
  829. \t  left: -50%;
  830. \t  z-index : 0;
  831. \t}
  832. \t.progressbar li:first-child:after {
  833. \t  content: none;
  834. \t}
  835. \t.progressbar li.active {
  836. \t  color: green;
  837. \t  font-weight: bold;
  838. \t}
  839. \t.progressbar li.active:before {
  840. \t  border-color: green;
  841. \t} 
  842. \t.progressbar li.active + li:after {
  843. \t  background-color: green;
  844. \t}
  846. \t.disabled-btn{
  847. \t\tcursor: not-allowed;
  848. \t\ttext-decoration: none;
  849. \t\ttext-align: center;
  850. \t\tbackground: #D6D9E4!important; pointer-events: none;
  851. \t}
  853. \t.header-wave {
  854. \t  position: relative;
  855. \t  min-height: 200px;
  856. \t  background: transparent;
  857. \t  background-image: linear-gradient(155deg, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%);
  858. \t}
  860. \t.header-wave h1 {
  861. \t  color: white;
  862. \t}
  864. \t.svg-wave {
  865. \t  position: absolute;
  866. \t  bottom: 0;
  867. \t  width: 100%;
  868. \t  height: auto;
  869. \t}
  870. \t\t
  871. \t.section-wave{
  872. \t\tposition: relative;
  873. \t\tmargin: 0;
  874. \t\tpadding: 0;
  875. \t\tbackground: white;
  876. \t\twidth: 100%;
  877. \t\theight: 200px;
  878. \t}
  879. \t
  880. \t#worf{
  881. \t\tposition: absolute;
  882. \t\tbottom: 0;
  883. \t\twidth: 100%;
  884. \t}
  885. \t
  886. \t#worf path{
  887. \t  fill: url(#grad1)
  888. \t}
  890. \tsection.section-2{
  891. \t\twidth: 100%;
  892. \t\theight: 200px;
  893. \t\tbackground: linear-gradient(to right, #dffdgg 0%,#f2f2f2 100%); 
  894. \t}
  897. .popover {
  898.   position: relative;
  899.   z-index: 1;
  900.   box-sizing: border-box;
  901.   padding: 1em;
  902.   border: 1px solid #dadada;
  903.   background: #fff;
  904.   min-width: 100%;
  905. }
  907. .popover, .popover:before {
  908.   box-shadow: 0 0 2px rgba(0,0,0,0.2);  
  909. }
  911. .popover:before,
  912. .popover:after {
  913.   content: '';
  914.   display: block;
  915.   position: absolute;
  916.   width: 15px;
  917.   height: 15px;
  918.   border: 1px solid #dadada;
  919.   background: #fff;
  920.   -webkit-transform: rotate(45deg);
  921.   -moz-transform: rotate(45deg);
  922.   -ms-transform: rotate(45deg);
  923.   -o-transform: rotate(45deg);
  924.   transform: rotate(45deg);
  925. }
  927. .popover:before {
  928.   z-index: -1;
  929. }
  931. .popover.arrow-top:before,
  932. .popover.arrow-top:after {
  933.   bottom: 100%;
  934.   left: 20px;
  935.   margin-bottom: -7px; 
  936.   border-bottom: 0;
  937.   border-right: 0;
  938. }
  940. .popover.arrow-bottom:before,
  941. .popover.arrow-bottom:after {
  942.   top: 100%;
  943.   left: 20px;
  944.   margin-top: -7px; 
  945.   border-top: 0;
  946.   border-left: 0;
  947. }
  949. .popover.arrow-right:before,
  950. .popover.arrow-right:after {
  951.   top: 20px;
  952.   left: 100%;
  953.   margin-left: -7px; 
  954.   border-bottom: 0;
  955.   border-left: 0;
  956. }
  958. .popover.arrow-left:before,
  959. .popover.arrow-left:after {
  960.   top: 20px;
  961.   left: 0;
  962.   margin-left: -9px; 
  963.   border-top: 0;
  964.   border-right: 0;
  965. }
  967. .cardcode{border-radius:5px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);margin-bottom:20px}
  968. .cardcode.simple-image-cardcode{height:435px;background-size:cover!important;background-position:50%!important;position:relative;display:flex;justify-content:center;align-items:center}
  969. @media only screen and (max-width:800px){.cardcode.simple-image-cardcode{height:300px}}
  970. @media only screen and (max-width:600px){.cardcode.simple-image-cardcode{max-height:130px}.cardcode.simple-image-cardcode a h2{font-size:1.1rem!important}}
  971. .cardcode.simple-image-cardcode a{display:block;width:100%;text-decoration:none;color:#fff;z-index:4;text-align:center;height:100%;display:flex;justify-content:center;align-items:center}
  972. .cardcode.simple-image-cardcode a h2{font-size:3rem;width:80%}.cardcode.simple-image-cardcode:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);border-radius:5px}
  973. .cardcode.simple-image-cardcode.min-cardcode{width:100%;max-height:130px}.cardcode.simple-image-cardcode.min-cardcode h2{font-size:1.1rem}.cardcode.image-cardcode{width:100%;min-height:280px;position:relative;transition:all .5s;margin-bottom:50px;background-color:#fff}
  974. .cardcode.image-cardcode a.img{display:block;width:100%;text-align:center;height:150px}.cardcode.image-cardcode a.img span{display:block;margin:auto;width:95%;height:100%;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);border-radius:5px;position:relative;top:-12px;transition:all .5s;background:url(/build/images/code.7e1bde1f.jpeg);background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important}
  975. .cardcode.image-cardcode a.title{color:#0f0f0f;text-decoration:none;transition:all .5s}.cardcode.image-cardcode a.title h2{font-size:1.2rem;padding-left:15px;padding-right:15px;margin-top:15px}
  976. .cardcode.image-cardcode a.title:hover{color:#585858}.cardcode.image-cardcode .infos{padding:20px;font-size:13px;display:flex;justify-content:space-between;color:#7b7b7b;position:absolute;bottom:0;left:-4px;right:-4px}
  977. .cardcode.image-cardcode .infos a{color:#7b7b7b;text-decoration:none;transition:all .5s}.cardcode.image-cardcode .infos a:hover{color:#949494}.cardcode.image-cardcode .infos span.stats span:not(:last-child){margin-right:15px}
  978. .cardcode.image-cardcode .infos span.stats i{margin-right:5px}.cardcode.image-cardcode:hover a.img span{transform:translateY(-7px)}
  982. /*===================== Begin Dropdowncarte ======================*/
  985. .dropdowncarte {
  986.     position: relative;
  987.     box-sizing: content-box;
  988.     max-width: 100%;
  989.     height: 1em;
  990.     padding: 18px 21px;
  991.     background-color: #fff;
  992.     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  993.   }
  994.   .dropdowncarte:hover svg {
  995.     transform: scale(1.1);
  996.   }
  997.   .dropdowncarte button {
  998.     position: absolute;
  999.     width: 100%;
  1000.     height: 100%;
  1001.     top: 0;
  1002.     left: 0;
  1003.     z-index: 3;
  1004.     border: none;
  1005.     outline: none;
  1006.     background: none;
  1007.     cursor: pointer;
  1008.   }
  1009.   .dropdowncarte button:focus ~ svg {
  1010.     transform: rotate(-180deg);
  1011.   }
  1012.   .dropdowncarte .options {
  1013.     position: absolute;
  1014.     width: 100%;
  1015.     top: 0;
  1016.     left: 0;
  1017.   }
  1018.   .dropdowncarte input {
  1019.     display: none;
  1020.   }
  1021.   .dropdowncarte input:checked + label {
  1022.     display: block;
  1023.     z-index: 2;
  1024.     font-weight: 600;
  1025.     transform: none !important;
  1026.   }
  1027.   .dropdowncarte label {
  1028.     position: absolute;
  1029.     width: 100%;
  1030.     z-index: 1;
  1031.     padding: 18px 21px;
  1032.     line-height: 1;
  1033.     background-color: #549cc4;
  1034.     cursor: pointer;
  1035.     color: #fff;
  1036.     transition: background-color 0.2s, transform 0.2s ease;
  1037.   }
  1038.   .dropdowncarte label:hover {
  1039.     background-color: #d6d6d6;
  1040.   }
  1041.   .dropdowncarte button:focus + .options input:not(:checked) + label, .dropdowncarte .options label:active, .dropdowncarte .options label:active ~ label {
  1042.     transform: translateY(calc(var(--index) * 100%));
  1043.   }
  1044.   .dropdowncarte button:focus + .options input:checked + label ~ label, .dropdowncarte .options input:checked ~ label:active, .dropdowncarte .options input:checked ~ label:active ~ label {
  1045.     transform: translateY(calc((var(--index) - 1) * 100%));
  1046.   }
  1047.   .dropdowncarte svg {
  1048.     position: absolute;
  1049.     width: 21px;
  1050.     top: 25%;
  1051.     right: 14px;
  1052.     z-index: 2;
  1053.     fill: currentColor;
  1054.     transition: transform 0.1s;
  1055.   }
  1056.   .breadcrumbs-title{
  1057.     font-family: Montserrat-ExtraBold;
  1058.   }
  1059.   .cover-text h2{
  1060. \t  font-size: 25px!important;
  1061. \t  font-family: OpenSans-SemiBold!important;
  1062. \t  text-align: left;
  1063.   }
  1064.   .cover-text h4{
  1065. \t  font-size: 13px!important;
  1066. \t  font-family: OpenSans-Regular!important;
  1067. \t  text-align: left;
  1068. \t  color: green;
  1069.   }
  1070.   .position-current-user{
  1071.     background: #444a92!important;
  1072.     color: #fff!important;
  1073.   }
  1074.   .position-current-user strong{
  1075.     color: #fff;
  1076.   }
  1077.   .position-current-user .ultra-small{
  1078.     color: #ddd;
  1079.   }
  1081. /*======================End Dropdowncarte ===========================*/
  1085. #demo {
  1086.     margin: 20px auto;
  1087.     max-width: 960px;
  1088.   }
  1089.   #demo h1 {
  1090.     font-size: 2.4rem;
  1091.     line-height: 3.2rem;
  1092.     letter-spacing: 0;
  1093.     font-weight: 300;
  1094.     color: #212121;
  1095.     text-transform: inherit;
  1096.     margin-bottom: 1rem;
  1097.     text-align: center;
  1098.   }
  1099.   #demo h2 {
  1100.     font-size: 1.5rem;
  1101.     line-height: 2.8rem;
  1102.     letter-spacing: 0.01rem;
  1103.     font-weight: 400;
  1104.     color: #212121;
  1105.     text-align: center;
  1106.   }
  1107.   .shadow-z-1 {
  1108.     -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  1109.     -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  1110.     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  1111.   }
  1112.   /* -- Material Design Table style -------------- */
  1113.   .table {
  1114.     width: 100%;
  1115.     max-width: 100%;
  1116.     margin-bottom: 2rem;
  1117.     background-color: #fff;
  1118.     color: #333;
  1119.   }
  1120.   .table > thead > tr,
  1121.   .table > tbody > tr,
  1122.   .table > tfoot > tr {
  1123.     -webkit-transition: all 0.3s ease;
  1124.     -o-transition: all 0.3s ease;
  1125.     transition: all 0.3s ease;
  1126.   }
  1127.   .table > thead > tr > th,
  1128.   .table > tbody > tr > th,
  1129.   .table > tfoot > tr > th,
  1130.   .table > thead > tr > td,
  1131.   .table > tbody > tr > td,
  1132.   .table > tfoot > tr > td {
  1133.     text-align: left;
  1134.     padding: 10px;
  1135.     vertical-align: middle!important;
  1136.     vertical-align: top;
  1137.     border-top: 0;
  1138.     -webkit-transition: all 0.3s ease;
  1139.     -o-transition: all 0.3s ease;
  1140.     transition: all 0.3s ease;
  1141.   }
  1142.   .table > thead > tr > th {
  1143.     font-weight: 400;
  1144.     color: #757575;
  1145.     vertical-align: bottom;
  1146.     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  1147.   }
  1148.   .table > caption + thead > tr:first-child > th,
  1149.   .table > colgroup + thead > tr:first-child > th,
  1150.   .table > thead:first-child > tr:first-child > th,
  1151.   .table > caption + thead > tr:first-child > td,
  1152.   .table > colgroup + thead > tr:first-child > td,
  1153.   .table > thead:first-child > tr:first-child > td {
  1154.     border-top: 0;
  1155.   }
  1156.   .table > tbody + tbody {
  1157.     border-top: 1px solid rgba(0, 0, 0, 0.12);
  1158.   }
  1159.   .table .table {
  1160.     background-color: #fff;
  1161.   }
  1162.   .table .no-border {
  1163.     border: 0;
  1164.   }
  1165.   .table-condensed > thead > tr > th,
  1166.   .table-condensed > tbody > tr > th,
  1167.   .table-condensed > tfoot > tr > th,
  1168.   .table-condensed > thead > tr > td,
  1169.   .table-condensed > tbody > tr > td,
  1170.   .table-condensed > tfoot > tr > td {
  1171.     padding: 0.8rem;
  1172.   }
  1173.   .table-bordered {
  1174.     border: 0;
  1175.   }
  1176.   .table-bordered > thead > tr > th,
  1177.   .table-bordered > tbody > tr > th,
  1178.   .table-bordered > tfoot > tr > th,
  1179.   .table-bordered > thead > tr > td,
  1180.   .table-bordered > tbody > tr > td,
  1181.   .table-bordered > tfoot > tr > td {
  1182.     border: 0;
  1183.     border-bottom: 1px solid #e0e0e0;
  1184.   }
  1185.   .table-bordered > thead > tr > th,
  1186.   .table-bordered > thead > tr > td {
  1187.     border-bottom-width: 2px;
  1188.   }
  1189.   .table-striped > tbody > tr:nth-child(odd) > td,
  1190.   .table-striped > tbody > tr:nth-child(odd) > th {
  1191.     background-color: #f5f5f5;
  1192.   }
  1193.   .table-hover > tbody > tr:hover > td,
  1194.   .table-hover > tbody > tr:hover > th {
  1195.     background-color: rgba(0, 0, 0, 0.12);
  1196.   }
  1197.   @media screen and (max-width: 768px) {
  1198.     .table-responsive-vertical > .table {
  1199.       margin-bottom: 0;
  1200.       background-color: transparent;
  1201.     }
  1202.     .table-responsive-vertical > .table > thead,
  1203.     .table-responsive-vertical > .table > tfoot {
  1204.       display: none;
  1205.     }
  1206.     .table-responsive-vertical > .table > tbody {
  1207.       display: block;
  1208.     }
  1209.     .table-responsive-vertical > .table > tbody > tr {
  1210.       display: block;
  1211.       border: 1px solid #e0e0e0;
  1212.       border-radius: 2px;
  1213.       margin-bottom: 1.6rem;
  1214.     }
  1215.     .table-responsive-vertical > .table > tbody > tr > td {
  1216.       background-color: #fff;
  1217.       display: block;
  1218.       vertical-align: middle;
  1219.       text-align: right;
  1220.     }
  1221.     .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
  1222.       content: attr(data-title);
  1223.       float: left;
  1224.       font-size: inherit;
  1225.       font-weight: 400;
  1226.       color: #757575;
  1227.     }
  1228.     .table-responsive-vertical.shadow-z-1 {
  1229.       -webkit-box-shadow: none;
  1230.       -moz-box-shadow: none;
  1231.       box-shadow: none;
  1232.     }
  1233.     .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
  1234.       border: none;
  1235.       -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  1236.       -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  1237.       box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  1238.     }
  1239.     .table-responsive-vertical > .table-bordered {
  1240.       border: 0;
  1241.     }
  1242.     .table-responsive-vertical > .table-bordered > tbody > tr > td {
  1243.       border: 0;
  1244.       border-bottom: 1px solid #e0e0e0;
  1245.     }
  1246.     .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
  1247.       border-bottom: 0;
  1248.     }
  1249.     .table-responsive-vertical > .table-striped > tbody > tr > td,
  1250.     .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
  1251.       background-color: #fff;
  1252.     }
  1253.     .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
  1254.       background-color: #f5f5f5;
  1255.     }
  1256.     .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  1257.     .table-responsive-vertical > .table-hover > tbody > tr:hover {
  1258.       background-color: #fff;
  1259.     }
  1260.     .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
  1261.       background-color: rgba(0, 0, 0, 0.12);
  1262.     }
  1263.   }
  1264.   .table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
  1265.   .table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  1266.     background-color: #fde0dc;
  1267.   }
  1268.   .table-hover.table-mc-red > tbody > tr:hover > td,
  1269.   .table-hover.table-mc-red > tbody > tr:hover > th {
  1270.     background-color: #f9bdbb;
  1271.   }
  1272.   @media screen and (max-width: 767px) {
  1273.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
  1274.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
  1275.       background-color: #fff;
  1276.     }
  1277.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
  1278.       background-color: #fde0dc;
  1279.     }
  1280.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
  1281.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
  1282.       background-color: #fff;
  1283.     }
  1284.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
  1285.       background-color: #f9bdbb;
  1286.     }
  1287.   }
  1288.   .table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
  1289.   .table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
  1290.     background-color: #fce4ec;
  1291.   }
  1292.   .table-hover.table-mc-pink > tbody > tr:hover > td,
  1293.   .table-hover.table-mc-pink > tbody > tr:hover > th {
  1294.     background-color: #f8bbd0;
  1295.   }
  1296.   @media screen and (max-width: 767px) {
  1297.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
  1298.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
  1299.       background-color: #fff;
  1300.     }
  1301.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
  1302.       background-color: #fce4ec;
  1303.     }
  1304.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
  1305.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
  1306.       background-color: #fff;
  1307.     }
  1308.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
  1309.       background-color: #f8bbd0;
  1310.     }
  1311.   }
  1312.   .table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
  1313.   .table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
  1314.     background-color: #f3e5f5;
  1315.   }
  1316.   .table-hover.table-mc-purple > tbody > tr:hover > td,
  1317.   .table-hover.table-mc-purple > tbody > tr:hover > th {
  1318.     background-color: #e1bee7;
  1319.   }
  1320.   @media screen and (max-width: 767px) {
  1321.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
  1322.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
  1323.       background-color: #fff;
  1324.     }
  1325.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
  1326.       background-color: #f3e5f5;
  1327.     }
  1328.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
  1329.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
  1330.       background-color: #fff;
  1331.     }
  1332.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
  1333.       background-color: #e1bee7;
  1334.     }
  1335.   }
  1336.   .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
  1337.   .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
  1338.     background-color: #ede7f6;
  1339.   }
  1340.   .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  1341.   .table-hover.table-mc-deep-purple > tbody > tr:hover > th {
  1342.     background-color: #d1c4e9;
  1343.   }
  1344.   @media screen and (max-width: 767px) {
  1345.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
  1346.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
  1347.       background-color: #fff;
  1348.     }
  1349.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
  1350.       background-color: #ede7f6;
  1351.     }
  1352.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  1353.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
  1354.       background-color: #fff;
  1355.     }
  1356.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
  1357.       background-color: #d1c4e9;
  1358.     }
  1359.   }
  1360.   .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
  1361.   .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
  1362.     background-color: #e8eaf6;
  1363.   }
  1364.   .table-hover.table-mc-indigo > tbody > tr:hover > td,
  1365.   .table-hover.table-mc-indigo > tbody > tr:hover > th {
  1366.     background-color: #c5cae9;
  1367.   }
  1368.   @media screen and (max-width: 767px) {
  1369.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
  1370.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
  1371.       background-color: #fff;
  1372.     }
  1373.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
  1374.       background-color: #e8eaf6;
  1375.     }
  1376.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
  1377.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
  1378.       background-color: #fff;
  1379.     }
  1380.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
  1381.       background-color: #c5cae9;
  1382.     }
  1383.   }
  1384.   .table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
  1385.   .table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
  1386.     background-color: #e7e9fd;
  1387.   }
  1388.   .table-hover.table-mc-blue > tbody > tr:hover > td,
  1389.   .table-hover.table-mc-blue > tbody > tr:hover > th {
  1390.     background-color: #d0d9ff;
  1391.   }
  1392.   @media screen and (max-width: 767px) {
  1393.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
  1394.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
  1395.       background-color: #fff;
  1396.     }
  1397.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
  1398.       background-color: #e7e9fd;
  1399.     }
  1400.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
  1401.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
  1402.       background-color: #fff;
  1403.     }
  1404.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
  1405.       background-color: #d0d9ff;
  1406.     }
  1407.   }
  1408.   .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
  1409.   .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  1410.     background-color: #e1f5fe;
  1411.   }
  1412.   .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  1413.   .table-hover.table-mc-light-blue > tbody > tr:hover > th {
  1414.     background-color: #b3e5fc;
  1415.   }
  1416.   @media screen and (max-width: 767px) {
  1417.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  1418.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
  1419.       background-color: #fff;
  1420.     }
  1421.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
  1422.       background-color: #e1f5fe;
  1423.     }
  1424.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  1425.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
  1426.       background-color: #fff;
  1427.     }
  1428.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
  1429.       background-color: #b3e5fc;
  1430.     }
  1431.   }
  1432.   .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
  1433.   .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
  1434.     background-color: #e0f7fa;
  1435.   }
  1436.   .table-hover.table-mc-cyan > tbody > tr:hover > td,
  1437.   .table-hover.table-mc-cyan > tbody > tr:hover > th {
  1438.     background-color: #b2ebf2;
  1439.   }
  1440.   @media screen and (max-width: 767px) {
  1441.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
  1442.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
  1443.       background-color: #fff;
  1444.     }
  1445.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
  1446.       background-color: #e0f7fa;
  1447.     }
  1448.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
  1449.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
  1450.       background-color: #fff;
  1451.     }
  1452.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
  1453.       background-color: #b2ebf2;
  1454.     }
  1455.   }
  1456.   .table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
  1457.   .table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
  1458.     background-color: #e0f2f1;
  1459.   }
  1460.   .table-hover.table-mc-teal > tbody > tr:hover > td,
  1461.   .table-hover.table-mc-teal > tbody > tr:hover > th {
  1462.     background-color: #b2dfdb;
  1463.   }
  1464.   @media screen and (max-width: 767px) {
  1465.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
  1466.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
  1467.       background-color: #fff;
  1468.     }
  1469.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
  1470.       background-color: #e0f2f1;
  1471.     }
  1472.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
  1473.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
  1474.       background-color: #fff;
  1475.     }
  1476.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
  1477.       background-color: #b2dfdb;
  1478.     }
  1479.   }
  1480.   .table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
  1481.   .table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  1482.     background-color: #d0f8ce;
  1483.   }
  1484.   .table-hover.table-mc-green > tbody > tr:hover > td,
  1485.   .table-hover.table-mc-green > tbody > tr:hover > th {
  1486.     background-color: #a3e9a4;
  1487.   }
  1488.   @media screen and (max-width: 767px) {
  1489.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
  1490.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
  1491.       background-color: #fff;
  1492.     }
  1493.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
  1494.       background-color: #d0f8ce;
  1495.     }
  1496.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
  1497.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
  1498.       background-color: #fff;
  1499.     }
  1500.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
  1501.       background-color: #a3e9a4;
  1502.     }
  1503.   }
  1504.   .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
  1505.   .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
  1506.     background-color: #f1f8e9;
  1507.   }
  1508.   .table-hover.table-mc-light-green > tbody > tr:hover > td,
  1509.   .table-hover.table-mc-light-green > tbody > tr:hover > th {
  1510.     background-color: #dcedc8;
  1511.   }
  1512.   @media screen and (max-width: 767px) {
  1513.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
  1514.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
  1515.       background-color: #fff;
  1516.     }
  1517.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
  1518.       background-color: #f1f8e9;
  1519.     }
  1520.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
  1521.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
  1522.       background-color: #fff;
  1523.     }
  1524.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
  1525.       background-color: #dcedc8;
  1526.     }
  1527.   }
  1528.   .table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
  1529.   .table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
  1530.     background-color: #f9fbe7;
  1531.   }
  1532.   .table-hover.table-mc-lime > tbody > tr:hover > td,
  1533.   .table-hover.table-mc-lime > tbody > tr:hover > th {
  1534.     background-color: #f0f4c3;
  1535.   }
  1536.   @media screen and (max-width: 767px) {
  1537.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
  1538.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
  1539.       background-color: #fff;
  1540.     }
  1541.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
  1542.       background-color: #f9fbe7;
  1543.     }
  1544.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
  1545.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
  1546.       background-color: #fff;
  1547.     }
  1548.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
  1549.       background-color: #f0f4c3;
  1550.     }
  1551.   }
  1552.   .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
  1553.   .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
  1554.     background-color: #fffde7;
  1555.   }
  1556.   .table-hover.table-mc-yellow > tbody > tr:hover > td,
  1557.   .table-hover.table-mc-yellow > tbody > tr:hover > th {
  1558.     background-color: #fff9c4;
  1559.   }
  1560.   @media screen and (max-width: 767px) {
  1561.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
  1562.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
  1563.       background-color: #fff;
  1564.     }
  1565.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
  1566.       background-color: #fffde7;
  1567.     }
  1568.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
  1569.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
  1570.       background-color: #fff;
  1571.     }
  1572.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
  1573.       background-color: #fff9c4;
  1574.     }
  1575.   }
  1576.   .table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
  1577.   .table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
  1578.     background-color: #fff8e1;
  1579.   }
  1580.   .table-hover.table-mc-amber > tbody > tr:hover > td,
  1581.   .table-hover.table-mc-amber > tbody > tr:hover > th {
  1582.     background-color: #ffecb3;
  1583.   }
  1584.   @media screen and (max-width: 767px) {
  1585.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
  1586.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
  1587.       background-color: #fff;
  1588.     }
  1589.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
  1590.       background-color: #fff8e1;
  1591.     }
  1592.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
  1593.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
  1594.       background-color: #fff;
  1595.     }
  1596.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
  1597.       background-color: #ffecb3;
  1598.     }
  1599.   }
  1600.   .table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
  1601.   .table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
  1602.     background-color: #fff3e0;
  1603.   }
  1604.   .table-hover.table-mc-orange > tbody > tr:hover > td,
  1605.   .table-hover.table-mc-orange > tbody > tr:hover > th {
  1606.     background-color: #ffe0b2;
  1607.   }
  1608.   @media screen and (max-width: 767px) {
  1609.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
  1610.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
  1611.       background-color: #fff;
  1612.     }
  1613.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
  1614.       background-color: #fff3e0;
  1615.     }
  1616.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
  1617.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
  1618.       background-color: #fff;
  1619.     }
  1620.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
  1621.       background-color: #ffe0b2;
  1622.     }
  1623.   }
  1624.   .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
  1625.   .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
  1626.     background-color: #fbe9e7;
  1627.   }
  1628.   .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  1629.   .table-hover.table-mc-deep-orange > tbody > tr:hover > th {
  1630.     background-color: #ffccbc;
  1631.   }
  1632.   @media screen and (max-width: 767px) {
  1633.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
  1634.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
  1635.       background-color: #fff;
  1636.     }
  1637.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
  1638.       background-color: #fbe9e7;
  1639.     }
  1640.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  1641.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
  1642.       background-color: #fff;
  1643.     }
  1644.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
  1645.       background-color: #ffccbc;
  1646.     }
  1647.   }
  1648.   table tr:nth-of-type(even) {
  1649.       background-color: #F1F3F9!important;
  1650.   }
  1651.   table tr{
  1652.     font-family: Muli-Regular;
  1653.     font-size: 14px;
  1654.   }
  1655.   thead th {
  1656.     font-family: Muli-Bold!important;
  1657.     font-size: 15px!important;
  1658.     color: #283346!important;
  1659.   }
  1662.   body{
  1663.   font-family: Quicksand-Regular;
  1664. }
  1666. .menu-client > ul > li a{
  1667.   padding: 1.5em 1em!important;
  1668. }
  1671. /*
  1672. --------------Begin Accordion ------
  1673. */
  1674. .boxC12{
  1675.   width: 100%;
  1676.   margin: 0 auto;
  1677.   padding: 0px;
  1678. }
  1679. .boxC12 p{
  1680. \tpadding-bottom: 0px!important;
  1681. \tmargin-bottom: 0px!important;
  1682. }
  1683. details {
  1684.   width: 100%;
  1685.   margin-bottom: 20px;
  1686. }
  1688. details>p {
  1689.   padding: 20px;
  1690. }
  1692. summary {
  1693.   cursor:pointer;
  1694.   padding: 20px;
  1695.   background-color: #e8e8e8;
  1696.   box-shadow: 0 0 5px #333;
  1697.   display: flex;
  1698.   justify-content: space-between;
  1699.   align-items: center;
  1700. }
  1702. summary::marker {
  1703.   content: \"\";
  1704. }
  1706. .plusminus {
  1707.   position: relative;
  1708.   width: 1rem;
  1709.   height: 1rem;
  1710. }
  1712. .plusminus::before {
  1713.   content: \"\";
  1714.   position: absolute;
  1715.   width: 3px;
  1716.   height: 1rem;
  1717.   background-color: #bf2d2d;
  1718.   left: 50%;
  1719.   transform: translateX(-50%);
  1720. }
  1722. .plusminus::after {
  1723.   content: \"\";
  1724.   position: absolute;
  1725.   width: 1rem;
  1726.   height: 3px;
  1727.   background-color: #bf2d2d;
  1728.   top: 50%;
  1729.   transform: translateY(-50%);
  1730. }
  1732. details[open]  .plusminus::before {
  1733.   width: 0;
  1734.   height: 0;
  1735. }
  1736. /*----------------End Accordion
  1737. */
  1740. /*============ Begin Box Article ============*/
  1741. .title-bold {
  1742.     color: #000;
  1743.     font-size: 16px;
  1744.     display: block;
  1745. }
  1747. .title-blog blogdate, .title-bold {
  1748.     border-bottom: 1px #e4e4e4 solid;
  1749.     overflow: hidden;
  1750.     text-transform: uppercase;
  1751.     font-weight: 700;
  1752.     padding-top: 5px;
  1753.     line-height: 42px;
  1754.     margin-bottom: 20px;
  1755. }
  1757. .inner-profile {
  1758.     padding-left: 20px;
  1759.     padding-right: 20px;
  1760.     overflow: hidden;
  1761.     padding-bottom: 10px;
  1762. }
  1763. .box {
  1764.     border: 1px solid #e4e4e4;
  1765.     padding: 5px;
  1766.     background: #fff;
  1767.     box-shadow: 0px 2px 5px 0px #D4D8DE;
  1768.     margin-bottom: 10px;
  1769. }
  1770. .title-bold span {
  1771.     border-bottom: 2px #289fcd solid;
  1772. }
  1773. .title-bold span, .title-bold-notline span {
  1774.     margin-left: 10px;
  1775.     padding-left: 8px;
  1776.     padding-right: 8px;
  1777.     display: block;
  1778. }
  1779. .all-forum-profile img, .inner-forum-profile img, .title-bold span {
  1780.     float: left;
  1781. }
  1782. /*============= Begin Blog Article ===================*/
  1785. *--------------------------------------------------------------
  1786. # Blog
  1787. --------------------------------------------------------------*/
  1788. .row-featured .blog{
  1789.   padding: 30px 5px!important;
  1790.   max-width: 100%!important;
  1791. }
  1792. .blog .blog-pagination {
  1793.   margin-top: 15px;
  1794.   color: #555555;
  1795.   background-color: #fff;
  1796. }
  1798. .blog .blog-pagination ul {
  1799.   display: flex;
  1800.   padding: 0;
  1801.   margin: 0;
  1802.   list-style: none;
  1803. }
  1805. .blog .blog-pagination li {
  1806.   margin: 0 5px;
  1807.   transition: 0.3s;
  1808.   border-radius: 10px;
  1809. }
  1811. .blog .blog-pagination li a {
  1812.   color: var(--color-default);
  1813.   padding: 7px 16px;
  1814.   display: flex;
  1815.   align-items: center;
  1816.   justify-content: center;
  1817. }
  1819. .blog .blog-pagination li.active,
  1820. .blog .blog-pagination li:hover {
  1821.   background: var(--color-primary);
  1822.   color: #fff;
  1823. }
  1825. .blog .blog-pagination li.active a,
  1826. .blog .blog-pagination li:hover a {
  1827.   color: var(--color-white);
  1828. }
  1831. /*--------------------------------------------------------------
  1832. # Blog Posts List
  1833. --------------------------------------------------------------*/
  1834. .blog .posts-list article {
  1835.   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  1836.   padding: 30px;
  1837.   height: 100%;
  1838.   border-radius: 10px;
  1839.   overflow: hidden;
  1840.   background-color: #fff;
  1841. }
  1842. .blog .posts-list article:hover{
  1843.   border-color: transparent;
  1844.     transform: translateY(-5px);
  1845.     box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15);
  1846.     cursor: pointer;
  1847. }
  1849. .blog .posts-list .post-img {
  1850.   max-height: 240px;
  1851.   margin: -30px -30px 15px -30px;
  1852.   overflow: hidden;
  1853. }
  1855. .blog .posts-list .post-category {
  1856.   font-size: 16px;
  1857.   color: #555555;
  1858.   margin-bottom: 10px;
  1859. }
  1861. .blog .posts-list .title {
  1862.   font-size: 22px;
  1863.   font-weight: 700;
  1864.   padding: 0;
  1865.   margin: 0 0 20px 0;
  1866. }
  1868. .blog .posts-list .title a {
  1869.   color: var(--color-default);
  1870.   transition: 0.3s;
  1871.   text-decoration: none;
  1872. }
  1874. .blog .posts-list .title a:hover {
  1875.   color: var(--color-primary);
  1876. }
  1878. .blog .posts-list .post-author-img {
  1879.   width: 50px;
  1880.   border-radius: 50%;
  1881.   margin-right: 15px;
  1882. }
  1884. .blog .posts-list .post-author-list {
  1885.   font-weight: 600;
  1886.   margin-bottom: 5px;
  1887. }
  1889. .blog .posts-list .post-date {
  1890.   font-size: 14px;
  1891.   color: #3c3c3c;
  1892.   margin-bottom: 0;
  1893. }
  1894.     </style>
  1895. \t<link rel=\"stylesheet\" href=\"";
  1896.         // line 1561
  1897.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/notify/themes/alertify.core.css"), "html", null, true);
  1898.         echo "\" />
  1899. \t<link rel=\"stylesheet\" href=\"";
  1900.         // line 1562
  1901.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/notify/themes/alertify.default.css"), "html", null, true);
  1902.         echo "\" id=\"toggleCSS\" />
  1903. \t<script src=\"";
  1904.         // line 1563
  1905.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/notify/lib/alertify.min.js"), "html", null, true);
  1906.         echo "\"></script>
  1907. \t<script>
  1908. \t\tfunction resetNotif(){
  1909. \t\t\t\$(\"#toggleCSS\").attr(\"href\", \"";
  1910.         // line 1566
  1911.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templatehome/notify/themes/alertify.default.css"), "html", null, true);
  1912.         echo "\");
  1913. \t\t\talertify.set({
  1914. \t\t\t\tlabels : {
  1915. \t\t\t\t\tok     : \"OK\",
  1916. \t\t\t\t\tcancel : \"Cancel\"
  1917. \t\t\t\t},
  1918. \t\t\t\tdelay : 5000,
  1919. \t\t\t\tbuttonReverse : false,
  1920. \t\t\t\tbuttonFocus   : \"ok\"
  1921. \t\t\t});
  1922. \t\t}
  1923. \t</script>
  1924. \t";
  1925.         
  1926.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1928.         
  1929.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1931.     }
  1933.     // line 1585
  1934.     public function block_body($context, array $blocks = [])
  1935.     {
  1936.         $macros = $this->macros;
  1937.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1938.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1940.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1941.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1943.         // line 1586
  1944.         echo "\t\t\t\t
  1945. \t\t  ";
  1946.         
  1947.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1949.         
  1950.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1952.     }
  1954.     // line 1682
  1955.     public function block_srcjavascript($context, array $blocks = [])
  1956.     {
  1957.         $macros = $this->macros;
  1958.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1959.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "srcjavascript"));
  1961.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1962.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "srcjavascript"));
  1964.         // line 1683
  1965.         echo "
  1966. ";
  1967.         
  1968.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1970.         
  1971.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1973.     }
  1975.     // line 1722
  1976.     public function block_javascript($context, array $blocks = [])
  1977.     {
  1978.         $macros = $this->macros;
  1979.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1980.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  1982.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1983.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  1985.         // line 1723
  1986.         echo "\t\t
  1987. \t";
  1988.         
  1989.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1991.         
  1992.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1994.     }
  1996.     public function getTemplateName()
  1997.     {
  1998.         return "Theme/layoutoffert.html.twig";
  1999.     }
  2001.     public function isTraitable()
  2002.     {
  2003.         return false;
  2004.     }
  2006.     public function getDebugInfo()
  2007.     {
  2008.         return array (  1986 => 1723,  1976 => 1722,  1965 => 1683,  1955 => 1682,  1944 => 1586,  1934 => 1585,  1911 => 1566,  1905 => 1563,  1901 => 1562,  1897 => 1561,  356 => 23,  351 => 21,  347 => 20,  343 => 19,  339 => 18,  335 => 17,  328 => 13,  324 => 12,  321 => 11,  311 => 10,  292 => 9,  273 => 6,  259 => 1725,  257 => 1722,  226 => 1694,  215 => 1685,  213 => 1682,  207 => 1679,  203 => 1678,  198 => 1676,  193 => 1674,  188 => 1672,  179 => 1665,  177 => 1664,  165 => 1655,  159 => 1652,  152 => 1648,  139 => 1637,  137 => 1636,  109 => 1611,  84 => 1589,  81 => 1588,  79 => 1585,  72 => 1581,  68 => 1579,  66 => 10,  62 => 9,  58 => 7,  56 => 6,  49 => 1,);
  2009.     }
  2011.     public function getSourceContext()
  2012.     {
  2013.         return new Source("<!DOCTYPE HTML>
  2014. <html class=\"windows x86 js win7up x64 is-modern-browser loaded\" lang=\"fr\" dir=\"ltr\" data-latest-firefox=\"71.0\" data-esr-versions=\"68.3.0\" data-gtm-container-id=\"GTM-MW3R8V\" data-gtm-page-id=\"Homepage\" data-stub-attribution-rate=\"1.0\">
  2015. <head>
  2016.   <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"/>
  2017.   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>
  2018.   {% block meta %} {% endblock %}
  2019.   <link rel=\"icon\" type=\"image/png\" sizes=\"196x196\" href=\"https://www.mozilla.org/media/img/favicons/mozilla/favicon-196x196.2af054fea211.png\"/>
  2020.   <!-- For Windows Phone -->
  2021.   <title>{% block title %}{{ site }}{% endblock %}</title>
  2022.   {% block stylesheets %}
  2023.   
  2024. \t<script type=\"text/javascript\" src=\"{{ asset('templatehome/js/site.133e404d326d.js') }}\" charset=\"utf-8\"></script>
  2025. \t<script src=\"{{ asset('templatehome/js/jquery-3.4.1.min.js') }}\"></script>
  2026. \t<script src=\"https://assets.website-files.com/5d76680dc57fa0f42dcfe0c5/js/lottieflow.b96c071c3.js\" type=\"text/javascript\"></script>
  2027. \t<link rel=\"icon\" type=\"image/png\" sizes=\"196x196\" href=\"https://www.mozilla.org/media/img/favicons/mozilla/favicon-196x196.2af054fea211.png\"/>
  2029. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('template/css/fontsaps.css') }}\" />
  2030. \t<link href=\"{{ asset('template/css/bootstrap.min.css') }}\" rel=\"stylesheet\"/>
  2031. \t<link href=\"{{ asset('template/css/font-awesome.min.css') }}\" rel=\"stylesheet\"/>
  2032. \t<link href=\"{{ asset('templatehome/css/protocol-core.f0fd276209f6.css') }}\" rel=\"stylesheet\" type=\"text/css\"/>
  2033. \t<link href=\"{{ asset('templatehome/css/home-2018.1f2e7180ad73.css') }}\" rel=\"stylesheet\" type=\"text/css\"/>
  2034. \t<!--===============================================================================================-->
  2035. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('template/login/vendor/bootstrap/css/bootstrap.min.css') }}\"/>
  2036. \t<style>
  2037. \t\t.my-fixed-nav{
  2038. \t\t\tposition: fixed!important; top: 0px!important; z-index: 100; width: 100%!important;
  2039. \t\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  2040. \t\t}
  2041. \t\t.lightblue-fullback{background-color:#f7f9fc;border-top:1px solid #d9e1ed;border-bottom:1px solid #d9e1ed}
  2042. \t\t.minicallout span{padding:20px 0}
  2043. \t\t.minicallout span{display:block;margin:0 auto;padding:50px 0 50px 0;text-align:center}.minicallout span img{padding-right:10px}
  2044. \t\t
  2045. \t\t.c-navigation-breadcrumbs__directory {
  2046. \t\t  display: flex;
  2047. \t\t}
  2048. \t\t.c-navigation-breadcrumbs__link:link {
  2049. \t\t  color: #007c89;
  2050. \t\t}
  2051. \t\t.c-navigation-breadcrumbs__link:link:hover {
  2052. \t\t  background-image: linear-gradient(currentColor, currentColor);
  2053. \t\t  background-size: auto 1px;
  2054. \t\t  background-repeat: repeat-x;
  2055. \t\t  background-position: 0 calc(50% + 1ex);
  2056. \t\t}
  2057. \t\t@media (max-width: 500px) {
  2058. \t\t  .c-navigation-breadcrumbs__item:not(:nth-last-child(2)) {
  2059. \t\t\tdisplay: none;
  2060. \t\t  }
  2061. \t\t  .c-navigation-breadcrumbs__link:before {
  2062. \t\t\tdisplay: inline-block;
  2063. \t\t\tcontent: '\\200b';
  2064. \t\t\tbackground: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007c89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E\") center/16px 16px no-repeat;
  2065. \t\t\twidth: 16px;
  2066. \t\t  }
  2067. \t\t}
  2068. \t\t@media (min-width: 501px) {
  2069. \t\t  .c-navigation-breadcrumbs__item:nth-last-child(n+2):after {
  2070. \t\t\tdisplay: inline-block;
  2071. \t\t\tcontent: '\\200b';
  2072. \t\t\tbackground: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E\") center/16px 16px no-repeat;
  2073. \t\t\twidth: 16px;
  2074. \t\t\tmargin: 0 8px;
  2075. \t\t  }
  2076. \t\t  .c-navigation-breadcrumbs__link {
  2077. \t\t\tdisplay: block;
  2078. \t\t\tfloat: left;
  2079. \t\t  }
  2080. \t\t}
  2083. \t\t.breadcrumbs {
  2084. \t\t  list-style: none;
  2085. \t\t  margin: 0px 0px 16px 0px;
  2086. \t\t  padding: 0;
  2087. \t\t}
  2089. \t\t.breadcrumbs li {
  2090. \t\t  list-style: none;
  2091. \t\t  margin: 0;
  2092. \t\t  padding: 0;
  2093. \t\t  display: block;
  2094. \t\t  float: left;
  2095. \t\t  font-family: Montserrat,sans-serif;
  2096. \t\t  text-transform: capitalize;
  2097. \t\t  font-weight: 700;
  2098. \t\t  letter-spacing: .05em;
  2099. \t\t  line-height: 20px;
  2100. \t\t  color: hsl(0, 0%, 30%);
  2101. \t\t}
  2103. \t\t.breadcrumbs li a {
  2104. \t\t  display: block;
  2105. \t\t  padding: 0 40px 0 0px;
  2106. \t\t  color: hsl(0, 0%, 30%);
  2107. \t\t  text-decoration: none;
  2108. \t\t  height: 20px;
  2109. \t\t  position: relative;
  2110. \t\t  perspective: 700px;
  2111. \t\t}
  2113. \t\t.breadcrumbs li a:after {
  2114. \t\t  content: '';
  2115. \t\t  width: 20px;
  2116. \t\t  height: 20px;
  2117. \t\t  border-color: #333;
  2118. \t\t  border-style: solid;
  2119. \t\t  border-width: 1px 1px 0 0;
  2120. \t\t  
  2121. \t\t  -webkit-backface-visibility: hidden;
  2122. \t\t  outline: 1px solid transparent;
  2123. \t\t  
  2124. \t\t  position: absolute;
  2125. \t\t  right: 20px;
  2126. \t\t  -webkit-transition: all .15s ease;
  2127. \t\t\t -moz-transition: all .15s ease;
  2128. \t\t\t  -ms-transition: all .15s ease;
  2129. \t\t\t\t  transition: all .15s ease;
  2130. \t\t  -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
  2131. \t\t\t -moz-transform: rotateZ(45deg) skew(10deg, 10deg);
  2132. \t\t\t  -ms-transform: rotateZ(45deg) skew(10deg, 10deg);
  2133. \t\t\t\t  transform: rotateZ(45deg) skew(10deg, 10deg);
  2134. \t\t}
  2136. \t\t.breadcrumbs li a:hover:after {
  2137. \t\t  right: 15px;
  2138. \t\t  -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
  2139. \t\t\t -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
  2140. \t\t\t  -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
  2141. \t\t\t\t  transform: rotateZ(45deg) skew(-10deg, -10deg);
  2142. \t\t}
  2143. \t\t.list-group-item:hover{
  2144. \t\t\tbackground: #f2f2f2;
  2145. \t\t\tcursor: pointer;
  2146. \t\t}
  2147. \t\t
  2148. \t.my-svg {
  2149. \t  position: absolute;
  2150. \t}
  2151. \t.demo {
  2152. \t  height: 150px;
  2153. \t  background: rgba(0,0,0,0.1);
  2154. \t  margin-bottom: 20px;
  2155. \t}
  2156. \t.demo__buttons {
  2157. \t  position: absolute;
  2158. \t  top: 50%;
  2159. \t  left: 50%;
  2160. \t  width: 200px;
  2161. \t  height: 200px;
  2162. \t  -webkit-transform: translate(-100px, -100px);
  2163. \t\t\t  transform: translate(-100px, -100px);
  2164. \t  -webkit-filter: url(\"#goo\");
  2165. \t\t\t  filter: url(\"#goo\");
  2166. \t}
  2167. \t.demo__buttons.step-0 .demo__social-btn-1, .demo__buttons.step-0 .demo__social-btn-2, .demo__buttons.step-0 .demo__social-btn-3, .demo__buttons.step-0 .demo__social-btn-4 {
  2168. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  2169. \t\t\t  transform: translate3d(-50px, -50px, 0);
  2170. \t}
  2171. \t.demo__buttons.step-1 .demo__social-btn-1 {
  2172. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  2173. \t\t\t  transform: translate3d(-50px, -50px, 0);
  2174. \t}
  2175. \t.demo__buttons.step-1 .demo__social-btn-2, .demo__buttons.step-1 .demo__social-btn-3, .demo__buttons.step-1 .demo__social-btn-4 {
  2176. \t  -webkit-transform: translate3d(-50px, 50px, 0);
  2177. \t\t\t  transform: translate3d(-50px, 50px, 0);
  2178. \t}
  2179. \t.demo__buttons.step-2 .demo__social-btn-1 {
  2180. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  2181. \t\t\t  transform: translate3d(-50px, -50px, 0);
  2182. \t}
  2183. \t.demo__buttons.step-2 .demo__social-btn-2 {
  2184. \t  -webkit-transform: translate3d(-50px, 50px, 0);
  2185. \t\t\t  transform: translate3d(-50px, 50px, 0);
  2186. \t}
  2187. \t.demo__buttons.step-2 .demo__social-btn-3, .demo__buttons.step-2 .demo__social-btn-4 {
  2188. \t  -webkit-transform: translate3d(50px, 50px, 0);
  2189. \t\t\t  transform: translate3d(50px, 50px, 0);
  2190. \t}
  2191. \t.demo__buttons.step-3 .demo__social-btn-1 {
  2192. \t  -webkit-transform: translate3d(-50px, -50px, 0);
  2193. \t\t\t  transform: translate3d(-50px, -50px, 0);
  2194. \t}
  2195. \t.demo__buttons.step-3 .demo__social-btn-2 {
  2196. \t  -webkit-transform: translate3d(-50px, 50px, 0);
  2197. \t\t\t  transform: translate3d(-50px, 50px, 0);
  2198. \t}
  2199. \t.demo__buttons.step-3 .demo__social-btn-3 {
  2200. \t  -webkit-transform: translate3d(50px, 50px, 0);
  2201. \t\t\t  transform: translate3d(50px, 50px, 0);
  2202. \t}
  2203. \t.demo__buttons.step-3 .demo__social-btn-4 {
  2204. \t  -webkit-transform: translate3d(50px, -50px, 0);
  2205. \t\t\t  transform: translate3d(50px, -50px, 0);
  2206. \t}
  2207. \t.demo__social-btn {
  2208. \t  position: absolute;
  2209. \t  left: 65px;
  2210. \t  top: 65px;
  2211. \t  width: 70px;
  2212. \t  height: 70px;
  2213. \t  text-align: center;
  2214. \t  line-height: 70px;
  2215. \t  font-size: 30px;
  2216. \t  background: white;
  2217. \t  color: #261758;
  2218. \t  border-radius: 50%;
  2219. \t  cursor: pointer;
  2220. \t  transition: all 0.2s ease;
  2221. \t  z-index: 1000;
  2222. \t}
  2223. \t.demo__social-btn:hover {
  2224. \t  color: #106279;
  2225. \t  box-shadow: 0 0 15px white;
  2226. \t}
  2227. \t.demo__open-btn {
  2228. \t  position: absolute;
  2229. \t  left: 65px;
  2230. \t  top: 65px;
  2231. \t  width: 70px;
  2232. \t  height: 70px;
  2233. \t  text-align: center;
  2234. \t  line-height: 70px;
  2235. \t  font-weight: 700;
  2236. \t  font-size: 30px;
  2237. \t  font-family: sans-serif;
  2238. \t  background: white;
  2239. \t  color: #261758;
  2240. \t  border-radius: 50%;
  2241. \t  cursor: pointer;
  2242. \t  transition: all 0.2s ease;
  2243. \t  z-index: 1001;
  2244. \t}
  2245. \t.demo__open-btn:hover {
  2246. \t  color: #106279;
  2247. \t  box-shadow: 0 0 15px white;
  2248. \t}
  2249. \t
  2250. \t
  2251. \t/*
  2252. \t---------------------------------------------
  2253. \tStart Modal SPP
  2254. \t-------------------------------------------------
  2255. \t*/
  2256. \t/*
  2257. \thtml.sppmodal-active, body.sppmodal-active {
  2258. \t  overflow: hidden;
  2259. \t}
  2260. \t*/
  2261. \t.sppmodal-container {
  2262. \t  position: fixed;  /*Mettre à fixed si la classe sppmodal-active est appliqué à l'élément body*/
  2263. \t  display: table;
  2264. \t  height:100%;
  2265. \t  width: 100%;
  2266. \t  top: 0;
  2267. \t  left: 0;
  2268. \t  transform: scale(0);
  2269. \t  z-index: 1000;
  2270. \t}
  2271. \t.sppmodal-container.one {
  2272. \t  transform: scaleY(0.01) scaleX(0);
  2273. \t  animation: unfoldIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  2274. \t}
  2275. \t.sppmodal-container.one .sppmodal-background .sppmodal {
  2276. \t  transform: scale(0);
  2277. \t  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  2278. \t}
  2279. \t.sppmodal-container.one.out {
  2280. \t  transform: scale(1);
  2281. \t  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  2282. \t}
  2283. \t.sppmodal-container.one.out .sppmodal-background .sppmodal {
  2284. \t  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  2285. \t}
  2287. \t.sppmodal-container .sppmodal-background{
  2288. \t  display: table-cell;
  2289. \t  background: rgba(247, 248, 251,0.8)!important;
  2290. \t  text-align: center;
  2291. \t  vertical-align: middle;
  2292. \t}
  2293. \t.sppmodal-container .sppmodal-background .sppmodal {
  2294. \t\tpadding: 0px 0px 55px 0px;
  2295. \t\tdisplay: inline-block;
  2296. \t\tposition: relative;
  2297. \t\tmin-height: 300px;
  2298. \t\twidth: 500px;
  2299. \t\tfont-family: Arial;
  2300. \t\tfont-size: 13px;
  2301. \t\tfont-weight: 400;
  2302. \t\ttext-align: center;
  2303. \t\tline-height: 18px;
  2304. \t\tcolor:  #333;
  2305. \t\tbackground-color: #FFFFFF;
  2306. \t\tbackground-repeat: repeat;
  2307. \t\tbackground-position: left top;
  2308. \t\tborder: 1px solid  #F1F3F9;
  2309. \t\tborder-radius: 4px;
  2310. \t\tbox-shadow: 0px 2px 5px 1px #999999;
  2311. \t}
  2313. \t.sppmodal-container .sppmodal-background .sppmodal h2 {
  2314. \t  font-size: 25px;
  2315. \t  line-height: 25px;
  2316. \t  margin-bottom: 15px;
  2317. \t}
  2318. \t.sppmodal-container .sppmodal-background .sppmodal p {
  2319. \t  font-size: 18px;
  2320. \t  line-height: 22px;
  2321. \t}
  2322. \t.sppmodal-container .sppmodal-background .sppmodal .sppmodal-svg {
  2323. \t  position: absolute;
  2324. \t  top: 0;
  2325. \t  left: 0;
  2326. \t  height: 100%;
  2327. \t  width: 100%;
  2328. \t  border-radius: 3px;
  2329. \t}
  2330. \t.sppmodal-container .sppmodal-background .sppmodal .sppmodal-svg rect {
  2331. \t  stroke: #fff;
  2332. \t  stroke-width: 2px;
  2333. \t  stroke-dasharray: 778;
  2334. \t  stroke-dashoffset: 778;
  2335. \t}
  2337. \t@keyframes unfoldIn {
  2338. \t  0% {
  2339. \t\ttransform: scaleY(0.005) scaleX(0);
  2340. \t  }
  2341. \t  50% {
  2342. \t\ttransform: scaleY(0.005) scaleX(1);
  2343. \t  }
  2344. \t  100% {
  2345. \t\ttransform: scaleY(1) scaleX(1);
  2346. \t  }
  2347. \t}
  2348. \t@keyframes unfoldOut {
  2349. \t  0% {
  2350. \t\ttransform: scaleY(1) scaleX(1);
  2351. \t  }
  2352. \t  50% {
  2353. \t\ttransform: scaleY(0.005) scaleX(1);
  2354. \t  }
  2355. \t  100% {
  2356. \t\ttransform: scaleY(0.005) scaleX(0);
  2357. \t  }
  2358. \t}
  2359. \t@keyframes zoomIn {
  2360. \t  0% {
  2361. \t\ttransform: scale(0);
  2362. \t  }
  2363. \t  100% {
  2364. \t\ttransform: scale(1);
  2365. \t  }
  2366. \t}
  2367. \t@keyframes zoomOut {
  2368. \t  0% {
  2369. \t\ttransform: scale(1);
  2370. \t  }
  2371. \t  100% {
  2372. \t\ttransform: scale(0);
  2373. \t  }
  2374. \t}
  2376. \t/*
  2377. \t--------------------------------------
  2378. \tEnd Modal SPP
  2379. \t--------------------------------------
  2380. \t*/
  2383. \t.silly_scrollbar {
  2384. \t\theight:750px;
  2385. \t\t-webkit-box-sizing: border-box;
  2386. \t\tpadding:0 14px;
  2387. \t\toverflow:auto;
  2388. \t\tpaddin-top: 15px;
  2389. \t}
  2391. \t.silly_scrollbar::-webkit-scrollbar {
  2392. \t\twidth: 12px;
  2393. \t}
  2394. \t 
  2395. \t.silly_scrollbar::-webkit-scrollbar-track {
  2396. \t\t-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  2397. \t\tborder-radius: 10px;
  2398. \t}
  2399. \t 
  2400. \t.silly_scrollbar::-webkit-scrollbar-thumb {
  2401. \t\tborder-radius: 10px;
  2402. \t\t-webkit-box-shadow: inset 0 0 6px red; 
  2403. \t}
  2405. \t.silly_scrollbar::-webkit-scrollbar-thumb:hover {
  2406. \t\t-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
  2407. \t}
  2409. \t.list-group-item {
  2410. \t  user-select: none;
  2411. \t}
  2413. \t.list-group input[type=\"checkbox\"] {
  2414. \t  display: none;
  2415. \t}
  2417. \t.list-group input[type=\"checkbox\"] + .list-group-item {
  2418. \t  cursor: pointer;
  2419. \t}
  2421. \t.list-group input[type=\"checkbox\"] + .list-group-item:before {
  2422. \t  content: \"\\2713\";
  2423. \t  color: transparent;
  2424. \t  font-weight: bold;
  2425. \t  margin-right: 1em;
  2426. \t}
  2428. \t.list-group input[type=\"checkbox\"]:checked + .list-group-item {
  2429. \t  background-color: #0275D8;
  2430. \t  color: #FFF;
  2431. \t}
  2433. \t.list-group input[type=\"checkbox\"]:checked + .list-group-item:before {
  2434. \t  color: inherit;
  2435. \t}
  2437. \t.list-group input[type=\"radio\"] {
  2438. \t  display: none;
  2439. \t}
  2441. \t.list-group input[type=\"radio\"] + .list-group-item {
  2442. \t  cursor: pointer;
  2443. \t}
  2445. \t.list-group input[type=\"radio\"] + .list-group-item:before {
  2446. \t  content: \"\\f096\";
  2447. \t  color: transparent;
  2448. \t  font-weight: bold;
  2449. \t  margin-right: 1em;
  2450. \t  color: #333;
  2451. \t  font-size: 25px!important;
  2452. \t  font-weight: bold!important;
  2453. \t  margin-top: 5px;
  2454. \t}
  2456. \t.list-group input[type=\"radio\"]:checked + .list-group-item:before {
  2457. \t  content: \"\\2713\";
  2458. \t  color: transparent;
  2459. \t  font-weight: bold;
  2460. \t  margin-right: 1em;
  2461. \t  font-size: 16px!important;
  2462. \t}
  2464. \t.list-group input[type=\"radio\"]:checked + .list-group-item {
  2465. \t  background-color: #0275D8;
  2466. \t  color: #FFF;
  2467. \t}
  2469. \t.list-group input[type=\"radio\"]:checked + .list-group-item:before {
  2470. \t  color: inherit;
  2471. \t}
  2474. \t.progressbar {
  2475. \t  counter-reset: step;
  2476. \t}
  2477. \t.progressbar li {
  2478. \t  list-style: none;
  2479. \t  display: inline-block;
  2480. \t  width: 30.33%;
  2481. \t  position: relative;
  2482. \t  text-align: center;
  2483. \t  cursor: pointer;
  2484. \t}
  2485. \t.progressbar li:before {
  2486. \t  content: counter(step);
  2487. \t  counter-increment: step;
  2488. \t  width: 30px;
  2489. \t  height: 30px;
  2490. \t  line-height : 30px;
  2491. \t  border: 1px solid #ddd;
  2492. \t  border-radius: 100%;
  2493. \t  display: block;
  2494. \t  text-align: center;
  2495. \t  margin: 0 auto 0px auto;
  2496. \t  background-color: #fff;
  2497. \t  position: relative;
  2498. \t  z-index: 1;
  2499. \t}
  2500. \t.progressbar li:after {
  2501. \t  content: \"\";
  2502. \t  position: absolute;
  2503. \t  width: 100%;
  2504. \t  height: 1px;
  2505. \t  background-color: #ddd;
  2506. \t  top: 15px;
  2507. \t  left: -50%;
  2508. \t  z-index : 0;
  2509. \t}
  2510. \t.progressbar li:first-child:after {
  2511. \t  content: none;
  2512. \t}
  2513. \t.progressbar li.active {
  2514. \t  color: green;
  2515. \t  font-weight: bold;
  2516. \t}
  2517. \t.progressbar li.active:before {
  2518. \t  border-color: green;
  2519. \t} 
  2520. \t.progressbar li.active + li:after {
  2521. \t  background-color: green;
  2522. \t}
  2524. \t.disabled-btn{
  2525. \t\tcursor: not-allowed;
  2526. \t\ttext-decoration: none;
  2527. \t\ttext-align: center;
  2528. \t\tbackground: #D6D9E4!important; pointer-events: none;
  2529. \t}
  2531. \t.header-wave {
  2532. \t  position: relative;
  2533. \t  min-height: 200px;
  2534. \t  background: transparent;
  2535. \t  background-image: linear-gradient(155deg, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%);
  2536. \t}
  2538. \t.header-wave h1 {
  2539. \t  color: white;
  2540. \t}
  2542. \t.svg-wave {
  2543. \t  position: absolute;
  2544. \t  bottom: 0;
  2545. \t  width: 100%;
  2546. \t  height: auto;
  2547. \t}
  2548. \t\t
  2549. \t.section-wave{
  2550. \t\tposition: relative;
  2551. \t\tmargin: 0;
  2552. \t\tpadding: 0;
  2553. \t\tbackground: white;
  2554. \t\twidth: 100%;
  2555. \t\theight: 200px;
  2556. \t}
  2557. \t
  2558. \t#worf{
  2559. \t\tposition: absolute;
  2560. \t\tbottom: 0;
  2561. \t\twidth: 100%;
  2562. \t}
  2563. \t
  2564. \t#worf path{
  2565. \t  fill: url(#grad1)
  2566. \t}
  2568. \tsection.section-2{
  2569. \t\twidth: 100%;
  2570. \t\theight: 200px;
  2571. \t\tbackground: linear-gradient(to right, #dffdgg 0%,#f2f2f2 100%); 
  2572. \t}
  2575. .popover {
  2576.   position: relative;
  2577.   z-index: 1;
  2578.   box-sizing: border-box;
  2579.   padding: 1em;
  2580.   border: 1px solid #dadada;
  2581.   background: #fff;
  2582.   min-width: 100%;
  2583. }
  2585. .popover, .popover:before {
  2586.   box-shadow: 0 0 2px rgba(0,0,0,0.2);  
  2587. }
  2589. .popover:before,
  2590. .popover:after {
  2591.   content: '';
  2592.   display: block;
  2593.   position: absolute;
  2594.   width: 15px;
  2595.   height: 15px;
  2596.   border: 1px solid #dadada;
  2597.   background: #fff;
  2598.   -webkit-transform: rotate(45deg);
  2599.   -moz-transform: rotate(45deg);
  2600.   -ms-transform: rotate(45deg);
  2601.   -o-transform: rotate(45deg);
  2602.   transform: rotate(45deg);
  2603. }
  2605. .popover:before {
  2606.   z-index: -1;
  2607. }
  2609. .popover.arrow-top:before,
  2610. .popover.arrow-top:after {
  2611.   bottom: 100%;
  2612.   left: 20px;
  2613.   margin-bottom: -7px; 
  2614.   border-bottom: 0;
  2615.   border-right: 0;
  2616. }
  2618. .popover.arrow-bottom:before,
  2619. .popover.arrow-bottom:after {
  2620.   top: 100%;
  2621.   left: 20px;
  2622.   margin-top: -7px; 
  2623.   border-top: 0;
  2624.   border-left: 0;
  2625. }
  2627. .popover.arrow-right:before,
  2628. .popover.arrow-right:after {
  2629.   top: 20px;
  2630.   left: 100%;
  2631.   margin-left: -7px; 
  2632.   border-bottom: 0;
  2633.   border-left: 0;
  2634. }
  2636. .popover.arrow-left:before,
  2637. .popover.arrow-left:after {
  2638.   top: 20px;
  2639.   left: 0;
  2640.   margin-left: -9px; 
  2641.   border-top: 0;
  2642.   border-right: 0;
  2643. }
  2645. .cardcode{border-radius:5px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);margin-bottom:20px}
  2646. .cardcode.simple-image-cardcode{height:435px;background-size:cover!important;background-position:50%!important;position:relative;display:flex;justify-content:center;align-items:center}
  2647. @media only screen and (max-width:800px){.cardcode.simple-image-cardcode{height:300px}}
  2648. @media only screen and (max-width:600px){.cardcode.simple-image-cardcode{max-height:130px}.cardcode.simple-image-cardcode a h2{font-size:1.1rem!important}}
  2649. .cardcode.simple-image-cardcode a{display:block;width:100%;text-decoration:none;color:#fff;z-index:4;text-align:center;height:100%;display:flex;justify-content:center;align-items:center}
  2650. .cardcode.simple-image-cardcode a h2{font-size:3rem;width:80%}.cardcode.simple-image-cardcode:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);border-radius:5px}
  2651. .cardcode.simple-image-cardcode.min-cardcode{width:100%;max-height:130px}.cardcode.simple-image-cardcode.min-cardcode h2{font-size:1.1rem}.cardcode.image-cardcode{width:100%;min-height:280px;position:relative;transition:all .5s;margin-bottom:50px;background-color:#fff}
  2652. .cardcode.image-cardcode a.img{display:block;width:100%;text-align:center;height:150px}.cardcode.image-cardcode a.img span{display:block;margin:auto;width:95%;height:100%;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);border-radius:5px;position:relative;top:-12px;transition:all .5s;background:url(/build/images/code.7e1bde1f.jpeg);background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important}
  2653. .cardcode.image-cardcode a.title{color:#0f0f0f;text-decoration:none;transition:all .5s}.cardcode.image-cardcode a.title h2{font-size:1.2rem;padding-left:15px;padding-right:15px;margin-top:15px}
  2654. .cardcode.image-cardcode a.title:hover{color:#585858}.cardcode.image-cardcode .infos{padding:20px;font-size:13px;display:flex;justify-content:space-between;color:#7b7b7b;position:absolute;bottom:0;left:-4px;right:-4px}
  2655. .cardcode.image-cardcode .infos a{color:#7b7b7b;text-decoration:none;transition:all .5s}.cardcode.image-cardcode .infos a:hover{color:#949494}.cardcode.image-cardcode .infos span.stats span:not(:last-child){margin-right:15px}
  2656. .cardcode.image-cardcode .infos span.stats i{margin-right:5px}.cardcode.image-cardcode:hover a.img span{transform:translateY(-7px)}
  2660. /*===================== Begin Dropdowncarte ======================*/
  2663. .dropdowncarte {
  2664.     position: relative;
  2665.     box-sizing: content-box;
  2666.     max-width: 100%;
  2667.     height: 1em;
  2668.     padding: 18px 21px;
  2669.     background-color: #fff;
  2670.     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  2671.   }
  2672.   .dropdowncarte:hover svg {
  2673.     transform: scale(1.1);
  2674.   }
  2675.   .dropdowncarte button {
  2676.     position: absolute;
  2677.     width: 100%;
  2678.     height: 100%;
  2679.     top: 0;
  2680.     left: 0;
  2681.     z-index: 3;
  2682.     border: none;
  2683.     outline: none;
  2684.     background: none;
  2685.     cursor: pointer;
  2686.   }
  2687.   .dropdowncarte button:focus ~ svg {
  2688.     transform: rotate(-180deg);
  2689.   }
  2690.   .dropdowncarte .options {
  2691.     position: absolute;
  2692.     width: 100%;
  2693.     top: 0;
  2694.     left: 0;
  2695.   }
  2696.   .dropdowncarte input {
  2697.     display: none;
  2698.   }
  2699.   .dropdowncarte input:checked + label {
  2700.     display: block;
  2701.     z-index: 2;
  2702.     font-weight: 600;
  2703.     transform: none !important;
  2704.   }
  2705.   .dropdowncarte label {
  2706.     position: absolute;
  2707.     width: 100%;
  2708.     z-index: 1;
  2709.     padding: 18px 21px;
  2710.     line-height: 1;
  2711.     background-color: #549cc4;
  2712.     cursor: pointer;
  2713.     color: #fff;
  2714.     transition: background-color 0.2s, transform 0.2s ease;
  2715.   }
  2716.   .dropdowncarte label:hover {
  2717.     background-color: #d6d6d6;
  2718.   }
  2719.   .dropdowncarte button:focus + .options input:not(:checked) + label, .dropdowncarte .options label:active, .dropdowncarte .options label:active ~ label {
  2720.     transform: translateY(calc(var(--index) * 100%));
  2721.   }
  2722.   .dropdowncarte button:focus + .options input:checked + label ~ label, .dropdowncarte .options input:checked ~ label:active, .dropdowncarte .options input:checked ~ label:active ~ label {
  2723.     transform: translateY(calc((var(--index) - 1) * 100%));
  2724.   }
  2725.   .dropdowncarte svg {
  2726.     position: absolute;
  2727.     width: 21px;
  2728.     top: 25%;
  2729.     right: 14px;
  2730.     z-index: 2;
  2731.     fill: currentColor;
  2732.     transition: transform 0.1s;
  2733.   }
  2734.   .breadcrumbs-title{
  2735.     font-family: Montserrat-ExtraBold;
  2736.   }
  2737.   .cover-text h2{
  2738. \t  font-size: 25px!important;
  2739. \t  font-family: OpenSans-SemiBold!important;
  2740. \t  text-align: left;
  2741.   }
  2742.   .cover-text h4{
  2743. \t  font-size: 13px!important;
  2744. \t  font-family: OpenSans-Regular!important;
  2745. \t  text-align: left;
  2746. \t  color: green;
  2747.   }
  2748.   .position-current-user{
  2749.     background: #444a92!important;
  2750.     color: #fff!important;
  2751.   }
  2752.   .position-current-user strong{
  2753.     color: #fff;
  2754.   }
  2755.   .position-current-user .ultra-small{
  2756.     color: #ddd;
  2757.   }
  2759. /*======================End Dropdowncarte ===========================*/
  2763. #demo {
  2764.     margin: 20px auto;
  2765.     max-width: 960px;
  2766.   }
  2767.   #demo h1 {
  2768.     font-size: 2.4rem;
  2769.     line-height: 3.2rem;
  2770.     letter-spacing: 0;
  2771.     font-weight: 300;
  2772.     color: #212121;
  2773.     text-transform: inherit;
  2774.     margin-bottom: 1rem;
  2775.     text-align: center;
  2776.   }
  2777.   #demo h2 {
  2778.     font-size: 1.5rem;
  2779.     line-height: 2.8rem;
  2780.     letter-spacing: 0.01rem;
  2781.     font-weight: 400;
  2782.     color: #212121;
  2783.     text-align: center;
  2784.   }
  2785.   .shadow-z-1 {
  2786.     -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  2787.     -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  2788.     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  2789.   }
  2790.   /* -- Material Design Table style -------------- */
  2791.   .table {
  2792.     width: 100%;
  2793.     max-width: 100%;
  2794.     margin-bottom: 2rem;
  2795.     background-color: #fff;
  2796.     color: #333;
  2797.   }
  2798.   .table > thead > tr,
  2799.   .table > tbody > tr,
  2800.   .table > tfoot > tr {
  2801.     -webkit-transition: all 0.3s ease;
  2802.     -o-transition: all 0.3s ease;
  2803.     transition: all 0.3s ease;
  2804.   }
  2805.   .table > thead > tr > th,
  2806.   .table > tbody > tr > th,
  2807.   .table > tfoot > tr > th,
  2808.   .table > thead > tr > td,
  2809.   .table > tbody > tr > td,
  2810.   .table > tfoot > tr > td {
  2811.     text-align: left;
  2812.     padding: 10px;
  2813.     vertical-align: middle!important;
  2814.     vertical-align: top;
  2815.     border-top: 0;
  2816.     -webkit-transition: all 0.3s ease;
  2817.     -o-transition: all 0.3s ease;
  2818.     transition: all 0.3s ease;
  2819.   }
  2820.   .table > thead > tr > th {
  2821.     font-weight: 400;
  2822.     color: #757575;
  2823.     vertical-align: bottom;
  2824.     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  2825.   }
  2826.   .table > caption + thead > tr:first-child > th,
  2827.   .table > colgroup + thead > tr:first-child > th,
  2828.   .table > thead:first-child > tr:first-child > th,
  2829.   .table > caption + thead > tr:first-child > td,
  2830.   .table > colgroup + thead > tr:first-child > td,
  2831.   .table > thead:first-child > tr:first-child > td {
  2832.     border-top: 0;
  2833.   }
  2834.   .table > tbody + tbody {
  2835.     border-top: 1px solid rgba(0, 0, 0, 0.12);
  2836.   }
  2837.   .table .table {
  2838.     background-color: #fff;
  2839.   }
  2840.   .table .no-border {
  2841.     border: 0;
  2842.   }
  2843.   .table-condensed > thead > tr > th,
  2844.   .table-condensed > tbody > tr > th,
  2845.   .table-condensed > tfoot > tr > th,
  2846.   .table-condensed > thead > tr > td,
  2847.   .table-condensed > tbody > tr > td,
  2848.   .table-condensed > tfoot > tr > td {
  2849.     padding: 0.8rem;
  2850.   }
  2851.   .table-bordered {
  2852.     border: 0;
  2853.   }
  2854.   .table-bordered > thead > tr > th,
  2855.   .table-bordered > tbody > tr > th,
  2856.   .table-bordered > tfoot > tr > th,
  2857.   .table-bordered > thead > tr > td,
  2858.   .table-bordered > tbody > tr > td,
  2859.   .table-bordered > tfoot > tr > td {
  2860.     border: 0;
  2861.     border-bottom: 1px solid #e0e0e0;
  2862.   }
  2863.   .table-bordered > thead > tr > th,
  2864.   .table-bordered > thead > tr > td {
  2865.     border-bottom-width: 2px;
  2866.   }
  2867.   .table-striped > tbody > tr:nth-child(odd) > td,
  2868.   .table-striped > tbody > tr:nth-child(odd) > th {
  2869.     background-color: #f5f5f5;
  2870.   }
  2871.   .table-hover > tbody > tr:hover > td,
  2872.   .table-hover > tbody > tr:hover > th {
  2873.     background-color: rgba(0, 0, 0, 0.12);
  2874.   }
  2875.   @media screen and (max-width: 768px) {
  2876.     .table-responsive-vertical > .table {
  2877.       margin-bottom: 0;
  2878.       background-color: transparent;
  2879.     }
  2880.     .table-responsive-vertical > .table > thead,
  2881.     .table-responsive-vertical > .table > tfoot {
  2882.       display: none;
  2883.     }
  2884.     .table-responsive-vertical > .table > tbody {
  2885.       display: block;
  2886.     }
  2887.     .table-responsive-vertical > .table > tbody > tr {
  2888.       display: block;
  2889.       border: 1px solid #e0e0e0;
  2890.       border-radius: 2px;
  2891.       margin-bottom: 1.6rem;
  2892.     }
  2893.     .table-responsive-vertical > .table > tbody > tr > td {
  2894.       background-color: #fff;
  2895.       display: block;
  2896.       vertical-align: middle;
  2897.       text-align: right;
  2898.     }
  2899.     .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
  2900.       content: attr(data-title);
  2901.       float: left;
  2902.       font-size: inherit;
  2903.       font-weight: 400;
  2904.       color: #757575;
  2905.     }
  2906.     .table-responsive-vertical.shadow-z-1 {
  2907.       -webkit-box-shadow: none;
  2908.       -moz-box-shadow: none;
  2909.       box-shadow: none;
  2910.     }
  2911.     .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
  2912.       border: none;
  2913.       -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  2914.       -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  2915.       box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  2916.     }
  2917.     .table-responsive-vertical > .table-bordered {
  2918.       border: 0;
  2919.     }
  2920.     .table-responsive-vertical > .table-bordered > tbody > tr > td {
  2921.       border: 0;
  2922.       border-bottom: 1px solid #e0e0e0;
  2923.     }
  2924.     .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
  2925.       border-bottom: 0;
  2926.     }
  2927.     .table-responsive-vertical > .table-striped > tbody > tr > td,
  2928.     .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
  2929.       background-color: #fff;
  2930.     }
  2931.     .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
  2932.       background-color: #f5f5f5;
  2933.     }
  2934.     .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  2935.     .table-responsive-vertical > .table-hover > tbody > tr:hover {
  2936.       background-color: #fff;
  2937.     }
  2938.     .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
  2939.       background-color: rgba(0, 0, 0, 0.12);
  2940.     }
  2941.   }
  2942.   .table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
  2943.   .table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  2944.     background-color: #fde0dc;
  2945.   }
  2946.   .table-hover.table-mc-red > tbody > tr:hover > td,
  2947.   .table-hover.table-mc-red > tbody > tr:hover > th {
  2948.     background-color: #f9bdbb;
  2949.   }
  2950.   @media screen and (max-width: 767px) {
  2951.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
  2952.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
  2953.       background-color: #fff;
  2954.     }
  2955.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
  2956.       background-color: #fde0dc;
  2957.     }
  2958.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
  2959.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
  2960.       background-color: #fff;
  2961.     }
  2962.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
  2963.       background-color: #f9bdbb;
  2964.     }
  2965.   }
  2966.   .table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
  2967.   .table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
  2968.     background-color: #fce4ec;
  2969.   }
  2970.   .table-hover.table-mc-pink > tbody > tr:hover > td,
  2971.   .table-hover.table-mc-pink > tbody > tr:hover > th {
  2972.     background-color: #f8bbd0;
  2973.   }
  2974.   @media screen and (max-width: 767px) {
  2975.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
  2976.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
  2977.       background-color: #fff;
  2978.     }
  2979.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
  2980.       background-color: #fce4ec;
  2981.     }
  2982.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
  2983.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
  2984.       background-color: #fff;
  2985.     }
  2986.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
  2987.       background-color: #f8bbd0;
  2988.     }
  2989.   }
  2990.   .table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
  2991.   .table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
  2992.     background-color: #f3e5f5;
  2993.   }
  2994.   .table-hover.table-mc-purple > tbody > tr:hover > td,
  2995.   .table-hover.table-mc-purple > tbody > tr:hover > th {
  2996.     background-color: #e1bee7;
  2997.   }
  2998.   @media screen and (max-width: 767px) {
  2999.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
  3000.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
  3001.       background-color: #fff;
  3002.     }
  3003.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
  3004.       background-color: #f3e5f5;
  3005.     }
  3006.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
  3007.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
  3008.       background-color: #fff;
  3009.     }
  3010.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
  3011.       background-color: #e1bee7;
  3012.     }
  3013.   }
  3014.   .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
  3015.   .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
  3016.     background-color: #ede7f6;
  3017.   }
  3018.   .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  3019.   .table-hover.table-mc-deep-purple > tbody > tr:hover > th {
  3020.     background-color: #d1c4e9;
  3021.   }
  3022.   @media screen and (max-width: 767px) {
  3023.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
  3024.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
  3025.       background-color: #fff;
  3026.     }
  3027.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
  3028.       background-color: #ede7f6;
  3029.     }
  3030.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  3031.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
  3032.       background-color: #fff;
  3033.     }
  3034.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
  3035.       background-color: #d1c4e9;
  3036.     }
  3037.   }
  3038.   .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
  3039.   .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
  3040.     background-color: #e8eaf6;
  3041.   }
  3042.   .table-hover.table-mc-indigo > tbody > tr:hover > td,
  3043.   .table-hover.table-mc-indigo > tbody > tr:hover > th {
  3044.     background-color: #c5cae9;
  3045.   }
  3046.   @media screen and (max-width: 767px) {
  3047.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
  3048.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
  3049.       background-color: #fff;
  3050.     }
  3051.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
  3052.       background-color: #e8eaf6;
  3053.     }
  3054.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
  3055.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
  3056.       background-color: #fff;
  3057.     }
  3058.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
  3059.       background-color: #c5cae9;
  3060.     }
  3061.   }
  3062.   .table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
  3063.   .table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
  3064.     background-color: #e7e9fd;
  3065.   }
  3066.   .table-hover.table-mc-blue > tbody > tr:hover > td,
  3067.   .table-hover.table-mc-blue > tbody > tr:hover > th {
  3068.     background-color: #d0d9ff;
  3069.   }
  3070.   @media screen and (max-width: 767px) {
  3071.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
  3072.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
  3073.       background-color: #fff;
  3074.     }
  3075.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
  3076.       background-color: #e7e9fd;
  3077.     }
  3078.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
  3079.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
  3080.       background-color: #fff;
  3081.     }
  3082.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
  3083.       background-color: #d0d9ff;
  3084.     }
  3085.   }
  3086.   .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
  3087.   .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  3088.     background-color: #e1f5fe;
  3089.   }
  3090.   .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  3091.   .table-hover.table-mc-light-blue > tbody > tr:hover > th {
  3092.     background-color: #b3e5fc;
  3093.   }
  3094.   @media screen and (max-width: 767px) {
  3095.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  3096.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
  3097.       background-color: #fff;
  3098.     }
  3099.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
  3100.       background-color: #e1f5fe;
  3101.     }
  3102.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  3103.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
  3104.       background-color: #fff;
  3105.     }
  3106.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
  3107.       background-color: #b3e5fc;
  3108.     }
  3109.   }
  3110.   .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
  3111.   .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
  3112.     background-color: #e0f7fa;
  3113.   }
  3114.   .table-hover.table-mc-cyan > tbody > tr:hover > td,
  3115.   .table-hover.table-mc-cyan > tbody > tr:hover > th {
  3116.     background-color: #b2ebf2;
  3117.   }
  3118.   @media screen and (max-width: 767px) {
  3119.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
  3120.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
  3121.       background-color: #fff;
  3122.     }
  3123.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
  3124.       background-color: #e0f7fa;
  3125.     }
  3126.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
  3127.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
  3128.       background-color: #fff;
  3129.     }
  3130.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
  3131.       background-color: #b2ebf2;
  3132.     }
  3133.   }
  3134.   .table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
  3135.   .table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
  3136.     background-color: #e0f2f1;
  3137.   }
  3138.   .table-hover.table-mc-teal > tbody > tr:hover > td,
  3139.   .table-hover.table-mc-teal > tbody > tr:hover > th {
  3140.     background-color: #b2dfdb;
  3141.   }
  3142.   @media screen and (max-width: 767px) {
  3143.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
  3144.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
  3145.       background-color: #fff;
  3146.     }
  3147.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
  3148.       background-color: #e0f2f1;
  3149.     }
  3150.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
  3151.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
  3152.       background-color: #fff;
  3153.     }
  3154.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
  3155.       background-color: #b2dfdb;
  3156.     }
  3157.   }
  3158.   .table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
  3159.   .table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  3160.     background-color: #d0f8ce;
  3161.   }
  3162.   .table-hover.table-mc-green > tbody > tr:hover > td,
  3163.   .table-hover.table-mc-green > tbody > tr:hover > th {
  3164.     background-color: #a3e9a4;
  3165.   }
  3166.   @media screen and (max-width: 767px) {
  3167.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
  3168.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
  3169.       background-color: #fff;
  3170.     }
  3171.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
  3172.       background-color: #d0f8ce;
  3173.     }
  3174.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
  3175.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
  3176.       background-color: #fff;
  3177.     }
  3178.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
  3179.       background-color: #a3e9a4;
  3180.     }
  3181.   }
  3182.   .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
  3183.   .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
  3184.     background-color: #f1f8e9;
  3185.   }
  3186.   .table-hover.table-mc-light-green > tbody > tr:hover > td,
  3187.   .table-hover.table-mc-light-green > tbody > tr:hover > th {
  3188.     background-color: #dcedc8;
  3189.   }
  3190.   @media screen and (max-width: 767px) {
  3191.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
  3192.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
  3193.       background-color: #fff;
  3194.     }
  3195.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
  3196.       background-color: #f1f8e9;
  3197.     }
  3198.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
  3199.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
  3200.       background-color: #fff;
  3201.     }
  3202.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
  3203.       background-color: #dcedc8;
  3204.     }
  3205.   }
  3206.   .table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
  3207.   .table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
  3208.     background-color: #f9fbe7;
  3209.   }
  3210.   .table-hover.table-mc-lime > tbody > tr:hover > td,
  3211.   .table-hover.table-mc-lime > tbody > tr:hover > th {
  3212.     background-color: #f0f4c3;
  3213.   }
  3214.   @media screen and (max-width: 767px) {
  3215.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
  3216.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
  3217.       background-color: #fff;
  3218.     }
  3219.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
  3220.       background-color: #f9fbe7;
  3221.     }
  3222.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
  3223.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
  3224.       background-color: #fff;
  3225.     }
  3226.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
  3227.       background-color: #f0f4c3;
  3228.     }
  3229.   }
  3230.   .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
  3231.   .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
  3232.     background-color: #fffde7;
  3233.   }
  3234.   .table-hover.table-mc-yellow > tbody > tr:hover > td,
  3235.   .table-hover.table-mc-yellow > tbody > tr:hover > th {
  3236.     background-color: #fff9c4;
  3237.   }
  3238.   @media screen and (max-width: 767px) {
  3239.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
  3240.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
  3241.       background-color: #fff;
  3242.     }
  3243.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
  3244.       background-color: #fffde7;
  3245.     }
  3246.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
  3247.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
  3248.       background-color: #fff;
  3249.     }
  3250.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
  3251.       background-color: #fff9c4;
  3252.     }
  3253.   }
  3254.   .table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
  3255.   .table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
  3256.     background-color: #fff8e1;
  3257.   }
  3258.   .table-hover.table-mc-amber > tbody > tr:hover > td,
  3259.   .table-hover.table-mc-amber > tbody > tr:hover > th {
  3260.     background-color: #ffecb3;
  3261.   }
  3262.   @media screen and (max-width: 767px) {
  3263.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
  3264.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
  3265.       background-color: #fff;
  3266.     }
  3267.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
  3268.       background-color: #fff8e1;
  3269.     }
  3270.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
  3271.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
  3272.       background-color: #fff;
  3273.     }
  3274.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
  3275.       background-color: #ffecb3;
  3276.     }
  3277.   }
  3278.   .table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
  3279.   .table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
  3280.     background-color: #fff3e0;
  3281.   }
  3282.   .table-hover.table-mc-orange > tbody > tr:hover > td,
  3283.   .table-hover.table-mc-orange > tbody > tr:hover > th {
  3284.     background-color: #ffe0b2;
  3285.   }
  3286.   @media screen and (max-width: 767px) {
  3287.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
  3288.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
  3289.       background-color: #fff;
  3290.     }
  3291.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
  3292.       background-color: #fff3e0;
  3293.     }
  3294.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
  3295.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
  3296.       background-color: #fff;
  3297.     }
  3298.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
  3299.       background-color: #ffe0b2;
  3300.     }
  3301.   }
  3302.   .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
  3303.   .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
  3304.     background-color: #fbe9e7;
  3305.   }
  3306.   .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  3307.   .table-hover.table-mc-deep-orange > tbody > tr:hover > th {
  3308.     background-color: #ffccbc;
  3309.   }
  3310.   @media screen and (max-width: 767px) {
  3311.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
  3312.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
  3313.       background-color: #fff;
  3314.     }
  3315.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
  3316.       background-color: #fbe9e7;
  3317.     }
  3318.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  3319.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
  3320.       background-color: #fff;
  3321.     }
  3322.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
  3323.       background-color: #ffccbc;
  3324.     }
  3325.   }
  3326.   table tr:nth-of-type(even) {
  3327.       background-color: #F1F3F9!important;
  3328.   }
  3329.   table tr{
  3330.     font-family: Muli-Regular;
  3331.     font-size: 14px;
  3332.   }
  3333.   thead th {
  3334.     font-family: Muli-Bold!important;
  3335.     font-size: 15px!important;
  3336.     color: #283346!important;
  3337.   }
  3340.   body{
  3341.   font-family: Quicksand-Regular;
  3342. }
  3344. .menu-client > ul > li a{
  3345.   padding: 1.5em 1em!important;
  3346. }
  3349. /*
  3350. --------------Begin Accordion ------
  3351. */
  3352. .boxC12{
  3353.   width: 100%;
  3354.   margin: 0 auto;
  3355.   padding: 0px;
  3356. }
  3357. .boxC12 p{
  3358. \tpadding-bottom: 0px!important;
  3359. \tmargin-bottom: 0px!important;
  3360. }
  3361. details {
  3362.   width: 100%;
  3363.   margin-bottom: 20px;
  3364. }
  3366. details>p {
  3367.   padding: 20px;
  3368. }
  3370. summary {
  3371.   cursor:pointer;
  3372.   padding: 20px;
  3373.   background-color: #e8e8e8;
  3374.   box-shadow: 0 0 5px #333;
  3375.   display: flex;
  3376.   justify-content: space-between;
  3377.   align-items: center;
  3378. }
  3380. summary::marker {
  3381.   content: \"\";
  3382. }
  3384. .plusminus {
  3385.   position: relative;
  3386.   width: 1rem;
  3387.   height: 1rem;
  3388. }
  3390. .plusminus::before {
  3391.   content: \"\";
  3392.   position: absolute;
  3393.   width: 3px;
  3394.   height: 1rem;
  3395.   background-color: #bf2d2d;
  3396.   left: 50%;
  3397.   transform: translateX(-50%);
  3398. }
  3400. .plusminus::after {
  3401.   content: \"\";
  3402.   position: absolute;
  3403.   width: 1rem;
  3404.   height: 3px;
  3405.   background-color: #bf2d2d;
  3406.   top: 50%;
  3407.   transform: translateY(-50%);
  3408. }
  3410. details[open]  .plusminus::before {
  3411.   width: 0;
  3412.   height: 0;
  3413. }
  3414. /*----------------End Accordion
  3415. */
  3418. /*============ Begin Box Article ============*/
  3419. .title-bold {
  3420.     color: #000;
  3421.     font-size: 16px;
  3422.     display: block;
  3423. }
  3425. .title-blog blogdate, .title-bold {
  3426.     border-bottom: 1px #e4e4e4 solid;
  3427.     overflow: hidden;
  3428.     text-transform: uppercase;
  3429.     font-weight: 700;
  3430.     padding-top: 5px;
  3431.     line-height: 42px;
  3432.     margin-bottom: 20px;
  3433. }
  3435. .inner-profile {
  3436.     padding-left: 20px;
  3437.     padding-right: 20px;
  3438.     overflow: hidden;
  3439.     padding-bottom: 10px;
  3440. }
  3441. .box {
  3442.     border: 1px solid #e4e4e4;
  3443.     padding: 5px;
  3444.     background: #fff;
  3445.     box-shadow: 0px 2px 5px 0px #D4D8DE;
  3446.     margin-bottom: 10px;
  3447. }
  3448. .title-bold span {
  3449.     border-bottom: 2px #289fcd solid;
  3450. }
  3451. .title-bold span, .title-bold-notline span {
  3452.     margin-left: 10px;
  3453.     padding-left: 8px;
  3454.     padding-right: 8px;
  3455.     display: block;
  3456. }
  3457. .all-forum-profile img, .inner-forum-profile img, .title-bold span {
  3458.     float: left;
  3459. }
  3460. /*============= Begin Blog Article ===================*/
  3463. *--------------------------------------------------------------
  3464. # Blog
  3465. --------------------------------------------------------------*/
  3466. .row-featured .blog{
  3467.   padding: 30px 5px!important;
  3468.   max-width: 100%!important;
  3469. }
  3470. .blog .blog-pagination {
  3471.   margin-top: 15px;
  3472.   color: #555555;
  3473.   background-color: #fff;
  3474. }
  3476. .blog .blog-pagination ul {
  3477.   display: flex;
  3478.   padding: 0;
  3479.   margin: 0;
  3480.   list-style: none;
  3481. }
  3483. .blog .blog-pagination li {
  3484.   margin: 0 5px;
  3485.   transition: 0.3s;
  3486.   border-radius: 10px;
  3487. }
  3489. .blog .blog-pagination li a {
  3490.   color: var(--color-default);
  3491.   padding: 7px 16px;
  3492.   display: flex;
  3493.   align-items: center;
  3494.   justify-content: center;
  3495. }
  3497. .blog .blog-pagination li.active,
  3498. .blog .blog-pagination li:hover {
  3499.   background: var(--color-primary);
  3500.   color: #fff;
  3501. }
  3503. .blog .blog-pagination li.active a,
  3504. .blog .blog-pagination li:hover a {
  3505.   color: var(--color-white);
  3506. }
  3509. /*--------------------------------------------------------------
  3510. # Blog Posts List
  3511. --------------------------------------------------------------*/
  3512. .blog .posts-list article {
  3513.   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  3514.   padding: 30px;
  3515.   height: 100%;
  3516.   border-radius: 10px;
  3517.   overflow: hidden;
  3518.   background-color: #fff;
  3519. }
  3520. .blog .posts-list article:hover{
  3521.   border-color: transparent;
  3522.     transform: translateY(-5px);
  3523.     box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15);
  3524.     cursor: pointer;
  3525. }
  3527. .blog .posts-list .post-img {
  3528.   max-height: 240px;
  3529.   margin: -30px -30px 15px -30px;
  3530.   overflow: hidden;
  3531. }
  3533. .blog .posts-list .post-category {
  3534.   font-size: 16px;
  3535.   color: #555555;
  3536.   margin-bottom: 10px;
  3537. }
  3539. .blog .posts-list .title {
  3540.   font-size: 22px;
  3541.   font-weight: 700;
  3542.   padding: 0;
  3543.   margin: 0 0 20px 0;
  3544. }
  3546. .blog .posts-list .title a {
  3547.   color: var(--color-default);
  3548.   transition: 0.3s;
  3549.   text-decoration: none;
  3550. }
  3552. .blog .posts-list .title a:hover {
  3553.   color: var(--color-primary);
  3554. }
  3556. .blog .posts-list .post-author-img {
  3557.   width: 50px;
  3558.   border-radius: 50%;
  3559.   margin-right: 15px;
  3560. }
  3562. .blog .posts-list .post-author-list {
  3563.   font-weight: 600;
  3564.   margin-bottom: 5px;
  3565. }
  3567. .blog .posts-list .post-date {
  3568.   font-size: 14px;
  3569.   color: #3c3c3c;
  3570.   margin-bottom: 0;
  3571. }
  3572.     </style>
  3573. \t<link rel=\"stylesheet\" href=\"{{ asset('templatehome/notify/themes/alertify.core.css') }}\" />
  3574. \t<link rel=\"stylesheet\" href=\"{{ asset('templatehome/notify/themes/alertify.default.css') }}\" id=\"toggleCSS\" />
  3575. \t<script src=\"{{ asset('templatehome/notify/lib/alertify.min.js') }}\"></script>
  3576. \t<script>
  3577. \t\tfunction resetNotif(){
  3578. \t\t\t\$(\"#toggleCSS\").attr(\"href\", \"{{ asset('templatehome/notify/themes/alertify.default.css') }}\");
  3579. \t\t\talertify.set({
  3580. \t\t\t\tlabels : {
  3581. \t\t\t\t\tok     : \"OK\",
  3582. \t\t\t\t\tcancel : \"Cancel\"
  3583. \t\t\t\t},
  3584. \t\t\t\tdelay : 5000,
  3585. \t\t\t\tbuttonReverse : false,
  3586. \t\t\t\tbuttonFocus   : \"ok\"
  3587. \t\t\t});
  3588. \t\t}
  3589. \t</script>
  3590. \t{% endblock %}
  3591. </head> 
  3592. <body id=\"home\" class=\"html-ltr\">
  3593.   {{ render(controller(\"App\\\\Controller\\\\General\\\\Template\\\\MenuController::menubare\", {'position': 'offerts'})) }}
  3595. \t<div id=\"outer-wrapper\">
  3596. \t   <main>
  3597. \t\t  {% block body %}
  3598. \t\t\t\t
  3599. \t\t  {% endblock %}
  3600. \t   </main>
  3601. \t  {{ render(controller(\"App\\\\Controller\\\\General\\\\Template\\\\MenuController:footer\", {'position': 'offerts'})) }}
  3602. \t</div>
  3604. <div class=\"content-alert-action-factory-user\" value=\"0\" name=\"0\" style=\"display: none;\"></div>
  3606. <div class=\"panel-result-action-factory-user\" style=\"display: none; position: fixed; z-index: 90000; width: 100%; text-align: center; top: 40%;\">
  3607. \t<span style=\"display: inline-block; width: 80px; height: 80px; background: transparent; text-align: center; padding-top: 25px;\">
  3608. \t\t<div data-w-id=\"bdd6bb74-6a76-cc2b-93ad-7ae71601b802\" data-animation-type=\"lottie\" data-src=\"https://assets2.lottiefiles.com/datafiles/kaSuzs8QVBUsk3j/data.json\" data-loop=\"1\" data-direction=\"1\" data-autoplay=\"1\" data-is-ix2-target=\"0\" data-renderer=\"svg\" data-default-duration=\"26.2\" data-duration=\"0\" style=\"height: 100px;\"></div>
  3609. \t</span>
  3610. </div>
  3612. <div class=\"modal fade\" data-backdrop=\"static\" id=\"open-modalSelect-reinitialize\" style=\"padding-top: 50px;\">
  3613. <div class=\"modal-dialog\">
  3614.     <div class=\"modal-content\">
  3615. \t\t<div class=\"modal-header color-bottom\" style=\"border-bottom: 4px solid #37c0fb; display: block!important;\">
  3616. \t\t\t<button type=\"button\" class=\"close custom-close-popup\" style=\"float: right!important;\">&times;</button>
  3617. \t\t\t<h3 class=\"modal-title\" style=\"margin: 0px; font-size: 22px;\"> Initialisation du mot de passe</h3>
  3618. \t\t</div>
  3620. \t\t<div class=\"modal-body\">
  3621. \t\t\t<div class=\"wait-account-verification-affiliate\" style=\"text-align: center; height: 100px; padding-top: 30px; color: #333;\">
  3622. \t\t\t\tPatientez un moment pendant la vérification de votre session.</br>
  3623. \t\t\t\t<img src=\"{{ asset('template/images/loader1.gif') }}\" alt=\"image\" style=\"height: 40px; width: 40px;\">
  3624. \t\t\t</div>
  3626. \t\t\t<div class=\"form-coustom-reset-password\" style=\"text-align: left; display: none; margin-bottom: 30px;\">
  3627. \t\t\t\t<div class=\"col-md-10 col-sm-12 col-md-offset-1\" style=\"color: #333;\">
  3628. \t\t\t\t <div style=\"border-bottom: 1px solid #ddd; margin-bottom: 15px; font-size: 20px;\">Identification du compte</div>
  3629. \t\t\t\t <form method=\"post\" action=\"#\" class=\"form-check-identifiant\">
  3630. \t\t\t\t\t<div class=\"form-group form-group-resset\">
  3631. \t\t\t\t\t\t<input type=\"text\" class=\"form-control\" placeholder=\"Rentrez l'email du compte\" required=\"\">
  3632. \t\t\t\t\t</div>
  3633. \t\t\t\t\t
  3634. \t\t\t\t\t<div class=\"alert alert-resset alert-block alert-danger\" style=\"display:none\">
  3635. \t\t\t\t\t<h4>Erreur !</h4>
  3636. \t\t\t\t\tNous n'avons pu identifier un compte avec cette adresse.
  3637. \t\t\t\t\t</div>
  3638. \t\t\t\t\t
  3639. \t\t\t\t\t<div class=\"form-group\">
  3640. \t\t\t\t\t\t<button  class=\"btn btn-primary\" style=\"background: #e34520;\">Envoyer</button>
  3641. \t\t\t\t\t</div>
  3642. \t\t\t\t </form>
  3643. \t\t\t\t</div>
  3644. \t\t\t\t<div class=\"clearfix\"></div>
  3645. \t\t\t</div>\t\t
  3646. \t\t</div>
  3647. \t\t<div class=\"modal-footer\" style=\"color: #333;\">
  3648. \t\t\t{% include 'Theme/General/Template/Menu/social.html.twig' %}
  3649.         </div>
  3650.     </div>
  3651. </div>
  3652. </div>
  3654. <div id=\"sppmodal-container\" class=\"sppmodal-container\">
  3655.   <div class=\"sppmodal-background\">
  3656. \t<div class=\"silly_scrollbar\">
  3657. \t<div class=\"sppmodal\">
  3658. \t\t
  3659. \t\t<a href=\"#!\" class=\"pull-right close-sppmodal\" style=\"position: absolute; top: 7px; right: 7px;\">
  3660. \t\t\t<img src=\"{{ asset('template/images/close.svg') }}\" style=\"height: 22px;\"/>
  3661. \t\t</a>
  3662. \t\t
  3663. \t\t<div class=\"wait-account-verification\" style=\"padding-top: 2px; margin-top: -3px; margin-right: -1px; margin-left: -1px;\">
  3664. \t\t\t<img src=\"{{ asset('template/images/user-bg.jpg') }}\" alt=\"image\" style=\"width: 100%; border-radius: 5px 5px 0px 0px;\">
  3665. \t\t\t
  3666. \t\t\t<div class=\"text-center\" style=\"margin-top: 60px;\">
  3667. \t\t\t\t<img src=\"{{ asset('template/images/loader1.gif') }}\" alt=\"image\" style=\"height: 30px; width: 40px;\">
  3668. \t\t\t\t
  3669. \t\t\t\t<div>Chargement en cours ...</div>
  3670. \t\t\t</div>
  3671. \t\t</div>
  3672. \t\t
  3673. \t\t<div class=\"sppmodal-content\"></div>
  3674. \t\t
  3675. \t\t<div style=\"position: absolute; bottom: 0px; width: 100%; padding: 15px 10px; border-top: 1px solid #ddd; background: #f7f7f7;\">
  3676. \t\t\t{% include 'Theme/General/Template/Menu/social.html.twig' %}
  3677. \t\t</div>
  3678. \t</div>
  3679. \t</div>
  3680.   </div>
  3681. </div>
  3683. <!--[if !IE]><!-->
  3684. <script type=\"text/javascript\" src=\"{{ asset('templatehome/js/common-protocol.e63d930b4412.js') }}\" charset=\"utf-8\"></script>
  3685. <!--<![endif]-->
  3686. <script type=\"text/javascript\" src=\"{{ asset('templatehome/js/stub-attribution.bf7c7a8615d5.js') }}\" charset=\"utf-8\"></script>
  3687. <!--[if !IE]><!-->
  3688. <script type=\"text/javascript\" src=\"{{ asset('templatehome/js/home.c5483f81f59a.js') }}\" charset=\"utf-8\"></script>
  3689. <!--===============================================================================================-->
  3690. <script src=\"{{ asset('template/login/vendor/bootstrap/js/popper.js') }}\"></script>
  3691. <script src=\"{{ asset('template/login/vendor/bootstrap/js/bootstrap.min.js') }}\"></script>
  3692. <!--===============================================================================================-->
  3694. {% block srcjavascript %}
  3696. {% endblock %}
  3698. <script type=\"text/javascript\">
  3699. \$(function(){
  3700. \t\$('.open-spp-modal').click(function(){
  3701. \t  \$('.sppmodal-content').hide();
  3702. \t  \$('.wait-account-verification').show();
  3703. \t  \$('#sppmodal-container').removeClass('out').addClass('one');
  3704. \t  \$('body').addClass('sppmodal-active');
  3705. \t  
  3706. \t  \$.post('{{ path('produit_produit_ajouter_product_panier', {'position': 'duree'}) }}',function(data){
  3707. \t\t  if(data != 0)
  3708. \t\t  {
  3709. \t\t\t  \$('.wait-account-verification').hide();
  3710. \t\t\t  \$('.sppmodal-content').show();
  3711. \t\t\t  \$('.sppmodal-content').html(data);
  3712. \t\t  }else{
  3713. \t\t\t  resetNotif();
  3714. \t\t\t  alertify.alert(\"Echec, Une erreur a été rencontrée. Essayez à nouveau !\");
  3715. \t\t\t  
  3716. \t\t\t  \$('#sppmodal-container').addClass('out');
  3717. \t\t\t  \$('body').removeClass('sppmodal-active');
  3718. \t\t  }
  3719. \t    });
  3720. \t})
  3721. \t\t
  3722. \t\$('.close-sppmodal').click(function(){
  3723. \t\tresetNotif();
  3724. \t\talertify.confirm(\"Êtes-vous certain de vouloir annuler cette opération ?\", function (e) {
  3725. \t\t\tif(e){
  3726. \t\t\t\t\$('#sppmodal-container').addClass('out');
  3727. \t\t\t\t\$('body').removeClass('sppmodal-active');
  3728. \t\t\t} else {
  3729. \t\t\t\talertify.success(\"Opération annulée avec succès !\");
  3730. \t\t\t}
  3731. \t\t});
  3732. \t});
  3734. \t{% block javascript %}
  3735. \t\t
  3736. \t{% endblock %}
  3737. });
  3738. </script>
  3740. </body>
  3741. </html>", "Theme/layoutoffert.html.twig", "/home/afhunt/domains/factory.afhunt.com/public_html/factory/templates/Theme/layoutoffert.html.twig");
  3742.     }
  3743. }