@import "rwdgrid.css";
@import "wapi.responsive.css";
@import "wapifont.css";
@import "util.css";
@import "jquery.datetimepicker.min.css";

/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Quicksand-Light;
  src: url('../font/Quicksand-Light.ttf'); 
}

@font-face {
  font-family: Quicksand-Regular;
  src: url('../font/Quicksand-Regular.ttf'); 
}

@font-face {
  font-family: Quicksand-Medium;
  src: url('../font/Quicksand-Medium.ttf'); 
}

@font-face {
  font-family: Quicksand-SemiBold;
  src: url('../font/Quicksand-SemiBold.ttf'); 
}

@font-face {
  font-family: Quicksand-Bold;
  src: url('../font/Quicksand-Bold.ttf'); 
}

@font-face {
  font-family: Biko_Bold;
  src: url('../font/Biko_Bold.otf'); 
}

@font-face {
  font-family: Biko_Black;
  src: url('../font/Biko_Black.otf'); 
}
/*///////////////////////////////////
[ELEMENT ROOTS]
*/
:root {
  /* Font Family */
  --onmc--font-primary: "Quicksand-Medium";
  --onmc--font-secondary: 'Biko_Bold';
  /* Colors */
  --apps--color-black: #000;
  
  --apps--color-gris1: #4d4f50;
  --apps--color-gris2: #5b5e5f;
  --apps--color-gris3:  #888b8c;
  --apps--color-gris4:#c6c8c8; 
  --apps--color-gris5:#d7d9d8; 
  --apps--color-gris6:#eaeae9;
  --apps--color-gris7:#F4F4F4;
  

  --apps--color-jaune1: #e9e44e;
  --apps--color-jaune2: #f6c751;
  --apps--color-jaune3: #70692e;
  --apps--color-jaune4: #f2f0df;
  
  --apps--color-white: #fff;


  --apps--color-rouge1:#da3832;
  --apps--color-rouge2:#e62646;
  --apps--color-rouge3:#dba7b2;
  --apps--color-rouge4:#ead3d9;

  --apps--color-vert1:#1C4A2A;
  --apps--color-vert2:#3C7752;
  --apps--color-vert3:#6BB557;
  --apps--color-vert4:#BCD46C;
  --apps--color-vert5:#BFD783;
  --apps--color-vert6:#EBECE0;

  --apps--color-blue1:#045bb2;
  --apps--color-blue2:#123f6d;
  --apps--color-blue3:#e2edf7;

   --angle: 45deg;
  --opacity: 0.5;
  --radiius-angle4045:.4045rem;
  --radiius-angle81:.81rem;

  --degrade-rouge1:linear-gradient(90deg, var(--apps--color-rouge2) 0%, var(--apps--color-rouge2) 100%);
 
  --degrade-jaune1:linear-gradient(90deg, var(--apps--color-rouge2) 0%, var(--apps--color-jaune1) 100%);

 --degrade-jaunevert1:linear-gradient(90deg, var(--apps--color-jaune1) 0%, var(--apps--color-vert2) 100%);

  --degrade-vert1:linear-gradient(90deg, var(--apps--color-vert2) 0%, var(--apps--color-vert3) 100%);
 
  --degrade-vert2:linear-gradient(180deg, var(--apps--color-vert2) 0%, var(--apps--color-vert3) 100%);

  --degrade-vert3:linear-gradient(180deg, var(--apps--color-jaune4) 0%, var(--apps--color-jaune1) 100%);

  --degrade-vert4:linear-gradient(180deg, var(--apps--color-vert5) 0%, var(--apps--color-vert3) 100%);

  --degrade-gris1:linear-gradient(180deg, var(--apps--color-white) 0%, var(--apps--color-gris6) 100%);
  --degrade-gris2:linear-gradient(180deg, var(--apps--color-gris5) 0%, var(--apps--color-gris6) 100%);


  --degrade-drapeau:linear-gradient(90deg, var(--apps--color-vert1) 0%, var(--apps--color-rouge1) 35%, var(--apps--color-jaune1) 100%);


  --degrade-bar-top:linear-gradient(90deg, var(--apps--color-gris2) 0%, var(--apps--color-gris3) 35%, var(--apps--color-gris7) 100%);
  /*/////[COLOR APPS CONFIGURATION]*/
  --apps-color-0:#511B5E;
  --apps-color-1:#E385F9;
  --apps-color-2:#773583;

  --apps--color-3:#9C40B2;
  --apps--color-4:#CBA9D3;

  --apps--color-5:#F0DFF4;
  
  --apps-color-6:#EEA9FF;
  --degrad-color-1:linear-gradient(180deg, var(--apps-color-1) 0%, var(--apps--color-gris5) 100%);
}
/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: Quicksand-Medium, sans-serif;
  background: var(--apps--color-white) !important;
}


* {
  margin: 0;
  padding: 0; 
}

textarea {
  display: block;
  outline: none;
}

textarea:focus, input:focus {
  border-color: transparent !important;
}

button,
input { /* 1 */
  overflow: visible;
}

button { cursor:hand; cursor:pointer; }

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],select,
.apps textarea {
  border: 0;
  border-bottom: 1px solid var(--apps--color-gris1);
  border-radius:0px;
  line-height: 2;
  padding: .3rem;
  margin: 0 2px;
  color: var(--apps--color-gris1);
  height: 45px;-webkit-appearance: none;-moz-appearance: none; 
    appearance: none;
}
.apps-textarea { min-height:150px }
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,select:focus,
.apps textarea:focus {
  outline: none !important;
  background: var(--apps--color-white);
  color: var(--apps--color-black);
  border: .1rem solid var(--apps-color-2) !important;
  background: var(--apps--color-gris7);
  -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active, select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active{
-moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
-webkit-box-shadow: 0 0 0 40px white inset !important;
    -webkit-text-fill-color: var(--flix--color-violet1) !important;
}

input:-internal-autofill-selected {
  -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgba(255, 255, 255, 1)) !important;
    color: fieldtext !important;
}
input[readonly] {

}

input[type="submit"]:disabled {
  background: #dddddd !important;color: var(--apps--color-gris3);
}
  .bull-info {
  position: relative;  /*les .picto-item deviennent référents*/
 
  border-radius: 50%;
}
.select_arrow_ { position:absolute;margin-left:-30px;margin-top:10px;color:var(--apps-color-2);font-size:15px; }
/* on génère un élément :after lors du survol et du focus :*/

.bull-info:hover:after,
.bull-info:focus:after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  top: -2.4em;
  left: 50%;
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /* on interdit le retour à la ligne*/
  padding: 5px 14px;
  background: var(--apps--color-black);
  color: #fff;
  border-radius: 4px;
  font-size: .9rem;
}

/* on génère un second élément en :before pour la flèche */

[aria-label]:hover:before,
[aria-label]:focus:before {
  content: "▼";
  position: absolute;
  top: -1em;
  left: 50%;
  transform: translateX(-50%); /* on centre horizontalement  */
  font-size: 20px;
  color: var(--apps--color-vert1);
}

