/*Lato font include*/
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-HairlineItalic.woff2') format('woff2'), url('../fonts/Lato-HairlineItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.woff2') format('woff2'), url('../fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BlackItalic.woff2') format('woff2'), url('../fonts/Lato-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.woff2') format('woff2'), url('../fonts/Lato-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.woff2') format('woff2'), url('../fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Light.woff2') format('woff2'), url('../fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Black.woff2') format('woff2'), url('../fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'), url('../fonts/ProximaNovaT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.woff2') format('woff2'), url('../fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'), url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2'), url('../fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.woff2') format('woff2'), url('../fonts/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'), url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.woff2') format('woff2'), url('../fonts/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'), url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'), url('../fonts/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.woff2') format('woff2'), url('../fonts/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'), url('../fonts/Poppins-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'), url('../fonts/Poppins-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'), url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'), url('../fonts/Poppins-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'), url('../fonts/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

body {
    background-color: #f5f7fa !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Proxima Nova';
}

.modal {
    z-index: 999;
}

.modal-backdrop {
    z-index: 998;
}

h1 {
    font-family: 'Proxima Nova';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    color: #1b253a;
    text-transform: uppercase;
    margin: 0;
}
/*loader image*/
.loader-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.6);
    vertical-align: middle;
}

.heading-placeholder {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
}

.create-modal-button {
    margin-bottom: 15px;
    background-color: #4f52ba;
    color: #ffffff;
    border: none;
}

.loader-image img {
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -100px;
}

.artist-card {
    align-content: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
    word-wrap: break-word;
}

@media (min-width: 1366px) {
    .site-container .container {
        width: 1342px;
    }
}

.sprite-background {
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url('../images/sprite.png');
    height: 20px;
    width: 20px;
}

.active-color {
    color: #4f52ba !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.highlight-dark {
    color: #4a4a4a !important;
    font-weight: bold !important;
}

.filter-content-btn {
    display: inline-block;
    position: relative;
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    border-radius: 2px;
    border: solid 1px #d6d6d6;
    background-color: #ffffff;
    padding: 6px 26px 6px 26px;
    margin-left: 7px;
    margin-bottom: 15px;
}

    .filter-content-btn:after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        background-position: -93px -82px;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .filter-content-btn .filter-icon {
        position: absolute;
        height: 20px;
        width: 20px;
        left: 7px;
        top: 50%;
        transform: translateY(-50%);
    }

.t-success {
    color: #417505 !important;
}
/*radio button styling*/
.check {
    position: absolute;
    border: solid 1px #e3e3e3;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    transition: border 0.25s linear;
    -webkit-transition: border 0.25s linear;
}

    .check:before {
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 18px;
        width: 18px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
    }

input[type=radio] {
    display: none;
}

    input[type=radio]:checked ~ .check::before {
        background: #4f52ba;
        border: 2px solid #4f52ba;
    }

    input[type=radio]:checked ~ label {
        color: #4f52ba !important;
    }
/*radio button styling ends*/
/*checkbox styling*/
.checkbox-wrap {
    display: inline-flex;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    /* On mouse-over, add a grey background color */
    /*&:hover{
    input ~ .checkmark{
      background-color: #e3e3e3;
    }
  }*/
    /* Create a custom checkbox */
}

    .checkbox-wrap input {
        /* Hide the browser's default checkbox */
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        /* When the checkbox is checked, add a blue background */
    }

        .checkbox-wrap input:checked ~ .checkmark {
            border: solid 1px #4f52ba;
            background-color: #4f52ba;
            /* Show the checkmark when checked */
        }

            .checkbox-wrap input:checked ~ .checkmark:after {
                display: block;
            }

    .checkbox-wrap .checkmark {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        height: 20px;
        width: 20px;
        border-radius: 2px;
        border: solid 1px #e3e3e3;
        /* Create the checkmark/indicator (hidden when not checked) */
    }

        .checkbox-wrap .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            /* Style the checkmark/indicator */
            left: 7px;
            top: 1px;
            width: 6px;
            height: 13px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .checkbox-wrap.outer-checkbox {
        font-family: 'Proxima Nova';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.61px;
        color: #9b9b9b;
        /*padding: 13px 15px 13px 38px;*/
        text-align: left;
        z-index: 2;
        /*margin-bottom: 18px;*/
    }

        .checkbox-wrap.outer-checkbox .checkmark {
            border-radius: 4px;
            /* height: 17px;
      width:17px;*/
            /*&:after{
        left: 5px;
        top: 0px;
        width: 6px;
        height: 12px;
      }*/
        }
/*checkbox styling ends*/
.sidebar-col {
    display: inline-block;
    position: fixed;
    width: 220px;
    top: 64px;
    left: 0;
    background-color: #fff;
    box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.03);
    min-height: 100vh;
    transition: all 0.3s ease;
}

    .sidebar-col .sidebar-menu-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sidebar-col .sidebar-menu {
        padding: 0;
        margin: 0;
        padding-top: 30px;
    }

        .sidebar-col .sidebar-menu .nav-item {
            display: block;
            margin-bottom: 35px;
        }

            .sidebar-col .sidebar-menu .nav-item:last-child {
                /*border-top: solid 1px #dbdfe9;
                padding-top: 40px;*/
            }

            .sidebar-col .sidebar-menu .nav-item a {
                display: flex;
                align-items: center;
                white-space: nowrap;
                text-decoration: none;
            }

                .sidebar-col .sidebar-menu .nav-item a .sprite-background {
                    display: inline-block;
                    margin-right: 20px;
                    height: 20px;
                    width: 20px;
                }

                .sidebar-col .sidebar-menu .nav-item a .user-icon {
                    background-position: -40px -10px;
                }

                .sidebar-col .sidebar-menu .nav-item a .festival-icon {
                    background-position: -40px -47px;
                }

                .sidebar-col .sidebar-menu .nav-item a .venue-icon {
                    background-position: -40px -84px;
                }

                .sidebar-col .sidebar-menu .nav-item a .transaction-icon {
                    background-position: -40px -121px;
                }

                .sidebar-col .sidebar-menu .nav-item a .reports-icon {
                    background-position: -40px -160px;
                }

                .sidebar-col .sidebar-menu .nav-item a .feedback-icon {
                    background-position: -40px -198px;
                }

                .sidebar-col .sidebar-menu .nav-item a .notify-icon {
                    background-position: -40px -237px;
                }

                .sidebar-col .sidebar-menu .nav-item a .settings-icon {
                    background-position: -40px -275px;
                }

                .sidebar-col .sidebar-menu .nav-item a .box-office2-icon {
                    background-position: -40px -490px;
                }

                .sidebar-col .sidebar-menu .nav-item a .title {
                    display: inline-block;
                    font-family: 'Proxima Nova';
                    font-size: 16px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #94979b;
                }

        .sidebar-col .sidebar-menu .item-active a .user-icon {
            background-position: -4px -10px;
        }

        .sidebar-col .sidebar-menu .item-active a .festival-icon {
            background-position: -4px -47px;
        }

        .sidebar-col .sidebar-menu .item-active a .venue-icon {
            background-position: -4px -84px;
        }

        .sidebar-col .sidebar-menu .item-active a .transaction-icon {
            background-position: -4px -121px;
        }

        .sidebar-col .sidebar-menu .item-active a .reports-icon {
            background-position: -4px -160px;
        }

        .sidebar-col .sidebar-menu .item-active a .feedback-icon {
            background-position: -4px -198px;
        }

        .sidebar-col .sidebar-menu .item-active a .notify-icon {
            background-position: -4px -237px;
        }

        .sidebar-col .sidebar-menu .item-active a .settings-icon {
            background-position: -4px -275px;
        }

        .sidebar-col .sidebar-menu .item-active a .title {
            display: inline-block;
            font-family: 'Proxima Nova';
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #4f52ba;
        }

        .sidebar-col .sidebar-menu .dropdown .dropdown-toggler {
            position: relative;
        }

            .sidebar-col .sidebar-menu .dropdown .dropdown-toggler .arrow {
                position: absolute;
                right: 0;
                height: 10px;
                width: 10px;
                object-fit: contain;
                object-position: center;
                font-family: 'object-fit: contain; object-position: center;';
            }

        .sidebar-col .sidebar-menu .dropdown .dropdown-menu-list {
            display: none;
            padding-top: 15px;
        }

            .sidebar-col .sidebar-menu .dropdown .dropdown-menu-list li {
                display: block;
                padding-bottom: 15px;
            }

                .sidebar-col .sidebar-menu .dropdown .dropdown-menu-list li a {
                    font-family: 'Proxima Nova';
                    font-size: 16px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #94979b;
                }

        .sidebar-col .sidebar-menu .dropdown-open .arrow {
            transform: rotate(180deg);
        }

    .sidebar-col .copyright-info {
        position: absolute;
        bottom: 25px;
        left: 20px;
    }

        .sidebar-col .copyright-info .copyright-character {
            margin-right: 3px;
            font-family: 'Proxima Nova';
            font-size: 11px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #4a4a4a;
            display: inline-block;
        }

        .sidebar-col .copyright-info p {
            font-family: 'Proxima Nova';
            font-size: 11px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #4a4a4a;
            display: inline-block;
        }

.table-filters {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    /*width: 100%;*/
    align-items: center;
    margin-right: 9px;
    margin-bottom: 0;
}

    .table-filters li {
        display: inline;
        border: solid 1px #e2e2e2;
        margin-bottom: 15px;
        margin-left: -1px;
        background-color: #fff;
    }

        .table-filters li a {
            text-decoration: none;
            font-family: 'Roboto';
            font-size: 10px;
            font-weight: normal;
            padding: 10px 15px;
            display: block;
            font-style: normal;
            font-stretch: normal;
            line-height: 0.9;
            letter-spacing: normal;
            color: #4a4a4a;
        }

    .table-filters .custom-date {
        width: 100%;
        max-width: 184px;
        position: relative;
        padding: 0;
        border: 0;
    }

        .table-filters .custom-date input {
            border: solid 1px #e2e2e2;
            height: 31px;
            margin-left: -1px;
            font-family: 'Roboto';
            font-size: 10px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 0.9;
            letter-spacing: normal;
            color: #4a4a4a;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .table-filters .custom-date .sprite-background {
            position: absolute;
            right: 7px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }

