@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

body {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    background-color: #181818;
    color: #F4F2EA;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    -webkit-text-size-adjust: none;
}

* {
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    outline: none !important;
}

a:focus {
    color: #F4F2EA !important;
    text-decoration: none !important;
}

a:hover {
    color: #F4F2EA !important;
    text-decoration: none !important;
}

/*FONTS*/
.montserrat {
    font-family: 'Montserrat', sans-serif;
}

.raleway {
    font-family: 'Raleway', sans-serif;
}

.wrapper {
    box-sizing: border-box;
    display: flex ;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tleft {
    text-align: left !important;
}

.tright {
    text-align: right !important;
}

.tcenter {
    text-align: center !important;
}

.padding-primary {
    padding: 5px;
}

.padding-secondary {
    padding: 10px;
}

.margin-primary {
    margin: 5px;
}

.margin-secondary {
    margin: 10px;
}

.flex-start-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-start-start {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.flex-center-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-even-center {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-even-start {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
}

.flex-wrap {
    flex-wrap: wrap;
}
.flex-column {
    flex-direction: column;
}

.navbar-default{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    background: #181818;
    font-weight: bold;
    border-bottom: 2px solid #F4F2EA;
    border-radius: 0 !important;
}

.nav-item {
    float: left;
}

.main-nav {
    padding: 5px !important;
    font-size: 13px !important;
}

.navbar-nav {
    margin: auto;
}

.nav-item:hover {
    background-color: rgba(106, 106, 106, 0.59);
}

.active-main-tab {
    background-color: rgba(106, 106, 106, 0.8) !important;
}

.products-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.register-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /*padding: 0 57px;*/
    font-family: 'Montserrat', sans-serif;
}

.register-wrapper label {
    width: 300px;
    margin: 5px 0 0;
}

.big-basic-btn,
.small-basic-btn {
    width: 300px;
    margin: 20px 0;
    padding: 14px 0 10px;
    font-size: 24px;
    line-height: 24px;
    border: 3px solid #F4F2EA;
    color: #F4F2EA;
    border-radius: 3px;
    background: transparent;
    text-transform: uppercase;
    transition: opacity 0.3s ease-out;
}

.small-basic-btn {
    width: 120px;
    padding: 5px 0;
    text-transform: none;
    font-size: 18px;
}

.big-basic-btn:disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

#id-tr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 88%;
    margin: 0px 10px 0px;
    /*padding: 0px 0px 10px;*/
    /*border-bottom: 2px solid grey;*/
    /*background: #9e9e9e21;*/
}

.error-color,
.success-color {
    width: 300px;
    padding: 3px 5px;
    margin-top: -1px !important;
    background-color: #bd1220;
    color: #F4F2EA;
    border-radius: 3px;
}

.success-color {
    background-color: #17b305;
}

.logo-img {
    width: 226px;
    height: 200px;
    background: url("../../assets/images/logo_ferma_natura.png");
    margin: 20px 0 50px;
}

.total-price {
    display: flex;
    justify-content: space-between;
}
.logo-page {
    display: block;
    width: 159px;
    height: 53px;
    margin: auto;
}

.page-title-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.page-title-wrapper .link-to-faq {
    margin: 0 10px;
}

.page-title {
    font-size: 18px;
    font-weight: bold;
}


.star-img {
    display: inline-block;
    width: 15px;
    height: 15px;
}
/*.page-title-products,*/
/*.page-title-confirmation,*/
/*.page-title-orders {*/
/*    text-align: center;*/
/*}*/

/*.page-title-products:before, .page-title-products:after,*/
/*.page-title-confirmation:before, .page-title-confirmation:after,*/
/*.page-title-orders:before, .page-title-orders:after {*/
/*    position: relative;*/
/*    display: block;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    content: '';*/
/*    background: url("../images/star.jpg");*/
/*}*/

/*.page-title-products:before {*/
/*    top: 14px;*/
/*    left: 40%;*/
/*}*/

/*.page-title-products:after {*/
/*    top: -18px;*/
/*    right: -57%;*/
/*}*/

/*.page-title-confirmation:before {*/
/*    top: 14px;*/
/*    left: 35%;*/
/*}*/

/*.page-title-confirmation:after {*/
/*    top: -18px;*/
/*    right: -61%;*/
/*}*/

/*.page-title-orders:before {*/
/*    top: 14px;*/
/*    left: 35%;*/
/*}*/

/*.page-title-orders:after {*/
/*    top: -18px;*/
/*    right: -61%;*/
/*}*/

.phone-info {
    padding: 0 38px;
}

.phone-info p {
    font-size: 14px;
    margin: 0;
}

.product-name{
    display: flex;
    justify-content: space-between;
    /*text-decoration: underline;*/
    font-weight: bold;
    margin: 0 0 10px;
    background: #4a4a4a;
    padding: 5px 5px 2px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 30px;
    /*background: #7fc13359;*/
}

#id-tr p {
    margin: 0;
}

