body {
    font-size: 12px !important;
    background: #fcfbff;
}

a {
    text-decoration: underline;
}
.radio label {
    cursor: pointer;
}
.checkbox label {
    cursor: pointer;
}

body table.table-bordered.dataTable {
    font-size: 12px;
}

.home-page-web {
    background: #fff;
}

.page-header-fixed #header {
    border-bottom: 1px solid #efefef;
}

.header .navbar-nav > li .dropdown-toggle, .header .navbar-nav > li > a {
    margin: 20px 15px 0px 0px;
}



.header.navbar-default .brand, .header.navbar-default .navbar-brand {
    color: #fff;
    /*background: #000;*/
}

.container {
    width: 100%;
    max-width: 1140px;
}

.product-pay-cont p.pay-via-info {
    /*float: right;*/
    float: right;
    padding: 10px 0px 0px 0px;
    width: 100%;
    text-align: right;
}

.product-detail-head {
    float: left !important;
    font-size: 14px;
}

.product-detail-amt {
    float: right !important;
    font-size: 14px;
}

.parsley-errors-list {
    font-weight: normal !important;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
}

.dataTables_wrapper .row {
    margin-left: -10px;
    margin-right: -10px;
    clear: none;
}

.pull-right {
    float: left !important;
    width: 100%;
    margin: 0px 0px 20px 0px;
    text-align: right;
}

    .pull-right.info-buttons {
        width: 100%;
        margin: 20px 0px 20px 0px;
        text-align: right;
    }

.page-header {
    margin: 0px;
    float: none;
    display: inline-block;
    text-transform: uppercase;
    color: #2d353c;
}

.parsley-errors-list {
    position: inherit;
}

.panel-inverse > .panel-heading {
    background: #2d353c;
}

.sidebar, .sidebar-bg {
    width: 262px;
    background: #2d353c;
}

    .sidebar .nav {
        margin: 17px 0px 0px 0px;
    }

        .sidebar .nav > li > a {
            padding: 10px 20px 10px 20px;
        }

        .sidebar .sub-menu{
            margin: 10px 0px 0px 0px !important;           
        }
            .sidebar .sub-menu > li > a {             
                color: #b9b9b9;
            }
            .sidebar .sub-menu > li.has-sub > a:before, .sidebar .sub-menu > li:before, .sidebar .sub-menu > li > a:after {
    background: #8c8c8c;
}
.sidebar .last-menu {
     position: absolute !important;
    bottom: 0;
    width: 100%;
    background: #2d353c;
    z-index: 10;
}

.header .navbar-toggle .icon-bar {
    width: 34px;
    height: 3px;
    margin: 0px 0px 7px 0px;
}


.header .navbar-brand {
    width: 280px;
    height: auto;
    padding: 10px 5px 10px 5px;
    margin: 0px;
}

.widget-stats .stats-number {
    font-size: 18px;
}

.page-sidebar-fixed .content {
    margin-left: 280px;
    margin-right: 0px;
    margin-top: 22px;
}

.page-sidebar-minified .content {
    margin-left: 60px !important;
}

.panel {
    margin: 20px 0px 0px 0px;
}

.panel-title {
    font-size: 14px;
    text-transform: uppercase;
}

#AccessStatusIdf{
    text-transform: none;
}
#AccessStatusId-restrictedd {
    text-transform: none;
}

h5.panel-title {
    font-size: 12px;
    color: #403b4f;
}

label {
    color: #2d353c;
    font-weight: 600;
    text-transform: uppercase;
}

    label span {
        text-transform: none;
    }

    label.no-cap-cont {
        text-transform: none;
    }

.panel-title-description {
    font-size: 11px;
    color: #989898;
    font-style: italic;
    margin: 0px;
    padding: 0px;
}

.cont-title-description {
    font-size: 11px;
    color: #000;
    font-style: italic;
    margin: 0px;
    padding: 0px;
}

.panel-title-color {
    font-size: 16px;
    color: #5ba1ec;
}

.cont-ouside {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}


.important-info {
    float: left;
    margin: 20px 0px 20px 0px;
}

.option-lt .checkbox.checkbox-css label, .option-rt .checkbox.checkbox-css label {
    padding: 12px 30px 12px 40px;
    border: 1px solid #d3d8de;
    border-radius: 4px;
    width: 100%;
    color: #2d353c;
}

.checkbox.checkbox-css label:before {
    border-radius: 4px;
    background: #fff;
    border: 2px solid #348fe2;
}


.option-lt .checkbox.checkbox-css input:checked + label:after, .checkbox.checkbox-css label:before, .option-rt .checkbox.checkbox-css input:checked + label:after, .checkbox.checkbox-css label:before {
    left: 15px;
    top: 20px;
}

.checkbox-effect.checkbox-css input:checked + label:after, .checkbox-effect.checkbox-css label:before {
    left: 0px !important;
    top: 6px !important;
}
/** Plan-Information Page Styles **/
.plan-information {
    float: left;
    scroll-behavior: width: 100%;
}

    .plan-information .content {
        padding: 30px 30px 0px 15px !important;
        margin: 0 !important;
    }

    .plan-information .pricing-table > li {
        float: none;
    }

    .plan-information .pricing-table .footer {
        padding: 15px 20px;
        margin: 0;
    }

    .plan-information .news-feed {
        right: 880px !important;
    }

    .plan-information .right-content {
        float: right;
        width: 440px !important;
    }

    .plan-information.register.register-with-news-feed .register-header {
        text-align: center;
        padding: 30px 60px 0;
    }

    .plan-information.register.register-with-news-feed .register-content {
        padding: 20px 15px 30px 30px;
    }

    .plan-information .content .content-title:after {
        display: none;
    }

    .plan-information .popover {
        background: #222;
        color: #fff;
        border-radius: 10px !important;
    }

.plan-info-list {
    background-image: url(../assets/img/bg/bg-quote.jpg); /*background-color: #000;*/
}
/** Products page style **/
.published .fa-circle {
    color: #00acac;
}

.not-yet-published .fa-circle {
    color: #9680d8 !important;
}

.publish-in-progress .fa-circle {
    color: #FFFF00;
}

.unpublished .fa-circle {
    color: #ff5b57;
}

.limitless .fa-circle {
    color: #a740b3;
}

.brand-logo, .footer .footer-brand-logo {
    background: url(../../img/hp/vuwhiz-small-logo.png) no-repeat;
    /*background: url(../../img/hp/vuwhiz-small-logo.png) no-repeat;*/
    background: url(../../img/hp/vuwhiz-logo.png) no-repeat;
    width: 150px;
    height: 64px;
    /*height: 41px;*/
    background-position: center center !important;
    background-position: center center !important;
    border-color: transparent !important;
    border-color: transparent !important;
}

#header-banner {
    float: left;
    width: 100%;
    margin: 90px 0px 0px 0px;
}

.price-info {
    float: left;
    width: 100%;
    background-size: cover;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px;
}

    .price-info h2 {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        font-size: 18px;
        text-align: left;
        font-weight: bold;
    }

        .price-info h2 .icon-info {
        }

    .price-info .company-info-one {
        float: left;
        width: 100%;
        padding: 20px 15px 10px 15px;
        margin: 0px 0px 0px 0px;
    }

.price-info-lt {
    float: right;
    width: 24%;
    vertical-align: top;
    padding: 0px 0px 20px 0px;
    background: #ffffff;
    color: #222;
    border: 1px solid #d4d4d4;
    min-height: 400px;
}

    .price-info-lt h2 {
        border-bottom: 1px solid #ccc;
        background: #342e50;
        color: #fff;
        padding: 10px 10px 10px 10px;
    }

        .price-info-lt h2 .icon-tag {
            vertical-align: middle;
        }

        .price-info-lt h2 span a {
            font-size: 10px;
            color: #fff;
            padding: 0px 0px 0px 8px;
        }

    .price-info-lt .register-buttons {
        float: right;
        width: auto;
        margin: 30px 0px 0px 0px;
    }

        .price-info-lt .register-buttons .btn {
            background: #f05526;
            border-color: #f05526;
        }


    .price-info-lt ul li h3 {
        float: left;
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 0px;
        font-size: 18px;
    }

    .price-info-lt .product-detail-cont {
        float: left;
        width: 100%;
        padding: 20px 20px 20px 20px;
        border-bottom: 1px solid #d4d4d4;
        background: #fbfaff;
    }