.site-header {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 1;
    background: #fff;
}

    .site-header .logo-wrap {
        display: flex;
        align-items: center;
        padding: 15px 20px;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);
        width: 220px;
    }

        .site-header .logo-wrap .site-logo img {
            max-width: 55px;
            height: auto;
        }

        .site-header .logo-wrap .toggle-icon {
            margin-left: auto;
            background-position: -195px -10px;
            height: 20px;
            width: 20px;
        }

    .site-header .header-container {
        padding: 15px 47px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03);
        width: calc(100% - 220px);
    }

        .site-header .header-container ul {
            padding: 0;
            margin: 0;
            margin-left: auto;
            display: flex;
            align-items: center;
        }

            .site-header .header-container ul.nav-right {
                justify-content: flex-end;
            }

            .site-header .header-container ul li {
                display: inline-block;
            }

                .site-header .header-container ul li:first-child {
                    margin-right: 34px;
                }

                .site-header .header-container ul li:nth-of-type(2) {
                    margin-right: 10px;
                }

                .site-header .header-container ul li a {
                    text-decoration: none;
                }

                    .site-header .header-container ul li a .bell-notifier {
                        position: relative;
                    }

                        .site-header .header-container ul li a .bell-notifier img {
                            height: 20px;
                            width: 20px;
                        }

                        .site-header .header-container ul li a .bell-notifier .notify-active {
                            position: absolute;
                            width: 10px;
                            height: 10px;
                            border: solid 2px #ffffff;
                            background-color: #e11212;
                            top: 0;
                            right: 0;
                            border-radius: 50%;
                        }

                    .site-header .header-container ul li a .profile-pic {
                        height: 34px;
                        width: 34px;
                        border-radius: 50%;
                    }

                    .site-header .header-container ul li a .profile-name {
                        font-family: 'Lato';
                        font-size: 16px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        color: #1b253a;
                        display: inline-block;
                    }

                    .site-header .header-container ul li a .drop-icon {
                        background-position: -98px -87px;
                        height: 10px;
                        width: 10px;
                        display: inline-block;
                    }

.page-container {
    padding-left: 220px;
    padding-top: 65px;
    transition: all 0.3s ease;
}

.content-container {
    background-color: #f5f7fa;
    padding: 35px 15px 158px 15px;
}
/* venue > events page*/
.events-details-container {
    background-color: #fff;
    padding: 30px;
}

    .events-details-container .event-content-left {
        width: 583px;
        /*  margin-right: -40px;*/
    }

    .events-details-container .event-image {
        width: 583px;
        height: 302px;
    }

    .events-details-container .event-thumbnail-images {
        margin-bottom: 20px;
    }

        .events-details-container .event-thumbnail-images img {
            padding-left: 5px;
            height: 86px;
            width: 141px;
            padding-top: 10px;
            margin-right: 2px;
        }

    .events-details-container .event-tag {
        font-family: 'Proxima Nova';
        font-size: 12px;
        color: #9b9b9b;
    }

    .events-details-container .content-paragraph {
        font-family: 'Proxima Nova';
        font-size: 12px;
        color: #4a4a4a;
        text-align: justify;
        /*width: 583px;*/
    }

    .events-details-container .content-paragraph-bold {
        font-family: 'Proxima Nova';
        font-size: 12px;
        font-weight: bold;
        color: #4a4a4a;
        margin-bottom: 20px;
    }

    .events-details-container .event-row-content {
        margin-right: 0px;
        margin-left: 0px;
    }

    .events-details-container .event-artist {
        font-family: 'Poppins';
        font-size: 11px;
        font-weight: 500;
        color: #323643;
    }

.events-details-container {
    background-color: #fff;
    padding: 30px;
}

.android-device {
    background-position: -139px -10px;
}

.success-msg-icon {
    background-position: -197px -304px;
}

.neg-rupee-icon {
    background-position: -49px -392px;
}

.pos-rupee-icon {
    background-position: -49px -423px;
}

.ios-device {
    background-position: -94px -10px;
}

.verified-icon {
    background-position: -139px -83px;
}

.dots-icon {
    background-position: -198px -47px;
}

.booking-icon {
    background-position: -198px -87px;
}

.wallet-icon {
    background-position: -198px -116px;
}

.wallet-big-icon {
    background-position: -138px -116px;
}

.credit-big-icon {
    background-position: -88px -118px;
}

.block-user-icon {
    background-position: -198px -146px;
}

.delete-icon {
    background-position: -198px -177px;
}

.big-delete-icon {
    background-position: -197px -419px;
}

.pop-close-icon {
    background-position: -199px -205px;
}

.close-white-icon {
    background-position: -189px -265px;
    height: 30px;
    width: 30px;
    transform: rotate(45deg);
}

.event-icon {
    background-position: -92px -162px;
}

.currency-icon {
    background-position: -84px -198px;
}

.currency-pos-icon {
    background-position: -93px -198px;
}

.cashback-icon {
    background-position: -92px -233px;
}

.venue-icon {
    background-position: -50px -360px;
}

.block-user-icon {
    background-position: -197px -146px;
}

.add-data-icon {
    background-position: -194px -270px;
}

.bank-active-icon {
    background-position: -4px -84px;
}

.edit-icon {
    background-position: -93px -275px;
}

.edit-light-icon {
    background-position: -196px -451px;
}

.view-icon {
    background-position: -145px -162px;
}

.ticket-icon {
    background-position: -145px -191px;
}

.big-ticket-icon {
    background-position: -143px -349px;
}

.box-office-icon {
    background-position: -145px -280px;
}

.visitor-icon {
    background-position: -145px -222px;
}

.kot-icon {
    background-position: -144px -251px;
}

.unblock-user {
    background-position: -144px -314px;
}

.combo-ticket-icon {
    background-position: -40px -314px;
    height: 20px;
    width: 40px;
}

.add-icon {
    background-position: -199px -237px;
}

.calender-big-icon {
    background-position: -6px -360px;
}

.cal-small-icon {
    background-position: -7px -456px;
}

.time-active-icon {
    background-position: -7px -392px;
}

.upload-icon {
    background-position: -197px -383px;
}

.filter-icon {
    background-position: -6px -425px;
}

.reset-icon {
    background-position: -50px -455px;
}

.logout-icon {
    background-position: -95px -312px;
}

.add-bg-icon {
    background-position: -7px -525px;
}

.reset-icon-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Proxima Nova';
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #626364;
}

    .reset-icon-wrap .sprite-background {
        display: inline-block;
    }

.pending-icon {
    background-position: -93px -343px;
}

.user-dark-icon {
    background-position: -150px -572px;
}

.popover-bottom-btn {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #ffffff;
    padding: 8px 0;
    display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
}

.comm-module-wrap .page-heading-col {
    display: flex;
    align-items: center;
}

.comm-module-wrap .back-btn {
    padding: 0 15px;
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3a84ff;
    text-decoration: none;
}

.comm-module-wrap .right-search-col {
    display: block;
    text-align: right;
}

    .comm-module-wrap .right-search-col .search-user-wrap {
        position: relative;
        width: 100%;
        max-width: 278px;
        margin-right: 7px;
        margin-bottom: 15px;
        display: inline-block;
    }

        .comm-module-wrap .right-search-col .search-user-wrap .search-icon {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-position: -98px -87px;
            height: 15px;
            width: 15px;
        }

        .comm-module-wrap .right-search-col .search-user-wrap span {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            background-position: -7px -456px;
            height: 20px;
            width: 20px;
            pointer-events: none;
        }

        .comm-module-wrap .right-search-col .search-user-wrap input {
            padding: 10px;
            padding-right: 40px;
            font-family: 'Roboto';
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            color: #4a4a4a;
            height: 30px;
            border-radius: 2px;
            border: solid 1px #e5e5e5;
            background-color: #ffffff;
            width: 100%;
        }

            .comm-module-wrap .right-search-col .search-user-wrap input::placeholder {
                color: #acacac;
                line-height: 0.9;
                font-size: 10px;
            }

            .comm-module-wrap .right-search-col .search-user-wrap input::-webkit-placeholder {
                color: #acacac;
                line-height: 0.9;
                font-size: 10px;
            }

            .comm-module-wrap .right-search-col .search-user-wrap input::moz-placeholder {
                color: #acacac;
                line-height: 0.9;
                font-size: 10px;
            }

            .comm-module-wrap .right-search-col .search-user-wrap input:ms-placeholder {
                color: #acacac;
                line-height: 0.9;
                font-size: 10px;
            }

    .comm-module-wrap .right-search-col .downlod-user-btn {
        background-color: #ffffff;
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        font-family: 'Roboto';
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.9;
        letter-spacing: normal;
        color: #4a4a4a;
        display: flex;
        align-items: center;
        position: relative;
        padding: 9px 7px 10px 40px;
        display: inline-block;
        margin-bottom: 1px;
    }

        .comm-module-wrap .right-search-col .downlod-user-btn .download-icon {
            position: absolute;
            background-position: -140px -48px;
            height: 20px;
            width: 20px;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
        }

    .comm-module-wrap .right-search-col .edit-btn {
        position: relative;
        display: inline-block;
        padding: 12px 16px 12px 28px;
        border-radius: 3px;
        border: solid 2px #4f52ba;
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: #4f52ba;
        text-decoration: none;
        text-transform: uppercase;
    }

        .comm-module-wrap .right-search-col .edit-btn .sprite-background {
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
        }

