@charset "UTF-8";
/* CSS Document */

body {
  margin: 0px;
  padding: 0px;
  min-width: 100%;
  height: 100%;
  background-color: #e1f5fe;
  background-attachment: fixed;
  background-image: -webkit-linear-gradient(top, #e1f5fe, #b3e5fc);
  background-image: linear-gradient(top, #e1f5fe, #b3e5fc);
  font-family: 'Roboto', sans-serif;
  color: #4b4b4b;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -webkit-font-smoothing: antialiased;
}
#conversation_count_notification {
  position: absolute;
  padding: 2px;
  color: #0288d1;
  border: 2px solid #0288d1;
  font-weight: 500;
  font-size: 14px;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  margin-left: -15px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}
#messageSum {
    position: absolute;
    padding: 2px;
    color: #0288d1;
    border: 2px solid #0288d1;
    font-weight: 500;
    font-size: 14px;
    font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
    margin-left: -15px;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
  }
.show {
  opacity: 1;
  transform: scale(1);
}
.follow-him {
background-color: #0288d1;
}
.mufollow-him {
	background-color: #0288d1;
	}
.md-ripple * {}

.md-ripple-effect {
  pointer-events: none;
  position: absolute;
  display: block;
  background: #0288d1;
  width: 0;
  height: 0;
  border-radius: 100%;
  z-index: 1;
}

.md-ripple-blue .md-ripple-effect,
.md-ripple-blue .md-ripple-effect,
.md-ripple-blue .md-ripple-effect,
.md-ripple.blue .md-ripple-effect {
  background: #0288d1;
}
.header {
  height: 12rem;
  background: #0288d1;
  width:100%;
  position:fixed;
}
.report_header{
	color: #0277bd;
	}
.send_this_report{
	color: #0277bd;
	}
.icon-contacts{
  margin: 0;
  height: 23px;
  width: 23px;
  color: #64b5f6;
  overflow: hidden;
  float: left;
  font-size: 22px;
  cursor: pointer;
  position:absolute;
	}
.icon-setting-porsion {
  margin: 0;
  width: 28px;
  color: #64b5f6;
  overflow: hidden;
  float: left;
  font-size: 25px;
  position: absolute;
  right: 0px;
  cursor: pointer;
  cursor: pointer;
}
input:checked + .priv {
  background: rgba(2, 136, 209, 0.52);
}
input:checked + .priv::before {
  left: 20px;
  background: #0277bd;
}
input:checked + .priv:active::before {
  box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
}
.bar:before,
.bar:after {
  content: '';
  height: 1px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #0277bd;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.caseText:focus{
  border-bottom: 1px solid #0277bd;
	}
.icon-report_post{
  margin: 0;
  padding-top: 9px;
  height: 23px;
  width: 23px;
  color: #0277bd !important;
  overflow: hidden;
  float: left;
  font-size: 15px;
  cursor: pointer;
  margin-left: 10px;
	}
.cancelset {
  color: #0277bd;
}
.acceptset {
  color: #0277bd;
}
.header-menu {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-top: auto;
  z-index: 9998;
  position: fixed;
  background: #0277bd;
  padding-top: 5px;
  padding-bottom: 12px;
}
.search-header {
  background: #0277bd;
}
.post-header {
	background: #0277bd;
	}
.comment-cancel {
  color: #0277bd;
	}
.send-comment {
  color: #0277bd;
	}
/*Main Page Search STARTED*/

.user-search-main {
  position: fixed;
  border-radius: 50%;
  background-color: #4fc3f7;
  width: 50px;
  height: 50px;
  margin-left: 604px;
  top: 162px;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.14), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  z-index: 1;
  transform: scale(0);
  opacity: 0;
  transition: all .3s ease-out;
}
/*Main Page Search FINISHED*/


.icon-time {
  margin: 0;
  padding: 0px;
  margin-left: 4px;
  height: 16px;
  width: 25px;
  color: #0277bd !important;
  overflow: hidden;
  float: left;
  font-size: 17px;
}

.icon-kr{
  margin: 0;
  padding-top: 9px;
  height: 23px;
  width: 23px;
  color: #0277bd !important;
  overflow: hidden;
  float: left;
  font-size: 15px;
  cursor: pointer;
  margin-left: 10px;	
	}
.p_change:hover{
	background-color:#e1f5fe !important;
	}
.pr_type{
	background-color:#e1f5fe;
	}
.type_s:hover{
	background-color:#b3e5fc !important;
	}
.post-button-wrp {
	background-color: #4fc3f7;
	}
.post-button {
	background-color: #4fc3f7;
	}
.secretOoptionRadio:checked {
  background: #03a9f4;
}
.secretOoptionRadio {
	background: #81d4fa;
	}
.post-text-area .effect-input {
  background: #e1f5fe;
  border-bottom: 1px solid #4fc3f7;
}
.chose-image-wrp {
	background-color: #4fc3f7;
	}
.chose-image {
  background-color: #4fc3f7;
}
.chose-image-btn {
  background-color: #4fc3f7;
}
.icon-pr{
  margin: 0;
  padding-top: 9px;
  height: 23px;
  width: 23px;
  color: #0277bd !important;
  overflow: hidden;
  float: left;
  font-size: 15px;
  cursor: pointer;
  margin-left: 10px;	
	}