/* pas de contour durant le :focus */
[aria-label]:focus {
  outline: none;
}
.inputimportant { font-size:10px;color:var(--apps--color-rouge1) }

.cloudimg {
    border: 0.03rem solid var(--apps--color-gris4);
    padding: 20px;
    background: #fff;
    border-radius: 0.3rem;
    display: table;
    width: 100%;margin-bottom:20px;
}
.cloudimg:hover {
background: var(--apps--color-gris6);color: var(--apps--color-gris1);
}

.cloudimg:hover .cloudimg_icon{
color:var(--apps-color-2);
}
.cloudimg_icon {
    font-size: 2rem;
    color:var(--apps-color-2);
}

.cloudsms { 
overflow-wrap: break-word;
}
#inputTag1, #inputTag2, #inputTag3 , #inputTag4, #inputTag5 , #inputTag6, #inputTag7 , #inputTag8, #inputTag9 , #inputTag10, #inputTag11, #inputTag12,#inputTag13 {
    display: none;
}
#imageName1, #imageName2, #imageName3 ,#imageName4, #imageName5, #imageName6,#imageName7, #imageName8, #imageName9,#imageName10, #imageName11, #imageName12,#imageName13
{
  color: var(--apps--color-rouge2);
  font-weight:bold ;
}
.button_active 
{ 
border: 0;
border-radius: var(--radiius-angle4045);
background: var(--apps-color-2);
color: var(--apps--color-white);
}
.button_neutre {
 border: 0;
border-radius: var(--radiius-angle4045);
background: var(--apps--color-white);
color: var(--apps--color-gris2); 
}
.biko_bold { font-family: Biko_Bold; }
.biko_black {  font-family: Biko_Black; }

.headApps {  width: 100%;background-image: url("../images/patern_jaune.svg"), url("../images/patern_vert.svg");
  background-position: top left, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: 100px, 110px;
  min-height: 155px;
}
.headApps_vert {
background: var(--apps-color-0);color: var(--apps--color-white);
display: table;
}
.headApps_vert a { color:var(--apps--color-white);font-family:"Quicksand-Bold";text-decoration:none; font-size: .9rem;padding-top:10px;display:inline-table; }
.toplink img { width:25px; }
.toplink i{ color:var(--apps-color-1); }

.autresApps { display: none; position:absolute;z-index:300;margin-top:39px;margin-left:50px;
background: var(--apps--color-white);border-radius: var(--radiius-angle4045);border: .01rem solid var(--apps--color-gris4);padding: 4px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);  }

.autresApps li { list-style: none; padding: 0px;margin: 0;}
.autresApps a { color:var(--apps--color-black);font-size:15px;padding: 9px;display: block;}

.autresApps a:hover { background: var(--apps--color-5);border-radius: var(--radiius-angle81);}
.connectApps { margin-top:7px;background:var(--apps-color-2);color:var(--apps--color-white) !important;text-align:center; 
border-radius: var(--radiius-angle4045);}
.connectApps:hover {color:var(--apps-color-1) !important;background:var(--apps-color-2) !important; border-radius: var(--radiius-angle4045) !important;}

.onmc_forms {  }
.form_title { color:var(--apps--color-gris2); }
.onmc_numero { border:0 solid white !important;border-radius:0 !important; }
.inputNumero input[type="text"]:focus { border:0 !important; border-bottom: .01rem solid var(--apps--color-gris2) !important;}
.inputNumero {   border-bottom: 1px solid var(--apps--color-gris1);
  border-radius: 0px;
  line-height: 2;
  padding: .3rem;
  margin: 0 2px;
  color: var(--apps--color-gris1);
  height: 45px; }

.inputNumero_select {
border: 0px solid transparent;
}

.inputNumero_select:focus {
border: 0px !important;
}

 .symbolNumero { text-align:center;font-size:23px;font-family:"Quicksand-Light"; } 
.form_title1 { color:var(--apps-color-0); }
.rouge1{ color:var(--apps--color-rouge1) !important; }
.blocForm 
{
  backdrop-filter: blur(3px);
width: 350px;margin: auto auto;display: table;
border: 0px solid red;
}
.form_bg 
{
  background: url("../images/chirurgien_dentiste_3.png"), url("../images/chirurgien_dentiste_2.png");
height: 100%;
background-repeat: no-repeat, no-repeat;
background-position: right center, bottom left;
background-size: 20%, 200px;
}

.headApps_bg {  width: 100%;background-image: url("../images/banniere_apps_2@2x-100.jpg");
  background-position: top left, right top;
  background-repeat: no-repeat, no-repeat;
  
  background-size: cover;
  min-height: 155px;
}

.inputText
{
display: table;width: 100%;
}
.titre_doc { margin-top:20px !important; }
.p-label-20 { margin-left:80px !important; }
.space_input10 
{ 
display: table;
height:10px;
}

.space_input22 
{ 
display: block;
content: " ";
height:22px;
}

.space_input22_block
{ 
display: block;
height:22px;
}

.mobile_request, .whatsapp_request { width:82%;float:right; }
.onmc_annee { 

 }
.onmc_annee_bloc 
{
border-radius: var(--radiius-angle4045); position:absolute;z-index:300;margin-top:44px;
background: var(--apps--color-white);border: .01rem solid var(--apps--color-gris4);padding: 4px;
box-shadow: 0px 3px 5px  0px rgba(0, 0, 0, 0.2);width: 240px;
}


.onmc_annee_bloc li { list-style: none; padding: 0px;margin: 0;display: inline-block;}

.space_input32 
{ 
display: table;
height:37px;
}

.space_input48 
{ 
display: table;
width: 100%;
height:54px;
}


.bloc-medecin {
width: 210px;min-height:380px;
box-shadow: 0px 2px 5px  0px rgba(0, 0, 0, 0.2);
border: .01rem solid var(--apps-color-1);
border-radius: 8px;display: flex;flex-wrap: wrap;
  justify-content:space-between;
}

.bloc-medecin_update {
width: 210px;min-height:170px;border:.05em solid var(--apps--color-gris4);
border-radius: var(--radiius-angle81);display: table;
box-shadow: 0px 2px 5px  0px rgba(0, 0, 0, 0.2)
}
.bloc-medecin_update:hover {background:var(--apps--color-gris6);cursor:pointer;cursor:hand; }
.bloc-statuts i.ajour { color:var(--apps--color-vert3); }
.bloc-statuts i.pasjour { color:var(--apps--color-rouge1); }

.bloc-containt {  }
.bloc-photo { border:.01rem solid var(--apps--color-vert5); height:100px;width:100px; 
border-radius: 34rem;
}
.bloc-nom { color:var(--apps--color-black); }
.bloc-email { color:var(--apps--color-vert2); }

.bloc-email a { display:block;padding:2px 2px; }
.bloc-email a i{ color:var(--apps--color-vert2); }
.bloc-email a:hover { color:var(--apps--color-jaune1); background:var(--apps--color-vert2); 
border-radius: 30px}
.bloc-email a:hover i {color:var(--apps--color-jaune1); }

