/* common setting start */

:root {
    --primary_color: #397EFF;
    --secondary_color: #141a22;
    --darkgreytitle_color: #606e87;
    --darkgrey_color: #808ea7;
    --grey_color: #aaaabf;
    --lightgrey_color: #c0c7d2;
    --lightgrey_1_color: #F7F8FB;
    --red_color: #d91e1e;
    --success_color: #36C265;
    --disable_color: #cfcfcf;
    /* --scan: #397EFF;
    --purchase: #36C265;
    --redflag: #D91D1D;
    --warranty: #77C5F5;
    --loyalty: #ff607e;
    --duplicate: #FFA641;
    --counterfeit: #EF495E; */
    --scan: #808EA7;
    --purchase: #36C265;
    --redflag: #FF6160;
    --warranty: #60B1FF;
    --loyalty: #8160FF;
    --duplicate: #FF6160;
    --counterfeit: #FF6160;
}

body {
    background-color: #F8F8FC;
    font-family: 'Open Sans', sans-serif;
    color: var(--secondary_color);
}

.pace .pace-progress {
    background-color: var(--warranty) !important;
}

.powered-by {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-dark {
    background-color: var(--primary_color);
}

.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(0, 0, 0, 0.5);
}

.navbar-brand {
    padding-top: 0.7rem;
    padding-bottom: unset;
}

.navbar-brand img {
    height: 33px;
}

.navbar-brand img.marketing_logo {
    height: 31px;
}

