Import style.less

Import style.less

Signed-off-by: Timothy Gu <1ed1015336f6a462e9365b18ca61d9eb32e77fa2@gmail.com>

/*!
The MIT License (MIT)

Copyright (c) 2014 Barbara Lepage <db0company@gmail.com>

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
// ************************************************************************* //
// COLORS

@Cmain: #313131;
@Cmaindark: darken(@Cmain, 5%);
@Cmaindarkdark: darken(@Cmaindark, 5%);
@Cmainlight: lighten(@Cmain, 5%);
@Cmainlightlight: lighten(@Cmainlight, 50%);
@Cborder: #101010;
@Cinvert: darken(#fff, 10%);
@Csecond: darken(#4cae4c, 0%);
@Cseconddark: darken(@Csecond, 10%);
@Cseconddarkdark: darken(@Cseconddark, 10%);
@Csecondlight: lighten(@Csecond, 15%);
@Csecondlightlight: lighten(@Csecondlight, 20%);
@Cwarning: #ae4c4c;

// ************************************************************************* //
// SIZES

@Smain: 100%;

// ************************************************************************* //
// Global

body {
    background-color: @Cmain;
    color: @Cinvert;
    text-align: justify;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Helvetica, Verdana, Tahoma, sans-serif;
}

a {
    color: @Csecond;
    strong {
	color: @Cinvert;
    }
    &:hover {
	color: @Csecondlight;
	strong {
	    color: @Csecond;
	}
    }
}

main {
    width: @Smain !important;
    min-height: 600px;
    margin: auto;
}

h1, h2, h3, h4 {
    font-weight: bold;
    text-align: left;
}

h1, h2, h3 {
    color: @Cmainlightlight;
    strong {
	color: @Cinvert;
    }
}

h4, h5, h6 {
    color: @Cseconddark;
}

h1 {
  border-bottom: 4px @Cmainlightlight solid;
  padding: 20px 2%;
}

h3 {
  border-bottom: 2px @Cmainlightlight solid;
  padding: 15px 1%;
}

h4 {
    border-bottom: 1px solid @Cinvert;
    padding: 10px 0;
    margin: 20px 0;
    color: @Cinvert;
}

.list-group {
    .list-group-item {
	background-color: @Cmainlight;
	border-color: black;
    }
    &.list-group-big .list-group-item {
	padding: 25px;
    }
    a.list-group-item {
	color: @Csecondlight;
	&:hover {
	    background-color: @Cmain;
	    color: @Csecond;
	}
    }
}

.well {
    background-color: @Cmaindark;
    border-color: black;
    color: @Cmainlightlight;
    strong {
	color: @Cinvert;
    }
    code {
	background-color: @Cmain;
    }
    hr {
	border-color: @Cseconddark;
    }
    h3 {
	margin: 5px 0 15px 0;
	border: 0;
	padding: 0;
    }
    a {
	color: @Csecond;
    }
    a.btn {
	color: white;
    }
    small {
	display: block;
	padding: 0 10px;
	font-style: italic;
    }
    &.example {
	padding-top: 40px;
	margin-bottom: 130px;
	pre {
	    margin: 50px;
	    margin-bottom: 30px;
	    font-size: 1.5em;
	}
	.btn {
	    margin-right: 50px;
	    margin-bottom: 20px;
	}
    }
    &.well-with-icon {
	min-height: 136px;
	.pull-right, .pull-left {
	    background-color: @Csecond;
	    color: @Cinvert;
	    padding: 10px;
	    border-radius: 5px;
	    margin: 5px;
	}
	.pull-right {
	    margin-left: 20px;
	}
	.pull-left {
	    margin-right: 20px;
	}
    }
}

a.well {
    display: block;
    &:hover {
	text-decoration: none;
	opacity: 0.8;
	/* background-color: @Cmain; */
	/* border-color: @Csecondlight; */
	/* &.well-with-icon { */
	/*     .pull-right, .pull-left { */
	/* 	background-color: @Csecondlight; */
	/*     } */
	/* } */
    }
}

.info, .warning {
    margin: 10px;
    padding: 10px;
    background-color: @Cmainlight;
    color: @Cinvert;
    code {
	background-color: @Cmain;
    }
}

.info {
    border-left: 10px @Csecond solid;
}

.warning {
    border-left: 10px @Cwarning solid;
}

.with-icon {
    padding: 30px;
    .pull-left {
	padding-right: 30px;
    }
    .pull-right {
	padding-left: 30px;
    }
}

dd {
    margin-left: 20px;
}

code {
    background-color: @Cmaindark;
    color: @Csecondlight;
    display: inline-block;
    margin: 5px;
}

.table {
    margin: 20px 0;
    border-radius: 4px;
    th, td, tr {
	border: 1px solid @Cmaindarkdark;
    }
    tr {
	th {
	    background-color: @Cmainlight;
	    border-bottom: 2px solid @Cinvert;
	}
    }
    tr:nth-child(odd) {
	background-color: @Cmaindark;
    }
}

// ************************************************************************* //
// Menu side bar nav

#sidebar-wrapper, .navbar {
    background-color: @Cmaindarkdark;
    overflow-x: hidden;
    .sidebar-brand, .navbar-brand {
	img {
	    opacity: 0.6;
	    margin-right: 8px;
	}
	&:hover {
	    color: #fff;
	    img {
		opacity: 1;
	    }
	}
    }
    .sidebar-nav {
	li ul {
	    list-style-type: none;
	    padding: 0;
	    li {
		line-height: 20px;
		a {
		    padding-left: 20px;
		}
	    }
	}
    }
}

.content-header {
    height: auto;
    background-color: @Cmaindark;
    h1 {
	color: @Cinvert;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	line-height: normal;
	border-bottom: none;
    }
}

// ************************************************************************* //
// Download & Index page

#download, #index {

    h4 {
	margin-top: 180px;
    }
    h4.first {
	margin-top: 20px;
	small {
	    color: inherit;
	    font-size: 1em;
	}
    }

    .btn-download-wrapper {
	text-align: center;
	margin: 160px auto;
	.btn {
	    font-size: 3em;
	    padding: 3%;
	    display: inline-block;
	    margin-bottom: 5px;
	}
	small {
	    display: block;
	    font-size: 0.4em;
	}
    }
    h2.description {
	color: @Cinvert;
	font-size: 2em;
	font-weight: bold;
	margin: 120px 50px;
	line-height: 2em;
	.label {
	    font-size: 0.5em;
	}
    }
}

#download {
    .btn-download-wrapper {
	margin: 40px auto;
    }
    .os-selector {
	text-align: center;
	color: @Cinvert;
	margin: 30px 0;
	a.btn-build {
	    color: @Cinvert;
	    display: block;
	    padding: 20px;
	    border-radius: 2px;
	}
	@linuxcolor: #e43;
	@windowscolor: #06a;
	@maccolor: darkgrey;
	.btn-build[href="#build-linux"] {
	    background-color: @linuxcolor;
	    &:hover {
		color: @linuxcolor;
		background-color: @Cinvert;
	    }
	}
	.btn-build[href="#build-windows"] {
	    background-color: @windowscolor;
	    &:hover {
		color: @windowscolor;
		background-color: @Cinvert;
	    }
	}
	.btn-build[href="#build-mac"] {
	    background-color: @maccolor;
	    &:hover {
		color: @maccolor;
		background-color: @Cinvert;
	    }
	}
	.tab-content {
	    margin-top: 20px;
	}
	#build-linux {
	    h3 {
		color: @linuxcolor;
	    }
	}
	#build-windows {
	    h3 {
		color: @windowscolor;
	    }
	}
	#build-mac {
	    h3 {
		color: @maccolor;
	    }
	}
    }
}

// ************************************************************************* //
// Footer

footer {
    background-color: @Cmaindark;
    border-top: 1px @Cborder solid;
    padding: 20px ((100%-@Smain)/2);
    a {
	display: block;
    }
    img[alt="FFmpeg"] {
	width: 50%;
	display: block;
	margin: auto;
    }
}

error: pathspec 'style.less' did not match any file(s) known to git


|#407|CSS giles for ng-grid

|#407|CSS giles for ng-grid

fatal: unable to access 'https://github.com/kelvinmbwilo/vims.git/': The requested URL returned error: 403


added first less-variables

added first less-variables

fatal: unable to access 'https://github.com/philiptober/profiler.git/': The requested URL returned error: 403


Use monospace font for fenced codeblocks

fatal: unable to access 'https://github.com/jamiekowalski/foldingtext-extra.git/': The requested URL returned error: 403


Remove vendor-specific -ms-word-break for IE

@import "utils/_reset.import.less";
@import "utils/_lesshat.import.less";
@import "utils/_variables.import.less";
@import "utils/_keyframes.import.less";
@import "utils/_loading.import.less";

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html,
body {
	height: 100%;
}

body {
	margin: 0;
	font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif, "Meiryo UI";
	font-size: 0.8rem;
	color: @primary-font-color;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	line-height: 1rem;
	padding: 0;
	overflow: hidden;
	position: relative;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	outline: none;
}

