@font-face {
	font-family: 'Source Sans Pro';
	src: url('../fonts/SourceSansPro-Regular.eot');
	src: url('../fonts/SourceSansPro-Regular.eot%3F') format('embedded-opentype'),
	url('../fonts/SourceSansPro-Regular.woff') format('woff'),
	url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url('../fonts/SourceSansPro-Semibold.eot');
	src: url('../fonts/SourceSansPro-Semibold.eot%3F') format('embedded-opentype'),
	url('../fonts/SourceSansPro-Semibold.woff') format('woff'),
	url('../fonts/SourceSansPro-Semibold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.lead {
	margin-bottom:0px !important;
}

html:not(.mac) {

	::-webkit-scrollbar {
		width: 10px;
	}

	::-webkit-scrollbar-track {
		box-shadow: inset 0 0 10px 10px transparent;
		border: solid 3px transparent;
	}

	::-webkit-scrollbar-thumb {
		box-shadow: inset 0 0 10px 10px #888;
		border: solid 3px transparent;
		border-radius: 5px;
	}

}

body, html {
	font-family: 'Source Sans Pro';
	color: #706f6f;
	font-weight: normal;
	letter-spacing: 0.25px;
}

.fa-fw {
	text-align: center;
    width: 1.25em;
    margin-right: 3px;
}

a.disabled {
	pointer-events: none;
	color: gray;
	text-decoration: none;
}

.selectize-dropdown:not(.customDesign) > .selectize-dropdown-content div {
	color: #706f6f !important;
	padding: 7px 7px 7px 11px !important;
}

.selectize-dropdown:not(.customDesign) > .selectize-dropdown-content:not(.customDesign) div.active {
	background-color: #706f6f !important;
	color: #fff !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a,
a:focus,
a:hover {
	outline: 0;
	text-decoration: none;
	color: #1f79b9;
}

p {
	margin: 0px;
}

form h4 {
	margin-top: 20px;
	margin-bottom: 20px;
}

form h4:first-of-type {
	margin-top: 0px;
}

#dimmer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 60;
	background: rgba(0, 0, 0, 0.3);
}

#dimm {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 60;
	background: rgba(0, 0, 0, 0.3);
}

blockquote {
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	padding: 0 25px 0 30px;
	margin: 0 0 0 5px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	border-left: 0;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 40px;
	position: absolute;
	left: 0px;
	top: -8px;
	color: #7a7a7a;
}

blockquote:after {
	display: block;
	content: "\201D";
	font-size: 40px;
	position: absolute;
	right: 0px;
	top: 100%;
	margin-top: -35px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 12px;
	display: block;
	margin-top: 2px;
}

blockquote cite:before {
	content: "\2014 \2009";
}

input[type=submit], input[type=button], label[for] {

	cursor: pointer;

}

.example {
	color: #aaa;
}

#header {
	width: 1000px;
	margin: 0 auto;
}

#wrapper {
	margin: 5px auto 10px auto;
	width: 1040px;
}

#page {
	margin: 0 auto;
	/*width:1000px;*/
	width: 100%;
}

#main {

	padding: 10px;

}

.left, .pull-left {
	float: left;
}

.right, .pull-right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
	clear: both;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

a.text-primary,
a.text-primary:hover,
a.text-primary:active,
a.text-primary:visited {
	color: #706f6f !important;
}

.greenColor {

	color: #52b866;

}

.greenBackgroundColor {

	background-color: #52b866;

}

.redColor {

	color: #FF6161;

}

.redBackgroundColor {

	background-color: #FF6161;

}

.yellowColor {

	color: #d1d722;

}

.orangeColor {

	color: #FFBF00 !important;

}

.green {

	color: #8c9b49 !important;

}

.red {

	color: #b05d5a !important;

}

.redBackground {

	background-color: #FFBDBD !important;

}

.blue {

	color: #4099E3;

}

.lightblue {

	background-color: #F5FCFF !important;

}

.lightblue2 {

	background-color: #d9edf7 !important;

}

.lightgrey2 {

	background-color: #eeeeee !important;

}

.lightgrey {

	background-color: #dddddd !important;

}

.bold {

	font-weight: bold;

}

.italic {

	font-style: italic;

}

.black {

	color: #000;

}

.white-background {

	background-color: #fff;

}

