:root {
    --main-font-style: 'Quicksand', sans-serif;
    --Theme-Main: var(--AHS-Blue);
    --Theme-Main-Mobile: var(--AHS-Blue);
    --AHS-Blue: #005cb9;
    --AHS-Cyan: #00aabb;
    --AHS-DarkPink: #e56385;
    --AHS-DarkYellow: #eba900;
    --AHS-LightGreen: #a2d45e;
    --AHS-DustyMauve: #c1a4b7;
    --AHS-lightCyan: # 99dee3;
}

.white {
    color: #ffffff !important;
}

.pink-red {
    background: #e56385 !important;
}

.corner-box {
    --b: 5px;
    --c: gray;
    --w: 20px;
    border: var(--b) solid transparent;
    --g: #0000 90deg,var(--c) 0;
    background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--g)) 0 0, conic-gradient(from 180deg at top var(--b) right var(--b),var(--g)) 100% 0, conic-gradient(from 0deg at bottom var(--b) left var(--b),var(--g)) 0 100%, conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--g)) 100% 100%;
    background-size: var(--w) var(--w);
    background-origin: border-box;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    box-sizing: border-box;
    margin: 5px;
    display: inline-flex;
    font-size: 30px;
    justify-content: center;
    align-items: center;
    line-height: 90px;
    vertical-align: top;
}

button.select2-selection__clear {
    display: none;
    margin: 0px;
    padding: 0px;
}

span.select2-selection.select2-selection--multiple.select2-selection--clearable {
    border: 3px #6d3b5d dashed;
    background: transparent;
    padding: 10px;
}


li.select2-selection__choice {
    margin-left: 5px;
    margin-right: 5px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: lightblue !important;
    font-weight: bolder;
}


/*.con-loading {
    width: 50%;
    height: 12%;
    position: fixed;
    z-index: 999;
    background: rgba(27, 8, 48, 0.47058823529411764);
    left: 25%;
    bottom: 50%;
    border-radius: 10px;
    text-align: center;
}*/
.j-images {
    margin: auto;
}

a.fCap,
button.btn.btn-link.navbar-btn.navbar-link,
a.dt-menu {
    color: #6e3a5e;
}

.margin-0 {
    margin: 0px;
}

.checkbox-style {
    width: 13px !important;
    height: 13px !important;
}

.btn-hover:hover {
    cursor: pointer;
}

.img-82 {
    height: 82px !important;
    width: 82px !important;
}

.f-inline {
    display: inline;
    margin-left: 0px;
}

.frame-square {
    background: #fff;
    display: inline-block;
    vertical-align: top;
    width: 82px;
    height: 82px;
    margin-right: .5em;
    margin-bottom: .3em;
}

.frame-round {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #af8787;
}

.p-crop {
    height: 100%;
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.crop {
    height: 100%;
    overflow: hidden;
    position: relative;
    border: 1px #6d3b5d solid;
    font-size: 0;
}

.greencrop {
    height: 100%;
    overflow: hidden;
    position: relative;
    border: 1px green solid;
    font-size: 0;
}

.crop .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: rgb(255, 255, 255);
    padding: 5px 2px 2px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}

.greencrop .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: rgb(255, 255, 255);
    padding: 5px 2px 2px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}

.crop:hover .close {
    opacity: 1;
}

.greencrop:hover .close {
    opacity: 1;
}

.algin-item-center {
    display: flex;
    align-items: center;
}

.imgpr-l {
    width: auto !important;
    height: 82px !important;
}

.imgpr-p {
    width: 82px !important;
    height: auto !important;
}

.upload-button {
    font-size: 1.2em;
}

    .upload-button:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        color: #999;
    }



.con-loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    /*background: rgba(222, 21, 157, 0.47);*/
    background: transparent;
    text-align: center;
    left: 0%;
    bottom: 0%;
}

.fullwidth {
    width: 100%;
}

.inner-con-loading {
    background: rgba(27, 8, 48, 0.47058823529411764);
    position: fixed;
    bottom: 45%;
    left: 30%;
    width: 40%;
    height: 15%;
    padding-top: 1rem;
    border-radius: 10px;
}

.con-loading label {
    color: rgb(255, 255, 255);
    position: relative;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 1.8rem;
}

.careteam-container {
    max-width: 700px;
    margin: auto;
    padding: 15px;
}

.page-title {
    font-size: 26px;
    margin-bottom: 20px;
    text-align: center;
}

.search-box {
    width: 100%;
    padding: 10px 15px;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
}

.care-card {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 0;
    margin-bottom: 12px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.care-title {
    width: 100%;
    text-align: left;
    padding: 15px;
    font-size: 20px;
    /* background: #6e3a5e;
    color: #9ab9ad;*/
    background: #c1a4b7;
    color: #000;
    border: none;
    cursor: pointer;
    outline: none;
    font-weight: 600;
}

.care-content {
    display: none;
    padding: 15px;
    color: #6d3b5d;
    font-weight: bold;
    font-size: large;
    background: #f7e2e6;
    border-top: 1px solid #eee;
}


.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: rgb(255, 255, 255);
    font-size: 4px;
    margin: 0px auto 0px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 3.5em;
    }

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

button[disabled], button[disabled]:hover {
    background-color: rgb(204, 204, 204);
    color: rgb(102, 102, 102);
}

.print {
    display: none;
}

.tccontent {
    width: 100%;
}

.ihearttextarea {
    max-width: 100% !important;
}

.no-border {
    /*border: none !important;*/
    border: 1px solid rgb(204, 204, 204) !important;
    border-radius: 4px !important;
}

.h_centered {
    /*position: fixed;*/
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: 0px;
}

.h2.highlight.iHeader.h_centered {
    max-width: 30%;
    margin-top: 2%;
}

.overflow-ellipsis {
    white-space: nowrap;
    /*    overflow: hidden;*/
    overflow: inherit;
    text-overflow: ellipsis;
}

.searchbead.search-list > label.overflow-ellipsis {
    white-space: inherit;
}

.searchbead.search-list {
    vertical-align: top;
}

.bold {
    font-weight: bold;
}

img.read {
    display: none;
}

.txt-content-xs {
    font-size: 1.2rem;
}

.txt-content-s {
    font-size: 1.5rem;
}

.txt-content-m {
    font-size: 1.7rem;
}

.txt-content-l {
    font-size: 3rem;
}

.txt-content-l-white {
    font-size: 3rem;
    color: white !important;
}

.txt-content-xs-white {
    font-size: 1.2rem;
    color: white !important;
}

.txt-content-lg {
    font-size: 2rem;
}

body {
    padding-right: 0px !important;
}

.iDropdownlist {
    border-radius: 10px;
    padding: 1% 0px;
    padding-left: 3%;
}

.ibr {
    margin-bottom: 1rem;
}

.iHeader {
    text-align: center;
    text-transform: capitalize;
}

.highlight {
    /*background-image: url('../images/yellow-brushstroke.png');*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 95%;*/
    padding: 8px 0;
    text-transform: uppercase !important;
    font-weight: bold;
    color: #642064;
}

.yn-group {
}

/*Custom Search*/

#custom-search-input {
    padding: 0% 0% 0% 6%;
    border: solid 1px rgb(228, 228, 228);
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
}

    #custom-search-input .input-group {
        margin: 0px;
    }

    #custom-search-input input {
        border: 0;
        box-shadow: none;
        padding: 0px;
    }

    #custom-search-input button {
        margin: 2px 0 0 0;
        background: none;
        box-shadow: none;
        border: 0;
        color: rgb(102, 102, 102);
        padding: 0 8px 0 10px;
        border-left: solid 1px rgb(204, 204, 204);
    }

        #custom-search-input button:hover {
            border: 0;
            box-shadow: none;
            border-left: solid 1px rgb(204, 204, 204);
        }

    #custom-search-input .glyphicon-search {
        font-size: 23px;
    }


li.disabled {
    background: rgb(218, 210, 210);
    color: rgb(255, 255, 255);
}

li.clicked.disabled {
    background: rgb(162, 203, 230);
}

li.clicked {
    background: rgb(132, 192, 233);
    color: rgb(255, 255, 255);
}

.yn-group ul {
    padding-left: 0px;
}

.yn-group input {
    display: none;
}