.user_profile_logo {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    top: 0px;
    position: relative;
    border: 1px solid #EAECF1;
    /* box-shadow: 1px 4px 3px rgba(1, 1, 1, 0.3); */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.navbar-dark .show>.navbar-nav-link {
    background-color: #fff;
    /* background-color: transparent */
}

.nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link .nt-icon, .nav-sidebar>.nav-item-open>.nav-link:not(.disabled) .nt-icon {
    color: var(--primary_color);
}

.nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link {
    color: var(--primary_color);
    background-color: #f7f8fb;
}

.nav-header-text {
    color: var(--lightgrey_color);
    font-weight: 600;
}

.page-title {
    padding: 0.9rem 0;
}

.text-muted {
    color: var(--darkgrey_color) !important
}

.primary_color {
    color: var(--primary_color);
}

.secondary_color {
    color: var(--secondary_color) !important;
}

.darkgrey_color {
    color: var(--darkgrey_color) !important;
}

.lightgrey_color {
    color: var(--lightgrey_color);
}

.lightgrey_1_color {
    color: var(--lightgrey_1_color);
}

.red_color {
    color: var(--red_color);
}

.success_color {
    color: var(--success_color);
}

.bg-scan {
    background-color: var(--scan);
}

.bg-purchase {
    background-color: var(--purchase);
}

.bg-redflag {
    background-color: var(--redflag);
}

.bg-warranty {
    background-color: var(--warranty);
}

.bg-loyalty {
    background-color: var(--loyalty);
}

.bg-duplicate {
    background-color: var(--duplicate);
}

.bg-darkgrey {
    background-color: var(--darkgrey_color);
}

.bg-lightgrey {
    background-color: var(--lightgrey_1_color);
}

.bg-lightgrey_old {
    background-color: #F1F4F9;
}

.bg-counterfeit {
    background-color: var(--counterfeit);
}

.bg-primary, .btn-primary {
    background-color: var(--primary_color) !important;
}

.border-default {
    border: 1px solid #EAECF1;
}

.border-lightgrey_old {
    border: 1px solid var(--lightgrey_color);
}

.color-scan {
    color: var(--scan);
}

.color-purchase {
    color: var(--purchase);
}

.color-redflag {
    color: var(--redflag);
}

.color-warranty {
    color: var(--warranty);
}

.color-loyalty {
    color: var(--loyalty);
}

.color-duplicate {
    color: var(--duplicate);
}

.color-counterfeit {
    color: var(--counterfeit);
}

.font10 {
    font-size: 10px;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font22 {
    font-size: 22px;
}

.font24 {
    font-size: 24px;
}

.font26 {
    font-size: 26px;
}

.font30 {
    font-size: 30px;
}

.font-weight-semibold {
    font-weight: 600
}

.clr {
    clear: both;
}

.form-group-productList {
    width: 250px;
}
@media screen and (max-width: 1400px) {
    .form-group-productList {
        width: 180px; /*if there are 4 drowpdown in header then it creates issues on smaller screens*/
    }
}

/*Global Element csss*/

/* body input, body select{height: 42px;} */

/* .select2-selection--single:not([class*=bg-]):not([class*=border-]) {border: 1px solid #EAECF1; min-height: 42px;} */

.select2-selection__choice {
    background-color: var(--darkgrey_color) !important;
}

::-webkit-scrollbar-thumb{background-color:#888}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background-color:#ddd}

.token-input {
    width: 100% !important;
}

label.error {
    color: var(--red_color)
}

.nav-tabs-bottom .nav-link.active:before {
    background-color: var(--primary_color)
}

.form-control {
    transition: all .15s ease-in-out;
}

.form-control:focus {
    border-color: var(--primary_color) !important;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}

/* :not(.note-editor .card-body .btn),.card-body .btn, .card-header .btn{padding: 5px 10px;} Commented by Sandeep Safari issue*/

.card-footer {
    border: none;
    background: transparent;
}

/* common setting end */

/* client login page */

.welcome {
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: white;
}

.welcome:after, .welcome:before {
    content: '';
    position: absolute;
    width: 50vw;
    height: 80vh;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    z-index: 1;
}

.welcome:before {
    left: -15vw;
    top: -30%;
    background: #fff;
    background: linear-gradient(to right, #e2e7ef 0, #fff 100%);
}

.welcome:after {
    right: -5vw;
    top: -15%;
    background: #fff;
    background: linear-gradient(to right, #fff 0, #e2e7ef 100%);
}

/* admin setting  */

.seeting_icon_color_1 {
    background: #9adbe5;
}

.seeting_icon_color_2 {
    background: #73b0ec;
}

.seeting_icon_color_3 {
    background: #737cec;
}

.seeting_icon_color_4 {
    background: #FBA6A6;
}

.seeting_icon_color_5 {
    background: #73b0ec;
}

.supply_chain_config_list ul {
    margin: 0;
    padding: 0;
}

.supply_chain_config_list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
}

.supply_chain_config_list ul li .s_chain_list_icon {
    width: 80px;
    display: table-cell;
}

.s_chain_list_icon .icon-minus-circle2 {
    color: var(--red_color);
}

.settings-list {
    margin: 0;
    padding: 0;
}

.settings-list-item {
    list-style: none;
    display: inline-block;
    margin: 0 20px 15px 0;
    width: 170px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    padding: 15px 5px;
}

.settings-list-item p {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    border-radius: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.settings-list-item span {
    display: block;
    margin: 10px 0 0 0;
}

.settings-list-item a {
    color: var(--secondary_color);
}

.settings-list-item.reassign-tags-items {
    width: 120px;
}

.settings-list-item.reassign-tags-items p {
    color: #000;
}

.settings-list-item .tag_detail_icon_color {
    width: 90px;
    height: 90px;
    display: block;
    margin: auto;
    border-radius: 60px;
    line-height: 90px;
    text-align: center;
    color: #fff;
}

.border-radius-12 {
    border-radius: 12px;
}

/* Dashboard */

.stats_list {
    margin: 0;
    padding: 0;
}

.stats_list li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: left;
    width: 30%;
    border-right: solid 1px var(--lightgrey_1_color);
}

.stats_list li:last-child {
    margin: 0 0 0 0;
    border-right: solid 0px var(--lightgrey_1_color);
}

.stats_list li img {
    width: 36px;
    float: left;
    margin: 0 10px 0 0;
}

.stats_list li .stats_list_content {
    float: left;
}

.stats_list li strong {
    display: block;
}

.total_production {
    min-height: 250px;
}

.total_production i {
    font-size: 85px;
}

.stats_active {
    color: #00b8d8;
}

.stats_track {
    color: #017eff;
}

.stats_complete {
    color: #36C265;
}

.stats_battery_low {
    color: #ffa67e;
}

.stats_not_reachable {
    color: #f34a4a;
}

.stats_sensor_active {
    color: #80e682;
}

.sidebar-background {
    background-color: #fff;
    color: #141A22;
    background-clip: content-box;
}

.sidebar-background a {
    color: var(--secondary_color);
}

.sidebar-background .active {
    color: var(--primary_color);
    background-color: #f7f8fb;
}

.sidebar-background a:hover {
    color: var(--primary_color);
    background-color: #f7f8fb;
}

.sidebar-background .nav-link:after {
    color: var(--lightgrey_color);
}

.sidebar-background .active i {
    color: var(--primary_color);
}

.navbar-nav .dropdown-user img {
    max-height: 36px;
    border-radius: unset;
    margin-top: 0;
}

.dropdown-user .navbar-nav-link, .dropdown-user .navbar-nav-link>span {
    padding: 2px;
    background: #fff;
    border-radius: 4px;
}

.dropdown-user .navbar-nav-link>img {
    height: 24px;
    width: auto;
    vertical-align: middle;
}

.dropdown-toggle::after {
    color: #787C86;
    margin: 0 10px;
}

.nav-sidebar>.nav-item>.nav-link {
    font-weight: normal
}

.nav-group-sub .nav-link {
    color: var(--darkgrey_color);
    padding: 0.425rem 1.25rem 0.425rem 3.25rem;
}

.nav-group-sub .nav-link.active {
    color: var(--primary_color);
}

.table-dark-bg {
    background-color: #F7F8FB
}

.progress {
    background-color: #E6E8EE;
    height: 0.625rem;
    box-shadow: none;
}

.dashboard-color-white {
    color: var(--white);
}

.card {
    box-shadow: none;
    border: none
}

.navbar-collapse .navbar-nav .nav-item a:hover {
    /* background-color: #fff; */
}

.navbar-dark .navbar-nav-link:focus, .navbar-dark .navbar-nav-link:hover {
    background-color: #fff;
    /* background-color: transparent */
}

.navbar-sticky {
    height: 60px !important;
    position: fixed !important;
    top: 0 !important;
    z-index: 1000;
    width: 100%;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.09);
}

.tile-count {
    font-size: 30px;
    line-height: 1;
    margin-bottom: -3px;
}

.tile-count-precent {
    margin-bottom: 6px
}

.breadcrumb-item {
    padding: 0.325rem 0;
    cursor: pointer;
}

a.breadcrumb-item {
    color: var(--darkgrey_color);
}

a.breadcrumb-item>.breadcrumb-item {
    color: var(--lightgrey_1_color);
}

.breadcrumb-item.active {
    color: var(--lightgrey_color) !important;
}

.breadcrumb-line:not([class*=bg-]) {
    background-color: transparent;
}

.breadcrumb-line:first-child {
    border-bottom: 0px;
}

.card-header:not([class*=bg-])+div[class*=table-responsive] {
    border: none;
}

.has-fixed-height {
    height: 250px;
}

/* .page-header-content button, .page-header-content select{height: 30px} */

.pr_analysis_progess {
    min-width: 230px;
    height: 1rem;
}

/*DataTables*/

.card-body+*>.dataTables_wrapper, .card-body+.dataTables_wrapper, .dataTables_wrapper .table-bordered {
    border: none
}

.dataTables_processing {
    top: 80px !important;
}

.dataTables_wrapper {
    min-height: 150px;
}

.dataTables_wrapper .table-bordered td, .dataTables_wrapper .table-bordered th {
    border: none
}

.dataTables_wrapper .table-bordered th {
    font-weight: 600;
    background: #F7F8FB;
}

.dataTables_wrapper tr:nth-child(even) {
    background: #F7F8FB;
}

.datatable-header {
    border: none;
}

.datatable-header input {
    border: 1px solid #EAECF1;
}

.datatable-header select {
    border: 1px solid #EAECF1;
}

.datatable-header input {
    transition: all .15s ease-in-out;
}

.datatable-header input:focus {
    border-color: var(--primary_color) !important;
    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}

.datatable-basic .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border: 1px solid #EAECF1;
    min-height: 30px;
}

.datatable-header button {
    border: 1px solid #EAECF1;
}

.datatable-footer {
    border: none;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:focus, .dataTables_paginate .paginate_button.current:hover {
    background-color: var(--primary_color);
    color: #fff;
}

.datatable-scroll-wrap {
    height: calc(100vh - 100px);
}

.table {
    border: none
}

.table tbody td, tr, th {
    border: none
}

.table thead th {
    border: none;
    background: #F7F8FB;
}

.table tr:nth-child(even) {
    background: #F7F8FB;
}

.table>thead>tr>th {
    border: none;
}

.table th {
    border: none;
    font-weight: 600
}

.no-bg-table.table tr:nth-child(even) {
    background: transparent;
}

.no-bg-table.table>thead>tr>th {
    border: none;
    color: #000;
}

.no-bg-table.table tr {
    color: #000;
}

/* select.form-control:not([size]):not([multiple]) {height: 42px;} */

/* .small-input {height: 30px;} */

/*Filters*/

/* .header-elements .select2-selection--single:not([class*=bg-]):not([class*=border-]) {border: 1px solid #EAECF1; min-height: 30px;} */

/* .header-elements .select2-selection--single {padding:0.275rem 0;} */

/* .header-elements .btn{padding:0.275rem 0.875rem} */

/*Calendar*/

.header-elements .btn-link:hover {
    background-color: var(--primary_color);
    border-color: 1px solid transparent;
}

.ranges ul li.active {
    background-color: transparent;
    color: var(--primary_color)
}

.daterangepicker td.active {
    background-color: var(--primary_color);
}

.daterangepicker td.active:hover {
    background-color: var(--primary_color);
}

.picker--opened {
    min-width: 280px;
}

.bg-slate-600 {
    background-color: var(--primary_color);
}

/*Font Icons*/

.nav-sidebar .nav-link .nt-icon {
    margin-right: 1.25rem;
    margin-top: .12502rem;
    margin-bottom: .12502rem;
    top: 0;
    color: var(--lightgrey_color);
}

.nav-sidebar .nav-link:hover:hover .nt-icon, .nav-sidebar .nav-link.active .nt-icon {
    color: var(--primary_color);
}

.nt-icon {
    display: inline-block;
    width: 18px;
    vertical-align: middle;
    font-size: 18px; /* front moved from JS to CSS*/
}

.nt-icon-size-dashboard {
    height: 48px;
    width: 48px;
    font-size: 48px; /* front moved from JS to CSS*/
}

.nticon-size-sidebar {
    height: 18px;
    width: 18px;
    font-size: 18px; /* front moved from JS to CSS*/
}

.nt-icon-size-header {
    height: 16px;
    width: 22px;
}

.nt-icon-size-customerlist {
    height: 81px;
    width: 81px;
    color: var(--scan);
    font-size: 81px; /* front moved from JS to CSS*/
}

.nticon-size-80 {
    font-size: 80px;
}
.nt-icon-size-42 {
    height: 42px;
    width: 42px;
    font-size: 42px; /* front moved from JS to CSS*/
}

.nt-icon-size-36 {
    height: 36px;
    width: 36px;
    font-size: 36px;
}

.nt-icon-size-24 {
    height: 24px;
    width: 24px;
    font-size: 24px; /* front moved from JS to CSS*/
}

.nticon-size-20 {
    font-size: 20px !important;
}

.nt-icon-size-12 {
    height: 12px;
    width: 12px;
    font-size: 12px; /* front moved from JS to CSS*/
}

.nt-icon-size-16 {
    height: 16px;
    width: 16px;
    font-size: 16px; /* front moved from JS to CSS*/
}

.rounded-icon {
    border-radius: 50%;
}

.confirm-btn-swal {
    width: 70px;
    color: #fff;
    background-color: var(--primary_color) !important;
}

.swal2-actions{
    display: flex;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.swal2-actions .btn, .btn-100 {
    min-width: 100px;
}

.rounded-icon {
    border-radius: 50%;
}

/* Shipment Tracking page */

.map_wrapper {
    height: 400px;
    width: 100%;
}

.sh-search {
    position: absolute;
    z-index: 999;
}

.shipment_d_wrapper {
    margin: -60px 0 0 0;
    z-index: 9999;
}

.sh_from_to h4, .sh_from_to span {
    display: block;
}

.sh_from_to h4 {
    margin: 0 0 0 0;
}

.sh_arrow {
    margin: 5px 20px 0 20px;
}

.sh_from {
    margin-left: 10px;
}

.sh_to {}

.sh_content_list {
    margin: 0;
    padding: 0 0 0 15px;
    width: 300px;
    border-left: solid 1px var(--lightgrey_1_color);
}

.sh_content_list li {
    margin: 0 0 5px 0;
    padding: 0;
    list-style: none;
}

.sh_content_list li p {
    width: 100px;
    display: inline-block;
    margin: 0 0 0 0;
    color: var(--lightgrey_color);
}

.sh_content_list li strong {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sh_list_icon {
    margin: 0 0 0 0 !important;
    padding: 0;
}

.sh_list_icon li {
    margin: 0 10px 4px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: left;
    width: 100%;
}

.sh_list_icon li img {
    width: 36px;
    float: left;
    margin: 0 10px 0 0;
}

.sh_list_icon li .stats_list_content {
    float: left;
}

.sh_list_icon li strong {
    display: block;
}

.tl_temp_red {
    border: solid 1px var(--red_color);
}

.tl_temp_green {
    border: solid 1px var(--success_color);
}

.tl_temp_wrapper img {
    width: 24px;
    float: right;
    margin: 5px 0 0 0;
}

.tl_temp_wrapper .card-body {
    padding: 5px 15px;
}

.tl_temp_wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 3rem;
    background-color: #ccc;
    z-index: 1;
    right: -50px;
}

.tl_success {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    background-color: var(--success_color);
    width: 2px;
    z-index: 0;
}

.ntgs_tl .timeline-icon img {
    width: 1.5rem;
    margin: 8px 0 0 8px;
    height: unset;
    border-radius: unset;
}

.ntgs_tl .timeline-icon-success {
    background: var(--success_color);
}

.sh_vendor_logo {
    border: solid 1px var(--lightgrey_1_color);
    padding: 2px;
    margin: 5px 0 0 0;
    text-align: center;
}

/* Full map */

.full_mapview_wrapper {
    height: calc(100vh - 150px);
}

.full_map {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
    background: #fff;
    padding: 20px;
}

.full_map_wrapper {
    position: relative;
    margin: -110px 0 0 0;
    padding: 0 1.25rem !important;
}

.full_map .sh_list_icon li {
    display: inline-block;
    width: auto;
    margin: 0 35px 0 0;
}

/* Distribution Status */

.sh_ratio_logo {
    max-width: 80px;
    max-height: 60px;
}

.trasnport_mode {
    margin: 0;
    padding: 0;
}

.trasnport_mode li {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 10px 5px 0;
}

.trasnport_mode li:nth-child(2) {
    width: 100px;
}

.trasnport_mode .progress {
    height: 5px;
}

.product_ratio span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 200px;
}

.product_ratio strong {
    color: var(--secondary_color);
}

.progress-bar.bg-road {
    background: var(--lightgrey_color);
}

.progress-bar.bg-air {
    background: #ffa67e;
}

.progress-bar.bg-boat {
    background: var(--primary_color);
}

/* inventory dashbaord */

.stock_level li {
    margin-bottom: 10px;
}

.stock_level li:last-child {
    margin-bottom: 0px;
}

.stock_level_left {
    float: left;
    width: 30%;
    margin: 7px 20px 0 0px;
    text-align: right;
}

.stock_level .progress {
    float: left;
    width: 30%;
    margin: 12px 0 0 0;
}

.stock_level_action {
    float: left;
    margin-left: 15px;
}

.ivnt_count h2 {
    width: 70px;
    height: 70px;
    border: solid 3px #fff;
    border-radius: 70px;
    line-height: 66px;
    margin: 0 auto;
}

.ivnt_count_grey h2 {
    width: 70px;
    height: 70px;
    border: solid 3px var(--lightgrey_1_color);
    border-radius: 70px;
    line-height: 66px;
    margin: 0 auto;
    font-size: 18px;
}

/* inventry audit page*/

.status_list {
    margin: 0;
    padding: 0;
}

.status_list li {
    margin: 0 5px 0 0;
    padding: 5px 0 3px 5px;
    list-style: none;
    display: inline-block;
    text-align: left;
    width: 130px;
    color: var(--darkgrey_color);
}

.status_list li:first-child {
    background: #fff;
    color: var(--secondary_color);
    width: 260px;
    border-bottom: 1px solid var(--lightgrey_1_color);
    margin: 0 0 2px 0;
    padding: 0 0 5px 0;
}

.status_list li:nth-child(3) {
    border-radius: 0;
    padding-left: 0
}

.status_list li i {
    width: 24px;
    float: left;
    margin: 0 5px 0 0;
}

.status_list li .status_list_content {
    float: left;
}

.status_list li strong {
    line-height: 16px;
    font-size: .9375rem;
}

.status_list li span {
    color: var(--lightgrey_color);
    font-size: 11px;
    line-height: 12px;
    display: block;
    margin: 0px 0 0 0;
}

/*Product Details */

/* .tokenfield .token .token-label {padding: 0.5125rem 0.875rem;padding-right: 2.375rem;}
.tokenfield .token-input {height: 36px;} */

.card .note-editor {
    border: 1px solid #ddd;
}

/* media Q */

@media only screen and (min-device-width: 768px) and (max-width: 959px) {
    .tl_temp_wrapper::after {
        display: none;
    }
}

@media only screen and (min-device-width: 1440px) {
    .tl_temp_wrapper::after {
        display: none;
    }
}

/* Bulk Upload */

.dropable {
    border: 2px dashed var(--lightgrey_1_color);
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    font: 20px;
    color: #007EFA;
    background-color: #fff;
}

.panel-title {
    font-size: 1.5em;
    color: var(--secondary_color) !important;
}

.card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .10);
}

.card-footer .panel-title {
    font-size: .875rem;
}

.nt-icon-automation {
    background-image: url(../images/automation.svg);
    background-repeat: no-repeat;
}

.filter-btn::after {
    display: none;
}

.table-inbox-image {
    width: 5.25006rem;
}

#feedbackTable td {
    border-bottom: 1px solid #ddd
}

