.panel-left #gridTransaction tr td:last-child,
.panel-left table thead tr th:last-child,
#tabletransaction thead tr th:last-child{
    text-align: right;
    display: block;
}

#four #tableTransaction thead tr th:last-child {
    text-align: right;
    display: block;
}

.search-right input#filter {
    height: 30px;
}
.search-right > i {
    top: 4px;
}
.menuOrders,
.menuTieres,
.menuCompte {
    position: absolute;
    cursor: pointer;
    padding: 3px 5px;
}
button:focus,
:focus {
    outline: 0;
}
table.dataTable thead .sorting {
    padding: 0.75rem;
    background: none;
}
table.dataTable tbody td,
table.dataTable thead th,
table.dataTable thead td {
    padding: 0.75rem;
}
.dataTables_wrapper .dataTables_filter input {
    font-size: 12px;
    width: 140px;
    font-weight: 500;
    font-family: 'montserratregular';
    font-style: normal;
    height: 30px;
    background: #fff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    border-radius: 25px !important;
    padding: 2px 15px;
    padding-left: 27px;
    border: 0;
    color: #373737;
    display: block;
    line-height: 1.5;
}
.dataTables_wrapper .dataTables_filter label{
    position: relative;
}
.dataTables_wrapper .dataTables_filter label:before {
    content: "\e90c";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 8px;
    font-size: 24px;
    color: #A4A7AE;
    top: 4px;
}
table.dataTable.no-footer {
    border: none;
}
div#cardcarousel.cartes .owl-item {
    cursor: pointer;
}
div#owl-carouselBankAccountList.account-list .owl-item {
    cursor: pointer;
}
/** page demande CB*/
.modal .form-popin.form-password {
    position: relative;
}
#zoneDemandeCB {
    padding-right: 60px;
}
#carouselBankAccountList.owl-carousel.owl-drag.account-list .owl-item{
    cursor: pointer;
}
#zoneComptes .carte-emet h2 {
    background: #F2F5ED;
    border-radius: 90px;
    padding: 4px 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    color: #41633B;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#carouselBankAccountList.owl-carousel.owl-drag.account-list .owl-item.active {
    border: 0.847683px solid #DCDCDC;
    opacity: 0.4;
}
#carouselBankAccountList.owl-carousel.owl-drag.account-list .owl-item.active.active-account{
    border-width: 1px;
    opacity: 1;
    border-color: #76A82F;
}
div#zoneDetailCarte {
    border-left: 1px solid #CBCBCB;
    padding: 50px;
}
#zoneDetailCarte h2,
#modalValidation .modal-body h2 {
    font-size: 18px;
    line-height: 20px;
    font-family: Philosopher;
}
#zoneDetailCarte #description p.decription_card,
#modalValidation #description p.decription_card {
    font-family: montserratregular;
    font-style: normal;
    font-weight: normal;
    line-height: 138%;
    color: #373737;
    opacity: 0.7;
    text-align: justify;
}
#zoneDetailCarte .detailsCard{
    margin-bottom:27px;
}
#plafondInternational {
    margin-top: 30px;
}
h2#selected_cardwording {
    margin-bottom: 25px;
}
#modalValidation .detailsCard{
    margin-top: 15px;
}
#zoneDetailCarte .detailRow {
    background: #FFFFFF;
    border-radius: 90px;
    margin: 4px 0;
    width: 100%;
    display: flex;
}
#modalValidation .detailRow {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 90px;
    margin: 4px 0;
    width: 100%;
    display: flex;
}
#zoneDetailCarte .detailRow p,
#modalValidation .detailRow p{
    display: inline-block;
}
#zoneDetailCarte .detailRow p:last-child,
#modalValidation .detailRow p:last-child{
    float: right;
    background: #F2F5ED;
    border-radius: 90px;
    padding: 5px 15px;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-right: 4px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    text-align: right;
    color: #41633B;
    display: inline-flex;
    width: 50%;
    align-self: center;
    justify-content: flex-end;
}
#modalValidation .detailRow p:last-child{
    padding: 4px 15px;
}
#zoneDetailCarte .detailRow p:last-child sup,
#modalValidation .detailRow p:last-child sup{
    font-size: 63%;
}
#zoneDetailCarte .detailRow .titre,
#modalValidation .detailRow .titre{
    font-style: normal;
    font-weight: normal;
    line-height: 13px;
    color: #373737;
    padding-left: 20px;
    margin-bottom: 0;
    font-size: 13px;
    display: inline-flex;
    width: 50%;
    align-self: center;
}
#zoneDetailCarte #description {
    margin-bottom: 40px;
}
#modalValidation #description{
    margin-bottom: 15px;
}
input#BankCardbtn {
    margin-top: 20px;
    font-family: Philosopher;
    font-style: normal;
    font-size: 18px;
}
div#modalValidation.modal.right.fade .modal-dialog {
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
div#modalValidation.moda.left .modal-dialog, div#modalValidation.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);
}
#modalValidation.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}
#zoneDetailCarte .detailRow p#montantAnnuelle:last-child,
#modalValidation .detailRow p#montantAnnuelle:last-child {
    color: #76A82F;
}
div#detail-popup {
    padding: 15px;
}
div#carouselCards .owl-item {
    cursor: pointer;
}
#modalValidation #sayidati.detailsCard {
    margin-top: 10px;
}
div#sayidati label {
    font-style: normal;
    font-weight: normal;
    line-height: 13px;
    color: #373737;
    padding-left: 20px;
    padding-top: 9px;
    margin-bottom: 0;
    font-size: 13px;
}
div#sayidati .form-control {
    height: 40px;
}
#modalValidation input[type="password"] {
    padding-left: 35px;
}
#modalValidation .form-popin.form-password {
    top: 40px;
}
div#activeCard img {
    width: 70%;
    display: block;
    margin: auto;
}
div#activeCard{
    margin-bottom: 10px;
}

/***style btn download**/
.text-center .btn {
    font-size: 12px;
    height: 30px;
    line-height: 31px;
}
.text-left .btn {
    font-size: 12px;
    height: 30px;
    line-height: 31px;
}
.btn:focus, .btn.focus {
    box-shadow: none;
}
#myModal .form-popin .form-group .row-label label {
    top: 11px;
}
#RechercheAcount .form-popin .form-group .row-label .date:nth-child(2) label{
    left: -3px;
}
#RechercheAcount .form-popin .form-group .row-label .min input {
    padding-left: 45px;
}
#RechercheAcount .form-popin .form-group .row-label .max input {
    padding-left: 57px;
}
input.btn:disabled{
    cursor: default;
    opacity: 0.5;
}
input.btn:disabled:hover {
    color: #76A82F;
}
button#showPlus {
    height: 30px;
    line-height: 31px;
}

.btn-full {
    width: 100%;
}