.hidden {

	display: none !important;

}

img {

	border: 0px;

}

.smalldesc {

	color: #aaa;
	font-size: 10px;

}

.roundbottom {

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;

}

.no-wrap {
	white-space: nowrap;
}

.round {

	-moz-border-radius: 10px;
	bkit-border-radius: 10px;
	khtml-border-radius: 10px;
	border-radius: 10px;
	text-align: center;

}

.round2 {

	-moz-border-radius: 20px;
	bkit-border-radius: 20px;
	khtml-border-radius: 20px;
	border-radius: 20px;
	text-align: center;

}

.align-middle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.wrap {

	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */

}

hr {

	margin: 0px;

}

/* facilioo delivery style (push/mail/epost) */
.notificationPacketType .panel-body.active .fa-circle {
	color: #2AB573;
}

.notificationPacketType .panel-body:not(.active) .fa-circle {
	color: #9e9e9e;
}

.disabledDiv {
	pointer-events: none;
	padding: 9px;
}

.visible {
	pointer-events: all !important;
	opacity: 1;
}

.table th.sortable {

	cursor: pointer;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 3px 15px;

}

.table th.sortable.both {

	background-image: url(../images/sort_both.png);

}

.table th.sortable.down {

	background-image: url(../images/sort_down.png);

}

.table th.sortable.up {

	background-image: url(../images/sort_up.png);

}

.table-borderless {
	width: 100%;
	max-width: 100%;
}