.product-detail-cont p {
    float: left;
    width: 100%;
    padding: 0px 0px 5px 0px;
    margin: 0px;
    font-size: 16px;
}

    .product-detail-cont p span {
        float: right;
    }

.product-pay-cont {
    float: left;
    width: 100%;
    padding: 20px 20px 0px 20px;
}

    .product-pay-cont label {
        display: inline;
    }

.price-info-lt ul li p {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 14px;
    color: #f64e27;
}

.price-info-lt .btn {
    width: auto;
    float: right;
}

.price-info-rt {
    float: left;
    vertical-align: top;
    width: 74%;
    background: #fff;
    color: #fff;
    padding: 0px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #d4d4d4;
    min-height: 400px;
}

    .price-info-rt h2 {
        border-bottom: 1px solid #ccc;
        color: #222;
        padding: 10px 10px 10px 10px;
        background: #342e50;
        color: #fff;
    }

        .price-info-rt h2 span {
            font-size: 12px;
        }

            .price-info-rt h2 span a {
                color: #fff;
            }

    .price-info-rt .register-content {
        float: left;
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .price-info-rt .register-buttons {
        display: inline-block;
        float: none;
    }

#plan-details {
    float: left;
    width: 100%;
    background: #fff;
    padding: 240px 0px 50px 0px;
}

.price-structure {
    float: left;
    width: 100%;
}

    .price-structure .table {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .price-structure .table th {
            width: 100%;
        }

#pricing-info {
    display: inline-block;
    width: 100%;
}

.price-structure .table > thead > tr > th:nth-child(2) {
    text-align: center;
}

.price-structure .table > thead > tr > th:nth-child(3) {
    text-align: center;
}

.price-structure .table > thead > tr > th:nth-child(4) {
    text-align: center;
}

.price-structure .table > thead > tr > th:nth-child(5) {
    text-align: center;
}

.price-structure .table > tbody > tr > td:nth-child(2) {
    text-align: center;
}

.price-structure .table > tbody > tr > td:nth-child(3) {
    text-align: center;
}

.price-structure .table > tbody > tr > td:nth-child(4) {
    text-align: center;
}

.price-structure .table > tbody > tr > td:nth-child(5) {
    text-align: center;
}

.price-structure .table tr td {
    font-size: 13px;
}

.price-structure .table thead th:nth-child(1) {
    width: 200px;
}

.price-structure .table thead tr th:nth-child(2) {
    background: #835596;
    color: #fff;
    border-color: #835596;
    width: 100px;
}

.price-structure .table thead tr th:nth-child(3) {
    background: #1f97e4;
    color: #fff;
    width: 100px;
}

.price-structure .table thead tr th:nth-child(4) {
    background: #e28422;
    color: #fff;
    width: 100px;
}

.price-structure .table thead tr th:nth-child(5) {
    background: #e04744;
    color: #fff;
    border-color: #e04744;
    width: 100px;
}

.price-structure .fa-check {
    color: #069a14;
}

.price-structure .fa-times {
    color: #d81e1e;
}

.price-structure button.price-one {
    background: #835596;
    border-color: #835596;
}

.price-structure button.price-two {
    background: #1f97e4;
    border-color: #1f97e4;
}

.price-structure button.price-three {
    background: #e28422;
    border-color: #e28422;
}

.price-structure button.price-four {
    background: #e04744;
    border-color: #e04744;
}

.price-mobile {
    float: left;
    width: 100%;
    display: none;
    text-align: center;
}

    .price-mobile .prizes-btm-cont {
        float: left;
        width: 100%;
        padding: 10px 0px 10px 0px;
    }

    .price-mobile .prizes-btm {
        float: left;
        width: 100%;
    }

    .price-mobile .info-one .prizes-btm {
        background: url(../../img/hp/purple-btm-bg.png) repeat-x;
        background-position: 0px 100%;
    }

    .price-mobile .info-two .prizes-btm {
        background: url(../../img/hp/blue-btm-bg.png) repeat-x;
        background-position: 0px 100%;
    }

    .price-mobile .info-three .prizes-btm {
        background: url(../../img/hp/yellow-btm-bg.png) repeat-x;
        background-position: 0px 100%;
    }

    .price-mobile .info-four .prizes-btm {
        background: url(../../img/hp/orange-btm-bg.png) repeat-x;
        background-position: 0px 100%;
    }

    .price-mobile .info-one .btn {
        background: #835596;
        border-color: #835596;
    }

    .price-mobile .info-two .btn {
        background: #1f97e4;
        border-color: #1f97e4;
    }

    .price-mobile .info-three .btn {
        background: #e28422;
        border-color: #e28422;
    }

    .price-mobile .info-four .btn {
        background: #e04744;
        border-color: #e04744;
    }

    .price-mobile ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .price-mobile .prizes-btm ul li {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 5px 10px 5px 10px;
        background-image: none;
        text-align: center;
        color: #0e0e0e;
        font-size: 12px;
        border-bottom: 1px dashed #bfbfbf;
    }

    .price-mobile .prizes-one {
        float: left;
        width: 49%;
        margin: 0% 0% 30px 1%;
        border: 1px solid #dedede;
        padding: 0px;
    }

    .price-mobile .prizes-two {
        float: left;
        width: 49%;
        margin: 0% 0% 30px 1%;
        border: 1px solid #dedede;
        padding: 0px;
    }

    .price-mobile .prizes-three {
        float: left;
        width: 49%;
        margin: 0% 0% 30px 1%;
        border: 1px solid #dedede;
        padding: 0px;
    }

    .price-mobile .prizes-four {
        float: left;
        width: 49%;
        margin: 0% 0% 30px 1%;
        border: 1px solid #dedede;
        padding: 0px;
    }

.info-one .prizes-top h3 {
    background: #835596;
    color: #fff;
    margin: 0px;
    padding: 15px 0px 15px 0px;
}

.info-one .prizes-btm-head {
    border-bottom: 1px solid #d1aee0;
    background: #f2eaf5;
    padding: 10px 0px 10px 0px;
}

.info-two .prizes-top h3 {
    background: #1f97e4;
    color: #fff;
    margin: 0px;
    padding: 15px 0px 15px 0px;
}

.info-two .prizes-btm-head {
    border-bottom: 1px solid #8ccdf7;
    background: #dbf1ff;
    padding: 10px 0px 10px 0px;
}

.info-three .prizes-top h3 {
    background: #e28422;
    color: #fff;
    margin: 0px;
    padding: 15px 0px 15px 0px;
}

.info-three .prizes-btm-head {
    border-bottom: 1px solid #ffac56;
    background: #fbe8d3;
    padding: 10px 0px 10px 0px;
}

.info-four .prizes-top h3 {
    background: #e04744;
    color: #fff;
    margin: 0px;
    padding: 15px 0px 15px 0px;
}

.info-four .prizes-btm-head {
    border-bottom: 1px solid #f99593;
    background: #fbd5d5;
    padding: 10px 0px 10px 0px;
}

.price-structure .notes {
    float: left;
    width: 100%;
    text-align: left;
}

    .price-structure .notes span {
        float: left;
        width: 100%;
    }

.prizes-btm-register {
    padding: 20px 30px 20px 20px;
    display: inline-block;
}

.price-mobile .info-one {
    float: left;
    width: 100%;
}

.price-mobile .info-two {
    float: left;
    width: 100%;
}

.price-mobile .info-three {
    float: left;
    width: 100%;
}

.price-mobile .info-four {
    float: left;
    width: 100%;
}
/*




.price-structure .table thead tr th:nth-child(2) {
    background: #835596;
    color: #fff;
    border-color: #835596;
    width: 200px;
}

.price-structure .table>tbody>tr>td:nth-child(2) {
    background: #f2eaf5;
    color: #222;    
    width: 200px;
}

.price-structure .table thead tr th:nth-child(3) {
    background: #1f97e4;
    color: #fff;    
    width: 200px;
}
.price-structure .table>tbody>tr>td:nth-child(3) {
    background: #dbf1ff;
    color: #222;
    width: 200px;
}

.price-structure .table thead tr th:nth-child(4) {
    background: #e28422;
    color: #fff;    
    width: 200px;
}
.price-structure .table>tbody>tr>td:nth-child(4) {
    background: #fbe8d3;
    color: #222;    
    width: 200px;
}

.price-structure .table thead tr th:nth-child(5) {
    background: #e04744;
    color: #fff;
    border-color: #e04744;
    width: 200px;	
}
.price-structure .table>tbody>tr>td:nth-child(5) {
    background: #fbd5d5;
    color: #222;    
    width: 200px;
}
.price-structure .table-striped>tbody>tr td{
    border-color: #cecece;
}

*/