#supportResponseTable td {
    border-bottom: 1px solid #ddd
}

.client_logo_upload_photo {
    background: #f2f2f2;
    border: solid 1px #eee;
}

.client_logo_upload_photo img {
    max-width: 100%;
    max-height: 186px;
}

.client_logo_photo_edit {
    position: absolute;
    top: 0px;
    right: 7px;
    color: #999;
}

.upload_client_logo {
    margin: 40px 0;
    display: block;
}

.max-height-300 {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.max-height-200 {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.max-height-150 {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
}

.max-height-100 {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.btn-default, .btn-default:hover {
    background: transparent !important;
    box-shadow: unset !important;
}

.edit-form-btn {
    cursor: pointer;
}

.btn-outline-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}

.btn-outline-white:hover {
    color: #000000;
    background: white;
}

.easin {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s !important;
}

.sidebar-xs .sidebar-control i {
    transform: rotate(180deg);
    transition: all 0.3s ease-in;
}

.sidebar-control {
    transform: rotate(180deg);
    margin-left: -38px;
    background: #00000020 !important;
    /* color: #fff; */
    color: var(--darkgrey_color) !important;
}

.sidebar-xs .sidebar-control {
    transform: rotate(0deg);
    transition: all 0.3s ease-in;
    margin-left: unset;
    background: #ffff !important;
    color: var(--primary_color) !important;
}

.sidebar-control i {
    transform: rotate(180deg);
    transition: all 0.3s ease-in;
    font-size: 18px;
    margin-top: -4px;
}

.sidebar-control i::before {
    content: "\ed6b" !important;
}

.sidebar-xs .sidebar-control i::before {
    content: '\edc7' !important;
}

.sidebar-control {
    -webkit-border-top-right-radius: 20px !important;
    -webkit-border-bottom-right-radius: 20px !important;
    -moz-border-radius-topright: 20px !important;
    -moz-border-radius-bottomright: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    /* background: #ffff !important; */
    padding: 0px 14px 0 6px;
    margin-right: 15px;
    margin-top: 1px;
    font-size: 25px;
}

.navbar-brand {
    padding-top: 0.3rem !important;
}

.nav-item-header {
    margin-top: 0!important;
}

.navbar-collapse {
    padding: 5px;
}

#page_back_button {
    margin-left: -5px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 50px;
}

#page_back_button:hover {
    background: #00000020;
    color: var(--secondary_color) !important;
}

