@import "/css/background.css";
@import "/css/border.css";
@import "/css/margin_padding.css";
@import "/css/photo_icon.css";
@import "/css/text.css";
@import "/css/button.css";
@import "/css/height_width.css";

body {
    /* background-color: #F5F8FA !important; */
    font-family: Rubik !important;
    color: black;
}

.font-montserrat {
    font-family: "Montserrat", sans-serif;
}

.focusfield:focus {
    color: blue;
    font-size: 16px;
    border: 2px dashed green !important;
    /* width: 250px; */
}

.circletag {
    display: block;
    text-align: center;
    align-content: center;
    align-items: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.circletag > img {
    max-height: 100%;
    max-width: 100%;
}

.button-main {
    justify-content: center;
    align-items: center;
    padding: 10px 26px;
    gap: 10px;
    font-size: 22px;
    color: white;
    background: #9bda4b;
    border: 3px solid #9bda4b;
    border-radius: 30px;
}

.button-main:hover {
    color: black;
    border: 3px solid #9bda4b;
    border-radius: 30px;
}

.button-order {
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: white;
    background: #f8a01c;
    border: 3px solid #f8a01c;
}

.button-order:hover {
    color: black;
    border: 3px solid #f8a01c;
    border-radius: 30px;
}

.height-800 {
    height: 820px !important;
}
.height-600 {
    height: 620px !important;
}
.image-hover-dark:hover {
    filter: hue-rotate(0deg) brightness(70%) grayscale(0%);
}

@media only screen and (max-width: 991px) {
    .max-width-100 {
        max-width: 100% !important;
    }
    .padding-left-right-2-m {
        padding-left: 20px !important;
        padding-right: 15px !important;
    }
    .width-100-percent-m {
        width: 100% !important;
    }
    .height-605-m {
        height: 605px !important;
    }

    .left-305-m {
        left: 305px !important;
    }
    .left-0-m {
        left: 0px !important;
    }
    .right-0-m {
        right: 0px !important;
    }
    .right-305-m {
        right: 305px !important;
    }
    .margin-inherit-m {
        margin: inherit !important;
    }
    .left-right-inherit-m {
        left: inherit !important;
        right: inherit !important;
    }
    .padding-inherit-m {
        padding: inherit !important;
    }
    .line-under-text-m {
        margin-bottom: -191px !important;
        width: 148px !important;
        margin-left: 133px !important;
    }
    .line-height-46-m {
        line-height: 46px !important;
    }
    .bd-image-overlay-color {
        background-color: rgba(0, 0, 0, 0.301) !important;
    }
    .pb-20-m {
        padding-bottom: 20px !important;
    }

    .pt-5-m {
        padding-top: 5px !important;
    }
}
@media only screen and (min-width: 991px) {
    .position-absolute-lg {
        position: absolute;
    }
    .width-850-lg {
        width: 850px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .padding-left-90-xl {
        padding-left: 90px;
    }
    .padding-right-90-xl {
        padding-right: 90px;
    }
    .margin-left-100-minus-xl {
        margin-left: -100px;
    }
}
@media only screen and (min-device-width: 500px) and (max-device-width: 768px) {
    .hide-500-to-700 {
        display: none !important;
    }
    .line-under-text-m {
        margin-bottom: -228px !important;
        width: 148px !important;
        margin-left: 107px !important;
    }
}
@media only screen and (min-device-width: 1201px) and (max-device-width: 1199px) {
    .margin-inherit-xl {
        margin: inherit !important;
    }
}

@media only screen and (min-device-width: 993px) and (max-device-width: 1199px) {
    .max-width-100-lg {
        max-width: 100% !important;
        width: inherit !important;
    }
    .padding-left-right-2-lg {
        padding-left: 20px !important;
        padding-right: 15px !important;
    }

    .width-315-lg {
        width: 315px !important;
    }
    .width-400-lg {
        width: 400px !important;
    }
    .width-460-lg {
        width: 460px !important;
    }
    .width-200-lg {
        width: 200px !important;
    }
    .width-1191-lg {
        width: 1191px !important;
    }
    .margin-inherit-lg {
        margin: inherit !important;
    }
    .left-right-inherit-lg {
        left: inherit !important;
        right: inherit !important;
    }
    .padding-inherit-lg {
        padding: inherit !important;
    }
}

/*Start Box-shadow */
.box-shadow-m {
    box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 8px;
}

.button-shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.hover-shadow-1:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.box-shadow-2 {
    box-shadow: rgba(60, 64, 67, 0.3) 1px 2px 8px 1px,
        rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

/*Start Notification */
.n-container {
    position: absolute;
    width: 350px;
    right: 10px;
    top: 170px;
}
.notification {
    position: sticky;
    z-index: 10000 !important;
}
/*End Notification */

/* Start Scroll on right side without bar */
.scroll-right {
    overflow: scroll;
}
.scroll-right::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

/* End Scroll on right side without bar */

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #fff;
    border-bottom-color: #ff3d00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*Start Cursor */

.alias {
    cursor: alias;
}
.all-scroll {
    cursor: all-scroll;
}
.auto {
    cursor: auto;
}
.cell {
    cursor: cell;
}
.context-menu {
    cursor: context-menu;
}
.col-resize {
    cursor: col-resize;
}
.copy {
    cursor: copy;
}
.crosshair {
    cursor: crosshair;
}
.default {
    cursor: default;
}
.e-resize {
    cursor: e-resize;
}
.ew-resize {
    cursor: ew-resize;
}
.grab {
    cursor: grab;
}
.grabbing {
    cursor: grabbing;
}
.help {
    cursor: help;
}
.move {
    cursor: move;
}
.n-resize {
    cursor: n-resize;
}
.ne-resize {
    cursor: ne-resize;
}
.nesw-resize {
    cursor: nesw-resize;
}
.ns-resize {
    cursor: ns-resize;
}
.nw-resize {
    cursor: nw-resize;
}
.nwse-resize {
    cursor: nwse-resize;
}
.no-drop {
    cursor: no-drop;
}
.none {
    cursor: none;
}
.not-allowed {
    cursor: not-allowed;
}
.pointer {
    cursor: pointer;
}
.progress {
    cursor: progress;
}
.row-resize {
    cursor: row-resize;
}
.s-resize {
    cursor: s-resize;
}
.se-resize {
    cursor: se-resize;
}
.sw-resize {
    cursor: sw-resize;
}
.text {
    cursor: text;
}
.url {
    cursor: url(myBall.cur), auto;
}
.w-resize {
    cursor: w-resize;
}
.wait {
    cursor: wait;
}
.zoom-in {
    cursor: zoom-in;
}
.zoom-out {
    cursor: zoom-out;
}

/*End Cursor */