.input,
.textarea {
    width: 300px;
    height: 50px;
    border-radius: 3px;
    /*margin: 0 10px;*/
    border: none;
    outline: none;
    line-height: 30px;
    padding: 0 10px;
    -moz-appearance: textfield;
    color: #0f0f0f;
}

.textarea {
    width: 260px;
    height: 80px;
    line-height: inherit;
    padding: 10px;
}

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

.input::placeholder {
    /*text-align: center;*/
    /*font-size: 0.8em;*/
    padding: 0 10px;
}

.orders-table thead {
    width: 100%;
    background: #ece2e2;
}

.orders-table thead tr {
    font-size: 1.2rem;
}

.orders-table tr:nth-of-type(odd) {
    /*background: #bcc5b230;*/
}

.orders-table td {
    /*width: 33%;*/
    /*background: #F9F9F9;*/
    border-top: 0 !important;
}

.success-order {
    padding: 0 5px;
    text-align: center;
    border-radius: 3px;
    /*font-weight: bold;*/
    background: #508F07;
}

.unsuccess-order {
    /*width: 95%;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    background: #444343;
    color: #F4F2EA;
    margin: auto;
    padding: 5px 10px 10px;
    font-size: 14px;
}

.unsuccess-order.error {
    width: 95%;
    background: #bd1220;
    color: #FFFFFF;
    padding: 5px 10px 10px;
    font-size: 14px;
}
.unsuccess-order.error img {
    fill: #FFFFFF;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.orders span {
    width: 33%;
}

.orders-table {
    padding: 0 10px;
    margin: 10px 0 0 !important;
}

.orders-table thead {
    width: 100%;
}

/*.orders-table thead tr th {*/
/*    width: 33%;*/
/*}*/
.order-title {
    /*background: #8bc34a38;*/
    font-weight: bold;
    padding: 10px 0;
}

.tcenter {
    text-align: center;
}

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

td {
    vertical-align: middle !important;
}

.product-type li {
    width: 105px !important;
}

/* Between the width of iphone 7/8/9 and iphone 7/8/9 plus */
@media screen and (min-width: 375px) and (max-width: 414px) {
    .product-type li {
        width: 100px !important;
    }
}

.square-button.product-type.margin-bottom-none {
    display: flex;
    flex-wrap: wrap;
}

.type-info {
    width: 150px;
}

.square-button {
    display: flex;
    list-style-type: none;
    margin: 5px 0 15px;
    width: 100%;
    overflow-y: auto;
}

.square-button li {
    margin: 0 5px 10px 0;
    width: 40px;
    height: 40px;
    position: relative;
    flex-shrink: 0;
}

.square-button label,
.square-button input,
.square-button button {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.square-button input[type="radio"],
.square-button input[type="number"] {
    opacity: 0.011;
}
.square-button input[type="radio"] {
    z-index: 100;
}


.square-button input[type="radio"]:checked + label {
    background:  #FAFAFA;
    color: #181818;
    border: none;
}

.square-button label,
.square-button button {
    padding: 3px;
    text-align: center;
    border: 1px solid #818181;
    cursor: pointer;
    border-radius: 3px;
    z-index: 90;
    background: transparent;
    font-size: 20px;
}

.square-button button {
    width: 100%;
    height: 100%;
    margin-bottom: 5px;
}

.square-button label:hover {
    /*background: #DDD;*/
}

.navbar {
    -webkit-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in;
}
.nav>li>a {
    font-size: 18px;
    color: #F4F2EA !important;
    text-shadow: none !important;
    font-family: 'Montserrat', sans-serif;
}

@media ( min-width :768px) {
    body > .navbar-transparent {
        background-color: transparent
    }
    body > .navbar-transparent .navbar-nav > .open > a {
        background-color: transparent !important
    }
}

#home {
    padding-top: 0
}

#home .navbar-brand {
    padding: 13.5px 15px 12.5px
}

