@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

.pad-0 {
    padding-left: 0px;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    color: #131313;
    background-image: url(../images/mss-bg-1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #eaeaea;
}
/*==================================*/
/*--------Avi Css-------*/
/*===================================*/
/*-----New Css- 07-07-22------*/
.row.dply-drop {
    display: flex;
    align-items: center;
}

.dro-down-holidy {
    margin-bottom: 7px;
}

.wickedpicker {
    z-index: 9999;
}

.pag-c-thir-botm {
    margin: 7px 0px 0px;
}

.pag-c-thir-slot {
    margin: 2px 0px 5px;
}

.checkbox.subm-pag-bond strong {
    font-weight: 700;
}
/*---Virtu-app----*/
#calendar {
    max-width: 560px;
    margin: 0 auto;
}

    #calendar table {
        font-size: 14px;
    }

    #calendar .fc-day-grid-event {
        display: none;
    }

    #calendar .fc-left {
        margin-bottom: 10px;
    }

    #calendar .fc-right {
        display: none;
    }
/*---Virtu-app End----*/
/*--------End---------*/

.check-btn-lft .container-17 {
    position: absolute;
    right: -7px;
    top: -13px;
}

#content, #content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9 {
    display: none;
}

.pag-3-pad p {
    padding-bottom: 20px;
}

.pad-left-05 span {
    font-size: 11px;
    color: #8b8b8b;
    font-weight: 400;
}

.form-outline.fom-web .form-label {
    padding: 10px 0px !important;
}

.dat-piker input.form-control {
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
}

td.today.day {
    background: #f08423;
    color: #fff;
}

td.active.day {
    background: #000;
}

.form-outline.tim-pik .form-label {
    padding: 10px 0px;
}

.form-outline.tim-pik.form-outline .form-icon-trailing {
    padding: 10px;
}

.pdd-botm .text-center {
    padding-bottom: 6px;
}

.tim-piker .content-box {
    padding-bottom: 0px;
}

.cas-ula-use .form-outline .form-icon-trailing {
    padding: 10px;
}

.cas-ula-use .content-box {
    padding-bottom: 0px;
}

.selct-btn-colr.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #000;
    background-color: #f5f5f5;
}

.hei-2 {
    padding-bottom: 45px;
}

.hei-3 {
    padding-bottom: 17px;
}

.hei-11 {
    padding-bottom: 20px;
}

p.hei-3 {
    padding-bottom: 40px;
}

.hei-6 {
    padding-bottom: 62px;
}

.emply-text-box label.form-label {
    padding-left: 0px;
}
/*.emply-text-box input#validationCustom01 {padding: 6px ;}*/
.avr-txt-smil label.form-label {
    font-size: 12px;
    color: #444;
}

.fom-web input#validationCustom01 {
    padding: 10px !important;
}
/*.form-heading-icon img {width: 20px;}
.bnk-ltr img {width: 20px;}*/
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 16px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
/*span.select2-selection.select2-selection--single {height: 35px ;}*/
.heading img {
    height: 24px;
}

.content-box.min-heights.pd-sec-all {
    padding-bottom: 0px;
}
/*.form-box-rit {padding: 35px 0px;}*/
.form-outline.fom-web.web-tx-id {
    margin-bottom: 5px;
}

.form-heading.hei-5 {
    height: 90px;
}

p.txt-para-uplod {
    padding: 0px;
    margin: 0px;
}

p.txt-para-head {
    text-align: center;
    font-size: 13px;
    margin: 0px;
}

.form-outline.avr-txt-smil.al-sec {
    margin-bottom: 5px;
}

.form-box-bg.bag-tarp {
    background: transparent;
}
/*.form-heading.imag-bag img {width: 28px;}*/
.form-heading.hit-box-sec {
    height: 30px;
}
/*----------------Timepicker Start------------*/
/*  input#timepicker-12-hr {
    position: relative;
    top: 110px;
    z-index: 1050 ;
    left: 20px;
    width: 280px;
}*/
.form-box-33 input#timepicker-12-hr {
    position: relative;
    top: 0px;
    z-index: 1050;
    left: 0px;
    width: 280px;
    font-weight: 600;
    color: #131313;
}

span.wickedpicker__controls__control-up {
    margin: 0px 5px 8px 0px;
    padding: 5px 0px;
    background: #f08423;
    color: #131313;
    font-size: 18px;
}

span.wickedpicker__controls__control-down {
    margin: 8px 5px 0px 0px;
    padding: 5px 0px;
    background: #f08423;
    color: #131313;
    font-size: 18px;
}

ul.wickedpicker__controls {
    background: #fff;
    min-height: 160px;
    font-size: 20px;
    padding: 0 !important;
}

li.wickedpicker__controls__control {
    margin: 5px 26px;
}

.wickedpicker__title {
    background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
    position: relative;
    background: #f08423;
    margin: 0 auto;
    border-bottom: 1px solid #f08423;
    padding: 0px;
    color: #ffffff;
    font-size: inherit;
}

.wickedpicker__close:before {
    content: 'Ok';
    position: absolute;
    top: 145px;
    right: 82px;
    background: #f08423;
    padding: 0px 30px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
/*----------------Timepicker------------*/

p.txt-para-uplod {
    color: #f08423;
}
/*.input-field.se-sml {width: 50%;}*/
.form-outline.fom-web.emply-text-box.sec-prot {
    margin-bottom: 0;
}
/*.fileuploader-input-caption span {visibility: hidden;}*/
.bank-box-sels-bag {
    background: #f08423;
    text-align: center;
    padding: 10px 0px 5px;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .bank-box-sels-bag h3 {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        padding-top: 5px;
    }

.card-img-box {
    padding-bottom: 10px;
    text-align: center;
}

.form-outline.fom-web.marn-botm {
    margin-bottom: 0px;
}

h3.head-cal-sec {
    font-size: 13px;
}

.content-box.dat-pikr-sec span {
    position: absolute;
    right: 7px;
    top: 3px;
    z-index: 99999;
}

.content-box.bacs-time h2 {
    margin: 0px;
    padding: 5px 0px;
    font-weight: 600;
    font-size: 13px;
    color: #929292;
}

.content-box.bacs-time p {
    margin: 0px;
}

.content-box.dat-pikr-sec h2 {
    margin: 0px;
    padding: 5px 0px;
    font-weight: 600;
    font-size: 13px;
}

.content-box.dat-pikr-sec input.form-control {
    background: transparent;
    border-radius: 0px;
    margin-bottom: 30px;
}

p.pad-sec-text {
    padding: 10px 0px;
}

.content-box.bacs-time.slot-tme {
    padding-bottom: 283px;
}

.content-box.bacs-time.slot-tme-2 {
    padding-bottom: 136px;
}

.content-box.entr-dets h2 {
    margin: 0px;
    padding: 5px 0px;
    font-weight: 600;
    font-size: 13px;
}

.content-box.confmr-sels h5 {
    font-size: 13px;
}

.content-box.confmr-sels h2 {
    margin: 0px;
    font-size: 16px;
    color: #f08423;
    font-weight: 600;
}

.content-box.confmr-sels p {
    margin: 0px;
    padding: 7px 0px;
    font-weight: 600;
}

.content-box.confmr-sels h6 {
    font-size: 13px;
    font-weight: 600;
}

a.ad-gust-btn {
    background: #f08423;
    padding: 5px 20px;
    border-radius: 100px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}

    a.ad-gust-btn:hover {
        background-color: #131313;
        color: #fff;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
        box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
        webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

.form-box-rit.cont-rit h2 {
    margin: 0px;
    font-size: 13px;
    background: #f08423;
    padding: 2px 0px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.table-sec-als th {
    background: #f08423;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px;
    border: 1px solid #cacaca;
}

.table-sec-als td {
    border: 1px solid #cacaca;
    padding: 5px;
    color: #131313;
    font-weight: 400;
}

.form-outline.ins-hit textarea#validationCustom02 {
    height: 92px;
}

.form-outline.ins-hit img {
    margin-top: -28px;
}

.content-box.confmr-sels {
    text-align: center;
}

#slider::before {
    border-style: none;
}

.form-group.selt-box-sec span.select2-selection.select2-selection--single {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    padding-left: 45px;
}

.form-group.selt-box-sec {
    position: relative;
}

    .form-group.selt-box-sec img {
        position: absolute;
        z-index: 99;
        top: 6px;
        left: 7px;
    }

    .form-group.selt-box-sec.bodr-ownr span.select2-selection.select2-selection--single {
        border: 1px solid #bdbdbd;
    }

    .form-group.selt-box-sec span.select2-selection.select2-selection--single {
        border: 1px solid #bdbdbd;
    }

.form-outline.pad-submi {
    margin: 0px;
}
/*------Insinal Signuter------*/
.insl-sign-wrp {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.flex-row.insl-sign-sec .wrapper {
    background: #fafafa;
    border-radius: 5px;
}

/*.flex-row.insl-sign-sec canvas#signature-pad {
    width: 242px;
    height: 100px;
    margin-bottom: -7px;
}

.flex-row.insl-sign-sec canvas#signature-pad1 {
    width: 242px;
    height: 100px;
    margin-bottom: -7px;
}*/

.insl-sign-wrp-con p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}

.insl-sign-wrp-con img {
    padding-right: 5px;
}

.flex-row.insl-sign-sec button#clear {
    background: transparent;
    border: transparent;
    color: #f08423;
    border-radius: 3px;
    display: inline-block;
}

.flex-row.insl-sign-sec button#clear1 {
    background: transparent;
    border: transparent;
    color: #f08423;
    border-radius: 3px;
    display: inline-block;
}

.clear-btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/*------Insinal Signuter End------*/
.uplodat-serch.box-sec-uplod {
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 8px;
}

.content-box.min-heights.pad-sec-sow {
    padding-bottom: 0px;
}

.upldo-sec-back {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    margin-bottom: 8px;
}

    .upldo-sec-back p {
        margin: 0px;
    }

.file-upload {
    background-color: #ffffff;
    color: #131313;
    border-radius: 20px;
}

.file-upload-btn {
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
    font-size: 13px;
    width: 100%;
    margin: 0;
    color: #fff;
    background: #131313;
    border: none;
    padding: 10px;
    border-radius: 4px;
    transition: all .2s ease;
    outline: none;
    font-weight: 600;
    border-radius: 20px;
}

    .file-upload-btn:hover {
        background: #f08423;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
        box-shadow: 0 8px 25px rgba(0,0,0,.15);
        transform: translate3d(0, -2px, 0)
    }

    .file-upload-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid #ebeef1;
    position: relative;
}

    .image-dropping, .image-upload-wrap:hover {
        /*background-color: #f08423;*/
        border: 1px solid #ebeef1;
        color: #131313
    }

.image-title-wrap {
    padding: 0 15px 0px 15px;
    color: #222;
    margin-bottom: 15px;
}

.drag-text {
    text-align: center;
    height: 42px;
}

    .drag-text h3 {
        font-weight: 100;
        padding: 15px 0;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 15px;
    }

.file-upload-image {
    max-height: 100px;
    max-width: 100px;
    margin: auto;
    padding: 5px;
}

.remove-image {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #131313;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #f08423;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

    .remove-image:hover {
        background: #f08423;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }

.modal-footer.btnt-poppup {
    text-align: center;
}

/*#ex1-tab-1:before {
    content: "\f067";
    font-family: FontAwesome;
    position: absolute;
    background: #f08423;
    height: 35px;
    width: 35px;
    right: 0px;
    top: 0px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
}*/

.content-box.bacs-time.vrtul-app-page.tim-slot {
    height: 305px;
}

.item-main {
    position: relative;
}

.creat-cll-icon ul li {
    display: flex;
    align-items: baseline;
}

.creat-cll-icon i {
    color: #f08423;
    padding-right: 7px;
}
/*.content-box.dat-pikr-sec {
    height: 418px;
}*/
.bas-pont-ixon ul li {
    display: flex;
    align-items: center;
}

.bas-pont-ixon img {
    margin-right: 5px;
}
/*-----New Css 07-07-2022-----*/
/*------*/
/*-------Page Three----*/
.legal .switch-card {
    background-color: #fff;
    border: none;
    min-height: 0px;
    cursor: pointer;
    box-shadow: none;
}

.legal-9 .article div {
    height: auto;
}

.legal-9 p.hei-3 {
    padding-bottom: 33px;
}

.legal-9 .article-1 {
    height: 200px;
    overflow: inherit;
}
/*----Page Nine----*/
.new-change .login-wrapper .login-content-inner {
    width: 100%;
    max-width: 670px;
}

.new-change .login-wrapper .login-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 730px);
}

.new-change .login-wrapper .login-content-inner {
    padding-left: 150px;
    padding-right: 50px;
}

.new-change .form-box {
    background-color: #f5f5f5;
    padding: 15px 15px;
}
/*----Selas page----*/
.online-store .modal-dialog {
    max-width: 600px;
}

.modal-dialog-center {
    margin-top: 4%;
}
/*-----End----*/
.checkbox span {
    font-weight: 500;
    font-size: 13px;
    padding: 0px 0px 0px 5px;
}

.fog-pwd span {
    font-size: 13px;
    text-decoration: none;
    color: #131313;
    font-weight: 500;
    padding: 0px 7px;
}

.fog-pwd a {
    font-size: 14px;
    text-decoration: none;
    color: #f08423;
    font-weight: 500;
}

    .fog-pwd a:hover {
        text-decoration: none;
        color: #131313
    }

.row.box-chec-therr {
    padding: 5px 0px;
}

.content-box.pag-four {
    margin: 7px 0px 13px;
}

.width-70.pag-five {
    padding: 10px 0px;
}

.smpl-doct {
    font-weight: 400;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.drag-text h3 {
    font-weight: 600;
}

.row.pag-eat {
    padding: 10px 0px 5px;
}

.upldo-sec-back.pag-eigh {
    margin: 2px 0px 13px;
}

.pag-thrt {
    margin: 7px 0px;
}

.pag-c-thir {
    margin: 7px 0px;
}

.content-box.active.pag-datd {
    margin: 7px 0px 10px;
}

.form-outline.pag-thr-e label.form-label {
    font-size: 14px;
    font-weight: 500;
}

.pag-thir-a label.form-label {
    font-size: 13px !important;
    font-weight: 500 !important;
}
/*===================================*/
/*--------Avi Css End-------*/
/*===================================*/


.previous {
    background-color: #dfdfdf;
    color: #131313;
    box-shadow: none
}

ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.page-wrapper {
    overflow: hidden;
}

.logo {
    margin: 0px 0px 10px 0px;
}

.w-p100 {
    width: 100%;
}

.bt {
    border-top: 1px solid #e8e8e8;
}

.pt16 {
    padding-top: 10px;
}

.mb15 {
    margin-top: 10px;
}

.mb10 {
    margin-top: 5px;
}

.mar-b {
    margin-bottom: 10px;
}

h2 {
    /*font-size: 1.3em;
	font-weight: 300;*/
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #131313;
    margin-bottom: 15px;
}

.form-box {
    background-color: #f5f5f5;
    padding: 5px 10px;
    color: #131313;
    width: auto;
    margin: auto;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal; /*min-height: 410px;*/
}

    .form-box h5 {
        font-weight: 600;
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 15px;
    }

    .form-box h6 {
        font-weight: 500;
        font-size: 13px;
        line-height: 19.2px;
        margin-bottom: 10px;
    }

    .form-box p {
        font-size: 13px;
        line-height: 1.6;
        font-weight: 600;
    }

.form-check-input {
    width: 1.3rem;
    height: 1.3rem;
}

.form-outline {
    margin-bottom: 15px;
}

    .form-outline .form-control {
        min-height: auto;
        padding: 0.70em 0.70em;
        border: 0;
        background: #FFF;
        transition: all .2s linear;
    }

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9 rem;
    color: #131313;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: all .2s linear;
}

.form-outline .form-control ~ .form-label {
    font-size: 13px;
    font-weight: 600;
    padding-top: 0.6rem;
    color: #131313;
    padding-left: 2rem;
    padding-right: 2rem;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    z-index: 9;
    overflow: hidden;
}

