@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-100-webfont.eot");
  src: url("../fonts/museo-sans/museosans-100-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-100-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-100-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-100-webfont.svg#museosansregular") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-100italic-webfont.eot");
  src: url("../fonts/museo-sans/museosans-100italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-100italic-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-100italic-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-100italic-webfont.svg#museosansitalic") format("svg");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-300-webfont.eot");
  src: url("../fonts/museo-sans/museosans-300-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-300-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-300-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-300-webfont.svg#museosansregular") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-300italic-webfont.eot");
  src: url("../fonts/museo-sans/museosans-300italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-300italic-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-300italic-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-300italic-webfont.svg#museosansitalic") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-500-webfont.eot");
  src: url("../fonts/museo-sans/museosans-500-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-500-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-500-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-500-webfont.svg#museosansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-500italic-webfont.eot");
  src: url("../fonts/museo-sans/museosans-500italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-500italic-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-500italic-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-500italic-webfont.svg#museosansitalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-700-webfont.eot");
  src: url("../fonts/museo-sans/museosans-700-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-700-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-700-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-700-webfont.svg#museosansregular") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-700italic-webfont.eot");
  src: url("../fonts/museo-sans/museosans-700italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-700italic-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-700italic-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-700italic-webfont.svg#museosansitalic") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Museo Sans';
  src: url("../fonts/museo-sans/museosans-900-webfont.eot");
  src: url("../fonts/museo-sans/museosans-900-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museosans-900-webfont.woff") format("woff"), url("../fonts/museo-sans/museosans-900-webfont.ttf") format("truetype"), url("../fonts/museo-sans/museosans-900-webfont.svg#museosansregular") format("svg");
  font-weight: 900;
  font-style: normal; }

 
 
 
 
 