#home .navbar-brand > img {
    display: inline;
    margin: 0 10px;
    height: 100%
}

#banner {
    min-height: 300px;
    border-bottom: none
}

.table-of-contents {
    margin-top: 1em
}

.page-header h1 {
    font-size: 4em
}

.bs-docs-section {
    margin-top: 6em
}

.bs-docs-section h1 {
    padding-top: 100px
}

.bs-component {
    position: relative
}

.bs-component .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block
}

.bs-component .modal-dialog {
    width: 90%
}

.bs-component .popover {
    position: relative;
    display: inline-block;
    width: 220px;
    margin: 20px
}

#source-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-weight: 700
}

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

.progress {
    margin-bottom: 10px
}

footer {
    margin: 120px 0
}

footer li {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

footer p {
    clear: left;
    margin-bottom: 0
}

.margin-bottom-none {
    margin-bottom: 0;
}

.splash {
    padding: 9em 0 2em;
    background-color: #141d27;
    background-size: cover;
    background-attachment: fixed;
    color: #F4F2EA;
    text-align: center
}

.splash .logo {
    width: 160px
}

.splash h1 {
    font-size: 3em
}

.splash #social {
    margin: 2em 0
}

.splash .alert {
    margin: 2em 0
}

.section-tout {
    padding: 4em 0 3em;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #eaf1f1;
}

.section-tout .fa {
    margin-right: .5em
}

.section-tout p {
    margin-bottom: 3em
}

.section-preview {
    padding: 4em 0 4em
}

.section-preview .preview {
    margin-bottom: 4em;
    background-color: #eaf1f1
}

.section-preview .preview .image {
    position: relative
}

.section-preview .preview .image:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none
}

.section-preview .preview .options {
    padding: 1em 2em 2em;
    border: 1px solid rgba(0, 0, 0, .05);
    border-top: none;
    text-align: center
}

.section-preview .preview .options p {
    margin-bottom: 2em
}

.section-preview .dropdown-menu {
    text-align: left
}

.section-preview .lead {
    margin-bottom: 2em
}

@media ( max-width :767px) {
    .section-preview .image img {
        width: 100%
    }
}

.sponsor {
    text-align: center
}

.sponsor a:hover {
    text-decoration: none
}

/*@media ( max-width :767px) {*/
/*    .splash {*/
/*        padding-top: 4em*/
/*    }*/
/*    .splash .logo {*/
/*        width: 100px*/
/*    }*/
/*    .splash h1 {*/
/*        font-size: 2em*/
/*    }*/
/*    #banner {*/
/*        margin-bottom: 2em;*/
/*        text-align: center*/
/*    }*/
/*}*/

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

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

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

.not-found {
    font-size: xx-large;
}

.chart {
    height: 200px;
    width: 150%;
    margin-left: -25%;
}
.high {
    background-color: #9EE8B3 !important;
}
.low {
    background-color: #FCB2B2 !important;
}

.menu {
    width: 100%;
}

#main-contain {
    width: 100%;
    max-width: 512px;
    margin: auto;
}

.table-responsive {
    min-height: .01%;
    overflow-x: visible;
}

.edit{
    /*width: 100%;*/
    height: 25px;
}
.editMode{
    border: 1px solid black;
}