.comm-module-wrap .tabs-switch-wrap {
    margin-top: 25px;
}

    .comm-module-wrap .tabs-switch-wrap .nav-tabs {
        border-bottom: 2px solid transparent;
    }

        .comm-module-wrap .tabs-switch-wrap .nav-tabs .nav-item {
            width: 50%;
            text-align: center;
        }

            .comm-module-wrap .tabs-switch-wrap .nav-tabs .nav-item:first-child .nav-link {
                position: relative;
            }

                .comm-module-wrap .tabs-switch-wrap .nav-tabs .nav-item:first-child .nav-link:after {
                    content: "";
                    width: 1px;
                    height: 34px;
                    opacity: 0.26;
                    background-color: #979797;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }

            .comm-module-wrap .tabs-switch-wrap .nav-tabs .nav-item .nav-link {
                font-family: 'Proxima Nova';
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #4a4a4a;
                padding-top: 15px;
                padding-bottom: 15px;
                background-color: #ffffff;
                border: 0;
            }

                .comm-module-wrap .tabs-switch-wrap .nav-tabs .nav-item .nav-link.active {
                    color: #4f52ba;
                    font-weight: bold;
                    border-bottom: 2px solid #4f52ba;
                }

.comm-module-wrap .sub-tabs-one {
    margin-top: 0;
    margin-bottom: 0 !important;
}

.success-message {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #88a963;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 30px;
    padding-right: 30px;
}

    .success-message .message-with-icon {
        display: flex;
        align-items: center;
    }

        .success-message .message-with-icon span {
            display: inline-block;
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
        }

            .success-message .message-with-icon span:first-child {
                margin-right: 13px;
            }

    .success-message .close-msg .sprite-background {
        display: inline-block;
    }

.show-msg {
    display: flex;
}

.transac-main-head {
    margin-bottom: 17px;
}
/*tabel content styling*/
.comm-table-section {
    box-shadow: 0 0 5px 0 rgba(232, 232, 232, 0.53);
    background-color: #ffffff;
    margin-top: 20px;
    /*sub tabs styling*/
}

    .comm-table-section table {
        width: 100%;
    }

    .comm-table-section table,
    .comm-table-section th,
    .comm-table-section td {
        border-collapse: collapse;
    }

    .comm-table-section th,
    .comm-table-section td {
        /*padding: 35px;*/
        text-align: left;
        /*white-space: nowrap;*/
    }

@media (max-width: 1024px) {
    .comm-table-section th,
    .comm-table-section td {
        padding-left: 10px;
    }
}

.comm-table-section table .table-title-row {
    background-color: #f5f9ff;
}

    .comm-table-section table .table-title-row th {
        font-family: 'Proxima Nova';
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
        padding-top: 28px;
        padding-bottom: 18px;
    }

        .comm-table-section table .table-title-row th img {
            padding-left: 10px;
            margin-top: -1px;
            padding-right: 10px;
            cursor: pointer;
        }

        .comm-table-section table .table-title-row th:first-child {
            padding-left: 35px;
        }

.comm-table-section table .table-data tr {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
}

.comm-table-section table .table-data td {
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #52575a;
    padding-top: 22px;
    padding-bottom: 22px;
}

    .comm-table-section table .table-data td:first-child {
        padding-left: 35px;
    }

.comm-table-section table .table-data .status-wrap {
    position: relative;
    padding-left: 25px;
}

    .comm-table-section table .table-data .status-wrap .sprite-background {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.comm-table-section table .table-data .action-dot-wrap {
    display: inline-block;
}

.comm-table-section table .table-data .venue-name,
.comm-table-section table .table-data .event-name {
    color: #4f52ba;
    font-weight: bold;
    text-decoration: none;
}

.comm-table-section table .table-data .rejected {
    color: #d0021b;
    font-weight: bold;
}

.comm-table-section table .table-data .approved {
    color: #73ad40;
    font-weight: bold;
}

.comm-table-section table .table-data .pending {
    color: #ff9933;
    font-weight: bold;
}

.comm-table-section table .table-data .offline {
    color: #d0021b;
}

.comm-table-section table .table-data .online span {
    padding-right: 5px;
}

.comm-table-section table .table-data .not-yet-started {
    background-color: #4a90e2;
    color: #ffffff;
    border-radius: 8px;
    border: solid 1px #4a90e2;
    padding: 1px 7px;
    font-size: 12px;
}

.comm-table-section table .table-data .end {
    border-radius: 8px;
    border: solid 1px #f5a623;
    background-color: #f5a623;
    padding: 1px 7px;
    color: #ffffff;
    font-size: 12px;
}

.comm-table-section table .table-data .live {
    border-radius: 8px;
    border: solid 1px #7ed321;
    background-color: #7ed321;
    padding: 1px 7px;
    color: #ffffff;
    font-size: 12px;
}

.comm-table-section table .table-data .payment-success {
    border-radius: 11px;
    border: solid 1px #8abf4f;
    background-color: #edfeda;
    padding: 4px 12px;
    font-size: 10px;
    color: #417505;
}

.comm-table-section table .table-data .payment-wallet-txn {
    border-radius: 11px;
    border: solid 1px #fad523;
    background-color: #fefeda;
    padding: 4px 12px;
    font-size: 10px;
    color: #dd8900;
}

.comm-table-section table .table-data .date-back {
    border-radius: 2px;
    background-color: #7ed321;
    color: #ffffff;
    padding: 2px 5px;
    margin-right: 5px;
}

.comm-table-section table .table-data .guest-badge {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 8px;
    border: solid 1px #4a90e2;
    background-color: #4a90e2;
    padding: 1px 7px;
    margin-left: 7px;
}

.comm-table-section table .table-data .valid-date-back {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 8px;
    border: solid 1px #f5a623;
    background-color: #f5a623;
    margin-right: 8px;
    padding: 1px 7px;
}

.comm-table-section table .table-data .icon-with-text {
    position: relative;
    padding-left: 25px;
    text-decoration: none;
    color: #52575a;
    cursor: pointer;
}

    .comm-table-section table .table-data .icon-with-text .sprite-background {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.comm-table-section table .table-data .two-action-link {
    display: flex;
    flex-wrap: wrap;
}

    .comm-table-section table .table-data .two-action-link .a-link {
        display: inline-block;
    }

        .comm-table-section table .table-data .two-action-link .a-link:first-child {
            margin-right: 25px;
        }

.comm-table-section table .table-data .three-action-link a {
    display: inline-block;
    margin-right: 5px;
}

.comm-table-section table .table-data .toggle-collapse {
    background: #4f52ba;
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    display: inline-block;
    /* Vertical line */
    /* horizontal line */
}

    .comm-table-section table .table-data .toggle-collapse:before,
    .comm-table-section table .table-data .toggle-collapse:after {
        content: "";
        position: absolute;
        background-color: white;
        transition: transform 0.25s ease-out;
    }

    .comm-table-section table .table-data .toggle-collapse:before {
        top: 5px;
        left: 50%;
        width: 2px;
        height: 14px;
        margin-left: -1px;
        border-radius: 2px;
    }

    .comm-table-section table .table-data .toggle-collapse:after {
        top: 50%;
        left: 4px;
        width: 14px;
        height: 2px;
        margin-top: 0px;
        border-radius: 2px;
    }

    .comm-table-section table .table-data .toggle-collapse:hover {
        cursor: pointer;
    }

.comm-table-section table .table-data .click-active:before {
    transform: rotate(90deg);
}

.comm-table-section table .table-data .click-active:after {
    transform: rotate(180deg);
    display: none;
}

.comm-table-section table .table-data .phase-ticket-content {
    padding: 0;
}

    .comm-table-section table .table-data .phase-ticket-content .collapse-block {
        /*padding-left: 35px;*/
        padding-top: 30px;
    }

        .comm-table-section table .table-data .phase-ticket-content .collapse-block h3 {
            font-family: 'Proxima Nova';
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #9b9b9b;
        }

        .comm-table-section table .table-data .phase-ticket-content .collapse-block p {
            font-family: 'Proxima Nova';
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #4a4a4a;
        }

        .comm-table-section table .table-data .phase-ticket-content .collapse-block .row-flex .col-phase {
            margin-right: 80px;
        }

        .comm-table-section table .table-data .phase-ticket-content .collapse-block .align-text {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

.comm-table-section .table-overlay {
    background-color: rgba(61, 61, 61, 0.25);
}

.comm-table-section .tab-rcol {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.comm-table-section .tabs-switch-wrap {
    padding-left: 38px;
    margin-bottom: 0;
}

    .comm-table-section .tabs-switch-wrap .nav-tabs {
        border-bottom: 0;
    }

        .comm-table-section .tabs-switch-wrap .nav-tabs .nav-item {
            width: 32.1%;
            text-align: center;
        }

.comm-table-section .seperator {
    height: 1px;
    background-color: #dadada;
    margin-bottom: 12px;
}

.notification-table table {
    width: 100%;
    /*table-layout: fixed;*/
}

    .notification-table table td,
    .notification-table table th {
        padding-right: 22px;
        padding-left: 22px;
    }

.search-wrap {
    position: relative;
    width: 100%;
    max-width: 278px;
    margin-right: 7px;
    float: left;
}

    .search-wrap .search-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        background-position: -98px -87px;
        height: 15px;
        width: 15px;
    }

    .search-wrap input {
        padding: 10px;
        padding-right: 40px;
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #4a4a4a;
        height: 30px;
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        background-color: #ffffff;
        width: 100%;
    }

        .search-wrap input::placeholder {
            color: #acacac;
            line-height: 0.9;
            font-size: 10px;
        }

        .search-wrap input::-webkit-placeholder {
            color: #acacac;
            line-height: 0.9;
            font-size: 10px;
        }

        .search-wrap input::moz-placeholder {
            color: #acacac;
            line-height: 0.9;
            font-size: 10px;
        }

        .search-wrap input:ms-placeholder {
            color: #acacac;
            line-height: 0.9;
            font-size: 10px;
        }

.venue-single {
    /*#venue-details{*/
    /*}*/
}

    .venue-single .right-search-col .search-user-wrap {
        /*display: none;*/
    }

    .venue-single .right-search-col .downlod-user-btn {
        /*display: none;*/
    }

    .venue-single .venue-detail-wrap {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 43px;
        background-color: #ffffff;
        font-family: 'Proxima Nova';
    }

        .venue-single .venue-detail-wrap tr {
            /*border-bottom: 32px solid transparent;*/
        }

            .venue-single .venue-detail-wrap tr td {
                width: 50%;
                padding-bottom: 32px;
            }

        .venue-single .venue-detail-wrap h3 {
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #9b9b9b;
            margin-bottom: 5px;
        }

        .venue-single .venue-detail-wrap span {
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #4a4a4a;
        }

        .venue-single .venue-detail-wrap .mapouter {
            margin-bottom: 16px;
            margin-top: 19px;
        }

            .venue-single .venue-detail-wrap .mapouter.mapouter {
                position: relative;
                text-align: right;
                height: 209px;
            }

            .venue-single .venue-detail-wrap .mapouter .gmap_canvas {
                overflow: hidden;
                background: none !important;
                height: 209px;
            }

        .venue-single .venue-detail-wrap .venue-detail-footer {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            padding-top: 10px;
            padding-bottom: 20px;
            border-top: solid 1px rgba(151, 151, 151, 0.1);
        }

            .venue-single .venue-detail-wrap .venue-detail-footer .add-bank-btn {
                position: relative;
                padding-left: 34px;
                font-family: 'Proxima Nova';
                font-size: 12px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #4f52ba;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                text-decoration: none;
                margin-top: 20px;
            }

                .venue-single .venue-detail-wrap .venue-detail-footer .add-bank-btn .sprite-background {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 0;
                }

            .venue-single .venue-detail-wrap .venue-detail-footer .event-status-wrap h4 {
                margin-left: 10px;
            }

            .venue-single .venue-detail-wrap .venue-detail-footer .event-status-wrap a {
                font-family: 'Proxima Nova';
                font-size: 12px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #ffffff;
                border-radius: 13.5px;
                padding: 6px 15px;
                margin-left: 10px;
                text-decoration: none;
            }

                .venue-single .venue-detail-wrap .venue-detail-footer .event-status-wrap a span {
                    font-family: inherit;
                    font-weight: inherit;
                    color: inherit;
                    margin-right: 5px;
                }

            .venue-single .venue-detail-wrap .venue-detail-footer .event-status-wrap .ap {
                background-color: #7ed321;
            }

            .venue-single .venue-detail-wrap .venue-detail-footer .event-status-wrap .pe {
                background-color: #4a4a4a;
            }

            .venue-single .venue-detail-wrap .venue-detail-footer .event-status-wrap .re {
                background-color: #d0021b;
            }

.icon-with-text {
    position: relative;
    padding-left: 25px;
    text-decoration: none;
    color: #52575a;
    cursor: pointer;
    font-family: 'Proxima Nova';
}

    .icon-with-text .sprite-background {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

#single-festival .tabs-switch-wrap {
    margin-bottom: 25px;
}

    #single-festival .tabs-switch-wrap .nav-tabs .nav-item {
        width: 20%;
        text-align: center;
    }

        #single-festival .tabs-switch-wrap .nav-tabs .nav-item:not(:last-child) .nav-link {
            position: relative;
        }

            #single-festival .tabs-switch-wrap .nav-tabs .nav-item:not(:last-child) .nav-link:after {
                content: "";
                width: 1px;
                height: 34px;
                opacity: 0.26;
                background-color: #979797;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }

#single-festival .tab-content #fest-details .fest-detail-wrap {
    background-color: #fff;
    padding: 16px 20px;
}

    #single-festival .tab-content #fest-details .fest-detail-wrap .slider-for .img-container img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
        font-family: 'object-fit: cover; object-position: center;';
    }

    #single-festival .tab-content #fest-details .fest-detail-wrap .slider-nav {
        margin-top: 17px;
    }

        #single-festival .tab-content #fest-details .fest-detail-wrap .slider-nav .img-container img {
            height: 125px;
            object-fit: cover;
            object-position: center;
            font-family: 'object-fit: cover; object-position: center;';
            margin-right: 7px;
        }