.bloc-like i{ color:var(--apps--color-rouge2); }
.bloc-like span{ color:var(--apps--color-gris3); }

.bloc-numero { color:var(--apps-color-2);display:block; font-family:Biko_Bold; }
.bloc-specialite { color:var(--apps--color-gris2);display:block }
.bloc-etoile { color:var(--apps--color-jaune1); }
.bloc-ajour   { display:block; color:var(--apps--color-gris1); } .bloc-ajour i { color:var(--apps--color-vert4); }
.bloc-college { display:block;color:var(--apps--color-rouge1); }

.nombre_medecin { font-family: Biko_Bold;color:var(--apps--color-rouge2);}
.inscrit { color:var(--apps-color-2); }

.seeplus {  align-self: flex-end;width: 100%;font-family:"Quicksand-Bold;" }
.seeplus button i { font-size:13px; }

.formLink { text-decoration:none;font-family:"Quicksand-Bold";color:var(--apps-color-2) }
.formLink i { color:var(--apps-color-1); }

.formLinkFoot { background:var(--apps--color-5);display:inline-block;margin:2px; 
padding: .3rem;text-decoration: none;color: var(--apps-color-0);
border-radius: var(--radiius-angle4045);border: .1rem solid var(--apps-color-0);}

.inputText label 
{
font-family: "Quicksand-Bold";
 background: transparent;
 color: var(--apps-color-2);
 
 padding: 2px;
 margin-top: -13px;
 margin-left:20px ; 
}

.inputSelect select 
{  
-moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    border: 0px;
  border-bottom: 1px solid var(--apps--color-gris1);
  border-radius: 0px;
  line-height: 2;
  padding: .3rem;
  margin: 0 2px;
  color: var(--apps--color-gris1);
  height: 45px;
}
.addInput { background:var(--apps--color-white);border:0;position:absolute;
 border-radius: 20px;margin-top:10px;margin-left: -19px;}
.addInput i{ color:var(--apps--color-vert2);font-size:1.4rem; }
.pattern_1 { background:transparent url('../images/patern_onmc.svg') repeat;background-size:180%; }

.research { border-radius:var(--radiius-angle81);
box-shadow: 0px 2px 5px  0px rgba(0, 0, 0, 0.2);

 }
.addfliter { /*border-top:1px solid var(--apps--color-vert2);*/}
.titrefiltre { color:var(--apps--color-gris3); }
.titrefiltre i{ color:var(--apps--color-vert2); }
.btText { display:none; }
.popgroup { background-color: rgba(28, 74, 42, 0.4);width:100%;height:100%;position:fixed;top:0; }
.popblock { margin:auto auto;background:var(--apps--color-white);margin-top:30px;border-radius:var(--radiius-angle4045) }
.popblockSize1 { width:250px; }
.nbretrouvé { color:var(--apps--color-rouge1) !important; }
.oc_PageSearch { margin-left:190px; }
.oc_revenuStat { font-size:12px;font-family:"Quicksand-SemiBold";padding-bottom:20px; text-align: center;}
.fichefooter 
{
margin-top: 20px;
background: var(--apps--color-vert2);
background: var(--degrade-vert1);
}
.fichefooter div { width:24%; }
.fichefooter a i { color:var(--apps--color-white);font-size:20px; }
.fichefooter a i:hover { color:var(--apps--color-jaune1);font-size:20px; }

.loadingpost { display:none;background-color: rgba(119, 53, 131, 0.7);width:100%;height:100%;position:fixed;top:0;text-align:center; }
.contentload { display:table;border-radius:40px;margin-top:20% !important;margin:auto auto;color:var(--apps--color-vert2);background:var(--apps--color-white); }
.contentload img { border-radius:30px;display:inline-block;margin:auto auto;width:30px;float:left; }

.border-b1 
{
border-bottom-left-radius: var(--radiius-angle4045); border-bottom-right-radius: var(--radiius-angle4045);
}
.barflag { background:var(--degrade-drapeau); height: 20px;width: 100%; color: var(--apps--color-jaune1);}
.barflag0 { background:var(--degrade-drapeau);height:2px;width: 100%; color: var(--apps--color-jaune1);}
.drapeau_lieu {  } .drapeau_lieu img{ width:20px; }
/*page loader */
.pageLoader { position:fixed;bottom:40px;text-align: center; }
.pageClick { position: relative;z-index:1000;background:transparent;text-align: center;margin: auto auto;margin-top:-44px; }  
.pageClick i { color:var(--apps--color-vert3); }

.pageClick_intense { 
  border-radius: 40px;margin: auto auto;margin-top: 20px;position: relative;z-index:500;
  width: 38px;height: 38px;
 animation-name: change-color;animation-duration: 3s;
  /* animation-iteration-count: 3; */
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
 }
@keyframes change-color {
  0% {
   background-color: var(--apps--color-white);transform: scale(1);
  }
  50% {
    background-color:  var(--apps--color-vert5);opacity:0.4 ;
  }
  100% {
   background-color:  var(--apps--color-vert6);transform: scale(1.5);
  }
}
.filariane { color:var(--apps--color-vert2); }
.filariane span {;font-family:"Quicksand-Bold";}
.filariane a { color:var(--apps--color-gris1);text-decoration:none; }

.pageClick i:hover { color:var(--apps--color-vert2); }
#loader-icon { text-align:center;margin-bottom:20px }
.divseeplus { display:none; }
.footer { background:var(--apps--color-white); bottom:0;position:fixed;border-top:.09rem solid var(--apps--color-gris4);width:100%; }
.footer a { color:var(--apps--color-gris2);text-decoration:none; }
.footer a:hover { color:var(--apps--color-gris1); }
.logo_apps { width:90px }
.logo_onmc { width:80px; }
/* pays code  */
.dropbtn { 
 position: relative; 
display: inline-block; cursor: hand;cursor: pointer;
}
.dropbtn:hover .payscode { 
            display: block;
}
.payscode { 
display: none;
border-radius: var(--radiius-angle4045);
            position: absolute; 
            background-color: #f9f9f9; 
            min-width: 290px; 
            box-shadow: 0px 8px 16px  
                0px rgba(0, 0, 0, 0.2); 
            z-index: 1; overflow: scroll;
            height: 300px;
 }
.payscode a { 
  cursor: hand;cursor: pointer;
            color: black; 
            padding: 5px; 
            text-decoration: none; 
            display: table; width: 100%;
        } 

.payscode a span,.payscode a img,.payscode a small {display:block;float:left;margin-left:4px }        
.payscode a:hover { 
            background-color: #f1f1f1 
        } 