.table-borderless.padding td {
	padding: 5px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.table th {
	background-color: #f0f0f0;
	font-weight: bold;
}

.table > tbody > tr.table-sub,
.table-hover > tbody > tr.table-sub:hover > td {
	background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
	background-color: transparent;
}

.table-hover > tbody > tr:not(.table-sub,.no-hover):hover > td,
.table-hover > tbody > tr:not(.table-sub,.no-hover):hover > th,
.table-hover > tbody > tr:not(.table-sub,.no-hover):hover > td span,
.table-hover > tbody > tr:not(.table-sub,.no-hover):hover > td a {
	background-color: #706f6f;
	color: #ffffff !important;
}

.table > tbody > tr,
.table > thead > tr,
.table > tfeet > tr {
	height: 40px;
}

.table.table-headless tr:first-child td {
	border-top: 0px;
}

.table:not(.table-borderless) > thead > tr > th,
.table:not(.table-borderless) > tbody > tr > th,
.table:not(.table-borderless) > tfoot > tr > th,
.table:not(.table-borderless) > thead > tr > td,
.table:not(.table-borderless) > tbody > tr > td,
.table:not(.table-borderless) > tfoot > tr > td {
	vertical-align: middle;
	border-top: 1px solid #eee;
}

.background-white {
	background-color: #fff !important;
}

.background-orange {
	background-color: #F3BE44 !important;
}

.background-blue {
	background-color: #3e78b3 !important;
}

.background-yellow {
	background-color: #FEBC12 !important;
}

.background-red {
	background-color: #ca505f !important;
}

.background-light-grey {
	background-color: #eee !important;
}

.background-grey {
	background-color: #ccc !important;
}

.background-green {
	background-color: #2ab573 !important;
}

.background-red2 {
	background-color: #fa944b !important;
}

.color-yellow {
	color: #FEBC12 !important;
}

.color-white {
	color: #ffff !important;
}

.color-red {
	color: #DC465D !important;
}

.color-green {
	color: #2ab573 !important;
}

.helpicon {

	vertical-align: top;

}

.rotate180 {

	-moz-transform: rotate(180deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform: rotate(180deg); /* Safari */
	-o-transform: rotate(180deg); /* Opera */
	-ms-transform: rotate(180deg); /* IE9 */
	transform: rotate(180deg); /* W3C */

}

.rotate0 {

	-moz-transform: rotate(0deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform: rotate(0deg); /* Safari */
	-o-transform: rotate(0deg); /* Opera */
	-ms-transform: rotate(0deg); /* IE9 */
	transform: rotate(0deg); /* W3C */

}

a.small {

	font-size: 11px;

}

.circlesmall {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 5px;
	border: 1px solid #aaa;
}

.circlesmall.red {
	background-color: #F27474;
}

.circlesmall.yellow {
	background-color: #f1e400;
}

.circlesmall.green {
	background-color: #62C959;
}

.circlesmall.blue {
	background-color: #4690c0;
}

.defaultnumbercircle {

	background: #cccccc;
	border-radius: 4em;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	line-height: 3em;
	text-align: center;
	width: 3em;

}

.defaultnumbercircle.red {

	background: #FF5E5E;
	color: #fff !important;

}

.logo {

	border: 1px solid #cccccc;
	padding: 3px;

}

.file {
	padding: 8px 0px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .7) 50% 50% no-repeat;
}

body.loading {
	overflow: hidden;
}

body.loading .modal {
	display: block;
}

.fixed {
	position: fixed;
	top: 0px;
}

/*
 **** ARROWS ****
 */
.arrow {
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 5px;
	border-color: #000;
}

.arrow.arrow-up {
	position: relative;
	top: -3px;
	margin-right: 10px;

	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: transparent !important;

	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: transparent !important;

	border-bottom-width: 5px;
	border-bottom-style: solid;

	border-top-width: 0 !important;
}

.arrow.arrow-down {
	position: relative;
	margin-right: 10px;

	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: transparent !important;

	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: transparent !important;

	border-top-width: 5px;
	border-top-style: solid;

	border-bottom-width: 0 !important;
}

.arrow.arrow-right {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: transparent !important;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: transparent !important;

	border-left-width: 5px;
	border-left-style: solid;

	border-right-width: 0 !important;
}

.arrow.arrow-left {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: transparent !important;

	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: transparent !important;

	border-right-width: 5px;
	border-right-style: solid;

	border-left-width: 0 !important;
}

.arrow.black {
	border-color: #000;
}

.arrow.grey {
	border-color: #757575;
}

.arrow.white {
	border-color: #FFF;
}

.arrow.bim {
	border-color: #4690c9;
}

.arrow.big {
	border-width: 10px;
}

.arrow.normal {
	border-width: 5px;
}

.arrow.small {
	border-width: 4px;
}

.arrow.smaller {
	border-width: 3px;
}

.arrow.tiny {
	border-width: 2px;
}

/*
 * jQuery Chosen
 */
.chosen-container .chosen-results {

	font-size: 11px;

}

.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results-selected li.highlighted {

	background: #4690c9 !important;

}

.chosen-container .chosen-results li.highlighted .company-address,
.chosen-container .chosen-results li.highlighted > div:nth-child(2),
.chosen-container .chosen-results li.highlighted > div > div:nth-child(2) > div:nth-child(2),
.chosen-container .chosen-results li.disabled-result > div:nth-child(2) {

	color: #DDD !important;

}

/* CSS LOADING DOTS */
.dots > span:first-child {
	opacity: 0;
	-webkit-animation: dot 1.3s infinite;
	-webkit-animation-delay: 0.0s;
	animation: dot 1.3s infinite;
	animation-delay: 0.0s;
}

.dots > span:nth-child(2) {
	opacity: 0;
	-webkit-animation: dot 1.3s infinite;
	-webkit-animation-delay: 0.2s;
	animation: dot 1.3s infinite;
	animation-delay: 0.2s;
}

.dots > span:last-child {
	opacity: 0;
	-webkit-animation: dot 1.3s infinite;
	-webkit-animation-delay: 0.3s;
	animation: dot 1.3s infinite;
	animation-delay: 0.3s;
}

@-webkit-keyframes dot {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes dot {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

ul.ui-autocomplete {
	z-index: 10000;
}

.nav-tabs {
	border: 0px;
}

.nav-tabs>li {
	margin-bottom:5px;
}

#tabs,
#tabs > ul {
	border-radius: 4px 4px 0 0;
}

.ui-tabs .ui-tabs-panel {
	padding: 15px 5px !important;
}

.placeholder {
	color: #aaa;
}

div.ui-widget {
	font-family: Verdana;
	font-size: 12px;
}

#documentsUpload {

	div.qq-upload-button {
		color:#fff;
	}

}

.gly-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

div.qq-upload-button-hover {
	color: #FFF;
}

.qq-upload-list {
	list-style-type: none !important;
}

div.qq-upload-button {
	background: transparent;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 0;
	position: relative;
	padding: 0px;
	width: auto !important;
	color: #706f6f;
}

/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}

.bs-callout h4 {
	margin-top: 0;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
	background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
}

.bs-callout-warning {
	background-color: #fefbed;
	border-color: #f1e7bc;
}

.bs-callout-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}