.yn-group li {
    width: 20%;
    display: inline-block;
    margin-right: -7px;
    line-height: 2.7em;
    border: solid 2px rgb(197, 190, 190);
}

    .yn-group li:first-child {
        border-radius: 50px 0 0 50px;
        border-right: solid 1px rgb(197, 190, 190);
        margin-right: -2px;
    }

    .yn-group li:last-child {
        border-radius: 0 50px 50px 0;
        border-left: solid 1px rgb(197, 190, 190);
        margin-left: -2px;
    }

    .yn-group li label {
        margin: 0px;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

.yn-group.in-table li {
    width: 33%;
    padding: 0px;
}

    .yn-group.in-table li label {
    }

.tag {
    border: none;
    margin-right: 2px;
    padding: 0px 7px;
    color: rgb(255, 255, 255);
    background-color: rgb(101, 196, 216);
}

    .tag:last-child {
        margin-bottom: 3%;
    }

.t-n-c {
    color: #6d3b5d !important;
    font-size: 20px;
    font-weight: 800;
}

.warning.row {
    margin: 5rem 0rem 0rem 0rem;
    background-color: #fbf0d0;
    padding: 2rem;
    border-radius: 15px;
}

    .warning.row p {
        margin: 0px;
    }

    .warning.row .fas {
        color: #ff6c03;
    }

.iPrimeBtn {
    /*background-color: rgb(101, 196, 216);*/
    background-color: #6d3b5d;
    border: none !important;
    color: #ffffff !important;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none !important;
    font-size: large;
    font-weight: bold;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
    border-radius: 30px !important;
    text-transform: capitalize;
}

    .iPrimeBtn:hover {
        /*background-color: rgb(101, 196, 216);*/
        background: #9ab9ad;
        color: rgb(255, 255, 255) !important;
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;
    }

    .iPrimeBtn.left, .iPrimeBtn.right, .iPrimeBtn.rightdisabled {
        /*width: 18%;*/
        min-width: 18%;
        margin: 7px;
    }

    .iPrimeBtn.left {
        background-color: rgba(197, 46, 46, 0.7411764705882353);
        float: left;
    }

    .iPrimeBtn.right {
        /*       background-color: rgba(36, 160, 74, 0.7411764705882353);*/
        background: #6d3b5d;
        float: right;
    }

    .iPrimeBtn.rightdisabled {
        background-color: rgb(150 162 150 / 74%);
        float: right;
    }

    .iPrimeBtn.middle {
        background-color: rgba(36, 160, 74, 0.7411764705882353);
        margin: auto;
    }

.modal-body {
    max-height: 80vh; /* max 80% of the viewport height */
    overflow-y: auto;
}

.iSecBtn {
    background-color: #6d3b5d;
    border: none;
    color: #ffffff !important;
    padding: 2px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 2px;
    cursor: pointer;
    border-radius: 30px;
}

    .iSecBtn.right {
        float: right;
        background: rgba(45, 169, 66, 0.7803921568627451);
        font-weight: bold;
    }

        .iSecBtn.right:hover {
            background: rgb(45, 169, 66);
        }

    .iSecBtn:hover {
        background-color: #9ab9ad;
    }

    .iSecBtn > img {
        width: 32px;
    }

.story-temp .col-lg-4 {
    background: rgb(250, 250, 250);
}

.p-crop .profile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.inner-btn {
    color: rgb(255, 255, 255) !important;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 30px;
    padding: 2px 12px;
    /*position: relative;*/
}

    .inner-btn.right {
        background-color: rgba(36, 160, 74, 0.7411764705882353);
        float: right;
        border: none;
        border-radius: 30px;
    }

    .inner-btn.left {
        background-color: rgba(197, 46, 46, 0.7411764705882353);
    }

    .inner-btn.left, .inner-btn.right {
        margin: 7px;
        width: 13%;
    }

.iFont {
    font-family: var(--main-font-style);
}

label.iFont {
    color: #6d3b5d;
}

    label.iFont.white {
        color: #ffffff !important;
    }

.fCap {
    text-transform: capitalize;
}

* {
    font-family: var(--main-font-style);
    outline: 0 !important;
    box-shadow: none;
}

.iFont-dark {
    color: rgb(101, 80, 80);
}

.iFont-light {
    color: rgb(255, 255, 255);
}

.captial {
    text-transform: capitalize;
}

.textwrap {
    overflow-wrap: break-word;
    padding: 3px
}

.iTitle {
    font-weight: bold;
    font-size: 2rem;
}

.mTitle {
    font-weight: bold;
    font-size: 2rem;
    color: #9ab9ad !important;
    /*margin-left: 45%;*/
    line-height: 0.5;
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    /*width: 25px;
    height: 25px;*/
}

.close-button {
    background-color: rgba(197, 46, 46, 0.7411764705882353) !important;
}

.iFrame {
    border: 2px solid darkgray;
    border-radius: 5px;
    text-align: left !important;
    background: rgb(255, 255, 255);
}

    .iFrame > a, .iLink > a {
        text-decoration: none;
    }

.iSearchbox {
    border: 2px solid rgba(171, 154, 154, 0.8509803921568627);
    border-radius: 20px;
    padding: 5px 20px;
    width: 50%;
}

.lfloat {
    float: left;
}

.rfloat {
    float: right;
}

.alert-menu {
    border-bottom: 1px solid gainsboro;
    text-align: right;
}

    .alert-menu button {
        text-transform: capitalize;
        border: none;
        color: rgb(255, 255, 255);
        background-color: #9ab9ad;
        border-radius: 50px;
        padding: 0px 12px;
        margin-bottom: 2px;
    }

.usericon {
    border-radius: 25px;
    margin: 0px 3px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.10196078431372549);
}

.alerticon {
    width: 60px;
    border-radius: 5px;
}

.notread {
    font-weight: bold;
}

.read, .com-time {
    font-weight: 100;
}

.con-alertlink.notread {
    background-color: rgb(245, 243, 243);
}

.alertMsg {
    margin-bottom: 0px;
}

.modal-header {
    /*background: rgb(204, 108, 187);*/
    /*   background: rgb(229, 99, 133);*/
    background: #6d3b5d;
}

    .modal-title, .modal-header > button {
        color: #6d3b5d;
    }

button.close {
    /*color: rgb(204, 108, 187);*/
    background: rgb(229, 99, 133);
    background: rgba(255, 255, 255, 0.8705882352941177);
    border-radius: 50%;
    opacity: 1;
    padding: 0.5rem 1rem !important;
}

/*.beadmodalclose {
    
    background-color: #5cb85c;
    border-radius: 50%;
    margin: -1rem -1rem -1rem auto;
    padding: 0.5rem 1rem !important;
}*/
.warninglabel {
    color: #a94442;
}

.filter {
    /*    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);*/
}

nav#cookieConsent {
    display: none;
}

#beaddata {
    padding-top: 5%;
    padding-bottom: 5%;
}

.f-larger {
    font-size: 1.6rem !important;
    font-weight: bold;
}

.f-large {
    font-size: 1.4rem;
}

.inner-con {
    margin: 5%;
    background: rgba(235, 244, 252, 0.5686274509803921);
    text-align: center;
}

    .inner-con ul {
        padding-left: 0px;
    }

        .inner-con ul li {
            display: inline;
        }

    .inner-con > .card, .inner-con > .card > .card-body {
        background: rgb(255, 255, 255);
    }

    .inner-con:first-child .card-header {
        background-color: rgb(179, 224, 255);
    }

    .inner-con .card-header {
        background-color: rgb(254, 234, 236);
    }

li.beadiconli img {
    /*width: 60px;
    height: 60px;*/
    width: 100%;
    height: auto;
    border-radius: 50%;
}

li.beadiconli .card {
    width: 30%;
    margin: 1%;
    display: inline-block;
}

li.beadiconli .card-body {
    padding: 5px;
    background: rgba(254, 234, 236, 0.3607843137254902);
}

.inner-con:first-child li.beadiconli .card-body {
    background: rgba(179, 224, 255, 0.4588235294117647);
}

.beadtable {
    text-align: center;
}

.beadtd {
    /*border:dotted;*/
}

    .beadtd:after {
        content: '';
        display: block;
    }

@keyframes glowing {
    0% {
        box-shadow: 0px 0px 10px 2px #cee0df;
    }

    40% {
        box-shadow: 0px 0px 30px 2px #cee0df;
    }

    60% {
        box-shadow: 0px 0px 30px 2px #cee0df;
    }

    100% {
        box-shadow: 0px 0px 10px 2px #cee0df;
    }
}

.button-glow {
    animation: glowing 5000ms infinite;
}

.beadtd .beadimageholder {
    margin: 0 !important;
    padding: 1rem 1rem 1rem 1rem;
}

    .beadtd .beadimageholder img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: none;
        /*border: 2px solid #d9e0df;*/
        /*box-shadow: 0px 0px 10px 5px #cee0df;*/
        animation: glowing 4000ms infinite;
    }

.bead-detail-img {
    margin-bottom: 5%;
}

.ta-post {
    border: none;
    resize: none;
    margin-left: 0px !important;
}

    .ta-post:focus {
        box-shadow: none;
    }

.modal-ul {
    padding: 0;
}

.modal-img-li {
    text-align: center;
}

.modal-footer {
    display: inline;
    text-align: unset;
    border: none;
}

.list.modal-ul.admin {
    margin: 4% 1%;
    text-align: center;
}

li.modal-img-li.admin {
    width: auto;
    margin: 0px;
}

.admin-left {
}

.admin-right {
    position: absolute;
    right: 0;
}

li.modal-img-li.admin .card {
    border: none;
}

li.modal-img-li.admin .card-body {
}

.beads-list > ul > li > img, li.iconli img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
}

button.collapseTitle {
    width: 65%;
    padding: 2% 1%;
    /*background: rgba(85, 34, 144, 0.47058823529411764);*/
    background: #6e3a5e;
    border: 1px double;
    /*color: rgb(255, 255, 255);*/
    color: #9ab9ad;
    font-weight: bold;
    font-size: large;
    border-radius: 10px;
}

    button.collapseTitle:last-child {
        margin-bottom: 50px;
    }

.panel-collapse.show {
    display: none !important;
}

.panel-collapse.collapse.in {
    display: block !important;
}

.iList {
    list-style: none;
    /*background: rgb(224, 239, 255);*/
    background: #f7e2e6;
    margin: 0% 19%;
    padding: 0px;
}

.list_box {
    list-style: none;
    padding-left: 0px;
}

.iLink {
    padding: 0px;
    text-align: left;
    margin-left: 15%;
}

    .iLink > a {
        color: #6d3b5d;
        font-weight: bold;
        font-size: large;
    }

.yn {
    margin-left: 2rem;
}

.btn-Y, .btn-N {
    margin-top: 0.5rem;
    border: 1px solid rgb(255, 248, 248);
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    background: rgb(175, 175, 175);
}

    .btn-Y:hover, .btn-N:hover {
        background: rgba(82, 177, 111, 0.7686274509803922);
    }

label.btn.btn-Y.active, label.btn.btn-N.active {
    background: rgb(82, 177, 111);
}

.btn-Y {
    border-radius: 25px 0px 0px 25px;
}

.btn-N {
    border-radius: 0px 25px 25px 0px;
}

.btn.btn-Y.disabled, .btn.btn-N.disabled {
    background: rgb(204, 204, 204);
}

.modal-s1 {
    margin-bottom: 1rem;
}

.iFont.modal-text {
    font-size: large;
    font-weight: bold;
}

/*--------search area--------*/

.input-container, .pill {
    border: 2px solid rgb(169, 169, 169);
    float: left;
    border-radius: 5px;
}

    .input-container input, .pill .pill-txt-box {
        float: left;
        border: none;
        background: transparent;
        padding: 2% 0% 2% 8%;
        border-radius: 25px 0px 0px 25px;
    }

    .pill .pill-txt-box {
        width: 90%;
    }

    .input-container button, .pill .pill-button {
        float: right;
        background: rgb(101, 196, 216);
        border: none;
        padding: 2% 7%;
        color: rgb(255, 255, 255);
        font-weight: bold;
        border-radius: 0px 25px 25px 0px;
    }

.input-container {
    width: 100%;
    border-radius: 5px;
}

    .input-container button {
        border-radius: 2px;
    }

.searchbead > img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.pill-button {
    background: transparent !important;
    padding: 1% 4% !important;
}

    .pill-button img {
        opacity: 0.7;
    }

.input-group {
    width: 100%;
    margin: 4px 0px;
}

    .input-group .usericon {
        width: 35px;
        object-fit: cover;
    }

.pill {
    border: 1px solid rgba(0, 0, 0, 0.10196078431372549);
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}

.pill-button {
    border-radius: 25px !important;
}
/*.pill-txt-box {
    width: 70% !important;
    margin-left: 4%;
    border: none;
    padding: 0;
    margin-top: 2px;
    box-shadow: none;
}
*/

.comment-item {
    padding: 1% 4%;
    background: rgba(158, 218, 227, 0.611764705882353);
    border: none;
    color: rgb(28, 30, 33);
    font-size: small;
    font-weight: 100;
    font-size: 15px;
}

.comment-time {
    padding: 2% 3%;
    border: none;
    color: rgb(28, 30, 33);
    font-size: small;
    font-weight: 100;
    margin-bottom: 0px;
}

.comment-username {
    color: rgb(56, 88, 152);
    font-weight: bold;
    font-size: larger;
    text-transform: capitalize;
}

