img {
    max-width: 100%
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.container {
    max-width: calc(100% - 15%);
    width: calc(100% - 15%);
}

a:hover, a {
    text-decoration: none !important;
    transition: all .5s ease-in-out
}

body {
    font-family: 'Conv_arial';
    font-size: 17px;
    color: #6F615A;
    line-height: 30px;
}

p a, .card ul.not_border li a {
    color: #F26632;
    font-family: 'Conv_arialbd';
}

    p a.black {
        color: #6F615A;
        font-family: 'Conv_arial';
    }

    p a:hover {
        opacity: .7;
        color: #6F615A
    }

#supplyLink a:hover {
    opacity: .7;
    color: #6F615A;
}

form .form-control {
    background: #fff;
    font-size: 14px;
    border: 1px solid rgba(44, 38, 35, .1);
    padding: 10px;
    height: 48px;
    position: relative;
}

.btn-login {
    color: #fff;
    background: #f26632;
    margin: 0px 0px;
    padding: 8px 30px;
    font-size: 17px;
    text-decoration: none;
}

.pass-form, .form-group {
    position: relative;
}

span.password {
    position: absolute;
    top: 8px;
    right: 15px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #f26632;
    background-color: #f26632;
}

.mar_top {
    margin-top: 20px;
}

a.blue {
    color: #137CDF;
    font-family: 'Conv_arial';
}

span.style {
    font-size: 12px;
}

span.green {
    color: #15717D;
    font-family: 'Conv_arialbd';
}

span.small {
    font-size: 12px;
    line-height: 20px;
}

p span.right {
    text-align: right;
    float: right;
}

.card ul.not_border li {
    border-bottom: none;
    line-height: 29px;
}


/** Generated by FG **/
@font-face {
    font-family: 'Conv_arial';
    src: url('../fonts/arial.eot');
    src: local('Conv_arial'), url('../fonts/arial.woff') format('woff'), url('../fonts/arial.ttf') format('truetype'), url('../fonts/arial.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_arialbd';
    src: url('../fonts/arialbd.eot');
    src: local('Conv_arialbd'), url('../fonts/arialbd.woff') format('woff'), url('../fonts/arialbd.ttf') format('truetype'), url('../fonts/arialbd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_Avenir Heavy Font Download';
    src: url('../fonts/Avenir Heavy Font Download.eot');
    src: local('Conv_Avenir Heavy Font Download'), url('../fonts/Avenir Heavy Font Download.woff') format('woff'), url('../fonts/Avenir Heavy Font Download.ttf') format('truetype'), url('../fonts/Avenir Heavy Font Download.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_Avenir_65_Medium';
    src: url('../fonts/Avenir_65_Medium.eot');
    src: local('Conv_Avenir_65_Medium'), url('../fonts/Avenir_65_Medium.woff') format('woff'), url('../fonts/Avenir_65_Medium.ttf') format('truetype'), url('../fonts/Avenir_65_Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*---------------top-header-----------*/
.top-header {
    padding: 7px 0px;
    text-align: right;
    background: #F0EFED;
    font-size: 13px;
    color: #9e9e9e;
    font-family: 'Conv_arialbd';
}

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

        .top-header ul li:not(:last-child):after {
            content: "|";
            margin: 0px 15px
        }

        .top-header ul li select {
            background: transparent;
            border: none;
            color: #9e9e9e;
            cursor: pointer
        }

/*---------------header-----------*/
.navbar {
    padding: 0px;
}

.header-nav {
    padding: 10px 0px
}

div#myNavbar {
    float: right;
    flex-basis: inherit;
    flex-grow: inherit;
}

ul.nav.navbar-nav li {
    display: inline-block;
    padding: 10px 20px
}

    ul.nav.navbar-nav li a {
        color: #6F615A;
        font-size: 15px;
    }

    ul.nav.navbar-nav li.active a {
        color: #15717D;
        font-family: 'Conv_arialbd';
        position: relative;
    }

        ul.nav.navbar-nav li.active a:after {
            position: absolute;
            content: "";
            bottom: -5px;
            left: 0;
            background: #15717D;
            width: 35%;
            height: 3px;
        }

    ul.nav.navbar-nav li form .form-control {
        background: url(../images/search.png) no-repeat 15px 15px #f5f5f5;
        font-size: 14px;
        border: none;
        padding: 13px 5px 13px 45px;
        box-shadow: none;
        height: 43px
    }

.navbar-nav {
    display: block
}

.dropdown-menu {
    right: 15px;
    min-width: 360px;
    left: inherit;
    padding: 20px 30px;
    font-size: 13px;
    line-height: 20px;
    color: #6F615A;
    border: 1px solid #efeeee;
    border-radius: 10px;
}

.navbar-nav .dropdown-menu:after {
    position: absolute;
    content: "";
    top: -10px;
    right: 65px;
    background: #fff;
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #ece8e8;
    border-left: 1px solid #ece8e8;
}

.dropdown-menu p a {
    color: #15717D !important;
}

ul.nav.navbar-nav li .dropdown-menu form .form-control {
    background: #fff;
    font-size: 14px;
    border: 1px solid rgba(44, 38, 35, .1);
    padding: 10px;
    height: 48px;
}

ul.nav.navbar-nav li .dropdown-menu form .btn.btn-login {
    width: 100%;
    color: #fff;
    background: #f26632;
    margin: 0px 0px 15px;
    padding: 9px 10px;
    font-size: 17px;
    text-decoration: none;
}

    ul.nav.navbar-nav li .dropdown-menu form .btn.btn-login:hover {
        background: #15717D;
    }

.modal-dialog .btn.btn-login:hover {
    background: #15717D;
}

#btnFindStatements:hover {
    background: #15717D;
    color: #fff;
}
#btnUserdetail:hover {
    background: #15717D;
    color: #fff;
}

#btnUpdatePassword:hover {
    background: #15717D;
    color: #fff;
}

#btnUpdatePreferences:hover {
    background: #15717D;
    color: #fff;
}


#btnOutletsWithZeroSales:hover {
    background: #15717D;
    color: #fff;
}

