/* 
 * (C) Jitendra Amal, All Rights Reserved.
 * 
 * Proprietary and confidential
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * 
 * mail@flaxicom.com
 * June 2021
 */

/* Quicksand (Google Web Font) */
@font-face {
    font-family: 'Quicksand';
    src: url('../../assets/fonts/admin/Quicksand-Bold.eot');
    src: url('../../assets/fonts/admin/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/admin/Quicksand-Bold.woff2') format('woff2'),
        url('../../assets/fonts/admin/Quicksand-Bold.woff') format('woff'),
        url('../../assets/fonts/admin/Quicksand-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../../assets/fonts/admin/Quicksand-Medium.eot');
    src: url('../../assets/fonts/admin/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/admin/Quicksand-Medium.woff2') format('woff2'),
        url('../../assets/fonts/admin/Quicksand-Medium.woff') format('woff'),
        url('../../assets/fonts/admin/Quicksand-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Balsamiq Sans */
/*
@font-face {
    font-family: 'Balsamiq Sans';
    src: url('../../assets/fonts/admin/BalsamiqSans-Regular.eot');
    src: url('../../assets/fonts/admin/BalsamiqSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/admin/BalsamiqSans-Regular.woff2') format('woff2'),
        url('../../assets/fonts/admin/BalsamiqSans-Regular.woff') format('woff'),
        url('../../assets/fonts/admin/BalsamiqSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Balsamiq Sans';
    src: url('../../assets/fonts/admin/BalsamiqSans-Bold.eot');
    src: url('../../assets/fonts/admin/BalsamiqSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/admin/BalsamiqSans-Bold.woff2') format('woff2'),
        url('../../assets/fonts/admin/BalsamiqSans-Bold.woff') format('woff'),
        url('../../assets/fonts/admin/BalsamiqSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
*/

/**
 *  
 *      Admin Theme
 *  
 */

:root {
    --heading-font: 'Quicksand', 'Balsamiq Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --body-font: 'Quicksand', 'Balsamiq Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

    /* colors */
    --color-primary: #744FC6; /* #027BCE; */
    --color-secondary: #3498db; /* #0496FF; */

    --text-disabled: #a5a5a5;
    --text-muted: #6c757d;
    --sidebar-bg: #efefef;
    --sidebar-text: #00000095;
    --sidebar-active-text: #000000;
    --body-text: #32322C; /* #34495e; */
    --color-light: #dfe4ea;
    --color-error: #ff7675;
    --color-attention: #fdcb6e;
    --color-warning: #e67e22;
    --color-success: #2ed573;

    /* responsive font size */
    --font-size-normal: calc(10px + 0.75vmin); /*calc(10px + 0.75vmin);*/
    --font-size-xs: 10px;
    --font-size-sm: calc(10px + 0.5vmin);
    --font-size-md: calc(10px + 1.5vmin);
    --font-size-lg: calc(10px + 2vmin);
    --font-size-xl: calc(10px + 4vmin);
    --font-size-2xl: calc(10px + 6vmin);
    --font-size-3xl: calc(10px + 8vmin);
    --font-size-high: calc(10px + 14vmin);

    /* z-index */
    --zi-sticky-top: 100;
    --zi-nav-bar:105;
    --zi-busy:110;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b7b9cc !important;
    font-size: var(--font-size-sm);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: var(--font-size-sm);
    font-size: var(--font-size-sm);
    color: #b7b9cc !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-size: var(--font-size-sm);
    color: #b7b9cc !important;
}

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    color: var(--body-text);
    font-family: var(--body-font); 
    font-size: var(--font-size-normal);
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    line-height: 1.15;
    margin: 0;
}

/*
h1, .h1 { font-size: calc(var(--font-size-normal) + 6vmin); }
h2, .h2 { font-size: calc(var(--font-size-normal) + 5vmin); }
h3, .h3 { font-size: calc(var(--font-size-normal) + 3vmin); }
h4, .h4 { font-size: calc(var(--font-size-normal) + 2vmin); }
h5, .h5 { font-size: calc(var(--font-size-normal) + 1vmin); }
*/

/* links */
a {
    text-decoration: none;
    /*color: inherit;*/
}

/*
a:hover {
    color: inherit;
}
*/

a.external-link::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM0ODM0ZDQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWV4dGVybmFsLWxpbmsiPjxwYXRoIGQ9Ik0xOCAxM3Y2YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0yVjhhMiAyIDAgMCAxIDItMmg2Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iMTUgMyAyMSAzIDIxIDkiPjwvcG9seWxpbmU+PGxpbmUgeDE9IjEwIiB5MT0iMTQiIHgyPSIyMSIgeTI9IjMiPjwvbGluZT48L3N2Zz4=);
    margin: 0 3px 0 7px;
}

/* list items */
.list-type-none { list-style-type: none !important; }
.list-type-none li::before { content: unset !important; }

