input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


input[type=number] {
    -moz-appearance: textfield;
}

.cursor {
    cursor: pointer;
}

.content .row .custo-code span {
    width: auto !important;
}


/*.content .row .custo-code input{*/
/*    width: unset !important;*/
/*}*/
/* .overflow-body{
    overflow: scroll !important;
} */
.variant_div {
    border: 1px solid black;
    border-radius: 6%;
}

.edit_btn {
    height: 34px;
    margin-left: 10px;
}

.text-justify {
    text-align: justify;
}

.font-weight-bolder {
    font-weight: bolder;
}

.font-weight-bolder span {
    font-weight: normal;
}

.variant-name p {
    font-weight: 500;
    font-size: 16px;

}

.variant-name span {
    font-weight: 400;
    font-size: 14px;
    ;


}

.custo-label {
    flex: 0 0 25%;
}

.custom_inputfield {
    background-color: transparent !important;
    padding: 0;
    border: none;
}

.custom_selectfield {
    background: transparent !important;
    border: none;
    padding: 0;
    font-size: .84rem;
    font-size: .84rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d !important;
}

.time_custom_input_field {
    background-color: transparent !important;
    border: none !important;
    padding-top: 0px !important;
    padding-bottom: 14px !important;
    font-weight: bold !important;
}

.time_input_field:checked {
    background-color: gray !important;
    border-color: gray !important;
}

.multi_select_div span.select2-selection--multiple {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;

}

.multi_select_div span.select2-selection--multiple ul {
    padding: 1px 0px !important;

}

.table_headind_select span.select2-selection {
    background: transparent !important;
    border: none !important;
    color: black !important;
}

.table_headind_select span.select2-container {
    bottom: 8px !important;
}

.table_headind_select span.select2-selection__arrow {
    display: none !important;
}

table.yajra-datatable thead tr th:first-child::before,
table.yajra-datatable thead tr th:first-child::after {
    display: none !important;
}


.ShowSElectedProductInFront h4,
h2,
h3 {
    color: #6c757d;
    font-weight: 500;
}

.attribute_row h4 {
    font-weight: 500;
    font-size: 18px;
    color: #6c757d;
}

.variant-name p {
    font-weight: 500;
    font-size: 16px;
    display: flex;
    flex-direction: column;

}

.label-font-bold {
    font-weight: 500;
    font-size: 16px;
    width: 100%;

}

.input-disable .select2-selection__rendered {
    padding: 0 !important;
}


.align-row [class*="col"] {
    padding-right: 0;
}

.ckeditor-div #cke_1_contents {
    height: 400px !important;
}

.add_optionBtn {
    position: relative !important;
    top: 24px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #526dee !important;
    color: white !important;
    font-weight: bold !important;
}


/* drag drop css start here */
#modules_drag {
    padding: 20px;
    background: #eee;
    margin-bottom: 20px;
    z-index: 1;
    border-radius: 10px;
    text-align: center;
}

#dropzone_drag {
    padding: 20px;
    background: #eee;
    min-height: 500px;
    margin-bottom: 20px;
    z-index: 0;
    border-radius: 10px;
}

/* .active {
    outline: 1px solid red;
  } */

.hover {
    outline: 1px solid blue;
}

#modules_drag .drag {
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    margin: 1px;
}

#modules_drag .drag .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.drop-item-drag {
    cursor: pointer;
    margin-bottom: 10px;
    background-color: rgb(255, 255, 255);
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid rgb(204, 204, 204);
    position: relative;
}

.drop-item-drag .remove {
    position: absolute;
    top: 4px;
    right: 4px;
}


/* end here */

/* add product recipe */

.productAddBtn {
    color: #3b9cce;
}

.custom_background {
    background: #f1f5f7;
}


/* store code start here */


/* code added */

.centerMarker {
    position: absolute;
    /*url of the marker*/
    background: url(http://maps.gstatic.com/mapfiles/markers2/marker.png) no-repeat;
    /*center the marker*/
    top: 50%;
    left: 50%;

    z-index: 1;
    /*fix offset when needed*/
    margin-left: -10px;
    margin-top: -34px;
    /*size of the image*/
    height: 34px;
    width: 20px;

    cursor: pointer;
}

/* end here */
.gm-fullscreen-control {
    display: none;
}

#map {
    height: 100%;
}

.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

.pac-container {
    font-family: Roboto;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

/* end here */

.mt-custom {
    margin-top: 1rem !important;
}

/* cropper code code start here */

/* .image_area {
    position: relative;
}

img {
    display: block;
    max-width: 100%;
}

.preview {
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

.modal-lg{
    max-width: 1000px !important;
}

.overlay {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    height: 0;
    transition: .5s ease;
    width: 100%;
}

.image_area:hover .overlay {
    height: 50%;
    cursor: pointer;
}

.text {
    color: #333;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.cropper-canvas
{
    height: 100vh !important;
} */

#image_data {
    display: block;
    max-width: 100%;
}

.preview {
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}

.custom_modal {
    pointer-events: none;
}

.custom_modal_dialog {
    pointer-events: all;
}

.selected_table {
    margin-top: 20px !important;
    border-top: 1px solid #aba5a5 !important;
}

.selected_table h4 {
    margin-top: 20px;
}

.customer-profile-card .card-body.card-detail p span {
    display: block;
}

.customer-profile-card .card-body.card-detail {
    color: #000;
    font-size: 12px;
}

.customer-profile-card .card-body.card-detail {
    line-height: 15px;
}

.borderBottom {
    position: relative;

}
.borderBottom::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #f5f6f8;
}
.borderRight {
    position: relative;
}
.borderRight::after{
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    right: 0;
    bottom: 10px;
    border-right: 3px solid #f5f6f8;
}



.badge.green{
    border-radius: 4px;
    background: #8EF50C;
    color: #fff;
    padding: 10px 20px;

}

.noPaddingClass tr td {
    padding: 5px !important;
}