#tblOutletsWithZeroSales tr td:last-child {
     background: #fff; 
    padding-left: 10px;
    font-size:90%;
}

a.btn.btn-csv:hover {
    color: #15717D;
}
/*.select-section .right-section select:hover {
    color: #15717D;
}*/
.logo {
    float: left;
}

.dropdown-menu h3 {
    color: #6F615A;
    font-size: 24px;
    font-family: 'Conv_arialbd';
}

ul.nav.navbar-nav li:last-child {
    padding-right: 0px;
}

button.navbar-toggle {
    background: url(../images/ham.png) no-repeat 0px 10px;
    height: 30px;
    width: 30px;
    border: none;
    cursor: pointer !important;
}

.dropdown-toggle::after {
    display: none;
}

ul.nav.navbar-nav li:last-child a {
    color: #f26632;
}

.dropdown-menu.show p {
    margin-bottom: 3px;
}

.modal-body {
    padding: 30px;
}

.modal-dialog {
    max-width: 630px;
    font-size: 13px;
    line-height: 20px;
    color: #6F615A;
}

    .modal-dialog .col-md-6.left {
        padding-right: 5px;
    }

    .modal-dialog .col-md-6.right {
        padding-left: 5px;
    }

    .modal-dialog h3 {
        color: #6F615A;
        font-size: 24px;
        font-family: 'Conv_arialbd';
    }

    .modal-dialog a {
        color: #15717D
    }

    .modal-dialog .form-control {
        background: #fff;
        font-size: 14px;
        border: 1px solid rgba(44, 38, 35, .1);
        padding: 10px;
        height: 48px;
    }

    .modal-dialog .btn.btn-login {
        width: 50%;
        color: #fff;
        background: #f26632;
        margin: 10px auto 0px;
        padding: 9px 10px;
        font-size: 17px;
        text-decoration: none;
    }

    .modal-dialog .form-group input {
        -webkit-appearance: none;
    }

    .modal-dialog .form-group label {
        position: relative;
        cursor: pointer;
    }

        .modal-dialog .form-group label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #15717D;
            border-radius: 5px;
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 10px;
        }

    .modal-dialog .form-group input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 7px;
        width: 6px;
        height: 12px;
        border: solid #227984;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .modal-dialog .col-md-6.left span.password {
        position: absolute;
        top: 13px;
        right: 15px;
    }

    .modal-dialog .col-md-6.right span.password {
        position: absolute;
        top: 13px;
        right: 15px;
    }

    .modal-dialog .form-control.pass-form {
        padding-right: 30px;
    }

@media(min-width:768px) {
    button.navbar-toggle {
        display: none;
    }

    div#myNavbar {
        display: block
    }
}

/*------------banner---------*/
.banner {
    position: relative;
}

    .banner img.main_img {
        width: 100%;
    }

    .banner .banner-text {
        position: absolute;
        top: 25%;
        color: #fff
    }

        .banner .banner-text p {
            width: 480px;
            font-size: 21px;
            line-height: 30px;
            margin-bottom: 45px;
        }

        .banner .banner-text h1 {
            font-family: 'Conv_arialbd';
            font-size: 38px;
            color: #fff;
            line-height: 50px;
            margin-bottom: 40px;
        }

            .banner .banner-text h1 span {
                color: #F26632
            }

        .banner .banner-text p.small {
            margin-top: 25px;
            color: #fff;
            opacity: .7;
            line-height: 22px;
            font-size: 12px;
        }

            .banner .banner-text p.small a {
                font-family: 'Conv_arialbd';
                color: #fff;
            }

        .banner .banner-text a.btn.btn-login {
            font-size: 18px;
            background: #f26632;
            color: #fff;
            padding: 9px 40px;
            border-radius: 3px;
            margin-top: 15px;
            margin-right: 15px;
        }

            .banner .banner-text a.btn.btn-login:hover {
                background: #15717D;
            }

        .banner .banner-text a.btn.btn-register {
            font-size: 18px;
            background: #fff;
            color: #6F615A;
            padding: 9px 40px;
            border-radius: 3px;
            margin-top: 15px;
            border: 1px solid #979797;
        }

    .banner .scroll {
        position: absolute;
        bottom: 10px;
        width: 120px;
        color: #fff;
        text-align: center;
        margin: 0 auto;
        font-size: 14px;
        line-height: 35px;
        left: 0;
        right: 0;
    }

        .banner .scroll a {
            color: #fff;
        }

        .banner .scroll img {
            display: block;
            margin: 0 auto;
        }


/*------reason-------------*/
.reason {
    padding: 70px 0px 90px;
    background: #F0EFED;
}

    .reason h2 {
        color: #6F615A;
        font-family: 'Conv_arialbd';
        font-size: 40px;
    }

        .reason h2 span {
            color: #F26632;
        }

    .reason .item {
        background: #fff;
        padding: 30px 40px;
        color: #6F615A;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
    }

        .reason .item .content {
            min-height: 80px;
        }

        .reason .item h3 {
            font-size: 26px;
            color: #6F615A;
            line-height: 45px;
            margin-bottom: 10px;
        }

            .reason .item h3 span {
                display: block;
                color: #F26632;
            }
    /* .reason .item a.btn.btn-learn{background: #F26632;color: #fff;font-size: 14px;padding: 7px 25px;margin-bottom: 20px;font-family: 'Conv_arialbd'}
.reason .item a.btn.btn-learn:hover{background: #15717D;} */
    .reason .cust_item .item {
        text-align: inherit;
        clear: both;
        display: inline-block;
        width: 100%;
        box-shadow: 5px 10px 7px rgba(0,0,0,0.1);
    }

    .reason .cust_item h3 {
        float: left;
    }

    .reason .cust_item a.btn.btn-learn {
        float: right;
        margin: 25px 0px;
        background: #f26632;
        color: #fff;
    }

        .reason .cust_item a.btn.btn-learn:hover {
            background: #15717D;
        }

    .reason ul {
        margin: 20px 0px 50px;
        background: #fff;
        box-shadow: 5px 10px 7px rgba(0,0,0,0.1);
    }

        .reason ul li {
            width: 33.33%;
            float: left;
            position: relative;
        }

        .reason ul a.btn.btn-learn {
            background: #F26632;
            color: #fff;
            font-size: 14px;
            padding: 7px 25px;
            margin-bottom: 40px;
            font-family: 'Conv_arialbd'
        }

            .reason ul a.btn.btn-learn:hover {
                background: #15717D;
            }

        .reason ul li:nth-child(2):before {
            position: absolute;
            content: "";
            top: 35%;
            left: 0;
            height: 55%;
            background: rgba(151, 151, 151, .20);
            width: 1px;
        }

        .reason ul li:nth-child(2):after {
            position: absolute;
            content: "";
            top: 35%;
            right: 0;
            height: 55%;
            background: rgba(151, 151, 151, .20);
            width: 1px;
        }