.center-align-content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.scan-count {
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 30px;
    text-align: center;
}

.tag-search-dates {
    min-width: 80px;
}

.collapse-btn {
    color: initial;
    cursor: pointer;
}

.counterfeit-chart-toolTip {
    font-family: "Open Sans Semibold";
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    background: none repeat scroll 0 0 #1D1C1C;
    border: 0 none;
    box-shadow: -3px 3px 15px #888888;
    color: #FFFFFF;
    padding: 5px;
    text-align: left;
}

.tooltip {
    pointer-events: none;
}

.tooltip-inner {
    text-align: left;
}

.counterfeit-chart-bullets {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    vertical-align: middle;
}
.square-24{
    width:24px; height:24px;
}
.p-15 {
    padding: 15px;
}

.pr-18 {
    padding-right: 18px !important;
}

.pl-18 {
    padding-left: 18px !important;
}

.gotoLink {
    color: var(--primary_color) !important;
    font-weight: normal;
    cursor: pointer;
}

.iframe-loader {
    background: #ffffff url(/view/common/images/app_loader.gif) 50% 50% no-repeat;
    background-size: 42px;
}

.tab_btn_size {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}

.top_bar_center .nav-item .active {
    background-color: #f5f5f5 !important;
    border: 0 !important;
    color: var(--primary_color) !important;
}