/* background */
.bg-attention { background-color: var(--color-attention); }
.bg-light2 { background-color: #EEF0EB;}
.bg-grey, .bg-gray { background-color: #EFF3F5; }
.bg-danger,
.bg-error {
	background-color: #f6e3e0 !important;
}

/* text */
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-black { color: black !important; }
.text-muted { color: var(--text-muted); }
.text-dim { color: #efefef; }
.text-disabled { color: var(--text-disabled); }
.text-warning { color: var(--color-warning) !important;}
.text-succes { color: var(--color-success);}
.text-nowrap { white-space: nowrap; }
.text-underline { display:inline-block; border-bottom: 1px solid #00000040; }
.text-strike { text-decoration: line-through; }
.text-strike.mute,
.text-strike.mute * {
    color: var(--color-light) !important;
}

.text-nowrap {
	white-space: nowrap;
}


/* line height */
.lh-1 { line-height: 1;}
.lh-sm { line-height: 1.25;}
.lh-base { line-height: 1.5;}
.lh-lg { line-height: 2;}

/* letter spacing */
.ls-normal,
.ls-none { letter-spacing: normal !important; }
.ls-compact { letter-spacing: -1px !important; }
.ls-comfy { letter-spacing: 1px !important; }
.ls-expanded { letter-spacing: 2px !important; }

.font-weight-md,
.font-weight-semi-bold { font-weight: 600 !important; }

.font-size-normal           { font-size: var(--font-size-normal) !important; }
.font-size-xs               { font-size: var(--font-size-xs) !important; }
.font-size-sm               { font-size: var(--font-size-sm) !important; }
.font-size-md               { font-size: var(--font-size-md) !important; }
.font-size-lg               { font-size: var(--font-size-lg) !important; }
.font-size-xl               { font-size: var(--font-size-xl) !important; }
.font-size-2xl              { font-size: var(--font-size-2xl) !important; }
.font-size-3xl              { font-size: var(--font-size-3xl) !important; }
.font-size-high             { font-size: var(--font-size-high) !important; }

.font-verdana { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.font-monospace { font-family: monospace; }

/* forms & validation */
label.has_error, label.invalid { color: var(--red) !important; }
textarea.has_error, input.has_error, input.invalid { border-color: var(--red) !important; }
textarea.resize-none { resize: none;}

/* images */
img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

pre, code {
    white-space: pre-wrap;
}

.cursor-pointer{
    cursor: pointer;
}

/*
    ----------   ----------   ----------   ----------   

    tweak 'SB Admin'

    ---
*/

        .nav-tabs .nav-item.show .nav-link, 
        .nav-tabs .nav-link.active {
            border-color: #dddfeb #dddfeb #fff;
        }

        .nav-tabs .nav-link {
            color: #6e707e !important;
            background-color: #EEF0EB;
            border-bottom-color: #dddfeb;
        }

        /*
        .nav-tabs .nav-link.active {
            background-color: transparent;
        }
        */

    .table-hover tbody tr:hover {
        color: unset;
        background-color: rgba(0,0,0,.025);
    }

    button:focus {
        outline: 0;
    }

    .sticky-top.shadow {
        box-shadow: 1.25rem .15rem 1.75rem 0 #00000030 !important;
    }
    .navbar {
        z-index: var(--zi-nav-bar);
    }

    .sidebar .nav-item .collapse .collapse-inner .collapse-item, 
    .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
        padding: .20rem 1rem;
    }

    .sidebar .nav-item .collapse .collapse-inner .collapse-item.active, 
    .sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
        background-color: #eaecf4;
    }

    #wrapper #content-wrapper {
        overflow-x: unset;
    }

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

        .sidebar .sidebar-heading {
            color: darkgray;
            margin-top: 15px;
        }

        .sidebar a {
            color: var(--body-text);
            font-weight: 500;
        }

        .sidebar .nav-item.active a, 
        .sidebar .nav-item .collapse .collapse-inner .collapse-item.active {
            color: var(--sidebar-active-text);
        }

        .sidebar .sidebar-brand {
            text-transform: unset;
            text-align: unset;
            /*color: black;*/
            line-height: 1.25;
            flex-direction: column;
            align-items: center;
        }

        .sidebar .sidebar-brand .sidebar-brand-text {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 1rem;
        }

        .sidebar .sidebar-brand sup {
            opacity: 0.5;
            font-size: 0.75rem;
        }
        .sidebar .sidebar-brand small {
            font-size: 0.85rem;
        }

            .sidebar .sidebar-brand .sidebar-brand-icon img { 
                width: 40px; 
            }

            .sidebar .nav-item .nav-link img {
                width: 25px;
            }

        .sidebar-light .nav-item .nav-link,
        .sidebar-light .nav-item .nav-link i {
            color: #707070;
        }

        .sidebar-light .nav-item .nav-link:active, 
        .sidebar-light .nav-item .nav-link:focus, 
        .sidebar-light .nav-item .nav-link:hover {
            color: black;
        }

    footer.sticky-footer {
        padding: 0.75rem 0;
    }

    .sidebar hr {
        border-top: 1px solid rgba(0,0,0,.05);
    }

    
@media (min-width: 768px) {
    .sidebar {
        width: 200px!important;
    }

        .sidebar .nav-item .nav-link {
            width: unset;
        }

        .sidebar .nav-item .collapse .collapse-inner, 
        .sidebar .nav-item .collapsing .collapse-inner {
            min-width: unset;
        }        

    #sidebarToggle {
        position: absolute;
        right: 0;
        top: 0;
    }

    .sidebar.toggled .sidebar-brand .sidebar-brand-text {
        display: flex;
    }
    
    .sidebar:not(.toggled) .sidebar-brand {
        flex-direction: unset;
    }

    .sidebar:not(.toggled) .sidebar-brand .sidebar-brand-text {
        margin-top: unset;
    }

    /* systray */
    .sidebar.toggled .sidebar-systray {
        justify-content: center !important;
    }
        .sidebar.toggled .sidebar-systray i {
            font-size: .85rem;
        }

    /* branding */
    .sidebar.toggled a.sidebar-brand {
        margin: auto;
    }

    /* nav items */
    .sidebar .nav-item .nav-link {
        padding: 0.35rem 1rem;
    }

    .sidebar .nav-item .nav-link > .img { width: 30px;}
    .sidebar .nav-item .nav-link img { width: 18px;}

    .sidebar:not(.toggled) .nav-item .nav-link {
        display: flex;
        align-items: center;
    }

    .sidebar:not(.toggled) .nav-item .nav-link > i:not(.img) { width: 22px; font-size: .7rem; color: var(--text-muted); }
    .sidebar:not(.toggled) .nav-item .nav-link > span { flex-grow: 1; font-size: var(--font-size-normal); }
}

/*
    ----------   ----------   ----------   ----------   

    tweak bootstrap styles

    ---
*/

    /* flex grid */
    .flex-even {
        flex: 1;
    }


    /* tooltips */
    .tooltip-inner {
        background-color: #2143ac;
        font-weight: lighter;
        padding: 7px 10px !important;
    }
    .tooltip.bs-tooltip-right .arrow:before {
        border-right-color: #2143ac !important;
    }
    .tooltip.bs-tooltip-left .arrow:before {
        border-left-color: #2143ac !important;
    }
    .tooltip.bs-tooltip-bottom .arrow:before {
        border-bottom-color: #2143ac !important;
    }
    .tooltip.bs-tooltip-top .arrow:before {
        border-top-color: #2143ac !important;
    }

    /* sticky bar */
    .sticky-top {
        z-index: var(--zi-sticky-top) !important;
    }

    /* buttons */
    .btn-primary,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:not(:disabled):not(.disabled):active {
        background-color: var(--color-primary);
        border-color: var(--color-primary);
    }

    .btn-secondary,
    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:not(:disabled):not(.disabled):active {
        background-color: var(--color-secondary);
        border-color: var(--color-secondary);
    }

    .btn-light {
        background-color: #e8e8e8;
        border-color: #e8e8e8;
    }
  
    .btn-white {
        background-color: rgb(255 255 255 / 95%);
        color: rgb(0 0 0 / 75%);
    }

    .btn-white:hover,
    .btn-white:focus {
        background-color: white;
        color: black;
    }

    .btn-bold {
        border-color: #1cc88ad9;
        background-color: #1cc88ad9;
        color: white !important;
    }
    
        .btn-bold:hover {
            border-color: #1cc88a;
            background-color: #1cc88a;
        }

    .btn-error {
        border-color: #ffdddd80;
        background-color: #ffdddd80;
        color: var(--color-error) !important;
    }

        .btn-error:hover {
            border-color: #ffdddd;
            background-color: #ffdddd;
            color: red !important;
        }

    .btn-disabled {
        background-color: var(--color-light) !important;
        border-color: var(--color-light) !important;
        color: var(--text-disabled) !important;
        opacity: 0.4;
    }

    /* form controls */
    .form-control:not(.is-invalid):not(:invalid) {
        color: black;
        border-color: #c3c3c3 !important;
    }

    .custom-file,
    .custom-file-label,
    .form-control {
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        /*font-size: unset;*/
    }

    .btn-outline-secondary,
    .form-control:not(.is-invalid):not(:invalid) {
        border-color: #c3c3c3 !important;
    }

        .form-control:focus {
            color: black;
            border-color: #c3c3c3 !important;
            box-shadow: 0 0 0 0.4rem rgba(78,115,223,.1);
        }

        input.form-control[type="checkbox"]:focus {
            border-color: transparent;
            box-shadow: none;
        }

        .form-control.shadow-0:focus,
        .form-control.no-shadow:focus {
            box-shadow: none !important;
        }

    .form-wrapper label {
        font-family: var(--font-family-sans-serif);
        color: var(--gray-dark);
    }

    /* custom controls */
    .custom-control-input.success:checked~.custom-control-label::before {
        color: #fff;
        border-color: #4edf82;
        background-color: #4edf82;
    }

    .custom-control-input.error:checked~.custom-control-label::before,
    .custom-control-input.danger:checked~.custom-control-label::before {
        color: #fff;
        border-color: var(--color-error);
        background-color: var(--color-error);
    }
    
    /*
    .custom-control-input.primary:checked~.custom-control-label::before {
        color: #fff;
        border-color: #4e73df;
        background-color: #4e73df;
    }
    */

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow:none !important;
    }

    .form-control.no_match {
        border-color: #e74c3c !important;
    }

    .custom-select {
        color: black;
    }

    .custom-select option:disabled {
        color: #929292 !important; /* var(--text-muted) !important; */
    }

    /* table */
    .table-sm td, .table-sm th {
        padding: .5rem;
    }

    .table tbody.bordr-top-0 > tr:first-child > td {
        border-top: unset;
    }

    .borderless td, .borderless th {
        border: none;
    }

    .table .border-bottom-0,
    .table .border-bottom-0 td,
    .table .border-bottom-0 th {
        border-bottom: none;
    }

    .table .border-top-0,
    .table .border-top-0 td,
    .table .border-top-0 th {
        border-top: none;
    }

    /*
    .table td, .table th {
        color: black;
    }
    */


    @media (min-width: 576px) {
    }
    
    /*
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    */


    /* search bar*/
    .search-bar .form-control {
        padding-left: 2.375rem;
        position: relative;
    }
    
    .search-bar .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }

    .search-bar-sm .form-control {
        padding-left: 2rem;
    }

    .search-bar-sm .form-control-feedback {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
    }

    /* tabs */
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        font-weight: 600;
        color: black;
        /*
        color: #6e707e;
        background-color: #fff;
        border-color: #dddfeb #dddfeb #fff;
        */
    }    


    /* fluid image */
    .img-fluid.size-xs { max-width: 16px; }
    .img-fluid.size-sm { max-width: 24px; }
    .img-fluid.size-normal { max-width: 32px; }
    .img-fluid.size-md { max-width: 48px; }
    .img-fluid.size-lg { max-width: 64px; }