.low-width-td {
    width: 10px !important;
}

#id-tr td {
    width: 2px !important
}

@media only screen and (max-width: 768px) {
    table td {
        padding: 3px !important;
    }

    h3,
    ul {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 0;
    }
}

.admin-table {
    width: 60%;
    margin: 30px auto;
    border-collapse: collapse;
    text-align: left;
}
.admin-table tr {
    border-bottom: 1px solid #cbcbcb;
}
.admin-table th, td {
    height: 30px;
    padding: 2px;
}

.admin-table tr:hover {
    background: rgba(123, 82, 2, 0.78);
}

.form-in-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
    text-align: left;
    padding: 20px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    background-color: #a8a8a8;
    margin: 15% auto;
    color: #181818;
}

.input-group {
    margin: 10px 0px 10px 0px;
}
.input-group label {
    display: block;
    text-align: left;
    margin: 3px;
}
.input-buttons {
    width: 40%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.input-group input {
    height: 30px;
    width: 100%;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid gray;
}

.input-group input[type='checkbox'] {
    width: 30px;
    margin: 0;
}

.products-checkboxes-label {
    display: inline;
}

.input-group textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid gray;
}
.button {
    margin: auto;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    color: #F4F2EA;
    background: #5F9EA0;
    border-radius: 5px;
    background: linear-gradient(to bottom,#479c47 0,#2a6f2a 100%);
    border: 1px solid #419641;
}

.button.margin-primary {
    margin: 5px;
}

.button:hover, .send-SMS {
    text-decoration: none;
    color: white;
}

.edit_btn {
    margin: auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 2px 5px;
    color: #F4F2EA;
    border-radius: 3px;
    background: linear-gradient(to bottom,#479c47 0,#2a6f2a 100%);
    border: 1px solid #419641;
    width: 100%;
}

.del_btn {
    margin: auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 2px 5px;
    color: #F4F2EA;
    border-radius: 3px;
    background: #800000;
}
.msg {
    margin: 30px auto;
    padding: 10px;
    border-radius: 5px;
    color: #3c763d;
    background: #dff0d8;
    border: 1px solid #3c763d;
    width: 50%;
    text-align: center;
}
.modal,
.modal-delete,
.modal-delivery {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-phone {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-phone .form-in-modal {
    width: 70%;
    margin: 25% auto;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.error-btn {
    background-image: linear-gradient(to bottom,#cc2424 0,#800000 100%);
    border: 1px solid #800000;
}

.active_batch_row {
    background-color: rgba(123, 82, 2, 0.78);
}

.add-batch-btn {
    padding: 5px 10px;
    font-size: 20px;
}

.input-group, .checkbox-group {
    width: 50%;
}

#batch-form {
    width: 30%;
    margin: auto;
}

#batch-form td {
    width: 100%;
}

#batch-form input{
    width: 90%;
    display: inline-block;
}

#batch-form input[type=submit] {
    width: 50%;
    margin: auto;
}

.export {
    margin: 10px;
    width: 25px;
}

.export:hover {
    cursor: pointer;
}

.avoid {
    page-break-inside:avoid
}

#phone-number:focus::placeholder {
    color: transparent;
}

.admin-table td, .admin-table th{
    padding-left: 5px !important;
}

.submit-links {
    text-decoration: underline;
    color: white;
    margin-top: 10px;
}

.float-right {
    float: right; !important;
    margin-right: 20px;
}
.float-left {
    float: left; !important;
    margin-left: 20px;
}

#stores-text {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.orders-bigger-font {
    font-size: large;
}

.pac-container {
    z-index: 100 !important;
    top: 60px !important;
    left: 0px !important;
}

#route-warning,
.custom-error,
.partial-routes,
#temp-route,
#route-calculation-error,
#addresses-without-zone {
    display: none;
}

.phys_address_store {
    max-width: 50px;
    word-wrap: break-word;
}

#loading-gif {
    width: 50px;
}

.maps-icon {
    width: 30px;
    padding-left: 5px;
    margin: auto;
}

