/*
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.
*/
//
// VerticalTabs
// --------------------------------------------------
.accordion {
	.border-radius(@baseBorderRadius);
	border: 1px solid @borderColor;
	background: @baseBackground;
	.box-shadow(0 1px 2px rgba(0, 0, 0, 0.06));
	a {
	  color: @textColor;
	  text-decoration: none;
	  &:hover {
		  color: @textColor;
		}
	}
	.accordion-toggle {
	  padding: 0px;
	}
	.accordion-toggle a{
	  display: block;
	  padding: 8px 8px 8px 15px ~'; /** orientation=lt */ ';
	  padding: 8px 15px 8px 8px ~'; /** orientation=rt */ ';
        [class^="uiIconArrow"] {
            margin-top: 5px!important;
        }
	  &:hover {
		  background-color: @primaryBackgroundLight;
		  .border-radius(@borderRadiusSmall);
		}
	}
	.accordion-group {
	  border: none;
	  margin-bottom: 0px;
	  .border-radius(0px);
	  .accordion-heading a{
	  	font-size: @baseFontSize;
	  }
	}
	.accordion-group  + .accordion-group {
	  border-top: 1px solid @primaryBackgroundHover;
	}
	.menuHeader {
	  margin: 0px;
	  padding: 7px 4px 7px 18px ~'; /** orientation=lt */ ';
	  padding: 7px 18px 7px 4px ~'; /** orientation=rt */ ';
	  background: @primaryBackground;
	  border-bottom: 1px solid @borderColor;
	   .border-radius(@baseBorderRadius @baseBorderRadius 0 0);
	}
	.accordion-body {
		.selected {
			  background-color: @primaryBackgroundHover;
			  color: @textColor;
		}
		.functionItem{
			display: block;
			padding: 6px 4px 6px 16px ~'; /** orientation=lt */ ';
			padding: 6px 16px 6px 4px ~'; /** orientation=rt */ ';
			font-size: @baseFontSize - 1;
			i {
			 margin: -2px 7px 0 0 ~'; /** orientation=lt */ ';
			 margin: -2px 0 0 7px ~'; /** orientation=rt */ ';
			}
			&:hover{
				background: @primaryBackgroundLight;
			}
		}
	  	// trying to make trash icons squared when hover
	  	.item .pull-right i.uiIconTrashMini {
		  	width: 14px;
			top: 0;
		  	text-align: center;
		}
	}
	.expaned {
	  #gradient > .vertical(@primaryBackgroundLight, @primaryBackgroundHover);
	  border-bottom: 1px solid @borderColor;
	  .border-radius(@borderRadiusSmall @borderRadiusSmall 0 0);
	  .bgSelected {
		  padding: 8px 15px;
		  display: block;
		}
		.uiIconSelected:before {
		  content: "\e75a";
		  font-size: 9px;
		}
	}
	.expaned:hover {
	  .border-radius(@borderRadiusSmall @borderRadiusSmall 0 0);
	}
	.uiIconSelected:before {
		content: "\e75a";
		font-size: 9px;
	}
	.collapsed{
	  .bgSelected {
		  padding: 8px 15px;
		  display: block;
		}
		.uiIconSelected:before {
		  content: "\e75c" ~'; /** orientation=lt */ ';
		  content: "\e75b" ~'; /** orientation=rt */ ';
		  font-size: 9px;
		}
	}
	.accordion-inner{
	  border: none;
	  &:hover {
		  background-color: @primaryBackgroundLight;
		}
	}
	.accordion-normal {
	  border-top: 1px solid @borderColor;
	  .accordion-toggle {
		  padding: 8px 15px;
		  display: block;
		}
	}
	.icon-chevron-right{
		float: right ~'; /** orientation=lt */ ';
		float: left ~'; /** orientation=rt */ ';
	}
}

.UIOrganizerManagement{
	.accordion-inner{
		cursor: -moz-grabbing;
		&:hover{
			background: none;
		}
	}
	.accordion-inner .txtLeft{
			margin: 19px 0px 0px 83px ~'; /** orientation=lt */ ';
			margin: 19px 83px 0px 0px ~'; /** orientation=rt */ ';
			word-wrap: break-word;
	}
}

/*---------- VerticalTabStyle1 ----------*/

.verticalTabStyle1 {
	.collapsed{
		background: @primaryBackground;
	}
	.accordion-toggle a {
		padding: 5px 15px;
	}

	.expaned {
		#gradient > .vertical(@primaryBackgroundLight, @primaryBackground);
	}

	.accordion-inner {
		border: 1px solid @primaryBackgroundHover;
		.border-radius(@baseBorderRadius);
		padding: 5px;
		margin: 8px;
		&:hover {
			background: @primaryBackgroundLight;
			border: 1px solid @borderColor;
		}
	}

}