button {
	background: none;
	border: none;
	padding: 0;
	text-align: left;
	cursor: pointer;
	text-transform: inherit;
	color: inherit;
	font-style: inherit;
}

input:focus {
	outline: none;
	box-shadow: 0 0 0;
}

.button {
	&:extend(.unselectable);
	display: inline-block;
	padding: 9px 12px;
	font-weight: 500;
	font-size: 13px;
	margin: 4px;
	text-transform: uppercase;
	word-spacing: 0;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
	border: none;
	border-radius: 0;
	line-height: 16px;
	position: relative;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.85);
	background-color: lighten(desaturate(@primary-background-color, 15%), 12.5%);

	span {
		position: relative;
		z-index: 2;
	}

	&::before {
		background-color: rgba(0, 0, 0, 0.1);
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 1;
		transition: opacity 0.1s ease-out;
	}

	&:hover {
		text-decoration: none;
		color: #ffffff;

		&::before {
			opacity: 1;
		}
	}

	&.secondary {
		background-color: @tertiary-background-color;
		color: @primary-font-color;

		&::before {
			background-color: rgba(0, 0, 0, 0.045);
		}
	}

	&.clean {
		font-size: 14px;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);

		&.primary {
			font-weight: 600;
		}
	}

	&.button-block {
		display: block;
		width: 100%;
	}
}

.field-error {
	border: 1px solid red;
}

