
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(/assets-new/Verdana-Font/verdana.ttf);
}

@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url(/assets-new/Verdana-Font/verdana-bold.ttf) format('opentype');
}

@font-face {
    font-family: 'Norsy';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url(/assets-new/Norsy-Font/norsy-regular.otf) format('opentype');
}

body{
    font-family: Verdana, serif;
}

.norsy-text {
    font-family: 'Norsy', serif;
}


.br-s1 {
    border-right: 1px solid #B6B5B4 !important;
}

.login-label {
    display: block;
    text-align: center;
    line-height: 150%;
    color:#93D500!important;
    font-size: 2.85em;
}

.login-p1 {
    display: block;text-align: center;line-height: 150%;
}

.login-forgot-text {
    text-align: right;color:#93D500;
    text-decoration: none;
    padding-top:1rem !important;
}
.login-forgot-text:hover {
   color:#6e9e05;
}

.login-submit {
    background-color:#93D500;
    padding:1rem;color:#fff;
    margin-top: 1.5rem;
    border-color: #93D500;
}

.login-submit:hover, .login-submit:focus {
    background-color:#86c302;
    border-color: #93D500;
}

.bg-main {
    background-color:#93D500!important
}

.btn-music-bg {
    background-color:#93D500!important
}

.btn-logout-1 {
    display:flex; align-items:center; padding: 8px 30px;
}

.btn-profile {
    padding:8px 30px;
    background-color:#93D500!important;
    margin-right: 1rem!important;
    border-color:#93D500!important;
}



.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}

.dashboard-content {
    display: block;
}

.c-profile-pic, .c-company-pic {
    display: block;
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    background-size: cover;
    width: 200px;
    height: 200px;
    position: absolute;
    margin-left: 1rem;
    margin-top: 3rem;
    overflow: hidden;
    background-position-x: center;
}

#exhibitorProfileImage, #exhibitorCompanyImage {
    margin: 0px auto;
    position: relative;
    top: 2rem;
}


.profile-info {
    margin-left: 14rem;
    margin-top: -5rem;
    padding-bottom: 1rem;
}

.profile-info h3, .profile-info p {
    color: #2D2D2D;
}

.text-main {
    color: #93D500 !important
}

@media only screen and (max-width: 990px) {
    #profileForm {
        width: 99.666667%;
    }

    #profileFooter,
    #backshadow,
    #profileNav {
        display: none;
    }

    .field-mobile {
        margin-top: 20px;
    }

    .mobile-no-padding-right {
        padding-right: 0 !important;
    }

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


.nav-link {
    color: #2D2D2D;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #86c302;
}



.booth-tooltip {
    position: absolute;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: rgba(147, 213, 0, 0.5);
    border: 2px solid #93d500; 
    visibility: hidden;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.booth-tooltip svg {
    color: white;
    height: 28%;
}



#booth-1-logo-preview:hover .booth-tooltip {
    /* border-radius: 50px; */
}

#booth-1-contact-preview .booth-tooltip,
#booth-2-contact-preview .booth-tooltip,
#booth-3-contact-preview .booth-tooltip,
#booth-4-contact-preview .booth-tooltip,
#booth-5-contact-preview .booth-tooltip,
#booth-1-brochure-preview .booth-tooltip,
#booth-2-brochure-preview .booth-tooltip,
#booth-3-brochure-preview .booth-tooltip,
#booth-4-brochure-preview .booth-tooltip,
#booth-5-brochure-preview .booth-tooltip {
    z-index: 1000;
}

#booth-1-logo-preview:hover .booth-tooltip,
#booth-2-logo-preview:hover .booth-tooltip,
#booth-3-logo-preview:hover .booth-tooltip,
#booth-4-logo-preview:hover .booth-tooltip,
#booth-5-logo-preview:hover .booth-tooltip,
#booth-1-contact-preview:hover .booth-tooltip,
#booth-2-contact-preview:hover .booth-tooltip,
#booth-3-contact-preview:hover .booth-tooltip,
#booth-4-contact-preview:hover .booth-tooltip,
#booth-5-contact-preview:hover .booth-tooltip,
#booth-1-brochure-preview:hover .booth-tooltip,
#booth-2-brochure-preview:hover .booth-tooltip,
#booth-3-brochure-preview:hover .booth-tooltip,
#booth-4-brochure-preview:hover .booth-tooltip,
#booth-5-brochure-preview:hover .booth-tooltip,
#booth-1-video-preview:hover .booth-tooltip,
#booth-2-video-preview:hover .booth-tooltip,
#booth-3-video-preview:hover .booth-tooltip,
#booth-4-video-preview:hover .booth-tooltip,
#booth-5-video-preview:hover .booth-tooltip,
#booth-1-poster-preview:hover .booth-tooltip,
#booth-2-poster-preview:hover .booth-tooltip,
#booth-3-poster-preview:hover .booth-tooltip,
#booth-4-poster-preview:hover .booth-tooltip,
#booth-5-poster-preview:hover .booth-tooltip {
    visibility: visible;
    opacity: 1;
    box-shadow: 0 0 5px #93d500, 0 0 5px #93d500;
                /* 0 5px 50px 0 #93d500 inset, 0 5px 50px 0 #93d500; */
}