.login-wrapper {
    padding: 1% 0 0 0;
}

    .login-wrapper .img-none {
        display: block
    }
    /*.login-wrapper .login-bg {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 800px);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
}*/
    .login-wrapper .login-content-inner {
        width: 100%;
        max-width: 800px;
        padding-left: 100px;
        padding-right: 50px;
        /*	min-height: 100vh;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 10;
    }

.btn-primary {
    font-size: 14px;
    line-height: 18px;
}

    .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #131313;
    }

.btn-primary-1 {
    color: #fff;
    background-color: #131313;
}

.copyright-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19.2px;
    margin-top: 15px;
}

.form-outline .trailing {
    left: 10px;
    right: auto;
    font-size: 16px;
}

.invalid-feedback, .invalid-tooltip {
    font-size: .775rem;
}

.invalid-feedback {
    margin-top: -1.2rem;
}

.was-validated .form-outline .trailing {
    color: #131313;
}

.form-outline .trailing {
    color: #f08423;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #131313;
    margin-bottom: 0rem;
}

.legal .switch-card {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px;
    display: block;
    padding: 15px 25px;
    text-align: left;
    transition: border .3s;
    margin-bottom: 10px;
    min-height: 200px;
    cursor: pointer;
    box-shadow: 0 6px 25px -25px #000;
}

.legal .switch-card-ribbon {
    padding: 35px 15px 15px;
    position: relative;
}

.ribbon-left {
    left: -5px;
}

.ribbon-top {
    top: 10px;
}

.mti-ribbon {
    background-color: #f08423;
    color: #fff;
    display: block;
    font-size: .625rem;
    line-height: normal;
    padding: 2px 15px;
    position: absolute;
    text-transform: uppercase;
}

.motmot strong {
    font-weight: bold;
}

.ribbon-left:after {
    border-right: 5px solid #f08423;
    left: 0;
}

.ribbon-top:after {
    border-bottom: 5px solid transparent;
    top: 100%;
}

.mti-ribbon:after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.legal p {
    font-size: 13px;
    color: #131313;
    font-weight: 600;
}

.legal .switch-card:hover {
    background-color: #dfdfdf;
    color: #131313;
    box-shadow: 0 6px 25px -25px #000;
}

.legal .switch-card a i {
    color: #131313
}

.legal .switch-card i {
    font-size: 42px;
    height: 42px;
    width: 42px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 20px;
    /* top: 0px; */
    margin: 0 auto;
    color: #f08423;
}

.legal .active {
    /*color: #f08423;*/
    /*border: 1px solid #cacaca;*/
    background-color: #ffffff;
    box-shadow: 0 6px 25px -25px #000;
}

.legal-6 li {
    padding: 5px 10px 5px 10px;
}

.legal-1 .btn-group {
    margin-bottom: 0px;
}

    .legal-1 .btn-group i {
        margin-right: 5px;
    }

.legal-1 .form-heading {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
}

    .legal-1 .form-heading .small {
        text-align: left;
        color: rgba(0,0,0,0.6);
        font-size: 13px;
    }

.legal-1 .btn-secondary {
    color: #131313;
    background-color: #f5f5f5;
}

.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #f08423;
}

.switch-field {
    display: flex;
    margin-bottom: 36px;
    overflow: hidden;
}

    .switch-field input {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        background-color: #e4e4e4;
        color: rgba(0, 0, 0, 0.6);
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 8px 16px;
        margin-right: -1px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        transition: all 0.1s ease-in-out;
    }

        .switch-field label:hover {
            cursor: pointer;
        }

    .switch-field input:checked + label {
        background-color: #a5dc86;
        box-shadow: none;
    }

    .switch-field label:first-of-type {
        border-radius: 4px 0 0 4px;
    }

    .switch-field label:last-of-type {
        border-radius: 0 4px 4px 0;
    }

.payments .switch-card-ribbon {
    padding: 15px 15px 15px;
    position: relative;
}

.payments .text p {
    font-size: 14px;
    font-weight: 600;
    line-height: 14.0625px;
    color: #131313;
    margin-bottom: 15px;
}

.payments .switch-card-ribbon {
    padding: 15px 15px 15px;
    position: relative;
}

.payments .switch-card {
    min-height: 90px;
    cursor: pointer;
}

.payments i {
    margin: 0;
    height: 18px;
    width: 18px;
}

.payments i {
    font-size: 24px;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /* top: 0px; */
    margin: 0 auto;
}

.upload .switch-card {
    min-height: 50px;
}

.fog-pwd {
    line-height: 19px;
}

.content-box {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px;
    display: block;
    padding: 10px 10px 10px 10px;
    text-align: left;
    transition: border .3s;
    margin-bottom: 7px;
    box-shadow: 0 6px 25px -25px #000;
}
    /*.content-box:hover {
	background-color: #dfdfdf;
	color: #131313;
}*/
    .content-box.active {
        border: 1px solid #cacaca;
        background-color: #ffffff;
        color: #131313;
    }

.legal .switch-card-ribbon {
    padding: 25px 15px 10px;
    position: relative;
}

.min-height .switch-card {
    min-height: 160px;
}

.legal-1 .btn-1 {
    padding: 0.5rem 0.9rem 0.5rem 0.9rem;
}

.legal-3 hr {
    margin: 0.7rem 0 0.8rem 0;
}
/*.legal-3 .content-box{
	min-height:150px;
}*/
.brick-mortar .switch-card {
    min-height: 100px;
}

.select-wrapper + label {
    pointer-events: none;
    z-index: 1;
}

.md-outline.select-wrapper + label {
    top: .5em;
    z-index: 2;
}

.payments-1 .switch-card {
    min-height: 115px;
    cursor: pointer;
}

hr {
    margin: 1rem 0;
}

.legal-6 .switch-card {
    min-height: 80px;
}

    .legal-6 .switch-card p {
        margin-bottom: 0px;
    }

.owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block;
    border: 0px solid black;
}

.owl-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block;
    border: 0px solid black;
}

    .owl-prev i, .owl-next i {
        transform: scale(1, 6);
        color: #ccc;
    }

.legal-8 .form-heading {
    min-height: 47px;
}

.online-store .modal-dialog {
    max-width: 600px;
}

.online-store .modal-header {
    background-color: #f08423;
    color: #fff;
    padding: 10px;
}

.modal-footer {
    background-color: #f5f5f5;
}

.online-store .modal-title {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 16px;
}

.online-store .modal-body {
    font-size: 15px;
    line-height: 19.2px;
    background-color: #f5f5f5;
}

    .online-store .modal-body i {
        color: #f08423;
    }

    .online-store .modal-body p {
        margin-top: 5px;
        margin-bottom: 0px;
    }

.online-store .btn-secondary {
    color: #fff;
    background-color: #131313;
}

.modal-dialog-center {
    margin-top: 10%;
}
/*.form-check-input[type=checkbox]:checked:after {
    top: 3px;
    left: 2px;
}
.form-check-input[type=checkbox]:focus:after {
    top: 3px;
    left: 2px;
}*/
.form-box-1 {
    background-color: #f08423;
    padding: .1rem .1rem .1rem .1rem;
    color: #131313;
    width: auto;
    margin: auto;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal;
    border-radius: 5px;
}

    .form-box-1 .form-outline {
        margin-bottom: 0px;
    }

.form-heading-icon {
    font-size: 26px;
    margin: 0px 0px 0px 0px;
    color: #f08423;
}

.form-heading-text {
    padding-left: 0px;
}

.form-heading-text-1 {
    padding-right: 10px;
}

.btn-group {
    box-shadow: none;
    border-radius: 3px;
    transition: none;
}

    .btn-group:hover {
        box-shadow: none;
        border-radius: 3px;
        transition: none;
    }

    .btn-group:focus {
        box-shadow: none;
        border-radius: 3px;
        transition: none;
    }

.btn-group-mar {
    margin: 0px 5px;
}

.pad-left {
    padding-left: 0px;
}

.form-box-33 input#timepicker-12-hr {
    width: 100%;
}

.text-99 {
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 13px;
    font-size: 14px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
    .new-changes-page-11 .min-heights-8 {
        min-height: 0px;
    }

    .page-13-e .width-10 {
        width: 15%;
    }

    .page-13-e .width-23 {
        width: 15%;
    }

    .page-13-f .col-md-2 {
        flex: 0 0 auto;
        width: 15%;
    }

    .page-13-f .hei-11 {
        padding-bottom: 0px;
    }

    .page-14 .width-10 {
        width: 15%;
    }

    .page-14 .col-2 {
        flex: 0 0 auto;
        width: 14.66666667%;
    }

    .page-15 .width-23 {
        width: 15%;
    }

    .page-17 .col-2 {
        flex: 0 0 auto;
        width: 14.66666667%;
    }

    .page-sales .width-2 {
        flex: 0 0 auto;
        width: 14.66666667%;
    }

    .page-produt-form .width-2 {
        flex: 0 0 auto;
        width: 14%;
    }

    .new-changes-page-13-c .width-23 {
        width: 16%;
    }

    .new-changes-page-13-b .width-23 {
        flex: 0 0 auto;
        width: 16%;
    }

    .new-changes-page-11 .width-23 {
        width: 16%;
    }

    .new-mobile .width-23 {
        width: 16%;
    }

    .mobile-class .width-2 {
        width: 13%;
    }

    .mobile-3 .content-box.bacs-time.slot-tme-2 {
        padding-bottom: 20px;
    }

    .mobile-ownership .form-outline {
        margin-bottom: 5px;
    }

    .mobile-ownership h6.sub-tex-ownr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mobile-ownership .min-heights {
        min-height: 46px;
    }

    .mobile-3 .content-box.bacs-time.vrtul-app-page.tim-slot {
        height: 130px;
    }

    .new-change .width-70 {
        width: 100%;
    }

    .online-store-1 .modal-dialog {
        max-width: 100%;
    }

    .online-store-1 .mobile-class-modal-dialog-center {
        margin-top: 55%;
    }

    .new-change-pad0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .new-change .login-wrapper .login-content-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .form-check-input[type="checkbox"]:checked::after {
        margin-left: -0.1rem;
        margin-top: -8px;
    }

    .wid-10 {
        width: 17.66666667%;
    }

    .text-99 {
        margin-top: 5px;
    }

    .width-70 {
        width: 100%;
    }

    .img-width {
        width: 50%;
    }

    .min-heights-6 {
        min-height: 118px;
    }

    .mobile-class-modal-dialog-center {
        margin-top: 15%;
    }

    .online-store .modal-title-1 {
        width: 95%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-weight: 600;
        padding: 0px 10px 0px 10px;
        font-size: 15px;
        line-height: 24px;
    }

    .online-store .modal-title-2 {
        font-weight: 600;
        padding: 0px 10px 0px 0px;
        font-size: 15px;
        line-height: 24px;
        margin-top: 3px;
    }

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

    .modal-body {
        padding: 10px 10px 0px 10px;
    }

    .modal-footer {
        padding: 0px 10px 10px 10px;
    }

    .sub-tagline {
        font-size: 13px;
        width: 100%;
    }

    .pad-left {
        padding-left: 15px;
    }

    .form-control {
        font-size: 14px;
    }

    .form-outline .form-control ~ .form-label {
        padding-top: 0.75rem;
    }

    .copyright-text {
        font-size: 14px;
    }

    .content-box {
        margin-bottom: 10px;
    }

    .legal .switch-card-3 {
        min-height: 180px;
    }

    .legal p {
        font-size: 13px;
        color: #131313;
    }

    .online-store .modal-dialog-center {
        margin-top: 55%;
    }

    .logo {
        margin: 0px 0px 10px 0px;
    }

    .mar-bottom {
        margin-bottom: 15px;
    }

    .form-box {
        padding: 1rem 1rem 1rem 1rem;
    }

    .form-outline {
        margin-bottom: 10px;
    }

    .mobile-class .hei-11 {
        padding-bottom: 0px;
    }

    .legal-8 .form-heading {
        min-height: 100px;
    }

    .legal-7 .switch-card {
        min-height: 100px;
    }

    .mobile-class .legal-4 .form-heading {
        min-height: 20px;
    }

    .page-wrapper {
        overflow: hidden;
    }

    .login-wrapper {
        /*padding-left: 15px;
	padding-right: 15px;*/
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .login-wrapper .img-none {
            display: none;
        }

        .login-wrapper .login-bg {
            width: 100%;
            top: 0; /*	min-height: 100vh;
	height: 100%;*/
        }

        .login-wrapper .login-content-inner {
            margin-left: auto;
            margin-right: auto;
            padding-left: 0px;
            padding-right: 0px;
            border-radius: 10px;
        }

    h2 {
        /*font-size: 1.3em;
	font-weight: 300;*/
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .form-check-input[type="checkbox"] {
        margin-right: 5px;
        padding: 9px;
    }

    .hei-2 {
        padding-bottom: 0px;
    }
    /*.legal-1 .form-heading {
    font-size: 12px;
}*/
    .form-heading.hei-5 {
        height: 40px;
    }

    .content-box.bacs-time.slot-tme {
        padding-bottom: 10px;
    }

    .form-box h6 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .form-box h5 {
        margin-bottom: 10px;
    }

    p {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .mar-b {
        margin-bottom: 10px;
    }

    .mb10 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .legal .switch-card {
        min-height: 100px;
    }

    .payments .switch-card {
        min-height: 80px;
    }

    .upload .switch-card {
        min-height: 80px;
    }

    .payments .text p {
        font-size: 13px;
    }

    .payments .switch-card-ribbon {
        padding: 10px 10px 10px;
    }

    .text-end {
        text-align: left;
    }

    .legal .switch-card i {
        bottom: 10px;
    }

    .legal .switch-card {
        margin-bottom: 10px;
    }

    .mobile-class .legal-3 .form-heading {
        min-height: 25px;
    }

    .min-heights {
        min-height: 50px;
    }

    .min-heights-8 {
        min-height: 137px;
    }

    .mi-height {
        min-height: 70px;
    }

    .form-outline .form-control ~ .form-label {
        font-size: 13px;
    }

    .brick-mortar .switch-card-1 {
        min-height: 160px;
    }

    .min-heights-5 {
        min-height: 140px;
    }

    .content-box-1 {
        min-height: 112px;
    }

    .online-store .modal-title {
        font-size: 14px;
    }

    .form-outline .form-control-34 {
        padding: 0.90em 0.70em;
    }

        .form-outline .form-control-34 ~ .form-label-34 {
            padding-top: 1rem;
        }

    .pad-0 {
        padding-left: 0px;
    }
    /*.form-heading-icon {
	margin: 3px 0px 0px 0px;
}*/
    .mobile-display {
        display: block;
    }

    .desktop-display {
        display: none;
    }

    .width-5 {
        flex: 0 0 auto;
        width: 15%;
    }

    .pad-6 {
        padding-right: 0px;
        width: 13.9%;
    }

    .pad-7 {
        width: 14.7%;
        text-align: left;
    }

    .mobile-class .width-23 {
        width: 18%;
    }

    .mobile-class .width-10 {
        width: 18%;
    }

    .mobile-class .width-11 {
        width: 14.66666667%;
    }

    .sample-document {
        width: 50px;
    }

    .product-add p {
        margin: 0px 15px 5px 10px;
    }

    .product-add .price {
        margin: 10px 0px 0px 0px;
    }

    .width-55 {
        width: 65%;
    }

    .width-56 {
        width: 30%;
    }

    .product-add .add-cart {
        padding: 8px 15px 8px 15px;
    }

    .mCustomScrollbar {
        height: 480px;
    }

    .product-details h3 {
        margin-top: 20px;
    }

    .mobile-class .pad-left-05 {
        padding-left: 0px;
    }
    /* Date - 08-07-2022 */
    .mobile-class .content-box.pag-four {
        margin: 0px 0px 10px;
    }

    .mobile-class .min-heights-8 {
        min-height: 125px;
    }

    .mobile-class .form-group.selt-box-sec span.select2-selection.select2-selection--single {
        padding-left: 42px;
    }

    .mobile-class-1 .width-11 {
        width: 12.66666667%;
    }

    .mobile-class .pag-c-thir {
        margin: 7px 0px 4px 0px;
    }

    .mobile-class .content-box.active.pag-datd {
        margin: 7px 0px 14px;
    }

    .mobile-class-1 .width-23 {
        width: 16%;
    }
}

.btn-cart {
    padding: .7rem .5rem .5rem;
}

.product-details .table > :not(caption) > * > * {
    padding: 0.4rem 0.2rem;
}

.product-details tr:nth-child(even) {
    background-color: #dfdfdf;
}

.mar-add {
    margin-bottom: 30px;
}

.btn {
    padding: .7rem 1.5rem .5rem;
}

.sub-tagline {
    font-size: 14px;
    width: 83%;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    color: #131313;
    margin-bottom: 5px;
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1080px) {
    .mobile-class .width {
        flex: 0 0 auto;
        width: 50%;
    }

    .content-box.bacs-time.slot-tme {
        padding-bottom: 311px;
    }

    .content-box.bacs-time.vrtul-app-page.tim-slot {
        height: 300px;
    }

    .chat {
        width: 300px;
    }

    .chat_field {
        width: 65%;
    }

    .content-box.bacs-time.slot-tme-2 {
        padding-bottom: 156px;
    }

    .new-change .login-wrapper .login-content-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .flex-row.insl-sign-sec canvas#signature-pad {
        width: 100%;
        border-radius: 5px;
    }

    .flex-row.insl-sign-sec canvas#signature-pad1 {
        width: 100%;
        border-radius: 5px;
    }

    .width-56 {
        width: 30%;
    }

    .width-55 {
        width: 64%;
    }

    .pad10 {
        padding-right: 15px;
    }

    .mCustomScrollbar {
        height: 480px;
    }

    .width-70 {
        width: 80%;
    }

    .width-10 {
        width: 9%;
    }

    .width-11 {
        flex: 0 0 auto;
        width: 7.6%;
    }

    .min-heights-6 {
        min-height: 117px;
    }

    .width-23 {
        width: 19%;
    }

    .pad-7 {
        flex: 0 0 auto;
        width: 13.66666667%;
    }

    .pad-6 {
        padding-right: 0px;
        width: 15%;
    }

    .sub-tagline {
        font-size: 15px;
        width: 95%;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
        color: #131313;
        margin-bottom: 15px;
    }

    .form-outline .form-control-34 {
        padding-top: 0.90em;
        padding-bottom: 0.90em;
    }

        .form-outline .form-control-34 ~ .form-label-34 {
            padding-top: 1rem;
        }

    .pad-left {
        padding-left: 0px;
    }

    .min-heights-5 {
        min-height: 130px;
    }

    .content-box-1 {
        min-height: 108px;
    }

    .min-heights {
        min-height: 50px;
    }

    .legal-3 .form-heading-12 {
        min-height: 40px;
    }

    .modal-dialog-center {
        margin-top: 35%;
    }
    /*.legal-3 .form-heading {
	min-height: 40px;
}*/
    .hei-1 {
        min-height: 55px;
    }

    .payments .switch-card {
        min-height: 110px;
        cursor: pointer;
    }

    .d-sm-block {
        display: none;
    }

    .payments i {
        font-size: 30px;
        height: 30px;
        width: 30px;
    }

    .legal-8 .form-heading {
        min-height: 100px;
    }

    .page-wrapper {
        overflow: hidden;
    }

    .login-wrapper {
        /*	padding-left: 20px;
	padding-right: 20px;*/
        padding-top: 30px;
        padding-bottom: 30px; /*	min-height: 95vh;*/
    }

        .login-wrapper .img-none {
            display: none;
        }

        .login-wrapper .login-bg {
            width: 100%;
            top: 0;
        }

        .login-wrapper .login-content-inner {
            max-width: 760px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 30px;
            padding-right: 30px;
            border-radius: 10px;
        }

    .form-outline .form-control {
        padding: 0.85em 0.75em;
    }

    .form-box h5 {
        font-size: 18px;
    }

    .contact-phone {
        font-size: 20px;
    }

    .form-box {
        background-color: #f5f5f5;
        padding: 10px;
    }

    h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .form-outline {
        margin-bottom: 15px;
    }

    .mb15 {
        margin-top: 15px;
    }

    .pt16 {
        padding-top: 15px;
    }

    .form-box h6 {
        font-size: 15px;
    }

    .form-box p {
        font-size: 13px;
    }

    p.hei-3 {
        padding-bottom: 42px;
    }

    .form-outline .form-control ~ .form-label {
        font-size: 14px;
        padding-top: 0.6rem;
        color: #131313;
        padding-left: 2rem;
    }

    .form-outline .trailing {
        font-size: 18px;
    }

    .login-wrapper .login-content-inner {
        margin-top: 5%
    }

    .legal-1 .form-heading {
        margin-bottom: 5px;
    }

    .content-box {
        padding: 10px 10px 10px 10px;
    }

    .legal-1 .btn-1 {
        padding: 0.7rem 1.5rem 0.7rem 1.5rem;
    }

    .mar05 {
        margin-bottom: 10px;
    }

    .mi-height {
        min-height: 90px;
    }

    .brick-mortar .switch-card-1 {
        min-height: 180px;
    }

    .width-color {
        width: 8.66666667%
    }

    .online-store .modal-title {
        font-size: 14px;
    }

    .logo {
        margin: 0px 0px 10px 0px;
    }

    .d-sm-block {
        display: block;
    }

    .sm-block {
        display: none;
    }

    .width-4 {
        flex: 0 0 auto;
        width: 14%;
    }

    .sample-document {
        width: 60px;
    }

    .pad-left-05 {
        padding-left: 0px;
    }
}

.brick-mortar .switch-card-1 {
    min-height: 160px;
}

.mi-height {
    min-height: 96px;
}

.text-height {
    height: 170px;
    resize: none
}

.form-box-pop {
    padding: .3rem .3rem .3rem .3rem;
}

.font-size {
    font-size: 16px;
}
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    width: 100%;
}

    .custom-select-wrapper select {
        display: none;
    }

