@font-face { font-family: "Hipster Script Pro"; 
    src: url("../fonts/hipster.eot"); 
    src: url("../fonts/hipster.eot?#iefix") format("embedded-opentype"), 
         url("../fonts/hipster.woff2") format("woff2"), 
         url("../fonts/hipster.woff") format("woff"), 
         url("../fonts/hipster.ttf") format("truetype"), 
         url("../fonts/hipster.svg#Hipster Script Pro") format("svg"); 
}

.btn-primary {
    background-color: #184ca2;
    border-color: #184ca2;
    min-width: 100px;
}
.btn-primary:hover {
    background-color: #0e2f65;
    border-color: #0e2f65;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #0e2f65;
    border-color: #0e2f65;
}
.custom-file-label, .custom-file-input {
    cursor: pointer;
}
.text-primary {
    color: #184ca2!important;
}



.login-logo {
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px;
    font-size: 20px;
    color: #556ee6;
}
.round-border.analytic-round-value {
    border: 5px solid #556ee6;
    border-radius: 50%;
    width: 100px;
    height: 100px;
   
}
.analytic-round-value {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #343a40;
    margin: 0 auto 15px;

}
.p-l-0 {padding-left: 0 !important;}
.no-sort::after, .no-sort::before {display: none !important;}
.checkbox-th {padding: 0 15px !important;vertical-align: middle !important;}
.double-btn .btn:first-child {
    margin-right: 20px;
}
h5.delete-title {
    max-width: 300px;
    margin: 0 auto 20px;
}
.zip-codes-cell span {margin-left:5px}
.zip-codes-cell span:first-child {margin-left: 0;}
.repeat-sec:first-child .btn.inner {display: none;}
.duplicate-count {
    margin: 0;
}
.duplicate-count span {
    font-size: 20px;
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
    /* color: #556ee6; */
}
.page-title-box h4 a {color: #495057;}
.page-title-box h4 a i {margin-right: 10px;}
#sidebar-menu ul li a i {    min-width: 30px;    font-size: 16px;}
span.logo-lg {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
}
.logo .logo-sm {
    color: #002f65;
    font-weight: 600;
    font-size: 20px;
}
.vertical-collpsed .navbar-brand-box {padding: 0;}
.pb-30 {padding-bottom: 30px;}
body[data-sidebar=dark] .navbar-brand-box {
    background: #fff;
}
.imp-card-title {    color: #556ee6;}
.search-custom-wrap input{margin-left: 0.5em;}

.col-cell-5 {    flex-basis: 20%;
    position: relative;
    padding: 0 15px;}
.folder-row .fa-folder {color: #b7bdd6;font-size: 60px;}
.folder-row .fa-ellipsis-v {
    color: #aaaaab;cursor: pointer;
}
.folder-row .dropdown {
    padding-left: 10px;
    padding-top: 5px;
}

.folder-detail-row .fa-folder {
    font-size: 36px;
    color: #bec2d4;
    margin-right: 10px;
}
.folder-items-name {
    display: flex;
    align-items: center;
    color: #495057;
}
.folder-items-row {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.folder-items-row:last-child {border-bottom: none;}
.folder-items-images img {
    width: 60px;
    height: 60px !important;
    margin-right: 10px;
    border-radius: 3px;
}
.graph-upload-row .card {margin:0}
.bg-soft-primary {
    margin: -20px -20px 15px;
}
.bg-soft-primary .text-primary {line-height: 24px;margin-bottom: 0;}
.table .custom-control .btn-info.dropdown-toggle {
    background: transparent;
    border: none;
    color: #495057;
    font-size: 20px;
    padding: 0;
}
.table .custom-control .btn-info.dropdown-toggle:focus{
    outline: none;box-shadow:none
}
.full-card {height: 100%;}
.logo-lg img {
    max-height: 60px;
}

.login-logo img {max-height: 70px;}


.selectall-label {
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
}

.custom-checkbox #ckbCheckAll {
    opacity: 0;
    position: absolute;
}

/* Tooltip for Link Copy Audience Campaign Listview */
.tooltip {
    position: relative;
    display: inline-block;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
/* ---------------------------------------------------------------------------------- */


.d-mob { display: none;}
.main-content.not-logged { margin-left: 0;}
.main-content.not-logged footer { left: 0;}
.filter-top { padding: 10px 0 10px;} 
.filter-top .btn-primary { min-width: 130px;}
/*.filter-column { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;}
.filter-column .control-lbl { margin-bottom: 0; min-width: 75px; margin-right: 25px;}
.filter-column .control-lbl.lbl-55 { min-width: 55px;} */
.date-group { position: relative; width: 100%;}
.date-group .datepicker { border: 1px solid #ced4da; background-color: transparent; cursor: pointer; padding: .47rem .75rem; position: relative;}
.date-group .input-group-addon { position: absolute; right: 12px; top: 10px; color: #6e7984;}
.date-group .input-group-addon .fa { font-weight: normal; font-size: 16px;}
.mini-stats-wid { text-align: center; padding-top: 15px; padding-bottom: 15px;}
.analytic-round-show { padding-top: 12px;}
.analytic-round-show p { margin-bottom: 0;}
.fltr-btngrp { display: flex; justify-content: space-between;}
.check-td .custom-checkbox { padding-left: 0;}
.audience-lst-table th, .audience-lst-table td { vertical-align: middle;}
.audience-lst-table .check-td .custom-checkbox { margin-top: 5px;}
.audience-lst-table .rn-dl-td { width: 25%;}
.gift-card-lst { padding: 30px 15px; border: 1px solid #d4d9ec; border-radius: 10px; text-align: center; height: 100%;}
.gift-card-lst p { margin: 10px 0 0;}
.mrb-30 { margin-bottom: 30px;}
.card-folder-table th { border-top: 0;}
.card-folder-table th, .card-folder-table td { vertical-align: middle; padding: 20px 10px; border-color: #ddd!important;}
.card-folder-table th:first-child, .card-folder-table td:first-child { padding-left: 0;}
.gift-card-dtl-tbl td { vertical-align: middle; border-color: #ddd;}
.gift-card-dtl-tbl tr:first-child td { border-top: 0;}
.gift-card-dtl-tbl td:first-child { padding-left: 0;}
.gift-card-dtl-tbl td:last-child { padding-right: 0;}
.fb-ad-image-tbl td { vertical-align: middle; border-color: #ddd;}
.fb-ad-image-tbl tr:first-child td { border-top: 0;}
.fb-ad-image-tbl td:first-child { padding-left: 0;}
.fb-ad-image-tbl td:last-child { padding-right: 0;}
.merchant-list-table td, .merchant-list-table th { vertical-align: middle;}
.merchant-list-table td .custom-checkbox { padding-left: 0; margin-top: 5px;}
.merchat-reports-table .dataTables_filter { float: right;}
.merchat-reports-table .dataTables_filter label, .merchat-reports-table .dataTables_length label { display: flex; display: -webkit-flex; align-items: center;}
.merchat-reports-table .dataTables_filter label .form-control { margin-left: 15px;}
.merchat-reports-table .dataTables_length label .custom-select { margin: 0 15px; max-width: 80px;}
.merchat-reports-table .dataTables_paginate { float: right;}
.merchat-reports-table .dataTables_info { padding-top: 10px;}
.flat-pg-table td, .flat-pg-table th { vertical-align: middle;}
.flat-pg-table td .custom-checkbox { padding-left: 0; margin-top: 5px;}
.flat-pg-add .django-ckeditor-widget { width: 100%;}
.campain-drop { position: relative;}
.campain-drop .dropdown-menu { padding: 5px 10px; margin-top: 2px; max-width: 235px; left: inherit!important; right: 0;}
.campain-drop .dropdown-menu .btn { width: 100%; margin: 5px 0;}
.campain-table-list td, .campain-table-list th { vertical-align: middle!important;}
.campain-table-list td .custom-checkbox { padding-left: 0; margin-top: 5px;}
.urlbox { justify-content: space-between;}
.urlbox .btn:focus { box-shadow: none;}
.urlbox .btn span { background: #184ca2; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; color: #fff;}
.crt-cmpn-lbl { font-size: 16px; margin-bottom: 5px;}

.upload-box { position: relative;}
.upload-icobox { position: relative; background: #f8f8fb;}
.upload-box .custom-file-label { outline: 2px dashed #92b0b3; outline-offset: -15px;  display: flex; display: -webkit-flex; align-items: center; justify-content: center; background: transparent; z-index: 20;}
.upload-box .choose-text { display: block; background: url('../images/upload.svg') no-repeat; background-position: top center; background-size: 50px; padding: 60px 20px 0px 20px; margin-top: 20px; word-break: break-word; font-size: 14px; color: #184ca2; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px;}
.upload-box .custom-file-label, .upload-box .custom-file-input { min-height: 250px;}
.upload-box .custom-file-input { z-index: 30;}
.upload-box .upload-icon { width: 50px; position: absolute; top: 32%; left: calc(50% - 25px); z-index: 10;}
.custom-file.h-auto { height: auto;}
.sample-fl { display: inline-block; margin-left: 20px;}
.upload-box .custom-file-label::after { display: none; }

.reports-gridtp .mini-stats-wid { background: #f8f8fb; box-shadow: none; border: 1px solid #eff2f7; height: 100%; padding-bottom: 0;}
.reports-gridtp .mini-stats-wid p { margin-bottom: 0;}
.merchant-report-table { table-layout: fixed;}
.merchant-report-table .col-1-td { width: 10%;}
.merchant-report-table .col-2-td { width: 18%;}
.merchant-report-table .col-3-td { width: 12%;}
.merchant-report-table .col-4-td { width: 25%;}
.merchant-report-table .col-5-td { width: 10%;}
.merchant-report-table .col-6-td { width: 15%;}
.merchant-report-table .col-7-td { width: 10%;}
.merchant-report-table th { padding-top: 20px; padding-bottom: 20px;}
.merchant-report-table th, .merchant-report-table td { vertical-align: middle!important;}
.graph-upload-row .custom-file-label { padding-right: 75px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.campain-table-list { table-layout: fixed;}
.campain-table-list .col-1-td { width: 3%; padding-left: 0!important; padding-right: 0!important;}
.check-td { padding-left: 0!important; padding-right: 0!important;}
.campain-table-list .col-2-td { width: 18%;}
.campain-table-list .col-3-td { width: 10%;}
.campain-table-list .col-4-td { width: 8%;}
.campain-table-list .col-5-td { width: 16%;}
.campain-table-list .col-6-td { width: 10%;}
.campain-table-list .col-7-td { width: 8%;}
.campain-table-list .col-8-td { width: 30%;}
.email-temp-edit { padding: 30px 50px;}
.grey-box-out { /* padding: 10px 20px 5px; border-radius: 5px; background: #f8f8fb; border-bottom:1px solid #efefef;*/ margin-bottom: 20px; } 
.p-l-40 { padding-left: 40px;}
.email-bnr { position: relative;}

.email-sbt-samp { padding: 10px 20px 20px; border-radius: 5px; background: #f8f8fb;}
.prev-em-btn { margin-top: 36px;}
.eml-tem-modal { max-width: 660px!important; min-width: 660px!important;}
.eml-tem-modal .close { margin: 15px 10px 0 0; font-weight: normal; font-size: 32px; line-height: 20px;}
.hlp-txt { margin-top: 5px;}

.zipcode-content { position: relative; z-index: 2000; min-height: 100%; /* overflow: auto;*/ background: url('../images/sky-bg.jpg') no-repeat top center #fff; background-size: cover; padding: 30px 0;} 
.ttl-zippg { font-style: italic; color: #000; font-weight: 700; font-size: 30px;}
.zipcode-topbox { justify-content: space-between; padding: 0 30px;}
.top-rd-logo img { display: inline-block; }
.zipcode-form { width: 40%;}
.top-rd-logo { width: 30%;}
.zipcode-form .zip-content { padding: 30px 10px; margin: 20px 0px 0;}

.zipinfobox { padding: 50px 150px;}
.zipinfobox h3 { font-family: "Hipster Script Pro"; color: #000; font-size: 50px; margin-bottom: 15px;}
.zipinfobox p { font-size: 26px; color: #0a0a0a; font-style: italic;}
.bottom-cards { justify-content: space-between; align-items: flex-end; padding: 0 30px;}
.bottom-cards h4 { text-transform: uppercase; color: #FF982F; text-shadow: 1px 0px 1px black; font-weight: 900; font-size: 30px;}
.card-col { width: 35%;}
.card-col img { display:inline-block;}
.logo-col { width: 30%;}
.logo-col img { display: inline-block; margin-bottom: 20px;}
.map-logo { position: relative; padding-top: 25px;}
.map-mark-logo { position: absolute; width: 140px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 0px;}
.map-img { width: 150px!important;}
@keyframes bounce {
    50% {
        transform: translateY(-15px); -webkit-transform: translateY(-15px);
      }
}
.map-mark-logo img { animation: bounce 1s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-animation: bounce 1s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); }
.gift-landing2 { min-height: 100%; background: url('../images/sky-only-bg.jpg') no-repeat top center #fff; background-size: cover;}
.landg2-ttl { font-family: "Hipster Script Pro"; color: #000; font-size: 36px; margin-bottom: 10px;}
.paging-bottom { padding: 0 15px;}

.errorlist{ color: red;}
.error-wrap { height: 75vh; display: table; width: 100%; padding: 30px 0;}
.error-info { display: table-cell; vertical-align: middle;}

.error-info h2 { font-size: 90px; color: #f46a6a;}
.error-info p { font-size: 30px; text-transform: uppercase; font-weight: 300;}
.error-info h5 { font-size: 24px; font-weight: 300;}
.error-info .btn { display: inline-block; margin-top: 50px; min-width: 150px; height: 50px; line-height: 32px; font-size: 16px}

.middle-bottom-cards.bottom-cards {max-width: 757px;margin-left: auto;margin-right: auto;padding: 0;}
.middle-bottom-cards .card-col {width: auto;}
.floating-modal {
    width: 350px;
    height: auto;
    padding: 0;
    background: transparent;
    right: 20px;
    position: absolute;
    z-index: 999999;
    background: #fff;
    box-shadow: 0 0 5px #d9d9d9;
    border-radius: 4px;
}
.floating-modal.fixed { position: fixed;top:20px;}
.floating-modal .zip-content h2 {font-size: 14px;}
.floating-modal .zip-content .form-control {    border: 1px solid grey;     height: 40px;    padding: 4px 10px;    font-size: 13px !important;}
.floating-modal .zip-content .btn {height: 40px;}
.floating-modal .compass-wrap {
    right: 1px;
    top: 1px;
    bottom: 1px;
    font-size: 23px;
}
.floating-modal .zip-content .btn {    font-size: 20px;    padding: 3px 13px;}
.floating-modal .zipcode-form .zip-content {
    margin: 0px 10px 0;
}
.floating-modal .zipcode-form {width: 100%;}
.small-modal-close {
    position: absolute;
    right: 4px;
    top: -3px;
    font-size: 23px;
    color: #555;
    border: none;
    background: transparent;
}
.modal-open .floating-modal {display: none !important;}

@media screen and (max-width:992px) {
    .graph-upload-row  .full-card {margin-bottom: 24px;height: auto;}
    .d-mob { display: block;}
    .vertical-menu { left: -300px; display: block; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;}
    body.sidebar-enable .vertical-menu { left:0px;}
    .logo { line-height: 65px; }
    .zipcode-form { width: 60%;}
    .top-rd-logo { width: 20%;}
    .zipcode-form .zip-content { margin: 20px 30px 0; }
    .zipinfobox h3 { font-size: 40px;}
    .zipinfobox p { font-size: 20px;}
    .bottom-cards h4 { font-size: 28px;}
    
}
@media screen and (min-width:1400px) {
    .audience-lst-table .rn-dl-td { width: 20%;}
    .zipcode-form .zip-content { margin: 20px 30px 0; }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .zipinfobox { padding: 50px;}
    
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .top-rd-logo { width: 15%; }
    .zipcode-form { width: 70%; }
    .zip-content .form-control { font-size: 18px;}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .top-rd-logo { width: 20%; }
    .zipcode-form { width: 60%; }
    .zipcode-form .zip-content { margin-left: 40px; margin-right: 40px;}
}

@media screen and (max-width: 767px) {
    .zipcode-content { padding-top: 20px; padding-bottom: 0;}
    .ttl-zippg { font-size:18px; line-height: 26px; }
    .zipcode-topbox { padding: 0;}
    .zipcode-form .zip-content { margin: 10px 0; padding: 15px 10px;}
    .map-img { width: 100px!important; }
    .map-mark-logo { width: 100px;}
    .zipinfobox { padding: 0px 5px 140px; }
    .zipinfobox h3 { font-size: 22px; }
    .zipinfobox p { font-size: 14px; }
    .zip-form-group { margin: 0!important;}
    .bottom-cards { padding: 0; position: relative; top: -60px;}
    .bottom-cards h4 { font-size: 16px;}
    .logo-col { padding: 0 5px;}
    .zip-content label { font-size: 13px!important;}
    .zip-content .btn, .zip-content .form-control { font-size: 12px; padding: 5px 10px; height: 45px;}
    .zip-content h2 { font-size: 20px;}
    .floating-modal {        width: auto;       left: 20px;    }
    .navbar.fixed-top {position: inherit; }
    .logo-wrap {width: 100%;text-align: center;}
    .welcome-text {width: 60%;}
    .header-popclick {width: 40%;text-align: right;}
    .container.header-contents {        flex-wrap: wrap;    }
    .head-ttlh4 {text-align: left;}
    .middle-bottom-cards.bottom-cards {text-align: center;}
    .floating-modal .icon-submit-button {height: 40px;}
    
}
@media screen and (min-width: 575px) and (max-width: 767px) { 
    .zipcode-form .zip-content { margin-left: 40px; margin-right: 40px;}
}

@media screen and (max-width: 574px) {
    .top-rd-logo {
        width: 14%;
    }
    .zipcode-form {
        width: 75%;
    }
}

.blink {
    animation: blinker 1s linear infinite;
  }
  @keyframes blinker {
    50% {
      opacity: 0.0;
    }
  }

.cursor-pointer{ 
    cursor: pointer; 
}

.campaign-card-cell .mini-stats-wid {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.campaign-card-cell .mini-stats-wid .card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 0px;
}

.campaign-card-cell .mini-stats-wid .card-body .media-body {
  padding: 0px;
}
.campaign-card-section {
  margin-bottom: 20px;
}