@media (max-width: 1440px) {
    #single-festival .tab-content #fest-details .fest-detail-wrap .slider-nav .img-container img {
        height: 70px;
    }
}

#single-festival .tab-content #fest-details h3 {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}

#single-festival .tab-content #fest-details span {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    font-weight: bold;
}

#single-festival .tab-content #fest-details .title-with-desc {
    padding-top: 40px;
    padding-bottom: 15px;
}

    #single-festival .tab-content #fest-details .title-with-desc p {
        font-family: 'Proxima Nova';
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
    }

    #single-festival .tab-content #fest-details .title-with-desc:nth-of-type(2) {
        padding-top: 0;
        max-width: 487px;
    }

#single-festival .tab-content #fest-details .venue-loc {
    padding-bottom: 22px;
}

#single-festival .tab-content #fest-details table {
    max-width: 487px;
}

    #single-festival .tab-content #fest-details table tr td {
        padding-bottom: 25px;
    }

#single-festival .tab-content #fest-details .artist-section .artist-desc {
    display: flex;
    flex-wrap: wrap;
}

    #single-festival .tab-content #fest-details .artist-section .artist-desc .artist-wrap {
        margin-right: 48px;
    }

        #single-festival .tab-content #fest-details .artist-section .artist-desc .artist-wrap img {
            width: 60px;
            height: 60px;
            border-radius: 10px;
            object-fit: cover;
            object-position: center;
            font-family: 'object-fit: cover; object-position: center;';
            margin-bottom: 7px;
        }

        #single-festival .tab-content #fest-details .artist-section .artist-desc .artist-wrap .hash-tag {
            font-family: 'Poppins';
            font-size: 11px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #323643;
            display: block;
        }

        #single-festival .tab-content #fest-details .artist-section .artist-desc .artist-wrap .artist-name {
            font-family: 'Poppins';
            opacity: 0.9;
            font-size: 12px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: 2.17;
            letter-spacing: normal;
            color: #000000;
        }

.show-search-wrap .right-search-col .search-user-wrap {
    display: inline-block;
}

.show-search-wrap .right-search-col .downlod-user-btn {
    display: inline-block;
}

.show-search-wrap .right-search-col .edit-btn {
    display: none;
}
/*pagination styling*/
.pagination-wrap {
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 53px;
    padding-bottom: 41px;
    text-align: center;
    background-color: #ffffff;
}

    .pagination-wrap li {
        list-style-type: none;
        display: inline;
    }

        .pagination-wrap li a {
            font-family: 'Proxima Nova';
            font-size: 18px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 2.22;
            letter-spacing: normal;
            text-align: center;
            color: #52575a;
            padding: 9px 18px;
        }

            .pagination-wrap li a.active-page {
                border: solid 1px #94979b;
            }

.add-btn-wrap {
    position: fixed;
    right: 2%;
    bottom: 15%;
    display: inline-block;
}

    .add-btn-wrap .add-btn {
        display: inline-block;
        width: 60px;
        height: 60px;
        background-color: #4f52ba;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        border: solid 3px #ffffff;
        border-radius: 50%;
        position: relative;
    }

        .add-btn-wrap .add-btn .sprite-background {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
/*popup css*/
.activepop {
    display: inline-block !important;
}

.action-popup-wrap {
    position: absolute;
    display: none;
    width: 159px;
    background-color: #ffffff;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.27);
    padding-top: 8px;
    z-index: 9;
}

    .action-popup-wrap ul {
        padding-left: 9px;
    }

        .action-popup-wrap ul li {
            list-style-type: none;
        }

            .action-popup-wrap ul li .action-link {
                white-space: nowrap;
                position: relative;
                display: flex;
                align-items: center;
                text-decoration: none;
            }

                .action-popup-wrap ul li .action-link span {
                    display: inline-block;
                }

                .action-popup-wrap ul li .action-link .sprite-background {
                    margin-right: 10px;
                }

                .action-popup-wrap ul li .action-link .option-name {
                    font-family: 'Proxima Nova';
                    font-size: 12px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 2.5;
                    letter-spacing: normal;
                    color: #52575a;
                }
/*add venue popup*/
#venue-info-popup .modal-dialog,
#edit-venue-popup .modal-dialog {
    max-width: 1040px;
}

    #venue-info-popup .modal-dialog .input-row,
    #edit-venue-popup .modal-dialog .input-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        #venue-info-popup .modal-dialog .input-row input,
        #edit-venue-popup .modal-dialog .input-row input {
            max-width: 230px;
        }

    #venue-info-popup .modal-dialog input,
    #edit-venue-popup .modal-dialog input {
        height: 49px;
        border-radius: 2px;
        border: solid 1px #d3d3d3;
        display: block;
        width: 100%;
        margin-bottom: 16px;
        padding-left: 14px;
        font-family: 'Proxima Nova';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.61px;
        padding-right: 30px;
    }

    #venue-info-popup .modal-dialog .venue-map-wrap,
    #edit-venue-popup .modal-dialog .venue-map-wrap {
        margin-bottom: 16px;
    }

        #venue-info-popup .modal-dialog .venue-map-wrap.mapouter,
        #edit-venue-popup .modal-dialog .venue-map-wrap.mapouter {
            position: relative;
            text-align: right;
            height: 179px;
        }

        #venue-info-popup .modal-dialog .venue-map-wrap .gmap_canvas,
        #edit-venue-popup .modal-dialog .venue-map-wrap .gmap_canvas {
            overflow: hidden;
            background: none !important;
            height: 179px;
        }

    #venue-info-popup .modal-dialog .modal-footer .modal-footer-btn,
    #edit-venue-popup .modal-dialog .modal-footer .modal-footer-btn {
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: 900;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 3px;
    }

.event-ticket-type .modal-body h3 {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}

.event-ticket-type .modal-body .eval {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    overflow-wrap: break-word;
}

.event-ticket-type .modal-body table {
    width: 100%;
}

    .event-ticket-type .modal-body table tr td {
        padding-bottom: 28px;
    }

    .event-ticket-type .modal-body table .divider-line {
        margin-left: -23px;
        margin-right: -23px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 18px;
        border-top: 1px solid rgba(151, 151, 151, 0.15);
    }

    .event-ticket-type .modal-body table .font-inc {
        font-family: 'Proxima Nova';
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
    }

.event-ticket-type .modal-footer .blue-btn {
    padding: 14px 14px !important;
}
/*common popup css*/
@media (min-width: 769px) {
    .user-modal .modal-dialog {
        max-width: 576px;
    }
}