.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-trigger {
    position: relative;
    display: block;
    padding: 9px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #131313;
    line-height: 24px;
    background: #eeedeb;
    cursor: pointer;
}

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 25px;
        margin-top: -3px;
        border-bottom: 1px solid #131313;
        border-right: 1px solid #131313;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    z-index: 9;
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 5px 5px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 13px;
    font-weight: 400;
    color: #131313;
    line-height: 22px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

    .custom-option:first-of-type {
        border-radius: 0px 0px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 0px 0px;
    }

    .custom-option:hover, .custom-option.selection {
        background: #f08423;
        color: #fff;
    }
/*.content-box-1 {
	min-height: 110px;
}*/
.min-heights-5 {
    min-height: 130px;
}

.min-heights-6 {
    min-height: 117px;
}

.legal-6 hr {
    margin: 0.6rem 0 0.6rem 0;
}

.legal-1 hr {
    margin: 0.6rem 0 0.6rem 0;
}

.main-pad {
    padding-left: 100px;
    padding-right: 50px;
}

.form-box-bg {
    background-color: #ccc;
}
/* Style the input container */
.input-container {
    display: flex;
    width: 100%;
    font-size: 14px
}
/* Style the form icons */
.icon {
    padding: 5px 10px;
    background: #f08423;
    color: #fff;
    min-width: 25px;
    text-align: center;
    line-height: 30px;
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem;
}
/* Style the input fields */
.input-field {
    width: 100%;
    padding: 7px 5px 5px 10px;
    outline: none;
    border: 2px solid #f08423;
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

    .input-field:placeholder {
        font-size: 14px;
    }

    .input-field:focus {
        border: 2px solid #f08423;
    }

.mobile-display {
    display: none;
}

.desktop-display {
    display: none;
}

/*.modal-content {
    border-radius: 2rem;
}*/

/*.modal-header {
    border-top-left-radius: calc(1rem - 1px);
    border-top-right-radius: calc(1rem - 1px);
}*/

.modal-body {
    padding: 30px 30px 10px 30px;
}

.online-store .modal-title {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    padding-left: 13px;
}

.modal-footer {
    border-top: 0px solid #e0e0e0;
    border-bottom-right-radius: calc(1rem - 1px);
    border-bottom-left-radius: calc(1rem - 1px);
    display: inline;
    padding: 00px 30px 30px 30px;
}

.online-store .modal-title-1 {
    width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    padding: 0px 10px 10px 10px;
    font-size: 18px;
    line-height: 30px;
    border-radius: 10px;
}

.online-store .modal-title-2 {
    font-weight: 600;
    padding: 0px 10px 10px 0px;
    font-size: 16px;
    line-height: 30px;
    border-radius: 10px;
}

.modal-header .btn-close {
    padding: 0.5rem 15px 0.5rem 0.5rem;
    margin: -0.5rem -5px -0.5rem auto;
}

.width-5 {
    flex: 0 0 auto;
    width: 12%;
}

.mh .dropdown-menu {
    max-height: 100px;
}

.dropdown-menu-1 {
    height: 45px;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0px;
    color: #131313;
    background-color: #e9e9ed;
}

.myDiv {
    display: none;
}

.pad-7 {
    flex: 0 0 auto;
    width: 14.5%;
}

.pad-left-05 {
    padding-left: 3px;
}

.width-23 {
    width: 20%;
}

.width-10 {
    width: 10%;
}

.sample-document {
    width: 135px;
    margin: 0 auto;
    background: #dfdfdf;
    border-radius: 10px;
    padding: 5px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 10px
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0;
        height: auto;
        margin-top: -3px
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #131313;
    line-height: 28px
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 39px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 6px;
        right: 1px;
        width: 20px
    }

.select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f08423;
    color: #fff;
}

.select2-results__option {
    font-size: 13px;
    font-weight: 600;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #131313;
    line-height: 30px;
    font-size: 13px;
    font-weight: 600;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 72% !important;
}

.fabs {
    bottom: 0;
    position: fixed;
    margin: 1em;
    right: 0;
    z-index: 998;
}

.fab {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    color: #f0f0f0;
    margin: 25px auto 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    z-index: 998;
    overflow: hidden;
    background: #f08423;
}

    .fab > i {
        font-size: 2em;
        line-height: 55px;
        -webkit-transition: all .2s ease-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .fab:not(:last-child) {
        width: 0;
        height: 0;
        margin: 20px auto 0;
        opacity: 0;
        visibility: hidden;
        line-height: 40px;
    }

        .fab:not(:last-child) > i {
            font-size: 1.4em;
            line-height: 40px;
        }

        .fab:not(:last-child).is-visible {
            width: 40px;
            height: 40px;
            margin: 15px auto 10;
            opacity: 1;
            visibility: visible;
        }

    .fab:nth-last-child(1) {
        -webkit-transition-delay: 25ms;
        transition-delay: 25ms;
    }

    .fab:not(:last-child):nth-last-child(2) {
        -webkit-transition-delay: 20ms;
        transition-delay: 20ms;
    }

    .fab:not(:last-child):nth-last-child(3) {
        -webkit-transition-delay: 40ms;
        transition-delay: 40ms;
    }

    .fab:not(:last-child):nth-last-child(4) {
        -webkit-transition-delay: 60ms;
        transition-delay: 60ms;
    }

    .fab:not(:last-child):nth-last-child(5) {
        -webkit-transition-delay: 80ms;
        transition-delay: 80ms;
    }

.fab(:last-child):active, .fab(:last-child):focus, .fab(:last-child):hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}
/*Chatbox*/

.chat {
    display: none;
    position: fixed;
    right: 85px;
    bottom: 20px;
    width: 400px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    opacity: 0;
    box-shadow: 1px 1px 100px 2px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: -9;
}

.chat_fullscreen {
    position: fixed;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

.chat_header {
    /* margin: 10px; */
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    height: 55px;
    background: #f08423;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 8px;
}

.chat_header2 {
    /* margin: 10px; */
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.chat_header .span {
    float: right;
}

.chat_fullscreen_loader {
    display: none;
    float: right;
    cursor: pointer;
    /* margin: 10px; */
    font-size: 20px;
    opacity: 0.5;
    /* padding: 20px; */
    margin: -10px 10px;
}

.chat.is-visible {
    opacity: 1;
    -webkit-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
    animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
    display: block;
}

.is-hide {
    opacity: 0
}

.chat_option {
    float: left;
    font-size: 15px;
    list-style: none;
    position: relative;
    height: 100%;
    width: 100%;
    text-align: relative;
    margin-right: 10px;
    letter-spacing: 0.5px;
    font-weight: 400
}

    .chat_option img {
        border-radius: 50%;
        width: 60px;
        float: left;
        margin: -30px 20px 10px 20px;
        border: 4px solid rgba(0, 0, 0, 0.21);
    }

.change_img img {
    width: 35px;
    margin: 0px 20px 0px 20px;
}

.chat_option .agent {
    font-size: 12px;
    font-weight: 300;
}

.chat_option .online {
    opacity: 0.4;
    font-size: 11px;
    font-weight: 300;
}

.chat_color {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 10px;
    float: left;
}

.chat_body {
    background: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    overflow-y: auto;
}

#chat_body {
    height: 450px;
}

.chat_login p, .chat_body li, p, a {
    -webkit-animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
    animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
}

.chat_body p {
    padding: 20px;
    color: #888
}

.chat_body a {
    width: 10%;
    text-align: center;
    border: none;
    box-shadow: none;
    line-height: 40px;
    font-size: 15px;
}

.chat_field {
    position: relative;
    margin: 5px 0 5px 0;
    width: 50%;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #4b4b4b;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border: none;
    outline: none;
    display: inline-block;
}

    .chat_field.chat_message {
        height: 30px;
        resize: none;
        font-size: 13px;
        font-weight: 400;
    }

.chat_category {
    text-align: left;
}

.chat_category {
    margin: 20px;
    background: rgba(0, 0, 0, 0.03);
    padding: 10px;
}

    .chat_category ul li {
        width: 80%;
        height: 30px;
        background: #fff;
        padding: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
        border-radius: 3px;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        cursor: pointer;
        line-height: 30px;
        color: #888;
        text-align: center;
    }

    .chat_category li:hover {
        background: #83c76d;
        color: #fff;
    }

    .chat_category li.active {
        background: #83c76d;
        color: #fff;
    }

.tags {
    margin: 20px;
    bottom: 0px;
    display: block;
    width: 120%
}

    .tags li {
        padding: 5px 10px;
        border-radius: 40px;
        border: 1px solid rgb(3, 117, 208);
        margin: 5px;
        display: inline-block;
        color: rgb(3, 117, 208);
        cursor: pointer;
    }

.fab_field {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.fab_field2 {
    bottom: 0px;
    position: absolute;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index: 999;
}

.fab_field a {
    display: inline-block;
    text-align: center;
}

#fab_camera {
    float: left;
    background: rgba(0, 0, 0, 0);
}

#fab_send {
    float: right;
    background: rgba(0, 0, 0, 0);
}

.fab_field .fab {
    width: 35px;
    height: 35px;
    box-shadow: none;
    margin: 5px;
}

    .fab_field .fab > i {
        font-size: 1.6em;
        line-height: 35px;
        color: #bbb;
    }

        .fab_field .fab > i:hover {
            color: #f08423;
        }

.chat_conversion {
}

.chat_converse {
    position: relative;
    background: #fff;
    margin: 0px 0 0px 0;
    height: 300px;
    min-height: 0;
    font-size: 12px;
    line-height: 18px;
    overflow-y: auto;
    width: 100%;
    float: right;
    padding-bottom: 100px;
}

.chat_converse2 {
    height: 100%;
    max-height: 800px
}

.chat_list {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

    .chat_list .chat_list_item {
        opacity: 0;
        visibility: hidden;
    }

.chat .chat_converse .chat_msg_item {
    position: relative;
    margin: 8px 0 15px 0;
    padding: 8px 10px;
    max-width: 60%;
    display: block;
    word-wrap: break-word;
    border-radius: 3px;
    -webkit-animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
    animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
    clear: both;
    z-index: 999;
}

.status {
    margin: 45px -50px 0 0;
    float: right;
    font-size: 11px;
    opacity: 0.3;
}

.status2 {
    margin: -10px 20px 0 0;
    float: right;
    display: block;
    font-size: 11px;
    opacity: 0.3;
}

.chat .chat_converse .chat_msg_item .chat_avatar {
    position: absolute;
    top: 0;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar {
    left: -52px;
    background: rgba(0, 0, 0, 0.03);
}

.chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar {
    right: -52px;
    background: rgba(0, 0, 0, 0.6);
}

.chat .chat_converse .chat_msg_item .chat_avatar, .chat_avatar img {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin {
    margin-left: 60px;
    float: left;
    background: rgb(245, 245, 245);
    color: #131313;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_user {
    margin-right: 20px;
    float: right;
    background: #f08423;
    color: #fff;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin:before {
    content: '';
    position: absolute;
    top: 15px;
    left: -12px;
    z-index: 998;
    border: 6px solid transparent;
    border-right-color: rgba(255, 255, 255, .4);
}

.chat_form .get-notified label {
    color: #077ad6;
    font-weight: 600;
    font-size: 11px;
}

.chat_form .get-notified input {
    margin: 2px 0 0 0;
    border: 1px solid #83c76d;
}

.chat_form .get-notified i {
    background: #83c76d;
    width: 30px;
    height: 32px;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    margin: 2px 0 0 -30px;
    position: absolute;
    border-radius: 3px;
}

.chat_form .message_form {
    margin: 10px 0 0 0;
}

    .chat_form .message_form input {
        margin: 5px 0 5px 0;
        border: 1px solid #e0e0e0;
    }

    .chat_form .message_form textarea {
        margin: 5px 0 5px 0;
        border: 1px solid #e0e0e0;
        position: relative;
        width: 90%;
        font-size: 12px;
        line-height: 20px;
        font-weight: 600;
        color: #4b4b4b;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        outline: none;
        background: #fff;
        display: inline-block;
        resize: none;
        padding: 5px;
        border-radius: 3px;
    }

    .chat_form .message_form button {
        margin: 5px 0 5px 0;
        border: 1px solid #e0e0e0;
        position: relative;
        width: 95%;
        font-size: 12px;
        line-height: 20px;
        font-weight: 600;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        outline: none;
        background: #fff;
        display: inline-block;
        resize: none;
        padding: 5px;
        border-radius: 3px;
        background: #83c76d;
        cursor: pointer;
    }

strong.chat_time {
    padding: 0 1px 1px 0;
    font-weight: 600;
    font-size: 8px;
    display: block;
}

/*Chatbox scrollbar*/

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}
/*Element state*/

.is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.is-float {
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

.is-loading {
    display: block;
    -webkit-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
    animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
}

/* SMARTPHONES PORTRAIT */

@media only screen and (min-width: 300px) {
    .chat {
        width: 250px;
    }
}
/* SMARTPHONES LANDSCAPE */

@media only screen and (min-width: 480px) {
    .chat {
        width: 300px;
    }

    .chat_field {
        width: 65%;
    }
}

/* TABLETS PORTRAIT */




/* TABLET LANDSCAPE / DESKTOP */



::-webkit-input-placeholder { /* Chrome */
    color: #bbb;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #bbb;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #bbb;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    color: #bbb;
}

.fabs a:hover {
    color: #fff
}

.width-70 {
    font-weight: 600;
    /*width: 65%;*/
    margin: 0 auto;
    font-size: 13px;
}

.btn {
    font-weight: 600;
}

.hei-1 {
    min-height: 55px;
}
/*  Product */

.product-add {
    background-color: #dfdfdf;
    margin-bottom: 12px;
}

    .product-add h3 {
        margin: 0px 10px 5px 10px;
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        padding-top: 10px;
    }

        .product-add h3 a {
            color: #131313;
        }

            .product-add h3 a:hover {
                color: #f08423;
            }

    .product-add p {
        margin: 0px 10px 5px 10px;
        font-size: 13px;
        line-height: 18px;
        color: #616161
    }

    .product-add .add-cart {
        border-radius: 3px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        font-size: 11px;
        color: #131313;
        padding: 8px 6px 8px 6px;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 20px; /*text-transform:inherit;
	margin:10px 10px 20px 10px;
	width:100%;*/
    }

        .product-add .add-cart:hover {
            background-color: #f08423;
            border: 1px solid #f08423;
            color: #fff;
        }

    .product-add .active {
        background-color: #f08423;
        border: 1px solid #f08423;
        color: #fff;
    }

    .product-add .price {
        margin: 0px 0px 0px 0px;
        font-size: 13px;
        line-height: 18px;
        color: #616161
    }

        .product-add .price p {
            margin: 13px 0px 0px 0px;
            color: #131313;
            font-weight: 600;
            padding: 0px 0px 0px 0px;
            font-size: 12px;
            line-height: 14px;
            text-align: left;
        }

        .product-add .price .spa {
            margin-top: 0px;
            color: #616161;
        }

    .product-add .mar {
        margin-left: 0px;
        padding-left: 0px;
    }

.mCustomScrollbar {
    height: 360px;
}

.form-box-13 {
    padding-right: .5rem;
}

.pad10 {
    padding-right: 0px;
}

.width-55 {
    width: 55%;
}

.product-details h3 {
    font-size: 22px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.product-details h4 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 15px;
}

.product-details p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0px;
    font-weight: 400;
    color: #616161;
}

.product-details .monthly {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #131313;
}

.product-details .monthly-box {
    background-color: #e0e0e0;
    border: 1px solid #f08423;
    padding: 10px;
    margin-top: 10px;
}

    .product-details .monthly-box p {
        color: #131313;
        font-size: 13px;
        font-weight: 400;
    }

    .product-details .monthly-box .text-1 {
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        color: #131313;
        float: left;
    }

    .product-details .monthly-box .text {
        margin-bottom: 10px;
    }

    .product-details .monthly-box .text-2 {
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        color: #131313;
        float: right;
    }

        .product-details .monthly-box .text-2 span {
            font-size: 12px;
            line-height: 18px;
            color: #616161;
            font-weight: 400;
        }

.product-details .prices {
    font-size: 20px;
    color: #131313;
    font-weight: 600;
}

    .product-details .prices del {
        font-size: 12px;
        line-height: 18px;
        color: #616161;
        font-weight: 400;
        margin-left: 5px;
    }

.product-details .mar-16tb {
    margin: 20px 0px 20px 0px;
}

.product-details .mar-15tb {
    margin: 15px 0px;
}

.accordion-button {
    padding: .7rem 1.5rem;
}

.product-details-1 .mar-16tb {
    margin: 20px 0px;
}

.product-details-1 ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.product-details-1 li {
    font-size: 13px;
    line-height: 18px;
    color: #131313;
    margin: 0px 0px 10px 0px;
}

.accordion-button:not(.collapsed) {
    color: #131313;
    background-color: #dfdfdf;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
}

.accordion-button {
    color: #131313;
    background-color: #dfdfdf;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.accordion-item {
    background-color: #f2f2f2;
    border: 1px solid rgba(201, 201, 201);
}

.product-details-1 i {
    color: #f08423;
}

.height-300 {
    height: 293px;
    background-color: #fff;
}

.shadow-1-strong {
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.21);
}

.page-10-new .col-xl-3 {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    line-height: 16px;
}

.page-10-new .text p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 3px;
}