*{margin:0;padding:0;color:#3b4757;font-weight:400;font-family:'Museo Sans',sans-serif;}
img{border:0;}
input,select,textarea{outline:none;}
body{font-size:13px}



/* general */
.template{display:none;}
h1{padding-left:50px;font-size:26px;height:50px;line-height:50px;color:#000;font-weight:300;color:#4a90e2;}
.close{width:30px;height:30px;border:1px solid transparent;border-radius:50%;cursor:pointer;position:relative;transition:all ease 0.3s;}
.close:before{content:"";position:absolute;width:1px;height:16px;transform:rotate(45deg);background:#fff;top:7px;left:14px;}
.close:after{content:"";position:absolute;width:1px;height:16px;transform:rotate(-45deg);background:#fff;top:7px;left:14px;}
.close:hover{transform:rotate(180deg) scale(1.5);}
.clear{display:block;float:none;clear:both;}
#bglake{background:url(https://cdn.ringover.com/img/background/0.jpg) no-repeat;background-size:cover;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1;}
#page{position:fixed;z-index:3;top:0;bottom:0;left:0;width:700px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.3);padding-top:130px;overflow:auto;padding-bottom:140px;}
#page::-webkit-scrollbar{width:10px;}
#page::-webkit-scrollbar-track{background:#fff;}
#page::-webkit-scrollbar-thumb{background:#BA68C8;}
/* #page h1{padding-left:50px;font-size:16px;height:50px;line-height:50px;color:rgb(55,155,255);font-weight:700;} */

#logo{width:135px;top:40px;position:absolute;left:45px;background:url(/img/logoinline.svg) no-repeat;background-size:135px auto;text-align:right;color:#BA68C8;font-weight:700;padding-top:30px;cursor:default;}

.btn{display:inline-block;height:40px;line-height:40px;color:#fff;background:#BA68C8;font-weight:700;border-radius:3px;cursor:pointer;text-align:center;font-size:16px;padding:0 15px;}
.btn:hover{box-shadow:inset 0 -2px 0px rgba(0,0,0,0.2)}
.btn:active{box-shadow:inset 0 2px 2px rgba(0,0,0,0.2)}

.switch{display:inline-block;width:40px;height:20px;border-radius:10px;background:#c00;position:relative;cursor:pointer;transition:all ease 0.15s;}
.switch.nocursor{cursor:default;}
.switch:before{content:"";position:absolute;width:16px;height:16px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.2);top:2px;left:2px;border-radius:8px;transition:all ease 0.15s;}
.switch.s1{background:#090;}
.switch.s1:before{left:22px;}


/* menu */
#menu{list-style-type:none;position:absolute;right:30px;top:25px;}
#menu li{float:left;}
#menu li a{display:block;float:left;padding:0 25px 0 25px;border:1px solid #fff;border-radius:3px;margin-left:20px;cursor:pointer;text-decoration:none;background:#fff;height:48px;line-height:48px;}
#menu li a:hover{border-color:#666;color:#666}
#menu li a.on{border-color:#BA68C8;color:#BA68C8;}
#menu li a#signout{background:url(/img/signout.svg) no-repeat center center #fff;height:48px;background-size:20px;}
#menu li span.company{display:block;float:left;padding:8px 25px 0 25px;border:1px solid #fff;border-radius:3px;margin-left:20px;background:#fff;height:40px;}
#menu li span.company strong{font-weight:700;display:block;color:#BA68C8;font-size:15px}

#watsoft_medal{position:absolute;width:500px;top:207px;left:0;background:url(/img/medal.svg) no-repeat center 30px #fff;background-size:150px;border-radius:0 15px 15px 0;box-shadow:0 0 65px rgba(0,0,0,0.8);text-align:center;padding-top:200px;transition:all ease 0.5s;}
#watsoft_medal.on{left:700px;}
#watsoft_medal strong{display:block;font-weight:700;font-size:24px;color:#FA732D;}
#watsoft_medal em{display:block;font-style:normal;margin:40px;font-size:20px;}
#watsoft_medal_barre{width:400px;background:#fff;border:1px solid #ccc;padding:5px;border-radius:20px;height:20px;margin:50px 0 0 50px;position:relative;} 
#watsoft_medal_barre span{display:block;position:absolute;background:repeating-linear-gradient(-45deg,#FF9D3B,#FF9D3B 5px,#FFC44D 5px,#FFC44D 10px);width:0;border-radius:10px;height:20px;transition:all ease-out 1s;} 


/* authentication */
.authcard.hide{display:none;}
.authcard input{position:absolute;width:400px;left:100px;border:0;border-bottom:2px solid #BA68C8;height:40px;line-height:40px;font-size:20px;transition:all ease 0.4s;}
.authcard input.error{background:#e56767;border-color:#e56767;color:#fff;transition:all ease 0.15s;}
.authcard input.error::placeholder{color:#fff;}
.authcard input#input_email{top:250px;}
.authcard input#input_password{top:350px;}
.authcard input#input_password2{top:250px;}
.authcard input#input_email_forgotten{top:350px;}
#btnauthentication{position:absolute;width:120px;top:450px;left:100px;}
#btncreatepassword{position:absolute;width:120px;top:450px;left:100px;}
#forgottenpassword,#forgottenpasswordreturn{position:absolute;top:460px;left:280px;cursor:pointer;font-size:12px;color:#999;}
#forgottenpasswordreturn{left:420px;}
#forgottenpassword:hover,#forgottenpasswordreturn:hover{color:#333;text-decoration:underline;}
#btnforgottenpassword{position:absolute;top:450px;left:100px;}
#forgottenpassword_return{text-align:center;font-size:16px;padding:50px 100px;}


/* liste des resellers */
#legendresellers{list-style-type:none;margin:10px 30px 5px 30px;height:40px;padding:0 20px;border-radius:22px;background:#f2f2f2;}
#legendresellers li{display:block;float:left;line-height:41px;color:#4a90e2;cursor:pointer;}
#legendresellers li[data-direction='desc']:after{content:"\0025BC";font-size:12px;padding-left:5px;position:absolute;}
#legendresellers li[data-direction='asc']:after{content:"\0025B2";font-size:12px;padding-left:5px;position:absolute;}
#legendresellers li:hover{text-decoration:underline;}
#legendresellers li:first-child{width:20%;padding-left:20px;}
#legendresellers li:nth-child(2){width:35%;}
#legendresellers li:nth-child(3){width:110px;}
#legendresellers li:nth-child(4){width:70px;padding-left:10px;}
#legendresellers li:nth-child(5){}


#resellers{margin:0 50px 50px 50px;border-top:1px solid #E9D1EF;}
#resellers.wait{height:150px;background:url(/img/wait.gif) no-repeat center center;}
.resellers_line{height:50px;border-bottom:1px solid #E9D1EF;cursor:pointer;}
.resellers_line:hover{background:#F4E8F7;}
.resellers_line span{display:block;line-height:50px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.resellers_line span.status{width:20px;height:50px;}
.resellers_line span.status:before{content:"";position:absolute;width:6px;height:6px;background:#BA68C8;border-radius:50%;margin:22px 0 0 5px;}
.resellers_line.PENDING span.status:before{background:#f5a623;}
.resellers_line.DELETED span.status:before{background:#e56767;}
.resellers_line span.id{width:20%;color:#999;}
.resellers_line span.company{width:35%;}
/* .resellers_line span.nbteams{width:calc(15% - 5px);padding-right:5px;} */
.resellers_line span.nbteams{width:28px;height:28px;border:1px solid #BA68C8;background:#fff;border-radius:50%;text-align:center;line-height:28px;margin:10px 15px;font-weight:900;}
.resellers_line span.mrr{float:right;background:#3CC8C8;border-radius:5px;color:#fff;line-height:20px;height:20px;font-weight:900;font-size:12px;padding:0 10px;margin:15px 10px 0 0;}
.resellers_line span.mrr.amount0{display:none;}
.resellers_line span.creationdate{line-height:15px;padding-top:8px;height:42px;font-size:12px;width:110px;}
.resellers_line span.creationdate em{display:block;color:#999;font-style:normal;}


#cont_btnresellerslist{float:right;height:20px;width:100px;border-radius:15px;background:#81B0EB;text-align:center;position:relative;border:3px solid #81B0EB;margin:14px 10px 0 0}
#cont_btnresellerslist:hover{background:#4a90e2;border-color:#4a90e2;}
#cont_btnresellerslist:before{content:"";position:absolute;display:block;width:50px;height:20px;background:#fff;border-radius:12px;top:0px;left:0px;transition:all ease 0.15s;}
#cont_btnresellerslist.my:before{left:50px;}
.btnresellerslist{float:left;color:#fff;height:20px;line-height:20px;width:50px;cursor:pointer;position:relative;z-index:1;opacity:0.5;}
#cont_btnresellerslist.all .btnresellerslist[data-type=all]{color:#4a90e2;opacity:1;}
#cont_btnresellerslist.my .btnresellerslist[data-type=my]{color:#4a90e2;opacity:1;}
#cont_btnresellerslist:hover .btnresellerslist{opacity:1;}

#cont_btnentity{float:right;height:20px;border-radius:15px;background:#81B0EB;position:relative;border:3px solid #81B0EB;margin:14px 40px 0 0}
#cont_btnentity:before{content:"";position:absolute;display:block;width:60px;height:20px;background:#fff;border-radius:12px;top:0px;left:0px;transition:all ease 0.15s;}
#cont_btnentity.US:before{left:60px;}
.btnentity{float:left;color:#fff;height:20px;line-height:20px;width:60px;cursor:pointer;position:relative;z-index:1;opacity:0.5;}
.btnentity img{width:20px;height:13px;float:left;border-radius:5px;margin:3px 5px 0 5px;}
#cont_btnentity.US .btnentity[data-entity=US]{color:#4a90e2;opacity:1;}
#cont_btnentity.EU .btnentity[data-entity=EU]{color:#4a90e2;opacity:1;}
#cont_btnentity:hover{background:#4a90e2;border-color:#4a90e2;}
#cont_btnentity:hover .btnentity{opacity:1;}

#allmrr{height:200px;bottom:0;position:fixed;width:700px;overflow:hidden;pointer-events:none;}
#allmrr:before{content:"";position:absolute;display:block;height:300px;width:864px;border-radius:114px;background:#BA68C8;transform:rotate(17deg);top:54px;left:-381px;}
#allmrr label{position:absolute;top:120px;left:30px;font-size:15px;color:#00000099;}
#allmrr span{position:absolute;top:140px;left:30px;font-size:24px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.2);}
#allpayments{height:200px;bottom:0;position:fixed;width:700px;overflow:hidden;pointer-events:none;}
#allpayments:before{content:"";position:absolute;display:block;height:300px;width:800px;border-radius:114px;background:#d1a6dd;transform:rotate(-20deg);top:100px;left:-50px;}
#allpayments label{position:absolute;top:120px;right:30px;font-size:15px;color:#00000099;}
#allpayments span{position:absolute;top:140px;right:30px;font-size:24px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.15);}

/* ajouter un reseller */
#addreseller{position:absolute;background:#BA68C8;color:#fff;padding:0 25px;height:40px;line-height:40px;top:130px;left:694px;z-index:0;font-weight:700;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer;transition:all ease 0.15s;box-shadow:0 0 10px rgba(0,0,0,0.4);}
#addreseller:hover{left:699px;}
#addreseller.hide{left:400px;}
#page_addreseller{position:fixed;z-index:2;top:0;width:400px;padding:0 50px;background:#BA68C8;bottom:0;left:0;transition:all ease 0.4s;overflow:auto;}
#page_addreseller::-webkit-scrollbar{width:10px;}
#page_addreseller::-webkit-scrollbar-track{background:#BA68C8;}
#page_addreseller::-webkit-scrollbar-thumb{background:#fff;}
#page_addreseller.on{left:700px;box-shadow:0 0 15px rgba(0,0,0,0.3);}
#page_addreseller h2{font-size:15px;color:#fff;margin-top:70px;font-weight:700;}
#page_addreseller h2 em{cursor:pointer;font-size:10px;float:right;opacity:0.5;font-style:normal;color:#fff;padding:2px 5px;border-radius:5px;text-transform:uppercase;}
#page_addreseller h2 em:hover{background:#0002;opacity:0.7;}
#page_addreseller input,#page_addreseller select{width:390px;border:0;height:40px;line-height:40px;font-size:14px;transition:all ease 0.4s;background:transparent;color:#fff;margin-top:20px;background:#fff3;padding-left:10px;border-radius:5px;}
#page_addreseller select{width:400px;}
#page_addreseller input::placeholder{color:rgba(255,255,255,0.7);}
#page_addreseller input.error{background:#e56767;border-color:#e56767;color:#fff;transition:all ease 0.15s;}
#page_addreseller input.error::placeholder{color:#fff;}
#page_addreseller .close{position:absolute;top:20px;right:20px;}
#page_addreseller #btnaddreseller{display:inline-block;height:40px;line-height:40px;color:#BA68C8;background:#fff;border-radius:3px;cursor:pointer;text-align:center;font-size:16px;padding:0 15px;margin-top:50px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#error_addreseller{color:#fff;font-weight:700;padding:10px;background:#f2587a;border-radius:5px;margin-left:15px;opacity:0;transition:all ease 0.15s;}
#error_addreseller.on{opacity:1;}

/* détail d'un reseller */
#page_reseller{position:fixed;top:0;width:640px;left:-200px;bottom:0;background:#BA68C8;box-shadow:0 5px 5px rgba(0,0,0,0.3);padding:30px;transition:left ease 0.3s;overflow:auto;z-index:2;}
#page_reseller::-webkit-scrollbar{width:10px;}
#page_reseller::-webkit-scrollbar-track{background:#BA68C8;}
#page_reseller::-webkit-scrollbar-thumb{background:#fff;}
#page_reseller.on{left:700px;box-shadow:0 0 15px rgba(0,0,0,0.3);}
#page_reseller span.close{position:absolute;top:20px;right:20px;}
#page_reseller h1{text-transform:uppercase;padding-left:0;margin-bottom:20px;color:#fff;}
#page_reseller h2{color:#BA68C8;font-weight:700;font-size:16px;text-transform:uppercase;margin:0 0 20px 0;line-height:20px;}
#page_reseller h2 em{font-size:11px;text-transform:lowercase;font-style:normal;padding-left:10px;color:#999}
#page_reseller h2 span{font-size:11px;cursor:pointer;float:right;text-transform:lowercase;}
#page_reseller h2 span:hover{text-decoration:underline;}

.elem{position:relative;background:#F4E8F7;border:1px solid #F4E8F7;padding:18px;border-radius:5px;margin-bottom:30px;transition:height ease 0.15s;box-shadow: 0 0 70px rgba(0,0,0,0.2);}
.infotable{border-collapse:collapse;width:100%;boxe-shadow:0 0 2px rgba(31,200,169,0.2);background:rgba(255,255,255,0.7)}
.infotable tr:hover{background:#fff;}
.infotable.cursor tr{cursor:pointer;}
.infotable td{padding:5px 10px 5px 10px;border-bottom:2px solid #F4E8F7}
.infotable td.t{width:130px;font-size:12px;color:#999;cursor:default;}
.infotable tr:hover td.t{color:#333;}
.infotable td span.switch{float:left;margin-right:10px;}
.infotable td span.editvalue{display:none;float:right;color:#4a90e2;font-size:12px;text-decoration:underline;cursor:pointer;}
.infotable tr:hover td span.editvalue{display:block;}
.infotable span.number{display:inline-block;}
.infotable td.small{font-size:12px;color:#999;}
.infotable span.role{font-size:10px;color:#000;text-transform:uppercase;display:block;font-weight:900;}
.infotable img.flag{width:20px;height:16px;border-radius:5px;vertical-align:bottom;}

.teamid{background:#090;color:#fff;padding:2px 5px;border-radius:12px;font-weight:700;font-size:10px;}
.teamid.status0{background:#c00;}
.paymentid{background:#9C27B0;color:#fff;padding:2px 5px;border-radius:12px;font-weight:700;font-size:10px;}
.statuspay{color:#9C27B0;font-size:11px;font-weight:700;}
.statuspay.warning1{background:url(/img/warning.svg) no-repeat;background-size:12px;padding-left:15px;color:#E2574C;}
.totalpay{float:right;margin:15px 0 0 0;font-weight:700;padding:5px 15px;border-radius:5px;color:#fff;background:#BA68C8;}
.totalmrr{float:right;margin:15px 0 0 0;font-weight:700;padding:5px 15px;border-radius:5px;color:#fff;background:#BA68C8;}

#dateSelector{float:right;}
#dateSelector span.payment_before,#dateSelector span.payment_after{background:#BA68C8;color:#fff;display:block;float:left;cursor:pointer;color:#fff;width:20px;height:20px;text-align:center;line-height:20px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
#dateSelector span.payment_before.disabled,#dateSelector span.payment_after.disabled{background:#ccc;pointer-events:none;}
#dateSelector span.payment_after{border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
#dateSelector span#date_now{display:block;float:left;height:20px;line-height:20px;background:rgba(186,104,200,0.4);width:140px;text-align:center;font-weight:700;}

/* documents */
#documents{margin:0 50px 50px 50px;border-top:1px solid #E9D1EF;}
.resellers_line span.name{width:calc(500px - 100px - 20%);font-weight:700;}
.resellers_line span.date{width:25%;}
.resellers_line span.show{width:50px;float:right;background:url(/img/show.svg) no-repeat center center;background-size:24px;opacity:0.5;cursor:pointer;}
.resellers_line span.show:hover{opacity:1;}


/* modifier password */
.account_bloc div.line{font-size:13px;height:50px;line-height:50px;border-top:1px solid #E9D1EF;margin:0 50px;}
.account_bloc label{display:inline-block;width:250px;font-weight:700;}
.account_bloc input{float:right;border-radius:15px;width:180px;height:30px;line-height:30px;padding:0 20px;border:0;background:#f2f2f2;margin-top:10px;transition:all ease 0.5s;}
.account_bloc input.bad{background:#f2587a;transform:scale(1.1);transition:all ease 0.15s;color:#fff;}
.account_bloc span.btn{float:right;margin-top:10px;}
.account_bloc select{float:right;border-radius:15px;width:180px;height:30px;line-height:30px;padding:0 20px;border:0;background:#f2f2f2;margin-top:10px;transition:all ease 0.5s;}
.account_bloc div.success{height:102px;display:none;margin:0 50px;background:url(/img/checked.svg) no-repeat center 45px;background-size:50px;padding-top:100px;border-top:1px solid #E9D1EF;border-bottom:1px solid #E9D1EF;text-align:center;font-size:16px;}
#modifypass{height:204px;overflow:hidden;}
#modifypass.success div.success{display:block;}
#modifypass.success div.line{display:none;}
#modifylanguage{height:102px;overflow:hidden;}
#modifylanguage.success div.success{display:block;}
#modifylanguage.success div.line{display:none;}