/*  Index

I - Main Elements
    -Popup
    -Faq
    -Sign up 

II - Menu

III - Profile

IV - Cards

V - Summary

VI - Filters

VII - Transactions

VIII - Card Status

IX - Footer

X - Buttons

XI - Paginations

XII - Graph Charts

*/

/* ======= I - Main Elements ======= */

@font-face {
  font-family: "Maven Pro";
  src: url("../fonts/MavenPro-Regular.ttf"), url("../fonts/MavenPro-Bold.ttf"),
    url("../fonts/MavenPro-Medium.ttf"), url("../fonts/MavenPro-Black.ttf"),
    url("../fonts/MavenPro-Black.ttf");
}

.container-global {
  background-image: linear-gradient(to top, #485173, #282d44, #24283e);
}

.l-header {
  background-color: #24283e;
}

.info-customers {
  background: right top 16% / cover url(../img/bkg-endBlanc.svg) no-repeat,
    #4393d0;
  -webkit-background: right top 16% / cover url(../img/bkg-endBlanc.svg)
      no-repeat,
    #4393d0;
}

.info-customers .close {
  font-size: 40px;
  color: #fff;
  opacity: inherit;
  right: 20px;
  position: absolute;
  font-weight: 100;
  top: 0px;
}
.bkg-tr {
  border-left: 2px solid #4393d0;
  background-color: rgba(194, 194, 194, 0.09);
}

/* == Popup == */

.dialog-header {
  background-color: #282d44;
}

/* == Faq == */

.accordion .panel-title a {
  display: block;
  position: relative;
  outline: none;
  text-decoration: none;
  color: #4a4a4a;
  padding: 15px;
}

.accordion .panel-title a.accordion-toggle {
  color: #fff;
  background-color: #4393d0;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
}

.avatar-center-support .avatar {
  background: #282d44;
  padding: 35px;
  overflow: visible;
  line-height: normal;
}

/* == Sign up == */

.bkg-title {
  border-left: 3px solid #4393d0;
  background: linear-gradient(
    to right,
    rgba(230, 229, 229, 0.17),
    rgba(230, 229, 229, 0.17)
  );
  padding-left: 25px;
  position: relative;
  margin-bottom: 25px;
  color: #525252;
  height: 50px;
}

.checkbox-nice a {
  color: #4393d0;
}

/* ======= II - Menu ======= */
.ul-sideBar .item-menu a {
  color: #fff;
}

.sub-menu li.active-bkg {
  border-left: 3px solid #00c1f9;
  background: linear-gradient(
    to right,
    rgba(126, 142, 218, 0.2),
    rgba(126, 142, 218, 0)
  );
}

.ul-sideBar span {
  color: #00c1f9;
}

/* ======= III - Profile ======= */

.menu-profil li {
  padding: 10px 70px 10px 15px;
  display: inline-block;
  cursor: pointer;
  color: #4a4a4a;
}

.menu-profil li.active-bkg {
  border-left: 3px solid #00c1f9;
  background: linear-gradient(
    to right,
    rgba(126, 142, 218, 0.2),
    rgba(126, 142, 218, 0)
  );
}

/* ======= IV - Cards ======= */

.cards-phy {
  background-color: #282d44;
}

.cards-vir {
  background-image: linear-gradient(to top, #3e83b7, #3b78ab 38%, #1c6399);
}

.thumbnails {
  color: #fff;
}

.select-option:hover {
  background-color: #4393d0;
  color: #fff;
}

/* ======= VII - Transactions ======= */

.bkg-top-table {
  background-color: #282d44;
}

.customSelect {
  color: #fff;
  background: #4393d0;
}

.wrap-datepicker input {
  background-color: #fff;
  border: solid 1px #fff;
}

.transaction-details .table thead {
  background-color: #282d44;
}

.transaction-details .table th {
  color: #fff;
}

.transaction-number select {
  background-image: linear-gradient(to top, #485173, #282d44, #24283e);
  border: solid 0.5px #a5a1a1;
  color: #fff;
}

.debit {
  color: red;
}

.credit {
  color: #7ed321;
}

/* ======= VIII - Card Status ======= */

.act {
  background-color: #7ed321;
}
.blo {
  background-color: #dc3545;
}
.dam {
  background-color: #f2843c;
}
.los {
  background-color: #8b572a;
}
.sto {
  background-color: #fe6f6e;
}
.cbl {
  background-color: #dc3545;
}
.ris {
  background-color: #F00;
}
.fra {
  background-color: #F00;
}
.card-status-repair {
  background-color: #fe6f6e;
}

/* ======= IX - Footer ======= */

footer {
  text-align: center;
  color: #fff;
  width: 100%;
  max-height: 70px;
}

footer .bkg-footer {
  background-image: linear-gradient(to top, #485173, #282d44, #24283e);
  padding: 5px 15px;
  z-index: 1;
}

.login-box-footer a,
.create-account a,
.center-footer a {
  color: #4393d0;
}

/* ======= X - Buttons ======= */

.btn-continued,.btn-continued:hover {
  background-color: #4393d0;
  color:#fff;
}

.btn-cancel,.btn-cancel:hover {
  background-color: #4393d0;
  color:#fff;
}
.btn-edit,.btn-edit:hover {
  border-color: #4393d0;
  background-color: #fff;
  color: #4393d0;
}

/* ======= XI - Paginations ======= */

.page-item .page-link {
  color: #525252;
}

.page-link.select {
  background-image: linear-gradient(to top, #485173, #282d44, #24283e);
  color: #00c1f9;
}