.user-modal .modal-content {
    border: solid 1px #979797;
}

    .user-modal .modal-content .modal-header {
        padding: 26px 23px 18px 23px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.15);
    }

        .user-modal .modal-content .modal-header .modal-title {
            font-family: 'Proxima Nova';
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.7px;
            color: #1b253a;
            text-transform: uppercase;
        }

            .user-modal .modal-content .modal-header .modal-title span {
                padding-left: 5px;
            }

        .user-modal .modal-content .modal-header .pop-close-icon {
            cursor: pointer;
        }

    .user-modal .modal-content .modal-body {
        padding-left: 23px;
        padding-right: 23px;
        padding-bottom: 10px;
    }

    .user-modal .modal-content .modal-body .dates-radio-list {
        list-style-type: none;
    }

    .user-modal .modal-content .modal-body .dates-radio-list li {
        position: relative;
        font-family: 'Proxima Nova';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 0.61px;
        color: #9b9b9b;
        padding: 13px 15px 13px 38px;
        /*margin-bottom: 18px;*/
    }

    .user-modal .modal-content .modal-body .dates-radio-list li label {
        margin-bottom: 0;
    }

    .user-modal .modal-content .modal-body .dates-checkbox-list {
        list-style-type: none;
    }

    .user-modal .modal-content .modal-body .dates-checkbox-list li {
        position: relative;
        font-family: 'Proxima Nova';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 16px;
        letter-spacing: 0.61px;
        color: #9b9b9b;
        padding: 13px 15px 13px 38px;
        margin-bottom: 18px;
    }

    .user-modal .modal-content .modal-body .dates-checkbox-list li label {
        margin-bottom: 0;
    }

    .user-modal .modal-content .modal-body .row-flex {
        display: flex;
        flex-wrap: wrap;
    }

    .user-modal .modal-content .modal-body .event-time-info {
        font-family: 'Proxima Nova';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.61px;
        color: #9b9b9b;
        margin-bottom: 16px;
    }

    .user-modal .modal-content .modal-body .booking-info-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        padding: 13px;
        margin-bottom: 20px;
        box-shadow: 0 0 5px 0 rgba(25, 36, 48, 0.14);
    }

            .user-modal .modal-content .modal-body .booking-info-row .preview-info {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }

                .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-icon-background {
                    background-color: rgba(158, 157, 194, 0.18);
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    display: inline-block;
                    position: relative;
                    margin-right: 22px;
                }

                    .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-icon-background .sprite-background {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

                .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-preview-detail h4 {
                    font-family: 'Proxima Nova';
                    font-size: 12px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1.17;
                    letter-spacing: normal;
                    color: #4a4a4a;
                    margin-bottom: 0px;
                }

                .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-preview-detail span {
                    font-family: 'Proxima Nova';
                    font-size: 9px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #9b9b9b;
                    padding-bottom: 3px;
                }

                .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-preview-detail .txn-id {
                    position: relative;
                }

                    .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-preview-detail .txn-id:after {
                        content: "";
                        position: absolute;
                        height: 9px;
                        width: 1px;
                        background-color: #9b9b9b;
                        top: 49%;
                        right: -3px;
                        transform: translateY(-50%);
                    }

                .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-preview-detail .event-booking-id {
                    padding-left: 3px;
                }

                .user-modal .modal-content .modal-body .booking-info-row .preview-info .event-preview-detail .booking-date:after {
                    display: inline-block;
                    padding-left: 2px;
                    padding-right: 2px;
                }

            .user-modal .modal-content .modal-body .booking-info-row .booking-price .amount {
                padding-left: 16px;
                position: relative;
                font-family: 'Proxima Nova';
                font-size: 16px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.63;
                letter-spacing: normal;
                color: #000000;
            }

                .user-modal .modal-content .modal-body .booking-info-row .booking-price .amount .sprite-background {
                    position: absolute;
                    left: -5px;
                    top: 50%;
                    transform: translateY(-50%);
                }

            .user-modal .modal-content .modal-body .booking-info-row .amount-added .amount {
                color: #417505;
            }

                .user-modal .modal-content .modal-body .booking-info-row .amount-added .amount .sprite-background {
                    background-position: -49px -423px;
                }

            .user-modal .modal-content .modal-body .booking-info-row .amount-reduced .amount .sprite-background {
                background-position: -49px -392px;
            }

        .user-modal .modal-content .modal-body .collapse_event .erow {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

        .user-modal .modal-content .modal-body .collapse_event .event-detail {
            width: 50%;
        }

            .user-modal .modal-content .modal-body .collapse_event .event-detail span {
                font-family: 'Roboto';
                font-size: 9px;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.67;
                letter-spacing: normal;
                color: #9b9b9b;
            }

            .user-modal .modal-content .modal-body .collapse_event .event-detail .event-venue {
                padding-left: 3px;
                color: #4a4a4a;
            }

            .user-modal .modal-content .modal-body .collapse_event .event-detail .event-date {
                padding-left: 3px;
                color: #4a4a4a;
            }

            .user-modal .modal-content .modal-body .collapse_event .event-detail .event-pass-table {
                margin-top: 6px;
            }

                .user-modal .modal-content .modal-body .collapse_event .event-detail .event-pass-table tr {
                    border-bottom: solid 1px rgba(151, 151, 151, 0.11);
                }

                    .user-modal .modal-content .modal-body .collapse_event .event-detail .event-pass-table tr:first-child {
                        border-top: solid 1px rgba(151, 151, 151, 0.11);
                    }

                    .user-modal .modal-content .modal-body .collapse_event .event-detail .event-pass-table tr td {
                        font-family: 'Proxima Nova';
                        font-size: 9px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        color: #9b9b9b;
                        padding: 15px;
                    }

                        .user-modal .modal-content .modal-body .collapse_event .event-detail .event-pass-table tr td span {
                            font-weight: bold;
                            color: #4a4a4a;
                        }

        .user-modal .modal-content .modal-body .collapse_event .payment-detail {
            background-color: #eeeef4;
            padding: 16px 8px;
            width: 50%;
        }

            .user-modal .modal-content .modal-body .collapse_event .payment-detail .event-payment-table {
                width: 100%;
            }

                .user-modal .modal-content .modal-body .collapse_event .payment-detail .event-payment-table tr td {
                    font-family: 'Proxima Nova';
                    font-size: 9px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #4a4a4a;
                    padding-bottom: 18px;
                }

        .user-modal .modal-content .modal-body .wall-cred {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            width: 50%;
            margin-bottom: 25px;
        }

            .user-modal .modal-content .modal-body .wall-cred.wallet-balance-wrap {
                padding-right: 23px;
                position: relative;
            }

                .user-modal .modal-content .modal-body .wall-cred.wallet-balance-wrap:after {
                    content: "";
                    position: absolute;
                    width: 1px;
                    height: 41px;
                    background-color: rgba(151, 151, 151, 0.26);
                    right: 0px;
                    top: 50%;
                    transform: translateY(-50%);
                }

            .user-modal .modal-content .modal-body .wall-cred.credit-balance-wrap {
                padding-left: 23px;
            }

            .user-modal .modal-content .modal-body .wall-cred .balance-with-amount span {
                font-family: 'Proxima Nova';
                font-size: 12px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 2.67;
                letter-spacing: normal;
                color: #4a4a4a;
            }

            .user-modal .modal-content .modal-body .wall-cred .balance-with-amount .amount {
                position: relative;
                padding-left: 18px;
                font-family: 'Proxima Nova';
                font-size: 20px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.3;
                letter-spacing: normal;
                color: #000000;
            }

                .user-modal .modal-content .modal-body .wall-cred .balance-with-amount .amount .currency-icon {
                    position: absolute;
                    left: -8px;
                    top: 50%;
                    transform: translateY(-50%);
                }

            .user-modal .modal-content .modal-body .wall-cred .comm-icon {
                height: 30px;
                width: 30px;
            }

        .user-modal .modal-content .modal-body .ticket-choice,
        .user-modal .modal-content .modal-body .day-choice {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-left: 0;
            margin-bottom: 28px;
            border: 0;
        }

            .user-modal .modal-content .modal-body .ticket-choice li,
            .user-modal .modal-content .modal-body .day-choice li {
                position: relative;
                list-style-type: none;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
                width: 48.9%;
            }

                .user-modal .modal-content .modal-body .ticket-choice li input[type=radio],
                .user-modal .modal-content .modal-body .day-choice li input[type=radio] {
                    visibility: hidden;
                    position: absolute;
                    opacity: 0;
                    height: 0;
                    width: 0;
                }

                .user-modal .modal-content .modal-body .ticket-choice li label,
                .user-modal .modal-content .modal-body .day-choice li label {
                    display: block;
                    position: relative;
                    padding: 22px 22px 22px 110px;
                    cursor: pointer;
                    -webkit-transition: all 0.25s linear;
                    font-family: 'Proxima Nova';
                    font-size: 14px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #4a4a4a;
                    margin: 0;
                    text-align: right;
                }

                .user-modal .modal-content .modal-body .ticket-choice li .sprite-background,
                .user-modal .modal-content .modal-body .day-choice li .sprite-background {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }

                .user-modal .modal-content .modal-body .ticket-choice li .big-ticket-icon,
                .user-modal .modal-content .modal-body .day-choice li .big-ticket-icon {
                    left: 95px;
                }

                .user-modal .modal-content .modal-body .ticket-choice li .combo-ticket-icon,
                .user-modal .modal-content .modal-body .day-choice li .combo-ticket-icon {
                    left: 70px;
                }

            .user-modal .modal-content .modal-body .ticket-choice a,
            .user-modal .modal-content .modal-body .day-choice a {
                text-decoration: none;
            }

            .user-modal .modal-content .modal-body .ticket-choice .item-active .combo-ticket-icon,
            .user-modal .modal-content .modal-body .day-choice .item-active .combo-ticket-icon {
                background-position: -176px -349px;
            }

            .user-modal .modal-content .modal-body .ticket-choice .item-active .big-ticket-icon,
            .user-modal .modal-content .modal-body .day-choice .item-active .big-ticket-icon {
                background-position: -7px -314px;
            }

            .user-modal .modal-content .modal-body .day-choice li {
                border-radius: 3px;
                border: solid 1px #e3e3e3;
                box-shadow: none;
            }

@media (min-width: 769px) {
    .user-modal .modal-content .modal-body .day-choice li {
        width: 31.33333%;
    }
}

.user-modal .modal-content .modal-body .day-choice li label {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.61px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 28px 26px 55px;
    text-align: left;
    z-index: 2;
}

.user-modal .modal-content .modal-body .day-choice li span {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.61px;
    color: #9b9b9b;
    position: absolute;
    right: 24px;
    bottom: 9px;
    z-index: 1;
}

.user-modal .modal-content .modal-body .transaction-user-table {
    width: 100%;
}

    .user-modal .modal-content .modal-body .transaction-user-table h3 {
        font-family: 'Proxima Nova';
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #9b9b9b;
    }

    .user-modal .modal-content .modal-body .transaction-user-table span {
        font-family: 'Proxima Nova';
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
    }

    .user-modal .modal-content .modal-body .transaction-user-table tr td {
        padding-bottom: 36px;
    }

        .user-modal .modal-content .modal-body .transaction-user-table tr td hr {
            border-top: 1px solid rgba(151, 151, 151, 0.15);
            margin-left: -23px;
            margin-right: -23px;
        }

.user-modal .modal-content .modal-body .modal-input-box {
    height: 49px;
    border-radius: 2px;
    border: solid 1px #d3d3d3;
    display: block;
    width: 100%;
    margin-bottom: 16px;
    padding-left: 14px;
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.61px;
}

    .user-modal .modal-content .modal-body .modal-input-box::placeholder {
        color: #9b9b9b;
    }

    .user-modal .modal-content .modal-body .modal-input-box::-webkit-placeholder {
        color: #9b9b9b;
    }

    .user-modal .modal-content .modal-body .modal-input-box::moz-placeholder {
        color: #9b9b9b;
    }

    .user-modal .modal-content .modal-body .modal-input-box:ms-placeholder {
        color: #9b9b9b;
    }

.user-modal .modal-content .modal-body .input-with-icon {
    position: relative;
}

    .user-modal .modal-content .modal-body .input-with-icon input {
        padding-right: 40px;
        cursor: pointer;
    }

    .user-modal .modal-content .modal-body .input-with-icon span {
        position: absolute;
        right: 18px;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

.user-modal .modal-content .modal-body .modal-textarea {
    border-radius: 2px;
    border: solid 1px #d3d3d3;
    display: block;
    width: 100%;
    margin-bottom: 16px;
    padding-left: 14px;
    padding-top: 18px;
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.61px;
    resize: none;
}

    .user-modal .modal-content .modal-body .modal-textarea::placeholder {
        color: #9b9b9b;
    }

    .user-modal .modal-content .modal-body .modal-textarea::-webkit-placeholder {
        color: #9b9b9b;
    }

    .user-modal .modal-content .modal-body .modal-textarea::moz-placeholder {
        color: #9b9b9b;
    }

    .user-modal .modal-content .modal-body .modal-textarea:ms-placeholder {
        color: #9b9b9b;
    }

.user-modal .modal-content .modal-body .info-text-support {
    position: relative;
}

    .user-modal .modal-content .modal-body .info-text-support .show-info-text {
        position: absolute;
        right: 12px;
        top: 10px;
    }

.user-modal .modal-content .modal-body .align-flex-end {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

    .user-modal .modal-content .modal-body .align-flex-end input {
        width: 49%;
    }

    .user-modal .modal-content .modal-body .align-flex-end .show-info-text {
        position: absolute;
        right: 12px;
        top: 10px;
    }

        .user-modal .modal-content .modal-body .align-flex-end .show-info-text.second {
            right: 282px;
        }

.user-modal .modal-content .modal-body .input-title {
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.61px;
    color: #9b9b9b;
    padding-bottom: 16px;
}

    .user-modal .modal-content .modal-body .input-title span {
        margin-left: 5px;
    }

.user-modal .modal-content .modal-body .search-input {
    position: relative;
}

    .user-modal .modal-content .modal-body .search-input img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        cursor: pointer;
        max-width: 100%;
    }

.user-modal .modal-content .modal-body .search-locality {
    width: 100%;
}

.user-modal .modal-content .modal-body .select2 {
    width: 100% !important;
}

    .user-modal .modal-content .modal-body .select2 .select2-selection {
        height: 49px;
        border-radius: 2px;
        border: solid 1px #d3d3d3;
        display: block;
        overflow: auto;
        width: 100%;
        margin-bottom: 16px;
        padding-left: 14px;
        font-family: 'Proxima Nova';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.61px;
    }

    .user-modal .modal-content .modal-body .select2 .select2-selection__arrow {
        display: none !important;
    }

    .user-modal .modal-content .modal-body .select2 .select2-selection__placeholder {
        padding-left: 0;
        padding-top: 10px;
        color: #7d7d7d;
    }

    .user-modal .modal-content .modal-body .select2 .select2-selection__rendered {
        padding-left: 0;
        padding-top: 10px;
    }

.user-modal .modal-content .modal-footer .blue-btn {
    background-color: #4f52ba;
    color: #ffffff;
    padding: 12px 25px;
}

.user-modal .modal-content .modal-footer .close-btn {
    border: solid 2px #4f52ba;
    color: #4f52ba;
    padding: 12px 20px;
}

.user-modal .modal-content .modal-footer .modal-footer-btn {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
}

.user-modal .modal-content .guest-user-checked .early-bird-type {
    display: none;
}

.user-modal .modal-content .guest-user-checked .tab-content {
    display: none;
}

.user-modal .modal-content .guest-user-checked .input-aligned-end {
    display: none;
}

.user-modal .modal-content .guest-user-checked .tax-info {
    display: none;
}

.user-modal .modal-content .checkbox-toggle-input .modal-input-box {
    display: none;
}

@media (min-width: 769px) {
    .box-assign-user .modal-dialog {
        max-width: 1078px;
    }
}

.box-assign-user .modal-body {
    padding-top: 0;
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

    .box-assign-user .modal-body h2 {
        font-family: 'Proxima Nova';
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.7px;
        color: #1b253a;
        margin-top: 20px;
        margin-bottom: 18px;
    }

    .box-assign-user .modal-body .left-col,
    .box-assign-user .modal-body .right-col {
        padding-bottom: 10px;
    }

    .box-assign-user .modal-body .left-col {
        border-right: 1px solid rgba(151, 151, 151, 0.33);
    }

    .box-assign-user .modal-body .box-office-table {
        width: 100%;
    }

        .box-assign-user .modal-body .box-office-table thead {
            background-color: #f5f9ff;
        }

            .box-assign-user .modal-body .box-office-table thead tr th {
                font-family: 'Proxima Nova';
                font-size: 12px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #4a4a4a;
                padding-top: 11px;
                padding-bottom: 11px;
                padding-left: 10px;
                padding-right: 10px;
            }

        .box-assign-user .modal-body .box-office-table tbody tr {
            border: solid 1px #eaeaea;
            background-color: #f9f8f8;
        }

            .box-assign-user .modal-body .box-office-table tbody tr td {
                font-family: 'Proxima Nova';
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #52575a;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 10px;
                /*padding-right: 10px;*/
            }

@media (min-width: 769px) {
    .event-detail-view .modal-dialog {
        max-width: 1200px;
    }
}

.event-detail-view .modal-body .fest-detail-wrap {
    background-color: #fff;
    padding: 16px 20px;
}

    .event-detail-view .modal-body .fest-detail-wrap .slider-for .img-container img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
        object-position: center;
        font-family: 'object-fit: cover; object-position: center;';
    }

    .event-detail-view .modal-body .fest-detail-wrap .slider-nav {
        margin-top: 17px;
    }

        .event-detail-view .modal-body .fest-detail-wrap .slider-nav .img-container img {
            height: 125px;
            object-fit: cover;
            object-position: center;
            font-family: 'object-fit: cover; object-position: center;';
            margin-right: 7px;
        }

@media (max-width: 1440px) {
    .event-detail-view .modal-body .fest-detail-wrap .slider-nav .img-container img {
        height: 70px;
    }
}

.event-detail-view .modal-body h3 {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}

.event-detail-view .modal-body span {
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    font-weight: bold;
}

.event-detail-view .modal-body .title-with-desc {
    padding-top: 40px;
    padding-bottom: 15px;
}

    .event-detail-view .modal-body .title-with-desc p {
        font-family: 'Proxima Nova';
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
    }

    .event-detail-view .modal-body .title-with-desc:nth-of-type(2) {
        padding-top: 0;
        max-width: 487px;
    }

.event-detail-view .modal-body .venue-loc {
    padding-bottom: 22px;
}

.event-detail-view .modal-body table {
    max-width: 487px;
}

    .event-detail-view .modal-body table tr td {
        padding-bottom: 25px;
    }

.event-detail-view .modal-body .artist-section .artist-desc {
    display: flex;
    flex-wrap: wrap;
}

    .event-detail-view .modal-body .artist-section .artist-desc .artist-wrap {
        margin-right: 48px;
    }

        .event-detail-view .modal-body .artist-section .artist-desc .artist-wrap img {
            width: 60px;
            height: 60px;
            border-radius: 10px;
            object-fit: cover;
            object-position: center;
            font-family: 'object-fit: cover; object-position: center;';
            margin-bottom: 7px;
        }

        .event-detail-view .modal-body .artist-section .artist-desc .artist-wrap .hash-tag {
            font-family: 'Poppins';
            font-size: 11px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #323643;
            display: block;
        }

        .event-detail-view .modal-body .artist-section .artist-desc .artist-wrap .artist-name {
            font-family: 'Poppins';
            opacity: 0.9;
            font-size: 12px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: 2.17;
            letter-spacing: normal;
            color: #000000;
        }

#festival-module .tabs-switch-wrap .nav-tabs .nav-item {
    width: 33.33333333%;
    text-align: center;
}
/*sidebar toggle menu*/
.is-collapsed .sidebar-col {
    overflow: hidden;
    width: 70px;
    background-color: #ffffff;
    z-index: 10;
}

    .is-collapsed .sidebar-col:hover {
        width: 220px;
    }

        .is-collapsed .sidebar-col:hover .sidebar-menu-wrap {
            padding-left: 20px;
            padding-right: 20px;
        }

            .is-collapsed .sidebar-col:hover .sidebar-menu-wrap .sidebar-menu .nav-item a .title {
                display: inline-block;
            }

            .is-collapsed .sidebar-col:hover .sidebar-menu-wrap .sidebar-menu .nav-item a .sprite-background {
                margin-right: 20px;
            }

            .is-collapsed .sidebar-col:hover .sidebar-menu-wrap .sidebar-menu .nav-item.dropdown {
                display: block;
            }

                .is-collapsed .sidebar-col:hover .sidebar-menu-wrap .sidebar-menu .nav-item.dropdown .dropdown-toggler .arrow {
                    display: block;
                }

        .is-collapsed .sidebar-col:hover .copyright-info {
            bottom: 25px;
        }

            .is-collapsed .sidebar-col:hover .copyright-info p,
            .is-collapsed .sidebar-col:hover .copyright-info span {
                display: inline-block;
                font-size: 11px;
            }

    .is-collapsed .sidebar-col .sidebar-menu-wrap {
        padding-left: 20px;
        padding-right: 30px;
    }

        .is-collapsed .sidebar-col .sidebar-menu-wrap .sidebar-menu .nav-item a .title {
            display: none;
        }

        .is-collapsed .sidebar-col .sidebar-menu-wrap .sidebar-menu .nav-item a .sprite-background {
            margin-right: 0px;
        }

        .is-collapsed .sidebar-col .sidebar-menu-wrap .sidebar-menu .nav-item.dropdown {
            /*display: none;*/
        }

            .is-collapsed .sidebar-col .sidebar-menu-wrap .sidebar-menu .nav-item.dropdown .dropdown-toggler .arrow {
                display: none;
            }

    .is-collapsed .sidebar-col .copyright-info {
        bottom: 100px;
    }

        .is-collapsed .sidebar-col .copyright-info .copyright-character {
            font-size: 24px;
            margin-right: 0;
        }

        .is-collapsed .sidebar-col .copyright-info p {
            display: none;
        }

.is-collapsed .page-container {
    padding-left: 70px;
}

@media (min-width: 769px) {
    #guest-list-popup .modal-dialog {
        max-width: 498px;
    }
}

#guest-list-popup .modal-dialog .modal-body {
    padding-left: 17px;
    padding-right: 17px;
}

    #guest-list-popup .modal-dialog .modal-body .select-ticket-wrap {
        position: relative;
        margin-bottom: 32px;
    }

        #guest-list-popup .modal-dialog .modal-body .select-ticket-wrap select {
            -webkit-box-shadow: none;
            outline: none;
            -webkit-appearance: none !important;
            -moz-appearance: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            box-shadow: none !important;
            height: 49px;
            width: 100%;
            padding-left: 15px;
            padding-right: 30px;
            border-radius: 2px;
            border: solid 1px #d3d3d3;
            background-color: #ffffff;
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.61px;
            color: #9b9b9b;
        }

            #guest-list-popup .modal-dialog .modal-body .select-ticket-wrap select::-ms-expand {
                display: none;
            }

        #guest-list-popup .modal-dialog .modal-body .select-ticket-wrap .select2-selection {
            margin-bottom: 0;
        }

        #guest-list-popup .modal-dialog .modal-body .select-ticket-wrap:after {
            content: "";
            position: absolute;
            height: 20px;
            width: 20px;
            background-image: url('../images/sprite.png');
            background-repeat: no-repeat;
            background-position: -93px -82px;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }

    #guest-list-popup .modal-dialog .modal-body .guest-link {
        border: 0;
    }

        #guest-list-popup .modal-dialog .modal-body .guest-link label {
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.61px;
            color: #4f52ba;
            text-decoration: underline;
            cursor: pointer;
        }

        #guest-list-popup .modal-dialog .modal-body .guest-link input {
            display: none;
        }

