/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
.spaceChooserPopup {
  background: @baseBackground;
  border: 1px solid @borderColor;
  left: 0px;
  min-width: 250px;
  position: absolute;
  top: 28px;
  border-radius: @baseBorderRadius;
  box-shadow: 0px 2px 3px rgba(0,0,0,.1);
  z-index: 1000;
  overflow: hidden;
  a {
  	max-width: 100%;
  	float: none;
  	padding: 5px 10px;
  	display: block;
  	color: @textColor;
  }
  a:hover {
  	color: @baseBackground;
  	cursor: pointer;
  }
  .title {
	  line-height: 30px;
	  border-bottom: 1px solid @borderColor;

    #gradient > .vertical(@primaryBackgroundLight, @primaryBackgroundHover);
	  padding: 0px 5px 0px 10px;
	  font-weight: bold;
	  color: @textColor;
	  border-radius: 4px 4px 0 0;
	  height: 31px;
	  .uiIconClose {
		  margin: 7px 2px 0;
		  cursor: pointer;
		}
	}
	.spaceOption {
	  line-height: 20px;  
	  color: @textColor;
	}
	
	.spaceTitle {
	 color: @textColor;
	  border-top: 1px solid @tableBorder;
	  border-bottom: 1px solid @tableBorder;
	  font-weight: bold;
      #gradient > .vertical(@primaryBackgroundLight, @primaryBackgroundHover);
	  padding: 5px 0 5px 9px;
	}
	.noSpace {
		text-align: center;
		padding: 5px 10px;
 		color: @baseColorLight;
	}
	.spaceSearch {
	  line-height: 20px;
	  padding: 10px 10px 5px 10px;

	}
	.spaceList {
	  overflow-y: auto;
	  ///height: 300px;
	  min-height: 30px;
		img {
			.square(19px);
			 .border-radius(2px);
			margin-right: 6px;
			vertical-align: -4px;
		}
		a{
			white-space: nowrap;
		}
	}
	.hover:hover{
		background-color: @primaryColor;
	    background-image: linear-gradient(to bottom, @primaryColorLighter, @primaryColor);
	    background-repeat: repeat-x;
		color: @baseBackground;
		text-shadow: none;
	}

}

.spaceSwitcher {
  line-height: 29px;
  padding: 0 15px;
}

.spaceList {
	> ul {
		> li {
			> a{
				height: 20px;
			}
			&:last-child, &:last-child > a {
				.border-bottom-radius(4px);
			}
		}
	}
}

@media (max-width: 767px) {
    .spaceChooserPopup .spaceList {
        height: auto !important;
        min-height: 30px;
        overflow-y: auto;
    }
}