.page-10-new .switch-card-ribbon {
    padding: 10px 10px 10px;
}

#musicinfo {
    display: none;
}

.legal .switch-card-ribbon-11 {
    padding: 15px 15px 15px;
    position: relative;
}
/* The container */
.container-17 {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default checkbox */
    .container-17 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container-17:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container-17 input:checked ~ .checkmark {
    background-color: #f08423;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.container-17 input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.container-17 .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wid-10 {
    width: 10.66666667%;
}

.clearfix {
    height: 0px;
}

.container-1 {
    position: relative;
    float: left;
    width: 100%;
    height: 80px;
    margin: 0px 0 10px 0px;
    /* background: #fff;Set the depth of the elements */
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}

    .container-1:first-child {
        margin-left: 0;
    }

.card {
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    /* Set the transition effects */
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .card.flipped {
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
    }

    .card .front, .card .back {
        display: block;
        height: 100%;
        width: 100%;
        text-align: center;
        position: absolute;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 6px 16px rgb(0 0 0 / 15%);
        cursor: pointer;
        border: 1px solid #cacaca;
        border-radius: 5px;
    }

    .card .back {
        width: 100%;
        font-size: 16px;
        text-align: left;
        line-height: 25px;
    }

.formItem:first-child {
    margin-top: 20px;
}

.card .front {
    background: #fff;
}

.card .back {
    background: #f08423;
    border: 1px solid #f08423;
    color: #fff;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.card p {
    font-size: 13px;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #131313;
    text-align: center;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-pack: center;
    justify-content: center;
    -o-box-align: center;
    align-items: center;
}

.cardTitle {
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 0;
}

.card .back i {
    font-size: 36px;
    line-height: 80px;
}

.content-1 {
    padding: 4%;
    font-weight: 100;
    text-align: center;
}

.app {
    max-width: 300px;
    margin: 0 auto;
}

.BusinessOpendays .article {
    position: relative;
    height: 110px;
    background: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 6px 16px rgb(0 0 0 / 15%);
    border-radius: 5px;
}

.BusinessOpendays .WeekDayDiv {
    height: 100%;
    position: absolute;
    width: 100%;
}

.BusinessOpendays .article .openPrWeekTime {
    position: absolute;
    bottom: 10px;
}

.article {
    position: relative;
    width: 100%;
    /*height: 93px;*/
    box-shadow: 0 6px 16px rgb(0 0 0 / 15%);
    cursor: pointer;
    border: 1px solid #cacaca;
    border-radius: 5px;
    box-sizing: border-box;
    background: #ffffff;
    margin: 0px 0 10px 0px;
    overflow: hidden;
}

    .article div {
        width: 100%;
        height: 91px;
        text-align: center;
        justify-content: center;
        align-items: center;
        line-height: 25px;
        transition: .5s ease;
    }

    .article p {
        line-height: 16px;
        padding-top: 5px;
        margin-bottom: 0px;
        color: #131313;
        text-align: center;
        width: 100%;
    }

    .article input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 9;
    }

        .article input[type=checkbox]:checked ~ i {
            color: #fff
        }

    .article .icon {
        border-radius: 5px;
        background-color: #f08423;
        color: #fff;
        width: 25px;
        height: 25px;
        font-size: 13px;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 5px;
        line-height: 18px;
    }

        .article .icon i {
            line-height: 10px;
        }

    .article input[type=checkbox]:checked ~ div {
        border: 1px solid #f08423;
        background-color: #dfdfdf;
        border-radius: 5px;
    }

.BusinessOpendays {
    margin-bottom: 10px;
}

@keyframes slidein {
    from {
        margin-top: 100%;
        width: 300%;
    }

    to {
        margin: 0%;
        width: 100%;
    }
}

.answer {
    display: none
}
/*Other Porduct*/
.prod-head-sec h5 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0px;
    padding: 7px 0px;
}

.prod-head-sec p {
    color: #929292;
    font-size: 12px;
    margin-bottom: 0px;
}

.prod-head-sec h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    padding: 7px 0px;
}

.prod-head-sec.bodr h4 {
    border: 1px solid #000;
    width: 50px;
    text-align: center;
}

.ohter-pag-rodd h3 {
    margin: 0px;
    background: #f08423;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}

.prod-head-sec {
    padding: 5px 10px;
}

    .prod-head-sec a {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        padding-bottom: 10px;
        display: inline-block;
    }

.totl-otr-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f08423;
    padding: 5px;
    border-radius: 5px;
}

    .totl-otr-btn a {
        color: #fff;
        font-weight: 600;
    }
/*Vartual-Appont*/
.content-box.bacs-time.vrtul-app-page h2 {
    color: #929292;
    font-size: 13px;
    margin-bottom: 0px;
}

.content-box.bacs-time.vrtul-app-page h3 {
    font-size: 20px;
    padding: 0px 0px 5px;
}

.content-box.bacs-time.slot-tme-2 h3 {
    font-size: 20px;
}

.content-box.bacs-time.vrtul-app-page p {
    padding-bottom: 15px;
}

.new-change .login-wrapper .login-content-inner {
    width: 100%;
    max-width: 670px;
}

.new-change .login-wrapper .login-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 730px);
}

.new-change .form-box {
    background-color: #f5f5f5;
    padding: 15px 15px;
}

.new-change .new-change-pad0 {
    padding-left: 150px;
    padding-right: 50px;
}

.online-store-1 .modal-dialog {
    max-width: 800px;
}

h6.sub-tex-ownr {
    font-size: 11px;
    color: #8b8b8b;
    font-weight: 400;
    margin-top: -15px;
    line-height: 14px;
}

h6.sub-tex-ownr {
    font-size: 11px !important;
    color: #8b8b8b;
    font-weight: 400;
    margin-top: -15px;
    line-height: 14px;
    margin-bottom: 0px;
}

#musicinfo {
    display: none;
}
/* iPads (portrait) ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .page-13-e .width-10 {
        width: 8%;
    }

    .page-13-e .width-23 {
        width: 16%;
    }

    .page-13-f .hei-11 {
        padding-bottom: 0px;
    }

    .page-14 .width-10 {
        width: 8.6%;
    }

    .page-15 .width-23 {
        width: 16%;
    }

    .page-17 .col-md-2 {
        flex: 0 0 auto;
        width: 7.66666667%;
    }

    .page-time-slot .content-box.bacs-time.vrtul-app-page.tim-slot {
        height: 325px;
    }

    .new-changes-page-13-c .width-23 {
        width: 18%;
    }

    .new-changes-page-13-c .hei-1 {
        min-height: 35px;
    }

    .new-changes-page-13-c .hei-11 {
        min-height: 55px;
    }

    .new-changes-page-13-b .width-23 {
        flex: 0 0 auto;
        width: 16%;
    }

    .new-mobile .width-23 {
        width: 17%;
    }

    .new-changes-page-11 .width-23 {
        width: 18%;
    }
}

@media(max-width:1200px) {
    .manag-pric-box-sec {
        flex-direction: column;
    }

        .manag-pric-box-sec p {
            margin-bottom: 10px !important;
        }

        .manag-pric-box-sec .pad-col-mag-pag {
            margin-bottom: 10px !important;
        }
}
/* iPads (landscape) ----------- */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .page-13-e .width-10 {
        width: 6%;
    }

    .page-13-e .width-23 {
        width: 12%;
    }

    .page-13-f .col-md-2 {
        flex: 0 0 auto;
        width: 12.66666667%;
    }

    .page-13-f .hei-11 {
        padding-bottom: 0px;
    }

    .page-14 .col-md-2 {
        flex: 0 0 auto;
        width: 11.66666667%;
    }

    .page-14 .width-10 {
        width: 6%;
    }

    .page-15 .col-md-1 {
        flex: 0 0 auto;
        width: 6.33333333%;
    }

    .page-15 .width-23 {
        width: 13%;
    }

    .page-17 .col-lg-2 {
        flex: 0 0 auto;
        width: 6%;
    }

    .page-sales .col-lg-2 {
        flex: 0 0 auto;
        width: 11.66666667%;
    }

    .mobile-3 .content-box.bacs-time.slot-tme-2 {
        padding-bottom: 177px;
    }

    .page-produt-form .width-2 {
        flex: 0 0 auto;
        width: 12.66666667%;
    }

    .page-time-slot .content-box.bacs-time.vrtul-app-page.tim-slot {
        height: 415px;
    }

    .page-time-slot-details .content-box.bacs-time.slot-tme {
        padding-bottom: 335px;
    }

    .new-changes-page-13-c .width-23 {
        width: 13%;
    }

    .new-changes-page-13-b .width-23 {
        flex: 0 0 auto;
        width: 13%;
    }

    .new-changes-page-13-c .hei-1 {
        min-height: 35px;
    }

    .new-changes-page-13-a .form-heading-icon {
        flex: 0 0 auto;
        width: 6.33333333%;
    }

    .new-changes-page-11 .width-23 {
        width: 14%;
    }

    .new-change .width-15 {
        width: 6.66%;
    }

    .new-mobile .width-23 {
        width: 14%;
    }

    .mobile-class .width-2 {
        width: 11%;
    }

    .mobile-class .width-11 {
        flex: 0 0 auto;
        width: 5.1%;
    }
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}

.languageChangeDDL {
    display: flex;
    justify-content: flex-end;
    /* margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 99;*/
}

    .languageChangeDDL select {
        font-size: 14px;
        border-radius: 0.2rem;
        padding: 3px 9px;
        /* background: #f08423; */
        color: #f08423;
        font-weight: 600;
        outline: auto;
        outline-color: #f08423;
    }

        .languageChangeDDL select:focus-visible {
            outline-color: #f08423 !important;
        }

        .languageChangeDDL select:focus {
            outline: red;
        }

.legaladdressSection label {
    font-size: 12px;
    color: #131313;
    font-weight: 600;
}

.notificationsection {
    display: block;
    margin-bottom: 10px;
    line-height: 18px;
    padding: 0 5px;
}

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


/************Add CSS by sunil 23-09-2022*******************/

.McardSection {
    min-height: 205px;
}

.topmargin0 {
    margin-top: 0 !important;
}

.McardSection .switch-card-ribbon {
    border: 0 !important;
    box-shadow: none !important;
    height: 100% !important;
}

.radiobtn {
    display: unset !important;
    width: 10px;
    height: 15px;
    position: absolute;
    z-index: 999999999;
    border: 1px solid red;
    opacity: 1;
}

/*.legal .switch-card:hover {
    background-color: #dfdfdf;
    color: #131313;
    box-shadow: 0 6px 25px -25px #000 !important;
}*/

.businesscontent {
    display: none;
}

.selected .businesscontent {
    display: block;
}

.article input[type=radio]:checked ~ div {
    border: 1px solid #f08423;
    background-color: #dfdfdf;
    border-radius: 5px;
}

input.radiobtn {
    z-index: 9;
}

/***********packages page css*************/
/*body.packagebg {
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #131313;
    background-image: url(../images/mss-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}*/

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

a.textline-height {
    line-height: 1.5 !important;
}

button.textline-height2 {
    line-height: 1.5 !important;
}

.packageDetailSection .package-box th, td, hr {
    margin: 0.7rem 0 0.7rem 0 !important;
}

.packageAcceptM .modal-dialog-center {
    margin-top: 2%;
}

.packageAcceptM .modal-dialog.modal-dialog-center .modal-header {
    background: #f08423;
    border-radius: 0px;
    color: #fff;
}

.packageAcceptM .btn-primary {
    line-height: 1.5;
}

.packageAcceptM .modal-footer {
    border-top: 0px solid #e0e0e0;
    border-bottom-right-radius: calc(0.5rem - 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
    display: inline;
    padding: 0px 0px 15px 0px;
    text-align: center;
}

.packageAcceptM .modal-content {
    border-radius: 10px;
}

.fontW-400 {
    font-weight: 400 !important;
}

.lineH-1-5 {
    line-height: 1.5 !important;
}

.packagebg2 a {
    font-weight: 400 !important;
}

.packagebg2 button {
    line-height: 1.5 !important;
}

.packagebg2 .payment-des .continue a {
    color: #fff;
    font-weight: 600 !important;
}

.packagebg2 .product-content-wrap h2 a {
    color: #131313;
    font-weight: 600 !important;
    font-size: 14px;
}

.packagebg2 .tab-panel .carousel-nav a.active {
    font-weight: 600 !important;
}

.signature .table-sec-als th {
    background: #f08423;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px;
    border: 1px solid #cacaca;
}

.signature .table-sec-als td {
    border: 1px solid #cacaca;
    padding: 5px;
    color: #131313;
    font-weight: 400;
}

.removebtn-Section {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .removebtn-Section button {
        font-size: 11px;
    }

@media only screen and (max-width: 450px) {
    .merchant-type .mbSM-3 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1180px) {
    .modal-dialog-center.Modal-Sm-TopM {
        margin-top: 5%;
    }

    .removebtn-Section button {
        font-size: 11px;
    }

    .owl-nav .owl-prev {
        margin-left: -20px !important;
    }

    .owl-nav .owl-next {
        margin-right: -20px !important;
    }
}

.loader {
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.8;
    z-index: 10000000;
    background: #000;
    height: 100%;
    width: 100%;
    margin: auto;
}

#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    display: flex;
    opacity: .80;
    justify-content: center;
    align-items: center;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: -1;
}

.spinner {
    margin: 30px auto;
    height: 64px;
    width: 64px;
    animation: rotate .8s infinite linear;
    border: 5px solid #b22222;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#plswait {
    font-weight: 800 !important;
    color: #131313 !important;
}

.instant-fundPopup {
    background: #f08423;
    border-radius: 0.25rem;
    color: #fff;
    padding: 15px;
    position: relative;
}

    .instant-fundPopup button#btnUpdateInstantFunding {
        position: absolute;
        right: 10px;
        top: 10px;
        background: #ddd;
        padding: 3px 7px;
    }