.bs-callout-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.bs-callout-primary {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}

.spacer {
	margin-top: 15px;
	margin-bottom: 15px;
}

.spacer-small {
	margin-top: 8px;
	margin-bottom: 8px;
}

/*************************************************
********** BOOTSTRAP-SELECT **********************
*************************************************/

.bootstrap-select.form-control {
	height: auto;
}

.bootstrap-select.form-control .btn {
	background: #FFF;
}

.bootstrap-select .dropdown-menu a.opt .text small {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bootstrap-select .dropdown-menu .dropdown-header {
	font-size: 16px;
}

.bootstrap-select .dropdown-menu .subgroup,
.bootstrap-select .dropdown-menu .subgroupundefined {
	font-size: 15px;
	color: #777;
	cursor: default !important;
}

.bootstrap-select.hasSubGroups .dropdown-menu a.opt:not(.subgroup):not(.subgroupundefined) {
	text-indent: 20px;
}

.vertical-center {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.separator-bullet {
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #CCC;
	margin: 0 5px;
	vertical-align: middle;
}

.jqifade {
	opacity: 0.5 !important;
}

/************************************
************* TEXT ******************
************************************/
.text-orange {
	color: #fbba16;
}
.border-text-orange {
	border: 2px solid #fbba16;
}

.border-text-gray {
	border: 2px solid #706f6f;
}

/*
* Bootstrap 3 XL CSS Grid
*
* Bootstrap 3 XL CSS Grid addition for big and retina screens coverage
*
* Extends Bootstrap v3 by:
* Adding col-xl (1600+), col-xxl (1920+), col-xxxl (2560+)
* Adding visible and hidden options for all three
* Optionally limiting visible-lg, hidden-lg (1200+) classes to max 1600px
* Optionally increasing container fixed width for all three screen sizes
*
* Copyright 2014 Arnis Puskeiris (apbyte, arnico)
* Licensed under the MIT License
* http://opensource.org/licenses/MIT
*/

/* ==========================================================================
   Fix visible-lg and hidden-lg for resolutions over 1600px
   Remove if don't want to use
   ========================================================================== */
@media (min-width: 1600px) {
	.visible-lg {
		display: none !important;
	}

	.hidden-lg {
		display: block !important;
	}

	table.hidden-lg {
		display: table;
	}

	tr.hidden-lg {
		display: table-row !important;
	}

	th.hidden-lg,
	td.hidden-lg {
		display: table-cell !important;
	}
}

/* ==========================================================================
   Set containers fixed sizes for >1600px, >1920px, >2560px
   Remove all if don't want to use big fixed sizes for all blocks
   You still can use cols with .container-fluid blocks
   ========================================================================== */
@media (min-width: 1600px) {
	.container {
		width: 1530px;
	}
}

/* ==========================================================================
   col-xl, col-xxl, col-xxxl setup.
   Don't remove anything below this line
   ========================================================================== */

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 1600px) {
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		float: left;
	}

	.col-xl-12 {
		width: 100%;
	}

	.col-xl-11 {
		width: 91.66666667%;
	}

	.col-xl-10 {
		width: 83.33333333%;
	}

	.col-xl-9 {
		width: 75%;
	}

	.col-xl-8 {
		width: 66.66666667%;
	}

	.col-xl-7 {
		width: 58.33333333%;
	}

	.col-xl-6 {
		width: 50%;
	}

	.col-xl-5 {
		width: 41.66666667%;
	}

	.col-xl-4 {
		width: 33.33333333%;
	}

	.col-xl-3 {
		width: 25%;
	}

	.col-xl-2 {
		width: 16.66666667%;
	}

	.col-xl-1 {
		width: 8.33333333%;
	}

	.col-xl-pull-12 {
		right: 100%;
	}

	.col-xl-pull-11 {
		right: 91.66666667%;
	}

	.col-xl-pull-10 {
		right: 83.33333333%;
	}

	.col-xl-pull-9 {
		right: 75%;
	}

	.col-xl-pull-8 {
		right: 66.66666667%;
	}

	.col-xl-pull-7 {
		right: 58.33333333%;
	}

	.col-xl-pull-6 {
		right: 50%;
	}

	.col-xl-pull-5 {
		right: 41.66666667%;
	}

	.col-xl-pull-4 {
		right: 33.33333333%;
	}

	.col-xl-pull-3 {
		right: 25%;
	}

	.col-xl-pull-2 {
		right: 16.66666667%;
	}

	.col-xl-pull-1 {
		right: 8.33333333%;
	}

	.col-xl-pull-0 {
		right: 0;
	}

	.col-xl-push-12 {
		left: 100%;
	}

	.col-xl-push-11 {
		left: 91.66666667%;
	}

	.col-xl-push-10 {
		left: 83.33333333%;
	}

	.col-xl-push-9 {
		left: 75%;
	}

	.col-xl-push-8 {
		left: 66.66666667%;
	}

	.col-xl-push-7 {
		left: 58.33333333%;
	}

	.col-xl-push-6 {
		left: 50%;
	}

	.col-xl-push-5 {
		left: 41.66666667%;
	}

	.col-xl-push-4 {
		left: 33.33333333%;
	}

	.col-xl-push-3 {
		left: 25%;
	}

	.col-xl-push-2 {
		left: 16.66666667%;
	}

	.col-xl-push-1 {
		left: 8.33333333%;
	}

	.col-xl-push-0 {
		left: 0;
	}

	.col-xl-offset-12 {
		margin-left: 100%;
	}

	.col-xl-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-xl-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-xl-offset-9 {
		margin-left: 75%;
	}

	.col-xl-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-xl-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-xl-offset-6 {
		margin-left: 50%;
	}

	.col-xl-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-xl-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-xl-offset-3 {
		margin-left: 25%;
	}

	.col-xl-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-xl-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-xl-offset-0 {
		margin-left: 0;
	}
}

