.img-thumbnail{
	background:rgb(55, 62, 69);
}
/* .wrap-content {
    padding: 1px 0px 20px 0px;
} */
.my-pictre ul.list-inline li {
    width: auto;
    overflow: hidden;
}
 .blurbg-open > :not(.user-profile-body ){
  -webkit-filter: blur(3px);
  filter:blur(3px);
}
.match-value{
color:#fff;
}
#textarea {
            -moz-appearance: textfield-multiline;
            -webkit-appearance: textarea;
            border: 1px solid gray;
            overflow: auto;
            padding: 2px;
            resize: none;
            width: 400px;
            height: 60px;
            background-color: #fff;
            border: none;
            font-size: 16px;
            padding:9px;
            margin: 0;
            width: 100%;
            max-height: 48px;
            padding-right: 90px !important;
        }
        #textarea:focus{
          outline:none;
        }

        .popup-head {
            background-color: #c2002e;
            padding: 5px;
            color: white;
            font-weight: bold;
            font-size: 14px;
            clear: both;
        }
        .popup-box {
            display: none;
            position: fixed;
            bottom: 0px;
            right: 220px;
            height: 285px;
            background-color: rgb(237, 239, 244);
            width: 300px;
            border: 1px solid rgba(29, 49, 91, .3);
        }
        .checkbox label:before {
		    content: "";
		    display: inline-block;
		    width: 17px;
		    height: 17px;
		    margin-right: 9px;
		    position: absolute;
		    left: 0px;
		    top: 0.4px;
		    background-color: transparent;
		    border: 1px solid #c2c6cb;
		    border-radius: 3px;
		    transition: border 0.2s linear 0s,color 0.2s linear 0s;
		}
		.checkbox label::after {
		    display: inline-block;
		    width: 12px;
		    height: 16px;
		    position: absolute;
		    left: 3.2px;
		    top: 0px;
		    color:#fff;
		    font-size: 11px;
		    transition: border 0.2s linear 0s,color 0.2s linear 0s;
		}
		.checkbox label {
		    display: grid;
		    cursor: pointer;
		    position: relative;
		    padding-left: 25px;
		    margin-right: 15px;
		    font-size: 13px;
		    margin-bottom: 6px;
		    color: #777a80;
		    transition: border 0.2s linear 0s,color 0.2s linear 0s;
		    margin-bottom: 0px;
		    direction: ltr;
		}
    	.timeline-item {
            background: #242b32;
            border: 1px solid;
            border-color: #373e45 #373e45 #373e45 #373e45;
            border-radius: 3px;
            padding: 12px;
        
            margin: 0 auto;
            /* max-width: 472px; */
            min-height: 50px;
            height:100%;
        }
        .timeline-wrapper{
            height:100%;
        }
    		@keyframes placeHolderShimmer{
        0%{
            background-position: -468px 0
        }
        100%{
            background-position: 468px 0
        }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #373e45 8%, #373e45 18%, #242b32 33%);
    background-size: 800px 104px;
    height: 111px;
    position: relative;
}
	.background-masker {
    background: #373e45;
    position: absolute;
}

/* Every thing below this is just positioning */

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
    top: 0;
    left: 0px;
    right: 0;
    height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px;
}

.background-masker.header-bottom {
    top: 18px;
    height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
    top: 24px;
    height: 6px;
}


.background-masker.header-right,
.background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0;
}

.background-masker.subheader-right {
    left: 230px;
}

.background-masker.subheader-bottom {
    top: 30px;
    height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px;
}

.background-masker.content-top {
    height:20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end{
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px;
}

.background-masker.content-second-line  {
    top: 68px;
}

.background-masker.content-second-end {
    left: 420px;
    top: 74px;
}

.background-masker.content-third-line {
    top: 82px;
}

.background-masker.content-third-end {
    left: 300px;
    top: 88px;
}
.item_gallery{
	padding-right:0px;
	padding-left:0px;
}