/* widgets */





#buddypress #members-list li.item-entry .item .item-block .action {

    margin: .8rem 0;

    padding: .4rem 0;

    text-align: center;

    border: none !important;

}

.item-avatar-widget {

    box-shadow: 0 16px 10px 0 rgba(0, 0, 0, 0.07)!important;

    border: none !important;

    width: 100% !important;

    height: 100px;

    margin-top: 20px;

    margin-right: 4%;

    margin-bottom: 20px;

    margin-left: 0px!important;

}



.item-avatar-widget.active {

    box-shadow: 0 16px 10px 0 rgba(0, 0, 0, 0.07)!important;

    border: none !important;

    width: 100% !important;

    height: 200px;

    margin-top: 20px;

    margin-right: 4%;

    margin-bottom: 20px;

    margin-left: 0px!important;

}





.item-avatar-top-container {

    display:flex;

    flex-direction: row;

    padding:20px;

}



.item-avatar-right-container {

    display:flex;

    flex-direction: column;

    padding-left: 20px;

    width: 200px;

}



.item-avatar-bottom-container {

    padding-left: 20px;

    display:none;

}

.item-avatar-bottom-container.active {

    padding-left: 20px;

    display:block;

}



#bp_follow_following_widget-6, 

#cbxwpbookmarkgrid-widget-2, #cbxwpbookmark-widget-2, #cbxwpbookmarkgrid-widget-3  {

    padding: 0px !important;

    overflow: hidden!important; 

}

#bp_follow_following_widget-6.active, 

#cbxwpbookmarkgrid-widget-2.active, #cbxwpbookmark-widget-2.active, #cbxwpbookmarkgrid-widget-3.active  {

    z-index:9999; 

}

#bp_follow_following_widget-6 > div.intern-padding > div.intern-box.box-title > h3, #cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title > h3, #cbxwpbookmark-widget-2 > div.intern-padding > div.intern-box.box-title > h3 , #cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title > h3{

    color: white !important;

    background-color: #666666!important;

    font-family: "UniversForSchueco-420CdRg"!important;

    font-size: 18px!important;

    width:100%;

    height: 50px; 

    z-index: 10;

}

#bp_follow_following_widget-6 > div.intern-padding > div.intern-box.box-title.active > h3, #cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title.active > h3, #cbxwpbookmark-widget-2 > div.intern-padding > div.intern-box.box-title.active > h3, #cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title.active > h3 {

    color: white !important;

    background-color: #78b928!important;

    font-family: "UniversForSchueco-420CdRg"!important;

    font-size: 16px!important;

    width: 100%;

    height: 50px;

    z-index: 10;

    position: relative;

    

   

}



#bp_follow_following_widget-6 > div.intern-padding > div.intern-box.box-title, #cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title,#cbxwpbookmark-widget-2 > div.intern-padding > div.intern-box.box-title,  #cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title {

    background-color: #666666!important;

    height:80px;

    text-align-last: left;

    padding-left: 20px;

    padding-top: 30px;

    z-index: 10;



}

#bp_follow_following_widget-6 > div.intern-padding > div.intern-box.box-title.active, #cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title.active, #cbxwpbookmark-widget-2 > div.intern-padding > div.intern-box.box-title.active,  #cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title.active {

    background-color: #78b928!important;

    height:80px;

    text-align-last: left;

    padding-left: 20px;

    padding-top: 30px;

    position: absolute;

    width: 100%;



}



#bp_follow_following_widget-6 > div.intern-padding > div.intern-box.box-title > h3:before{

    content:url('../images/icons-dashboard-annuaire.svg')!important;

    display: inline-block !important;

    margin-left: 0px!important;

    margin-right: 10px;

    height:40px;

    width:40px;

    border-radius: 100px;

    top: 0px !important;

    padding-top: 10px;

    padding-left:10px;

    background: #78b928!important;

    background-color: #78b928;



}

#bp_follow_following_widget-6 > div.intern-padding > div.intern-box.box-title.active > h3:before{

    content:url('../images/icons-dashboard-annuaire-green.svg')!important;

    display: inline-block !important;

    margin-left: 0px!important;

    margin-right: 10px;

    height:40px;

    width:40px;

    border-radius: 100px;

    top: 0px !important;

    padding-top: 10px;

    padding-left:10px;

    background: white!important;

    background-color: white;



}



#cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title > h3:before {

    content:url('../images/icons-dashboard-files.svg')!important;

    display: inline-block !important;

    margin-left: 0px!important;

    margin-right: 10px;

    height:40px;

    width:40px;

    border-radius: 100px;

    top: 0px !important;

    padding-top: 10px;

    padding-left:10px;

    background: #78b928!important;

    background-color: #78b928;

}

#cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title.active > h3:before {

    content:url('../images/icons-dashboard-files-green.svg')!important;

    display: inline-block !important;

    margin-left: 0px!important;

    margin-right: 10px;

    height:40px;

    width:40px;

    border-radius: 100px;

    top: 0px !important;

    padding-top: 10px;

    padding-left:10px;

    background: white!important;

    background-color: white;



}



#cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title > h3:before {

    content:url('../images/icons-dashboard-favoris-2.svg')!important;

    display: inline-block !important;

    margin-left: 0px!important;

    margin-right: 10px;

    height:40px;

    width:40px;

    border-radius: 100px;

    top: 0px !important;

    padding-top: 10px;

    padding-left:10px;

    background: #78b928!important;

    background-color: #78b928;

}

#cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title.active > h3:before {

    content:url('../images/icons-dashboard-favoris-2-green.svg')!important;

    display: inline-block !important;

    margin-left: 0px!important;

    margin-right: 10px;

    height:40px;

    width:40px;

    border-radius: 100px;

    top: 0px !important;

    padding-top: 10px;

    padding-left:10px;

    background: white!important;

    background-color: white;

}

.toggle-indicator-widget:before, .toggle-indicator-widget-doc:before, .toggle-indicator-widget-shortcut:before {

    content: "\f140";

    font: normal 20px/1 dashicons;

    display: block;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-decoration: none;

    

}



.toggle-indicator-widget.active:before, .toggle-indicator-widget-doc.active:before,  .toggle-indicator-widget-shortcut.active:before   {

    content: "\f142";

    font: normal 20px/1 dashicons;

    display: block;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-decoration: none;

    position: relative;

    left: 40px;

    top: -15px;

}

#cbxwpbookmarkgrid-widget-2 .widget-button-shortcut > .img-hide-shortcut {

    display:none;

}

#cbxwpbookmarkgrid-widget-3 .widget-button-doc > .img-hide-doc {

    display:none;

}

.widget-button {

    background-color:transparent!important;

    padding: 0px 0px!important; 

    margin: 0px 0px 0px 205px!important;

    

}

.widget-button > .img-hide, .widget-button-doc > .img-hide-doc,  .widget-button-shortcut > .img-hide-shortcut,  #cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title > h3 > button.widget-button-shortcut.active   {

    display:none;

}

.widget-button.active > .img-hide, .widget-button-doc.active > .img-hide-doc, .widget-button-shortcut.active > .img-hide-shortcut {

    display:inline-block;

}

.widget-button.active, .widget-button-doc.active, .widget-button-shortcut.active  {

    background-color:transparent!important;

    padding: 0px 0px!important; 

    border:1px solid white!important;

    width: 70px;

    height: 40px;

    position: relative;

    top:-9px;

    right:30px;

    z-index:8

}



.widget-button-doc {

    background-color:transparent!important;

    padding: 0px 0px!important; 

    margin: 0px 0px 0px 190px!important;

}



.widget-button-shortcut {

    background-color:transparent!important;

    padding: 0px 0px!important; 

    margin: 0px 0px 0px 195px!important;

}

.widget-button-close-shortcut, .widget-button-close-doc, .widget-button-close   {

    display:none;

}







#dashboard .widget .intern-padding {

    padding-top: 0px!important;

    padding-right: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

}



#bp_follow_following_widget-6 > div.intern-padding, #cbxwpbookmarkgrid-widget-2 > div.intern-padding, #cbxwpbookmarkgrid-widget-3 > div.intern-padding {

    max-height:80px;

    height:auto;

    transition: max-height 0.5s ease;

}

#cbxwpbookmark-widget-2 > div.intern-padding, #cbxwpbookmark-widget-3 > div.intern-padding {

    max-height:80px;

    height:auto;

    transition: max-height 0.5s ease;

}

.cbxwpbookmark-mylist-widget {

    height: 20px;

    transition: max-height 0.5s ease;

}