@media (min-width: 769px) {
    #rfid-band-popup .modal-dialog,
    #kot-user-popup .modal-dialog,
    #add-phase-tckt .modal-dialog,
    #other-tckts-pop .modal-dialog {
        max-width: 498px;
    }
}

#rfid-band-popup .modal-body,
#kot-user-popup .modal-body,
#add-phase-tckt .modal-body,
#other-tckts-pop .modal-body {
    padding-left: 17px;
    padding-right: 17px;
}

@media (min-width: 1201px) {
    #phase-ticket-popup .modal-dialog {
        max-width: 1040px;
    }
}

#phase-ticket-popup .modal-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0;
}

@media (min-width: 769px) {
    #create-fetival-pop .modal-dialog {
        max-width: 998px;
    }
}

#create-fetival-pop .add-tax-info {
    display: block;
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.61px;
    color: #4f52ba;
    text-decoration: none;
    margin-bottom: 16px;
}

#create-fetival-pop .modal-body {
    padding-left: 15px;
    padding-right: 15px;
}

    #create-fetival-pop .modal-body .input-title {
        display: block;
    }

    #create-fetival-pop .modal-body .left-fest-block .align-flex-end .input-with-icon {
        width: 49%;
        margin-bottom: 16px;
    }

        #create-fetival-pop .modal-body .left-fest-block .align-flex-end .input-with-icon .modal-input-box {
            width: 100%;
            margin-bottom: 0;
        }

    #create-fetival-pop .modal-body .left-fest-block .tax-input-sec {
        margin-bottom: 16px;
    }

        #create-fetival-pop .modal-body .left-fest-block .tax-input-sec .modal-input-box {
            width: 46%;
            margin-bottom: 0;
        }

        #create-fetival-pop .modal-body .left-fest-block .tax-input-sec .sprite-background {
            align-self: center;
        }

    #create-fetival-pop .modal-body .right-fest-block .sprite-background {
        display: inline-block;
    }

    #create-fetival-pop .modal-body .right-fest-block .upload-container {
        padding: 10px 10px;
        border-radius: 2px;
        border: solid 1px #d3d3d3;
        background-color: #ffffff;
        margin-bottom: 16px;
    }

    #create-fetival-pop .modal-body .right-fest-block .upload-image-sec img {
        width: 75px;
        height: 50px;
    }

    #create-fetival-pop .modal-body .right-fest-block .file-upload-btn {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        #create-fetival-pop .modal-body .right-fest-block .file-upload-btn input {
            display: none;
        }

        #create-fetival-pop .modal-body .right-fest-block .file-upload-btn label {
            margin-bottom: 0;
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.61px;
            color: #4f52ba;
        }

    #create-fetival-pop .modal-body .right-fest-block .dashed-line {
        margin-top: 27px;
        margin-bottom: 33px;
        border-top: 2px dashed #979797;
    }

    #create-fetival-pop .modal-body .right-fest-block .checkbox-row {
        display: flex;
    }

        #create-fetival-pop .modal-body .right-fest-block .checkbox-row label:first-child {
            padding-right: 80px;
        }

    #create-fetival-pop .modal-body .right-fest-block .radio-check-wrap {
        position: relative;
        display: flex;
        align-items: center;
    }

        #create-fetival-pop .modal-body .right-fest-block .radio-check-wrap label {
            margin-bottom: 0;
            padding-left: 44px;
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.61px;
            color: #9b9b9b;
            cursor: pointer;
            padding-right: 30px;
            z-index: 1;
        }

