@font-face {
    font-family: 'Avenir-Heavy';
    src: url({% static 'Font/Avenir-Heavy.ttf' %}) format('truetype');
}
@font-face {
    font-family: 'Avenir-regular';
    src: url({% static 'Font/Avenir-Regular.ttf' %}) format('truetype');
}
@font-face {
    font-family: 'Avenir-roman';
    src: url({% static 'Font/avenir-roman.ttf' %}) format('truetype');
}

body{
     font-family: 'Montserrat', sans-serif;
     background: #eae8dc;
}
.main-container {
    overflow: hidden;
}

.table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
    right: 1em;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: ""
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    content: ""
}
.widget-chart-one .apexcharts-xaxis-title {
    font-weight: normal;
    fill: #383838;
}
.widget-chart-three .apexcharts-yaxis-title {
    font-weight: normal;
    fill: #888e88;
}
header.navbar {
    padding: 0 0 0 200px;
    background: #ccdb3c;;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media img {
    border: none;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section {
    padding: 5px 10px;
    background-image: linear-gradient(to right, #c7d401b3 0%, #c7d40152 100%);
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body h5 {
    color: #E6007E;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .user-profile-section .media .media-body p {
    color: #E6007E;
}
.sidebar-wrapper #compactSidebar .menu-categories a.menu-toggle[data-active="true"] {
    position: relative;
    background-color: #e359a524;
}
.sidebar-wrapper #compactSidebar .menu-categories a.menu-toggle[data-active="true"]:before {
    background: #E6007E;
}
.sidebar-wrapper #compactSidebar .theme-brand .theme-logo, .sidebar-wrapper #compactSidebar .theme-brand img {
    width: 100px;
    height: 110px;
    border-radius: 6px;
}
.sidebar-wrapper #compactSidebar .menu-categories li.menu:hover a.menu-toggle .base-menu span {
    color: #E6007E;
}
.sidebar-wrapper #compactSidebar .menu-categories li.menu:hover a.menu-toggle .base-icons svg {
    color: #e6007e;
    fill: #c14b8c47;
}
.sidebar-wrapper #compactSidebar .menu-categories a.menu-toggle .base-icons svg {
    width: 22px;
    height: 30px;
    color: #e6007e;
}
.sidebar-wrapper #compactSidebar .menu-categories a.menu-toggle[data-active="true"] .base-icons svg{
    color: #e6007e;
}
.sidebar-wrapper #compact_submenuSidebar.show {
    left: 190px;
}
.sidebar-wrapper #compactSidebar .menu-categories li.menu.show a.menu-toggle .base-menu span {
    color: #3b3f5c;
}
.sidebar-wrapper #compactSidebar .menu-categories li.menu.show a.menu-toggle .base-icons svg{
    color: #e6007e;
}
.sidebar-wrapper #compact_submenuSidebar .submenu ul.submenu-list li span svg {
    color: #e6007e;
}
.sidebar-wrapper #compact_submenuSidebar .submenu ul.submenu-list li a {
    padding: 10px 9px;
    font-size: 13px;
}
.sidebar-wrapper #compact_submenuSidebar .submenu ul.submenu-list li a:hover {
    color: #e6007e;
    transition: .5s;
    background-color: #ffffff0d;
}
.sidebar-wrapper #compact_submenuSidebar .submenu ul.submenu-list li a.active {
    color: #e6007e;
    transition: .5s;
    background-color: #ffffff0d;
}
.dt--top-section {
    margin: 2px 21px 2px 21px;
}
.word-break-class{
    position: relative;
    word-break: break-all;
}
.widget-one .w-numeric-value {
    position: relative;
}
.list-view-btn{
    padding: 3px 12px !important;
    font-size: 12px;
    color: #fff !important;
    background-color: #E6007E;
    border-color: #E6007E;
    box-shadow: 0 10px 20px -10px #E6007E;
}
.list-view-btn:hover, .list-view-btn:focus{
    color: #fff !important;
    background-color: #E6007E;
    box-shadow: none;
    border-color: #E6007E;
}
.list-view-btn:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #E6007E;
    border-color: #E6007E;
}
.Add-list-btn{
    padding: 7px 12px !important;
    font-size: 12px;
    color: #fff !important;
    background-color: #E6007E !important;
    border-color: #E6007E;
    box-shadow: 0 10px 20px -10px #E6007E;
}
.Add-list-btn:hover, .Add-list-btn:hover{
    color: #fff !important;
    background-color: #E6007E !important;
    border-color: #E6007E;
    box-shadow: 0 10px 20px -10px #E6007E;
}
.Add-list-btn:not(:disabled):not(.disabled):active{
    background-color: #E6007E !important;
    border-color: #E6007E;
    box-shadow: none;
}
.text-capital{
    text-transform: capitalize;
}

.table > thead > tr > th {
   background: #C7D401;
   color: #E6007E;
   font-size: 12px;
   letter-spacing: 2px;
   font-weight: 600;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
   border: 1px solid #8080802b;
}