.top_bar_center .nav-link {
    height: 100%;
    cursor: pointer !important;
    border: 0 !important;
    line-height: 3;
}

.top_bar_center .nav-tabs {
    margin-bottom: 0 !important;
}

.top_bar_center .nav-item {
    cursor: pointer;
    margin-bottom: 0 !important;
    height: 58px !important;
}

#template_name_editor button {
    vertical-align: inherit;
}

#template_name {
    font-size: 15px;
    font-weight: 600;
    max-height: 60px;
    max-width: 250px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 1200px) {
    #template_name {
        max-width: 150px;
    }
}

.template_meta .card_overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000090;
    border-radius: 4px;
}

.template_meta .default_preview_img {
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1F4F9;
    cursor: pointer;
    width: 100%;
}

.template_meta .actual_preview_img {
    display: none;
    width: 100%;
    height: 150px;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.template_meta .actual_preview_img_overlay {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    border-radius: 4px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    display: none;
}

.editor-back-button {
    width: 36px;
    height: 36px;
    border-radius: 18px !important;
    background-color: var(--lightgrey_1_color) !important;
    color: var(--primary_color) !important;
    padding: 0 !important;
    line-height: 34px !important;
    margin: 0 15px;
}

.vertical-tab-1 {
    background-color: #f8f8fc;
}

.vertical-tab-1 .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vertical-tab-1 .nav-link.active {
    color: white;
    background-color: #397eff;
}

.vertical-tab-1 .nav-link i {
    display: none;
}

.vertical-tab-1 .nav-link.active i {
    display: inline;
}

.no-scroll-visible::-webkit-scrollbar {
    width: 0 !important
}

.no-scroll-visible {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

#editor_page_content {
    margin-top: 60px;
    background: #F1F4F9;
    height: calc(100vh - 60px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.mt-nav {
    background: #F1F4F9;
}

/*used in email builder*/

.mt-nav-item::before {
    height: 4px !important;
}

/*used in email builder*/

.ebuilder-left-panel {
    width: 460px;
    max-width: 460px;
    box-shadow: rgba(16, 18, 28, 0.05);
    box-shadow: 0px 0.2px 8px rgba(16, 18, 28, 0.05);
    position: relative;
    z-index: 9;
}

#autosave_timestamp {
    display: none;
    z-index: 99;
    position: fixed;
    top: 68px;
    right: 20px;
    background-color: rgb(248, 248, 252);
    border-radius: 3px;
    font-size: 10px;
    padding: 3px 8px;
    margin: auto;
    color: #999;
}

.content-wrapper .editor-back-button {
    margin: 0 15px 0 0 !important;
}

.redeem-secondary-text-color {
    color: #808EA7 !important;
}

.redeem-blue-text-color {
    color: #3A7CF7;
}

.no-shadow {
    box-shadow: none !important;
}

.option_card1::after {
    font-family: 'icomoon' !important;
    content: "\ed6e";
    position: absolute;
    top: 8px;
    right: 10px;
    background: var(--primary_color);
    color: white;
    border-radius: 20px;
    width: 24px;
    height: 24px;
    font-size: 0.9em;
    padding: 3px;
    display: block;
    text-align: center;
}

.same_line_height {
    line-height: 1.1em;
}

/* Scanner related css */

#videoPreview {
    height: calc(100vh - 50px);
    width: 100vw;
    overflow: hidden;
    background-image: url('../images/camera_def_img.jpg');
    background-color: #2b2b2b;
    background-size: cover;
}

img.camera-overlay {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 283px;
    max-width: 90%;
    margin: 0 auto;
    top: calc(50% - 168.5px);
    display: none;
    z-index: 10;
}

#RTCPreview {
    display: none;
}

