@font-face {
    font-family: ninomtavruli;
    src: url(/template/font/bpg_nino_mtavruli_normal.ttf);
}

@font-face {
    font-family: mtavruli;
    src: url(/template/font/ninomtavruli.ttf);
}

.mtavruli{
    font-family: mtavruli !important;
}

html {
    overflow: auto;
}
a {
    cursor: pointer !important;
}
.alert {
    border: none !important;
    font-size: 15px;
}

.displaynone {
    display: none;
}

.displayinlineblock {
    display: inline-block;
}

.displayblock {
    display: block;
}

.otherfont {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
    /* padding-top: 300px; */
    background-color: #f5f5f5;
    /* font-family: mtavruli !important; */
    font-family: none;
    overflow-x: hidden;
}

.product-img {
    width: 50px;
}
.product-img-view {
    width: 120px;
}

.shadow-ui {
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
}
.material-icons {
    color: grey;
}
.root {
    margin-top: 40px;
}
.card {
    margin-top: 20px;
    border-radius: 8px;
}
.btn {
    border-radius: 10px;
    border: none !important;
}
.btn-light {
    border: none !important;
    background-color: #f3f4f5 !important;
}
.item {
    -webkit-animation: animatezoom 0.1s;
    animation: animatezoom 0.1s;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.PositionAbsoluteAnimation {
    -webkit-animation: animatezoomnewshow 0.1s forwards;
    animation: animatezoomnewshow 0.1s forwards;
    transform-origin: top left;
}

@-webkit-keyframes animatezoomnewshow {
    from {
        -webkit-transform: scale(0) translate(-50%, -50%);
    }
    to {
        -webkit-transform: scale(1) translate(-50%, -50%);
    }
}

@keyframes animatezoomnewshow {
    from {
        transform: scale(0) translate(-50%, -50%);
    }
    to {
        transform: scale(1) translate(-50%, -50%);
    }
}

.form-floating > label {
    color: Grey;
    font-size: 14px;
    opacity: 0.6;
}

.btn-float {
    margin-top: 10px;
    height: 40px;
    width: 40px;
}
.btn-float > span {
    margin-top: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-float:hover {
    background-color: #e9ebee;
}
.btn-light-hover:hover {
    background-color: #e9ebee;
}

.btn-light-hover-indigo-color:hover {
    color:#0d6efd;
}

.AuthCard {
    padding: 10px 20px 20px 20px;
}
.form-floating > .form-control,
.form-floating > .form-select {
    height: calc(2.8rem + 6px);
}
.bold {
    font-weight: bold;
}
.f-15 {
    font-size: 15px;
}
.f-14 {
    font-size: 14px;
}
.f-13 {
    font-size: 13px;
}
.colorgrey {
    color: #abacad;
}
.displaynone {
    display: none;
}
.displayblock {
    display: block;
}

.RegisterCard {
    max-width: 500px;
}
.text-indigo {
    color: #0d6efd;
}
.text-indigo-hover:hover {
    color: #0d6efd;
}

.width-50{
    width:50%;
}

.bg-indigo {
    background-color: #0d6efd !important;
}
.bg-indigo-hover:hover {
    background-color: #0d6efd !important;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.Transistionadd {
    -webkit-animation: animatezoom 0.1s;
    animation: animatezoom 0.1s;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.form-check-input:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd;
}

.dropdown-menu{
    border-radius:10px;
}
.dropdown-menu {
    -webkit-animation: scale-up-center 0.1s cubic-bezier(0.785, 0.135, 0.150, 0.860) alternate both;
    transform-origin: top left;
    animation: scale-up-center 0.1s cubic-bezier(0.785, 0.135, 0.150, 0.860) alternate both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.2);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.paramdropdownmenu
{   
   right: 80px !important;
   top: 10px !important;
}

.paramdropdownmenu > li > a{
    padding:10px 20px 10px 20px;
    font-size:14px;
}

.CardLoad{
    min-height:500px;
}
.clearfix > img{
    padding-left:30px;
    padding-right:30px;
}

.card{
    border:none !important;
}