.page-link {
   color: #000000;
   margin-top: 2px;
   padding: 6px 10px;
}
.page-item:last-child .page-link {
   border: none;
}
.page-link:focus {
   box-shadow: 0 0 0 0.2rem #b93b8042;
}
.page-item.disabled .page-link {
    color: #000000;
    border: #fff;
}
.page-item.disabled .page-link svg {
    color: #000000;
}
.page-item.active .page-link {
    margin-top: 2px;
    padding: 6px 10px;
    background-color: #E6007E;
    border-color: #E6007E;
}
.dt-buttons .dt-button.list-excel-btn{
    background-color: #E6007E !important;
    border-color: #E6007E;
    padding: 5px 14px !important;
    font-size: 12px;
    front-weight: bold;
}
div.dataTables_wrapper div.dataTables_info {
    color: #E6007E;
}
.user-profile-details ul li{
    line-height: 2;
}
.user-profile-detail-row .user-info img{
    width: 200px;
}

::selection {
    color: #fff;
    background-color: #E6007E;
}
.widget-table-one .transactions-list .t-item .t-name h4 {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg {
    color: #e6007e;
}

.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover svg, .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a:hover span{
    color: #e6007e;
    fill: #c14b8c47;
}
.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu .Export-report-btn .show {
    top: 30px !important;
    left: 0px !important;
}

/* leaflet map css */
.leaflet-control-attribution.leaflet-control {
    display: none;
}
.leaflet-touch .leaflet-bar a {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 17px;
}

/* general */
.btn-primary {
    color: #fff !important;
    background-color: #e6007e !important;
    border-color: #E6007E;
    box-shadow: 0 10px 20px -10px #e6007e;
}
.btn-primary:hover, .btn-primary:focus {
    border-color: #E6007E;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
     border-color: #E6007E;
}
.widget-chart-one .apexcharts-yaxis-title {
    font-weight: 400;
    fill: #383838;
}



/* login form */
.form-form .form-form-wrap form .field-wrapper input{
    font-size: 14px;
    border-bottom: 1px solid #d970af;
    padding: 0px 0 0px 36px;
}
.form-form .form-form-wrap form .field-wrapper input:focus {
    border-bottom: 1px solid #e6007e;
    box-shadow: none;
}
.form-form .form-form-wrap form .field-wrapper svg {
    top: 19px;
    left: 3px;
    color: #e6007e;
    fill: #cb85ab63;
}
.form-form .form-form-wrap form .field-wrapper input:-internal-autofill-selected {
   background-color: #cb85ab63 !important;
}
.show-password-toggle-switch .slider:before {
   background-color: #E6007E !important;
}
.switch.s-primary input:checked + .slider {
    background-color: #E6007E;
}
.switch input:checked + .slider:before {
    background-color: #fff !important;
}
.login-submit-btn{
    background-color: #E6007E !important;
    border-color: #E6007E;
    box-shadow: 0 10px 20px -10px #E6007E;
}
.login-submit-btn:hover, .login-submit-btn:not(:disabled):not(.disabled):active{
    background-color: #E6007E !important;
    border-color: #E6007E;
}
.form-form .terms-conditions a {
    color: #E6007E;
}
.form-form .form-form-wrap form .field-wrapper a.forgot-pass-link {
   color: #E6007E;
}

/* Country details with data usage chart css */
#country_details_with_dataUsage .country-details-div{
   text-align: center;
   margin-top: 20px;
}
#country_details_with_dataUsage .country-details-div > ul{
   display: inline-block;
   text-align: left;
   list-style: none;
}
#country_details_with_dataUsage .country-details-div > ul > li > span{
    width: 25px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

/* dashboard css */
.accordionItemHeading{
    display: flex;
    justify-content: space-between;
    background: #bdaea059;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.accordionItem{
    opacity: 1 !important;
}
.closeAccord .accordionItemContent{
    display: none !important;
}
.accordionItem .openAccord{
    display:block;
}
.doter-widgets .widget-rounded-circle{
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
}
#user_percentage_chart .apexcharts-tooltip {
  color: #000000;
}



/* media query */
@media (min-width: 772px){
.listing-data-widget {
    max-width: 80%;
    margin: auto;
}.seller-plan-listing{
    max-width: 90%;
    margin: auto;
}.credits-listing-data-widget{
    max-width: 70%;
    margin: auto;
}.user-profile-view-widget {
    max-width: 70%;
    margin: auto;
    margin-top: 10%;
}.data-detail-view-widget{
    max-width: 70%;
    margin: auto;
    margin-top: 10%;
}.data-detail-view-widget-credits{
    max-width: 60%;
    margin: auto;
    margin-top: 10%;
}
}
@media (max-width: 772px){
.user-profile-view-widget {
    max-width: 80%;
    margin: auto;
    margin-top: 10%;
}.data-detail-view-widget{
    max-width: 80%;
    margin: auto;
    margin-top: 10%;
}.data-detail-view-widget-credits{
    max-width: 70%;
    margin: auto;
    margin-top: 10%;
}
}

@media (max-width: 492px){
.data-detail-view-widget{
    max-width: 90%;
    margin: auto;
    margin-top: 10%;
}.data-detail-view-widget-credits{
    max-width: 80%;
    margin: auto;
    margin-top: 10%;
}
}