.brochure-class p,
.poster-class p {
    text-align: center;
}

.profile-wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.poster-photo-wrapper {
    height: auto !important;
}

.brochure-photo-wrapper {
    height: 400px !important;
}

.poster-photo-wrapper img,
.poster-gallery-photo-wrapper img,
.profile-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.brochure-gallery-photo-wrapper,
.poster-gallery-photo-wrapper {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.poster-photo-wrapper,
.brochure-photo-wrapper {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.booth-preview-modal {
    border-radius: 0 !important;
}

.booth-preview-modal-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 35px !important;
}

.booth-preview-modal-header button {
    margin: 0 !important;
}

.booth-preview-modal-header h5 {
    margin-left: 20px;
    font-family: 'Norsy', serif;
    color: #011E41;
}

.booth-preview-modal-body {
    padding: 35px !important;
}

#companyName {
    font-family: 'Norsy', serif;
    color: #011E41;
}

.booth-preview-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.booth-brochure-preview,
.booth-contact-preview,
.booth-poster-preview,
.booth-video-preview {
    cursor: pointer;
}

.booth-brochure-preview embed,
.booth-brochure-preview embed::before {
    pointer-events: none !important;
}

.booth-video-preview iframe {
    pointer-events: none !important;
    width: 100%;
    height: 100%;
}

#booth-1-contact-preview {
    position: absolute;
    /* perspective: 100px; */
    top: 61.7%;
    left: 20.4%;
    width: 5.1%;
    height: 11.7%;
    overflow: hidden;
}

#booth-2-contact-preview {
    position: absolute;
    top: 54.7%;
    left: 76.5%;
    width: 4.4%;
    height: 10%;
    overflow: hidden;
}

#booth-3-contact-preview {
    position: absolute;
    perspective: 100px;
    top: 55.5%;
    left: 70.12%;
    width: 4.5%;
    height: 11%;
    overflow: hidden;
}

#booth-4-contact-preview {
    position: absolute;
    /* perspective: 100px; */
    top: 55.8%;
    left: 44.67%;
    width: 5.2%;
    height: 12.07%;
    overflow: hidden;
}

#booth-5-contact-preview {
    position: absolute;
    /* perspective: 100px; */
    top: 60.7%;
    left: 76.4%;
    width: 4.7%;
    height: 11%;
    overflow: hidden;
}

#booth-1-contact-preview iframe {
    transform-style: preserve-3d;
    transform: rotateY(3deg);
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    object-position: center center;
    display: block;
}

#booth-2-contact-preview img {
    transform-style: preserve-3d;
    transform: rotateX(4deg);
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    object-position: center center;
    display: block;
}

#booth-3-contact-preview img {
    transform-style: preserve-3d;
    transform: rotateY(4deg);
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    object-position: center center;
    display: block;
}

#booth-4-contact-preview img {
    /* transform-style: preserve-3d;
    transform: rotateY(3deg); */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

#booth-5-contact-preview img {
    /* transform-style: preserve-3d;
    transform: rotateY(3deg); */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

#booth-1-logo-preview {
    position: absolute;
    top: 73%;
    left: 55%;
    width: 9.1%;
    height: 16%;
    overflow: hidden;
}

#booth-1-logo-preview img {
    margin: 0 auto;
    object-fit: cover;
    object-position: center center;
    /* width: 100%; */
    height: 100%;
}

#booth-2-logo-preview {
    position: absolute;
    top: 37%;
    left: 58%;
    width: 11.4%;
    height: 18%;
    display: flex;
    overflow: hidden;
}

#booth-3-logo-preview {
    position: absolute;
    top: 41.5%;
    left: 58.4%;
    width: 9.8%;
    height: 14%;
    display: flex;
    overflow: hidden;
}

#booth-2-logo-preview img,
#booth-5-logo-preview img,
#booth-4-logo-preview img,
#booth-3-logo-preview img {
    align-self: center;
    object-fit: cover;
    object-position: center center;
    /* width: 100%; */
    max-height: 100%;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
}