.bg-silver-lighter {
    background-color: #f4f6f7 !important;
    /* float: left; */
    /* width: 100%; */
    display: inline-block;
    width: 100%;
}

.header.navbar.navbar-transparent {
    border-bottom: 1px solid rgba(255,255,255,.2);
    background: #fff;
}

.home-dashboard {
    float: left;
    width: 100%;
    padding: 0px;
}

    .home-dashboard .step-one {
        float: left;
        padding-left: 0px;
    }

    .home-dashboard .step-two {
        float: left;
        padding-right: 0px;
    }

        .home-dashboard .step-two .pull-left {
            margin: 10px 0px 0px 0px;
        }

    .home-dashboard .step-three {
        float: left;
        padding-left: 0px;
    }

    .home-dashboard .step-four {
        float: left;
        padding-right: 0px;
    }



    .home-dashboard .widget .far, .home-dashboard .widget .fab {
        font-size: 90px;
        margin: 25px 0px 0px 0px !important;
    }




.bg-gradient-teal {
    background: linear-gradient(to right, #7fa743 0%, #86c769 100%) !important;
}

.bg-gradient-blue {
    background: linear-gradient(to right, #109c8b 0%, #08c1b4 100%) !important;
}

.bg-red {
    background: linear-gradient(to right, #e2760c 0%, #ff8207 100%) !important;
}


.bg-orange {
    background: linear-gradient(to right, #cead3d 0%, #fdba1d 100%) !important;
}


.height-30 {
    height: 30px !important;
    width: 35px !important;
}
























.payment-complete {
    float: left;
    width: 100%;
    text-align: center;
}

.register-content-one {
    float: left;
    min-height: 400px;
}

    .register-content-one ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 20px 20px 0px 20px;
        list-style: none;
    }

        .register-content-one ul li {
            float: left;
            width: 100%;
            color: #222;
            font-size: 14px;
            line-height: 24px;
        }

.company-info {
    float: left;
    padding: 0px 0px 0px 0px;
}

.billing-info {
    float: left;
    padding: 0px 0px 0px 0px;
}

.popover-body {
    background: #000;
    color: #fff;
    border-radius: 6px !important;
    font-size: 12px;
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
    border-top-color: #000;
}
/** Products page style **/
.product-details .product-btns {
    text-align: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.image-section-two .radio.radio-css.radio-inline + .radio.radio-css.radio-inline {
    margin-right: 15px;
    margin-left: 0;
}

.published .fa-circle {
    color: #00acac;
}

.not-yet-published .fa-circle {
    color: #f59c1a;
}

.saved .fa-circle {
    color: #9680d8 !important;
}

.unpublished .fa-circle {
    color: #ff5b57;
}

.add-option .m-b-20 {
    margin-bottom: 0px !important;
}

.option-lt, .option-rt {
    padding-top: 20px;
}

    .option-rt > p {
        margin: 0;
        padding: 10px 0px 0px 0px;
    }

.product-details .panel-heading > span {
    position: absolute;
    text-align: right;
    right: 26px;
    top: 12px;
}

.content-label {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px 0px 5px 0px;
}

.add-option {
    padding: 0px 0px 0px 0px;
    position: relative;
}

    .add-option .checkbox.checkbox-css {
        position: relative;
        line-height: 15px;
        padding-top: 8px;
    }

    .add-option:before, .add-option:after {
        content: "";
        position: absolute;
        z-index: -1;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
        box-shadow: 0 0 20px rgba(0,0,0,0.8);
        top: 0;
        bottom: 0;
        left: 10px;
        right: 10px;
        -moz-border-radius: 100px / 10px;
        border-radius: 100px / 10px;
    }

    .add-option:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg);
    }

.icon-list-one, .icon-list-two {
    float: left;
    width: 100%;
    padding: 12px 0px;
}

    .icon-list-one ul, .icon-list-two ul {
        float: left;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .icon-list-one ul > li, .icon-list-two ul > li {
            float: left;
            padding: 0px 10px 0px 0px;
        }

.no-side-border {
    border-right: 0px solid !important;
    border-left: 0px solid !important;
}

.icon-list-one .m-r-10, .icon-list-two .m-r-10, .m-r-10 {
    margin-right: 0px !important;
}

.product-btns {
    float: right;
}

.image-section-two {
    padding: 0px 0px 30px 0px;
}

.image-section-two {
    padding: 0px 0px 30px 0px;
}

.image-section-three {
    padding: 30px 0px 0px 0px;
}

    .image-section-three .img-info, .image-section-one .img-info {
        padding: 6px 0px 0px 0px;
        text-align: center;
    }

.gps-label {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 0px 10px 5px !important;
}

.image-section-three .orientation-label {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 0px 10px 0px;
}

.image-section-three .avatar-upload {
    margin: 0;
}

.image-section-one p {
    /*margin: 8px 0px 0px 0px;*/
    margin-left: -2px;
    margin-top: 2px;
}

.image-section-one {
    padding: 10px 0px 20px 0px;
}

    .image-section-one .targte-info {
        float: left;
        width: 100%;
        padding: 0px 10px 0px 0px;
        max-width: 100%;
    }

    .image-section-one .fa-question-circle, .image-section-two .fa-question-circle, .image-section-three .fa-question-circle {
        color: #000;
        float: right;
    }

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.image-section-one .section-lt {
    float: left;
    width: 100%;
    padding: 0px 20px 0px 0px;
    max-width: 50%;
}

.image-section-one .section-rt {
float: left;
    width: 100%;
    padding: 50px 130px 0px 130px;
    max-width: 50%;
    /*background-image: url(../../../../assets/img/mobile-view.jpg);    
    position: relative;
    z-index: 9999;
    background-repeat: no-repeat;
    background-position: top center;
min-height: 410px;*/
}

.image-section-one .dropzone {
    padding: 30px 20px 40px 20px;
}

.image-section-one .section-rt .panel-body {
    padding: 0px;
}

.section-three-lt-cont {
    float: left;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    margin: 20px 0px 0px 0px !important;
    background: #ececec;
    /*padding: 20px 20px 20px 20px;*/
    /*border: 2px dashed #b6c2c9;*/
}

.section-three-lt-one {
    float: left;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    margin: 20px 0px 0px 0px;
}

    .section-three-lt-one .flashcard-info {
        float: left;
        width: 100%;
    }

.flashcard-info .radio label {
    padding: 15px 30px 15px 40px !important;
    background: #fff;
}

.flashcard-info .radio.radio-css.radio-inline {
    float: left;
    width: 100%;
    padding: 0px;
}

.flashcard-info .radio.radio-css label:before {
    left: 15px !important;
    top: 9px !important;
}

.flashcard-info .radio.radio-css input:checked + label:after {
    left: 20px !important;
    top: 14px !important;
}

.section-three-lt-one .flashcard-info.odd {
    padding: 0px 5px 0px 0px;
}

.section-three-lt-one .flashcard-info.even {
    padding: 0px 0px 0px 5px;
}

.section-three-rt-cont {
    float: left;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    margin: 25px 0px 0px 0px;
}

.avatar-or {
    padding: 10px 0px 0px 0px;
}

.login .login-header .brand .logo {
    background: url(../../img/hp/vuwhiz-logo.png) no-repeat;
    float: left;
    width: 100%;
    height: 64px;
    background-position: center center !important;
    border-color: transparent !important;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-size: contain;
}

.login.login-with-news-feed .login-header .brand span img{
    width:300px;
}

.login.login-with-news-feed .login-header .brand small {
    float: left;
    width: 100%;
    color: #707478;
    padding: 10px 0px 10px 0px;
    text-align:left
}

.login .login-header h1 {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-size: 26px;
}

.forgot-password-link{
    float:right;
}
.forgot-password-info{
    padding:0px 
}

.brand-logo, .footer .footer-brand-logo {
    background: url(../../img/hp/vuwhiz-logo.png) no-repeat;
    /*background: url(../../img/hp/vuwhiz-logo.jpg) no-repeat;*/
    width: 250px;
    height: 64px;
    background-size: contain;
}

.image-section-one .avatar-upload {
    text-align: left;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 71px;
    z-index: 1;
    bottom: 0px;
}

.avatar-upload input {
    display: none;
}

.avatar-upload label {
    display: inline-block;
    width: 34px;
    height: 240px;
    margin-bottom: 0;
    border-radius: 0;
    background: #FFFFFF;
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
    width: 100%;
}

.avatar-preview {
    position: relative;
    border-radius: 0%;
    display: inline-block;
    width: 100%;
}

    .avatar-preview p {
        margin: 10px 0px 10px 0px;
        display: inline-block;
    }

    .avatar-preview #imagePreview {
        width: auto !important;
        height: 100%;
        border-radius: 0%;
        background-size: cover;
        max-width: 420px;
        background-repeat: no-repeat;
        background-position: center;
        border: 2px dashed #b6c2c9;
    }

#FlashLogo {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px dashed #b6c2c9;
    max-width:350px;
}


#imagePreviewdetails {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #d3d8de;
    cursor: not-allowed;
}