/*product package description styles*/
.popup {
    position: relative;
    display: inline-block;
    /*width: 100%;*/
    /*padding: 3px 0;*/
    /*background: #444343;*/
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 4px;
}

.explanation {
    padding: 0 0 0 5px;
    font-size: 14px;
    vertical-align: middle;
    color: #F4F2EA;
}

.arrow-triangle {
    display: inline-block;
    width: 20px;
    transform: rotate(270deg);
    margin: auto;
}
/* The actual popup */
/*.popuptext {*/
/*    display: block !important;*/
/*    position: absolute;*/
/*    z-index: 1000;*/
/*    width: 200px;*/
/*    background-color: #555;*/
/*    margin: auto;*/
/*    padding: 10px;*/
/*    text-align: left;*/
/*    color: #F4F2EA;*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*    font-size: 16px;*/
/*    !*bottom: 150%;*!*/
/*    visibility: hidden;*/
/*}*/

.popuptext {
    font-size: 14px;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.arrow-down {
    transform: rotate(360deg);
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.products-hidden-td {
    display: none;
}

.type-input-orders {
    margin-top: 10px;
}

.sendSmsDiv {
    margin: auto;
}

#selectStore {
    width: 150px;
    margin: auto;
}

.continueButton, #selectStore {
    margin-top: 20px;
}

#phoneNumbersTable {
    width: 40%;
    margin: auto;
}

#charCount {
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: black;
}

#messageText {
    height: 20vh;
    width: 100%;
    resize: none;
    color: black;
}

#messageContainer {
    width: 40%;
    position: relative;
    display: inline-block;
}

.select-btns {
    width: 100px;
    float: left;!important;
    margin: 5px;
}

#btns-contaner {
    width: 35%;
    margin: auto;
}

@media only screen and (max-width: 800px) {
    .input-group, .checkbox-group {
        width: 100%; !important;
    }

    .form-in-modal {
        width: 90%; !important;
    }
}

.divider {
    display: none;
}

.orders-count-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.info-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../assets/images/info_1.png") center no-repeat;
    cursor: pointer;
}
.info-icon:hover {
    background: url("../../assets/images/info_2.png") center no-repeat;
}

.btn-order {
    position: fixed;
    bottom: 5px;
    width: 300px;
    padding: 5px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 27px;
    border: 3px solid #FAFAFA;
    color: #FAFAFA;
    border-radius: 3px;
    background: #508f07;
    z-index: 101;
}

.btn-order button {
    background: transparent;
    outline: none;
    border: none;
    transition: opacity 0.3s ease-out;
}

.btn-order button:disabled {
    opacity: 0.4;
}

.cancel-order {
    text-decoration: underline;
    color: #181818;
    font-size: 14px;
    cursor: pointer;
}

.order-divider {
    height: 40px;
    background: white;
    width: 2px;
}

#main-container {
    width: 100%;
    margin-top: 30px;
}

.card-img {
    display: inline-block;
    width: 80px;
    height: 26px;
    padding-left: 30px;
    background: url("../../assets/images/card-icon.png") no-repeat;
}

@media only screen and (min-width: 1025px) {
    #main-container {
        margin-top: 50px;
    }

    .products-wrapper {
        margin: 50px auto 0;
    }
    .reg-cont {
        display: flex;
        flex-direction: row;
    }
    .logo-img {
        margin: 0;
    }
    .divider {
        display: block;
        height: 200px;
        width: 2px;
        margin: 0 20px;
        background: #F4F2EA;
    }
    .phone-info {
        padding: 0;
    }
    .sendSmsDiv {
        width: 50%;
    }
    #msg-success, #msg-fail {
        width: 30%;
    }

    .main-nav {
        line-height: 20px;
        padding: 15px 15px !important;
        font-size: 18px !important;
    }
}

#logout {
    background-color: rgba(153,4,4,0.83);
}

#msg-fail {
    background-color: #bd1220;
    color: #F4F2EA;
    border-radius: 3px;
}