#booth-4-logo-preview {
    position: absolute;
    top: 39.4%;
    left: 32%;
    width: 11%;
    height: 18%;
    display: flex;
    overflow: hidden;
}

#booth-5-logo-preview {
    position: absolute;
    top: 44%;
    left: 34%;
    width: 10%;
    height: 18%;
    display: flex;
    overflow: hidden;
}

#booth-1-poster-preview {
    position: absolute;
    top: 49.5%;
    left: 30%;
    overflow: hidden;
    width: 8.7%;
    height: 22.8%;
    display: flex;
    justify-content: center;
}

#booth-1-poster-preview:hover .booth-tooltip {
    visibility: visible;
    opacity: 1;
    box-shadow: 0 5px 50px 0 #93d500 inset, 0 5px 50px 0 #93d500,
                0 5px 50px 0 #93d500 inset, 0 5px 50px 0 #93d500;
}

#booth-2-poster-preview {
    position: absolute;
    top: 36.5%;
    left: 32%;
    overflow: hidden;
    width: 9%;
    height: 24%;
    display: flex;
    justify-content: center;
}

#booth-3-poster-preview {
    position: absolute;
    top: 40.5%;
    left: 32.3%;
    overflow: hidden;
    width: 8.9%;
    height: 23.6%;
    display: flex;
    justify-content: center;
}

#booth-4-poster-preview {
    position: absolute;
    top: 22.5%;
    left: 66%;
    overflow: hidden;
    width: 17.8%;
    height: 46.5%;
    display: flex;
    justify-content: center;
}

#booth-5-poster-preview {
    position: absolute;
    top: 44%;
    left: 58.1%;
    overflow: hidden;
    width: 10%;
    height: 26.5%;
    display: flex;
    justify-content: center;
}

#booth-1-poster-preview img,
#booth-5-poster-preview img,
#booth-3-poster-preview img,
#booth-4-poster-preview img,
#booth-2-poster-preview img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    object-position: center center;
    display: block;
    align-self: center;
}
/* 
#booth-5-poster-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
} */

#booth-1-video-preview {
    position: absolute;
    top: 54.1%;
    left: 50.2%;
    width: 10%;
    height: 10%;
}

#booth-2-video-preview {
    position: absolute;
    top: 36.5%;
    left: 45%;
    width: 10%;
    height: 11.3%;
}

#booth-3-video-preview {
    position: absolute;
    top: 43%;
    left: 45%;
    width: 9.5%;
    height: 10%;
}

#booth-4-video-preview {
    position: absolute;
    top: 38%;
    left: 46.5%;
    width: 10.5%;
    height: 12%;
}

#booth-5-video-preview {
    position: absolute;
    top: 43.5%;
    left: 46.2%;
    width: 10%;
    height: 11.2%;
}

#booth-1-brochure-preview {
    position: absolute;
    top: 60.5%;
    left: 77.6%;
    overflow: hidden;
    width: 6.1%;
    height: 10.3%;
   /* perspective: 100px; */
}

#booth-2-brochure-preview {
    position: absolute;
    top: 55%;
    left: 49.5%;
    overflow: hidden;
    width: 5%;
    height: 9% !important;
    /* perspective: 100px; */
}

#booth-3-brochure-preview {
    position: absolute;
    top: 55.3%;
    left: 24.5%;
    overflow: hidden;
    width: 4%;
    height: 7% !important;
}

#booth-4-brochure-preview {
    position: absolute;
    top: 53.8%;
    left: 55.5%;
    overflow: hidden;
    width: 6.5%;
    height: 11.5%;
}

#booth-5-brochure-preview {
    position: absolute;
    top: 57.5% !important;
    left: 48.7%;
    overflow: hidden;
    width: 5% !important;
    height: 9% !important;
    perspective: 100px;
}

#booth-1-brochure-preview img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    display: block;
    overflow: hidden !important;
    transform-style: preserve-3d;
    transform: rotateY(-5deg);
}

#booth-2-brochure-preview embed {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    display: block;
    overflow: hidden !important;
    transform-style: preserve-3d;
    transform: rotateX(1deg);
}

#booth-3-brochure-preview embed {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    display: block;
    overflow: hidden !important;
    transform-style: preserve-3d;
    transform: rotateX(1deg);
}

#booth-4-brochure-preview embed {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    display: block;
    overflow: hidden !important;
    transform-style: preserve-3d;
    transform: rotateX(1deg);
}

#booth-5-brochure-preview embed {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    display: block;
    overflow: hidden !important;
    transform-style: preserve-3d;
    transform: rotateX(1deg);
}

