.notification .message {
	overflow-wrap: anywhere;
}

/** START EBS **/
#emergency-message {
	overflow:hidden;
	z-index: 100;
	position: fixed;
	top: 35px;
	height: 33px;
}
#emergency-message .emr-content {
	-moz-animation: marquee 30s linear infinite;
	-webkit-animation: marquee 30s linear infinite;
	animation: marquee 30s linear infinite;
	white-space: nowrap;
}
#emergency-message .emr-emergency {
	font-weight: 700;
	font-size:14px;
}
#emergency-message .emr-alert {
	font-weight: 700;
	font-size:14px;
}
#emergency-message .emr-information {
	font-weight: 700;
	font-size:14px;
}
#emergency-message .badge-line {
}
#emergency-message .ticker {
}
#emergency-message .btn-link {
	font-size:12px; font-weight:800;
}
/** END EBS **/
/** START WIZARD **/
#seemeu-wizard {
	min-width: 100vw; max-width: 100vw;
	overflow: hidden;
	margin-bottom: 50px;
}
#seemeu-wizard .wizard-panels
, #seemeu-wizard .wizard-panel {
	min-width: 100vw; max-width: 100vw;
}
/** END WIZARD **/
/** START TASK CONTROL **/
#taskcontrol .seemeu-logo img {
	max-width: calc(100vw - 200px);
	min-width: calc(100vw - 200px);
}
#taskcontrol .seemeu-box {
	margin-left: 20px; margin-right: 20px;
}
#taskcontrol .title p {
	font-weight: 700; size: 24px;
}
/** END TASK CONTROL **/
/** START SEARCH UNIVERISITY LIST **/
#page-search .university_list {
	position:absolute; margin-top:34px; z-index:100;
	height:200px; width:calc(100% - 77px);
}
#page-search .search-entity-university-block
, #page-search .search-entity-university-block div {
}
#page-search .university_list .cover {
	display: none;
	min-width: calc(100vw - 150px); max-width: calc(100vw - 150px);
	min-height: calc((100vw - 150px) * .333); max-height: calc((100vw - 150px) * .333);
}
#page-search .university_list .avatar
, #page-search .university_list .section_avatar {
	min-width: 40px; max-width: 40px;
	min-height: 40px; max-height: 40px;
}
#page-search .university_list .title {
	font-size: 18px; font-weight: 600;
	white-space:nowrap
}
#page-search .university_list .nickname
, #page-search .university_list .displayname {
	font-size: 12px; font-weight: 600;
	max-width: calc((100vw - 110px) * 0.5);
}
/** END SEARCH UNIVERISITY LIST **/
/** START LIGHTBOX **/
#_modal_lightbox {
	display: none; position: fixed; padding-top: 40px;
	left: 0; top: 0; width: 100%; height: 100%;
	overflow: auto;
	padding-left: -17px;
}
#_modal_lightbox
, #_modal_lightbox .modal-header
, #_modal_lightbox .modal-body
, #_modal_lightbox .modal-footer {
	padding: 0px; border: 0px;
}
#_modal_lightbox .modal-content {
	position: relative;
	margin: auto; margin-top: 40px; overflow: hidden;
	min-width: 100vw;
	max-width: 100vw;
	min-height: calc(100vw * 1.019);
	max-height: calc(100vw * 1.019);
}
#_modal_lightbox .modal-body
, #_modal_lightbox .modal-body .mimes {
	min-width: 100vw;
	max-width: 100vw;
	min-height: calc(100vw * 1.019);
	max-height: calc(100vw * 1.019);
}
#_modal_lightbox .modal-body .mimes .image
, #_modal_lightbox .modal-body .mimes .image img {
	max-width: 100vw;
	max-height: calc(100vw * 1.019);
}
#_modal_lightbox .close {
	font-size: 35px; font-weight: 700;
	position: absolute;  top: 5px; right: 25px; opacity: .6;
}
#_modal_lightbox .close:hover,
#_modal_lightbox .close:focus {
	text-decoration: none;
	cursor: pointer;
}
#_modal_lightbox .prev,
#_modal_lightbox .next {
	cursor: pointer; position: absolute;
	top: 50%; width: auto; padding: 8px; margin-top: -36px;
	ont-weight: bold; font-size: 20px;
	transition: 0.6s ease; border-radius: 0 3px 3px 0;
	user-select: none; -webkit-user-select: none;
}
#_modal_lightbox .next {
	right: 0; border-radius: 3px 0 0 3px;
}
#_modal_lightbox img.demo {
	opacity: 0.6;
}
#_modal_lightbox .active,
#_modal_lightbox .demo:hover {
	opacity: 1;
}
#_modal_lightbox img.hover-shadow {
	transition: 0.3s;
}
#_modal_lightbox .column {
	float: left;
}
/** END LIGHTBOX **/
/** START ONLINE GUIDE **/
.olg_cb_topic {
	padding: 10px;
}
.olg_cb_header {
	font-weight: 700;
}
.olg_cb_content {
	margin-left: 10px;
}
/** END ONLINE GUIDE **/
/** CUSTOM CONTROLS **/
.smu_selection {
	min-width: 100%; max-width: 100%;
	margin: 5px;
}
.smu_selection .selected
, .smu_selection .selected .reset-item
, .smu_selection .selected .item {
	width: 100%;
}

