.navbar-brand {
    font-size: x-large;
}

.has-error {
    font-weight: normal !important;
}

/*
trix-editor:empty:not(:focus)::before {
  color:#06CC72;
}
    */
/*Added 07-03-2021 for cursor issues - solution defined on Github https://github.com/basecamp/trix/issues/859 */
	
	trix-editor:empty:not(:focus)::before {
  pointer-events: none;
}
	/*Added Dec-31 2021 */



.GreenPlaceholder:empty:not(:focus)::before {
  color: #06CC72;
}

.modal-dialog{margin: 0;margin-left: 142px;}
.panel-heading-landing {
    background-color: #428bca;
    color: white;
}

.landing-link {
    text-decoration: none !important;
    color: white;
}

.title-heading {
}

.field-info {
    background-color: #f9f9f9;
    border: solid 1px #a0c7ff;
    font-size: small !important;
    padding: 10px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.import-report h4 {
    display: inline-block;
}

.import-report i {
    display: inline-block;
    float: right;
}

.dropdown-menu>li>a
{
	font-weight:550;
}
.letsBacOverlay {
    height: 100%;
    position: fixed;
    z-index: 9999999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.6);
    overflow-x: hidden;
    transition: 0.5s;
    width: 100%;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlayShow {
    width: 100%;
}

.overlayHide {
    width: 0%;
}

.bottom-text {
    bottom: 0px !important;
}

.back-btn {
}

.btn-default {
    color: #fff;
    background-color: #7d7d7d!important;
    border-color: #7d7d7d!important;
}
.btn-primary {
    color: #fff;
    background-color: #06CC72!important;
    border-color: #06CC72!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #06CB37!important;
    border-color: #06CB37!important;
}

.btn-success {
    color: #fff;
    background-color: #06CC72;
    border-color: #06CC72;
}
.btn-success:hover, .btn-success:active {
    color: #fff;
    background-color: #06CC72;
    border-color: #06CC72;

    /*background-color: #06CB37;
    border-color: #06CB37;*/
}


.fixedBottom {
    position: fixed;
    bottom: 0;
    left:0;right:0;
    z-index: 16;
}

.image-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
}

.logotxt {
    /*display: inline-block;*/
    vertical-align: top;
    float: none;
    font-weight: bold;
}

.image-wrapper > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
}

.pager-border {
    border-bottom: none !important;
    border-left: none !important;
}

.tabContent {
    background-color: white;
    height: 100%;
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
}

.custom-list-item {
    border: none !important;
}

.org-heart {
    margin-right: 20px;
}

.pagination {
    margin: 0px !important;
}

.nav-tabs > li > a {
}

.nav-tabs > li.active > a {
    background-color: #f1f1f1 !important;
}

.nav-tabs > li > a:hover {
    background-color: #06CC72 !important;
}

/* ! group labels */
.multiSelect .multiSelectGroup {
    background-color: #98D4F5 !important;
    font-size: larger !important;
    font-weight: bold !important;
}

.multiSelect .multiSelectItem {
    margin-left: 10px !important;
}

.fixed-width {
    width: 300 !important;
}

.delete-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.ng-modal-overlay {
    /* A dark translucent div that covers the whole screen */
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #CCCCCC;
    opacity: 0.2;
}

.ng-modal-dialog {
    /* A centered div above the overlay with a box shadow. */
    z-index: 10000;
    position: absolute;
    width: 50%; /* Default */
    /* Center the dialog */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #eee;
    box-shadow: 4px 4px 80px #000;
}

.ng-modal-dialog-content {
    padding: 10px;
    text-align: left;
    background-color: #fff;
    height: 100%;
    width: 100%;
}

    .ng-modal-dialog-content header {
        padding: 10px;
        font-weight: bold;
    }

.ng-modal-dialog-header {
    font-size: 150%;
}

.ng-modal-close {
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    font-size: 120%;
    display: inline-block;
    font-weight: bold;
    font-family: 'arial', 'sans-serif';
}

a.read-more, a.read-less {
    cursor: pointer;
    color: blue;
}

span.more-text {
    display: none;
}

    span.more-text.show {
        display: inline !important;
    }

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width: 400px;
    height: 400px;
}

form .progress {
    line-height: 15px;
}

.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}

    .progress div {
        font-size: smaller;
        background: orange;
        width: 0;
    }

.button {
    -moz-appearance: button;
    /* Firefox */
    -webkit-appearance: button;
    /* Safari and Chrome */
    padding: 10px;
    margin: 10px;
    width: 70px;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 200px;
    height: 65px;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
}

.dragover {
    border: 5px dashed blue;
}


.glyphicon {
    margin-right: 5px;
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.title-line {
    padding: 2px;
    margin: 2px;
    width: 50%;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: 10px;
}

    .item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover {
        background: #428bca;
    }

    .item.list-group-item .list-group-image {
        margin-right: 10px;
    }

    .item.list-group-item .thumbnail {
        margin-bottom: 0px;
    }

    .item.list-group-item .caption {
        padding: 9px 9px 0px 9px;
    }

    .item.list-group-item:nth-of-type(odd) {
        background: #eeeeee;
    }

    .item.list-group-item:before, .item.list-group-item:after {
        display: table;
        content: " ";
    }

    .item.list-group-item img {
        float: left;
    }

    .item.list-group-item:after {
        clear: both;
    }

.list-group-item-text {
    margin: 0 0 11px;
}

.panel-img {
    width: 150px;
    height: 100px;
    background-color: transparent;
}

.logo-img {
    width: 50px !important;
    height: 25px !important;
    background-color: transparent;
}

.sidebar-nav:not(.secondlevel) a {
    font-weight: bold;
    font-size: 14px !important;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.secondlevel a {
    font-weight: normal !important;
}

.sidebar-nav a:hover {
    background-color: #98D4F5 !important;
}

.panel-heading {
    background-color: ghostwhite !important;
    color: black !important;
    border-color: #98D4F5 !important;
}

.tab-pane .panel-heading {
    padding: 0;
}

    .tab-pane .panel-heading a {
        padding: 10px 15px;
        display: block;
    }

body {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color:transparent!important;
    /* float:  left; */
    padding-top: 0;
}

.navbar {
    background-color:transparent!important;
    margin-top: -2!important;
    /*background: -webkit-linear-gradient(white, #009DDE);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(white, #009DDE);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(white, #009DDE);*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(white, #009DDE);*/ /* Standard syntax */
    border: none;
}

.bck-green {
    color: #fff;
    background-color: #5cb85c;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

.bck-red {
    color: #fff;
    background-color: #c9302c;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

.bck-blue {
    color: #fff;
    background-color: #337ab7;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

[title]:hover:after {
    font-style: italic;
    color: gray;
}

.grey-text {
    color: #999;
}

.popover {
    background-color: #333 !important;
    color: white !important;
}

    .popover.top > .arrow:after {
        border-top-color: #333 !important;
        border-top-color: #333 !important;
    }

.popover-content {
    padding: 9px 9px !important;
}

.inline-text {
    display: inline-block;
}

.panel-heading-change {
      background-color: #06cc72 !important;
    color: ghostwhite !important;
    border-color: #06cc72 !important;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #06CC72;
    color: #fff;
    font-size: 17px;
}

.nav-tabs > li.active > a {
    background-color: #fff !important;
    border: 1px solid #009dde;
    border-bottom: 0;
    color: #009dde;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #06CC72;
        cursor: default;
        background-color: #fff;
        border: 1px solid #06CC72;
        border-bottom-color: #06CC72;
    }

.panel-primary {
    border-color: #06CC72;
}

.panel-default > .panel-heading {
    background-color: #06CC72 !important;
    color: #fbfbfb !important;
    border-color: #06CC72 !important;
}

.nav-tabs {
    border-bottom: 0px solid #009dde;
}

.panel-title > a:hover, .panel-title > a:focus,button:hover {
    text-decoration: none;
    outline: none;
}

.panel-collapse {
    border: 1px solid #06CC72;
}

.panel-body {
    overflow: hidden;
}

.personal-text p {
    text-align: left;
    font-size: 14px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #6f6f6f;
    margin-top: 10px;
    border: 1px solid #d0d0d0;
    padding: 5px;
}

button:focus, button:active {
    outline: 0;
    text-decoration: none;
}

.btn-add {
    padding: 0px 2px;
    font-size: 20px;
    border-radius: 100%;
    line-height: 1;
    text-align: center;
    margin-top: 85px;
}

.btn-add1 {
    padding: 0px 2px;
    font-size: 20px;
    border-radius: 100%;
    line-height: 1;
    text-align: center;
    margin-top: 32px;
}

.personal-img {
    position: relative;
    height: 200px;
    width: 100%;
    /* margin:auto; */
    margin-bottom: 60px;
    border: 1px solid #ddd;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}

    .personal-img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        margin: auto;
        width: 100%;height:100%;
    }

.personal-img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}

.personal-img:hover .personal-img-overlay {
    opacity: 1;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}


.personal-img1 {
    position: relative;
    height: 85px;
    width: 85px;
    margin-bottom: 20px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    background: #fff;
}

    .personal-img1 img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        margin: auto;
        border-radius: 100%;
        width:100%;height:100%;
    }

.personal-img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    opacity: 0;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}
.image-crop-filepicker{ /*display: none!important;*/
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;}
.personal-img1:hover .personal-img-overlay,.personal-img1:hover .image-crop-filepicker{
    opacity: 1;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}

.profile-upload-pic {
    position: absolute;
    bottom: 20px;
    left: 35px;
    width: 85px;
    height: 85px;
}

.pro-title {
    font-size: 14px;
    margin-top: 0;
    font-weight: bold;
    color: #333;
}

.pro-change-ht {
    width: 200px !important;
}




.messageBox-modal-success {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.3);
}

.messageBox-modal-successmail {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.3);
}

.messageBox-modal-error {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.3);
}