/*------release-------------*/
.release {
    padding: 70px 0px 90px;
}

    .release h2 {
        color: #6F615A;
        font-family: 'Conv_arialbd';
        font-size: 40px;
        margin-bottom: 40px;
    }

    .release ul li {
        color: #15717D;
        border-bottom: 1px solid rgba(216, 216, 216, 0.5);
        padding-bottom: 22px;
        margin-bottom: 22px;
        position: relative;
        padding-left: 35px;
        min-height: 120px;
    }

        .release ul li .date {
            font-size: 24px;
            color: #6F615A;
            margin-bottom: 10px;
        }

        .release ul li p {
            margin-bottom: 0px;
        }

        .release ul li:last-child {
            border-bottom: none;
        }

        .release ul li:before {
            position: absolute;
            top: 12px;
            content: "";
            left: 0;
            background: #f26632;
            width: 5px;
            height: 75%;
        }

    .release figure {
        float: right
    }

    .release figure {
        position: relative;
    }

        .release figure:before {
            position: absolute;
            content: "";
            background: #e8e8e8;
            bottom: -15px;
            right: 15px;
            height: 15px;
            width: 100%;
        }

        .release figure:after {
            position: absolute;
            content: "";
            background: #e8e8e8;
            top: 10px;
            left: -15px;
            height: 100%;
            width: 15px;
        }

p.notification {
    font-size: 24px;
    color: #6F615A;
}


/*-----------footer-----------*/
#footer {
    color: #988d87;
    background: #f9f9f9;
    border-top: 1px solid #dedbd9
}

    #footer h3 {
        color: #6F615A;
        font-size: 30px;
        font-family: 'Conv_arialbd';
        margin-bottom: 15px;
    }

    #footer a.btn.btn-visit {
        background: #F26632;
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        padding: 9px 35px;
        float: right;
        font-family: 'Conv_arialbd';
    }

        #footer a.btn.btn-visit:hover {
            background: #15717D
        }

    #footer .top-footer {
        padding: 50px 0px;
    }

    #footer .bot-footer {
        font-size: 10px;
        padding: 40px 0px;
        border-top: 1px solid #c1bbb9
    }

        #footer .bot-footer img.foot-logo {
            margin-bottom: 30px;
        }

    #footer ul {
        text-align: right;
    }

        #footer ul li {
            display: inline-block;
            font-size: 15px;
            padding: 20px 15px;
        }

            #footer ul li:last-child {
                padding-right: 0px;
            }

            #footer ul li a {
                opacity: .7;
                color: #6F615A
            }

                #footer ul li a:hover {
                    color: #F26632;
                    opacity: 1;
                }

/*-------fixed-alert-------*/
.alert.alert-warning.alert-dismissible {
    padding: 20px 0px 15px;
    border-radius: 0px;
    position: fixed;
    top: 0;
    width: 100%;
    border: none;
    margin: 0;
    background: #fff;
    box-shadow: 0px 0px 10px #ccc;
    font-size: 12px;
    color: #988d87;
}

    .alert.alert-warning.alert-dismissible h3 {
        color: #6F615A;
        font-size: 30px;
        font-family: 'Conv_arialbd';
        margin-bottom: 0px;
    }

    .alert.alert-warning.alert-dismissible p {
        margin-bottom: 0px;
    }

/*------------inner-circular-------------------*/
.nav-tabs > li > a {
    color: #6F615A;
    font-size: 24px;
    font-family: 'Conv_arialbd';
    padding: 25px 10px;
    background: #f0efed;
    margin-right: 0px;
    border: none;
    border-radius: 0;
}

.nav-tabs > li {
    width: 25%;
    text-align: center;
    border-top: 5px solid transparent
}

    .nav-tabs > li.active {
        background: #fff;
        border-top: 5px solid #f26632;
        box-shadow: 3px 3px 25px rgba(0,0,0,.15);
    }

        .nav-tabs > li.active a {
            color: #f26632;
            background: #fff;
        }

.tab-content {
    padding-top: 3em;
}

    .tab-content h2 {
        font-size: 40px;
        color: #15717D;
        font-family: 'Conv_arialbd'
    }

.nav-tabs {
    position: relative;
}

.inner-tabs {
    background: #F0EFED;
    padding: 0px 0px 70px;
}

.card {
    background: #fff;
    margin: 20px 0px;
    box-shadow: 6px 6px 20px rgba(0,0,0,.15);
    min-height: 320px
}