.scan-qr-message{
    position: fixed;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size:30px;
    line-height:2;
    background-color: #66666690;
    color: white;
}

.camera-chip
{
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.scaled-pr-image {
    max-width: 65px;
    max-height: 65px;
}

.scaled-pr-image-container {
    vertical-align: top;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
    height: 67px;
    width: 67px;
}

.reassign-history-pr-image {
    max-width: 78px;
    max-height: 78px;
}

.reassign-history-image-container {
    vertical-align: top;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
    height: 80px;
    width: 80px;
}

.tag-details-btn {
    width: 240px;
    height: 54px;
}

.fixed-btn {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
}

.confirmation-pr-img {
    max-width: 235px;
    max-height: 235px;
}

.tag_detail_icon_color {
    background: #F6F6F9;
}

/* Forget password page css */

.verification-box {
    padding: 10px;
    margin-top: 5px;
}

.verification-input {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 7px;
}

.verification-input:focus {
    outline: none;
}

.resend-link {
    margin: auto;
    /* font-size: 14px; */
    /* font-weight: 600; */
}

#parent_tbody tr td .picker {
    position: relative;
    z-index: 10000;
}

.preview-mode {
    color: var(--darkgrey_color) !important;
}

.preview-mode.active {
    color: var(--primary_color) !important;
}