#bp_follow_following_widget-6 > div.intern-padding.active {

    max-height:550px;

    height:auto;

    min-height:300px;

    transition: height 1s ease-in;

    overflow-y: auto;  

}



#cbxwpbookmarkgrid-widget-2 > div.intern-padding.active, #cbxwpbookmarkgrid-widget-3 > div.intern-padding.active {

    max-height:350px;

    min-height:300px;

    height:auto;

    transition: height 1s ease-in;

    overflow-y: auto;  

}

#cbxwpbookmark-widget-2 > div.intern-padding.active {

    max-height:350px;

    min-height:100px;

    height:auto;

    transition: height 1s ease-in;

    overflow-y: auto;  

}



#bp_follow_following_widget-6 > div.intern-padding.active::-webkit-scrollbar-track, #cbxwpbookmarkgrid-widget-2 > div.intern-padding.active::-webkit-scrollbar-track, #cbxwpbookmark-widget-2 > div.intern-padding.active::-webkit-scrollbar-track  {

    border: 1px solid #000;

    padding: 2px 0;

    background-color: #404040;

} 

#bp_follow_following_widget-6 > div.intern-padding.active::-webkit-scrollbar, #cbxwpbookmarkgrid-widget-2 > div.intern-padding.active::-webkit-scrollbar, #cbxwpbookmark-widget-2 > div.intern-padding.active::-webkit-scrollbar {

    width: 5px;

  } 

  #bp_follow_following_widget-6 > div.intern-padding.active::-webkit-scrollbar-thumb, #cbxwpbookmarkgrid-widget-2 > div.intern-padding.active::-webkit-scrollbar-thumb,  #cbxwpbookmark-widget-2 > div.intern-padding.active::-webkit-scrollbar-thumb  {

    border-radius: 10px;

    box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #bfbfbf;

    

  }

.arow-open-widget {

    width:20px!important;

    height:20px!important;

    margin-left:20px;

}



.intern-widget-button {

    background-color:transparent!important;

    padding: 0px!important;

    position:relative;

    left:80px;

    margin-top: 0px !important;

    margin-bottom:0px!important; 

}



.intern-widget-button-doc {

    background-color:transparent!important;

    padding: 0px!important;

    position:relative;

    left:80px;

    margin-top: 0px !important;

    margin-bottom:0px!important;

    position: absolute;

    left: 350px;





   

}

.toggle-arrow-widget:before {

  content:url('../images/icons-arrow-bottom.svg');

}

.toggle-arrow-widget-doc:before {

    content:url('../images/icons-arrow-bottom.svg');

  }

.toggle-arrow-widget.active:before  {

    content: "x";

    font-family: "UniversForSchueco-430Reg"; 

    font-size: 15px;

    width: 30px;

    height: 30px;

    color: #78b928;

    font-weight: lighter;

    border-radius:100%;

    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, 0.1);

    background-color: #ffffff;

    padding:10px;



}

.toggle-arrow-widget-doc.active:before {

    content: "x";

    font-family: "UniversForSchueco-430Reg"; 

    font-size: 15px;

    width: 30px;

    height: 30px;

    color: #78b928;

    font-weight: lighter;

    border-radius:100%;

    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, 0.1);

    background-color: #ffffff;

    padding:10px;



}



.avatar-widget {

    padding-left: 35px;

    height: auto;

    padding-bottom: 80px;

    margin-top: 70px; 

}



body::-webkit-scrollbar {

    width: 12px;               /* width of the entire scrollbar */

  }

  

  body::-webkit-scrollbar-track {

    background: #666666;        /* color of the tracking area */

  }

  

  body::-webkit-scrollbar-thumb {

    background-color:#78b928;;    /* color of the scroll thumb */

    border-radius: 20px;       /* roundness of the scroll thumb */

    border: 3px solid #666666;  /* creates padding around scroll thumb */

  }

  .widget-footer-container {

      width:100%;

      height: 80px;

      background-color: white;

      z-index: 2;

      position: absolute;

      bottom: 0;

     

  }

  .widget-footer-container-doc {

    width:100%;

    height: 80px;

    background-color: white;

    z-index: 2;

    position: absolute;

    bottom: -20px;

   

}

#cbxwpbookmark-widget-2 > ul > div {

    display:none;

}