#PushToCard {
    text-align: center;
}

.payment-method-hov img {
    filter: brightness(0) invert(1);
    margin-bottom: 15px;
}

.instant-fundPopup .instant-label {
    font-weight: 700;
    padding: 6px 30px;
}

.packagedetailModal .modal-dialog.modal-dialog-center .modal-header {
    background: #f08423;
    border-radius: 0px;
    color: #fff;
}

.packagedetailModal .modal-content {
    border-radius: 10px;
}
/*.flex-row.insl-sign-sec canvas#Signature_InitialSignatureCV {
    width: 242px;
    height: 100px;
    margin-bottom: -7px;
}

.flex-row.insl-sign-sec canvas#Signature_LastSignatureCV {
    width: 242px;
    height: 100px;
    margin-bottom: -7px;
}*/
.flex-row.insl-sign-sec button.btnClearInitialdelete {
    background: transparent;
    border: transparent;
    color: #f08423;
    border-radius: 3px;
    display: inline-block;
}

.plus-icon-section {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

    .plus-icon-section .iconP {
        width: 35px;
        background: #f08423;
        height: 35px;
    }

        .plus-icon-section .iconP a {
            display: block;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .plus-icon-section .iconP a i {
                font-size: 16px;
                color: #fff;
            }

.OwnerShiprefresh-icon {
    width: 26px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.OtherProductDetails {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .OtherProductDetails .refresh-icon {
        background: #ededed;
        color: #f08423;
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.productCartHeading {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}

.ProductPackageDetail {
    display: flex;
    justify-content: space-between;
    min-height: 70px;
    align-items: center;
    padding: 0 9px;
}

    .ProductPackageDetail h2 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .ProductPackageDetail img.RemoveProductIcon {
        width: 25px;
    }

    .ProductPackageDetail:nth-child(even) {
        background-color: #ECECEC;
    }

.ProductCheckoutDetail td {
    white-space: nowrap;
}

.ProductCheckoutDetail h2 {
    font-size: 14px;
    margin-bottom: 5px;
}

.ProductCheckoutDetail img.RemoveProductIcon {
    width: 25px;
}

.ProductCheckoutDetail:nth-child(even) {
    background-color: #ECECEC;
}

h2.totalheading {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.total-cart-value {
    display: flex;
    justify-content: space-between;
    color: #000;
    text-transform: uppercase;
    align-items: center;
    font-weight: 500;
}

    .total-cart-value p {
        color: #000 !important;
        font-weight: 500;
    }

.PrdocutPackageTotalSection {
    display: flex;
    justify-content: space-around;
    position: relative;
    margin-bottom: 20px;
}

.HPA {
    position: absolute;
    bottom: -15px;
    left: 0;
}

.PrdocutPackageName {
    width: 76%;
    padding-right: 5px;
}

.PrdocutPackagePrice {
    width: 20%;
    font-weight: 500;
    text-align: right;
}

.PrdocutPackageName p {
    display: flex;
    flex-direction: column;
}

    .PrdocutPackageName p span.Namebold {
        font-size: 13px;
        color: #000;
        font-weight: 500;
    }

.PrdocutPackageTotalSection:first-child {
    margin-bottom: 20px;
}

li.ownershipTab {
    position: relative;
}

i.ibtnDel {
    position: absolute;
    right: -4px;
    top: -5px;
    color: #fff !important;
    background: #f08423;
    border-radius: 45px;
    padding: 3px 4px;
    font-size: 12px;
    cursor: pointer;
    z-index: 9;
}

/********* fileupload modal for review page**************/

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 42px;
    border: 1px solid #cecece;
    border-radius: 6px;
    z-index: 1
}

    .file-upload-wrapper:after {
        content: attr(data-text);
        font-size: 18px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        padding: 2px 15px;
        display: block;
        width: calc(100% - 80px);
        pointer-events: none;
        z-index: 20;
        height: 40px;
        line-height: 40px;
        color: #999;
        border-radius: 5px 10px 10px 5px;
        font-weight: 300;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .file-upload-wrapper:before {
        content: 'Upload';
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        height: 40px;
        background: #f08423;
        color: #fff;
        font-weight: 700;
        z-index: 25;
        font-size: 16px;
        line-height: 46px;
        padding: 0 15px;
        text-transform: uppercase;
        pointer-events: none;
        border-radius: 0 5px 5px 0
    }

    .file-upload-wrapper:hover:before {
        background: #e47a1b
    }

    .file-upload-wrapper input {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        height: 40px;
        margin: 0;
        padding: 0;
        display: block;
        cursor: pointer;
        width: 100%
    }

.file-add-upload-wrapper {
    position: relative;
    width: 100%;
    height: 42px;
    border: 1px solid #cecece;
    border-radius: 6px;
    z-index: 1
}

    .file-add-upload-wrapper:after {
        content: attr(data-text);
        font-size: 18px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        padding: 2px 15px;
        display: block;
        width: calc(100% - 100px);
        pointer-events: none;
        z-index: 20;
        height: 40px;
        line-height: 40px;
        color: #999;
        border-radius: 5px 10px 10px 5px;
        font-weight: 300;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .file-add-upload-wrapper:before {
        content: 'Upload';
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        height: 40px;
        background: #f08423;
        color: #fff;
        font-weight: 700;
        z-index: 25;
        font-size: 16px;
        line-height: 46px;
        padding: 0 15px;
        text-transform: uppercase;
        pointer-events: none;
        border-radius: 0 5px 5px 0
    }

    .file-add-upload-wrapper:hover:before {
        background: #e47a1b
    }

    .file-add-upload-wrapper input {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        height: 40px;
        margin: 0;
        padding: 0;
        display: block;
        cursor: pointer;
        width: 100%
    }

.upload-logo {
}


.logo-upload-modal .file-upload-wrapper:after {
    content: attr(data-text);
    top: 15% !important;
    width: 100% !important;
    background: transparent !important;
}

.logo-upload-modal .file-upload-wrapper:before {
    font-size: 12px;
    line-height: 30px;
    height: auto !important;
    border-radius: 0.42rem !important;
    position: relative;
    margin-bottom: 25px;
}


.upload-logo input.file-upload-field {
    height: 150px !important;
}

.upload-logo .file-upload-wrapper.form-group {
    height: 150px !important;
    border: 2px dotted #a5a5a5;
    border-radius: 0.42rem;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
}

.upload-logo-label {
    color: #464646;
    z-index: 99999;
    position: absolute;
    left: 0;
    top: 40%;
    text-align: center;
    width: 100%;
}


.uploaded-logo-section {
}

    .uploaded-logo-section h3 {
        font-size: 15px;
        margin: 15px 0;
    }

    .uploaded-logo-section .row {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 10px 5px;
        background: #ddd;
    }

    .uploaded-logo-section a {
        color: #f08423;
        font-size: 15px;
    }

.crop-img-modal {
}

.img-crop-section {
    background: rgb(62 62 62 / 30%) !important;
}

    .img-crop-section .image-container {
        width: 100% !important;
        height: 190px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .img-crop-section button.img-save {
        padding: 5px 20px !important;
        font-size: 12px !important;
        box-shadow: unset !important;
        border-radius: 0.42rem !important;
        background: #f08423 !important;
        border: 0 !important;
        margin: 5px 10px !important;
    }



.bulk-inventory p {
    font-weight: 500 !important;
}

.file-upload-ex input.file-upload-field {
    height: 150px !important;
}

.file-upload-ex .file-upload-wrapper.form-group {
    height: 150px !important;
    border: 2px dotted #a5a5a5;
    border-radius: 0.42rem;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
}

.file-upload-ex input.file-upload-field {
    height: 150px !important;
}


.file-upload-ex-label {
    color: #464646;
    z-index: 99999;
    position: absolute;
    left: 0;
    top: 40%;
    text-align: center;
    width: 100%;
}

.bulk-inventory .file-upload-wrapper:after {
    content: attr(data-text);
    top: 15% !important;
    width: 100% !important;
    background: transparent !important;
}

.bulk-inventory .file-upload-wrapper:before {
    font-size: 12px;
    line-height: 30px;
    height: auto !important;
    border-radius: 0.42rem !important;
    position: relative;
    margin-bottom: 25px;
}

.file-upload-img .file-upload-wrapper.form-group {
    height: 150px !important;
    border: 2px dotted #a5a5a5;
    border-radius: 0.42rem;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
}

.bulk-inventory-img .file-upload-wrapper:before {
    font-size: 12px;
    line-height: 30px;
    height: auto !important;
    border-radius: 0.42rem !important;
    position: relative;
    margin-bottom: 25px;
}

.bulk-inventory-img .file-upload-wrapper:after {
    content: attr(data-text);
    top: 15% !important;
    width: 100% !important;
    background: transparent !important;
}

.file-upload-img-label {
    color: #464646;
    z-index: 99999;
    position: absolute;
    left: 0;
    top: 40%;
    text-align: center;
    width: 100%;
    color: #000;
    font-weight: 500;
}

.gridsection {
    min-height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/************product first child**************/
.productList div:nth-child(1) .gridsection .manag-heading-box.four {
    background: #f08423 !important;
}

.productList div:nth-child(1) .gridsection .manag-box-cont-list.four i {
    color: #f08423;
}

.productList div:nth-child(1) .gridsection .manag-pric-box-sec.four a {
    background: #f08423 !important;
}


/************product second child**************/
.productList div:nth-child(2) .gridsection .manag-heading-box.four {
    background: #f08423 !important;
}

.productList div:nth-child(2) .gridsection .manag-box-cont-list.four i {
    color: #f08423;
}

.productList div:nth-child(2) .gridsection .manag-pric-box-sec.four a {
    background: #f08423 !important;
}

/************product third child**************/

.productList div:nth-child(3) .gridsection .manag-heading-box.four {
    background: #f08423 !important;
}

.productList div:nth-child(3) .gridsection .manag-box-cont-list.four i {
    color: #f08423;
}

.productList div:nth-child(3) .gridsection .manag-pric-box-sec.four a {
    background: #f08423 !important;
}

.mp .modal-dialog.modal-dialog-center .modal-header {
    background: #f08423;
    color: #fff;
}

.online-store .modal-header {
    background-color: #f08423;
    color: #fff;
    padding: 10px;
}


/*canvas#Signature_InitialSignatureCV {
    width: 242px;
    height: 100px;
    margin-bottom: -7px;
}


canvas#Signature_LastSignatureCV {
    width: 242px;
    height: 100px;
    margin-bottom: -7px;
}*/


/********merge Css 08-11-2022***********/

.annualSaving-section {
    display: flex;
    flex-direction: column;
}

    .annualSaving-section img {
        width: 66%;
        margin: auto;
    }

    .annualSaving-section h3 {
        text-align: center;
    }

.packagebg-img {
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #131313;
    background-image: url(../images/mss-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.image-upload-wrapDL {
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid #ebeef1;
    position: relative;
}

.image-upload-wrapStatement {
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid #ebeef1;
    position: relative;
}

.image-upload-wrapBank {
    border-radius: 20px;
    margin-bottom: 15px;
    border: 1px solid #ebeef1;
    position: relative;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.btn-cnt-packg input.btn-primary {
    padding: 10px 50px;
    border-radius: 100px;
}


/*********Clover Capital PR Modal********/
.btn-cnt-packg.marg-bot a {
    margin: 0px 0px 10px;
}

.cash-advance-offer-dialog .modal-content {
    width: 100% !important;
}

.modal-border {
    border-radius: 5px 10px 10px 5px;
}

.cash-ad-offer-modal {
    padding: 0px;
    position: relative;
    border-radius: 5px;
}

.cash-advance-offer-dialog {
    max-width: 55%;
}

    .cash-advance-offer-dialog .modal-content {
        width: 100% !important;
        border-radius: 5px !important;
    }

.modal-border {
    border-radius: 5px 10px 10px 5px;
}

.cash-ad-offer-modal {
    padding: 0px;
    position: relative;
    border-radius: 5px;
}

.title-header h3 {
    width: 35%;
    margin: auto;
    background: #fff;
    text-align: center;
    padding: 12px 15px;
    color: #2d9fdd;
    margin-top: 25px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 40px;
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 16%);
}

button.cash-offer-dis-close {
    position: absolute;
    top: 20px;
    right: 12px;
}

.cash-advance-offer {
    background: #379CD5;
    height: auto;
    padding: 92px 24px 38px;
    align-items: center;
    border-radius: 0px 5px 5px 0px;
}

.display-flex {
    display: flex;
    margin: 0;
}

.title-header {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 0px;
    z-index: 99;
}

.cash-ad-offer-modal {
    padding: 0px !important;
    position: relative;
    border-radius: 5px !important;
}

.cash-offer-dis-flex {
    display: flex;
    align-items: center;
}

.cash-advance-offer h4 {
    font-weight: 600;
    color: #fff;
    font-size: 20px;
}

.cash-advance-offer ol li {
    color: #fff;
    line-height: 24px;
    font-size: 13px;
}

.button-group {
    margin-top: 20px;
    text-align: center;
}

input.accpect-btn {
    border: none;
    color: #fff;
    background: #079A20;
    padding: 6px 12px;
    margin-right: 15px;
    border-radius: 5px;
    font-size: 14px;
}

input.reject-btn {
    border: none;
    color: #000;
    background: #fff;
    padding: 6px 13px;
    margin-right: 15px;
    border-radius: 5px;
    font-size: 14px;
}

.checkbox-section {
    width: 100%;
    overflow: auto;
    height: 230px;
    margin-top: 12px;
    border: 1px solid #ddd;
    border-radius: 0.42rem;
    padding: 10px;
}

.checkbox-design {
    display: flex;
    margin-bottom: 15px;
    width: 465px;
    padding-left: 0;
    margin-top: 0;
}
.checkbox-design1 {
    display: flex;
    margin-bottom: 15px;
    width: 820px !important;
    padding-left: 0;
    margin-top: 0;
}

    .checkbox-design label {
        position: relative;
        cursor: pointer;
        font-size: 11px;
        display: flex;
        width: 100%;
        height: 100%;
        font-weight: 400;
        margin: 0;
        padding: 6px;
        border: 1px solid #ddd;
        align-items: center;
        border-radius: 0.42rem;
    }

        .checkbox-design label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #ee8322;
            box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
            padding: 6px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
        }

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: -25px;
    left: 34px;
    position: absolute;
}

.checkbox-design input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox-design label.checked:after {
    content: '';
    display: flex;
    position: absolute;
    top: 8px;
    left: 11px;
    width: 6px;
    height: 10px;
    border: solid #ee8322;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox-design label.checked {
    border: 1px solid #ee8322 !important;
    background: #ee8322 !important;
    color: #fff !important;
}

    .checkbox-design label.checked:before {
        background-color: #fff !important;
        border: 2px solid #fff !important;
    }

    .checkbox-design label.checked:after {
        content: '';
        display: flex;
        position: absolute;
        top: 9px;
        left: 11px;
        width: 6px;
        height: 10px;
        border: solid #ee8322;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

.checkbox-design span {
    font-size: 11px !important;
}

.Remove {
    background-color: #131313;
    color: #fff;
}

    .Remove:hover {
        background-color: #f08423;
        color: #fff;
    }

.selectlist-row .Remove {
    background-color: #131313 !important;
    color: #fff;
}

.listarrow-img {
    width: 40px;
    object-fit: contain;
}

/**********remove number input arrow***********/
/* Chrome, Safari, Edge, Opera */
input.quntity-input::-webkit-outer-spin-button,
input.quntity-input::-webkit-inner-spin-button, input.inputPesonalizedCard::-webkit-outer-spin-button, input.inputPesonalizedCard::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input.quntity-input[type=number], input.inputPesonalizedCard[type=number] {
    -moz-appearance: textfield;
}

input.qytinput::-webkit-outer-spin-button,
input.qytinput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input.qytinput[type=number] {
    -moz-appearance: textfield;
}

input.numberInputarrowRemove::-webkit-outer-spin-button,
input.numberInputarrowRemove::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

Firefox
input.numberInputarrowRemove[type=number] {
    -moz-appearance: textfield;
}


.subDevicebtnSectionCSS {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

    .subDevicebtnSectionCSS .qytinput {
        border: 1px solid #ababab;
        text-align: center;
        font-size: 13px;
        width: 40px;
        height: 30px;
    }

    .subDevicebtnSectionCSS .Deviceaddcartbtn {
        background: #f08423 !important;
        padding: 5px 10px;
        color: #fff;
        font-size: 13px;
        text-transform: capitalize;
        font-weight: 400;
        border-radius: 0px;
        box-shadow: none;
        margin: 0 10px;
    }

    .subDevicebtnSectionCSS .removeDevicebtn {
        background: #131313;
        border-radius: 0px;
        font-size: 13px;
        text-transform: capitalize;
        padding: 5px 12px;
        font-weight: 400;
    }

.Deviceaddcartbtn:hover {
    background: #131313 !important;
    color: #fff;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.removeDevicebtn:hover {
    background-color: #f08423;
    color: #fff;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

/****************************/


img.bank-statement-flie {
    width: 65%;
    display: flex;
    margin-right: 50%;
}

.bank-statement {
    background: #E9F3FD;
    text-align: center;
}

.modal-body-bank-statement-file h5 {
    font-weight: 600;
    font-size: 1.5rem;
    color: #3D3E53;
    width: 100%;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 24px;
    text-align: left;
}

.bank-statement-file-up-row {
    background: #fff;
    height: auto;
    border-radius: 5px;
    display: flex !important;
    margin: 0px;
    padding: 7px;
    margin-top: 30px;
    box-shadow: 1px 1px 6px -2px #0000008c;
}

.file-upload-icon {
    display: flex;
    align-items: center;
}

    .file-upload-icon i {
        color: #E1574C;
        font-size: 28px;
        margin-right: 10px;
    }

.modal-body-bank-statement-file .continue-btn {
    margin: 0 auto;
    padding: 7px 33px;
    color: #fff;
    background: #5874C7;
    margin-top: 28px;
    color: #fff;
    background-color: #f08423;
    border-radius: 5px;
    border: none;
    margin-bottom: 20px;
}

.modal-body-bank-statement-file .closebtn {
    margin: 0 auto;
    padding: 7px 33px;
    color: #fff;
    background: #5874C7;
    margin-top: 28px;
    color: #fff;
    background-color: #131313;
    border-radius: 5px;
    border: none;
    margin-bottom: 20px;
}

.bank-statement-file-up-row span {
    font-size: 14px;
    color: #333;
    text-align: left;
}

#StatementUploadModal .file-upload-field {
    font-size: 13px;
}

@media(min-width: 576px) {
    /*#StatementUploadModal .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }*/
}

.confirm-bottom-btn {
    justify-content: end !important;
    margin: 15px 0px;
}

.my-subdevice-selected::before {
    border-radius: 0;
    border-width: 20px;
    border-left-color: #ff8500;
    border-top-color: #ff8500;
}

.my-subdevice-selected::after {
    content: '\2713' !important;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
}

.my-subdevice-selected::before {
    border-radius: 0;
    border-width: 20px;
    border-left-color: #ff8500 !important;
    border-top-color: #ff8500 !important;
}

.my-subdevice-selected::after, .my-subdevice-selected::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-color: transparent;
    border-style: solid;
    z-index: 99999;
}

.my-device-selected {
    border: solid 1px #ff8500 !important;
    position: relative;
}

    .my-device-selected::before {
        border-radius: 0;
        border-width: 20px;
        border-left-color: #ff8500 !important;
        border-top-color: #ff8500 !important;
    }

    .my-device-selected::after {
        content: '\2713' !important;
        font-size: 20px;
        line-height: 20px;
        font-weight: 700;
        color: #fff;
    }

    .my-device-selected::after, .my-device-selected::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-color: transparent;
        border-style: solid;
    }

.websitetypeModal {
}

    .websitetypeModal h1 {
    }

    .websitetypeModal .plan-card {
        padding: 12px;
    }

        .websitetypeModal .plan-card h2 {
        }

        .websitetypeModal .plan-card h3 {
            font-size: 17px;
            line-height: 19px;
        }

.confirmM .form-group {
    position: relative;
    margin-bottom: 12px;
}

.confirmM label {
    font-size: 13px;
    font-weight: 600;
    color: #131313;
}

.confirmM .checkbox {
    display: flex;
}

    .confirmM .checkbox > input {
        position: absolute;
        z-index: 9;
        opacity: 0;
        height: 24px;
        width: 24px;
    }

    .confirmM .checkbox span.checkedCL {
        margin-right: 7px;
        background-color: #ebedf3;
        border: 1px solid #ccc;
        display: flex;
        border-radius: 5px;
        align-items: center;
        justify-content: center;
    }

    .confirmM .checkbox span.checkedCL {
        height: 24px;
        width: 24px;
    }

    .confirmM .checkbox > input:checked ~ span.checkedCL {
        background-color: #f08423;
        border: 0;
    }

    .confirmM .checkbox span.checkedCL:after {
        width: 6px;
        height: 12px;
    }

.confirmM .form-group {
    position: relative;
    margin-bottom: 12px;
}

.confirmM label {
    font-size: 13px;
    font-weight: 600;
    color: #131313;
}

.confirmM .checkbox {
    display: flex;
}

    .confirmM .checkbox > input {
        position: absolute;
        z-index: 99;
        opacity: 0;
    }

    .confirmM .checkbox span.checkedCL:after {
        content: '';
        border-color: transparent;
        border-style: solid;
        border-width: 0 2px 2px 0 !important;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -2px;
    }

    .confirmM .checkbox > input:checked ~ span.checkedCL:after {
        border-color: #fff;
        display: block;
    }

.confirmM .info-checkbox-section label {
    position: relative;
    padding-left: 4px;
    margin-right: 10px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.confirmM .checkbox span.checkedCL {
    padding: 0;
}

.confirmM .checkbox span.checkedCL {
    margin-right: 7px;
    background-color: #ebedf3;
    border: 1px solid #ccc;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}



.confirmM .checkbox > input:checked ~ span.checkedCL {
    background-color: #f08423;
    border: 0;
}

.confirmM .checkbox span.checkedCL:after {
    width: 6px;
    height: 12px;
}

.confirmM .checkbox span.checkedCL:after {
    content: '';
    border-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2px;
}

.confirmM .checkbox > input:checked ~ span.checkedCL:after {
    border-color: #fff;
    display: block;
}

.confirmM .info-checkbox-section label {
    position: relative;
    padding-left: 4px;
    margin-right: 10px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.mobile-ownership .nav-tabs .nav-link {
    padding: 15px 18px 15px;
}

.language-iconMobile {
    display: none;
}

    .language-iconMobile img {
        width: 50px;
    }

.btn1.mony-tnt.active {
    background: #131313 !important;
    color: #fff !important;
}

.package-box p span {
    font-size: 13px;
    line-height: 18px;
    color: #616161;
    margin: 0px 0px 0px 0px;
}

#tbUser tr td:last-child {
    padding: 5px;
}

#dvModalImage.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 10px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
}

/*#dvModalImage .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}*/
#dvModalImage .imagemodal-body {
    position: relative;
    margin: auto;
    display: block;
    width: 100%;
    max-width: 736px;
}

#dvModalImage .close {
    position: absolute;
    top: -23px;
    right: -30px;
    color: #f1f1f1;
    font-size: 46px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
}

#modalReviewBusinessLicenceNo .form-group {
    margin-bottom: 15px;
}

    #modalReviewBusinessLicenceNo .form-group label {
        font-size: 13px;
        color: #131313;
        font-weight: 600;
    }

#modalReviewBusinessTax .form-group {
    margin-bottom: 15px;
}

    #modalReviewBusinessTax .form-group label {
        font-size: 13px;
        color: #131313;
        font-weight: 600;
    }

#BusinessInfoUpdate form label {
    font-size: 13px;
    color: #131313;
    font-weight: 600;
}

button.swalfirebtn {
    background-color: rgb(240, 132, 35);
    border-radius: 0.25em;
    border: 0;
    font-size: 1.0625em;
    font-weight: 500;
    padding: 0.625em 2em;
    color: #fff;
    margin-top: 15px;
}

    button.swalfirebtn:focus {
        outline: 0;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(50 100 150 / 40%);
    }

    button.swalfirebtn:hover {
        background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
    }

a.clsRemoveStatement {
    padding: 5px;
}

    a.clsRemoveStatement i {
        background: #f08423;
        padding: 9px;
        color: #fff;
        border-radius: 47px;
        font-size: 14px;
    }

.modal-checkbg span.checkmark {
    background-color: #a9a9a9 !important;
}

/*****************tablet Devices*********************/

.tabletDevices {
    margin: 0;
    padding: 15px 0 0 !important;
}

.tabletDevicesDetails {
}

    .tabletDevicesDetails h3 {
        font-size: 1.50rem;
        font-weight: 600;
    }

    .tabletDevicesDetails p {
        font-size: 13px;
        margin-bottom: 5px;
        font-weight: 500;
        color: #000;
    }

    .tabletDevicesDetails .TabletDevicePrice label {
        font-size: 16px;
        font-weight: bold;
        color: #f08423;
    }

        .tabletDevicesDetails .TabletDevicePrice label span {
            font-weight: bold;
            font-size: 13px;
            color: #131313;
        }

    .tabletDevicesDetails .quantityBtn {
        margin-top: 12px;
        color: #fff;
        font-weight: 500;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .tabletDevicesDetails .equi-qty {
        width: 60px;
        text-align: center;
        height: 36px;
        border: 1px solid #ababab;
        background: #fff;
    }

    .tabletDevicesDetails .AddToCart {
        color: #fff;
        font-weight: 600;
        font-size: .75rem;
        line-height: 1.5;
        margin: 0 8px;
    }

    .tabletDevicesDetails .btn-primary:focus {
        color: #fff;
        background-color: #f08423;
    }

    .tabletDevicesDetails .btn-primary:hover {
        color: #fff;
        background-color: #131313 !important;
    }

    .tabletDevicesDetails .TabletDevicePrice {
        margin: 0 !important;
        padding: 0;
    }

    .tabletDevicesDetails .RemoveFromCart:hover {
        color: #fff;
        background-color: #f08423 !important;
        border-color: #f08423 !important;
    }

#merchant_password {
    position: absolute;
    top: 2px;
    right: 7px;
    cursor: pointer;
    padding: 4px 5px;
    height: 34px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #merchant_password:hover {
        background: #d9d8d8;
        border-radius: 50px;
    }

#slider .bgLayer {
    background-size: contain !important;
    background-position: center !important;
}

#slider .sliderInner {
    width: auto !important;
}

#sliderII .bgLayer {
    background-size: contain !important;
    background-position: center !important;
}

