/*------------------------------------------------------------------------------*/
/*Mobile Version------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

.btn-filter { padding: 15px 15px; margin-bottom: 10px; display: block; background: none; border: 1px solid #000; color: #000; font-weight: 600; font-size: 18px;}
.btn-filter:hover {background:  #e34f1c; color:#fff; border: 1px solid #e34f1c; }
.btn-filter-active, .btn-filter:focus, .btn-filter:active { padding: 15px; background: #e34f1c; border: 1px solid #e34f1c; color: #fff; font-weight: 600;}
.btn-filtre-roll, .btn-filtre-roll:focus, .btn-filtre-roll:hover { text-decoration: none;}
.btn-finance-filter {display: flex; margin: 10px 0; position: relative; }
.btn-finance-m, .btn-finance-m:hover, .btn-finance-m:focus, .open>.dropdown-toggle.btn-default:hover,
.open>.dropdown-toggle.btn-default:active, .btn-default:active:hover,.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default { width: 100%; text-align: right; padding-right: 80px; background: #4a1b57; border: 1px solid #4a1b57; color: #fff;}
.btn-finance-m span.caret {top: 26px; right: 27px; position: absolute; color: #fff;}
.btn-finance-filter > .dropdown-menu>li>a { text-align: right; font-size: 20px;}
.btn-inactive-info {background-color: #fff; border: 1px solid #000; font-size: 18px; font-weight: 600; margin-top:10px; margin-right: 10px;}
.btn-detail {margin-top: 0px;}

.btn-lg-ccah {
  position: relative;
  padding: 10px 16px;
  margin: 10px 0;

  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.02em;
  white-space: normal;

  color: white;
  background-color: #e34f1c;
  border: 1px solid #e34f1c;

  -webkit-box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
  -moz-box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
  box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
}

.btn-lg-ccah:hover, .btn-lg-ccah:focus, .btn-lg-ccah:active, .btn-ccah-focus { background-color: #cf3712; color: #fff; text-decoration: none;}
.btn-full-width { width: 100%;}
.btn-xl-ccah { font-size: 18px; padding: 15px;}
.btn-sm-ccah { font-size: 12px; padding: 5px;}


/*------------------------------------------------------------------------------*/
/*TABLETTE Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

@media(min-width:768px) and (max-width: 992px){
  .btn-finance-m, .btn-finance-m:hover, .btn-finance-m:focus,  .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:active,
  .btn-default:active:hover, .open>.dropdown-toggle.btn-default:focus,  .open>.dropdown-toggle.btn-default {  padding-right: 40px; }
  .btn-filter, .btn-filter-active, .btn-filter:focus, .btn-filter:active {padding: 8px 10px; border-radius: 5px; display: inline-block; margin-right: 7px; }
  .btn-finance-filter > .dropdown-menu>li>a {font-size: 16px; margin-bottom: 5px; margin-top: 5px;}
  .btn-inactive-info {font-size: 14px;}
  .btn-finance-m span.caret {top: 23px; right: 15px;}
  .ff-btn-finance-filter {font-size: 14px;}
  .ff-btn-finance-filter::after, .open>.dropdown-toggle.btn-default:hover:after {display: none;}
  .ff-btn-finance-filter, .ff-btn-finance-filter:focus {font-size: 15px;}

}

/*------------------------------------------------------------------------------*/
/*DESKTOP Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


@media(min-width:992px) {
  .btn-finance-m, .btn-finance-m:hover, .btn-finance-m:focus,  .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:active,
  .btn-default:active:hover, .open>.dropdown-toggle.btn-default:focus,  .open>.dropdown-toggle.btn-default {  padding-right: 40px; }
  .btn-filter, .btn-filter-active, .btn-filter:focus, .btn-filter:active {padding: 8px 10px; border-radius: 5px; display: inline-block; margin-right: 7px;}
  .btn-finance-filter > .dropdown-menu>li>a {font-size: 16px; margin-bottom: 5px; margin-top: 5px;}
  .btn-inactive-info {font-size: 14px;}
  .btn-finance-m span.caret {top: 23px; right: 15px;}
  .ff-btn-finance-filter {font-size: 14px;}
  .ff-btn-finance-filter::after, .open>.dropdown-toggle.btn-default:hover:after {display: none;}
  .ff-btn-finance-filter, .ff-btn-finance-filter:focus {font-size: 15px;}
  .projfin-m-stat-block > .btn-inactive-info { margin: 0;}

}