/*! Font Styles*/
p.sm_font {
	font-family: 'Monserrat-Light';
	font-size:1.0rem;
	color:white;
}
p span {
	font-family: 'Monserrat-Light';
	font-size:1.0rem;
	color:white;
}
a.sm_form{
	font-family: 'Monserrat-Light';
	font-size:1.0rem;
	color:white;
	text-decoration:none;
	color:white;
	cursor:pointer;
}
a.sm_form:hover{
	text-decoration:none;
	font-weight:bold;
	color:white;
	cursor:pointer;
}
.sm_user{
	margin-left:2vmin;
	margin-right:10px;
	color:white;
	font-size:1.1rem;
	white-space:nowrap;
}
.sm_user_info{
	margin-left:0.5vmin;
	color:white;
	font-size:1.0rem;
	white-space:nowrap;
}
.sm_content_textflow{
	color:white;
}
/*!Main Divisions*/
form{
	white-space:nowrap;
}
.sm_setting{
	margin:5px;
	height:auto;
	padding:3px;
}
.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_form{
	max-width:40%;
}
.sm_side{
	padding:2rem;
	max-width:20%;
	border-top:1px solid grey;
	border-radius:10px;
}
.sm_main{
	padding:2rem;
	max-width:100%;
	border-top:1px solid grey;
	border-radius:10px;
	
}
/*!Main Sections*/
.sm_clear_space{
	min-height:1.2rem;
}
.sm_section_header{
	margin-top:2.5vh;
	color:white;
	font-size:1.2rem;
}
.sm_breakpoints{
	line-height:2.6rem;
	white-space:nowrap;
}
.sm_cutter{
	margin-left:8px;
	margin-right:2px;
	width:0.7rem;
	height:0.7rem;
	background-color:#FF8000;
	border-radius:3px;
}
.sm_dropmenu{
	white-space:nowrap;
}
/*!Main elements*/
.sm_avatars{
	margin-bottom:2vh;
	margin-left:3%;
	width:30px;
	height:30px;
	border-radius:50%;
}
.sm_avatars_profile{
	margin-bottom:2vh;
	margin-left:3%;
	width:60px;
	height:60px;
	border-radius:50%;
}
.sm_liner{
	border-bottom:1px solid silver;
	border-radius:3px;
	width:100%;
}
.sm_icons_head{
	margin-left:2vmin;
	cursor:pointer;
	white-space:nowrap;
}
.sm_icons_head_font{
	margin-left:2rem;
	font-weight:300;
}
.sm_icons{
	width:55px;
	height:auto;
}
.sm_icons_post{
	margin:15px;
	width:25px;
	height:auto;
}
/*!Main Functions*/
.sm_button{
	margin-right:10px;
	border:1px solid white;
	background-color:transparent;
	color:white;
	font-size:0.8rem;
	padding:10px;
}
.sm_bottom_bn{
	margin-right:2vw;
}
.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;
}
.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;	
}
/* 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;}

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

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

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

/* Dropdown Content (Hidden by Default) */
.dropdown-content3 {
  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-content3 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content3 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;}