body{font-family: 'Nunito', sans-serif;font-weight: 400;max-width: 100%;
  overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif;}
h1,h2{font-weight: 600;}
h3{font-weight: 400;}
.hide{display:none}
.bg-white{background:#FFFFFF;}
.h-100-vh{height: 100vh;}
.brand-bg-primary{background: #F1F0F1;color: #FFFFFF;}
.btn{box-shadow:none;border-radius: 3px;text-transform: capitalize;font-family: 'Nunito', sans-serif;font-style: normal;font-weight: 400;font-size: 16px;line-height: 20px;}
.text-brand-sec{color:black;}
/* Background of content after dashboard */
.bg-sec{background: #F1F0F1;}
.main-content h6{color:#000}
input.form-control,.input-group .input-group-text,textarea.form-control,select,.select{border-color:#F2F2F2;border-radius: 3px !important;}
.btn-outline{background: #DA1F14;border: 1px solid #DA1F14; border-radius: 5px;color: #FFFFFF;}
.btn-transparent{background: transparent;border: medium none;border-radius: 0;}
.btn-light,.btn-tb-outline{border-radius:0 !important;margin-bottom:0;background: #FDF3EF;border: 1px solid #FDDED6 !important;font-size: 16px;line-height: 20px;color: #000;padding:10px 17px}

.btn-light:focus:not(:focus-visible),.btn-light:focus,.btn-light:hover{background: #FFFFFF !important;border: 1px solid #B36B29 !important;border-radius: 0 !important;}
.bd-right-0{border-right: medium none !important;}
.btn-tb-outline:focus:not(:focus-visible),.btn-tb-outline:hover,.btn-tb-outline:focus,.btn-tb-outline:active{background: #FE4E23;color:#fff;}
.form-check:not(.form-switch) .form-check-input[type="radio"] {border-color: #FF4F23;}
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: #FDF3EF !important;}
.navbar-expand-xs .sidenav-header{background: #F1F0F1}
/*reset*/
.hide{display:none}
.nav-item h6{font-family: 'Poppins', sans-serif;font-style: normal;font-weight: 500;font-size: 20px;line-height: 20px;color: #000000;text-transform: uppercase;margin:2.813rem 1rem}
.text-maroon{font-family:'Nunito', sans-serif;font-style: normal;font-weight: 900; font-size: 15px;line-height: 120%;color: #000;}
/*Login*/
.container-fluidx{width:100%;position: relative;}
.image-login{width:100%;height: 100vh;background-color:#741f30;position: relative;}

.hold-wrap{position: relative;
    /* overflow: hidden; */}
.skewed-bg {position: absolute;top: 0;left: -16%;background-color: #fff;height: 100vh;width: 100%;transform: skew(5deg);transform-origin: top left;perspective: 1000px;
  }
.card-non-skew {position: relative;z-index: 1;padding: 20px;}
.welcoming{width: 70%;padding: 155px 69px 20px;}
.slogan{color:#fff}
.slogan h3{font-size: 32px;line-height: 23px; color:#fff;margin-bottom:26px}
.snippet{width: 483px;float: right;position: absolute;bottom:0;right:5.9%}
.snippet img{width:100%}
.login{max-width: 60%;}
.login h4{font-weight: 500;font-size: 32px;line-height: 23px;color: #741F30;margin-bottom: 18px;}
.login p{font-family: 'Nunito', sans-serif;font-style: normal;font-weight: 300;font-size: 16px;line-height: 23px;color: #741F30;}
.login label{font-weight: 500;font-size: 16px;line-height: 23px;color: #741F30;font-family: 'Poppins', sans-serif;}
.login .form-control{background: #FFFFFF;border: 2px solid #B36B29;border-radius: 4px !important;}
.login .btn{background: #741F30;font-family: 'Poppins',sans-serif;font-style: normal;font-weight: 500;font-size: 16px;line-height: 20px;color: #FFFFFF;border-radius: 4px;}
label.rem-btn{font-family: 'Nunito',sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 23px;color: #741F30;}

/*Dashboard*/
.navbar-main{background: #FFFFFF;border-radius: 12px;margin:23px 0 36px }
.dashboard .icon.icon-shape {width: 45px;height: 45px;background-position: center;border-radius: 0.75rem; background-color: #debfbf;}
.dashboard .icon.icon-shape i {color: #ff4f23; top: 11px;position: relative;font-size: 20px !important;}
.dashboard .card.custom-shadow{box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.07);border-radius: 12px;}

/*POINTS*/
.points-container{}
.points-container .card-header, .points-container .tb-title{display: flex;justify-content: space-between;}

.txt-red{color: #F70707 !important;}
.txt-green{color: #16A34A !important;}
h6.table-title{font-weight: 400 !important;font-size: 20px;line-height: 23px;color: #000000;padding-top:1rem}
.th-color.table {border-collapse: collapse;}
.th-color.table > :not(:first-child) {border-top:medium none}
.th-color > tbody tr:nth-child(even) {
  background-color: Lightgreen;
}

.th-color > thead{background: #B36B29;}
.th-color > thead tr {background: #D9D8D8;border: 1px solid #D9D8D8;}
.th-color > thead th{font-weight: 500;font-size: 14px;line-height: 120%;letter-spacing: 0.005em;color: #000000;}
.th-color .name{font-weight: 600;font-size: 14px;line-height: 120%;letter-spacing: 0.005em; color: #000000;}
.th-color .phone,.th-color .email{font-weight: 400;font-size: 14px;line-height: 120%;letter-spacing: 0.05em;color: #000000;}

.th-color span{font-weight: 400;font-size: 14px;line-height: 120%;letter-spacing: 0.005em;color: #000000;}
.th-color span.txt-red{color: #F70707;}
.th-color span.txt-green{color: #16A34A;}

.dropbtn {background-color: transparent;color: #741F30;font-size: 14px;border: none;cursor: pointer;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;right: 0;background-color: #f9f9f9;min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;
}

.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;font-family: 'Nunito',sans-serif;font-style: normal;
  font-weight: 400;font-size: 14px;line-height: 20px;color: #000000;}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: transparent;}
.modal-header{background-color: #fff; padding: 23px;}
.modal-header h5{font-style: normal;font-weight: 600;font-size: 16px;line-height: 20px;color: #ff4f23;}
.modal-body{padding: 35px;}
.modal-body label{font-family: 'Nunito', sans-serif;font-style: normal;font-weight: 400;font-size: 16px;line-height: 20px;color: #000000;}

/*Promotions*/
.section-header,.box-title{display: flex;justify-content: space-between; align-items: center; padding-top: 0px;}
.section-header h2{font-style: normal;font-weight: 500;font-size: 20px;line-height: 30px;color: #FE4E23;}
.box{background: #FFFFFF;box-shadow:0px 10px 10px rgba(0, 0, 0, 0.07);border-radius: 4px;display: flex;
  flex-direction: column;margin: 0 0 5rem;padding: 25px 20px 25px 35px;}

.box-title h3{padding:0;font-weight: 600;font-size: 16px;line-height: 120%;color: #000;}
.box-title i{color:#FE4E23;font-size: 40px;}
.box p{font-size: 16px;line-height: 120%;color: #828282; flex: 1 1 auto;}
.box .points{font-family: 'Poppins', sans-serif;font-style: normal;font-weight: 400;font-size: 17px;line-height: 26px;color: #FE4E23; font-weight: 800;}

.add-box{border: 7px solid rgba(116, 31, 48, 0.4);border-radius: 12px; background: transparent;}
.add-box i{color: #741F30;font-size: 20px;}

.mid-header{font-weight: 600;font-size: 16px;line-height: 20px;color: #741F30;}
.col{display: flex;flex-direction: column;  margin-right: 20px;max-width: 33.33333333%;}
.row .box:last-child{margin-right:0}
.col p{flex: 1 1 auto;}
.promocons{}
.promocons .icon-svg{float:left}
.promocons .dropdown{margin-left: 1rem;margin-top: -11px;float: right;}
.promocons i{color: #741F30;font-size: 18px;}

.promocons .dropdown-content .btn-transparent{width:100%;padding:.8rem}
.promocons .dropdown-content .btn-transparent:hover,.promocons .dropdown-content .btn-transparent:focus,.promocons .dropdown-content .btn-transparent:active{background:#F5F0E9;}
/*Transactions*/
.th-border tbody td{background: #FFFFFF;border-width: 0px 0px 0px 0px; border-style: solid;border-color: rgba(179, 107, 41, 0.21);}
.th-border tbody td.no-right-bd,.no-right-bd{border-right-width:0 !important}
.text-norm{font-family: 'Nunito' ,sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 19px;color: #000000;margin-bottom:0}
.text-bold{font-size:700;font-family: 'Nunito' ,sans-serif;color:#000;margin-bottom:0}
.th-border-white th{border-right:1px solid #fff}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active {
  background-color: #FF4F23 !important;
}

.table_section{
  overflow-x: auto;
}

.btn-sm {
  padding: .25rem .5rem !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
  border-radius: .2rem !important;
}