/** page demande levee**/
#liftingRestiriction #accountName .name {
    display: inline-block;
    padding-top: 15px;
}
#liftingRestiriction #dateDeb,
#liftingRestiriction #dateFin {
    margin-top: 0;
    padding-top: 15px;
}
#liftingRestiriction .select_date {
    margin-top: 20px;
}
#liftingRestiriction #cardsLifting-lists {
    padding: 15px;
}
#liftingRestiriction #cardsType {
    margin-top: 20px;
}
.buttonLifting {
    position: relative;
    text-align: left;
    margin-top: 20px;
}
.date_deb {
    display: inline-flex;
    padding-left: 15px;
}
div#dateDeb label,
div#dateFin label {
    display: inline-flex;
}
.date_fin {
    display: inline-flex;
    padding-left: 15px;
}
.modal.right.fade .modal-dialog {
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

#myModalCard.moda.left .modal-dialog, #myModalCard.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);
}
#myModalCard.modal.left .modal-content, #myModalCard.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}
#myModalCard label {
    font-family: "Philosopher";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: rgba(55, 55, 55, 0.5);
    display: block;
    margin-bottom: 5px;
}
#myModalCard .name,
#myModalCard p#SelectedtypeCard,
#myModalCard .SelectedDate p,
#myModalCard .description-card p {
    font-family: "montserratregular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #373737;
}
#myModalCard .description-card {
    padding-top: 9px;
    text-align: justify;
}
#myModalCard .form-password{
    position: relative;
}
#myModalCard .form-password input[type="password"] {
    padding-left: 35px;
}
#myModalCard #SelectedCard img {
    width: 70%;
    display: block;
    margin: auto;
}
#myModalCard #SelectedtypeCard {
    padding-top: 10px;
    margin-bottom: 0;
}
#myModalCard .SelectedDate, #myModalCard #accountName {
    padding-top: 20px;
}
#myModalCard .popupConfirm {
    padding: 15px;
}
/** page demande cheque**/
.ModalCheckbox label {
    font-family: "Philosopher";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: rgba(55, 55, 55, 0.5);
    display: block;
    margin-bottom: 5px;
}
.ModalCheckbox .line {
    font-family: montserratregular;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #373737;
}
.ModalCheckbox .line p {
    font-size: 15px;
}
.ModalCheckbox .boxConfirm {
    box-sizing: border-box;
    border-radius: 12px;
    padding: 15px;
}
#checkDiscountPage .k-button {
    height: 45px;
    padding: 0 15px;
    line-height: 31px;
    width: 320px;
}
#checkDiscountPage .k-header.k-grid-toolbar.k-grid-top {
    padding-left: 0;
}
#checkDiscountPage .k-button:focus,
#checkDiscountPage .k-button:active {
    border: none;
    box-shadow: none;
    background-color: #0056b3;
}
#checkDiscountPage .k-button:hover {
    background-color: #a99f9a;
}
#checkDiscountPage .text-right button {
    height: 30px;
    line-height: 31px;
}
.ModalCheckbox img.image {
    display: block;
    margin: auto;
    padding-bottom: 10px;
}
/** page historiques virement***/
#modal_content_permanant .btn.btn-default {
    width: 100%;
    margin-top: 10px;
}
#modal_content_permanant .required:after {
    content: " *";
    color: red;
}
#modal_content_permanant .form-popin label {
    font-family: "Philosopher";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: rgba(55, 55, 55, 0.5);
    display: block;
    margin-bottom: 5px;
    opacity: 1;
}
#modal_content_permanant .form-popin .form-group {
    margin-top: 15px;
    margin-bottom: 15px !important;
}
#modal_content_permanant .form-popin .form-group p {
    font-family: "Philosopher";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: rgba(55, 55, 55, 0.5);
    display: block;
    margin-bottom: 5px;
}
#modal_content_permanant .form-control {
    margin-bottom: 20px;
}
#modal_content_permanant .form-popin .form-group .row-label input {
    padding-left: 45px;
}
#modal_content_permanant .form-popin .form-group .row-label .date:nth-child(2) label {
    left: 21px;
}
#modal_content_permanant .col-sm-6.col-label:first-child {
    padding-right: 5px;
}
#modal_content_permanant .col-sm-6.col-label:last-child {
    padding-left: 5px;
}
/**page suivi check***/
#CheckBookProgressDatatable tbody tr:before {
    content: '';
    border-right: none !important;
    left: 0;
    position: absolute;
    z-index: 1;
    height: calc(100% - 20px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    border-radius: 2px;
}
#CheckBookProgressDatatable tbody tr td {
    line-height: 18px;
    align-items: center;
    justify-items: center;
}

#CheckBookProgressDatatable tbody tr[id-statut='90']:before {
    background-color: #76A82F;
}
#CheckBookProgressDatatable tbody tr[id-statut='20']:before {
    background-color: #F82424;
}
#CheckBookProgressDatatable tbody tr[id-statut='1']:before {
    background-color: #F2994A;
}
#CheckBookProgressDatatable tbody tr[id-statut='30']:before {
    background-color: #F2994A;
}
#CheckBookProgressDatatable tbody tr[id-statut='40']:before {
    background-color: #F2994A;
}

#CheckBookProgressDatatable tbody tr[id-statut='10']:before {
    background-color: #41633B;
}
#CheckBookProgressDatatable tbody tr[id-statut='70']:before {
    background-color: #2A8696;
}
#CheckBookProgressDatatable tbody tr[id-statut='75']:before {
    background-color: #A4A7AE;
}
#CheckBookProgressDatatable tbody tr[id-statut='80']:before {
    background-color: #A4A7AE;
}

#CheckBookProgressDatatable tbody tr[id-statut='90'] td:nth-child(6) {
    color: #76A82F;
}
#CheckBookProgressDatatable tbody tr[id-statut='20'] td:nth-child(6) {
    color: #F82424;
}
#CheckBookProgressDatatable tbody tr[id-statut='1'] td:nth-child(6) {
    color: #F2994A;
}
#CheckBookProgressDatatable tbody tr[id-statut='30'] td:nth-child(6) {
    color: #F2994A;
}
#CheckBookProgressDatatable tbody tr[id-statut='40'] td:nth-child(6) {
    color: #F2994A;
}
#CheckBookProgressDatatable tbody tr[id-statut='10'] td:nth-child(6) {
    color: #41633B;
}
#CheckBookProgressDatatable tbody tr[id-statut='70'] td:nth-child(6) {
    color: #2A8696;
}
#CheckBookProgressDatatable tbody tr[id-statut='75'] td:nth-child(6) {
    color: #A4A7AE;
}
#CheckBookProgressDatatable tbody tr[id-statut='80'] td:nth-child(6) {
    color: #A4A7AE;
}

#CheckBookProgressDatatable tbody tr[id-statut='90'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/issued.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='20'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/cancel.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='1'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/progress.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='30'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/progress.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='40'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/progress.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='10'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/valid.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='70'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/parveny.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='75'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/detruit.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}
#CheckBookProgressDatatable tbody tr[id-statut='80'] td:nth-child(6):before {
    content: "";
    background-image: url(../Images/Check/detruit.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 11px;
}

#CheckBookProgressDatatable thead th:last-child {
    align-items: center;
    justify-content: center;
}

/** page remise de cheques**/
.select2.select2-container.select2-container--disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}
#carouselCheckDiscounts.owl-carousel.owl-drag .owl-item.active + .owl-item.active {
    box-shadow: none;
    border: 0.847683px solid #DCDCDC;
}
#carouselCheckDiscounts.owl-carousel.owl-drag.check-list .owl-item {
    cursor: pointer;
}