.text-round {
    border: 1px solid gray;
    text-align: center;
    border-radius: 6px;
    width: 35%;
}

    .iSearchbox,
    .iPrimeBtn,
    .iSecBtn,
    .inner-btn,
    .collapseTitle:focus,
    .multi-collapse.collapse:focus,
    .inner-search-box:focus,
    .input-container input:focus,
    .input-container button:focus,
    .input-container input:active,
    .text-round:focus,
    .iSecBtn.right:focus,
    .btn-Y:focus, .btn-N:focus,
    .btn.active:focus,
    .btn.active, .pill-txt-box:focus, .pill-button:focus, .form-control:focus,
    .tag:focus {
        box-shadow: none;
    }

a.box.center > div > label:hover, a.box.center > label:hover {
    cursor: pointer;
}

.stand-alone {
    background: rgb(101, 196, 216);
    padding: 6% 1%;
    margin-top: 15%;
    border-radius: 20px;
}

    .stand-alone .iFont {
        margin: 0px;
        color: rgb(255, 255, 255);
        font-weight: bold;
    }
/*-------------------------- ALL ------------------------------------------------------------------------------------------------ */
.center {
    text-align: center;
}

.loginclass {
    display: none;
}

.card-body.locked, .box.center.locked, .box.center > .locked, .disabled {
    pointer-events: none;
}

.box.center.locked {
    /*display:none;*/
}

.box.center > .locked > img {
    filter: grayscale(100%);
}

.box.center > .locked > label {
    color: gray;
}

li.locked {
    display: none;
}
/*---------------------header-------------------------*/
.header > .row {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar {
    overflow: hidden;
    background: var(--Theme-Main);
    width: 100%;
    border-radius: 0px;
    border: none;
    margin-bottom: 0px;
}

div.collapse ul.nav.navbar-nav > li > a {
    color: rgb(255, 255, 255);
    font-size: large;
}

.navbar-right {
    float: none !important;
    margin: 0;
}

.collapse > .nav > li:first-child {
    border-left: 1px solid rgb(189, 160, 211);
}

.collapse > .nav > li {
    border-right: 1px solid rgb(189, 160, 211);
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > button:hover {
    text-decoration: none;
    background-color: inherit;
    cursor: pointer;
    border-radius: inherit;
}

.mobile.user-icon:focus {
    background-color: inherit;
}

.collapse > .nav > li > a {
    padding: 15px;
}

nav.navbar.navbar-expand-lg {
    padding: 0px;
    margin-top: 1rem;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

.header {
    background: rgb(255, 255, 255);
}

ul.nav.navbar-nav.navbar-right {
    display: inline-block;
}

.meun-item.list {
    font-size: large;
}

ul.nav.navbar-nav.navbar-right > li > a,
button.btn.btn-link.navbar-btn.navbar-link {
    border: none;
    margin: 0px;
    padding: 5px;
    font-size: medium;
    font-weight: bold;
    line-height: 20px;
}

ul.nav.navbar-nav.navbar-right > li > a,
.meun-item,
button.btn.btn-link.navbar-btn.navbar-link {
}

    .meun-item.list {
        margin-top: 4rem;
    }

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}
/*---------------------header end-------------------------*/
/*---------------------footer-------------------------*/
.footer {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background: var(--Theme-Main);
}

.footer-text {
    color: rgb(255, 255, 255);
}

span.comment-content {
    font-size: 1.35rem;
    font-weight: normal;
}

/*---------------------footer end-------------------------*/

/*---------------------Home Body-------------------------*/
/*.container.body-content {
        display: flex; 
        flex-wrap: wrap;
        justify-content: flex-start;
    }*/
body {
    min-height: 100%;
}

.story-temp > .row {
    margin-left: 0px;
    margin-right: 0px;
}

.pic {
    position: relative;
    top: 0;
    left: 0;
}

.fullwidth-image {
    position: relative;
    top: 0;
    left: 0;
}

.container {
    padding-top: 20px;
    padding-bottom: 20px;
    /*min-height: 74.5vh;*/
    min-height: 67vh;
}


.story-temp {
    min-height: 74.5vh;
}

.loginclasslocked {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
    opacity: 0.7;
}

.landingCards {
    border: 1px solid transparent;
}

.card.center:hover {
    border: 1px solid rgb(101, 46, 169);
    cursor: pointer;
}

.card-body > a {
    text-decoration: none;
}

.fullwidth-image {
    max-width: 100%;
    max-height: 35rem;
    min-height: 28rem;
    margin-bottom: 20px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .5);
}

.row form {
    width: 100%;
}

.rounded-circle {
    border: 2px solid red;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.text-muted.h7.mb-2, .card-text.j-content-search, .j-beads {
    padding: .75rem 1.25rem;
}

.card-text.j-content-search {
    padding-bottom: 0px;
}

.j-beads, .j-beads ul {
    padding-top: 0px;
}

.story-temp {
    background: rgb(250, 250, 250);
}

.btn-primary {
    background: rgb(93, 180, 71);
    border: none;
    font-size: large;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 2rem;
}

    .btn-primary:hover {
        background: rgb(75, 138, 59);
    }

button#gedf-drop1:after {
    display: none;
    width: 100%;
}

.gedf-card > .card-body {
    padding: 0px;
}

.gedf-card > .card-header {
    border-bottom: 1px solid rgb(239, 239, 239);
}

.gedf-card > .card-header,
.gedf-card > .card-footer {
    background: rgb(255, 255, 255);
}

.beadclass > ul > li {
    list-style: none;
    display: inline;
}

.beadclass > ul {
    padding: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: rgb(255, 208, 214);
    border: none;
    border-radius: 10px;
}

    .beadclass > ul > li > img {
        border-radius: 50%;
        width: 32px;
        height: 32px;
        border: 2px solid yellow;
    }

.beadiconli {
    list-style: none;
    margin-bottom: 5px;
}

    .beadiconli > a > span > img {
        border-radius: 50%;
        width: 32px;
        height: 32px;
    }

.child-img {
    border-radius: 50%;
    width: 45px;
    height: 45px;
}

.fuzzy-search {
    margin: 0%;
}

.modal-ul {
    list-style: none;
}

.modal-img-li {
    display: inline-block;
    width: 33.33%;
    margin-bottom: 25px;
    vertical-align: top;
}

    .modal-img-li > a > img {
        border-radius: 50%;
        width: 64px;
        height: 64px;
    }

ul.search-by-bead-ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.search-by-bead-li {
    text-align: center;
    display: inline-block;
    width: 24%;
    margin-bottom: 10px;
}

search-by-bead-li > a > img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
}

.carousel-img {
    width: 100%
}

.modal-header > img {
    width: 64px;
    height: 64px;
}
/*---------------------END Home Body-------------------------*/
/*   image wrap css start*/
.hidden {
    display: none !important;
}

.dismiss {
    opacity: 0;
}

.offslide {
    interval: false !important;
}

.img-wrap {
    position: relative;
    display: inline-block;
    border: 1px red solid;
    font-size: 0;
}

    .img-wrap .close {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 100;
        background-color: rgb(255, 255, 255);
        padding: 5px 2px 2px;
        color: rgb(0, 0, 0);
        font-weight: bold;
        cursor: pointer;
        opacity: .2;
        text-align: center;
        font-size: 22px;
        line-height: 10px;
        border-radius: 50%;
    }

    .img-wrap:hover .close {
        opacity: 1;
    }

/*   image wrap css end*/

/*imagecarousel css code start*/
.carousel-thumbnails {
    margin-bottom: 1rem;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-thumbnails .carousel-indicators {
    /*margin-bottom: -4.69rem;*/
    position: absolute;
}

    .carousel-thumbnails .carousel-indicators li {
        /*height: auto;*/
        /*width: 6.25rem;*/
        max-width: 6.25rem;
        /*border: none;*/
        margin-right: 2px;
    }

.carousel-indicators .active {
    height: auto;
    /*width: auto;*/
    border: none;
    opacity: 1;
}

.carousel-thumbnails .carousel-indicators img {
    max-width: 6.25rem;
    height: auto;
    overflow: hidden;
    display: block;
}

img {
    vertical-align: middle;
    border-style: none;
}

/*carousel css end*/

.img-li.list-inline-item img {
    width: 64px;
    height: 64px;
}

a.selectedbead {
    opacity: 1 !important;
    /*border: 2px solid purple;*/
}

    a.selectedbead img {
        border: #34dd34 3px solid;
    }

.glyphicon-ok:before {
    content: "\e013";
    position: absolute;
    color: white;
    background: #34dd34;
    border-radius: 50%;
    padding: 3px;
    bottom: 1px;
    right: 1px;
}

ul.list.modal-ul .beada {
    opacity: 0.6;
}

li.iconli {
    text-align: center;
}

a.selectedchild img {
    /*opacity: 0.5 !important;*/
    border: 2px solid purple;
}

tr.img-container > td {
    margin-top: 0;
    padding-top: 0;
    vertical-align: top;
}

.img-li {
    padding-top: 5px !important;
}

li.img-li > img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}
/*li.img-li .crop> img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}*/

/* QR code generator */
#qrCode {
    margin: 15px;
}

.ctitle {
    color: rgb(6, 49, 49) !important;
    text-decoration: none;
}

div#j-container {
    height: 100%;
}

#SearchDiv .card-footer {
    padding: 0rem;
    background-color: transparent;
    border-top: none;
}

.btn-tooltip {
    border: none;
    background-color: transparent;
    background-image: url(../images/info-40.png);
    background-repeat: round;
    color: transparent;
    width: 20px;
    height: 20px;
}

/*-------------------------- ALL ------------------------------------------------------------------------------------------------ */
.asterisk {
    margin-left: 2px;
    color: red;
}

.comment-list {
    list-style: none;
    margin-top: 3%;
}

    .comment-list li {
        margin-top: 1%;
        /*margin-left: 3%;*/
    }

    .comment-list .usericon {
        width: 32px;
        height: 32px;
    }

.con-wrap, .box-wrap {
    padding: 5%;
    background: #f7e2e6;
    border-radius: 15px;
    text-align: center;
}

    .box-wrap.sec {
        /*background: rgba(255, 239, 213, 0.7294117647058823);*/
        background: #f7e2e6;
        padding-bottom: 0px;
    }

.box-wrap {
    margin-bottom: 5%;
}

    .box-wrap > .row {
        padding-top: 3%;
    }