#sliderII .sliderInner {
    width: auto !important;
}
/*.mc-caption{
    display:none !important;
}*/

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: #f08423 !important;
}

.select2Width .select2 {
    /*width: 100% !important;*/
    display: unset !important;
}

.Business_Details .modal-header {
    background: #f08423;
    color: #fff;
}

.Business_Details .modal-body {
    padding: 15px;
    font-size: 13px;
    font-weight: 600;
}

.Business_Details .form-group {
    margin: 0 0px 25px 0px;
}

    .Business_Details .form-group label {
        margin-bottom: 8px;
    }

.Business_Details .modal-footer {
    background-color: #fff;
}

.Business_Details .form-group input {
    line-height: 1.5;
}

.row.mydevice-selected {
    position: relative
}

    .row.mydevice-selected:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0;
        border-color: transparent;
        border-style: solid;
        border-radius: 0;
        border-width: 20px;
        border-left-color: #ff8500 !important;
        border-top-color: #ff8500 !important;
    }

    .row.mydevice-selected:after {
        content: '\2713' !important;
        font-size: 20px;
        line-height: 20px;
        font-weight: 700;
        color: #fff;
        position: absolute;
        top: 0px;
        left: 0;
        border-color: transparent;
        border-style: solid;
        border-radius: 0;
    }

.settimeLabel {
    margin: 0;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

    .settimeLabel .checkboxSection {
        display: flex;
        justify-content: start;
        align-items: center;
    }

.RPACheckbox {
    margin: 0;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

    .RPACheckbox .checkboxSection {
        display: flex;
        justify-content: start;
        align-items: center;
    }

li.select2-selection__choice {
    background: #f08423 !important;
    color: #fff !important;
    font-size: 13px;
    line-height: 25px
}

span.select2-selection__choice__remove {
    color: #fff !important;
    font-size: 16px;
}

.form-group.selt-box-sec .selectOwner {
    width: 100% !important;
}

/*.select2drowpdown-Width.Selct2Width .select2 {
    width: 100% !important;
}*/

.ModalStyle .modal-content {
    border-radius: 0.52rem !important;
}

.gotU_tiles {
    min-height: 630px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mag-box-footer {
    height: 160px;
}

.mag-pop-box.mag-box-img {
    height: 108px;
}

.card-plans-section.modalPlanTiles {
    min-height: 568px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tilesHeader {
    padding: 0px !important;
}

.tilesFooter {
    padding: 0px !important;
}

#myModal .business-info-content .carousel-indicators {
    bottom: -36px;
}


/*************Select2 Checkbox*******************/
.select2holiday .select2-container--default .select2-results__option[aria-selected=true]:before {
    content: "";
    width: 20px !important;
    height: 20px;
    border: 2px solid #f08423;
    background: #f08423;
    position: absolute;
    left: 8px;
    border-radius: 3px;
}

.select2holiday .select2-container--default .select2-results__option[aria-selected=true]:after {
    content: "\2713";
    position: absolute;
    left: 12px;
    color: #fff;
}

.select2holiday .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
    padding-left: 34px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.select2holiday .select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    padding-left: 34px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

select2holiday .select2-results__option[aria-selected] {
    cursor: pointer;
    padding-left: 34px;
    position: relative;
}

    select2holiday .select2-results__option[aria-selected]:before {
        content: "";
        width: 20px !important;
        height: 20px;
        border: 2px solid #808080;
        position: absolute;
        left: 8px;
        background: #fff;
        border-radius: 3px;
    }

select2holiday .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #131313;
    color: white;
}

.CustomCarouselCard {
    min-height: 310px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    margin: 0 4px 15px 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    justify-content: space-between;
}

.CarouselImage {
    background: #f6f6f6;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 12px;
}

.CustomCarouselCard h2 a {
    color: #131313;
    font-weight: 600;
}

.CarouselImage img {
    object-fit: contain;
    height: 100%;
}

.CustomCarouselCard:hover {
    -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
    border: 1px solid #cfcfcf;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

.CustomCarouselCard a.newbutton {
    border-radius: 0px !important;
}

.CustomCarouselCard .newbutton {
    display: inline-block;
    padding: 6px 0px;
    border-radius: 4px;
    background-color: #f08423;
    font-size: 11px;
    font-weight: 700 !important;
    color: #fff;
    width: 100%;
    text-align: center;
}

    .CustomCarouselCard .newbutton span {
        font-size: 11px !important;
        text-transform: uppercase !important;
    }

    .CustomCarouselCard .newbutton:hover {
        background-color: #131313;
        color: #fff;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
        box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
        webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

.CustomCarouselCard h2 {
    color: #131313;
    font-weight: 600 !important;
    font-size: 16px;
    margin-bottom: 0;
}

.CustomCarouselCard .product-price b {
    font-weight: 600 !important;
}

.CustomCarouselCard p.card-sub-text {
    color: #929292;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 500;
}



.subdeviceCart-card {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    text-align: center;
    height: 290px;
}

.modal-text {
    font-size: 13px;
    font-weight: 600;
    color: #131313;
}

.AcceptModal .modal-footer {
    background-color: #fff;
    padding: 0px 0px 15px 0px;
    text-align: center;
}

.AcceptModal .modal-body {
    padding: 15px 15px 0px 15px;
    font-size: 13px;
    font-weight: 600;
}

.AcceptModal .modal-dialog-center {
    margin-top: 2%;
}

.AlertModal {
    background-color: #fff;
    padding: 0 !important;
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
}

    .AlertModal .swal2-title {
        display: flex;
        width: 100%;
        padding: 10px;
        font-size: 15px !important;
        background: #f08423;
        border-bottom: 1px solid #e0e0e0;
        border-top-left-radius: calc(0.5rem - 1px);
        border-top-right-radius: calc(0.5rem - 1px);
        font-weight: 600;
        color: #fff;
        padding: 15px;
        margin: 0;
    }

    .AlertModal .swal2-content {
        font-size: 13px;
        font-weight: 600;
        color: #131313;
        padding: 15px;
        text-align: left;
    }

        .AlertModal .swal2-content #swal2-content {
            text-align: left;
        }

    .AlertModal .swal2-actions {
        align-items: center;
        justify-content: center;
        margin: 1.25em auto 0;
        z-index: 1;
        padding: 0px 0px 15px 0px;
        margin: 0;
        line-height: 17px;
    }

        .AlertModal .swal2-actions .swal2-confirm {
            background-color: rgb(240, 132, 35);
            border-left-color: rgb(240, 132, 35);
            border-right-color: rgb(240, 132, 35);
            color: #fff;
            background-color: #f08423;
            text-transform: uppercase;
            padding: 0.7rem 1.5rem 0.5rem;
            font-size: 14px;
        }

        .AlertModal .swal2-actions .swal2-styled:focus {
            outline: 0;
            box-shadow: none !important;
        }

        .AlertModal .swal2-actions .swal2-confirm:hover {
            color: #fff;
            background-color: #131313 !important;
            box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
        }

        .AlertModal .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: none;
            color: #fff;
            background-color: #131313 !important;
            box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
        }

    .AlertModal .ShowTaxIdMsgbtn {
        background-color: rgb(240, 132, 35);
        border-left-color: rgb(240, 132, 35);
        border-right-color: rgb(240, 132, 35);
        color: #fff;
        background-color: #f08423;
        text-transform: uppercase;
        padding: 0.7rem 1.5rem 0.5rem;
        font-size: 14px;
    }

        .AlertModal .ShowTaxIdMsgbtn:focus {
            outline: 0;
            box-shadow: none !important;
        }

        .AlertModal .ShowTaxIdMsgbtn:hover {
            color: #fff;
            background-color: #131313 !important;
            box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
        }

        .AlertModal .ShowTaxIdMsgbtn:hover {
            background-image: none;
            color: #fff;
            background-color: #131313 !important;
            box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
        }

    .AlertModal .footerbtn {
        width: 100%;
        text-align: center;
    }

        .AlertModal .footerbtn button {
            margin-left: 10px;
            margin-right: 10px;
        }

    .AlertModal .swal2-cancel {
        background-color: #131313 !important;
        font-size: 14px !important;
    }

    .AlertModal .footerbtn .AlertyesBtn {
        color: #fff;
        background-color: #f08423;
        text-transform: uppercase;
        padding: 0.7rem 1.5rem 0.5rem;
        font-size: 14px;
        border: 0;
        border-radius: 0.25em;
        margin: 5px;
    }

        .AlertModal .footerbtn .AlertyesBtn:hover {
            background-image: none;
            color: #fff;
            background-color: #131313 !important;
            box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
        }

    .AlertModal .footerbtn .AlertnoBtn {
        color: #fff;
        background-color: #131313;
        text-transform: uppercase;
        padding: 0.7rem 1.5rem 0.5rem;
        font-size: 14px;
        border: 0;
        border-radius: 0.25em;
        margin: 5px;
    }

        .AlertModal .footerbtn .AlertnoBtn:hover {
            background-image: none;
            color: #fff;
            background-color: #131313 !important;
            box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
        }
/*************Select2 Checkbox*******************/
#select2-PRholidays-results li.select2-results__option[aria-selected=true]:before {
    content: "";
    width: 20px !important;
    height: 20px;
    border: 2px solid #f08423;
    background: #f08423;
    position: absolute;
    left: 8px;
    border-radius: 3px;
}

#select2-PRholidays-results li.select2-results__option[aria-selected=true]:after {
    content: "\2713";
    width: 20px !important;
    height: 20px;
    color: #fff;
    position: absolute;
    left: 8px;
    display: flex;
    border-radius: 3px;
    background: #f08423;
    justify-content: center;
}