.section-three-rt-cont .orientation-info {
}

    .section-three-rt-cont .orientation-info label {
        padding: 12px 30px 12px 40px;
        border: 1px solid #d3d8de;
        border-radius: 4px;
        width: 100%;
        float: left;
        height: 68px;
    }

.section-three-rt-cont .orientation-label {
    border: none !important;
    padding: 0px 5px 0px 5px !important;
    height: auto !important;
}

.section-three-rt-cont .radio.radio-css {
    padding: 0px;
}

.section-three-rt-cont .orientation-info .radio.radio-css.radio-inline {
    width: 100%;
}

.section-three-rt-cont textarea.form-control {
    height: 83px;
}

.orientation-info .radio.radio-css label:before {
    left: 15px;
    top: 19px;
}

.orientation-info .radio.radio-css label:before {
    left: 15px;
    top: 12px;
}

.orientation-info .radio.radio-css input:checked + label:after {
    top: 17px;
    left: 20px;
}

.section-three-rt-cont span.input-group-text {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.section-three-rt-cont .ar-view-info {
}

    .section-three-rt-cont .ar-view-info .radio.radio-css.radio-inline {
        width: 100%;
    }

    .section-three-rt-cont .ar-view-info .radio.radio-css label {
        padding: 12px 30px 12px 40px;
        border: 1px solid #d3d8de;
        border-radius: 4px;
        width: 100%;
        float: left;
        height: 68px;
    }

        .section-three-rt-cont .ar-view-info .radio.radio-css label:before {
            left: 15px;
            top: 12px;
        }

    .section-three-rt-cont .ar-view-info .radio.radio-css input:checked + label:after {
        left: 20px;
        top: 17px;
    }

.section-three-rt-cont .orientation-info .radio.radio-css.radio-inline {
}

.section-three-rt-cont .percentage-info .form-group {
    width: 100%;
}

.in-review .fa-circle {
    color: #348fe2;
}

.green-txt {
    color: #00acac;
}

.file-upload {
    padding: 12px 30px 12px 30px;
    border: 1px solid #d3d8de;
    border-radius: 4px;
    width: 100%;
}

.upload-cont {
    float: left;
    width: 100%;
    padding: 0px;
}

.upload-cont-lt {
    float: left;
    width: 100%;
    padding: 0px 30px 0px 0px;
}

    .upload-cont-lt .upload-info {
        float: left;
        width: 100%;
        padding: 0px 10px 0px 0px !important;
        /*margin: 22px 0px -15px 0px;*/
    }

        .upload-cont-lt .upload-info.odd {
            padding: 0px 5px 0px 0px;
        }

        .upload-cont-lt .upload-info.even {
            padding: 0px 0px 0px 5px;
        }

        .upload-cont-lt .upload-info .radio.radio-css.radio-inline {
            float: left;
            width: 100%;
        }

    .upload-cont-lt .radio label {
        padding: 12px 10px 12px 40px;
        border: 1px solid #d3d8de;
        border-radius: 4px;
        width: 100%;
        float: right;
    }

    .upload-cont-lt .radio.radio-css label:before {
        left: 15px;
        top: 20px;
    }

    .upload-cont-lt .radio.radio-css input:checked + label:after {
        left: 20px;
        top: 25px;
    }

.upload-cont-rt {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 10px;
}

    .upload-cont-rt label {
        width: 100%;
        float: left;
    }

    .upload-cont-rt .img-upload-info {
        float: left;
        width: 100%;
        max-width: auto;
        padding: 0px;
    }

    .upload-cont-rt .upload-center {
        float: left;
        width: 100%;
        max-width: auto;
        padding: 0px;
    }

        .upload-cont-rt .upload-center p {
            font-size: 18px;
            margin: 0px;
            line-height: 140px;
        }

    .upload-cont-rt .url-upload-info {
        float: right;
        width: 100%;
        max-width: auto;
        padding: 0px;
    }

        .upload-cont-rt .url-upload-info .form-control {
            height: 100px;
        }

.content-type-btm {
    float: left;
    width: 100%;
    margin: 30px 0px 0px 0px;
}

    .content-type-btm .img-upload-info {
        float: left;
        width: 100%;
        max-width: auto;
        padding: 0px;
    }

    .content-type-btm .upload-center {
        float: left;
        width: 100%;
        max-width: auto;
    }

        .content-type-btm .upload-center p {
            font-size: 18px;
            line-height: 140px;
            margin: 0px 0px 0px 10px;
        }

    .content-type-btm .url-upload-info {
        float: right;
        width: 100%;
        max-width: auto;
        padding: 0px;
    }

        .content-type-btm .url-upload-info .form-control {
            height: 100px;
        }

.invoice tfoot {
    font-weight: bold;
    font-size: 13px;
    color: #222;
}

.invoice-to {
    text-align: right;
}

.login-content .alert-danger {
    background: #ffcdcc;
    color: #802d2b;
    float: left;
    width: 100%;
}

.add-customer {
}

    .add-customer .choose-plan-info ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 100%;
        background: #fff;
    }

        .add-customer .choose-plan-info ul li {
            border: 1px solid #8ccdf7;
            background: #dbf1ff;
            font-weight: bold;
            font-size: 14px;
            text-align: center;
            display: inline-block;
            width: 15%;
            padding: 10px 0px 10px 0px;
            margin: 0px 5px 0px 0px;
            /* float: left; */
            min-height: 90px;
            vertical-align: top;
        }

            .add-customer .choose-plan-info ul li span {
                font-weight: normal;
            }

.payment-summary {
    float: left;
    width: 100%;
}

    .payment-summary .close-icon {
        color: inherit;
        text-decoration: none;
        position: relative;
    }

    .payment-summary .fa-times {
        background: #f00;
        color: #fff;
        padding: 2px 3px 3px 3px;
        border-radius: 100%;
        height: 15px;
        width: 15px;
        position: absolute;
        left: 10px;
        top: 0px;
    }

    .payment-summary .table > thead > tr > th {
        padding: 10px 30px 10px 0px;
    }

    .payment-summary .table > tbody > tr > td {
        padding: 10px 0px;
    }

        .payment-summary .table > tbody > tr > td:nth-child(1) {
            padding: 10px 30px 10px 0px;
        }

        .payment-summary .table > tbody > tr > td:nth-child(2) {
            text-align: left;
            padding: 10px 30px 10px 0px;
        }

        .payment-summary .table > tbody > tr > td:nth-child(3) {
            padding: 10px 30px 10px 0px;
        }

        .payment-summary .table > tbody > tr > td:nth-child(4) {
            position: relative;
            padding: 10px 30px 10px 0px;
        }

    .payment-summary .table > tfoot > tr > td:nth-child(3) {
        padding: 10px 30px 10px 0px;
    }

    .payment-summary .table > tfoot > tr > td:nth-child(4) {
        padding: 10px 30px 10px 0px;
    }

