.form-control-static {
    display: inline-block;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

.site-header .site-logo{
    padding-right:1rem;
}
.form-group-error small, .form-group-error label {
    color: #fa424a !important;
}


.az-feedback {
    display: none;
    color: #fa424a !important;
}

.az-feedback-invalid {
    display: block;
}

.az-feedback-valid {
    display: none;
}


.table-full-row tbody td {
    border-left: none !important;
}

.small-icon-img {
    width: 25px;
}


.checkbox-toggle-margined {
    top: 10px;
}

@media (min-width: 600px) {
    .row .form-control-label {
        top: 10px;
    }
}


.az-modal .modal-body {
    min-height: 250px;
}

.modal-full {
    width: 100%;
}

    .modal-full .modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
        margin: .5rem;
    }


.modal-wide {
    width: 70%;
    left: 25%;
}

    .modal-wide .modal-dialog {
        max-width: 70% !important;
        width: 70% !important;
        margin: .5rem;
    }

.display-none {
    display: none !important;
}

.autosize-textarea {
    overflow: hidden;
    word-wrap: break-word;
    height: 110px;
}


.progress-row {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 0px;
    z-index: -1;
    background: #8F8;
    transition: left 1s;
}


/* Global margins*/
/* right*/
.margin-right-5 {
    margin-right: 5px;
}
/* left*/


/* up*/

/* down*/
/*---------------*/
/* Global padding*/
.padding-5 {
    padding: 5px;
}
/* right*/

/* left*/

/* up*/

/* down*/
/*---------------*/
.money-td, .money-th {
    text-align: right;
}


.site-header .site-logo img {
    max-width: 100%;
    max-height: 100%;
    margin-top: 2px;
}

.site-header .site-logo span {
    font-size: 1.5rem;
    font-weight: 900;
    padding-left: 15px;
    padding-right: 15px;
}


.marketplace-icon-small {
    width: 24px;
}


.az-notif-item.unread div {
    background-color: #ffe42636;
}

.az-notif-item > div {
    border-bottom: 1px solid #f2f2f2;
}

.az-notif-item :hover {
    background-color: #f3f3f3;
}

.az-notif-details {
    font-size: 0.8rem;
    font-weight: 300;
    color: black;
    line-height: 0.8rem;
}

.az-notif-time-ago {
    font-size: 0.9rem;
    font-weight: 600;
}


/*Password strength classes*/
.password-checker {
    width: 50%;
    padding-left: 5px;
    display: inline-block;
}

.short-password {
    font-weight: 600;
    color: #FF0000;
}

.weak-password {
    font-weight: 600;
    color: orange;
}

.good-password {
    font-weight: 600;
    color: #2D98F3;
}

.strong-password {
    font-weight: 600;
    color: limegreen;
}
/******************/
.show-password {
    width: 45%;
    float: right;
    text-align: right;
    padding-right: 3px;
    font-size: 0.8rem;
}

    .show-password span {
        cursor: pointer;
        font-weight: 600;
    }


.change-culture {
    cursor: pointer;
}


/************* Icons/*************/

.az-store-icon {
    display: inline-block;
    background: url('/assets/local/img/svg/store.svg') no-repeat #fff;
    background-position: center;
    width: 0px;
    height: 0px;
    border-style: none;
}

.az-integrator-icon {
    display: inline-block;
    background: url('/assets/local/img/svg/integrator.svg') no-repeat #fff;
    background-position: center;
    width: 0px;
    height: 0px;
    border-style: none;
}

.az-icon-small {
    padding: 13px;
}

.az-icon-large {
    padding: 32px;
}




/************* Icons/*************/


.dropzone {
    border: dashed 2px #2D98F3 !important;
}

    .dropzone .font-icon {
        line-height: 60px;
        color: #919fa9;
        font-size: 2.75rem;
    }

    .dropzone .drop-zone-caption {
        font-size: 1rem;
        font-weight: 600;
        color: #919fa9;
        margin: 0 0 1rem;
    }



.paginationHide {
    transition: all 0.5s linear;
    transition-property: opacity, height, margin;
}