ul#select2-PRholidays-results li.select2-results__option[aria-selected=true] {
    background-color: #ddd;
    padding-left: 34px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

ul#select2-PRholidays-results li.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    padding-left: 34px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    ul#select2-PRholidays-results li.select2-results__option[aria-selected] {
        cursor: pointer;
        padding-left: 34px;
        position: relative;
    }

        ul#select2-PRholidays-results li.select2-results__option[aria-selected]:before {
            content: "";
            width: 20px !important;
            height: 20px;
            border: 2px solid #808080;
            position: absolute;
            left: 8px;
            background: #fff;
            border-radius: 3px;
        }

ul#select2-PRholidays-results li.select2-results__option--highlighted[aria-selected] {
    background-color: #131313;
    color: white;
}


/*************Select2 Checkbox*******************/
#select2-FederalHolidays-results li.select2-results__option[aria-selected=true]:before {
    content: "";
    width: 20px !important;
    height: 20px;
    border: 2px solid #f08423;
    background: #f08423;
    position: absolute;
    left: 8px;
    border-radius: 3px;
}

#select2-FederalHolidays-results li.select2-results__option[aria-selected=true]:after {
    content: "\2713";
    width: 20px !important;
    height: 20px;
    color: #fff;
    position: absolute;
    left: 8px;
    display: flex;
    border-radius: 3px;
    background: #f08423;
    justify-content: center;
}

ul#select2-FederalHolidays-results li.select2-results__option[aria-selected=true] {
    background-color: #ddd;
    padding-left: 34px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

ul#select2-FederalHolidays-results li.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    padding-left: 34px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    ul#select2-FederalHolidays-results li.select2-results__option[aria-selected] {
        cursor: pointer;
        padding-left: 34px;
        position: relative;
    }

        ul#select2-FederalHolidays-results li.select2-results__option[aria-selected]:before {
            content: "";
            width: 20px !important;
            height: 20px;
            border: 2px solid #808080;
            position: absolute;
            left: 8px;
            background: #fff;
            border-radius: 3px;
        }

ul#select2-FederalHolidays-results li.select2-results__option--highlighted[aria-selected] {
    background-color: #131313;
    color: white;
}

button.Modalclose-btn:hover {
    background: #131313 !important;
}
/*.AlertModal .modal-body {
    padding: 15px 15px 0px 15px;
    font-size: 13px;
    font-weight: 600;
}

.AlertModal .modal-dialog-center {
    margin-top: 2%;
}*/
/**********Responsive Media Query**************/
@media (min-width: 576px) {
    .Business_Details .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
}

@media(max-width:1024px) {
    /* canvas #Signature_InitialSignatureCV {
        width: 198px;
    }

    canvas#Signature_LastSignatureCV {
        width: 198px;
    }*/

    .language-iconMobile {
        /*right: 0;
                    position: absolute;
                    z-index: 99;
                    z-index: 9;
                    top: -3px;*/
        display: block;
    }

    .languageChangeDDL select {
        outline: 0;
        outline-color: transparent;
        border-color: transparent;
        color: transparent;
        width: 50px;
        height: 50px;
        right: 0;
        background: transparent;
        z-index: 99;
        position: absolute;
        top: 0;
    }

    #SelectLang {
        border: 2px solid transparent !important;
        outline: none !important;
    }

    input#btnAcceptPayrollPR {
        margin-bottom: 10px;
    }

    .cash-advance-offer-dialog {
        max-width: 74%;
    }
}



@media(max-width:768px) {
    /*canvas#Signature_InitialSignatureCV {
        width: 247px;
    }

    canvas#Signature_LastSignatureCV {
        width: 247px;
    }*/

    .deviceleftP0 {
        padding-left: 0px;
    }

    .cash-advance-offer-dialog {
        max-width: 85%;
        margin: 0 auto;
    }

        .cash-advance-offer-dialog .title-header h3 {
            width: 68%;
        }
}

@media only screen and (max-width: 767px) and (min-width: 736px) {
    /*canvas#Signature_InitialSignatureCV {
        width: 212px;
    }

    canvas#Signature_LastSignatureCV {
        width: 212px;
    }*/
}


@media(max-width:415px) {
    .DBAdataTable {
        margin-bottom: 15px;
    }

    /* canvas#Signature_InitialSignatureCV {
        width: 296px;
    }

    canvas#Signature_LastSignatureCV {
        width: 296px;
    }*/

    .cash-offer-dis-flex img {
        margin-top: 65px;
    }
}

@media (min-width: 576px) {
    #modalSphereMobilePOSDetails.anchore .modal-dialog {
        max-width: 800px;
        margin: 1.75rem auto;
    }
}

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

    .ModalCheckbox .form-check-input {
        width: 20px !important;
        height: 20px !important;
        margin-right: 5px;
    }


.product-content-wrap.perfil-prod {
    height: 110px !important;
}

#myModal.anchore-mp .modal-dialog {
    max-width: 95%;
    margin: 1.75rem auto;
}

.card-plans-section {
    display: flex;
    flex-direction: column;
    padding: 17px !important;
}

.plan-card1 {
    min-height: 100%;
    justify-content: space-between;
    padding: 30px;
    background-color: rgba(221, 221, 221,);
    background-image: url(../media/images/plans_bg.png);
    box-shadow: 0px 0px 20px #33333329;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff !important;
    border-radius: 9px !important;
}

.card-plans-section img {
    width: 52px !important;
}

.planTile3 .card-plans-section h3 {
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #575757;
}

.planTile3 .card-plans-section h1 {
    font-weight: 800;
    font-size: 30px;
    margin-top: 10px;
    color: #333;
}

.planTile3 .card-plans-section h4 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #575757;
}

p.plans-content {
    font-size: 11px;
    color: #333;
    font-family: Roboto, sans-serif !important;
}

.bottom-b-text {
    margin-bottom: 20px;
    color: #575757;
}

.plan-card2 {
    min-height: 100%;
    justify-content: space-between;
    padding: 30px;
    background-color: rgba(221, 221, 221,);
    background-image: url(../media/images/plans_bg.png);
    box-shadow: 0px 0px 20px #33333329;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff !important;
    border-radius: 9px !important;
}

.plan-card3 {
    min-height: 100%;
    justify-content: space-between;
    padding: 30px;
    background-color: rgba(221, 221, 221,);
    background-image: url(../media/images/plans_bg.png);
    box-shadow: 0px 0px 20px #33333329;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff !important;
    border-radius: 9px !important;
}

.plan-card4 {
    min-height: 100%;
    justify-content: space-between;
    padding: 30px;
    background-color: rgba(221, 221, 221,);
    background-image: url(../media/images/plans_bg.png);
    box-shadow: 0px 0px 20px #33333329;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff !important;
    border-radius: 9px !important;
}

.plan-card5 {
    min-height: 100%;
    justify-content: space-between;
    padding: 30px;
    background-color: rgba(221, 221, 221,);
    background-image: url(../media/images/plans_bg.png);
    box-shadow: 0px 0px 20px #33333329;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff !important;
    border-radius: 9px !important;
}

.tiles-section3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: unset !important;
    padding: 15px !important;
}

.planTile3 {
    padding: 0px 8px !important;
}

.tiles-section3 .col-md-4 {
    flex: unset !important;
}

.planTile3 .card-plans-section {
    padding: 15px !important;
}

.planTile3 .bottom-b-text b {
    margin-bottom: 20px;
    color: #575757;
    font-size: 17px !important;
    font-weight: 700;
}



.tiles-section1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: unset !important;
    padding: 15px !important;
}

    .tiles-section1 .col-md-4 {
        flex: unset !important;
    }

.handlePlanTiles .card-plans-section.modalPlanTiles {
    min-height: 500px !important;
}

.locationName {
    /* position: absolute;
    top: 15px;
    left: 15px;*/
    z-index: 11;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    color: #131313;
}

.locationName {
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    color: #131313;
}

.pacakgeAcceptedText a {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
    color: #f08423;
    line-height: 30px;
    text-decoration: underline;
}

.pacakgeAcceptedText .HeaderText {
    z-index: 11;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #131313;
}

@media (max-width: 600px) {
    .language-iconMobile {
        top: -20px;
    }

    .locationName {
        position: unset;
        /*margin-top: 18px;
    margin-left: 20px;*/
    }

    .locationName {
        font-size: 13px;
    }

    .pacakgeAcceptedText a {
        margin-right: 9px;
        font-size: 13px;
    }

    .pacakgeAcceptedText .HeaderText {
        font-size: 13px;
    }

    .owl-nav .owl-prev, .owl-nav .owl-next {
        /* display: none !important;*/
    }
}

.SampleDocument {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 15px;
}

    .SampleDocument .ribbon-top {
        top: 22px !important;
    }

    .SampleDocument .ribbon-left {
        left: 10px !important;
    }

.btnchooseFile {
    position: absolute;
    right: 0;
    width: auto;
    font-size: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 9px 23px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

a.sendIRSUploadLink {
    font-size: 14px;
    color: #0275d8;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

.detailCard {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 0 !important;
}

.detailCard2 {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 0 !important;
}

.detailCard3 {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 0 !important;
}

@media (min-width: 576px) {
    #UploadIRSDocumentModel .modal-dialog {
        max-width: 702px;
        margin: 1.75rem auto;
    }
}

.uploadedImage {
    height: 174px;
    object-fit: contain;
}

.uploadPDF-icon {
    max-height: 100px;
    max-width: 100px;
    height: 100px !important;
    margin: auto;
    padding: 5px;
}

.EditIcon {
    color: #ffffff !important;
    font-size: 17px;
    position: absolute;
    right: 0;
    background: #f08423;
    top: 0;
    height: 100%;
    width: 40px;
    padding-left: 5px;
    text-align: center;
    line-height: 33px !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

.swalFooterBTN button {
    margin: 0 10px;
}

.DBAdataTable table td a {
    cursor: pointer !important;
}

/*holidays Styles*/
/*****************************/
.switchBtn .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
    margin: 0;
}

    .switchBtn .switch input {
        display: none;
    }

.switchBtn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

    .switchBtn .slider:before {
        position: absolute;
        content: "";
        height: 21px;
        width: 21px;
        border-radius: 50%;
        left: 4px;
        bottom: 3px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

.switchBtn input + .slider:before {
    background: #dedede;
}

.switchBtn input:checked + .slider:before {
    background: #fff;
    left: 3px;
    bottom: 3px;
}

.switchBtn input:checked + .slider {
    background: #ed8323;
}

.open {
    display: none;
}

.switchBtn .close {
    display: block;
    position: absolute;
    right: -70px;
    top: 50%;
    font-size: 1.2rem !important;
    transform: translate(0, -50%);
}

.open {
    float: right;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.switchBtn input:checked ~ .open {
    display: block !important;
    position: absolute;
    right: -65px;
    top: 50%;
    transform: translate(0, -50%);
}

.switchBtn input:checked ~ .close {
    display: none !important;
}

.switchBtn input:checked + .slider:before {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
}

.switchBtn input:focus + .slider {
}

.timeInput input {
    width: 34%;
    background-color: #fff;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #ddd;
    border-radius: 4px;
}

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

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

.holidayTitle {
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
}

    .holidayTitle h5 {
        margin: 0;
        font-weight: 600;
    }

    .holidayTitle p {
        margin: 0;
        font-weight: 500;
    }

.HoursHeading h4 {
    font-size: 17px;
    font-weight: 600;
}

.HoursHeading p {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 30px;
}

.hoursStandard {
    font-size: 16px;
    font-weight: 700;
}

span.Totext {
    padding: 0 10px;
    font-size: 15px;
    font-weight: 700;
}

button.saveSchedule {
    background: #5e69da !important;
    border-color: #5e69da !important;
    font-size: 15px;
    font-weight: 500;
    box-shadow: none !important;
}

    button.saveSchedule:hover {
        background: linear-gradient(to bottom, #5e69da 5%, #5e69da 100%) !important;
    }

button .ScheduleCancel {
    background: white;
    color: #787878;
    font-size: 16px;
    margin-right: 7px;
    font-weight: 600;
    border: 1px solid #787878;
}

    button.ScheduleCancel:hover {
        background: white;
        color: #787878 !important;
    }

.hoursStandard.switchBtn input + .slider:before {
    background: #ffffff !important;
}

.hoursStandard.switchBtn .slider {
    background: #ed8323 !important;
}

.openPrWeekTime {
    position: absolute;
    border: 0 !important;
    bottom: 5px;
    height: auto !important;
    background: transparent !important;
}

    .openPrWeekTime p {
        display: flex;
        justify-content: space-around;
        padding: 0 15px;
        color: #5e5e5e !important;
    }

.uploadFileInput {
    justify-content: flex-start;
    display: flex;
    padding: 5px 15px;
}

#BankStatementUploadModal .modal-dialog.modal-dialog-centered {
    width: 75%;
    margin: 15px auto;
}

#StatementUploadModal .modal-dialog.modal-dialog-centered {
    margin: 15px auto;
}

.carousel-inner.optionHideShow {
    overflow: unset !important;
}

    .carousel-inner.optionHideShow .package-sidt-patti-blk {
        left: -30px !important;
    }

@media only screen and (max-width: 767px) {
    .checkboxSection .form-check-input[type="checkbox"] {
        margin-right: 15px;
    }

    .holidayOpenTime {
        margin-bottom: 15px !important;
    }

    .bank-statement-file-up-row {
        height: auto !important
    }

    #BankStatementUploadModal .modal-dialog.modal-dialog-centered {
        width: 85%;
        margin: 15px auto;
    }

    #StatementUploadModal .modal-dialog.modal-dialog-centered {
        margin: 15px auto;
    }
}

@media only screen and (max-width: 630px) {
    .uploadFileInput {
        padding: 15px 15px;
    }
}


/***************package slider CSS********************/

button.carouselNextbtn {
    right: -73px;
    height: 50px;
    margin: auto;
    opacity: 10;
}

button.carouselPrevbtn {
    left: -73px;
    height: 50px;
    margin: auto;
    opacity: 10;
}

    button.carouselPrevbtn .carousel-control-prev-icon {
        background: #131313 !important;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
    }