/*
    ----------   ----------   ----------   ----------   

    Page specific Styles

    ---
*/

/* 
    global
    ---
    ***/

/* checkbox button */

    .onoff-link {
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin: 0;
    }

        .onoff-link > input {
            position: absolute;
            margin: -1px!important;
            border: 0!important;
            padding: 0!important;
            width: 1px!important;
            height: 1px!important;
            overflow: hidden!important;
            clip: rect(0 0 0 0)!important;
            text-transform: none!important;
            white-space: nowrap!important;
        }

        .onoff-link > span
         {
            font-weight: bold;
            color: var(--text-muted);
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 10px;
            margin-left:25px ;
            border-bottom: 2px solid transparent;
        }

        .onoff-link.first > span
         {
            margin-left:0;
         }
        
        .onoff-link.active > span,
        .onoff-link > input:checked + span {
            color: var(--color-primary);
            border-bottom-color: var(--color-primary);
        }

        /* button styled */

        .onoff-link.button > input + span {
            font-weight: inherit;
            padding: 7px 10px;
            margin:0 ;
            border: 1px solid #dadada;;
        }

        .onoff-link.button > input:checked + span {
            background-color: var(--color-primary);
            border-color: var(--color-primary);
            color: white;
        }

        .onoff-link.button:not(.first) > span {
            border-left: 0px;
        }


/* status pills */

    .status_pill {
        background-color: #ebf0f5; /*var(--color-light);*/
        border-radius: 50vh;
        padding: 3px;
        padding-left: 10px;
        padding-right: 15px;
        white-space: nowrap;
        color: var(--text-muted);
        text-transform: uppercase;
        font-size: var(--font-size-sm);
        font-weight: 600;
    }

        .status_pill::before {
            content: '\2B24';
            color: inherit;
            display: inline-block;
            margin-right: 5px;
        }

    /* Pending */
    .status_pill.unpaid,
    .status_pill.pod,
    .status_pill.payment_status_0,
    .status_pill.fulfillment_status_0 {
        background-color: #fff2d6;
        color: #e89e00;
    }

    /* Success */
    .status_pill.payment_status_1,
    .status_pill.fulfillment_status_1 {
        background-color: #d8ecda;
        color: #2aa52c;
    }

    /* Partial */
    .status_pill.fulfillment_status_2 {
        background-color: #f6ffd6;
        color: #a3d800;
    }

    /* Refunded */
    .status_pill.payment_status_2 {
        background-color: #a29bfe;
        color: white;
    }

    /* Failed */
    .status_pill.payment_status_3 {
        background-color: #fae7e6;
        color: #ce0e02;
    }

    /* cancelled */
    .status_pill.payment_status_4,
    .status_pill.order_status_98,
    .status_pill.order_status_99 {
        color: #c0392b;
        text-decoration: line-through;
    }
    


/* DATA TABLE (LIST) */

    #DT table thead { color: black }
    #DT table tbody { color: var(--body-text); }

/* TITLE SECTION */

    .title-section {
        display: flex;
        align-items: stretch;
        top: 0; 
        background-color: #f8f9fc !important; 
        margin: -1.5rem; 
        margin-bottom: 4rem;
        padding: 1rem 1.5rem;
    }

        .title-section .h-block {
            display: inline-flex;
            align-items: center;
            margin-right: auto;
        }

            .title-section .h-block .h {
                font-size: var(--font-size-md);
                margin:0;
                font-weight: 600;
            }


/* Highlight a section */

    div.highlighted {
        position: relative;
    }
    div.highlighted > div.overlay {
        position: fixed;
        top: 0; left: 0;
        bottom: 0; right: 0;
        background-color: rgba(0,0,0,.25);
        z-index: calc(var(--zi-nav-bar)+1);
    }

    div.highlighted > div.overlay + div {
        position: relative;
        z-index: calc(var(--zi-nav-bar)+2);
    }