.az-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
}

.az-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
}





.tt-hint {
    color: #999 !important
}

.tt-menu {
    /*width: 422px;*/
    /*margin: 12px 0;*/
    padding: 8px 0;
    background-color: #fff;
    /*border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 1rem;
    line-height: 1.5rem;
}

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.gist {
    font-size: 14px;
}

.twitter-typeahead {
    display: block !important;
}


.map-fields .dropdown-menu {
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border: 0px solid #000000;
    -webkit-box-shadow: 5px 5px 12px 0px rgba(181,181,181,1);
    -moz-box-shadow: 5px 5px 12px 0px rgba(181,181,181,1);
    box-shadow: 5px 5px 12px 0px rgba(181,181,181,1);
}

.mapped-xml-field {
    margin: 2px;
    padding: 2px;
    border: 1px solid #919fa9;
    border-radius: 2px;
    cursor: pointer;
}

    .mapped-xml-field .field-name {
        font-weight: 600;
        font-size: 1rem;
    }

    .mapped-xml-field .field-value {
        color: white;
        font-size: 0.7rem;
        padding-left: 5px;
    }

    .mapped-xml-field .field-path {
        display: block;
        color: #b1b4b7;
        font-weight: 300;
    }


.xml-field {
    margin: 2px;
    padding: 2px;
    border-bottom: 1px solid #919fa9;
    border-radius: 2px;
    cursor: pointer;
}

    .xml-field:hover {
        background-color: aliceblue;
    }

    .xml-field .field-name {
        font-weight: 600;
        font-size: 1rem;
    }

    .xml-field .field-value {
        color: white;
        font-size: 0.7rem;
        padding-left: 5px;
    }

    .xml-field .field-path {
        display: block;
        color: #b1b4b7;
        font-weight: 300;
    }




.mapped-xml-field.dropdown-toggle::after {
    display: none;
}

.required-field .order-field-name {
    font-weight: 700;
}


.input-parameter-tag {
    cursor: pointer;
}

.unselected-field-message {
    color: rgba(181,181,181,1);
}

/*@media (min-width: 576px) {
    .modal-dialog {
        max-width: 576px;
        margin: 1.75rem auto;
    }
}*/

.form-control-static {
    display: inline-block;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}


.form-group-error small, .form-group-error label {
    color: #fa424a !important;
}


.az-feedback {
    display: none;
    color: #fa424a !important;
}

.az-feedback-invalid {
    display: block;
}

.az-feedback-valid {
    display: none;
}


.table-full-row tbody td {
    border-left: none !important;
}

.small-icon-img {
    width: 25px;
}


.checkbox-toggle-margined {
    top: 10px;
}

@media (min-width: 600px) {
    .row .form-control-label {
        top: 10px;
    }
}


.az-modal .modal-body {
    min-height: 250px;
}

.modal-full {
    width: 100%;
}

    .modal-full .modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
        margin: .5rem;
    }


.modal-wide {
    width: 70%;
    left: 25%;
}

    .modal-wide .modal-dialog {
        max-width: 70% !important;
        width: 70% !important;
        margin: .5rem;
    }

.display-none {
    display: none !important;
}

.autosize-textarea {
    overflow: hidden;
    word-wrap: break-word;
    height: 110px;
}


.progress-row {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 0px;
    z-index: -1;
    background: #8F8;
    transition: left 1s;
}


/* Global margins*/
/* right*/
.margin-right-5 {
    margin-right: 5px;
}
/* left*/


/* up*/

/* down*/
/*---------------*/
/* Global padding*/
.padding-5 {
    padding: 5px;
}
/* right*/

/* left*/


/* up*/

/* down*/
/*---------------*/
.money-td, .money-th {
    text-align: right;
}

 
.site-header .site-logo span {
    font-size: 1.5rem;
    font-weight: 900;
    padding-left: 15px;
    padding-right: 15px;
}


.marketplace-icon-small {
    width: 24px;
}


.az-notif-item.unread div {
    background-color: #ffe42636;
}

.az-notif-item > div {
    border-bottom: 1px solid #f2f2f2;
}

