/*Write your custom styles*/

.bgGray {
    background-color: #eee;
}

input:-webkit-autofill {
    background-color: #FAFFBD !important;
}

input:-moz-autofill {
    background-color: #FAFFBD !important;
}

.fts-5 {
    font-size: 5pt;
}

.fts-6 {
    font-size: 6pt;
}

.fts-7 {
    font-size: 7pt;
}

.fts-8 {
    font-size: 8pt;
}

.fts-9 {
    font-size: 9pt;
}

.fts-10 {
    font-size: 10pt;
}

.fts-11 {
    font-size: 11pt;
}

.fts-12 {
    font-size: 12pt;
}

.fts-13 {
    font-size: 13pt;
}

.fts-14 {
    font-size: 14pt;
}

.fts-15 {
    font-size: 15pt;
}

.fts-16 {
    font-size: 16pt;
}

.fts-17 {
    font-size: 17pt;
}

.fts-18 {
    font-size: 18pt;
}

.fts-19 {
    font-size: 19pt;
}

.fts-20 {
    font-size: 20pt;
}

.fts-21 {
    font-size: 21pt;
}

.fts-22 {
    font-size: 22pt;
}

.fts-23 {
    font-size: 23pt;
}

.fts-24 {
    font-size: 24pt;
}

.fts-25 {
    font-size: 25pt;
}

.fts-26 {
    font-size: 26pt;
}

.fts-27 {
    font-size: 27pt;
}

.fts-28 {
    font-size: 28pt;
}

.fts-29 {
    font-size: 29pt;
}

.fts-30 {
    font-size: 30pt;
}

.fts-31 {
    font-size: 31pt;
}

.fts-32 {
    font-size: 32pt;
}

.fts-33 {
    font-size: 33pt;
}

.fts-34 {
    font-size: 34pt;
}

.fts-35 {
    font-size: 35pt;
}

.fts-36 {
    font-size: 36pt;
}

.fts-37 {
    font-size: 37pt;
}

.fts-38 {
    font-size: 38pt;
}

.fts-39 {
    font-size: 39pt;
}

.fts-40 {
    font-size: 40pt;
}

.ftps-5 {
    font-size: 5px;
}

.ftps-6 {
    font-size: 6px;
}

.ftps-7 {
    font-size: 7px;
}

.ftps-8 {
    font-size: 8px;
}

.ftps-9 {
    font-size: 9px;
}

.ftps-10 {
    font-size: 10px;
}

.ftps-11 {
    font-size: 11px;
}

.ftps-12 {
    font-size: 12px;
}

.ftps-13 {
    font-size: 13px;
}

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

.ftps-15 {
    font-size: 15px;
}

.ftps-16 {
    font-size: 16px;
}

.ftps-17 {
    font-size: 17px;
}

.ftps-18 {
    font-size: 18px;
}

.ftps-19 {
    font-size: 19px;
}

.ftps-20 {
    font-size: 20px;
}

.ftps-21 {
    font-size: 21px;
}

.ftps-22 {
    font-size: 22px;
}

.ftps-23 {
    font-size: 23px;
}

.ftps-24 {
    font-size: 24px;
}

.ftps-25 {
    font-size: 25px;
}

.ftps-26 {
    font-size: 26px;
}

.ftps-27 {
    font-size: 27px;
}

.ftps-28 {
    font-size: 28px;
}

.ftps-29 {
    font-size: 29px;
}

.ftps-30 {
    font-size: 30px;
}

.ftps-31 {
    font-size: 31px;
}

.ftps-32 {
    font-size: 32px;
}

.ftps-33 {
    font-size: 33px;
}

.ftps-34 {
    font-size: 34px;
}

.ftps-35 {
    font-size: 35px;
}

.ftps-36 {
    font-size: 36px;
}

.ftps-37 {
    font-size: 37px;
}

.ftps-38 {
    font-size: 38px;
}

.ftps-39 {
    font-size: 39px;
}

.ftps-40 {
    font-size: 40px;
}

.ftrs-1 {
    font-size: 1rem;
}

.ftrs-2 {
    font-size: 2rem;
}

.ftrs-3 {
    font-size: 3rem;
}

.ftrs-4 {
    font-size: 4rem;
}

.ftrs-5 {
    font-size: 5rem;
}

.ftrs-6 {
    font-size: 6rem;
}

.ftrs-7 {
    font-size: 7rem;
}

.ftrs-8 {
    font-size: 8rem;
}

.ftrs-9 {
    font-size: 9rem;
}

.ftrs-10 {
    font-size: 10rem;
}

.ftrs-11 {
    font-size: 11rem;
}

.ftrs-12 {
    font-size: 12rem;
}

.ftrs-13 {
    font-size: 13rem;
}

.ftrs-14 {
    font-size: 14rem;
}

.ftrs-15 {
    font-size: 15rem;
}

.ftes-1 {
    font-size: 1em;
}

.ftes-2 {
    font-size: 2em;
}

.ftes-3 {
    font-size: 3em;
}