#carouselCheckDiscounts .slick-slide.slick-current.slick-active .detailsCheck {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-color: #76A82F;
    border-width: 1px;
    opacity: 1;
}
#carouselCheckDiscounts .detailsCheck {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 0.847683px solid #DCDCDC;
    opacity: 0.4;
}

#carouselCheckDiscounts.slick-slider .item {
    padding: 15px 10px;
}

#carouselCheckDiscounts .owl-stage-outer {
    padding: 30px 28px;
    margin: 0 -30px;
}
#carouselCheckDiscounts.owl-carousel.owl-drag .owl-item {
    border-radius: 10px;
}
#carouselCheckDiscounts .detailsCheck p.price-charte {
    font-style: normal;
    font-weight: bold;
    font-size: 24.9796px;
    color: #2968b2;
    opacity: 1;
}
#carouselCheckDiscounts .detailsCheck .col-sm-6 div:last-child label {
    margin-bottom: 0;
}
#carouselCheckDiscounts .detailsCheck .col-sm-6 div:last-child p {
    margin-bottom: 0;
}
#carouselCheckDiscounts .detailsCheck p {
    display: inline-block;
    padding-left: 6px;
    opacity: 1;
    font-family: Philosopher;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #212529;
}
#carouselCheckDiscounts .detailsCheck label {
    display: inline-block;
    padding-left: 0;
    opacity: 0.67;
    color: #8B8B8B;
    font-size: 14px;
    line-height: 17px;
}
#carouselCheckDiscounts.check-list.owl-carousel .owl-item {
    float: right;
}
#carouselCheckDiscounts.check-list.owl-carousel .owl-item.active-check {
    float: left;
}
#carouselCheckDiscounts.check-list.owl-carousel .owl-item:not(.active-check) {
    border: 0.847683px solid #DCDCDC;
    box-shadow: none;
}
#carouselCheckDiscounts.check-list.owl-carousel.carousel-compte .owl-item.active-check {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
#carouselCheckDiscounts.owl-carousel.owl-drag.check-list .owl-item {
    cursor: pointer;
}
.detailsCheck .col-sm-6 {
    padding-right: 0;
}

#checkStatementList {
    display: block;
}

table#addCheckStatement.table tbody td {
    padding: 0.75rem !important;
    align-items: center;
}

table#addCheckStatement.table tbody td.tabAmount {
    justify-content: flex-end;
    display: inline-flex;
}


#addCheckStatement a.add,
#addCheckStatement a.delete {
    background: #76A82F;
    border-radius: 25px !important;
    padding: 0 20px;
    color: #fff;
    font-size: 15px;
    height: 40px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    line-height: 40px;
    border: 0;
    font-family: "philosopherbold";
}

#addCheckStatement td a.add {
    /*display: none;*/
}

.add-new {
    height: 45px;
    padding: 0 15px;
    line-height: 31px;
    width: 320px;
}

.add-new i {
    margin-right: 4px;
}

#addCheckStatement td a {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
}

#addCheckStatement td i {
    font-size: 19px;
}

#addCheckStatement td a.add i {
    font-size: 24px;
    margin-right: -1px;
    position: relative;
    top: 3px;
}

#addCheckStatement .form-control.error {
    border-color: #f50000;
    border-width: 1px;
    border-style: solid;
}

.error-validate {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #ccc;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    color: #A4A7AE;
    font-size: 12px;
    padding: 10px;
    position: absolute;
    margin-top: 45px;
    font-family: 'montserratregular';
}

.tabAmount .error-validate {
    margin-top: 0;
}
#addCheckStatement .tabAmount .error-validate {
    margin-top: 45px;
}
.btn-info:hover {
    background-color: #76A82F;
    border-color: #76A82F;
}

.btn-info:disabled {
    color: #fff;
    background-color: #76A82F;
    border-color: #76A82F;
}

.btn-info.focus {
    color: #fff;
    background-color: #76A82F;
    border-color: #76A82F;
}
/** sous-menu virement  ***/
#carouselBankAccountList.virementCarousel.virement-list .owl-item.activeVirement:not(.cloned) {
    border: 1.69537px solid #76A82F;
    opacity: 1;
    border-radius: 10px;
}
#carouselBankAccountList.owl-carousel.owl-drag.virement-list.virementCarousel .owl-item.active.active-virement:not(.activeVirement) {
    opacity: 0.4;
    border-width: 0;
}
.menu-cartes .carteVirement {
    display: inline-block;
    list-style: none;
    height: 120px;
    background: #fff;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 15px;
    border: 0;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative;
    padding-top: 80px;
    font-size: 18px;
    width: 100%;
}
.menu-cartes .carteVirement i {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 60px;
}
.menu-cartes a .carteVirement {
    color: #76A82F;
}
.menu-cartes .col-md-4 {
    display: inline-block;
    padding-left: 0;
    padding-right: 25px;
}
#listVirementMenu{
    padding-right: 0;
}
/** page suivi demande  **/
.modal-header h1 {
    font-family: Philosopher;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    /*text-align: center;*/
}
.modal-header h1:after {
    width: 0;
}
#DataTableRequest tbody tr:before {
    content: '';
    border-right: none !important;
    left: 0;
    position: absolute;
    z-index: 1;
    height: calc(100% - 20px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    border-radius: 2px;
}
#DataTableRequest tbody tr[demand-statut='En attente']:before {
    background-color: #F2994A;
}

#DataTableRequest tbody tr[demand-statut='Validée']:before {
    background-color: #76A82F;
}

#DataTableRequest tbody tr[demand-statut='Annulée']:before {
    background-color: #F82424;
}

#DataTableRequest tbody tr[demand-statut='En cours']:before {
    background-color: #F2994A;
}

#DataTableRequest tbody tr[demand-statut='Rejeté']:before {
    background-color: #F82424;
}
#myModalDetails .form-group p {
    font-family: "montserratregular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #373737;
    margin-bottom: 0;
}
#myModalDetails .card .form-popin label{
    margin-left: 0;
    /*opacity: 1;*/
}
#myModalDetails .form-group{
    margin-bottom: 15px !important;
}
/** page edit package   **/
#editPackage .row {
    justify-content: center;
}
.btn-disabled,
.btn-disabled:hover,
.btn-disabled:focus {
    background: #EAEAEA;
    color: #6F6F6F;
    opacity: 1;
    cursor: default !important;
}

.card-package .line-package:nth-child(13) {
    margin-bottom: 15px;
}

.option-package p {
    font-size: 15px;
}

div#editPackage .col-lg-3 {
    padding: 15px 39px;
}

#editPackage #confirmpromo {
    font-size: 16px;
    font-family: philosopherregular;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    line-height: 18px;
    letter-spacing: 0.5px;
    width: 174px;
}