label.required::after {
    content: '*';
    color: var(--red_color);
}

/*  File Manager Styles*/

.modal_full_size {
    max-width: 98%;
    margin: 1%;
}

#filemanager_popup, #category_popup, #detailed_preview_popup, #edit_asset_popup, #file_exists_popup {
    z-index: 1061;
}

#filemanager_popup .modal-header .close, #category_popup .modal-header .close, #detailed_preview_popup .modal-header .close {
    background-image: url(/view/common/images/close.svg);
    background-size: 16px;
    position: relative;
    top: 25px;
    background-repeat: no-repeat;
}

#filemanager_popup .border-bottom, #filemanager_popup .border-right {
    border-color: var(--lightgrey_1_color) !important;
}

#asset_categories li {
    padding: 5px 5px;
    cursor: pointer;
    overflow-wrap: anywhere;
    display: flex;
    justify-content: space-between;
}

#categories_dropdown {
    min-width: 250px;
}

#categories_dropdown li {
    padding: 10px;
    cursor: pointer;
}

#asset_categories .active {
    color: var(--primary_color) !important;
}

#asset_container .asset_card {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: unset;
    cursor: pointer;
    width: 220px;
    margin-right: 19px;
}

#asset_container .asset_card.select {
    border-color: var(--primary_color) !important;
}

#edit_asset_popup .edit_img_preview i {
    width: 80px;
    font-size: 80px;
}
#edit_asset_popup .edit_img_preview img {
    height: 100%;
}

#asset_container .asset_card .preview_card_img i {
    width: 80px;
    color: #fff;
    font-size: 80px;
}

#asset_container .asset_card .preview_card_img {
    width: 100%;
    height: 185px;
    border-radius: 8px 8px 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#asset_container .asset_card .card-body {
    background-color: var(--lightgrey_1_color);
    border-radius: 0 0 8px 8px;
}

#asset_container .asset_card .asset_name i {
    vertical-align: sub;
}

#asset_container .asset_card .asset_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#asset_container .asset_card .asset_actions a {
    padding: 5px;
    cursor: pointer;
}

#asset_container {
    max-height: 77vh;
    min-height: 77vh;
    overflow-y: scroll;
    padding-right: 0px !important;
    align-items: start;
    align-content: baseline;
}

#filemanager_container .dropdown-toggle::after {
    color: unset !important;
}

.btn-outline-grey {
    color: var(--secondary_color);
    background-color: var(--lightgrey_1_color);
    border-color: var(--lightgrey_color);
}

.btn-outline-grey:hover {
    background-color: var(--lightgrey_color) !important;
}

.btn-outline-white-no-hover {
    background-color: #fff;
    color: var(--secondary_color);
    border-color: var(--lightgrey_color);
}

.asset_card .preview_card_img .select_box {
    position: absolute;
    top: 10px;
    background: #fff;
    left: 10px;
    /* pointer-events: none; */
}

.asset_card .preview_card_img .select_box span {
    border-color: var(--darkgrey_color) !important;
}

.asset_card.select .preview_card_img .select_box .checked {
    border-color: var(--primary_color) !important;
    color: var(--primary_color) !important;
}

#asset_info_drawer {
    width: 0;
    height: 77vh;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    z-index: 2;
    top: 77px;
    box-shadow: -4px 0px 16px -13px rgba(0, 0, 0, 0.75);
}

#asset_info_drawer.expand {
    width: 39%;
}

#asset_info_drawer .card-header {
    background-color: var(--lightgrey_1_color);
}

#asset_info_drawer .tokenfield.disabled{
    border : 0;
    background : unset;
}

#asset_info_drawer .card-header .close {
    background-image: url(/view/common/images/close.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

#asset_container .pdf_file_color {
    background-color: #FFA3A3;
}

#asset_container .doc_file_color {
    background-color: #ACFFA3;
}

#asset_container .excel_file_color {
    background-color: #A3ACFF;
}

#asset_container .video_file_color {
    background-color: #FFE8A3;
}

#asset_info_drawer .file_header .file_icon i {
    width: 25px;
    font-size: 25px;
}

#asset_info_drawer .preview_img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #fff;
    border-radius: 4px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#asset_info_drawer table tr td:first-child {
    color: var(--lightgrey_color);
    padding: 5px;
}

#detailed_preview_popup .image_previewer {
    height: 67vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

#detailed_preview_popup {
    display: block;
    background: #000000ab;
}