.profile_container {
    border-color: rgb(147, 213, 0) !important;
    overflow: hidden !important;
    position: relative;
    width: 96px;
    height: 96px;
}

.photo_upload_container {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add_file_placeholder {
    border-color: rgb(147, 213, 0) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2.5px;
}

.photos_preview_container {
    display: inline-flex;
    flex-direction: row-reverse;
}

.logo_details_photo_preview_border,
.photo_preview_border {
    border-color: rgb(147, 213, 0) !important;
    margin: 0 2.5px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.logo_details_photo_preview_border {
    margin: 0 8px;
}

.pdf-preview-cover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
    z-index: 1;
}

.photo_preview_border:hover::before {
    position: absolute;
    content: '';
    background: rgba(221, 7, 7, 0.5);
    pointer-events: none;
    width: 5rem;
    height: 5rem;
}

.photo_preview_border:not(:last-child) {
    margin-left: -50px;
}

.photo_preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.upload_photo_header {
    display: flex;
    justify-content: space-between;
}

.step_container {
    z-index: 1;
}

.step_container div {
    height: 40px;
}

.progress_bar {
    bottom: 40%;
}

@media only screen and (max-width: 990px) {
    /* .modal-body-responsive {
        padding: 20px !important;
    } */

    .step_container div {
        height: 50px;
    }

    /* .step_container button {
        display: none;
    } */

    .progress_bar {
        bottom: 35%;
    }
}

@media only screen and (max-width: 1200px) {
    .step_container div {
        height: 50px;
    }

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

    .progress_bar {
        bottom: 33%;
    }
}

.step-btn {
    background: rgb(147, 213, 0) !important;
    border-color: rgb(147, 213, 0) !important;
}

/* bootstrap override */
.progress-bar {
    background: rgb(147, 213, 0) !important;
}

.img-thumbnail {
    border-radius: 0.5px !important;
}

.dialog-box-bg {
    background: url(/assets-new/cover.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-cover-center {
    background-size: cover !important;
    background-repeat: no-repeat  !important;
    background-position: center center  !important;
}



@media only screen and (max-width: 990px) {
    .text-xs {
        font-size: .5rem;
        line-height: 1rem;
    }
}

@media only screen and (max-width: 425px) {
    .text-xs {
        font-size: .5rem;
        line-height: 1rem;
    }
} 



.background-image {
    min-height: 30rem;
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.navbar.transparent.navbar-dark {
    /* background: rgba(0,0,0,0.2); */

    background: linear-gradient(rgba(37,37,37,1), rgba(64,64,64,0));
}

.preloader { 
    position:fixed; left:0px; top:0px; width:100%; height:100%; 
    z-index:999999; background-color:rgb(231, 231, 231, 0.5); background-position:center center; 
    background-repeat:no-repeat; background-image:url(/assets-new/preloader.svg);
}


.active-focus {
    box-shadow: 0 0 0 0.25rem rgba(60,153,110, .3);
}

.cdefault {
    cursor: default !important;
}

.prog {
    height: 0.4em !important; 
    z-index: 0 !important;
}

.w-auto {
    width: auto !important;
}

.btn:focus-visible {
    background: #93D500;
    border: #93d500;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #93D500;
}

.btn-main {
    background: #93D500;
    border: #93d500;
    color: white;
    font-family: 'Norsy', serif;
}

.btn-main:hover {
    background: #7ab005;
}

.btn-main:active {
    background: #649104 !important;
    border: #93d500;
}
.btn-main:focus {
    background: #649104 !important;
    border: #93d500;
}

.page-link {
    color: black;
}

.active >.page-link, .page-link.active {
    color: white;
    background-color: #93D500;
    border-color: #93d500;
}

.text-secondary1 {
    color: #b7b7b7 !important
}

#exhibit-hall-container {
    position:absolute;
    top:12%;
    height:50%;
    width:100%
}

#exhibit-hall-title {
    margin-top:63%;
}

a.exhibit-box  {
    color: #2D2D2D;
    text-decoration: none;
}

a.exhibit-box .card {
    transition: transform 250ms, opacity 400ms;
}

a.exhibit-box:hover .card-body  {
    background: #f6f6f6;
}

a.exhibit-box:hover .card  {
    transform: translateY(-10px);
}



a.hover-box  {
    text-decoration: none;
}

a.hover-box .card {
    transition: transform 250ms, opacity 400ms;
}
/* 
a.hover-box:hover .card-body  {
    background: #f6f6f6;
} */

a.hover-box:hover .card  {
    transform: translateY(-10px);
}


/* 
#booth-1-logo-box:hover .booth-tooltip {
    border-radius: 50px;
} */

.base-tooltip .booth-tooltip {
    z-index: 1000;
}

.base-tooltip:hover .booth-tooltip {
    visibility: visible;
    opacity: 1;
    box-shadow: 0 0 5px #93d500, 0 0 5px #93d500;
}


/* #booth-2-logo-preview img,
#booth-5-logo-preview img,
#booth-4-logo-preview img,
#booth-3-logo-preview img {
    align-self: center;
    object-fit: cover;
    object-position: center center;
    max-height: 100%;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
} */

.list-group-item {
    background-color: transparent;
}

.icon-list-size {
    width:20px;height:20px;
}

.zindex-card {
    z-index: 9999;
}

.pointer {cursor: pointer;}


.speaker-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    height: 400px;
    overflow: hidden;
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.speaker-wrapper:hover img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}


.display-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    height: 250px;
}