.pharmacyCard{
    background: #fff;
    margin: 0px 0px;
    box-shadow: 6px 6px 20px rgba(0,0,0,.15);
    /*min-height: 320px*/
}
    .card.auto {
        min-height: auto;
    }

        .card.auto ol {
            margin: 0;
            padding: 0 0 0 15px;
        }

            .card.auto ol li {
                line-height: 45px
            }

                .card.auto ol li a {
                    color: #f26632;
                }

        .card.auto ul {
            margin-bottom: 20px;
        }

            .card.auto ul li {
                border-bottom: none;
                padding-bottom: 0px;
                margin-bottom: 0px;
                line-height: 30px;
                list-style: disc;
                padding-left: 0px;
                margin-left: 20px;
            }

    .card.cursor {
        cursor: pointer;
    }

    .card .title {
        background: #f0efed;
        padding: 14px 19px;
        font-family: 'Conv_arialbd';
        color: #6F615A;
        border-bottom: 1px solid #d8d8d8
    }

        .card .title span.right {
            float: right;
            font-size: 14px;
            color: #6F615A;
            font-family: 'Conv_arial';
        }

        .card .title span.br {
            display: block;
            font-size: 15px;
            color: #6F615A;
            font-family: 'Conv_arial';
        }

        .card .title span.left {
            float: left;
        }

        .card .title .right-section {
            float: right;
            padding-top: 20px;
        }

            .card .title .right-section select {
                min-width: 120px;
                border: none;
                padding: 13px 14px 13px 5px;
                border-radius: 3px;
                color: #6f615a;
                height: 45px;
            }

            .card .title .right-section input {
                min-width: 370px;
                border: none;
                padding: 13px 14px 13px 5px;
                border-radius: 3px;
                color: #6f615a;
            }


        .card .title i.fa {
            font-size: 13px;
            margin-left: 5px;
            color: #ababab;
        }

    .card .description {
        padding: 25px 30px;
    }

    .card h4 {
        color: #6F615A;
        font-family: 'Conv_arialbd';
        margin: 10px 0px 3px
    }

    .card h3 {
        color: #6F615A;
        font-family: 'Conv_arialbd';
        font-size: 17px;
    }

    .card p.note {
        color: #6F615A;
        opacity: 50%;
        font-size: 12px;
    }

    .card h4 span {
        color: #F26632;
    }

    .card h4 img {
        float: right;
        position: relative;
        top: 7px
    }

    .card ul li {
        border-bottom: 1px solid rgba(111, 97, 90, .07);
        padding-bottom: 10px;
        margin-bottom: 10px;
        clear: both;
        display: inline-block;
        width: 100%;
    }

        .card ul li span.br {
            display: block;
        }

        .card ul li span strong {
            color: #15717D;
        }

        .card ul li:last-child {
            border-bottom: none;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }

        .card ul li p {
            margin-bottom: 0px;
        }

a .card ul li {
    color: #6F615A
}

p.back_summary a {
    color: #6F615A;
    font-family: 'Conv_arial';
}

    p.back_summary a i.fa {
        color: #F26632;
    }

.card .left h3 {
    margin-bottom: 0px;
}

.card .head {
    font-size: 24px;
    color: #6F615A;
    font-family: 'Conv_arialbd';
    margin: 10px 0px;
}

.card p.info, .modal-dialog p.info {
    color: #6F615A;
    margin-bottom: 0px;
}

    .card p.info span, .modal-dialog p.info span {
        color: #15717D;
        font-weight: 600;
    }

.card .main-rank {
    font-size: 34px;
}

a .card .main-rank {
    color: #6F615A;
}

.card p.paging {
    margin: 30px 0px 10px;
}

.card .main-rank span {
    font-size: 17px;
    opacity: .5;
}

.select-section {
    background: rgba(0,0,0,0.07);
    margin: 20px 0px;
    padding: 25px 30px;
    font-size: 16px;
}

    .select-section p span {
        color: #F26632
    }

    .select-section p {
        float: left;
        margin-bottom: 0px;
        margin-top: 8px;
    }

    .select-section .right-section {
        float: right;
        font-size: 16px;
    }

        .select-section .right-section label {
            margin-right: 5px;
        }

        .select-section .right-section select {
            min-width: 120px;
            border: none;
            padding: 13px 14px 13px 5px;
            border-radius: 3px;
            color: #6f615a;
            height: 45px;
        }

        .select-section .right-section input {
            min-width: 370px;
            border: none;
            padding: 13px 14px 13px 5px;
            border-radius: 3px;
            color: #6f615a;
        }

            .select-section .right-section input.search, .card input.search {
                min-width: 375px;
                border: 1px solid #DEE3E7;
                padding: 10px 14px 10px 30px;
                border-radius: 3px;
                color: #6f615a;
                background: url(../images/search.png) no-repeat 9px 17px #fff;
                opacity: .8;
            }

.card .select-section {
    background: transparent;
    padding: 0px;
}

    .card .select-section .right-section {
        float: none;
    }

        .card .select-section .right-section input.search, .card .select-section .right-section select {
            border: 1px solid #e2e2e2
        }

.select-section .right-section .space, .card .space {
    margin: 0px 15px;
}

.progress-bar {
    width: 0;
    animation: progress 1.5s ease-in-out forwards;
    border-radius: 30px;
    position: relative;
    overflow: inherit;
}

.progress {
    height: 10px;
    margin: 30px 0px;
    background-color: #F0EFED;
    border-radius: 30px;
    box-shadow: none;
    overflow: initial;
    position: relative;
}

.progress-bar.low {
    background: #EE0404;
}

.progress-bar.medium {
    background: #FFCA00;
}

.progress-bar.high {
    background: #5FCE37;
}

.progress-bar.aftermax {    
    background: #A9A9A9;
}

 
.box {
    width: 100%;
    color: #fff;
    text-align: center;
    background: #F26632;
    font-size: 80px;
    font-family: 'Conv_arialbd';
    padding: 60px 0px 40px;
}

    .box .chart {
        position: relative;
        width: 200px;
        height: 100%;
        text-align: center;
        font-size: 35px;
        line-height: 1;
        color: #bcbbb9;
        text-align: center;
        margin: 0px auto;
        padding-top: 65px;
    }

    .box span.br {
        font-size: 17px;
        color: #fff;
        width: 100%;
        display: block;
        margin: 5px auto;
        font-family: 'Conv_arial';
        padding-top: 25px;
    }

    .box canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px
    }

/*.box {
    width: 100%;
}

    .box .chart {
        position: relative;
        width: 200px;
        height: 100%;
        text-align: center;
        font-size: 35px;
        line-height: 6;
        color: #bcbbb9;
        text-align: center;
        margin: 0px auto;
    }

    .box canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px
    }*/

.nav-tabs .nav-link.active:before {
    position: absolute;
    content: "";
    top: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    background: #f26632;
}