.visible-xl {
	display: none !important;
}

@media (min-width: 1600px) {
	.visible-xl {
		display: block !important;
	}

	table.visible-xl {
		display: table;
	}

	tr.visible-xl {
		display: table-row !important;
	}

	th.visible-xl,
	td.visible-xl {
		display: table-cell !important;
	}
}

@media (min-width: 1600px) {
	.hidden-xl {
		display: none !important;
	}
}

.goToLink {

	cursor: pointer;

}

.tab-content {

	margin: 30px auto;

}

.text-bold,
.control-label {
	font-weight: bold;
}

.register-circle {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background-color: #f0f0f0;
	margin: 0px auto;
	padding-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align: center;
}

.register-circle.green {
	background-color: #2ab573;
	color: #fff !important;
}

#activateForm .register-circle {
	padding-top: 17px !important;
}

.btn-group > .btn.btn-default.radius-left {
	border-top-left-radius: 18px !important;
	border-bottom-left-radius: 18px !important;
}

.btn-group > .btn.btn-default.radius-right {
	border-top-right-radius: 18px !important;
	border-bottom-right-radius: 18px !important;
}

.value-completion-container {
	position: relative;
}

.value-completion {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 4;
	background: transparent !important;
	width: calc(100% - 30px);
}

.value-completion-shadow {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 3;
	background: transparent !important;
	width: calc(100% - 30px);
}

.userProfileImage {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #eeeeee;
	font-size: 35px;
	text-align: center;
	line-height: 85px;
	margin: 0 auto;
}

.userProfileImageSmall {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #eeeeee !important;
	font-size: 11px;
	text-align: center;
	line-height: 26px;
	color: #706f6f !important;
	margin-right: 3px;
}

.userProfileImageLogo {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #eeeeee;
	font-size: 18px;
	text-align: center;
	line-height: 44px;
	margin-left: 3px;
}

.picContainer:hover {
	opacity: 0.6;
	z-index: 501;
}

.picContainer :hover + i {
	display: inline;
	z-index: 200;
	margin: 33px 0 0 -62px;
	position: absolute;
	color:#000000;
}

.picContainer img :hover :before {
	display: inline;
	z-index: 200;
	margin: 33px 0 0 -62px;
	position: absolute;

	color:#3c3a3a
}
.userIcon{
	margin: 58px 0 0 -33px;
	position: absolute;
	font-size: 22px;

}
.uploadProfilePic {
	margin: 33px 0 0 -62px;
	position: absolute;
	display: none;
}
.uploadProfilePic:hover{
	display: inline;
}