.smu_selection .selections {
	min-height: 30px; max-height: 400px;
	height: -fit-content;          /* WebKit-based browsers will ignore this. */
	height: -webkit-fit-content;  /* Mozilla-based browsers will ignore this. */
	height: fit-content;
}
.smu_selection .selections .items .item {
	padding: 2px;
}
/** END CUSTOM CONTROLS **/
.button--preloading:not(.disabled){
  &:before{
    content:'';
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-11px;
    width:20px;
    height:20px;
    border: 4px solid;
    border-left-color: transparent;
    border-radius: 50%;
    @include opacity(0);
    @include transition-duration(.5s);
    @include transition-property(opacity);
    @include animation-duration(1s);
    @include animation-iteration-count(infinite);
    @include animation-name(rotate);
    @include animation-timing-function(linear);
  }
  &:after{
    content:'';
    display:inline-block;
    height:100%;
    width:0px;
    @include transition-delay(.5s);
    @include transition-duration(.75s);
    @include transition-property(width);
  }
  
  &.button--loading{
    pointer-events: none;
    cursor: not-allowed;
    &:not(.expand){
     text-align: left;  
    }
    &:before{
      @include transition-delay(.5s);
      @include transition-duration(1s);
      @include opacity(1);
    }
    &:after{
      @include transition-delay(0s);
      width:20px;
    }
  }
}

/** START ANIMATIONS **/
@mixin rotate {
  0%    { @include transform(rotate(0deg)); }
  100%  { @include transform(rotate(360deg)); }
}
@keyframes rotate { @include rotate; }
/** END ANIMATIONS **/
/** START UTILITY **/
#utility>.panel.open-whats-happening .ad-image img {
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	border:solid #cecece 1px;
}

#utility>.panel.open-whats-happening .seemeu-form {
	margin-top:10px;
}

#utility>.panel.open-whats-happening .actions {
	display: flex;
	justify-content: center;
}

#utility>.panel .follow_item {
	justify-content: space-between;
	padding-top:3px; padding-bottom:3px;
	border-bottom:1px solid #cecece;
}
#utility>.panel .follow_item .name {
	width:130px;
}
/** END UTILITY **/
/** START CARDS **/
.card-user-loggedin.panel {
	border: 0px none;
	max-width:250px;
}
.card-user-loggedin.panel .entity-switch {
	max-width:240px;
}
.section_card.panel .panel-body {
	padding-top:2px; padding-bottom:2px;
}
.section_card.panel .panel-body.section_data>div {
	display:flex; justify-content: space-between;
}
/** END CARDS **/
/** START NAVs **/
.leftnavtoworkarea.workarea_column_spacer {
	display: none;
}
nav.nav-bar-header {
	z-index: 100;
}
nav.nav-bar-left {
	/*min-width: 110px; max-width: 110px;*/
	min-height: calc(100vh - 70px); max-height: calc(100vh - 70px);
	padding-left: 5px;
}
nav.nav-bar-left .nav-list {
	align-items: flex-end;
}

