.flexRow {
	display: flex; /* or inline-flex */
	display: -ms-flexbox;
	flex-direction: row;
	-ms-flex-align: center;
	flex-wrap: wrap;	
}

#filterSegment, #changeSegment {
	background:#FFF;
}

.customer-dropzone {
	border: 4px #aaa dashed;
	background: transparent;
	width: 100%;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s linear;
	margin: 20px;
	cursor: pointer;
}

.dz-preview, .dz-file-preview {
	display: none;
}

.customer-dropzone .dz-message {

}

.customer-dropzone:HOVER {
	background: #eee;
}

.customer-dropzone .dz-message {
	margin: 0 !important;
	padding: 0 !important;
}

textarea.popupInput {
	width:100%;
	border:none;
	border-radius:0;
	padding: 0 1em;
	font-weight:400;
}

p.customerListDetails {
	font-size:0.7em;
}

p.customerListSegment {
	font-size:0.6em;
}

textarea.popupInput:focus, input.popupInput:focus {
	border-color: transparent !important;
	box-shadow: 0 0 0 0px transparent !important;
}

.customerDetails span.inlineParagraph {
	margin:0;
	font-size:inherit;
	display:inline;
}

span.segmentName {
	font-size:0.75em;
	color:rgba(255,255,255,0.6);
}

.avatar {
	margin-left:0.8em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	width:70px;
	height:70px;
	display: flex;
}

.openCustomerRow .segmentName {
	min-width:70px;
	text-align:right;
	color:#888;
}

.width100 {
	width:100%;
}

input.popupInput, select.popupInput {
	font-weight:400;
	width:100%;
	border-radius: 8px;
	padding: 0 1em;
}

textarea.popupInput2 {
	font-weight:400;
	width:100%;
	border-radius: 18px;
	padding: 0 1em;
	margin-bottom:1em;
}

#articleHeader.popupInput, #pageHeader.popupInput {
	font-size: 20px;
}

#actionPopup, #alertPopup, #newAlertPopup, #deleteAlertPopup, #segmentList, #segmentActions, #articlePopup, #pagePopup, #articleEditPopup, #pageEditPopup {
	display:none;
	background:#FFF;
	width:90%;
  max-width:600px;
  border-radius:8px;
  overflow:hidden;
}

.alert-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	line-height: 1;
	flex-wrap: nowrap;
	margin-bottom: 12px;
}

.alert-row span {
	font-size: 10px;
	font-style: italic;
}

.actionPopupActions{
	padding:1em;
}

.delete-alert {
	min-width: 92px;
}

#actionPopup button.button {
	width: 100% !important;
	border-radius: 0;
	line-height:30px;
	height:55px;
	margin-top:0.7em;
}

#newCustomerPopup {
	margin-top:4em;			
	margin-bottom:2em;			
	display:none;
	background:#FFF;
	width:100%;
	max-width:800px;
}

.flexRow label {
	margin:0.5em 0 0 0;
}

#gradient, #gradient2, #gradient3 {
	background: -webkit-linear-gradient(left top, transparent, rgba(0,0,0,0.5)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, transparent, rgba(0,0,0,0.5)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, transparent, rgba(0,0,0,0.5)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, transparent,rgba(0,0,0,0.5)); /* Standard syntax */	
}

.nowrap {
	flex-wrap: nowrap !important;
}

.flexRow.events, .flexRow.quote {
	flex-wrap: nowrap;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
}

.flexRow.events {
  border-radius: 8px !important;
}

#apartmentActions .flexRow.events {
  border-radius: 0 !important;
}


.flexColumn {
	display: flex; /* or inline-flex */
	display: -ms-flexbox;
	flex-direction: column;
	justify-content: space-between;
}

.tabsi span {
  font-family: 'Quicksand', sans-serif !important;
}

.customertab input, .customertab textarea, .customertab select {
  border-radius: 8px;
}

.customertab label {
  margin-left: 0;
	padding-left: 0;
}

.iconwrap {
	width:50px;
}

.flexed {
	margin: auto;
}

.flexed-flex {
  flex: 1;
}

.flexed-title {
  width: 194px;
}

.vertFlexed {
	margin-top: auto;
	margin-bottom: auto;
}

.flex75{
	width:75%;
	padding:0.3em 1em;
}

.flex70{
	width:70%;
	padding:0.3em 1em;
}

.flex60{
	width:60%;
	padding:0.3em 1em;
}