.card-business .type-package {
    background: linear-gradient(113.45deg, #6F634F 10.82%, #F8F0CF 35.65%, #877E69 81.96%);
    color: #373737;
}

.card-executive .type-package {
    background: linear-gradient(126.74deg, #6A7088 17.04%, #E5F1F1 53.16%, #6A7088 90.81%);
    color: #0B1947;
}
/** page consultation cheques   ***/
div#owlCheckConsultation.owl-carousel.owl-drag .owl-item {
    border-radius: 10px;
}
#owlCheckConsultation.owl-carousel.owl-drag .owl-item.active {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-color: #76A82F;
    border-width: 1px;
}
#owlCheckConsultation.owl-carousel.owl-drag .owl-item.active + .owl-item.active {
    box-shadow: none;
    border: 0.847683px solid #DCDCDC;
}
#owlCheckConsultation .detailsCheck {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 0.847683px solid #DCDCDC;
}
#owlCheckConsultation .detailsCheck label {
    display: inline-block;
    padding-left: 0;
    opacity: 0.67;
    color: #8B8B8B;
    font-size: 14px;
    line-height: 17px;
}
#owlCheckConsultation .detailsCheck p {
    display: inline-block;
    padding-left: 6px;
    opacity: 1;
    font-family: Philosopher;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #212529;
}
#owlCheckConsultation .detailsCheck p.price-charte {
    font-style: normal;
    font-weight: bold;
    font-size: 24.9796px;
    color: #76A82F;
    opacity: 1;
}
#owlCheckConsultation .detailsCheck .col-sm-6 div:last-child p {
    margin-bottom: 0;
}
#owlCheckConsultation .detailsCheck .col-sm-6 div:last-child label {
    margin-bottom: 0;
}
#owlCheckConsultation.owl-carousel.owl-drag.check-list .owl-item.active.active-check {
    border-width: 1px;
    opacity: 1;
    border-color: #76A82F;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

#owlCheckConsultation.owl-carousel.owl-drag.check-list .owl-item.active {
    border-width: 0;
    opacity: 0.4;
}
#owlCheckConsultation.owl-carousel.owl-drag.check-list .owl-item.active {
    border-width: 0;
    opacity: 0.4;
}
#owlCheckConsultation .owl-stage-outer {
    padding: 15px;
    margin: 0 -15px;
}
#owlCheckConsultation.check-list.owl-carousel .owl-item {
    float: right;
}
#owlCheckConsultation.check-list.owl-carousel .owl-item.active-check {
    float: left;
}

#owlCheckConsultation.check-list.owl-carousel .owl-item:not(.active-check) {
    border: 0.847683px solid #DCDCDC;
    box-shadow: none;
}
#owlCheckConsultation.check-list.owl-carousel.carousel-compte .owl-item.active-check {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
#owlCheckConsultation.owl-carousel.owl-drag.check-list .owl-item{
    cursor: pointer;
}
#cancelCheckDiscount input.btn {
    margin-top: 10px;
    width: 100%;
}
/** owl caarousel click ***/
#owl-carouselBankAccountList.account-list.owl-carousel .owl-item {
    float: right;
}
#owl-carouselBankAccountList.account-list.owl-carousel .owl-item.active-account {
    float: left;
}

#carouselBankAccountList.account-list.owl-carousel .owl-item:not(.active-account) {
    border: 0.847683px solid #DCDCDC;
    box-shadow: none;
}
#carouselBankAccountList.account-list.owl-carousel.carousel-compte .owl-item.active-account {
    box-shadow: 0px 11.24px 23.72px rgba(67, 81, 91, 0.3);
}

#carouselCards .owl-stage-outer {
    padding: 20px 30px 30px 30px;
    margin: 0 -30px;
}
#carouselCards .owl-item.active {
    box-shadow: 0px 3.95908px 15.8363px rgba(0, 0, 0, 0.2);
    border-radius: 25px;
}
#carouselCards.owl-carousel.owl-drag .owl-item.active + .owl-item.active {
    box-shadow: none;
}
#carouselCards.cartes.owl-carousel .owl-item {
    float: right;
}
#carouselCards.cartes.owl-carousel .owl-item.active-card {
    float: left;
    box-shadow: 0px 11.24px 23.72px rgba(67, 81, 91, 0.3);
    border-radius: 12px;
}
#carouselCards.cartes .owl-item.active.active-card {
    opacity: 1;
}
#carouselCards.cartes .owl-item.active {
    opacity: .3;
}

#cardcarousel .owl-stage-outer {
    padding: 30px 28px;
    margin: 0 -30px;
}
#cardcarousel .owl-item.active {
    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.4);
    border-radius: 17px;
}
#cardcarousel.owl-carousel.owl-drag .owl-item.active + .owl-item.active {
    box-shadow: none;
}
#cardcarousel.cartes.owl-carousel .owl-item {
    float: right;
    box-shadow: 0px 12.3037px 22.1466px rgba(0, 0, 0, 0.2);
    border-radius: 17px;
}
#cardcarousel.cartes.owl-carousel .owl-item.active-card {
    float: left;
    box-shadow: 0px 11.24px 23.72px rgba(67, 81, 91, 0.3);
    border-radius: 12px;
}

#owl-cardsLifting .owl-stage-outer {
    padding: 30px 28px;
    margin: 0 -30px;
}
#owl-cardsLifting .owl-item.active {
    box-shadow: 0px 11.24px 23.72px rgba(67, 81, 91, 0.3);
    border-radius: 30px;
}
#owl-cardsLifting.owl-carousel.owl-drag .owl-item.active + .owl-item.active {
    box-shadow: none;
}
#owl-cardsLifting.owl-carousel.owl-drag.cartes .owl-item:not(.active-card) {
    border: 0.847683px solid #DCDCDC;
    box-shadow: none;
}
#owl-cardsLifting.owl-carousel.owl-drag.cartes .owl-item.active-card {
    box-shadow: 0px 11.24px 23.72px rgba(67, 81, 91, 0.3);
}

#carouselBankAccountList.owl-carousel.owl-drag.virement-list .owl-item:not(.active-virement) {
    border: 0.847683px solid #DCDCDC;
    box-shadow: none;
}
#carouselBankAccountList.owl-carousel.owl-drag.virement-list .owl-item.active-virement {
    box-shadow: 0px 11.24px 23.72px rgba(67, 81, 91, 0.3);
}
#carouselBankAccountList.virement-list.owl-carousel .owl-item {
    float: right;
}
#carouselBankAccountList.virement-list.owl-carousel .owl-item.active-virement {
    float: left;
}
.owl-carousel.owl-nav {
    padding: 0 45px;
}

#carouselBankAccountList.account-list.owl-carousel .owl-item {
    float: right;
}
#carouselBankAccountList.account-list.owl-carousel .owl-item.active-account {
    float: left;
}
#AccountList.owl-theme .owl-nav {
    right: -45px;
}
#owl-carouselBankAccountList.owl-theme .owl-nav {
    right: -30px;
}

.cardLight .nom-carte {
    color: #373737;
}

.cardLight .date-exp-carte {
    color: #373737;
}
.cardLight .exp-carte {
    color: #373737;
}
.cardLight .num-carte {
    color: #373737;
}
#PlafondCard{
    position: relative;
}
#disable_card.disabled {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(152, 152, 152, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
/** table   ***/
/*tbody#gridTransaction td {
    align-self: center;
}
tbody#OperationList td {
    align-self: center;
}*/
.dataTables_empty {
    width: 100% !important;
}
tbody#ReciviedCheckTable tr.Tables_empty:before {
    border-right: none !important;
}
td.tabAmount input {
    font-family: 'montserratregular';
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.select2-container--open .select2-dropdown--above {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid #aaa;
}
.select2-container--open .select2-dropdown--below {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: 1px solid #aaa;
}
/*.modal-backdrop{
    display: none;
}*/
.owl-carousel .owl-item img.disabled {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
/***    page TPE    **/
#TpeCarousel .DetailTpe h3 {
    text-transform: uppercase;
    font-family: 'philosopherregular';
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 34px;
    position: relative;
}

#TpeCarousel .DetailTpe {
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 20px;
    opacity: 0.6;
    box-shadow: 0px 3.5021px 10.6041px rgba(67, 81, 91, 0.3);
   
}