.payment-add-custom {
    float: left;
    width: 100%;
}

    .payment-add-custom .payment-custom-info .form-group {
        padding: 0px 50px 0px 0px;
    }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 30px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 30px 0px 0px;
    }

    .payment-add-custom .payment-custom-btn .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-btn .btn {
        width: 135px;
        margin: 25px 0px 0px 0px;
    }

.recurring-payment-info {
    float: left;
    width: 100%;
    border-top: 1px solid #d3d8de;
    padding: 40px 0px 20px 0px;
    margin: 30px 0px 0px 0px;
}

    .recurring-payment-info .recurring-sec-one {
        float: left;
        padding: 0px;
    }

    .recurring-payment-info .recurring-sec-two {
        float: left;
        padding: 0px;
        margin: 20px 0px 0px 0px;
    }

    .recurring-payment-info .switcher input:checked + label:before {
        content: '';
        background: #28a745;
        border: 2px solid #28a745;
    }

    .recurring-payment-info .switcher label {
        float: left;
        display: block;
        width: 46px;
        height: 28px;
        position: relative;
        margin: 0px 20px 0px 0px;
        padding: 0px 10px 0px 0px;
    }

    .recurring-payment-info .switcher p {
        padding: 5px 0px 5px 0px;
    }

        .recurring-payment-info .switcher p span {
            color: #F90004;
        }

.payment-method .nav-tabs {
    background: #fff;
}

.payment-method {
    padding: 0px;
}

    .payment-method .tab-content {
        border-radius: 0 0 3px 3px;
        padding: 0px;
    }

    .payment-method .panel-body {
        padding: 0px;
    }

    .payment-method .nav-tabs .nav-link {
        margin: 0px;
        border-radius: 0px;
        padding: 10px 10px 10px 10px;
        font-size: 14px;
        font-weight: 600;
        color: #222;
    }

    .payment-method .nav-tabs > li {
        background: #dbf1ff;
        width: 33.333%;
        position: relative;
    }

    .payment-method .nav > li > a:hover {
        background: #dbf1ff;
    }

    .payment-method .nav-tabs .nav-link.active {
        background: #ff6a22;
        color: #fff;
    }

    .payment-method .nav-tabs > li input {
        float: left;
        margin: 3px 5px 0px 0px;
    }

.nav-items .radio.radio-css label:before {
    background: #348fe2;
    border-color: #348fe2;
}

.nav-items .radio.radio-css label:after {
    left: 20px;
    top: 25px;
    background: #fff;
}

.modal-content .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px 15px;
}

.plan-more-details {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.add-customer-popup .modal-header {
    display: inline-block;
}

.modal-header .close {
    border: none;
    outline: none;
}


/*-- new screens styles 22-01-2019 --*/
.new-user-status .switcher input:checked + label:before, table .switcher input:checked + label:before {
    content: '';
    background: #28a745;
    border: 2px solid #28a745;
}

table .switcher label {
    height: 24px;
}

.add-new-user-option .checkbox.checkbox-css input:checked + label:after,
.add-new-user-option .checkbox.checkbox-css label:before {
    right: 15px;
    top: 20px;
    left: auto;
}

.add-new-user-option .add-new-user-multiple-option .checkbox.checkbox-css input:checked + label:after,
.add-new-user-option .add-new-user-multiple-option .checkbox.checkbox-css label:before {
    top: 20px;
    left: 15px;
}

.add-new-user-option .add-new-user-multiple-option .checkbox.checkbox-css label {
    padding: 12px 30px 12px 40px;
    width: auto;
}

.add-new-user-option .checkbox.checkbox-css label {
    padding: 12px 30px 12px 12px;
}

.no-border {
    border: none;
}

.add-new-user-option .add-new-user-multiple-option {
    border: 1px solid #d3d8de;
    border-radius: 4px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.add-new-user-option .add-new-user-single-option {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.add-new-user-option .option-lt, .add-new-user-option .option-rt {
    padding-top: 0;
}

.no-padding-top {
    padding-top: 0;
}

.user-info .reset-pswd {
    text-align: right;
    float: left;
    width: 100%;
    padding: 5px 0px 0px 0px;
}

.add-new-user-option .user-access label {
    padding: 12px 30px 12px 12px;
}

.option-lt .user-access label, .option-rt .user-access label {
    padding: 12px 12px 12px 15px;
    border: 1px solid #d3d8de;
    border-radius: 4px;
    width: 100%;
    margin: 0;
}

.add-new-user-option .add-new-user-single-option {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}



.dashboard-inner-cont {
    float: left;
    width: 100%;
}

.dashboard-inner-cont-lt {
    float: left;
}

.dashboard-inner-cont-rt {
    float: left;
}

.subscription-details {
}

    .subscription-details h4 {
        font-size: 14px !important;
        /* font-weight: normal !important; */
        color: #fff;
        text-transform: uppercase;
        margin: 0px;
    }

    .subscription-details span.date-info {
        text-align: right;
        float: right;
    }

    .subscription-details .stats-info h4 {
        font-size: 18px !important;
    }

    .subscription-details .stats-info label {
        font-size: 16px !important;
        font-weight: normal !important;
        color: #fff !important;
    }


    .subscription-details .stats-icon {
        font-size: 50px;
        top: 20px;
        right: 0px;
        color: #fff;
        width: 128px;
        height: 50px;
        line-height: 50px;
        text-shadow: 3px 7px rgba(0,0,0,.25);
    }

    .subscription-details .widget-stats .stats-icon {
        opacity: .4;
    }






.login-content #alertmsg {
    float: left;
    width: 100%;
}

.login-content .alert.alert-success {
    float: left;
    width: 100%;
}

.btn {
    min-width: 50px !important;
}

.btncolor {
    margin: 0px 0px 0px 5px;
    color: #fff;
    background: #348fe2;
    border: #348fe2;
}

    .btncolor:not([disabled]):hover {
        background-color: #2a72b5 !important;
    }

.btncolordisable {
    color: #f1f1f3;
    background: #bacee0;
    border: #bacee0;
    margin: 0px 0px 0px 5px;
}




.usage-limit {
    display: inline-block;
}

    .usage-limit .panel-title span {
        text-transform: none;
        font-size: 12px;
    }

    .usage-limit .limit-exceeded {
        font-weight: normal;
        font-size: 13px;
        color: #ff0018;
        display: none;
    }

.usage-limit-details {
    float: left;
    width: 100%;
}

    .usage-limit-details h4 {
        display: inline-block;
        width: 100%;
        color: #222;
        font-weight: bold;
        font-size: 15px;
        margin: 0px 0px 30px 0px;
        text-transform: none;
    }

.image-limit-info {
    display: inline-block;
    width: 100%;
}

.tarcode-limit-info {
    display: inline-block;
    width: 100%;
    margin: 10px 0px 0px 0px;
}

.usage-limit-details .image-limit-top p, .usage-limit-details .tarcode-limit-top p {
    font-weight: bold;
    font-size: 15px;
    color: #141414;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}

    .usage-limit-details .image-limit-top p span.overall, .usage-limit-details .tarcode-limit-top p span.overall {
        float: right;
    }

.usage-limit-details .progress {
    height: 6px;
}

.image-limit-center .progress-bar {
    background: #e37a14;
}

.tarcode-limit-center .progress-bar {
    background: #109c8b;
}

.usage-limit-details .image-limit-btm p, .usage-limit-details .tarcode-limit-btm p {
    font-size: 13px;
    color: #838688;
}

    .usage-limit-details .image-limit-btm p span, .usage-limit-details .tarcode-limit-btm p span {
        float: right;
        text-align: right;
    }

.usage-limit-details-btm {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #d7d7d8;
    padding: 20px 0px 20px 0px;
    margin: 20px 0px 0px 0px;
}
.info-notes {
    margin-bottom: 0;
}

.product-detail-cont .yearly-subscription {
    padding: 0px 0px 0px 0px;
}
.product-detail-cont .total-price {
    padding: 12px 0px 5px 0px;
}







@media (max-width:1366px) {
    .page-sidebar-fixed .content {
        margin-left: 250px;
        margin-right: 0px;
    }
}

@media screen and (max-width:1365px) and (min-width:1025px) {
    .upload-cont-lt {
        padding: 0px 0px 0px 0px;
        max-width: 100%;
    }

        .upload-cont-lt .upload-info.odd {
            padding: 0px 0px 0px 0px;
            width: 100%;
            max-width: 100%;
        }

        .upload-cont-lt .upload-info.even {
            padding: 0px 0px 0px 0px;
            width: 100%;
            max-width: 100%;
        }

    .section-three-rt-cont .gps-limitation-info {
        max-width: 100%;
        flex: 100%;
    }

    .upload-cont-rt {
        float: left;
        width: 100%;
        padding: 40px 0px 0px 0px;
        max-width: 100%;
    }

    .add-customer .choose-plan-info ul {
        text-align: center;
    }

        .add-customer .choose-plan-info ul li {
            width: 31.33%;
            display: inline-block;
            min-height: 90px;
            margin: 0px 3px 8px 3px;
            padding: 10px 10px 10px 10px;
        }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-custom-btn {
        float: left;
        width: 100%;
        max-width: 100%;
    }

    .payment-add-custom .payment-custom-btn .btn {
        margin: 0px 0px 0px 0px;
    }
}



@media screen and (max-width:1848px) and (min-width:1319px) {
    .info-pan {
    max-width: 48% !important;
    margin: 0px 18px 0px 0px !important;  
}
}

@media screen and (max-width:1318px) and (min-width:1028px) {
    .info-pan {
    max-width: 46% !important;
    margin: 0px 18px 0px 0px !important;  
}
}
@media screen and (max-width:1027px) {
    .info-pan {
    max-width: 100% !important;
    margin: 0px 0px 10px 0px !important;  
    flex: auto !important;
}
    .info-notes {
         max-width: 100% !important;
    margin: 10px 0px 0px 0px !important;  
    flex: auto !important;
    }
}


@media screen and (max-width:1100px) {
    .product-btns {
        float: none;
        margin: 20px 0px 0px 0px;
    }
}

@media screen and (max-width:1024px) and (min-width:992px) {
    .image-section-one .section-lt {
        max-width: 100%;
        padding: 0px;
    }

    .image-section-one .avatar-upload {
        text-align: left;
    }

    .image-section-one .section-rt {
        max-width: 100%;
        margin: 20px 0px 0px 0px;
    }

    .upload-cont-lt {
        max-width: 100%;
        padding: 0px;
    }

        .upload-cont-lt .upload-info {
            padding: 0px 5px 0px 5px;
            margin: 0px;
        }

    .upload-cont-rt {
        max-width: 100%;
        margin: 30px 0px 0px 0px;
        border-top: 1px solid #e2e2e2;
        padding: 20px 0px 0px 0px;
    }

    .add-customer .choose-plan-info ul {
        text-align: center;
    }

        .add-customer .choose-plan-info ul li {
            width: 31.33%;
            display: inline-block;
            min-height: 90px;
            margin: 0px 3px 8px 3px;
            padding: 10px 10px 10px 10px;
        }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 10px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 10px 0px 0px;
    }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-custom-btn {
        float: left;
        width: 100%;
        max-width: 100%;
    }

    .payment-add-custom .payment-custom-btn .btn {
        margin: 0px 0px 0px 0px;
    }

    #frmResetPassword #PasswordMessage {
        padding: 12px 12px !important;
        max-width: 77.4% !important;
    }

        #frmResetPassword #PasswordMessage p {
            font-size: 12px !important;
        }

    #frmResetPassword .passinvalid:before {
        font-size: 10px !important;
    }
}