.messageBox-success {
   border: 1px solid #00b05d;
    position: absolute;
    z-index: 9999999999;
    margin: auto;
    left: 0;
    display: block;
    top: 40%;
    padding: 8px 15px;
    width: 252px;
    margin: 0px 15%;
    border-radius: 10px;
    box-shadow: 6px 6px 6px 1px rgba(0,0,0,0.12);
    background: -moz-linear-gradient(91deg, rgba(0,212,88,1) 0%, rgba(0,149,97,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,149,97,1)), color-stop(100%, rgba(0,212,88,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(91deg, rgba(0,212,88,1) 0%, rgba(0,149,97,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(91deg, rgba(0,212,88,1) 0%, rgba(0,149,97,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(91deg, rgba(0,212,88,1) 0%, rgba(0,149,97,1) 100%); /* ie10+ */
    background: linear-gradient(359deg, rgba(0,212,88,1) 0%, rgba(0,149,97,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009561', endColorstr='#00d458',GradientType=0 ); /* ie6-9 */
    margin-left: 240px;
}

.messageBox-error {
    border: 1px solid #e0382f;
    position: absolute;
    z-index: 1055;
    margin: auto;
    left: 0;
    display: block;
    top: 40%;
    padding: 8px 15px;
    width: 252px;
    margin: 0px 15%;
    border-radius: 10px;
    box-shadow: 6px 6px 6px 1px rgba(0,0,0,0.12);
    background: -moz-linear-gradient(91deg, rgba(255,93,54,1) 0%, rgba(255,93,54,1) 1%, rgba(219,50,46,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219,50,46,1)), color-stop(99%, rgba(255,93,54,1)), color-stop(100%, rgba(255,93,54,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(91deg, rgba(255,93,54,1) 0%, rgba(255,93,54,1) 1%, rgba(219,50,46,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(91deg, rgba(255,93,54,1) 0%, rgba(255,93,54,1) 1%, rgba(219,50,46,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(91deg, rgba(255,93,54,1) 0%, rgba(255,93,54,1) 1%, rgba(219,50,46,1) 100%); /* ie10+ */
    background: linear-gradient(359deg, rgba(255,93,54,1) 0%, rgba(255,93,54,1) 1%, rgba(219,50,46,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db322e', endColorstr='#ff5d36',GradientType=0 ); /* ie6-9 */
    margin-left: 240px;
}

.messageBox > .icon {
    font-size: 30px;
    float: left;
    padding-right: 0;
    padding-bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 0;
}

.messageBox > .title {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    float: left;
    width: 100%;
}

.text {
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    display: block;
    width: 100%;
}

.close-success {
    z-index: 9;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 13px;
    height: 16px;
    cursor: pointer;
}

    .close-success i {
        color: #fff;
        z-index: 9;
        font-size: 16px;
        cursor: pointer;
    }

.close-error {
    z-index: 9;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 13px;
    height: 16px;
    cursor: pointer;
}

    .close-error i {
        color: #fff;
        z-index: 9;
        font-size: 16px;
        cursor: pointer;
    }



/*My View*/
.view-no-padding {
    padding: 0;
}

.view-heading {
    background-color: #fafafa;
    color: #333 !important;
    border-bottom: 1px solid #ddd;
}

.view-block {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.view-img {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
}

    .view-img img {
        position: absolute;
        left: 0;
        /*right: 0;*/
        top: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.view-pro-img {
    width: 9%;
    height: 33px;
    display: inline-block;
    position: relative;
}

    .view-pro-img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.view-pro-img-ch {
    width: 6%;
    height: 50px;
    display: inline-block;
    position: relative;
}

    .view-pro-img-ch img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.view-pro-text-ch {
    margin: 0;
    width: 92%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
}

.view-pro-text {
    margin: 0;
    width: 89%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
}

.view-text-block {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    /* word-break: break-all;*/
}

.gray-text-ch, .gray-text-ic {
    width: auto;
    display: inline-block;
}

.view-share {
    width: auto;
    display: inline-block;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.date-ch-width {
    display: inline-block;
    float: right;
    width: 30%;
}

.text-ch-width {
    margin: 0;
    width: 70%;
    font-size: 12px;
    display: inline-block;
}

.view-share1 {
    width: 32%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    color: #333;
}

.view-share2 {
    width: 23%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    color: #333;
}

.view-share2Left {
    width: 60%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    color: #333;
}


.view-share2Right {
    width: 40%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0;
    text-align: right;
    color: #333;
}


.view-share1 i {
    text-align: center;
    color: #333;
    font-size: 21px;
}

.view-share2 i {
    text-align: center;
    color: #333;
    font-size: 21px;
}

.view-share12 {
    /*width: 20%;*/
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    color: #333;
}

    .view-share12 i {
        text-align: center;
        color: #333;
        font-size: 21px;
    }

.view-share-vote {
    width: 24%;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 15px !important;
    text-align: left;
    color: #333;
}

    .view-share-vote i {
        text-align: left;
        color: #333;
        font-size: 21px;
    }

.view-no-pad-ch {
    padding: 0 5px;
}

.bottom-panel {
    background: rgba(0,0,0,.05);
    width: 50%;
    margin: 0px 25%;
    margin-top: 0px !important;
}

.ekko-lightbox-item img {
    max-width: 100% !important;
    max-height: 100% !important;
}

#viewport {
    /*width: 1200px;*/
    /*max-height: 500px;*/
    overflow-y: auto;
    overflow-x: hidden;
    width: 570px;
    margin: 0px 0%;
    background:#fff;

}
/*My View*/
.vote-div1 {
    width: 13%;
    display: inline-block;
    float: left;
    padding-right: 5px;
}

.vote-div2 {
    width: 86%;
    display: inline-block;
    float: left;
}

.view-text-block1 {
    width: 84%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    /* word-break: break-all;*/
}

.view-text-block-orgsearch {
    width: 84%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    /* word-break: break-all;*/
}

.view-block1 {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    width: 570px;
    margin: 0;
    margin-left:15px;
}

.text-ch-width1 {
    margin: 0;
    width: 75%;
    font-size: 12px;
    display: inline-block;
}

.date-ch-width1 {
    display: inline-block;
    float: right;
    width: 25%;
}

.main-link {
    text-align: right;
}

    .main-link a {
        position: relative;
        display: inline-block;
        color: #333;
        text-decoration: underline;
        padding: 10px;
        font-size: 16px;
    }

.main-link2 {
    text-align: center;
}

    .main-link2 a {
        position: relative;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        margin: 20px 10px;
        font-size: 20px;
        font-weight:bold;
    }

.main-link3 a {
    position: relative;
    display: block;
    color: #337ab7;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.main-page {
    width: 570px;
    margin:0;
    background:#ebebef;margin-left:0px;
}

.main-text h1 {
    margin: 0;
    /*padding: 18px 10px;*/
    padding: 8px 10px;
    text-align: center;
    color: #009DDE;
    font-size: 32px;
    font-style: italic;
}
/*.main-text h2{margin:0;padding:10px 0;text-align:center;color:#333;font-size:20px;text-decoration:underline;}
.main-text p{margin:0;padding:10px 0;text-align:center;color:#333;font-size:20px;text-decoration:underline;}*/
.view-share-size i {
    font-size: 35px !important;
}

.bdr-line {
    position: relative;
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 8px 0;
}

.suggest-text {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px;
}

    .suggest-text a {
        position: relative;
        margin: 0;
        text-decoration: underline;
        color: #337ab7;
        cursor: pointer;
    }

.view-share-size1 i {
    font-size: 20px !important;
}

.view-share-suggest {
    width: 46px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.multiSelect > button {
    width: 95%;
    display: inline-block;
    float: left;
    text-align: left;
}

.detail-btn .caret {
    float: right;
    top: 10px;
    position: relative;
}

.detail-block-al {
      width: 570px;
    margin: 0;
    background: #ebebef;
    margin-left: 0;
}

.detail-block {
    margin-bottom: 15px;
}

.inner-div input, .inner-div textarea {
    width: 95%;
    display: inline-block;
    float: left;
}

.inner-div .qns-ic {
    width: 5%;
    display: inline-block;
    float: left;
    text-align: center;
    color: #009dde;
    top: 8px;
    position: relative;
}

.detail-desc h2 {
    color: #333;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    font-size: 18px;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 7px;
}

    .detail-desc h2:after {
        position: absolute;
        width: 170px;
        margin: auto;
        content: '';
        height: 1px;
        background: #333;
        bottom: 0;
        left: 0;
        right: 0;
    }

.detail-desc p {
    color: #cecece;
    text-align: justify;
    margin: 0;
    padding: 5px 0;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
}

.detail-lbl {
    padding-top: 7px;
}

.summary-lbl {
    /* width: 26%;*/
    width: auto;
    display: inline-block;
}

.summary-qns {
    width: 40%;
    display: inline-block;
}

    .summary-qns i {
        color: #009DDE;
    }

.summary-margin {
    margin-top: 10px;
}

.summary-attachment {
    width: 6%;
    display: inline-block;
    vertical-align: bottom;
    padding: 5px 0;
    position: relative;
    bottom: 5px;
}

.summary-txtarea {
    display: inline-block;
    width: 93%;
}

.change-input-width {
    width: 82% !important;
    display: inline-block !important;
    border-radius: 20px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    height: 33px !important;
    float: left;
}

.org-search-input-width {
    /* width: 83% !important;*/
    display: inline-block !important;
    border-radius: 20px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    height: 33px !important;
    float: left;
}

.search-change-block {
    padding: 8px 15px !important;
    font-size: 12px !important;
    background: #337ab7 !important;
    color: #fff !important;
    border-radius: 20px;
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    vertical-align: top;
    float: left;
}

.pdf-width {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.im-width {
    position: relative;
    width: 95%;
    display: inline-block;
    margin-bottom: 10px;
    height: 100px;
}

    .im-width img, .im-width1 img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }

.pdf-width a {
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 87%;
    position: relative;
    left: 25px;
}

.im-width1 {
    position: relative;
    width: 95%;
    display: inline-block;
    margin-bottom: 10px;
    height: 216px;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}

.im-width img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.im-width1 img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.close-im {
    position: absolute;
    top: 0;
    /* right: 0;*/
    cursor: pointer;
    background: rgba(171, 81, 17, 0.98);
    z-index: 9999;
}

.close-pdf {
    position: absolute;
    top: 0;
    /*right: 0;*/
    cursor: pointer;
    background: rgba(171, 81, 17, 0.98);
    z-index: 9;
}

    .close-im i, .close-pdf i {
        font-size: 13px;
        color: #fff;
        padding: 4px;
    }

.carusol-image {
    position: relative;
    height: 250px;
}

    .carusol-image img {
        position: absolute;
        max-height: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
    }

.im-width-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    display: none;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}

.im-width1:hover .im-width-overlay {
    opacity: 1;
    display: block;
    text-align: center;
    padding-top: 90px;
    transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
}

.textarea-ch {
    /*height: 74px!important;*/
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    resize: none;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 10px;
}

    .textarea-ch:focus {
        outline: 0 !important;
        border-color: #333 !important;
    }

.nested-media {
    padding-left: 90px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
/*.nested-media2{padding-left:40px!important;}*/
/*.nested-media3{padding-left:75px!important;}*/
.view-share-vote i {
    opacity: 0.7;
}

    .view-share-vote i:hover {
        opacity: 1;
    }

.main-link3 {
    text-decoration: none !important;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

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

.like {
    color: blue !important;
}

.flag {
    color: red !important;
}

.unflag {
    color: #000 !important;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.datefont {
    font-size: 11px;
    display: block !important;
    color: #8c8b8b !important;
}

.fontgreytext {
    font-size: 12px;
}

.mouseenable :hover {
    cursor: pointer;
}

.web-font {
    font-weight: bold;
    font-size: 28px;
}

.top-sec-margin {
    margin-top: 146px;
}

.pac-container {
    z-index: 9999999;
}

.disable {
    cursor: not-allowed !important;
    color: #8c8b8b !important;
}

.searchdisable {
    cursor: not-allowed !important;
    background: #94debd !important;
}

.searchenable {
    cursor: pointer !important;
    background: #06CC72!important;
}

.disableclick {
    cursor: not-allowed !important;
}

.mousetext:hover {
    cursor: text;
}

.mousedisable :hover {
    cursor: default !important;
}

.bdr-repeat {
    border-top: 1px dashed #ddd;
    padding-top: 10px !important;
}

.cancel-bt {
    padding: 2px 5px !important;
    background: #7d7d7d !important;
    border-color: #7d7d7d !important;
    font-size: 10px !important;
}

.reply-bt {
    padding: 2px 5px !important;
    font-size: 10px !important;
}

.icon-change {
    font-size: initial !important;
    opacity: 1 !important;
}

.top-adjust {
    position: relative;
    top: -5px;
}

.reply-text {
    padding-top: 10px;
    padding-left: 1%;
    padding-bottom: 10px;
    display: block;
    text-decoration: underline;
    font-style: italic;
    color: #8c8b8b !important;
}

.popover-style-ch .follow-popover .popover {
    top: -62.32031px !important;
    left: -22.32031px !important;
    right: 8px !important;
    width: 189px;
}

.follow-popover .popover {
    top: -60.32031px !important;
    left: 71.67969px !important;
    right: -12px !important;
}

.follow-popover-modify .popover {
    top: -60.32031px !important;
    left: 21.67969px !important;
    right: 40px !important;
    width: 128px;
}

.new-popover .follow-popover .popover {
    top: -60.32031px !important;
    left: 19.67969px !important;
    right: -12px !important;
    z-index: 9999;
    width: 136px;
}
/*.reply1,.reply3{border-bottom:1px dashed #ddd;padding-top:10px;padding-bottom:10px;}*/
.cursor-pointer {
    cursor: pointer !important;
}

.flag-padding {
    padding-right: 58px;
}

.popup-default {
    display: none;
    position: absolute; /* width: 100%; */ /* height: 100%; */
    left: -53px;
    right: 0;
    top: -20px;
    width: 213px;
    margin: auto; /* position: relative; */ /* margin-top: 50px; */
    z-index: 9;
}

.popup-default-section { /* width: 213px; */
    margin: auto;
    position: relative; /* margin-top: 50px; */ /* border: 1px solid; */
    float: left;
}

.popup-default-bg {
    background: #fff;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ddd;
}

.popup-default-content h2 {
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    text-transform: capitalize;
    font-size: 13px;
    margin-top: 8px;
    color: #8e8e8e;
    padding-bottom: 3px;
}

.popup-default-btn {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 10px;
}

    .popup-default-btn button {
        font-size: 12px !important;
        padding: 4px 13px !important;
        line-height: 12px !important;
    }

.popp-default-close {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 9;
}

    .popp-default-close i {
        font-size: 13px;
        cursor: pointer;
        color: #adadad;
    }

.popup-arrow-down {
    width: 0;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ddd;
}

.popup-arrow-down1 {
    width: 0;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    z-index: 9;
}

.dropdown-menu-report {
    top: -33px !important;
    left: auto !important;
    right: 15px !important;
    min-width: 82px !important;
    box-shadow: none !important;
    border-radius: 0px;
    position: absolute;
    top: 4px;
    right: -15px;
}

.report-arrow-left {
    width: 0;
    height: 0;
    position: absolute;
    top: 3px;
    left: -9px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    z-index: 9;
}

.report-arrow-left1 {
    width: 0;
    height: 0;
    position: absolute;
    top: 3px;
    left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ccc;
}

.dropdown-menu-report li a {
    padding: 3px 10px !important;
}

    .dropdown-menu-report li a:hover {
        background: none;
    }

.popup-default-cmt {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.popup-default-section-cmt {
    width: 260px;
    margin: auto;
    position: relative;
    margin-top: 50px;
    margin-left:240px;
}
.popup-default-section-cmt-delete
{
        width: 480px;
    margin: auto;
    position: relative;
    margin-top: 50px;
    margin-left: 115px;
}
.popup-default-bg-cmt {
    background: #fff;
    border-radius: 5px;
    position: relative;
}

.popup-default-content-cmt h2 {
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    text-transform: none;
    font-size: 16px;
    margin-top: 8px;
    color: #8e8e8e;
    padding-bottom: 12px;
}

.popup-default-btn-cmt {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 15px;
}

    .popup-default-btn-cmt button {
        font-size: 12px !important;
        padding: 5px 13px !important;
        line-height: 12px !important;
    }

.popp-default-close-cmt {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 9;
}

    .popp-default-close-cmt i {
        font-size: 16px;
        cursor: pointer;
        color: #adadad;
    }

.share-popup-im {
    position: relative;
    height: 32px;
}

    .share-popup-im img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        max-height: 100%;
        max-height: 100%;
        margin: auto;
    }

.share-popup-im-text p {
    font-size: 12px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(0,0,0,0.5);
    text-align: center;
    padding-top: 8px;
}

.popup-default-follow-share {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
}

.popup-default-section-follow-share {
    width: 285px;
    margin: 0;
    position: relative;
    margin-top: 150px;
    margin-left: 230px;
}

.popp-default-close-follow-share {
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
    z-index: 9;
}



.popup-default-follow {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.popup-default-section-follow {
    width: 260px;
    margin: 0;
    position: relative;
    margin-top: 150px;
    margin-left:250px;
}

.popup-default-bg-follow {
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding-bottom: 10px !important;
}

.popup-default-content-follow h2 {
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    text-transform: none;
    font-size: 16px;
    margin-top: 8px;
    color: #8e8e8e;
    padding-bottom: 12px;
}

.popup-default-btn-follow {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 15px;
}

    .popup-default-btn-follow button {
        font-size: 12px !important;
        padding: 5px 13px !important;
        line-height: 12px !important;
    }

.popp-default-close-follow {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 9;
}

    .popp-default-close-follow i {
        font-size: 16px;
        cursor: pointer;
        color: #adadad;
    }












.popup-default-txt {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    /*overflow:auto;*/
}

.height-popup {
    height: 500px;
    overflow: auto;
}

.popup-default-section-txt {
    width: 460px;
    margin: auto;
    position: relative;
    margin-top: 30px;
    margin-left:120px;
}

.popup-default-bg-txt {
    background: #fff;
    border-radius: 5px;
    position: relative;
}

.popup-default-content-txt h2 {
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 8px;
    color: #8e8e8e;
    padding-bottom: 12px;
}

.popup-default-btn-txt {
    text-align: right;
    margin-top: 0px;
    margin-bottom: 15px;
}

    .popup-default-btn-txt button {
        font-size: 12px !important;
        padding: 5px 13px !important;
        line-height: 12px !important;
    }

.popp-default-close-txt {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 999;
    cursor: pointer;
}

    .popp-default-close-txt i {
        font-size: 16px;
        cursor: pointer;
        color: #adadad;
        cursor: pointer;
    }

.popup-txtarea {
    resize: none;
    overflow: hidden;
    word-wrap: break-word;
    width: 100%;
    margin: 0;
    border: 1px solid rgb(221, 221, 221) !important;
    height: 90px !important;
    overflow: auto !important;
    margin-bottom: 20px;
}

.reply-text-lt {
    width: 14%;
    float: left;
    height: 1px;
    display: inline-block;
}

.reply-text-rt {
    width: 84%;
    display: inline-block !important;
    margin-bottom: 8px;
    margin-top: 5px;
    font-family: 'AvenirLTStd-Roman';
}

.replyall {
    padding-left: 80px;
}

.comment-box-bg { /*border: 1px solid rgb(241, 241, 241)!important;*/
    background: rgb(241, 241, 241) !important;
}

.comment-box-bg2 {
    border: 1px solid rgb(247, 247, 247) !important;
    background: rgb(247, 247, 247) !important;
}

.text-ellipsis {
    width: 100%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: block;
}

/* Multi Select  Css Alteration - Start*/

.line button:nth-child(1) {
    display: none;
}

.line button:nth-child(3) {
    display: none;
}

.line button:nth-child(2) {
    float: right;
}

.error-change label {
    width: 100%;
    display: block;
    float: left;
    margin-top: 0;
    position: absolute;
    bottom: -25px;
    left: 0;
}

.error-change .viewtag {
    width: 100%;
    display: block;
    float: left;
    margin-top: 0;
    position: absolute;
    bottom: -30px;
    left: 0;
}
/*End*/
.popup-default-section-share {
    width: 500px;
    position: relative;
    margin-top: 120px;
}

.popup-default-section-share1 {
    width: 600px;
    position: relative;
    margin-top: 120px;
}

.popup-default-section-share2 {
    width: 610px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 40px;
}

.text-desc-share {
    text-align: left;
    font-size: 14px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #b5b2b2;
    padding-top: 20px;
}

.text-desc-shares2 {
    text-align: left;
    font-size: 15px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #06cc72;
    padding-top: 0;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top: 28px;
}

.share-form {
    width: 96% !important;
    display: inline-block;
}

.share-tooltip-hover {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 8px;
}

    .share-tooltip-hover i {
        font-size: 16px;
        color: #06cc72;
        text-align: right;
        cursor: pointer;
    }

.share-location-div {
    width: 350px;
    margin-left: 35px;
}

.vote-text {
    text-align: center;
    font-size: 19px;
    margin: 0;
    padding: 10px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #06cc72;
    text-decoration: underline;
    font-weight: 600;
}

.share-close {
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 99;
    opacity: 1;
    font-size: 25px;
}

    .share-close i {
        font-size: 19px;
    }

.back-share {
    position: absolute;
    top: 0px;
    left: 12px;
    z-index: 99;
    cursor: pointer;
}

    .back-share i {
        font-size: 26px;
    }

.back-share1 {
    position: absolute;
    top: 22px;
    display: none;
    left: 12px;
    color: #333;
    z-index: 99;
    cursor: pointer;
}

    .back-share1 i {
        font-size: 30px;
        color: #333;
    }

.text-desc-share1 {
    text-align: left;
    font-size: 14px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #06cc72;
    padding-top: 0;
    padding-bottom: 5px;
    font-weight: 600;
}

.share-success {
    text-align: center;
    padding: 10px 0;
    font-size: 45px;
    color: #333;
    padding-bottom: 25px;
}

.share-form1 {
    width: 100% !important;
    /* height:300px; */
    height: 95px !important;
    /* line-height: 88px; */
    resize: none;
}

.text-desc-share2 {
    text-align: left;
    font-size: 14px;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #7ba6ee;
    padding-top: 0;
    padding-bottom: 5px;
    font-weight: 600;
    margin-top: 35px;
}

.switch-btn {
    width: auto;
    display: inline-block;
    float: right;
}

.switch {
    margin-bottom: 10px;
}

    .switch input[type="checkbox"] {
        display: none;
    }

    .switch label {
        display: block;
        line-height: 20px;
        padding-left: 36px;
        position: relative;
        margin-top: 10px;
    }

        .switch label::before {
            background: #e2e2e2;
            border-radius: 10px;
            border: 1px solid #424242;
            content: '';
            display: inline-block;
            position: absolute;
            transition: all 0.25s ease;
            left: 0;
            width: 40px;
            height: 22px;
        }

        .switch label::after {
            background-color: #ffffff;
            border-radius: 50%;
            /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); */
            border: 1px solid;
            content: '';
            display: inline-block;
            position: absolute;
            transition: all 0.25s ease;
            left: 1px;
            top: 1px;
            width: 20px;
            height: 20px;
        }

    .switch input[type="checkbox"]:checked + label::after {
        left: 20px;
    }

.switch-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
}

.switch-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
}

.switch-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
}

.switch-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
}

.switch-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
}

.margin-change {
    margin-top: 50px !important;
}

.margin-change2 {
    margin-top:45px !important;
	/*MS use 135 to avoid info popup issue on ipad potrait suggestion creation*/
	/*margin-top:135px !important;*/
}

.new-width #viewport {
    width: 100% !important;
    margin: 0 !important;
}

.desktop-view {
    display: block;
    /*padding-left: 46px;*/
    text-align: center;
    height: auto;
    min-height: auto;
}
#MainTopBar{padding:0;}
.mobile-view {
    display: none;
}

.sidebar-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 200px;
    background: #06cc72;
    border-right: 1px solid #ddd;
    height: 100%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
}

.sidebar-menu-window {
    position: fixed;
    right: 0px;
    top: 0;
    width: 240px;
    background: #fff;
    border-right: 1px solid #ddd;
    height: 100%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
}

.menu-al ul {
    padding: 0 10px;
    margin-top: 15px;
    margin-top: 15px;
}

    .menu-al ul li {
        list-style: none;
        padding-bottom: 14px;
    }

        .menu-al ul li a {
            font-size: 14px;
			font-weight:550;
            padding-bottom: 3px;
            color: #fff;
            border-bottom: 1px solid #fff;
        }

            .menu-al ul li a:hover {
                text-decoration: none;
            }

.menu-profile-text {
    padding: 0 20px;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

    .menu-profile-text p {
        margin: 0;
    }

.sidebar-back {
    position: absolute;
    right: 10px;
    top: 0;
}

.menu-img {
    position: relative;
    height: 35px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    /* display: none; */
}

    .menu-img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

.menu-logo-img {
    position: relative;
    height: 50px;
    width: 100%;
    float: left;
}

    .menu-logo-img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        margin: auto;
    }

a:hover {
    text-decoration: none;
}

.menu-list li {
    border-bottom: 1px solid #ffffff;
}

    .menu-list li a span {
        width: auto;
        display: inline-block;
        margin-right: 10px;
        background: #fff;
        padding:  1px 4px;
    }

    .menu-list li a {
        color: #fff;
        font-size: 14px;
        text-transform: capitalize;
        line-height:20px;
        padding: 8px 16px;
    }

.menu-active {
    background: #fec325;
}

.share-margin {
    margin-top: 10px;
}

.width-popup {
    width: 575px !important;
}

.height-popup-ch {
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto; /* padding-top:25px; */
    height: 550px;
}

.text-label {
    width: 100%;
    float: left;
}

/*toggle passowrd and horizontal scroll */
.form-signin .form-group{
position:relative;
}
.form-signin i#togglePassword {
    position: absolute;
    top: 35px;
    right: 10px;
}

    .text-label p {
        font-size: 14px;
        color: #999;
        line-height: 20px;
        margin-bottom: 12px;
        margin-top: 12px;
    }

.two-ch {
    display: none;
}

.MainClass {
    width: 570px;
    margin: 0;
    background: #ebebef;
    margin-left: 0px;
}

.info-text label {
    color: #333;
    font-size: 15px;
}

.info-text p {
    color: rgba(0,0,0,0.5);
    font-size: 15px;
}

.back-share-popup {
    position: relative;
    top: 0px;
    left: 0;
    z-index: 99;
    /* cursor: pointer; */
    padding: 5px 10px;
    background: #06CC72;
    color: #fff;
}

    .back-share-popup i {
        font-size: 26px;
        cursor: pointer;
    }

.popover-sec-main .popover-style-ch .follow-popover .popover {
    top: 41px !important;
    left: 0px !important;
    right: 0 !important;
    width: 114px;
}

.popover-sec-main .popover-style-ch .popover.top > .arrow {
    bottom: auto;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
    top: -11px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.org-span {
    width: 66%;
    display: inline-block;
    vertical-align: top;
}

.org-span-ch {
    width: 88%;
}

.email-notify-text h2 {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
}

.menu-click-text {
    color: #009dde !important;
    border-bottom: 1px solid #009dde !important;
}

.responsive-img-side {
    width: 9% !important;
}

.responsive-div-side {
    width: 89% !important;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #333 !important;
}


.popup-report-change {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    /*overflow:auto;*/
}

.popup-report-change-txt {
    width: 460px;
    margin: auto;
    position: relative;
    margin-top: 30px;
    margin-left:115px;
}

.popup-report-change-bg-txt {
    background: #fff;
    border-radius: 0px;
    position: relative;
}

.popp-report-change-close-txt {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 999;
    cursor: pointer;
}

    .popp-report-change-close-txt i {
        font-size: 18px;
        cursor: pointer;
        color: #fff;
        cursor: pointer;
    }

.report-heading {
    padding: 0;
}

    .report-heading h1 {
        font-size: 20px;
        text-align: center;
        background: #06CC72;
        margin: 0;
        padding: 15px 10px;
        color: #fff;
    }

.feedback-txt {
    font-size: 16px;
    text-align: left;
    margin: 0;
    padding: 10px 0px;
    font-weight: bold;
    color: rgba(0,0,0,0.5);
}

.bug-report-height {
    height: auto;
    max-height: 470px;
    overflow: auto;
}
.bug-report-height-ch{max-height:550px;}
.leticc-pop .popup-responsive-height {
    height: 81%;
}

.leticc-pop .popup-responsive {
    height: 69%;
    position: relative;
}

.leticc-pop .popup-reportabug-height {
    min-height: 54% !important;
}

.popover-sec-main.popup-responsive.ist-hgt {
    min-height: 400px;
    overflow-y: scroll;
    height: 500px;
}
/****12/8/17******/
/*.icr-slider .carousel-control.left {
    left: 51px !important;
}*/

.icr-maintain {
    margin: 0px !important;
}

.icr-width-popup {
    width: 850px !important;
}

.popup-responsive {
    height: 86%;
    position: absolute;
    overflow-y: scroll;
}

.popup-responsive-height {
    padding: 0;
    height: 85%;
}
 	/* Nov-2021 design code */
	
 	/* Organization Page*/
	
	@media only screen   and (min-device-width: 320px)   and (max-device-width: 991px)  and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape) {
.carosul-responsive {
    left: 100%!important;
}
	}	
	/* Organization Page*/
	.popup-responsive-height {
   overflow-x: auto;
}
	.popup-responsive-height::-webkit-scrollbar {
	  display: none;
	}
	.popup-responsive-height::-wlebkit-scrollbar {
	  width: 5px;
	  height: 8px;
	  background-color: #aaa;
	}
	.popup-responsive-height::-webkit-scrollbar-thumb {
		background: #000;
	}	
	/* Nov-2021 design code */
.responsive-div-body {
    height: 95% !important;
    /* max-height: 100% !important; */
    overflow-y: auto;
    overflow-x: hidden;
    width: 50%;
    margin: 0px 25%;
    /*background: #fff;
    padding: 0 10px;*/
}

.responsive-change-height {
    /*height: 75%;*/
    height:100%;
}

.responsive-suggestchange-height {
    /*height: 78%;*/
    height:100%;
}

.responsive-changesearch-height {
    /*height: 90%;*/
    height:100%;
}

.popup-responsive-width {
    /*position: fixed;
    width: 50%;
    margin: 0 25%;
    padding: 0px 45px;*/
        position: fixed;
    width: 632px;
    margin: 0 0%;
    padding: 0px 45px;
    margin-left: 30px;
}

.scroll-content {
    height: 100% !important;
    position: relative !important;
    /* top: 60px; */
    background: transparent!important;
}

.img-height {
    height: 100% !important;
}

.popup-reportabug-height {
    min-height: 65% !important;
}

.dropdown-new-ch {
    padding: 5px 0;
    margin: 2px 0 0;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.background-change .panel-collapse{background: #ebebef;}

.tooltip-hover-suggest {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 2px;
    /*left: 137px;*/
    right: -7px;
}

.tooltip-hover-suggest i {
    font-size: 16px;
    color: #06cc72;
    text-align: right;
    cursor: pointer;
}

.tooltip-hover-display-suggest {
    position: absolute;
    left: 0;
    width: 238px;
    background: #06cc72;
    color: #fff;
    top: 0;
    z-index:999;
    padding: 5px;
    border-radius: 4px;
    word-break: break-word;
    display: none;
}
.div-suggest:hover .heading-suggest {
   display: block;
    left: -111px;
    top: -59px;
}
.div-suggest:hover .tag-suggest {
      display: block;
    left: -111px;
    top: -77px;
}
.div-suggest:hover .desc-suggest {
     display: block;
    left: -111px;
    top: -100px;
}
.div-suggest:hover .attach-images {
     display: block;
    left: -111px;
    top: -36px;
 }

.div-suggest:hover .raised-suggest {
    display: block;
    left: -111px;
    top: -79px;
}

.div-suggest-tag{/* left: 102px!important; */}
.div-suggest-desc{/* left: 102px!important; */}
.div-suggest-raised{    right: -20px!important;
    top: 0px!important;
    left: auto!important;}
.tooltip-hover-display-suggest p {
    position: relative;
    margin: 0;
}
.tooltip-hover-display-suggest p:after {
    content: "";
    position: absolute;
    bottom: -19px;
    /* right: 0; */
    left: 106px;
    width: 10px;
    margin: auto;
    margin-left: 0;
    border-width: 7px;
    border-style: solid;
    border-color: #06cc72 transparent transparent transparent;
}
.birthady-width{padding-right:28px;}
.margin-bottom-ch{margin-bottom:20px!important;}
.btn-default-ch,.btn-default-ch:hover,.btn-default-ch:active{background-color: #06CC72!important;border-color: #06CC72!important;}
.text-success-ch{color: #06CC72!important;}
/*.nav>li>a{padding:10px 25px;}--Rajbir*/
.nav>li>a{padding:10px 20px;}
.menu-sec{padding-left: 0px;}
.main-logo{position:relative;height: 62px;margin-top:10px;z-index:99;}
.main-logo img{position:absolute;left: 0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.gif-image{position:relative;height:305px;display:none;}
.gif-image img{position:absolute;left: 0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;right:0;height:100%;}

/*.gif-image1{position:relative;height: 530px;}*/
.gif-image1{position:relative;height: 25px;}

.gif-image1 img{position:absolute;left: 0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;right:0;height:100%;}

.gif-image-content{position:absolute;width:450px;display:inline-block;right:0;top:auto;bottom:0;}
.signin-ch{width: 395px;margin-top:20px;margin-left:100px;}
.profilename-adjust{width:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0;position:relative;}
.profilename-adjust1{position:relative;}
.profile-hover-display {
    position: absolute;
    left: -106px;
    width: 107px;
    background: #333;
    color: #fff;
    top: -58px;
    padding: 5px;
    border-radius: 4px;
    word-break: break-word;
    display:none;
}

        .profile-hover-display p:after {
            content: "";
            position: absolute;
            top: 8px;
            right: -14px;
            margin-left: 0;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent transparent #333;
        }
        .profilename-adjust1:hover .profile-hover-display{display:block;}
.modview{padding:0;background: #ebebef;height:auto;width: 570px;}
.modview-heading h2{font-size:20px;text-align:center;margin:0;padding:10px;color:#06CC72;margin-bottom:10PX;margin-top:10px;}
.mod-select1{display:inline-block;float:left;width:40%;position:relative;margin-bottom:10px;}
.mod-select2{display:inline-block;float:right;width:40%;position:relative;margin-bottom:10px;}
.select-width-popup{width: 40%;display:inline-block;float:left;}
.select-width-btn{
    width: 60%;
    display: inline-block;
    float: right;
    margin-left: 0;
    text-align: right;
    }
 .carousel-bg-fixed {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
  .carousel-bg-fixed .carousel-inner>.item>img{width:100%;height:100%;object-fit: cover;
    object-position: 100%;}
  .carousel-inner>.item,.carousel-inner,.carousel{height:100%;}
  /*.gif-image-content{display:none;}*/
  .carousel-bg-fixed .carousel-control{display:none;}
   .carousel-bg-fixed  .carousel-indicators {
 display:none;
}
   .menu-sec{width:571px!important;}
    .profilename-adjust{width:100%;}
 .menu-sec .menu-list li{width: 100%!important;}
 .slider-block{display:none;}
 .row-width{width: 570px;background: #ebebef;}
  .row-width-new{width: 570px;background: #ebebef;}
 .menu-list{background:#06CC72;color:#fff;}
 body{overflow:hidden!important;}
 .slider-block{display:none!important;}
 .mobile-js{display:none;}
 .vote-goal-suggest p:after {
    content: "";
    position: absolute;
    bottom: -19px;
    /* right: 0; */
    left: 32px;
    width: 10px;
    margin: auto;
    margin-left: 0;
    border-width: 7px;
    border-style: solid;
    border-color: #06cc72 transparent transparent transparent;
}
 .div-suggest:hover .vote-goal-suggest {
    display: block;
    left: -36px;
    top: -160px;
}
 .vote-goal-suggest{width:88px;}
 .slider-dots-adjust{position: relative;right: -4px;}
 .main-page{padding-top:0!important;}
 .MainClass{margin-top:0!important;}

 .popup-default-section-cmt-delete .popup-default-content-cmt h2{    text-align: justify!important;padding:15px!important;margin-top:10px!important;
    line-height: 23px!important;}

 .org-tooltip-hover {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 6px;
}
.org-tooltip-hover i {
    font-size: 16px;
    color: #06CC72;
    text-align: right;
    cursor: pointer;
}


.org-tooltip-hover-display {
    position: absolute;
    left: 0;
    width: 175px;
    background:#333;
    color: #fff;
    top: 0;
    padding: 5px;
    border-radius: 4px;
    word-break: break-word;
    display: none;
}
.org-tooltip-hover-display p {
    position: relative;
    margin: 0;
}
.org-div:hover .org-notification {
    display: block;
    left: -184px;
    top: -6px;
    z-index: 9;
}
.org-tooltip-hover-display p:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -19px;
    margin-left: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}



  .sugg-tooltip-hover {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: -10px;
}
.sugg-tooltip-hover i {
    font-size: 16px;
    color: #06CC72;
    text-align: right;
    cursor: pointer;
}
.sugg-tooltip-hover-display {
    position: absolute;
    left: 0;
    width: 238px;
    background: #333;
    color: #fff;
    top: 0;
    padding: 5px;
    border-radius: 4px;
    word-break: break-word;
    display: none;
}
.sugg-ch-div:hover .sugg-notification {
    display: block;
    left: 24px;
    top: -14px;
    z-index: 9;
}
.sugg-tooltip-hover-display p {
    position: relative;
    margin: 0;
}
.sugg-tooltip-hover-display p:after {
    content: "";
    position: absolute;
    top: 11px;
    right: auto;
    margin-left: 0;
    left: -19px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
}
.sugg-ch-div:hover .sugg-attach {
    top: -8px!important;
}
.sugg-attach p:after{top:4px!important;}

.tooltip-hover-display{z-index:9;}
.sugg-tooltip-hover-display-raised {
      width: 193px!important;
    left: -92px!important;
    top: -98px!important;
}
.sugg-tooltip-hover-display-raised p:after {
      top: 84px!important;
    left: 86px!important;
    border-color: #333 transparent transparent transparent!important;
}
.profile-bg-letter
{
        width: 33px;
    height: 33px;
    line-height: 30px;
    margin: auto;
    border-radius: 100%;text-align: center;font-family: 'AvenirLTStd-Book';
    font-weight: normal;
}
.profile-bg-letter1{
        width: 33px;
    height: 33px;
    line-height: 25px;
    margin: auto;
    border-radius: 100%;
    font-family: 'AvenirLTStd-Book';
    text-align: center;
}

.profile-bg-letter2{
        width: 33px;
    height: 33px;
    line-height: 25px;
    margin: auto;
    border-radius: 100%;
    font-family: 'AvenirLTStd-Book';
    text-align: center;
}
/*New-design-changes*/


@font-face {
    font-family: 'AvenirLTStd-Book';
    src:url('../Fonts/AvenirLTStd-Book.otf')  format('opentype'),
     url('../Fonts/AvenirLTStd-Book.ttf')  format('truetype'),
    url('../Fonts/AvenirLTStd-Book.woff') format('woff'),
    url('../Fonts/AvenirLTStd-Book.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd-BookOblique';
    src:url('../Fonts/AvenirLTStd-BookOblique.otf')  format('opentype'),
     url('../Fonts/AvenirLTStd-BookOblique.ttf')  format('truetype'),
    url('../Fonts/AvenirLTStd-BookOblique.woff') format('woff'),
    url('../Fonts/AvenirLTStd-BookOblique.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd-Medium';
    src:url('../Fonts/AvenirLTStd-Medium.otf')  format('opentype'),
     url('../Fonts/AvenirLTStd-Medium.ttf')  format('truetype'),
    url('../Fonts/AvenirLTStd-Medium.woff') format('woff'),
    url('../Fonts/AvenirLTStd-Medium.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd-MediumOblique';
    src:url('../Fonts/AvenirLTStd-MediumOblique.otf')  format('opentype'),
     url('../Fonts/AvenirLTStd-MediumOblique.ttf')  format('truetype'),
    url('../Fonts/AvenirLTStd-MediumOblique.woff') format('woff'),
    url('../Fonts/AvenirLTStd-MediumOblique.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd-Oblique';
    src:url('../Fonts/AvenirLTStd-Oblique.otf')  format('opentype'),
     url('../Fonts/AvenirLTStd-Oblique.ttf')  format('truetype'),
    url('../Fonts/AvenirLTStd-Oblique.woff') format('woff'),
    url('../Fonts/AvenirLTStd-Oblique.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd-Roman';
    src:url('../Fonts/AvenirLTStd-Roman.otf')  format('opentype'),
     url('../Fonts/AvenirLTStd-Roman.ttf')  format('truetype'),
    url('../Fonts/AvenirLTStd-Roman.woff') format('woff'),
    url('../Fonts/AvenirLTStd-Roman.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}




/*Landing-page*/
.landing-page-layout-main{
        width: 367px;
    height: 438px;
    margin: auto;
    margin-top: 100px;
}
.landing-page-inner-layout{
    width: 367px;
    height: 420px;
    background: rgba(0,0,0,0.35);
    z-index: 9;
    border-radius: 10px;
    margin: auto!important;
    float: left;
    display: block;
    padding: 35px 10px;
}
.landing-page-logo{
    position: relative;
    height: 118px;
    margin-top: 10px;
    z-index: 99;
    width: 208px;
    margin: auto;
    margin-bottom: 40px;
}
.landing-page-link{padding:0;}
.landing-page-link a {
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin: 0;
    font-size: 22px;
   font-family: 'AvenirLTStd-Medium';
    width: 279px;
    height: 51px;
    line-height: 52px;
    border-radius: 10px;
    background: #06cd72;
    text-align: left;
    margin-bottom: 15px;
     border:1px solid  #06cd72;
    padding: 0px 20px;
    transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s;-o-transition:all linear 0.3s;
}
.landing-page-link a:hover
{
    color: #06cd72;
    background: #fff;
    border:1px solid  #06cd72;
    transition:all linear 0.3s;-webkit-transition:all linear 0.3s;-moz-transition:all linear 0.3s;-o-transition:all linear 0.3s;
}
/*Landing-page*/

/*Home-Page*/
.org-header-block
{
    width: 96%;
    margin: 0 2%;
    margin-top: 10px;
    padding: 10px;
    border-radius:0;
    border:1px solid #dce2e7;
    padding-bottom:20px;
}
.org-header-block .home-text2
{
        color: #777777;
         font-size: 12px!important;
    font-family: 'AvenirLTStd-Book';
}


.home-view-block
{
        width: 96%;
    margin: 0 2%;
    margin-top: 10px;
    padding: 10px;
    border-radius:0;
    border:1px solid #dce2e7;
    padding-bottom:20px;
    word-break:break-all;
}
.home-view-block .responsive-img-side {
	width: 9% !important;
    margin-right: 10px;
}

/*Added by MS*/
.org-header-block .responsive-img-side  {
	width:10.84% !important;
    margin-right: 10px;
}

.home-view-block .view-text-block {
    width: 88% !important;
}
.home-view-block .view-pro-img {
    width: 9%;
    margin-right: 10px;
}
.home-view-block .view-pro-text {
   
    width: 88%;
    padding-top: 0px;
}
.home-view-block .view-share2Left{margin:0;}
.home-view-block .view-share2Right {
    width: 39%;
}
.home-view-block .view-heading {
    background-color: #ffffff;
    color: #333 !important;
    border-bottom: 0;
}
.view-text-block1 .home-text1
{
    color: #2067a4;
    font-size: 16px;
    font-family: 'AvenirLTStd-Medium';
}
.home-view-block .home-text1
{
    color: #2067a4;
    font-size: 16px;
    font-family: 'AvenirLTStd-Medium';
}
.home-view-block .home-text2
{
        color: #777777;
         font-size: 12px!important;
    font-family: 'AvenirLTStd-Book';
}
.home-view-block .home-text3
{
        font-size: 16px;
    font-family: 'AvenirLTStd-Book';
    margin-top: 10px;
    color:#333!important;
}
.home-view-block .home-text4
{
    color: #777777;
    font-family: 'AvenirLTStd-Book';
    font-size: 12px;
}
.home-view-block .view-share2Left span,.home-view-block .view-share2Right span
{
        color: #333333;
    font-size: 13px;
    font-family: 'AvenirLTStd-Roman';
}
.home-view-share-block
{
        background: #f1f5f8;
    border: 1px solid #c8d4dd;
    padding: 7px 6px;
    border-radius: 5px;
    font-style:inherit;
        margin-right: 7px;
    height: 35px;
}
.home-view-share-block {
    width: 66px;
    float: left;
}
.home-view-share-block-ch {
    width: 72px!important;
}

.home-share-margin{margin-top:5px;}
.home-page-report
{
        font-size: 12px;
    font-family: 'AvenirLTStd-Roman';
    background: #06cc72;
    border: none;
    border-radius: 5px!important;
    padding: 6px 0;
}
.home-page-report a{padding: 0px 12px!important;}
.home-page-report:hover{background: #777777;}
.view-page-layout-popup .home-page-report{overflow:hidden;}
.view-page-layout-popup .home-page-report:hover{background:#06CC72;}
.view-page-layout-popup .home-page-report li:hover{background: #777777;}

.view-page-layout .home-page-report{overflow:hidden;}
.view-page-layout .home-page-report:hover{background:#06CC72;}
.view-page-layout .home-page-report li:hover{background: #777777;}
.report-dot{
     font-size: 55px;
    line-height: initial;
    position: relative;
    top: -35px;
    color: #777777;
    text-align: right;
    font-family: 'AvenirLTStd-Book';
    letter-spacing: -7px;
}
.menu-sec{border-top-left-radius: 10px;border-top-right-radius: 10px;}
#viewport{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.header-layout .nav .open > a, .header-layout .nav .open > a:focus,.header-layout .nav .open > a:hover {
    background: none;
}
.header-link-new {
    padding: 12px 20px!important;
        float: left;
    width: 100%;position:relative;
}
.header-layout .menu-sec .menu-img{margin-bottom:0;}
.main-logo-change
{
          position: relative;
    height: 70px;
    margin-top: 7px;
    z-index: 99;
    margin-bottom: 8px;
}
.active-arw{    position: absolute!important;
    bottom: -24px!important;
    left: 0!important;
    right: 0!important;
    top: auto!important;
    height: 7px;
    width: 24px;
    margin: auto!important;}
.active-img-hover,.active-arw{display:none;}
.menu-active .active-img-hover,.menu-active .active-arw{display:block}
.menu-active .active-img{display:none}
.menu-active{background:#f1f5f8!important;border-bottom:2px solid #06CC72;}
.menu-active .caret{color: #06cc72!important;}
.menu-active:hover .caret{color: #06cc72!important;}
.menu-active:hover{background:#f1f5f8!important;border-bottom:2px solid #06CC72!important;}
.menu-active:hover .active-img{display:none!important;}
.menu-active:hover .active-img-hover,.menu-active:hover .active-arw{display:block!important;}

/*.bottom-bar-layout .menu-active-bottom .active-img-hover,.menu-active .active-arw{display:inline-block;}
.bottom-bar-layout .menu-active-bottom .active-img{display:none}
.bottom-bar-layout .menu-active-bottom{background: #f1f5f8!important;
    border-top: 2px solid #06CC72!important;
    height: 45px;
    padding: 10px 0;}*/

.bottom-bar-layout .menu-active-bottom .active-img-hover,.menu-active .active-arw{display:inline-block;}
.bottom-bar-layout .menu-active-bottom .active-img{display:none}
.bottom-bar-layout .menu-active-bottom{
    border: 0px solid #f1f5f8!important;
    /*border-top: 2px solid #06CC72!important;*/
    height: 45px;
    padding: 10px 0;}
.bottom-bar-layout .menu-active-bottom a,.bottom-bar-layout .menu-active-bottom button{
    background: #f1f5f8!important;padding:5px!important;border-radius:0;
}
/*.bottom-bar-layout .menu-active:hover .active-img-hover,.menu-active:hover .active-arw{display:inline-block}
.bottom-bar-layout .menu-active:hover .active-img{display:none}*/
.bottom-bar-layout .menu-active-bottom .active-arw{display:block;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);}
.bottom-bar-layout .view-share12{
    color: #333;
    padding: 0px 0;
    margin:0;
    height: 40px;
}
.bottom-bar-layout .active-arw{    position: absolute!important;
    bottom: 45px!important;
    left: 0!important;
    right: 0!important;
    top: auto!important;
    height: 7px;
    width: 24px;
    margin: auto!important;}
.bottom-bar-layout .active-arw-ch {
        bottom:36px!important;
}
.home-page-padding{padding-top:2px;}
.header-top-left-radius{border-top-left-radius:10px;}
.header-top-right-radius{border-top-right-radius:10px;}
.view-share-default {
    float: left;
    display: inline-block;
}
.text-ellipsis-home-view {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.home-view-block .view-pro-img{height:38px;}
.thumb-im2
{
        width: 15px;
    margin-right: 2px;
}
/*Home-Page*/

/*View-Page*/

.view-page-layout{padding-right:30px;padding-top:10px;}
.view-page-layout .view-text-ch-width {
    margin: 0;
    width: 70%;
    display: inline-block;
    float:left;
}
.view-page-layout .view-text-ch-width-right {
    display: inline-block;
    float: right;
    width: 30%;
}
.view-page-layout .view-text-block1{    width: 88%;padding-left:0!important;}
.view-page-layout .view-img{width:9%;margin-right:10px;}
.view-page-layout .view-pro-img {
    width: 9%;margin-right:10px;height:38px;
}
.view-page-layout .view-pro-text {
    width: 88%;
}
.view-page-layout .new-width .view-pro-img-ch{
    width: 9%;margin-right:10px;
}
.view-page-layout .new-width .view-pro-text-ch{
    width: 88%;
}
.view-page-layout .view-left-width {
    width: 9%;
   display:inline-block;float:left;
}
.view-page-layout .view-right-width {
    width: 88%;
     display:inline-block;float:right;
}
.view-page-layout .view-vote-goal{    background: #f4f4f4;
    margin-top: 10px;
    border: 1px solid #d5d5d5;
	border-radius:5px;}
.view-page-layout .view-vote-padding{padding:10px!important;}
.view-page-layout .view-text1 {
    color: #2067a4;
    font-size: 18px;
    font-family: 'AvenirLTStd-Medium';
}
.view-page-layout .view-text2 {
    color: #777777;
    font-size: 15px!important;
    font-family: 'AvenirLTStd-Book';
}
.view-page-layout .view-text3 {
    font-size: 15px;
  font-family: 'AvenirLTStd-Medium';
    color: #333!important;
}
.view-page-layout .view-text4 {
    color: #777777;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;
}
.view-page-layout .view-button-txt {
    color: #fff;
    font-family: 'AvenirLTStd-Book';
    font-size: 14px;
    width:100px;
}
.view-page-layout .view-button-txt-span{
    color: #333;
    font-family: 'AvenirLTStd-Book';
    font-size: 14px;
}
.view-page-layout .view-text5{
    color: #333;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;margin:0;
}
.view-page-layout .view-text6 {
    color: #333;
    font-family: 'AvenirLTStd-Medium';
    font-size: 15px;
}
.view-page-layout .view-text7 {
    color: #777777;
    font-family: 'AvenirLTStd-Roman';
    font-size: 13px;
}
.view-page-layout .view-text-date {
    color: #777777;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;
}
.view-page-layout .view-text-date1 {
    color: #777777;
    font-family: 'AvenirLTStd-Roman';
    font-size: 12px;
}
.view-page-layout .view-text8 {
    color: #333;
    font-family: 'AvenirLTStd-Roman';
    font-size: 16px;
}

.view-all-btn{  color: #fff;
    font-family: 'AvenirLTStd-Roman';
    font-size: 16px;padding: 5px 16px!important;height:30px;}

.view-dropdown-ch li a
{
      color: #333;font-size:13px;
    font-family: 'AvenirLTStd-Roman';padding: 5px 20px!important;
}
.view-dropdown-ch li:hover{background:#06CC72!important;}
.view-dropdown-ch li a:hover{color:#fff;background:#06CC72!important;}
.view-page-layout .reply-bt{
        padding: 5px 24px!important;
    font-size: 16px!important;
    font-family: 'AvenirLTStd-Medium';
}
.post-count{ 
    font-family: 'AvenirLTStd-Book';
    font-size: 12px;}
.view-page-layout-popup{padding-right:0;}
.view-page-layout-popup .popup-responsive-width{width:660px;}
.grayPlaceholder:empty:not(:focus)::before {
  color: #777;
}
.post-text-box{
    padding: 4px 12px;
    font-size:16px;
    font-family: 'AvenirLTStd-Roman';
    color: #777;
    word-break:break-all;
}
.view-page-layout .cancel-bt {
    padding: 5px 24px!important;
    font-size: 16px!important;
    font-family: 'AvenirLTStd-Medium';
}

.comment-popover-sec .popover.top > .arrow {
    bottom: -9px!important;
    left: 17px!important;
    /*bottom: -11px;
    left: 50%;*/
}
.comment-popover-sec .popover{    top: -30px;
    left: -6px!important;
        top: -30px!important;
    width: 93px!important;
        /*top: -60px;
    left: -18px;*/
}
.main-page,.form-change3,.row-width,.detail-block-al,.row-width-new{    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;}

.reply-view-layout .view-pro-img-ch {
    width:9%;
    height: 40px;
    margin-right: 5px;
}
.reply-view-layout .view-pro-text-ch {
    width: 87%;
}
.reply-view-layout .replyall {
    padding-left: 56px;
}
.view-page-layout .cmts-align{
        margin-top: 5px;line-height:initial;
}
.view-page-layout .ic-cmt{
        position: relative;
    top: -1px;
}
/*View-Page*/



.home-view-block .profile-bg-letter1 {
    width: 33px;
    height: 33px;
    line-height: 33px;}

.view-page-layout .profile-bg-letter1 {
    width: 32px;
    height: 32px;
    line-height: 38px;}

.view-page-layout .profile-bg-letter2{
        width: 32px;
    height: 32px;
    line-height: 34px;
}

.home-ht-adjust {
            height: 96.5% !important;
        }
.profileemail-tooltip-hover i {
    font-size: 16px;
    color: #06CC72;
    text-align: right;
    cursor: pointer;
}
.profileemail-tooltip-hover {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top:10px;
    right: 0;
}

.profileemail-tooltip-hover-display {
    position: absolute;
    left: 0;
    width: 114px;
    background: #333;
    color: #fff;
    top: 0;
    padding: 5px;
    border-radius: 4px;
    word-break: break-word;
    display: none;
}
.profileemail-tooltip-hover-display p {
    position: relative;
    margin: 0;
}
.profileemail-tooltip-hover-display p:after {
    content: "";
    position: absolute;
    top: 2px;
    right: -19px;
    margin-left: 0;
    left: auto;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}
.profileemail-ch-div:hover .profileemail-notification {
    display: block;
    left: -126px;
    top: -7px;
    z-index: 9;
} 
.profileemail-text h2
{
  color: #333;
    /* text-decoration: underline; */
    position: relative;
    margin: 0;
    padding: 10px 0;
    font-weight: bold;
    font-size: 16px;
    /* font-family: 'AvenirLTStd-Medium'; */
    border-bottom: 1px solid;
    display: inline-block;
    padding-bottom: 1px;
    margin-bottom: 10px;
}
/*New-design-changes*/


/*About-Changes*/


@font-face {
    font-family: 'source_sans_proregular';
    src:url('../Fonts/SourceSansPro-Regular.otf') format('woff2'),
         url('../Fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../Fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src:url('../Fonts/SourceSansPro-Semibold.otf') format('otf'), 
        url('../Fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../Fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sourcesanspro-semibold';
    src: url('../fonts/sourcesanspro-semibold.otf') format('opentype');
}
.about-block1{float:left;width:100%;display:block;background:#06CC72;padding:15px 10px;}
.about-block1-left{float:left;width:83%;display:inline-block;}
.about-block1-right{float:left;width:16%;display:inline-block;}

.about-block2{float:left;width:100%;display:block;padding: 20px;border-bottom: 1px solid #2b2d42;}
.about-block2-left{float:left;width:40%;display:inline-block;padding:10px 0;}
.about-block2-right{float:left;width:60%;display:inline-block;}

.about-block3{float:left;width:100%;display:block;padding: 0 20px;border-bottom: 1px solid #2b2d42;}
.about-block3-left{float:left;width:60%;display:inline-block;}
.about-block3-right{float:left;width:40%;display:inline-block;padding-top: 52px;}

.about-block4{float:left;width:100%;display:block;padding: 20px;border-bottom: 1px solid #2b2d42;}
.about-block4-left{float:left;width:30%;display:inline-block;}
.about-block4-center{float:left;width:40%;display:inline-block;padding-top: 30px;}
.about-block4-right{float:left;width:30%;display:inline-block;}

.about-block5,.about-block5-top{float:left;width:100%;display:block;padding:0 20px;}
.about-block5-left{float:left;width:20%;display:inline-block;}
.about-block5-center{float:left;width:50%;display:inline-block;padding-bottom:20px;}
.about-block5-right{float:left;width:30%;display:inline-block;}

.about-content-block{float:left;width:100%;display:block;}
.about-content-block h3{font-family: 'source_sans_prosemibold';position:relative;font-size:20px;color:#2b2d42;text-align:left;margin:0;padding-bottom: 10px;}
.about-content-block h4{line-height: 16px;font-family: 'source_sans_proregular';position:relative;font-size: 13px;color:#2b2d42;text-align:left;margin:0;padding-bottom: 10px;}
.about-content-block p{font-family: 'source_sans_proregular';position:relative;font-size: 11px;color:#2b2d42;text-align:left;margin:0;padding-bottom: 10px;}
 
.about-block1-left h1{font-family: 'source_sans_prosemibold';position:relative;font-size: 35px;color:#fff;text-align:left;margin:0;padding-bottom: 15px;width:auto;display:inline-block;float:left;vertical-align:  bottom;padding-top: 0px;}
.about-block1-left span{width: 116px;display:inline-block;float:left;vertical-align:  top;}
.about-block1-left p{font-family: 'source_sans_proregular';position:relative;font-size: 16px;color:#fff;text-align:left;margin:0;padding-bottom: 0px;width:100%;display:block;float:left;/* padding-right: 138px; */}
.about-block-top{padding:10px;padding-bottom:0px;}
.about-share{float:left;width:100%;display:block;}
.about-share ul{padding: 0;
    margin: 0;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    margin-bottom: 3px;
    width: 67px;}
.about-share ul li i{margin-right: 3px;}
.about-share ul li{ font-family: 'source_sans_proregular';
    list-style: none;
    display: block;
    width: 100%;
    font-size: 12px;
    color: #fff;}
.about-share ul li a{ font-family: 'source_sans_proregular';text-decoration:none;
    list-style: none;
    display: block;
    width: 100%;
    font-size: 12px;cursor:pointer;
    color: #fff;}
.about-signup a
{
        font-size: 10px;
    padding: 1px 10px;
    background: #fff;
    border-radius: 50px;
    color: #06cc72;
    font-family: 'source_sans_proregular';
}
.about-signup .terms-txt{
        font-size: 8px!important;
    color: #fff!important;
    font-family: 'source_sans_proregular';
    margin-bottom: 0!important;
    padding:0!important;background:none!important;
    margin-top: 5px!important;cursor:pointer;
    width:100%;display:block!important;
}
.about-logo {
    position: relative;
    height: 70px;
}
.about-logo img
{
        position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.about-content-block2-img
{
     position: relative;
     height: 250px;
}
.about-content-block2-img img
{
      position: absolute;
      right: 0;
      top: 60px;
      bottom: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%;
}
.about-content-block3-img
{
     position: relative;
     height: 275px;
}
.about-content-block3-img img
{
      position: absolute;
      left: 0;
      top: -80px;
      bottom: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%;
}
.about-content-block4-img
{
     position: relative;
     height: 160px;
}
.about-content-block4-img img
{
      position: absolute;
    left: 0;
    top: 0;right:0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.about-content-block5-img
{
     position: relative;
     height: 195px;
}
.about-block5-top .about-content-block5-img
{
     position: relative;
    height:100px!important;
}
.about-content-block5-img img
{
      position: absolute;
      left: 0;
      top: -30px;
      right:0;
      bottom: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%;
}
.or{position:relative;font-family: 'source_sans_prosemibold';font-size: 24px;text-align:center;float:left;width:100%;margin-bottom:  0;margin-top: 70px;font-weight:  bold;}
.or:after{position:absolute;left: 25px;top:10px;width: 36%;top: 18px;width: 50px;height:2px;background:#06CC72;content:'';}
.or:before{position:absolute;right: 25px;top: 18px;width: 50px;height:2px;background:#06CC72;content:'';}

.orlogin{position:relative;font-family: 'source_sans_prosemibold';font-size: 18px;text-align:center;float:left;width:100%;margin-bottom:  0;margin-top: 20px;margin-bottom: 20px;font-weight:  bold;color:#545455;}
.orlogin:after{position:absolute;left: 5px;top:10px;width: 36%;top: 14px;width: 120px;height:2px;background:#545455;content:'';}
.orlogin:before{position:absolute;right: 5px;top: 14px;width: 120px;height:2px;background:#545455;content:'';}

.orshare{position:relative;font-family: 'source_sans_prosemibold';font-size: 18px;text-align:center;float:left;width:100%;margin-bottom:  0;margin-top: 20px;margin-bottom: 20px;font-weight:  bold;color:#545455;}
.orshare:after{position:absolute;left: 20px;top:10px;width: 36%;top: 14px;width: 100px;height:2px;background:#545455;content:'';}
.orshare:before{position:absolute;right: 20px;top: 14px;width: 100px;height:2px;background:#545455;content:'';}

.dot-about{    position: relative;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background:#2b2d42;
    top: -2px;
    margin-right: 5px;}
/*About-Changes*/
.suggest-block-change
{
        background: #fff;
        padding: 0 5px;
        padding-bottom: 20px;
        width: 96%;
        margin: 2%;
        margin-bottom: 0;
}

.suggest-block-change .change-input-width {
    width: 79% !important;
    color: #858789;
    background: #f1f5f8;
    border: 1px solid #dce2e7;
    font-family: 'AvenirLTStd-Roman';
}
.suggest-block-change .search-change-block {
    padding: 6px 24px !important;
    font-size: 15px !important;
    font-family: 'AvenirLTStd-Roman';
}
.suggest-block-change .title-heading1 {
    font-size: 20px;
    color: #000;
    font-family: 'AvenirLTStd-Medium'!important;
    margin: 0;
    padding: 15px 0;
}
.suggest-content-block
{
       background: #fff;
    padding:15px;
    width: 96%;
    margin: 2%;
    margin-bottom: 0;
}
.suggest-content-block h2
{
    color:#2e2a2a;
    font-size: 17px;
    font-family: 'AvenirLTStd-Medium';
    margin:0;
    text-align:left;
}
 .suggest-content-block p
{
    color:#989696;
    font-size: 15px;
    font-family: 'AvenirLTStd-Book';
    margin:0;
    padding-top: 10px;
    text-align:left;
}
 .suggest-content-block span{display:inline-block;color:#0000f0!important;  font-family: 'AvenirLTStd-Roman'!important;cursor:pointer;}

.aboutus-page-link
{
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 99;
}
.aboutus-page-link p
{
    color: #fff;
    text-decoration: underline;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;cursor:pointer;
}
.aboutus-page-link a
{
    color: #fff;
    text-decoration: underline;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;cursor:pointer;
}
.about-close{position: absolute;
top: 8px;
    right: 20px;
    z-index: 9999;}
.about-close img{position:relative;cursor:pointer;z-index:999;width:25px;}
.about-govoyce{font-family: 'source_sans_prosemibold';
    position: relative;
    font-size: 35px;
    color: #fff;
    text-align: left;
    margin: 0;
    padding-bottom: 15px;
    width: auto;
    display: inline-block;
    float: left;
    vertical-align: bottom;
    margin-left:5px;
    padding-top: 0px;}
.about-mobile{display:none!important;}

.canvas-mobile{display:none;}
.upload-image{width:100%;}
.upload-button{width:100%;margin-bottom:10px;}

.profile-upload-popup
{
    position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;
}
.profile-upload-popup-content
{
              background: #fff;
    padding: 0px;
    height: auto;
    width: 450px;
    /* margin: 20px 0; */
    float: left;
    margin-top: 50px;
    margin-left: 170px;
}
.update-view-scroll{margin-bottom:20px;}
.mode-select select{width:45%;}
.hastag-text h4
{
width:auto;display:inline-block;
}
.hastag-text .hastag-overflow
{
    width: 70%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.float-left-btn{float:left;}
.float-right-btn{float:right;}
#ModalAddChangeUpdate .button_groups{display:block!important;}

#ModalAddChangeReview .leticc-pop .popup-reportabug-height {
    max-height: 100%!important;
    min-height: initial!important;
}
 #ModalAddChangeReview .bug-report-height{max-height: 400px!important;}

 #ModalAddChangeUpdate .leticc-pop .popup-reportabug-height {
    max-height: 100%!important;
    min-height: initial!important;
}
 #ModalAddChangeUpdate .bug-report-height{max-height: 400px!important;}

/*Activity-Page*/
 .activity-view-block {
    width: 96%;
    margin: 0 2%;
    margin-top: 10px;
    padding: 10px;
    border-radius: 0;
    border: 1px solid #dce2e7;
    padding-bottom: 20px;
    word-break: break-all;
}
 .activity-view-block .personal-img {
    position: relative;
    height: 135px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ddd;

}
 .personal-img-bg
 {
     background: #06cc72;
 }
.activity-view-block .personal-img img
{
        position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit:cover;
}
 .activity-view-block .view-pro-img {
    height: 38px;
}

.activity-view-block .view-pro-img {
    width: 9%;
    margin-right: 10px;
}
.activity-view-block .view-pro-text {
    width: 88%;
    /*padding-top: 12px;*/
}
.activity-view-block .home-text4 {
    color: #777777;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;
}
.activity-view-block .view-vote-goal {
    background: #f4f4f4;
    margin-top: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
        height: 85px;
    overflow: auto;
}
.activity-view-block .view-text5 {
    color: #333;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;
    margin: 0;
}
.activity-view-tab
{
     width:100%;
    /*margin: 0 2%;*/
    margin-top: 10px;
}
.activity-view-tab .nav-tabs
{
     width:96%;
    margin: 0 2%;
}
.activity-view-tab .nav-tabs>li {
    float: left;
    margin-bottom: 0px;
    width: 20%;
    display: inline-block;
}
.activity-view-tab .nav-tabs > li > a {
    margin-right: 2px;
    line-height:17px;
    border: 1px solid #06CC72;
    border-radius: 0;
    background: #06cc72;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
    font-family: 'AvenirLTStd-Book';
    cursor:pointer!important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.activity-view-tab .panel{
     border-top-left-radius:0px;
     border-top-right-radius:0px;
     border:  none;
}
.activity-view-tab .nav-tabs li:last-child a{margin-right: 0px;}
.activity-view-tab .nav-tabs > li.active > a,.activity-view-tab .nav-tabs > li.active > a:focus,.activity-view-tab .nav-tabs > li.active > a:hover,.activity-view-tab .nav-tabs > li > a:hover {
    color: #06CC72!important;
    cursor: default;
    background: #fff!important;
    border:1px solid #06CC72!important;
    border-bottom-color: #06CC72;
}
.activity-view-tab .panel-body {
    padding: 0px!important;padding-bottom:10px!important;overflow:auto!important; 
	/* height:485px; */
}
.activity-view-tab .panel-body-ch .nav-tabs>li
{
    width:50%!important;
}
.activity-view-tab .panel-body-ch .nav-tabs
{
    padding:5px!important;
}

.activity-view-tab .panel-ch
{
        border: none!important;
    box-shadow: none!important;
    padding: 0 5px!important;
}
.activity-logotext
{
        width: 70%;
    float: left;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.activity-location
{
        width: 30%;
    float: right;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
.activity-view-tab .panel-body-improvement {
    padding: 0px!important;
    padding-bottom: 0px!important;
    overflow: auto!important;
    /* height: 260px; */
}
/*Activity-Page*/
.reply-view-layout-font{
    margin-top: 12px;
    border-top: 1px solid #e8e6e6;
    padding-top: 12px;
}
.reply-view-layout-font .view-text4 {
    color: #777777;
    font-family: 'AvenirLTStd-Book';
    font-size: 15px;
}
.reply-view-layout-font .view-text8 {
    color: #333;
    font-family: 'AvenirLTStd-Roman';
    font-size: 16px;
}
.reply-view-layout-font .view-text-date1 {
    color: #777777;
    font-family: 'AvenirLTStd-Roman';
    font-size: 12px;
}
/*.floatbtn{
    bottom: 23px;
    position: absolute;
    right:30px;

   bottom: 9.2%;
    position: fixed;
    left: 30%;
}*/
.floatbtn {
  background: #eee9f0 none repeat scroll 0 0;
  bottom: 0;
  left: auto;
  max-width: 570px;
  padding: 10px 0;
  position: static;
  text-align: center;
  width: 100%;
}
/*
.backtop {
    background-color: #06CC72;
    color: #fff;
    box-shadow: none;
    border: none;
    border-radius:4px;
    font-size:13px;
    padding:6px 13px;
} */
.backtop {
  background-color: #06cc72;
  border: medium none;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  padding: 6px 13px;
}
 .list-group-item{padding:10px 15px !important;}
.fb-iconplace{
        position: absolute;
    width: 64px;
    height: 55px;
    background-color: transparent;
    z-index: 10;
    top: 0px;
    opacity: 0.5;
}
 
@media (min-width:1900px) and (max-width: 5000px) {
    .lightbox-modal .lightbox-image-container img {
        width: 100% !important;
        height: 100% !important;
    }

    .lightbox-modal .modal-dialog {
        width: 870px !important;
    }

    .lightbox-modal .modal-content {
        height: auto !important;
    }
    .gif-image-content{position:absolute;width:50%;display:inline-block;right:0;top:auto;}
    .container{width:100%;padding-left: 40px;}
    .menu-sec {
    padding-left: 0px;
}
    /*.top-padding-container{padding-left:36px!important;}*/

    /*.margin-res-largescreen{margin-top:100px;}*/
    /*.view-block1{margin-left:-28px;}*/
    #page-wrapper{padding:0!important;}
     .gif-image-content {
        top: auto!important;
    bottom: 0;
}
     .padding-high-resolution{padding:0!important;}
         .home-ht-adjust {
            height: 97.55% !important;
        }
        .bug-report-height-ch {max-height:825px;}
}
@media (min-width: 1200px) and (max-width: 1300px) {
    .popup-responsive-width{position:relative!important;}
    .popup-default-txt{overflow:auto!important;}
    .gif-image-content {
    position: absolute;
    width: 450px;
    display: inline-block;
    right: 0;
    top: auto;bottom:0;
}
    .top-sec-margin{height:75%!important;}
     .home-ht-adjust {
            height: 96.3% !important;
        }
      .bug-report-height-ch {max-height: 556px;}
}
@media (min-width: 1320px) and (max-width: 1590px){
    .main-logo-change {
    position: relative;
    height: 70px;
    margin-top: 0;
    z-index: 99;
    margin-bottom: 5px;
}
    .top-sec-margin {
    margin-top: 137px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .scroll-content {
        height: 100%;
        position: relative;
        top: 0px !important;
    }

    /*.gif-image-content{width: 38%;}*/
    /*.popup-responsive-width {
        width: 50% !important;
        position: fixed !important;
        margin: 0 25% !important;
        padding: 0px 0px !important;
    }*/

    .responsive-suggestchange-height {
        height: 88% !important;
    }

    .responsive-change-height {
        height: 75% !important;
    }

    .popup-responsive-height {
        padding: 0;
        height: 86% !important;
    }

    .popup-responsive {
        height: 95% !important;
        position: absolute;
        overflow-y: scroll;
    }

    /*.messageBox-success, .messageBox-error {
        left: 0;
        width: 30%;
        margin: 0 35%;
    }*/

    .follow-popover .popover {
        top: -65.32031px !important;
        left: 31.67969px !important;
        right: -12px !important;
        width: 142px;
    }

    .new-popover .follow-popover .popover {
        top: -65.32031px !important;
        left: 31.67969px !important;
        right: -12px !important;
        width: 142px;
    }

    /*.bottom-panel, #viewport, .view-block1, .main-page, .detail-block-al {
        width: 70%;
        margin: 20px 15%;
    }*/

    .view-text-block {
        width: 82%;
    }
    /*.follow-popover .popover {
         top: 41px !important;
         left: -82.82031px !important;
         right: 53px !important;
}*/
    .popover-style-ch .follow-popover .popover {
        top: -65.32031px !important;
        left: -22.32031px !important;
        right: 8px !important;
    }

    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: -5px !important;
        right: 0 !important;
        width: 114px;
    }

    .popover-sec-main .popover-style-ch .popover.top > .arrow {
        bottom: auto;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,.25);
        border-bottom-width: 0;
        top: -11px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    .margin-change2 {
        margin-top: 100px !important;
    }
     body{overflow:hidden!important;}
     /*.mobile-res-height{height:100%!important;}*/
      .detail-block-al{z-index:99;}
       .home-ht-adjust {
            height: 97% !important;
        }     
.bug-report-height-ch {max-height: 1150px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .padding-high-resolution{padding:0;}
     body{overflow:auto!important;}
    .scroll-content {
        height: 100%;
        position: relative;
        top: 0px !important;
    }
    /*.gif-image-content{width:100%;position:relative;margin-top:20px;}*/
    /*.popup-responsive-width {
        width: 50% !important;
        position: fixed !important;
        margin: 0 25% !important;
        padding: 0px 0px !important;
    }*/

    .responsive-change-height {
        height: 75% !important;
    }

    .responsive-div-body {
        height: 90% !important;
        max-height: 100% !important;
        overflow-x: hidden;
        width: 50%;
        margin: 0px 25%;
        position: relative;
    }
     .home-ht-adjust{
            height: 96.5% !important;
        }
    /*#viewport {
    
    max-height: 1053px !important;
    overflow-y: auto;
    overflow-x: hidden;
    width: 50%;
    margin: 0px 25%;
    height: 100%;
}*/
    .popup-responsive-height {
        padding: 0;
        height: 86% !important;
    }

    .popup-responsive {
        height: 90% !important;
        position: absolute;
        overflow-y: scroll;
    }

    /*.messageBox-success, .messageBox-error {
        left: 0;
        width: 40%;
        margin: 0 30%;
    }*/

    .follow-popover .popover {
        top: -65.32031px !important;
        left: -5.32031px !important;
        right: -12px !important;
        width: 142px;
    }

    .new-popover .follow-popover .popover {
        top: -65.32031px !important;
        left: -5.32031px !important;
        right: -12px !important;
        width: 142px;
    }

    /*.bottom-panel, #viewport, .main-page, .detail-block-al {
        width: 70%;
        margin: 20px 15%;
    }*/

    /*.view-block1 {
        width: 80%;
        margin: 20px 10%;
    }*/

    .view-text-block {
        width: 82%;
    }

    .reply-text {
        padding-left: 3%;
    }
    /*.follow-popover .popover {
         top: 41px !important;
         left: -76.82031px !important;
         right: 48px !important;
}*/
    .popover-style-ch .follow-popover .popover {
        top: -65.32031px !important;
        left: -33.32031px !important;
        right: 7px !important;
    }

    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: -26px !important;
        right: 0 !important;
        width: 114px;
    }

    .popover-sec-main .popover-style-ch .popover.top > .arrow {
        bottom: auto;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,.25);
        border-bottom-width: 0;
        top: -11px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    /*.margin-change2 {
        margin-top: 100px !important;
    }*/

    .responsive-suggestchange-height {
        height: 80% !important;
    }

    .popup-reportabug-height {
        min-height: 100% !important;
    }

    .mobile .popover {
        display: none !important;
    }
     body{overflow:hidden!important;}
     /*.mobile-res-height{height:100%!important;}*/
      .detail-block-al{z-index:99;}
      .carosul-responsive{left:100%!important;}
       .home-ht-adjust {
            height: 97% !important;
        }
       .bug-report-height-ch {max-height: 900px;}
}

@media (max-width: 767px) {
    /*#ModalAddChangeUpdate .bug-report-height{max-height: 100%!important;height:225px!important;}
    #ModalAddChangeReview .bug-report-height{max-height: 100%!important;height:225px!important;}*/
   #ModalAddChangeUpdate .text-editor-height{height:auto!important;}
    .hastag-text .hastag-overflow{width:42%;}
    .update-heading{font-size:15px!important;}
    .canvas-desktop{display:none;}
    .canvas-mobile{display:block;}
    .sugg-prp .popover{left: -30.3281px!important;}
    .ic-cmt .popover{left:-16px!important;}
     .sugg-tooltip-hover-display{width:120px;}
    /*.sugg-tooltip-hover-display-raised{width:87px!important;}*/
    .org-tooltip-hover{right:0!important;}
    .carousel-bg-fixed-mobile,.carosul-responsive{display:none;}
    .slider-block{display:block;position: relative!important;}
    .carousel-bg-fixed{position:relative;height:250px;}
    /*.carousel-inner,.carousel-inner>.item{height:250px;}*/
    .row-width-new{width:100%!important;margin:0;}
    /*.main-link2 a{color:#06CC72!important;}*/
    .modal-dialog,.popup-report-change-txt,.popup-default-section-cmt,.popup-default-section-cmt-delete{margin-left:0;}
    .scroll-content {
        height: 100%;
        position: relative;
        top: 10px !important;
    }
    .popup-responsive-width {
        width: 100% !important;
        position: fixed !important;
        margin: 0 0 !important;
        padding: 0px 0px !important;
    }

    .responsive-change-height {
        height: 47% !important;
    }

    .responsive-div-body {
        height: 97% !important;
        max-height: 100% !important;
        overflow-y: auto;
        overflow-x: hidden;
        width: 50%;
        margin: 0px 25%;
    }

    .messageBox-success, .messageBox-error {
        left: 0;
        width: 78%;
        margin: 0 12%;
    }

    .follow-popover .popover {
        top: -63px !important;
        left: -28.82031px !important;
        right: -1px !important;
        width: 125px;
    }

    .new-popover .follow-popover .popover {
        top: -63px !important;
        left: -28.82031px !important;
        right: -1px !important;
        width: 125px;
    }

    .follow-popover .popover.top > .arrow {
        bottom: -11px;
        left: 66%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,.25);
        border-bottom-width: 0;
    }

    .view-pro-text {
        width: 84%;
    }

    .view-share {
        padding-left: 5px;
        margin-top: 5px;
    }

    #viewport {
        width: 100% !important;
        /* margin: 0 3%!important; */
    }

    .bottom-panel {
        width: 100% !important;
        margin: 0px 0 !important;
    }

    .bottom-panel {
        margin-bottom: 0 !important;
    }

    .main-page, .detail-block-al {
        width: 98%;
        margin: 1%;
    }

    .view-block1 {
        width: 99%;
        margin: 10px 0.5%;
    }

    .view-share1 {
        width: 23%;
    }

    .date-ch-width {
        display: inline-block;
        float: right;
        width: 35%;
    }

    .text-ch-width {
        margin: 0;
        width: 65%;
        display: inline-block;
    }

    .view-text-block {
        width: 80%;
    }

    .view-text-block1 {
        width: 77%;
    }

    .view-text-block-orgsearch {
        width: 72%;
    }

    .pad-rt {
        padding-right: 0;
    }

    .view-share-size i {
        font-size: 30px !important;
    }

    .suggest-text {
        width: 63%;
    }

    .inner-div {
        padding: 0;
    }

    .detail-lbl {
        padding: 0;
        font-size: 13px;
    }

    .multiSelect .checkboxLayer {
        min-width: 100%;
        width: 100%;
    }

    .multiSelect .multiSelectItem {
        min-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .multiSelect .multiSelectItem {
        margin-left: 0px !important;
    }

    .org-search-input-width {
        /*width: 65% !important;*/
        display: inline-block;
        /*width: 65% !important;*/
    }

    .change-input-width {
        width: 75%!important;
        display: inline-block;
    }

    .vote-div1 {
        width: 25%;
    }

    .vote-div2 {
        width: 75%;
    }

    .view-share-vote {
        width: 27%;
    }



    .popover-style-ch .follow-popover .popover {
        top: -57px !important;
        left: -53.82031px !important;
        right: -1px !important;
        width: 143px;
    }

    .text-ch-width1 {
        width: 58%;
    }

    .date-ch-width1 {
        width: 41%;
    }

    .flag-padding {
        padding-right: 0;
    }

    .vote-ic-res {
        vertical-align: top !important;
        width: 23% !important;
    }

        .vote-ic-res .icon-change img {
            max-width: 100% !important;
            width: 16px;
        }

    .reply1 {
        padding-left: 32px !important;
    }

    .reply2 {
        padding-left: 32px !important;
    }

    .replyall {
        padding-left: 32px !important;
    }

    /*.reply2 .vote-ic-res, .reply3 .vote-ic-res {
            vertical-align: top !important;
            width: auto !important;
        }

            .reply3 .vote-ic-res .icon-change img {
                max-width: 100% !important;
                width: 10px;
            }

            .reply3 .vote-ic-res a span {
                padding-left: 2px !important;
            }*/
    .view-pro-img-ch {
        width: 7%;
    }

    .view-pro-text-ch {
        width: 90%;
    }

    .report-arrow-left1 {
        top: 3px;
        left: 80px;
        border-left: 10px solid #ccc;
        border-right: none;
    }

    .report-arrow-left {
        top: 3px;
        left: 79px;
        border-left: 10px solid #fff;
        border-right: none;
    }

    .dropdown-menu-report {
        top: -33px !important;
        left: auto !important;
        right: 22px !important;
    }

    .popup-default-section-txt {
        width: 98%;
        margin: 100px 1%;
    }

    .view-pro-img-ch {
        height: 46px;
    }

    .view-share-size {
        width: 31% !important;
    }

    .reply-text {
        padding-top: 10px;
        padding-left: 2%;
        padding-bottom: 10px;
        display: block;
    }

    .reply-date {
        display: inline;
        width: 100%;
    }

    .datefont {
        font-size: 10px;
    }

    .reply-text-lt {
        width: 16%;
    }

    .reply-text-rt {
        width: 80%;
    }

    .follow-btn-ch {
        font-size: 9px !important;
        width: 50px !important;
    }

    .margin-change, .margin-change2 {
        margin-top: 30px !important;
    }

    .popup-default-txt {
        overflow: auto;
    }

    .popup-default-bg-txt {
        margin-bottom: 30px;
    }

    .desktop-view {
        display: none;
    }

    .mobile-view, .back-share1 {
        display: block;
    }

    /*#viewport {
        max-height: 610px !important;
    }*/

    .bottom-panel .view-share12 i {
        color: #fff !important;
    }

    .bottom-panel {
        background: #06cc72;
        opacity: 1 !important;
    }

    .view-pro-img {
        width: 12% !important;
        margin-right:4px !important;
        height: 33px;
        display: inline-block;
        position: relative;
    }

    .view-img {
        width: 14%;
        height: 41px;
        display: inline-block;
        position: relative;
    }

    .view-share2 i {
        text-align: center;
        color: #333;
        font-size: 15px;
    }

    .height-popup-ch {
        padding: 10px 20px;
        overflow-x: hidden;
        overflow-y: auto;
        /* padding-top: 0; */
        display: block;
        float: left;
        width: 100%;
    }

    /*.width-popup {
    width: 313px!important;
    margin-top:5px!important;
    margin: auto;
}*/
    .width-popup {
        width: 98% !important;
        margin-top: 5px !important;
    }

    .MainClass {
        width: 100% !important;
        margin: 10px 0 !important;
        padding: 0 10px;
    }

    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: -16px !important;
        right: 0 !important;
        width: 114px;
    }

    .popover-sec-main .popover-style-ch .popover.top > .arrow {
        bottom: auto;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,.25);
        border-bottom-width: 0;
        top: -11px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    .top-header-fixed {
        position: fixed;
        width: 100%;
        float: left;
        top: 0;
        background: #06cc72 !important;
    }

    .top-sec-margin {
        margin-top: 50px;
    }

    .web-font {
        font-weight: bold;
        font-size: 16px;
    }

    .carusol-image {
        position: relative;
        height: 150px;
    }

    .img-res-width {
        width: auto !important;
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

    .padding-left-res, .padding-left-res .panel-body {
        padding: 0 !important;
    }

    .logotxt1 {
        /* display: inline-block; */
        vertical-align: top;
        float: left;
        font-weight: bold;
        height: 40px !important;
        position: relative;
        width: 100%;
    }

    .margin-change2 {
        margin-top: 7px !important;
    }

    .org-span {
        width: 43%;
        display: inline-block;
    }

    .org-span-ch {
        width: 88%;
    }

    .email-notify-text h2 {
        font-size: 14px;
    }

    .email-notify-text {
        margin-top: 20px !important;
    }

    .email-generate {
        width: 100%;
        float: left !important;
        margin-top: 10px;
    }

    .responsive-img-side {
        width: 14% !important;
    }

    .responsive-div-side {
        width: 84% !important;
    }

    /*.icr-social-media, .AdaptiveMediaOuterContainer {
        margin-left: 15.5% !important;
        margin-top: 0px;
    }*/

    .view-share2Right {
        width: 38%;
    }

    .popup-responsive {
        height: 85% !important;
        position: absolute;
        overflow-y: scroll;
    }

    .popup-responsive-height {
        padding: 0;
        height: 90% !important;
    }

    .responsive-changesearch-height {
        height: 95% !important;
    }

    .popup-reportabug-height {
        min-height: 100% !important;
    }

    .popup-report-change-txt {
        width: 300px;
        margin: auto;
        position: relative;
        margin-top: 30px;
    }

    .org-span-ch {
        width: 88% !important;
    }

    .mobile .popover {
        display: none !important;
    }


    .modal-content{height:100%!important;}
    .modal-content .modal-body{padding:2px!important;}
    .lightbox-image-container img{width:100%!important;height:100%!important;}
     .cropArea-ch{width:100%!important;}
     .birthady-width {
    padding-right: 23px;
}
     .padding-right-bt{padding-right: 8px;}
     /*.container{padding-left: 15px;padding-right: 15px;}*/
    .search-change-block {padding: 8px 10px !important;}
    .MainClass,.main-page{margin-left:0;padding:0 2px;}
    .gif-image1{display:none;}
    .main-link2 a{margin: 12px 10px;}
    .gif-image{display:block;}
    .view-share2Left {
        width: 60%;
    }
    .MainClass,.main-page {
    width: 100% !important;
    /*margin: 3%!important;*/
        background:#ebebef!important;
}

    .responsive-change-height {
    width: 100%;
    /*margin: 0 3%;*/  background: #f8f8f8!important;
}
    .signin-ch{margin:0;width:100%;}
    body,.scroll-content,.top-sec-margin,.top-margin,.detail-block-al {
    background-color: #ebebef!important;
}
  
    .popup-default-section-follow-share,.popup-default-section-cmt,.popup-default-section-follow,.popup-default-section-cmt-delete{margin:auto!important;margin-top: 50px!important;}

    .share-location-div {
    width: 100%;
    margin-left: 0;
}
    .modview{width:98%;margin:1%;}
    .pad-responsive-mod{padding:0;}
    .mobile-res-height{
		height:950px!important;}
    .popup-default-section-cmt-delete{width:97%;}


    /*New-Changes*/

     /*Landing-Page*/

    .margin-res-smallscreen{margin-top:10px;}
    .landing-page-logo{height:70px;margin-bottom: 10px;}
    .landing-page-layout-main{margin-top:10px;margin-bottom:10px;float:left;width:100%;height:auto;}
    .landing-page-link a{margin-bottom:10px;}
    .landing-page-inner-layout{    width: 100%;
    height: auto;
    padding: 0;
    background: none;}
    .landing-page-link a{     margin: 0;
    margin-bottom: 15px;
    font-size: 20px;
    width: 100%;
    text-align: center;
    height: auto;
    line-height: initial;
    font-family: inherit;}
        .landing-page-link a:hover {
            color:#fff;
            background: none;
        }
     /*Landing-Page*/

     /*Home-Page*/
     .home-page-padding{padding-top:0;}
     .home-view-block .responsive-img-side,.home-view-block .view-pro-img {width: 12% !important;margin-right: 5px;}
	 
	 /*Added by MS*/
	 .org-header-block .responsive-img-side {width: 14.58% !important;margin-right: 5px;}
	 
     .home-view-block .view-text-block ,.home-view-block .view-pro-text{width: 84% !important;}
     .home-view-block .home-text1 {font-size: 14px;}
	 .view-text-block1 .home-text1 {font-size: 14px;}
     .home-view-block .home-text2 {font-size: 13px!important;}
	 
	 .org-header-block .home-text2 {font-size: 13px!important;}
	 
    .home-view-block .home-text3 {font-size: 13px;}
    .home-view-block .home-text4 {font-size: 12px;}
    /*.report-dot {font-size: 35px;}*/
    .home-view-share-block{padding:7px 1px;}
    .home-view-share-block .thumb-im{max-width:9px;}
    .thumb-im1{max-width:12%}
    .home-view-block {width: 100%;margin: auto;padding: 10px;margin-top:0px;margin-bottom:12px;}
	.org-header-block {width: 100%;margin: auto;padding: 10px;margin-top:10px;margin-bottom:5px;padding-bottom:5px;}
    .home-view-block .popover { display: block !important;}
    .home-view-block .view-share2Left {width: 59%;margin-top:0px;}
    .home-view-block .view-share2Right {width:39%;margin-top:0px;}
    .menu-sec{    border-top-left-radius: 0px;border-top-right-radius: 0px;}
    .home-view-block .view-share2Left span, .home-view-block .view-share2Right span{font-size: 9px;}
    .home-view-share-block {
    margin-right: 2px;height: 25px;
}
    .thumb-im2 {
    width:8px;
    position: relative;
    margin-right:0;
    top:0px;
    height:7px;
}
    .thumb-im1 {
    max-width: 11px;
}
    .home-view-share-block {
    width: 39px;
}
    .home-view-share-block-ch {
    width: 42px!important;
}
#viewport {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
    /*Home-Page*/

     /*view-Page*/
    .view-page-layout {
    padding: 10px;margin:auto;width:100%;
}
    .view-page-layout .view-text-block1 {
    width: 85%;
}
    .view-page-layout .view-text-ch-width {
    width: 60%;
}
    .view-page-layout .view-text-ch-width-right {
    width: 40%;
}
   .view-page-layout .text-ch-width {
    width: 54%;
}
    .view-page-layout .date-ch-width {
    width: 45%;
}
    .view-page-layout .view-text1 {
    font-size: 14px;
}
    .view-page-layout .view-text2 {
    font-size: 13px!important;
}
    .view-page-layout .view-pro-text {
    width: 85%;
}
    .view-page-layout .view-text5{
    font-size: 13px;
}
    .view-page-layout .view-text6 {
    font-size: 11px;
}
    .view-page-layout .view-text7 {
    font-size: 11px;
}
    .view-page-layout .view-text8 {

    font-size: 14px;
}
    .view-page-layout .view-text4{font-size:12px;}
    .date-font-res{font-size: 11px!important;}
    .datefont {
    font-size: 10px!important;
}
    .view-page-layout .new-width .view-pro-text-ch {
    width: 85%;
}
    .view-page-layout-popup{padding:0!important;}

    .view-page-layout .reply-bt,.view-page-layout .cancel-bt {
    padding: 5px!important;
    font-size: 13px!important;
}
    .view-page-layout .view-text3 {
        font-size: 12px;
    }

    .comment-popover-sec .popover.top > .arrow {
    bottom: -11px!important;
    left: 50%!important;
}
.comment-popover-sec .popover{    top: -30px;
        top: -60px!important;
    left: -18px!important;
    width:auto!important;
}
.reply-view-layout .view-pro-text-ch {
    width: 83%;
}
.view-page-layout .view-button-txt-span{font-size:11px;}
.view-page-layout .cmts-align{
        margin-top:10px;line-height:initial;
}
.view-page-layout .ic-cmt{
        position: relative;
    top: 3px;
}
    /*view-Page*/
     /*New-Changes*/
     .view-page-layout .view-right-width{width:86%;}
     .view-pad-thumb-all{padding:0;}


     .home-view-block .profile-bg-letter1 {
    width: 31px;font-size:13px;
    height: 31px;
    line-height: 31px;}
.view-page-layout .profile-bg-letter1 {
    width:24px;font-size:12px;
    height:24px;
    line-height:24px;}



/*About-Changes*/

.about-block1-left,.about-block1-right,.about-block2-left,.about-block2-right,.about-block3-left,.about-block3-right,.about-block4-left,.about-block4-center,.about-block4-right,.about-block5-left,.about-block5-center,.about-block5-right
        {float:left;width:100%;display:block;}
        .about-share{    float: left;
    width: 70%;
    display: inline-block;}
         .about-signup
    {
            float: right;
    width: 29%;
    display: inline-block;
    text-align: right;
    }
    .about-content-block2-img img{top: 0px;left: 0;margin: 0 auto;}
    .about-content-block2-img{height:190px;}
    .about-content-block3-img {height: 265px;}
    .about-content-block3-img img{top:0;right:0;}
    .about-content-block4-img {height: 245px;}
    .about-content-block5-img {
    height: 220px;
}
    .about-content-block5-img img{top:0;}
    .or{margin-top:10px;margin-bottom:10px;}
    .or:before{width: 35%;right:0;}
    .or:after{width: 35%;left:0;}
    .about-block1-right{padding-top:15px;}
    .about-share ul {
    border-bottom: 0px solid #fff;
    width: 100%;
}
    .about-share ul li {
    display: inline-block;
    margin-right: 6px;
    width: auto;
}
    .about-block2-left{padding-top:15px;padding-bottom:0;}
    .about-block3-right{padding-top:20px;padding-bottom:0px;}
    .about-block5-center{padding-top:15px;padding-bottom:0px;}
    .about-block4-center{padding-top:10px;}
    .about-block1,.about-block2,.about-block3,.about-block4,.about-block5{padding:15px;}
    .about-block5{border-bottom: 1px solid #2b2d42;}
    .about-signup .terms-txt{margin-top:10px!important;}
   

/*About-Changes*/

    .suggest-block-change .search-change-block {
        padding: 6px 12px !important;
    }
    .suggest-block-change .change-input-width
    {
        width: 70% !important;
    }
.aboutus-page-link
{
    top: 0px;
    right: 0;
    z-index: 99;
}
.aboutus-page-link p{position:relative;z-index:99;}
.leticc-pop-change{    width: 96% !important;margin: 10px 2%!important;overflow: auto;}
.bug-report-height-ch {
    max-height: 100%;
}
.leticc-pop-change .popup-reportabug-height {
    min-height: 54% !important;
}
.about-close{right:10px; position: fixed;top: 18px;}
/*.suggest-content-scroll{height:300px;overflow:auto;}*/
.suggest-content-scroll{height:325px;overflow:auto;}
.suggest-block-change,.suggest-content-block{width: 100%;margin: 2% 0;}
.about-block1-left-mobile h1{margin-top:26px;font-size:26px;}
.about-logo {
    position: relative;
    height: 57px;
}
 .about-mobile{display:block!important;}
    .about-desktop{display:none!important;}
}
                             
                              
@media (max-width:400px) {

    .scroll-content {
        height: 100%;
        position: relative;
        top: 10px !important;
    }

    .popup-responsive-width {
        width: 100% !important;
    }

    .popup-responsive {
        height: 90% !important;
        position: absolute;
        overflow-y: scroll;
    }

    .popup-responsive-height {
        padding: 0;
        height: 100% !important;
    }

    .responsive-div-body {
		height: 97%!important;
        max-height: 100% !important;
        overflow-y: auto;
        overflow-x: hidden;
        width: 50%;
        margin: 0px 25%;
    }

    .responsive-change-height {
        height: 80% !important;
    }

    .responsive-suggestchange-height {
        height: 80% !important;
    }

    .responsive-changesearch-height {
        height: 90% !important;
    }

    .popup-reportabug-height {
        min-height: 100% !important;
    }

    .mobile .popover {
        display: none !important;
    }
   .home-view-block .report-dot {
    font-size: 50px;
    top: -36px;}
   .leticc-pop-change{    width: 96% !important;margin: 10px 2%!important;overflow: auto;}
   /*.suggest-content-scroll{height:220px;overflow:auto;}*/
   .suggest-content-scroll{height:325px;overflow:auto;}
     /*#ModalAddChangeUpdate .bug-report-height{max-height: 100%!important;height:225px!important;}
    #ModalAddChangeReview .bug-report-height{max-height: 100%!important;height:225px!important;}*/
    .hastag-text .hastag-overflow{width:42%;}
}
@media (min-width:345px) and (max-width:380px)
{
    .sugg-tooltip-hover-display {width: 170px!important;}
    .sugg-tooltip-hover-display-raised{width: 193px!important;}
    .home-view-block .profile-bg-letter1 {
    width: 33px;
    height: 33px;
    line-height: 33px;}
	
.view-page-layout .profile-bg-letter {
    width: 33px!important;
    height: 33px!important;
    line-height: 30px!important}	

.view-page-layout .profile-bg-letter1 {
    width: 33px;
    height: 33px;
    line-height: 30px;
     /*margin:0 !important;*/
}

.view-page-layout .profile-bg-letter2 {
    width: 33px;
    height: 33px;
    line-height: 30px;}

/*profile_bg_letter1{
    margin:0 !important;
}*/
	
/*About-Changes*/

.about-content-block2-img {height: 190px;}
        .about-content-block3-img {height: 323px;}
        .about-content-block4-img {height: 313px;}
        .about-content-block5-img {height: 255px;}

/*About-Changes*/
/*.suggest-content-scroll{height:310px;overflow:auto;}*/
.suggest-content-scroll{height:325px;overflow:auto;}

.floatbtn{
        bottom: 0 !important;
    position: absolute;
    right: 10px;
}

.activity-view-tab .nav-tabs > li.active > a, .activity-view-tab .nav-tabs > li.active > a:focus, .activity-view-tab .nav-tabs > li.active > a:hover, .activity-view-tab .nav-tabs > li > a:hover{
    height: 30px;
    font-size:12px;
    padding: 5px 0;
}

.activity-view-tab .nav-tabs > li > a{
        height: 30px;
    font-size:12px;
    padding: 5px 0;
}


}

@media (min-width:382px) and (max-width: 420px)
{
    .sugg-tooltip-hover-display {width: 200px!important;}
 .sugg-tooltip-hover-display-raised{width: 193px!important;}
 .home-view-block .profile-bg-letter1 {
    width: 33px;
    height: 33px;
    line-height: 33px;}


.view-page-layout .profile-bg-letter {
    width: 30px!important;
    height: 30px!important;
    line-height: 30px;}
	
.view-page-layout .profile-bg-letter1 {
    width: 33px;
    height: 33px;
    line-height: 33px;}

.view-page-layout .profile-bg-letter2 {
    width: 30px;
    height: 30px;
    line-height: 30px;}
	

/*About-Changes*/
.about-content-block2-img {height: 190px;}
        .about-content-block3-img {height: 354px;}
        .about-content-block4-img {height: 350px;}
        .about-content-block5-img {height: 295px;}

/*About-Changes*/

/*float button*/

.floatbtn {
    bottom: 0 !important;
    position: absolute;
    right: 12px;
}


}
/*.icr-social-media, .AdaptiveMediaOuterContainer {
    margin-left: 9.5%;
    margin-top: 0px;
}*/


.AdaptiveMedia.is-square:not(.is-generic-video) {
    border: 1px solid rgba(0,0,0,0.1);
}

.AdaptiveMedia-singlePhoto .AdaptiveMedia-photoContainer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.AdaptiveMedia-photoContainer {
    height: 100%;
    position: relative;
    width: 100%;
}

.AdaptiveMedia.is-square, .AdaptiveMedia.is-square .AdaptiveMedia-videoPreview {
    max-height: 506px;
}


.AdaptiveMedia {
    max-height: 379.5px;
    max-width: 100%;
}

.AdaptiveMedia {
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
}


.AdaptiveMedia-singlePhoto .AdaptiveMedia-photoContainer img {
    position: relative;
}


.AdaptiveMedia-photoContainer img {
    background-color: #fff;
    position: absolute;
}

.AdaptiveMedia-singlePhoto img {
    display: block;
    max-width: 100%;
}

.framedata img {
    width: 100% !important;
    height: 100% !important;
}
/* ----------- iPhone 4 and 4S ----------- */



/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: 7px !important;
        right: 0 !important;
        width: 114px;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: 22px !important;
        right: 0 !important;
        width: 114px;
    }
	
/*float button

.floatbtn {
    bottom: 27%;
    position: absolute;
    right: 10px;
}*/	
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */



/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: 40px !important;
        right: 0 !important;
        width: 114px;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */


/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: -18px !important;
        right: 0 !important;
        width: 114px;
    }
}

/* ----------- iPhone X ----------- */



/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .popover-sec-main .popover-style-ch .follow-popover .popover {
        top: 41px !important;
        left: 22px !important;
        right: 0 !important;
        width: 114px;
    }
}
.form-control:focus {
    border-color: #06cc72;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(6, 204, 114);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(6, 204, 114);
}



.fa-inverse {
    color: #06cc72!important;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    body .panel-body.padding-res1.ng-scope {
        
        overflow: hidden !important;
    }
}

.home-view-block, .view-pro-country {
    color: #777777;
}

@media (max-width: 767px) {
    .floatbtn {
        bottom: 8% !important;
        position: fixed;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
   .activity-view-tab .home-view-block {
    width: 99%;
    margin: 0 0.5%;
    margin-top: 10px;
}
   .activity-view-block .view-pro-text {
    width: 50%!important;
}
   .activity-view-block .view-pro-country span {
    white-space: nowrap;
}
  .activity-view-block .view-pro-country {
    width: 34%!important;
}
}
@media (max-width: 550px) {
    .unfollow-mob {
        width:100%;
        margin-top: 10px;
        text-align:right;
    }

    .follow-mob-content p{
        word-break: break-word;
    }

    .follow-mob-content{
        width: 75% !important;
    }
}

.third_party_login {
    display: flex;
    width: 100%;
    justify-content: center;
	margin-top:10px;
	margin-bottom:10px;
}

.third_party_login .social-block {
    margin: 0px 20px;
}
/* Jan 010 2022 design issue  */
@media (max-width: 767px)
{
/* .col-xs-12.top-margin.ng-scope { */
    /* height: 950px !important; */
/* } */
.home_change {
    height: calc(100vh - 3%) !important;
}
}

.home_change {
    height: calc(100vh - 15%);
}
@media (max-width: 767px){
.col-xs-12.main-page.view-no-padding.mobile-res-height.ng-scope{
     height: calc(100vh - 115px)!important;
}
}

/* .col-xs-12.main-page.view-no-padding.mobile-res-height.ng-scope { */
    /* height: calc(100vh - 180px); */
/* } */
@media (max-width: 767px)
{
div#viewport {
   height: calc(100vh - 125px) !important;
}} 
/* Jan 05 2022 design issue  */
 div#viewport { 
     height: calc(100vh - 182px) !important;  
 }
 
@media and (min-width: 1900px) and (max-width: 5000px){

.col-xs-12.row-width.ng-scope.points-table-govoyce{
height: calc(100vh - 227px) !important;
}
}
div#top-margin-height {
    height: auto !important;
}
@media only screen and (max-width: 767px)
{
.ng-scope table.points-table-table tbody {
    
    max-height: calc(100vh - 257px) !important;
    min-height: unset !important;
    height: calc(100vh - 107px) !important;
}}
/* @media screen and (min-device-width: 500px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 1) */
/* { */
/* .ng-scope .points-table-table tbody.ng-scope {     */
    /* max-height: calc(100vh - 328px) !important; */
    /* min-height: unset !important; */
    /* height: calc(100vh - 107px) !important; */
/* }} */
/* @media only screen and (min-device-width: 320px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) */
/* { */
/* .ng-scope .points-table-table tbody.ng-scope { */
    /* min-height: unset !important; */
    /* height: calc(100vh - 204px) !important; */
    /* max-height: calc(100vh - 311px) !important; */
/* }} */
/* @media screen and (min-device-width: 500px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 1) */
/* { */
/* .ng-scope .points-table-table tbody.ng-scope {     */
    /* max-height: unset !important; */
    /* min-height: unset !important; */
    /* height: calc(100vh - 107px) !important; */
/* }} */
@media (min-width: 768px) and (max-width: 991px){
.points-table-table tbody {
    min-height: calc(100vh - 390px) !important;
    height: calc(100vh - 390px) !important;
    max-height: calc(100vh - 390px) !important;
}
}
@media (min-width: 992px) and (max-width: 1024px){
.points-table-table tbody {
    min-height: calc(100vh - 390px) !important;
    height: calc(100vh - 390px) !important;
    max-height: calc(100vh - 390px) !important;
}
}
/* Jan 04 2022 design issue  */
	.profile-pic{
	width:33px !important;
	height:33px !important;
}

.profile-pic img,.profile-pic p{
	width:100% !important;
	height:100% !important;
	display: flex;
    align-items: center;
    justify-content: center;
	line-height:34px !important;
}
	
.profile-pic .profile-bg-letter1 {
    width: 33px;
    height: 33px;
    line-height: 35px;}