.ftes-4 {
    font-size: 4em;
}

.ftes-5 {
    font-size: 5em;
}

.ftes-6 {
    font-size: 6em;
}

.ftes-7 {
    font-size: 7em;
}

.ftes-8 {
    font-size: 8em;
}

.ftes-9 {
    font-size: 9em;
}

.ftes-10 {
    font-size: 10em;
}

.ftes-11 {
    font-size: 11em;
}

.ftes-12 {
    font-size: 12em;
}

.ftes-13 {
    font-size: 13em;
}

.ftes-14 {
    font-size: 14em;
}

.ftes-15 {
    font-size: 15em;
}

h2 {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    color: #676a6c;
    font-size: 24px;
    line-height: 1.2;
}

.cursor-pointer {
    cursor: pointer;
}

.loader-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    opacity: 0.8;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 950;
}

.border-radius-0 {
    border-radius: 0;
}

.border-tl-radius-0 {
    border-top-left-radius: 0;
}

.border-bl-radius-0 {
    border-bottom-left-radius: 0;
}

.border-tr-radius-0 {
    border-top-right-radius: 0;
}

.border-br-radius-0 {
    border-bottom-right-radius: 0;
}

.error_input {
    border-color: crimson !important;
    outline: none !important;
    box-shadow: none !important;
}

.play_btn {
    position: absolute;
    z-index: 2;
    font-size: 50px;
    color: #000000d9;
    top: 25%;
    left: 40%;
    text-shadow: 1px 1px 4px white;
    cursor: pointer;
}

.amodal_media_item {
    padding: 10px;
    box-shadow: 0px 0px 5px 6px #ccc;
    margin-right: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.item_stock_media_overlay {
    position: absolute;
    right: 2px;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.5s;
    display: block;
    top: 2px;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.form-control {
    border-color: #7f8488;
}

.cat_card {
    border: 1px solid #bdbdbd52;
    border-radius: 10px;
    display: inline-block;
    padding: 20px;
    background: #e6e8e8;
    cursor: pointer;
    box-shadow: 0px 0px 12px 5px #dedede8f;
    color: initial;
}

.ssm_column {
    padding-left: 15px;
    padding-right: 15px;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.cart_item_card {
    width: 100%;
    padding: 5px;
    margin: 0px;
    margin-top: 10px;
    box-shadow: -1px 1px 5px 0px #e6e2e2;
    position: relative;
    border: 0;
}

.cart_item_card .product_name {
    font-size: 14px;
    color: #464545;
}

.cart_item_card .product_name:hover {
    color: #be5353;
}

.cart_item_card .product_qtyfoot {
    font-size: 12px;
    text-transform: lowercase;
    color: #716f6f;
}

span.inc_btn {
    width: 25px;
    height: 25px;
    display: inline-flex;
    border: 0.5px solid black;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin: 5px;
    cursor: pointer;
}

span.inc_btn.disabled {
    color: #dedede;
    border-color: #dedede;
}

.cart_item_card .out_of_stock_overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart_item_card .out_of_stock_overlay p {
    margin-bottom: 0px;
    font-weight: bold;
    transform: rotate(45deg);
}

.text-link-primary-color {
    color: #FF5722;
}

.text-link-secondary-color {
    color: #000;
}

a.product-link {
    color: #000;
}

a.product-link:hover {
    color: #FF5722;
}

.btn.btn-red {
    background-color: red;
    color: #fff;
    outline: none;
}

.btn.btn-red:hover {
    background-color: #ff0000ba;
}

.btn.btn-red:active,
.btn.btn-red:focus {
    background-color: #ff0000ba;
    outline: none;
    border: red;
}

.btn.btn-gprime {
    background-color: #1accfd;
    color: #fff;
    transition: .5s all;
    text-transform: uppercase;
    border-radius: 0;
}

.btn.btn-gprime:hover {
    background-color: #000;
}

.styled-input input[type="text"],
.styled-input input[type="number"],
.styled-input textarea,
.styled-input input[type="password"] {
    font-size: 14px;
    letter-spacing: 1px;
    color: #777;
    padding: 10px 0;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    background: none;
    -webkit-appearance: none;
    outline: none;
    margin-bottom: 20px;
}

.cbadge {
    display: inline-block;
    padding: 8px 12px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.note .notehead {
    color: #d3d3d3;
    font-size: 14px;
}

.note .notebody {
    color: #000000d9;
    font-size: 12px;
}

.note .notebody .noteele {
    padding-bottom: 5px;
    padding-top: 5px;
}

.note .notebody .noteele i.fas {
    color: #ff5722;
    font-size: 13px;
}

a.def-link {
    color: #ff5722;
}

a.def-link:hover {
    color: #000;
}

.hov {
    border-radius: 50%;
    padding: 5px;
}
.hov:hover {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background-color: #777;
    color: #fff;
    box-shadow: 2px 2px 4px 0px #6b6464;
}
.addPinA:hover {
    text-decoration: underline;
    font-weight: bold;
}