.icon-like-comment {
  margin: 0;
  margin-right: 5px;
  padding: 0px;
  height: 23px;
  width: 23px;
  color: #0277bd;
  overflow: hidden;
  float: left;
  font-size: 20px;
  cursor: pointer;
}
.icon-like-unlike-comment {
  margin: 0;
  padding-top: 7px;
  height: 23px;
  width: 23px;
  color: #0277bd !important;
  overflow: hidden;
  float: left;
  font-size: 15px;
  cursor: pointer;
}
.myknowi{
	color:#0277bd;
	}
.menu-items-txt-2 {
  float: left;
  color: #0277bd;
  font-weight: 500;
  font-size: 14px;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  padding: 6px 7px 0px 8px;
}

.icon-menu-item-2 {
  margin: 0;
  padding: 3px 0px 0px 0px;
  margin-left: 8px;
  width: 28px;
  color: #0277bd;
  overflow: hidden;
  float: left;
  font-size: 25px;
  cursor: pointer;
}
.who-likes-this-post a {
  color: #0277bd;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

/*Create Post Button from bottom (AllPage)*/
.create-post {
  width: 50px;
  height: 50px;
  background: #4fc3f7;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  bottom: 7px;
  position: fixed;
  right: 7px;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.14), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  z-index: 1;
  transform: scale(0);
  opaticty: 1;
  transition: all .5s ease-out;
  -webkit-animation: cardEnter 0.75s ease-in-out 0.5s;
  animation: cardEnter 0.75s ease-in-out 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.textandlinkPost {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #4fc3f7;
}

.one {
  margin-bottom: 5px;
  background-color: #4fc3f7;
}

.two {
  margin-bottom: 5px;
  background-color: #4fc3f7;
}
.sidebar_header {
	background: #0277bd;
	}
.user-search {
	background-color: #4fc3f7;
	}
/*Create Post button from bottom (AllPage) FINISHED*/

.myknow{
	position:relative;
	width:35px;
	height:35px;
	background: #0277bd;
	float:left;
	}
.icon-report_cancel{
	margin: 0;
  padding-top: 7px;
  color: #0277bd !important;
  overflow: hidden;
  float: left;
  font-size: 15px;
  cursor: pointer;
  margin-right: 5px;
	}
.language_header{
  float:left;
  width:100%;
  padding: 20px 40px 0px 10px;
  background-color:#fafafa;
  font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
  font-size: 15px;
  font-weight:400;
  color:#0277bd;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
.ll {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background: rgba(0,0,0,0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
          transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
  margin-right:13px;
}
.ll::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: #4fc3f7;
  box-shadow: 0 2px 8px rgba(0,0,0,0.28);
  border-radius: 50%;
  -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
          transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.ll:active::before {
  box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
}
input:checked + .ll {
  background: rgba(0,119,189,0.5);
}
input:checked + .ll::before {
  left: 20px;
  background: #0277bd;
}
input:checked + .ll:active::before {
  box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,119,189,0.2);
}
.send_this_language{
	color: #0277bd;
	}
/*Show More button STARTED*/
.ee {
  padding: 10px;
  background: #0288d1;
  color: #ffffff;
  display: inline-block;
  margin: 0px auto;
}
/*Show More button FINISHED*/
.follow-list-header {
  background-color: #81d4fa;
}
.list-alphabet {
	color: #0277bd;
	width:100%;
	}
.backbar {
  background: #37474F;
}
/*Alert STARTED*/
#popup_container {
	background: #0288d1;
	}
.SocilMatbutton {
background-color: #0288d1;
}
.sweet-alert {
	background-color: #0288d1;
	}
.notificationContainer {
	background-color: #0277bd;
	}
#notificationTitle {
  background-color: #0277bd;
}
.notifications {
  background-color: #0288d1;
}
.noti_smbody:hover {
  background-color: #0277bd;
}
.NotificationMessageContainer {
  background-color: #0288d1;
}
.NotificationMessageText {
  background-color: #0277bd;
}
.mfollow-him{
border:1px solid #0288d1;
  color: #0277bd;
}

.total-comment-like {
  padding: 7px 0px 0px 0px;
  float: left;
  color: #0288d1 !important;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}
/*Alery FINISHED*/
/*Profile color style STARTED*/
.user-images {
	background-color: #4fc3f7;
}
.home--page {
	color: #0277bd;
	}
.pactive {
  border-bottom: 3px solid #0277bd;
}
.rem {
	border: 1px solid #0288d1;
	background-color: #0288d1;
	}
.ad {
	border: 1px solid #0288d1;
	color: #0288d1;
	}
.themecolor {
background: #0288d1;
}
/*Profile color style FINISHED*/
@media all and (max-width: 1050px) {
	.menu-area-wrap {
	  background: #0288d1;
	}
	.menu-items-txt-2 {
      color: #ffffff;
    }
    .icon-menu-item-2 {
      color: #ffffff !important;
    }
}
@media all and (max-width: 580px) {
.user-profile-image-area {
  background-color: #0277bd;
}
.icon-header-home{
	color: #0277bd !important;
	}

}