#cbxwpbookmark-widget-2 > ul > div:last-child {

    display:block;

}

.widget-footer-container-shortcut {

    width:100%;

    height: 80px;

    background-color: white;

    z-index: 2;

    position: absolute;

    bottom: -20px;

    cursor:pointer;

    margin-bottom: 10px;

   

}



.cbxwpbookmark-mylist-widget.active {

    height: auto!important;

}

.item-avatar-bottom-container.active .follow-button {

    margin-left: 200px;

    border-radius: .2rem!important;

    background-color: #78b928;

    top: -70px !important;

    padding: 5px 0px 5px !important;

    text-align: center;

    width: 130px;

}

.item-avatar-bottom-container.active .follow-button >a {

    color: white !important;

    font-family: "UniversForSchueco-430Reg"!important;

    text-transform: uppercase;

    font-size: 10px!important;

    font-weight: 700!important; 

    padding: 0px !important;



}

.widget-footer {



    position: absolute;

    bottom: 0px;

    height: 60px!important;

    z-index: 2;

    width: 200px;

    background-color:#666666;

    left:20px;

    padding:10px;

    margin-bottom: 20px;

    display:flex;

    flex-direction:row;



  }

#cbxwpbookmarkgrid-widget-3 .widget-footer {



    position: absolute;

    bottom: 0px;

    height: 60px!important;

    z-index: 2;

    width: 200px;

    background-color:#666666;

    left:20px;

    padding:10px;

    margin-bottom: 20px;

    display:flex;

    flex-direction:row;



  }



  #cbxwpbookmarkgrid-widget-2 .widget-footer {



    position: absolute;

    bottom: 10px;

    height: 60px!important;

    z-index: 2;

    width: 200px;

    height:70px;

    background-color:#666666;

    left:20px;

    padding:10px;

    margin-bottom: 20px;

    display:flex;

    flex-direction:row;



  }

  .widget-footer-container-shortcut .widget-footer > p {

    color: white !important;

    width:100%;

    font-family: "UniversForSchueco-430Reg";

    font-size: 13px;

    text-align: left;

    margin-top: 15px;

  }

  .widget-footer >p {

    color: white !important;

    width:100%;

    font-family: "UniversForSchueco-430Reg";

    font-size: 13px;

    text-align: left;

  }

  .widget-footer-shortcut >p {

    color: white !important;

    width:100%;

    font-family: "UniversForSchueco-430Reg";

    font-size: 13px;

    text-align: left;

    margin-top: 10px;

  }

  .widget-footer-shortcut {

    position: absolute;

    bottom: 0;

    z-index: 2;

    width: 150px;

    height: 50px;

    background-color: #666666;

    left: 20px;

    padding: 10px;

    margin-bottom: 20px;

    display: flex;

    flex-direction: row;

}

  .widget-bookmark-icon {

      width:25px;

      height:25px;

      margin-right: 10px;

      margin-top: 5px;  

  }



#bp_follow_following_widget-6 > div.intern-padding.active > div.avatar-widget > div > div.item-avatar-top-container > a > img {

    border-radius: 100%!important;

    

}

.add-folower, .add-shortcut, .add-doc {

    width:150px;

    z-index: 10;

    background-color:white!important;

    padding: 10px 5px 5px!important;

    position:absolute;

    left:170px;

    margin-top: -10px !important;

    margin-bottom:0px!important;

    border-radius: 0px !important;

    bottom:10px;

    display:flex;

    

}



.add-folower > p, .add-shortcut > p, .add-doc > p {

    font-family: "UniversForSchueco-430Reg";

    font-size: 13px;

    text-transform: none!important;

    margin-top:8px;

    color: #666 !important;

    

}

.add-shortcut > p, .add-doc > p, .add-folower > p {

    margin-top: 45px;

    text-align: left;

}



#cbxwpbookmarkgrid-widget-2 > div.intern-padding.active > div.cbxbookmark_cards_wrapper_postgrid-wrap > h3, #content > div.js-filter > div > h3 {

    display:none;

}



.cbxbookmark_card a.cbxbookmark_card_teaser {

    text-align: left!important; 

    max-height: 150px;

    min-width:60px;

    display: block;

    border-bottom: none !important;

    overflow: hidden;

}