.btn-icon {
	margin-right:5px;
}

.profile-pic-25 {
	border-radius: 50px;
	width: 25px;
	height: 25px;
}
.profile-pic-150 {
	border-radius: 75px;
	width: 150px;
	height: 150px;
}
.profile-pic-97 {
	border-radius: 50px;
	width: 97px;
	height: 97px;
}
.profile-pic-85 {
	border-radius: 50px;
	width: 85px;
	height: 85px;
}
.profile-pic-40 {
	border-radius: 50px;
	width: 40px;
	height: 40px;
}
.profile-pic-30 {
	border-radius: 50px;
	width: 30px;
	height: 30px;
}

/******************************************************
************* BUTTONS *********************************
******************************************************/
.btn {
	font-size: 14px;
	font-weight: bold;
	background-image: none;
	font-weight: bold;
}

.btn:not(:last-child) {
	margin-right: 15px;
}

.btn-group .btn:not(:last-child) {
	margin-right: 0;
}

.btn:not(.dropdown-toggle) {
	border-radius: 18px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline-offset: 0px;
	outline: 0px;
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/***********************************************************
************* TEXTAREA WITH ICON ***************************
***********************************************************/

.alert-success {
	background: transparent;
	border: 2px solid #2ab573;
	color: #706f6f;
}
.jqistate{
	overflow-y: auto !important;
}

.alert-info {
	background: transparent;
	border: 2px solid #2071ad;
	color: #2071ad;
}

.alert-danger {
	background: transparent;
	border: 2px solid #ca505f;
	color: #ca505f;
}

.alert-info.alert-background {
	background-color:#f3f9ff;
}

.jqimessage .input-group .form-control{
	z-index: 0;
}


.badge-danger {
	background-color:#DC465D;
}
.badge-success {
	background-color:#3c763d;
}
.badge-blue {
	background-color:#0088e4;
}
.badge-black {
	background-color:#283238;
}
.badge-grey {
	background-color:#7a8792;
}
.badge-red {
	background-color:#DC465D;
}
.badge-orange {
	background-color:#FFBF00;
}




/******************************************************
************* BACKGROUND COLORS ***********************
******************************************************/
.bg-fundis-black {
	background-color: #706F6F;
}

.bg-fundis-grey,
.bg-fundis-gray {
	background-color: #BABCBE;
}

.bg-fundis-grey-light,
.bg-fundis-gray-light {
	background-color: #F0F0F0;
}

.bg-fundis-white {
	background-color: #FFF;
}

.bg-fundis-green {
	background-color: #2AB573;
}

.bg-fundis-red {
	background-color: #DC465D;
}

.bg-fundis-yellow {
	background-color: #FEBC12;
}

.bg-fundis-blue {
	background-color: #1F79B9;
}


.col-centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.paragraph-disable-select {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;

}

/*********************************************************
*************     ROUND CIRCLES    ***********************
************* z.B. salutationIndex **********************/
.round {
	display: inline-block;
	border-radius: 50px;
	color: #FFF;
	font-size: 28px;
	padding: 10px 24px;
}

.round-small {
	display: inline-block;
	border-radius: 40px;
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
}

.lineThrough{
	text-decoration: line-through;
}
.documentGroupName.addFlatToLink{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.folders.leftContenet {
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	border-right: 1px solid #ccc;
	height: 750px;
	min-height: 750px;
	max-height: 1400px;
}

.bootstrap-select .dropdown-menu {
	max-width: 100%;
	max-height: 300px;
}

h4.box {
	background-color:#f0f0f0;
	color:#706f6f;
	padding:10px 10px 10px 10px;
	margin-top:0px;
}


h4.box2 {
	margin-bottom:0px;
	padding:0px 0 5px;
	border-bottom: 3px solid #f0f0f0;
	background: #fff;

}

.disable-click {
    pointer-events:none;
}

pre {

	white-space:pre-wrap;

}
.number-container {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	margin: 0px 0 21px 0;
}

.number-container .digit {
	width: 40px;
	height: 40px;
	border: 2px solid #706f6f;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	background-color: #f9f9f9;
	color: #706f6f;
	user-select: none;
	cursor: default;
}