@media screen and (max-width:991px) and (min-width:768px) {
    .sidebar, .sidebar-bg {
        width: 220px;
    }

    .header .navbar-brand {
        width: 220px;
    }

    .page-sidebar-fixed .content {
        margin-left: 220px;
        margin-right: 00px;
    }

    .price-info-rt {
        width: 60%;
    }

    .price-info-lt {
        width: 35%;
    }

    .company-info {
        width: 100%;
        max-width: 100%;
    }

    .billing-info {
        width: 100%;
        max-width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .image-section-one .section-lt {
        max-width: 100%;
        padding: 0px;
    }

    .image-section-one .avatar-upload {
        text-align: left;
    }

    .image-section-one .section-rt {
        max-width: 100%;
        margin: 20px 0px 0px 0px;
    }

    .upload-cont-lt {
        max-width: 100%;
        padding: 0px;
    }

        .upload-cont-lt .upload-info {
            padding: 0px 5px 0px 5px;
            margin: 0px;
        }

    .upload-cont-rt {
        max-width: 100%;
        margin: 30px 0px 0px 0px;
        border-top: 1px solid #e2e2e2;
        padding: 20px 0px 0px 0px;
    }

    .image-section-one .targte-info {
        padding: 0px 0px 0px 0px;
    }

    .content-type-btm {
        margin: 10px 0px 0px 0px;
    }

    .price-structure .btn {
        font-size: 12px;
        padding: 15px 0px;
    }

    .add-customer .choose-plan-info ul {
        text-align: center;
    }

        .add-customer .choose-plan-info ul li {
            width: 31.33%;
            display: inline-block;
            min-height: 90px;
            margin: 0px 3px 8px 3px;
            padding: 10px 10px 10px 10px;
        }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 10px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 10px 0px 0px;
    }

    .recurring-payment-info .recurring-sec-three {
        padding: 0px 0px 0px 50px;
    }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-custom-btn {
        float: left;
        width: 100%;
        max-width: 100%;
    }

    .payment-add-custom .payment-custom-btn .btn {
        margin: 0px 0px 0px 0px;
    }

    .payment-method .nav-tabs .nav-link {
        font-size: 13px;
    }

    .img-upload-title {
        width: 50%;
    }

    .img-upload-preview {
        width: 50%;
    }

    #frmResetPassword #PasswordMessage {
        padding: 12px 12px !important;
        max-width: 77.4% !important;
    }

        #frmResetPassword #PasswordMessage p {
            font-size: 12px !important;
        }

    #frmResetPassword .passinvalid:before {
        font-size: 10px !important;
    }
}

@media (max-width:767px) {

    .header .navbar-toggle {
        margin-top: 22px;
        cursor: pointer;
    }

    .header .navbar-nav > li .dropdown-toggle, .header .navbar-nav > li > a {
        margin: 0px;
    }




    .sidebar, .sidebar-bg {
        width: 220px;
    }

    .prize {
        display: none;
    }

    .price-mobile {
        display: block;
    }

    .register-content-one {
        float: left;
        width: 100%;
    }

    .price-info-rt {
        float: left;
        width: 100%;
    }

    .price-info-lt {
        margin: 30px 0px 0px 0px;
        width: 100%;
        min-height: auto;
    }

    .billing-info {
        padding: 20px 0px 0px 0px;
    }

    .header.navbar-default .brand, .header.navbar-default .navbar-brand {
        background: none;
        color: #333;
    }

    .product-details .product-btns {
        text-align: left;
        padding: 10px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
        width: 100%;
    }

    .image-section-one .section-lt {
        max-width: 100%;
        padding: 0px;
    }

    .image-section-one .avatar-upload {
        text-align: left;
    }

    .image-section-one .section-rt {
        max-width: 100%;
        margin: 20px 0px 0px 0px;
    }

    .upload-cont-lt {
        max-width: 100%;
        padding: 0px;
    }

        .upload-cont-lt .upload-info {
            padding: 0px 5px 0px 5px;
            margin: 0px;
        }

    .upload-cont-rt {
        max-width: 100%;
        margin: 30px 0px 0px 0px;
        padding-top: 20px;
    }

        .upload-cont-rt .upload-center p {
            line-height: 0;
            margin: 20px 0px 30px 0px;
        }

    .section-three-rt-cont {
        padding: 30px 0px 0px 0px;
        margin: 20px 0px 0px 0px;
        border-top: 1px solid #e2e2e2;
    }

    .image-section-one .targte-info {
        padding: 0px;
    }

    .upload-cont-lt .upload-info.even {
        padding: 0px 0px 0px 0px;
    }

    .upload-cont-lt .upload-info.odd {
        padding: 0px 0px 0px 0px;
    }

    .content-type-btm {
        margin: 10px 0px 0px 0px;
    }

        .content-type-btm .upload-center p {
            line-height: normal;
            text-align: center;
        }

    .section-three-lt-one .flashcard-info.odd {
        padding: 0px 0px 0px 0px;
    }

    .section-three-lt-one .flashcard-info.even {
        padding: 0px 0px 0px 0px;
    }

        .section-three-lt-one .flashcard-info.even.html-text {
            padding: 15px 0px 0px 0px;
        }

    .upload-cont-rt {
        padding: 20px 0px 0px 0px;
    }

    .add-customer .choose-plan-info ul {
        text-align: center;
    }

        .add-customer .choose-plan-info ul li {
            width: 31.33%;
            display: inline-block;
            min-height: 90px;
            margin: 0px 3px 8px 3px;
            padding: 10px 10px 10px 10px;
        }

    .payment-add-custom {
        margin: 30px 0px 0px 0px;
    }

        .payment-add-custom .payment-custom-info .form-group {
            padding: 0px 0px 0px 0px;
        }

        .payment-add-custom .payment-custom-unit .form-group {
            padding: 0px 20px 0px 0px;
        }

        .payment-add-custom .payment-custom-quantity .form-group {
            padding: 0px 20px 0px 0px;
        }

        .payment-add-custom .payment-custom-btn .btn {
            margin: 0px 0px 0px 0px;
        }

    .recurring-payment-info .recurring-sec-two {
        padding: 10px 0px 0px 0px;
    }

    .recurring-payment-info .recurring-sec-three {
        padding: 10px 0px 0px 0px;
    }


    .home-dashboard .step-one {
        padding: 0px;
    }

    .home-dashboard .step-two {
        padding: 0px;
    }

    .home-dashboard .step-three {
        padding: 0px;
    }

    .home-dashboard .step-four {
        padding: 0px;
    }

    .img-upload-title {
        width: 50%;
    }

    .img-upload-preview {
        width: 50%;
    }
}