#TpeCarousel .slick-slide.slick-current.slick-active .DetailTpe {
    border-style: solid;
    border-color: #76A82F;
    border-width: 2px;
    opacity: 1;
}

#TpeCarousel {
    padding: 0 25px;
}

div#zoneTransactions {
    padding-top: 10px;
}

#TpeCarousel.slick-slider .item {
    padding: 15px;
}

#TpeCarousel .DetailTpe label {
    font-family: 'philosopherregular';
    opacity: 0.7;
    margin-bottom: 0;
    cursor: pointer;
}

#TpeCarousel.tpe-list .slick-slide {
    cursor: pointer;
}

#filter_type {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(94, 99, 109, 0.2021);
    border-radius: 18px;
    padding: 10px;
}
#filter_type .col-md-12{
    padding: 0;
}
#filter_type label {
    opacity: 1;
    padding: 0;
    background: #F7F7F7;
    border: 1px solid;
    border-color: transparent;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 90px !important;
    height: 30px;
    font-family: 'montserratregular';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #A4A7AE;
    text-align: left;
}

div#filter_type i {
    margin-left: 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.icone_zitouna:after {
    content: "";
    background-image: url(../Images/icon_tpe/zitouna_search.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 6px;
}
.icone_visa_card:after {
    content: "";
    background-image: url(../Images/icon_tpe/visa_search.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 6px;
}
.icone_mastercard:after {
    content: "";
    background-image: url(../Images/icon_tpe/mastercard_search.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 6px;
}
.icone_tunisie_banques:after {
    content: "";
    background-image: url(../Images/icon_tpe/tunisia_search.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 6px;
}

#filter_type .col-md-12:first-child{
    margin-bottom:11px;
}
#filter_type label.active {
    border-color: rgba(0, 0, 0, 0.11);
    background-color: #fff;
}
#filter_type .btn-group-toggle > .btn input[type="checkbox"] {
    width: calc(100% - 20px);
    left: 20px;
    margin-right: 0;
}

#filter_type .btn.active span:after {
    content: "x";
    width: 15px;
    height: 15px;
    background-color: rgba(231, 231, 231, 0.7);
    border-radius: 50%;
    color: #A4A7AE;
    display: inline-block;
    margin-left: 2px;
    text-align: center;
}

div#filter_type span {
    display: inline-block;
    padding-top: 6px;
}

.icone_tpe:after {
    content: "";
    background: url(../Images/icon_tpe/icone_tpe.svg) no-repeat left center / 100% auto;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.icon_mastercard:after {
    content: "";
    background: url(../Images/icon_tpe/mastercard.svg) no-repeat left center / auto;
    background-size: 100% 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.icon_visa:after {
    content: "";
    background: url(../Images/icon_tpe/visa.svg) no-repeat left center / auto;
    background-size: 100% 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.icon_zitouna:after {
    content: "";
    background: url(../Images/icon_tpe/zitouna.svg) no-repeat left center / auto;
    background-size: 100% 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.icon_tunisia:after {
    content: "";
    background: url(../Images/icon_tpe/tunisia.svg) no-repeat left center / auto;
    background-size: 100% 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.main-panel table tbody td.tabCenter,
.main-panel table thead th.tabCenter {
    display: block;
    text-align: center;
}
/****   top Beneficiaires    ***/
table#topBeneficiaires tr, table#topBeneficiairesDetails tr {
    background-color: transparent !important;
    box-shadow: none;
}
table#topBeneficiaires tbody tr:hover {
    background-color: #76a82f !important;
    cursor: pointer
}
table#topBeneficiaires td, table#topBeneficiairesDetails td {
    align-self: center;
    padding: 20px 4px !important;
    width: calc(80% - 40px);
}
table#topBeneficiaires tr td:last-child,
table#topBeneficiairesDetails tr td:last-child,
table#tableHistoriqueVirement tr td:last-child {
    display: block;
    text-align: right;
    font-weight: 400;
}
table#tableHistoriqueVirement tr th:last-child {
    display: block;
    text-align: right;
}
table#topBeneficiaires td.shortName, th.shortName {
    background-color: #F1F4F0;
    border-radius: 50%;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-family: "montserratbold";
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 0px;
    color: rgba(65, 99, 59, 0.6);
    width: 45px;
    height: 40px;
}
/*table#topBeneficiaires td.benificiaireName, th.benificiaireName, table#topBeneficiairesDetails td.benificiaireName {
    font-family: "montserratmedium";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #373737;
    text-transform: capitalize;
    width: calc(80% - 40px);
    
}*/
table#topBeneficiaires td.benificiaireAmount, table#topBeneficiairesDetails td.benificiaireAmount {
    width: 70%;
}
table#topBeneficiaires, table#topBeneficiairesDetails {
    margin-bottom: 0;
}

table#topBeneficiaires thead th, table#topBeneficiairesDetails thead th {
    padding: 0;
}
div#editBeneficiaire .form-group p {
    font-family: "montserratregular";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #373737;
}

div#editBeneficiaire .form-group label {
    font-family: "Philosopher";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: rgba(55, 55, 55, 0.5);
    display: block;
    margin-bottom: 5px;
}
/***    style price     ***/
.UnitePrice {
    font-family: 'montserratregular';
    font-size: 50%;
    top: -1em;
    /*padding-left: 5px;*/
}
tspan.CurrencyAmount {
    font-family: 'montserratregular';
}
#myTabContent2 .UnitePrice {
    font-size: 70%;
}
tspan.decimalPrice {
    font-family: 'montserratregular';
    font-size: 80%;
    margin-top: 3px;
}
.negative {
    font-style: normal;
    font-weight: bold;
    font-size: 24.9796px;
    color: #ff0000;
}
strong#weekly_cap_remaining {
    font-family: "Montserratbold";
}
span#paimentDiffere ,
span#retraitDiffere {
    font-family: "Montserratbold";
}

span#paimentRestant ,
span#retraitRestant {
    font-family: "Montserratbold";
}