.overlay {
	position: absolute; 
	bottom: 0; 
	color: #f1f1f1; 
	width: 100%;
	transition: .5s ease;
	opacity:0;
	color: white;
	font-size: 20px;
	padding: 5px 10px;
	text-align: center;
}
.bottom-left-text {
    position: absolute;
    bottom: 15px;
    left: 8%;
  }

  .bg-teeca {
    background: #003399 !important;
    color: #f1f1f1;
  }

  .fit-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.st-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    color: white;
    width: 100%;
    z-index: 3;
  }

  .st-footer .title{
        background: #93D500;
        color:white;
        font-weight: 600;
        font-size: 1.5rem;
        padding-right:2rem !important;
        padding-left:1rem;
        border-radius: 0 30px 30px 0px;
  }


  .display-type {
    font-family: 'Norsy', serif;
    font-size: 2em;
    margin-bottom: 10px;
}

.normal-norsy {
    font: normal normal normal 22px/32px Norsy;
/* 
    font-family: 'Norsy'; */
}

.norsy {
    font-family: 'Norsy', serif;
}


#accordionFaqs .accordion-item {
    border-radius: 2px;
    margin-bottom: 1rem;
}


.ck-editor__editable {
    min-height: 200px;
}


.auditorium-left-design {
    clip-path: polygon(0 6%, 100% 19%, 100% 94%, 0% 100%);
}

.auditorium-right-design {
    clip-path: polygon(0 17%, 100% 7%, 100% 94%, 0 90%);
}

.border-r-5 {
    border-radius:5px
}

.border-r-10 {
    border-radius:10px
}

.border-r-15 {
    border-radius:15px
}


.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #85b41b;
    border-color: #93D500;
}

.right-bottom-scroll {
    position: fixed;
    right: 20px;
    bottom: 60px;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: white;
    font-weight: bold;
    text-decoration: none
}


.right-chat {
    position: fixed;
    right: 100px;
    bottom: 90px;
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: white;
    font-weight: bold;
    text-decoration: none
}

.right-chat img {
    height:60px;
    height:60px;
}



.btn-circle1 {
    vertical-align: middle;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: white;
    font-weight: bold;
    text-decoration: none
}



.green-1 {
    color: #4EAE4B !important
}
.sky-1 {
    color: #79D2DE !important
}
.blue-1 {
    color: #2651BE !important
}
.blue-2 {
    color: #3194D0 !important
}
.green-2 {
    color: #009D7D !important
}
.purple-1 {
    color: #7B31D0 !important
}

.min-h125 {
    min-height: 125px;
}


.page-background img {
    width: 100%;
    object-fit: fill;
    object-position: center center;
}



.blob {
	background: #658900;
	/* border-radius: 50%; */
	/* margin: 10px;
	height: 30px;
	width: 30px; */

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.mb6 {
    margin-bottom:6rem !important
}


@media only screen and (max-width: 990px) {
    .form-group {
        margin-bottom: 0.45rem !important;
    }
}

@media only screen and (max-width: 425px) {
    .form-group {
        margin-bottom: 0.75rem !important;
    }
} 

.h100p {
    height: 100% !important;
}
.w100p {
    width: 100% !important;
}

.img-circle-fit {
    object-fit: cover;
    object-position: center center;
    display: block;
    height: 100% !important;
    width: 100% !important;
}

.img-fit-cover {
    object-fit: cover;
    object-position: center center;
    display: block;
}

.thumbnail-fit-cover {
    object-fit: cover;
    object-position: center center;
    display: block;
    height:168px !important;
}


ul.btn-chats li {
    padding-left:0px;
    border:none;
    padding-bottom:0;
    padding-top:5px;
    max-width:200px;
}