.venue-map {
    height: 300px;
}
/* Optional: Makes the sample page fill the window. */
#description {
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

.venue-map #infowindow-content {
    display: inline;
}

#transaction-filter-popover {
    display: none;
    position: absolute;
    padding: 16px 16px 0 16px;
    background-color: #ffffff;
    z-index: 1;
    max-width: 232px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.17);
    border: solid 1px #eeeeee;
}

    #transaction-filter-popover form {
        margin: 0;
    }

    #transaction-filter-popover input {
        border-radius: 2px;
        border: solid 1px #e3e3e3;
        background-color: #ffffff;
        width: 100%;
        margin-bottom: 16px;
        font-family: 'Proxima Nova';
        font-size: 12px;
        height: 30px;
        padding-left: 10px;
        padding-right: 30px;
    }

    #transaction-filter-popover label {
        font-family: 'Proxima Nova';
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.82;
        letter-spacing: normal;
        color: rgba(43, 48, 52, 0.4);
    }

    #transaction-filter-popover .filter-select {
        position: relative;
        margin-bottom: 16px;
    }

        #transaction-filter-popover .filter-select select {
            -webkit-box-shadow: none;
            outline: none;
            -webkit-appearance: none !important;
            -moz-appearance: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            box-shadow: none !important;
            border-radius: 2px;
            border: solid 1px #e3e3e3;
            background-color: #ffffff;
            width: 100%;
            font-family: 'Proxima Nova';
            font-size: 12px;
            height: 30px;
            padding-left: 10px;
            padding-right: 30px;
        }

        #transaction-filter-popover .filter-select:after {
            content: "";
            position: absolute;
            background-image: url('../images/sprite.png');
            background-repeat: no-repeat;
            background-position: -93px -82px;
            height: 20px;
            width: 20px;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }

    #transaction-filter-popover .filter-btn {
        margin-left: -16px;
        margin-right: -16px;
        background-color: #73ad40;
    }

        #transaction-filter-popover .filter-btn:hover {
            color: #4f52ba;
        }
/*search location map styling*/
.pac-container {
    z-index: 100000;
}
/*ends*/
.report-figure-sec {
    padding-top: 20px;
}

    .report-figure-sec .report-data-row {
        margin-left: -9px;
        margin-right: -9px;
    }

        .report-figure-sec .report-data-row .info-card-col {
            padding-right: 9px;
            padding-left: 9px;
        }

    .report-figure-sec .detail-info-wrap {
        padding: 17px 17px 25px 17px;
        background-color: #ffffff;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.09);
    }

        .report-figure-sec .detail-info-wrap h3 {
            font-family: 'Roboto';
            font-size: 12px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 0.75;
            letter-spacing: normal;
            color: #acacac;
            text-transform: uppercase;
        }

        .report-figure-sec .detail-info-wrap p {
            font-family: Roboto;
            font-size: 22px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 0.41;
            letter-spacing: normal;
            color: #4a4a4a;
            padding-top: 12px;
            margin-bottom: 0;
        }

.charts-section {
    margin-top: 30px;
}

    .charts-section .highchart-wrap {
        height: 331px;
        width: 100%;
        margin-bottom: 17px;
    }

    .charts-section .c-row {
        margin-left: -10.5px;
        margin-right: -10.5px;
    }

        .charts-section .c-row .chart-left-col {
            padding-left: 10.5px;
            padding-right: 10.5px;
            flex: 0 0 100%;
            max-width: 100%;
        }

@media (min-width: 992px) {
    .charts-section .c-row .chart-left-col {
        flex: 0 0 59%;
        max-width: 59%;
    }
}

.charts-section .c-row .chart-right-col {
    padding-left: 10.5px;
    padding-right: 10.5px;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    .charts-section .c-row .chart-right-col {
        flex: 0 0 41%;
        max-width: 41%;
    }
}

.highcharts-credits {
    display: none;
}

.highcharts-data-label-connector {
    stroke: #000000;
}

.select-venue-wrap {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    max-width: 278px;
}

    .select-venue-wrap .select2-selection__placeholder {
        font-family: 'Roboto';
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #acacac;
    }

    .select-venue-wrap .select2-selection__rendered {
        font-family: 'Roboto';
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #4a4a4a;
    }

    .select-venue-wrap .select2-selection {
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        height: 30px;
    }

    .select-venue-wrap select {
        width: 100%;
        padding-left: 15px;
        padding-right: 30px;
        background-color: #ffffff;
        font-family: 'Proxima Nova';
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.61px;
        color: #acacac;
    }

        .select-venue-wrap select::-ms-expand {
            display: none;
        }

    .select-venue-wrap:after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        background-image: url('../images/sprite.png');
        background-repeat: no-repeat;
        background-position: -93px -82px;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .select-venue-wrap .select2-selection__arrow {
        display: none;
    }

.flex-align-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.comm-input-box {
    height: 49px;
    border-radius: 2px;
    border: solid 1px #d3d3d3;
    display: block;
    width: 100%;
    margin-bottom: 16px;
    padding-left: 14px;
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.61px;
}

    .comm-input-box::placeholder {
        color: #9b9b9b;
    }

    .comm-input-box::-webkit-placeholder {
        color: #9b9b9b;
    }

    .comm-input-box::moz-placeholder {
        color: #9b9b9b;
    }

    .comm-input-box:ms-placeholder {
        color: #9b9b9b;
    }