button.carouselNextbtn .carousel-control-next-icon {
    background: #131313 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

    button.carouselNextbtn .carousel-control-next-icon:after {
        font-size: 12px !important;
    }

button.carouselPrevbtn .carousel-control-prev-icon:after {
    font-size: 12px !important;
}

/***************package slider CSS********************/

/*Depth Analysis


modal css depth analysis*/

.modal-content-bg-img {
    background-image: url(/images/shape-top.svg), url(/images/shape-bottom.svg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 40%, 40%;
}

.modal-header-bg-depth {
    background: transparent !important;
}

.close-new1 {
    float: right;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #000;
    padding: 0px 6px !important;
    filter: alpha(opacity=20);
    opacity: 10;
    border-radius: 100%;
    border: 2px solid #000 !important;
    text-shadow: none;
}

.modal-title-new1 {
    margin: 0;
    line-height: 1.42857143;
    text-align: center;
    color: #2794E7;
    font-weight: 600;
    font-size: 24px;
}

.other-product-popup-close {
    float: right;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #000;
    padding: 0px 6px !important;
    filter: alpha(opacity=20);
    opacity: 10;
    border-radius: 100%;
    border: 2px solid #000 !important;
    text-shadow: none;
}

.modal-header .other-product-popup-close {
    margin-top: -14px;
}

.modal-dialog-new1 {
    width: 80%;
    margin: 30px auto;
}

.marg-0px {
    margin: 0px;
}

.depth-padd-0px {
    padding: 0px !important;
}

.depth-dis-flex {
    display: flex;
    align-items: center;
}

.depth-analysis {
    margin: 25px 0px 0px;
    box-shadow: 0px 0px 4px 0px #754ea7;
    padding: 25px;
    background: #fff;
}

.row {
    -webkit-clear: both;
}

.close-new1:focus, .modal-content .close-new1:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.depth-analysis h2.color3 {
    color: #FF696A;
}

.depth-analysis img {
    width: 100%;
}

.depth-analysis h2 {
    font-weight: 600;
    font-size: 1.7rem;
    margin: 5px 6px 10px;
}

    /* .depth-analysis h2.color1 {
        color: #529DB8;
    }*/

    .depth-analysis h2.color2 {
        color: #754EA7;
    }

.digital-mart-ad {
    display: flex;
    margin-bottom: 10px;
}

    .digital-mart-ad input {
        padding: 5px;
        border-radius: 0px;
        border: 1px solid #707070;
    }

    .digital-mart-ad label {
        font-weight: 500;
        font-size: 1.2rem;
        margin-bottom: 1px;
    }

    .digital-mart-ad .form-group {
        margin: 0px;
        padding: 0px 7px;
    }

.dark-orang-theme .input-group-addon {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.form-group .left-box {
    float: right
}

#RestaurantRewardPopup .form-group label {
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 500;
}

#RestaurantRewardPopup .digital-mart-ad {
    margin-bottom: 0 !important;
}

#FinicityopenBankingPopup iframe {
    width: 100%;
    height: 100%;
}

/*.layoutLink {
    position: absolute;
    right: 15px;
    top: 40px;
    z-index: 99;
}*/

a.layoutLink {
    font-weight: 500;
    font-size: 15px;
}

a.layoutLink {
    background-color: #f08423;
    -webkit-border-radius: 10px;
    border-radius: 4px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@-webkit-keyframes glowing {
    0% {
        background-color: #f08423;
        -webkit-box-shadow: 0 0 3px #f08423;
    }

    50% {
        background-color: #d96b08;
        -webkit-box-shadow: 0 0 10px #d96b08;
    }

    100% {
        background-color: #f08423;
        -webkit-box-shadow: 0 0 3px #f08423;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #f08423;
        -moz-box-shadow: 0 0 3px #f08423;
    }

    50% {
        background-color: #d96b08;
        -webkit-box-shadow: 0 0 10px #d96b08;
    }

    100% {
        background-color: #f08423;
        -moz-box-shadow: 0 0 3px #f08423;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #f08423;
        box-shadow: 0 0 3px #f08423;
    }

    50% {
        background-color: #d96b08;
        -webkit-box-shadow: 0 0 10px #d96b08;
    }

    100% {
        background-color: #f08423;
        box-shadow: 0 0 3px #f08423;
    }
}

@keyframes glowing {
    0% {
        background-color: #f08423;
        box-shadow: 0 0 3px #f08423;
    }

    50% {
        background-color: #d96b08;
        -webkit-box-shadow: 0 0 10px #d96b08;
    }

    100% {
        background-color: #f08423;
        box-shadow: 0 0 3px #f08423;
    }
}

.prod-box.productBorder {
    border: 2px double #dc3545 !important;
}

.documentLink button.sendIRSUploadLink1 {
    cursor: pointer !important;
    font-size: 15px !important;
    color: #0275d8 !important;
    text-decoration: underline !important;
    border: none;
}

    .documentLink button.sendIRSUploadLink1:hover {
        color: #f08423 !important;
    }

a.PaymentModeLinkSend {
    cursor: pointer !important;
    font-size: 15px !important;
    color: #0275d8 !important;
    text-decoration: underline !important;
}

    a.PaymentModeLinkSend:hover {
        color: #f08423 !important;
    }
/***************Start css for Hosted page clover capital application documantaion ****************/
.CloverCaptialDiv .uploadedFileStatement p {
    margin: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.CloverCaptialDiv .fa-cloud-upload {
    margin-right: 7px;
}

.CloverCaptialDiv .bank-statement-file-up-row span {
    font-size: 13px;
    font-weight: 500;
}

.CloverCaptialDiv .modal-border {
    box-shadow: none !important;
}

.CloverCaptialDiv .modal-body-bank-statement-file {
    border-radius: 5px;
}

.LayoutFinicityBankListTitle {
    font-size: 15px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.CCapitalHostedFinicityBankListTitle {
    font-size: 15px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.CloverCaptialDiv .upldo-sec-back.pag-eigh {
    padding-bottom: 20px;
}

/***************End css for Hosted page clover capital application documantaion ****************/

.disabledDiv {
    background: #e9e9e9;
    color: #919191;
}

    .disabledDiv .file-upload-wrapper:after {
        background: #eee;
        color: #919191;
    }

    .disabledDiv .file-upload-wrapper:before {
        background: #adadad;
        color: #6f6f6f;
    }

    .disabledDiv .file-upload-wrapper:hover:before {
        background: #adadad;
    }

    .disabledDiv img {
        filter: grayscale(100%);
    }

    .disabledDiv .btn-primary.disabled, .btn-primary:disabled {
        background-color: #adadad !important;
    }

    .disabledDiv .form-outline .form-control.disabled, .form-outline .form-control:disabled, .form-outline .form-control[readonly] {
        background-color: #eee;
    }

.button-border {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #f08423;
    text-decoration: none;
    font-weight: 500;
    border-radius: 0.25rem;
    border: 2px solid #f08423;
    transition: all 300ms ease;
    min-width: 145px;
    padding: 0.375rem 0.75rem;
}

.modal.ModalDesign {
    font-family: "Jost", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
}

    .modal.ModalDesign label {
        font-weight: 400;
    }

    .modal.ModalDesign .custom-field {
        font-size: 16px;
    }

    .modal.ModalDesign .form-switch .form-check-input {
        width: 32px !important;
        height: 14px !important;
        border: 1px solid rgba(0,0,0,.25) !important;
    }

    .modal.ModalDesign .form-check-input[type=checkbox]:checked {
        background-color: #ffffff !important;
        border: 1px solid rgba(0,0,0,.25) !important;
    }


    .modal.ModalDesign .form-switch .form-check-input:checked {
        width: 35px !important;
        height: 16px !important;
        border: 1px solid rgb(240 132 35) !important;
    }

        .modal.ModalDesign .form-switch .form-check-input:checked:after {
            width: 12px;
            height: 12px;
            background-color: #fff;
            margin-top: 0;
            right: 3px;
            box-shadow: none !important;
        }

.plaidDesign .plaid-logo img {
    width: 150px;
    margin-top: 20px;
}

.plaidDesign, .plaidDesign2 {
    font-family: "Jost", sans-serif !important;
    font-optical-sizing: auto;
}

    .plaidDesign h2 {
        font-size: 1.8rem !important;
        line-height: 32px;
    }

    .plaidDesign h6 {
        font-size: 13px !important;
        line-height: 21.2px !important;
        margin-bottom: 10px !important;
    }

    .plaidDesign .outer-box-padding {
        padding: 30px;
    }

    .plaidDesign2 h2 {
        font-size: 1.6rem;
    }

    .plaidDesign2 h6 {
        font-size: 0.8rem;
        font-weight: 700;
    }

    .plaidDesign2 .plaid-logo img {
        width: 150px;
        margin-top: 20px;
    }

    .plaidDesign2 .button-bg {
        position: relative;
        display: inline-block;
        font-size: 14px;
        color: #ffffff !important;
        text-decoration: none;
        font-weight: 500;
        background-color: #f08423;
        border-radius: 0.25rem;
        transition: all 300ms ease;
        min-width: 145px;
        padding: 0.500rem 0.75rem;
    }

.plaidAccountList table tr td {
    margin: 0 !important;
    padding: 10px;
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
}

    .plaidAccountList table tr td:last-child {
        text-align: center;
    }

.plaidAccountList .modal-footer {
    background-color: #ffffff;
    padding: 10px 15px 10px;
    text-align: right;
}

.plaidAccountList .modal-header h2 {
    margin-bottom: 8px;
    color: #fff !important;
}

#plaid-link-iframe-1 {
    z-index: 99999 !important;
}

.btn.verfiyIDBtn {
    position: fixed;
    z-index: 999999 !important;
    color: #fff;
    cursor: pointer;
    background: #f69116;
    bottom: 0;
    right: 0;
    font-size: 14px;
    text-transform: capitalize;
}

a.verfiyIDBtnforModal {
    color: #1670f6;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
    margin: 10px;
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer !important;
}

/*.bankingSelect {
    width: 100%;
    margin: auto;
}*/

@media (min-width: 957px) {
    .product-content-wrap.perfil-prod {
        height: 180px !important;
    }
}

@media (min-width: 1200px) {
    .product-content-wrap.perfil-prod {
        height: 110px !important;
    }
}

@media (min-width: 768px) {
    .iframeModalDesign2 .modal-dialog {
        max-width: 94%;
        margin: 0 auto;
        height: 100vh;
    }

    /*.bankingSelect {
        width: 70%;
        margin: auto;
    }*/
}

.iframeClass #PliadIdentityIframe {
    margin-top: -22px !important;
}

.iframeModalDesign2 iframe {
    height: 100vh !important;
}

.DLrightImg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.HeaderTextViewPackages:hover {
    /*background: rgba(0, 0, 0, 0.1);*/
}

.ViewAvailablePackages a {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
    cursor: pointer;
    color: #f08423;
    line-height: 30px;
    text-decoration: underline;
}

    .ViewAvailablePackages a:hover {
        color: #0275d8;
    }

#SelectLang {
    border: 2px solid #f08423;
    outline: none !important;
}

/*.allusText.SPallusText {
    font-size: 12px !important;
}*/

.Subtitle.SPSubtitle {
    font-size: 9px !important;
    top: -3px !important;
}

.allBank.SPallBank {
    font-size: 14px !important;
}

@media only screen and (max-width: 550px) {
    .allusText.SPallusText {
        font-size: 9px !important;
    }

    .Subtitle.SPSubtitle {
        font-size: 7px !important;
        top: -3px !important;
    }

    .allBank.SPallBank {
        font-size: 11px !important;
    }
}

label.custom-field.one.customSelectDropDown {
    position: relative;
    display: flex;
    align-items: center;
}

.CustomSelectLabel {
    position: absolute;
    background: #fff;
    display: block;
    width: 90%;
    padding: 10px 10px;
    margin: 0 7px;
}

.customSelectActive {
}


/**********floating label select drop down***********/

.did-floating-label-content {
    position: relative;
    padding: 5px 0;
    height: 100%;
}

    .did-floating-label-content .did-floating-label {
        color: #646464 !important;
        font-size: 13px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 15px;
        padding: 0 5px;
        background: #fff;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        top: 50%;
        transform: translateY(-50%);
    }

.did-floating-select {
    display: block;
    width: 100%;
    padding: 0 20px;
    background: #fff;
    color: #323840;
    border-radius: 4px;
    border-color: transparent;
    box-sizing: border-box;
    border: 1px solid #b7b7b7;
}

    .did-floating-select:focus {
        outline: none;
        box-shadow: inset 0 0 0 1px #f08423;
    }

        .did-floating-input, .did-floating-select:focus ~ .did-floating-label {
            top: -8px;
            font-size: 13px;
        }

select.did-floating-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select.did-floating-select::-ms-expand {
        display: none;
    }

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
    top: -8px;
    font-size: 13px;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
    top: 8px;
    left: 15px;
    font-size: 13px !important;
    color: #5d5d5d !important;
}

.did-floating-select[value=""]:focus ~ .did-floating-label {
    top: 8px;
    left: 15px;
    font-size: 13px !important;
    color: #5d5d5d !important;
}

.did-floating-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A");
    background-position: right 15px top 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.OtherProductPage .pricing-block .features {
    max-height: 220px;
    margin-bottom: 30px;
}

    .OtherProductPage .pricing-block .features p {
        margin: 0 !important;
        min-height: 180px;
    }

.HyperlocalPaidModal label {
    font-weight: 600 !important;
}

@media(min-width: 576px) {
    .HyperlocalPaidModal.modal-dialog {
        max-width: 1200px !important;
    }

    .GetNewCustomeriFrame .modal-dialog {
        max-width: 80% !important;
    }

    #BusinessProfileModal .modal-dialog {
        max-width: 980px !important;
    }
}

.allBank.SPallBank1 {
    font-size: 10px !important;
}

.Subtitle.SPallBank2 {
    /*font-size: 7px !important;*/
    /*margin-top: 8px;*/
}


.BusinessProfiles {
    display: flex;
    align-items: center;
    margin-bottom: 20px !important;
}

.socialmediaBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #0e0e0e;
    padding: 5px 16px;
    position: relative;
}

    .socialmediaBox h5 {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        display: flex;
        width: 100%;
    }

    .socialmediaBox input {
        border: 0;
        width: 100%;
        font-size: 18px;
        font-weight: 600;
    }

    .socialmediaBox img {
        width: 35px;
        margin-right: 10px;
    }

    .socialmediaBox input:focus-visible {
        outline: 0px;
    }

.connectedText {
    font-size: 14px;
    font-weight: 600;
    color: #57bb4e;
}

.NotconnectedText {
    font-size: 14px;
    font-weight: 600;
    color: rgb(255, 0, 0);
}


.indicatorsButtons button {
    padding: 7px 20px;
    border-radius: 18px;
    font-size: 10px;
}

.switchBtn {
    display: flex;
    align-items: baseline;
}

.StandardHoursContainer {
    max-height: 383px;
    overflow-y: auto;
}

.deletebtn {
    cursor: pointer;
    line-height: 1.5;
    padding: .7rem 0rem .5rem;
    display: flex;
    align-items: center;
}

.dotsIndicators button {
    background: transparent;
    border: 2px solid #424242;
    padding: 6px;
}

    .dotsIndicators button.active {
        background: #f08423;
        border-color: #f08423;
    }



#SearchbyYelp_BusinessAuto_Complete-list {
    max-height: 250px;
    overflow-y: scroll;
    position: absolute;
    border: 1px solid #c9c6c6;
    z-index: 99;
    left: 0px;
    width: 100%;
    top: 42px;
    background: #ffffff;
}

.Auto_Complete-list div {
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #d7d7d7;
    font-size: 14px;
/*    height: 42px;*/
    align-items: center;
    display:flex;

}

.socialmediaBox input {
    border: 0;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
}

.Auto_Complete-list span {
    font-size: 17px;
    font-weight: 500;
}

.Auto_Complete-list div img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin-left: 10px;
}

.BusinessProfileModalDiv .carousel-inner {
    overflow: visible;
}

.Auto_Complete-list div:hover {
    background-color: #e9e9e9;
    cursor: pointer !important;
}

.StandardHoursContainer .selectDropdown {
    appearance: auto !important;
}




.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    -webkit-box-shadow: 1px 1px 2px 1px rgb(153 153 153 / 53%);
    box-shadow: 1px 1px 2px 1px rgb(153 153 153 / 53%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    display: block;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
    background-position: right;
    background-repeat: no-repeat;
    -webkit-background-size: 120px 14px;
    background-size: 120px 14px
}

.hdpi.pac-logo:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #515151
}

    .pac-item:hover {
        background-color: #fafafa
    }

.pac-item-selected, .pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    -webkit-background-size: 34px 34px;
    background-size: 34px
}

.hdpi .pac-icon {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

.pac-container {
    z-index: 99999 !important;
}


#SearchbyFBBusinessAuto_Complete-list {
    max-height: 250px;
    overflow-y: scroll;
    position: absolute;
    border: 1px solid #c9c6c6;
    z-index: 99;
    left: 0px;
    width:100%;
    top: 42px;
    background: #ffffff;
}

.socialmediaBox span img {
    border-left: 1px solid #000;
    padding-left: 10px;
    width: 45px !important;
}

ul.customlist li, ol.customlist li {
    list-style: circle !important;
}



.documentUploadFile {
    border: 2px dashed #f08423;
    border-radius: 4px;
    padding: 26px 16px;
    margin: 22px 0;
    position: relative;
    text-align: center;
}

    .documentUploadFile input {
        position: absolute;
        width: 100%;
        z-index: 9;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer;
    }

    .documentUploadFile span.DocumentUploadText {
        font-size: 20px;
        font-weight: 600;
        color: #e97900;
    }

.PaymentModeLinkLink a.sendIRSUploadLink1 {
    cursor: pointer !important;
    font-size: 15px !important;
    color: #0275d8 !important;
    text-decoration: underline !important;
}

    .PaymentModeLinkLink a.sendIRSUploadLink1:hover {
        color: #f08423 !important;
    }

#plswait {
    text-align: center;
}

a.PayrollAcceptBtn {
    border: none;
    color: #fff;
    background: #079A20;
    padding: 6px 12px;
    margin-right: 15px;
    border-radius: 5px;
    font-size: 14px;
}

.PayRollboxBtn a.saveActiveBtn {
    background: #131313 !important;
}