.alert-list {
    list-style: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

    .alert-list li {
        height: auto;
        border-bottom: 1px solid gainsboro;
        padding: 5px 0px 3px 0px;
        margin: 0px;
    }

.h4.iFont.iFont-light {
    background: rgba(230, 174, 207, 0.611764705882353);
    border-radius: 25px;
    text-align: center;
}

.qr-container img {
    display: initial !important;
    border: 10px solid rgb(239, 189, 201);
    border-radius: 25px;
    max-width: 175px !important;
    max-height: 175px !important;
    float: left;
}

.tab {
    margin: 0px 15px;
    padding: 2px 0px 10px 0px;
}

.tab-head li.active, .tab-head li {
    margin: 0px;
}

    .tab-head li.active {
        /*background-color: var(--tab-color);*/
        background-color: transparent;
    }

.tab-head li {
    background-color: rgb(250, 250, 250);
    border-left: 2px solid rgba(0, 123, 255, 0.12156862745098039);
    border-radius: 10px 10px 0px 0px;
    max-width: 40%;
}

    .tab-head li:first-child {
        border-left: none;
    }

    .tab-head li a, .tab-head li.active a {
        /*background: inherit !important;*/
    }

#myc_menu li.active a {
    background: #edbec9 !important;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
}

.tab-head li a {
    color: rgb(175, 135, 135);
}

.tab-head li.active a {
    color: #6d3b5d !important;
    font-weight: bold;
}

.tab-body {
    background-color: #edbec9;
    margin: 0px 15px;
    padding: 2px 0px 10px 0px;
    border-radius: 0px 10px 10px 10px;
}

#pills-tabContent {
    padding: 0px
}

.col-lg-12.col-md-11.tab {
    clear: both;
}


    .col-lg-12.col-md-11.tab > ul {
        float: left;
    }


    .col-lg-12.col-md-11.tab > .row {
        float: right;
        width: 105%;
    }

#beadstring0 {
    border-radius: 0px 10px 10px 10px;
    background-image: url('../uploads/beadstring/space.jpg');
}

#beadstring1 {
    border-radius: 0px 10px 10px 10px;
    background-image: url('../uploads/beadstring/space.jpg');
}

.beadbanner1,
.beadbanner2,
.beadbanner3,
.beadbanner4,
.beadbanner5,
.beadbanner6,
.beadbanner7,
.beadbanner8,
.beadbanner9,
.beadbanner10,
.beadbanner11,
.beadbanner12,
.beadbanner13 {
    background-repeat: round;
}

.beadbanner1 {
    background-image: url('../uploads/beadstring/rope_01_blue_1_0.png');
}

.beadbanner2 {
    background-image: url('../uploads/beadstring/rope_01_blue_2_0.png');
}

.beadbanner3 {
    background-image: url('../uploads/beadstring/rope_01_blue_3_0.png');
}

.beadbanner4 {
    background-image: url('../uploads/beadstring/rope_01_blue_4_0.png');
}

.beadbanner5 {
    background-image: url('../uploads/beadstring/rope_01_blue_5_0.png');
}

.beadbanner6 {
    background-image: url('../uploads/beadstring/rope_01_blue_6_0.png');
}

.beadbanner7 {
    background-image: url('../uploads/beadstring/rope_01_blue_7_0.png');
}

.beadbanner8 {
    background-image: url('../uploads/beadstring/rope_01_blue_8_0.png');
}

.beadbanner9 {
    background-image: url('../uploads/beadstring/rope_01_blue_9_0.png');
}

.beadbanner10 {
    background-image: url('../uploads/beadstring/rope_01_blue_10_0.png');
}

.beadbanner11 {
    background-image: url('../uploads/beadstring/rope_01_blue_11_0.png');
}

.beadbanner12 {
    background-image: url('../uploads/beadstring/rope_01_blue_12_0.png');
}

.beadbanner13 {
    background-image: url('../uploads/beadstring/rope_01_blue_13_0.png');
}

table.beadtable tbody tr:first-child {
    display: none;
}

.beadtable td {
    background: transparent;
    display: inline-block;
    width: 24%;
    height: auto;
}

.tab-content.tab-body {
    margin: 0px;
}

.beads-list-con-control ul, .beads-list-con-control .child-img {
    display: none;
}

.beads-list-con-control .iPrimeBtn > img {
    /*width: 32px;
    height: 32px;*/
    width: 55px;
    height: 55px;
}

.btn-group .iPrimeBtn {
    /* width: 29%; */
    margin: 1% 2px;
    display: inline-block;
}

.comment-button {
    position: absolute;
    bottom: 6px;
    padding: 0px;
    right: 20px;
    border: none;
    background: transparent;
}

.fa.fa-info-circle {
    color: #ebab21;
}

i.fas.fa-paper-plane {
    color: #367dc0;
    font-size: 2.7rem;
}

button.pill-button.editcomment i.fas.fa-paper-plane {
    font-size: 2.4rem;
}

#puser-des, #post-des, #post-follower-des {
    padding: 10px 1px;
    background: #c7e1f9;
    border-radius: 5px;
    margin-bottom: 10px;
}

.puser-des {
    padding: 10px;
}

    #puser-des ul, #post-des ul, #post-follower-des ul, .puser-des ul {
        text-align: left;
    }

.card.card-body.ad-beads-list {
    display: inline-block;
}

label.iFont-dark.overflow-ellipsis.activeuser {
    max-width: 90px;
}

label.iFont-dark.overflow-ellipsis {
    max-width: 75%;
}

.follower-list {
    list-style: none;
    display: inline-block;
    padding-left: 3px;
    padding-top: 5px;
    margin-top: 2px;
    margin-bottom: 0px;
    height: 80px;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    background: #f7e2e6;
    border-radius: 5px 5px;
}

    .follower-list::-webkit-scrollbar {
        height: 7px;
    }

.addbtn {
    width: 80px;
}

/* Track */
.follower-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 25px;
}

/* Handle */
.follower-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 25px;
}

    /* Handle on hover */
    .follower-list::-webkit-scrollbar-thumb:hover {
        background: #555;
    }



.follower-list li {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 45px;
}

    .follower-list li .usericon {
        width: 45px;
        height: 45px;
        margin: 0px;
        float: none;
        object-fit: cover;
    }

    .follower-list li span {
        font-size: xx-small;
        display: block;
    }

.follower-list a {
    text-decoration: none;
}

.security-set {
    max-width: 90%;
    margin: 0;
    display: inline-block;
}

label.security-set-label {
    width: 5%;
}

.form-control-plaintext.text-center.border-0 {
    color: white;
    font-size: large;
    resize: none;
}

.fontC {
    color: #e3e2e2;
}
/*-------------------------- Admin Style    -------------------------------------------------------------------------------------------- */
.admin table {
    text-align: center;
}

.admin .iPrimeBtn {
    /*background: rgb(25, 179, 177);*/
}

.admin thead, .modal-body thead {
    background: #e56385;
    color: rgb(255, 255, 255);
}

.admin th, .modal-body th {
    text-align: center;
    border: none;
    border-bottom: none !important;
    border-left: 2px solid white;
}

.admin table th:first-child, .modal-body table th:first-child {
    border-radius: 5px 0 0 5px;
    border-left: none;
}

.admin table th:last-child, .modal-body table th:last-child {
    border-radius: 0 5px 5px 0;
}

.admin td, .modal-body td {
}

.admin table tbody tr:nth-child(even), .modal-body table tbody tr:nth-child(even) {
    background: #f5b8c8;
}

.admin table tbody tr img {
    width: 20px;
    height: 20px;
}

.admin-search {
    margin: 0px 0px 0px 8px;
    border: 2px solid gray;
    font-size: large;
    border-radius: 10px;
    padding-left: 20px;
}

.modal-body table tbody tr img {
}

.iAlert {
    display: inline-block;
    background-image: url('../images/BellRed.png');
    background-repeat: no-repeat;
    border: none;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-color: transparent;
}

    .iAlert span {
        color: rgb(255, 255, 255);
        background-color: rgb(0, 0, 0);
        padding: 1px 4px;
    }

/********************************************tgl button**********************************************/

.tgl {
    display: none;
}

    .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
            background: none;
        }

        .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl + .tgl-btn {
            display: block;
            width: 4em;
            height: 2em;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }

            .tgl + .tgl-btn:after {
                left: 0;
            }

            .tgl + .tgl-btn:before {
                display: none;
            }

        .tgl:checked + .tgl-btn:after {
            left: 50%;
        }

.tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all .2s ease;
    font-family: 'Quicksand', sans-serif;
    -webkit-perspective: 100px;
    perspective: 100px;
}

    .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
        display: inline-block;
        transition: all .4s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 2em;
        font-weight: bold;
        color: rgb(255, 255, 255);
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 4px;
    }

    .tgl-flip + .tgl-btn:after {
        content: attr(data-tg-on);
        background: rgb(2, 198, 111);
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .tgl-flip + .tgl-btn:before {
        background: rgba(197, 46, 46, 0.7411764705882353);
        content: attr(data-tg-off);
    }

    .tgl-flip + .tgl-btn:active:before {
        -webkit-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
    }

.tgl-flip:checked + .tgl-btn:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.tgl-flip:checked + .tgl-btn:after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;
    background: rgb(127, 198, 166);
}

.tgl-flip:checked + .tgl-btn:active:after {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg);
}

.tgl-flat + .tgl-btn {
    padding: 2px;
    transition: all .2s ease;
    background: rgb(255, 255, 255);
    border: 4px solid rgb(242, 242, 242);
    border-radius: 2em;
}

    .tgl-flat + .tgl-btn:after {
        transition: all .2s ease;
        background: rgb(242, 242, 242);
        content: "";
        border-radius: 1em;
    }

.tgl-flat:checked + .tgl-btn {
    border: 4px solid #9ab9ad;
}

    .tgl-flat:checked + .tgl-btn:after {
        left: 50%;
        background: #9ab9ad;
    }

label.tgl-btn {
    display: inline-block !important;
}

#team {
    margin-bottom: 17%;
    padding: 3% 0px;
}

    #team .card {
        margin-bottom: 2%;
        border: none;
        border-radius: 5px;
    }

    #team .card-header {
        background-color: #6d3b5d;
        color: rgb(255, 255, 255);
        font-size: 1.8rem;
        border-radius: 5px;
    }

    #team .res-title {
        /*        border: 1px solid #9ab9ad;
        background-color: #9ab9ad;*/
        border: 1px solid #e79ce5;
        background-color: #e79ce5;
        border-radius: 5px;
        color: rgb(255, 255, 255);
        font-weight: bold;
        width: 60%;
        margin: 0% 20%;
    }

    #team .card-body {
        background-color: #f7e2e6;
        border-radius: 0px 0px 5px 5px;
        margin: 0px 10px;
        font-size: 1.6rem;
    }

#journal .card-body {
    background-color: #f7e2e6;
    border-radius: 0px 0px 5px 5px;
    margin: 0px 10px;
    font-size: 1.6rem;
}

.res-title img {
    width: 25px;
}

li.res-title.night {
    border: 1px solid rgb(31, 38, 59) !important;
    background-color: rgb(31, 38, 59) !important;
}

li.res-title.day {
    border: 1px solid rgb(94, 193, 204) !important;
    background-color: rgb(94, 193, 204) !important;
}

li.res-title.team2 {
    border: 1px solid #9b359b !important;
    background-color: #9b359b !important;
}