.flex15, .flex1555{
	width:15%;
	padding:0.3em 1em;
}

.flex50{
	width:50%;
	padding:0.3em 1em;
}

.flex5{
	width:5%;
	padding:0.3em 1em;
}

.flex10{
	width:10%;
	padding:0.3em 1em;
}

.flex20{
	width:20%;
	padding:0.3em 1em;
}

.flex30{
	width:30%;
	padding:0.3em 1em;
}

.flex33{
	width:33.33%;
	padding:0.3em 1em;
}

.flex40, .flex4045{
	width:40%;
	padding:0.3em 1em;
}
.flex45{
	width:45%;
	padding:0.3em 1em;
}

.flex25{
	width:25%;
	padding:0.3em 1em;
}

.flexed-alignleft {
	margin-left: 15px;
}

.flexed-alignright {
	margin-right: 20px;
}

.flex100 {
	width:100%;
	padding:0.3em 1em;	
}

.noMargin {
	padding: 0;
	margin:0 !important;
}

#customerLoader {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.80);
	display: flex;
	justify-content: center;
	align-items: center;
}

#customerLoader > div {
	width: 220px;
	text-align: center;
}

#customerLoader > div p {
	margin-bottom: 8px;
}

#actionToolbar, #customerImage, #invoiceToolbar, #divisionToolbar {
	color: #FFFFFF;
	font-weight:400;
}

#actionToolbar i, #customerImage i, #invoiceToolbar i, #divisionToolbar i {
	color: #ffffff;
	padding:1em;
	font-size:20px;
}
.paddingRight {
	padding-right:1.5em;
}
button:focus {outline:0;}

.customerName.flexed {
	font-size:20px;
	padding:1em;
	text-align:left;
	margin:auto auto auto 1em;
}
.actionTitle.flexed {
	font-size: 17px;
	padding: 1em;
	text-align: left;
	margin: auto auto auto 0em;
	line-height: 18px;
}

.customerDetails, .events {
	border-top:1px #eee solid;
  font-size:18px;
  padding-left: 0;
}

.customerDetails:first-child, .events:first-child{
	border-top: none;
}

.hover:HOVER {
	background:rgba(0,0,0,0.10);
	cursor: pointer;
}

.noHover:HOVER {
	background: transparent !important;
	cursor: initial !important;
}
.firstVerticalBorder{
	width: 25%;
}

.verticalBorder {
	width:25%;
	border-left: 1px #eee solid;
}

#tapahtumat, #laskut, #muokkaa, #segmentActions, #segmentList {
	display:none;
}
#selectCustomerFromList, #emailCopied {
	background:#FFF;
	display:none;
	padding:2em;
}

.openCustomerRow {
	background:#FFF;
}

.openCustomerRow.selectedCustomer {
	background:#FFF3E0;
	border-left:5px #FF9800 solid;
	border-top:1px #FFE0B2 solid;
}

.openCustomerRow.selectedCustomer:HOVER {
	background:#FFE0B2;
}


.img-circle{
	border-radius: 50%;
	margin-left:3em;
	width:150px;height:150px;
	background-size: cover;
	background-repeat: no-repeat;
	cursor:pointer;
}

.img-circle-customerList{
	border-radius: 50%;
	width:70px;
	height:70px;
	background-image: url("../img/helmi_avatar.png");
    background-color: #cccccc;
	background-size: cover;background-repeat: no-repeat;
}

.fileUpload input.upload {
	position: absolute;
	height:100%;
	width:100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}	

.flexRow.namerow{
	margin-bottom:1.5em;	
	margin-top:-1.5em;
}

#customerImage button {
	margin-bottom: 0px;
	border-radius: 0;
	border: none !important;
	color:rgba(255,255,255,0.5) !important;
}

#customerImage button i, #actionToolbar button i, #invoiceToolbar button i, #divisionToolbar button i {
	color:rgba(255,255,255,0.5) !important;	
}

#customerImage button:HOVER{
	border-bottom: 3px rgba(255,255,255,0.6) solid !important;
	color:rgba(255,255,255,0.6) !important;
}

#customerImage button.active {
	border-bottom: 3px #FFF solid !important;
	color:rgba(255,255,255,1) !important;
}
#customerImage button.active i {
	color:rgba(255,255,255,1) !important;	
}

.customerDetails p {
	margin:0;
	line-height:18px;
	font-weight:400;
}