#flags { width:80px; } #flags span,#flags img { float:left; }
/* MESSAGE D'ERREUR  */
.notify_apps { width:80%;display:table;position:fixed;z-index:300;padding: 7px;border-radius: var(--radiius-angle4045);margin: 10px;top:20px;left:20px;}
.close_notify { padding:7px } .close_notify i{ color: var(--apps--color-gris2);}
.notify_icon i { font-size:26px; } .notify_sms { padding:4px; }
/*erro */
.error { background:var(--apps--color-rouge4); }
.error .notify_icon i {color:var(--apps--color-rouge2); }
/*succes*/
.success {  background:var(--apps--color-vert6); }
.success .notify_icon i {color:var(--apps--color-vert2); }
/*infos*/
.infos {  background:var(--apps--color-blue3);  }
.infos .notify_icon i {color:var(--apps--color-blue1); }
/*Attention*/
.attestation {  background:var(--apps--color-jaune4);}
.attestation .notify_icon i {color:var(--apps--color-jaune2); }
.notify_sms { color:var(--apps--color-black);font-family:'Quicksand-Medium'; }
.borderInfos { border:.1rem dashed var(--apps--color-gris4); border-radius: var(--radiius-angle4045);}

.typeRequest1 { display:none; }
.thankyou { text-align:center; }
.thankyouHead {  }
.thankyouHead i { color:var(--apps--color-vert2); }
.thankyoucontent { line-height:2rem; }
.thankyoucontent h2 { color:var(--apps--color-gris2); }

.thankyoucontent p { color:var(--apps--color-gris1);font-size:18px }
.nom_rq { width:83% }
.thankyoucontent span { background:var(--apps--color-jaune1);border-radius: var(--radiius-angle81);padding: 1.6px 15px 2px 15px;color: var(--apps--color-vert1);
font-family: "Quicksand-Bold";margin-top: 15px !important;display: table;margin: auto auto;}



.autocompleter-result{
  position:absolute;
  display: none;
  border: 1px solid var(--apps--color-gris4);
  background: var(--apps--color-white);
  box-shadow: #ccc 0 2px 8px;
  overflow-y: auto;
  max-height:300px;
  z-index:4000;
  border-bottom-right-radius:var(--radiius-angle4045);
  border-bottom-left-radius:var(--radiius-angle4045);
}

.autocompleter-item{
  cursor: pointer;
  color: var(--apps-color-2);
  padding: 3px;
  margin: 3px;
}

.autocompleter-item.selected{
  background: var(--apps-color-6);
  border-radius:var(--radiius-angle4045);
}
/* step formulaire */
.group_step {
/*border: .09rem solid var(--apps--color-gris3);*/
display: table;
width: 100%;
margin: 0;padding: 0;
list-style: none;
}
.grade_step { display:table;width:100%; }
.grade_step h1 { float:left;margin:0;padding:0; } .grade_step h2 { float:left;margin-left:10px;color:var(--apps--color-vert1);font-family:'Quicksand-Light'; }
.percent_step {
 background-color: var(--apps--color-gris4);
 height: 8px;
 border-radius: var(--radiius-angle81); 
}

.contentTypeDoc1, .contentTypeDoc2, .specTypeDoc1 { display:none; }
.infoTypeDoc1, .infoTypeDoc2 { display:none; }
.percent1 { width:25%;background:var(--degrade-rouge1);   }
.percent2 { width:50%; background:var(--degrade-jaune1);}
.percent3 { width:75%; background:var(--degrade-jaunevert1); }
.percent4 { width:100%; background:var(--degrade-vert1);}

.percent_step div { display:table;height:8px;
 border-radius: var(--radiius-angle81);}
.group_step li {
/*display: none;*/
}
.group_step li:first-child {
  display: block;
}
.formaction a { text-decoration:none;  }
.connect_infosPaiement 
{

}

.msg_paye_confirm { width:350px;border:.09rem solid var(--apps--color-vert2); border-radius: var(--radiius-angle81);padding: 20px;margin: auto auto;}
.msg_paye_confirm p i { font-size:43px;color:var(--apps--color-jaune2); }
.msg_paye_confirm p { font-size:17px; color: var(--apps--color-gris1);line-height: 1.8rem;}
.msg_paye_confirm p a {font-family:"Quicksand-Bold";display: inline-block;}
.onmc_counter { color:var(--apps--color-rouge1); }
.connect_burger_menu { display:none;display:inline-block; }


.connect_modePay { background: var(--apps--color-gris6); padding-top:10px;border:.01rem solid var(--apps--color-gris2);margin-bottom:22px;border-radius:var(--radiius-angle4045); }
.connect_menuApps { border-bottom:.09rem solid var(--apps--color-gris4); }
.connect_menuApps li { display:inline-block;margin-left:20px;margin-top:30px; }
.connect_menuApps .logo_onmc { width:50px;height:50px;margin-left:100px;}
.connect_menuApps li a { color:var(--apps--color-black);text-decoration:none;padding:20px;display:block; }
.connect_menuApps li:hover { border-bottom:.15rem solid var(--apps-color-1); }
.connect_menuApps li span { color:var(--apps--color-black);display:inline-block; margin-left:10px;}
.connect_menuApps li a i { color:var(--apps-color-2); }
.connect_infocompte { margin-left:180px;margin-top:10px; color: var(--apps-color-2);font-size: 19px}
.connect_infocompte span { font-family:"Quicksand-Bold";color:var(--apps--color-black); }
.connect_patern { background:transparent url("../images/patern_onmc.svg") repeat;height:300px;width:100%;position:fixed;bottom:0;z-index:-1000; }
.connect_menuActif {  border-bottom:.15rem solid var(--apps-color-1) !important; }
.connect_profil {  }  .connect_profil a { color:var(--apps-color-6);text-decoration:none;font-size:14px; }
.connect_logo {  } .connect_logo:hover{ border:0 !important; }
.filariane_connect {  }
.filariane_connect a { color:var(--apps--color-gris3);text-decoration:none;font-size:16px;  }
.filariane_connect span { color:var(--apps--color-vert2);text-decoration:none;font-size:15px;  }
.connect_pageAriane { font-size:17px !important;color:var(--apps--color-vert1) !important;  }
/* Mode de paiement  */
.connect_mode_paiement {

}
.connect_statut_onmc { }
.connect_statut_an { font-family:"Quicksand-Bold";border-radius:30px;border:.01rem solid var(--apps--color-vert2);padding-left:5px;padding-right:5px;display:inline-block; }
.connect_statut_an1 { font-family:"Quicksand-Bold";border-radius:30px;border:.01rem solid var(--apps--color-rouge1);padding-left:5px;padding-right:5px;display:inline-block;}
.paye_error { color: var(--apps--color-rouge1);}

.connect_titre {
  font-size: 19px;color:var(--apps--color-gris1);
}

.connect_mode_description span { font-size: 14px;color:var(--apps--color-gris1);  }
.connect_mode_description a { font-size:14px; color:var(--apps--color-vert2); }
.connect_bloc_paiement { 
border-radius: 8px;margin-top: 15px;
border:.04rem solid var(--apps--color-vert2);

}
.connect_head_paiement {  
background: var(--apps--color-vert6);
border-top-left-radius:8px;border-top-right-radius: 8px;font-family: "Quicksand-Bold";color: var(--apps--color-vert1);
padding: 4px;
}
#searchAutoSelect {
  padding: 5px;
}