strong#Plafondpaiement {
    font-family: "Montserratbold";
}
.tabAmount {
    font-family: "Montserratbold";
}
.main-panel table tbody td.tabAmount {
    text-align: right;
    display: block;
}
.main-panel table thead th.thAmount {
    text-align: right;
    display: block;
}
.main-panel table tbody td.td-icone {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.requis{
    color: red;
}
::-ms-clear {
    display: none;
}
/** style status Carte  **/
.statut-red {
    color: #F82424;
    border-radius: 4px;
    background: rgba(225, 170, 170, 0.2);
    padding: 7px;
    text-align: center;
}
.statut-green {
    color: #76A82F;
    border-radius: 4px;
    background: rgba(118, 168, 47, 0.2);
    padding: 7px;
    text-align: center;
}
table#tabletransactionCB.table tbody td {
    padding: 13px 12px !important;
}
img#loadingCheck {
    width: 16px;
}
/**     style paggination **/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 8px 16px;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #76A82F;
    background-image: none;
    color: white !important;
    border-radius: 5px;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #ddd;
    background-image: none;
    color: white !important;
    border-radius: 5px;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background-color: #76A82F;
    border: none;
    background-image: none;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none;
    margin-left: 0;
}
div.dataTables_paginate a.paginate_button.previous:hover,
div.dataTables_paginate a.paginate_button.next:hover {
    background-color: #ddd;
    background-image: none;
    color: white !important;
    border-radius: 5px;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}
/**  dashbord    **/
tbody#DetailCheck tr:last-child {
    margin-bottom: 0;
}
tbody#DetailCheck tr {
    background-color: transparent !important;
    box-shadow: none;
}
#gridCheck.listCheck.panel-card{
    padding: 0;
}
#gridCheck td#date_amount {
    display: block;
    text-align: right;
}
#gridCheck td#icone {
    align-self: center;
}
.icon-feedback {
    background: url(../Images/icon_feedback.png) no-repeat left center / 100% auto;
    display: inline-block;
    width: 30px;
    height: 32px;
    margin-right: 7px;
    cursor: pointer;
}

#myModalComment input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid darkgray;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 5px 0px gray inset;
}

#myModalComment input[type='radio']:hover {
    box-shadow:0 0 5px 0px orange inset;
}

#myModalComment input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
#myModalComment input[type='radio']:checked:before {
    background:#76A82F;
}

button.btn .k-icon {
    margin-top: -5px;
}

#detail_Inter .RIBCredit {
    display: inline-block;
    max-width: 36%;
    float: left;
    margin-right: 10px;
}
#detail_Inter {
    padding: 0;
}
#detail_Inter .AgenceCredit {
display: inline-block;
border-left: 1px solid #ddd;
padding-left: 10px;
float: left;
max-width: calc(64% - 10px);
}
#AddVirement .form-group {
    clear: both;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #76A82F;
}

/****   EFFECT et RECU  **/

div#carouselAccountList {
    margin-bottom: 30px;
    padding: 0 25px;
}

div#carouselAccountList.account-list:not(.slick-dotted) {
    padding: 0;
}

.carousel-comptes {
    width: 90%;
}

.carousel-comptes .owl-carousel .owl-stage-outer {
    padding: 30px 28px;
    margin: 0 -30px;
}

#carouselAccountList .slick-slide.slick-current.slick-active .data-compte {
    box-shadow: 0px 11.24px 23.72px rgba(67, 81, 91, 0.3);
    opacity: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #76A82F;
}

#carouselAccountList .slick-slide .data-compte {
    position: relative;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
    opacity: 0.4;
    border: 0.847683px solid #DCDCDC;
}

.data-compte h2 {
    background: rgb(242, 245, 237);
    border-radius: 90px;
    padding: 4px 20px;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 23px;
    color: rgb(65, 99, 59);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#carouselAccountList.account-list .owl-item {
    cursor: pointer;
}

#carouselAccountList .owl-item {
    background-color: #fff;
}

/*  fix style   */
.keypad-row button:focus {
    color: #fff;
    background: #76A82F !important;
}

.keypad-key-down {
    color: #fff;
    background: #76A82F !important;
}

button.keypad-special.keypad-connect.keypad-key-down {
    background-color: #41633b !important;
}

button.keypad-special.keypad-clear:focus {
    background-color: #F6F5F8 !important;
    color: #373737;
}

button.keypad-special.keypad-clear.keypad-key-down {
    background-color: #F6F5F8 !important;
    color: #373737;
}

.special-form.keypad-popup .keypad-key {
    margin: 4px 5px !important;
}

.special-form.keypad-popup .keypad-row {
    padding: 0;
}

.special-form.keypad-popup .keypad-clear {
    margin-bottom: 5px !important;
}

.special-form.keypad-popup .keypad-row button {
    margin: 5px;
}

.icone_historique:after {
    content: "";
    background-image: url(../Images/icones/icone_historique.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    display: block;
}

/**beneficiaire**/

#DataTableRecipient_wrapper .dt-buttons {
    position: absolute;
    right: 155px;
}

#DataTableRecipient_wrapper .dt-buttons .dt-button span {
    font-family: 'montserratregular';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 23px;
    text-decoration: underline;
    color: rgba(55, 55, 55 , 0.7);
    display: inline-flex;
}

#DataTableRecipient_wrapper .dt-buttons .dt-button span:before{
    content:'';
    background-image:url("../Images/icones/icon_add_recipient.svg");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-flex;
    margin-right: 4px;
}

#DataTableRecipient_wrapper .dt-buttons .dt-button{
    border: none;
    background: none;
}

#DataTableRecipient_wrapper .dt-buttons .dt-button:active:not(.disabled){
    box-shadow: none;
}

#DataTableRecipient_wrapper .dt-buttons .dt-button:focus:not(.disabled){
    text-shadow: none;
}



/**numéros favoris**/

#DataTablePhoneFavoriteNumber_wrapper .dt-buttons {
    position: absolute;
    right: 155px;
}

    #DataTablePhoneFavoriteNumber_wrapper .dt-buttons .dt-button span {
        font-family: 'montserratregular';
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 23px;
        text-decoration: underline;
        color: rgba(55, 55, 55, 0.7);
        display: inline-flex;
    }

        #DataTablePhoneFavoriteNumber_wrapper .dt-buttons .dt-button span:before {
            content: '';
            background-image: url("../Images/icones/telephone-plus.svg");
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            display: inline-flex;
            margin-right: 4px;
        }

    #DataTablePhoneFavoriteNumber_wrapper .dt-buttons .dt-button {
        border: none;
        background: none;
    }

        #DataTablePhoneFavoriteNumber_wrapper .dt-buttons .dt-button:active:not(.disabled) {
            box-shadow: none;
        }

        #DataTablePhoneFavoriteNumber_wrapper .dt-buttons .dt-button:focus:not(.disabled) {
            text-shadow: none;
        }
/**    style change password    **/

#ZonechangePassword input[type="password"] {
    background-color: #fff;
    padding-left: 35px;
}

#ZonechangePassword i.icon-password {
    left: 12px;
    top: 41px;
    font-size: 20px;
    position: absolute;
}

/******     slick slider    ******/

button.slick-prev.slick-arrow {
    background: url(../images/left.png) no-repeat;
    width: 60px;
    height: 60px;
    float: left;
    z-index: 1;
}

button.slick-next.slick-arrow {
    background: url(../images/right.png) no-repeat;
    width: 60px;
    height: 60px;
    z-index: 1;
}

.slick-prev:before, .slick-next:before {
    content: '' !important;
}

.slick-dots li button {
    width: 10px !important;
    height: 10px !important;
    margin: 5px 7px;
    background: #D6D6D6 !important;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.slick-dots li button:before {
    content: '' !important;
}

.slick-dots li.slick-active button,
.slick-dots li.slick-active:hover button {
    background: #869791 !important;
}

.slick-slider .item{
    padding: 30px 20px;
}