/* INPUT SECTION */

    .input-section  {
        margin-bottom: 30px;
        padding: 30px;
        background-color: white;
        border-radius: 3px;

        /*box-shadow: 0 0 2rem rgba(0,0,0,.075)!important;*/
        box-shadow: 0 0 1rem rgba(0,0,0,.075)!important;
    }

    .input-section > .ml-0 { margin-left: -30px !important; }
    .input-section > .mr-0 { margin-right: -30px !important; }
    .input-section > .mt-0 { margin-top: -30px !important; }
    .input-section > .mb-0 { margin-bottom: -30px !important; }

    .input-section.light {
        background-color: var(--light);
        box-shadow: 0 0 2rem rgba(0,0,0,.05)!important;
        border: 1px solid #dcdcdc;
    }

        .input-section > hr {
            margin: 30px -30px;
            /*border-width: 2px !important;*/
            border-color: #dcdcdc!important;
        }

        .input-section .title-bar {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
        }

            .input-section .title-bar .h {
                text-transform: uppercase;
                font-weight: bold;
                margin-right: auto;
                /*
                flex-grow: 1;
                flex-shrink: 1;
                */
            }
                .input-section .title-bar .h span,
                .input-section .title-bar .h small {
                    text-transform: none !important;
                    font-weight: normal !important;
                }

        .input-section label,
        .input-section .label,
        .input-section .h, 
        .section-btn {
            color: #7a7a7a; /*#4a4a4a;*/
            font-size: var(--font-size-sm);
        }

        .input-section .h {
            color: black;
        }

        .input-section label {
            font-weight: 600;
        }
            .input-section label > * {
                font-weight: normal;
            }

        /*
        .input-section input, 
        .input-section textarea {
            border-color: #6d6d6d;
        }
        */

        .section-btn {
            background-color: #dedede; /* #eaecf4d9; */
            padding: 5px 15px;
            
            /*
            height: 50px;
            line-height: 50px;
            */
            border-radius: 4px;
            font-size: var(--font-size-sm);
            font-weight: 500;
            text-decoration: none !important;
        }

            .section-btn.disabled {
                color: inherit !important;
                opacity: 0.5;
                cursor: default;
            }

            .section-btn.btn-md {
                padding: 10px 20px;
                font-size: var(--font-size-normal);
            }

        .section-btn.primary:not(.disabled) {
            background-color: #4e72dfd9;
            color: white;
        }

        .section-btn.bold:not(.disabled) {
            background-color: #1cc88ad9;
            color: white;
        }

            .section-btn:not(.disabled):hover {
                background-color: #eaecf4;
            }

            .section-btn.primary:not(.disabled):hover {
                background-color: #4e73df;
            }

            .section-btn.bold:not(.disabled):hover {
                background-color: #1cc88a;
            }

        .error-msg { display: none; }
        .input-section .input-error {
            display: flex;
            padding: 5px 10px;
            margin: 5px 0;
            align-items: center;
            font-size: var(--font-size-sm) ;
            background-color: #f5d3dd;
        }

            .input-section .input-error::before {
                content: '\26A0';
                font-size: 16px;
                margin-right: 10px;
                color: var(--red);

                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                content: '\f06a';
            }

        .input-section p.editable {
            position: relative;
            padding-right: 50px ;
            background-color: var(--light);
            overflow: hidden;
        }

            .input-section p.editable .edit {
                cursor: pointer;
                position: absolute;
                height: calc(1.5em + .75rem + 2px);
                padding: .375rem .75rem;
                right: 0;
                top: 5px;
            }

/* 
    dashboard
    ---
    ***/

    /*
    .dashboard .cards > div {
        padding: 10px;
    }
    */

    .dashboard .card {
        background-color: white;
        border-color: var(--sidebar-bg);
        border-radius: 0.5rem;
        padding: 20px;
    }

        .dashboard .card .title-bar,
        .dashboard .card .the-numbers {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

            .dashboard .card .title-bar .h,
            .dashboard .card .the-numbers .primary {
                text-transform: uppercase;
                margin-right: auto;
                font-size: var(--font-size-sm);
                color: black;
            }

            .dashboard .card .title-bar .h {
                font-weight: bold;
            }

        /*
        .dashboard .card .the-numbers {
        }
        */

            .dashboard .card .the-numbers .primary {
                font-size: var(--font-size-xl);
            }

            .dashboard .card .the-numbers .up,
            .dashboard .card .the-numbers .down {
                font-size: var(--font-size-md);
                font-weight: bold;
            }

            .dashboard .card .the-numbers .up {
                color: var(--color-success);
            }
            .dashboard .card .the-numbers .down {
                color: var(--color-error);
            }

                .dashboard .card .the-numbers .up:before{
                    content: '\f062';
                }
                .dashboard .card .the-numbers .down:before{
                    content: '\f063';
                }

                .dashboard .card .the-numbers .up:before,
                .dashboard .card .the-numbers .down:before{
                    color: inherit;
                    display: inline-block;
                    margin-right: 5px;

                    font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
                }

                .dashboard .card .the-numbers .up:after,
                .dashboard .card .the-numbers .down:after{
                    content: '%';
                    color: inherit;
                    display: inline-block;
                    font-weight: inherit;
                }

        .dashboard .card .chart {
            height: 120px;
        }

        /*
        .dashboard .card .chart text[text-anchor="middle"]{
            display:none
        }
        */

/* 
    buyer/seller profile
    ---
    draft       - #34495E
    unverified  - #F1C40F
    active      - #30CB83
    awaiting    - #9B59B6
    provisional - #54A0FF
    blocked     - #EC2A5F
    ***/
    
    /* status */
    .status .bullet, 
    /*.seller-profile .status .description { color: #697a96; }*/

    .status.active .bullet { color: #30CB83; }
    .status.awaiting .bullet { color: #ce79f1; }
    .status.provisional .bullet { color: #54A0FF; }
    .status.unverified .bullet { color: #F1C40F; }
    .status.blocked .bullet, 
    .status.blocked .description { color: #EC2A5F; }

    .status.active .description {
        font-weight: bold;
    }
    

    /* account blocked */

    .buyer-profile.blocked .buyer-name,
    .seller-profile.blocked .seller-name {
        color: #eb3b5a !important;
    }

/* 
    product entry 
    ---
    ***/

    #uploaded-images,
    #image-container {
        position: relative;
        z-index: 1;
        background-color: white;
    }

    #image-container ~ div.position-absolute {
        top: 0;
        left: 0; 
        width: 100%; 
        height: 100%;
        opacity: 0.05;
    }

    #uploaded-images img {
        pointer-events: none;
        height:auto; 
        width:100%;
    }

    #uploaded-images .image-wrapper:not(.flex-nowrap) {
        /*border: 3px solid white;*/
        padding:5px;

        width:150px; 
        height:150px;
        overflow: hidden;
        cursor:move;

        /*
        background-size: 100% auto;
        background-repeat: no-repeat;
        */

    }


/* 
    settings
    ---
    ***/

    #app-settings {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        #app-settings > a {
            width: 250px;
            height: 200px;
            padding: 50px 30px;
            background-color: #efefef;
            margin: 7px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            text-decoration: none;
        }

        #app-settings > a:hover {
            background-color: #eaeaea;
        }

            #app-settings > a > i {
                margin-bottom: auto;
                font-size: 24px;
            }

            #app-settings > a > img,
            #app-settings > a > i > img {
                width: auto;
                height: 40px;
                margin-bottom: auto;
            }

            #app-settings > a > .h {
                font-size: var(--font-size-normal);
                font-weight: bold;
                color: black;
            }

        #app-settings > a > .desc {
            margin-top: 10px;
            font-size: var(--font-size-sm);
            font-weight: normal;
            line-height: 1.25;
            color: #656565;
        }

