@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { font-family: 'Poppins', sans-serif; background: #fff; }
body.bg-light { background: #fff !important; }


.btn { padding: 12px 30px; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #FFFFFF; background: #212D3D; border-radius: 2px; border: none; }
.btn.btn-danger { background: #ED1C24; }
.btn:hover { background: #000; color: #fff; }

* { box-sizing:border-box; }

/* :hover,
:focus,
:focus-visible,
:focus-within { border: none; box-shadow: none; outline: none; } */

input:hover,
input:focus,
input:focus-visible,
input:focus-within { border: none; box-shadow: none; outline: none; }

button:hover,
button:focus,
button:focus-visible,
button:focus-within { border: none; box-shadow: none; outline: none; }

.form-control:hover,
.form-control:focus,
.form-control:focus-visible,
.form-control:focus-within { border: #212D3D 1px solid; box-shadow: none; outline: none; }


nav.navbar { background: #212D3D !important; padding: 17px 0; }

nav.navbar .navbar-brand { padding: 0; font-style: normal; font-weight: 600; font-size: 24px;  line-height: 36px; color: #FFFFFF; text-transform: uppercase; margin-right: 40px; }

nav.navbar .navbar-collapse .navbar-nav .nav-item:not(:last-child) { margin-right: 33px; }
nav.navbar .navbar-collapse .navbar-nav .nav-item .nav-link { padding: 0; font-style: normal;  font-weight: 400; font-size: 16px;  line-height: 24px;  color: #FFFFFF; opacity: 0.8; }
nav.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active { font-weight: 600; opacity: 1; } 

nav.navbar .profile-main-wrapper .profile-item { display: flex; align-items: center; }
nav.navbar .profile-main-wrapper .profile-item #navbarDropdown { width: 44px; height: 44px; border-radius: 50%;  }
nav.navbar .profile-main-wrapper .profile-item #navbarDropdown img { height: 100%; width: 100%; object-fit: cover; }
nav.navbar .profile-main-wrapper .profile-item #navbarDropdown::after { display: none; }

nav.navbar .profile-main-wrapper .profile-item .name { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #FFFFFF; margin: 0 0 0 15px; position: relative; }

nav.navbar .profile-main-wrapper .profile-item .down-arrow { margin-left: 10px; }

.breadcrumb { margin: 6px 0 0 0; } 
.breadcrumb .breadcrumb-item { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6A6F77; padding-left: 5px; }
.breadcrumb .breadcrumb-item a.linkdecoration { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #001424;  } 
.breadcrumb .breadcrumb-item + .breadcrumb-item::before  { padding-right:5px; }

.gift-card-main-wrapper { margin-top:10px; }

.gift-card-main-wrapper .gift-search-wrapper label { font-style: normal;  font-weight: 600; font-size: 16px; line-height: 24px; color: #001424; margin: 0 0 15px 0; }
.gift-card-main-wrapper .gift-search-wrapper #giftcard_code { background: #FFFFFF;  border: 1px solid #E4E7F0; border-radius: 2px; height: 48px; padding-left: 55px; font-style: normal;
    font-weight: 400; font-size: 16px; line-height: 24px; color: #001424; }
.gift-card-main-wrapper .gift-search-wrapper #giftcard_code::-webkit-input-placeholder { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6A6F77; }
.gift-card-main-wrapper .gift-search-wrapper #giftcard_code:-ms-input-placeholder { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6A6F77; }
.gift-card-main-wrapper .gift-search-wrapper #giftcard_code::placeholder { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #6A6F77; }

.gift-card-main-wrapper .gift-search-wrapper .search-icon { border: none; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin: 0;  position: absolute;
    left: 0; top: 0; background: none; z-index: 3; }

.gift-card-main-wrapper .gift-search-wrapper #filter { border: none; padding: 0 17px; border-radius: 0 3px 3px 0; font-weight: 600; }
.gift-card-main-wrapper .gift-search-wrapper #filter:hover { background: #212D3D; color: #fff; }

.gift-card-main-wrapper > .row { align-items: flex-end; }


.card-main-wrapper { margin-top: 30px; }  
.card-main-wrapper .table { border: 1px solid #E4E7F0; border-radius: 4px; }

.card-main-wrapper .table thead th { font-style: normal; font-weight: 600; font-size: 14px; line-height: 21px; color: #6A6F77; padding: 15px 20px;  vertical-align: middle; border-bottom: 1px solid #E4E7F0 !important; }
.card-main-wrapper .table thead th:not(:last-child) { border-right: 1px solid #E4E7F0; }
.card-main-wrapper .table thead th.actionbtndi.my_class { background: #F5F5FA; }
.card-main-wrapper .table thead th .decrease-gift-card-wrapper-title { padding: 0 20px; }


.card-main-wrapper .table .dataTables_empty { height: 200px; align-items: center; vertical-align: middle; text-align: center }

.card-main-wrapper .table tbody td { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #001424; padding: 15px 20px; } 
.card-main-wrapper .table tbody td:not(:last-child) { border-right: 1px solid #E4E7F0; }

.card-main-wrapper .table tbody tr:not(:last-child) td { border-bottom: 1px solid #E4E7F0;  }


.table>:not(caption)>*>* { border-bottom-width: 0; box-shadow: none; }

.adjustment_div { margin-top:25px; }
.adjustment_div h6 { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #001424; margin: 0 0 15px 0; }

.adjustment_div .dataTables_wrapper { border: 1px solid #E4E7F0; border-radius: 4px; }
.adjustment_div .dataTables_wrapper .table { margin: 0 !important; border: none; }

.adjustment_div .dataTables_wrapper .row:last-child { border-top: 1px solid #E4E7F0; padding: 12px 20px; }


.pagination { margin: 0; }
.pagination .page-item { margin: 0 5px; }
.pagination .page-item .page-link { background: #F5F5FA; border-radius: 2px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #001424; padding: 5px 2px; margin: 0;
    border: none; min-width: 27px; text-align: center; }
.pagination .page-item.active .page-link { background: #212D3D; font-weight: 600; color: #FFFFFF; }

.pagination .page-item.previous { margin-left:0; }
.pagination .page-item.next { margin-right: 0; }

.pagination .page-item.previous .page-link,
.pagination .page-item.next .page-link { padding-left: 14px; padding-right: 14px; }

.pagination .page-item.disabled .page-link { color: #6A6F77; }

.decrease-gift-card-wrapper-title { background: #F5F5FA;  max-width: 266px; position: relative; }
.decrease-gift-card-wrapper-title .sec-title { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #001424; margin: 0; }

.decrease-gift-card-wrapper { background: #F5F5FA;  padding: 0 20px 20px;  max-width: 266px;}
/* .decrease-gift-card-wrapper { background: #F5F5FA; padding: 20px; max-width: 266px; } */
.decrease-gift-card-wrapper .sec-title { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #001424; margin: 0 0 15px 0; }

.decrease-gift-card-wrapper .form-wrapper .form-item { position: relative; }
.decrease-gift-card-wrapper .form-wrapper .form-item:not(:last-child) { margin: 0 0 10px 0; }

.decrease-gift-card-wrapper .form-wrapper .form-item input { background: #FFFFFF; border: 1px solid #E4E7F0; border-radius: 2px; height: 45px; font-style: normal; font-weight: 400; max-width: 100%;
    font-size: 14px; line-height: 21px; color: #6A6F77; padding: 0 15px; }
.decrease-gift-card-wrapper .form-wrapper .form-item .input-icon { position: absolute; font-style: normal; font-weight: 400;  font-size: 14px; line-height: 21px; color: #6A6F77; right: 15px; top: 12px; }

.decrease-gift-card-wrapper .form-wrapper .form-item .btn { width: 100%; font-style: normal; font-weight: 600; font-size: 14px; line-height: 21px; }


/* Search Gift card */
.search_with_search_btn {display: grid;grid-template-columns: 1fr 128px;max-width: 774px;margin: 0 auto;align-items: center;margin-top: 50px;grid-gap: 16px;}
.gift-card-search-bar-wrapper { width: 100%; max-width: 630px; padding: 8px 0 8px 20px; display: flex; background: #FFFFFF;
    border: 1px solid #E4E7F0; border-radius: 2px; }
.gift-card-search-bar-wrapper .search-input { width: 100%; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #001424; border: none; padding: 0 20px;  }
.gift-card-search-bar-wrapper .search-input::-webkit-input-placeholder { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #001424; }  
.gift-card-search-bar-wrapper .search-input:-ms-input-placeholder { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #001424; }
.gift-card-search-bar-wrapper .search-input::placeholder { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #001424;}
.search_with_search_btn .search_btn button {background: #ED1C24;border-radius: 2px;border: 0;font-family: 'Poppins';font-weight: 600;font-size: 16px;line-height: 24px;color: #FFFFFF;
    width: 100%;padding: 13px 10px;cursor: pointer;}
.search_with_search_btn .search_btn button:hover {background: #212D3D;}
.gift-card-search-bar-wrapper .search-icon { display: flex; align-items: center; }

.gift-card-search-bar-wrapper .card-select-number { position: relative; }
.gift-card-search-bar-wrapper .card-select-number .selected-number { font-style: normal;  font-weight: 600; font-size: 16px; line-height: 24px; color: #001424; border-left: 1px solid #E4E7F0;
    padding: 0 38px 0 20px; min-height: 32px; width: 210px; display: flex; align-items: center; cursor: pointer; }
.gift-card-search-bar-wrapper .card-select-number .selected-number .down-icon { position: absolute; right: 20px; display: flex; height: 10px; width: 10px; align-items: center;
    justify-content: center; transform: rotate(180deg); }
.gift-card-search-bar-wrapper .card-select-number .selected-number.open .down-icon { transform: rotate(0deg); }

.gift-card-search-bar-wrapper .card-select-number .numbers-list { margin: 0; padding:5px 0; position: absolute; background: #FFFFFF; border: 1px solid #E4E7F0; width: 100%;
    box-shadow: 0px 5px 25px rgba(0, 20, 36, 0.05); border-radius: 2px; left: -1px; top: calc(100% + 8px); display: none; }
.gift-card-search-bar-wrapper .card-select-number .numbers-list.open { display: block; }
.gift-card-search-bar-wrapper .card-select-number .numbers-list li { list-style: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px;    
color: #001424; padding: 15px 19px; cursor: pointer; }
.gift-card-search-bar-wrapper .card-select-number .numbers-list li:hover { background: #212D3D; color: #F5F5FA; }


.card-balance-list { display:flex; flex-flow:column; width:100%; max-width:774px; margin:40px auto 0 auto; padding:0;  }
.card-balance-list li { background: #F5F5FA; border-radius: 2px; padding:20px 25px 20px 35px; display:flex; align-items:center; justify-content: space-between; }
.card-balance-list li ~ li { margin-top:20px; }

.card-balance-list li .conts { display:flex; flex-flow:column; }
.card-balance-list li .conts .card-name { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6A6F77; }
.card-balance-list li .conts .card-num { font-style: normal; font-weight: 600; font-size: 18px; line-height: 27px; color: #001424; margin-top:1px; }

.card-balance-list li .balance { display:flex; align-items:center; background: #FFFFFF; border-radius: 2px; padding:14px 20px; justify-content: space-between; width:300px; }
.card-balance-list li .balance label { margin:0; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #001424; }
.card-balance-list li .balance .balance-name { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6A6F77; }
.card-balance-list li .balance .card-balance { font-style: normal; font-weight: 600; font-size: 18px; line-height: 27px; color: #001424;  }


.active-gift-cards-list-wrapper {  max-width:774px; margin:40px auto 0 auto; }
.active-gift-cards-list-wrapper .active-cards-title { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #001424; margin:0; }

.active-gift-cards-list {  display:flex; flex-flow:column; width:100%; max-width:100%; margin:20px auto 0 auto; padding:0; }
.active-gift-cards-list li { background: #F5F5FA; border-radius: 2px; padding:20px 25px 20px 35px; display:flex; align-items:center; justify-content: space-between;     grid-gap: 20px;}
.active-gift-cards-list li ~ li { margin-top:20px; }
.active-gift-cards-list li .conts { display:flex; flex-flow:column; }
.active-gift-cards-list li .conts .card-name { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6A6F77; }
.active-gift-cards-list li .conts .card-num { font-style: normal; font-weight: 600; font-size: 18px; line-height: 27px; color: #001424; margin-top:1px; }

.active-gift-cards-list li .balance .balance-name { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #6A6F77; }
.active-gift-cards-list li .balance .card-balance { font-style: normal; font-weight: 600; font-size: 18px; line-height: 27px; color: #001424; margin-top:1px; }

.active-gift-cards-list li .btn-wrapper { display:flex; margin:0; }
.active-gift-cards-list li .btn-wrapper .send-card-eemail { font-style: normal; font-weight: 600; font-size: 14px; line-height: 21px; color: #FFFFFF; background: #212D3D; cursor: pointer;
    border-radius: 2px; padding:12px 35px; border:none; }
.active-gift-cards-list li .btn-wrapper .send-card-eemail:hover { background:#000; }



/* & Search Gift card */


@media (max-width: 767px) {

    .gift-card-main-wrapper .gift-search-wrapper #giftcard_code { margin-bottom: 10px; }
    .gift-card-main-wrapper .btn { width: 100%; text-align: center; }

    .card-main-wrapper .table thead th {  font-size: 13px;  line-height: 1.2; padding: 12px 9px; }
    .card-main-wrapper .table tbody td { font-size: 12px;  line-height: 1.2; padding: 12px 9px; }


    .card-balance-list li {  display: flex;  align-items: flex-start; justify-content: space-between; flex-flow: column; padding: 18px 22px; }
    .card-balance-list li .balance { margin-top:10px; width:100%; }

    /* .active-gift-cards-list li { display: flex;  align-items: flex-start; justify-content: space-between; flex-flow: column; padding: 18px 22px; } */
    /* .active-gift-cards-list li .btn-wrapper { margin-top:10px; } */


}
@media (max-width: 480px) {
    .search_with_search_btn {grid-template-columns: 1fr 95px;grid-gap: 10px;}
    .gift-card-search-bar-wrapper .search-input {font-size: 14px;padding: 0 10px;}
    .gift-card-search-bar-wrapper .search-input::placeholder {font-size: 14px;}
    .gift-card-search-bar-wrapper .card-select-number .selected-number {font-size: 13px;padding: 0 28px 0 10px;width: 170px;}
    .gift-card-search-bar-wrapper .card-select-number .numbers-list li {font-size: 14px;padding: 10px;}
    .search_with_search_btn .search_btn button {font-size: 14px;}
    .gift-card-search-bar-wrapper {padding: 8px 0 8px 10px;}
    .active-gift-cards-list li {padding: 20px 25px 20px 20px;}
    .active-gift-cards-list li .btn-wrapper .send-card-eemail {padding: 12px 10px;line-height: 1;width: 100%;}
    .active-gift-cards-list li {flex-wrap: wrap;grid-column-gap: 15px;grid-row-gap: 0;}
    .active-gift-cards-list li .conts .card-num,.active-gift-cards-list li .balance .card-balance,.card-balance-list li .balance .card-balance,.card-balance-list li .balance label,.card-balance-list li .conts .card-num {font-size: 15px;}
    .active-gift-cards-list li .btn-wrapper {width: 100%;}
    .active-gift-cards-list li .btn-wrapper {margin-top: 10px;}
}
@media (max-width: 375px) {
    .gift-card-search-bar-wrapper .card-select-number .selected-number {font-size: 12px;width: 110px;line-height: 1;}
    .gift-card-search-bar-wrapper .card-select-number .numbers-list li {font-size: 12px;line-height: 1;}
    .search_with_search_btn {grid-template-columns: 1fr 85px;}
}

/* end */