@charset "UTF-8";
/**======================================================================
=========================================================================
Template Name: Dashboard Bootstrap 5 Admin Template
Author: Rajodiya Infotech
Support: [support link]
File: style.css
=========================================================================
=================================================================================== */
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");

.avatar_crop {
    margin-top: 30px;
}

.payment_type_icon {
    display: flex;
    align-items: center;
}
.payment_type_icon img,
.payment_type_icon svg {
    width: 100%;
    height: 100%;
    max-width: 25px;
    max-height: 25px;
    margin-right: 10px;
}

.card-body.setting-card.setting-logo-box .logo-content img {
    height: 60px;
}

.card-body.setting-card.setting-logo-box .logo-content{
    max-width: 100%;
    width: 100%;
    height: 60px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
}

.card-body.setting-card.setting-logo-box .logo-content img {
    /* height: 60px; */
    width: auto;
    height: 40px;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}

.choose-files div {
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 8px 15px;
    max-width: 155px !important;
    font-size: 12px;
    font-weight: 500;
}
.choose-files input[type="file"] {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0 !important;
}
.file {
    position: relative !important;
    left: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.scroll-100-top{
    scroll-margin-top: 100px;
}

.form-group {
    margin-bottom: 1.3rem;
}
.card .card
{
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
}
.strip-active-btn{
    margin-left: 830px;
}


.card-header  .btn-group,
.card-header  .btn-group-vertical {
    max-width: 80px !important;
    width: 100% !important;
}
.card-header  .card-text{
    flex: 1;
}
.card-header  .card-right {
    max-width: 210px;
    width: 100%;
}

.tooltip-elements {
    visibility: visible;
    color: #fff;
    background: #000;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin: 0 5px;
    font-size: 12px;
    cursor: default;
}
.ml-auto{
    margin-left: auto;
}
.container {
    width: 900px;
    margin: 100px auto;
    text-align: center;
  }

  .input-tags {
    width: 100%;
    padding: 15px;
    display: block;
    margin: 0 auto;
  }

  .label-info {
    background-color: #5bc0de;
    padding: 3px;
  }

.svgMap-map-wrapper{
    background-color: #00000000 !important;
}
.svgMap-map-wrapper .svgMap-country:hover{
    stroke-width: 0.5 !important;
    stroke: rgba(115, 103, 240) !important;
}
.svgMap-tooltip{
    border-radius: 4px !important;
    box-shadow: 0px 0px 20px 6px rgba(115, 103, 240, 0.2) !important;
    border: none !important;
    font-family: inherit !important;
}
.svgMap-tooltip .svgMap-tooltip-pointer:after{
    border: none !important;
}
.svgMap-tooltip .svgMap-tooltip-content{
    font-weight: 600 !important;
}
.svgMap-tooltip .svgMap-tooltip-content table td:first-child{
    padding: 0 !important;
}
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag{
    background: none !important;
    border-radius: 5px !important;
}
.invoice-preview-card .address{
    max-width: 250px;
}
@media (max-width:1024px) and (min-width:768px) {
    .svgMap-map-wrapper {
        height: 365px;
    }
}
div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label{
    margin-top: 0;
}
@media only screen and (max-width: 768px){
    div.dt-buttons {
        margin-top: 0.5rem;
    }
}