#msg-success, #msg-fail {
    margin: auto;
    margin-top: 20px; !important;
}

#export-table-div {
    display: none;
}

#info-msg {
    width: 100%;
}

.return_btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.return_btn a {
    padding: 10px;
}

.msg_error {
    margin-top: 20px;
    padding: 9px 10px 10px;
    width: 88%;
}

.hidden-elem {
    display: none;
}

.under_min_price {
    cursor: not-allowed;
}

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

.return-btn-container {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.button-after-order-container {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 50px 0 0;
}

.change-order-container {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}

.btn-padding {
    padding: 12px 10px 10px;
    cursor: pointer;
}

#edit-order-price {
    display: none;
}

.link-to-the-order {
    margin-top: 15px;
    font-size: 16px;
    line-height: 16px;
    color: #F4F2EA;
    float: right;
    text-decoration: underline !important;
}

.link-to-faq {
    margin-top: 15px;
    font-size: 16px;
    line-height: 16px;
    color: #F4F2EA;
    float: right;
    text-decoration: underline;
}
.link-to-faq:hover {
    text-decoration: underline !important;
}


.second_order {
    background-color: rgba(123, 82, 2, 0.78);
}

.hr-batches {
    margin: 0;
}

#buyers-table_wrapper {
    width: 90%;
    margin: auto;
}

#buyers-table td, #buyers-table th {
    border-bottom: 1px solid rgba(255, 255, 255, 0.56);
    height: 30px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#buyers-table tr:hover {
    background-color: rgba(123, 82, 2, 0.78);
}

.no-wrap-text {
    white-space:nowrap;
}

.td-border-right {
    border-right: 1px solid rgba(203, 203, 203, 0.42); !important;
}

.inner-table td {
    height: auto;
    padding: 2px;
    margin:2px;
}

.inner-table tr {
    border: 0; !important;
}

.inner-table tr:hover {
    background-color: transparent; !important;
}

.inner-table .top-border {
    border-top: 1px solid white;
}

.video {
    margin-top: 30px;
}

.videos-container {
    margin: auto;
    width: 300px;
}

.disabled_btn {
    cursor: default;
    opacity: 0.65;
}

.link-container a {
    text-decoration: underline;
}

.link-container a:hover {
    text-decoration: underline !important;
}

.faq-container {
    padding: 0 25px;
    text-align: justify;
}

.faq-question {
    font-size: 20px;
}

.trumbowyg-box, #my-textarea .trumbowyg-editor {
    min-height: 100px !important;
    background-color: whitesmoke;
}
.trumbowyg-editor, #my-textarea .trumbowyg-textarea {
    min-height: 100px !important;
    background-color: whitesmoke;
}
.trumbowyg-modal {
    color: black;
}

@media ( max-width :380px) {
    .big-basic-btn {
        font-size: 15px;
    }
}

@media (max-width: 1330px) and (min-width: 1000px)  {
    .big-basic-btn {
        font-size: 15px;
    }
}

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

.gallery-wrapper {
    z-index: 100000;
    /*background-color: #181818;*/
    border-radius: 10px;
    transition: background-color 0.3s ease-out 0.3s;
}

.gallery-wrapper .gallery-inner {
    height: 0;
    width: 100%;
    overflow: hidden;
    transition: height 0.3s ease-out 0.3s;
}

.gallery-wrapper.gallery-open {
    /*background-color: #FFFFFF;*/
    color: #181818;
    transition: background-color 0.3s ease-out;
}

.gallery-wrapper.gallery-open .gallery-icon {
    filter: invert();
}

.gallery-wrapper.gallery-open .gallery-inner {
    height: 200px;
    overflow-x: auto;
    transition: height 0.3s ease-out;
}

.gallery-wrapper.gallery-open .gallery-inner img {
    opacity: 1;
    transition: opacity 0.3s ease-out 0.3s;
}

.gallery-icon {
    width: 40px;
    margin-right: 10px;
}

.gallery-icon-edit {
    width: 30px;
    margin: 5px;
    cursor: pointer;
}