.cbxbookmark_card {

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    transition: 0.3s;

    border-radius: 5px;

    width: 100%;

    height: 100px;

    padding:10px;

    display: flex!important;

    flex-wrap:wrap;

    min-width:330px;

}

.cbxbookmark_card.active {

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    transition: 0.3s;

    border-radius: 5px;

    width: 100%;

    height: 100%;

    display: flex!important;

    flex-wrap:wrap;

}



.bootstrap-wrapper .row {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    margin-bottom: 40px;

}

#cbxwpbookmarkgrid-widget-3 > div.intern-padding.active > div.cbxbookmark_cards_wrapper_postgrid-wrap > 

div > div.cbxbookmark_card_wrap.row > div.col-xs-12.col-sm-6.col-md-4.cbxbookmark_card_col > div > div.card-bottom-container {

    display:none;

}

.card-bottom-container {

    margin-left: -40px;

    display: flex;

    height: 50px;

    padding-top: 50px;

}





#content > div.js-filter > div > div > div.cbxbookmark_card_wrap.row > div > div > div.card-bottom-container {

    margin-left: -40px!important;

    display: flex;

    height: 50px;

    padding-top: 0px!important;

}

.widget-down-button {

    color: white !important;

    background-color:#78b928;

    height:30px;

    padding: 5px 10px !important;

    text-decoration: none;

    font-family: "UniversForSchueco-430Reg";

    font-size: 12px;

    border-radius:.2rem;

}

.widget-down-button:hover {

    background-color: black!important;

}

.cbxbookmark_card_title {

    width: 180px!important;

    color: black !important;

    font-family: "UniversForSchueco-430Reg";

    font-size: 16px!important;



}



.cbxbookmark_card_title_shortcut {

    width: 180px!important;

    color: black !important;

    font-family: "UniversForSchueco-430Reg";

    font-size: 16px!important;



}



.cbxbookmark_card_title > a {

    color: black !important;

    font-family: "UniversForSchueco-430Reg"!important;

    font-size: 16px!important;

}

.cbxbookmark_card_title_shortcut > span {

    color: black !important;

    font-family: "UniversForSchueco-430Reg"!important;

    font-size: 16px!important;

}

#cbxwpbookmarkgrid-widget-3 .cbxbookmark_card_title, #cbxwpbookmarkgrid-widget-2 .cbxbookmark_card_title_shortcut, #content-fav .cbxbookmark_card_title_shortcut, .js-filter .cbxbookmark_card_title_shortcut {

    display: none !important;

}





#cbxwpbookmarkgrid-widget-2 > div.intern-padding.active > div.cbxbookmark_cards_wrapper_postgrid-wrap,#cbxwpbookmarkgrid-widget-3 > div.intern-padding.active > div.cbxbookmark_cards_wrapper_postgrid-wrap {

    padding-top:70px;

}



.item-fav-contact {

    box-shadow: 0 16px 10px 0 rgba(0, 0, 0, 0.07)!important;

    border: none !important;

    width: 40% !important;

    min-width: 380px;

    height: 250px;

    margin-top: 20px;

    margin-right: 4%;

    margin-bottom: 20px;

    margin-left: 0px!important;

    display:inline-block!important;

}



#main-content #buddypress img.avatar {

    border-radius: 100px!important;

    width: 100px;

    height: 100px;

    position: relative;

    box-shadow: 0 0 0 0.6rem #fff;

    opacity: 1!important;

    background: #fff;

    pointer-events: none;

}

.fav-contact-container {

    margin-top:40px;

}



.item-avatar-bottom-container-contact {

    padding-left:20px;

    padding-bottom: 10px;

    line-height: 0px!important;

}



.item-avatar-bottom-container-contact .follow-button {

    margin-left: 250px;

    border-radius: .2rem!important;

}



.item-avatar-bottom-container-contact .follow-button >a {

    color: white !important;

    font-family: "UniversForSchueco-430Reg"!important;

    text-transform: uppercase;

    font-size: 12px!important;

    font-weight: 700!important; 

}



.separator-contact {

    width:1px;

    height: 40px;

    background-color:#979797;

    margin-right: 20px!important;

    position: relative;

    top:-10px;

}

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

    #members-dir-list .follow-button {

        margin-left: 150px !important;

    }

}

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

    #members-dir-list .follow-button {

        margin-left: 180px !important;

    }

}