#AccountList.slick-slider .item {
    padding: 10px 15px;
}

.slick-slide.slick-current.slick-active .item .graph-act {
    box-shadow: 0px 11.24px 15.72px rgba(67, 81, 91, 0.3);
    border-width: 1px;
    border-style: solid;
    border-color: #76A82F;
    border-radius: 10px;
    opacity: 1;
}

.slick-slide.slick-active .item .graph-act {
    opacity: 0.4;
}

.account-list .slick-slide {
    float: inherit;
    cursor: pointer;
}

.account-list .slick-slide.slick-current.slick-active {
    float: left;
}

.account-list .slick-slide.slick-current.slick-active + .slick-slide {
    float: left;
}

.account-list.slick-initialized .slick-slide {
    display: inline-block;
}

.account-list .slick-slide .carte-emet:hover {
    cursor: pointer;
}

div#cardcarousel {
    padding: 0 30px;
}

.slick-cards{
    width: 95%
}

.slick-track {
    margin: 0 !important;
}

#cardcarousel .slick-slide{
    opacity: 0.4;
    padding: 20px 15px;
    border-radius: 14px;
}

#cardcarousel .slick-slide.slick-active.slick-current {
    opacity: 1;
    filter: drop-shadow(0px 7px 8px rgba(0, 0, 0, 0.5));
}

#cardcarousel.slick-slider .item {
    padding: 0;
    border-radius: 14px;
}

.cards-list:not(.slick-dotted) .slick-slide {
    float: inherit;
    cursor: pointer;
}

.cards-list:not(.slick-dotted) .slick-slide.slick-current.slick-active {
    float: left;
}

.cards-list:not(.slick-dotted) .slick-slide.slick-current.slick-active + .slick-slide{
    float: left;
}

.cards-list:not(.slick-dotted).slick-initialized .slick-slide {
    display: inline-block;
}

#cardcarousel.cards-list .slick-track {
    transform: translate3d(0px, 0px, 0px) !important;
}

#AccountList .slick-track {
    transform: translate3d(0, 0, 0) !important;
}

#AccountList .slick-slide {
    float: inherit;
}

#AccountList .slick-slide.slick-current.slick-active{
    float: left;
}

#AccountList .slick-slide.slick-current.slick-active + .slick-slide{
    float: left;
}

#AccountList.slick-initialized .slick-slide {
    display: inline-block;
}

button.slick-arrow.slick-disabled {
    opacity: 0.4;
    cursor: inherit;
}

#AccountList .slick-slide.slick-current.slick-active {
    opacity: 1;
}

#AccountList .slick-slide {
    opacity: 0.4;
}

#AccountList {
    padding: 0 25px;
    margin-bottom: 30px;
}

#AccountList.account-list {
    padding: 0;
}

#carouselBankAccountList .carte-emet {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 0.847683px solid #DCDCDC;
}

#carouselBankAccountList .slick-slide.slick-current.slick-active .item .carte-emet {
    box-shadow: 0px 6.24px 15.72px rgba(67, 81, 91, 0.3);
    border-width: 1px;
    border-style: solid;
    border-color: #76A82F;
    border-radius: 10px;
    opacity: 1;
}

#carouselBankAccountList .slick-slide.slick-active .item .carte-emet {
    opacity: 0.4;
}

#owlCheckConsultation {
    padding: 0 25px;
}

#owlCheckConsultation.slick-slider .item {
    padding: 20px 15px;
}

#owlCheckConsultation .slick-slide.slick-current.slick-active .detailsCheck {
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-color: #76A82F;
    border-width: 1px;
    opacity: 1;
}

#owlCheckConsultation .slick-slide.slick-active .detailsCheck {
    opacity: 0.4;
}

#carouselCards {
    padding: 0 25px;
}

#carouselCards .slick-slide.slick-current.slick-active img{
    opacity: 1;
    box-shadow: 0px 3.95908px 15.8363px rgba(0, 0, 0, 0.2);
    border-radius: 11px;
}

#carouselCards .slick-slide img{
    opacity: 0.4;
}

#checkDiscountPage #carouselBankAccountList button.slick-prev {
    left: -18px;
}


#checkDiscountPage #carouselBankAccountList button.slick-next {
    right: -18px;
}

.account-list .slick-track {
    transform: translate3d(0px, 0px, 0px) !important;
}

#owl-cardsLifting {
    padding: 0 25px;
}

#owl-cardsLifting.cards-list:not(.slick-dotted){
    padding: 0;
}

#owl-cardsLifting .slick-slide{
    padding: 15px 10px;
}

#owl-cardsLifting .slick-slide .item-carte{
    opacity: 0.4;
}

#owl-cardsLifting .slick-slide.slick-current.slick-active .item-carte{
    opacity: 1;
    box-shadow: 0px 4px 16px rgba(67, 81, 91, 0.3);
}

#owl-cardsLifting.slick-slider .item {
    padding: 0;
    border-radius: 11px;
}


.tpe-list .slick-slide {
    float: inherit;
}

.tpe-list .slick-slide.slick-current.slick-active {
    float: left;
}

.tpe-list .slick-slide.slick-current.slick-active + .slick-slide{
    float: left;
}

.tpe-list.slick-initialized .slick-slide {
    display: inline-block;
}

.tpe-list .slick-track {
    transform: translate3d(0px, 0px, 0px) !important;
}

#Cardlist .slick-track {
    transform: translate3d(0, 0, 0) !important;
}

#Cardlist .slick-slide {
    float: inherit;
    transform: scale(0.8, 0.8);
    opacity: 0.4;
}

#Cardlist .slick-slide.slick-current.slick-active{
    transform: inherit;
    opacity: 1;
    float: left;
}

#Cardlist.slick-initialized .slick-slide {
    display: inline-block;
}

#Cardlist .slick-slide.slick-current.slick-active + .slick-slide{
    float: left;
}

#Cardlist.slick-slider .item {
    padding: 0;
    cursor:pointer;
}

#carouselCheckDiscounts {
    padding: 0 25px;
}

#carouselCheckDiscounts.account-list:not(.slick-dotted) {
    padding: 0;
}

.account-list .slick-slide label {
    cursor: pointer;
}

#carouselBankAccountList.account-list:not(.slick-dotted) {
    padding: 0;
}

#carouselBankAccountList.slick-slider .item {
    padding: 25px 15px;
}

#TpeCarousel.tpe-list:not(.slick-dotted) {
    padding: 0;
}

.carousel-comptes-inclure {
    padding: 0 30px;
}

.carousel-comptes-inclure.account-list:not(.slick-dotted) {
    padding: 0;
}

.carousel-comptes-inclure .slick-slide {
    padding: 20px 20px 20px 15px;
}

.slick-dots li{
    margin: 0 !important;
}

.slick-dots{
    bottom: -15px !important;
}

#permissions .col-md-4 {
    display: flex;
}