.text-danger.validation-summary-errors ul {
    list-style: none;
    text-align: center;
    padding-left: 0px;
}

.text-danger.validation-summary-errors li, .text-danger.field-validation-error {
    background-color: wheat;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 2px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 25px;
}

.text-danger.field-validation-error {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0% 7%;
}

.m-tab {
    padding: 2px
}

    .m-tab .con-wrap {
        padding: 0px;
    }

    .m-tab .tab {
        padding: 0px;
        /*margin: 0px;*/
        padding: 15px 5px;
    }

    .m-tab table.beadtable {
        width: 100%;
        border-radius: 0px 5px 5px 5px;
    }

.nav-item.active #stringtab {
    /*background-color: rgb(179, 224, 255);*/
    background-color: #9ab9ad;
}

.nav-item.active #stringtab1 {
    /*background-color: rgb(254, 234, 236);*/
    background-color: #e56385;
}

.nav-item.active #datatab {
    /*background-color: rgb(249, 225, 172);*/
    background-color: #b8bf33;
}

a.nav-link.active {
    border-radius: 10px 10px 0px 0px;
    height: 100%;
}

.box-wrap.over-size-width {
    margin-left: -10px;
    margin-right: -10px;
}

.btn-list-h {
    margin: 1% 0px !important;
    padding: 3px 10px;
    color: rgb(101, 80, 80) !important;
    font-size: smaller;
    font-weight: bold;
    margin-top: 5px !important;
    background-color: transparent;
}

    .btn-list-h:hover {
        background: inherit;
        box-shadow: none !important;
    }

.form-group.beads-list-con-control.btn-group {
    margin-bottom: 5px;
}

#beadstring0 {
    background-image: url(../uploads/beadstring/space.jpg);
}

#beadstring1 {
    background-image: url(../uploads/beadstring/space.jpg);
}

.s-mar-box .sbox {
    padding: 1% 0%;
}

.s-mar-box img {
    width: 55px !important;
    height: 55px !important;
    background: rgb(101, 196, 216);
    border-radius: 50%;
    padding: 3%;
}

.col-lg-6.col-md-8.m_contant p {
    color: #c754b5;
    text-align: center;
}

.modalfontsize {
    font-size: 1vw !important;
}

.icon-64 {
    width: 64px;
}
.d-menu-icon {
    width: 20rem;
}

.icon-48 {
    width: 48px !important;
}

img.guide-icon {
    width: 30px;
    vertical-align: text-bottom;
}

.is-doctor-switch::before {
    left: 9.5rem !important;
    width: 4rem !important;
    height: 2rem;
    border-radius: 20px !important;
}

.is-doctor-switch::after {
    left: 9.7rem !important;
    width: 1.6rem !important;
    height: 1.6rem !important;
    border-radius: 20px !important;
}