/* suite widget mes raccourcis */

#cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.cbxbookmark_cards_wrapper_postgrid-wrap > div > div.cbxbookmark_card_wrap.row > div > div > a {

    display:none;

}



#cbxwpbookmarkgrid-widget-3 .intern-widget-button-doc {

    display:none;

}



#cbxwpbookmarkgrid-widget-3 .widget-footer-container-doc {

    display:none;

}

#cbxwpbookmarkgrid-widget-2 .widget-footer-container-shortcut {

    display:none;

}



#cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title > h3 > button.widget-button-doc {

    display:none;

}

#cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title > h3 > button.widget-button-shortcut > span {

    display:none;

}



#cbxwpbookmarkgrid-widget-3 > div.intern-padding.active > div.cbxbookmark_cards_wrapper_postgrid-wrap > h3 {

    display:none;

}



#cbxwpbookmarkgrid-widget-3 .cbxbookmark_card {

    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);

    transition: 0.3s;

    border-radius: 5px;

    width: 100%;

    height: 50px;

    padding: 10px;

    display: flex!important;

    flex-wrap: wrap;

}



#cbxwpbookmarkgrid-widget-3 .cbxbookmark_card_container > p > span {

    cursor:pointer;

}



body #cbxwpbookmarkgrid-widget-3.hide, body #cbxwpbookmarkgrid-widget-2.hide, #bp_follow_following_widget-6.hide {

    display: none !important;

}



#cbxwpbookmarkgrid-widget-3 > div.intern-padding > div.intern-box.box-title > h3 > button.add-doc {

    display:none;

}

#cbxwpbookmarkgrid-widget-2 > div.intern-padding > div.intern-box.box-title > h3 > button.add-shortcut {

    display:none;

}





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



.avatar-widget {

    padding-left: 0px;

    height: auto;

    padding-bottom: 80px;

    margin-top: 70px; 

    }



.intern-widget-button {

    left:0px; 

    }

}









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

    .widget-button {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 150px!important;

    }

    .widget-button-doc {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 140px!important;

    }  

    .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 150px!important;

    }  



    .widget-button.active, .widget-button-doc.active, .widget-button-shortcut.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 200px!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -39px;

        right: -55px;

        z-index: 8;

    }



}



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



    .widget-button {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 130px!important;

    }

    .widget-button-doc {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 120px!important;

    }  

    .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 130px!important;

    }  

    

    .widget-button.active, .widget-button-doc.active, .widget-button-shortcut.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 200px!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -39px;

        right: 0px;

        left:35px;

        z-index: 8;

    }

    

    

    }



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



    .card-bottom-container {

        margin-left: 20px!important;

        margin-top:30px;

        display: flex;

        height: 50px;

        padding-top: 50px;

        position: absolute;

        left: 190px;

    }

    .js-filter .card-bottom-container {

        margin-left: 20px!important;

        margin-top:30px;

        display: flex;

        height: 50px;

        padding-top: 50px;

        position: absolute;

        left: 250px;

    }

}



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



  #bp_follow_following_widget-6 .follow-button.following.generic-button {

        margin-left:170px; 

    }

}

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

     .widget-button {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 105px!important;

    }

    .widget-button-doc {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 90px!important;

    }  

    .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 95px!important;

    }  

    #bp_follow_following_widget-6 .item-avatar-bottom-container.active .follow-button {

        margin-left: 160px;

        top: -60px!important;

    }

    .widget-button.active, .widget-button-doc.active, .widget-button-shortcut.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 200px!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -39px;

        right: 0px;

        left:8px;

        z-index: 8;

    }



}

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

    .widget-button {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 100px!important;

    }

    .widget-button-doc {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 90px!important;

    }  

    .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 100px!important;

    }  

    .widget-button.active, .widget-button-doc.active, .widget-button-shortcut.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 200px!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -39px;

        right: 5px;

        z-index: 8;

    }



}

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



    #bp_follow_following_widget-6 .follow-button.following.generic-button {

        margin-left:140px; 

    }

}

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



        .add-folower, .add-shortcut, .add-doc {

            width: 120px;

           

        }

}

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

    .widget-button {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 71%!important;

    }

    .widget-button-doc {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 69%!important;

    }  

    .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 70%!important;

    }  

    .widget-button.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 66%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -8px;

        z-index: 8;

    }

    .widget-button-doc.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 65%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -8px;

        z-index: 8;

    }



    .widget-button-shortcut.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 66%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -8px;

        z-index: 8;

    }

