@import "../../../../Base/Content/sass/compass";
@import "../../../../Base/Content/sass/bootstrap/variables";
@import "Variables";
@import "Mixins/Wizdom";


.wizdom-bootstrap-wrapper,
.wizdom-bootstrap-wrapper-system { 

	// ensure .ms-WPBody and .ms-webpart-chrome-title is transparent
	// when using titleonly or none.
	#contentRow .wt-chromeTitleOnly .ms-WPBody,
	#contentRow .wt-chromeNone .ms-WPBody,
	#contentRow .wt-chromeTitleOnly .ms-webpart-chrome-title,
	#contentRow .wt-chromeNone .ms-webpart-chrome-title {
		background-color: transparent !important;
	}

	#contentRow .wt-chromeNone.ms-webpart-chrome, 
	#contentRow .wt-chromeTitleOnly.ms-webpart-chrome {
		background-color:transparent;
	}
}



/* Webpart overflow handling styles */
.webpartOverflowChangerParent { 
    position: relative; 
    text-align: left;
	@include single-transition(all, 0.2s, ease);
	
}

.webpartOverflowChanger, 
.webpartOverflowChangerOpen 
{
	position: absolute; 
	z-index: 2; 
	cursor: pointer;
}

.hideOverflow .ms-webpartzone-cell { 
	padding-top: 2px; 
	margin-left: 2px; 
}

.webpartOverflowChanger:before {
    position: relative;
    top: 2px;
    left: 12px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    content: "\e096"; /* resize-full */
	@include font-smoothing(antialiased);
	@include rotate(45deg);
}

.webpartOverflowChangerOpen:before {
    position: relative;
    top: 2px;
    left: 12px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
	content: "\e097"; /* resize-small */
    @include font-smoothing(antialiased);
	@include rotate(45deg);
}

.hideOverflow { overflow: hidden; }
.hideOverflowParent { position: relative; z-index: 2; margin-left:-2px; }