/*-------*/
/* FONTS */
/*-------*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*--------*/
/* GlOBAL */
/*--------*/
* { outline: none}
html{height: 100%}
body{color:#282828;font-family: "Inter";font-size: 15px;font-weight: 300; letter-spacing: 1px;min-height: 100%;display: flex;-webkit-font-smoothing: subpixel-antialiased}
#body{background: linear-gradient(180deg, rgba(237, 236, 237, 1) 0%, rgba(245, 246, 247, 1) 100%);display: flex;min-height: 100%;min-width: 100%;padding-top: 80px;}
/* #body{background: linear-gradient(180deg, rgba(237, 236, 237, 1) 0%, rgba(245, 246, 247, 1) 100%);display: flex;min-height: 100%;min-width: 100%;padding-top: 0;} */ /* Disable PW */
h1, h2, h3, h4{font-family: "Rubik", sans-serif;font-weight: 300;letter-spacing: 0}
h1{font-size: 32px;color:#280071;font-weight: 500;text-align: center;margin-bottom: 25px;padding-top: 20px;position: relative;margin-top: 0}
h1 small{display: block;font-size: 18px;font-weight: 300;text-transform: none;position: relative;top: -12px}
h1 .menu-dropdown{bottom: 10px;top: auto;right: 0}
h2 {font-size: 20px;margin-top: 0;color:#280071;font-weight: 500;letter-spacing: 0.75px}
h2 small {font-size:15px;display: block;padding: 0 0 8px 0}
h2 small [class^="icon-"]{font-size:24px}
h2 small .icon-mail{font-size:19px}
h2 small.align-link {position: relative;top:-12px;left: 49px}
h2 [class^="icon-"]{display: none;}
h2 .icon-ref{font-size: 28px}
h2 .icon-comment{font-size: 39px}
h2 strong{font-weight: 400;color: #3B2D6D}
h2 a{font-size: 15px;text-decoration: none}
h2 a [class^="icon-"]{font-size: 16px;margin: 0 5px;vertical-align: middle}
h2 .actions.small{display: inline;margin: 0;vertical-align: middle;}
h2 .actions.small .button, h2 .actions.small a.button{line-height: 3px;font-size: 13px;text-decoration: none}
h2 .actions.small .button  [class^="icon-"], h2 .actions.small a.button [class^="icon-"]{position: relative;top:1px}
h2 .date{font-size: 14px;text-transform: initial;font-weight: 300;display: inline-block;}
h2 .date [class^="icon-"]{display: inline-block;}
h3{font-size:17px;font-weight: 400;margin-bottom: 5px;line-height: 18px}
h3 small{font-size:15px;display: inline-block;font-weight: 300}
a{color: #0066CC;text-decoration:none}
a:hover{color: #0c4884;text-decoration: none}
a:focus{color: #0066CC;text-decoration: none}
p{margin-top: 0}
p.description{margin: 25px 0}
label{font-size: 17px;padding-bottom: 2px;display: block}

.centered{text-align: center!important}
.right{text-align: right!important}
.left{text-align: left!important}
.hidden{display: none!important}
.visible{display: block!important}
.nowrap{white-space: nowrap!important}

.valid{color:#388E3C!important}
.warning{color:#F66600 !important}
.alert{color:#B71C1C!important}
.error{color:#B71C1C!important}
.missing{color:#282828!important}
.special{color:#280071!important}


.color.starter{color:#6a5294!important}
.color.starter *{color:#6a5294!important}
.color.first{color:#6a5294!important}
.color.first *{color:#6a5294!important}
.color.pro{color:#6a5294!important}
.color.pro *{color:#6a5294!important}
.color.business{color:#6a5294!important}
.color.premium *{color:#6a5294!important}
.color.premium *{color:#6a5294!important}

.message{margin-bottom: 5px}

.empty-doc{font-weight: 500;text-align: center;margin: 0;display: block;background: white;padding: 15px;}

/*header message*/
.header-message{border:1px solid #dbdbdb;; background: white; padding: 15px;;margin: 15px 0;border-radius: 4px;position: relative}
.header-message a{color:inherit;font-weight: bold}
.header-message a [class^="icon-"]{font-weight: bold;font-size: 20px;vertical-align: middle}
.header-message .icon-close{position: absolute;top:10px;right: 10px;font-size: 10px;cursor: pointer}
.header-message.error{border:1px solid #B71C1C;background: #fbf3f3;color:#282828!important}
.header-message.alert{border:1px solid #B71C1C;background: #fbf3f3;color:#282828!important}
.header-message.warning{border:1px solid #F66600;background: #fbf3eb;color:#282828!important}
.header-message.valid{border:1px solid #388E3C;background: #e5f3e6;color:#282828!important}
.header-message.special{border:1px solid #280071;background: #f4edff;color:#282828!important}
.header-message.alert-error{border:1px solid #B71C1C;background: #fbf3f3;padding-left: 75px;color:#282828!important}
.header-message.alert-error:before{content: "\e90f";display: block;font-family: 'icomoon' !important;line-height: 1;font-size: 35px;position: absolute;left: 15px;top:calc(50% - 17px)}
.header-message.alert-warning{border:1px solid #F66600;background: #fbf3eb;padding-left: 75px;color:#282828!important}
.header-message.alert-warning:before{content: "\e90f";display: block;font-family: 'icomoon' !important;line-height: 1;font-size: 35px;position: absolute;left: 15px;top:calc(50% - 17px)}
.header-message.alert-special{border:1px solid #280071;background: #f4edff;padding-left: 75px;color:#282828!important}
.header-message.alert-special:before{content: "\e90f";display: block;font-family: 'icomoon' !important;line-height: 1;font-size: 35px;position: absolute;left: 15px;top:calc(50% - 17px)}

.number{display: inline-block;vertical-align: middle;margin-right: 10px;border:1px solid #545454;border-radius: 40px;height: 40px;width: 40px;text-align: center}
.number + small{margin-left: 51px}

.is-disabled, [disabled]{opacity: 0.28}

/*--------*/
/* HEADER */
/*--------*/
#header-ofa-inc{width: calc(100% - 275px);right: 0;top:0;height: 80px;position: fixed;background: white;z-index: 500;}

#body>header{width: calc(100% - 275px);right: 0;top:80px;height: 85px;position: fixed;background: white;z-index: 500;border-bottom:1px solid #cdcdcd;box-shadow: 1px -2px 7px rgba(0,0,0,0.5)}
/* #body>header{width: calc(100% - 275px);right: 0;top: 0;height: 85px;position: fixed;background: white;z-index: 500;border-bottom:1px solid #cdcdcd;box-shadow: 1px -2px 7px rgba(0,0,0,0.5)} */ /* Disable PW */

header .logo{background:#3A2666 url(../img/logo-white-nobl.png) no-repeat center center;background-size: 100px;width: 100%;height: 22px;position: absolute;display: none;top:0}
header .search{width:370px;position: absolute;top:14px;right:420px;white-space: nowrap}
/* .search .center{display: inline-block;width:calc(100% - 538px);;min-width: 250px; vertical-align: top} */
header .search .field{display: inline-block;width:100%;vertical-align: top;position: relative}
header .search .field .form-input{background: #FFFFFF}
header .search .actions{margin: -5px 0 0 -67px;text-align: left;display: inline-block;vertical-align: top;position: relative}
header .search .actions button{border:0;margin:0; width: 60px;min-width: auto;background: none;height: 45px;}
header .search .actions button [class^="icon-"]{margin: 0;color: #6E6E6E;}
header .search .actions a{white-space: nowrap}
header .search .actions a .icon-magnifier{display: none}
header .search .actions a.advanced-link{position: absolute;bottom: -24px;right: 0;}
header .search .field{min-height: auto;}
header .search .field.animate label{line-height: 40px;}
header .search .field.animate.main-focus label{line-height: 19px;}


.tools{position: absolute;right: 30px;top:12px;display: flex;width: 350px;height: 54px}
.tools a:hover{text-decoration: none}

.tools .user{position: relative;text-align: right;height: 54px;width: 300px;display: flex}
.tools .user .infos{padding-right: 5px;align-self: center}
.tools .user .avatar{display: block;height: 54px;width: 54px;border-radius: 27px;border:2px solid #a7a7a7;background-size: 100%;background-repeat: no-repeat;background-position: center;}



.tools .user .name{display: block;font-size: 13px;font-weight: 400; line-height: 13px;text-transform: uppercase;color: #3B2D6D}
.tools .user .company-name{display: block;font-size: 12px;color: #280071;text-transform: uppercase;width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.tools .user .bu{display: block;font-size: 12px;color: #280071;text-transform: uppercase;width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;top: -2px}


.tools .notification{font-size: 40px;color: #a7a7a7;position: relative;height: 54px;margin-left: 20px;padding-top: 3px}
.tools .notification span{font-size: 17px;color:white;background-color: #8f201a;border-radius: 25px;height: 25px;width: 25px;display: block;text-align: center;position: absolute;top:5px;left: -13px}

.tools a:hover .name{color:#8031A7 }
.tools a:hover .company-name{color:#8031A7 }
.tools a:hover .bu{color:#8031A7}
.tools a:hover{color:#8031A7 ;border-color:#8031A7 }

.tools.anon{width: 210px;display: flex; white-space:nowrap}
.tools.anon>* {align-self: center}

header nav{display: none}

/*-------------*/
/* TITLE TOOLS */
/*-------------*/
h1 .tools{position: absolute;right: 0;font-size:15px;text-transform: none;bottom: 10px;top: inherit;text-align: center;width: 100%;bottom: -30px;display: block;height: auto}
h1 .tools .switch{margin-bottom: 0;margin-right: 144px;display: inline-block}
h1 .tools .switch .label{color:#aaaaaa;font-size: 14px;}
h1 .tools .switch .label:hover{color:#6a5394}
h1 .tools a{font-weight: 300;color:#aaaaaa;margin-right: 15px}
h1 .tools a [class^="icon-"]{font-size: 20px;margin-right: 5px;position: relative;top:4px}
h1 .tools a .icon-eye{font-size: 14px;top: 1px}
h1 .tools a:hover{font-weight: 300;color:#E72580}


/*-----------------*/
/* ADVANCED SEARCH */
/*-----------------*/
#search-advanced{background: white;padding: 35px 80px 15px 80px;margin: 0;position: absolute;top:-1500px;right: 0;left: 276px;z-index: 190;transition: top ease 0.3s;border-bottom: 1px solid #cdcdcd; box-shadow: 1px -2px 7px rgba(0,0,0,0.5)}
#search-advanced .actions .close{position: static}
#search-advanced .close{cursor:pointer;position: absolute;top:10px;right: 10px}
#search-advanced fieldset{padding: 8px 0}
#search-advanced .field{min-height: 45px;margin-bottom: 10px}
#search-advanced .field .easy-autocomplete{width: 100%!important}
#search-advanced h3{font-size: 17px;margin-bottom: 10px;position: relative;padding-left: 35px}
#search-advanced h3 small{display: block;margin-top:3px}
#search-advanced h3 .step{display: block;position:absolute;left: 0;top:2px; border-radius: 30px;width: 30px;height: 30px;color: #3A2666;border:1px solid #3A2666;text-align: center;line-height: 29px}
#search-advanced .chosenIcon-container .chosen-single span{margin-right: 16px;font-size: 15px;color:#626262}
#search-advanced .chosenIcon-container .chosen-results li{padding-bottom: 15px}
#search-advanced .chosenIcon-container .chosen-single span::before, #search-advanced .chosenIcon-container .chosen-results li::before{color:#e72580}

.advanced-open #search-advanced {top:165px;z-index: 300}
/* .advanced-open #search-advanced {top:85px;z-index: 300} */ /* Disable PW */

/*--------------*/
/* COMPANY INFO */
/*--------------*/
.company-info .company-id{text-align: center}
.company-info .company-id .logo{display: inline-block;width: 88px;height: 88px; border-radius: 50%;border:4px solid #C6C6C6;background-size: 100%;background-repeat: no-repeat;background-position: center;background-color: white}
.company-info .company-id .company-name{font-size: 25px}
.company-info .company-id .company-name [class^="icon-"]{vertical-align: middle}
.company-info .company-id .company-name  .icon-svg-logo-opera::before{background-size: 91px;height: 24px;width: 24px}
.company-info .company-id .company-name  .icon-svg-logo::before{background-size: 100px;height: 24px;width: 24px}
.company-info .company-text .company-name{font-size: 20px}
.company-info .company-text .siren {font-size: 23px;display: block}
.company-info .company-text .tva {font-size: 14px;display: block}
.company-info .company-text .naf {font-size: 14px!important;display: block;padding: 0;color:#545454!important}
.company-info .company-text .adress {font-size: 14px;display: block;padding-left: 20px;margin-top: 5px; position: relative;}
.company-info .company-text .adress .icon-location{position: absolute;left: 0;top:3px}
.company-info .company-admin{padding-left: 35px}
.company-info .company-admin h3{font-weight: 300;margin-left: -22px}
.company-info .company-admin .name{display: block}
.company-info .company-admin .name small{font-size: 14px;}
.company-info .company-admin .icon-mail{font-size: 13px}
.company-info .company-admin .icon-phones{font-size: 20px}
.company-info.signature .company-id {width: calc(20% - 4rem - .01px)}
.company-info.signature .company-text {width: calc(80% - 4rem - .01px)}
.company-info.signature .company-text .adress{font-size: 14px}
.company-info .company-roles{padding-left: 35px}
.company-info .company-roles h3{font-weight: 300;margin-left: -22px;margin-bottom: 8px}
.company-info .follow{font-size:13px;color:#e72580;vertical-align: middle;position: relative;top:-6px;}
.company-info .follow [class^="icon-"]{vertical-align: middle;color:#aaa;font-size: 20px;color:#e72580}
.company-info .follow.disabled{color:#c8c8c8}
.company-info .follow.disabled [class^="icon-"]{color:#c8c8c8}

/*------*/
/* MAIN */
/*------*/
#main{margin:85px 0 0 275px;padding: 0 80px;width: 100%;padding-bottom: 20px;transition: padding-top ease 0.3s}

body.dashboard #main{margin:85px 0 0 275px;padding: 0 80px;width: 100%}
body.dashboard h1{border: 0}
body.dashboard h2{margin-bottom: 5px}
body.dashboard .widget.offer{height: auto;padding: 15px 35px}
body.dashboard .widget.profile-completion .items-list{display: block;width: 100%}
body.dashboard .widget.profile-completion .items-list>div{width: 100%;padding-bottom: 15px}
body.dashboard .widget.profile-completion .details .item{display: inline-block;width: 33%;vertical-align: top}
body.dashboard .widget.profile-completion .items-list>div:last-of-type{width: 33%}
body.dashboard .widget.profile-completion .items-list>div:last-of-type .item{width: 100%}

body.myfolder h1{margin-bottom: 50px}
body.myfolder .resume{max-width: 550px}

body.myaccount h1{margin-bottom: 50px}
body.myaccount section[class^="grid-"]{max-width: inherit}
body.myaccount section.grid-2 .personnal-infos{width: calc(60% - 4rem - .01px)}
body.myaccount section.grid-2 .password{width: calc(40% - 4rem - .01px)}
body.myaccount section.grid-2 .infos{width: calc(70% - 4rem - .01px)}
body.myaccount section.grid-2 .avatar{width: calc(30% - 4rem - .01px)}
body.myaccount .tooltip [class^="icon-"]{color:#3A2666;font-size: 17px}
body.myaccount .error .tooltip [class^="icon-"]{color:#C93131}
body.myaccount .alert .tooltip [class^="icon-"]{color:#C93131}
body.myaccount .warning .tooltip [class^="icon-"]{color:#8031A7}
body.myaccount .valid .tooltip [class^="icon-"]{color:#3A2666}

body.mycompany h1{margin-bottom: 50px}
body.mycompany .tooltip [class^="icon-"]{color:#3A2666}

body.myservices .help{width: 50%;margin-left: auto;margin-right: auto}
body.myservices .help p {padding:0 0 20px 0}
body.myservices .help button {width: calc(100% / 4 - 13px);font-size: 15px;padding: 7px}

body.myservices .attestation-block{display: none}
body.myservices .fiscale-block{display: none}
body.myservices .field{margin-bottom : 0px}

body.search-result .widget{padding: 15px 35px;min-height: 177px}
body.search-result .widget.bdr-badge{padding-left: 120px;}
body.search-result .widget.evt-badge{padding-left: 120px;}
body.search-result .widget .badge{display: none}
body.search-result .widget.bdr-badge .badge{display: block}
body.search-result .widget.evt-badge .badge{display: block}
body.search-result .widget .filter{display: none}
body.search-result .widget .menu-dropdown{display: none}
body.search-result .widget .more{display: none}
body.search-result .filter-items{position: relative;top:-20px;font-size: 13px}
body.search-result .filter-items div{display: inline-block;padding: 3px 6px 3px 5px;margin: 3px 5px 3px 0;border-radius: 3px;background: #3A2666;color: white;font-size: 13px;line-height: 13px}
body.search-result .filter-items div .close{border-left: 1px solid white}
body.search-result .filter-items div .close:before{content:"x";display: inline-block;color:white;margin-left: 6px}

body.search-result .post-filters{margin-bottom: 15px;position: relative;top:-20px}
body.search-result .post-filters .items>div a{position:relative;background: white;display: block;padding: 5px 10px;border: 1px solid #e3e3e3;border-radius: 8px;color: #616161;height: 39px;;line-height: 25px;}
body.search-result .post-filters .items>div a:hover{border-color:#e72580}
body.search-result .post-filters .items>div a.reinit{line-height: 39px;}
body.search-result .post-filters .items>div a.reinit{position: relative;background: none;display: inline;color:#e72580;border:0}
body.search-result .post-filters .items>div a .icon-next{position: absolute;right: 10px;top:12px;transform: rotate(90deg);color:#0066CC}
body.search-result .post-filters .items>div a.marked {color:#e72580;border-color:#e72580}
body.search-result .post-filters .items>div a.marked .mark{display: inline-block;color: white;background: #e72580;height: 25px;width: 25px;text-align: center;line-height: 25px;vertical-align: middle;border-radius: 25px;font-size: 16px;font-weight: 500;}
body.search-result .post-filters .items>div a.marked .icon-next{color:#e72580!important}
.marked b:before{color:#e72580!important}

body.search-result .post-filters .filter{background: white;z-index: 200;width: 100%;padding: 15px;margin-top: 15px;display: none;border:1px solid #e3e3e3}
body.search-result .post-filters .filter .field{margin-bottom: 10px;min-height: auto;}
body.search-result .post-filters .filter .field.marked .chosen-container .chosen-single{border-color: #e72580;}
body.search-result .post-filters .filter .field.marked .chosen-container-single .chosen-single span{color:#e72580}
body.search-result .post-filters .filter .field.marked  .form-input{border-color: #e72580;color: #e72580;}
body.search-result .post-filters .actions{margin-bottom: 0;}

body.search-result .post-filters.open .filter{display: block;}
body.search-result .post-filters.open  .items>div a.open:after{content: "";display: block;position: absolute;width: 20px;height: 20px;transform: rotate(45deg);background: white;left: calc(50% - 10px); z-index: 1;bottom: -27px;border-width:1px 0 0 1px;border-style: solid; border-color: #e3e3e3}
body.search-result .post-filters.open  .items>div a.open .icon-next{transform: rotate(-90deg)}

body.company h2{position: relative;}
body.company h2 small.align-link {position: absolute;top:26px}
body.company .company-section {margin-bottom: 0px}
body.company .edit {margin-left: 3px;font-size: 14px;font-weight: 300}
body.company .edit span{visibility: hidden}
body.company .edit:hover span{visibility: visible}
body.company h1{position: relative;font-size: 32px;line-height: 32px;text-align: left;vertical-align: middle;border:0;padding: 0 0 10px 205px;margin: 0;font-weight: 300;}
body.company h1 .icon-svg-logo:before{background-size:95px;height: 21px;width: 21px;vertical-align: middle;margin: 0 0 0 5px;}
body.company h1 .icon-svg-logo-opera::before{background-size:88px;height: 21px;width: 21px;margin: 0 5px;vertical-align: middle;margin: 0 0 0 5px;}
body.company h1 .invitation{font-size: 15px;text-transform: initial;font-weight: 300;position: absolute;right: 0;bottom: 0;}
body.company h1 .invitation .actions{display: inline-block;margin: 0;}
body.company h1 .invitation .actions button, body.company h1 .invitation .actions .button{height: 21px;line-height: 1px;font-size: 12px;min-width: auto;font-weight: 400;}
body.company h1 .invitation .actions button .icon-partners, body.company h1 .invitation .actions .button .icon-partners{font-size: 11px}

body.company h1 .complete-folder{text-transform: none;position: absolute;right: 0;bottom:10px;font-size: 14px;font-weight: 300;color:inherit}
body.company h1 .complete-folder [class^="icon-"]{font-size: 19px;position: relative;top:2px}
body.company section{margin-bottom: 40px}
body.company .title-ontop{position: relative;top:-20px;padding-bottom: 10px;font-size: 13px}

body.company .company-nav {position: relative;margin-top: 20px;z-index: 10;min-height: 70px;}
body.company .company-nav .back{font-size: 15px;font-weight: 300;float: left;}
body.company .pager{position: absolute;right:0;text-align: center;font-size: 13px;}
body.company .pager .position{font-size: 14px;font-weight: 300;position: relative;top:-1px;z-index: 10;display: inline-block;}
body.company .pager a{background: #0066CC;color: white;width: 20px;height: 20px;display: inline-block;border-radius: 20px;line-height: 22px;}
body.company .pager a .icon-next{margin-left: 2px;}
body.company .pager .previous{transform: rotate(180deg)}

body.company .grp{background: white;padding: 15px;margin-bottom: 2px;position: relative;border-radius:8px}
body.company .grp .company-id{background: white;padding: 0; width:156px;height: 156px;margin-right: 15px;border-radius: 6px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);padding:5px;position: absolute;top:-78px;left: 25px;}
body.company .grp .company-id .logo{height: 146px;width: 146px;position: relative;border-radius: 0;border:0;}
body.company .grp .company-text{background: white;margin: 0;width: calc(80% - 4rem - .01px);padding-left: 190px;letter-spacing: initial;line-height: 15px;}
body.company .grp .company-text .siren{margin-bottom: 5px;}
body.company .grp .company-text .adress {padding-left: 14px;}
body.company .grp .company-text .adress .icon-location{top: 1px;}
body.company .date .icon-information{font-size: 14px;vertical-align: middle;color: #8031A7 ;position: relative;top: -2px;margin-right: 0;}
body.company .date .actions button, body.company .date .actions .button{height: 21px;line-height: 1px;font-size: 12px;min-width: auto;font-weight: 400}
body.company .date .actions button [class^="icon-"]{font-size: 11px;margin-top: 4px;}
body.company .date .actions .button [class^="icon-"]{font-size: 11px;}
body.company .featherlight .date {text-align: center;padding: 10px 0;font-size: 18px}
body.company .featherlight .date [class^="icon-"]{font-size: 25px;vertical-align: middle;color: #3A2666;position: static}
body.company .featherlight .date .field{display: inline-block;width: 128px;margin: 0 0 0 5px;min-height: inherit}

body.company .actions-doc {color: #e72580;font-weight: 400;position: absolute;right: 0;top: -50px;margin: 0;}
body.company .actions-doc a{font-size: 15px!important;font-weight: 300;margin: 0 8px;letter-spacing: normal;vertical-align: middle;}
body.company .actions-doc a:hover{text-decoration: underline;}

body.company .grp.summary {padding: 8px 0;min-height: 111px}
body.company .grp.summary .title{font-size: 14px;font-weight: 500;text-align: center;align-self: center;}
body.company .grp.summary .title .value{font-size: 29px;height: 40px;}
body.company .grp.summary .title .value .score{display: block;position: static;font-size: 12px;color: #FF6500;font-weight: bold;text-align: center;position:relative;top: -3px;}
body.company .grp.summary .title .value .score:before{content: "";display: inline-block;width: 35px;height: 23px;background: url(../img/icons/batiref.png) no-repeat center center / 100%;position: relative;margin-right: 5px;top: 3px}
body.company .grp.summary .title .value .rateyo{margin: auto;top:-3px}

body.company .grp .details {padding: 10px 0;}
body.company .grp .details .survey{position: absolute;right: 10px;top: 9px;text-decoration: underline;font-size: 14px;}
body.company .grp .details .survey [class^="icon-"]{display: inline-block;}
body.company .grp .details small{position: relative;top:-8px}
body.company .grp .details .provider{position: absolute;right: 10px;bottom: 5px;font-size: 12px;}
body.company .grp .details .provider img{height: 15px;}

body.company .grp.completude {padding: 8px 0;}
body.company .grp.completude .title{font-size: 14px;font-weight: 500;width: 190px;text-align: center;align-self: center}
body.company .grp.completude .title .value{font-size: 29px}
body.company .grp.completude .details{width:calc(100% - 205px);align-self: center;font-size: 14px;font-weight: 300;line-height: 19px;border-left: 1px solid #c5c5c5;min-height: 95px}
body.company .grp.completude .details [class^="icon-"]{font-size: 25px;display: block;height: 25px;text-align: center;margin: 0 auto 5px auto;}
body.company .grp.completude .details .icon-check{font-size: 16px;}
body.company .grp.completude .details>div{align-self: center;text-align: center;}
body.company .grp.completude .actions {display: block;width:80px;margin: 0 1px;text-align: right;}
body.company .grp.completude .actions a{font-size: 15px;color: #3A2666;font-weight: 400;}
body.company .grp.completude .actions a:hover{text-decoration: underline;}

body.company .grp.accident {padding: 8px 0;}
body.company .grp.accident .title{font-size: 14px;font-weight: 500;width: 190px;text-align: center;align-self: center}
body.company .grp.accident .title .value{font-size: 29px}
body.company .grp.accident .details{width: calc(100% - 205px);border-left: 1px solid #c5c5c5;min-height: 95px}
body.company .grp.accident .details strong{font-size: 21px;display: block;height: 25px;text-align: center;margin: 0 auto 5px auto;}
body.company .grp.accident .details>div{align-self: center;text-align: center;}

body.company .grp.risk {padding: 8px 0;}
body.company .grp.risk .title{font-size: 14px;font-weight: 500;width: 190px;text-align: center;align-self: center;margin: 0;}
body.company .grp.risk .title .value{font-size: 29px}
body.company .grp.risk .details{border-left: 1px solid #c5c5c5; min-height: 95px;}
body.company .grp.risk table{width: auto;margin: 0 0 0 10px;}
body.company .grp.risk table .title{text-align: right;white-space: nowrap;border:0;width: auto;}
body.company .grp.risk table thead tr{border: 0;}
body.company .grp.risk table tr th{text-align: center;font-size: 14px;width: 0;font-weight: 300;padding: 5px 15px;}
body.company .grp.risk table tr td{text-align: center;font-size: 14px;width: 0;font-weight: 400;line-height: 12px;}
body.company .grp.risk .actions {display: block;width:80px;margin: 0 1px;text-align: right;align-self: center;}
body.company .grp.risk .actions a{font-size: 15px;color: #3A2666;font-weight: 400;margin: 0 10px;white-space: nowrap;}
body.company .grp.risk .actions a:hover{text-decoration: underline;}
body.company .grp.risk .actions .submenu a{font-weight: 300;color: #616161;}
body.company .grp.risk .actions .submenu a:hover{font-weight: 300;color: #3A2666;}

body.company .grp.rse {padding: 8px 0;}
body.company .grp.rse .title{font-size: 14px;font-weight: 500;width: 190px;text-align: center;align-self: center}
body.company .grp.rse .title .value{font-size: 29px}
body.company .grp.rse .details{width: calc(100% - 205px);border-left: 1px solid #c5c5c5;min-height: 95px}
body.company .grp.rse .details strong{font-size: 21px;display: block;height: 25px;text-align: center;margin: 0 auto 5px auto;}
body.company .grp.rse .details>div{align-self: center;text-align: center;}

body.company .grp.financial {padding: 8px 0;}
body.company .grp.financial .title{font-size: 14px;font-weight: 500;width: 220px;text-align: center;align-self: center}
body.company .grp.financial .title .value{font-size: 29px}
body.company .grp.financial .details{border-left: 1px solid #c5c5c5;min-height: 95px;padding-left: 15px;}
body.company .grp.financial .details>div{align-self: center}
body.company .grp.financial .details small{margin-bottom: 8px;}
body.company .grp.financial .details p{font-size: 13px;}

body.company .grp.iban {padding: 8px 0;}
body.company .grp.iban .title{font-size: 14px;font-weight: 500;width: 220px;text-align: center;align-self: center}
body.company .grp.iban .title .value{font-size: 29px}
body.company .grp.iban .details{border-left: 1px solid #c5c5c5;min-height: 95px;padding-left: 15px;}
body.company .grp.iban .details>div{align-self: center}
body.company .grp.iban .details small{margin-bottom: 8px;display: block;line-height: 13px;}
body.company .grp.iban .details p{font-size: 13px;}

body.company .grp.score {padding: 8px 0;}
body.company .grp.score .title{font-size: 14px;font-weight: 500;width: 220px;text-align: center;align-self: center}
body.company .grp.score .title .value .score{display: block;position: static;font-size: 14px;color: #FF6500;font-weight: bold;text-align: center;position:relative;top: -3px;}
body.company .grp.score .title .value .score:before{content: "";display: block;width: 55px;height: 33px;background: url(../img/icons/batiref.png) no-repeat center center / 100%;position: relative;margin: 0 auto 5px auto;top: 3px}
body.company .grp.score .title .value .rateyo{margin: auto;top:-3px}
body.company .grp.score .details{border-left: 1px solid #c5c5c5;min-height: 95px;padding-left: 15px;}
body.company .grp.score .details>div{align-self: center}
body.company .grp.score .details .rate-resume{margin: 0;}
body.company .grp.score .details .rate-resume label{font-size: 12px;width: 357px;}
body.company .grp.score .details .rate-resume .rate .rateyo{height: auto;vertical-align: middle;}
body.company .grp.score .details .rate-resume .rate .counter{height: auto;vertical-align: middle;font-size: 13px;}

body.company .grp.mycontact .contact-info{text-align: center;line-height: 25px}
body.company .grp.mycontact .name{font-size: 18px;display: block}
body.company .grp.mycontact .icon-phones{font-size: 20px}
body.company .grp.mycontact .icon-mail{font-size: 13px}
body.company .grp .naf{color:#3A2666;font-size: 13px}
body.company .grp .jobs{font-size: 13px;}
body.company .grp .employee{font-size: 20px;text-align: center;margin: 15px 0}
body.company .grp .employee [class^="icon-"]{font-size: 28px;color: #6a5394;margin-right: 5px}
body.company .grp .description{margin: 15px 0}
body.company .grp .internet-info{text-align: center;margin: 15px 0;font-size: 17px;line-height: 32px}
body.company .grp.financial-section{padding: 0}
body.company .grp .financial{position: relative;padding: 15px;width: calc(100% - 210px);margin: 0}
body.company .grp .financial h2{position: absolute;top: -55px;left:0}
body.company .grp .financial .description{margin-top: 0}
body.company .grp .batiref{text-align: center;font-size: 12px;position: relative;width: 210px;margin: 0;padding-top: 25px;border-left: 2px solid #f3f3f3}
body.company .grp .batiref h2{position: absolute;top: -55px;left:0}
body.company .grp .batiref .value{color:#FF6500;display: block; font-weight: bold;text-align: center;font-size: 15px}
body.company .grp .batiref .value::before{content:"";display:block;width: 95px;height: 58px; background: url(../img/icons/batiref.png) no-repeat center center / 100%;position: relative;margin: 0 auto;top:-3px}
body.company .grp .batiref .rateyo{margin: auto}
body.company .grp .batiref .actions a{display: block;margin-top: 5px;font-size: 13px;text-decoration: underline}
body.company .grp .atlas{font-size: 13px;margin-top: 15px;}
body.company .grp .atlas .icon-atlas{font-size: 20px;vertical-align: middle}
body.company .grp .message{text-align: center}
body.company .other-results{padding-top: 20px;margin-right: -.5rem;margin-left: -.5rem;}
body.company .show-map{display: block;text-align: center;margin-right: -.5rem;margin-left: -.5rem;}
body.company .actions .menu-dropdown{position: relative;top:auto;right: auto;display: inline-block;vertical-align: middle;padding: 0;}
body.company .company-params[class*="grid-5"].has-gutter {margin-right: -.1rem;margin-left: -.1rem;padding: 5px 15px;}
body.company .company-params[class*="grid-6"].has-gutter {margin-right: -.1rem;margin-left: -.1rem;padding: 5px 15px;}
body.company .company-params .title{font-size: 15px;font-weight: 400;color: #545454;}
body.company .company-params a.title:hover{color: #8031A7;}
body.company .company-params .title small{font-size: 13px;font-weight: bold;display: inline-block;background: #6a5394;color: white;width: 20px;height: 20px;border-radius: 20px;text-align: center;line-height: 20px;}
body.company .company-params .title span{font-size: 13px;font-weight: 400;}

body.company .company-params > div.divisions{width: 115px;}
body.company .company-params > div.jobs{width: 115px;font-style: normal;}
body.company .company-params > div.categories{width: 145px;}
body.company .company-params[class*="grid-5"] > div.internal-ref{width: calc(100% - 570px);}
body.company .company-params[class*="grid-6"] > div.internal-ref{width: calc(100% - 714px);}
body.company .company-params > div.customise{text-align: right;font-size: 14px;width: 143px;}
/*body.company .company-params > div.customise a:hover{text-decoration: underline;}*/
body.company .company-params > div.mini-info{font-size:14px;text-align: center;width: 136px;border-left:1px solid #c4bfbf }
body.company .company-params > div.mini-info [class^="icon-"]{font-size: 22px;color: #A4A4A4;display: inline-block}
body.company .company-params > div.mini-info .item{display: inline-block;margin-left: 18px;position: relative;}
body.company .company-params > div.mini-info .item small{font-size: 13px;font-weight:bold;display: block;position: absolute;right:-6px;bottom:-5px;background: #e72580;color:white;width: 20px;height: 20px;border-radius: 20px;text-align: center;line-height: 20px;border:1px solid white}
body.company .company-params > div.mini-info a.item:hover [class^="icon-"]{color:#e72580}

body.company .invitation{margin-right: -.1rem;margin-left: -.1rem;margin-top: 45px;min-height:66px;border-radius:8px}
body.company .invitation .actions{position: absolute;right: 0;display: inline-block;margin: 0;top: 12px;}

body.company .section-documents{position: relative}
body.company .section-documents .tablesorter-wrapper{margin-right: -.5rem;margin-left: -.5rem;}
body.company .section-documents .tablesorter-wrapper h3:first-of-type{margin-top: 20px;}
body.company .section-documents .menu-dropdown button.primary.menu-dropdown-trigger{margin: 0 5px}
body.company .section-documents .grp.completude{text-align: center;margin-right: -.5rem;margin-left: -.5rem;}
body.company .section-documents .grp.completude .actions{text-align: center;width: 100%;}
body.company .section-documents .grp.risk{text-align: center;margin-right: -.5rem;margin-left: -.5rem;}
body.company .section-documents .grp.risk .actions{text-align: center;width: 100%;}

body.company .section-company-info{position: relative;clear: both;}

body.company .procedure{position: absolute;right: 10px;bottom: 10px;font-size: 14px;}
body.company .procedure [class^="icon-"]{font-size: 23px;vertical-align: middle;}
body.company .actions.procedure {margin: 0;}
body.company .actions.procedure a:hover [class^="icon-"]{color: white;-webkit-text-stroke: none;text-stroke: none;}

body.company .section-company-info .ref {text-align: right;position: absolute;right: 0;top:-9px;z-index: 10;font-weight: 500}
body.company .section-company-info .ref.his-ref {color:#6a5394 }
body.company .section-company-info .ref .actions{display: inline-block}

body.company .section-reputation{background: white;height: 66px;position: relative;padding: 13px 20px 4px 20px;margin-right: -.5rem;margin-left: -.5rem;border-radius:8px}
body.company .section-reputation p{margin: 3px 0 0 0;display: inline-block}
body.company .section-reputation .actions{position: absolute;right: 0;display: inline-block;margin: 0}

body.company .section-comment{background: white;min-height: 54px;padding: 0x 20px;display:flex;position: relative;line-height: 17px;width: 100%;margin-right: -.5rem;margin-left: -.5rem;}
body.company .section-comment .nb-comments{text-align: center;width: 150px;align-self: center}
body.company .section-comment .nb-comments a{display: block}
body.company .section-comment .comment{padding: 25px 10px;width: calc(100% - 150px);border-left: 2px solid #f3f3f3}
body.company .section-comment .date-comment{position: absolute;left: 160px;font-size: 12px;top: 8px;color:#3A2666}
body.company .section-comment .who{position: absolute;right: 18px;font-weight: 400;font-size: 14px;bottom: 6px;color:#3A2666}
body.company .section-comment .actions.small{position: absolute;right: 0;top: -71px}

body.company .tabs {margin-right: -.5rem; margin-left: -.5rem;margin-bottom: 2px;font-size: 0;background: white;}
body.company .tabs a{font-size: 16px;color: #616161;padding: 10px;display: inline-block;font-weight: 400 ;position: relative;}
body.company .tabs a:after{content:"";display: block;width: 1px;position: absolute;right: 0;top:5px;bottom: 5px;background: #c5c5c5;}
body.company .tabs a:last-of-type:after{display: none;}
body.company .tabs a small{font-size: 13px;}
body.company .tabs a span{margin-left: 15px;}
body.company .tabs a.current{font-weight: 600;border-bottom: 3px solid #8031A7;color: #616161;}
body.company .tabs a:hover{border-bottom: 3px solid #8031A7;}

body.mycompanies .show-map{display: block;text-align: center;background: white;padding: 15px;margin-bottom: 20px;position: relative}

body.help section {margin-bottom: 40px}
body.help section .col{background: white;padding: 20px;position: relative}
body.help section .col.vplayer{background: none;padding: 0px}
body.help section .col.helpdesk{background: none;padding: 0}
body.help section .col.helpdesk .wrapper{background: white;padding: 20px}
body.help section .col.helpdesk .wrapper .info{position: relative;padding-left: 180px}
body.help section .col.helpdesk img{width: 150px;height: 150px;border:2px solid #C6C6C6;border-radius: 50%;position: absolute;left: 0px;top:-6px}
body.help section .col.helpdesk .actions{text-align: left}
body.help section .col.helpdesk .icon-mail{font-size: 13px}
body.help section .col.helpdesk p{margin-top: 10px}
.faq-grid a {background: white;text-align: center;font-size: 17px;padding: 20px 15px;margin-bottom: 10px;color:inherit}
.faq-grid a:hover {color:#e72580}
.faq-grid a [class^="icon-"]{display: block;text-align: center;margin-bottom: 10px;font-size: 30px;color:#3A2666}
#faq h3{font-size: 21px;font-weight: 300; text-align: center;padding-bottom: 15px}
#faq h3 [class^="icon-"]{font-size: 25px}
#faq p {margin: 0}
#faq label{margin: 5px 0px;font-size: 14px}
#faq label:hover{color:#e72580}
#faq .toggle {cursor: pointer;background: #f5f5f5;padding: 1px 3px;margin-bottom: 2px}
#faq .toggle:hover {background: #ededed}
#faq .toggle p{max-height: 0;overflow: hidden;font-weight: 300;display: block;transition: 0.5s all;font-size: 14px;padding: 0}
#faq .toggle.open{background:#ededed}
#faq .toggle.open p{max-height: 999px;padding-bottom: 30px}
#faq .toggle.open label{color:#e72580;font-weight: 400}

.count{max-width: 1000px;margin: 0 auto;padding: 15px 0}
.count>div{text-align: center;font-size:30px;color:#6a5394}
.count>div small {font-size: 18px;display: block;text-align: center;white-space: nowrap;color: #545454;margin-top: -7px}
.count>div small.warning {font-size: 13px;margin-top: 2px}
    
/*----------*/
/* LEFT COL */
/*----------*/
#body>aside{width: 275px;background: #F5F5F5;position: fixed;z-index: 600;top:80px;bottom: 0;transition: 0.3s left}
/* #body>aside{width: 275px;background: #F5F5F5;position: fixed;z-index: 600;top: 0;bottom: 0;transition: 0.3s left} */ /* Disable PW */
#body>aside .logo{display: block;background:white url(../img/actradis.svg) no-repeat center center;background-size: 90%;width: 100%;height: 84px}
#body>aside nav{color:#3A2666;font-size: 14px;padding: 100px 20px;overflow: hidden;font-weight: 500;}
#body>aside nav a{display: block;color: inherit;margin-bottom: 6px;position: relative;padding-left: 60px;height: 54px;line-height: 23px}
#body>aside nav a:hover{color:#e72580;text-decoration: none}
#body>aside nav a.current{text-decoration: none;background: white;border-radius: 8px;font-weight: 600;}
#body>aside nav a.current [class^="icon-"]{color:#e72580}
/*#body>aside nav a.current:before{content:"";display: block;width: 30px;height: 30px;background: #f3f3f3;transform: rotate(45deg);position: absolute;right: -37px;top:calc(50% - 15px)}*/
#body>aside nav a [class^="icon-"]{font-size: 26px;display: inline-block;text-align: center;width: 50px;height: 31px; position: absolute;left: 0;top:calc(50% - 13px)}
#body>aside nav a span{display: table-cell;vertical-align: middle;height: 54px;}
#body>aside nav a .alert-info [class^="icon-"]{position: static;width: auto;height:auto;margin-left: 5px;font-size: 19px;}

#body>aside .otherlinks {margin-top: 25px;border-top:1px solid white;padding-top: 15px}

#body>aside footer{position: absolute;bottom: 10px;width: 100%;text-align: center;left: 0;color:#0066CC;font-size: 14px}
#body>aside footer a{color: inherit;font-weight: 100}

/*----------------*/
/* RESPONSIVE NAV */
/*----------------*/
.nav-toggle{display: none}
header .nav-toggle .icon-burger{position: absolute;left: 10px;top:26px;color:#545454;font-size: 40px;z-index: 900}
#body>aside .nav-toggle .icon-close{position: absolute;right: 10px;top:10px;color:white;font-size: 20px}
body.nav-open{overflow: hidden}

/*------*/
/* NEWS */
/*------*/
#news{width: 480px;background: white;padding: 120px 15px 10px 15px}
#news h2{font-size: 33px;position: relative}
#news article h3 small{display: block}
#news .more{position: absolute;top:-20px;right: -10px;font-size: 15px}
#news .more [class^="icon-"]{color: #626262;font-size: 10px}
#news article{margin-bottom: 30px;padding-right: 5px;clear:both;min-height: 130px}
#news article:last-of-type{margin-bottom: 0}
#news article:hover{background: #eeeeee;cursor: pointer}
#news article .image{display: inline-block;width: 130px;height: 130px; float: left;margin: 0 15px 15px 0;background-size: 100%;background-position: top center;background-repeat: no-repeat}
#news article p{font-size: 14px;margin-left: 145px}
#news article p strong{color:#e72580}

/*-------------------*/
/* COMPARATIVE TABLE */
/*-------------------*/
.comparative-table{display: flex;flex-direction: row;flex-wrap: nowrap;margin: 40px auto 100px auto}
.comparative-table .labels{max-width: 740px;text-align: right;font-size:13px;padding-top: 254px;line-height: 27px;margin-right: 15px;white-space: nowrap}
.comparative-table .labels strong{font-size:15px}
.comparative-table .col{width: 220px;min-width: 220px; background: #f3f3f3;border-radius: 4px;text-align: center;margin: 0 5px;padding: 15px 0 0 0;position: relative}
.comparative-table .col .labels{display: none}
.comparative-table .col .head {height: 240px;padding: 0 10px;}
.comparative-table .col .nbusers {display: block;font-size:15px;margin-top: 11px}
.comparative-table .col .title {font-size:17px}
.comparative-table .col .title [class^="icon-"]{font-size:60px;display: block;margin-bottom: 8px}
.comparative-table .col.selected .title [class^="icon-"]{font-size:30px}
.comparative-table .col .options h3{display: none}
.comparative-table .col .options .item{color:#545454;font-size: 13px;border-top: 2px solid white;height: 27px;line-height: 23px}
.comparative-table .col .options [class^="icon-"]{display: block;height: 29px}
.comparative-table .col .options .icon-check{color:#27981b;line-height: 25px}
.comparative-table .col .options .icon-line{color:#545454}
.comparative-table .col .price{font-size: 25px;font-weight: 300;margin: 5px 0 10px 0;position: relative;display: block;text-align: center}
.comparative-table .col .price small{font-size: 14px}
.comparative-table .col .price.free{margin-left:0}
.comparative-table .col.selected .price{position: relative;top:-5px}
.comparative-table .col .offers-tooltip{display: none}

.comparative-table .col .field.commitment{text-align: left;margin: 0;min-height: auto}
.comparative-table .col .field.commitment .form-input{padding: 3px;height: 24px}
.comparative-table .col .field.commitment .chosen-container .chosen-single{padding: 0 3px;height: 24px}
.comparative-table .col .field.commitment .chosen-container .chosen-single span{font-size: 13px}
.comparative-table .col .field.commitment .chosen-container-single .chosen-single abbr{top:-2px}
.comparative-table .col .field.commitment .chosen-container .chosen-results li.highlighted{background: #eaeaea;color:#e72580}
.comparative-table .col .field.commitment .chosen-container-single .chosen-single abbr:hover:before{color: #e72580}
.comparative-table .col .field.commitment .chosen-container-single .chosen-single div b::before{margin-top: 0}

.comparative-table .col .checkbox.cgv-check{text-align: left;margin: 0 0 9px 0}
.comparative-table .col .checkbox.cgv-check label{font-size: 15px;color:#7f7f7f;margin-top: 0;padding-left: 20px}
.comparative-table .col .checkbox.cgv-check [class^="icon-"]{font-size: 15px}
.comparative-table .col.starter .checkbox.cgv-check label input:checked + [class^="icon-"]:before{color:#0066cc}
.comparative-table .col.starter .checkbox.cgv-check label a{color:#0066cc}
.comparative-table .col.first .checkbox.cgv-check label input:checked + [class^="icon-"]:before{color:#0066cc}
.comparative-table .col.first .checkbox.cgv-check label a{color:#0066cc}
.comparative-table .col.pro .checkbox.cgv-check label input:checked + [class^="icon-"]:before{color:#0066cc}
.comparative-table .col.pro .checkbox.cgv-check label a{color:#0066cc}
.comparative-table .col.business .checkbox.cgv-check label input:checked + [class^="icon-"]:before{color:#0066cc}
.comparative-table .col.business .checkbox.cgv-check label a{color:#0066cc}

.comparative-table .col .actions{margin: 0 auto;height: 40px}
.comparative-table .col .actions button{width: 100%;margin:0 0 5px 0;padding-left: 0;padding-right:0 ;}

.comparative-table .col[disabled]{opacity: 0.2}
.comparative-table .col .edit-mode, .comparative-table .col.selected .view-mode{display: none}
.comparative-table .col .edit-mode .chosen-container .chosen-single{min-height: 26px;height: 26px}
.comparative-table .col.selected .edit-mode{display: block;position: absolute;height: 128px;top:121px;left: 10px;right:10px;background: #f3f3f3}
.comparative-table .col.selected .edit-mode .switch .label{top:-3px}


.comparative-table .col.starter{color:#6a5394}
.comparative-table .col.first{color:#6a5394}
.comparative-table .col.pro{color:#6a5394}
.comparative-table .col.business{color:#6a5394}
.comparative-table .col.premium{color:#6a5394}

.legend{font-size: 11px;position:absolute;left: 15px;margin-top: -135px; display: inline-block;max-width: 50%}
.exp{display: inline-block;background: #626262;color:white;font-size: 9px;width: 14px;height: 14px;text-align: center;line-height: 13px;border-radius: 7px;vertical-align: middle;margin: 0 5px 0 0}


/*---------------*/
/* PROGRESS LIST */
/*---------------*/
.progress-list .title{font-weight: 400;}
.progress-list h3{font-size: 13px;font-weight: 300;margin: 5px 0 1px 0;position: relative;top: 2px}
.progress-list .progress{position: relative;z-index: 20;height: 13px;overflow: hidden;background: #dfdfdf}
.progress-list .progress .value, .progress-list .progress .value:after{background: #b4b4b4}
.progress-list .progress .value{color:white!important;text-align: right;height: 13px;position: relative;padding-right: 8px;font-size: 12px;line-height: 12px}
.progress-list .progress .value:after{content:"";display: block;height: 13px;width: 13px;transform:rotate(45deg);position: absolute;right: -7px;top: 0;border-radius: 20px;}
.progress-list .progress.valid{background: #def4e7}
.progress-list .progress.valid .value, .progress-list .progress.valid .value:after{background: #04843E}
.progress-list .progress.warning{background: #ffecdf}
.progress-list .progress.warning .value, .progress-list .progress.warning .value:after{background: #F66600}
.progress-list .progress.error{background: #ffe7e7}
.progress-list .progress.error .value, .progress-list .progress.error .value:after{background: #B71C1C}
.progress-list .progress.empty small{position: absolute;left: 0;right: 0;top: 0;bottom: 0; text-align: center;line-height: 10px}

.progress-detail h2{font-size: 19px}
.progress-detail h2 strong{font-size: 17px}
.progress-detail h3{position: relative}
.progress-detail .more{position: absolute;right: 0;top:-2px}
.progress-detail .more span{display: none}
.progress-detail .more:hover span{display: inline-block}
.progress-detail .more .icon-next{display: inline-block;transform: rotate(90deg);font-size: 14px;vertical-align: middle;margin-left: 10px;transition: transform 0.3s ease}
.progress-detail .more:hover .icon-next{color:#e72580}
.progress-detail .more.open .icon-next{transform: rotate(-90deg)}
.progress-detail .progress-detail-info{max-height: 0;overflow: hidden;transition: max-height 0.3s ease}
.progress-detail .progress-detail-info.open{max-height: 1000px}

.progress-detail .progress-list{margin-bottom: 25px}

.progress-detail.risk .progress-list .progress{margin-left: 20px}
.progress-detail.risk .progress-list .risk-level{display: inline-block;font-size:12px;font-weight: 400;text-align: center;color: white!important;width: 15px;height: 15px;border-radius: 15px;line-height: 15px;vertical-align: middle;position: absolute;left:0;top:16px}
.progress-detail.risk .progress-list .risk-level.valid{background: #04843E}
.progress-detail.risk .progress-list .risk-level.warning{background: #F66600}
.progress-detail.risk .progress-list .risk-level.error{background: #B71C1C}
.progress-detail.risk .progress-list .risk-level.empty{background: #b4b4b4}

/*---------*/
/* WIDGETS */
/*---------*/
.widget{border-radius: 8px;background-color: white;padding: 15px 35px;margin-bottom:15px;position: relative;display: block;min-height: 110px}
.widget h2 {text-align: left;margin: 0 0 15px 0!important;height: auto;position: relative;z-index: 100;color:#282828}
.widget h2 small{padding: 0}
.widget .more{position: absolute;top:-11px;right: -30px;font-size: 15px;font-weight: 400}
.widget .more [class^="icon-"]{font-size: 20px;display: inline-block;}
.widget .more .icon-eye{font-size: 20px;display: inline-block!important;}
.widget .badge{position: absolute;left: 0;top:0;bottom: 0;width: 98px;color:white!important;background:#5B4D90;z-index: 10;text-align: center;border-radius: 8px 0 0 8px;}
.widget .badge [class^="icon-"]{font-size: 19px;height: 25px;display: block}
.widget .badge .value{font-size: 25px;font-weight: 400;color:white}
.widget .badge .label{font-size: 14px}
/*.widget .badge.valid{background: #5B4D90}
.widget .badge.warning{background: #8031A7}
.widget .badge.error{background: #C93131}*/
.widget .no-data{position: absolute;left: 0;right: 0;top: 0;bottom: 0;font-size: 25px;display: grid;align-content: center;background: rgba(255,255,255,0.89);text-align: center;z-index: 10;border-radius: 8px;}
.widget .progress-list{margin-bottom: 25px}

.widget.companies-ref{padding: 15px 35px 5px 120px;color: inherit}
.widget.companies-ref .chart-wrapper{position: relative;width: 150px}
.widget.companies-ref .chart-wrapper canvas{margin: auto;width: 150px;margin-top: 25px}
.widget.companies-ref .chart-wrapper .value{font-size:24px;color:#282828;position: absolute;top:45%;left: calc(50% - 45px);font-weight: 400;width: 90px;text-align: center}
.widget.companies-ref .title{white-space: nowrap;text-align: center;position: relative;font-size: 18px;color: #282828;font-weight: 500;}
.widget.companies-ref .title .more{position: relative;top:auto;right: auto;font-weight: 400;}
/*.widget.companies-ref .progress-list .title{font-weight: 300}*/
.widget.companies-ref .pie-legend{align-self: center}
.widget.companies-ref .pie-legend .icon-svg-logo:before{height: 14px;width: 18px;background-size: 73px}
.widget.companies-ref .pie-legend .starter{color:#280071}
.widget.companies-ref .pie-legend .registered{color:#388E3C}
.widget.companies-ref .pie-legend .available{color:#F66600}
.widget.companies-ref .pie-legend .rejected{color:#B71C1C}
.widget.companies-ref .filter .switch{display: inline-block;width: 200px}
.widget.companies-ref .grid-4 .division{width:calc(200px - 2rem - .01px)}
.widget.companies-ref .grid-4 .pie-legend{width:calc(260px - 2rem - .01px);margin-top: 15px;font-size: 16px;}
.widget.companies-ref .grid-4 .pie-legend>div{margin: 12px 0;font-weight: 400;}
.widget.companies-ref .grid-4 .completude{width:calc(259px - 2rem - .01px)}
.widget.companies-ref .grid-4 .progress-list{width:calc((100% - 719px) - 2rem - .01px)}
.widget.companies-ref .badge [class^="icon-"]{font-size: 19px;height: 25px;margin-top: calc(50% + 50px)}

.widget.companies-ref.card .chart-wrapper.completude{width: 33%}
.widget.companies-ref.card .chart-wrapper canvas{margin-top: 0}
.widget.companies-ref.card .badge [class^="icon-"]{margin-top: calc(50% + 13px)}

.widget.companies-risk{padding: 15px 35px 5px 120px;color: inherit}
.widget.companies-risk .chart-wrapper{position: relative;width: 150px}
.widget.companies-risk .chart-wrapper canvas{margin: auto;width: 150px}
.widget.companies-risk .chart-wrapper .value{font-size:24px;color:#282828;position: absolute;top:42%;left: calc(50% - 45px);font-weight: 400;width: 90px;text-align: center}
.widget.companies-risk .title{font-size: 18px;white-space: nowrap;text-align: center;position: relative;font-weight: 500!important;color:#282828}
.widget.companies-risk .title .more{position: relative;top:auto;right: auto;font-weight: 400;}
.widget.companies-risk .progress-list .title{font-weight: 300}
.widget.companies-risk .pie-legend{align-self: center}
.widget.companies-risk .pie-legend .icon-svg-logo:before{height: 14px;width: 18px;background-size: 73px}
.widget.companies-risk .pie-legend .supplier{color:#280071}
.widget.companies-risk .pie-legend .client{color:#388E3C}
.widget.companies-risk .pie-legend .subcontractor{color:#F66600}
.widget.companies-risk .filter .switch{display: inline-block;width: 200px}
.widget.companies-risk .grid-4 .division{width:calc(200px - 2rem - .01px)}
.widget.companies-risk .grid-4 .pie-legend{width:calc(220px - 2rem - .01px);font-size: 16px;}
.widget.companies-risk .grid-4 .pie-legend>div{margin: 12px 0;font-weight: 400;}
.widget.companies-risk .grid-4 .completude{width:calc(259px - 2rem - .01px)}
.widget.companies-risk .grid-4 .progress-list{width:calc((100% - 679px) - 2rem - .01px)}
.widget.companies-risk .badge [class^="icon-"]{font-size: 19px;height: 25px;margin-top: calc(50% + 30px)}

.widget.companies-risk.card .chart-wrapper.completude{width: 33%}

.widget.companies-rse{padding: 15px 35px 15px 120px;color: inherit}
.widget.companies-rse .chart-wrapper{position: relative;width: 150px}
.widget.companies-rse .chart-wrapper canvas{margin: auto;width: 120px}
.widget.companies-rse .chart-wrapper .value{font-size:24px;color:#282828;position: absolute;top:35%;left: calc(50% - 45px);font-weight: 400;width: 90px;text-align: center}
.widget.companies-rse .progress-list{width: calc(100% - 190px);align-self: center;position:relative;top:-9px;margin-bottom:0;}
.widget.companies-rse .progress-list h3 .doing{font-weight: 400;}
.widget.companies-rse .progress-list h3 .doing [class^="icon-"]{font-style: normal;font-size: 12px;font-weight: 300;}
.widget.companies-rse .filter .switch{display: inline-block;width: 200px}
.widget.companies-rse .grid-4 .completude{width:calc(259px - 2rem - .01px)}
.widget.companies-rse .badge [class^="icon-"]{font-size: 19px;height: 25px;margin-top: calc(50% + 7px)}

.widget.clients{padding: 15px 15px 35px 150px;color: inherit;text-align: center}
.widget.clients .badge [class^="icon-"]{margin-top: calc(50% - 10px)}
.widget.clients .resume{margin: 0}
.resume td{font-size:18px;width: 75px;color:#282828;font-weight: 500;}
.resume [class^="icon-"]{font-size:18px}
.resume td small{font-size: 16px!important}
.resume td.valid {color: #282828 !important;font-weight: 400;}
.resume td.valid [class^="icon-"]{color: #388E3C !important;}
.resume td.warning {color: #282828 !important;font-weight: 400;}
.resume td.warning [class^="icon-"]{color: #F66600 !important;}
.resume td.alert {color: #282828 !important;font-weight: 400;}
.resume td.alert [class^="icon-"]{color: #B71C1C !important;}
.resume td.missing {color: #282828 !important;font-weight: 400;}
.resume td.missing [class^="icon-"]{color: #282828 !important;}

.widget.clients .folder-status {font-size: 16px;margin-bottom: 15px;font-weight: 400;color: #282828!important}
.widget.clients .folder-status .title{font-size: 18px;color: #282828 !important;font-weight: 500;}
.widget.clients .folder-status .value{font-size: 32px;font-weight: 600}
.widget.clients .progress{position: absolute;left: 0;right: 0;bottom: 0;z-index: 20;height: 22px;overflow: hidden;background: #F8F5FF;border-radius: 0 0 0 8px;}
.widget.clients .progress .value{color:white!important;text-align: right;height: 22px;position: relative;padding-right: 25px;background: #5B4D90;}
.widget.clients .progress .value:after{content:"";display: block;height: 22px;width: 22px;transform:rotate(45deg);position: absolute;right: -10px;top: 0;background: #5B4D90;border-radius: 22px;}

.widget.clients .folder-status.valid {font-weight: 400}
.widget.clients .folder-status.valid .value{color: #388E3C !important;}
.widget.clients .folder-status.warning {font-weight: 400;}
.widget.clients .folder-status.warning .value{color: #F66600 !important;}
.widget.clients .folder-status.alert {font-weight: 400;}
.widget.clients .folder-status.alert .value{color: #B71C1C !important;}
.widget.clients .folder-status.error {font-weight: 400;}
.widget.clients .folder-status.error .value{color: #B71C1C !important;}
.widget.clients .folder-status.missing {font-weight: 400;}
.widget.clients .folder-status.missing .value{color: #282828 !important;}


.widget.pack {min-height: 68px}
.widget.pack .icon-information{font-size: 25px;vertical-align: middle;color: #e72580;margin-right: 10px}
.widget.pack .actions{position: absolute;right: 15px;top:-2px}

.widget.add-bu {min-height: 66px;font-size: 18px;}
.widget.add-bu strong{font-weight: 500;}
.widget.add-bu .icon-supplier{font-size: 35px;vertical-align: middle;color: #3A2666;margin-right: 10px;line-height: 18px;}
.widget.add-bu .actions{position: absolute;right: 15px;top:-2px;}

.widget.connections .grid-2 .chart-wrapper{width: calc(70% - .01px);}
.widget.connections .grid-2 .top3{width: calc(30% - .01px)}
.widget.connections .grid-2 .top3 h3{margin-bottom: 15px}
.widget.connections .grid-2 .top3 h3 [class^="icon-"]{color:#3A2666;margin-right: 8px}
.widget.connections .grid-2 .top3 ul{list-style: none;padding: 0;margin: 0}
.widget.connections .grid-2 .top3 ul li{margin-bottom: 8px;font-size: 13px}
.widget.connections .grid-2 .top3 ul strong{color:#3A2666;font-size: 13px}
.widget.connections .grid-2 .top3 ul small{display: block;font-size: 12px}

.widget.more a{color: inherit;font-size: 16px;display: inline-block;margin-bottom: 20px}
.widget.more a:hover{color: #e72580;font-size: 17px;display: inline-block;margin-bottom: 20px}
.widget.more a .icon-pdf{font-size: 20px;color:#e72580}

.widget.profile-completion{max-height: 117px;text-align: left;transition:0.5s;overflow: hidden}
.widget.profile-completion h2{height: auto;margin-bottom: 10px}
.widget.profile-completion .header{height: 117px}
.widget.profile-completion .chart-wrapper{position: relative;width: 171px;margin: 0;margin-bottom: 15px;margin-left: -70px;float: left;text-align: center}
.widget.profile-completion .chart-wrapper canva{position: relative;z-index: 30}
.widget.profile-completion .chart-wrapper .visual{font-size:19px;color:#5B4D90;position: absolute;top:9px;left: calc(50% - 34px);font-weight: 300;width: 70px;height: 70px;border-radius: 80px;z-index: 10;line-height: 67px}
.widget.profile-completion .title{position: absolute;left: 110px;right: 0;top: 14px}
.widget.profile-completion .title .wrapper{font-size: 24px;font-style: normal;line-height: 22px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 300px);margin: 0}
.widget.profile-completion .title span{font-size: 16px;margin-bottom: 7px;display: block}
.widget.profile-completion .title small{display: block;font-size: 15px;position: relative;top:-7px}
.widget.profile-completion .more{position: absolute;right: 25px;top:40px;}
.widget.profile-completion .more .icon-next{display: inline-block;transform: rotate(90deg);font-size: 15px;vertical-align: middle;margin-left: 20px;transition: transform 0.3s ease}
.widget.profile-completion .more:hover{color:#e72580}
.widget.profile-completion.open{max-height: 5000px}
.widget.profile-completion.open .more .icon-next{transform: rotate(-90deg)}
.widget.profile-completion .details h2 a{color: inherit}
.widget.profile-completion .details p{width:calc(100% - 390px)}
.widget.profile-completion .details .helpdesk{background: none;padding: 0;position: relative;width:calc(350px)}
.widget.profile-completion .details .helpdesk .info{position: relative;padding-left: 80px}
.widget.profile-completion .details .helpdesk .img{width: 80px;height: 80px;position: absolute;left: 0px;top:-6px;text-align: center;line-height: 80px;font-size: 50px}
.widget.profile-completion .details .helpdesk .icon-mail{font-size: 13px}

.widget.profile-completion .details .items-list{background: none;padding: 0;position: relative;padding-top: 20px}
.widget.profile-completion .details .item{font-size: 18px;color:#282828;padding-left: 55px;position: relative;margin-bottom: 10px;width: 24%;display: inline-block;font-weight: 500;}
.widget.profile-completion .details .item small{display: block;color: #6E6E6E}
.widget.profile-completion .details .item [class^="icon-"]{color: #bdbdbd;display: inline-block;font-size: 23px; width: 39px;height: 39px; line-height: 38px; text-align: center;vertical-align: middle;position: absolute;left: 0}
.widget.profile-completion .details .item .icon-mail{font-size: 15px; line-height: 36px}
.widget.profile-completion .details .item .icon-network-community{font-weight: bold}
.widget.profile-completion .details .item .icon-case{font-weight: bold}
.widget.profile-completion .details .item .icon-check{color: #887ead;display: inline-block; width: 39px;height: 39px; line-height: 36px; text-align: center;vertical-align: middle;position: absolute;left: 0}
.widget.profile-completion .details .item [class^="icon-"]+.icon-network-community{color: white;display: inline-block;font-size: 16px; font-weight: bold; width: 24px;height: 24px; line-height: 22px; text-align: center;vertical-align: middle;border:1px solid white;border-radius: 50px;position: absolute;left: 26px;top: 26px}
.widget.profile-completion .details .item .icon-locked{color: inherit;position: static;border: 0;font-size: 15px;margin-left: 0;width: auto;height: auto;position: relative;top:-3px}
.widget.profile-completion .details .item.locked{color:#bdbdbd}
.widget.profile-completion .details .item.locked .icon-network-community{background:#bdbdbd}

.widget.profile-completion .details .item .checkedGris{color:#bdbdbd !important;border:1px solid #bdbdbd!important;background:none !important}
.widget.profile-completion .header:hover{cursor:pointer}
.widget.profile-completion:hover{border-color:#e72580 !important;}
.widget.profile-completion .logo-profil{border:2px solid white;border-radius: 50%;background-size: 100%;height: 67px;width: 67px;display: block;background-repeat: no-repeat;background-position: center;background-color: white}

.widget.profile-completion.bu-switch{min-height: 116px;}
.widget.profile-completion.bu-switch header{height: 77px;}
.widget.profile-completion.bu-switch:hover{border-color:#e3e3e3 !important;}
.widget.profile-completion.bu-switch .title{top: 21px;}
.widget.profile-completion.bu-switch .title .wrapper{font-size: 20px;}
.widget.profile-completion.bu-switch .title .wrapper span{font-size: 20px;}
.widget.profile-completion.bu-switch .title small{font-size: 18px;}
.widget.profile-completion.bu-switch .title small span{font-size: 16px;display: inline-block;font-style: normal;}
.widget.profile-completion.bu-switch .switch{position: absolute;right: 25px;top: calc(50% - 10px);font-weight: 400;}
.widget.profile-completion.bu-switch .switch .icon-change{font-size: 15px;vertical-align: middle;margin-left: 4px}
.widget.profile-completion.bu-switch .switch:hover{color:#e72580}

.widget.bdr h2 [class^="icon-"] {color:rgb(40,0,113)}
.widget.bdr .button.primary{border-color:rgb(40,0,113);background-color:rgb(40,0,113)}
.widget.bdr .button.primary:hover{border-color:rgb(29,0,80);background-color:rgb(29, 0, 80);color:white}

.widget.bdr-badge{padding-left: 120px;}
.widget.bdr-badge .badge{background-color:rgb(40,0,113)}
.widget.bdr-badge .badge [class^="icon-"]{font-size: 52px;position: absolute;top: calc(50% - 21px);left: calc(50% - 28px);}
.widget.bdr-badge .button.primary{border-color:rgb(40,0,113);background-color:rgb(40,0,113)}
.widget.bdr-badge .button.primary:hover{border-color:rgb(29,0,80);background-color:rgb(29, 0, 80);color:white}

.widget.evt h2 [class^="icon-"] {color:rgb(218,24,132)}
.widget.evt .button.primary{border-color:rgb(218,24,132);background-color:rgb(218,24,132)}
.widget.evt .button.primary:hover{border-color:rgb(97, 9, 58);background-color:rgb(97, 9, 58);color:white}

.widget.evt-badge{padding-left: 120px;}
.widget.evt-badge .badge{background-color:rgb(218,24,132)}
.widget.evt-badge .badge [class^="icon-"]{font-size: 52px;position: absolute;top: calc(50% - 21px);left: calc(50% - 28px);}
.widget.evt-badge .button.primary{border-color:rgb(218,24,132);background-color:rgb(218,24,132)}
.widget.evt-badge .button.primary:hover{border-color:rgb(148, 14, 87);background-color:rgb(148, 14, 87);color:white}

.myinvoices .widget .switch{margin: 0}
.myinvoices .widget .switch label{width: 27px}
.myinvoices .widget .switch .slider{top: 3px;}
.myinvoices .widget .switch .slider::before{height: 14px;width: 14px;}
.myinvoices .widget .switch .label{font-size: 14px;top:-3px}

.myinvoices .widget.addresses .more{right: 6px;top: 10px;text-decoration: underline;z-index: 1000;letter-spacing: 0;}
.myinvoices .widget.addresses .more [class^="icon-"]{margin: 0 5px;display: inline-block;}
.myinvoices .widget.addresses .more:hover{text-decoration: none}
.myinvoices .widget.addresses div div:last-of-type{padding-left: 30px;}



/*--------*/
/* TABLES */
/*--------*/
table{border:0}
table td, table th{border:0}
table th{font-weight: 400;font-size: 16px;white-space: nowrap;padding: 4px 2px}
table td{font-size: 14px;padding:4px 2px}
table thead tr{border-bottom:1px solid #cacaca}
table .sort-index{display: none}

table.tablemini{/*table-layout: auto;*/margin-bottom: 0}
table.tablemini th:first-of-type{text-align: center;width: 90px}
table.tablemini td:first-of-type{text-align: center}
table.tablemini th:nth-child(2){width: 130px}
table.tablemini td .icon-svg-logo{position: absolute;margin-left: -7px}
table.tablemini .icon-svg-logo:before{width: 20px;height: 20px;background-size: 86px}
table.tablemini td .icon-ask-attach{font-size: 20px}

.tablesorter-wrapper{position:relative;padding-top: 40px;}
.tablesorter-wrapper h2{display: inline-block;position: absolute;top: 0;}
.tablesorter-wrapper h3{font-size: 18px;font-weight: 400;margin-bottom: 10px}
.tablesorter-wrapper h3 small{font-weight: 400;}
.tablesorter-wrapper tr{transition: 0.4s opacity;opacity: 1}

.tablesorter-wrapper .tablesorter-header {cursor: pointer}
.tablesorter-wrapper .tablesorter-header.sorter-false{cursor: default}
.tablesorter-wrapper .tablesorter-header.sorter-false .tablesorter-header-inner:after{display: none}
.tablesorter-wrapper .tablesorter-header-inner{position: relative}
.tablesorter-wrapper .tablesorter-header-inner:after{content: "\e934";font-family: 'icomoon' !important;display: inline-block;vertical-align: middle;font-size: 10px;margin-left: 10px;transform:rotate(90deg)}
.tablesorter-wrapper .tablesorter-headerUnSorted .tablesorter-header-inner:after{color:#22537a}
.tablesorter-wrapper .tablesorter-headerAsc .tablesorter-header-inner:after{color:#e72580}
.tablesorter-wrapper .tablesorter-headerDesc .tablesorter-header-inner:after{color:#e72580;transform: rotate(-90deg)}

.tablesorter-wrapper .tablesorter-hasChildRow:hover td {cursor:pointer;background: #f2f2f2}
.tablesorter-wrapper .tablesorter-hasChildRow.current {border-top:1px solid #cacaca}
.tablesorter-wrapper .tablesorter-childRow .container{border-bottom:1px solid #cacaca;margin-bottom: 10px;padding-bottom: 5px}
.tablesorter-wrapper .tablesorter-childRow:hover td{background: none}
.tablesorter-wrapper .tablesorter-childRow .actions{margin-bottom: 15px;width: 100%;float: none;text-align: center}
.tablesorter-wrapper .tablesorter-childRow p{text-align: justify}

.tablesorter-wrapper .tablesorter-childRow form{font-size: 0;padding: 10px}
.tablesorter-wrapper .tablesorter-childRow form .field{max-width: 190px;text-align: left;margin: 0;display: inline-block;vertical-align: middle}
.tablesorter-wrapper .tablesorter-childRow form .actions{margin: 0}
.tablesorter-wrapper .tablesorter-childRow form .actions button{margin: 0;display: inline-block;vertical-align: middle;border-radius: 0 4px 4px 0;margin: 0 0 0 -10px;position: relative;z-index: 10;top:-13px}
.tablesorter-wrapper .tablesorter-childRow form .actions a{font-size: 14px;display: block;margin-top: 10px}
.tablesorter-wrapper .tablesorter-childRow form .actions .icon-check{font-size: 17px;position: absolute;margin: 10px}

.tablesorter-wrapper .tablesorter-childRow .price{text-align: right;font-size: 16px}
.tablesorter-wrapper .tablesorter-childRow .price td{padding: 0 3px}
.tablesorter-wrapper .tablesorter-childRow .price td:first-of-type{text-align: right;font-size: 16px;width: 80%}
.tablesorter-wrapper .tablesorter-childRow .price td:last-of-type{text-align: right}

.tablesorter-wrapper .tablesorter-childRow .infos{padding-top: 10px}
.tablesorter-wrapper .tablesorter-childRow .infos h3{font-weight: 400;font-size: 17px}
.tablesorter-wrapper .tablesorter-childRow .infos .params{border-bottom: 1px solid white;background:#f5f5f5;margin-top: 1px;padding: 10px 10px 0 10px}
.tablesorter-wrapper .tablesorter-childRow .infos .params h3{margin-bottom: 0;font-size: 14px}

.tablesorter-wrapper table.company{table-layout: auto}
.tablesorter-wrapper table.company td{text-align: left!important}
.tablesorter-wrapper table.company .avatar-big{height: 76px; width: 76px; border-radius:37px;display: inline-block;vertical-align: middle;margin-right: 20px;background-size: 100%;border:2px solid #a7a7a7;background-repeat: no-repeat;background-position: center}

.tablesorter-wrapper .filters{display: block;float: none;width: auto;position: absolute;right: 0;top: 0px;}
.tablesorter-wrapper .filters.fullsize{float: none;width: 100%}
.tablesorter-wrapper .filters .tabs {display: inline-block;height: 30px;margin: 0 0 15px 0}
.tablesorter-wrapper .filters .tabs button, .tablesorter-wrapper .filters .tabs .button {height: 30px;line-height: 9px;font-size: 13px}
.tablesorter-wrapper .filters .sort-main span:before{content:"Trier par : "}
.tablesorter-wrapper .filters .menu-dropdown{top:5px}

.tablesorter-wrapper .more{font-size: 15px;width: 200px;text-align: center;display: block;margin: 30px auto}
.tablesorter-wrapper .more [class^="icon-"]{display: block;font-size: 10px}

.tablesorter-wrapper .actions{margin: 0;float:right;width: 49%;text-align: right;position: relative;top:0}
.tablesorter-wrapper .filters .actions{margin: 0;float:none;width: auto;text-align: right;position: absolute;top:-50px;right:0;white-space:nowrap}
.tablesorter-wrapper .actions button, .tablesorter-wrapper .actions .button {margin: 0 0 10px 5px}
.tablesorter-wrapper .actions .menu-dropdown{position:relative;top: auto;right: auto;}
.tablesorter-wrapper[disabled] .actions, .tablesorter-wrapper[disabled] .table-pager{display: none}

/*Listing OLD VERSION*/
.tablesorter.listing{display: block;width: 100%;margin-bottom: 0}
.tablesorter.listing thead{display: none}
.tablesorter.listing tbody{display: block}
.tablesorter.listing tbody[class^="grid-"]{display: flex}
.tablesorter.listing tr{background: white;border: 0;display: block;position: relative;height: 74px;padding: 10px 20px;margin-bottom: 1px;cursor: pointer}
.tablesorter.listing tr:first-of-type{border-radius: 8px 8px 0 0;}
.tablesorter.listing tr:last-of-type{border-radius: 0 0 8px 8px;}
.tablesorter.listing tbody[class^="grid-"] tr{height: 90px}
.tablesorter.listing tr:hover{background: #fafafa}
.tablesorter.listing tr:hover td{background-color: none;cursor: pointer}
.tablesorter.listing tr.hidden{display: none}
.tablesorter.listing td{display: inline-block;margin: 0;position: absolute}

.tablesorter.listing td{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing: 2%;}
.tablesorter.listing td.status{top:calc(50% - 13px);left: 20px}
.tablesorter.listing td.status [class^="icon-"]{font-size: 20px}
.tablesorter.listing td.type{top:calc(50% - 13px);left: -32px}
.tablesorter.listing td.type [class^="icon-"]{font-size: 14px;color: white;background:#a5a5a5;border-radius: 50%;text-align: center;display: inline-block;padding: 3px}
.tablesorter.listing td.title{font-size: 16px;font-weight: 600;margin: 0;top:14px;left: 60px;width: 38%}
.tablesorter.listing td.date{font-size: 12px;top:38px;left: 60px;width: 40%;font-weight: 400;color:#6E6E6E}
.tablesorter.listing td.availability{font-size: 14px;top:26px;left:calc(40% + 40px);width: 32%;color:#6E6E6E}
.tablesorter.listing td.availability>[class^="icon-"]{display: none;}
.tablesorter.listing td.availability [class^="icon-"]{font-size: 24px;color: #a5a5a5;position: relative;vertical-align: middle; top:-4px;margin-right: 4px}
.tablesorter.listing td.availability [class^="icon-locked"]{font-size: 21px}
.tablesorter.listing td.availability [class^="icon-question"]{font-size: 11px;color:#626262;display: inline-block;}
.tablesorter.listing td.employee{font-size: 14px;top:26px;left:calc(40% + 40px);width: 32%}
.tablesorter.listing td.employee [class^="icon-"]{display: none;}
.tablesorter.listing td.action{font-size: 14px;top:27px;right:60px;width:55px;text-align: center}
.tablesorter.listing td.action [class^="icon-"]{font-size: 25px;position: relative;vertical-align: middle; top:-3px;margin-right: 4px}
.tablesorter.listing td.c-menu{font-size: 15px;top:0;right:0px;bottom: 0;width: 82px;overflow: hidden;transition: 0.3s width}
.tablesorter.listing td.c-menu [class^="icon-"]{font-size: 15px;color: #0066CC;position: absolute;top:calc(50% - 6px);right: 34px;z-index: 30}
.tablesorter.listing td.c-menu:hover [class^="icon-"]{color:#0755a3}
.tablesorter.listing td.c-menu ul{position: absolute;background: #0066CC;color:white;display: block;right: -700px;top: 0;bottom: 0;z-index: 20;list-style: none;margin: 0;padding: 0;width: 620px;overflow: hidden;padding: 17px;transition: 0.3s right}
.tablesorter.listing td.c-menu.no-model ul{width: 380px}
.tablesorter.listing td.c-menu ul li{display: inline-block;white-space: nowrap;color: white;margin: 10px 14px 0 0;padding: 0}
.tablesorter.listing td.c-menu ul li [class^="icon-"]{color: white;position: static;vertical-align: middle;margin-right: 8px}
.tablesorter.listing td.c-menu ul li a{color: inherit}
.tablesorter.listing td.c-menu.open {width: 100%}
.tablesorter.listing td.c-menu.open ul{right: 0}
.tablesorter.listing td.c-menu.open [class^="icon-"]{color: white}

.tablesorter.listing td.logo{top:5px;left: 12px;display: block;width: 42px;height: 42px; border-radius: 50%;border:2px solid #C6C6C6;background-size: 100%;background-repeat: no-repeat;background-position: center;background-color: white}
.tablesorter.listing td.name{font-size: 14px;margin: 0;top:3px;left: 70px;width: 34%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: uppercase}
.tablesorter.listing td.siren{font-size: 14px;color:#717171;top:22px;left: 70px;width: 34%}
.tablesorter.listing td.jobs{font-size: 14px;top:13px;left:calc(40% + 40px);width: calc(32% - 40px)}
.tablesorter.listing td.jobs [class^="icon-"]{font-size: 21px;vertical-align: middle;color:#a5a5a5}
.tablesorter.listing tbody[class^="grid-"] td.jobs{top:50px;left:70px}
.tablesorter.listing td.last-dl{font-size: 16px;right:16px;bottom: 0;text-align: right;width: 230px;white-space: inherit}
.tablesorter.listing td.last-dl [class^="icon-"]{font-size: 20px;color:#a5a5a5}
.tablesorter.listing td.last-dl small{font-size: 11px;display: block}

.tablesorter.listing td.actradis{top:7px;right:16px}
.tablesorter.listing td.opera{top:8px;right:56px}

.tablesorter.listing td.it-follow{font-size: 11px;right:16px;bottom: 13px;text-align: right}
.tablesorter.listing td.it-follow a{color: inherit}
.tablesorter.listing td.it-follow a:hover{color: #e72580}
.tablesorter.listing td.it-follow a.disabled [class^="icon-"]{color: #7a7a7a}
.tablesorter.listing td.it-follow [class^="icon-"]{color: #e72580;font-size: 14px}

.tablesorter.listing tr.inactive-row td{padding-top: 11px;font-size: 15px}
.tablesorter.listing tr.inactive-row:hover{background: white}

.other-results .tablesorter.listing td.name{width: calc(79% - 30px)}
.other-results .tablesorter.listing td.siren{width: calc(79% - 30px)}
.other-results .tablesorter.listing td.jobs{width: calc(79% - 30px)}

/*******************************/


/*Listing V2*/
.tablesorter.listingv2{display: block;width: 100%;margin-bottom: 0;clear: both}
.tablesorter.listingv2 thead{display: none}
.tablesorter.listingv2 tfoot{display: block}
.tablesorter.listingv2 tbody{display: block}
.tablesorter.listingv2 tbody[class^="grid-"]{display: flex}
.tablesorter.listingv2 tr{background: white;border: 0;display: block;position: relative;min-height: 54px;padding: 10px 20px;margin-bottom: 1px;cursor: default}
.tablesorter.listingv2 tr:first-of-type{border-radius: 8px 8px 0 0;}
.tablesorter.listingv2 tr:last-of-type{border-radius: 0 0 8px 8px;}
.tablesorter.listingv2.companies tr{height:85px;padding-top: 9px}
.tablesorter.listingv2 tr[onclick], 
.tablesorter.listingv2 tr[data-featherlight]{cursor: pointer}
.tablesorter.listingv2 tr.has-menu{cursor: default}
.tablesorter.listingv2 tbody[class^="grid-"] tr{height: 90px}
.tablesorter.listingv2 tr[onclick]:hover, 
.tablesorter.listingv2 tr[data-featherlight]:hover,
.tablesorter.listingv2 tr.has-menu:hover{background: #fafafa}
.tablesorter.listingv2 tr[onclick]:hover td, 
.tablesorter.listingv2 tr[data-featherlight]:hover td{background-color: none;cursor: pointer}
.tablesorter.listingv2 tr.has-menu:hover td{background-color: default}
.tablesorter.listingv2 tr.hidden{display: none}
.tablesorter.listingv2 td{display: inline-block;margin: 0;position: absolute; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.tablesorter.listingv2 td.docstatus{top:calc(50% - 13px);left: 20px}
.tablesorter.listingv2 td.docstatus [class^="icon-"]{font-size: 20px}
.tablesorter.listingv2 td.meta{position: static;display: block;width: calc(100% - 50px);vertical-align: middle;padding: 0 2px;margin-left: 50px;padding-right: 110px;margin-top: -3px;font-size: 13px;}
.tablesorter.listingv2 td.meta span{font-weight: 400}
.tablesorter.listingv2 td.docdate{position: static;display: block;width: calc(100% - 50px);vertical-align: middle;padding: 0 2px;margin-left: 50px;padding-right: 110px}
.tablesorter.listingv2 td.docdate .status{position: static;display: inline-block}
.tablesorter.listingv2 td.docdate .status small{visibility: hidden}
.tablesorter.listingv2 tr:hover td.docdate .status small{visibility: visible}
.tablesorter.listingv2 td.type{top:13px;left: -32px}
.tablesorter.listingv2 td.type [class^="icon-"]{font-size: 14px;color: white;background:#a5a5a5;border-radius: 50%;text-align: center;display: inline-block;padding: 3px}
.tablesorter.listingv2 td.title{font-size: 16px;font-weight: 400;position: static;display: inline-block;width: auto;vertical-align: middle;padding: 0 2px}
.tablesorter.listingv2 td.date{font-size: 14px;color:#717171;top:22px;left: 60px;width: 40%}
.tablesorter.listingv2 td.availability{position: static;display: inline-block;width: auto;vertical-align: middle;padding: 0 2px}
.tablesorter.listingv2 td.required{font-size: 14px;position: static;color:#717171;display: block;width: auto;padding: 0 80px 0 2px}
.tablesorter.listingv2 td.thumb{top:5px;left: 12px;display: block;width: 42px;height: 42px; border-radius: 50%;border:2px solid #C6C6C6;background-size: 100%;background-repeat: no-repeat;background-position: center;background-color: white}
.tablesorter.listingv2 td.word{font-size: 17px;position: static;display: inline-block;width: auto;vertical-align: middle;padding: 11px 80px 0 2px}
.tablesorter.listingv2 td.email{font-size: 17px;position: static;display: inline-block;width: auto;vertical-align: middle;padding: 0 2px;margin-left: 50px}
.tablesorter.listingv2 td.doctitle{font-size: 16px;font-weight: 600; position: static;display: inline-block;width: calc(100% - 50px);vertical-align: middle;padding: 0 110px 0 2px;margin-left: 50px}
.tablesorter.listingv2 td.doctitle small{font-size: 14px;font-weight: 300}
.tablesorter.listingv2 td.doctitle .info-attestation{font-size: 14px;font-weight: 300;color: #e72580;}
.tablesorter.listingv2 td.doctitle .info-attestation .icon-informations{font-size: 14px;font-weight: 300;font-style: normal;}
.tablesorter.listingv2 td.roles{position: static;display: inline-block;width: auto;vertical-align: middle;padding: 0 2px}
.tablesorter.listingv2 td.member-name{position: static;display: block;width: auto;vertical-align: middle;padding: 0 2px;margin-left: 50px}
.tablesorter.listingv2.companies td.roles{position: absolute;right: 20px;bottom:13px;text-align: right;color:#3A2666;display: block}
.tablesorter.listingv2 td.status{position: absolute;right: 20px;top:13px;text-align: right}
.tablesorter.listingv2 td.status [class^="icon-"]{vertical-align: middle;font-size: 16px}
.tablesorter.listingv2 td.status .icon-ask-attach{font-size: 24px}
.tablesorter.listingv2 td.status .icon-member-noaccount{font-size: 24px}
.tablesorter.listingv2 td.status small{font-size: 14px;visibility: hidden}
.tablesorter.listingv2 tr:hover td.status small{visibility: visible}
.tablesorter.listingv2 td.status.signature{color:#3A2666}
.tablesorter.listingv2 td.logo{top:10px;left: 52px;display: block;width: 68px;height: 68px; border-radius: 50%;border:1px solid #C6C6C6;background-size: 100%;background-repeat: no-repeat;background-position: center;background-color: white;overflow: visible}

.tablesorter.listingv2 td.company-name{font-size: 16px;font-weight: 400;position: static;display: inline-block;width: auto;max-width: calc(100% - 770px);vertical-align: middle;padding: 0 2px;margin-left: 110px}
.tablesorter.listingv2 td.actradis{display: inline-block;vertical-align: middle;padding: 0 2px;position: relative;top:2px}
.tablesorter.listingv2 td.actradis .icon-svg-logo-opera::before{background-size: 61px;height: 17px;width: 17px}
.tablesorter.listingv2 td.actradis .icon-svg-logo::before{background-size: 74px;height: 16px;width: 17px}
.tablesorter.listingv2 td.siren{position: static;display: block;width: auto;vertical-align: middle;padding: 0 2px;margin-left: 110px}
.tablesorter.listingv2 td.siren .naf{display: none}
.tablesorter.listingv2 td.jobs{color:#3A2666;position: static;display: block;width: auto;vertical-align: middle;padding: 0 2px;margin-left: 110px}
.tablesorter.listingv2 tr:hover td.siren .naf{display: inline-block}
.tablesorter.listingv2 td.adress{position: static;display: block;width: auto;vertical-align: middle;padding: 0 2px;margin-left: 110px}
.tablesorter.listingv2 td.batiref{right:28px;top: 25px;text-align: right;font-size: 12px;text-align: center;transition: all ease 0.3s;height: 25px;width:90px;overflow: hidden;}
.tablesorter.listingv2 td.batiref .value{opacity:0;color:#e72580;font-weight: bold;position: absolute;top: 0;right: 0;}
.tablesorter.listingv2 td.batiref .value::before{content:"";display: inline-block;width: 35px;height: 23px; background: url(../img/icons/batiref.png) no-repeat center center / 100%;position: relative;margin-right: 5px;top:3px}
.tablesorter.listingv2 tr:hover td.batiref{top: 17px;height: 46px;}
.tablesorter.listingv2 tr:hover td.batiref .value{opacity: 1;}
.tablesorter.listingv2 td.batiref .rateyo{display: block;position: absolute;bottom: 0;}

.tablesorter.listingv2 td.analysis{top: 0;bottom:0;right: 163px;width: 417px;font-size: 0;display: inline-block;}
.tablesorter.listingv2 td.analysis>div{display: inline-block;padding: 0 5px;vertical-align: top;transition: top ease 0.3s;position: relative;top: 27px;width: 137px;}

.tablesorter.listingv2 tr:hover td.analysis .completude{top: -3px}
.tablesorter.listingv2 td.analysis .completude .title{font-size:16px;font-weight: bold;text-align: right;display: block;}
.tablesorter.listingv2 td.analysis .completude .label{font-size:15px;font-weight: 300;display: inline-block;overflow: hidden;vertical-align: middle;position: relative;top: -2px;transition: width ease 0.3s}
.tablesorter.listingv2 td.analysis .completude [class^="icon-"]{font-size:22px;vertical-align: middle;font-weight: 100}
.tablesorter.listingv2 td.analysis .completude .details{display: block;text-align: right;font-size: 12px;line-height: 14px;position: relative;overflow: hidden;height: 0;transition: height ease 0.3s}
.tablesorter.listingv2 tr:hover td.analysis .completude .details{height: 62px}
.tablesorter.listingv2 td.analysis .completude .details [class^="icon-"]{font-size:13px;vertical-align: middle;width: 13px;display: inline-block;line-height: 11px}
.tablesorter.listingv2 td.analysis .completude .details .icon-check{font-size:10px}
.tablesorter.listingv2 td.analysis .completude.empty{color:#a5a5a5}
.tablesorter.listingv2 tr.error td.analysis .completude.empty{color:#C93131;font-size: 15px}
.tablesorter.listingv2 tr:hover td.analysis .completude.empty{top:29px}

.tablesorter.listingv2 tr:hover td.analysis .risk{top: -3px}
.tablesorter.listingv2 td.analysis .risk .title{font-size:16px;font-weight: bold;text-align: right;display: block;}
.tablesorter.listingv2 td.analysis .risk .label{font-size:15px;font-weight: 300;display: inline-block;overflow: hidden;vertical-align: middle;position: relative;top: -2px;transition: width ease 0.3s}
.tablesorter.listingv2 td.analysis .risk [class^="icon-"]{font-size:20px;vertical-align: middle;font-weight: 100}
.tablesorter.listingv2 td.analysis .risk .details{display: block;text-align: right;font-size: 12px;line-height: 14px;overflow: hidden;height: 0;transition: height ease 0.3s}
.tablesorter.listingv2 tr:hover td.analysis .risk .details{height: 62px}
.tablesorter.listingv2 td.analysis .risk .details [class^="icon-"]{font-size:13px;vertical-align: middle;width: 13px;display: inline-block;line-height: 11px}
.tablesorter.listingv2 td.analysis .risk .details .icon-check{font-size:10px}
.tablesorter.listingv2 td.analysis .risk .details .risk-level{display: inline-block;font-size:12px;font-weight: 400;text-align: center;color: white!important;width: 15px;height: 15px;border-radius: 15px;line-height: 15px;vertical-align: middle}
.tablesorter.listingv2 td.analysis .risk .details .risk-level.valid{background: #3A2666}
.tablesorter.listingv2 td.analysis .risk .details .risk-level.warning{background: #8031A7}
.tablesorter.listingv2 td.analysis .risk .details .risk-level.error{background: #C93131}
.tablesorter.listingv2 td.analysis .risk .details .risk-level.empty{background: #d0d0d0}
.tablesorter.listingv2 td.analysis .risk.empty{color:#a5a5a5}

.tablesorter.listingv2 tr:hover td.analysis .accident{top: -3px}
.tablesorter.listingv2 td.analysis .accident .title{font-size:16px;font-weight: bold;text-align: right;display: block;color: #8031A7;}
.tablesorter.listingv2 td.analysis .accident .title [class^="icon-"]{font-size:22px;vertical-align: middle;position: relative;top: -2px;}
.tablesorter.listingv2 td.analysis .accident .label{font-size:15px;font-weight: 300;display: inline-block;overflow: hidden;vertical-align: middle;position: relative;top: -2px;transition: width ease 0.3s}
.tablesorter.listingv2 td.analysis .accident .details{display: block;text-align: right;font-size: 12px;line-height: 14px;overflow: hidden;height: 0;transition: height ease 0.3s}
.tablesorter.listingv2 tr:hover td.analysis .accident .details{height: 72px}
.tablesorter.listingv2 td.analysis .accident.empty{color:#a5a5a5}

.tablesorter.listingv2 td.procedure{top: 0;bottom:0;right: 8px;width: 140px;font-size: 0;display: inline-block;}
.tablesorter.listingv2 td.procedure .wrapper{display: inline-block;padding: 0 5px;vertical-align: top;transition: top ease 0.3s;position: relative;top: 19px;width: 140px;}
.tablesorter.listingv2 td.procedure .wrapper .title{font-size:25px;font-weight: bold;text-align: center;display: block;color: #969696;}
.tablesorter.listingv2 td.procedure .wrapper [class^="icon-"]{font-size:25px;vertical-align: middle;font-weight: 100;position: relative;left:9px;}
.tablesorter.listingv2 td.procedure .wrapper .details{display: block;text-align:center;font-size: 14px;line-height: 14px;position: relative;overflow: hidden;height: 0;transition: height ease 0.3s;padding-top: 2px;}
.tablesorter.listingv2 tr:hover td.procedure .wrapper {top:9px}
.tablesorter.listingv2 tr:hover td.procedure .wrapper .details{height: 62px}
.tablesorter.listingv2 td.procedure.valid .title{color: #3A2666}
.tablesorter.listingv2 td.procedure.warning .title{color: #8031A7}
.tablesorter.listingv2 td.procedure.error .title{color: #C93131}
.tablesorter.listingv2 td.procedure.empty .title{color: transparent;-webkit-text-stroke: 1px #cecece;text-stroke: 1px #cecece;}

.tablesorter.listingv2 td.security{top: 29px;left: 43%;transition: top ease 0.3s; top: -1px;text-align: right}
.tablesorter.listingv2 td.security .title{font-size:16px;font-weight: bold}
.tablesorter.listingv2 td.security .label{font-size:15px;font-weight: 300;display: inline-block;overflow: hidden;vertical-align: middle;position: relative;top: -2px;transition: width ease 0.3s}
.tablesorter.listingv2 td.security [class^="icon-"]{font-size:22px;vertical-align: middle;font-weight: 100}
.tablesorter.listingv2 td.security .details{display: block;text-align: right;font-size: 12px;line-height: 13px;position: relative;top:-2px;overflow: hidden;height: 57px;transition: height ease 0.3s}
.tablesorter.listingv2 td.security .details [class^="icon-"]{font-size:13px;vertical-align: middle;width: 13px;display: inline-block;line-height: 11px}
.tablesorter.listingv2 td.security .details .icon-check{font-size:10px}
.tablesorter.listingv2 td.security.empty{color:#a5a5a5}

.tablesorter.listingv2 td.follow{overflow: visible;position: absolute;background: #e72580;left: -30px;top: 26px;width: 30px;height: 30px;display: none;border-radius: 4px 0 0 4px;padding-left: 5px;}
.tablesorter.listingv2 td.follow [class^="icon-"]{color: white;font-size: 20px}
.tablesorter.listingv2 tr:hover td.follow{display: block}
.tablesorter.listingv2 td.follow:empty{background: none;}

.tablesorter.listingv2 td.ref{left:12px;top: 26px;text-align: right;overflow: visible;text-decoration: none!important;}
.tablesorter.listingv2 td.ref [class^="icon-"]{color: #6a5394;font-size: 24px;vertical-align: middle;}

.tablesorter.listingv2 td.folder-status{position: absolute;right: 20px;top:30px;text-align: right}
.tablesorter.listingv2 td.folder-status [class^="icon-"]{vertical-align: middle;font-size: 22px}
.tablesorter.listingv2 td.folder-status small{font-size: 14px;visibility: hidden;font-size: 14px;margin-right: 8px}
.tablesorter.listingv2 tr:hover td.folder-status small{visibility: visible}
.tablesorter.listingv2 td.choice{position: absolute;left: -32px;top:2px;height: 40px}
.tablesorter.listingv2 td.choice .checkbox{height: 37px}
.tablesorter.listingv2 td.choice .checkbox [class^="icon-"]{opacity: 0.3}
.tablesorter.listingv2 tr:hover td.choice .checkbox [class^="icon-"]{opacity: 1}
.tablesorter.listingv2 tr td.choice .checkbox input:checked + [class^="icon-"]{opacity: 1}
.tablesorter.listingv2 td.bu-name{position: static;display: block;width: auto;vertical-align: middle;padding: 0 2px;margin-left: 50px;margin-top: 12px}
.tablesorter.listingv2 td.testimonial{position: absolute;right: 20px;top:30px;text-align: right}
.tablesorter.listingv2 td.testimonial [class^="icon-"]{vertical-align: middle;font-size: 22px;margin-left: 3px}
.tablesorter.listingv2 td.testimonial .icon-premium{color: #3A2666;font-size: 20px}
.tablesorter.listingv2 td.testimonial .icon-hard-hat{color: #f3b716}
.tablesorter.listingv2 td.testimonial small{font-size: 14px;visibility: hidden;font-size: 14px;margin-right: 8px}
.tablesorter.listingv2 tr:hover td.testimonial small{visibility: visible}

.tablesorter.listingv2 td.procedure-title{position: static;display: block;width: auto;vertical-align: middle;padding: 0 2px;margin-top: 5px}
.tablesorter.listingv2 td.procedure-title small{display: block;font-size: 13px;}

.tablesorter.listingv2 td.action{font-size: 14px;top:13px;right:50px;width:55px;text-align: center}
.tablesorter.listingv2 td.action [class^="icon-"]{font-size: 25px;position: relative;vertical-align: middle; top:-3px;margin-right: 4px}

.tablesorter.listingv2 td.c-menu{font-size: 15px;top:calc(50% - 25px);right:0;bottom: 0;width: 115x;overflow: visible;display: none;text-align: right}
.tablesorter.listingv2 td.c-menu [class^="icon-"]{font-size: 24px}
.tablesorter.listingv2 td.c-menu .icon-menu{display: none}
.tablesorter.listingv2 td.c-menu ul{padding: 0;background: none;position: static;width: auto}
.tablesorter.listingv2 td.c-menu ul li{display: inline-block;white-space: nowrap;color: #626262;margin: 0 10px 0 0;padding: 0}
.tablesorter.listingv2 td.c-menu ul li [class^="icon-"]{position: static;vertical-align: middle;margin-right: 8px;font-size: 19px}
.tablesorter.listingv2 td.c-menu ul li a [class^="icon-"]{color: #a5a5a5}
.tablesorter.listingv2 td.c-menu ul li a:hover [class^="icon-"]{color: #464444}
.tablesorter.listingv2 tr:hover td.c-menu{display: block}

.tablesorter.listingv2.with-checkbox{margin-left: 25px;width: calc(100% - 25px)}
.tablesorter.listingv2 tr.closed td{text-decoration: line-through}
.tablesorter.listingv2 tr.closed td.siren .naf{text-decoration: line-through}
.tablesorter.listingv2 tr.closed td [class^="icon-"]{text-decoration: none}
.tablesorter.listingv2 tr.closed td.completude{text-decoration: none;color:#C93131}
.tablesorter.listingv2 tr.closed .logo{border-color:#484848; -webkit-filter: grayscale(1); filter: grayscale(1)}

.tablesorter.listingv2.comments tr:hover{background: #f5f5f5!important}
.tablesorter.listingv2 td.comment{white-space: normal;overflow: visible;position: static;padding: 20px 0}
.tablesorter.listingv2 td.who{right: 20px;font-weight: 400;font-size: 14px;bottom: 6px;color: #3A2666}
.tablesorter.listingv2 td.date-comment{left: 20px;font-size: 12px;top: 5px;color: #3A2666}

.tablesorter.listingv2 tr.owner td.comment{width: calc(100% - 70px)}
.tablesorter.listingv2 tr.owner td.comment textarea{padding: 5px;font-size: 14px;position: relative;top: 7px; min-height: 65px;}
.tablesorter.listingv2 tr.owner td.who{right: 88px}
.tablesorter.listingv2 tr.owner td.c-menu{display: block}
.tablesorter.listingv2 tr.owner td.c-menu .icon-check{font-size: 15px;color: #3A2666}
.tablesorter.listingv2 tr.owner td.c-menu a.valid:hover .icon-check{color: #0e6057}

.tablesorter.listingv2 tr.new-comment{display: none}
.tablesorter.listingv2 tr.new-comment td.comment{width: calc(100% - 70px)}
.tablesorter.listingv2 tr.new-comment td.comment textarea{padding: 5px;font-size: 14px;position: relative;top: 7px}
.tablesorter.listingv2 tr.new-comment td.who{right: 88px}
.tablesorter.listingv2 tr.new-comment td.c-menu{display: block}
.tablesorter.listingv2 tr.new-comment td.c-menu .icon-check{font-size: 15px;color: #3A2666}
.tablesorter.listingv2 tr.new-comment td.c-menu .icon-close{font-size: 15px}
.tablesorter.listingv2 tr.new-comment td.c-menu a.valid:hover .icon-check{color: #0e6057}


/*table sorter stuff*/
.tablesorter.listing tr.filtered {display: none}
.tablesorter.listingv2 tr.filtered {display: none}
.tablesorter .tablesorter-filter-row  {display: none}
.tablesorter.listingv2 tr.no-data:hover{cursor: default;background:white}

/*inactive row*/
.tablesorter.listingv2 tr.inactive-row td{padding: 13px 15px 0 15px;font-size: 15px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;text-align: center!important}
.tablesorter.listingv2.companies tr.inactive-row td{padding-top: 31px;font-size: 15px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;text-align: center!important}
.tablesorter.listingv2 tr.inactive-row:hover{background: white}

.other-results .tablesorter.listingv2 td.company-name{max-width: calc(79% - 30px)}

/*pager*/
.table-pager{text-align: center;padding-top: 10px;width: 100%}
.table-pager:after{content:"";display: block;clear: both}
.table-pager .next, .table-pager .prev{display: inline-block;vertical-align: middle;color:white;cursor: pointer;font-size: 20px;background: #0066cc;width: 20px;height: 20px;border-radius: 50%;font-size: 13px;text-align: center;line-height: 21px}
.table-pager .prev{transform: rotate(180deg)}
.table-pager .icon-next{position: relative;left: 1px}
.table-pager .disabled{background:#b3b3b3;display: none}
.table-pager .pagedisplay{margin: 0 5px}

/* Listing titles */
.list-titles{clear: both;margin-bottom: 1px;font-size: 0;background: white;position: relative;height: 38px;}
.list-titles>div{display: inline-block;vertical-align: top;background: white;font-size: 15px;padding: 8px;position: absolute;top:0;bottom: 0;/*border-right:1px solid #f3f3f3*/}
.list-titles>div:last-of-type{border: 0;}

.list-titles .ref{left: 3px;text-align: center;}
.list-titles .eva{right: 18px;text-align: center}
.list-titles .secu{right: 154px;text-align: center}
.list-titles .sapin{right: 288px;text-align: center}
.list-titles .vigi{right: 420px;text-align: center}
.list-titles .info{left:50px;width: calc(100% - 670px);}

/* custom table */
.tablesorter.listingv2.custom-table{display: table;border-collapse: separate;border-spacing: 0 1px;}
.tablesorter.listingv2.custom-table thead{display: table-header-group;}
.tablesorter.listingv2.custom-table thead .tablesorter-filter-row{display: none;}
.tablesorter.listingv2.custom-table thead th{font-size: 15px;font-weight: 300;padding: 4px 5px;}
.tablesorter.listingv2.custom-table thead tr{height: auto;min-height: auto;display: table-row;}
.tablesorter.listingv2.custom-table tbody{display: table-row-group;} 
.tablesorter.listingv2.custom-table tbody tr{display: table-row;height: auto;position: relative;} 
.tablesorter.listingv2.custom-table td{display: table-cell;position: static;overflow: visible;vertical-align: middle;padding: 2px 8px;}
.tablesorter.listingv2.custom-table td.relative-cell{position: relative;}
.tablesorter.listingv2.custom-table tfoot{display: table-row-group;} 
.tablesorter.listingv2.custom-table tfoot tr{display: table-row;height: auto;position: relative;} 
.tablesorter.listingv2.custom-table tfoot tr.inactive-row td{padding-top: 0;}


.tablesorter.listingv2.custom-table th.invisible{width: 1px;overflow: hidden;font-size: 0px;padding: 0;min-width: auto;}
.tablesorter.listingv2.custom-table th.invisible *{display: none;}

.tablesorter.listingv2.custom-table th.menu {width: 30px;}

.tablesorter.listingv2.custom-table th.custom-cell{width: 140px;text-align: center;}

.tablesorter.listingv2.custom-table td .follow{overflow: visible;visibility: hidden;position: absolute;background: #e72580;left: -30px;top: calc(50% - 15%);width: 30px;height: 30px;display: none;border-radius: 4px 0 0 4px;padding-left: 5px;line-height: 36px;}
.tablesorter.listingv2.custom-table td .follow [class^="icon-"]{color: white;font-size: 20px}
.tablesorter.listingv2.custom-table tr:hover td .follow{display: block}
.tablesorter.listingv2.custom-table td .follow:empty{background: none;}

.tablesorter.listingv2.custom-table tr:hover td .follow{visibility: visible;}

.tablesorter.listingv2.custom-table th.ref{width: 45px;text-align: center;}
.tablesorter.listingv2.custom-table td.ref{text-align: center;vertical-align: middle;}

.tablesorter.listingv2.custom-table td.company-info .logo{display: block;width: 68px;height: 68px; border-radius: 50%;border:3px solid #C6C6C6;background-size: 100%;background-repeat: no-repeat;background-position: center;background-color: white;overflow: visible;float: left;margin-right: 13px;position: relative;z-index: 10;;}
.tablesorter.listingv2.custom-table td.company-info .company-name{position: relative;padding: 0 2px;}
.tablesorter.listingv2.custom-table td.company-info .company-name .title{font-size: 16px;font-weight: 400;max-width: calc(100% - 120px);overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle;margin-right: 5px;}
.tablesorter.listingv2.custom-table td.company-info .info-icons{display: inline-block;vertical-align: middle;}
.tablesorter.listingv2.custom-table td.company-info .info-icons .icon-svg-logo-opera::before{background-size: 61px;height: 17px;width: 17px;}
.tablesorter.listingv2.custom-table td.company-info .info-icons .icon-svg-logo::before{background-size: 74px;height: 16px;width: 17px;}
.tablesorter.listingv2.custom-table td.company-info .info-icons .icon-information{font-size: 17px;}
.tablesorter.listingv2.custom-table td.company-info .siren{}

.tablesorter.listingv2.custom-table td.custom-cell{vertical-align: middle;font-size: 16px;font-weight: bold;text-align: center;}

.tablesorter.listingv2.custom-table td .batiref{text-align: center;vertical-align: middle;}
.tablesorter.listingv2.custom-table td .batiref .value{display: block;position: static;opacity: 1;font-size: 12px;color: #FF6500;font-weight: bold;text-align: center;}
.tablesorter.listingv2.custom-table td .batiref .value:before{content: "";display: inline-block;width: 35px;height: 23px;background: url(../img/icons/batiref.png) no-repeat center center / 100%;position: relative;margin-right: 5px;top: 3px}
.tablesorter.listingv2.custom-table td .batiref .rateyo{display: block;position: static;margin: auto!important;}

.tablesorter.listingv2.custom-table td .procedure{vertical-align: middle;font-size: 16px;font-weight: bold;text-align: center;}
.tablesorter.listingv2.custom-table td .procedure .title{font-size:25px;font-weight: bold;text-align: center;display: block;color: #969696;}
.tablesorter.listingv2.custom-table td .procedure [class^="icon-"]{font-size:25px;vertical-align: middle;font-weight: 100;position: relative;left:9px;}
.tablesorter.listingv2.custom-table td .procedure .details{display: block;text-align:center;font-size: 14px;font-weight:300;line-height: 14px;position: relative;overflow: hidden;padding-top: 2px;}
.tablesorter.listingv2.custom-table td .procedure.valid .title{color: #3A2666}
.tablesorter.listingv2.custom-table td .procedure.warning .title{color: #8031A7}
.tablesorter.listingv2.custom-table td .procedure.error .title{color: #C93131}
.tablesorter.listingv2.custom-table td .procedure.empty .title{color: transparent;-webkit-text-stroke: 1px #cecece;text-stroke: 1px #cecece;}

.tablesorter.listingv2.custom-table td.menu-cell{vertical-align: middle;text-align: center;position: relative;}
.tablesorter.listingv2.custom-table td .counter{position:absolute;display: inline-block;background: #e72580;color: white;font-weight: bold;text-align: center;font-size: 13px;line-height: 30px;top: calc(50% - 15%);width: 30px;height: 30px;right: -30px;border-radius: 0 4px 4px 0;visibility: hidden;}
.tablesorter.listingv2.custom-table tr:hover td .counter{visibility: visible}

/* .tablesorter.listingv2.custom-table.custom-1 td.company-info{width: calc(100% - 45px - 140px);}
.tablesorter.listingv2.custom-table.custom-2 td.company-info{width: calc(100% - 45px - 280px);} */


/*------*/
/* MAP  */
/*------*/
#map {background: white;margin-top: 1px;padding: 30px 15px 15px 15px;display: none;position: relative;margin-bottom: 25px;z-index: 10;margin-right: -.5rem;margin-left: -.5rem;}
#map .close{cursor:pointer;position: absolute;top:10px;right: 10px;border:2px solid rgba(0,0,0,0.2);background: white;width: 30px;height: 30px;line-height: 29px;border-radius: 4px;text-align: center;color: black}
#map .close:hover{background: #f4f4f4}

/*----------*/
/* CONTACT  */
/*----------*/
.contact {margin-top: 5px}
.contact .cat{text-align: center;display: block;font-size: 14px;line-height: 14px;padding: 10px 0;height: 80px;width: 145px;white-space: nowrap}
.contact .cat [class^="icon-"]{font-size: 30px;display: block;text-align: center;color:#6a5394;padding-bottom: 3px}
.contact .cat a{font-size: 13px;}
.contact .cat .edit {display: inline}
.contact .cat .edit span{position: absolute;margin-left: 3px}
.contact .cat .edit [class^="icon-"]{font-size: 15px;color:#e72580;display: inline-block}
.contact .icon-signature{font-size: 18px}
.contact .name{display: block;font-size: 17px}
.contact .name small{font-size: 14px;display: block;position: relative;top: -4px}
.contact .icon-mail{font-size: 13px}
.contact .icon-phones{font-size: 20px}
.contact hr{visibility: hidden;margin: 8px 0}

/*-----------*/
/* SECTIONS  */
/*-----------*/
section{margin-bottom: 60px}
section:last-of-type{margin-bottom: 80px}
section.disabled .add-document{display: block}

#employees-documents h2 small{display: inline-block;padding: 0}

#archives{display: none; border-bottom: 1px solid #d6d6d6;padding-bottom: 75px;margin-bottom: 40px }
#archives .tablesorter.listing td.title{left: 10px}
#archives .tablesorter.listing td.date{left: 10px}

#rejected{display: none}
#rejected tr{height:auto;padding: 10px 12px}
#rejected tr.no-data{height:54px}
#rejected .tablesorter.listing td.title{left: 10px}
#rejected .tablesorter.listing td.date{left: 10px}
#rejected .tablesorter.listing td.reason{position: static;margin-top: 53px;white-space: normal;display: block;color:#717171;font-size: 14px;padding: 0;width: 41%}
#rejected .tablesorter.listing td.reason h3{margin-bottom: 0;font-weight: 300;font-size: 14px}

.add-document{background: white;margin-top: 1px;padding: 30px 15px 15px 15px;display: none;position: relative}
.add-document h2{text-align: center}
.add-document .field .form-input{background: white}
.add-document .field [type="radio"]+label{display: inline}
.add-document .actions{position: static;width: 100%}
.add-document .actions button{margin:0}
.add-document .close{cursor:pointer;position: absolute;top:10px;right: 10px}
.add-document table{margin-bottom: 3px}
.add-document table th{font-size: 15px}
.add-document table td{padding: 3px}
.add-document table .field{margin: 0;width: 100%}
.add-document table .field .form-input{height: 30px;line-height: 16px}
.add-document table .field .chosen-container .chosen-single{height: 30px;line-height: 16px}
.add-document table th.edit{width: 30px;text-align: center}

#suppliers-list .tablesorter.listing td.c-menu.open ul{right: -350px}

#members-pending .message{padding-bottom: 10px}

#risks .wrapper{background: white;padding: 20px 20px 10px 20px}

/*-------*/
/* FORMS */
/*-------*/

/* field */
.field {margin-bottom: 19px; position: relative;min-height: 66px}
.field label{padding-bottom: 2px;display: block;margin: 0;font-size: 17px}
.field small{position: absolute;right: 0;bottom: -16px}
.field small.subtext{position: static;display: block}
.field .message{font-size: 11px;display: block;position: absolute;bottom: -22px}
.field.error .message{color:#C93131}
.field.alert .message{color:#C93131}
.field.warning .message{color:#8031A7}
.field.valid .message{color:#3A2666}
.field .message.optionnal{font-size: 11px;display: block;position: absolute;bottom: -22px;right: 0}
.field.error label .icon-network-community{color:#C93131}
.field.alert label .icon-network-community{color:#C93131}
.field.warning label .icon-network-community{color:#8031A7 }
.field.valid label .icon-network-community{color:#3A2666}
.field.password .show-password{cursor: pointer;position: absolute;right: 10px;bottom: 7px;color: #d1d1d1}
.field.password .show-password.show{color:#f48327}
.field.password .password-input{padding-right: 15px}
.field .check{cursor: pointer;position: absolute;right: 10px;bottom: 7px;color: #3A2666}
.field .more{font-size: 13px}
.field .more .icon-eye{font-size: 11px}

/*field input*/
.field .form-input{border:1px solid #E0E0E0;border-radius: 8px;color:#6E6E6E;width: 100%;padding: 10px 15px 10px 15px;font-size: 15px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;height: 40px}
.field.error .form-input{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.alert .form-input{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.warning .form-input{border:1px solid #8031A7 ;color:#8031A7 ;background: #fdf8ff!important}
.field.valid .form-input{border:1px solid #3A2666;color:#3A2666;background: #f9fffe!important}
.field .form-input:focus{color:#6E6E6E!important}
.field .form-input::-webkit-input-placeholder {color: #B3B5B8;opacity: 1}
.field .form-input::-moz-placeholder {color: #B3B5B8;opacity: 1}
.field .form-input:-ms-input-placeholder {color: #B3B5B8;opacity: 1}
.field .form-input:-moz-placeholder {color: #B3B5B8;opacity: 1}

/*field with animated label*/
.field.animate .form-input{padding: 15px 15px 6px 15px}
.field.animate label{position: absolute;left: 15px;cursor: text;top: 0;margin: 0; transition: all 0.3s;font-size: 12px;font-weight: 300;color:#6E6E6E;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;line-height: 42px;text-overflow: ellipsis; width: 100%}
.field.animate.error label{color:#C93131}
.field.animate.alert label{color:#C93131}
.field.animate.warning label{color:#8031A7}
.field.animate.valid label{color:#3A2666}
.field.animate.main-focus label {line-height: 19px;font-size: 10px;left: 7px;color:#191919;font-weight: 400}
.field.animate.main-focus.error label {color:#C93131}
.field.animate.main-focus.alert label {color:#C93131}
.field.animate.main-focus.warning label {color:#8031A7}
.field.animate.main-focus.valid label {color:#3A2666}

.field.animate.with-icon .form-input {padding-left: 32px}
.field.animate.with-icon label {height: 40px;padding-left: 25px}
.field.animate.with-icon.main-focus label {line-height: 22px}
.field.animate.with-icon label [class^="icon-"]{font-size: 22px;line-height: 42px;height: 40px;display: block;position: absolute;left: 0}
.field.animate.with-icon.main-focus label [class^="icon-"]{left: 0}

.field.animate .check{bottom: inherit;top:11px}

/*field select jquery chosen*/
.field .chosen-container-single .chosen-default{color:#B3B5B8}
.field .chosen-container .chosen-single, .chosen-container-multi .chosen-choices{border:1px solid #E0E0E0;border-radius: 8px;background: white;color:#6E6E6E;box-shadow: none;width: 100%;padding: 7px 15px;font-size: 14px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;min-height: 40px;height:auto}
.myfolder .field .chosen-container .chosen-single{min-height:30px}
.field.error .chosen-container .chosen-single{border:1px solid #aa0c0c;background: #fff2f2}
.field .chosen-container-single .chosen-single div{width: 30px}
.field .chosen-container-single .chosen-single div b{background: none;border-radius: 0 4px 4px 0}
.field .chosen-container-single .chosen-single div b:before{content: "\e934";font-family: 'icomoon' !important;display: inline-block;transform: rotate(90deg);margin-top: 8px;color: #0066CC;margin-left: 8px}
.field .chosen-container-active.chosen-with-drop .chosen-single div b:before{transform: rotate(-90deg)}
.field .chosen-container-single .chosen-single abbr{background: none;margin:2px 10px 0 0}
.field .chosen-container-single .chosen-single abbr:before{content: "\e927";font-family: 'icomoon' !important;display: inline-block;font-size: 11px;color: #a5a5a5}
.field .chosen-container-single .chosen-single abbr:hover:before{color: #0066CC}
.field .chosen-container-single .chosen-search{margin-top:7px}
.field .chosen-container-single .chosen-search:after{content: "\e928";font-family: 'icomoon' !important;display: inline-block;font-size: 11px;color: #a5a5a5;margin-left: -18px}
.field .chosen-container-single .chosen-search input{padding: 7px 20px 7px 5px}
.field .chosen-container-single .chosen-search input[type="text"]{background: none}
.field .chosen-container-single .chosen-results{margin: 10px 4px 4px 0}
.field .chosen-container .chosen-results li.highlighted{background: #eaeaea;color:#0066CC}
.field .chosen-container .chosen-results li em{text-decoration: none;color:#0066CC;font-weight: 400}
.field .chosen-container .chosen-drop{border:1px solid #dbdbdb;border-radius: 4px}
.chosen-container-multi .chosen-choices li.search-choice{background: #0066CC;border: 0;color: white;box-shadow: none}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background: none;border-left:1px solid #ffb478}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{content:"x";display: inline-block;color:white;font-size: 15px;line-height: 10px;margin-left: 3px}

.chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type="text"] {background-image: none!important}

.field.error .chosen-container .chosen-single{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.alert .chosen-container .chosen-single{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.warning .chosen-container .chosen-single{border:1px solid #8031A7;color:#8031A7;background: #fdf8ff !important}
.field.valid .chosen-container .chosen-single{border:1px solid #3A2666;color:#3A2666;background: #f9fffe!important}

.field.error .chosen-container-multi .chosen-choices{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.error .chosen-container-multi .chosen-choices li.search-choice{background: #C93131}
.field.alert .chosen-container-multi .chosen-choices{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.alert .chosen-container-multi .chosen-choices li.search-choice{background: #C93131}
.field.warning .chosen-container-multi .chosen-choices{border:1px solid #8031A7;color:#8031A7;background: #fdf8ff!important}
.field.warning .chosen-container-multi .chosen-choices li.search-choice{background: #8031A7}
.field.valid .chosen-container-multi .chosen-choices{border:1px solid #3A2666;color:#3A2666;background: #f9fffe!important}
.field.valid .chosen-container-multi .chosen-choices li.search-choice{background: #3A2666}

/*field textarea*/
.field textarea {border:1px solid #dbdbdb;border-radius: 4px;background: white;color:#191919;box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.08);width: 100%;padding: 10px 15px 10px 15px;font-size: 15px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;min-height: 137px;resize: none}
.field.error textarea{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.alert textarea{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.warning textarea{border:1px solid #8031A7;color:#8031A7;background: #fbf1e0!important}
.field.valid textarea{border:1px solid #3A2666;color:#3A2666;background: #f9fffe!important}
.field textarea:focus {color:#191919!important}

/* tags input */
.field div.tagsinput{border:1px solid #dbdbdb;border-radius: 4px;color:#191919;box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.08);width: 100%;padding: 0px 15px 0px 15px;font-size: 15px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;min-height: 40px!important}
.field div.tagsinput span.tag{background: #e72580;color: white;border:0;border-radius: 3px;padding: 3px 5px 3px 5px;margin: 10px 5px 3px 0;line-height: 13px;font-family: "Inter";font-size: 14px;font-weight: 300}
.field div.tagsinput span.tag a{color: white;border-left: 1px solid white;padding-left: 5px;font-family: "Inter";font-size: 15px;font-weight: 300;display: inline-block}
.field div.tagsinput input{width: 145px;font-size: 15px;font-family: inherit;margin-top: 5px;color: #191919!important;font-weight: 300}


/*field file*/
.field .jfilestyle{width: 100%;font-size: 0;margin: 0}
.field .jfilestyle label{color:white;background: #3A2666;border:1px solid #3A2666;padding: 9px 25px;margin-bottom: 0;font-size: 15px;font-weight: 300;text-transform: uppercase; text-align: center;white-space: nowrap;vertical-align: middle;border-radius: 0 4px 4px 0;cursor: pointer;transition: all 0.3s ease;line-height: 17.25px;font-family: "Inter";position: absolute;right: 0;top: 0;bottom: 0}
.field .jfilestyle input:disabled{border:1px solid #dbdbdb;border-radius: 4px;background: white;color:#191919;box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.08);width: 100%;padding: 10px 15px 10px 15px;font-size: 15px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;opacity: 1;width: calc(100% - 137px)!important;text-overflow: ellipsis;filter: none}
.field.error .jfilestyle input:disabled{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.alert .jfilestyle input:disabled{border:1px solid #C93131;color:#C93131;background: #faf5f5!important}
.field.warning .jfilestyle input:disabled{border:1px solid #8031A7;color:#8031A7;background: #fbf1e0!important}
.field.valid .jfilestyle input:disabled{border:1px solid #3A2666;color:#3A2666;background: #f9fffe!important}

/*switch*/
.switch {margin-bottom: 15px;position: relative}
.switch label{position: relative;display: inline-block;width: 33px;height: 13px;margin: 0;padding: 0;z-index: 20}
.switch label input {display:none}
.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #818181;transition: 0.4s all;border-radius: 13px}
.switch .slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 0;bottom: -2px;background-color: #bdbdbd;transition: 0.4s all;border-radius: 50%}
.switch .slider:before:hover {background-color: #bdbdbd}
.switch input:checked + .slider {background-color: #E6C5D4}
.switch input:focus + .slider {background-color: #bdbdbd}
.switch input:checked + .slider:before {transform: translateX(16px);background-color: #6a5394}
.switch .label{position: absolute;left: 36px;top:-6px;white-space: nowrap;font-weight: 300}
.switch input:checked + .slider + .label{color:#6a5394}

/*field dropzone*/
.field .dropzone{background: white;border:1px dashed #626262;padding: 15px;font-size: 17px;text-align: center;position: relative;margin: 15px 0}
.field .dropzone [class^="icon-"]{font-size:35px;color:#e72580}
.field .dropzone:hover{background: #fafafa;cursor: pointer}
.field .dropzone input{position: absolute;margin: 0;padding: 0;outline: none;opacity: 0;top: 0;right: 0;left: 0;bottom: 0;width: 100%;cursor: pointer}

/*checkbox*/
.checkbox{box-shadow: none;width: auto;height: auto}
.checkbox label{padding-left: 25px;position: relative;line-height: 18px}
.checkbox label input{display: none}
.checkbox label .icon-checkbox-uncheck{font-size: 20px;position: absolute;left: 0;margin-right: 5px}
.checkbox label input:checked + .icon-checkbox-uncheck:before{content:"\e948";font-family: 'icomoon' !important;display: inline-block;color:inherit;visibility: visible;color:#e72580}
.checkbox label small{display: block;margin-top: 3px}
.checkbox.warning.is-disabled, .checkbox.warning[disabled]{opacity: 1;filter: none;-webkit-filter:none;cursor:not-allowed}
.checkbox.warning label{color:#545454}
.checkbox.warning label small,
.checkbox.warning label [class^="icon-"],
.checkbox.warning label input:checked + .icon-checkbox-uncheck:before{color:#e72580}

/*radio*/
.radio{box-shadow: none;width: auto;height: auto}
.radio label{padding-left: 25px;position: relative;line-height: 18px}
.radio label input{display: none}
.radio label .icon-checkbox-uncheck{font-size: 20px;position: absolute;left: 0;margin-right: 5px}
.radio label input:checked + .icon-checkbox-uncheck:before{content:"\e948";font-family: 'icomoon' !important;display: inline-block;color:inherit;visibility: visible;color:#e72580}
.radio label small{display: block;margin-top: 3px}
.radio.warning.is-disabled, .checkbox.warning[disabled]{opacity: 1;filter: none;-webkit-filter:none;cursor:not-allowed}
.radio.warning label{color:#545454}
.radio.warning label small,
.radio.warning label [class^="icon-"],
.radio.warning label input:checked + .icon-checkbox-uncheck:before{color:#e72580}

/*rate*/
.rates{font-size: 0}
.rates .rate{margin-bottom: 1px}
.rate label{display: inline-block;margin: 0;cursor: default;font-size: 14px;width: calc(100% - 168px);vertical-align: middle;background: #ededed;padding: 2px 5px;height: 24px}
.rate .rateyo{display: inline-block;vertical-align: middle;height: 24px}
.rate .counter{display: inline-block;vertical-align: middle;height: 24px;font-size: 16px}
.rate-resume{margin-bottom: 20px;font-size: 0}
.rate-resume .rate{margin-bottom: 1px}
.rates-details h4{margin: 20px 0 0 0;font-size: 15px;font-weight: 400}
.rates-details h4:first-of-type{margin-top: 0}
.rates-details p{margin-bottom: 6px!important;font-size: 14px}
.rates-details .rate label{width: calc(100% - 123px);font-size: 13px;background: none;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.rates-details .counter{font-size: 13px}

/*image drop*/
.imgdrop{margin: 30px auto 40px auto; height: 185px;width: 185px;text-align: center;position: relative}
.imgdrop a{display: block;color: inherit;font-size: 17px}
.imgdrop a .label{position: absolute;width: 100%;top:-25px;left: 0}
.imgdrop a .image{border:2px solid white;border-radius: 50%;background-size: 100%;height: 180px;width: 180px;display: block;background-repeat: no-repeat;background-position: center;background-color: white;margin: auto}
.imgdrop.error a .image{border-color:#C93131}
.imgdrop.alert a .image{border-color:#C93131}
.imgdrop.warning a .image{border-color:#8031A7}
.imgdrop.valid a .image{border-color:#3A2666}
.imgdrop.error a .icon-network-community{color:#C93131}
.imgdrop.alert a .icon-network-community{color:#C93131}
.imgdrop.warning a .icon-network-community{color:#8031A7}
.imgdrop.valid a .icon-network-community{color:#3A2666}
.imgdrop .message{width: 100%;text-align: center}
.imgdrop .dropzone{height: 185px;width: 185px;padding: 36px 5px 5px 5px}

/* Controls */
.field.control.check:before{content: "\e903";font-family: 'icomoon' !important; display: block;position: absolute;right: 7px;top:34px;color: #3A2666}
.field.animate.control.check:before{top:9px}
.field.control input.form-input{padding-right: 40px}

/* filters */
.filters .field {width: 255px;display: inline-block;margin-left:10px;margin-bottom: 8px;min-height: 30px;vertical-align: top;}
.filters .field .chosen-container .chosen-single{height: 30px;line-height: 16px;min-height:30px}
.filters .field .form-input{height: 30px;line-height: 16px;min-height:30px}
.filters .field.animate label{font-size: 13px;height: 30px;line-height: 30px}
.filters .field.animate.main-focus label{font-size: 11px;line-height: 13px}
.filters .field.animate.with-icon label [class^="icon-"]{font-size: 20px;line-height: 30px;height: 30px}

/*-------------------*/
/* BUTTONS & ACTIONS */
/*-------------------*/
.actions {text-align: center;margin:15px 0 15px 0;font-weight: 300}
.actions button, .actions .button, .actions a.button{min-width: 130px}

button, .button, a.button{color:white;background: #e72580;border:1px solid #e72580;display: inline-block;padding: 13px 16px;margin: 0 5px;font-size: 12px;font-weight: 600;text-align: center;white-space: nowrap;vertical-align: middle;border-radius: 38px;cursor: pointer;transition: all 0.3s ease;line-height: 12px}
button:hover, .button:hover{background-color:#f29040;border-color: #f29040;text-decoration: none!important;}
button [class^="icon-"], .button [class^="icon-"]{font-size:21px;margin: -3px 10px 0 0;line-height: 0;vertical-align: middle;display: inline-block}

/*.actions.small button, .actions.small .button, .actions.small a.button{min-width: 130px;line-height: 8px;font-size: 15px}
.actions.small button [class^="icon-"], .actions.small .button [class^="icon-"], .actions.small a.button [class^="icon-"]{font-size: 16px}*/

button.primary, .button.primary, a.button.primary{background-color:#DA1884;color:white;border-color: #DA1884}
button.primary:hover, .button.primary:hover, a.button.primary:hover{background-color:#A11C79;border-color: #A11C79}

/*button.primary.inverted, .button.primary.inverted, a.button.primary.inverted{background-color:transparent;color:#DA1884;border-color: #DA1884}
button.primary.inverted:hover, .button.primary.inverted:hover, a.button.primary.inverted:hover{background-color:#A11C79;color:white;border-color: #A11C79}*/

/*button.secondary, .button.secondary, a.button.secondary{background-color:#280071;color:white;border-color: #280071;}
button.secondary:hover, .button.secondary:hover, a.button.secondary:hover{background-color:#A11C79;border-color: #A11C79}*/

button.secondary, .button.secondary, a.button.secondary{background-color:transparent;color:#280071;border-color: #280071}
button.secondary:hover, .button.secondary:hover, a.button.secondary:hover{background-color:#A11C79;color:white;border-color: #A11C79}

button.third, .button.third, a.button.third{background-color:transparent;color:#0066CC;border:0;border-radius: 8px}
button.third:hover, .button.third:hover, a.button.third:hover{background-color:#F5F5F5;border-color: #F5F5F5}

/*button.third.inverted, .button.third.inverted, a.button.third.inverted{background-color:transparent;color:#0066CC;border-color: #0066CC}
button.third.inverted:hover, .button.third.inverted:hover, a.button.third.inverted:hover{background-color:#F5F5F5;color:#0066CC;border-color: #F5F5F5}*/

button.fourth, .button.fourth, a.button.fourth{background-color:#D62929;color:white;border-color: #D62929}
button.fourth:hover, .button.fourth:hover, a.button.fourth:hover{background-color:#C91F1F;color:white;border-color: #C91F1F}

/*button.fourth.inverted, .button.fourth.inverted, a.button.fourth.inverted{background-color:transparent;color:#2b384d;border-color: #2b384d}
button.fourth.inverted:hover, .button.fourth.inverted:hover, a.button.fourth.inverted:hover{background-color:#2b384d;color:white;border-color: #2b384d}*/

button:disabled, .button:disabled, a.button:disabled{background: #b3b3b3;border-color: #b3b3b3}

/*-------*/
/* ICONS */
/*-------*/
.icon-network-community{font-weight: bold}


/*------------*/
/* TEXT ICONS */
/*------------*/
.icon-line{display: inline-block;vertical-align: middle}
.icon-line:before {content: "-"; font-family: "Inter"!important;font-size: 35px; font-weight: 300;line-height: 15px}

/*-----------*/
/* SVG ICONS */
/*-----------*/
.icon-svg-supplier:before{content:"";background: url(../img/icons/supplier.svg) no-repeat center center / 100%; display: inline-block;height: 107px;width: 106px}
.icon-svg-client:before{content:"";background: url(../img/icons/client.svg) no-repeat center center / 100%; display: inline-block;height: 107px;width: 52px}
.icon-svg-logo:before{content:"";background: url(../img/logo.png) no-repeat center left / 120px; display: inline-block;height: 27px;width: 27px}
.icon-svg-logo-opera:before{content:"";background: url(../img/logo-opera.png) no-repeat center left / 90px; display: inline-block;height: 27px;width: 23px}
.icon-svg-partners:before{content:"";background: url(../img/icons/partners.svg) no-repeat center center / 100%; display: inline-block;height: 28px;width: 38px;position: relative;top:-3px}
.icon-svg-group:before{content:"";background: url(../img/icons/group.svg) no-repeat center center / 100%; display: inline-block;height: 38px;width: 38px}
.icon-svg-docs:before{content:"";background: url(../img/icons/docs.svg) no-repeat center center / 100%; display: inline-block;height: 39px;width: 37px}
.icon-svg-docs-rejected:before{content:"";background: url(../img/icons/docs-rejected.svg) no-repeat center center / 100%; display: inline-block;height: 39px;width: 37px}

/*--------*/
/* rateYo */
/*--------*/
.rateyo svg{max-width: none}

/*-------*/
/* MODAL */
/*-------*/
[data-featherlight-type="ajax"]:hover{cursor: pointer}

.featherlight{background-color: rgba(0,0,0,0.7)!important;z-index:9998}
.featherlight .featherlight-content{box-shadow: 0px 8px 21.6px 2.4px rgba(0, 0, 0, 0.4);border-bottom: 0;padding: 10px 25px}
.featherlight .featherlight-close-icon{background: none;width: 19px;height: 22px;overflow: hidden;text-indent: 9000px;right: 8px;top: 8px}
.featherlight .featherlight-close-icon:before{content:"\e927";display: block;position: absolute;font-family:'icomoon';color:#555;text-indent: 0;left: 0px;top: 0px;font-size: 18px}

.featherlight .modal-title-icon{text-align: center;margin:0;width:105px;display: inline-block;vertical-align: middle;margin-right: 20px;padding-right: 10px; border-right:1px solid #626262;}
.featherlight .modal-title-icon .icon-svg-client:before{height: 67px;width: 32px}
.featherlight .modal-title-icon .icon-svg-supplier:before{height: 67px;width: 58px}
.featherlight .modal-title-icon .value{font-size:20px;color:#3A2666;font-weight: bold;line-height: 28px}
.featherlight .modal-title-icon .label{font-size:15px}

.featherlight p{margin-bottom: 15px}

.featherlight.has-dropdown .featherlight-content{overflow: visible}

/*notifications*/
.featherlight.modal-notifications .featherlight-content{top:165px;right: 0;margin: 0;position: absolute;overflow: visible;min-width: 365px}
/* .featherlight.modal-notifications .featherlight-content{top:85px;right: 0;margin: 0;position: absolute;overflow: visible;min-width: 365px} */ /* Disable PW */
.featherlight.modal-notifications .featherlight-content .tools{top:-70px;right: 30px;position: absolute}
.featherlight.modal-notifications .featherlight-content .tools .notification{color:white;top: -3px;right: 0;position: absolute}
.featherlight.modal-notifications ul{list-style: none;padding: 0;margin: 0;font-size: 16px}
.featherlight.modal-notifications ul span{display: block;text-align: right;font-size: 14px;}
.featherlight.modal-notifications ul [class^="icon-"]{font-size: 22px;vertical-align: middle;margin-right: 10px;width: 23px;display: inline-block}
.featherlight.modal-notifications ul .icon-euro:before{font-size: 32px}
.featherlight.modal-notifications ul li{margin-bottom: 8px;border-bottom: 1px solid #d8d8d8;padding-bottom: 8px}
.featherlight.modal-notifications ul li:last-of-type{border: 0}
.featherlight.modal-notifications ul li a{color:inherit}
.featherlight.modal-notifications ul li a:hover{color:#8031A7;text-decoration: none}
.featherlight.modal-notifications .parameters-link{text-align: right;margin-top: 20px}
.featherlight.modal-notifications .parameters-link [class^="icon-"]{font-size: 20px;vertical-align: middle;position: relative;top:-2px}


/*user*/
.featherlight.modal-user .featherlight-content{top:165px;right: 0;margin: 0;position: absolute;overflow: visible;min-width: 365px;max-width: 410px}
/* .featherlight.modal-user .featherlight-content{top:85px;right: 0;margin: 0;position: absolute;overflow: visible;min-width: 365px;max-width: 410px} */ /* Disable PW */
.featherlight.modal-user .featherlight-content .tools{top:-73px;right: 30px}
.featherlight.modal-user .featherlight-content .tools .user{color: white}
.featherlight.modal-user .featherlight-content .tools .user .avatar{border-color:white}
.featherlight.modal-user .featherlight-content .tools .user .infos span{color:white}
.featherlight.modal-user .featherlight-content .tools.anon .login{position: absolute;right: 2px;color: white}
.featherlight.modal-user h2{line-height: 28px;margin-top: 18px;position: relative;margin-bottom: 5px;font-weight: 400;}
.featherlight.modal-user h2 .avatar-big{height: 76px; width: 76px; border-radius:37px;display: inline-block;vertical-align: middle;margin-right: 20px;background-size: 100%;border:2px solid #a7a7a7;background-repeat: no-repeat;background-position: center;float: left}
.featherlight.modal-user h2 .name{display: block;vertical-align: middle;padding-right: 20px;font-size: 17px;text-transform: uppercase}
.featherlight.modal-user h2 .name span{display: block;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.featherlight.modal-user h2 .name span.bu{font-size: 13px}
.featherlight.modal-user h2 .name span.bu strong{font-weight: 400}
.featherlight.modal-user h2 .name small{margin-top: 4px;line-height: 17px;padding-bottom: 0;text-transform: none;margin-left:96px}
.featherlight.modal-user h2 a{font-size: 15px;display: block;text-transform: none}
.featherlight.modal-user h2.company-name + .actions{padding-top: 10px}
.featherlight.modal-user h2.user-name + .actions{position: relative;top:-20px}
.featherlight.modal-user .roles{position: absolute;left: 0;top: 80px;width: 112px;text-align: center;font-size: 12px;white-space: nowrap;line-height: 16px;margin-left: -18px}
.featherlight.modal-user .actions{margin-top: 0px;padding-left: 101px;clear: both}
.featherlight.modal-user .actions.user{margin-top: -17px}
.featherlight.modal-user .actions button, .featherlight.modal-user .actions .button{display: block;margin: 10px 0;width: 100%}
.featherlight.modal-user .actions .icon-service{font-size: 12px!important}

/*conformity*/
.featherlight.modal-conformity .featherlight-content {width: 680px;left:calc(50% - 340px);position: absolute;top:25px;max-height: calc(100% - 50px)}
.resume {table-layout: auto;display: table!important;width: auto;margin: 0 auto 20px auto}
.resume td{white-space: nowrap;text-align: center;vertical-align: middle;line-height: 20px;padding: 10px;width: 110px}
.featherlight.modal-conformity .featherlight-content .chart-wrapper canvas{margin: 0 auto 20px auto}


/*page*/
.featherlight.modal-page .featherlight-content{position: absolute;left: 0;right: 0;top:25px;max-height: calc(100% - 50px)}
.featherlight.modal-page h2 small{padding: 0;position: relative;top:-5px}
.featherlight.modal-page .sponsorships{margin: 0 auto; max-width: 800px;padding-bottom: 35px}
.featherlight.modal-page .helpdesk{background: none;padding: 0;position: relative;width:340px;margin: 20px auto}
.featherlight.modal-page .helpdesk .info{position: relative;padding-left: 80px}
.featherlight.modal-page .helpdesk .img{width: 80px;height: 80px;position: absolute;left: 0px;top:-6px;text-align: center;line-height: 80px;font-size: 50px}
.featherlight.modal-page .helpdesk .icon-mail{font-size: 13px}


/*register*/
.featherlight.modal-register .featherlight-content{position: absolute;left: 20%;right: 20%;top:25px;max-height: calc(100% - 50px)}
.featherlight.modal-register .featherlight-close{display: none}

/*half page*/
.featherlight.modal-halfpage .featherlight-content{position: absolute;left: 20%;right: 20%;top:25px;max-height: calc(100% - 50px)}
.featherlight.modal-halfpage h4{margin-bottom: 8px;margin-top: 0}
.featherlight.modal-halfpage [class*="grid-"]{display: flex}
.featherlight.modal-halfpage .thumb{width: 100px;height: 100px;border-radius: 50%;border:2px solid #a7a7a7;background-size: 100%;background-repeat: no-repeat;background-position: center;display: inline-block}
.featherlight.modal-halfpage .member-info [class^="icon-"]{width: 30px;display: inline-block;text-align: center}
.featherlight.modal-halfpage .member-info .icon-phones{font-size: 25px}
.featherlight.modal-halfpage .member-info .icon-mail{font-size: 15px}
.featherlight.modal-halfpage .member-info>div:first-of-type{text-align: right;align-self: center}
.featherlight.modal-halfpage .member-info>div:last-of-type{text-align: left;font-size: 17px;align-self: center}
.featherlight.modal-halfpage .member-info a:hover{text-decoration: underline}
.featherlight.modal-halfpage .roles ul{margin: 0;padding: 0;list-style: none}
.featherlight.modal-halfpage .roles h3{margin-top: 15px}

.featherlight.modal-halfpage .nature{margin-bottom:20px}
.featherlight.modal-halfpage .nature .checkbox label{display: block; text-align: center;margin: 0;padding: 0}
.featherlight.modal-halfpage .nature .checkbox label [class^="icon-"]{display: block; text-align: center;position: static;font-size: 30px;margin: 5px}
.featherlight.modal-halfpage .nature .checkbox label .icon-checkbox-uncheck{font-size: 15px}

.featherlight.modal-halfpage.modal-switch .company-id {text-align: left;min-height: 96px;position: relative;}
.featherlight.modal-halfpage.modal-switch .company-id .logo{margin-right: 15px;float: left;width: 68px;height: 68px;position: absolute;top: calc(50% - 34px);}
.featherlight.modal-halfpage.modal-switch .company-info .company-id .company-name{display: inline-block;padding-top: 10px;padding-left:80px;width: calc(100% - 90px);}

/*table*/
.featherlight.modal-table .featherlight-content{width: 460px;left:calc(50% - 230px);position: absolute;top:25px;max-height: calc(100% - 50px)}

/*share*/
.featherlight.modal-share .featherlight-content{overflow: visible;padding-bottom: 15px;position: absolute;top:25px;width: 584px;left: calc(50% - 292px)}
.featherlight.modal-share .featherlight-content h2{display: block}
.featherlight.modal-share .featherlight-content .field{display: inline-block;margin: 0 8px 25px 0;vertical-align: middle;width: calc(100% - 150px)}
.featherlight.modal-share .featherlight-content .field small{display: block}
.featherlight.modal-share .featherlight-content .field.share-link{width: 100%}
.featherlight.modal-share .featherlight-content .actions{display: inline-block;margin: 0;position: absolute;right: -150px;top:0}
.featherlight.modal-share .featherlight-content .actions.locked{display: block;position: static;width: 100%;padding: 20px}
.featherlight.modal-share .featherlight-content .actions.locked a{text-decoration: underline}
.featherlight.modal-share .featherlight-content .actions.locked .button{margin-top: 25px;text-decoration: none}
.featherlight.modal-share .featherlight-content .valid .actions button{border-color:#3A2666!important;color:#3A2666!important;filter: none}

/*quitus*/
.featherlight.modal-quitus .featherlight-content{overflow: visible;padding-bottom: 15px;position: absolute;top:25px;width: 600px;left: calc(50% - 300px)}
.featherlight.modal-quitus .featherlight-content h2{display: block}
.featherlight.modal-quitus .featherlight-content .field{display: inline-block;margin: 0 8px 0 0;width: 370px;vertical-align: middle}
.featherlight.modal-quitus .featherlight-content .actions{display: inline-block;margin: 0;vertical-align: top}

.modal-dialog{display: none}
.featherlight .modal-dialog{display: block}
.featherlight.modal-dialog .featherlight-content{position: absolute;left: 35%;right: 35%;top:25px;max-height: calc(100% - 50px)}
.modal-dialog .actions button{margin:0 8px}
.featherlight-content .tablesorter.listing tr{background: #f5f5f5}
.featherlight-content .tablesorter.listing tr:hover{background: #ededed}
.featherlight-content .tablesorter.listingv2 tr{background: #f5f5f5}
.featherlight-content .tablesorter.listingv2 tr:hover{background: #ededed}
.featherlight-content .tablesorter.listingv2 tr.deleted{opacity: 0.5}
.featherlight-content .tablesorter.listingv2 tr.deleted td{text-decoration: line-through!important}
.featherlight-content .tablesorter.listingv2 tr.deleted:hover{background:#f5f5f5 }
.featherlight-content .tablesorter.listingv2 tr.deleted:hover .c-menu{display: none}


.featherlight-content .company-list .field{margin-bottom: 0;max-height: auto}
.featherlight-content .company-list .checkbox{margin-top: -17px;margin-bottom: 30px}
.featherlight-content .company-list .checkbox label{margin-top: 0}

.featherlight-content .add-bu .item{background: #f3f3f3;padding: 10px;position: relative;margin-top: 1px}
.featherlight-content .add-bu .item .actions{margin: 0;position: absolute;top: calc(50% - 15px);right: 10px;} 
.featherlight-content .add-bu .item .actions button{margin: 0} 
.featherlight-content .add-bu .item p{margin: 5px 0 0 0;font-weight: 400}
.featherlight-content .add-bu .item .loader{position: absolute;top: 0; right: 0; left: 0; bottom: 0;background: rgba(24, 153, 138, 0.87);}
.featherlight-content .add-bu .item .loader .lds-ring{position: absolute;left: calc(50% - 40px);top: calc(50% - 40px);}
.featherlight-content .add-bu .item .loader p{color: white;text-align: center;font-size: 17px;}
.featherlight-content .add-bu .field{min-height: inherit;margin: 0}
.featherlight-content .add-bu .field.animate label{line-height: 32px}
.featherlight-content .add-bu .field.animate.main-focus label{top:-9px;font-size: 9px}
.featherlight-content .add-bu .field.animate .check{top:7px}
.featherlight-content .add-bu .field .form-input{height: 32px}
.featherlight-content .add-bu .company{margin-top:8px}
.featherlight-content .add-bu .icon-svg-logo-opera{vertical-align: middle}
.featherlight-content .add-bu .icon-svg-logo-opera::before{background-size: 51px;height: 14px;width: 14px}
.featherlight-content .add-bu .icon-svg-logo{vertical-align: middle}
.featherlight-content .add-bu .icon-svg-logo::before{background-size: 58px;height: 14px;width: 14px}
.featherlight-content .add-bu .company-name {font-size: 13px}
.featherlight-content .add-bu .address {font-size: 13px}
.featherlight-content .add-bu .address .flag{transform: scale(0.9)}
.featherlight-content .add-bu .logo{display: inline-block;width: 30px;height: 30px;border-radius: 50%;border: 2px solid #C6C6C6;background-size: 100%;background-repeat: no-repeat;background-position: center;background-color: white;float: left;margin-right: 8px;margin-top: 2px}
.featherlight-content .add-bu .nature{margin: 0;transform: scale(0.9)}
.featherlight-content .add-bu .item.add{padding: 10px}
.featherlight-content .add-bu .item.add .actions{margin: 8px}
.featherlight-content .add-bu .item .actions{position: static;margin-top: 20px;}
.featherlight-content .add-bu .nature{display: flex}
.featherlight-content .add-bu .nature .checkbox label{font-size: 13px;white-space: nowrap;}
.featherlight-content .add-bu .nature .checkbox label [class^="icon-"]{font-size: 25px}
.featherlight-content .add-bu .nature .checkbox label .icon-checkbox-uncheck{font-size: 15px}
.featherlight-content .add-bu .nature[class*="grid-4"].has-gutter-l > *{align-self: center;}
.featherlight-content .add-bu .nature[class*="grid-5"].has-gutter-l > *{align-self: center;min-width: 100px;}
.featherlight-content .add-bu .nature.has-gutter-l> *{width: calc(100% / 4 - 2rem - .01px)}


.featherlight-content .payment-method{font-size: 14px;margin-top: -15px;margin-bottom: 10px;}
.featherlight-content .payment-method a:hover{text-decoration: underline;}

/*-------*/
/*TOOLTIP*/
/*-------*/
.tooltipster-sidetip .tooltipster-box{border:0;font-weight: 300}
.tooltipster-sidetip .tooltipster-arrow-border{border: 0}

.tooltip .tooltip_content{display: none;}

.tooltipster-content strong{margin-bottom: 0;padding-bottom: 0;}
.tooltipster-content ul{margin-top: 0;padding-top: 0;margin-bottom: 10px;}

.w-tooltip ul{list-style: none;font-size: 14px;font-weight:300;margin: 0;padding: 0} 
.w-tooltip ul li{margin-bottom: 2px} 
.w-tooltip.tooltipster-top .tooltipster-arrow-background{border-top-color: white!important}
.w-tooltip .tooltipster-box{background: white!important;min-width: 100px;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);}
.w-tooltip .tooltipster-content{text-align: right;padding: 5px 10px;color:#474747}
.w-tooltip .tooltipster-content [class^="icon-"]{width: 30px;text-align: center;display: inline-block;}
.w-tooltip .tooltipster-content strong{display:block;text-align: left;padding: 0 0 2px 0;color:#474747}

.w-tooltip .tooltipster-content .col-item{padding-top: 10px;display: block;}
.w-tooltip .tooltipster-content .col-item:first-of-type{padding-top: 0;}

.w-tooltip .tooltipster-content .iban{text-align: center;display: block;}

.w-tooltip .tooltipster-content .scoring{text-align: center;font-weight: 400;display: block;}

.w-tooltip .tooltipster-content .risk-level{display: inline-block;font-size:12px;font-weight: 400;text-align: center;color: white!important;width: 15px;height: 15px;border-radius: 15px;line-height: 15px;vertical-align: middle}
.w-tooltip .tooltipster-content .risk-level.valid{background: #3A2666}
.w-tooltip .tooltipster-content .risk-level.warning{background: #8031A7}
.w-tooltip .tooltipster-content .risk-level.error{background: #C93131}
.w-tooltip .tooltipster-content .risk-level.empty{background: #d0d0d0}

.w-tooltip .tooltipster-content .batiref .value{display: block;color: #FF6500;font-size: 12px;font-weight: bold;text-align: center;}
.w-tooltip .tooltipster-content .batiref .value:before{content: "";display: inline-block;width: 35px;height: 23px;background: url(../img/icons/batiref.png) no-repeat center center / 100%;position: relative;margin-right: 5px;top: 3px;}
.w-tooltip .tooltipster-content .batiref .rateyo{margin: auto;}

.w-tooltip .tooltipster-content .procedure .title{display: block;text-align: center;}
.w-tooltip .tooltipster-content .procedure .details{display: block;text-align: center;}
.w-tooltip .tooltipster-content .procedure.valid .title{color: #3A2666}
.w-tooltip .tooltipster-content .procedure.warning .title{color: #8031A7}
.w-tooltip .tooltipster-content .procedure.error .title{color: #C93131}
.w-tooltip .tooltipster-content .procedure.empty .title{color: transparent;-webkit-text-stroke: 1px #cecece;text-stroke: 1px #cecece;}

/*----*/
/*GRID*/
/*----*/
.grid-align-end{align-self: end;display: block}
.grid-2.size-2-1.has-gutter-l  > :nth-child(1){width: calc(66.66% - 2rem - .01px)}
.grid-2.size-2-1.has-gutter-l  > :nth-child(2){width: calc(33.33% - 2rem - .01px)}

[class*="grid-1"].has-gutter {margin-right: -.5rem;margin-left: -.5rem;}
[class*="grid-1"] > * {width: calc(100% - .01px);}
[class*="grid-1"].has-gutter > * {width: calc(100% - 1rem - .01px);margin-right: .5rem;margin-left: .5rem;}

/*--------------*/
/*COOKIE CONSENT*/
/*--------------*/
.cc-theme-classic .cc-btn:last-child{font-weight: 100}
.cc-theme-classic .cc-link{color:#e72580!important}

/*---------------*/
/*CHOSEN DROPDOWN*/
/*---------------*/
.chosen-results .group-result{padding-bottom: 2px!important}
.chosen-results .group-option{border-left:1px solid #444444;margin: 0 0 3px 15px!important;padding-left: 6px!important}
.chosen-results .has-child{font-weight: 700;}
.chosen-results .n1{margin: 0 0 3px 20px!important;border-left:1px solid #444444}
.chosen-results .n2{margin: 0 0 3px 40px!important;border-left:1px solid #444444}
.chosen-results .n3{margin: 0 0 3px 60px!important;border-left:1px solid #444444}
.chosen-results .n4{margin: 0 0 3px 80px!important;border-left:1px solid #444444}
.chosen-results .n5{margin: 0 0 3px 100px!important;border-left:1px solid #444444}
.chosen-results li.disabled-result {color:#444!important}


.field.button.primary.inverted{padding: 0;min-height: auto;height: 30px;border:0}
.field.button.primary.inverted .chosen-container .chosen-single, .field.button .chosen-container-multi .chosen-choices{border: 0;box-shadow: none;padding: 0;min-height: auto;height: 30px;background: none;border: 1px solid #e72580}
.field.button.primary.inverted .chosen-container-single .chosen-single div b{display: none}
.field.button.primary.inverted .chosen-container-single .chosen-single div{display: none}
.field.button.primary.inverted .chosen-container-single .chosen-single span{margin: 0;line-height: 30px;padding: 0 15px;color:#e72580}
.field.button.primary.inverted:hover .chosen-container-single .chosen-single span{color:white}
.field.button.primary.inverted .chosen-container .chosen-drop{text-align: left;top:-5px;left: -5px;right: -5px;width: auto;z-index: 200;padding-top: 40px}
.field.button.primary.inverted .chosen-with-drop .chosen-single{z-index: 300;background: #e72580}
.field.button.primary.inverted .chosen-with-drop .chosen-single span{color:white}
.field.button.primary.inverted .chosen-container-single .chosen-single abbr{display: none}

.field.button.with-icon-add .chosen-single span:before{content: "\e97d"; font-family: 'icomoon';display: inline-block;vertical-align: middle;margin-right: 5px}



/*-------------*/
/*MENU DROPDOWN*/
/*-------------*/
.menu-dropdown{position: relative;padding: 0 5px;color: inherit;z-index: 200;text-transform: none;font-weight: 300;text-align: left;font-size: 15px}
.widget .menu-dropdown{position: absolute;right: 10px;top: 9px}
.menu-dropdown.context-menu [class^="icon-"]{color: #0066CC;font-size: 18px!important;margin-left: 3px}
.menu-dropdown .submenu{background: #fff;position: absolute;top: -12px;right:0;min-width: 100%; z-index: 10;display: none;padding: 40px 0 5px;border-radius: 6px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);white-space: nowrap}
.menu-dropdown li a{color: inherit;display: block;font-size: 15px; padding: 6px 11px;cursor: pointer;text-decoration:none;color: #545454;}
.menu-dropdown li .title{color: inherit;display: block;font-size: 15px; padding: 6px 15px}
.menu-dropdown li a:hover{color: #e72580}
.menu-dropdown .menu-dropdown-trigger{z-index: 20;position: relative}
.menu-dropdown .root{list-style:none;margin:0px;font-size: 11px;padding: 11px 0 0 0px}
.menu-dropdown .menu-dropdown-trigger{cursor: pointer;color: inherit}
.menu-dropdown .menu-dropdown-trigger .icon-menu{transform: rotate(90deg);display: inline-block;}
.menu-dropdown button.primary.menu-dropdown-trigger{margin: 0}
.menu-dropdown .icon-next{transform: rotate(90deg);font-size: 17px;margin-left: 8px}
.menu-dropdown.open button.primary.menu-dropdown-trigger{color:white;background: #e72580;cursor: pointer}
.menu-dropdown.open .submenu{display: block}
.menu-dropdown.open .submenu .chart-filter{margin: -13px 0 0 0}
.menu-dropdown.open .submenu .checkbox{width: calc(100% / 2 - 3rem - .01px);margin-right: 1rem;margin-left: 1rem}
.menu-dropdown.open .submenu .checkbox label{font-size: 13px}
.menu-dropdown.open .submenu .checkbox [class^="icon-"]{font-size: 15px;margin: 0;left: 5px}
.menu-dropdown.open .submenu .checkbox.c1 [class^="icon-"]:before{color: #2b384d}
.menu-dropdown.open .submenu .checkbox.c1 label input:checked + .icon-checkbox-uncheck:before{color: #2b384d}
.menu-dropdown.open .submenu .checkbox.c2 [class^="icon-"]:before{color: #3A2666}
.menu-dropdown.open .submenu .checkbox.c2 label input:checked + .icon-checkbox-uncheck:before{color: #3A2666}
.menu-dropdown.open .submenu .checkbox.c3 [class^="icon-"]:before{color: #8031A7}
.menu-dropdown.open .submenu .checkbox.c3 label input:checked + .icon-checkbox-uncheck:before{color: #8031A7}
.menu-dropdown.open .submenu .checkbox.c4 [class^="icon-"]:before{color: #FFB3C2}
.menu-dropdown.open .submenu .checkbox.c4 label input:checked + .icon-checkbox-uncheck:before{color: #FFB3C2}
.menu-dropdown .selector{list-style:none;margin:0px;padding:0px 8px;font-size: 11px}
.menu-dropdown .selector .radio label{font-size: 13px;margin: 0 0 5px 0}
.menu-dropdown .selector .radio [class^="icon-"]{font-size: 15px;margin: 0;left: 5px}
.menu-dropdown .selector .title {padding: 0;font-size: 14pxx;padding: 4px 6px 3px 6px;font-weight: 400}

/*---*/
/*MAP*/
/*---*/
.mapTooltip {letter-spacing: 0}

/*------*/
/*LOADER*/
/*------*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

/*----------*/
/*RESPONSIVE*/
/*----------*/
@media screen and (max-width: 1900px) { /*below FULL HD Monitor*/
    body.dashboard #main{padding: 0 20px}
}

@media screen and (max-width: 1680px) {
    body #main{width: calc(100% - 215px);margin: 85px 0 0 275px;padding: 0 40px}

    .other-results .tablesorter.listing tbody[class^="grid-"]{display: block;width: 100%}
    .tablesorter.listing tbody[class^="grid-"] tr{width: 100%}

    .widget.clients .resume td{font-size: 18px}
    .widget.clients .folder-status .title{font-size: 18px}
    .widget.companies-ref .title{font-size: 18px}
    .widget.companies-risk .title{font-size: 18px}
    
    .widget.profile-completion .items-list>div{width: 100%;padding-bottom: 15px}
    .widget.profile-completion .details .item{display: inline-block;width: 33%;vertical-align: top}
    .widget.profile-completion .items-list>div:last-of-type{width: 33%}
    .widget.profile-completion .items-list>div:last-of-type .item{width: 100%}

    body.dashboard .widget.profile-completion .details .item{width: 49%}

}

@media screen and (max-width: 1600px) {
    /* .search{margin-left: 10px;width: 83%} */
    /* .widget.companies-ref .chart-wrapper canvas{margin-top: 0} */
    .widget.companies-ref .grid-4 .pie-legend{margin-top: 0}
    .widget.companies-ref .grid-4 .progress-list{width: 100%;margin-top: 20px}
    .widget.companies-ref .grid-4 .progress-list .title{text-align: left}
    .widget.companies-ref .chart-wrapper canvas{margin-top: 0}
    
    .widget.companies-risk .grid-4 .progress-list{width: 100%;margin-top: 20px}
    .widget.companies-risk .grid-4 .progress-list .title{text-align: left}
    
    body.myaccount section.grid-2 .personnal-infos{width: 100%;margin-bottom: 30px}
    body.myaccount section.grid-2 .password{width: 100%}
}

@media screen and (max-width: 1500px) {
    body{font-size: 14px}
    h1{font-size: 50px}
    h2{font-size: 23px}
    h2 small{font-size: 13px;padding: 0 0 4px 0}
    h3{font-size: 15px}
    h3 small{font-size: 13px}

    /* header .search{margin-top: 12px} */
    #search-advanced{left: 216px;padding: 35px 30px 15px 30px}
    .advanced-open #search-advanced{top:64px} 

    header .search{top:5px;right: 440px;}
    header .search .actions a.advanced-link{bottom:-19px}

    .tools{top:9px;width: 330px}
    .tools .user .infos{margin-top: -8px}
    .tools .user .avatar{height: 44px;width: 44px}
    .tools .notification{font-size: 35px}
    .tools .notification span{font-size: 14px;height: 22px;width: 22px}
    
    #body > header{height: 65px; width: calc(100% - 215px)}

    #body > aside{width: 215px}
    #body > aside .logo{height: 64px}
    #body > aside nav {font-size: 17px;padding: 70px 10px}
    #body > aside nav a [class^="icon-"]{font-size: 33px}
    #body > aside nav a.current:before{right: -36px}
    #body > aside footer{font-size: 13px}

    body.dashboard #main{margin: 65px 0 0 215px}
    body.dashboard [class*="grid-3"].has-gutter-l > *{width: 100%}
    body #main{margin: 65px 0 0 215px}

    .widget .more{font-size: 13px}

    .widget.clients [class*="grid-3"].has-gutter-l .files-status{width: 100%;margin-bottom: 20px}
    .widget.clients [class*="grid-3"].has-gutter-l .folder-status{width: 45%;display: inline-block}
    .widget.clients .resume{margin: 0 auto}    
    .icon-svg-client:before{height: 87px;width: 42px}
    
    .widget.companies-ref.card .pie-legend{width: 100%;text-align: center}
    .widget.companies-ref.card .chart-wrapper.completude{width: 100%;margin-top: 20px}
    .widget.companies-ref.card .chart-wrapper.completude canvas{margin: auto}    
    
    .widget.companies-risk.card .pie-legend{width: 100%;text-align: center}
    .widget.companies-risk.card .chart-wrapper.completude{width: 100%;margin-top: 20px}
    .widget.companies-risk.card .chart-wrapper.completude canvas{margin: auto}       

    table th{font-size: 15px}
    table td{font-size: 13px}

    .featherlight.modal-user .featherlight-content{top:65px}
    .featherlight.modal-user .featherlight-content .tools{top:-56px} 
    .featherlight.modal-notifications .featherlight-content{top:65px}
    .featherlight.modal-notifications .featherlight-content .tools .notification{top:14px}
    .featherlight.modal-user .featherlight-content .tools.anon .login{right: 14px}

    .featherlight-content .add-bu .item{padding: 10px;}
    .featherlight-content .add-bu .one-third{width:calc(100% / 3 - 2rem - .01px)!important}
    .featherlight-content .add-bu .two-thirds{width:calc(100% / 3 * 2 - 2rem - .01px)!important}
    .featherlight-content .add-bu .nature.has-gutter-l> *{width: calc(100% / 4 - 2rem - .01px)}
    .featherlight-content .add-bu .item .actions{position: static;margin-top: 20px;}

    .comparative-table .labels{font-size: 15px}
    .comparative-table .col .head{padding: 0 5px;}
    .comparative-table .col{width: 197px;min-width: 145px; margin: 0 2px}
    .comparative-table .col .price{font-size: 23px}
    .comparative-table .col .price small{font-size: 13px;top:-10px}
    .comparative-table .col .price span.ht{font-size: 12px;top:4px}
    .comparative-table .col.community .switch .label{font-size: 11px;right: -43px}
    .comparative-table .col .actions button{min-width: auto;font-size: 13px;letter-spacing: -0.5px;}
    .comparative-table .col .checkbox.cgv-check label{font-size: 13px}
    .comparative-table .col .options .item{font-size: 11px}
    .comparative-table .col.selected .edit-mode{left: 5px;right: 5px;}

    [class*="grid-2"].has-gutter-l > *{width: 100%}
    [class*="grid-2"].has-gutter-xl{margin-left: 0;margin-right: 0}
    body.myservices .options .item{height: auto;min-height:55px}
    body.myservices .options .item:hover p{visibility: visible}
    body.myservices .options .item .actions{padding: 0;display: block;position: relative;padding: 10px}
    body.myservices .options .item.unlocked .actions .dates{font-size: 13px;padding: 5px}
    body.myservices .options .item.unlocked:hover .actions .button{right: 220px;position: static}
    body.myservices .options .item.unlocked:hover .actions .dates{position: static;text-align: center}
    body.myservices .options .item.first .actions .button{border-color: #f3b716;color: #f3b716}
    body.myservices .options .item.first:hover .actions .button{border-color: white;color: white}
    body.myservices .options .item.first:hover .actions .button:hover{color: #f3b716}
    body.myservices .options .item.business .actions .button{border-color: #e72580;color: #e72580}
    body.myservices .options .item.business:hover .actions .button,
    body.myservices .options .item.business.unlocked .actions .button{border-color: white;color: white}
    body.myservices .options .item.business:hover .actions .button:hover{color: #e72580}
    body.myservices .options .item.unlocked:hover .icon-check{display: block}
    body.myservices .options .item .actions .opera-link{display: block;margin:0 0 20px 0;position: static;color:#e72580}
    body.myservices .options .item:hover .actions .opera-link,
    body.myservices .options .item.unlocked .actions .opera-link{color:white}

    section[class^="grid-"]{display: block}
    section[class^="grid-"] .col{margin: auto;width: 100%}
    section.faq-grid{display: flex}
    
    #employees-documents h2{position: relative}
    #employees-documents h2 small{position: absolute;bottom: -7px;left: 48px}

    .tablesorter.listing td.availability{left:calc(50% + 40px)}
    .tablesorter.listing td.employee{left:calc(50% + 40px)}
    .tablesorter.listing td.title{width: 44%}
    .tablesorter.listing td.date{width: 44%}
    .tablesorter.listing td.action{right: 33px}
    
    body.company .section-company-info.grid-2 .grp{width: 100%}  
    body.company .section-company-details.grid-2 > div{width: 100%;margin: 2px 0}  
    body.company .section-company-details.grid-2 .commercial-section{margin-bottom: 110px}  
    body.company .grid-2 .financial{width: calc(100% / 2 - 1rem - .01px)}
    body.company .grid-2 .batiref{width: calc(100% / 2 - 1rem - .01px)}     

    
}

@media screen and (max-width: 1430px) {
  body.company .grp.completude .details > div{white-space: nowrap;align-self: auto;}
  body.company .grp.completude .details > div [class^="icon-"]{display: block;margin: 5px auto;}
  body.company .actions-doc {position: static;}
}


@media screen and (max-width: 1350px) {
  body.company .section-documents .actions.small{position: static}
}

@media screen and (max-width: 1400px) {
    /* header .search {width: 290px;position: absolute;left: 0px;top: 5px; margin: 0} */
    /* header .search .center{display: none} */
    /* header .search .right{display: none} */
    /* header .search .actions{position: absolute;right: auto;top:15px} */
    /* header .search .actions button{display: none} */
    /* header .search .actions.left a{display: inline-block;width: 35px;position: relative;top:-5px;left: 15px; overflow: hidden;white-space: nowrap} */
    /* header .search .actions.left a .icon-magnifier{display: inline-block;font-size: 37px} */
    #search-advanced [class*="grid-5"].has-gutter-l > *{width: calc(100% / 4 - 2rem - .01px)} 
  
    
    body.dashboard .widget.profile-completion .details .item{width: 49%}
    .widget.profile-completion{padding-right: 35px}
    .widget.profile-completion .details p{width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 25px}
    .widget.profile-completion .details .helpdesk{margin: auto}
    .widget.profile-completion .more{font-size: 0;top: 15px}
    .widget.profile-completion .more .icon-next{font-size: 26px}
    .widget.profile-completion .title .wrapper{width: calc(100% - 90px)}

    .widget.profile-completion.bu-switch .switch{font-size: 0;top: 15px}
    .widget.profile-completion.bu-switch .switch .icon-change{font-size: 19px}
    
    body.company h1 .complete-folder{bottom: -25px;left: 0;right: auto}
}

@media screen and (max-width: 1320px) {
  .featherlight .featherlight-content{max-height: 100%;margin: 0}
  .featherlight.modal-table .featherlight-content{width: 100%;top: 0;bottom: 0}
  .featherlight.modal-halfpage .featherlight-content{width: 100%;top: 0;bottom: 0}

  .featherlight.modal-quitus .featherlight-content{width: 100%;left: 0;right: 0;top:0}
  .featherlight.modal-quitus .featherlight-content .field{width: 100%}
  .featherlight.modal-quitus .featherlight-content .actions{width: 100%;margin-top: 15px}
  .featherlight.modal-quitus .featherlight-content .actions button{width: 100%}

  .featherlight.modal-share .featherlight-content{width: 100%;left: 0;right: 0;top:0}
  .featherlight.modal-share .featherlight-content small{margin-bottom: 25px}
  .featherlight.modal-share .featherlight-content .field{width: 100%}
  .featherlight.modal-share .featherlight-content .field.error .message{bottom: inherit;top:-17px}
  .featherlight.modal-share .featherlight-content .field.valid .message{bottom: inherit;top:-17px}
  .featherlight.modal-share .featherlight-content .actions{width: 100%;margin-top: 5px;position: static}
  .featherlight.modal-share .featherlight-content .actions button{width: 100%}

  .featherlight.modal-conformity .featherlight-content{width: 100%;left: 0;right: 0;top:0}

  .featherlight.modal-halfpage .featherlight-content{width: 100%;left: 0;right: 0;bottom: 0;top: 0;max-height: inherit}
  .featherlight.modal-halfpage .featherlight-content .modal-title-icon{display: none}

  .featherlight.modal-table .featherlight-content{width: 100%;left: 0;right: 0;bottom: 0;top: 0;max-height: inherit}

  .featherlight.modal-page .featherlight-content{max-height: 100%;top:0}  
}

@media screen and (max-width: 1279px) {
    #search-advanced [class*="grid-5"].has-gutter-l > *{width: calc(100% / 3 - 2rem - .01px)}
    
    .widget.pack .actions{position: static}

    body.company h1 {font-size: 33px}
    body.company h1 .icon-svg-logo::before{background-size: 100px;height: 22px;width: 22px;top:-12px}
    body.company h1 .icon-svg-logo-opera::before{background-size: 86px;height: 22px;width: 22px;top:-12px}
    body.company h1 .it-follow{overflow: hidden;width: 22px;white-space: nowrap;padding-left: 30px}
    body.company h1 .it-follow [class^="icon-"]{position: absolute;left: 10px}

    body.company section{margin-bottom: 70px}
    body.company section .col .info{padding-left: 0;width: 100%}
    /* body.company .grp .company-id{width: 100%} */
    body.company .grp .company-text{width: 100%}
    .company-info .follow{font-size: 0}

    body.company .section-company-info .ref{top:-35px}
    body.company .section-company-info .ref .actions{margin: 0}

    .widget.profile-completion .details .item{width: 49%}
    body.dashboard .widget.profile-completion .details .item{width: 100%}

}

@media screen and (max-width: 1166px) {   
  body.company .section-reputation{height: auto;text-align: center}
  body.company .section-reputation p{margin: 0;display: block}
  body.company .section-reputation .actions{position: static;width: 100%;margin: 15px}    
}

@media screen and (max-width: 1150px) {
  .list-titles{display: none;}
  .tablesorter.listingv2.companies tr{height: auto;}
  .tablesorter.listingv2 td.analysis{display: block;position: static;margin-top: 8px;}
  .tablesorter.listingv2 td.analysis > div{top: -3px;}
  .tablesorter.listingv2 td.company-name{max-width: calc(100% - 280px);}

  body.company .company-params[class*="grid-4"].has-gutter .title{padding-bottom: 10px;padding-left: 0}
  body.company .company-params[class*="grid-4"].has-gutter .title [class^="icon-"]{position: static}
  body.company .company-params[class*="grid-4"].has-gutter .title br{display: none}
  body.company .company-params[class*="grid-4"].has-gutter > *{width: 100%!important;padding-bottom: 8px}
  body.company .company-params[class*="grid-4"].has-gutter h3{margin-bottom: 0}    

}

@media screen and (max-width: 1188px) {
  .comparative-table{width: 100%;display: block}
  .comparative-table .labels{display: none;padding: 0}
  .comparative-table .col {display: block;width: 100%;margin-bottom: 20px}
  .comparative-table .col .offers-tooltip{position: absolute;left: 10px;top:10px;cursor: pointer;color:#545454}
  .comparative-table .col .labels{text-align: left}
  .comparative-table .col .title{margin-bottom: 5px}
  .comparative-table .col .options{text-align: left}
  .comparative-table .col .options .option.edit-mode{height: auto;margin-top: 15px}
  .comparative-table .col .options .icon-check{display: none}
  .comparative-table .col .options .icon-line{display: none}
  .comparative-table .col .options .option.view-mode{display: none}
  .comparative-table .col .price{margin: 4px 0 17px -26px}
  .comparative-table .col .options hr{display: none}
  .comparative-table .col .actions{width: 100%}
  .comparative-table .col .field.commitment{position: relative;margin: -12px auto 12px auto;top:11px}
  .comparative-table .col .offers-tooltip{display: block}
  .comparative-table .col .options {display: none}
  .comparative-table .col.selected .edit-mode{left: 0!important}

  .comparative-table .col.community .switch .label span{display: inline-block!important}
}

@media screen and (max-width: 1024px) {
    body{display: block}
    #body{display: block}
    
    header .search{top: 25px;right: 200px;}
    header .search #search-all{height: 30px;}
    header .search .actions button{height: 30px;line-height: 6px;}
    header .search .actions a.advanced-link{bottom:-18px}
    header .search .field.animate label{line-height: 31px;}
    #search-advanced{left: 0}
    .advanced-open #search-advanced{top:74px}  

    body.dashboard #main{padding-top: 65px}

    h1 {font-size: 36px}

    h2{font-size: 19px}
    h2 [class^="icon-"]{font-size: 25px}

    .number{width: 32px;height: 32px}

    section h2{padding-right: 0}

    .icon-svg-docs:before{height: 29px;width: 27px}
    .icon-svg-group:before{height: 28px;width: 28px}

    #body > header{width: 100%;padding-top: 20px;height: 75px}
    #body > header .logo{display: block}
    #body > aside{position: absolute;top: -560px;height: 560px;width: 100%;bottom: inherit;transition: 0.3s top}
    #body > aside .logo{display: none}
    #body > aside nav{padding: 70px 10px;width: 220px;margin: auto}
    #body > aside nav a.current:before{display: none}

    body.nav-open #body>aside{top: 80px;position: fixed}

    .nav-toggle{display: block}

    .tools{top:26px;height: 44px;width: 97px}
    .tools .user .infos{display: none}
    .featherlight.modal-notifications .featherlight-content .tools .notification{top:-3px}

    body #main{margin: 0;width: 100%;padding: 70px 5px 20px 5px}
    body.dashboard #main{margin: 0;width: 100%}

    table th{font-size: 13px}

    .widget.companies-ref .title{white-space: normal}
    .widget.companies-ref .grid-4 .division{width: 100%}
    .widget.companies-ref .grid-4 .division canvas{margin: auto}    
    .widget.companies-ref .grid-4 .pie-legend{width: 100%;text-align: center}
    .widget.companies-ref .grid-4 .completude{width: 100%;margin-top: 20px}
    .widget.companies-ref .grid-4 .completude canvas{margin: auto}
    .widget.companies-ref .filter .switch{display: block}
    .widget.companies-ref .grid-3 .pie-legend{width: 100%;text-align: center}  
    
    .widget.companies-risk .title{white-space: normal}
    .widget.companies-risk .grid-4 .division{width: 100%}
    .widget.companies-risk .grid-4 .division canvas{margin: auto}    
    .widget.companies-risk .grid-4 .pie-legend{width: 100%;text-align: center}
    .widget.companies-risk .grid-4 .completude{width: 100%;margin-top: 20px}
    .widget.companies-risk .grid-4 .completude canvas{margin: auto}
    .widget.companies-risk .filter .switch{display: block}
    .widget.companies-risk .grid-3 .pie-legend{width: 100%;text-align: center}       

    .resume td{font-size: 14px;padding: 3px}
    .resume td .icon-check{font-size: 12px}
    .resume td small{font-size: 13px}

    .tablesorter-wrapper{margin-top: 15px}
    .tablesorter.listing tr{height: 92px}
    .tablesorter-wrapper .filters{position: static;width: 100%}
    .tablesorter-wrapper .filters .field {width: 100%;margin: 0 0 15px 0}
    .tablesorter-wrapper .filters .field .form-input {max-width: inherit}
    .tablesorter-wrapper .actions {width: 100%;margin-bottom: 15px}
    .tablesorter-wrapper .actions button,
    .tablesorter-wrapper .actions .button, 
    .tablesorter-wrapper .actions .menu-dropdown 
    {width: 100%;margin-left: 0;position: static;}
    
    .tablesorter.listing td.status{left: 10px}
    .tablesorter.listing td.title{width: calc(76% - 15px);left: 40px}
    .tablesorter.listing td.date{width: calc(86% - 15px);left: 40px}
    .tablesorter.listing td.availability{left: 60px;top:50px;width: calc(76% - 15px);left: 40px}
    .tablesorter.listing td.employee{left: 60px;top:50px;width: calc(76% - 15px);left: 40px}
    .tablesorter.listing td.action{display: none}
    .tablesorter.listing td.type{top:37px;left: 10px}
    .tablesorter.listing td.type [class^="icon-"]{font-size: 12px}
    .tablesorter.listing td.c-menu ul{width: 100%;padding: 2px}
    .tablesorter.listing td.c-menu.no-model ul{width: 100%}
    .tablesorter.listing td.c-menu ul li{display: block;margin: 4px}
    .tablesorter.listing td.name{width: calc(81% - 15px);left: 70px;max-width: inherit}
    .tablesorter.listing td.last-dl{display: none}
    .tablesorter.listing td.jobs{left: 60px;top:50px;width: calc(81% - 40px);left: 70px}
    .tablesorter.listing td.jobs [class^="icon-"]{display: none}
    .tablesorter.listing td.it-follow{top:54px;bottom: inherit;left: 17px;right: auto}
    .tablesorter.listing td.siren{width: calc(86% - 15px);left: 70px}

    .tablesorter.listingv2 tr:hover td.follow{display: none;}

    #archives .tablesorter.listing td.title{width: 94%}
    #archives .tablesorter.listing td.date{width: 94%}
    #archives .tablesorter.listing td.availability{left: 10px; width: 94%}


    #rejected .tablesorter.listing tr{padding-bottom: 45px}
    #rejected .tablesorter.listing td.title{width: 94%}
    #rejected .tablesorter.listing td.date{width: 94%}
    #rejected .tablesorter.listing td.availability{left: 10px; width: 94%;top: auto;bottom: 5px}
    #rejected .tablesorter.listing td.reason{width: 100%}

    #company-documents .tablesorter.listing tr{height: 54px}

    section .tablesorter-wrapper .actions .trigger-add{width: 100%;overflow: hidden;min-width: inherit;margin: 0 0 10px 0}

    .featherlight .modal-title-icon{display: none}
    .featherlight.modal-notifications .featherlight-content{top:75px}
    .featherlight.modal-notifications .featherlight-content .tools{top:-46px}
    .featherlight.modal-user .featherlight-content{top:75px}
    .featherlight.modal-user .featherlight-content .tools{top:-50px}

    body.myfolder .resume{margin: 15px auto}

    body.help section .col{margin-bottom: 15px}
    body.help section .col.helpdesk .wrapper .info{padding-left: 0;;text-align: center}
    body.help section .col.helpdesk img{display: block;position: static;margin: 0 auto 15px auto}
    body.help section .col.helpdesk .actions{text-align: center}
    body.company section{margin-bottom: 70px}

    body.company section[class*=" grid-"], body.company section[class^="grid-"]{width: 100%;display: block}
    body.company section .col{margin: 0 0 15px 0;width: 100%}

    #foreign-employees,
    #foreign-employees tbody,
    #foreign-employees tr,
    #foreign-employees td{display: inline-block}
    #foreign-employees thead{display: none}

    #foreign-employees tr{margin-bottom: 10px;border:1px solid #dbdbdb;padding: 8px;position:relative;width: 100%}
    #foreign-employees tr:last-of-type{margin-bottom: 0px}

    #foreign-employees td{margin: 0}
    #foreign-employees td:last-of-type{position: absolute;top:10px;right: 10px}

    #foreign-employees td:before{display: block;margin-right: 5px;font-weight: 400}
    #foreign-employees td:nth-child(1){width: 49%}
    #foreign-employees td:nth-child(1):before{content:"Nom :"}
    #foreign-employees td:nth-child(2){width: 49%}
    #foreign-employees td:nth-child(2):before{content:"Prénom :"}
    #foreign-employees td:nth-child(3){width: 49%}
    #foreign-employees td:nth-child(3):before{content:"Date d'embauche :"}
    #foreign-employees td:nth-child(4){width: 49%}
    #foreign-employees td:nth-child(4):before{content:"Nationnalité* :"}
    #foreign-employees td:nth-child(5){width: 49%}
    #foreign-employees td:nth-child(5):before{content:"Nature du titre :"}
    #foreign-employees td:nth-child(6){width: 49%}
    #foreign-employees td:nth-child(6):before{content:"N° du titre :"}

    .add-document .actions.add-employee{margin-top: 10px}
    .add-document .actions button{width: 100%}

    section[class^="grid-"] .col{max-width: inherit}

    body.dashboard .widget.profile-completion .details .item{width: 49%}
    
    .widget.profile-completion .title{top:4px}
}

@media screen and (max-width: 800px) {
    #search-advanced [class*="grid-5"].has-gutter-l > *{width: calc(100% - 2rem - .01px)} 
    
    body.myservices .help button{width: calc(100% / 2 - 13px);margin-bottom: 3px}

    .widget.profile-completion .details .item{width: 100%}
    body.dashboard .widget.profile-completion .details .item{width: 100%}
    
    .widget.clients [class*="grid-3"].has-gutter-l .folder-status{width: 100%;display: block}
    .widget.clients .resume td{font-size: 14px;padding: 3px}
    .widget.clients .resume td .icon-check{font-size: 12px}
    .widget.clients .resume td small{font-size: 13px}
    
    .widget.connections .grid-2 .chart-wrapper{display: block;width: 100%}
    .widget.connections .grid-2 .top3{display: block;width: 100%;margin-top: 15px}
    
    .tablesorter.listingv2 td.completude{display: none}
    .tablesorter.listingv2 td.risk{display: none}
    .tablesorter.listingv2 tr:hover td.batiref .value{display: none}
    .tablesorter.listingv2 tr:hover td.follow span{display: none}
    .tablesorter.listingv2 tr:hover td.folder-status small{display: none}
    
    section.faq-grid > *{display: block;width: 100%!important}
    
    [class*="grid-4"].has-gutter .contact{width: 100%;text-align: center;margin-bottom: 20px}
    [class*="grid-4"].has-gutter .contact .cat{width: 100%}
    
    body.myaccount section.grid-2 .avatar{width: 100%}
    body.myaccount section.grid-2 .infos{width: 100%}
    
    .count > div{font-size: 24px;margin-bottom: 10px}
    .count > div small{font-size: 13px}
    
    .featherlight.modal-halfpage .grid-2 {display: block}
    .featherlight.modal-halfpage .grid-2 > div {width: 100%}
    
    .featherlight.modal-halfpage .grid-3 {display: block}
    .featherlight.modal-halfpage .grid-3 > div {width: 100%}    
    
    .featherlight-content .add-bu .nature{display: flex}
    .featherlight-content .add-bu .one-third{width:calc(100% - 2rem - .01px) !important}
    .featherlight-content .add-bu .two-thirds{width:calc(100% - 2rem - .01px) !important;margin-top: 20px;}
    
    .tablesorter.listingv2 td.c-menu{display: block}
    .featherlight-content .tablesorter.listingv2 tr.deleted .c-menu{display: none}
    .tablesorter.listingv2 td.title{margin-top: -11px;font-size: 14px;padding-right: 80px}
    .tablesorter.listingv2 td.availability{margin-top:-6px;font-size: 12px;padding-right: 80px;display: block}
    .tablesorter.listingv2 td.required{font-size: 13px}
    .tablesorter.listingv2 td.email{padding-right: 96px}
    .tablesorter.listingv2 td.member-name{padding-right: 96px}
    .tablesorter.listingv2 td.status small{display: none}
    .tablesorter.listingv2 td.roles{display: none}
    .tablesorter.listingv2 td.batiref{display: none;}
    .tablesorter.listingv2 td.procedure{display: none;}
    .tablesorter.listingv2 td.company-name{max-width:calc(100% - 160px)}
    
    body.company .actions .menu-dropdown{width: 100%}
    body.company .menu-dropdown button.primary.menu-dropdown-trigger{width: 100%;margin: 0 0 17px 0} 
    body.company .actions .menu-dropdown{margin: 0 5px 17px 5px;width: 100%;left: -5px;}
    body.company .actions .menu-dropdown button.primary.menu-dropdown-trigger{width: calc(100% - 10px);} 
    body.company .actions.small button, body.company .actions.small .button, body.company .actions.small a.button{margin: 0 5px 17px 5px;width: calc(100% - 10px)}
    
    body.company .grid-2 .financial{width: 100%;border-bottom: 90px solid #f3f3f3}
    body.company .grid-2 .batiref{width: 100%;margin-top: 15px}

    body.company .grp.completude .progress-list{width: 100%;}
    body.company .grp.completude .progress-list .progress-item{margin-top: 0;}
    body.company .grp.completude .details{width: 100%;padding-top:15px;text-align: left;}
    body.company .grp.completude .actions{width: 100%;margin: 20px 0}
    body.company .grp.completude .actions .button{width: calc(100% - 8px);position: static;}
    body.company .grp.completude .last-recall {position: static}
    
    body.company .grp.risk .progress-list{width: 100%;}
    body.company .grp.risk .actions{width: 100%;margin: 20px 0}
    body.company .grp.risk .actions button{width: calc(100% - 10px)}

    body.company .section-company-info .grid-2 .grp{width: 100%}  
    
    body.company .section-company-info .ref{text-align: center}
    body.company .section-company-info .ref .actions{display: block;margin: 10px 0}

    body.company .graphs .grid-2 .grp{width: 100%!important;}
    body.company .grp.risk .title{text-align: center;}
    body.company .graphs .grid-2 .grp.completude{text-align: center;}

	.tablesorter.listingv2 tr:hover td.testimonial small{visibility: hidden}
}

@media screen and (max-width: 650px) {
    header .search{right: 200px;width: auto;left: 70px;}

    body.company .company-params.grid-5.has-gutter .grp{width: 100%}
    body.company .mini-info{width: 100%!important;text-align: center;position: static;}
    body.company .procedure{position: static;text-align: center;padding: 15px;display: block;}

}

@media screen and (max-width: 575px) {
    .featherlight-content .add-bu .one-third{width: 100%!important;}
    .featherlight-content .add-bu .two-thirds{width: 100%!important;}
    .featherlight-content .add-bu .nature.has-gutter-l > *{width: calc(100% / 4);}

    body.company .grp.risk .row{padding-left: 0;margin-bottom: 15px;}
    body.company .grp.risk h2{position: static;width: 100%;text-align: left;}

    .widget.companies-rse .chart-wrapper{width: 100%;}
    .widget.companies-rse .progress-list{width: 100%;margin-top: 25px;}    

}

@media screen and (max-width: 500px) {

    body.dashboard #main{padding: 65px 10px 20px 10px}

    .featherlight .featherlight-content{padding: 10px}
    .featherlight .featherlight-content h2{padding-right: 25px}
    .featherlight.modal-notifications .featherlight-content{width: 100%;min-width: inherit}
    .featherlight.modal-user .featherlight-content{width: 100%;min-width: inherit}

    .widget{padding: 15px}
    .widget .badge{width: 50px}
    .widget .badge .value{font-size: 14px}
    .widget .badge .label{display: none}
    .widget .badge [class^="icon-"]{font-size: 55px;height: 57px}

    .widget.bdr-badge {padding-left: 64px;}    
    .widget.bdr-badge .badge [class^="icon-"]{font-size: 30px;position: absolute;top: 14px;left: calc(50% - 17px);}    

    .widget .more{right: -8px}
    
    .widget.clients{padding:15px 15px 35px 65px}
    .widget.clients .badge [class^="icon-"]{margin-top: 15px}
    
    .widget.companies-ref{padding:15px 15px 35px 65px}    
    .widget.companies-ref .badge [class^="icon-"]{font-size: 33px;height: 36px;margin-top: 15px} 
    
    .widget.companies-risk{padding:15px 15px 35px 65px}    
    .widget.companies-risk .badge [class^="icon-"]{font-size: 33px;height: 36px;margin-top: 15px}    
        
    body.userform #main section h2 .switch{display: block;margin-left: 0;margin-top: 10px}
    body.userform #main .field.flyer .jfilestyle{width: 100%;margin-bottom: 10px}

    body.company section .col{padding: 10px}
    body.company .grp .company-text{width: 100%}
    
    body.help section .col{padding: 10px}

    .col{margin-bottom: 35px}

    .icon-svg-logo::before{background-size: 100px;height: 22px;width: 22px}
    .icon-svg-logo-opera::before{background-size: 86px;height: 22px;width: 22px}

    .widget.profile-completion .chart-wrapper{margin-left: -47px}
    .widget.profile-completion .title{font-size: 19px;line-height: 19px}
    .widget.profile-completion .title span{font-size: 12px;margin-top: -2px;margin-bottom: 6px;display: block}
    
    .tablesorter.listingv2.companies td.roles{display: none}
    .tablesorter.listingv2.companies td.status{top:31px}
    .tablesorter.listingv2 tr:hover td.status small{display: none}
    
    body.company .company-params.grid-3.has-gutter > *{width: 100%}
    body.company .company-params .grp.risk{width: 100%}    
    
}


@media screen and (max-width: 320px) {
    h1{font-size: 30px}

    .featherlight.modal-search .featherlight-content .actions{width: 100%}
    .featherlight.modal-search .featherlight-content .actions button{width: 100%;margin-bottom: 10px}
    .featherlight.modal-search .featherlight-content .actions .primary{margin-bottom: 10px}
    .featherlight.modal-search .featherlight-content .actions .primary.inverted{float: none}

    .featherlight h2{padding-right: 15px}


    body.myfolder .resume{display: none!important}

    .tablesorter.listing td.date{font-size: 12px}
}

/* Patch Teambrain */
.tb-ae-iconBox, .tb-ae-messagesContainer {z-index: 300!important}

/* Patch select2 */
.select2-container {z-index: 9999!important}
.select2-selection {box-shadow:inset 0px 3px 7px 0px rgba(0, 0, 0, 0.08)}