.az-notif-item :hover {
    background-color: #f3f3f3;
}

.az-notif-details {
    font-size: 0.8rem;
    font-weight: 300;
    color: black;
    line-height: 0.8rem;
}

.az-notif-time-ago {
    font-size: 0.9rem;
    font-weight: 600;
}


/*Password strength classes*/
.password-checker {
    width: 50%;
    padding-left: 5px;
    display: inline-block;
}

.short-password {
    font-weight: 600;
    color: #FF0000;
}

.weak-password {
    font-weight: 600;
    color: orange;
}

.good-password {
    font-weight: 600;
    color: #2D98F3;
}

.strong-password {
    font-weight: 600;
    color: limegreen;
}
/******************/
.show-password {
    width: 45%;
    float: right;
    text-align: right;
    padding-right: 3px;
    font-size: 0.8rem;
}

    .show-password span {
        cursor: pointer;
        font-weight: 600;
    }


.change-culture {
    cursor: pointer;
}


/************* Icons/*************/

.az-store-icon {
    display: inline-block;
    background: url('/assets/local/img/svg/store.svg') no-repeat #fff;
    background-position: center;
    width: 0px;
    height: 0px;
    border-style: none;
}

.az-integrator-icon {
    display: inline-block;
    background: url('/assets/local/img/svg/integrator.svg') no-repeat #fff;
    background-position: center;
    width: 0px;
    height: 0px;
    border-style: none;
}

.az-icon-small {
    padding: 13px;
}

.az-icon-large {
    padding: 32px;
}




/************* Icons/*************/


.dropzone {
    border: dashed 2px #2D98F3 !important;
}

    .dropzone .font-icon {
        line-height: 60px;
        color: #919fa9;
        font-size: 2.75rem;
    }

    .dropzone .drop-zone-caption {
        font-size: 1rem;
        font-weight: 600;
        color: #919fa9;
        margin: 0 0 1rem;
    }



.paginationHide {
    transition: all 0.5s linear;
    transition-property: opacity, height, margin;
}

.az-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
}

.az-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
}





.tt-hint {
    color: #999 !important
}