.gallery-inner img {
    max-width: 90%;
    height: 100%;
    transition: opacity 0.3s ease-out;
    opacity: 0;
    object-fit: cover;
    cursor: zoom-in;
}

.gallery-image-overlay {
    background-color: #00000099;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}

.gallery-image {
    max-width: 90%;
    height: auto;
    max-height: 90%;
    margin: auto;
}

.product-images {
    width: 80%;
    margin: auto;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.product-images-form input {
    padding: 10px;
    border-radius: 5px;
    color: #181818;
}
.product-images-form input[type="file"] {
    color: #FFFFFF;
}

.product-image {
    max-width: 200px;
    max-height: 200px;
}

.product-image-wrapper {
    position: relative;
}

.product-image-wrapper:hover .product-image-delete {
    opacity: 1;
    pointer-events: all;
}

.product-image-delete {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-out 0.3s;
}

.rate-order-wrapper {
    width: 100%;
    margin: auto;
    padding: 20px;
}

@media screen and (min-width: 768px) {
    .rate-order-wrapper {
        width: 768px;
        padding: 40px;
    }

    .rate-order-wrapper .square-button li {
        width: 130px;
    }

    .rate-order-wrapper .square-button label {
        font-size: 20px;
    }
}

.rate-order-wrapper ul {
    list-style-type: none;
}

.rate-order-wrapper input,
.rate-order-wrapper label {
    cursor: pointer;
}

.rate-order-wrapper .square-button li {
    width: 150px;
}

.rate-order-wrapper .square-button label {
    font-size: 18px;
}

.rate-order-wrapper textarea {
    width: 100%;
    color: #181818;
    padding: 10px;
}

.rate-products {
    display: none;
}

.store-modify-quantity {
    cursor: pointer;
    border-color: #FFFFFF !important;
}

.store-modify-quantity:active {
    opacity: 1;
    filter: brightness(2);
}

.store-card {
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    box-sizing: border-box;
    margin: 0 10px 10px !important;
    background: url('https://angus.bg/images/Angus_info.png'), #484848;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 250px;
    display: block !important;
    overflow: hidden;
    position: relative;
    filter: brightness(0.9);
    transition: filter 0.3s ease-out;
}

.store-card.bought {
    border-color: #508F07;
    filter: brightness(1.1);
}

.store-card.store-no-quantity {
    filter: grayscale(1);
}

.store-card .store-quantity {
    pointer-events: none;
}

.store-card.bought .store-quantity-label {
    background: #508F07;
}

.store-modify-quantity {
    user-select: none;
}

.store-card .product-name {
    /*backdrop-filter: blur(3px);*/
    background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4488970588235294) 60%, rgba(0,0,0,0) 100%);
}

.store-card .store-card-order {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*backdrop-filter: blur(3px);*/
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4488970588235294) 40%, rgba(0,0,0,0.8) 100%);
}

.store-card-order .orders-count-wrapper {
    margin: 0 5px 0;
}

.store-card-order .square-button {
    margin: 10px 0 0;
}

.my-addresses-current,
.my-addresses-add {
    height: 100px;
}

.my-addresses-current input {
    display: none;
}

.my-addresses-current label,
.my-addresses-add label {
    width: 50px;
    height: 50px;
    border: 1px solid #FFFFFF55;
    border-radius: 5px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.my-addresses-current label:hover,
.my-addresses-add label:hover {
    opacity: 0.8;
}

.my-addresses-current input:checked ~ label {
    background-image: url("../../assets/images/icon-current-location.png");
    border-color: #FFFFFF;
}

.my-addresses-add label {
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-color: #FFFFFF;
}

.textarea-address {
    border: 1px solid white;
    background: #181818;
    color: white;
}

.form-message {
    width: 90%;
    margin: 5px auto;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.form-message.error {
    background-color: #bd1220;
}
.form-message.success {
    background-color: #17b305;
}

.color-success {
    color: #17b305;
}

.color-error {
    color: #bd1220;
}

.close-btn {
    cursor: pointer;
}