@media screen and (max-width:767px) and (min-width:640px) {
    .payment-add-custom .payment-custom-btn .form-group {
        padding: 25px 0px 0px 0px;
        text-align: left;
    }

    #frmResetPassword #PasswordMessage {
        padding: 12px 12px !important;
        max-width: 89% !important;
    }
}

@media screen and (max-width:639px) and (min-width:480px) {
    .price-mobile .prizes-one {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-two {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-three {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-four {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .payment-method .nav-tabs .nav-link {
        padding: 10px 5px 10px 5px;
        font-size: 12px;
    }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-btn .form-group {
        padding: 25px 0px 0px 0px;
    }

    .payment-custom-unit {
        float: left;
        width: 33%;
    }

    .payment-custom-quantity {
        float: left;
        width: 33%;
    }

    .payment-custom-btn {
        float: left;
        width: 33%;
    }

    .imageandtext.image_grid {
        padding-left: 0px !important;
        width: 46% !important;
    }

    #frmResetPassword #PasswordMessage {
        padding: 12px 12px !important;
        max-width: 85% !important;
    }
}

@media screen and (max-width:479px) and (min-width:430px) {
    .price-mobile .prizes-one {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-two {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-three {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-four {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .add-customer .choose-plan-info ul li {
        width: 47%;
    }

    .payment-method .nav-tabs .nav-link {
        padding: 10px 5px 10px 5px;
        font-size: 12px;
        text-align: center;
    }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-method .nav-tabs > li input {
        width: 100%;
    }

    .imageandtext.image_grid {
        padding-left: 0px !important;
        width: 46% !important;
    }

    #frmResetPassword #PasswordMessage {
        padding: 12px 12px !important;
        max-width: 83% !important;
    }
}

@media screen and (max-width:429px) {
    .price-mobile .prizes-one {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-two {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-three {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .price-mobile .prizes-four {
        margin: 0% 0% 30px 0%;
        max-width: 100%;
        width: 100%;
    }

    .add-customer .choose-plan-info ul li {
        width: 47%;
        min-height: auto;
    }

    .payment-method .nav-tabs .nav-link {
        padding: 10px 5px 10px 5px;
        font-size: 11px;
        text-align: center;
    }

    .payment-add-custom .payment-custom-unit .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-add-custom .payment-custom-quantity .form-group {
        padding: 0px 0px 0px 0px;
    }

    .payment-method .nav-tabs > li input {
        width: 100%;
    }

    #data-table-responsive_wrapper {
        background: #fff;
        padding: 25px 15px 25px 15px;
    }

    #spanCode {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    .field-icon {
        float: right;
        margin-left: -25px;
        margin-top: -25px;
        position: relative;
        z-index: 2;
        padding-right: 3%;
    }

    .field-icon2 {
        float: right;
        width: 50%;
        margin-right: 25px;
        margin-top: -25px;
    }

    .wordBreak {
        width: 100%;
        word-break: break-all;
    }

    .navbar-brand {
        background: #ffffff !important;
    }

    .imageandtext.image_grid {
        padding-left: 0px !important;
        width: 46% !important;
    }

    #frmResetPassword #PasswordMessage {
        padding: 12px 12px !important;
        max-width: 81% !important;
    }

        #frmResetPassword #PasswordMessage p {
            font-size: 12px !important;
        }

    #frmResetPassword .passinvalid:before {
        font-size: 10px !important;
    }
}

.target-status {
    float: left;
    width: 100%;
    max-width: 50%;
    padding: 0;
    margin: 0;
}

.target-score {
    float: right;
    width: 100%;
    max-width: 50%;
    padding: 0;
    margin: 0;
}

.fa-star1 {
    color: #ff9700 !important;
}

#downloadTarget {
    position: relative;
    bottom: -4px;
    right: 6px;
    color: #348fe2;
    padding: 0;
    margin: 0px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    top: -10px;
    margin-left: 10px;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px !important;
        direction: ltr;
        cursor: pointer;
    }

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.fileuploader {
    max-width: 100%;
}

/*.fileuploader-item{
    position: relative !important;
    margin: 15px 5px 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    width: 30% !important;
    height: 15% !important;
    padding-top: 20% !important;
}*/
.fileupload-buttonbar {
    margin: 0;
    text-align: center;
    display: block;
    padding: 10px 0px 0px 0px;
}

#divImageUpload, #BusinessCard .avatar-upload {
    text-align: center;
}

    #divImageUpload #parsley-id-34 {
        margin-top: 0px !important;
    }

    #divImageUpload .nameError4 {
        text-align: center;
    }

.popover {
    pointer-events: none;
}

.fileuploader-item {
    border: #e5f1f2;
    border-style: solid;
    border-width: 2px;
}

.fileuploader-action-sort {
    background-color: #1d97e6;
    border-radius: 10px;
}

#pImageFormat {
    text-align: left !important;
}

#eyeIconSize {
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
}


#downloadTarget {
    border: none;
    background-color: transparent;
    margin-top: -26px;
    cursor: pointer;
}

#downloadTarget {
    padding: 2px 0px 0px 0px;
    border: none !important;
    outline: none !important;
    margin-top: 0;
    position: relative;
    bottom: 8px;
}


@media(min-width: 576px) {
    #modal-dialog .modal-dialog, #modal-dialogTarget .modal-dialog {
        max-width: 650px !important;
        margin: 1.75rem auto;
    }
}


.avatar-preview #BCPreview {
    width: 20%;
    height: auto;
    border-radius: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px dashed #b6c2c9;
    width: auto !important;
    max-width: 100%;
}


#error-msg {
    margin-top: 5px !important;
    font-weight: normal !important;
    padding: 0 !important;
    list-style-type: none !important;
    margin: 0 !important;
    color: #e5603b;
    font-size: 12px !important;
    line-height: inherit !important;
}

#valid-msg {
    color: #00C900;
}

#txtphoneNo.error {
    border: 1px solid #FF7C7C;
    padding-left: 72px !important;
}

.intl-tel-input {
    width: 100%;
}

.businesscard {
    float: left;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    margin: 0px 0px 0px 0px;
}

#ImageConditions {
    background-color: azure;
}

.img-upload-preview .fas {
    color: red;
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: white;
    border-radius: 50%;
}

/*.avatar-preview #BCPreview {
    float: right !important;
}*/

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i {
    color: #fff;
    font-size: 14px;
    background: #FE7676 !important;
    box-shadow: -1px 1px 6px #FE7676 !important;
    text-shadow: none;
}