.table {
    margin: 15px 0px 10px;
}

    .table td {
        padding: 10px 0px;
        border-top: 1px solid #efefef;
        opacity:1.0;
    }

    .table th {
        border-top: none;
        font-weight: 400;
        opacity: .3;
        padding: 10px 0px;
    }

    .table tr td:last-child {
        background: #f5f3f3;
        padding-left: 10px;
    }

    .table tr tr:nth-child(even) {
        padding-left: 10px;
    }

.right_button {
    text-align: right;
}

    .right_button.bg {
        background: #f0efed;
        border-bottom: 1px solid #d8d8d8;
    }

    .right_button .right-section select {
        min-width: 120px;
        border: 1px solid #DEE3E7;
        padding: 13px 14px 13px 5px;
        border-radius: 3px;
        color: #6f615a;
        height: 45px;
    }

a.btn.btn-csv {
    padding: 0;
    font-size: 14px;
    font-family: 'Conv_arialbd';
    color: #f26632;
}

    a.btn.btn-csv img {
        margin-right: 10px;
    }

.custom-switch {
    float: right;
}

.card .custom-switch select {
    font-family: 'Conv_arial';
    min-width: 250px;
    padding: 13px 14px 13px 14px;
    border-radius: 3px;
    color: #6f615a;
    border: 1px solid #eaeaea;
    font-weight: 300;
    height: 45px;
}


/*-----------------accordion-------*/
.card-header {
    background: transparent;
    padding: .75rem 0rem;
}

.accordion .card {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #efefef !important;
    /*min-height: auto;*/
}

.card-body {
    background: rgba(240, 239, 237, .3);
}

.accordion .btn-link {
    /*color: #6F615A;*/
    color:black;
    width: 100%;
    text-align: left;
}

    .accordion .btn-link span {
        font-family: 'Conv_arial';
        margin-left: 20px;
    }

    .accordion .btn-link i.fa {
        float: right;
    }

.accordion label {
    color: #222222;
    opacity: 0.8;
    margin-top: 10px;
}

.accordion .form-control {
    background: #fff;
    font-size: 14px;
    font-weight:bold;
    border: 1px solid #eae9e9;
    padding: 10px;
    height: 48px;
    position: relative;
    color: black;
}

ul.pagination {
    margin: 30px 0px 10px;
}

.page-item.active .page-link {
    background-color: #F26632;
    border-color: #F26632;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-link {
    padding: 10px 15px;
    color: #323E47;
}

.card ul.pagination li {
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.half-width {
    width: 80%;
    margin: 0 auto
}

    .half-width .col-md-4, .half-width .col-md-8 {
        padding: 0px 5px
    }

    .half-width .col-md-4 {
        font-size: 15px;
        padding-top: 13px
    }

.card .left h3 a {
    float: right
}

.card .left h3 span {
    font-weight: 300;
    font-size: 13px;
    font-family: 'Conv_arial'
}

/*-----------another popup----------*/
/* #firstpopup .modal-dialog, #secondpopup .modal-dialog,#thankyou .modal-dialog{font-size: 24px !important;line-height: 35px;}
#thankyou .modal-dialog{text-align: center;}
#thankyou .modal-dialog h4{font-size: 40px;color: #f26632;} */

#secondpopup .modal-dialog a.btn.btn-login:hover {
    background: #15717D;
}


#btnForgetPasswordSubmit:hover {
    background: #15717D;
    color:#fff;
}


#btnResetPassword:hover {
    background: #15717D;
    color: #fff;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 150px;
        background-color: #000;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 120%;
        left: 50%;
        margin-left: -75px;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #000 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

/*----------pdf-css---------*/
.table-responsive.pdf .table {
    background: #fff;
    border: 1px solid #e3e3e3;
    margin-top: 0px;
}

.table-responsive.pdf .head {
    background: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #4c4c4c;
    padding: 15px 10px;
}

.table-responsive.pdf .table tr {
}

    .table-responsive.pdf .table tr th, .table-responsive.pdf .table tr td {
        padding: 8px 10px;
        border: 1px solid #e3e3e3
    }

    .table-responsive.pdf .table tr th {
        color: #4c4c4c;
        font-size: 16px;
        opacity: 1;
        padding: 10px;
        font-weight: 600;
    }

.table-responsive.pdf .table-responsive .table tr td:last-child {
    background: transparent;
}


/*--------Admin Sprint 1B -- start------*/

.table.action-bg tr td:last-child {
    background: #efefef;
    /*background: transparent;*/
}

.btn-admin-delete {    
    background: #f26632;
    color: #fff;
    border: 1px solid transparent;
    padding: 0.375rem .75rem;
    font-size: 1rem;
    line-height: 0.5;
    border-radius: 0.25rem;   
}

.select-section.audit input {
    font-size: 17px;
    width: 100%;
    border: 1px solid #DEE3E7;
    padding: 10px 14px 10px 30px;
    border-radius: 6px;
    color: #6f615a;
    background: url(../images/search.png) no-repeat 9px 15px #fff;
}

    .select-section.audit input.btn.btn-submit {
        width: auto;
        min-width: auto;
        padding: 10px 20px;
    }

.right-section .btn.btn-submit {
    background: #f26632;
    color: #fff;
    padding: 9px 10px;
    margin: 0;
    margin-left: 5px;
    position: relative;
    top: -4px;
}

.btns-admins .btn.btn-submit {
    background: #f26632;
    color: #fff;
    padding: 7px 40px
}

.table .form-group {
    margin-bottom: 0px
}

    .table .form-group input {
        -webkit-appearance: none;
    }

    .table .form-group label {
        position: relative;
        cursor: pointer;
    }

        .table .form-group label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #adadad;
            border-radius: 5px;
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 10px;
        }

    .table .form-group input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 7px;
        width: 6px;
        height: 12px;
        border: solid #adadad;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }



#addnew form .btn {
    padding: 6px 35px;
    font-size: 17px;
    text-decoration: none;
    width: auto
}

    #addnew form .btn.btn-save {
        background: #f26632;
        color: #fff;
    }

    #addnew form .btn.btn-link {
        background: transparent;
        color: rgba(0,0,0,0.8)
    }