#detailed_preview_popup .image_nav i:hover {
    border-radius: 50%;
    background: #ddd3;
}

#detailed_preview_popup .image_nav {
    position: absolute;
    top: 47%;
    font-size: 50px;
    color: var(--lightgrey_color);
    transform: translate(0%, -20%);
    cursor: pointer;
}

#detailed_preview_popup .prev {
    left: 10%;
}

#detailed_preview_popup .next {
    right: 10%;
}

#edit_asset_popup .modal-header .close {
    background-image: url(/view/common/images/close.svg);
    background-size: 16px;
    position: relative;
    top: 25px;
    background-repeat: no-repeat;
}

#edit_asset_popup .edit_img_preview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 300px);
    border: 1px solid var(--lightgrey_1_color);
    padding: 20px;
}

#file_manager_type_filter {
    min-width: 100px;
}

.upload_status_header .close {
    background-image: url(/view/common/images/modal-close-white.svg);
    background-size: 16px;
    position: relative;
    top: 2px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

#upload_status_container {
    position: absolute;
    bottom: 0;
    right: 1.25rem;
    width: 300px;
    border: 1px solid var(--lightgrey_color);
    border-radius: 4px;
    background-color: #fff;
}

#upload_status_files li {
    padding: 15px;
    border-bottom: 1px solid var(--lightgrey_1_color);
    display: flex;
    justify-content: space-between;
}

#upload_status_files li .file_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 215px;
}

#upload_status_files {
    max-height: 260px;
    overflow: scroll;
}

#asset_categories .btn_delete_asset_category.disabled {
    color: var(--lightgrey_color);
    pointer-events: none;
}

#no_asset_data.show {
    display: flex !important;
}

#no_asset_data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    background: var(--lightgrey_1_color);
    height: 300px;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
}

#btn_create_asset_category {
    color: var(--primary_color) !important;
}

.modal_center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.report-card{
    cursor: pointer;
    padding:15px;
}

.sankey_tooltip {
    z-index: 999999;
    background-color: #fff;
    color: var(--secondary_color);
    border: 1px solid var(--lightgrey_1_color);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .10);
}


#template_name_editor{
    display: none;
}

#template_name_editor.show{
    display: flex !important;
}

/* Campaign Action form configuration */
.action_config_form .form-check label{
    color: var(--secondary_color);
    text-transform: unset;
    font-weight: unset;
}
.action_config_form label{
    color: var(--darkgrey_color);
    font-weight: 600;
    text-transform: uppercase;
}

#start_campaign{
    font-weight: 600;
    padding-left: 2em;
    padding-right: 2em;
}


.modal_close_img{
    background-image: url(/view/common/images/close.svg);
    background-size: 16px;
    position: relative;
    top: 2px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
}


#save_user_data .field_rec{
    margin: 5px 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

#save_user_data .field_rec label{
    color : var(--darkgrey_color);
    /* font-weight : 600; */
}
#save_user_data .field_rec label, #save_user_data .field_rec div{
    padding-left :0;
    padding-right :0;
}


#save_user_data .view_only, #save_user_data .view_only .select2-selection, #save_user_data .view_only .tokenfield{
    border : 0;
    background : unset;
}



/* browser device chart */


.device_count_card {
    display: grid;
    color: var(--darkgrey_color);
    text-align: left;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.device_count_card.active {
    background-color: #F1F4F9;
}

.device_count_card.disabled::before {
    background-color: unset !important;
    display: none;
}

.device_count_card.active::before {
    display: block;
}

.device_count_card::before {
    font-family: 'icomoon' !important;
    content: "\ed6a";
    position: absolute;
    top: -10px;
    text-align: center;
    right: -10px;
    background: var(--primary_color);
    color: white;
    border-radius: 20px;
    width: 24px;
    height: 24px;
    font-size: 0.9em;
    padding: 3px;
    display: none;
    cursor: pointer;
}

.device_count_card i {
    text-align: left;
}

.device_count_card .count {
    color: var(--secondary_color);
}

.device_count_card .percentage {
    color: var(--primary_color);
}

#heirarchyModal #heirarchySearchTxt {
    width: 260px;
    border: 1px solid #555;
    display: block;
    padding: 9px 4px 9px 40px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}

#heirarchyModal ul, #heirarchyModal #myUL {
    list-style-type: none;
}
    
#heirarchyModal #myUL {
    margin: 0;
    padding: 0;
}

#heirarchyModal #myUL .form-check-inline {
    flex-flow: wrap;
}

/* Style the caret/arrow */
#heirarchyModal .caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
#heirarchyModal .caret::after {
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-left: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
#heirarchyModal .caret-down::after {
    transform: rotate(90deg);
}

#heirarchyModal .nested {
    display: none;
}
    
#heirarchyModal .active {
    display: block;
}

.dear-system-icon {
    background-image: url(../images/dear.svg);
    width: 30px;
    height: 30px;
    background-color: white;
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.paytm-icon {
    background-image: url("//s3.amazonaws.com/neurotags/c/loyalty_logo/10.png");
    width: 30px;
    height: 30px;
    background-color: white;
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}