#PetAdoptionDivArea {
    background-image: url('/images/PetAdoptionImages/petofy-adoption-bg.png');
}

.top-padding {
    padding-top: 85px !important;
}

.ad-margin {
    margin-top: 1em !important;
}

.start-your-discussion-here {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 0em;
    color: #6fac00;
    margin-top: 0.5em;
}

.discussion-search-box {
    /*margin-left: 8em;
        width: 540px;*/
    height: 42px;
    border-radius: 21px;
    box-shadow: 0 0 4px 0px rgba(99, 99, 99, 0.38);
}

.Rectangle-2-copy {
    text-align: center;
    /*width: 280px;*/
    height: 38px;
    border-radius: 4px;
    box-shadow: 0 0 14.9px 0.2px rgba(0, 68, 96, 0.18), 0px 2px 9.8px 0.2px rgba(0, 68, 96, 0.16);
    background-color: #37aeff;
}

.Start-New-Discussion {
    /*width: 157px;*/
    height: 13px;
    font-family: NunitoSans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.discussion-bg {
    /*margin-top:2em;*/
    /*text-align:center;*/
    /*width: 280px;*/
    padding-left: 3em;
    height: 362px;
    border-radius: 8px;
    box-shadow: 0 0 4px 0px rgba(99, 99, 99, 0.38);
    background-color: #ffffff;
}

.Layer-4 {
    width: 32px;
    height: 30px;
    color: #76b600;
    margin-top: 0.5em;
    font-size: 25px;
}

.All-Discussion {
    /*width: 103px;
        height: 13px;*/
    font-family: NunitoSans;
    /*font-size: 16px;*/
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.38;
    letter-spacing: normal;
    text-align: left;
    color: #76b600;
}

.Ellipse-1 {
    width: 20px;
    height: 20px;
    color: #ffc65f !important;
}

.Pet-Adoption {
    /*width: 91px;
        height: 15px;*/
    font-family: NunitoSans;
    /*font-size: 16px;*/
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 4.38;*/
    letter-spacing: normal;
    text-align: left;
    color: #7b7b7b;
}

.Ellipse-2 {
    width: 20px;
    height: 20px;
    color: #85e7c0 !important;
}


.Ellipse-3 {
    width: 20px;
    height: 20px;
    color: #9f84f8 !important;
}



.Ellipse-4 {
    width: 20px;
    height: 20px;
    color: #f6797a !important;
}



.Ellipse-5 {
    width: 20px;
    height: 20px;
    color: #7cd9e1;
}


.Ellipse-6 {
    width: 20px;
    height: 20px;
    color: #ed79c4 !important;
}

.bot-mar {
    margin-bottom: 1em;
}

.file-opt {
    margin-bottom: 0.8em;
    padding: 0.5em;
    /*width: 974px;*/
    /*height: 120px;*/
    border-radius: 8px;
    box-shadow: 0 0 4px 0px rgba(99, 99, 99, 0.38);
    background-color: #ffffff;
}

.file-opt-comment {
    margin-bottom: 0.8em;
    padding: 0.5em;
    /*width: 974px;*/
    /*height: 120px;*/
    /*border-radius: 8px;*/
    /*box-shadow: 0 0 4px 0px rgba(99, 99, 99, 0.38);*/
    background-color: #ffffff;
    border-top: 1px solid rgba(99, 99, 99, 0.38);
}

.circle-icon-comment {
    background: #77b700;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    color: white;
}

.file-1 {
    font-size: 70px;
    color: #ffffff;
}

.circle-icon {
    background: #77b700;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    /*padding: 30px;*/
    color: white;
}

.title-h {
    /*width: 192px;*/
    height: 29px;
    font-family: NunitoSans;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.19;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.descript {
    /*width: 823px;
        height: 15px;*/
    font-family: NunitoSans;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.38;
    letter-spacing: normal;
    text-align: justify;
    color: #9b9b9b;
    margin-top: 1em;
}

p {
    font-weight: normal !important;
}

.ddn {
    width: 110px;
    height: 38px;
    border-radius: 4px;
    box-shadow: 0px 1px 6.9px 0.1px rgba(0, 68, 96, 0.24);
    background-color: #ffffff;
}


.breadcrumb {
    background: #5e5e5e !important;
}

.mce-tinymce {
    width: 100% !important;
}

.header-top {
    /*padding: 1em;*/
    background: #5e5e5e;
    margin-bottom: 1em;
}

nav ol li a {
    color: #6fac00;
    text-transform: uppercase;
    font-weight: bold;
}

.breadcrumb > .active {
    color: white !important;
}

nav ol li a:hover, a:focus {
    color: white;
    text-decoration: underline;
}

.user-cl {
    font-weight: normal !important;
}

a :hover {
    color: black !important;
}


.comment-div {
    position: relative;
}

    .comment-div a {
        position: absolute;
        bottom: 0;
        right: 0;
    }