nav.nav-bar-left .btn.seemeu  {
	background: none;
	border-radius: 25px !important;
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
	fill: none;
}
nav.nav-bar-left .btn.seemeu:hover
, nav.nav-bar-left .btn.seemeu:focus
, nav.nav-bar-left .btn.seemeu:active
, nav.nav-bar-left .btn.seemeu:active:focus {
	box-shadow: none;
}
nav.nav-bar-left .btn.seemeu.post-idea  {
	border-radius: 25px !important;
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
	fill: none;
}
nav.nav-bar-left .btn.seemeu.post-idea:hover
, nav.nav-bar-left .btn.seemeu.post-idea:focus
, nav.nav-bar-left .btn.seemeu.post-idea:active
, nav.nav-bar-left .btn.seemeu.post-idea:active:focus {
	box-shadow: none;
}
nav.nav-bar-left .btn.seemeu.smu-popover-user-profile  {
	background: none;
    border: 0 none;
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
	fill: none;
	padding: 5px;
}
nav.nav-bar-left .btn.seemeu.smu-popover-user-profile:hover
, nav.nav-bar-left .btn.seemeu.smu-popover-user-profile:focus
, nav.nav-bar-left .btn.seemeu.smu-popover-user-profile:active
, nav.nav-bar-left .btn.seemeu.smu-popover-user-profile:active:focus {
	border-radius: 40px !important;
	box-shadow: none;
}
nav.nav-bar-left .logo {
	margin-right: 20px;
}
nav.nav-bar-left .btn {
	padding-top:10px; padding-bottom:10px;
	min-width: 100%; max-width: 100%;
}
nav.nav-bar-left .btn.post-idea {
	min-width: 42px; max-width: 42px;
	margin-right: 22px;
}
nav.nav-bar-left .btn.post-idea .icon {
	position: relative;
	top: 1px;
	left: -21px;
}
nav.nav-bar-left .btn .note {
	position: relative;
	font-size: 10px;
	font-weight: 100;
	padding-top: 7px;
	min-width: 20px;
	top: -10px;
	left: 5px;
}
nav.nav-bar-left .btn .icon
, nav.nav-bar-left .btn .lbl {
	font-size: 20px;
	font-weight: 100;
}
nav.nav-bar-left .btn .lbl {
	display: none;
}
nav.nav-bar-left .btn.seemeu.smu-popover-user-profile {
	min-width: 60px; max-width: 60px;
	padding: 0px;
	margin-left: 15px
}
nav.nav-bar-left .btn.seemeu.smu-popover-user-profile .names {
	display: none;
}
nav.nav-bar-left .btn.seemeu.smu-popover-user-profile .names span:nth-child(1) {
	font-size: 18px;
	font-weight: 500;
}
nav.nav-bar-left .btn.seemeu.smu-popover-user-profile .names span:nth-child(2) {
	font-size: 16px;
	font-weight: 100;
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) {
	nav.nav-bar-left {
		/*min-width: 180px; max-width: 180px;*/
		min-height: 100vh; max-height: 100vh;
		/*padding-left: 5px;
		margin-left: 30px;
		margin-right: 100px;*/
		width: -fit-content;          /* WebKit-based browsers will ignore this. */
		width: -webkit-fit-content;  /* Mozilla-based browsers will ignore this. */
		width: fit-content;
	}
	nav.nav-bar-left .nav-list {
		align-items: flex-start;
	}
	nav.nav-bar-left .btn.post-idea {
		min-width: 100%; max-width: 100%;
	}
	nav.nav-bar-left .btn.post-idea .icon {
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	nav.nav-bar-left .btn .note {
	}
	nav.nav-bar-left .btn .icon {
	}
	nav.nav-bar-left .btn.seemeu.post-idea .lbl {
		font-weight: 500;
	}
	nav.nav-bar-left .btn .lbl {
		display: inline;
	}
	
	nav.nav-bar-left .btn.seemeu.smu-popover-user-profile {
		min-width: 60px; max-width: 100%;
		padding: 0px;
		margin-left: 15px
	}
	nav.nav-bar-left .btn.seemeu.smu-popover-user-profile .names {
		display: flex;
	}
}
/** END NAVs **/
/** BUTTON START **/
.btn.seemeu
, .btn-group.seemeu .btn {
	border-radius: 0px;
	border: none;
}
.btn.seemeu.footer {
	font-size: 12px;
	font-weight: 600;
	padding: 2px;
	margin-top: 10px;
}
.btn.seemeu.auth {
	border-radius: 5px;
}
.btn.seemeu.btn-danger {
    background: #D12239;
	color: #B3BBD1;
}
.btn.seemeu.btn-link {
	padding: 2px 6px;
}
.btn.seemeu.idea.more {
	width: 100%;
	text-align: left;
}
.btn.seemeu.play {
	border-radius: 5px;
}
.dropdown.seemeu .dropdown-menu .btn.seemeu {
	padding-left: 10px; padding-right: 10px;
	text-align: left;
	width: 100%;
}
/** BUTTON END **/
/* Small devices (smaller phone viewpoints) */
@media (min-width: 320px ) {
}

/* Small devices (portrait tablets and large phones, 480 and up) */
@media (min-width: 480px) {
}

/* Small devices (portrait tablets and large phones, 620 and up) */
@media (min-width: 620px) {
}

/* Medium devices (Mobile UI) */
@media (min-width: 690px) {
	.btn.seemeu.list.back {
		display: none;
	}
	/** START WIZARD **/
	#seemeu-wizard {
		min-width: 600px; max-width: 600px;
		min-height: calc(100vh - 100px); max-height: calc(100vh - 100px);
		overflow: hidden;
		margin-bottom: 100px;
	}
	#seemeu-wizard .wizard-panels
	, #seemeu-wizard .wizard-panel {
		min-width: 600px; max-width: 600px;
		min-height: calc(100vh - 150px); max-height: calc(100vh - 150px);
	}
	/** END WIZARD **/
	/** START TASK CONTROL **/
	#taskcontrol .seemeu-logo img {
		max-width: 200px; min-width: 200px;
	}
	#taskcontrol .seemeu-box {
		margin-left: 20px; margin-right: 20px;
	}
	#taskcontrol .title p {
		font-weight: 700; size: 24px;
	}
	/** END TASK CONTROL **/
	#_modal_lightbox {
		display: none; position: fixed; padding-top: 100px;
		left: 0; top: 0; width: 100%; height: 100%;
		overflow: auto;
	}
	#_modal_lightbox .modal-content {
		position: relative; background-color: #fefefe;
		margin: auto; padding: 0;
		overflow: hidden;
		min-width: 600px;
		max-width: 600px;
		min-height: 611px;
		max-height: 611px;
	}
	#_modal_lightbox .modal-body
	, #_modal_lightbox .modal-body .mimes {
		min-width: 600px;
		max-width: 600px;
		min-height: 611px;
		max-height: 611px;
	}
	#_modal_lightbox .modal-body .mimes .image
	, #_modal_lightbox .modal-body .mimes .image img {
		max-width: 600px;
		max-height: 611px;
	}
	#_modal_lightbox .prev,
	#_modal_lightbox .next {
		cursor: pointer; position: absolute;
		top: 50%; width: auto; padding: 16px; margin-top: -50px;
		color: white; font-weight: bold; font-size: 20px;
		transition: 0.6s ease; border-radius: 0 3px 3px 0;
		user-select: none; -webkit-user-select: none;
		background-color: transparent;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Medium devices (Utitlity Control) */
@media (min-width: 1000px) {
	#utility>.panel .follow_item .name {
		width:190px;
	}
}

/* Medium devices (Nav-Left Control) */
@media (min-width: 1100px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) {

}