//some elements variables
@blockquote-border:#E5EAF1;

@modal-footer-border:#E4E9EE;
@modal-footer-bg:#EFF3F8;

@pagination-color: #2283C5;
@pagination-border: darken(#E0E8EB , 4%);
@pagination-bg: #FAFAFA;
@pagination-bg-hover: #EAEFF2;

    @pagination-bg-disabled: #F9F9F9;
@pagination-border-disabled: #D9D9D9;
 
 @pagination-color-active: #FFF;
    @pagination-bg-active: #6FAED9;
@pagination-border-active: #6FAED9;




//elements
.@{icon} {
	text-align: center;
}
a {
 &:focus, &:active {
	text-decoration: none;
 }
}


//header sizes
.h-size(@index) when (@index > 0) {
	@h-tag : ~`"h@{index}"`;
	@{h-tag} {
		@tmpvar : ~`"h@{index}-size"`;//get the variable h1-size, h2-size , etc...
		font-size:unit(@@tmpvar , px);
		font-weight:normal;
		font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		
		&.smaller {
			font-size: unit((@@tmpvar - 1) , px);
		}
		&.bigger {
			font-size: unit((@@tmpvar + 1) , px);
		}
		&.block {
			margin-bottom: 16px;
		}
	}
}
.h-size(1);
.h-size(2);
.h-size(3);
.h-size(4);
.h-size(5);
.h-size(6);




//some list styling
ul, ol {
 //split margins for better RTL side
 margin-top: 0;
 margin-bottom: 10px;
 margin-right: 0;
 margin-left: 25px;

 padding: 0;
 
 &.margin-5 { margin-left: 5px; }
 &.margin-10 { margin-left: 10px; }
 &.margin-15 { margin-left: 15px; }
 &.margin-20 { margin-left: 20px; }
}
li > ul,
li > ol {
 margin-left: 18px;
}

.list-unstyled , .list-inline {
 margin-left: 0;

 > li > .@{icon}:first-child {
	width: 18px;
	text-align: center;
 }
}

.spaced > li {
  margin-top: 9px;
  margin-bottom: 9px;
}
.spaced2 > li {
  margin-top: 15px;
  margin-bottom: 15px;
}
li.divider {
 margin-top: 3px;
 margin-bottom: 3px;
 height: 0;
 font-size: 0;
 
 .spaced > & {
	margin-top: 5px;
	margin-bottom: 5px;
 }
 .spaced2 > & {
	margin-top: 8px;
	margin-bottom: 8px;
 }
 
 &:before {
	content: "";
	display: inline-block;
 }
}



//little elements
blockquote , blockquote.pull-right, .blockquote-reverse {
	border-color: @blockquote-border;
}


pre.prettyprint {
	white-space: pre-wrap;
}


//modals
.modal-content {
 .border-radius(0);
 .box-shadow(none);
}
.modal-footer {
 padding-top: 12px;
 padding-bottom: 14px;

 border-top-color: @modal-footer-border;
 .box-shadow(none);
 background-color: @modal-footer-bg;
}
.modal-header .close {
 font-size: 32px;
}

//wells
.well {
 .border-radius(0);
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
 margin-top: 0;
}
.well h1, .well h2, .well h3 {
 line-height: 36px;
}


//alerts
.alert {
 font-size: @font-size-alert;
 .border-radius(0);

 .close {
	font-size: 16px;
 }
}
.alert-block p + p {
  margin-top: 10px;
}



//pagination
.enable_pagination() when(@enable-pagination = true) {
.pagination > li > span , .pager > li > span {
 border-width: 1px;
 border-radius: 0 !important;
}
.pagination > li > a, .pager > li > a {
 border-width: 1px;
 border-color: @pagination-border;
 border-radius: 0 !important;

 color: @pagination-color;
 background-color: @pagination-bg;
 margin: 0 -1px 0 0;
 position: relative;
 z-index: auto;
 
 &:hover {
	color: darken(@pagination-color, 8%);

	background-color: @pagination-bg-hover;
	border-color: darken(@pagination-border , 6%);
	z-index: 1;
 }
 &:focus {
	background-color: spin(@pagination-bg-hover, 10%);
 }
}

.pagination > li.disabled > a, .pager > li.disabled > a {
	&, &:hover {
		background-color: @pagination-bg-disabled;
		border-color: @pagination-border-disabled;
		z-index: auto;
	}
}

.pagination > li.active > a {
	&, &:hover {
		 background-color: @pagination-bg-active;
		 border-color: @pagination-border-active;
		 color: @pagination-color-active;
		 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		 z-index: 2;
	}
}
}
.enable_pagination();


//list group
.list-group-item {
	border-radius: 0 !important;
}