.custom-switch .custom-control-input:checked ~ .is-doctor-switch::after {
    transform: translateX(1.75rem);
}
/*-------------------------- Admin Style End-------------------------------------------------------------------------------------------- */
/*-------------------------- Smaller Screens-------------------------------------------------------------------------------------------- */
@media all and (max-width: 767px) {
    /*--------------------Header--------------------------*/
    body {
        /*margin-top: 60px !important;*/
    }

    html {
        overflow: scroll;
    }

    ::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
    }

    .modalfontsize {
        font-size: 5vw !important;
    }

    .ipad {
        display: none;
    }

    .iheart-logo {
        margin-bottom: 5%;
    }

    .footer, .header > .row {
        display: none;
    }

    .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }

    .mobile-menu, .m-header {
        /*background: rgba(27, 8, 48, 0.47058823529411764);*/
        /*background: rgba(229, 99, 133);*/
        background: var(--Theme-Main-Mobile);
        width: 100%;
        z-index: 99;
    }

    .mobile-menu {
        /*background: rgba(98, 51, 151, 0.47058823529411764);*/
        /*background: rgba(161, 137, 188, 0.47058823529411764)*/
        /*background: rgba(161, 137, 188, 0.7);*/
        /*background: rgba(229, 99, 133);*/
        background: var(--Theme-Main-Mobile);
    }


    .mobile-menu-bg, .m-header-bg {
        height: 6%;
        background: rgba(103, 52, 119, 0.7411764705882353);
        width: 100%;
        z-index: 98;
        filter: blur(10px);
    }

    .mobile-menu, .mobile-menu-bg {
        position: fixed;
        bottom: 0;
        padding: 5px 0px;
        border-radius: 5px 5px 0px 0px;
    }

    .m-header, .m-header-bg {
        position: fixed;
        top: 0px;
        border-radius: 0px 0px 5px 5px;
    }

    .d-flex.justify-content-between.mobile.m-header {
        height: 9vh;
        align-items: center;
    }

    .mobile-menu > a > img {
        width: 70%;
    }

    .mobile-menu > a > .m-current-footer {
        -webkit-box-shadow: 0 8px 6px -6px white;
        -moz-box-shadow: 0 8px 6px -6px white;
        box-shadow: 0 8px 6px -6px white;
    }

    .m-header > a > img {
        width: 65%;
        margin: 13% 0px;
    }

    .m-locked {
        display: none !important;
    }

    .container {
        padding-bottom: 5rem !important;
        /*  height: 100%;*/
        background: rgb(250, 250, 250);
    }


    .navbar {
        /*background-color: rgb(204, 108, 187);*/
        background: rgb(229, 99, 133);
        overflow: hidden;
        position: relative;
        bottom: 0;
        width: 100%;
        margin-bottom: 0px;
    }

    a.mobile-add-btn > img {
        height: 50px;
    }

    .mobile-add-btn {
        z-index: 3;
        position: fixed;
        bottom: 55px;
        text-align: center;
        right: 45px;
        bottom: 90px;
    }

    .navbar-expand-lg {
        display: none;
    }

    .dt-menu {
        display: none !important;
    }

    a.user-icon {
    }

        a.user-icon > img {
            width: 45px;
            height: 45px;
            /*    background: linear-gradient(to bottom left,rgba(234, 217, 8, 0.88),rgba(177, 171, 104, 0.7));
            padding: 2px;*/

            background: white;
            border-radius: 50%;
        }

    .dropdown-item {
        width: 100%;
        font-size: 2rem;
    }

    img .filter.header-img, #form-search {
        margin-top: 8px;
    }

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

    ul.navbar-nav.mr-auto.mobile {
        /*margin-top: 5px;*/
        margin: 2% 0px;
        /*            margin-top: 50%;
            transform: translateY(-50%);*/
    }

    .dropdown-toggle::after {
        display: none;
    }

    .dropdown-menu.dropdown-menu-right {
        display: none;
    }

        .dropdown-menu.dropdown-menu-right.show {
            transform: translate3d(-5%, 60%, 0px) !important;
            min-width: 10%;
            background: rgba(27, 8, 48, 0.47058823529411764);
            top: -34% !important;
        }

    .title-dropdown-menu-right.show {
        /*        transform: translate3d(-160px, 47px, 0px) !important;*/
        transform: translate3d(-160px,7vh, 0px) !important;
        /*background: rgba(229, 99, 133);*/
        /*background: #6e3a5e;*/
        background: var(--AHS-DustyMauve);
        /*background: rgba(27, 8, 48, 0.47058823529411764);*/
        /*border-radius: 0px;
        top: 48px !important;
        left: auto !important;
        right: -11px;*/
    }

    .nav-item.dropdown.show .title-dropdown-menu-right.show {
        font-size: 2rem;
        /*width: 210px;*/
        width: 250px;
    }

    .iconddl .dropdown-menu.dropdown-menu-right.show {
        left: -25% !important;
    }

    .postddl .dropdown-menu.dropdown-menu-right.show {
        /*left: -25% !important;*/
        left: -80% !important;
    }

    .commentddl .dropdown-menu.dropdown-menu-right.show {
        left: -75% !important;
    }

    button.dropdown-item {
        text-align: center;
    }

    .dropdown-item {
        /*color: rgb(255, 255, 255) !important;*/
        /*color: #9ab9ad !important;*/
        color: #000!important;
    }

    .desktop {
        display: none;
    }

    .mobile.topspace {
        /*padding-top: 16%;*/
        padding-top: 10vh;
        background: rgb(250, 250, 250);
    }

    .row.mobileTopspace.center {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .mobile .col-6 {
        margin: 5% 0%;
    }

    .m-remove-top-padding {
        padding-top: 0;
    }

    .mobile.spacebottom {
        background: rgb(250, 250, 250);
        height: 6rem;
    }

    .h2.iFont.iFont-light {
        background: rgba(230, 174, 207, 0.611764705882353);
        padding: 2% 3%;
        margin: 35% 10% 7% 10%;
        border-radius: 25px;
        margin-top: 35%;
        text-align: center;
    }

    .h3.iFont.iFont-light {
        background: rgba(254, 225, 159, 0.8509803921568627);
        padding: 2%;
        border-radius: 10px;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
    }

    .h4.iFont.iFont-light {
        padding: 4% 3%;
        margin: 5% 10%;
    }


    .m-logos {
        margin: 5%;
        background: #ffffff;
        padding: 4% 0%;
        border-radius: 60px;
        margin-top: 50%;
    }

    .founding-logo {
        background-color: white;
        border-radius: 25px;
        padding: 2% 1%;
        width: 26%;
        position: absolute;
        left: 50%;
        margin-left: -50px;
    }

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

        .form-group > .control-label {
            color: rgb(109,58,93);
            /*color: rgb(255, 255, 255);*/
        }

        .form-group > .form-control {
            max-width: 80%;
            margin-left: 10%;
            margin: auto;
        }
    /*--------------------END Header--------------------------*/
    /*--------------------body--------------------------*/
    .warning.row .col-11 {
        max-width: 89%;
    }

    nav.navbar > form, button.navbar-toggler {
        display: block !important;
    }

    nav.navbar.navbar-expand-lg {
        margin-top: 0px !important;
    }

    .card.gedf-card {
        margin-bottom: 2rem;
    }

    #j-list:last-child {
        margin-bottom: 6rem;
    }

    .left-side-bar {
        display: none;
    }

    /*.carousel-control-next-icon {
        background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="%23cd60f9…3cpath" d="M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z/%3e%3c/svg%3e"');
    }*/

    .container.ad {
        height: 100%;
        padding-bottom: 0px !important;
        /* background-image: url('../images/wallpaper.jpg');*/
        background-image: url('../images/Login-Screen_Background.png');
        background-repeat: round;
    }

    .layer {
        display: none;
        /* background: rgba(67, 17, 125, 0.6784313725490196);*/
        background: rgb(237,190,201);
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* filter: blur(3px);*/
    }

    .form-text.m_topright {
        /* filter: brightness(0) invert(1);*/
    }

        .form-text.m_topright a {
            font-weight: 700;
        }

    .container.ad > .row {
        padding: 0;
        height: 100%
    }

        .container.ad > .row > .col-md-4, .container.ad > .row > .col-md-6 {
            padding: 0;
        }

    button#btn_login, button#btn_Reg, button#toKid, button#toUserinfo, #btn_verify, a#toHome {
        position: fixed;
        bottom: 0;
        width: 100%;
        border: none;
        /*background: rgb(128, 206, 185);*/
        /*background: rgb(14, 166, 125);*/
        background: rgb(109,58,93);
        /*     color: rgb(255, 255, 255);*/
        color: rgb(154,185,173) !important;
        font-size: x-large;
        border-radius: 0% !important;
        padding: 15px 0px;
        margin: 0px;
    }

    a#toHome {
        top: 0;
        bottom: auto;
    }

    input.form-textbox {
        width: 80%;
        margin-left: 10%;
        border: none;
        background: rgb(255, 255, 255);
        border-bottom: 1px solid rgb(218, 218, 218);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
        border-radius: 0;
    }

        input.form-textbox::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: rgb(218, 218, 218);
            opacity: 1; /* Firefox */
        }

    .form-textbox-danger {
        margin: 0px 10%;
    }

    .h4 {
        font-size: 18px;
        text-align: center;
    }

        .h4 > img, .reg-img > img {
            background: rgb(218, 218, 218);
            border-radius: 50%;
        }

        .h4 > img {
            width: 50px;
        }

    .form-text > a, .form-text > label {
        /*        font-style: normal;
        font-weight: 500;
        color: rgb(218, 218, 218);*/
        font-weight: 700;
        color: rgb(109,58,93);
        font-family: 'Quicksand', sans-serif;
    }

        .form-text > label > input {
            height: 11px;
            width: 12px;
            background-color: rgb(238, 238, 238);
        }

            .form-text > label > input:after {
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                background-color: red;
            }

    .m_topright {
        text-align: right;
        /*width: 50%;*/
        width: 48%;
        height: 30px;
        padding-right: 6%;
        font-size: large;
    }

    .m_back {
        text-align: left;
        width: 50%;
        height: 30px;
        padding-left: 6%;
    }

    .m_contant {
        padding: 0px !important;
        /*padding-bottom: 20% !important;*/
    }
    /*.vq {
        padding-top: 30% !important;
    }*/

    .comment-username {
        font-size: smaller;
    }

    .centered {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .reg.h2.iFont.iFont-light {
        margin-top: 45%;
    }

    .col-lg-6.col-md-8.m_contant.reg {
        padding-bottom: 0% !important;
    }

    .step1, .step2, .step3 {
        background: transparent;
        color: white;
        border: none;
        margin-bottom: 45%;
    }

    .img-li > img {
        width: 60px !important;
        height: 60px !important;
        border-radius: 50%;
    }

    input#fUpload {
    }

    #toStep1, #toStep2, .step2, .step3 {
        display: none;
    }

    .inner-btn.left, .inner-btn.right {
        width: 20%;
    }

    .iPrimeBtn.left, .iPrimeBtn.right, .iPrimeBtn.rightdisabled {
        width: 25%;
    }

    .iSearchbox {
        width: 80%;
    }




    button.collapseTitle {
        width: 100%;
    }

    .iList {
        list-style: none;
        background: rgb(224, 239, 255);
        margin: 0px 3%;
        text-align: left;
        padding-left: 40px;
    }

    .comment-list .usericon {
        width: 32px;
        height: 32px;
    }

    .iLink {
        padding: 3px 0px;
        margin-left: 0px;
    }

        .iLink > a {
            color: rgb(101, 80, 80);
            font-weight: bold;
            font-size: unset;
        }

    .story-temp {
        padding: 0rem;
    }
    /*--------------------body--------------------------*/
    /*imagecarousel css code start*/
    /*.carousel-thumbnails {
        margin-bottom: 5rem;
    }*/
    .wide {
        padding: 1%;
        padding-top: 5%;
        /*width: 100vw;*/
        position: relative;
        /*left: calc(-50vw + 50%);*/
    }

    .carousel {
        position: relative;
    }

    .carousel-inner {
        /*     position: relative;
        width: 100%;
        overflow: hidden;
        height: 458px;
        background-color: black;*/
        position: relative;
        /*     width: 358PX;*/
        overflow: hidden;
        /*   height: 358px;*/
        background-color: black;
        width: 100%;
        height: auto;
    }

    .img-p.item,
    .img-l.item {
        height: 100%;
    }

        .img-p.item > img {
            height: 100%;
            width: auto;
            margin: auto;
        }

        .img-l.item > img {
            width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            transform: translate(0%, -50%);
        }

    .carousel-thumbnails .carousel-indicators {
        /*margin-bottom: -4.69rem;*/
        position: absolute;
    }

        .carousel-thumbnails .carousel-indicators li {
            height: auto;
            /*width: 6.25rem;*/
            max-width: 6.25rem;
            /*border: none;*/
        }

    .carousel-indicators-home li {
        display: none;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: rgb(255, 255, 255);
    }

    .carousel-indicators-home .active {
        display: block !important;
    }

    .carousel-thumbnails .carousel-indicators img {
        max-width: 6.25rem;
        height: auto;
        overflow: hidden;
        display: block;
    }

    img {
        vertical-align: middle;
        border-style: none;
    }

    /*carousel css end*/
    .homecontainer {
        display: flex; /* or inline-flex */
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }



    .body-content {
        height: 100%
    }

    ul.img-container {
        margin-top: 0;
        padding-top: 0;
        vertical-align: top;
    }

    .img-li {
        padding-top: 5px !important;
    }

    .ctitle {
        color: rgb(6, 49, 49) !important;
        text-decoration: none;
    }

    html, body {
        margin: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 100%;
    }



    /* Style the links inside the navigation bar */
    .navbar a {
        float: left;
        display: block;
        color: rgb(242, 242, 242);
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        /* Change the color of links on hover */
        .navbar a:hover {
            background-color: rgb(221, 221, 221);
            color: black;
        }

        /* Add a color to the active/current link */
        .navbar a.active {
            background-color: rgb(76, 175, 80);
            color: white;
        }
    /* Hide captions */
    .carousel-caption {
        display: none;
    }


    ul.img-container {
        margin-top: 0;
        padding-top: 0;
        vertical-align: top;
    }

    .main {
        padding: 16px;
        margin-bottom: 30px;
    }


    .icons {
        width: 100%;
        height: 100%;
        border-radius: 100px;
    }


    span.round-tabs {
        width: 70px;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        border-radius: 100px;
        background: white;
        z-index: 2;
        left: 0;
        text-align: center;
        font-size: 25px;
    }

    .selectbead {
        transition: opacity .6s ease;
    }


    .nav-tabs > li.active > a span.round-tabs {
        background: rgb(250, 250, 250);
    }
    /*#btn_Reg {
            display: none;
        }*/
    img.filter.login {
        position: fixed;
        left: 5%;
    }

    .usericon {
        width: 32px;
        height: 32px;
    }


    .lfloat > .usericon {
        width: 45px;
        height: 45px;
    }

    .input-group .pill {
        max-width: calc(100vw - 98px);
        width: 90%;
    }

    .form-group.row {
        text-align: right;
        width: 100%;
    }

    .card-body.reg {
        padding: 1rem 0rem;
    }

        .card-body.reg > .form-group {
            margin-bottom: 10%;
        }

    .nav.nav-pills.nav-stacked > li > a {
        /*border-radius: 10px;*/
    }

    .tab-head {
        width: 100%;
    }

    .pv_logo_img_con {
        margin-top: 2%;
        /*      margin-left: 17.5%;
        width: 65%;*/

        margin-left: 10%;
        width: 80%;
        padding: 2% 0%;
        /* padding: 0%;*/
    }

    .pv_logo_bear {
        background: transparent;
    }

    .pv_logo_img {
        width: 50%;
        background: white;
        padding: 1% 3%;
        border-radius: 60px;
    }

    form#logoutForm {
        margin-left: 3%;
    }

        form#logoutForm img, .m-title-right img {
            width: 45px;
            height: 45px;
            object-fit: cover;
        }

    .m-title-right {
        margin-right: 3%;
    }

    .m-title-left {
        margin: 2% 0%;
        margin-left: 3%;
    }

        .m-title-right img, .m-title-left img {
            width: 36px;
            height: 36px;
        }

    .h7.text-muted {
        font-size: x-small;
    }

    .s-mar-box {
        padding: 1%;
    }
    /*.s-mar-box .iPrimeBtn {
            background: transparent;
        }*/

    .j-bottom-space {
        padding-bottom: 6rem;
        background-color: rgb(250, 250, 250);
    }

    .m-tab .tab {
        margin: 0px;
    }

    .col-6.form-text {
        flex: 0 0 49%;
    }
    /*.animate {
        animation-duration: 1s;
        -webkit-animation-duration: 1s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }

    @keyframes slideIn {
        0% {
            transform: translateX(3rem);
            opacity: 0;
        }

        100% {
            transform: translateX(0rem);
            opacity: 1;
        }

        0% {
            transform: translateX(3rem);
            opacity: 0;
        }
    }

    @-webkit-keyframes slideIn {
        0% {
            -webkit-transform: transform;
            -webkit-opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -webkit-opacity: 1;
        }

        0% {
            -webkit-transform: translateX(5rem);
            -webkit-opacity: 0;
        }
    }

    .slideIn {
        -webkit-animation-name: slideIn;
        animation-name: slideIn;
    }*/

    .nav-item.dropdown.show .dropdown-item {
        /*border-bottom: 1px solid rgb(255, 255, 255);*/
        border-bottom: 1px solid #9ab9ad;
        width: 100% !important;
        font-weight: 700;
        text-align: center;
        padding: 3%;
    }

        .nav-item.dropdown.show .dropdown-item:last-child {
            border-bottom: none;
            padding-bottom: 0%;
        }

    .box-wrap.over-size-width {
        margin-bottom: 6rem;
    }

    #team .res-title {
        width: 90%;
        margin: 0% 5%;
    }

    div#team .card, div#team, .col-lg-6 {
        background: rgb(250, 250, 250);
    }

        .col-lg-6.col-md-8.m_contant {
            background: transparent;
        }

            .col-lg-6.col-md-8.m_contant p {
                margin: 5%;
                color: rgb(255, 255, 255) !important;
            }

    .d-flex.justify-content-around.mobile.mobile-menu.hidden-print a {
        text-align: center;
        /*opacity:0.8;*/
    }

    .pointer {
        width: 20%;
        text-align: center;
    }

    .top-pointer {
        margin-top: 15px;
        margin-right: 3%;
    }

        .top-pointer img {
            width: 48px;
            height: 48px;
        }

    .comment-button {
        bottom: 4px;
        right: 6px;
    }

    i.fas.fa-paper-plane {
        color: #367dc0;
        font-size: 2rem;
        bottom: 4px;
    }

    button.pill-button.editcomment {
        position: absolute;
        bottom: 30px;
        padding: 0px !important;
    }

        button.pill-button.editcomment i.fas.fa-paper-plane {
            font-size: 1.5rem;
        }

    .pill .pill-txt-box {
        width: 90%;
    }

    .list-group.comment-list .pill.comment {
        width: 75%;
    }

    #SearchDiv label.iFont {
        width: 20%;
    }

    #SearchDiv input.datepicker {
        width: 61%;
    }

    .searchbead.search-list {
        display: inline-block;
        width: 30%;
        text-align: center;
        vertical-align: top;
    }

        .searchbead.search-list img {
            width: 50%;
            height: auto;
        }

        .searchbead.search-list label {
        }



    .follower-list {
        -ms-overflow-style: none;
        height: 65px;
    }

        .follower-list::-webkit-scrollbar {
            display: none;
        }

    .table > thead > tr > th {
        font-size: small;
    }

    button.iPrimeBtn.left.modal-btn-close {
        width: 32%;
    }

    .regi {
        margin-bottom: 7rem;
        margin-top: 7rem;
    }

    .container.ad.m-remove-top-padding.reg,
    .layer.reg {
        height: 130%;
    }

    .margin-nag-15 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-lg-12.col-md-11.tab > .row {
  
        width: 94%;
    }

    #myc_menu {
        float: left;
        /*width: 8.5%;*/
        width: 12%;
    }

        #myc_menu > li {
            height: 150px;
            max-width: unset;
            border-radius: 10px 0px 0px 10px !important;
            width: 100%;
        }

            #myc_menu > li > a {
                writing-mode: vertical-rl;
                text-orientation: sideways-right;
                transform: rotate(180deg);
                border-radius: 0px 10px 10px 0px !important;
                height: 100%;
            }

    .myc-body {
        min-height: 60vh;
    }

    img.header-logo {
        width: 35%;
    }
}
/*-------------------------- Smaller Screens END-------------------------------------------------------------------------------------------- */
@media all and (max-width: 320px) {
    .iPrimeBtn.left, .iPrimeBtn.right, .iPrimeBtn.rightdisabled {
        width: 35%;
    }

    .table > thead > tr > th {
        font-size: 11px;
        vertical-align: middle;
        padding: 8px 2px;
    }

    .tgl + .tgl-btn {
        width: 3em;
    }

    img.header-logo {
        width: 35%;
    }
}
/*-------------------------- iPad Screens------------------------------------------------------------------------------------------------ */
@media all and (min-width: 768px) and (max-width: 1024px) {

    .ipad {
        display: block;
    }

    .modalfontsize {
        font-size: 3vw !important;
    }

    a .box {
        /*border: 3px dashed rgba(189, 8, 189, 0.2784313725490196);*/
        /*border: 3px dashed rgba(229, 99, 133);*/
        border: 3px dashed #6e3a5e;
        padding-top: 3%;
        width: 20%;
        padding-bottom: 4%;
        border-radius: 10%;
    }

    #btn_login, #btn_verify, #toHome, #btn_Reg {
        display: none;
    }

    .logo-ahs,
    .logo-bear,
    .logo-heart {
        margin-top: 1rem;
    }

    .logo-ahs {
        width: 40%;
    }

    .logo-bear {
        margin-top: 2rem;
        width: 25%;
        margin-left: 3%;
    }

    .logo-heart {
        width: 27%;
        margin-top: 6%;
        margin-left: 1%;
    }

    .comment-list .usericon {
        width: 7%;
    }

    .left-side-bar {
        display: none;
    }

    .ipad-hide {
        display: none;
    }

    .form-text.m_topright.mobile,
    nav.navbar > form,
    button.navbar-toggler,
    .mobile.user-icon,
    .d-flex.justify-content-around.mobile.m-header,
    .d-flex.justify-content-around.mobile.mobile-menu,
    .mobile.center.m-logos,
    .mobile.center, .desktop {
        display: none !important;
    }

    .ipad-show {
        display: block !important;
    }

    .ipad-inline {
        display: inline-block !important;
    }

    .m-logos {
        margin: 5%;
        background: #ffffff;
        padding: 4% 0%;
        border-radius: 60px;
        margin-top: 50%;
    }



    .iconddl.mobile {
        display: none;
    }

    .card.gedf-card {
        margin-bottom: 3rem;
    }

    a.mobile-add-btn > img {
        height: 50px;
    }

    .mobile-add-btn {
        z-index: 3;
        position: fixed;
        text-align: center;
        right: 60px;
        bottom: 200px;
    }

    .search-post-con {
        margin-top: 2rem;
    }

    .pill.comment {
        width: 90%;
    }

    a.inner-btn.left,
    input.inner-btn.right {
        width: 20%;
    }

    .modal-img-li {
        width: 25%;
    }

    .p2.lfloat {
        width: 10%;
    }

        .p2.lfloat img {
            width: 84%;
        }

    .col-lg-6.col-md-8.m_contant {
        position: relative;
        margin-top: 5%;
        padding: 2% 4%;
        border-radius: 20px;
        background: #edbec9;
        text-align: center;
    }

        .col-lg-6.col-md-8.m_contant.purple {
            background: #6d3b5d !important;
        }


    .h2.iFont.iFont-light {
        background: rgb(230, 174, 207);
        padding: 2% 3%;
        margin: 2% 15% 5% 15%;
        border-radius: 25px;
    }

    .card.step1.col-lg-12.reg {
        background: transparent;
        border: none;
    }

    /*#btn_Reg {
        background-color: var(--btn-prime-color);
        border: none;
        color: var(--btn-prime-font-color) !important;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
        font-size: large;
        font-weight: bold;
        display: inline-block;
        margin: 0px 2px;
        cursor: pointer;
        border-radius: 30px;
    }*/

    .col-lg-12.col-md-11.tab {
    }

    #profile-form, #change-password-form {
        padding: 1rem;
    }

    .d-flex.justify-content-between.mobile.m-header {
        display: none !important;
    }

    .add.ipad img {
        display: block !important;
        height: 50px;
        z-index: 3;
        position: fixed;
        text-align: center;
        right: 45px;
        bottom: 150px;
    }

    img.header-logo {
        width: 35%;
    }
}