.login-back-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    position: relative;
}

    .login-back-img .overlay {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.55);
    }

    .login-back-img .login-container-wrap {
        background-color: #ffffff;
        padding: 24px 20px 34px 20px;
        width: 100%;
        max-width: 420px;
        transition: all 1s ease-in-out;
    }

        .login-back-img .login-container-wrap .logo-wrap {
            margin-bottom: 29.6px;
            text-align: center;
        }

            .login-back-img .login-container-wrap .logo-wrap a {
                text-align: center;
            }

                .login-back-img .login-container-wrap .logo-wrap a img {
                    width: 55px;
                    height: 32.4px;
                    object-fit: cover;
                    object-position: center;
                    font-family: 'object-fit: cover; object-position: center;';
                    text-align: center;
                }

        .login-back-img .login-container-wrap .checkbox-wrap {
            padding-left: 27px;
            font-family: 'Roboto';
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #434a68;
            margin-bottom: 0;
        }

            .login-back-img .login-container-wrap .checkbox-wrap .checkmark {
                left: 0;
            }

        .login-back-img .login-container-wrap .txt {
            font-family: Roboto;
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.33;
            letter-spacing: normal;
            text-align: center;
            color: #434a68;
            text-decoration: none;
            background: none;
            border: 0;
            float: right;
            margin-top: 15px;
        }

        .login-back-img .login-container-wrap input {
            height: 49px;
            border-radius: 2px;
            border: solid 1px #d3d3d3;
            display: block;
            width: 100%;
            margin-bottom: 16px;
            padding-left: 14px;
            padding-right: 14px;
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.61px;
        }

        .login-back-img .login-container-wrap .login-btn {
            background-color: #4f52ba;
            border-radius: 3px;
            margin-top: 37px;
            height: 40px;
            margin-bottom: 0;
            font-family: 'Roboto';
            font-size: 12px;
            font-weight: 900;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.33;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
        }

    .login-back-img .content-wrap {
        overflow: hidden;
        width: 100%;
        max-width: 420px;
        position: relative;
    }

        .login-back-img .content-wrap .forgot-pass-section {
            transform: translateX(100%);
            position: absolute;
            top: 0;
        }

            .login-back-img .content-wrap .forgot-pass-section .back-to-login {
                text-decoration: none;
            }

                .login-back-img .content-wrap .forgot-pass-section .back-to-login img {
                    padding-right: 5px;
                }

                .login-back-img .content-wrap .forgot-pass-section .back-to-login span {
                    font-family: 'Roboto';
                    font-size: 12px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #434a68;
                }

            .login-back-img .content-wrap .forgot-pass-section .txt-2 {
                font-family: 'Roboto';
                font-size: 16px;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #434a68;
                margin-top: 42px;
                margin-bottom: 17px;
                display: block;
            }

    .login-back-img .slide-section .login-section {
        opacity: 0;
        transition: visibility 0s 0.5s, opacity 0.5s linear;
    }

    .login-back-img .slide-section .forgot-pass-section {
        transform: translateX(0%);
    }

.user-dropdown {
    display: none;
    position: absolute;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.27);
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 1;
    width: 100%;
    max-width: 200px;
}

    .user-dropdown ul {
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .user-dropdown ul li {
            list-style-type: none;
        }

            .user-dropdown ul li a {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                text-decoration: none;
            }

                .user-dropdown ul li a .sprite-background {
                    display: inline-block;
                    margin-right: 5px;
                }

                .user-dropdown ul li a .option-name {
                    font-family: 'Proxima Nova';
                    font-weight: 600;
                    color: #434a68;
                    font-size: 12px;
                }

.active-filter {
    color: #4f52ba !important;
    font-weight: 600 !important;
}

@media (min-width: 769px) {
    .event-create-edit-wrap .modal-dialog {
        max-width: 998px;
    }
}

.event-create-edit-wrap .add-tax-info {
    display: block;
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.61px;
    color: #4f52ba;
    text-decoration: none;
    margin-bottom: 16px;
}

.event-create-edit-wrap .modal-body {
    padding-left: 15px;
    padding-right: 15px;
}

    .event-create-edit-wrap .modal-body .input-title {
        display: block;
    }

    .event-create-edit-wrap .modal-body .left-fest-block .align-flex-end .input-with-icon {
        width: 49%;
        margin-bottom: 16px;
    }

        .event-create-edit-wrap .modal-body .left-fest-block .align-flex-end .input-with-icon .modal-input-box {
            width: 100%;
            margin-bottom: 0;
        }

    .event-create-edit-wrap .modal-body .left-fest-block .tax-input-sec {
        margin-bottom: 16px;
    }

        .event-create-edit-wrap .modal-body .left-fest-block .tax-input-sec .modal-input-box {
            width: 46%;
            margin-bottom: 0;
        }

        .event-create-edit-wrap .modal-body .left-fest-block .tax-input-sec .sprite-background {
            align-self: center;
        }

    .event-create-edit-wrap .modal-body .right-fest-block .sprite-background {
        display: inline-block;
    }

    .event-create-edit-wrap .modal-body .right-fest-block .upload-container {
        padding: 10px 10px;
        border-radius: 2px;
        border: solid 1px #d3d3d3;
        background-color: #ffffff;
        margin-bottom: 16px;
    }

    .event-create-edit-wrap .modal-body .right-fest-block .upload-image-sec img {
        width: 75px;
        height: 50px;
    }

    .event-create-edit-wrap .modal-body .right-fest-block .file-upload-btn {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .event-create-edit-wrap .modal-body .right-fest-block .file-upload-btn input {
            display: none;
        }

        .event-create-edit-wrap .modal-body .right-fest-block .file-upload-btn label {
            margin-bottom: 0;
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.61px;
            color: #4f52ba;
        }

    .event-create-edit-wrap .modal-body .right-fest-block .dashed-line {
        margin-top: 27px;
        margin-bottom: 33px;
        border-top: 2px dashed #979797;
    }

    .event-create-edit-wrap .modal-body .right-fest-block .checkbox-row {
        display: flex;
    }

        .event-create-edit-wrap .modal-body .right-fest-block .checkbox-row label:first-child {
            padding-right: 80px;
        }

    .event-create-edit-wrap .modal-body .right-fest-block .radio-check-wrap {
        position: relative;
        display: flex;
        align-items: center;
    }

        .event-create-edit-wrap .modal-body .right-fest-block .radio-check-wrap label {
            margin-bottom: 0;
            padding-left: 44px;
            font-family: 'Proxima Nova';
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.61px;
            color: #9b9b9b;
            cursor: pointer;
            padding-right: 30px;
            z-index: 1;
        }

    .event-create-edit-wrap .modal-body .right-fest-block .upload-image-sec img {
        width: 41px;
        object-fit: cover;
        object-position: center;
        font-family: 'object-fit: cover; object-position: center;';
    }

    .event-create-edit-wrap .modal-body .right-fest-block .tnc {
        font-family: 'Proxima Nova';
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.61px;
        color: #4f52ba;
        margin-top: 60px;
        margin-bottom: 20px;
    }

.show-info-text img {
    width: 18px;
    height: 18px;
}

#bookingId {
    color: #4f52ba;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.notification-icon {
    height: 25px;
    width: 25px;
}

.notify-active {
    background-color: #fa3e3e;
    border-radius: 4px;
    color: white;
    padding: 4px 4px;
    font-size: 10px;
    position: absolute; /* Position the badge within the relatively positioned button */
    display: none;
}

/* Dropdown Button */
.notificationbtn {
    /*background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;*/
    cursor: pointer;
}

/* Dropdown button on hover & focus 
.notificationbtn:hover, .notificationbtn:focus {
  background-color: #2980B9;
} */

/* The container <div> - needed to position the dropdown content */
.notification-content {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.notification-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size: small;
    color: black;
    padding: 8px 6px;
    text-decoration: none;
    right:3%;
}


/* Change color of dropdown links on hover */
.notification-row:hover {
    background-color: #ddd;
}

/*color the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

.notificationFooter {
    position: relative;
    display: inline-block;
}

.notificationFooter {
    display: none;
    background-color: #f9f9f9;
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    padding: 0 0 0 90px;
    z-index: 1;
    /*background-color: #f3f3f3;*/
    text-decoration: underline;
    align-content: center;
    color: blue;
}

.event-name {
    font-size: small;
}

.event-dateTime {
    font-size: x-small;
}

#notification-content {
    padding: 0;
}

.event-notification {
    box-shadow: none !important;
}
.date-notification {
    box-shadow: none !important;
}
.evnt-notification {
    padding: unset !important;
}

.dt-notification {
    padding: unset !important;
    font-size: 12px !important;
}

.btn-success{
    margin-top:10px;
}
.btn-secondary {
    margin-top: 10px;
}
.btn-danger {
    margin-top: 9px;
}

.tablesalesreportImage {
    position: absolute;
    top: 6%;
    right: 10px;
}

/*
#ed-artist-name {
    overflow-wrap: break-word;
}
#ed-artist-hashtag {
    overflow-wrap: break-word;
}*/

/*
.table-data{
    display: flex;  
  flex-wrap: wrap;
}*/


.tablesalesreportImage {
    position: absolute;
    top: 15px;
    right: 10px;
    transform: translateY(-50%);
    right: 10px;
    background-position: -98px -87px;
    height: 15px;
    width: 15px;
}

.venue-name {
    /*word-wrap: break-word;*/
    word-break: break-all;
}
/*
.comm-table-section table .table-data td {
    word-break: break-all;
}*/
.artist2 {
    word-break: break-all;
}

#gmap_canvas {
    position: relative; 
    height: 100%; 
    width: 100%;
}


.ChangePwd {
    margin-left: 35px;
    font-family: 'Proxima Nova';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.61px;
    color: #9b9b9b;
    /*padding: 13px 15px 13px 38px;*/
    text-align: left;
    z-index: 2;
    margin-bottom: 18px;
}


.notificationbuttons {
    margin-right: 25px;
}


.ChooseImage2 {
    display: inline-block;
    margin-bottom: 0.5rem;
    /*background-color: grey;*/
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 5px;
    /*color: white;*/
    /*font-weight: 500;*/
    background-color: #4f52ba;
    color: #ffffff;
}

    .ChooseImage2:hover {
        background-color: #007bff;
    }

.btn-primary {
    background-color: #4f52ba;
}



#BoxOfficeEventID {
    word-break: break-all;
}