.member-inbox .main{display:grid;grid-template-areas:"content aside";grid-template-columns:1fr 500px}.member-inbox .main .aside{grid-area:aside}.member-inbox .main .content{grid-area:content}.member-inbox .main .aside{border-left:1px solid #e2e6ea}.member-inbox .main .aside .statistics{border-bottom:1px solid #e2e6ea}.member-inbox .main .aside .statistics a{text-align:left;display:block;padding:18px 0 18px 20px;color:#bbb;width:50%;float:left;border-right:1px solid #e2e6ea;text-transform:uppercase;font-size:16px;font-weight:400}.member-inbox .main .aside .statistics a.unread{width:49.9%;border-right:none}.member-inbox .main .aside .statistics a.current{color:#333;font-weight:600}.member-inbox .main .aside .results-generic ul li a .image .status{display:block;position:absolute;color:#fff!important;bottom:8px;right:8px;font-size:10px;line-height:20px;width:22px;height:22px;padding:0;border:1px solid #fff;border-radius:50%;background:#1ba39c;text-align:center}.member-inbox .main .aside .results-generic ul li a .image .in-read,.member-inbox .main .aside .results-generic ul li a .image .in-unread{background:#f0ad4e}.member-inbox .main .aside .results-generic ul li a .image .out-read,.member-inbox .main .aside .results-generic ul li a .image .out-unread{background:#1ba39c}.member-inbox .main .aside .results-generic ul li a .info{line-height:22px}.member-inbox .main .aside .results-generic ul li a .info span span.name .gender-age{font-size:14px;color:#999;font-weight:300}.member-inbox .main .aside .results-generic ul li a .info span span.date-created,.member-inbox .main .aside .results-generic ul li a .info span span.location{font-size:13px;color:#999}.member-inbox .main .aside .results-generic ul li a .info span span.message{color:#555}.member-inbox .main .content .return-to-search{display:none}.member-inbox .main .content .return-to-search a{text-align:left;display:block;padding:15px;color:#fff;text-decoration:none;background:#1ba39c;text-transform:uppercase}.member-inbox .main .content .user-details{border-bottom:1px solid #e2e6ea;display:flex}.member-inbox .main .content .user-details .details{flex:1;padding:10px 8px 9px 8px}.member-inbox .main .content .user-details .details a,.member-inbox .main .content .user-details .details a:focus,.member-inbox .main .content .user-details .details a:hover{display:block;padding:2px 2px 2px 2px;border:none;background:#fff;color:#777}.member-inbox .main .content .user-details .details a .image{display:block;color:#555;width:42px;height:42px;background-size:cover;background-repeat:no-repeat;border-radius:50%;float:left;margin:0 10px 0 0}.member-inbox .main .content .user-details .details a .info{display:block;float:left;line-height:20px}.member-inbox .main .content .user-details .details a .info .name{display:block;font-weight:700;color:#444;padding:0 0 0 0}.member-inbox .main .content .user-details .details a .info .gender{display:block;font-size:15px}.member-inbox .main .content .user-details .actions{padding:10px 8px 9px 8px}.member-inbox .main .content .user-details .actions a,.member-inbox .main .content .user-details .actions a:focus,.member-inbox .main .content .user-details .actions a:hover{width:130px;padding:6px 0 6px 0;text-transform:uppercase;text-align:center;border:1px solid #e2e6ea;border-radius:30px;line-height:30px;font-size:15px;margin:0 0 0 10px;display:inline-block;background:#fff;color:#777}.member-inbox .main .content .user-details .actions a:hover{border:1px solid #1ba39c;background:#1ba39c;color:#fff}.member-inbox .main .content .user-details .actions a .icon{display:none}.member-inbox .main .content .box{padding:0 0 0 0}.member-inbox .main .content .box .reply{display:flex;padding:0 9px 0 0}.member-inbox .main .content .box .reply .text{flex:1;display:flex;align-items:center;padding:0 10px 0 0}.member-inbox .main .content .box .reply .text textarea,.member-inbox .main .content .box .reply .text textarea:active,.member-inbox .main .content .box .reply .text textarea:focus{display:block;width:100%;padding:10px 10px 10px 10px;margin:0 0 0 0;border:none;border-radius:4px;box-shadow:none;outline:none;color:#495057;height:85px;resize:none;line-height:1.4;font-size:14px}.member-inbox .main .content .box .reply .text textarea::-webkit-input-placeholder{color:#ccc}.member-inbox .main .content .box .reply .text textarea:-ms-input-placeholder{color:#ccc}.member-inbox .main .content .box .reply .text textarea:-moz-placeholder,.member-inbox .main .content .box .reply .text textarea::-moz-placeholder{color:#ccc;opacity:1}.member-inbox .main .content .box .reply .button{display:flex;align-items:center;width:70px}.member-inbox .main .content .box .reply .button .btn-site{display:block;width:100%;min-width:auto;line-height:65px;font-size:20px}.member-inbox .main .content .box .status{font-size:14px;text-align:right;margin:0 0 0 0;padding:6px 10px 6px 10px;border-top:1px solid #e2e6ea}.member-inbox .main .content .box .status span{display:inline-block;margin:0 5px 0 5px}.member-inbox .main .content .box .invalid{border-top:1px solid #f0ad4e;background:#f0ad4e;color:#fff;text-align:center}.member-inbox .main .content .box .results{margin:0 0 0 0;padding:26px 20px 0 20px}.member-inbox .main .content .box .results ul{list-style:none;margin:0 0 0 0;padding:0 0 0 0}.member-inbox .main .content .box .results ul li{margin:0 0 30px 0;padding:0 0 0 0;overflow:hidden}.member-inbox .main .content .box .results ul li .image{display:block}.member-inbox .main .content .box .results ul li .image a,.member-inbox .main .content .box .results ul li .image span{width:36px;height:36px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;display:block;border-radius:18px}.member-inbox .main .content .box .results ul li .text .date,.member-inbox .main .content .box .results ul li .text .read{margin:10px 0 0 0;padding:0 0 0 0;font-size:11px;line-height:11px;font-style:italic;text-align:right}.member-inbox .main .content .box .results ul li .text .read{margin:4px 0 0 0}.member-inbox .main .content .box .results ul li.me .wrapper{margin-left:36px;display:block}.member-inbox .main .content .box .results ul li.me .image{float:left;width:36px;margin-left:-36px;display:block;position:relative}.member-inbox .main .content .box .results ul li.me .text{float:right;width:100%;position:relative}.member-inbox .main .content .box .results ul li.me .text .inner-1{margin:0 0 0 0;padding:0 0 0 10px}.member-inbox .main .content .box .results ul li.me .text .inner-1 .inner-2{margin:0 0 0 0;padding:15px 15px 15px 15px;background:#f6f6f6;color:#555;border-radius:15px}.member-inbox .main .content .box .results ul li.other .wrapper{margin-right:36px;display:block}.member-inbox .main .content .box .results ul li.other .image{float:right;width:36px;margin-right:-36px;display:block;position:relative}.member-inbox .main .content .box .results ul li.other .text{float:left;width:100%;position:relative}.member-inbox .main .content .box .results ul li.other .text .inner-1{margin:0 0 0 0;padding:0 10px 0 0}.member-inbox .main .content .box .results ul li.other .text .inner-1 .inner-2{margin:0 0 0 0;padding:15px 15px 15px 15px;background:#1ba39c;color:#fff;border-radius:15px}.member-inbox .main .content .box .results ul li.other .text .inner-1 .inner-2 a{color:#fff}.member-inbox .main .content .box .return{display:none;position:fixed;z-index:5;bottom:0;right:0}.member-inbox .main .content .box .return a{display:block;width:46px;height:46px;line-height:46px;text-align:center;border-radius:50%;background:#1ba39c;border:1px solid #1ba39c;color:#fff;box-shadow:0 -1px 5px 0 rgba(0,0,0,.4)}.member-inbox .main .content .box .more{padding:0 20px 20px 20px;margin:0 0 0 0;text-align:center}.member-inbox .main .content .box .more a,.member-inbox .main .content .box .more a:active,.member-inbox .main .content .box .more a:focus{color:#777;border:1px solid #e3e3e3;text-transform:none;box-shadow:none;padding:12px 0 12px 0;text-align:center;display:block;border-radius:25px;text-transform:uppercase;font-size:15px}.member-inbox .main .content .box .more a:hover{color:#fff;border:1px solid #1ba39c;background:#1ba39c}@media (max-width:1499px){.member-inbox .main{grid-template-columns:1fr 450px}}@media (max-width:1299px){.member-inbox .main{grid-template-columns:1fr 425px}.member-inbox .main .content .box .results{padding:15px 15px 0 15px}.member-inbox .main .content .box .results ul li{margin:0 0 15px 0}.member-inbox .main .content .box .results ul li.me .text .inner-1{padding:0 0 0 15px}.member-inbox .main .content .box .results ul li.other .text .inner-1{padding:0 15px 0 0}.member-inbox .main .content .box .results ul li.me .text .inner-1 .inner-2,.member-inbox .main .content .box .results ul li.other .text .inner-1 .inner-2{border-radius:15px}.member-inbox .main .content .box .more,.member-inbox .main .content .box .return{padding:0 15px 15px 15px}}@media (max-width:999px){.member-inbox .main{display:block;grid-template-areas:none;grid-template-columns:none}.member-inbox .main .aside{grid-area:unset;border-left:none}.member-inbox .main .content{grid-area:unset}.member-inbox .main .content .box .return,.member-inbox .main .content .return-to-search{display:block}.member-inbox .main .content .user-details .actions a.close{display:none}}@media (max-width:499px){.member-inbox .main .content .user-details .actions a.delete,.member-inbox .main .content .user-details .actions a.deleted{width:44px;border-radius:22px}.member-inbox .main .content .user-details .actions a .icon{display:block}.member-inbox .main .content .user-details .actions a .caption{display:none}}