@media all and (max-device-width: 1024px) {

    .story-temp {
        min-height: 66vh;
    }

    .footer {
        /*padding-bottom: 90px;*/
        /*padding-bottom: 140px;*/
    }
}
/*-------------------------- iPad Screens END------------------------------------------------------------------------------------------------ */
/*-------------------------- Big Screens------------------------------------------------------------------------------------------------ */
@media all and (min-width: 1025px) {
    .h4.desktop img {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        padding: 0px;
    }

    .d-logos {
        margin: 5%;
        background: #ffffff;
        padding: 4% 0%;
        border-radius: 60px;
        margin-top: 50%;
    }

    input#inviteFCEmail {
        width: 290px !important;
        text-align: center;
    }

    optgroup {
        /*display: none;*/
    }

    .form-control-plaintext.text-center.border-0 {
        color: #212529;
        font-size: large;
    }

    .fontC {
        color: #212529;
    }

    .ipad {
        display: none;
    }

    .logo-ahs {
        /*      width: 35%;*/
        width: 25%;
        margin-top: 1%;
    }

    .logo-bear {
        /* width: 18%;*/
        width: 18%;
        margin-left: 3%;
        margin-top: 1%;
        /*margin-top: 2%;
     width: 15%;
     margin-left: 3%;*/
    }

    img.header-logo {
        width: 35%;
    }

    .logo-heart {
        width: 19%;
        margin-left: 25px;
        margin-top: 2%;
    }

    .modal-img-li {
        width: 25%;
    }

    .story-temp {
        padding: 3rem 0rem;
    }

    .mobile, nav.navbar > form, button.navbar-toggler {
        display: none !important;
    }

    .card.gedf-card {
        margin-bottom: 5rem;
    }

    .openspace {
        padding-top: 3%;
    }

        .openspace.large {
            padding-top: 10%;
        }

    .box {
        /*border: 3px dashed rgba(189, 8, 189, 0.2784313725490196);*/
        /*border: 3px dashed rgba(229, 99, 133);*/
        border: 3px dashed #6e3a5e;
        padding-top: 3%;
        width: 20%;
        padding-bottom: 4%;
        border-radius: 10%;
    }

    .noborder {
        border: none !important;
    }

    #toUserinfo, #toKid {
        display: none;
    }

    #btn_Reg {
        display: block;
    }

    .card.step1.col-lg-12.reg {
        border-bottom: none;
        border-radius: 5px 5px 0px 0px;
    }

    .card.step2.col-lg-12.reg {
        border-top: none;
        border-radius: 0px 0px 5px 5px;
    }

    .card.step3.col-lg-12.reg {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .card-body.reg {
        padding-right: 7%;
        padding-left: 7%;
    }

    .col-lg-12.reg {
        padding-top: 3%;
        padding-left: 6%;
        padding-right: 6%;
        background: rgba(0, 123, 255, 0.12156862745098039);
    }

    .col-lg-12.col-md-6.reg {
        padding: 3% 1%;
    }

    .col-lg-12.reg {
        /*width:30%;*/
        display: inline;
    }

    .step1, .step2, .step3 {
        /*width: 33%;*/
        margin: 0 !important;
        background: transparent !important;
        border: none;
    }

    .m_back {
        width: 0px;
    }

    h2.reg.h2 {
        padding: 3%;
    }

    button#btn_Reg, h2.reg.h2 {
        margin: auto;
        left: 50%;
    }

    .box.center {
        margin-right: 1%;
    }

    a.box.center > img {
        margin-bottom: 3%;
    }

    .box.center:last-child {
        margin-right: 0px;
    }

    .box.center > a {
        text-decoration: none;
    }

    .box.center:hover {
        background: rgba(229, 99, 133, 0.30980392156862746);
        cursor: pointer;
        /*border: 3px solid rgba(189, 8, 189, 0.2784313725490196);*/
        /*border: 3px dashed rgba(229, 99, 133);*/
        border: 3px dashed #6e3a5e;
    }

    .carousel-inner {
        background: rgb(19, 18, 18);
        vertical-align: middle;
        /*  height: 452px;*/
        /*    height: 385px;*/
    }

        .carousel-inner > .item > img {
            display: block;
            max-width: 385PX;
            height: auto;
        }

    .j-images {
        margin: auto;
    }

    .input-group .usericon {
        height: 40px;
        width: 40px;
    }

    .pill.comment {
        width: 90%;
    }

    .usericon {
        width: 35px;
        height: 35px;
    }


    .container.ad > .row {
        text-align: center;
        float: none;
        margin: 0 auto;
    }

    /*.col-lg-6.col-md-4.m_contant,*/
    .col-lg-6.col-md-8.m_contant {
        position: relative;
        left: 20%;
        right: auto;
        margin-top: 5%;
        padding: 2% 4%;
        border-radius: 20px;
        /*background: rgba(0, 123, 255, 0.12156862745098039);*/
        background: #edbec9;
    }

        .col-lg-6.col-md-8.m_contant.purple {
            background: #6d3b5d;
        }

    .purple

    .col-lg-6.col-md-8.m_contant {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #btn_d_reg, #btn_login, #_btn_login {
        border-radius: 25px;
        /*        background: rgb(101, 196, 216);*/
        background: #6d3b5d;
        color: rgb(255, 255, 255);
        font-weight: 700;
        padding: 1% 5%;
        margin-right: 10%;
        margin-left: 10%;
        border: none;
    }

    .pink-red {
        background: #e56385 !important;
    }

    .white {
        color: #ffffff !important;
    }

    .bold {
    }

    .form-group > input {
        border: 1px solid rgb(0, 0, 0);
        border-top: none;
        border-left: none;
        border-right: none;
        box-shadow: none;
        border-radius: 0px;
    }

        .form-group > input:hover {
            border-bottom-color: rgb(1, 172, 189);
            box-shadow: 0px 2px 0px 0px rgba(1, 172, 189, 0.1803921568627451);
        }

    .h2.iFont.iFont-light {
        background: rgb(230, 174, 207);
        padding: 2% 3%;
        margin: 2% 15% 5% 15%;
        border-radius: 25px;
    }

    .iFont.iFont-light {
        padding: 2% 3%;
        margin: 2% 15% 2% 15%;
        border-radius: 25px;
        font-size: 2.5rem;
        font-weight: 700;
        color: #6d3b5d;
    }

    .h3.iFont.iFont-light {
        padding: 2%;
        border-radius: 10px;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
        color: rgb(101, 80, 80);
        margin-bottom: 17%;
    }

    #btn_Reg {
        background-color: rgb(101, 196, 216);
        border: none;
        color: rgb(255, 255, 255) !important;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
        font-size: large;
        font-weight: bold;
        display: inline-block;
        margin: 0px 2px;
        cursor: pointer;
        border-radius: 30px;
    }

        #btn_Reg:hover {
            background-color: rgb(101, 196, 216);
            color: rgb(255, 255, 255) !important;
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
        }

    .h4.iFont.iFont-light {
        padding: 3% 0%;
        margin: 5% 15%;
        font-weight: bold;
        margin-top: 0px;
    }

    .h4.iFont.iFont-dark {
        font-weight: bold;
    }

    .box-wrap-title-full {
        font-weight: bold;
        margin-top: 0px;
        width: 100%;
        border-radius: 15px 15px 0px 0px !important;
        margin: 0px !important;
        margin-bottom: 5% !important;
    }

        .box-wrap-title-full.sec {
            background: rgb(183, 221, 224) !important;
        }

    .box-wrap-footer-full.sec {
        margin: 5% 0px 0px 0px !important;
        background-color: rgb(212, 204, 204) !important;
        border-radius: 0px 0px 10px 10px !important;
        padding: 7px !important;
    }

    .box-wrap {
        /*padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;*/
        padding: 1%;
    }

        .box-wrap > .form-group:first-child {
            padding-top: 2%;
        }

    .node.well.well-sm.box-wrap.sec {
        padding: 0%;
    }

    .tab {
        margin: 0px 15%;
    }

    .tab-head {
        max-width: 95%;
    }

    /*.form-group > .form-control {
        max-width: 70%;
        margin: 0% 15%;
    
    }*/
    #DDLBeadTypes, input#Description {
        max-width: 40%;
        margin: 0% 30%;
    }

    .dtable {
        display: table;
        width: 100%;
    }


    .drow {
        display: table-row;
        width: 100%;
    }

    .dcell {
        display: table-cell;
    }

        .dcell.tRight {
            width: 25%;
        }

            .dcell.tRight label {
                width: 100% !important;
            }

    .input-group-append {
        float: right;
    }

    select#ddUnitSelect {
        width: 30% !important;
    }

    form.ihs-admin-form .form-group label {
        width: 25%;
        text-align: right;
        padding-right: 10px;
    }

    form.ihs-admin-form .form-group input {
        margin: 0px;
    }

    form.ihs-admin-form .form-group small {
        margin-left: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    form.ihs-admin-form textarea {
        max-width: 100%;
        margin: 0% 0%;
    }


    .pull-left {
        width: 50%;
    }

    .select-number {
        width: 8rem;
    }

    .bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
        display: inline-block !important;
    }

    .dropdown-menu {
        min-width: 7rem;
    }

    .caret {
        display: none;
    }

    .con-wrap {
        /*margin: 0px 25%;*/
        margin: 0px;
    }

    .s-col, .m-col {
        margin-left: 1%;
        padding-left: 1%;
    }

    .s-col {
        position: relative;
        width: 10%;
        text-align: center;
    }

    .m-col {
        width: 40%;
        /*text-align: center;*/
    }

    input[type=number]::-webkit-inner-spin-button {
        opacity: 1;
    }

    input#txtemail, .popinput {
        border: 2px solid lightslategray !important;
        border-radius: 25px !important;
        width: 80% !important;
        margin-top: 5% !important;
    }

    input#txtadname, .popinput {
        border: 2px solid lightslategray !important;
        border-radius: 25px !important;
        width: 80% !important;
        margin-top: 5% !important;
    }

    .table.admin > tbody > tr > td,
    .table.admin > tbody > tr > th,
    .table.admin > tfoot > tr > td,
    .table.admin > tfoot > tr > th,
    .table.admin > thead > tr > td,
    .table.admin > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: middle;
        border-top: 1px solid rgb(221, 221, 221);
        display: inline-block;
    }

    .table.admin > tbody > tr > td,
    .table.admin > tfoot > tr > td,
    .table.admin > thead > tr > td {
        border: none;
    }

    .table.admin > tbody > tr > td {
        text-align: left;
    }

        .table.admin > tbody > tr > td:last-child {
            text-align: center;
        }

    .reg.h2.iFont.iFont-light {
        margin-top: 3%;
    }

    /*iHeart Admin (Unit, Role, Staff, Resource, Heading) 
        Forms and Table Style*/
    .ihs-admin-form > .form-group > label {
        font-weight: 700;
    }

    .ihs-admin-form .form-inline > .form-group > label {
        font-weight: bold;
        padding: 0.5em;
    }

    .ihs-admin-form > .form-group > .form-control.ihs-admin-select {
        margin-left: unset;
        max-width: unset;
    }

    .ihs-admin-modal .modal-footer {
        display: inline-flex;
    }

    .ihs-admin-form .form-group .input-container {
        border: initial;
    }

    .ihs-admin-form .input-group {
        height: unset;
        margin: 1px 2px 1px 2px;
        padding: 2px 0 2px 0;
        border: 1px solid rgb(206, 212, 218);
        border-radius: 5px;
    }

    .ihs-admin-form .input-container .input-group-append button {
        padding: 0.375rem 0.75rem;
        background: unset;
        color: rgb(108, 117, 125);
    }

    .ihs-admin-modal .btn-danger.iPrimeBtn {
        background: rgb(220, 53, 69);
    }

    .ihs-admin-table thead {
        background: rgb(101, 196, 216);
        color: rgb(255, 255, 255);
    }

    .ihs-admin-table > tbody > info > td {
        background: rgb(101, 196, 216);
    }

    .ihs-admin-table-col {
        overflow-wrap: break-word;
    }

    .ihs-admin-table > tbody > tr > td > .detail-icon {
        color: rgb(177, 33, 151);
    }

    .ihs-admin-table tbody tr:nth-of-type(odd) {
        background-color: rgb(218, 249, 255);
    }

    .ihs-admin-grp-action {
        width: 100%;
    }

    .ihs-admin-icon-edit {
        background-image: url('../images/edit-64.png');
        background-size: cover;
        display: inline-block;
        height: 25px;
        width: 25px;
    }

    .ihs-admin-icon-delete {
        background-image: url('../images/delete-bin-64.png');
        background-size: cover;
        display: inline-block;
        height: 25px;
        width: 25px;
    }

    .ihs-admin-icon-search {
        background-image: url('../images/search-bw.png');
        background-size: cover;
        display: inline-block;
        height: 25px;
        width: 25px;
    }

    .ihs-admin-btn {
        background-color: rgb(25, 179, 177);
    }

    .ihs-admin-btn-edit, .ihs-admin-btn-delete, .ihs-admin-btn-search {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }

    /*.con-loading {
                width: 20%;
                left: 40%;
            }*/
    .inner-con-loading {
        width: 20%;
        left: 40%;
        bottom: 50%;
        height: 10%;
    }

    ul#img-container img {
        width: 64px;
        height: 64px;
        border-radius: 50%;
    }

    .form-control {
        max-width: 60%;
        margin: 0% 20%;
    }

    .security-set {
        max-width: 90%;
        margin: 0;
        display: inline-block;
    }

    #fuzzysearchtext {
        margin: 0px;
    }

    .img-p.item,
    .img-l.item {
        height: 100%;
    }

        .img-p.item > img {
            height: 100%;
            width: auto;
            margin: auto;
        }

        .img-l.item > img {
            width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            transform: translate(0%, -50%);
        }

    .pull-left.search.input-group .input-group {
        display: block;
    }

        .pull-left.search.input-group .input-group .form-control.search-input {
            margin-left: 0px;
            margin-right: 0px;
        }

    .searchbead.search-list {
        width: 16%;
        display: inline-block;
    }

    .searchbead > img {
        width: 64px;
        height: 64px;
    }
}
/*-------------------------- Big Screens End------------------------------------------------------------------------------------------------ */
@media print {
    @page {
        margin: 0px !important;
        padding: 0px !important;
        size: letter;
    }

    html {
        margin: 0px !important;
    }

    body {
        margin-top: -180px !important;
        padding: 0px !important;
    }

    .center.visible-print {
        margin-bottom: 5%;
    }

    .welcomeHeaderImage {
        width: 100% !important;
        height: auto !important;
        object-fit: fill !important;
    }

    .col-lg-8 {
        padding: 0px !important;
        margin: 0px !important;
    }

    .logo-ahs {
        width: 30%;
        margin-right: 5%;
    }

    .logo-ahs-welcome {
        width: 50%;
        height: 50%;
        float: right;
        padding: 20px 20px 0px 0px;
        margin-bottom: 0px;
    }

    .logo-bear-weclome {
        width: 35%;
        height: 35%;
        float: right;
        padding: 10px 0px 0px 20px;
        margin-bottom: 0px;
    }

    .logo-bear {
        width: 20%;
        margin-right: 3%;
    }

    .logo-heart {
        width: 25%;
        margin-top: 1%;
    }

    .node.well.well-sm.box-wrap.sec {
        /*margin-top: 30%;
                page-break-after: always;*/
    }

        .node.well.well-sm.box-wrap.sec:nth-child(2n) {
            /* page-break-after: always;*/
        }
}