.sm_title{
	font-size:0.9rem;
	letter-spacing:0.35rem;
	font-weight:bold;
	margin-top:0rem;
	text-align:left;
}
.sm_title_subline{
	font-size:0.7rem;
	letter-spacing:0.25rem;
	font-weight:bold;
	margin-bottom:2rem;
	text-align:left;
}
.sm_button{
	margin-right:10px;
	border:1px solid white;
	background-color:transparent;
	color:white;
	font-size:0.8rem;
	padding:10px;
}
.sm_head_buttons{
	float:right;
	margin-bottom:2vh;
	margin-right:2vmin;
	cursor:pointer;
	font-size:1.2rem;
	font-weight:300;
	color:white;
}
.sm_head_buttons_nick{
	float:left;
	margin-bottom:2vh;
	margin-left:2vmin;
	cursor:pointer;
	font-size:1.1rem;
	font-weight:300;
	color:white;
}
.sm_setting{
	margin:5px;
	height:auto;
	padding:3px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	border-radius:3.5px;
	
}
.sm_bottom_align{
	margin-top:2rem;
}
.sm_login{
	margin-left:25px;
	margin-bottom:3px;
	color:white;
	font-size:1.0rem;
	font-weight:200;
}
.sm_login_head{
	margin-left:25px;
	margin-bottom:5px;
	font-size:1.0rem;
	font-weight:600;
}
.sm_start{
	max-width:20%;
}
.sm_main{
	max-width:55vw;
}
.sm_setting_time_right{
	height:auto;
	margin:5px;
	padding:3px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	border-radius:3.5px;
	
}
.sm_setting_time_left{
	max-width:20%;
	height:auto;	
	margin:5px;
	padding:3px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	border-radius:3.5px;
	
}
.sm_setting_time_middle{
	height:auto;
	margin:5px;
	padding:3px;
	border-top:1px solid grey;
	border-radius:3.5px;
}
.sm_setting_time_usetools{
	max-width:20%;
	height:auto;	
	margin:5px;
	padding:3px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	border-radius:3.5px;
}
.sm_sender_border{
	padding:15px;
    border-top:1px solid grey;
	border-bottom:1px solid grey;
	border-radius:3.5px;
}	
.sm_bottom_bn{
	margin-right:2vw;
}
.sm_nowrap{
	white-space:nowrap;
}
.sm_head_content p{
	text-align:left;
	line-height:0.75rem;
	white-space:nowrap;
	font-weight:600;
}
.sm_sample{
	margin-bottom:30px;
	margin-left:3px;
	color:white;
	font-size:1.2rem;
	font-weight:400;
	line-height:2.55rem;
}
.sm_usetool_border{
	min-height:3rem;
	border-bottom:1px solid grey;
	border-radius:3.5px;
}
.sm_usetool_head{
	padding:10px;
	margin-left:3px;
	color:white;
	font-size:1.0rem;
	font-weight:300;
}
.sm_head_align{
	height:0.5rem;
}
.sm_lin{
	width:100%;
	border:1px solid grey;
	
}
.sm_sample_usetool{
	margin-left:12px;
	color:white;
	font-size:1.1rem;
	font-weight:300;
	line-height:1.75rem;
}
.sm_cutter{
	margin-left:8px;
	margin-right:2px;
	width:0.7rem;
	height:0.7rem;
	background-color:#FF8000;
	border-radius:3px;
}
.sm_avatars{
	margin-bottom:2vh;
	margin-left:3%;
	width:35px;
	height:35px;
	border-radius:50%;
}
.sm_input_area{
	max-width:55vmin;
}
.sm_form{
	max-width:40%;
}
.sm_user{
	margin-top:35px;
}
.sm_bold{
	font-weight:800;
	letter-spacing:0.2rem;
}
.sm_settings_user{
	margin-left:1rem;
	color:white;
}
.sm_img_cont{
	margin-left:4px;
}
.sm_column{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	width: 15%;
    height: 100px;
    overflow: hidden;
	border:1px solid white;
}
.sm_column img {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100px; 
    width: auto;
    opacity:0.45;	
}

.sm_icons{
	margin-left:5px;
	width:45px;
	height:auto;
}
.sm_icons_post{
	margin-top:15px;
	margin-left:35px;
	width:25px;
	height:auto;
	cursor: pointer;
}
.sm_content_textflow{
	max-width:85%;
	font-size:1.0rem;
	font-weight:200;
	text-align:left;
	color:white;
	margin-left:1rem;
}
.sm_content_textflow_profile{
	max-width:65%;
	font-size:1.0rem;
	font-weight:200;
	text-align:left;
	color:white;
	margin-left:1rem;
	line-height:2rem;
}
.sm_post{
	padding:8px;
	width:100%;
	border-radius:25px;
}
.auto-expanding-textarea {
            resize: none;
            overflow-y: hidden;
            height: 30px; 
            transition: height 0.3s;
}
#fileInput {
            display: none;
        }
.sm_link{
	cursor:pointer;
}
/* Dropdown Button */
.dropbtn {
  margin-bottom:2vh;	
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #151515;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius:3px;
  z-index: 1;
  opacity:0.98;
  
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #1C1C1C;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display:block;
	
}

.dropbtn2 {
  margin-bottom:2vh;	
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn2:hover, .dropbtn2:focus {
  background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown2 {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #151515;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius:3px;
  z-index: 1;
  opacity:0.98;
}

/* Links inside the dropdown */
.dropdown-content2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content2 a:hover {background-color: #1C1C1C;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}