.alignright {
    text-align: right;
}

/*--------Admin Sprint 1B -- end------*/


/* ------ Analytic Sprint 1C --start------*/

/* card */
/**/
:root {
    --main-color: #15717d;
    --sec-color: #f26632;
    --main-text-color: #6f615a;
    --sec-text-color: #9fa2b4;
}

.card.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card .card-header {
    color: var(--main-text-color);
    background-color: #f0efed;
}

    .card .card-header p {
        color: var(--sec-text-color);
    }

    /* .card {
	height: 450px;
} */
    .card .card-header select {
        background-color: transparent;
        color: var(--sec-color);
        border: none;
    }

    .card .card-header .text-small {
        font-size: 12px;
        font-weight: lighter;
    }

    .card .card-header .card-header-title {
        font-size: 15px;
    }

    .card .card-header .card-header-sub-title {
        font-size: 12px;
        margin-top:-5px;

    }

.card .card-body a {
    color: var(--sec-color);
}

    .card .card-body a:hover {
        opacity: 0.8;
    }

.card .card-body .box {
    background-color: var(--sec-color);
    color: #fff;
    font-size: 40px;
}

.card .card-body .highlight {
    color: var(--sec-color);
    font-size: 22px;
}

.card .card-body .scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 227px;
}

    .card .card-body .scrollable span {
        display: block;
        color: var(--sec-text-color);
        font-size: 12px;
    }


.selectedMonthChartDDL
{
    margin-right:25px;
}

.inner-content {
    /*top: 223px;
        left: 197px;*/
    position: absolute;
    width: 150px;
    height: 150px;
    margin-top: -130px;
    margin-left: 94px;
    font-size: 45px;
    line-height: 100px;
    vertical-align: middle;
    text-align: center;
    color: #f26632;
    z-index: 100;
}

/* ------ Analytic Sprint 1C --end------*/


/*------BG Member Styling - starts--------*/

#fields-container .icons .add {
    display: none;
}

#fields-container :last-child .icons .add {
    display: block;
}

#fields-container :last-child .icons .delete {
    display: none;
}

/* custom checkbox */
.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 40px;
    padding-top: 3px;
    cursor: pointer;
    user-select: none;
    width: fit-content;
}

    .custom-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .custom-checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 30px;
        width: 30px;
        background-color: #F0EFED;
        border-radius: 0.25rem;
    }

    .custom-checkbox:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .custom-checkbox input:checked ~ .checkmark {
        background-color: #15717D;
    }

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

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