/* 
    store navigation
    ---
    ***/

    /**
    *   Enhancements by Flaxicom
    */

    .dd {
        max-width: unset !important;
        width: unset !important;
        float: unset !important;
    }

        .dd .dd3-item .dd3-content {
            padding-right: 100px;
            background: #f0f0f0 !important;
            
        }

        .dd .dd3-item .dd3-content, 
        .dd .dd3-item .dd3-handle { 
            border-color: #efefef !important;
        }

        .dd .dd3-item.editing,
        .dd .dd3-item.editing > span {
            /*border-width: 0px !important;*/
            background: #e5e5e5 !important;
        }

            .dd .dd3-item.editing .dd3-handle { 
                background: #dfdfdf !important; 
            }

        .dd .dd3-item .controls {
            position: absolute;
            margin: 0;
            top: 0;
            right: 0;
            width: 100px;
            height: 30px;
            padding: 5px;
            display: none;
            align-items: center;
            justify-content: flex-end;
            color: var(--text-muted);
        }
            .dd:not(.dd-nodrag) .dd3-item:hover > .controls {
                display: flex;
            }

            .dd .dd3-item .controls > * {
                margin-right: 10px;
                cursor: pointer;
            }

            .dd .dd-dummy .controls .edit-item,
            .dd .dd-dummy .controls .remove-item {
                display: none;
            }

        .dd .dd-href { display: none; }



/**
 *  --- Global Styles
---------------------------------------------------------*/

/*
    Datalist
    ---
*/

    .dList-NoMatch,
    .dList-Match {
        position: relative;
    }

    .dList-NoMatch::before,
    .dList-Match::before {
        position: absolute;

        width: 26px;
        height: 26px; /*100%;*/
        line-height: 24px;
        margin-left: -18px;
        left: 0;
        top: 5px; /* calc(50% - 13px); */

        display: inline-flex;
        align-items: center;
        justify-content: center;

        font-family: 'Font Awesome 5 Free';
        font-size: 14px;
        font-weight: 900;

        background-color: white;
        border-radius: 50%;
        border: 1px solid transparent;

        z-index: 1;
    }

    .dList-Match::before {
        content: "\f00c";
        background-color: #e8fff4;
        color: #0be881;
    }
    
    .dList-NoMatch::before {
        content: "\f00d";
        background-color: #ffeae8;
        color: #e74c3c;
    }
/*  
    Styles for empty list
    ---
*/

    .list_is_empty {
        text-align: center;
        padding: 2rem;
    }
    
    .list_is_empty img {
        margin: 1rem auto;
        width: 100%; height: auto;
        max-width: 150px;
        border: none;
    }

    .list_is_empty .btn {
        margin: 1rem auto;
    }

   