#dashboardCountText {
    font-size: 10px !important;
    text-transform: capitalize;
    padding-left: 4px;
}


.table .fa-circle {
    padding: 0px 25px 0px 0px;
}

td.no-padding {
    padding: 0 !important;
}

.icon-list-one, .icon-list-two {
    padding: 12px 10px;
}

table.inner-table-no-margin {
    margin: 0 !important;
}

.lblImagePreviewbc {
    display: inline-block;
    width: 100%;
    /*height: 150px !important;*/
    margin-bottom: 0;
    border-radius: 0;
    background: #FFFFFF;
    cursor: not-allowed !important;
    font-weight: normal;
    transition: all .2s ease-in-out;
}

.imagePreviewdetailsgif {
    width: 100% !important;
    /*height: 240px !important;*/
    border-radius: 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #d3d8de;
    cursor: not-allowed !important;
}

.m-all-5 {
    margin: 5px;
}

.m-top-20 {
    margin-top: 20px;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

.all-p-0 {
    padding: 0px !important;
}

#spanCode {
    padding: 6px 2px;
    font-size: 14px;
    font-weight: 400;
    width: 51px;
}

#disableMenuItems {
    cursor : default;
    color: inherit;
}

/* The message box is shown when the user clicks on the password field */
#frmResetPassword #PasswordMessage {
    display: none;
    left: 0px;
    color: #000;
    position: relative;
    padding: 20px 28px;
    border: 1px solid #d3d8de;
    margin-bottom: 4px;
    margin-top: -6px !important;
    border-top: 0;
    max-width: 84.333333%;
}

#frmConfiguration #PasswordMessage, #frmChangePassword #PasswordMessage {
    display: none;
    left: 0px;
    color: #000;
    position: relative;
    padding: 20px 28px;
    border: 1px solid #d3d8de;
    margin-bottom: 4px;
    margin-top: -6px !important;
    border-top: 0;
}

.passvalid:before {
    position: relative;
    left: 0px;
    content: "✔";
    margin: 0px 10px 0px 0px;
    background: #00a740;
    color: #fff;
    padding: 0px 4px 0px 5px;
    border-radius: 5px;
    font-size: 12px;
}

/* Add a red text color and an "x" when the requirements are wrong */
.passinvalid {
    color: red;
}

    .passinvalid:before {
        position: relative;
        left: 0px;
        content: "✖";
        margin: 0px 10px 0px 0px;
        background: #f20a19;
        color: #fff;
        padding: 0px 4px 0px 5px;
        border-radius: 5px;
        font-size: 12px;
    }

#PasswordMessage p {
    padding: 5px 0px;
    font-size: 14px;
    color: #222;
    margin: 0px;
}

.sidebar .nav > li > a {
    color: #e8e8e8;
    cursor: pointer;
}

.float-sub-menu li > a .caret:before, .sidebar li > a .caret:before {
    opacity: 10;
    color: #e8e8e8 !important;
}

.panel-body {
    border: 1px solid #d7d7d8;
}

.sandglassLoading {
    height: 20px !important;
    padding-bottom: 1%;
}

.swal-button:not([disabled]):hover {
    background-color: #134a79 !important;
}

.BCVideoBorder {
    border: 1px solid #d3d8de;
    border-radius: .25rem;
}


.header .navbar-brand img {
    max-width: 250px;
    max-height: 64px;
}

a {
    text-decoration: underline;
}

.sandglass-info {
    float: none;
    text-align: center;
    display: inline;
    margin: 0px 0px 0px 20px;
}



/* progress bar */
#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

    #progress-wrp .progress-bar {
        height: 20px;
        border-radius: 3px;
        background-color: #f26d45;
        width: 0;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    }

    #progress-wrp .status {
        top: 3px;
        left: 50%;
        position: absolute;
        display: inline-block;
        color: #000000;
    }

/*input::placeholder {
    opacity: 0.5 !important;
}*/
::-webkit-input-placeholder {
color: #a8acb1;
opacity: 0.5 !important;
}
:-moz-placeholder { 
color: #a8acb1;
opacity: 0.5 !important;
}
::-moz-placeholder { 
color: #a8acb1;
opacity: 0.5 !important;
}
:-ms-input-placeholder { 
color: #a8acb1;
opacity: 0.5 !important;
}
::-ms-input-placeholder {
color: #a8acb1;
opacity: 0.5 !important;
}

::placeholder { 
color: #a8acb1;
opacity: 0.5 !important;
}



.hideCheckbox {
    display: block !important;
    position: absolute;
    opacity: 0;
}

.sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover {
    color: #fff;
    background: #fd5812;
}

.flascard {
    color: #fff !important;
    background: #fd5812 !important;
}

#headlineInfo {
    color: #fd5812;
    font-size: 42px;
    font-weight: 900;
    display: block;
    padding-bottom: 18px;
}

.text-theme, .sidebar .nav > li.active > a i {
    color: #fff;
}

.adminreportlegends {
    padding: 10px 10px 10px 10px;
    border: 1px solid #d3d8de;
    border-radius: 4px;
    width: 100%;
    float: left;
}

.greenProgress {
    box-shadow: none;
    background: #86f997c4 !important;
}

.progressgreen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #10ad33;
    transition: width .6s ease;
}

.redProgress {
    box-shadow: none;
    background: #f57e7e !important;
}

.progressred {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #f9110d;
    transition: width .6s ease;
}

.voiletProgress {
    box-shadow: none;
    background: #df7fea !important;
}

.progressvoilet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #e507f3;
    transition: width .6s ease;
}

.orangeProgress {
    box-shadow: none;
    background: #FFA07A !important;
}

.progressorange {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #ff6a00;
    transition: width .6s ease;
}

div.dt-buttons {
    float: right !important;
    margin-left: 1%;
    line-height: 1.5 !important;
}

  

  .imgflashcards{
   max-width: 160% !important;
    /*height: 15% !important;*/
  }


      .onoffswitch1 {
        position: relative;
        width: 100px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .onoffswitch1-checkbox {
        display: none;
    }

    .onoffswitch1-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #ddd;
        border-radius: 30px;
    }

    .onoffswitch1-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s;
        -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s;
        transition: margin 0.3s ease-in 0s;
    }

        .onoffswitch1-inner:before, .onoffswitch1-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 30px;
            padding: 0;
            line-height: 30px;
            font-size: 14px;
            color: white;
            font-family: Trebuchet, Arial, sans-serif;
            font-weight: bold;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 30px;
            box-shadow: 0px 15px 0px rgba(0,0,0,0) inset;
        }

        .onoffswitch1-inner:before {
            content: "Active";
            padding-left: 10px;
            background-color: #28a745;
            color: #FFFFFF;
            border-radius: 30px 0 0 30px;
        }

        .onoffswitch1-inner:after {
            content: "Inactive";
            padding-right: 10px;
            background-color: #e4e3e3;
            color: #999999;
            text-align: right;
            border-radius: 0 30px 30px 0;
        }

    .onoffswitch1-switch {
        display: block;
        width: 30px;
        margin: 0px;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-radius: 30px;
        position: absolute;
        top: 25px;
        bottom: 0;
        right: 70px;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
        background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
        background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
        background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
        background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
        box-shadow: 0 1px 1px white inset;
    }

    .onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
        margin-left: 0;
        height: 29px;
        top: 26px;
    }

    .onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
        right: 0px;
        height: 29px;
        top: 26px;
    }

    #DownloadTemplate{
        text-align:center;
    }

    .targetaccess .radio.radio-css input:checked + label:after {
        top: 11px;
        left: 5px;
    }

    .targetaccess .radio.radio-css label:before {
        left: 0;
        top: 6px;
    }
    .flash-nav-menu-img {
    height: auto;
    width: 20px;
    margin-right: 2px;
    position: relative;
    left: -2px;
}
.visibility-hidden {
    visibility: hidden;
}



/*button Spinner*/
@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
}

.ManageAccessChangeRestrict{
    pointer-events: none;
    cursor: default; 
    display:inline-block;
    text-decoration:none;
     color:gray;
}
.Bulkchangerestrict{
    pointer-events: none;
    cursor: default; 
    display:inline-block;
    text-decoration:none;
    color:gray;
}