.custom-checkbox .checkmark:after {
    left: 10px;
    top: 3px;
    width: 9px;
    height: 20px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* custom more detail button */
.btn-detail {
    margin-top: -8px;
    margin-right: 0px;
    margin-left: -80px;
    position: absolute;

    /*font-size: 13px;
    background: #f26632;
    color: #fff;
    padding: 0px 10px;
    border-radius: 3px;*/
    /*margin-top: 5px;*/
    /*margin-right: 5px;*/
}

/* cards having graphs */
.card-graph {
    max-width: 400px;
}

/* select */
.selectBG {
    min-width: 120px !important;
    width: 100% !important;
    font-size: 14px;
    font-family: 'Conv_arial';
    padding: 10px 30px 10px 5px !important;
    border-radius: 3px !important;
    /*color: #6f615a !important;*/
    color: #495057 !important;
    height: 45px !important;
    background: url('../images/select.png') no-repeat right #fff !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-position-x: 95% !important;
}

.selectBGOutlet {
    min-width: 120px !important;
    width: 100% !important;
    font-family: 'Conv_arial';
    padding: 10px 30px 10px 5px !important;
    border-radius: 3px !important;
    /*color: #6f615a !important;*/
    color: #495057 !important;
    height: 45px !important;
    background: url('../images/select.png') no-repeat right #fff !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-position-x: 95% !important;
}

/* progress labeling */
.main-progess {
    position: relative;
}

.progress-label {
    position: absolute;
    top: -21px;
    font-size: 12px;
}

/* .progress-label:after {
  content: '';
  position: absolute;
  top: 18px;
  height: 15px;
  left: 50%;
  border: 1px solid #a39791;
} */

/* min label positioning */
.min {
    left: 29%;
}

/* max label positioning */
.max {
    left: 62%;
}


/*------BG Member Styliing - ends ---------*/

@keyframes progress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@media(max-width:1500px) {
    .banner .banner-text {
        top: 9%
    }
    .inner-content {
        margin-left: 60px;
    }

    .box {
        font-size: 60px;   
        
    }
        .box span.br {
            font-size: 14px;
            padding-left: 5px;
            padding-right: 5px;
        }
            body {
        font-size: 15px;
        line-height: 25px;
    }
}

@media(max-width:2300px) {
    .box {
        font-size: 50px;
        
    }
        .box span.br {
            font-size: 14px;
            padding-left: 5px;
            padding-right: 5px;
        }

}


    @media(max-width:1200px) {

        .inner-content {
            margin-left: 58px;
        }

        ul.nav.navbar-nav li {
            padding: 5px 8px;
        }

        .logo {
            width: 200px;
        }

        ul.nav.navbar-nav li a {
            font-size: 12px;
        }

        .header-nav {
            padding: 5px 0px;
        }

        .banner .banner-text h1 {
            font-size: 25px;
            line-height: 35px;
            margin-bottom: 3px;
        }

        .banner .banner-text {
            font-size: 14px;
            line-height: 22px;
        }

            .banner .banner-text a.btn.btn-login, .banner .banner-text a.btn.btn-register {
                font-size: 15px;
                padding: 9px 30px;
                margin-top: 0px;
            }

        .banner img {
            object-fit: cover;
            min-height: 420px;
        }

        .banner .scroll img {
            min-height: auto;
        }

        .reason .item {
            padding: 20px;
            font-size: 15px;
        }

        .reason .cust_item a.btn.btn-learn {
            margin: 10px 0px;
        }

        .reason .item h3 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 5px;
        }

        body {
            font-size: 15px;
            line-height: 26px;
        }

        .nav-tabs > li > a {
            font-size: 18px;
        }
        /* .tab-content {margin-top: 50px;} */


    }

    @media(max-width:992px) {
        .container {
            max-width: calc(100% - 2%);
            width: calc(100% - 2%);
        }
    }

    @media(max-width:767px) {
        .reason, .release, #footer .top-footer, #footer .bot-footer {
            padding: 20px 0px;
            text-align: center;
        }

            .reason h2, .release h2, #footer h3 {
                font-size: 25px;
                margin-bottom: 15px;
            }

            .reason .item {
                margin: 10px 0px;
                box-shadow: 5px 15px 15px rgba(0,0,0,0.1);
            }

            .release ul li .date {
                font-size: 18px;
                margin-bottom: 0px;
            }

            .release ul li {
                padding-bottom: 15px;
                margin-bottom: 15px;
                position: relative;
                padding-left: 20px;
            }

                .release ul li:before {
                    width: 3px
                }

            .release figure:after {
                left: -7px;
                width: 7px;
                top: 7px
            }

            .release figure:before {
                bottom: -7px;
                right: 7px;
                height: 7px;
            }

            .reason .item .content {
                min-height: auto;
            }

        .banner .banner-text p {
            width: auto;
        }

        .banner .banner-text {
            width: 90%;
            margin: 0 auto;
            text-align: center;
        }

        .release figure {
            float: none;
        }

            .release figure:before, .release figure:after, h3.blank {
                display: none
            }

        #footer .bot-footer img.foot-logo {
            margin-bottom: 5px;
        }

        #footer ul {
            text-align: center;
        }

        #footer p {
            margin-bottom: 0px;
        }

        #footer a.btn.btn-visit {
            font-size: 15px;
            padding: 8px 30px;
            float: none;
            margin-top: 15px;
        }
        /* button.navbar-toggle{background: url(../images/ham.png) no-repeat 0px 10px;height:30px;width:30px;border:none;cursor: pointer;} */
        button:focus {
            outline: none;
        }

        div#myNavbar {
            float: none;
            flex-basis: 100%;
            flex-grow: 1;
        }

        ul.nav.navbar-nav li {
            display: block
        }

        .card .description {
            padding: 10px 15px;
        }

        .card .main-rank {
            margin-top: 10px;
        }

        .select-section {
            margin: 15px 0px;
            padding: 15px 20px;
            font-size: 17px;
            text-align: center;
        }

            .select-section p {
                float: none;
                margin-bottom: 10px;
                margin-top: 0px;
            }

            .select-section .right-section, .nav-tabs > li > a {
                float: none;
                font-size: 14px;
            }

        .nav-tabs > li {
            width: 100%;
            text-align: center;
            float: none;
            text-align: left;
        }

            .nav-tabs > li > a {
                padding: 13px 10px;
            }

        .modal-dialog .col-md-6.left {
            padding-right: 15px;
        }

        .modal-dialog .col-md-6.right {
            padding-left: 15px;
        }

        .modal-dialog .col-md-6.left span.password {
            right: 23px;
        }

        .modal-body {
            padding: 15px;
        }

        .modal-open .modal {
            padding-right: 0px !important;
        }

        .right_button {
            text-align: left;
            margin: 10px 0px;
        }

        .table td, .table th {
            padding: 10px;
        }

        .card p.paging, ul.pagination {
            margin: 10px 0px;
            text-align: center;
        }

        .justify-content-end {
            justify-content: center !important;
        }

        .select-section .right-section input.search, .card input.search {
            width: 100%;
            min-width: auto;
        }

        .tab-content {
            padding: 15px 0px;
        }

            .tab-content h2 {
                font-size: 25px;
                margin-bottom: 0px;
            }

        .inner-tabs {
            padding: 0px 0px 15px;
        }

        .card {
            min-height: auto;
        }

        #firstpopup .modal-dialog, #secondpopup .modal-dialog, #thankyou .modal-dialog {
            font-size: 15px !important;
            line-height: 22px;
        }

            #thankyou .modal-dialog h4 {
                font-size: 32px;
            }
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        *cursor: hand;
        color: black !important;
        /*background-color: #F26632;*/
        line-height: 1.25;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 2px
    }


        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            background-color: #F26632;
            color: white;
            border: 1px solid transparent;
            border-radius: 2px;
            background: #F26632;
            /*background: -webkit-linear-gradient(top, #F26632 0%, #111 100%);
        background: -moz-linear-gradient(top, #F26632 0%, #111 100%);
        background: -ms-linear-gradient(top, #F26632 0%, #111 100%);
        background: -o-linear-gradient(top, #F26632 0%, #111 100%);
        background: linear-gradient(to bottom, #F26632 0%, #111 100%)*/
        }

    .dataTables_paginate .paginate_button.current {
        background: #F26632 !IMPORTANT;
    }

    .dataTables_filter {
        text-align: left;
        float: right;
    }

    #pharmacyDatatable tr {
        border: none;
    }




    .datepicker,
    .table-condensed {
        width: 220px;
        height: 220px;
        /*font-size: x-small;*/
    }

    @media(max-width:640px) {
        .banner .banner-text h1, .reason .item h3 {
            font-size: 18px;
            line-height: 25px;
        }

        #footer ul li {
            font-size: 13px;
            padding: 10px 5px;
        }

        .reason .cust_item h3, .reason .cust_item a.btn.btn-learn {
            float: none;
            text-align: center;
        }

        .banner img {
            min-height: 470px;
        }

        .banner .banner-text a.btn.btn-login, .banner .banner-text a.btn.btn-register {
            margin: 5px 0px;
        }

        .banner .banner-text p.small {
            margin-top: 0px;
        }
    }


    .header-nav .logo img {
        max-width: 75%;
    }

    @media screen and (min-width:0\0) {
        .modal-dialog #registerform .form-group .form-check-input {
            visibility: hidden;
        }

        div.dataTables_wrapper div.dataTables_filter input {
            background-position-y: 12px;
            line-height: 20px;
        }
    }

    table.dataTable thead tr th {
        font-size: 100%;
        opacity: 1.3;
    }

    table.dataTable tbody tr td {
        font-size: 80%;
    }

    table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
        position: absolute;
        bottom: 0.9em;
        display: block;
        opacity: 0.6;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        background-position-y: 15px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0;
    }

    @media(max-width:767px) {
        .header-nav .nav .dropdown-menu {
            min-width: 0;
            width: 100%;
            left: 0;
            right: 0;
        }

        .reason ul li {
            width: 100%;
        }
    }

    /*Cookies Info Panel styling*/

    .privacy_prompt {
        z-index: 10000;
        position: fixed;
        left: 0;
        right: 0;
        height: auto;
        margin: 0;
        padding: 20px;
        background-color: #17717d;
        top: -1024px;
        transition: 0.3s;
        box-sizing: border-box;
        max-height: 100vh;
        overflow-y: hidden;
    }

    @media only screen and (max-width: 767px) {
        .privacy_prompt {
            bottom: -812px;
            top: unset;
            transition: bottom 0.3s
        }
    }

    .privacy_prompt.is-active {
        top: 0;
        transition: 0.3s
    }

    @media only screen and (max-width: 767px) {
        .privacy_prompt.is-active {
            top: auto;
            bottom: 0;
            transition: bottom 0.3s;
            max-height: 100vh;
            overflow-x: scroll
        }
    }

    .privacy_prompt * {
        color: #fff;
        font-family: Arial, serif;
        font-size: 14px;
        line-height: 1.2;
        font-weight: normal;
    }

    .privacy_prompt p {
        margin: 0 0 20px 0;
        max-width: none;
    }

    .privacy_prompt .option_set {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: baseline;
        align-items: baseline;
        -webkit-align-content: flex-start;
        align-content: flex-start
    }

    @media only screen and (max-width: 767px) {
        .privacy_prompt .option_set {
            -webkit-flex-direction: column;
            flex-direction: column
        }
    }

    .privacy_prompt .option_set .option_set__checkbox {
        margin-right: 20px
    }

        .privacy_prompt .option_set .option_set__checkbox input {
            -webkit-transform: scale(1.2) translateZ(0);
            transform: scale(1.2) translateZ(0);
            height: auto;
            width: auto;
        }

    .privacy_prompt .show_more {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin: 10px 30px
    }

        .privacy_prompt .show_more a {
            display: none
        }

            .privacy_prompt .show_more a.is-active {
                display: block;
                color: white;
            }

    .privacy_prompt .show_more_description {
        display: block;
        overflow: hidden;
        height: auto;
        max-height: 0;
        transition: 300ms
    }

        .privacy_prompt .show_more_description.is-active {
            max-height: 2500px;
            transition: 300ms
        }

        .privacy_prompt .show_more_description ul {
            padding: 0;
            margin: 0
        }

            .privacy_prompt .show_more_description ul li {
                margin-left: 22px;
                list-style: none
            }

            .privacy_prompt .show_more_description ul p {
                margin-top: 0
            }

        .privacy_prompt .show_more_description .cookie_description__title {
            font-weight: bold
        }

    @media only screen and (max-width: 767px) {
        .privacy_prompt .privacy_prompt_footer {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center
        }
    }
    /*added float:none to fix "confirm" button that moved to the right on https://pharmacy.gsk.co.uk/ */ /*added position: initial and font-weight normal to fix button issues on https://admin-uk-awsstaging.gsk.com/*/

    .privacy_prompt .preferences_prompt_submit, .privacy_prompt .preferences_prompt_unchecked_submit {
        padding: 8px;
        background-color: #fff;
        color: #000;
        width: auto;
        height: 36px;
        box-sizing: border-box;
        border-radius: 10px;
        border: 1px solid #D8D8D8;
        text-align: center;
        margin: 5px 0 0 22px;
        float: none;
        font-weight: normal;
        position: initial;
        letter-spacing: 0px;
    }

    @media only screen and (max-width: 767px) {
        .privacy_prompt .preferences_prompt_submit, .privacy_prompt .preferences_prompt_unchecked_submit {
            margin: 22px 0 0 0
        }
    }

    .privacy_prompt .preferences_prompt_submit:hover, .privacy_prompt .preferences_prompt_unchecked_submit:hover {
        cursor: pointer
    }

    .preferences_prompt_control {
        z-index: 110;
        position: fixed;
        bottom: -30px;
        left: -30px;
        cursor: pointer;
    }

        .preferences_prompt_control .configuration_icon_selected {
            background: #fff
        }

        .preferences_prompt_control .configuration_icon_not_selected {
            background: #17717d
        }

        .preferences_prompt_control .configuration_icon_not_selected, .preferences_prompt_control .configuration_icon_selected {
            height: 60px;
            width: 60px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: none
        }

            .preferences_prompt_control .configuration_icon_not_selected.is-active, .preferences_prompt_control .configuration_icon_selected.is-active {
                display: block
            }

            .preferences_prompt_control .configuration_icon_not_selected img, .preferences_prompt_control .configuration_icon_selected img {
                width: 12px;
                height: 12px;
                padding: 6px 0 0 25px;
                box-sizing: content-box;
            }
    /*adding display inline to fix the text after boxes that moved to next line on https://www.vaccinesnearme.co.uk/ */ /*adding float:none to fix the label text going to the left and missing padding*/

    .privacy_prompt label {
        display: inline;
        float: none;
        font-weight: normal;
    }
    /*To remove > sign on banner at admin-uk-awsstaging.gsk.com*/

    .button:after {
        content: none;
    }

    /*------------10-Nov-2020-------*/

    .card ul li ul.disc li {
        border-bottom: none;
        position: relative;
        padding-left: 15px;
        margin-bottom: 0px
    }

        .card ul li ul.disc li:before {
            position: absolute;
            content: "";
            top: 9px;
            left: 0;
            background: #6f615a;
            border-radius: 50%;
            height: 5px;
            width: 5px;
        }

    .card strong.heading {
        color: #15717D;
        font-family: 'Conv_arialbd';
    }