/*
    data table
    ---
*/
    table[class^="dt-"] td {
        vertical-align: middle;
    }

    .dt_context_menu {
        margin-right:2.5em !important;
    }

    .dt_context_menu li a {
        display: block;
        padding: 0 1em;
        padding-left: 2.5em;
        line-height: 1.75em;
        color: var(--color-bodytext);

        background: transparent no-repeat 0.75em center;
        background-size: auto 1em; /* width height */

        transition: none;
    }

    .dt_context_menu li a:hover {
        background-color: var(--primary-lighter)
    }
    .dt_context_menu li a.dt_delete:hover {
        color: white;
        background-color: var(--danger);
    }

    .dt_actions > li {
        display: inline-block;
    }
    
    .dt_delete, .dt_edit { 
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;

        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;

        color: white !important;
        margin: 0 3px;
    }

    .dt_delete          { background-color: #d9534f; border-color: #d43f3a; }
    .dt_delete:hover    { background-color: #c9302c; border-color: #ac2925; }
    .dt_edit            { background-color: #f0ad4e; border-color: #eea236; }
    .dt_edit:hover      { background-color: #ec971f; border-color: #d58512; }

    .dt_delete:hover, .dt_edit:hover {
        color: white !important;
    }


    /* pagination */
    .dt_pagination {
        display: flex;
        /*align-items: stretch;*/
    }

    .dt_pagination > div {
        /*flex: 1;*/
        /*background: #efefef;*/
        /*width: 50%;*/
        padding: 0.5em;
        margin: 0.5em 2px;
    }

    .dt_pagination > div:last-child { text-align: right }
    .dt_bulk_action {
        flex: 1;
        padding: 0;
        align-self: center;
        margin: 0;
    }
        .dt_bulk_action ul {
            padding: 0;
            margin: 0;
        }

    .dt_wrapper_pagenav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
        margin-left: auto !important;
    }

        .dt_wrapper_pagenav .dt_pageinfo {
            padding: 0;
            display: inline-block;
            margin-right: 15px;
        }

            .dt_wrapper_pagenav .dt_pageinfo::before {
                content: 'Showing ';
            }

            .dt_wrapper_pagenav .dt_pageinfo::after {
                content: ' Results';
            }
            
        .dt_wrapper_pagenav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: nowrap;
        }

        .dt_wrapper_pagenav ul a {
            display: block;
            padding: 0 5px;
        }

    .dt_pagination .dt_nav { 
        /*display: inline-block; */
        color: var(--body-text); 
    }

    .dt_action.dt_delete,
    .dt_context_menu .dt_delete { background-image: url('../images/admin/icons/data-delete.svg'); }

    .dt_action.dt_edit,
    .dt_context_menu .dt_edit { background-image: url('../images/admin/icons/data-edit.svg'); }


/*
    Tags
    ---
*/
    .tags > span {
        display: inline-block;
        padding: 0 10px;
        position: relative;
        padding-right: 24px;
        font-size:14px;
        line-height: 30px;
        margin: 3px;
        background-color: white; /* #e74c3c15; */
        color: black;
        border: 1px solid #00000040;
        border-radius: 5px;
    }

        .tags > span > span.remove-tag {
            margin-left: 10px;
        }

        .tags > span > span.prefix {
            margin-right: 5px;
        }

        .tags > span > span.remove-tag::after {
            content: '\2715';
            position: absolute;
            right: 0; 
            cursor: pointer;
            padding: 0 7px;
            background: rgba(0,0,0,0.15);
        
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }
    
        .tags > span:hover > span.remove-tag::after {
            opacity: 1;
        }

    .tags > span.hasKey {
        background-color: #dfe6e9;
    }
    
    .tags > span.hasKey,
    .tags > span.hasKey > span.remove-tag::after {
        color: black;
        border-color: transparent;
    }

    /* bullted tags */

    .tags.bullets > span {
        display: flex;
        align-items: flex-start;
        padding: 0;
        margin: 3px 0;
        font-size: unset;
        line-height: unset;
        background-color: unset;
        border: unset;

        padding: 4px 0;
        border-bottom: 1px solid #f0f0f0;
    }
        .tags.bullets > span::before {
            content: '\25CF';
            margin-right: 10px;
        }

        .tags > span > span.remove-tag::after {
            background: transparent;
            color: black;
            opacity: 0.5;
        }


/*
    Modal Form - used with
*/

.quick_create {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--zi-busy);
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .quick_create > div {
        width: 90%;
        max-width: 700px;
        position: relative;
        background: #ffffff;
        color: #333333;
        padding: 2em;
    }

    .quick_create .header-bar {
        margin: -2em;
        margin-bottom: 2em;
        padding: 1em 2em;
        background-color: #efefef;

        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

        .quick_create .header-bar .form-close {
            color: var(--text-muted);
            margin-left: auto;
        }

        .quick_create .header-bar .form-close:hover {
            color: #000;
        }

            .quick_create .header,
            .quick_create .form-command {
                display: flex;
                flex-wrap: nowrap;
                flex-direction: row;
                justify-content: flex-end;
                align-items: stretch;
            }
    
            .quick_create .header {
                line-height: unset;
                font-size: unset;
                justify-content: flex-start;
            }

            .quick_create .header .title {
                font-size: var(--font-size-lg);
                font-weight: bold;
                margin: 0;
            }

            .quick_create .header span:not(.title) span {
                background-color: var(--primary);
                color: white;
                display: inline-block;
                margin-right: 10px;
                padding: 5px 10px;
                border-radius: 5px;
                font-size: var(--font-size-sm);
                font-weight: normal;
                text-transform: capitalize;
            }

            .quick_create .form-command > *:not(:first-child) {
                margin-left: 5px;
            }

    
/*
    Message Box
    ---
    # usage → 
        msgbox('detailed message')
        error('title', 'detailed message');
        success('title', 'detailed message');

*/
    .modal-window {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.25);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: var(--zi-busy); /* 1499; */
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .modal-window.open {
            opacity: 1;
            pointer-events: auto;
        }

        .modal-window > div {
            width: 90%;
            max-width: 500px;
            position: relative;
            
            /*
            position: absolute;
            top: 50%;
            left: 50%;

            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            */

            background: #ffffff;
            color: #333333;

            padding: 2em;
            padding-left: 5.75em;
        }
        .modal-window header {
            font-weight: bold;
        }
        .modal-window h1 {
            font-size: 30px;
            font-weight: bold;
            margin: 0 0 15px;
            color: black;
        }

            .modal-window h1 > i {
                position: absolute;
                font-size: 40px;
                left: 25px;
            }
        
        .modal-close {
            color: #aaa;
            line-height: 50px;
            font-size: 80%;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 70px;
            text-decoration: none;
        }

        .modal-close:hover {
            color: #000;
        }

        .modal-close.btn {
            background-color: var(--primary);
            color: white;

            padding: 0.7em 2em;
            margin: 2em auto 0;
            /*display: table;*/

            line-height: 1;
            position: unset;
            width: unset;
        }

        .modal-close.btn.error { background-color: var(--danger); color: white; }
        .modal-close.btn.success { background-color: var(--success); }

    .modal-icon {
        /*
        display: inline-block;
        vertical-align: middle;
        */

        position: absolute;
        left: 1em; top: 1em;

        width: 2em;
        height: 2em;
        background: transparent no-repeat center center;
        background-size: contain;
        background-image: url(../images/admin/icons/msg_info.svg);
    }

    .modal-icon.success {
        background-image: url(../images/admin/icons/msg_success.svg);
    }

    .modal-icon.error {
        background-image: url(../images/admin/icons/msg_error.svg);
    }

    .modal-msg { color: unset; }
    .modal-msg[type=error] { color: var(--danger); }
    .modal-msg[type=success] { color: var(--success); }

    .gump-field { 
        font-weight: bold; 
        display: inline-block; 
        border-bottom-width: 1px; 
        border-bottom-style:solid; 
        padding: 3px;
    }

/*
    Three Dot Dropdown
    ---
*/

.three-dots {
    cursor: pointer;
}

    .three-dots .three-dots-dd {
        position: absolute;
        right: 10px;
        background-color: white;
        border: 1px solid rgb(0 0 0 / 20%);
        outline: none;
        margin: 0;
        padding: 10px;
        border-radius: 5px;

        opacity: 0;
        z-index: -1;
        max-height: 0;
        transition: opacity 0.1s, z-index 0.1s, max-height 0.5s;
    }

    .three-dots ul.three-dots-dd {
        list-style: none;
    }

        .three-dots .three-dots-dd .list-item {
            padding: 0.5rem;
            padding-right: 1rem;
            min-width: 100px;
            line-height: 1;            
        }

        .three-dots .three-dots-dd .list-item:hover {
            background-color: var(--color-light);
            border-radius: 0.25rem;
        }

.three-dots:focus {
    outline: none;
}

    .three-dots:focus .three-dots-dd {
        opacity: 1;
        z-index: 1;
        max-height: 100vh;
        transition: opacity 0.2s, z-index 0.2s, max-height 0.2s;
        /*box-shadow: 1.25rem .15rem 1.75rem 0 #00000030 !important;*/
        box-shadow: 0.15rem 0.35rem 1.5rem 0 #00000030 !important;
    }


/**
 *  --- Header Section
---------------------------------------------------------*/


/**
 *  --- Header Section
---------------------------------------------------------*/


/**
 *  --- Main Section
---------------------------------------------------------*/

/*
#sidebar {
    flex-grow: 0;
    flex-shrink: 0;

    border: 1px solid #efefef;
}

#sidebar + div {
    flex-grow: 1;
    flex-shrink: 1;
}

#sidebar, #sidebar + div {
    flex-basis: 100%;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    #main {
        padding: 0;
        margin: 0;
        min-height: 100%;
    }
    
    #sidebar {
        flex-basis: 250px;
    }

    #sidebar + div {
        flex-basis: unset;
    }
}
*/




/**
 *  --- Footer Section
---------------------------------------------------------*/

/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

 .flag {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 11px;
	background: url('../../assets/img/flags.png') no-repeat
}

.flag.flag-gu {
	background-position: -96px -55px
}

.flag.flag-mn {
	background-position: -208px -88px
}

.flag.flag-va {
	background-position: -48px -154px
}

.flag.flag-tibet {
	background-position: -32px -143px
}

.flag.flag-fo {
	background-position: -64px -44px
}

.flag.flag-th {
	background-position: -16px -143px
}

.flag.flag-tr {
	background-position: -144px -143px
}

.flag.flag-tl {
	background-position: -80px -143px
}

.flag.flag-kz {
	background-position: -144px -77px
}

.flag.flag-zm {
	background-position: -16px -165px
}

.flag.flag-uz {
	background-position: -32px -154px
}

.flag.flag-dk {
	background-position: -64px -33px
}

.flag.flag-scotland {
	background-position: -176px -121px
}

.flag.flag-gi {
	background-position: -224px -44px
}

.flag.flag-gy {
	background-position: -128px -55px
}

.flag.flag-bj {
	background-position: -112px -11px
}

.flag.flag-fr {
	background-position: -80px -44px
}

.flag.flag-mo {
	background-position: -224px -88px
}

.flag.flag-ir {
	background-position: -112px -66px
}

.flag.flag-io {
	background-position: -80px -66px
}

.flag.flag-tm {
	background-position: -96px -143px
}

.flag.flag-ch {
	background-position: -96px -22px
}

.flag.flag-mt {
	background-position: -32px -99px
}

.flag.flag-nl {
	background-position: -240px -99px
}

.flag.flag-gp {
	background-position: -16px -55px
}

.flag.flag-im {
	background-position: -48px -66px
}

.flag.flag-tv {
	background-position: -176px -143px
}

.flag.flag-mu {
	background-position: -48px -99px
}

.flag.flag-pe {
	background-position: -96px -110px
}

.flag.flag-vi {
	background-position: -112px -154px
}

.flag.flag-hn {
	background-position: -176px -55px
}

.flag.flag-ss {
	background-position: -128px -132px
}

.flag.flag-ae {
	background-position: -16px 0
}

.flag.flag-td {
	background-position: -240px -132px
}

.flag.flag-pw {
	background-position: 0 -121px
}

.flag.flag-nu {
	background-position: -32px -110px
}

.flag.flag-bt {
	background-position: -208px -11px
}

.flag.flag-ms {
	background-position: -16px -99px
}

.flag.flag-cv {
	background-position: -240px -22px
}

.flag.flag-es {
	background-position: -224px -33px
}

.flag.flag-mh {
	background-position: -144px -88px
}

.flag.flag-la {
	background-position: -160px -77px
}

.flag.flag-vn {
	background-position: -128px -154px
}

.flag.flag-py {
	background-position: -16px -121px
}

.flag.flag-br {
	background-position: -176px -11px
}

.flag.flag-ye {
	background-position: -224px -154px
}

.flag.flag-ie {
	background-position: 0 -66px
}

.flag.flag-gh {
	background-position: -208px -44px
}

.flag.flag-cg {
	background-position: -80px -22px
}

.flag.flag-cu {
	background-position: -224px -22px
}

.flag.flag-hu {
	background-position: -224px -55px
}

.flag.flag-sg {
	background-position: -224px -121px
}

.flag.flag-at {
	background-position: -176px 0
}

.flag.flag-lk {
	background-position: -224px -77px
}

.flag.flag-vu {
	background-position: -144px -154px
}

.flag.flag-bo {
	background-position: -160px -11px
}

.flag.flag-jo {
	background-position: -208px -66px
}

.flag.flag-er {
	background-position: -208px -33px
}

.flag.flag-za {
	background-position: -256px -154px
}

.flag.flag-rs {
	background-position: -80px -121px
}

.flag.flag-nr {
	background-position: -16px -110px
}

.flag.flag-ls {
	background-position: -256px -77px
}

.flag.flag-jm {
	background-position: -192px -66px
}

.flag.flag-tz {
	background-position: -208px -143px
}

.flag.flag-ki {
	background-position: -16px -77px
}

.flag.flag-sj {
	background-position: 0 -132px
}

.flag.flag-cz {
	background-position: -16px -33px
}

.flag.flag-pg {
	background-position: -128px -110px
}

.flag.flag-lv {
	background-position: -32px -88px
}

.flag.flag-do {
	background-position: -96px -33px
}

.flag.flag-lu {
	background-position: -16px -88px
}

.flag.flag-no {
	background-position: -256px -99px
}

.flag.flag-kw {
	background-position: -112px -77px
}

.flag.flag-mx {
	background-position: -96px -99px
}

.flag.flag-yt {
	background-position: -240px -154px
}

.flag.flag-ly {
	background-position: -48px -88px
}

.flag.flag-cy {
	background-position: 0 -33px
}

.flag.flag-ph {
	background-position: -144px -110px
}

.flag.flag-my {
	background-position: -112px -99px
}

.flag.flag-sm {
	background-position: -48px -132px
}

.flag.flag-et {
	background-position: -240px -33px
}

.flag.flag-ru {
	background-position: -96px -121px
}

.flag.flag-tj {
	background-position: -48px -143px
}

.flag.flag-ai {
	background-position: -64px 0
}

.flag.flag-pl {
	background-position: -176px -110px
}

.flag.flag-kp {
	background-position: -64px -77px
}

.flag.flag-uy {
	background-position: -16px -154px
}

.flag.flag-gb {
	background-position: -112px -44px
}

.flag.flag-gs {
	background-position: -64px -55px
}

.flag.flag-kurdistan {
	background-position: -96px -77px
}

.flag.flag-rw {
	background-position: -112px -121px
}

.flag.flag-ec {
	background-position: -128px -33px
}

.flag.flag-mm {
	background-position: -192px -88px
}

.flag.flag-pa {
	background-position: -80px -110px
}

.flag.flag-wales {
	background-position: -160px -154px
}

.flag.flag-kg {
	background-position: -256px -66px
}

.flag.flag-ve {
	background-position: -80px -154px
}

.flag.flag-tk {
	background-position: -64px -143px
}

.flag.flag-ca {
	background-position: -16px -22px
}

.flag.flag-is {
	background-position: -128px -66px
}

.flag.flag-ke {
	background-position: -240px -66px
}

.flag.flag-ro {
	background-position: -64px -121px
}

.flag.flag-gq {
	background-position: -32px -55px
}

.flag.flag-pt {
	background-position: -256px -110px
}

.flag.flag-tf {
	background-position: -256px -132px
}

.flag.flag-ad {
	background-position: 0 0
}

.flag.flag-sk {
	background-position: -16px -132px
}

.flag.flag-pm {
	background-position: -192px -110px
}

.flag.flag-om {
	background-position: -64px -110px
}

.flag.flag-an {
	background-position: -112px 0
}

.flag.flag-ws {
	background-position: -192px -154px
}

.flag.flag-sh {
	background-position: -240px -121px
}

.flag.flag-mp {
	background-position: -240px -88px
}

.flag.flag-gt {
	background-position: -80px -55px
}

.flag.flag-cf {
	background-position: -64px -22px
}

.flag.flag-zanzibar {
	background-position: 0 -165px
}

.flag.flag-mw {
	background-position: -80px -99px
}

.flag.flag-catalonia {
	background-position: -32px -22px
}

.flag.flag-ug {
	background-position: -240px -143px
}

.flag.flag-je {
	background-position: -176px -66px
}

.flag.flag-km {
	background-position: -32px -77px
}

.flag.flag-in {
	background-position: -64px -66px
}

.flag.flag-bf {
	background-position: -48px -11px
}

.flag.flag-mc {
	background-position: -80px -88px
}

.flag.flag-sy {
	background-position: -192px -132px
}

.flag.flag-sn {
	background-position: -64px -132px
}

.flag.flag-kr {
	background-position: -80px -77px
}

.flag.flag-eu {
	background-position: -256px -33px
}

.flag.flag-bn {
	background-position: -144px -11px
}

.flag.flag-st {
	background-position: -144px -132px
}

.flag.flag-england {
	background-position: -192px -33px
}

.flag.flag-lc {
	background-position: -192px -77px
}

.flag.flag-dm {
	background-position: -80px -33px
}

.flag.flag-be {
	background-position: -32px -11px
}

.flag.flag-ni {
	background-position: -224px -99px
}

.flag.flag-ua {
	background-position: -224px -143px
}

.flag.flag-mz {
	background-position: -128px -99px
}

.flag.flag-pf {
	background-position: -112px -110px
}

.flag.flag-tn {
	background-position: -112px -143px
}

.flag.flag-ee {
	background-position: -144px -33px
}

.flag.flag-xk {
	background-position: -208px -154px
}

.flag.flag-sx {
	background-position: -176px -132px
}

.flag.flag-sd {
	background-position: -192px -121px
}

.flag.flag-gd {
	background-position: -128px -44px
}

.flag.flag-ci {
	background-position: -112px -22px
}

.flag.flag-sz {
	background-position: -208px -132px
}

.flag.flag-cl {
	background-position: -144px -22px
}

.flag.flag-fi {
	background-position: 0 -44px
}

.flag.flag-ga {
	background-position: -96px -44px
}

.flag.flag-jp {
	background-position: -224px -66px
}

.flag.flag-de {
	background-position: -32px -33px
}

.flag.flag-np {
	background-position: 0 -110px
}

.flag.flag-re {
	background-position: -48px -121px
}

.flag.flag-bg {
	background-position: -64px -11px
}

.flag.flag-sc {
	background-position: -160px -121px
}

.flag.flag-ng {
	background-position: -208px -99px
}

.flag.flag-qa {
	background-position: -32px -121px
}

.flag.flag-mk {
	background-position: -160px -88px
}

.flag.flag-aw {
	background-position: -208px 0
}

.flag.flag-kn {
	background-position: -48px -77px
}

.flag.flag-al {
	background-position: -80px 0
}

.flag.flag-bw {
	background-position: -240px -11px
}

.flag.flag-um {
	background-position: -256px -143px
}

.flag.flag-ky {
	background-position: -128px -77px
}

.flag.flag-tt {
	background-position: -160px -143px
}

.flag.flag-so {
	background-position: -80px -132px
}

.flag.flag-lt {
	background-position: 0 -88px
}

.flag.flag-by {
	background-position: -256px -11px
}

.flag.flag-bb {
	background-position: 0 -11px
}

.flag.flag-us {
	background-position: 0 -154px
}

.flag.flag-md {
	background-position: -96px -88px
}

.flag.flag-ag {
	background-position: -48px 0
}

.flag.flag-hm {
	background-position: -160px -55px
}

.flag.flag-as {
	background-position: -160px 0
}

.flag.flag-eg {
	background-position: -160px -33px
}

.flag.flag-sv {
	background-position: -160px -132px
}

.flag.flag-sl {
	background-position: -32px -132px
}

.flag.flag-fk {
	background-position: -32px -44px
}

.flag.flag-am {
	background-position: -96px 0
}

.flag.flag-ck {
	background-position: -128px -22px
}

.flag.flag-tw {
	background-position: -192px -143px
}

.flag.flag-kh {
	background-position: 0 -77px
}

.flag.flag-to {
	background-position: -128px -143px
}

.flag.flag-se {
	background-position: -208px -121px
}

.flag.flag-cd {
	background-position: -48px -22px
}

.flag.flag-pn {
	background-position: -208px -110px
}

.flag.flag-gr {
	background-position: -48px -55px
}

.flag.flag-id {
	background-position: -256px -55px
}

.flag.flag-vc {
	background-position: -64px -154px
}

.flag.flag-somaliland {
	background-position: -96px -132px
}

.flag.flag-bi {
	background-position: -96px -11px
}

.flag.flag-pk {
	background-position: -160px -110px
}

.flag.flag-pr {
	background-position: -224px -110px
}

.flag.flag-bd {
	background-position: -16px -11px
}

.flag.flag-co {
	background-position: -192px -22px
}

.flag.flag-fm {
	background-position: -48px -44px
}

.flag.flag-bm {
	background-position: -128px -11px
}

.flag.flag-ar {
	background-position: -144px 0
}

.flag.flag-bv {
	background-position: -224px -11px
}

.flag.flag-sb {
	background-position: -144px -121px
}

.flag.flag-mq {
	background-position: -256px -88px
}

.flag.flag-eh {
	background-position: -176px -33px
}

.flag.flag-bh {
	background-position: -80px -11px
}

.flag.flag-it {
	background-position: -144px -66px
}

.flag.flag-hr {
	background-position: -192px -55px
}

.flag.flag-sa {
	background-position: -128px -121px
}

.flag.flag-mv {
	background-position: -64px -99px
}

.flag.flag-mg {
	background-position: -128px -88px
}

.flag.flag-dz {
	background-position: -112px -33px
}

.flag.flag-gg {
	background-position: -192px -44px
}

.flag.flag-gm {
	background-position: -256px -44px
}

.flag.flag-af {
	background-position: -32px 0
}

.flag.flag-li {
	background-position: -208px -77px
}

.flag.flag-sr {
	background-position: -112px -132px
}

.flag.flag-vg {
	background-position: -96px -154px
}

.flag.flag-cr {
	background-position: -208px -22px
}

.flag.flag-tc {
	background-position: -224px -132px
}

.flag.flag-ao {
	background-position: -128px 0
}

.flag.flag-ma {
	background-position: -64px -88px
}

.flag.flag-mr {
	background-position: 0 -99px
}

.flag.flag-gn {
	background-position: 0 -55px
}

.flag.flag-ne {
	background-position: -176px -99px
}

.flag.flag-nf {
	background-position: -192px -99px
}

.flag.flag-wf {
	background-position: -176px -154px
}

.flag.flag-hk {
	background-position: -144px -55px
}

.flag.flag-gf {
	background-position: -160px -44px
}

.flag.flag-ps {
	background-position: -240px -110px
}

.flag.flag-ic {
	background-position: -240px -55px
}

.flag.flag-cw {
	background-position: -256px -22px
}

.flag.flag-ml {
	background-position: -176px -88px
}

.flag.flag-ax {
	background-position: -224px 0
}

.flag.flag-gl {
	background-position: -240px -44px
}

.flag.flag-dj {
	background-position: -48px -33px
}

.flag.flag-cn {
	background-position: -176px -22px
}

.flag.flag-ht {
	background-position: -208px -55px
}

.flag.flag-lr {
	background-position: -240px -77px
}

.flag.flag-tg {
	background-position: 0 -143px
}

.flag.flag-ba {
	background-position: -256px 0
}

.flag.flag-ge {
	background-position: -144px -44px
}

.flag.flag-bz {
	background-position: 0 -22px
}

.flag.flag-au {
	background-position: -192px 0
}

.flag.flag-iq {
	background-position: -96px -66px
}

.flag.flag-cm {
	background-position: -160px -22px
}

.flag.flag-gw {
	background-position: -112px -55px
}

.flag.flag-az {
	background-position: -240px 0
}

.flag.flag-na {
	background-position: -144px -99px
}

.flag.flag-fj {
	background-position: -16px -44px
}

.flag.flag-zw {
	background-position: -32px -165px
}

.flag.flag-bs {
	background-position: -192px -11px
}

.flag.flag-il {
	background-position: -16px -66px
}

.flag.flag-nz {
	background-position: -48px -110px
}

.flag.flag-me {
	background-position: -112px -88px
}

.flag.flag-si {
	background-position: -256px -121px
}

.flag.flag-nc {
	background-position: -160px -99px
}

.flag.flag-lb {
	background-position: -176px -77px
}