.tt-menu {
    /*width: 422px;*/
    /*margin: 12px 0;*/
    padding: 8px 0;
    background-color: #fff;
    /*border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 1rem;
    line-height: 1.5rem;
}

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.gist {
    font-size: 14px;
}

.twitter-typeahead {
    display: block !important;
}


.map-fields .dropdown-menu {
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border: 0px solid #000000;
    -webkit-box-shadow: 5px 5px 12px 0px rgba(181,181,181,1);
    -moz-box-shadow: 5px 5px 12px 0px rgba(181,181,181,1);
    box-shadow: 5px 5px 12px 0px rgba(181,181,181,1);
}

.mapped-xml-field {
    margin: 2px;
    padding: 2px;
    border: 1px solid #919fa9;
    border-radius: 2px;
    cursor: pointer;
}

    .mapped-xml-field .field-name {
        font-weight: 600;
        font-size: 1rem;
    }

    .mapped-xml-field .field-value {
        color: white;
        font-size: 0.7rem;
        padding-left: 5px;
    }

    .mapped-xml-field .field-path {
        display: block;
        color: grey;
    }


.xml-field {
    margin: 2px;
    padding: 2px;
    border-bottom: 1px solid #919fa9;
    border-radius: 2px;
    cursor: pointer;
}

    .xml-field:hover {
        background-color: aliceblue;
    }

    .xml-field .field-name {
        font-weight: 600;
        font-size: 1rem;
    }

    .xml-field .field-value {
        color: white;
        font-size: 0.7rem;
        padding-left: 5px;
    }

    .xml-field .field-path {
        display: block;
        color: grey;
    }




.mapped-xml-field.dropdown-toggle::after {
    display: none;
}


.input-parameter-tag {
    cursor: pointer;
}

.dropdown-menu-right {
    transform: translate3d(-40px, 35px, 0px);
}


.az-statics-md-font {
    font-size: 2rem;
    font-weight: 600;
}
.az-statics-big-font {
    font-size: 3rem;
    font-weight: 700;
}

.dropzone .dz-message .excel-icon i {
    font-size: 3rem;
    color: forestgreen;
    display: block;
}

.dropzone .dz-message .excel-icon {
    font-size: 1.5rem;
    font-weight: 600;
    color: forestgreen;
    background: radial-gradient(ellipse at top, #a8dfff, transparent), radial-gradient(ellipse at bottom, #cdecb4, transparent);
    padding: 15px;
}


.dropzone .dz-message .xml-icon i {
    font-size: 3rem;
    color: dodgerblue;
    display: block;
}

.dropzone .dz-message .xml-icon {
    font-size: 1.5rem;
    font-weight: 600;
    color: dodgerblue;
    background: radial-gradient(ellipse at top, #a8dfff, transparent), radial-gradient(ellipse at bottom, #cdecb4, transparent);
    padding: 15px;
}


.site-header-content .support-btn {
    float: left;
    padding: 2px 10px 0px 2px;
    color: indianred;
    font-size: 1.3rem;
    position: relative;
    display: block;
}



.az-service-continer{
    
    margin:15px;
}
    .az-service-continer .row {
        margin: -5px 0px 5px 0px !important;
      
    }
    .az-service-continer label {
        font-size: 1.5rem;
        margin: 15px;
    }
    .az-service-continer .row:hover {
        background: #f3f3f3;
    }
    .az-service-continer div[class^="col-"] {
        border-right: 1px solid rgba(181,181,181,1);
        padding: 10px !important;
        text-align:center;
        vertical-align:middle;
    }

    .az-service-continer div[class^="col-"]:last-child {
        border-right: 0px solid rgba(181,181,181,1);
        padding: 10px !important;
        text-align: center;
        vertical-align: middle;
    }

    /*.az-service-continer .circle-progress-bar-typical .pie_progress__number {
        font-size: 2rem;
    }
    .az-service-continer .circle-progress-bar-typical {
        width: 100px;
    }*/

.az-service-continer .header{
    background: #f3f3f3;
}

.span-spiltter{
    padding:5px;
}
@media (max-width: 756px) {
    .az-service-continer .header {
        display:none;
    }

    .az-service-continer div[class^="col-"] {
        border-right: none;
        
    }
}

.old-services-title{
    cursor:pointer;
}

.service-log-row{
    padding:5px;
    border-bottom:1px solid #f3f3f3;
}


.package-tage {
    margin: 25px;
}
.package-box{
transition:all 0.8s ease;
}

.extra-services{
    display:none
}


.package-service {
    display: none;
    background: rgb(248, 248, 248);
    text-align: left;
    transition: all 0.9s ease;
}
.package-service:first-of-type {
    display: block;
}

    .package-service .service-name {
        width: 55%;
        display: inline-block;
        
    }
    .package-service .service-value {
        width: 40%;
        display: inline-block;
        
        text-align: right;
    }

    .package-box:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .package-box:hover .extra-services {
        display: block;
    }

        .package-box:hover .package-service {
            display: block;
        }



.dataTables_length select {
    padding: 5px;
    margin: 5px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}


.amount-to-be-paid
{
    font-weight: 600;
    font-size: 1.5em;
}

.amount-to-be-paid-title {
    font-size: 1em;
}

.user-address-chooser {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.user-address-chooser-title
{
    font-size: 1.2em;
    font-weight: 600;
}

.az-user-address-chooser.selected {
    background-color: #eeeeee;
}

.footer {
    bottom: 0;
    width: 100%;
     
    background-color: white;
    border-top: 1px solid #c5d6de;
    z-index: 80;
    position:fixed;
    font-size:0.7rem;
}
    .footer .info {
        float: left;
        display: inline-block;
        padding-top: 5px;
        padding-left: 5px;
    }

    .footer .icons {
        float: right;
        display: inline-block
    }

.dataTable .filter .form-control:read-only{
    background:white;
    
}

.dataTable .filter .input-group:not(:first-child) {
  padding-top:5px;
}

.page-link {
    line-height:1;
    font-size:0.8rem;
}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length label {
    font-size: 0.9rem;
}

.bootstrap-table .table, .fixed-table-body .table, .table{
    font-size:0.86rem;
}

.flatpickr-input {
    padding: .3rem .45rem !important;
}


.select2-container {
    width: 100% !important;
}

li.select2-search.select2-search--inline{
    width:20% !important;
}
    li.select2-search.select2-search--inline input {
        width: 20% !important;
    }


.mail-box-item.selected, .mail-box-item.selected:hover {
    background-color: #272727 !important;
    Color: #FFFFFF !important;
}


.accept-contracts-form input + label:before, .accept-contracts-form input + label:after, .accept-contracts-form input[type=checkbox]:checked + label:after {
    top: 2px;
}



.popover-title {
    
    background: #6dcff6;
}
.popover-navigation .btn{
    font-size :0.8rem;
}

/********** Text Align***/
.text-align-right {
    text-align: right;
}
.text-align-left {
    text-align: left;
}
/***********************/

/*
  padding + margin = 0

*/
.padding-top-0 {
    padding-top: 0px
}

.padding-bottom-0 {
    padding-bottom: 0px
}

.padding-right-0 {
    padding-right: 0px
}

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

.margin-left-0 {
    margin-left: 0px
}

.margin-right-0 {
    margin-right: 0px
}

.margin-top-0 {
    margin-top: 0px
}

.margin-bottom-0 {
    margin-bottom: 0px
}

/*
  padding + margin = 5

*/
.padding-top-5{
    padding-top:5px
}
.padding-bottom-5 {
    padding-bottom: 5px
}
.padding-right-5 {
    padding-right: 5px
}
.padding-left-5 {
    padding-left: 5px
}
.margin-left-5 {
    margin-left: 5px
}
.margin-right-5 {
    margin-right: 5px
}
.margin-top-5 {
    margin-top: 5px
}
.margin-bottom-5 {
    margin-bottom: 5px
}

/*
  padding + margin = 10

*/
.padding-top-10 {
    padding-top: 10px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-right-10 {
    padding-right: 10px
}

.padding-left-10 {
    padding-left: 10px
}

.margin-left-10 {
    margin-left: 10px
}

.margin-right-10 {
    margin-right: 10px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-bottom-10 {
    margin-bottom: 10px
}



/*
  padding + margin = 15

*/
.padding-top-15 {
    padding-top: 15px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-right-15 {
    padding-right: 15px
}

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

.margin-left-15 {
    margin-left: 15px
}

.margin-right-15 {
    margin-right: 15px
}

.margin-top-15 {
    margin-top: 15px
}

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


/*
  padding + margin = 20

*/
.padding-top-20 {
    padding-top: 20px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-right-20 {
    padding-right: 20px
}

.padding-left-20 {
    padding-left: 20px
}

.margin-left-20 {
    margin-left: 20px
}

.margin-right-20 {
    margin-right: 20px
}

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

.margin-bottom-20 {
    margin-bottom: 20px
}

.checkbox-detailed input + label {
    width: 350px;
}

.checkbox-detailed.w-full {
    padding: 2px 0px;
    width: 100%;
    height: 100%;
}

.checkbox-detailed.w-full input + label{
    font-size:0.85rem;
    width: 100%;
    height:100%;
}

.store-profile-integrate-setting h5 {
    padding-top:0.6rem;
    padding-bottom:0.3rem;
    font-weight:700;
}

.day-of-week {
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    width: 150px;
    display: inline-block;
    cursor: pointer;
    font-size: 0.9rem;
}

    .day-of-week.active {
        background-color: #e4f6fe;
        border-color: #00a8ff;
        font-weight: 600;
    }

    .day-of-week:hover {
        background-color: #f2f2f2;
    }


.day-of-month {
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    width: 50px;
    display: inline-block;
    cursor: pointer;
   
    font-size: 0.9rem;
}

    .day-of-month.active {
        background-color: #e4f6fe;
        border-color: #00a8ff;
        font-weight: 600;
    }

    .day-of-month:hover {
        background-color: #f2f2f2;
    }

.period-hour {
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    width: 70px;
    display: inline-block;
    cursor: pointer;
    font-size: 0.9rem;
}

    .period-hour.active {
        background-color: #e4f6fe;
        border-color: #00a8ff;
        font-weight: 600;
    }

    .period-hour:hover {
        background-color: #f2f2f2;
    }




.order-status {
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    /*width: 100%;*/
    display: inline-block;
    cursor: pointer;
    font-size: 0.9rem;
}

    .order-status.active {
        background-color: #e4f6fe;
        border-color: #00a8ff;
        font-weight: 600;
    }

    .order-status:hover {
        background-color: #f2f2f2;
    }

.az-error {
    border: 0.05rem solid #b00d0d;
    border-radius: 5px;
    color: #9a0a0a;
    padding: 5px;
}




.az-check {
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    
    display: inline-block;
    cursor: pointer;
    font-size: 0.9rem;
}

    .az-check.active {
        background-color: #e4f6fe;
        border-color: #00a8ff;
        font-weight: 600;
    }
     
    .az-check:hover {
        background-color: #f2f2f2;
    }

.az-check-group .az-check {
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    display: inline-block;
    cursor: pointer;
    font-size: 0.9rem;
}

    .az-check-group .az-check.active {
        background-color: #e4f6fe;
        border-color: #00a8ff;
        font-weight: 600;
    }

    .az-check-group .az-check span::before {
        font: normal normal normal 14px/1 FontAwesome;
        content: '\f096' ;
        padding: 0.2rem;
    }
    .az-check-group .az-check.active span::before {
        font: normal normal normal 14px/1 FontAwesome;
        content: '\f046';
        padding: 0.2rem;
    }


    .az-check-group .az-check:hover {
        background-color: #f2f2f2;
    }




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

/************* Package *************/

.package-item {
    padding-top: 5px;
    background:#FFFFFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    box-shadow: 0 10px 10px rgba(0,0,0,.2);

    margin-bottom:30px;
}


.package-item-detail .package-item-image {
    width: 80%;
    min-height:110px;
}


.package-item-inputs .quantity-button,
.package-item-inputs .quantity-input {
    display: inline-block;
}

.package-item-inputs
{   
    padding-bottom:5px;
}

    .package-item-inputs .input-group {
        width:120px;
    }

.package-item-inputs .quantity-input {
    padding-bottom: 5px;
}
     

    .package-item-inputs .quantity-button {
       
 
    }


.package-item-inputs .quantity-input {
 
     
    font-size: 1.3em; 
    font-weight: bold;  
    text-align: center;
}

/* Chrome, Safari, Edge, Opera */
    .package-item-inputs .quantity-input::-webkit-outer-spin-button,
    .package-item-inputs .quantity-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

/* Firefox */
    .package-item-inputs .quantity-input{
        -moz-appearance: textfield;
    }


.empty-package-basket-icon
{
    font-size: 3em;
}


.package-basket-totals {
    border-top: 1px solid #f3f3f3;
    padding-top: 10px;
}


.blink-basket-bg {
    animation: blinkingBasketBackground 3s infinite;
}

@keyframes blinkingBasketBackground {
    0% {
        background-color: #D15D36;
    }

    25% {
        background-color: #919fa9;
    }

    50% {
        background-color: #D15D36;
    }

    75% {
        background-color: #919fa9;
    }

    100% {
        background-color: #D15D36;
    }
}



.package-basket-summary-button {
    background-color: #72cfa6;
}


.empty-package-basket-button {
    background: #919fa9;
}

.chosen-service-count {
    position: absolute; 
}

/********************************/
.blink-bg {
    animation: blinkingBackground 2s infinite;
}

@keyframes blinkingBackground {
    0% {
        background-color: #10c018;
    }

    25% {
        background-color: #1056c0;
    }

    50% {
        background-color: #ef0a1a;
    }

    75% {
        background-color: #254878;
    }

    100% {
        background-color: #04a1d5;
    }
}



.text-decoration-line-through {
    text-decoration: line-through;
}



.dataTable {
    width:100%!important;
}