@font-face {
    font-family: 'helvetica_neueregular';
    src: url('../fonts/helveticaneue-regular-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueMedium';
  src: url('../fonts/HelveticaNeueMedium.eot');
  src: url('../fonts/HelveticaNeueMedium.eot') format('embedded-opentype'),
       url('../fonts/HelveticaNeueMedium.woff2') format('woff2'),
       url('../fonts/HelveticaNeueMedium.woff') format('woff'),
       url('../fonts/HelveticaNeueMedium.ttf') format('truetype'),
       url('../fonts/HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
}


@font-face {
    font-family: 'avenir_next_lt_proregular';
    src: url('../fonts/avenirnextltpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/avenirnextltpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenir_next_lt_promedium';
    src: url('../fonts/avenirnextltpro-medium-webfont.woff2') format('woff2'),
         url('../fonts/avenirnextltpro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AvenirNextLTProBold';
    src: url('../fonts/AvenirNextLTProBold.eot');
    src: url('../fonts/AvenirNextLTProBold.eot') format('embedded-opentype'),
         url('../fonts/AvenirNextLTProBold.woff2') format('woff2'),
         url('../fonts/AvenirNextLTProBold.woff') format('woff'),
         url('../fonts/AvenirNextLTProBold.ttf') format('truetype'),
         url('../fonts/AvenirNextLTProBold.svg#AvenirNextLTProBold') format('svg');
}

html {height: 100%; position: relative;}
body { background: #F1F3F4; min-height: 100%;}

.login-box {background-color: #fff; padding: 80px 190px; height: 450px; width: 100%; max-width: 700px;}
.login-box .logo { text-align: center; margin-bottom: 40px;}
label.form-label { color: #000; font-size: 16px; font-weight: 500; font-family: 'helvetica_neueregular'; margin-bottom: 0px;}
.form-control.date-filter{background:#fff;}

/* Left sidebar logo section start */
.sidebar-left { background-color: #212A39; position: fixed; top: 0px; bottom: 0px; left: 0px; width: 250px;}
.sidebar-left .logo_block { width: 100%; height: 131px;}
.sidebar-left .logo_block .logo-header { background-color: #08a4f8; height: 102px; display: flex; align-items: end; justify-content: center; padding-bottom: 3px;}
/* Left sidebar logo section end */


.sidebar-left ul.customnav{
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.sidebar-left ul.customnav li { list-style: none;}
.sidebar-left ul.customnav li a { padding: 7px 15px; transition: 0.5s; display:flex; align-items: center; text-decoration: none; font-family: 'avenir_next_lt_proregular'; color: #fff; font-size: 16px;}
.sidebar-left ul.customnav li a i svg {display: block;}
.sidebar-left ul.customnav li a span { margin-left: 12px;}
.sidebar-left ul.customnav li.active, .sidebar-left ul.customnav li:hover { background-color: #000; border-right: #08A4F8 solid 5px;}
.sidebar-left { background-image: url(../images/left-shade-img.png); background-size: 220px; background-position: bottom right; background-repeat: no-repeat; }

/* Right section start */

.main{ margin-left:250px ;}
header { border: 1px solid #DADADA; background: #FFF; height: 79px; padding: 0px 60px;}
.top-header-right-section{ border-left: #D8D8D8 solid 1px; padding-left: 60px;}
.top-header-right-section .dropdown > a {text-decoration: none; display: flex; align-items: center;  font-family: 'avenir_next_lt_promedium';  text-decoration: none; color: #000; font-weight: 600;}


.body-block { padding: 25px 60px 60px 60px;}
.body-block h2 {  font-family: 'avenir_next_lt_promedium'; font-size: 24px; margin: 0px;  font-weight: 600;}
.custom-card { border: 0px; overflow: hidden; border-radius: 8px;}
.custom-card .smalltext {color: #646464; font-weight: 600; font-size: 14px; font-family: 'avenir_next_lt_promedium'; }
.custom-card .large-text {color: #000; letter-spacing: -1.4px; font-weight: 700; font-size: 28px;  font-family: 'AvenirNextLTProBold'; line-height: normal; }
.card-bottom-text { font-family: 'AvenirNextLTProBold'; line-height: normal;  font-size: 14px; color: #707070;}
.card-bottom-text span { color: #45DC45;}
.card-bottom-text-red span { color: #F00;}
.custom-card .card-header { background-color: #fff; border: none;}
.custom-card h3 { font-weight: 700; font-size: 18px;  font-family: 'AvenirNextLTProBold';  margin: 0px;}
.echartimg {height: 238px; object-fit: contain;}
.custom-progresbar {font-weight: 600; font-size: 14px; font-family: 'avenir_next_lt_promedium'; }
.custom-progresbar .progress-bar { background-color: #08A4F8; border-radius: 50px;}
.custom-progresbar .progress { border-radius: 50px; background-color: #f1f1f1; height: 12px;}
.custom-table tr th { color: #292929; font-weight: 600; font-size: 14px; font-family: 'avenir_next_lt_promedium';}
.custom-table tr td { color: #292929; font-weight: 400; font-size: 14px;  font-family: 'avenir_next_lt_proregular'; }

.custom-table tr th:first-child , .custom-table tr td:first-child { padding-left: 0px;}
.custom-table > :not(:last-child) > :last-child > * {border-bottom-color:#A7A7A7}
.custom-breadcrumb { margin-bottom: 0px;}
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {

    content: url(../images/arrow-next.png); margin-top: 1px;
  }
  .custom-breadcrumb li a , .custom-breadcrumb li { color: #636363;  font-size: 12px;  font-family: 'avenir_next_lt_proregular';}
.white-section { background-color: #fff; padding: 40px 50px; border-radius: 3px;}
.custom-search-bar { position: relative; max-width: 397px; width: 100%; float: right;}
.custom-search-bar a { position: absolute;left: 9px; top: 5px;}
.custom-search-bar input.form-control { padding-left: 30px;}
.orrange-link {color: #F88D0F; text-decoration: none;}
ul.custom-pagination li:first-child a, ul.custom-pagination li:last-child a {
    border-radius: 4px 0px 0px 4px;
background: rgba(209, 209, 209, 0.50); font-family: 'avenir_next_lt_proregular'; font-size: 11px; text-align: center; color: #999; font-weight: 500;
}
ul.custom-pagination  li a.page-link {color: #969696; font-family: 'avenir_next_lt_proregular'; font-size: 12px; font-weight: 500; border: #E0E0E0 solod 1px;}
ul.custom-pagination  li.active a.page-link {background-color: #58A1E7; color: #fff; border:#58A1E7 solid 1px}

.date-range .date-filter{
  width: 130px;
  display: inline-block;
}
.select-program{
  max-width: 300px;
  float: right;
  padding-top: 8px;
  padding-bottom: 8px;
}
.blue-back{background:#9bc6dd;border-radius:3px;}
#all_t_total{color:#249bdb;}


.showingtext {font-family: 'avenir_next_lt_proregular';  font-size: 14px; color: #000; font-weight: 300;}
.custom-modal .modal-content { border-radius: 0px; border: none; padding: 20px 29px;}
.custom-modal .modal-content .modal-header { border-bottom: none; padding-bottom: 0px;}
.custom-modal .modal-content .modal-footer  { border-top: 0px; padding-top: 0px;}
.custom-modal .modal-content .modal-header h5.modal-title {font-weight: 600; font-size: 24px; font-family: 'avenir_next_lt_promedium';}
.custom-modal .modal-content .modal-header .btn-close { position: absolute; right: 15px; top: 15px;}
input[type="date"]::before {
  content: attr(placeholder);
  position: absolute;
  color: #999999;
}
table.custom-table-2 td a { color: #08A4F8; text-decoration: none; font-family: 'avenir_next_lt_promedium'; font-size: 12px; }

input[type="date"] {
  color: #ffffff;
}

input[type="date"]:focus,
input[type="date"]:valid {
  color: #666666;
}

input[type="date"]:focus::before,
input[type="date"]:valid::before {
  content: "";
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(../images/dateicon.png) no-repeat center center; background-size: 100%;
  width: 14px;
  height: 14px;
}
input[type="date"]::-moz-calendar-picker-indicator {
background: url(../images/dateicon.png) no-repeat center center; background-size: 100%;
width: 14px;
height: 14px;
}
.orrangetext {color: #F88D0F; font-weight: 600; font-size: 12px; font-family: 'avenir_next_lt_promedium'; text-decoration: none;}
.orrangetext:hover {color: #F88D0F; font-weight: 600; font-size: 12px; font-family: 'avenir_next_lt_promedium'; text-decoration: none;}
.btn-outline-primary:hover svg path { fill: #fff; }

.graytextbold {color: #646464; font-size: 14px; font-weight: 600; font-family: 'avenir_next_lt_promedium';}
.blacktextbold {color: #000; font-size: 14px; font-weight: 700; font-family: 'AvenirNextLTProBold';}
.white-form input { background-color: #fff;}
.labelform {color: #727272; font-size: 12px; font-family: 'avenir_next_lt_promedium';}
.m-w-100 { max-width: 100%;}
.newtextform h3 {color: #000; font-size: 24px; margin-bottom: 0px; font-weight: 700; line-height: normal; font-family: 'AvenirNextLTProBold';}
.newtextform small {font-family: 'avenir_next_lt_proregular'; font-size: 12px; color: #000;}
.card-green-box {width: 113px; padding: 5px; text-align: center; justify-content: center; height: 60px; background: url(../images/img-green.png) no-repeat; display: flex; align-items: center;}
.card-green-box h3 {font-family: 'Montserrat', sans-serif; font-size: 16px; float: left; width: 100%; font-weight: 700; margin-bottom: 0px;}
.card-green-box small {font-family: 'Montserrat', sans-serif; float: left; width: 100%; font-size: 8px; font-weight: 500;}
.card-green-box.card-green-box-new {width: 126px; background: url(../images/img-green-1.png) no-repeat; }



.card-blue-box {min-width: 98px; padding: 5px; text-align: center; justify-content: center; height: 60px; background: url(../images/blue-img.png) no-repeat;  background-size: 100%;  display: flex; align-items: center;}
.card-blue-box h3 {font-family: 'Montserrat', sans-serif; font-size: 16px; float: left; width: 100%; font-weight: 700; margin-bottom: 0px;}
.card-blue-box small {font-family: 'Montserrat', sans-serif; float: left; width: 100%; font-size: 8px; font-weight: 500;}
.card-blue-box.card-blue-box-new {min-width: 96px; background: url(../images/blue-img-1.png) no-repeat;}
.card-blue-box.card-blue-box-last { background: url(../images/blue-img-2.png) no-repeat; background-size: 100%; }

.scrollbar { max-height: 450px; overflow: auto;}
ul.list-filter { margin: 0px; padding: 0px; }
ul.list-filter li { list-style: none; padding: 10px 10px; border-bottom: #E3E3E3 solid 1px;}
ul.list-filter li a {color: #292929; font-family: 'avenir_next_lt_proregular'; font-size: 14px; text-decoration: none;}
ul.list-filter li.active { background: #ceedfe;}
.custom-modal .modal-content.customp-5 { padding: 80px;}
.scrollbar
{


	overflow-y: scroll;

}
/*
 *  STYLE 1
 */

 .style-1::-webkit-scrollbar-track
 {
   -webkit-box-shadow: inset 0 0 6px rgba(147, 147, 147, 0.111);
   border-radius: 10px;
   background-color: #F5F5F5;
 }

 .style-1::-webkit-scrollbar
 {
   width: 7px;
   background-color: #F5F5F5;
 }

 .style-1::-webkit-scrollbar-thumb
 {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #D9D9D9;
 }
 .user-section h3 {margin: 0px; font-weight: 600; font-size: 20px; font-family: 'avenir_next_lt_promedium';}
 .user-section .referralurl {font-weight: 500; font-family: 'Montserrat', sans-serif; font-size: 11px; }
 .user-section .referralurl a {color: #08A4F8; font-weight: 500;     word-break: break-all; text-decoration: none; font-family: 'Montserrat', sans-serif; }

.lightbluebg { background: url(../images/lightblue.png) no-repeat; width: 98px; height: 46px; display: flex; background-size: 100%; align-items: center; justify-content: center;}
.lightbluebg h3 {font-weight: 700; font-family: 'Montserrat', sans-serif; float: left;text-align: center; width: 100%; font-size: 16px; margin-bottom: 0px;}
.lightbluebg small { font-family: 'Montserrat', sans-serif; font-size: 8px; float: left;text-align: center;  width: 100%;font-weight: 500; margin-bottom: 0px;}


.lightblue-1 { background: url(../images/lightblue-1.png) no-repeat; }
.lightbluebg.lightblue-2 { background: url(../images/lightblue-2.png) no-repeat; background-size: 100% 100%; height: 46px;}



.lightgreenbg { background: url(../images/lightbggreen.png) no-repeat; width: 113px; height: 46px; display: flex; background-size: 100%; align-items: center; justify-content: center;}
.lightgreenbg h3 {font-weight: 700; font-family: 'Montserrat', sans-serif; float: left;text-align: center; width: 100%; font-size: 16px; margin-bottom: 0px;}
.lightgreenbg small { font-family: 'Montserrat', sans-serif; font-size: 8px; float: left;text-align: center;  width: 100%;font-weight: 500; margin-bottom: 0px;}


.lightgreen-1 { background: url(../images/lightbggree2.png) no-repeat; background-size: 100%; }
.lightgreenbg.lightgreen-2 { background: url(../images/lightgreen-2.png) no-repeat; background-size: 100% 100%; height: 46px;}

.payouts a {display: flex; align-items: center; justify-content: end;}
.payouts a{ color: #292929; font-size: 12px; font-weight: 500; font-family: 'avenir_next_lt_promedium'; text-decoration: none;}
.custom-nav-tabs.nav-tabs .nav-link.active, .custom-nav-tabs .nav-tabs .nav-item.show .nav-link {border: none;}
.custom-nav-tabs.nav-tabs .nav-link { border: none;}
.custom-nav-tabs.nav-tabs.nav-tabs .nav-link { margin-bottom: 0px; padding-bottom: 14px; padding-top: 0px; padding-left: 0px; padding-right: 0px; margin-left: 5px; margin-right: 15px; color: #292929;  font-weight: 500; font-family: 'avenir_next_lt_promedium'; font-size: 12px;}
.custom-nav-tabs.nav-tabs.nav-tabs .nav-link svg { display: block;}
.custom-nav-tabs.nav-tabs.nav-tabs .nav-link { margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; margin-left: 5px; margin-right: 15px; color: #292929;  font-weight: 500; font-family: 'avenir_next_lt_promedium'; font-size: 12px;}
.custom-nav-tabs.nav-tabs.nav-tabs .nav-link.active {position: relative;}
.custom-nav-tabs.nav-tabs.nav-tabs .nav-link.active::after { position: absolute; bottom: 0px; content: ""; left: 0px; right: 0px; height: 2px; background-color: #08A4F8;}

table.custom-table-2 th { background-color: #F6F6F6; text-transform: uppercase; font-size: 10px; padding-left: 10px; padding-right: 10px;}
table.custom-table-2 tr th:first-child, table.custom-table-2 tr td:first-child { padding-left: 10px;}
table.custom-table-2 > :not(:last-child) > :last-child > * { border-bottom-color: transparent;}
table.custom-table-2 td {color: #666; font-size: 12px;}
.form-check-label {color: #727272; font-weight: 500; font-family: 'Montserrat', sans-serif; font-size: 12px;}
.custom-table tr td.black-color { color: #000;}
.line-height-normal { line-height: normal;}
.date-input {    min-width: 155px;}
table.custom-table-2 td.error { color: #F00;}
.form-check.form-checkbox {min-height: auto; padding-left: 0px;}
.form-check.form-checkbox .form-check-input { margin-left: 0px; width: 12px; height: 12px;}
.font-weight-500 { font-weight: 500 !important; font-family: 'avenir_next_lt_promedium' !important; }
.green-color {color: #45DC45 !important;}
.orrange-color {color: #F88D0F !important;}
.red-color {color: #F00 !important;}
.red-color {color: #F00 !important;}
.scroll { max-height: 450px; overflow: auto;}
.white-form select {background-color: #fff; border: #DFDFDF solid 1px; font-size: 12px;  font-family: 'Montserrat', sans-serif; }
.failded-payment-text {font-size: 13px; padding-bottom: 10px; padding-left: 45px; font-weight: 500; font-family: 'avenir_next_lt_proregular';}
.failded-payment-text a { color: #fff; font-size: 13px !important; margin: 0px; padding: 0px !important;}
.setting-section h4{color: #000; font-size: 16px; margin: 0px; font-family: 'avenir_next_lt_proregular'; font-weight: 700;}
.spacing-25px{ height: 25px;}
.cust-form label {color: #000;  font-family: 'avenir_next_lt_promedium' !important; font-size: 14px; font-weight: 600;}
.cust-form select { font-weight: 500;  font-family: 'avenir_next_lt_promedium' !important;}
.text2 {font-size: 14px; font-weight: 500; font-family: 'avenir_next_lt_promedium' !important;}
.textp {font-size: 14px; font-weight: 400; font-family: 'avenir_next_lt_proregular';}
.bluebox { background-color: #ECF4FB; padding: 10px;}
.bluebox h4 {font-weight: 700; font-size: 14px; margin-bottom: 0px;  font-family: 'avenir_next_lt_promedium' !important; }
.bluebox p {font-weight: 500; font-size: 12px; margin-bottom: 0px;  font-family: 'avenir_next_lt_proregular'; margin-bottom: 0px;}
.custom-nav-tabs-1.nav-tabs { margin-left: -15px; margin-right: -15px;}
.custom-nav-tabs-1.nav-tabs .nav-link {border-bottom: none; margin-bottom: 0px;color: #626262; text-align: center;font-family: 'avenir_next_lt_promedium' !important; font-size: 14px; font-weight: 600; border: none; padding-left: 0px; margin-left: 15px; margin-right: 15px; padding-right: 0px;}
.custom-nav-tabs-1.nav-tabs .nav-link.active{ color: #000; border-bottom: #08A4F8 solid 1px;}
.custom-nav-tabs-1.nav-tabs { border-bottom: none;}
.link{
  color: #08A4F8;
  font-family: 'avenir_next_lt_proregular';
font-size: 12px; text-decoration: none;
font-style: normal;
font-weight: 400;
}
.text-9 {color: #000;
  font-family: 'avenir_next_lt_proregular';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;}
.whitecheckbox .form-check-input:checked[type=checkbox] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2308A4F8' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.whitecheckbox .form-check-label {  color: #000; font-family: 'avenir_next_lt_proregular'; font-size: 12px; font-weight: 400;}
.heading-bg h3 {color: #000;
  font-weight: 500;
  font-family: 'HelveticaNeueMedium';
  font-size: 24px;
  font-style: normal;
}
.heading-bg .line-bg { border-bottom: #08A4F8 solid 2px; width: 120px;}
.h-auto{ height: auto !important;}
.m-auto-custom {    width: 205px;
  margin: auto;}
  .m-auto-custom .form-check-input {    margin-top: 0.35em;}
.ptext-9 {color: #000;

  font-family: 'avenir_next_lt_proregular';
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  font-weight: 400;}
.copycode { color: #08A4F8; padding: 5px 7px; border: 1px dashed #08A4F8; background: #F6F6F6; font-family: 'helvetica_neueregular'; text-align: center; font-size: 16px;}
.copylink {font-size: 10px; color: #000; text-decoration: none; font-family: 'helvetica_neueregular'; text-align: center;}
.line-height-normal { line-height: normal;}
.text-10 {color: #000; font-family: 'helvetica_neueregular'; font-size: 16px;}
.text-10 a {color: #08A4F8;}
.card-number-content label.form-label {  font-family: 'helvetica_neueregular'; font-weight: 500; font-size: 16px; }
.findisourceform label.form-label {font-family: 'avenir_next_lt_promedium'; font-size: 14px; font-weight: 600; color: #000000; margin-bottom: 3px;}
.blue-card  {background-color: #ECF4FB; padding: 15px;}
.blue-card h4 { color: #000000; font-weight: 700; font-size: 14px;  font-family: 'AvenirNextLTProBold';}
.blue-card p {font-family: 'avenir_next_lt_promedium'; line-height: 14px; font-weight: 500; color: #000; font-size: 12px; margin-bottom: 0px; }
.customnav .accordion-item {    background-color: transparent;
  border: none; border-radius: 0px !important;
}


.mydomain-accordion > .accordion-item { border: none; background-color: transparent;}
.mydomain-accordion > .accordion-item:first-of-type .accordion-button { border-radius: 0px;}
.mydomain-accordion > .accordion-item .accordion-button:not(.collapsed) { background-color: transparent; color: #fff;}
.mydomain-accordion > .accordion-item .accordion-button { background-color: transparent; box-shadow: none; color: #fff;}
.mydomain-accordion > .accordion-item .accordion-button::after {  background-image: url(../images/arrow-down.png); content: ""; width: 7px; height: 4px; background-size: 100%; }

.mydomain-accordion > .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url(../images/arrow-down.png);  width: 7px; height: 4px; background-size: 100%; transform: rotate(0deg);
}
.mydomain-accordion > .accordion-item  .accordion-button.cust-navigation-link {padding: 18px;  font-family: 'AvenirNextLTProBold';
  color: #fff; text-transform: uppercase; font-weight: 700; }

.parent-accordion > .accordion-item { border: none; background-color: transparent;}
.parent-accordion > .accordion-item:first-of-type .accordion-button { border-radius: 0px;}
.parent-accordion > .accordion-item .accordion-button:not(.collapsed) { background-color: #08A4F8; color: #fff;}
.parent-accordion > .accordion-item .accordion-button:hover { background-color: #08A4F8; color: #fff;}
.parent-accordion > .accordion-item .accordion-button { padding-top: 10px; padding-bottom: 10px;}
.parent-accordion > .accordion-item .accordion-button:not(.collapsed)::after {display: none;}
.parent-accordion > .accordion-item .accordion-button { background-color: transparent; box-shadow: none; color: #fff;}
.parent-accordion > .accordion-item .accordion-button::after { display: none;}
.parent-accordion > .accordion-item:last-of-type .accordion-collapse { background-color: #000; border-radius: 0px;}
.parent-accordion > .accordion-item .accordion-collapse { background-color: #000;}


ul.customnav li { padding-left: 25px;}
.cust-navigation-link {    padding: 18px;  font-family: 'AvenirNextLTProBold';
  color: #fff; text-transform: uppercase; font-weight: 700;}

  ol.custom-breadcrumb  .breadcrumb-item + .breadcrumb-item {color: #000; text-transform: uppercase; font-family: 'avenir_next_lt_promedium'; font-weight: 400; font-size: 14px; }

ol.custom-breadcrumb li.breadcrumb-item a {font-family: 'avenir_next_lt_promedium'; text-transform: uppercase; font-weight: 400; font-size: 14px; color: #08A4F8; text-decoration: none;}

@media screen and (max-width: 992px) {
  .custom-search-bar-2 {max-width: 100%;}
  .custom-modal .modal-content.customp-5 {
    padding: 50px;
}
}
@media screen and (max-width: 767px) {
    .login-box {max-width: 450px; height: auto; padding: 80px 50px;}
    .sidebar-left { margin-left: -260px; transition: all 0.5s; z-index: 5;}
    .main { margin-left: 0px;}
    .sidebar-left.active { margin-left: 0px;}
    .top-header-right-section { padding-left: 0px; border-left: 0px;}
    header {padding: 0px 15px;}
    .body-block {padding: 25px 15px 15px 15px;}
    .hamburger {
        margin: 0;
        margin-left: 15px;
        padding: 0;
        float: left;
        transition: opacity .3s;
      }

      .hamburger:hover {
        cursor: pointer;
        opacity: .5;
      }

      .hamburger .line{
        width: 35px;
        height: 4px;
        background: rgb(236, 66, 66);
        margin: 6px auto;
        transition: all 0.3s ease-in-out;
        border-radius: 5px;
      }

      .hamburger .line:nth-child(1) {
        background-color: #08a4f8;
      }

      .hamburger .line:nth-child(2) {
        background-color: #08a4f8;
      }

      .hamburger .line:nth-child(3) {
        background-color: #08a4f8;
      }

      .hamburger.isactive .line:nth-child(2) {
        opacity: 0;
      }

      .hamburger.isactive .line:nth-child(1) {
        transform: translateY(10px) rotate(45deg);
      }

      .hamburger.isactive .line:nth-child(3) {
        transform: translateY(-10px) rotate(-45deg);
      }
      .white-section { padding: 30px 15px;}
  }

  @media screen and (max-width: 479px) {
    .login-box {max-width: 100%; padding: 80px 25px;}
    .custom-modal .modal-content { padding: 20px 15px;}
    .custom-modal .modal-content.customp-5 {padding: 25px;}
    .date-range{font-size:11px;}
    .date-range .date-filter{width:120px;font-size:11px;}
    .select-program{max-width:100%;}
  }

  .newtextform h3 {
    color: #000;
    font-size: 36px;
}
    .text-light-blue{
        color: #249BDB !important;
    }
    .blue-box {
        background: #9BC6DD;
        padding: 20px;
    }
    .light-blue-box{
      background: #f3faff;
      padding: 20px;
    }
    .light-blue-box a{color:#08a4f8;}

    .card-green-box {
        background: #c3f4c4;
        border-radius: 10px;
        background-image: unset;
    }

    .card-green-box.card-green-box-new {
        background: #c3f4c4;
    }

    .card-blue-box {
        background: #ceedfe;
        border-radius: 10px;
    }

    ul.list-filter li {
        list-style: none;
        padding: 0;
        background: white;
        margin-bottom: 10px;
        border-radius: 3px;
        box-shadow: 0px 4px 4px 0px #00000026;
        opacity: .65;

    }

    ul.list-filter li a {
        color: #292929;
        font-family: 'avenir_next_lt_proregular';
        text-decoration: none;
        font-size: 13px;
        font-weight: 900;
        line-height: 17.76px;
        text-align: left;
        display: flex;
        align-items: center;
        padding: 10px;
    }

    
    ul.list-filter li.active {
        opacity: 1;
        border-radius: 3px;
    }
    ul.list-filter li.active a {
        background: white;
        border-radius: 3px;

    }

    ul.list-filter li a span {
        margin-left: auto;
        color: #08A4F8;
        font-size: 12px;
        font-weight: 800;
        line-height: 16.39px;
        text-align: left;
        margin-right:10px;

    }
    ul.list-filter li a .arrow-next{
        margin: 0 5px;
        height: 9px;
    }

    .affilate-title{
        /* font-family: Avenir Next; */
font-size: 28px;
font-weight: 700;
line-height: 38.25px;
text-align: left;

    }
    .lightgreenbg , .lightgreen-2{
        background: #e9fbe9 !important;
        border-radius: 10px;
    }
    .lightbluebg{
        background: #ceedfe;
    border-radius: 10px;
    }

.loader-overlay,
.loader-overlay:after {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.loader-overlay {
  margin: calc(30% - 50px) auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(31,58,98, 0.2);
  border-right: 1.1em solid rgba(31,58,98, 0.2);
  border-bottom: 1.1em solid rgba(31,58,98, 0.2);
  border-left: 1.1em solid #08a4f8;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader-overlay-wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ffffffb5;
  z-index: 99999;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}