.show-widget-container {

        display:none!important;

        }

.show-widget-container-mobile {

        display:block;

        width:200px;

        height:50px;

        background-color:#bfbfbf;

        margin:0 auto;

        cursor:pointer;

        text-align: center;

        font-family: "UniversForSchueco-420CdRg";

        font-size: 13px;

        color:#666666;

        padding-top: 10px;

        margin-top:10px;

        }

.show-widget-container-mobile:before {

        content:url("../images/icons-dashboard-moredash.svg");

        margin-right: 10px;

       

        }

.cbxbookmark-alert.cbxbookmark-alert-warning {

        display:none;

        }

.bootstrap-wrapper .row {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        flex-direction:column;

        margin-right: -15px;

        margin-left: -15px;

        margin-bottom: 40px;
        margin-top:50px;

        }

        .js-filter {
            display: flex;
            flex-wrap: wrap;
            margin-top: 40px;
        }

}



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

    .widget-button {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 62%!important;

    }

    .widget-button-doc, .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 59%!important;

    }  

    .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 60%!important;

    }  

    .widget-button.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 78%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -40px;

        z-index: 8;

    }

    .widget-button-doc.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 77%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -40px;

        z-index: 8;

    }



    .widget-button-shortcut.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 77%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -40px;

        z-index: 8;

    }

}

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

    .widget-button {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 42%!important;

    }

    .widget-button-doc, .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 39%!important;

    }  

    .widget-button-shortcut {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 40%!important;

    }  

    .widget-button.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 35%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -9px;

        z-index: 8;

    }

    .widget-button-doc.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 33%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -9px;

        z-index: 8;

    }



    .widget-button-shortcut.active  {

        background-color:transparent!important;

        padding: 0px 0px!important; 

        margin: 0px 0px 0px 33%!important;

        border:1px solid white!important;

        width: 70px;

        height: 40px;

        position: relative;

        top: -9px;

        z-index: 8;

    }

}

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

        .widget-button {
            background-color:transparent!important;
            padding: 0px 0px!important; 
            margin: 0px 0px 0px 39%!important;
        }
        .widget-button-doc {
            background-color:transparent!important;
            padding: 0px 0px!important; 
            margin: 0px 0px 0px 35%!important;
        }  
        .widget-button-shortcut {
            background-color:transparent!important;
            padding: 0px 0px!important; 
            margin: 0px 0px 0px 36%!important;
        }  
        .widget-button.active  {
            background-color:transparent!important;
            padding: 0px 0px!important; 
            margin: 0px 0px 0px 22%!important;
            border:1px solid white!important;
            width: 100px;
            height: 40px;
            position: relative;
            top: -9px;
            z-index: 8;
        }
        .widget-button-doc.active  {
            background-color:transparent!important;
            padding: 0px 0px!important; 
            margin: 0px 0px 0px 19%!important;
            border:1px solid white!important;
            width: 100px;
            height: 40px;
            position: relative;
            top: -9px;
            z-index: 8;
        }
    
        .widget-button-shortcut.active  {
            background-color:transparent!important;
            padding: 0px 0px!important; 
            margin: 0px 0px 0px 19%!important;
            border:1px solid white!important;
            width: 100px;
            height: 40px;
            position: relative;
            top: -9px;
            z-index: 8;
        }
        .toggle-indicator-widget.active:before, .toggle-indicator-widget-doc.active:before, .toggle-indicator-widget-shortcut.active:before {
            content: "\f142";
            font: normal 20px/1 dashicons;
            display: block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-decoration: none;
            position: relative;
            left: 60px;
            top: -15px;
        }



}



/* épingler ouverture/fermeture widgets */







#unlock-img,  #unlock-img-doc, #unlock-img-shortcut{

    position: relative;

    top: 10px;

    left: 8px;

    cursor:pointer;

    z-index:9;

}



#unlock-img.active, #unlock-img-doc.active, #unlock-img-shortcut.active {

    content:url('../images/icons-dashboard-lock.svg');

    position: relative;

    top: 10px;

    left: 8px;

    cursor:pointer;

   

    

}