.livechat-room {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;

	&.popout {
		border-top-right-radius: 0;
		border-top-left-radius: 0;

		.title {
			cursor: default;
		}
	}

	.title {
		flex: 1 0 @header-min-height;
		line-height: @header-min-height;
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		color: #ffffff;
		z-index: 10;
		cursor: pointer;
		padding: 0 10px;

		h1 {
			margin: 0;
			font-size: 10pt;
			display: inline-block;
		}

		.toolbar {
			display: inline-block;
			float: right;

			svg {
				cursor: pointer;
				fill: currentColor;
				width: 14px;
				margin: 0 5px;
				vertical-align: middle;

				&:last-of-type {
					margin-right: 0;
				}
			}
		}
	}

	.header {
		flex: 1 0 60px;
		display: flex;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
		background-color: #fcfcfc;
		color: @secondary-font-color;
		z-index: 2;

		.picture {
			flex: 0 1 60px;
			padding: 5px 10px;

			img {
				width: 50px;
				height: 50px;
				border-radius: 6px;
				border: 1px solid @window-border-color;
			}
		}

		.info {
			flex: 1;
			padding: 5px 0;

			h2 {
				color: @primary-font-color;
				font-size: 14px;
			}

			li {
				font-size: 11px;
			}
		}
	}

	.messages {
		flex: 1 1 100%;
		background-color: #ffffff;
		border-left: 1px solid @window-border-color;
		border-right: 1px solid @window-border-color;
		overflow-y: auto;

		.wrapper {
			padding-bottom: 6px;

			ul {
				list-style-type: none;
				padding: 0;

				li {
					padding: 0;
				}
			}

			.message {
				font-size: 12px;
				padding: 8px 10px 0;
				position: relative;
				line-height: 18px;
				min-height: 36px;

				&::after {
					content: '';
					display: block;
					clear: both;
				}

				.content {
					width: 75%;
					background-color: #f3f3f3;
					border: 1px solid desaturate(darken(#f3f3f3, 10%), 40%);
					margin-left: 38px;
					border-radius: 6px;
					padding: 5px;
					float: left;
					word-wrap: break-word;
					word-break: break-word;
					-ms-hyphens: auto;
					-moz-hyphens: auto;
					-webkit-hyphens: auto;
					hyphens: auto;

					&::before {
						border-style: solid;
						border-color: transparent desaturate(darken(#f3f3f3, 10%), 40%) transparent transparent;
						content: " ";
						height: 0;
						width: 0;
						font-size: 0;
						pointer-events: none;
						border-width: 5px;
						position: absolute;
						left: 38px;
					}
				}

				&:nth-child(1) {
					margin-top: 0;
				}

				&.new-day {
					margin-top: 60px;

					&::before {
						content: attr(data-date);
						display: block;
						position: absolute;
						top: -30px;
						left: 0;
						font-size: 10px;
						font-weight: 600;
						text-align: center;
						.calc(left, ~'50% - 70px');
						color: @secondary-font-color;
						z-index: 1;
						padding: 0 10px;
						background-color: #ffffff;
						min-width: 120px;
					}

					.content {
						&::after {
							content: " ";
							display: block;
							position: absolute;
							top: -20px;
							left: 0;
							width: 100%;
							border-top: 1px solid #dddddd;
						}
					}
				}

				.edit-message {
					display: none;
					cursor: pointer;
				}

				&.own {
					.content {
						background-color: #feffd7;
						border: 1px solid desaturate(darken(#feffd7, 10%), 40%);
						float: right;
						margin-right: 3px;

						&::before {
							border-style: solid;
							border-color: transparent transparent transparent desaturate(darken(#feffd7, 10%), 40%);
							content: " ";
							height: 0;
							width: 0;
							font-size: 0;
							pointer-events: none;
							border-width: 5px;
							position: absolute;
							right: 3px;
							left: inherit;
						}
					}
				}

				.delete-message {
					display: none;
					cursor: pointer;
				}

				.user {
					display: inline-block;
					font-weight: 600;
					color: #444444;
					margin-right: 5px;
					outline: none;

					&:hover {
						color: #333333;
					}
				}

				.thumb {
					position: absolute;
					left: 10px;
					top: 6px;
					display: block;
					width: 30px;
					height: 30px;
				}

				.info {
					color: @info-font-color;
					display: inline-block;
					float: right;
					margin: 9px -1px -5px 9px;
					font-size: 9px;
					text-align: right;
					left: -10px;
					width: 55px;

					.edited {
						display: inline-block;
					}

					.edit-message {
						float: left;
						margin-left: 1px;
					}

					.delete-message {
						float: left;
					}
				}

				&.sequential {
					padding-top: 2px;
					min-height: 20px;

					.user {
						display: none;
					}

					.thumb {
						display: none;
					}
				}

				&.system {
					.body {
						color: @info-font-color;
						font-style: italic;

						em {
							font-weight: 600;
						}
					}
				}

				.avatar-initials {
					line-height: 40px;
				}

				a {
					color: @link-font-color;
					font-weight: 400;

					&:hover {
						color: darken(@link-font-color, 10%);
						text-decoration: underline;
					}
				}

				.body {
					opacity: 1;
					transition: opacity 1s linear;
				}

				&.temp .body {
					opacity: 0.5;
				}

				&.msg-error .body {
					text-decoration: line-through;
				}

				.avatar .avatar-image {
					height: 100%;
					width: 100%;
					min-height: 20px;
					min-width: 20px;
					display: block;
					position: relative;
					background-color: transparent;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					border-radius: 4px;
				}
			}
		}

		.new-message {
			margin: 0 -65px;
			position: absolute;
			background: #428bca;
			border-radius: 20px;
			width: 130px;
			height: 30px;
			text-align: center;
			color: #ffffff;
			line-height: 30px;
			font-size: 0.8em;
			cursor: pointer;
			bottom: 8px;
			left: 50%;
			z-index: 5;
			transition: transform 0.3s ease-out;
			.transform(translateY(-40px));

			&.not {
				.transform(translateY(100%));
			}
		}

		.error {
			bottom: @footer-min-height;
			position: fixed;
			width: 100%;
			background-color: #f7d799;
			padding: 5px;
			z-index: 8;
			transition: transform 0.2s ease-out;
			.transform(translateY(100%));

			&.show {
				.transform(translateY(0));
			}
		}
	}

	.footer {
		flex: 1 0 @footer-min-height;
		z-index: 10;
		background-color: #fcfcfc;
		border-top: 1px solid @window-border-color;
		border-left: 1px solid @window-border-color;
		border-right: 1px solid @window-border-color;

		.message-bar {
			display: flex;
			flex-direction: row;
			padding-top: 6px;

			.input-wrapper {
				flex-grow: 1;
				padding-left: 6px;

				textarea {
					display: block;
					padding: 6px 8px;
					padding-right: 38px;
					overflow-y: auto;
					resize: none;
					margin: 0;
					max-height: 200px;
					width: 100%;
					font-size: 12px;
					-webkit-appearance: none;
					height: 28px;
					line-height: normal;
					background-color: #ffffff;
					position: relative;
				}
			}

			.buttons {
				color: @secondary-font-color;
				fill: @secondary-font-color;
				display: flex;
				align-items: center;
				padding: 0 5px;

				svg {
					width: 15px;
					height: 15px;
					margin: 0 4px;
					cursor: pointer;
					transition: fill 0.15s ease-out;

					&:hover {
						fill: @primary-font-color;
					}
				}
			}
		}

		.toggle-options {
			clear: both;
			color: @secondary-font-color;
			margin-left: 6px;
			outline: none;
			margin-top: 5px;
			font-size: 0.65rem;
		}

		.typing {
			clear: both;
			color: @secondary-font-color;
			margin-left: 8px;
			outline: none;
			margin-top: 2px;
			font-size: 0.65rem;
		}

		.options-menu {
			min-width: 100px;
			bottom: 21px;
			left: 6px;
			border-radius: 2px;
			padding: 6px 0;
			background-color: #ffffff;
			color: @secondary-font-color;
			box-shadow:
				0 1px 1px 0 rgba(0, 0, 0, 0.2),
				0 2px 10px 0 rgba(0, 0, 0, 0.16);
			position: absolute;
			z-index: 200;
			transition: transform 0.15s ease, visibility 0.15s ease, opacity 0.15s ease;
			.transform(translateY(30px));
			opacity: 0;
			visibility: hidden;

			&.show {
				.transform(translateY(0px));
				opacity: 1;
				display: block;
				visibility: visible;
			}

			ul {
				li {
					padding: 0 13px 0 8px;

					&:hover {
						background-color: #eeeeee;
					}

					button {
						display: block;
						padding: 4px 2px;
						outline: none;
					}
				}
			}
		}
	}

	.offline {
		flex: 1 1 100%;
		background-color: white;
		padding: 1em 10px;
		border-left: 1px solid @window-border-color;
		border-right: 1px solid @window-border-color;

		.offline-message {
			padding: 1em 0;
		}

		.message-sent {
			text-align: center;
		}

		form {
			input,
			textarea {
				display: block;
				width: 100%;
			}

			.buttons {
				text-align: center;
			}

			.error {
				display: none;
				background-color: #f7d799;
				padding: 5px;

				&.show {
					display: block;
				}
			}
		}
	}
}

.livechat-form {
	flex: 1 1 100%;
	display: block;
	background-color: #ffffff;
	border-left: 1px solid @window-border-color;
	border-right: 1px solid @window-border-color;
	padding: 5px;

	input,
	select {
		display: block;
		background-color: #ffffff;
	}

	.error {
		display: none;
		background-color: #f7d799;
		padding: 5px;

		&.show {
			display: block;
		}
	}

	form {
		padding: 0 1em;
		text-align: center;

		input,
		select {
			width: 100%;
		}
	}
}

.modal {
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;

	.overlay {
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 9990;
		top: 0;
		left: 0;
	}

	.wrapper {
		z-index: 9999;
		background: white;
		position: fixed;
		height: 80%;
		width: 80%;
		top: 15%;
		left: 10%;
		border-radius: 6px;
		display: flex;
		flex-direction: column;

		header {
			flex: 1 0 40px;
			padding: 0 15px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			line-height: 40px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.content {
			overflow-y: auto;
			padding: 10px;
			flex: 1 1 100%;

			.instructions {
				margin-top: 5px;
			}

			.survey-item {
				margin-top: 20px;

				.question {
					display: block;
				}

				.answer {
					margin-right: 5px;
					display: inline-block;
					text-align: center;
				}
			}
		}

		footer {
			flex: 1 0 60px;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			line-height: 60px;
			text-align: right;
			padding-right: 20px;
		}
	}
}

.powered-by {
	margin-top: -20px;
	line-height: 20px;
	right: 0;
	z-index: 10;
	text-align: right;
	font-size: 0.65rem;
	height: 20px;
	color: #666666;
	padding: 0 1em;
	opacity: 0.5;
	align-self: flex-end;
	transition: opacity 0.15s ease-out;

	&:hover {
		opacity: 1;
	}

	a {
		text-decoration: none;
		margin-left: 1px;

		img {
			height: 14px;
			vertical-align: middle;
		}
	}
}

.sweet-overlay {
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;
}

.video-call {
	position: fixed;
	top: @header-min-height;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000000;
	z-index: 11;

	.video-overlay {
		position: fixed;
		top: @header-min-height;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 13;

		.toolbar {
			position: absolute;
			bottom: 40px;
			width: 100%;
			text-align: center;
			opacity: 0;
			visibility: hidden;
			.transform(translateY(50px));
			transition: opacity 0.175s ease-out, transform 0.175s ease-out, visibility 0.175s ease-out;

			&.visible {
				opacity: 1;
				visibility: visible;
				.transform(translateY(0px));
			}

			.end-call {
				background-color: red;
				fill: white;
				border-radius: 50%;
				height: 60px;
				width: 60px;
				text-align: center;
				outline: none;

				svg {
					width: 30px;
					height: 30px;
				}
			}
		}
	}

	.container {
		z-index: 12;
	}
}

@media all and(max-height: 200px) {
	.livechat-room {
		.title {
			height: 100%;
		}

		.footer {
			display: none;
		}

		.messages {
			display: none;
		}

		.powered-by {
			display: none;
		}
	}
}

@import "utils/_reset.import.less";
@import "utils/_lesshat.import.less";
@import "utils/_variables.import.less";
@import "utils/_keyframes.import.less";
@import "utils/_loading.import.less";

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html,
body {
	height: 100%;
}

body {
	margin: 0;
	font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif, "Meiryo UI";
	font-size: 0.8rem;
	color: @primary-font-color;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	line-height: 1rem;
	padding: 0;
	overflow: hidden;
	position: relative;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	outline: none;
}

button {
	background: none;
	border: none;
	padding: 0;
	text-align: left;
	cursor: pointer;
	text-transform: inherit;
	color: inherit;
	font-style: inherit;
}

input:focus {
	outline: none;
	box-shadow: 0 0 0;
}

.button {
	&:extend(.unselectable);
	display: inline-block;
	padding: 9px 12px;
	font-weight: 500;
	font-size: 13px;
	margin: 4px;
	text-transform: uppercase;
	word-spacing: 0;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
	border: none;
	border-radius: 0;
	line-height: 16px;
	position: relative;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.85);
	background-color: lighten(desaturate(@primary-background-color, 15%), 12.5%);

	span {
		position: relative;
		z-index: 2;
	}

	&::before {
		background-color: rgba(0, 0, 0, 0.1);
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 1;
		transition: opacity 0.1s ease-out;
	}

	&:hover {
		text-decoration: none;
		color: #ffffff;

		&::before {
			opacity: 1;
		}
	}

	&.secondary {
		background-color: @tertiary-background-color;
		color: @primary-font-color;

		&::before {
			background-color: rgba(0, 0, 0, 0.045);
		}
	}

	&.clean {
		font-size: 14px;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);

		&.primary {
			font-weight: 600;
		}
	}

	&.button-block {
		display: block;
		width: 100%;
	}
}

.field-error {
	border: 1px solid red;
}

.livechat-room {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;

	&.popout {
		border-top-right-radius: 0;
		border-top-left-radius: 0;

		.title {
			cursor: default;
		}
	}

	.title {
		flex: 1 0 @header-min-height;
		line-height: @header-min-height;
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		color: #ffffff;
		z-index: 10;
		cursor: pointer;
		padding: 0 10px;

		h1 {
			margin: 0;
			font-size: 10pt;
			display: inline-block;
		}

		.toolbar {
			display: inline-block;
			float: right;

			svg {
				cursor: pointer;
				fill: currentColor;
				width: 14px;
				margin: 0 5px;
				vertical-align: middle;

				&:last-of-type {
					margin-right: 0;
				}
			}
		}
	}

	.header {
		flex: 1 0 60px;
		display: flex;
		box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
		background-color: #fcfcfc;
		color: @secondary-font-color;
		z-index: 2;

		.picture {
			flex: 0 1 60px;
			padding: 5px 10px;

			img {
				width: 50px;
				height: 50px;
				border-radius: 6px;
				border: 1px solid @window-border-color;
			}
		}

		.info {
			flex: 1;
			padding: 5px 0;

			h2 {
				color: @primary-font-color;
				font-size: 14px;
			}

			li {
				font-size: 11px;
			}
		}
	}

	.messages {
		flex: 1 1 100%;
		background-color: #ffffff;
		border-left: 1px solid @window-border-color;
		border-right: 1px solid @window-border-color;
		overflow-y: auto;

		.wrapper {
			padding-bottom: 6px;

			ul {
				list-style-type: none;
				padding: 0;

				li {
					padding: 0;
				}
			}

			.message {
				font-size: 12px;
				padding: 8px 10px 0;
				position: relative;
				line-height: 18px;
				min-height: 36px;

				&::after {
					content: '';
					display: block;
					clear: both;
				}

				.content {
					width: 75%;
					background-color: #f3f3f3;
					border: 1px solid desaturate(darken(#f3f3f3, 10%), 40%);
					margin-left: 38px;
					border-radius: 6px;
					padding: 5px;
					float: left;
					word-wrap: break-word;
					word-break: break-word;
					-ms-word-break: break-all;
					-ms-hyphens: auto;
					-moz-hyphens: auto;
					-webkit-hyphens: auto;
					hyphens: auto;

					&::before {
						border-style: solid;
						border-color: transparent desaturate(darken(#f3f3f3, 10%), 40%) transparent transparent;
						content: " ";
						height: 0;
						width: 0;
						font-size: 0;
						pointer-events: none;
						border-width: 5px;
						position: absolute;
						left: 38px;
					}
				}

				&:nth-child(1) {
					margin-top: 0;
				}

				&.new-day {
					margin-top: 60px;

					&::before {
						content: attr(data-date);
						display: block;
						position: absolute;
						top: -30px;
						left: 0;
						font-size: 10px;
						font-weight: 600;
						text-align: center;
						.calc(left, ~'50% - 70px');
						color: @secondary-font-color;
						z-index: 1;
						padding: 0 10px;
						background-color: #ffffff;
						min-width: 120px;
					}

					.content {
						&::after {
							content: " ";
							display: block;
							position: absolute;
							top: -20px;
							left: 0;
							width: 100%;
							border-top: 1px solid #dddddd;
						}
					}
				}

				.edit-message {
					display: none;
					cursor: pointer;
				}

				&.own {
					.content {
						background-color: #feffd7;
						border: 1px solid desaturate(darken(#feffd7, 10%), 40%);
						float: right;
						margin-right: 3px;

						&::before {
							border-style: solid;
							border-color: transparent transparent transparent desaturate(darken(#feffd7, 10%), 40%);
							content: " ";
							height: 0;
							width: 0;
							font-size: 0;
							pointer-events: none;
							border-width: 5px;
							position: absolute;
							right: 3px;
							left: inherit;
						}
					}
				}

				.delete-message {
					display: none;
					cursor: pointer;
				}

				.user {
					display: inline-block;
					font-weight: 600;
					color: #444444;
					margin-right: 5px;
					outline: none;

					&:hover {
						color: #333333;
					}
				}

				.thumb {
					position: absolute;
					left: 10px;
					top: 6px;
					display: block;
					width: 30px;
					height: 30px;
				}

				.info {
					color: @info-font-color;
					display: inline-block;
					float: right;
					margin: 9px -1px -5px 9px;
					font-size: 9px;
					text-align: right;
					left: -10px;
					width: 55px;

					.edited {
						display: inline-block;
					}

					.edit-message {
						float: left;
						margin-left: 1px;
					}

					.delete-message {
						float: left;
					}
				}

				&.sequential {
					padding-top: 2px;
					min-height: 20px;

					.user {
						display: none;
					}

					.thumb {
						display: none;
					}
				}

				&.system {
					.body {
						color: @info-font-color;
						font-style: italic;

						em {
							font-weight: 600;
						}
					}
				}

				.avatar-initials {
					line-height: 40px;
				}

				a {
					color: @link-font-color;
					font-weight: 400;

					&:hover {
						color: darken(@link-font-color, 10%);
						text-decoration: underline;
					}
				}

				.body {
					opacity: 1;
					transition: opacity 1s linear;
				}

				&.temp .body {
					opacity: 0.5;
				}

				&.msg-error .body {
					text-decoration: line-through;
				}

				.avatar .avatar-image {
					height: 100%;
					width: 100%;
					min-height: 20px;
					min-width: 20px;
					display: block;
					position: relative;
					background-color: transparent;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					border-radius: 4px;
				}
			}
		}

		.new-message {
			margin: 0 -65px;
			position: absolute;
			background: #428bca;
			border-radius: 20px;
			width: 130px;
			height: 30px;
			text-align: center;
			color: #ffffff;
			line-height: 30px;
			font-size: 0.8em;
			cursor: pointer;
			bottom: 8px;
			left: 50%;
			z-index: 5;
			transition: transform 0.3s ease-out;
			.transform(translateY(-40px));

			&.not {
				.transform(translateY(100%));
			}
		}

		.error {
			bottom: @footer-min-height;
			position: fixed;
			width: 100%;
			background-color: #f7d799;
			padding: 5px;
			z-index: 8;
			transition: transform 0.2s ease-out;
			.transform(translateY(100%));

			&.show {
				.transform(translateY(0));
			}
		}
	}

	.footer {
		flex: 1 0 @footer-min-height;
		z-index: 10;
		background-color: #fcfcfc;
		border-top: 1px solid @window-border-color;
		border-left: 1px solid @window-border-color;
		border-right: 1px solid @window-border-color;

		.message-bar {
			display: flex;
			flex-direction: row;
			padding-top: 6px;

			.input-wrapper {
				flex-grow: 1;
				padding-left: 6px;

				textarea {
					display: block;
					padding: 6px 8px;
					padding-right: 38px;
					overflow-y: auto;
					resize: none;
					margin: 0;
					max-height: 200px;
					width: 100%;
					font-size: 12px;
					-webkit-appearance: none;
					height: 28px;
					line-height: normal;
					background-color: #ffffff;
					position: relative;
				}
			}

			.buttons {
				color: @secondary-font-color;
				fill: @secondary-font-color;
				display: flex;
				align-items: center;
				padding: 0 5px;

				svg {
					width: 15px;
					height: 15px;
					margin: 0 4px;
					cursor: pointer;
					transition: fill 0.15s ease-out;

					&:hover {
						fill: @primary-font-color;
					}
				}
			}
		}

		.toggle-options {
			clear: both;
			color: @secondary-font-color;
			margin-left: 6px;
			outline: none;
			margin-top: 5px;
			font-size: 0.65rem;
		}

		.typing {
			clear: both;
			color: @secondary-font-color;
			margin-left: 8px;
			outline: none;
			margin-top: 2px;
			font-size: 0.65rem;
		}

		.options-menu {
			min-width: 100px;
			bottom: 21px;
			left: 6px;
			border-radius: 2px;
			padding: 6px 0;
			background-color: #ffffff;
			color: @secondary-font-color;
			box-shadow:
				0 1px 1px 0 rgba(0, 0, 0, 0.2),
				0 2px 10px 0 rgba(0, 0, 0, 0.16);
			position: absolute;
			z-index: 200;
			transition: transform 0.15s ease, visibility 0.15s ease, opacity 0.15s ease;
			.transform(translateY(30px));
			opacity: 0;
			visibility: hidden;

			&.show {
				.transform(translateY(0px));
				opacity: 1;
				display: block;
				visibility: visible;
			}

			ul {
				li {
					padding: 0 13px 0 8px;

					&:hover {
						background-color: #eeeeee;
					}

					button {
						display: block;
						padding: 4px 2px;
						outline: none;
					}
				}
			}
		}
	}

	.offline {
		flex: 1 1 100%;
		background-color: white;
		padding: 1em 10px;
		border-left: 1px solid @window-border-color;
		border-right: 1px solid @window-border-color;

		.offline-message {
			padding: 1em 0;
		}

		.message-sent {
			text-align: center;
		}

		form {
			input,
			textarea {
				display: block;
				width: 100%;
			}

			.buttons {
				text-align: center;
			}

			.error {
				display: none;
				background-color: #f7d799;
				padding: 5px;

				&.show {
					display: block;
				}
			}
		}
	}
}

.livechat-form {
	flex: 1 1 100%;
	display: block;
	background-color: #ffffff;
	border-left: 1px solid @window-border-color;
	border-right: 1px solid @window-border-color;
	padding: 5px;

	input,
	select {
		display: block;
		background-color: #ffffff;
	}

	.error {
		display: none;
		background-color: #f7d799;
		padding: 5px;

		&.show {
			display: block;
		}
	}

	form {
		padding: 0 1em;
		text-align: center;

		input,
		select {
			width: 100%;
		}
	}
}

.modal {
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;

	.overlay {
		border-top-right-radius: inherit;
		border-top-left-radius: inherit;
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 9990;
		top: 0;
		left: 0;
	}

	.wrapper {
		z-index: 9999;
		background: white;
		position: fixed;
		height: 80%;
		width: 80%;
		top: 15%;
		left: 10%;
		border-radius: 6px;
		display: flex;
		flex-direction: column;

		header {
			flex: 1 0 40px;
			padding: 0 15px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			line-height: 40px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.content {
			overflow-y: auto;
			padding: 10px;
			flex: 1 1 100%;

			.instructions {
				margin-top: 5px;
			}

			.survey-item {
				margin-top: 20px;

				.question {
					display: block;
				}

				.answer {
					margin-right: 5px;
					display: inline-block;
					text-align: center;
				}
			}
		}

		footer {
			flex: 1 0 60px;
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			line-height: 60px;
			text-align: right;
			padding-right: 20px;
		}
	}
}

.powered-by {
	margin-top: -20px;
	line-height: 20px;
	right: 0;
	z-index: 10;
	text-align: right;
	font-size: 0.65rem;
	height: 20px;
	color: #666666;
	padding: 0 1em;
	opacity: 0.5;
	align-self: flex-end;
	transition: opacity 0.15s ease-out;

	&:hover {
		opacity: 1;
	}

	a {
		text-decoration: none;
		margin-left: 1px;

		img {
			height: 14px;
			vertical-align: middle;
		}
	}
}

.sweet-overlay {
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;
}

.video-call {
	position: fixed;
	top: @header-min-height;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000000;
	z-index: 11;

	.video-overlay {
		position: fixed;
		top: @header-min-height;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 13;

		.toolbar {
			position: absolute;
			bottom: 40px;
			width: 100%;
			text-align: center;
			opacity: 0;
			visibility: hidden;
			.transform(translateY(50px));
			transition: opacity 0.175s ease-out, transform 0.175s ease-out, visibility 0.175s ease-out;

			&.visible {
				opacity: 1;
				visibility: visible;
				.transform(translateY(0px));
			}

			.end-call {
				background-color: red;
				fill: white;
				border-radius: 50%;
				height: 60px;
				width: 60px;
				text-align: center;
				outline: none;

				svg {
					width: 30px;
					height: 30px;
				}
			}
		}
	}

	.container {
		z-index: 12;
	}
}

@media all and(max-height: 200px) {
	.livechat-room {
		.title {
			height: 100%;
		}

		.footer {
			display: none;
		}

		.messages {
			display: none;
		}

		.powered-by {
			display: none;
		}
	}
}


Changed @icon-font-path to relative path

Changed @icon-font-path to a relative path so that cssrewrite will work. This should fix broken icons because of a broken absolute url.

/*!
 * MopaBootstrapBundle
 *
 * Copyright 2011 Mohrenweiser & Partner
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Import this file in your less files as first to be abled to access less vars from your file
 * OR
 * Add it to the stylesheets of assetic or
 * Add it as described on http://www.lesscss.org with the less.js (maybe pathes must be adapted in that case)
 *
 * Be careful when using less this way, might be most straight forward, but assetic doesnt check the included files
 * for changes, and will only regenerate the css if it detects changes in this file!
 *
 * For development it might be easier to include all you less files in the layout directly
 * But then assetic will compile each less file in a own compiler session so you cant mix in the less style into bootstrap, which might not be OK
 */

// Main bootstrap.less entry point
@import "../bootstrap/less/bootstrap.less";

// variables
@icon-font-path: "../bootstrap/fonts/";

// The Paginator less for MopaBootstrapBundle
@import "paginator.less";

// The Subnav less for MopaBootstrapBundle
@import "subnav.less";

// Collection support for MopaBootstrapBundle
@import "collections.less";

// Collection support for MopaBootstrapBundle
@import "google-maps.less";

// if you have any variables.less file INCLUDE IT AFTER EVERYTHING cause responsive.less also overrides it with the one from bootstrap!!!!!

/*!
 * MopaBootstrapBundle
 *
 * Copyright 2011 Mohrenweiser & Partner
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Import this file in your less files as first to be abled to access less vars from your file
 * OR
 * Add it to the stylesheets of assetic or
 * Add it as described on http://www.lesscss.org with the less.js (maybe pathes must be adapted in that case)
 *
 * Be careful when using less this way, might be most straight forward, but assetic doesnt check the included files
 * for changes, and will only regenerate the css if it detects changes in this file!
 *
 * For development it might be easier to include all you less files in the layout directly
 * But then assetic will compile each less file in a own compiler session so you cant mix in the less style into bootstrap, which might not be OK
 */

// Main bootstrap.less entry point
@import "../bootstrap/less/bootstrap.less";

// variables
@icon-font-path: "/bundles/mopabootstrap/bootstrap/fonts/";

// The Paginator less for MopaBootstrapBundle
@import "paginator.less";

// The Subnav less for MopaBootstrapBundle
@import "subnav.less";

// Collection support for MopaBootstrapBundle
@import "collections.less";

// Collection support for MopaBootstrapBundle
@import "google-maps.less";

// if you have any variables.less file INCLUDE IT AFTER EVERYTHING cause responsive.less also overrides it with the one from bootstrap!!!!!


Create pagination.less

Create pagination.less

[data-pagination] {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	vertical-align:middle;
}

[data-pagination] li {
	float:left;
}

[data-pagination] li a {
	display:inline-block;
	vertical-align:middle;
	padding:(@gutter / 2) @gutter;
	text-align:center;
	white-space:nowrap;
	background-color:@white;
	color:@black;
	border:0;
	touch-action:manipulation;
	.user-select(none);
}

[data-pagination] li:not([data-ellipse]) a {
	.border-radius(@border-radius);
	.shadow-extra-small();
	.transition(@transition-background-color);
}

[data-pagination] li a:first-of-type:not(:last-of-type) {
	.border-radius(@border-radius 0 0 @border-radius);
}

[data-pagination] li a:last-of-type:not(:first-of-type) {
	.border-radius(0 @border-radius @border-radius 0);
}

[data-pagination] li a:not(:first-of-type):not(:last-of-type) {
	.border-radius(0);
}

[data-pagination] li a:hover {
	text-decoration:none;
}

[data-pagination] [data-ellipse] a:hover {
	cursor:default;
}

[data-pagination] li:not([data-ellipse]) a:hover {
	background-color:@light-grey;
}

[data-pagination] .active:not([data-ellipse]) a,
[data-pagination] .active:not([data-ellipse]) a:hover,
[data-pagination] li:not([data-ellipse]) a:active,
[data-pagination] li:not([data-ellipse]) a:focus {
	background-color:@primary;
	color:@white;
}

[data-pagination] [data-prev]::before {
	content:'\f053';
	font-family:@icon-font-family;
	display:inline-block;
	margin-right:10px;
}

[data-pagination] [data-first]::before {
	content:'\f053\f053';
	font-family:@icon-font-family;
	display:inline-block;
	margin-right:10px;
}

[data-pagination] [data-next]::after {
	content:'\f054';
	font-family:@icon-font-family;
	display:inline-block;
	margin-left:10px;
}

[data-pagination] [data-last]::after {
	content:'\f054\f054';
	font-family:@icon-font-family;
	display:inline-block;
	margin-left:10px;
}

[data-pagination] [data-icon-only]::before,
[data-pagination] [data-icon-only]::after {
	margin:0;
}

error: pathspec 'less/pagination.less' did not match any file(s) known to git


fix(angular-material-sidemenu): ajustar layout

https://github.com/marcosmoura/angular-material-sidemenu/issues/3

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/wesleifreitas/px-project-a1.git/'


elemental support for calendar

elemental support for calendar

fatal: unable to access 'https://github.com/TimDix/concrete5.git/': The requested URL returned error: 403


Changed background image path from absolute to relative.

fatal: unable to access 'https://github.com/chiehtu/kissaten.git/': The requested URL returned error: 403


CAL-205 display resizer only on desktop size

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/heroandtn3/openpaas-esn.git/'


SW-10214 - fixed campaign box top margin

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/simkli/shopware.git/'


Override default Bootstrap variables

Override default Bootstrap variables

//
// Variables
// --------------------------------------------------

//== Colors
//
//## Gray and brand colors for use across Bootstrap.

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee

@brand-primary:         darken(#428bca, 6.5%); // #337ab7
@brand-success:         #5cb85c;
@brand-info:            #5bc0de;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;

//== Scaffolding
//
//## Settings for some of the most global styles.

//** Background color for `<body>`.
@body-bg:               #fff;
//** Global text color on `<body>`.
@text-color:            @gray-dark;

//** Global textual link color.
@link-color:            @brand-primary;
//** Link hover color set via `darken()` function.
@link-hover-color:      darken(@link-color, 15%);
//** Link hover decoration.
@link-hover-decoration: underline;

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          13px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        1.428571429; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px

//** By default, this inherits from the `<body>`.
@headings-font-family:    inherit;
@headings-font-weight:    500;
@headings-line-height:    1.1;
@headings-color:          inherit;

//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

//** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "glyphicons-halflings-regular";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "glyphicons_halflingsregular";

//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;

@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;

@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;

@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;

@line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome
@line-height-small:         1.5;

@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;

//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @brand-primary;

//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;

//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for `<th>`s and `<td>`s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;

//** Default background color used for all tables.
@table-bg:                      transparent;
//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover:                #f5f5f5;
@table-bg-active:               @table-bg-hover;

//** Border color for table and cell borders.
@table-border-color:            #ddd;

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-link-disabled-color:        @gray-light;

// Allows for customizing button radius independently from global border radius
@btn-border-radius-base:         @border-radius-base;
@btn-border-radius-large:        @border-radius-large;
@btn-border-radius-small:        @border-radius-small;

//== Forms
//
//##

//** `<input>` background color
@input-bg:                       #fff;
//** `<input disabled>` background color
@input-bg-disabled:              @gray-lighter;

//** Text color for `<input>`s
@input-color:                    @gray;
//** `<input>` border color
@input-border:                   #ccc;

// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
//** Default `.form-control` border radius
// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
@input-border-radius:            @border-radius-base;
//** Large `.form-control` border radius
@input-border-radius-large:      @border-radius-large;
//** Small `.form-control` border radius
@input-border-radius-small:      @border-radius-small;

//** Border color for inputs on focus
@input-border-focus:             #66afe9;

//** Placeholder text color
@input-color-placeholder:        #999;

//** Default `.form-control` height
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
//** Large `.form-control` height
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
//** Small `.form-control` height
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

//** `.form-group` margin
@form-group-margin-bottom:       15px;

@legend-color:                   @gray-dark;
@legend-border-color:            #e5e5e5;

//** Background color for textual input addons
@input-group-addon-bg:           @gray-lighter;
//** Border color for textual input addons
@input-group-addon-border-color: @input-border;

//** Disabled cursor for form controls and buttons.
@cursor-disabled:                not-allowed;

//== Dropdowns
//
//## Dropdown menu container and contents.

//** Background for the dropdown menu.
@dropdown-bg:                    #fff;
//** Dropdown menu `border-color`.
@dropdown-border:                rgba(0,0,0,.15);
//** Dropdown menu `border-color` **for IE8**.
@dropdown-fallback-border:       #ccc;
//** Divider color for between dropdown items.
@dropdown-divider-bg:            #e5e5e5;

//** Dropdown link text color.
@dropdown-link-color:            @gray-dark;
//** Hover color for dropdown links.
@dropdown-link-hover-color:      darken(@gray-dark, 5%);
//** Hover background for dropdown links.
@dropdown-link-hover-bg:         #f5f5f5;

//** Active dropdown menu item text color.
@dropdown-link-active-color:     @component-active-color;
//** Active dropdown menu item background color.
@dropdown-link-active-bg:        @component-active-bg;

//** Disabled dropdown menu item background color.
@dropdown-link-disabled-color:   @gray-light;

//** Text color for headers within dropdown menus.
@dropdown-header-color:          @gray-light;

//** Deprecated `@dropdown-caret-color` as of v3.1.0
@dropdown-caret-color:           #000;

//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.

@zindex-navbar:            1000;
@zindex-dropdown:          1000;
@zindex-popover:           1060;
@zindex-tooltip:           1070;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;

//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs:                  480px;
//** Deprecated `@screen-xs-min` as of v3.2.0
@screen-xs-min:              @screen-xs;
//** Deprecated `@screen-phone` as of v3.0.1
@screen-phone:               @screen-xs-min;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
//** Deprecated `@screen-tablet` as of v3.0.1
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
//** Deprecated `@screen-desktop` as of v3.0.1
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
//** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);

//== Grid system
//
//## Define your custom responsive grid.

//** Number of columns in the grid.
@grid-columns:              12;
//** Padding between columns. Gets divided in half for the left and right.
@grid-gutter-width:         30px;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);

//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
@container-tablet:             (720px + @grid-gutter-width);
//** For `@screen-sm-min` and up.
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            (940px + @grid-gutter-width);
//** For `@screen-md-min` and up.
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      (1140px + @grid-gutter-width);
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;

//== Navbar
//
//##

// Basics of a navbar
@navbar-height:                    50px;
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
@navbar-collapse-max-height:       340px;

@navbar-default-color:             #777;
@navbar-default-bg:                #f8f8f8;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);

// Navbar links
@navbar-default-link-color:                #777;
@navbar-default-link-hover-color:          #333;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #555;
@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-default-brand-color:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
@navbar-default-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg:           #ddd;
@navbar-default-toggle-icon-bar-bg:        #888;
@navbar-default-toggle-border-color:       #ddd;

//=== Inverted navbar
// Reset inverted navbar basics
@navbar-inverse-color:                      lighten(@gray-light, 15%);
@navbar-inverse-bg:                         #222;
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);

// Inverted navbar links
@navbar-inverse-link-color:                 lighten(@gray-light, 15%);
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            #333;
@navbar-inverse-toggle-icon-bar-bg:         #fff;
@navbar-inverse-toggle-border-color:        #333;

//== Navs
//
//##

//=== Shared nav styles
@nav-link-padding:                          10px 15px;
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-color:             @gray-light;

//== Tabs
@nav-tabs-border-color:                     #ddd;

@nav-tabs-link-hover-border-color:          @gray-lighter;

@nav-tabs-active-link-hover-bg:             @body-bg;
@nav-tabs-active-link-hover-color:          @gray;
@nav-tabs-active-link-hover-border-color:   #ddd;

@nav-tabs-justified-link-border-color:            #ddd;
@nav-tabs-justified-active-link-border-color:     @body-bg;

//== Pills
@nav-pills-border-radius:                   @border-radius-base;
@nav-pills-active-link-hover-bg:            @component-active-bg;
@nav-pills-active-link-hover-color:         @component-active-color;

//== Pagination
//
//##

@pagination-color:                     @link-color;
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;

@pagination-hover-color:               @link-hover-color;
@pagination-hover-bg:                  @gray-lighter;
@pagination-hover-border:              #ddd;

@pagination-active-color:              #fff;
@pagination-active-bg:                 @brand-primary;
@pagination-active-border:             @brand-primary;

@pagination-disabled-color:            @gray-light;
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;

//== Pager
//
//##

@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
@pager-border-radius:                  15px;

@pager-hover-bg:                       @pagination-hover-bg;

@pager-active-bg:                      @pagination-active-bg;
@pager-active-color:                   @pagination-active-color;

@pager-disabled-color:                 @pagination-disabled-color;

//== Jumbotron
//
//##

@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
@jumbotron-font-size:            ceil((@font-size-base * 1.5));
@jumbotron-heading-font-size:    ceil((@font-size-base * 4.5));

//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

@state-success-text:             #3c763d;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #31708f;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

@state-warning-text:             #8a6d3b;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);

@state-danger-text:              #a94442;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);

//== Tooltips
//
//##

//** Tooltip max width
@tooltip-max-width:           200px;
//** Tooltip text color
@tooltip-color:               #fff;
//** Tooltip background color
@tooltip-bg:                  #000;
@tooltip-opacity:             .9;

//** Tooltip arrow width
@tooltip-arrow-width:         5px;
//** Tooltip arrow color
@tooltip-arrow-color:         @tooltip-bg;

//== Popovers
//
//##

//** Popover body background color
@popover-bg:                          #fff;
//** Popover maximum width
@popover-max-width:                   276px;
//** Popover border color
@popover-border-color:                rgba(0,0,0,.2);
//** Popover fallback border color
@popover-fallback-border-color:       #ccc;

//** Popover title background color
@popover-title-bg:                    darken(@popover-bg, 3%);

//** Popover arrow width
@popover-arrow-width:                 10px;
//** Popover arrow color
@popover-arrow-color:                 @popover-bg;

//** Popover outer arrow width
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
//** Popover outer arrow color
@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
//** Popover outer arrow fallback color
@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);

//== Labels
//
//##

//** Default label background color
@label-default-bg:            @gray-light;
//** Primary label background color
@label-primary-bg:            @brand-primary;
//** Success label background color
@label-success-bg:            @brand-success;
//** Info label background color
@label-info-bg:               @brand-info;
//** Warning label background color
@label-warning-bg:            @brand-warning;
//** Danger label background color
@label-danger-bg:             @brand-danger;

//** Default label text color
@label-color:                 #fff;
//** Default text color of a linked label
@label-link-hover-color:      #fff;

//== Modals
//
//##

//** Padding applied to the modal body
@modal-inner-padding:         15px;

//** Padding applied to the modal title
@modal-title-padding:         15px;
//** Modal title line-height
@modal-title-line-height:     @line-height-base;

//** Background color of modal content area
@modal-content-bg:                             #fff;
//** Modal content border color
@modal-content-border-color:                   rgba(0,0,0,.2);
//** Modal content border color **for IE8**
@modal-content-fallback-border-color:          #999;

//** Modal backdrop background color
@modal-backdrop-bg:           #000;
//** Modal backdrop opacity
@modal-backdrop-opacity:      .5;
//** Modal header border color
@modal-header-border-color:   #e5e5e5;
//** Modal footer border color
@modal-footer-border-color:   @modal-header-border-color;

@modal-lg:                    900px;
@modal-md:                    600px;
@modal-sm:                    300px;

//== Alerts
//
//## Define alert colors, border radius, and padding.

@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;

//== Progress bars
//
//##

//** Background color of the whole progress component
@progress-bg:                 #f5f5f5;
//** Progress bar text color
@progress-bar-color:          #fff;
//** Variable for setting rounded corners on progress bar.
@progress-border-radius:      @border-radius-base;

//** Default progress bar color
@progress-bar-bg:             @brand-primary;
//** Success progress bar color
@progress-bar-success-bg:     @brand-success;
//** Warning progress bar color
@progress-bar-warning-bg:     @brand-warning;
//** Danger progress bar color
@progress-bar-danger-bg:      @brand-danger;
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;

//== List group
//
//##

//** Background color on `.list-group-item`
@list-group-bg:                 #fff;
//** `.list-group-item` border color
@list-group-border:             #ddd;
//** List group border radius
@list-group-border-radius:      @border-radius-base;

//** Background color of single list items on hover
@list-group-hover-bg:           #f5f5f5;
//** Text color of active list items
@list-group-active-color:       @component-active-color;
//** Background color of active list items
@list-group-active-bg:          @component-active-bg;
//** Border color of active list elements
@list-group-active-border:      @list-group-active-bg;
//** Text color for content within active list items
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);

//** Text color of disabled list items
@list-group-disabled-color:      @gray-light;
//** Background color of disabled list items
@list-group-disabled-bg:         @gray-lighter;
//** Text color for content within disabled list items
@list-group-disabled-text-color: @list-group-disabled-color;

@list-group-link-color:         #555;
@list-group-link-hover-color:   @list-group-link-color;
@list-group-link-heading-color: #333;

//== Panels
//
//##

@panel-bg:                    #fff;
@panel-body-padding:          15px;
@panel-heading-padding:       10px 15px;
@panel-footer-padding:        @panel-heading-padding;
@panel-border-radius:         @border-radius-base;

//** Border color for elements within panels
@panel-inner-border:          #ddd;
@panel-footer-bg:             #f5f5f5;

@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;

//== Thumbnails
//
//##

//** Padding around the thumbnail image
@thumbnail-padding:           4px;
//** Thumbnail background color
@thumbnail-bg:                @body-bg;
//** Thumbnail border color
@thumbnail-border:            #ddd;
//** Thumbnail border radius
@thumbnail-border-radius:     @border-radius-base;

//** Custom text color for thumbnail captions
@thumbnail-caption-color:     @text-color;
//** Padding around the thumbnail caption
@thumbnail-caption-padding:   9px;

//== Wells
//
//##

@well-bg:                     #f5f5f5;
@well-border:                 darken(@well-bg, 7%);

//== Badges
//
//##

@badge-color:                 #fff;
//** Linked badge text color on hover
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;

//** Badge text color in active nav link
@badge-active-color:          @link-color;
//** Badge background color in active nav link
@badge-active-bg:             #fff;

@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;

//== Breadcrumbs
//
//##

@breadcrumb-padding-vertical:   8px;
@breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
@breadcrumb-bg:                 #f5f5f5;
//** Breadcrumb text color
@breadcrumb-color:              #ccc;
//** Text color of current page in the breadcrumb
@breadcrumb-active-color:       @gray-light;
//** Textual separator for between breadcrumb elements
@breadcrumb-separator:          "/";

//== Carousel
//
//##

@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;

@carousel-indicator-active-bg:                #fff;
@carousel-indicator-border-color:             #fff;

@carousel-caption-color:                      #fff;

//== Close
//
//##

@close-font-weight:           bold;
@close-color:                 #000;
@close-text-shadow:           0 1px 0 #fff;

//== Code
//
//##

@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@kbd-color:                   #fff;
@kbd-bg:                      #333;

@pre-bg:                      #f5f5f5;
@pre-color:                   @gray-dark;
@pre-border-color:            #ccc;
@pre-scrollable-max-height:   340px;

//== Type
//
//##

//** Horizontal offset for forms and lists.
@component-offset-horizontal: 180px;
//** Text muted color
@text-muted:                  @gray-light;
//** Abbreviations and acronyms border color
@abbr-border-color:           @gray-light;
//** Headings small color
@headings-small-color:        @gray-light;
//** Blockquote small color
@blockquote-small-color:      @gray-light;
//** Blockquote font size
@blockquote-font-size:        (@font-size-base * 1.25);
//** Blockquote border color
@blockquote-border-color:     @gray-lighter;
//** Page header border color
@page-header-border-color:    @gray-lighter;
//** Width of horizontal description list titles
@dl-horizontal-offset:        @component-offset-horizontal;
//** Point at which .dl-horizontal becomes horizontal
@dl-horizontal-breakpoint:    @grid-float-breakpoint;
//** Horizontal line color.
@hr-border:                   @gray-lighter;

error: pathspec 'resources/assets/less/variables.less' did not match any file(s) known to git


Added kotn css, some kind of inline-block grid

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Quinten/supernapietheme.git/'


Change size of shopping basket

Change size of shopping basket


BB-2029: Fix "select" filter in Report Filters area  - remove styles for used class

fatal: unable to access 'https://github.com/geoffroycochard/platform.git/': The requested URL returned error: 403


LGPL to less-file

LGPL to less-file

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/leonidas/qa-dashboard.git/'


Update static/vendors/bootstrap/less/mixins/responsive-visibility.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

fatal: unable to access 'https://github.com/apipanda/openssl.git/': The requested URL returned error: 403


Delete variables.less

Delete variables.less

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/micklosm/ConstellationGallery-.git/'


Update colors and font

Update colors and font

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/brennaveen/bootstrap.git/'


Include modded less file for Bootstrap.

Include modded less file for Bootstrap.

//
// Variables
// --------------------------------------------------

// Global values
// --------------------------------------------------

// Grays
// -------------------------

@gray-darker:            lighten(#000, 13.5%); // #222
@gray-dark:              lighten(#000, 20%);   // #333
@gray:                   lighten(#000, 33.5%); // #555
@gray-light:             lighten(#000, 80%);   // #999
@gray-lighter:           lighten(#000, 93.5%); // #eee

// Brand colors
// -------------------------

@brand-primary:         #9A1A4D;
@brand-success:         #5cb85c;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;
@brand-info:            #5bc0de;

// Scaffolding
// -------------------------

@body-bg:               #fff;
@text-color:            @gray-dark;

// Links
// -------------------------

@link-color:            @brand-primary;
@link-hover-color:      darken(@link-color, 15%);

// Typography
// -------------------------

@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil(@font-size-base * 1.25); // ~18px
@font-size-small:         ceil(@font-size-base * 0.85); // ~12px

@line-height-base:        1.5; // 20/14
@line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px

@headings-font-family:    @font-family-base;
@headings-font-weight:    700;
@headings-line-height:    1.1;

// Iconography
// -------------------------

@icon-font-path:          "../fonts/";
@icon-font-name:          "glyphicons-halflings-regular";

// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

@padding-base-vertical:          6px;
@padding-base-horizontal:        12px;

@padding-large-vertical:         10px;
@padding-large-horizontal:       16px;

@padding-small-vertical:         5px;
@padding-small-horizontal:       10px;

@line-height-large:              1.33;
@line-height-small:              1.5;

@border-radius-base:             4px;
@border-radius-large:            6px;
@border-radius-small:            3px;

@component-active-bg:            @brand-primary;

@caret-width-base:               4px;
@caret-width-large:              5px;

// Tables
// -------------------------

@table-cell-padding:                 8px;
@table-condensed-cell-padding:       5px;

@table-bg:                           transparent; // overall background-color
@table-bg-accent:                    #f9f9f9; // for striping
@table-bg-hover:                     #f5f5f5;
@table-bg-active:                    @table-bg-hover;

@table-border-color:                 #ddd; // table and cell border

// Buttons
// -------------------------

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-link-disabled-color:        @gray-light;

// Forms
// -------------------------

@input-bg:                       #fff;
@input-bg-disabled:              @gray-lighter;

@input-color:                    @gray;
@input-border:                   #ccc;
@input-border-radius:            @border-radius-base;
@input-border-focus:             #66afe9;

@input-color-placeholder:        @gray-light;

@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
@input-height-large:             (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

@legend-color:                   @gray-dark;
@legend-border-color:            #e5e5e5;

@input-group-addon-bg:           @gray-lighter;
@input-group-addon-border-color: @input-border;

// Dropdowns
// -------------------------

@dropdown-bg:                    #fff;
@dropdown-border:                rgba(0,0,0,.15);
@dropdown-fallback-border:       #ccc;
@dropdown-divider-bg:            #e5e5e5;

@dropdown-link-active-color:     #fff;
@dropdown-link-active-bg:        @component-active-bg;

@dropdown-link-color:            @gray-dark;
@dropdown-link-hover-color:      #fff;
@dropdown-link-hover-bg:         @dropdown-link-active-bg;

@dropdown-link-disabled-color:   @gray-light;

@dropdown-header-color:          @gray-light;

@dropdown-caret-color:           #000;

// COMPONENT VARIABLES
// --------------------------------------------------

// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)

@zindex-navbar:            1000;
@zindex-dropdown:          1000;
@zindex-popover:           1010;
@zindex-tooltip:           1030;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;

// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
@screen-xs:                  480px;
@screen-phone:               @screen-xs;

// Small screen / tablet
@screen-sm:                  768px;
@screen-tablet:              @screen-sm;

// Medium screen / desktop
@screen-md:                  992px;
@screen-desktop:             @screen-md;

// Large screen / wide desktop
@screen-lg:                  1200px;
@screen-lg-desktop:          @screen-lg;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm - 1);
@screen-sm-max:              (@screen-md - 1);
@screen-md-max:              (@screen-lg - 1);

// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns:              12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:         30px;
// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-tablet;

// Navbar
// -------------------------

// Basics of a navbar
@navbar-height:                    50px;
@navbar-margin-bottom:             @line-height-computed;
@navbar-default-color:             #777;
@navbar-default-bg:                #f8f8f8;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
@navbar-border-radius:             @border-radius-base;
@navbar-padding-horizontal:        floor(@grid-gutter-width / 2);
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);

// Navbar links
@navbar-default-link-color:                #777;
@navbar-default-link-hover-color:          #333;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #555;
@navbar-default-link-active-bg:            transparent;
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-default-brand-color:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         darken(@navbar-default-link-color, 10%);
@navbar-default-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg:           #ddd;
@navbar-default-toggle-icon-bar-bg:        #ccc;
@navbar-default-toggle-border-color:       #ddd;

// Inverted navbar
//
// Reset inverted navbar basics
@navbar-inverse-color:                      @gray-light;
@navbar-inverse-bg:                         @gray-darker;
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);

// Inverted navbar links
@navbar-inverse-link-color:                 @gray-light;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             transparent;
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar search
// Normal navbar needs no special styles or vars
@navbar-inverse-search-bg:                  lighten(@navbar-inverse-bg, 25%);
@navbar-inverse-search-bg-focus:            #fff;
@navbar-inverse-search-border:              @navbar-inverse-bg;
@navbar-inverse-search-placeholder-color:   #ccc;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            #333;
@navbar-inverse-toggle-icon-bar-bg:         #fff;
@navbar-inverse-toggle-border-color:        #333;

// Navs
// -------------------------

@nav-link-padding:                          10px 15px;
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-color:             @gray-light;

@nav-open-link-hover-color:                 #fff;
@nav-open-caret-border-color:               #fff;

// Tabs
@nav-tabs-border-color:                     #ddd;

@nav-tabs-link-hover-border-color:          @gray-lighter;

@nav-tabs-active-link-hover-bg:             @body-bg;
@nav-tabs-active-link-hover-color:          @gray;
@nav-tabs-active-link-hover-border-color:   #ddd;

@nav-tabs-justified-link-border-color:            #ddd;
@nav-tabs-justified-active-link-border-color:     @body-bg;

// Pills
@nav-pills-active-link-hover-bg:            @component-active-bg;
@nav-pills-active-link-hover-color:         #fff;

// Pagination
// -------------------------

@pagination-bg:                        #fff;
@pagination-border:                    #ddd;

@pagination-hover-bg:                  @gray-lighter;

@pagination-active-bg:                 @brand-primary;
@pagination-active-color:              #fff;

@pagination-disabled-color:            @gray-light;

// Pager
// -------------------------

@pager-border-radius:                  15px;
@pager-disabled-color:                 @gray-light;

// Jumbotron
// -------------------------

@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
@jumbotron-bg:                   @gray-lighter;

@jumbotron-heading-color:        inherit;

// Form states and alerts
// -------------------------

@state-warning-text:             #c09853;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);

@state-danger-text:              #b94a48;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 3%);

@state-success-text:             #468847;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #3a87ad;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

// Tooltips
// -------------------------
@tooltip-max-width:           200px;
@tooltip-color:               #fff;
@tooltip-bg:                  #000;

@tooltip-arrow-width:         5px;
@tooltip-arrow-color:         @tooltip-bg;

// Popovers
// -------------------------
@popover-bg:                          #fff;
@popover-max-width:                   276px;
@popover-border-color:                rgba(0,0,0,.2);
@popover-fallback-border-color:       #ccc;

@popover-title-bg:                    darken(@popover-bg, 3%);

@popover-arrow-width:                 10px;
@popover-arrow-color:                 #fff;

@popover-arrow-outer-width:           (@popover-arrow-width + 1);
@popover-arrow-outer-color:           rgba(0,0,0,.25);
@popover-arrow-outer-fallback-color:  #999;

// Labels
// -------------------------

@label-default-bg:            @gray-light;
@label-primary-bg:            @brand-primary;
@label-success-bg:            @brand-success;
@label-info-bg:               @brand-info;
@label-warning-bg:            @brand-warning;
@label-danger-bg:             @brand-danger;

@label-color:                 #fff;
@label-link-hover-color:      #fff;

// Modals
// -------------------------
@modal-inner-padding:         20px;

@modal-title-padding:         15px;
@modal-title-line-height:     @line-height-base;

@modal-content-bg:                             #fff;
@modal-content-border-color:                   rgba(0,0,0,.2);
@modal-content-fallback-border-color:          #999;

@modal-backdrop-bg:           #000;
@modal-header-border-color:   #e5e5e5;
@modal-footer-border-color:   @modal-header-border-color;

// Alerts
// -------------------------
@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;

// Progress bars
// -------------------------
@progress-bg:                 #f5f5f5;
@progress-bar-color:          #fff;

@progress-bar-bg:             @brand-primary;
@progress-bar-success-bg:     @brand-success;
@progress-bar-warning-bg:     @brand-warning;
@progress-bar-danger-bg:      @brand-danger;
@progress-bar-info-bg:        @brand-info;

// List group
// -------------------------
@list-group-bg:               #fff;
@list-group-border:           #ddd;
@list-group-border-radius:    @border-radius-base;

@list-group-hover-bg:         #f5f5f5;
@list-group-active-color:     #fff;
@list-group-active-bg:        @component-active-bg;
@list-group-active-border:    @list-group-active-bg;

@list-group-link-color:          #555;
@list-group-link-heading-color:  #333;

// Panels
// -------------------------
@panel-bg:                    #fff;
@panel-inner-border:          #ddd;
@panel-border-radius:         @border-radius-base;
@panel-footer-bg:             #f5f5f5;

@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

// Thumbnails
// -------------------------
@thumbnail-padding:           4px;
@thumbnail-bg:                @body-bg;
@thumbnail-border:            #ddd;
@thumbnail-border-radius:     @border-radius-base;

@thumbnail-caption-color:     @text-color;
@thumbnail-caption-padding:   9px;

// Wells
// -------------------------
@well-bg:                     #f5f5f5;

// Badges
// -------------------------
@badge-color:                 #fff;
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;

@badge-active-color:          @link-color;
@badge-active-bg:             #fff;

@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;

// Breadcrumbs
// -------------------------
@breadcrumb-bg:               #f5f5f5;
@breadcrumb-color:            #ccc;
@breadcrumb-active-color:     @gray-light;

// Carousel
// ------------------------

@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;

@carousel-indicator-active-bg:                #fff;
@carousel-indicator-border-color:             #fff;

@carousel-caption-color:                      #fff;

// Close
// ------------------------
@close-color:                 #000;
@close-font-weight:           bold;
@close-text-shadow:           0 1px 0 #fff;

// Code
// ------------------------
@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@pre-bg:                      #f5f5f5;
@pre-color:                   @gray-dark;
@pre-border-color:            #ccc;
@pre-scrollable-max-height:   340px;

// Type
// ------------------------
@text-muted:                  @gray-light;
@abbr-border-color:           @gray-light;
@headings-small-color:        @gray-light;
@blockquote-small-color:      @gray-light;
@blockquote-border-color:     @gray-lighter;
@page-header-border-color:    @gray-lighter;

// Miscellaneous
// -------------------------

// Hr border color
@hr-border:                   @gray-lighter;

// Horizontal forms & lists
@component-offset-horizontal: 180px;

// Container sizes
// --------------------------------------------------

// Small screen / tablet
@container-tablet:            ((720px + @grid-gutter-width));

// Medium screen / desktop
@container-desktop:           ((940px + @grid-gutter-width));

// Large screen / wide desktop
@container-lg-desktop:        ((1140px + @grid-gutter-width));

error: pathspec 'less/variables.less' did not match any file(s) known to git


Converting business to less

Converting business to less

/* Business
-------------------------------------------------- */
section#business {

    .business-ingress {
        margin-bottom:20px;

        >p {
            .ingress;
        }
    }

    .contact-buttons {
        margin:0 auto;
    }

    .business-text {
        margin-bottom:30px;

        p {
            font-weight:400;
        }
    }

    h5 {
        color:#2fa3d3;
        font-weight:600;
    }

    h3 {
        font-weight:600;
        font-size:20px;
    }

    .expander {
        text-align:center;
    }

    .sale-box {
        text-align:left;
    }
}

error: pathspec 'static/less/business.less' did not match any file(s) known to git


Changes default variables file

Changes default variables file

//
// Variables
// --------------------------------------------------

@import "@{symfony-vendor-dir}/fortawesome/font-awesome/less/variables.less";

@fa-font-path: "/%sonatra_bootstrap.assetic.font_output%";


added:

added:

@input-line-height: 1.7; // Used for input controls.
@button-line-height: 1.7; // Used for buttons.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


high z-index insures modal is at top

high z-index insures modal is at top

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Thinkful/ui.git/'


Remove find-and-replace marker css

Remove find-and-replace marker css

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/nviel/nico-syntax.git/'


added dark subclass

added dark subclass


LOOKS: Add errors.less into errors/ directory

fatal: unable to access 'https://github.com/final-year-project/doubtfire-web.git/': The requested URL returned error: 403


fix data not found message top gap

fix data not found message top gap

fatal: unable to access 'https://github.com/xaun/impac-angular.git/': The requested URL returned error: 403


expands multiselect-project & project_name column

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/stxnext/intranet-open.git/'


+ added modal.bootbox.less.

+ added modal.bootbox.less.

.bootbox.modal .modal-dialog {width: 400px;}

error: pathspec 'src/less/modules/modals.bootbox.less' did not match any file(s) known to git