/*****/
@media (min-width: 1500px) {
    #editPackage .row {
        padding: 0 18%;
    }
    #owl-cardsLifting .item-carte .num-carte {
        font-size: 15px;
    }
}
@media (min-width: 1400px) {
    #owl-cardsLifting .item-carte .num-cp {
        /*font-size: 10px;*/
    }

    #owl-cardsLifting .item-carte .date-exp-carte {
        /*font-size: 13px;
        margin-left: 60%;*/
    }

    #owl-cardsLifting .item-carte .nom-carte {
        /*font-size: 14px;*/
    }
    #editPackage .row {
        padding: 0 14%;
    }
}
@media (max-width: 1200px) {
    .panel-right .item-carte .date-exp-carte {
        /*font-size: 60%;
        margin-left: 58%;
        margin-top: -4.5%;*/
    }

    .item-carte .nom-carte {
        /*font-size: 60%;*/
    }

    .item-carte .date-exp-carte {
        /*margin-left: 46%;
        margin-top: -8.5%;*/
    }
}
@media (max-width:1299px) {
    /*.panel-right .item-carte .date-exp-carte {
        margin-left: 67%;
        margin-top: -3%;
    }*/
}
@media (min-width: 463px){
    /** new style btn valider**/
    .btn-delete,
    .btn-reset,
    .btn-valider {
        width: 320px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .price-package {
        padding: 0 10px;
    }
    .type-package {
        padding: 0 10px;
    }
}

@media (max-width: 1500px) and (min-width: 1201px) {
    .item-carte .num-carte{
        font-size: 90%;
    }
    .item-carte .nom-carte {
        font-size: 60%;
    }
    #owl-cardsLifting .item-carte .nom-carte{
        font-size: 60%;
    }
    #owl-cardsLifting .info-carte{
        /*left: 15px;*/
        font-size: 83%;
    }
}


/**/




@media (max-width: 1199px) and (min-width: 700px) {
    /*#cardsRight #Cardlist .slick-slide {
        width: 11% !important;
    }*/
    .item-carte .num-carte {
        font-size: 14px !important;
    }
}

@media (max-width: 1636px) and (min-width: 1200px) {
    /*#cardsRight #Cardlist .slick-slide {
        width: 11% !important;
    }*/
    .item-carte .num-carte {
        font-size: 14px !important;
    }
}

@media (max-width: 2047px) and (min-width: 1637px) {
    /*#cardsRight #Cardlist .slick-slide {
        width: 11% !important;
    }*/
    .item-carte .num-carte{
        font-size:14px!important;
    }
}


@media (max-width: 2326px) and (min-width: 2048px) {
    /*#cardsRight #Cardlist .slick-slide {
        width: 10% !important;
    }*/
    .item-carte .num-carte {
        font-size: 15px !important;
    }
}

@media (max-width: 2559px) and (min-width: 2327px) {
    /*#cardsRight #Cardlist .slick-slide {
        width: 9% !important;
    }*/

    .item-carte .num-carte {
        font-size: 18px !important;
    }
}

@media (max-width: 2900px) and (min-width: 2560px) {
    /*#cardsRight #Cardlist .slick-slide {
        width: 8% !important;
    }*/

    .item-carte .num-carte {
        font-size: 18px !important;
    }
}





@media (max-width: 991px) and (min-width: 700px) {
    #cardcarousel .info-carte {
        left: 8%;
    }

    #cardcarousel .num-carte {
        font-size: 78%;
    }

    #cardcarousel .item-carte .date-exp-carte {
        font-size: 60%;
    }

    #cardcarousel .item-carte .exp-carte {
        font-size: 70%;
    }

    #cardcarousel .item-carte .nom-carte {
        font-size: 60%;
    }
}

@media (max-width: 1199px) and (min-width: 700px) {
    #Cardlist .info-carte {
        left: 9%;
    }

    #Cardlist .num-carte {
        font-size: 30px;
    }

    #Cardlist .item-carte .date-exp-carte {
        font-size: 14px;
    }

    #Cardlist .item-carte .exp-carte {
        font-size: 12px;
    }

    #Cardlist .item-carte .nom-carte {
        font-size: 20px;
    }
}
@media (max-width: 1300px) and (min-width: 650px) {
    #owl-cardsLifting .info-carte {
        /*left: 8%;*/
    }
    #owl-cardsLifting .num-carte {
        font-size: 27px;
    }

    #owl-cardsLifting .item-carte .date-exp-carte {
        font-size: 14px;
    }

    #owl-cardsLifting .item-carte .exp-carte {
        font-size: 12px;
    }

    #owl-cardsLifting .item-carte .nom-carte {
        font-size: 20px;
    }
}

@media (min-width: 1300px){
    #carouselCheckDiscounts .detailsCheck p,
    #carouselCheckDiscounts .detailsCheck label {
        display: block;
        padding-left: 0px;
    }
    #owlCheckConsultation .detailsCheck p,
    #owlCheckConsultation .detailsCheck label {
        display: block;
        padding-left: 0;
    }
}

@media (max-width: 1300px){

    #owl-cardsLifting.slick-slider .item {
        border-radius: 16px;
    }
}

@media (max-width: 1299px) and (min-width: 992px){
    .detailsCheck .col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 15px;
    }
    #carouselCheckDiscounts .detailsCheck .col-sm-6 div:last-child label {
        margin-bottom: 0.5rem;
    }

    #carouselCheckDiscounts .detailsCheck .col-sm-6 div:last-child p {
        margin-bottom: 1rem;
    }

    #owlCheckConsultation .detailsCheck .col-sm-6 div:last-child label {
        margin-bottom: 0.5rem;
    }

    #owlCheckConsultation .detailsCheck .col-sm-6 div:last-child p {
        margin-bottom: 1rem;
    }
}
@media (max-width: 1299px) and (min-width: 1100px) {
    #owlCheckConsultation .detailsCheck p.price-charte,
    #carouselCheckDiscounts .detailsCheck p.price-charte {
        font-size: 20px;
    }
}

@media (max-width: 1099px) and (min-width: 992px) {
    #carouselCheckDiscounts .detailsCheck p,
    #carouselCheckDiscounts .detailsCheck label {
        display: block;
        padding-left: 0px;
    }

    #owlCheckConsultation .detailsCheck p,
    #owlCheckConsultation .detailsCheck label {
        display: block;
        padding-left: 0;
    }
}
@media (max-width: 700px){
    #carouselCheckDiscounts .detailsCheck p,
    #carouselCheckDiscounts .detailsCheck label {
        display: block;
        padding-left: 0px;
    }

    #owlCheckConsultation .detailsCheck p,
    #owlCheckConsultation .detailsCheck label {
        display: block;
        padding-left: 0;
    }
}
@media (max-width: 1700px) and (min-width: 991px) {
    .owl-nav .item-carte .num-carte {
        font-size: 75%;
    }
}
@media (max-height: 620px){
    .sidebar .navbar-nav .nav-link span {
        display: none;
    }
}

@media (max-width: 991px) {
    div#zoneDetailCarte {
        border-left: none;
    }

    #owl-cardsLifting.slick-slider .item {
        border-radius: 23px;
    }
}

@media (max-width: 1024px) {
    #detail_Inter .RIBCredit {
        display: block;
        max-width: 100%;
        float: none;
        margin-right: 0;
    }
    #detail_Inter .AgenceCredit {
        display: block;
        border-left: none;
        padding-left: 0;
        float: none;
        max-width: 100%;
    }
}

@media (max-width : 1100px){
    #permissions .col-md-4 {
        flex: none;
        max-width: 100%;
    }
}