.customerDetails span {
	font-size:12px;
}

.events p {
	margin:1em 1em 1em 0em;
	line-height:16px;
	font-size:16px;
	font-weight:400;
}

.events span {
	font-size:12px;
}

#apartmentLink, #apartmentLink:HOVER {
	color: rgb(100, 100, 100) !important;
}

.events:HOVER, .customerDetails:HOVER {
	background:rgba(0,0,0,0.10);
	cursor: pointer;
}

.customerIcon {
	color: #0094be;	
	text-align:center;
}

.expenseIcon {
	color: #FFAA00;	
	text-align:center;
}

.normalIcon {
	text-align:center;	
}

.events .normalIcon i {
	color: #888888;	
	padding-top:1.3em;
	padding-bottom:1.3em;
	font-size:22px;
}

.asiakasrekinput {
	background:#FFF !important;
}

.customerDetails i , .events i{
	color: #0094be;	
	padding-top:1.3em;
	padding-bottom:1.3em;
	font-size:22px;
}

.events i.fa-home {
	color: rgb(100, 100, 100) !important;
}

.events .expenseIcon i {
	color: #FFAA00;
}

.notes {
	padding:1em 1em 1em 0em;
	font-size:14px;
}

#asiakasmuokkaus, #toiminnot{
	display:none;
}

.nopadding{
	padding:0 !important;
}

.hiddenlasku1, .hiddenlasku2, .hiddenlasku3 {
	display: none;
}

.asiakaslinkit a {
	color:#444;
	font-size:0.8em;
	display:inline-block;
	padding:0.3em 1.7em;
	margin:0;
	background:#ddd;
	border-bottom:none;
}

.asiakaslinkit a:HOVER{
	color:#000 !important;
}

a.asiakasactive {
	background:#FFF;
}

#aspopup{
width:800px;
display:none;
}

.asiakascontainer {
	padding:2em;
	font-size:0.8em;
}

.rekistericont {
	background: #fff; padding: 2em;
}

#customerImage i.closeCustomerPopup, #actionToolbar i, #invoiceToolbar i, #divisionToolbar i {
	color: rgba(255,255,255,0.7);
	cursor: pointer;
}

#customerImage i.closeCustomerPopup:HOVER, #actionToolbar i:HOVER, #invoiceToolbar i:HOVER, #divisionToolbar i:HOVER {
	color: rgba(255,255,255,1);
}

.topborder.events:first-child {
	border-top: 1px #eee solid !important;
}

@media screen and (max-width: 1280px) {

  .flexed-title {
    width: 140px;
  }
}

@media screen and (max-width: 980px) {

#toiminnot {
	padding-bottom: 0.8em;
	padding-top: 0.8em;
}

.lisaahenkilo.button.fit{
	margin: 0em 0 1em 0;
}

.bottomborder{
	border-bottom: 1px #eee solid;
}

#actionPopup, #newCustomerPopup {
	margin-top:0;				
	margin-bottom:0;				
	min-height:100%;
}		

.flexRow.namerow{
	margin-bottom:0em;
}


.flexed .button {
	width:72px;
	height:58px;
}

.flexRow .actions {
	width:100%;
	padding-left:1em;
}

.tabsi {
	width:100%
}

.mobile100{
	width:100%;
}

.img-circle{
	padding-left:0;
	margin-left:auto;
	margin-right:auto;
}

.customerName.flexed {
	font-size:18px;
	padding:1em;
	text-align:center;
	margin:auto auto auto auto;
}

.flex1555 {
	width: 55%;
	padding:0em 1em 0em 0em;	
}

.flex4045 {
	width: 45%;
	padding:0em 1em;	
}

.flex70, .flex75, .flex30, .flex33, .flex40, .flex60, .flex50, .flex25, .flex20, .flex15, .flex10, .flex5 {
	padding:0em 1em;
	width:100%;
}

.verticalBorder {
	width: 100%;
	border-left:none;
	border-top: 1px #eee solid;
}
.firstVerticalBorder {
	width:100%;
}

.rekistericont {
	padding: 1em;
}

#aspopup{
width:100%;
left:0 !important;
}

.asiakaslinkit a {
	width:33.3%;
}

.asiakascontainer {
	padding:1em;
}

}

#aspopup p{
	font-size:0.9em;
	margin-bottom:0.8em;
}

#aspopup table{
table-layout:fixed;
font-size:0.8em;	
}