.optionAuto {
  padding: 5px;
  display: none;
  color: var(--apps--color-gris1);
  background: var(--apps--color-white);
  cursor: hand;border-radius: var(--radiius-angle4045);margin: 3px;
}
.optionAuto:hover {
  color: var(--apps--color-vert1);
  background: var(--apps--color-vert6);
}
.optionsGroup {
  background: var(--apps--color-white);box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 
  border-radius: var(--radiius-angle4045);
  max-height: 300px;
  width: 300px;
  overflow: auto;
  padding: 0;
  margin: 0;z-index: 4000;
position: absolute;
}

.additem-1, .additem-2, .addRemplacement-1 { 
background: transparent;
border: 0;font-size: 14px;
color: var(--apps--color-gris1);
 }
.delItem { background:transparent;border:0;  } .delItem i { color:var(--apps--color-rouge1);font-size: 20px !important;}
.additem-1 i, .additem-2 i,.addRemplacement-1 { 
color:var(--apps--color-rouge2);
 }
.additem button, .addremplace button {
background: transparent;border: 0;
margin-top: 8px;
}
.additem button i, .addremplace button i{
font-size: 21px !important;color: var(--apps--color-rouge1);
}
.fieldset1 {
  border-radius: var(--radiius-angle4045);
  border: .07rem solid var(--apps--color-vert6);
  padding: 3px;
}
.list_opportin{ display:inline-block;border:.09rem solid var(--apps--color-gris4); border-radius: var(--radiius-angle4045);padding: 10px;text-decoration: none;color: var(--apps--color-vert1);font-family: "Quicksand-Medium";}
.list_opportin:hover, .list_opportin_actif { border:.09rem solid var(--apps--color-vert2);background:var(--apps--color-vert6); }
.fieldset1 legend {
  font-family: "Quicksand-Bold";
margin-left: 10px;
color: var(--apps-color-2);
}
.tableTitle {
  font-family: "Quicksand-Bold";
margin-left: 10px;font-size: 16px;
color: var(--apps--color-3);
}

.beginOf, .endOff { margin-top:10px }

.blocFac input[type="text"]{
  width: 24% !important;
}
.formaction { background:var(--apps--color-gris4);border-radius:var(--radiius-angle4045);padding:5px; }
.qoninscription p {
margin-bottom: 20px;
text-align: justify;
line-height: 20px;
}

/* Customize the label (the container) */
.btcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.btcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.btcontainer:hover input ~ .checkmark {
  background-color: #ccc;border:0.01rem solid #BCD46C;
}

/* When the checkbox is checked, add a blue background */
.btcontainer input:checked ~ .checkmark {
  background-color: var(--apps-color-2);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.btcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.btcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.btcontainer:hover input ~ .checkmark_radio {
  background-color: #ccc;border:0.01rem solid #BCD46C;
}

/* When the radio button is checked, add a blue background */
.btcontainer input:checked ~ .checkmark_radio {
  background-color: #3C7752;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.btcontainer input:checked ~ .checkmark_radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.btcontainer .checkmark_radio:after {
  top: 4.3px;
  left: 4.3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: white;
}
/* design onmc_plus  */
.onmc_plus { padding:3px;margin-top:7px; }

.onmc_plus span { padding:3px; font-size: 19px;}

.onmc_plus button { padding:4px; background: transparent;border: 0;}
.onmc_plus button i { font-size:17px;color:var(--apps--color-rouge1); }

.icon_folder i { color:var(--apps--color-vert1);font-size:27px }
.icon_folder span.titre { color:var(--apps--color-vert2);font-family: "Quicksand-Bold";}
.icon_folder span {   }

.track_step { margin-top:-25px; padding: 10px}
.track_step i{ color:var(--apps--color-gris3); }
.track_step span { color:var(--apps--color-gris3);
  font-family: "Quicksand-Bold";font-size:15px; }

.percent_track {
 background-color: var(--apps--color-gris4);
 height: 8px;
 border-radius: var(--radiius-angle81); 
}

.track_actif i { 
  color:var(--apps--color-vert1) !important;

 }
.track_actif span { color:var(--apps--color-black) !important;}

.tracker { height:8px;
 border-radius: var(--radiius-angle81);  }
.track_1 { width:20%;background:var(--degrade-rouge1);   }
.track_2 { width:40%; background:var(--degrade-jaune1);}
.track_3 { width:60%; background:var(--degrade-jaunevert1); }
.track_4 { width:80%; background:var(--degrade-jaunevert1);}
.track_5 { width:100%; background:var(--degrade-vert1);}

.infos_step { margin-top:10px !important; }
.infos_step h3 { font-size:15px;color:var(--apps--color-vert1); }
.infos_step p { font-size:13px;color:var(--apps--color-vert2);  }
.infos_step i { font-size:23px;color:var(--apps--color-jaune1) !important; }
.infos_step a { margin-top:11px !important;text-decoration:none; background:var(--apps--color-vert2);display:table;margin:auto auto;color:var(--apps--color-white);border-radius:var(--radiius-angle4045);padding:3px;text-align:left; }
.infos_step div { font-size:12px; }
.titre_dispo { color:var(--apps--color-vert1); }
.icon_dispo { padding-right:10px }
.icon_dispo img { width:40px; }
.text_dispo { text-align:left; }
.text_dispo small { color:var(--apps--color-gris3); }
.otherLink { color:var(--apps--color-vert1); }
.inputConnect { width:280px !important;margin:auto auto; }
.borderTopFlag1 { height:3px;background:var(--degrade-bar-top);width:100%; }
.connect_link_form { text-decoration:none;background:var(--apps-color-2);display:inline-block;padding:8px;border-radius:var(--radiius-angle4045); }
.connect_link_form:hover { background:var(--degrad-color-1);border:.09rem solid var(--apps--color-vert3); }
.connect_link_form span { color: var(--apps--color-white);font-family: "Quicksand-SemiBold";margin-left: 10px;}
.connect_link_form i { color: var(--apps-color-1);}
.connect_link_form:hover span { color: var(--apps--color-vert1);font-family: "Quicksand-SemiBold";}
.connect_link_form:hover i { color: var(--apps--color-vert2);}

.connect_otherlink { text-decoration:none;background:var(--apps-color-2);display:inline-block;padding:8px;border-radius:var(--radiius-angle4045); }
.connect_otherlink:hover { background:var(--degrad-color-1);border:0rem solid var(--apps--color-vert3); }
.connect_otherlink span { color: var(--apps--color-white) !important;font-family: "Quicksand-SemiBold";margin-left: 10px;}
.connect_otherlink i { color: var(--apps-color-1) !important;}
.connect_otherlink:hover span { color: var(--apps--color-vert1) !important;font-family: "Quicksand-SemiBold";}
.connect_otherlink:hover i { color: var(--apps--color-vert2) !important;}

.connect_dossier { color:var(--apps--color-vert1) !important; }
.connect_dossierLink { text-decoration:none;color:var(--apps--color-gris1);display:inline-block;cursor:hand;pointer:hand }
.connect_dossierLink i{ color:var(--apps--color-vert3); }
.close_notify { border:0;background:transparent; }
.close_notify i { font-size:15px;color:var(--apps--color-gris3); }
/* OC_APPS */
.oc_mainConter { margin-top:-20px; }
.oc_headApps {
  background: var(--apps-color-0);
}


.logo_oc { width:35px; }
.oc_notification { position:fixed;right: 0; border-radius:var(--radiius-angle4045);padding: 4px;display: table;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);background: var(--apps--color-white);width: 250px !important;text-align: left !important;}
.oc_menuApps { display:table;width:100%;}
.oc_menuApps  li { 
display: inline-block;
position: relative;
white-space: nowrap;
cursor: pointer;
color: var(--apps--color-white);
/*border: 1px solid var(--apps--color-white);*/

 }

.oc_boxStat1 {  margin:4px;background-color: var(--apps--color-4);padding:5px;border-radius:var(--radiius-angle4045);}
.oc_contentBoxStat1 { background:var(--apps--color-white);border-radius:var(--radiius-angle4045);padding:5px; }
.oc_contentBoxStat2 { 
  background:var(--apps-color-2) url("../images/bloc_chirurgien.png") no-repeat;
  background-size: contain;
  background-position: right;
  border-radius:var(--radiius-angle4045);padding:5px; }

.vue_dossier 
{
 border:.01rem solid var(--apps--color-gris3);
 padding: 5px;
 border-radius: 10px;margin-right: 20px;
}

.vue_dossier ul.accordion_list
{
list-style: none;padding: 0;margin: 0;

}

.vue_dossier ul.accordion_list li
{
background: var(--degrade-gris1);margin: 0;

}

.vue_dossier ul.accordion_list li a
{
  display: block;text-decoration: none;border-radius: 5px;
padding: 20px;font-size:21px;color: var(--apps--color-vert1);

}
.accordion__content { display:none; }

 .accordion__title:hover {
  background: var(--degrade-gris2);
  transition: all 0.5s ease-out;
}
 .accordion-active {
  background: var(--degrade-vert1) !important;color: #fff !important;
}
 .accordion-active i{
color:var(--apps--color-jaune1) !important;
}
 .accordion__title .accordion__arrow {
  position: relative;
  
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin-right: 5px;
  background-color:var(--apps--color-vert1);
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
 .accordion__rotate {
  transform: rotate(225deg);

}
 .accordion__content {
  padding: 30px;
  margin-bottom: 2px;
  font-size: 14px;
  display: none;
  background-color: #f3f3f3;
}
 .accordion__arrow-item {
  font-weight: 700;
}
.oc_mText { 

 }
.oc_ptext { color:var(--apps--color-white);text-decoration:none;margin-top:-30px;display:table; 
padding: 2px; padding-right: 20px !important;
  font-family: "Quicksand-Bold";font-size:15px }

 .oc_menuApps li:hover > .mSubmenu{
  display: block;position: absolute;
}

.mSubmenu { display:none;position:relative;z-index:300;background: var(--apps--color-white);border-radius: var(--radiius-angle4045);border: .01rem solid var(--apps--color-gris4);padding: 4px;

            box-shadow: 0px 8px 16px  
                0px rgba(0, 0, 0, 0.2); }

.mSubmenu li { display:block;  } .mSubmenu li a { font-family: "Quicksand-Medium";font-size:15px;text-decoration:none; padding: 8px;display: block;color: var(--apps--color-gris2);}
.mSubmenu li a:hover { background:var(--apps--color-5);border-radius:var(--radiius-angle4045);color: var(--apps--color-black);}
.mSubmenu li i { color:var(--apps-color-2);margin-right:5px; }
.oc_ptext i { color:var(--apps-color-1);font-size:14px; }
.oc_headTable {
background:var(--apps-color-2);
border-top-left-radius:var(--radiius-angle4045);border-top-right-radius: var(--radiius-angle4045);
height: 39px;margin-top: 10px;
}

.oc_headTable th{ text-align: left;
padding: 3px;color: var(--apps--color-white);padding-top:7px;
font-size: 14px;font-family: "Quicksand-Bold";
}

.oc_headTable button { text-align: left;float: left;
padding: 2.5px;background:transparent;
border: 0;color: var(--apps--color-white);
font-size: 14px;font-family: "Quicksand-Bold";cursor: hand;cursor: pointer;
}
.oc_headTable input[type="checkbox"] { margin-top:4px; }

.oc_headTable1{
background:var(--apps-color-2);
border-top-left-radius:var(--radiius-angle4045);border-top-right-radius: var(--radiius-angle4045);
height: 39px;margin-top: 10px;
}

.oc_headTable1 th{ text-align: left;
padding: 3px;color: var(--apps--color-white);padding-top:7px;
font-size: 14px;font-family: "Quicksand-Bold";
}

.oc_headTable1 button { text-align: left;float: left;
padding: 2.5px;background:transparent;
border: 0;color: var(--apps--color-white);
font-size: 14px;font-family: "Quicksand-Bold";cursor: hand;cursor: pointer;
}


.oc_flied input[type="checkbox"] { margin-right:5px; }
.oc_fspecific1 { font-size:15px; }
.oc_fspecific2 { font-family: "Quicksand-Bold";font-size:15px; }
.oc_itemTable { text-align:left;min-height:45px; }
.oc_itemTable:hover, .actif_tr { background:var(--apps--color-blue3) !important;border-bottom:.04rem solid var(--apps--color-gris3); }
.oc_grise1 { background:var(--apps--color-gris6); }
.oc_flied { padding:5px; }
.oc_titre_page { 
font-size: 23px;padding-left: 88px;
 }
/* OC head action */
.oc_actionTable li
{ 
list-style: none;
display: inline-block;

}

.oc_actionTable
{
padding: 10px;margin: 0;
background: var(--degrade-gris2);
border-top-left-radius:var(--radiius-angle4045);
border-top-right-radius:var(--radiius-angle4045);
margin-bottom: 10px;
}
.oc_actionTable span
{ 
font-size: 13px;font-family: "Quicksand-Bold";color: var(--apps--color-gris1);padding-right: 10px;
}
.oc_actionTable button{
  background:var(--degrade-gris1);border:.01rem solid var(--apps--color-gris3);border-radius:var(--radiius-angle4045);padding:5px;font-size:18px;margin-right:5px;}
.oc_actionTable button:hover {
background:var(--degrad-color-1); }

.oc_actionTable button:hover i {
color:var(--apps--color-vert1) !important; }


.oc_actionTable button:hover span {
color:var(--apps--color-vert1) !important; }

.oc_actionTable i
{ 
margin-right:5px;  
font-size: 15px;font-family: "Quicksand-Bold";color: var(--apps--color-gris1);
}
.oc_bullnotify {  }  .oc_bullnotify i { font-size:19px; }
/* footer table  */
    .dt-search {  }
  .dt-search label { display:none !important; }
  .dt-search .dt-input { width:650px;right:0; }
  .dt-layout-row .dt-info { position:fixed; bottom: 40px;left: 0;}
  .dt-layout-row .dt-paging { position:fixed; bottom: 40px;right: 0;}
 .dt-length{ }

.dt-paging-button {   background:var(--degrade-gris1);border:.01rem solid var(--apps--color-gris3);display: inline-block;
  border-radius:var(--radiius-angle4045);padding:5px;font-size:18px;margin-right:5px;min-width: 30px;text-align: center; }
.dt-paging-button:hover, .dt-paging .current { color:var(--apps--color-vert1) !important; background:var(--degrad-color-1);}
.dt-layout-end, .dt-layout-start { display:inline-block; }
.dt-layout-cell  { width:50%;  } .dt-layout-table .dt-layout-full { width:100% !important; }

.grouTable
{ 
width: 100%;
margin-top: 10px;
}
.oc_footTable { height:120px !important; }
.grouTable tfoot, .dt-paging,  .dt-info
{
padding: 10px;margin: 0;
background: var(--degrade-gris2);
border-radius:var(--radiius-angle4045);
border: .01rem solid var(--apps--color-vert2);
}

.grouTable tfoot tr
{


}

.attachMen { color:var(--apps--color-gris1);text-decoration:none; }
.attachMen i { color:var(--apps--color-vert2); }
.queryContact a { color:var(--apps--color-gris1);text-decoration:none;  }  .queryContact a i { color:var(--apps--color-vert2); }


.sortArrow { float:left !important;margin-top: 5px !important;}

/* oc_pagination  */
.oc_pagination 
{ 

}
.oc_pagination li button 
{
width: 37px;
}
.oc_pagination li button i
{ font-size: 16px;
  margin: 0 !important;
}

.oc_formsearch_table { display:table; }
/* OC end head table */
.oc_table_time { font-size:14px;color:var(--apps--color-gris1); }
.oc_table_time i { color:var(--apps--color-vert3); }

.itemAction:hover {
background:var(--degrad-color-1) !important; }

.oc_notification { width:100%;text-align:center; }
.oc_notification .error_ico i { color:var(--apps--color-rouge1); }
  .succes_ico i { color:var(--apps--color-vert3);  }
.itemAction { 
  background:var(--degrade-gris1);border:.01rem solid var(--apps--color-gris3);border-radius:var(--radiius-angle4045);padding:5px;font-size:18px;margin-right:5px;}
.itemAction i { color:var(--apps--color-3); }
.edit-item { color:var(--apps--color-vert2); }
.item-delete { color:var(--apps--color-rouge2); }
.item-validate { color:var(--apps--color-vert1); }
/* stat list table */
.statencour1 { color:var(--apps--color-jaune2) !important;font-size:12px;margin-right: 3px;}
.statactif1 { color:var(--apps--color-vert3) !important;font-size:12px;margin-right: 3px;}
.statnul1 { color:var(--apps--color-gris3)  !important;font-size:12px;margin-right: 3px;}
.statdelete1 { color:var(--apps--color-rouge1)  !important;font-size:12px; margin-right: 3px;}

.statencour { background:var(--apps--color-jaune4);color:var(--apps--color-jaune3) !important;border:1px solid var(--apps--color-jaune2);font-size:12px;font-family:"Quicksand-Bold";border-radius:var(--radiius-angle81);padding-left:3px; padding-right: 3px;}
.statactif { background:var(--apps--color-vert6);color:var(--apps--color-vert2) !important;border:1px solid var(--apps--color-vert3);font-size:12px;font-family:"Quicksand-Bold";border-radius:var(--radiius-angle81);padding-left:3px; padding-right: 3px;}
.statnul { background:var(--apps--color-gris4);color:var(--apps--color-gris3) !important;border:1px solid var(--apps--color-gris3);font-size:12px;font-family:"Quicksand-Bold";border-radius:var(--radiius-angle81);padding-left:3px; padding-right: 3px;}
.statdelete { background:var(--apps--color-rouge4);color:var(--apps--color-rouge2) !important;border:1px solid var(--apps--color-rouge3);font-size:12px;font-family:"Quicksand-Bold";border-radius:var(--radiius-angle81);padding-left:3px; padding-right: 3px;}
/* head table  */
.oc_blocHead_stat { border:.01rem solid var(--apps--color-gris4);padding:5px;border-radius:var(--radiius-angle4045); margin-left: 20px;
            box-shadow: 0px 2px 5px  0px rgba(0, 0, 0, 0.2);min-width:110px; }
.oc_blocHead_stat a { text-decoration:none;display:table; } .oc_blocHead_stat:hover { background:var(--apps--color-gris6); }
.oc_bloc_title { color:var(--apps--color-gris1);font-family:"Quicksand-Bold";font-size:15px; }
.oc_bloc_total { font-family:var(--onmc--font-secondary);font-size:22px;color:var(--apps--color-black);padding-left:7px;padding-top:5px; }
.oc_subtotal { display:block; margin-left: 20px;}
.oc_subtotal span { display:block;color:var(--apps--color-gris1); } .oc_subtotal small { font-size:11px; display:block;color: var(--apps--color-gris2);}

.viewItem { cursor:hand;cursor: pointer;}
.oc_avatar { height:25px;width:25px;margin:auto auto;border-radius:40px;border:.1rem solid var(--apps--color-vert5); }
.oc_head_user {  } .oc_head_user i {  color:var(--apps-color-6); } .oc_head_user span { color:var(--apps--color-vert6); }
/*UI Design Dialogue */

.oc_dialogue { display:none;background-color: rgba(119, 53, 131, 0.7);width:100%;height:100%;position:fixed;top:0;text-align:center; }
.oc_box_dialogue { display: flex;
    flex-wrap: wrap;border-radius:var(--radiius-angle4045);margin-top:1% !important;margin:auto auto;color:var(--apps-color-2);background:var(--apps--color-white);min-height:170px; }
.oc_box_head { height:40px;border-bottom:.01rem solid var(--apps--color-gris4); } .oc_box_head  h2 { font-size:17px;color:var(--apps--color-gris1); }
.oc_box_close { } .oc_box_close button{ background:transparent !important;border:0; font-size: 15px;padding: 8px;}
.oc_box_close button i {color:var(--apps--color-gris3); }
.oc_box_content { width:100%;display:table; }
.oc_box_footer {
width: 100%;padding: 10px;border-top:.01rem solid var(--apps--color-gris4);
align-self: flex-end;
}
.oc_icon_final i { font-size:33px;color:var(--apps--color-vert3); }
.oc_message { color:var(--apps--color-gris2); padding: 10px;}
.oc_popmsg { width:300px; }
.oc_error { color:var(--apps--color-rouge1) !important; }
#oc_popWindows .oc_box_dialogue { width:70%; }
.oc_logout { } .oc_logout a { font-size:13px;display:block;background:var(--apps--color-gris6); border-radius:var(--radiius-angle4045);display:block;text-decoration:none;color:var(--apps--color-vert1);padding:5px;font-family:"Quicksand-Bold"; }
.oc_mobile_rq input[type="text"], .oc_whatsapp_rq   input[type="text"],.oc_nom_rq  input[type="text"] { width:100% !important;   } 
.oc_mobile_rq label, .oc_whatsapp_rq   label, .oc_nom_rq label { margin-left:20px !important; } 
.oc_email_rq  input[type="text"]{ width:100% !important;   }  .oc_nom_rq label {  }
.oc_cloudsms { font-size:13px !important;width:100%; } .oc_avatar_form { width:50px;height:50px;border-radius:40px;border:.01rem solid var(--apps--color-gris3); }
.oc_viewitem { color:var(--apps--color-gris1) }

/*Dashboard */
/* box 1 */
.oc_boxTitreIcon i { font-size:23px;color:var(--apps-color-2);  }
.oc_boxTitre  h2{font-size:17px;padding-top:5px  }


.oc_boxTitreSub {font-size:15px;padding-top:5px;color:var(--apps--color-gris2); border-bottom:.01rem solid var(--apps--color-gris3);padding-bottom:10px; }
.oc_boxTitreSub  i{color:var(--apps--color-vert2);margin-right:10px }

.oc_boxAdvance { color:var(--apps--color-gris3); }
.oc_boxTotal { padding:10px !important; }
.oc_boxTotal span { font-family:"Quicksand-Bold";font-size:21px; }
.oc_boxTotal small , .oc_boxSupVal small ,.oc_boxBasVal small { display:block; color:var(--apps--color-gris3); font-size: 12px}

.oc_boxSupVal { padding:10px !important;  }

.oc_boxSupVal span , .oc_boxBasVal  span{ font-family:"Quicksand-Bold";font-size:21px; }

.oc_boxSupVal i , .oc_boxBasVal  i{ font-size:11px; }

.oc_boxSupVal i { color:var(--apps--color-vert3); } .oc_boxBasVal  i{ color:var(--apps--color-rouge2); }
.oc_boxBasVal  { padding:10px !important;  }
.oc_boxStatSup {  color:var(--apps--color-vert3); }  .oc_boxStatbas { color:var(--apps--color-rouge2); } 
.oc_boxFooter { border-top:0rem solid var(--apps--color-gris4); }

.oc_boxFooter a { display:block;padding-top: 10px;padding-bottom: 10px; text-decoration: none;}
.oc_boxFooter a span { color:var(--apps-color-2); }
.oc_boxFooter a i { color: var(--apps--color-rouge2);}
/* box 2 */
.oc_boxTitreIcon2 i { font-size:23px;color:var(--apps-color-1);  }
.oc_boxTitre2  h2{font-size:17px;padding-top:5px;color:var(--apps--color-white);  }
.oc_boxAdvance2 { color:var(--apps--color-white); }
.oc_boxTotal2 { padding:10px !important; }
.oc_boxTotal2 span { font-family:"Quicksand-Bold";font-size:21px; color: var(--apps--color-white);}
.oc_boxTotal2 small , .oc_boxSupVal2 small ,.oc_boxBasVal2 small { display:block; color:var(--apps--color-white); font-size: 12px}

.oc_boxSupVal2 { padding:10px !important;  }

.oc_boxSupVal2 span , .oc_boxBasVal2  span{ font-family:"Quicksand-Bold";font-size:21px;color:var(--apps--color-white); }

.oc_boxSupVal2 i , .oc_boxBasVal2  i{ font-size:11px; }

.oc_boxSupVal2 i { color:var(--apps--color-vert4); } .oc_boxBasVal2  i{ color:var(--apps--color-rouge2); }
.oc_boxBasVal2 { padding:10px !important;  }
.oc_boxStatSup2 {  color:var(--apps--color-vert3); }  .oc_boxStatbas2 { color:var(--apps--color-rouge2); } 
.oc_boxFooter2 { border-top:0rem solid var(--apps--color-vert3); }

.oc_boxFooter2 a { display:block;padding-top: 10px;padding-bottom: 10px; text-decoration: none;}
.oc_boxFooter2 a span { color:var(--apps--color-white); }
.oc_boxFooter2 a i { color: var(--apps--color-jaune1);}

.oc_barhorizTitre { font-size:11px; color:var(--apps-color-1);}
.oc_barhorizNum  { font-size:13px; color:var(--apps--color-white);font-family:"Quicksand-Bold"; }
.oc_barhorizBar  { width:100%;display:table; } 

.oc_barhorizBar  .evolu { border-radius:var(--radiius-angle81);height:7px;display:table;width:70%;background:var(--apps-color-1);margin-top:5px;margin-right:10px;

  animation: evalueWith 1s ease forwards; }
@keyframes evalueWith { from { width: 0 } }
.oc_barhorizPercent  { font-size:11px; color:var(--apps--color-white); }
.oc_barhorizPercent small{ color:var(--apps-color-1); }

/* apps medecin  */
.connect_toplink { position: absolute;margin-left:20%;margin-top: 1%; }
.connect_statuts { font-family:"Quicksand-Bold";
background: var(--apps--color-vert3) !important;color: var(--apps--color-white);
font-size:12px !important; padding: 5px;border-radius: var(--radiius-angle81);
}
.connect_statuts1 { font-family:"Quicksand-Bold";
background: var(--apps--color-vert3) !important;color: var(--apps--color-white);
font-size:12px !important; padding: 5px;border-radius: var(--radiius-angle81);
}
.connect_statuts3 { font-family:"Quicksand-Bold";
background: var(--apps--color-rouge2) !important;color: var(--apps--color-white);
font-size:12px !important; padding: 5px;border-radius: var(--radiius-angle81);
}
.oc_boxHeight1 { height:160px; } 
.oc_boxHeight1 .oc_contentBoxStat1, .oc_boxHeight1 .oc_contentBoxStat2  { height:150px !important; }
.oc_connect_barV1 { background:var(--degrade-vert4);width:13px; display: inline-block;border-top-right-radius:2px;border-top-left-radius:2px;}
.box_description { height:110px;background:var(--apps--color-vert2);border-radius:var(--radiius-angle4045);width:100%;padding:5px; }
.connect_icon_doc { color:var(--apps--color-white);font-size:72px;float:left; }
.connect_text_doc h2 { color:var(--apps--color-jaune1); }  .connect_text_doc p { color:var(--apps--color-white); }
.boxPub { height:200px;background:var(--apps--color-gris3);margin-top:30px;border-radius:var(--radiius-angle4045); }
/* fin medecin */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;height: 45px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/*//////////////////////////////////////////////////////////////////
[ Responsive ]*/