/*Navigation, Header, Sidebar, Page */
/*Comment*/

html {
	font-size: 14px;
}

body {
	min-width: 320px;
	overflow: auto;
	font-size: 1em;

}
h1, .h1 {
    font-size: 1.5em;
    padding: 10px;
}
h2, .h2 {
	font-size: 1.4em;
}
h3, .h3 {
	font-size: 1.3em;
}

.text-right {
    text-align: right;
}

.navbar-default {
    background-color: #fcfcfc;
}
.navbar-default > .sidebar {
	background-color: #ffffff;
}

.top-navbar {
	/*-webkit-box-shadow: 0 6px 4px -4px #777;
	-moz-box-shadow: 0 6px 4px -4px #777;
	box-shadow: 0 3px 4px -4px #777;*/
}

.page-header {
    padding-bottom: 9px;
    margin: 10px 0 10px;
	border-bottom: none;
	background-color: #617e96;
	color: #fff;
}


.fake-anchor:hover {
	color: #23527c;
	text-decoration: underline;
	cursor: pointer;
}
a, .fake-anchor {
    color: #617e96;
    text-decoration: none;
}
a.shortened {
	color: #333;
}
a:hover.shortened , a:focus.shortened, a:active.shortened{
	text-decoration: none;
}
.fc-center  h2 {
	padding-top: 6px;
}
.navbar-default .navbar-brand {
    color: #617e96;
}
.navbar-brand {
    font-size: 2em;
    line-height: 2em;
    padding: 0px 30px 0px 5px;
}
.nav > li.active > a {
	background-color: #617e96;
	color: #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #617e96;
	color: #fff;
}
.nav > li > a.no-bg-hover:hover, .nav > li > a.no-bg-hover:focus, .nav > li > a.user-selection:hover, .nav > li > a.user-selection:focus {
    text-decoration: underline;
    background-color: transparent;
	color: #23527c;
	cursor: pointer;
}
a.bg-tooltip:hover, a.bg-tooltip:focus {cursor: pointer;}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #617e96;
    color: #fff;
}
.nav-tabs.nav-justified  > li > a{
	border: 1px solid #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    cursor: pointer;
	background-color: #617e96;
	border: 1px solid #617e96;
	color: #fff;

}
/*border-bottom-color: transparent; */

.nav-tabs.toggle-view > li > a {
	padding: 3px 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.nav-tabs.toggle-view > li {
	margin-bottom: 6px;
}
.nav-tabs.toggle-view {
	cursor: pointer;
}
.toggle-view-title {
	width: 120px;
}
.nav-tabs.toggle-view-office > li > a, .nav-tabs.toggle-view-settings > li > a {
	color: #34495e;
	border: 1px solid #34495e;
	font-size: 0.8em;

}
.nav-tabs.toggle-view-office > li > a:hover, .nav-tabs.toggle-view-office > li > a:focus, .nav-tabs.toggle-view-office > li.active > a ,
.nav-tabs.toggle-view-settings > li > a:hover, .nav-tabs.toggle-view-settings > li > a:focus, .nav-tabs.toggle-view-settings > li.active > a, .nav-tabs.toggle-view-settings > li > a.active.focus {
	color: #bd1e2c;
	background-color: #fff;
	border: 1px solid #bd1e2c;

}
.nav-tabs.toggle-view-employee > li > a {
	color: #617e96;
	border: 1px solid #617e96;
	font-size: 0.8em;

}
.nav-tabs.toggle-view-employee > li > a:hover, .nav-tabs.toggle-view-employee > li > a:focus, .nav-tabs.toggle-view-employee > li.active > a {
	color: #bd1e2c;
	background-color: #fff;
	border: 1px solid #bd1e2c;
}
.nav-tabs.toggle-view-office {
	margin-bottom: 10px;
}
/*
.navbar-beta h4 {
	display: inline-block;
	border: 2px dotted rgba(189,30,44,0.5) ;
    border-radius: 8px 0px;
    padding: 5px;
	text-transform: uppercase;
	color: #bd1e2c;
	transform: rotate(-15deg);
	font-weight: bold;
	font-size: 0.92em;
	float: left;
}
*/
.navbar-touch h4 {
	display: inline-block;
	border: 2px dotted rgba(97,126,150,1.0) ;
    border-radius: 8px 0px;
    padding: 5px;
	font-style: italic;
	color: #bd1e2c;
	transform: rotate(-9deg);
	font-weight: bold;
	font-size: 0.92em;
	float: left;
}

.navbar-touch-desktop h4 {
	display: inline-block;
	border: 2px dotted rgba(97,126,150,1.0) ;
	border-radius: 8px 0px;
	padding: 2px 3px 1px 3px;
	font-style: italic;
	color: #bd1e2c;
	transform: rotate(9deg);
	font-weight: bold;
	font-size: 0.92em;
	float: left;
}

.navbar-touch-desktop-container {
	position: relative;
}

.navbar-touch-desktop {
	position: absolute;
	top: -20px;
	left: 91px;
}

.navbar-logo {
	float: left;
	margin-top: 9px;
	margin-left: 13px;
}

.navbar-logo-desktop {
	margin-top: 9px;
	margin-left: 5px;
	height: 36px;
	width: auto;
}
.navbar-name {
	color: #617e96;
	display: inline-block;
	margin-top: 10px;
	padding-right: 10px;
	float: left;
	line-height: 1.3em;
	padding-left: 15px;
	border-left: 1px solid #e7e7e7;
}
.navbar-description {
	float: left;
	padding-left: 15px;
}

.desktop-sidebar > .sidebar-nav > .nav > li > a {
	padding: 9px 12px;
}

.fa {padding-right: 10px;}
.fa-chevron-down, .fa-chevron-up, .fa-caret-square-o-down, .fa-caret-square-o-up, .icon-only, .fa-arrows-h, .fa-arrows-v {padding-right: 0px;}
.fa-caret-square-o-down, .fa-caret-square-o-up {color: #555; font-size: 18px !important;}



.pagination > li > a {
	color: #617e96;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus,
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #617e96;
    border-color: #617e96;
}

.margin_top_20 {
	margin-top: 20px;
}

.margin_top_10 {
	margin-top: 10px;
}

.margin_top_15 {
	margin-top: 15px;
}

.margin_top_17 {
	margin-top: 17px;
}

.margin_top_5 {
	margin-top: 5px;
}

.margin_bottom_20 {
	margin-bottom: 20px;
}

.margin_bottom_15 {
	margin-bottom: 15px;
}

.margin_bottom_10 {
	margin-bottom: 10px;
}
.margin_bottom_5 {
	margin-bottom: 5px;
}
.margin_bottom_0 {
	margin-bottom: 0;
}

.margin_left_5 {
	margin-left: 5px;
}

.margin_left_10 {
	margin-left: 10px;
}

.margin_right_5 {
	margin-right: 5px;
}

.margin_right_10 {
	margin-right: 10px;
}

.margin_right_15 {
	margin-right: 15px;
}
.padding_bottom_5 {
	padding-bottom: 5px;
}
.padding_right_2r {
	padding-right: 2rem !important;
}

.half-width {
    width: 50%;
}
.auto-width {
    width: auto;
}

.upload-box {
	min-height: 200px;
}

.global-customer-selection > .inline > .panel {
	width: 130%;
	margin-bottom: 0px;
}


.horizontal-orientation {margin-right: 10px;}

.front-page-panel-body {
	padding: 5px 15px;
	border-bottom: 1px solid #ddd;
}
.front-page-header {
	padding-top: 2px;
    padding-bottom: 10px;
}
.front-page-welcome {
	padding-top: 10px;
}
.front-page-welcome > .panel > .panel-body {
	background-color: #fff;

	/*
	box-shadow:
		0px 1px rgba(230,230,230,1),
		0px 2px rgba(217,217,217,1),
		0px 2px rgba(204,204,204,1),
		0px 8px 4px -4px rgba(119,119,119,1);
	*/

	box-shadow:
		0 1px 1px rgba(0, 0, 0, .05);

}

.panel-default > .panel-heading.front-page-panel-heading {
	background-color: rgba(217,217,217,0.2);
	text-transform: uppercase;

}
.panel-default > .panel-heading.front-page-panel-heading1 {
	background-color: #b1dfff;

	border-color: #b1dfff;

}
.panel-default > .panel-heading.front-page-panel-heading3 {
	background-color: #617e96;

	border-color: #b1dfff;
	color: #fff;

}

.front-page-panel-promo-content {
	padding: 5px;
}

.panel.front-page-panel, .panel.front-page-panel-1 {
	margin-bottom: 10px;
}
.panel.front-page-panel-1 {
	border-color: #b1dfff;
}

.front-page-welcome > .panel-default {
	border-color: #ddd;
	margin-bottom: 10px;
}
.front-page-main-info {
	font-weight: bold;
}
.front-page-additional-info {
	font-size: 0.85em;
}
.front-page-icon {
	padding-left: 10px;
	padding-right: 5px;
}
.front-page-icon-left, .front-page-icon-left:hover {
	color: #999;
}

.front-page-action-info > .front-page-no-services-icon {
	color: #d20000;
	font-size: 3.8em;
	float: left;
	display: block;
}

.front-page-no-services-text {
	font-size: 1.25em;
	font-weight: bold;
	max-width: 530px;
	display: block;
	margin-left: 60px;
}

/* Translation Input Component  */
.container-translation-input {
	display: flex;
	flex-direction: row;
}

.container-translation-input .show-flag {
	display: flex;
	justify-content: center;
	width: 4rem;
}

.container-translation-input .icon-down::before {
	content: "\f0da";
}

.container-translation-input .container-flag {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgrey;
    border-bottom: none;
}

.container-translation-input .flag-size {
	padding: 2px 15px;
    cursor: pointer;
    border-bottom: 1px solid lightgray;
}

.container-translation-input .flag-size:hover {
	background-color: #3ca1c3;
}

.container-translation-input .open {
	height: 100%;
	opacity: 1;
	transition: all 0.2s ease-in;
}

.container-translation-input .closed {
	height: 0;
	opacity: 0;
	transition: all 0.4s ease-in;
}

.container-translation-input .container-list {
	display: flex;
	flex-direction: column;
}

/* END  */

.welcome-user {
	font-weight: bold;
	color: #3c4e5d;
}
.panel-default.keys-panel {
	border: none;
}
.form-group.keys-select {
	padding: 3px 0;
	margin-right: 5px;
}
.form-group.keys-input {
	min-width: 203px;
	padding-left: 2px;
}
.selected-role {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.selected-role-name {
	font-size: 13px;
    border: 1px solid #bd1e2c;
    padding: 6px;
    border-radius: 4px;
	width: 100%;
	color: #bd1e2c;
}
.privileges ul {
	padding-left: 0px;
}
.selected-role .btn {
	margin-bottom: 10px;
}
ul.privilege-list li {
	border-bottom: 1px solid #ddd;
}
.privilege-list-item > .row {
	padding-top: 10px;
}

/* Table */

thead {
	max-width: 100%;
}
tr {
	max-width: 100%;
}


.table.table-small-padding td {
    padding: 2px;
}

/*.headings-full-size > th,*/ .body-full-size > td {
	word-break: break-all;
}

/*
table {
	table-layout: fixed;
}
*/
tbody {
	max-width: 100%;
}
.headings-full-size > th, .headings-tables > th {
	font-size: 0.85em;
}
.body-full-size > td {
	font-size: 0.9em;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    /*background-color: #fcfcfc;*/
	background-color: rgba(217,217,217,0.2);
}

.calendar-header-row {
	background-color: #617e96;
	margin: 12px 0 4px;
}
.calendar-header {
	padding: 5px 0;
	margin: 5px 10px 3px 0px;
	background-color: transparent;
	display: inline-block;
}

.calendar-v3-link {

}
.calendar-v3-link > a{
	color: white;
	display: inline-block;
	font-size: 0.8rem;
	max-width: 70px;
	word-wrap: break-word;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/*
.table > thead > tr > th.search-filter {
		border-bottom: none;
}
*/
th.modal-th-border {
	border-bottom: none !important;
}




/* Input-group buttons */

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
    background-color: #617e96;
}
.input-group-btn:last-child > .btn:hover, .input-group-btn:last-child > .btn:focus {
    margin-left: -1px;
    background-color: #335068;
}
.input-group-btn:last-child > .btn.btn-add {
	background-color: #ffdc00;
	    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	padding-top: 5px;
	padding-bottom: 4px;
}
.input-group-btn:last-child > .btn.btn-add:hover {
	background-color: #ffd10f;
}
.input-group-btn:last-child > .btn.btn-remove {
	background-color: #ea4659;
	    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	padding-top: 5px;
	padding-bottom: 4px;
}
.input-group-btn:last-child > .btn.btn-remove:hover {
	background-color: #e73241;
}

/*.input-group-addon {
	background-color: #617e96;
}
.input-group-addon:hover, .input-group-addon:focus, .input-group-addon:active {
	background-color: #335068;
}*/
.fa-search {
    color: #fff;
}
.glyphicon {
	color: #fff;
}

.input-group > ul > li > .ng-isolate-scope > table > thead > tr > th > .btn-default {
	background-color: #617e96;
	border: hidden;
}
.input-group > ul > li > .ng-isolate-scope > table > thead > tr > th > .btn-default.active,
.input-group > ul > li > .ng-isolate-scope > table > thead > tr > th > .btn-default:hover,
.input-group > ul > li > .ng-isolate-scope > table > thead > tr > th > .btn-default:focus {
	background-color: #335068;
	color: #fff;
}
.input-group > ul > li > .ng-isolate-scope > table > thead > tr > th {
	width: 36px;
}


.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default {
	background-color: #fff;
	color: #777;
	border: 1px solid #eee;
}
.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default.active,
.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default:hover,
.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default:focus {
	background-color: #617e96;
	color: #fff;
}
.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default > .text-info {
	color: #335068;
	font-weight: bold;
}
.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default.active > .text-info,
.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default:hover > .text-info,
.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-default:focus > .text-info {
	color: #fff;
	font-weight: normal;
}
.input-group > ul > li.ng-scope > .btn-group > .btn-info {
	background-color: #fff;
	color: #335068;
	font-weight: bold;
	border: 1px solid #eee;
}
.input-group > ul > li.ng-scope > .btn-group > .btn-info.active,
.input-group > ul > li.ng-scope > .btn-group > .btn-info:hover,
.input-group > ul > li.ng-scope > .btn-group > .btn-info:focus {
	background-color: #335068;
	color: #fff;
	font-weight: normal;
}
.input-group > ul > li.ng-scope > .btn-group > .btn-danger {
	background-color: #bd1e2c;
	color: #fff;
	border: 1px solid #eee;
}
.input-group > ul > li.ng-scope > .btn-group > .btn-danger.active,
.input-group > ul > li.ng-scope > .btn-group > .btn-danger:hover,
.input-group > ul > li.ng-scope > .btn-group > .btn-danger:focus {
	background-color: #8f0000;
}
.input-group > ul > li.ng-scope > .btn-success {
	background-color: #ea4b59;
	color: #fff;
	border: 1px solid #ea4b59;
}
.input-group > ul > li.ng-scope > .btn-success.active,
.input-group > ul > li.ng-scope > .btn-success:hover,
.input-group > ul > li.ng-scope > .btn-success:focus {
	background-color: #bd1e2c;
}



/* Buttons */
/* Huom1. btn-open : padding-right toimii vastakkain muiden painikkeiden kanssa, eli ei mukana ja lisätään .btn-icontext:before luokalla.
Huom2. max 424px leveyteen on olemassa luokka .btn-icon-mobile. Tässä padding-right on 0px. Käytetään, jos mobiilissa jätetään painikkeen teksti pois.*/

.btn {
	background-color: #617e96;
	color: #fff;
	/*border: 1px solid #617e96;*/
}
.btn:hover, .btn:focus, .btn:active, .btn.focus, .btn.active, .open > .dropdown-toggle.btn, .btn:active:focus, .btn.active:focus{
	background-color: #335068;
	color: #fff;
	/*border: 1px solid #335068;*/
	outline: none;
}

.btn-wizard, .btn-wizard:active:focus, .btn-wizard.active:focus, .btn-wizard:active, .btn-wizard.active, .btn-wizard:focus, .btn-wizard.focus, .open > .dropdown-toggle.btn-wizard {
	background-color: #ffffff;
	border: 1px solid #617e96;
	color: #1a1a1a;
	padding: 6px 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-wizard:hover {
	background-color: #f2f2f2;
	border: 1px solid #617e96;
	color: #1a1a1a;
}
.btn-wizard-icon-left:before {
	content: "\f137";
    font-family: FontAwesome;
    color: #1a1a1a;
	padding-right: 10px;
}
.btn-wizard-icon-right:after {
	content: "\f138";
    font-family: FontAwesome;
    color: #1a1a1a;
	padding-left: 10px;
}
.btn-open {
	background-color: #ffffff;
	border: 1px solid #617e96;
	color: #1a1a1a;
	padding: 5px 10px;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}

.btn-refresh-view {
	background-color: #ffffff;
	border: 1px solid #617e96;
	color: #1a1a1a;
	padding: 6px 12px;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-open:hover, .btn-open:focus, .btn-open:active, .btn-open.focus, .btn-open.active,
.open > .dropdown-toggle.btn-open, .btn-open:active:focus, .btn-open.active:focus,
.btn-admin:hover, .btn-admin:focus, .btn-admin:active, .btn-admin.focus, .btn-admin.active,
.open > .dropdown-toggle.btn-admin, .btn-admin:active:focus, .btn-admin.active:focus,
.btn-refresh-view:hover, .btn-refresh-view:focus, .btn-refresh-view:active, .btn-refresh-view.focus, .btn-refresh-view.active,
.open > .dropdown-toggle.btn-refresh-view, .btn-refresh-view:active:focus, .btn-refresh-view.active:focus {
	background-color: #f2f2f2;
	border: 1px solid #617e96;
	color: #1a1a1a;
}
.btn-refresh-view:before {
    content: "\f021";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 14px;
}
.btn-open-icononly:before {
    content: "\f07c";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}
.btn-print-icononly:before {
    content: "\f02f";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}
.btn-invoice-icononly:before {
    content: "\f15c";
    font-family: FontAwesome;
    color: #000000;
    font-size: 12px;
}
.fa-icon-del:before {
    content: "\f1f8";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}
.fa-icon-rel:before {
    content: "\f0e2";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}
.fa-icon-lock:before {
    content: "\f023";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 12px;
}
.fa-icon-unlock:before {
    content: "\f09c";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 12px;
}
.fa-icon-invoice:before {
    content: "\f15c";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 12px;
}
.fa-icon-invoice-black:before {
    content: "\f15c";
    font-family: FontAwesome;
    color: #000000;
    font-size: 12px;
}
.fa-icon-add:before {
    content: "\f0fe";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 12px;
}
.btn-copy-icononly:before {
    content: "\f0c5";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}
.btn-calendar-icononly:before {
    content: "\f073";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}
.btn-text-icononly:before {
    content: "\f0f6";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}
.btn-restore-icononly:before {
    content: "\f0e2";
    font-family: FontAwesome;
    color: #ffffff;
    font-size: 12px;
}
.btn-email-icononly:before {
    content: "\f0e0";
    font-family: FontAwesome;
    color: #777;
    font-size: 12px;
}
.btn-icontext:before {
	padding-right: 10px;
}
.btn-open-icon:before {
    content: "\f07c";
    font-family: FontAwesome;
    color: #1a1a1a;
    padding-right: 10px;
}
.btn-more {
	background-color: #ffffff;
	border: 1px solid #617e96;
	color: #1a1a1a;
	/*padding: 5px 10px;*/
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-more:hover, .btn-more:focus, .btn-more:active, .btn-more.focus, .btn-more.active, .open > .dropdown-toggle.btn-more, .btn-more:active:focus, .btn-more.active:focus {
	background-color: #f2f2f2;
	border: 1px solid #617e96;
	color: #1a1a1a;
}
.btn-more-icononly:before {
    content: "\f150";
    font-family: FontAwesome;
    color: #1a1a1a;
    font-size: 12px;
}

.btn-more-icon:before {
    content: "\f150";
    font-family: FontAwesome;
    color: #1a1a1a;
    padding-right: 10px;
}

.btn-close, .btn-cancel {
	background-color: #3498db;
	border: 1px solid #3498db;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;

}
.btn-close:hover, .btn-close:focus, .btn-close:active, .btn-close.focus, .btn-close.active, .open > .dropdown-toggle.btn-close, .btn-close:active:focus, .btn-close.active:focus,
.btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.focus, .btn-cancel.active, .open > .dropdown-toggle.btn-cancel, .btn-cancel:active:focus, .btn-cancel.active:focus {
	background-color: #2691d9;
	border: 1px solid #2691d9;
}
.btn-close-icon:before, .btn-cancel-icon:before {
	content: "\f00d";
    font-family: FontAwesome;
    color: #ffffff;
	padding-right: 10px;
}
.btn-close-icononly:before {
	content: "\f00d";
    font-family: FontAwesome;
    color: #ffffff;
}
.btn-ok {
	background-color: #009945;
	border: 1px solid #009945;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-ok:hover, .btn-ok:focus, .btn-ok:active, .btn-ok.focus, .btn-ok.active, .open > .dropdown-toggle.btn-ok, .btn-ok:active:focus, .btn-ok.active:focus {
	background-color: #008f40;
	border: 1px solid #008f40;
}
.btn-add {
	background-color: #ffdc00;
	border: 1px solid #ffdc00;
	color: #1a1a1a;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add.focus, .btn-add.active, .open > .dropdown-toggle.btn-add, .btn-add:active:focus, .btn-add.active:focus {
	background-color: #ffd10f;
	border: 1px solid #ffd10f;
	color: #1a1a1a;
}
.btn-add-icon:before {
	content: "\f067";
    font-family: FontAwesome;
    color: #1a1a1a;
	padding-right: 10px;
}
.btn-add-icononly:before {
	content: "\f067";
    font-family: FontAwesome;
    color: #1a1a1a;
}
.btn-remove-icononly:before {
	content: "\f05e";
    font-family: FontAwesome;
    color: #1a1a1a;
}
.btn-edit-icononly:before {
	content: "\f040";
	font-family: FontAwesome;
    color: #1a1a1a;
}
.btn-icd-add {
	background-color: #ffdc00;
	border: 1px solid #ffdc00;
	color: #1a1a1a;
	padding: 0 5px;
	float: right;
}
.btn-icd-add:hover, .btn-icd-add:focus, .btn-icd-add:active, .btn-icd-add.focus, .btn-icd-add.active, .open > .dropdown-toggle.btn-icd-add, .btn-icd-add:active:focus, .btn-icd-add.active:focus {
	background-color: #ffd10f;
	border: 1px solid #ffd10f;
	color: #1a1a1a;
}
.btn-save {
	background-color: #009945;
	border: 1px solid #009945;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-save:hover, .btn-save:focus, .btn-save:active, .btn-save.focus, .btn-save.active, .open > .dropdown-toggle.btn-save, .btn-save:active:focus, .btn-save.active:focus {
	background-color: #008f40;
	border: 1px solid #008f40;
}
.btn-save-icon:before {
	content: "\f0c7";
    font-family: FontAwesome;
    color: #ffffff;
	padding-right: 10px;
}
.btn-save-icononly:before {
	content: "\f0c7";
	font-family: FontAwesome;
    color: #ffffff;
}
.btn-save.change-view, .btn-close.change-view {
	padding: 2px 7px;
}
.btn-save-icon.change-view:before, .btn-close-icon.change-view:before {
	padding-right: 0;
}
.btn-warning {
	background-color: #f5bf0c;
	border: 1px solid #f5bf0c;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.focus, .btn-warning.active, .open > .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning.active:focus {
	background-color: #f5a30c;
	border: 1px solid #f5a30c;
}
.btn-remove {
	background-color: #ea4b59;
	border: 1px solid #ea4b59;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;

}
.btn-remove:hover, .btn-remove:focus, .btn-remove:active, .btn-remove.focus, .btn-remove.active, .open > .dropdown-toggle.btn-remove, .btn-remove:active:focus, .btn-remove.active:focus {
	background-color: #e73241;
	border: 1px solid #e73241;
}
.btn-remove-icon:before {
	content: "\f1f8";
    font-family: FontAwesome;
    color: #ffffff;
	padding-right: 10px;
}
.btn-remove-icon-only:before {
	content: "\f1f8";
    font-family: FontAwesome;
    color: #ffffff;
}
.btn.btn-remove-profile-photo {
	font-size: 13px;
	background-color: #ea4b59;
	border: 1px solid #ea4b59;
}
.btn-remove-profile-photo:hover, .btn-remove-profile-photo:focus, .btn-remove-profile-photo:active, .btn-remove-profile-photo.focus, .btn-remove-profile-photo.active, .open > .dropdown-toggle.btn-remove-profile-photo, .btn-remove-profile-photo:active:focus, .btn-remove-profile-photo.active:focus {
	background-color: #e73241;
	border: 1px solid #e73241;
}
.btn-edit {
	background-color: #fff;
	border: 1px solid #bdc3c7;
	color: #777;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-edit:hover, .btn-edit:focus, .btn-edit:active, .btn-edit.focus, .btn-edit.active, .open > .dropdown-toggle.btn-edit, .btn-edit:active:focus, .btn-edit.active:focus {
	background-color: #f2f2f2;
	border: 1px solid #bdc3c7;
	color: #777;
}
.btn-edit-icon:before {
	content: "\f044";
    font-family: FontAwesome;
    color: #777;
	padding-right: 10px;
}
.btn-edit-split-button-left {
	box-shadow: 3px 6px 4px -4px #777 !important;
}
.btn-edit-split-button-right {
	box-shadow: -2px 6px 4px -4px #777 !important;
}
.btn-print-icon:before {
	content: "\f02f";
    font-family: FontAwesome;
    color: #202020;
	padding-right: 10px;
}
.btn-payment-icon:before {
	content: "\f09d";
    font-family: FontAwesome;
    color: #777;
	padding-right: 10px;
}
.btn-admin {
	background-color: rgba(189, 195, 199, 0.1);
	border: 1px solid #bdc3c7;
	color: #1a1a1a;
	padding: 30px;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}

.btn-admin > span {
	white-space: pre-wrap;
}

.admin-info {
	color: #777;
}
.btn-admin:hover, .btn-admin:focus, .btn-admin:active, .btn-admin.focus, .btn-admin.active, .open > .dropdown-toggle.btn-admin, .btn-admin:active:focus, .btn-admin.active:focus {
	background-color: #b5cadb;
	border: 1px solid #335068;
	color: #fff;
}
.phases-icon:before {
	content: "\f05a";
    font-family: FontAwesome;
    color: #1abc9c;
	padding-right: 10px;
}
.customer-icon:before {
	content: "\f007";
    font-family: FontAwesome;
    color: #34495e;
	padding-right: 10px;
}
.footer-info-icon:before {
	content: "\f05a";
    font-family: FontAwesome;
    color: #ea4b59;
	padding-right: 10px;
}
.btn-search-icon:before {
	content: "\f002";
    font-family: FontAwesome;
    color: #777;
	padding-right: 10px;
}
.btn-view-icon:before {
	content: "\f06e";
    font-family: FontAwesome;
    color: #1a1a1a;
	padding-right: 10px;
}
.btn-groups {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #1a1a1a;
	padding: 5px 10px;
}
.btn-groups:hover, .btn-groups:focus, .btn-groups:active, .btn-groups.focus, .btn-groups.active, .open > .dropdown-toggle.btn-groups, .btn-groups:active:focus, .btn-groups.active:focus {
	background-color: #335068;
	border: 1px solid #335068;
	color: #fff;
}
.btn-caret {
	background-color: #fff;
	border: 1px solid #bdc3c7;
	color: #777;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
	margin-top: 5px;
	padding: 5px 12px 2px;
    float: right;
}
.btn-caret:hover, .btn-caret:focus, .btn-caret:active, .btn-caret.focus, .btn-caret.active, .open > .dropdown-toggle.btn-caret, .btn-caret:active:focus, .btn-caret.active:focus {
	background-color: #f2f2f2;
	border: 1px solid #bdc3c7;
	color: #777;
}
.btn-orientation {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #777;

	padding: 5px 12px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left: 4px;
}
.btn-orientation:hover, .btn-orientation.active, .btn-caret:focus, .btn-caret:active, .btn-caret.focus, .btn-caret.active, .open > .dropdown-toggle.btn-caret, .btn-caret:active:focus, .btn-caret.active:focus {

	background-color: #f1f2f3;
	border: 1px solid #ddd;
	color: #777;
}
.btn-folder , .btn-folder:hover, .btn-folder:focus, .btn-folder:active, .btn-folder:active:focus, .btn-folder.active:focus  {
	background-color: transparent;
	border: none;
	color: #617e96;
	box-shadow: none;
}
.btn-target {
	padding: 5px 10px;
	-webkit-box-shadow: 0 6px 4px -4px #777;
	-moz-box-shadow: 0 6px 4px -4px #777;
	box-shadow: 0 6px 4px -4px #777;
}
/* .btn-target:hover, .btn-target:focus, .btn-target:active, .btn-target.focus, .btn-target.active, .open > .dropdown-toggle.btn-target, .btn-target:active:focus, .btn-target.active:focus {

} */
.target-icon:before {
	content: "\f192";
	font-family: FontAwesome;
}
.service-class-panel {
	margin-bottom: 0px;
}
.service-class-footer {
	background-color: #fff;
}
.ui-select-match > .btn-default {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #555;
}

.btn-default-focus {
	box-shadow: 0 0 0 rgba(0,0,0,0.5), 0 0 0 rgba(0,0,0,0.5) !important;
}
.btn-cash-register > .fa-minus-circle {
	color: red;
}
.btn-cash-register > .fa-plus-circle {
	color: green;
}

.btn-cash-register {
	margin-bottom: 3px;
}

.main-cash-register {
	margin-top: 8px;
	margin-left: 8px;
}

.btn-large-cash-register {
	background-color: rgba(189, 195, 199, 0.1);
	border: 1px solid #bdc3c7;
	color: #1a1a1a;
	padding: 20px;
	-webkit-box-shadow: 0 6px 4px -4px #777;
	-moz-box-shadow: 0 6px 4px -4px #777;
	box-shadow: 0 6px 4px -4px #777;
}

.cash-register-action-row {
	margin-bottom: 12px;
}

th.search-filter {
	padding-left: 0px !important;
	font-weight: normal;
	color: #bfbfbf;
}
th.table-button {
	text-align: right;
}
th.search-filter span {
	color: #333;
}
.role-type-office .ui-select-match > .btn-default {
	background-color: rgba(52,152,219,0.5);
}

.role-type-own .ui-select-match > .btn-default {
	background-color: rgba(255,220,0,0.5);
}

.role-type-all .ui-select-match > .btn-default {
	background-color: rgba(0,153,69,0.5);
}

.role-type-nothing .ui-select-match > .btn-default {
	background-color: rgba(234,70,89,0.5);
}
.operations-buttons .btn-add {
	margin-bottom: 10px;
	float: right;
}
.operations-buttons > .operations-select, .operations-buttons > .btn-save {
	float: left;
}
.operations-buttons > .btn-save {
	margin-right: 10px;
	margin-bottom: 10px;
}

.set-current-user-icon{
	padding-right:0px;
}

.set-current-user-btn {
	position: absolute;
	right: 10px;

	background-color: #fff;
    border: 1px solid #bdc3c7;
    color: #777;
    -webkit-box-shadow: 0 6px 4px -4px #777;
    -moz-box-shadow: 0 6px 4px -4px #777;
    box-shadow: 0 6px 4px -4px #777;
    margin-top: 5px;
    padding: 5px 8px 2px;
}
.set-current-user-btn:hover, .set-current-user-btn:focus, .set-current-user-btn:active, .set-current-user-btn.focus, .set-current-user-btn.active, .open > .dropdown-toggle.set-current-user-btn, .set-current-user-btn:active:focus, .set-current-user-btn.active:focus {
	background-color: #f2f2f2;
	border: 1px solid #bdc3c7;
	color: #1a1a1a;
}
.btn-own-method {
	font-size: 12px;
    padding: 4px 8px;
	color: #fff;
	background-color: #51687b;
}
.btn span.print-receipt-visit {
	font-size: 12px;
}

.new-section.fa.fa-save {
	font-size: 20px; font-weight: bold; color: #009945; padding-left: 10px;
}
.new-section.fa.fa-times {
	font-size: 20px; font-weight: bold; color: #2691d9; padding-left: 5px;
}
.fa.fa-check.bank-statement-checkmark {
	color: #00bf00;
	font-size: 2em;
}
.event-info {
	word-break: break-word;
}
.event-info > span:nth-child(1) {
	font-weight: bold;
}
.table > thead > tr.bank-statement-heading > th {
	border-top: none;
	border-bottom: none;
}
.bank-statement-table {
	overflow-x: auto;
}


/*Varausnäkymä*/


.fc-toolbar .fc-state-default {
	background-color: #bdc3c7;
	border: 1px solid #bdc3c7;
	background-image: none;
	text-shadow: none;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;

}
.fc button {
	font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
	height: auto !important;

}
.fc-toolbar {
	margin-top: 1em;
}
.fc-toolbar > .fc-left > .fc-button, .fc-toolbar > .fc-right > .fc-button, .fc-toolbar > .fc-right > .fc-button-group > .fc-button {
	padding: 6px 12px;
}
.fc-toolbar .fc-left, .fc-toolbar .fc-right {
	margin-bottom: 5px;
}

.fc-toolbar .fc-state-active {
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.fc-toolbar .fc-state-default, .fc-toolbar .fc-state-active, .fc-toolbar .fc-state-hover {
	color: #fff;
}
.fc-toolbar .fc-state-active, .fc-toolbar .fc-state-hover, .fc-toolbar .fc-state-disabled {
	background-color: #617e96;
	border: 1px solid #617e96;
}
button.fc-refreshCalendarButton-button.fc-state-default, button.fc-refreshCalendarButton-button.fc-state-active, button.fc-refreshCalendarButton-button.fc-state-hover {
	width: 36px;
	background: url(../assets/img/refresh-two-white.png);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	background-size: 18px;
}
.fc-refreshCalendarButton-button.fc-state-hover:before {
	content:"Refresh";
	position: absolute;
	color: #444;
	top: 40px;
	left: 0;
	font-size: 11px;
	border: 1px solid #444;
	padding: 2px 5px;
}
button.fc-refreshCalendarButton-button.fc-state-default {
	background-color: #009945;
    border: 1px solid #009945;
}
button.fc-refreshCalendarButton-button.fc-state-active, button.fc-refreshCalendarButton-button.fc-state-hover {
	background-color: #008f40;
	border: 1px solid #008f40;
}
.fc-toolbar .fc-refreshCalendarButton-button.fc-state-default, .fc-refreshCalendarButton-button.fc-toolbar .fc-state-active, .fc-refreshCalendarButton-button.fc-toolbar .fc-state-hover {
	color: transparent;
}
:focus {
	outline: none !important;
}
.fc-state-disabled {
	opacity: 1.0 !important;
}
.fc-unthemed .fc-today {
    /*background: #fcfcfc !important;*/
}

.today-highlight {
	background: #fcf8e3 !important;
}

.today-highlight-disabled {
	background: #fcfcfc !important;
}

.fc-widget-content {
	background-color: rgba(255,255,255,0.5);
}

.fc-axis, .fc-day-grid, .fc-day {
	background-color: #ffffff;
}
.fc-divider {
	background-color: #ffffff !important;
}

.fc-bgevent {
    background: rgb(255, 255, 255) !important;
    opacity: 1 !important;
}

.fc-resource-cell {
	word-wrap: break-word;
}

.fc-scroller .booking-calendar-event {
	background-color: #b1dfff;
    color: #1a1a1a !important;
}

.bg-booking-calendar-event {
  background-color: rgba(10, 10, 10, 0.3) !important;
}

.bg-booking-calendar-event-resource {
  background-color: rgba(255, 0, 0, 0.34) !important;
}

.shift-calendar-event {
	background-color: rgba(80, 80, 160, 0.5) !important;
	border: 1px solid #6666b2 !important;
	z-index: 5 !important;
}

.no-shift-calendar-event {
  background-color: rgba(211, 220, 222, 0.5) !important;
}

.office-closed-calendar-event {
  background-color: rgba(189, 195, 199, 0.5) !important;
}

.not-visible-online-shift-calendar-event {
	background-color: rgba(253, 223, 112, 0.5) !important;
}

.calendar-event-common {
	border: 1px solid #ffffff !important;
	padding: 2px;
	font-size: .82em !important;
}

.resource-reservation-calendar-event {
	background-color: rgba(115, 162, 153, 0.85) !important;
}

.highlighted-resource-reservation-calendar-event {
	background-color: rgba(26, 188, 156, 0.85) !important;
}

.fc-scroller .dinner-break-calendar-event {
	background-color: #1abc9c;
}

.fc-scroller .break-calendar-event {
	background-color: #9b59b6;
}

.fc-scroller .not-on-shift-calendar-event {
	background-color: #569bb7;
}

.fc-scroller .custom-break-calendar-event-4 {
	background-color: #6590b7;
}

.fc-scroller .custom-break-calendar-event-5 {
	background-color: #5a6db5;
}

.absent-calendar-event {
	background-color: rgba(30, 30, 30, 0.4) !important;
}

.comment-calendar-event {
	background-color: transparent !important;
	border: none !important;
	color: black !important;
}
.calendar-bg-event-title-type  {
	color: #475b6c;
	font-size: 0.8em;
	margin-left: 5px;
}

.fc-event.not-visible-online-shift-calendar-event {
    border: 1px solid rgba(255,175,153,0.9);
    background-color: rgba(255, 175, 153, 0.3) !important;
}
.fc-event.not-visible-online-shift-calendar-event, .fc-event:hover.not-visible-online-shift-calendar-event {
	color: #475b6c;
}

.calendar-collapse-button {
	position: absolute;
	z-index: 5;
	left: 50%;
	transform: translate(-50%, 0%);
	font-size: 28px;
	margin-top: -10px;
	color: rgba(97,126,150,0.7);
	text-shadow: rgb(255, 255, 255) 1px 1px 0px;
}

.calendar-collapse-button:hover {
	font-weight: bold;
	color: rgba(255,255,255,0.7);
	text-shadow: none;
}
.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-full) !important;
}
.fc-time-grid-event.fc-short .fc-time:after {
	content: no-close-quote !important;
}

th.category-selection {
	font-weight: 300;
}
.table > thead > tr > th.category-selection {
	border-top: none;
}

/*Varauslista -sivu*/

.booking-list-row > .panel > .panel-body > .row > .list-inline > li {
	float: left;
}
.booking-list-row > .panel > .panel-body > .row > .list-inline {
    margin-left: 15px;
    margin-right: 15px;
}
.booking-list-row > .panel > .panel-body {
	padding-top: 0px;
	padding-bottom: 0px;
}
.booking-history-row, .customer-history-row, .office-row, .employee-row, .services-row, .visit-history-row , .invoices-row , .payments-list-row, .product-row, .gift-card-row, .file-action-row, .generic-row, .tables-row, .doctors-row, .purchase-invoice-row, .add-features-row, .operations-row, .customer-groups-row, .recurring-order-row, .gift-cards-row  {
	margin-left: 0px;
	margin-right: 0px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	max-width: 100%;
	overflow-x: auto;
	min-height: 500px;
}
.booking-history-row table, .customer-history-row table, .office-row table, .employee-row table, .services-row table, .visit-history-row table, .invoices-row table, .payments-list-row table, .product-row table, .generic-row table, .doctors-row table, .purchase-invoice-row table, .add-features-row table, .operations-row table, .customer-groups-row table, .recurring-order-row table, .gift-cards-row table {
	width: 98%;
}

.booking-list-view {
	font-size: 0.85em;
    padding-left: 4px;
}
.booking-selectors {
	/*padding-top: 23px;*/
	/*width: 24%;*/
}
.booking-selectors-user, .booking-selectors-office, .booking-selectors-employee, .booking-selectors-filter {
	width: 24%;
}

.btn-refresh-view.refresh-booking-view {
	float: left;
	margin-left: 10px;
}
.booking-time-selector {
	width: 14%;
}
.booking-break-selector {
    float: left;
    border: 1px solid #ddd;
    padding: 4px 6px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    font-size: 12px;
    margin-right: 14px;
    margin-left: -10px;
}
.results-per-page {
    font-size: 1em;
}
.results-per-page label {
	padding-right: 10px;
	font-weight: normal;
}
.results-per-page select {
	width: 50px;
	height: 34px;
	border-radius: 4px;
	border-color: #ddd;
}

select.dropdown-selector {
	width: 50px;
	height: 34px;
	border-radius: 4px;
	border-color: #ddd;
}

.booking-pages > div > nav > table > tbody > tr > td, .booking-pages {
	border-top: none !important;
}

/*Palvelut -sivu*/

.services-view > .panel-body > .row > .list-inline > .booking-time-selector {
	display: none !important;
}
.services-view > .panel-body > .row > .list-inline > .selecting-customer {
	display: none !important;
}
.services-view > .panel-body {
    padding: 0px 15px;
}
.services-view > .panel-body > .row > .list-inline {margin-bottom: 0px;}

.service-class-column-6 {
	width: 70%;
}
.service-class-column-1 {
	width: 15%;
}
.row.attached-employees {
	margin-left: 0;
	margin-right: 0;
}

.invoice-history-buttons button {
    margin: 2px;
}

/*Asiakas-sivu*/

#features-list > .btn {
	margin-right: 10px;
}
.advanced-row-label {
	color: #333;
	font-size: 0.85em;
}
.advanced-row-background {
	background-color: rgba(217,217,217,0.2);
	padding: 8px;
}

/*Tilastot-sivu*/

.chart-panel {
	margin-left: 15px;
	margin-right: 15px;
}
.panel-default > .panel-heading, .panel-default > div > .panel-heading {
    color: #1a1a1a;
    background-color: #ecf0f1;
}
.panel-sub-heading {
	background-color: #fff !important;
	border: 1px solid #ddd;
}

/*Käynnit-sivu*/

.payments-in-visits {
	margin: 0px 7px;
}
.payment-in-visit {
	float: right;
}
.payment-amounts-inner {
	background-color: #efefef;
	padding: 0.35rem 0.30rem;
	margin-bottom: 7px;
}
.pay-buttons .btn {
	margin-bottom: 5px;
	margin-right: 1.5px;
}
.visit-payment-status {
	font-weight: 300;
}

/* Käytetään Invoice-modalissa*/
.payment-sum-box {
    border: 2px solid #7b7a7a;
    padding: 0.35rem 1.2rem 0.25rem 0.65rem;
}

/*Tiedostot-sivu*/

.drag-drop {
	display: inline-block;
	width: 100%;
	max-width: 800px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    text-align: center;
	color: #777;
	border: 2px dashed #ccc;
}
.files-table {
	table-layout: fixed;
}
.files-td {
	word-break: break-all;
}
.files-button  {
	float: right;
}


/*Asetukset */

.settings-page a {
	display: block;
	cursor: pointer;
}
.btn > .settings-icon {
	font-size: 2.5em;
	color: #617e96;
	margin-bottom: 5px;
}
.settings-button {
	margin-top: 20px;
}

.settings-panel {
	margin-top: 10px;
}
.settings-row {
	padding: 10px 0px 0px;
}
.settings-select-short {
	height: 28px;
	width: 120px;
}
.settings-input-group > label {
	margin-right: 10px;
}
.settings-select-office {
	height: 28px;
	width: 100%;
}
.settings-textarea-office {
	padding-left: 4px;
}
.settings-label-office {
	float: left;
	margin-right: 5px;
}
.settings-list-group-item , .settings-inner-panel{

	border-left: none;
	border-right: none;
	border-bottom: none;
}
.select-theme {
	padding: 5px;
	margin-left: 5px;
}


.theme-body {
	border: 1px dashed #ddd;
	margin-top: 15px;
}
.settings-group > .list-group-item {
	border: none;
	padding: 0px;
}
.preview-container {
	padding: 3px;
	position: relative;
	margin-bottom: 10px;
}

.theme-preview-thumb {
	width: 100%;
	height: 100%;
	max-width: 230px;
}

.theme-preview-search-icon {
	position: absolute;
	background-color: white;
	top: 10px;
	left: 10px;
	opacity: 0.8;
}

.theme-preview-search-icon > i{
	padding-right: 0;
	font-size: 2.5em;
}

/*
.settings-theme-selected {
	background-color: rgba(0,143,64,0.5);
}
.preview-container:not(.settings-theme-selected):hover {
	background-color: #9CB3C4;
}
*/
.settings-theme-title {
	/*text-align: center;*/
	font-weight: bold;
	font-size: 1.2rem;
	width: 100%;
	height: 34px;
	word-wrap: break-word;
}
.settings-theme-title span {
	line-height: 34px;
}
.theme-select {
	float: left;
	width: 50%;
}
.theme-select-button, .theme-selected-button {
	float: right;
}
.theme-select-container {
	padding-top: 10px;
	height: 40px;
	margin-left: 5px;
    margin-right: 5px;
}
.settings-touchspin-container {
	width: 130px;
}

.settings-touchspin-side-by-side {
	display: inline-block;
}
.settings-touchspin-side-by-side:first-child {
	margin-right: 7px;
}

.settings-touchspin .form-control {
	height: 34px;
}
.empty-table-cell {
	min-width: 70px;
	visibility: hidden;
	display: block;
}
.settings-container {
	/*max-width: 750px;*/
	max-width: 870px;
}
.layout-settings-title {
	font-size: 1.6em;
}

.settings-node .settings-title {
	font-size: 2em;
    color: #617e96;
    padding: 4px;
}
.settings-node .settings-node .settings-title {
	font-size: 2em;
    color: #1a1a1a;
}
.settings-node .settings-node .settings-node .settings-title {
	font-size: 2em;
    color: #1a1a1a;
    text-transform: uppercase;
}

.settings-node .settings-node .setting-title-office, .settings-node .settings-node .settings-node .setting-title-office {
	display: none;
}

.settings-node {
	font-size: 0.8em;
	/*margin-left: 0.8em;*/
}


/*.settings-node > div > .settings-node > .settings-title{
	font-size: 1.7em;
}*/

/*.settings-node > div > .settings-node > div > .settings-node > .settings-title
{
	font-size: 0.9em;
	font-weight: bold;
}*/

.settings-node li, .settings-node .setting-list-global {
	font-size: 14px;
}

.settings-node-settings {
	border: solid 1px #999;
	padding: 10px;
	margin-bottom: 15px;
}

.settings-list-group {
	padding-left: 0px;
	margin-bottom: 0px;
}

.settings-list-group > li:first-child {
	border-top: none;
}

.settings-list-group-item .toggle > .toggle-group > .toggle-on, .btn.btn-sm.toggle-on {
	background-color: #335068 !important;
}

.settings-name {
	max-width: 220px;
}

/*
.settings-infoicon {
	float: right;
}
*/

.email-info-sign {
	padding-left: 0;
}

.settings-message-template-title {
	font-size: 15px;
}
.custom-links-panel {
	height: 169px;
}

.inline {
	display: inline;
}

.preview-modal {
    position: relative;
    overflow-y: auto;
    max-height: 100%;
    padding: 15px;
	text-align: center;
}
.preview-modal img {
	max-width: 100%;
}
.settings-code-area {
	height: 66px;
}
.settings-link-area {
	height: 32px;
}
.message-codes-explained span {
	display: block;
}
.message-codes-explained table {
	width: 100%;
}
.message-codes-explained table tr td:nth-child(1) {
	width: 20%;
}
.message-codes-explained table tr td:nth-child(2) {
	width: 80%;
}

/*Kirjautuminen*/
.login-and-reset {
	padding-bottom: 10px;
}


/* Input, Forms */


.form-control {
	border: 1px solid #ddd;
	font-size: 13px;
	padding: 6px;
	box-shadow: none;
	height: 30px;
}
.form-control:focus {
  border-color: #ccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 231, 231, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 231, 231, .6);
}

.booking-view {
	margin-bottom: 3px;
}
.service-select {
    width: 100% !important;
	height: 5em !important;
}
.visit-services > select {
	display: block;
	height: 30px;
    border-color: #ddd;
	margin-bottom: 10px;
	width: 100%;
}
.visit-services, .total-price, .billing {
	float: left;
}
.visit-area-right {
	float: right;
}
.visit-area {
	clear: both;
}
.visit-services-buttons {
	margin-top: 18px;
}
.selected-services {
	margin-top: 15px;
}
.visit-details {
	width: 100%;
	height: 5em;
	/*margin-bottom: 13px;*/
}
.row-background {
	background-color: #ecf0f1;
	margin-bottom: 10px;
}
.additional-info {
	padding-left: 0px !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.additional-info > i {
	margin-right: 16px;
	font-size: 0.7em;
	padding: 4px;
}
h3.additional-info {
	font-size: 1.25em;
}

/*Varausnäkymän placeholder lisärivit */

.type-selection, .touch-screen-alternative {

    min-height: 45px;
    margin-right: 0;
    margin-left: 0;
    padding-top: 3px;
    margin-bottom: 5px;
	padding-bottom: 8px;
}
.type-selection {
	/*text-align: center; */
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
	border-right: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
}
.calendar-top-confirmation {
	text-align: center;
}

/*Varausnäkymän buttonit*/

/* Common classes for all calendar mode buttons */
.btn.btn-calendar-mode {
	border-radius: 4px;
	display: inline-block;
	margin: 5px 0;

	-webkit-transition: all ease-out 0.3s;
	-moz-transition: all ease-out 0.3s;
	transition: all ease-out 0.3s;

	background-size: 200% 100%;
	background-position:right bottom;
}

.btn.btn-calendar-mode span {
	background-color: rgba(0, 0, 0, 0);
	display: inline-block;
	padding: 0px;
	color: #3c4e5d;
	transition: transform .1s ease-in-out;
	text-transform: uppercase;
}

.btn.btn-calendar-mode:hover, .btn.btn-calendar-mode.active:hover {
	background-color: #ffffff;
	background-position:left bottom;
}

.btn.btn-calendar-mode.active, .btn.btn-calendar-mode:active  {
	background-size: 200% 100%;
	background-position:right bottom;
	font-size: 0.9em;
	font-weight: bold;
}

.btn.btn-calendar-mode.active span {
	background-color: rgba(0, 0, 0, 0);
}
.btn.btn-calendar-mode:active span{
	transform: translate(0, 5px); /* depth of button press */
}
.btn.btn-calendar-mode:active span {
	transform: translate(0, 0);
}
/* End of common classes for all calendar mode buttons */

.calendar-booking-icons .fa {padding-right:0;}


.calendar-payment-indicator {
	padding-left: 4px;
}

/* Do not use these colors. Use color-fully-paid, color-not-paid, color-partially-paid instead */
.calendar-booking-icon-unpaid {
	color: #ff0000;
	padding-left: 4px;
}

.calendar-booking-icon-partially-paid {
	color: #ff8324;
	padding-left: 4px;
}

.calendar-booking-icon-paid {
	color: #00bf00;
	padding-left: 4px;
}


.btn-mode-booking {
	border: 1px solid #b1dfff;

	background: linear-gradient(to right, rgba(153,213,255,0.2) 50%, #FFFFFF 50%);

	box-shadow:
		0px 3px rgba(153,213,255,1),
		0px 4px rgba(128,202,255,1),
		0px 5px rgba(102,191,255,1),
		0px 12px 4px -4px rgba(119,119,119,1);
}
.btn-mode-booking span {
}
.btn-mode-booking:hover, .btn-mode-booking.active:hover {

}
.btn-mode-booking.active, .btn-mode-booking:active  {
	background: linear-gradient(to right, rgba(153,213,255,0.3) 50%, rgba(153,213,255,0.2) 50%);

	box-shadow:
		0px 1px rgba(153,213,255,1),
		0px 2px rgba(128,202,255,1),
		0px 2px rgba(102,191,255,1),
		0px 8px 4px -4px rgba(119,119,119,1);
}

.btn-mode-booking:active span {
}
.btn-mode-break {
	border: 1px solid #a05fb9;

	background: linear-gradient(to right, rgba(170,113,193,0.2) 50%, #FFFFFF 50%);

    box-shadow:
		0px 3px rgba(170,113,193,1),
		0px 4px rgba(160,95,185,1),
		0px 5px rgba(149,78,177,1),
		0px 12px 4px -4px rgba(119,119,119,1);
}

.btn-mode-break:hover, .btn-mode-break.active:hover {
}
.btn-mode-break.active, .btn-mode-break:active {
	background: linear-gradient(to right, rgba(170,113,193,0.3) 50%, rgba(170,113,193,0.2) 50%);

	box-shadow:
		0px 1px rgba(170,113,193,1),
		0px 2px rgba(160,95,185,1),
		0px 2px rgba(149,78,177,1),
		0px 8px 4px -4px rgba(119,119,119,1);
}

.btn-mode-break:active span{
}


.btn-mode-shifts {
	border: 1px solid #eeeeee;

	background: linear-gradient(to right, rgba(159, 159, 159, 0.2) 50%, #FFFFFF 50%);

    box-shadow:
		0px 3px rgba(230,230,230,1),
		0px 4px rgba(217,217,217,1),
		0px 5px rgba(204,204,204,1),
		0px 12px 4px -4px rgba(119,119,119,1);
}
.btn-mode-shifts span.ng-scope {
}
.btn-mode-shifts:hover, .btn-mode-shifts.active:hover {
}
.btn-mode-shifts.active, .btn-mode-shifts:active {
	background: linear-gradient(to right, rgba(159, 159, 159,0.3) 50%, rgba(210,210,210,0.2) 50%);

	box-shadow:
		0px 1px rgba(230,230,230,1),
		0px 2px rgba(217,217,217,1),
		0px 2px rgba(204,204,204,1),
		0px 8px 4px -4px rgba(119,119,119,1);
}
.btn-mode-shifts.active span.ng-scope {
}
.btn-mode-shifts:active span{
}
.btn-mode-shifts:active span.ng-scope {
}


.btn-mode-resources {
	border: 1px solid #1abc9c;

	background: linear-gradient(to right, rgba(24,180,149,0.2) 50%, #FFFFFF 50%);

    box-shadow:
		0px 3px rgba(24,180,149,1),
		0px 4px rgba(21,157,130,1),
		0px 5px rgba(18,135,111,1),
		0px 12px 4px -4px rgba(119,119,119,1);
}
.btn-mode-resources span.ng-scope {

}
.btn-mode-resources:hover, .btn-mode-resources.active:hover {

}
.btn-mode-resources.active, .btn-mode-resources:active {
	background: linear-gradient(to right, rgba(24,180,149,0.3) 50%, rgba(24,180,149,0.2) 50%);

	box-shadow:
		0px 1px rgba(24,180,149,1),
		0px 2px rgba(21,157,130,1),
		0px 2px rgba(18,135,111,1),
		0px 8px 4px -4px rgba(119,119,119,1);
}
.btn-mode-resources.active span.ng-scope {
}
.btn-mode-resources:active span{
}
.btn-mode-resources:active span.ng-scope {
}


.btn-mode-edit {
	background-color: #fff;
	border: 1px solid #bdc3c7;
	color: #777;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
            box-shadow: 0 6px 4px -4px #777;
}
.btn-mode-edit:hover, .btn-mode-edit:focus, .btn-mode-edit:active, .btn-mode-edit.focus, .open > .dropdown-toggle.btn-edit {
	background-color: #f2f2f2;
	border: 1px solid #bdc3c7;
	color: #777;
}
.btn-mode-edit.active {
	background-color: #fff;
	border: 1px solid #bdc3c7;
	color: #777;
	-webkit-box-shadow: 0 6px 4px -4px #0099ff;
       -moz-box-shadow: 0 6px 4px -4px #0099ff;
            box-shadow: 0 6px 4px -4px #0099ff;
}

.btn-additional {
	background-color: #009945;
    border: none;
	-webkit-box-shadow: 0 6px 4px -4px #777;
		-moz-box-shadow: 0 6px 4px -4px #777;
			box-shadow: 0 6px 4px -4px #777;
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    padding: 6px 8px;
    line-height: 20px;
}
.btn-additional:hover, .btn-additional:focus, .btn-additional:active, .btn-additional.focus, .btn-additional.active, .open > .dropdown-toggle.btn-additional, .btn-additional:active:focus, .btn-additional.active:focus {
	background-color: #008f40;
	border: none;
	font-weight: 600;
	color: #fff;
}
.btn-infoicon {
	background: none;
	border: none;
}
.btn-infoicon:hover, .btn-infoicon:focus, .btn-infoicon:active, .btn-infoicon.focus, .btn-infoicon.active, .open > .dropdown-toggle.btn-infoicon, .btn-infoicon:active:focus, .btn-infoicon.active:focus{
	background-color: none;
	background: none;
	border: none;
	outline: none;
	outline-offset: none;
	-webkit-box-shadow: none;
          box-shadow: none;
}

.info-service-duration {
	padding: 0 10px;
}
.info-era-quick-links {
	margin-top: -10px;
	float: right;
}
.info-era-quick-links > .info-content {
    right: 4%;
}

.calendar-event-employee-name, .calendar-event-company-name, .calendar-event-customer-name, .calendar-event-service-name, .calendar-event-additional-info {
	display: block;
}

.calendar-event-additional-info {
	border-top: 1px dashed #79a5cc;
}

.calendar-event-customer-name {
	font-weight: bold;
}

/* Icon when the collapsible content is shown */
  .btn-additional:after {
    font-family: "FontAwesome";
    content: "\f102";
    float: right;
  }

  /* Icon when the collapsible content is hidden */
  .btn-additional.collapsed:after {
    content: "\f103";
  }

.btn.migrate-save {
	margin-bottom: 5px;
}
.cancel-button {
	padding-right: 0;
}
.btn-additional {
	float: right;
}
.cancel-button > .btn-close {
	float: right;
	margin-right: 6px;
}
.touch-screen-selections > select {
	height: 28px;
	margin-top: 4px;
}
.touch-screen {
	padding-right: 0;
	padding-left: 0;
}
.additional {
	padding-left: 0;
}
.start-time {
	padding-left: 10px;
}
.kesto {
	padding-left: 10px;
}
/*
.info-moodselector > .glyphicon-info-sign {
	color: #009945;
	font-size: 22px;
}
.info-moodselector-left > .glyphicon-info-sign, .info-service > .glyphicon-info-sign, .info-booking-list > .glyphicon-info-sign , .default-roles > .glyphicon-info-sign, .info-visit > .glyphicon-info-sign {
	color: #009945;
	font-size: 12px;
}
*/
.glyphicon-info-sign {
	color: #009945;
	font-size: 12px;
}
.info-moodselector > .glyphicon-info-sign {
	font-size: 22px;
}

.fa.user-info-sign {
	color: #617e96;
}
.fa-calendar-times-o {
	color: red;
}

.btn-infoicon.btn-customer-info:hover i::before {
    color: #335068;
}

.btn-infoicon:hover i::before {
    color: #008f40;
}
.touch-screen-selections {
	float: left;
	width: 50%;
}
.additional-box {
	width: 26px;
	height: 26px;
}
.additional-one, .additional-two {
	padding-left: 10px;
}

.additional-one > span, .additional-two > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  padding-bottom: 15px;
}
.additional-two > span {
	margin-top: 5px;
}

.additional-two > select {
	height: 26px;
	margin-bottom: 17px;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.date-box {
	width: 130px !important;
}
.date-box2 {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}
.additional-two > .additional-box, .additional-two > select, .additional-two > span, .date-box, .date-box-button {
	float: left;
}
.date-box > .form-control {
	width: 70%;
}
.additional-two > .additional-box, .additional-two > select, .additional-two > span, .date-box {
	margin-right: 5px;
}



/*Info painike javascriptiin liittyvät*/
.info-content{
	display: none;
}
.showInfo .info-content{
	display: block;
}

/*End */

.info-content {
	width: 300px;

    text-align: left;
    position: absolute;
    background: #fff;
    z-index: 999;
	-webkit-box-shadow: 0px 0px 20px 3px rgba(119, 119, 119, 0.75);
	-moz-box-shadow:    0px 0px 20px 3px rgba(119, 119, 119, 0.75);
	box-shadow:         0px 0px 20px 3px rgba(119, 119, 119, 0.75);
}
.info-moodselector > .info-content {
    top: 140%;
    right: 20%;
}
.info-moodselector-left > .info-content {
    top: 110%;
    left: 20%;
}
.info-moodselector-left, .info-booking-list {
	padding: 0px;
}

.info-modal-dialog  > .info-content {
	top: 110%;
	left: 20%;
	width: 350px;
}

.btn.btn-customer-info {
	padding: 0px 0px 4px 5px;
}
.info-service > .info-content {
    top: -120%;
    right: 0;
}
.default-roles > .info-content {
    top: 140%;
    right: 0%;
}
.info-visit > .info-content {
    top: -20%;
    right: 0%;
}
.info-pending > .info-content {
    top: 100%;
    left: 0%;
}
.gift-card-info-button > .info-content {
	right: 0;
}
.info-header,.info-body, .info-footer {
	padding-left: 10px;
	padding-right: 10px;
}
.info-header {
	background-color: #617e96;
	color: #fff;
}
.info-header > h4 {
	margin-top: 0px;
    line-height: 2.4em;
    font-size: 1em;
    font-weight: normal;
}
.info-header > .close {
	font-size: 30px;
	color: #fff;
	text-shadow: none;
	opacity: .8;
}
.info-body, .info-footer {
	color: #444;
}
.info-body p {
	white-space: normal;
}
.info-footer > .btn {
	padding: 4px 7px;
	float: right;
	margin-bottom: 10px;
}
/* Muutettu geneeriseksi
.info-tables-bookings > .info-content, .info-tables-visits > .info-content, .info-tables-revenue > .info-content, .info-tables-working-hours > .info-content, .info-tables-commission > .info-content, .info-tables-customers > .info-content {
    top: 140%;
    right: 20%;
}
.info-tables-bookings > .glyphicon-info-sign, .info-tables-visits > .glyphicon-info-sign, .info-tables-revenue > .glyphicon-info-sign, .info-tables-working-hours > .glyphicon-info-sign, .info-tables-commission > .glyphicon-info-sign, .info-tables-customers > .glyphicon-info-sign {
	font-size: 22px;
}
*/

.reports-tables-info {
	float:right;
}
.info-table > .info-content {
	top: 140%;
    right: 20%;
}

.info-table > .glyphicon-info-sign {
	font-size: 22px;
}

/*Datepicker*/

.uib-day > .btn-default, .uib-month > .btn-default, .uib-year > .btn-default {
	background-color: #fff;
	color: #1a1a1a;
	font-weight: bold;
}
.text-muted {
    color: #bfbfbf;
    font-weight: normal;
}
.text-info {
    color: #009945;
}
.uib-day > .btn-info {
	background-color: #f2f2f2;
	color: #1a1a1a;
	font-weight: bold;
}
.uib-day > .btn-info:hover {
	background-color: #ddd;
	color: #1a1a1a;
	font-weight: bold;
}
.uib-month > .btn-info:hover, .uib-year > .btn-info:hover {
	background-color: #ddd;
}
.uib-clear {
	background-color: #fff;
	color: #3498db;
	font-weight: bold;
}
.uib-clear:hover, .uib-clear:focus, .uib-clear:active, .uib-clear.focus, .uib-clear.active, .open > .dropdown-toggle.uib-clear, .uib-clear:active:focus, .uib-clear.active:focus {
	background-color: #f2f2f2;
	color: #3498db;
}
.uib-close {
	background-color: #3498db;
	border-color: #3498db;
	color: #fff;
}
.uib-close:hover, .uib-close:focus, .uib-close:active, .uib-close.focus, .uib-close.active, .open > .dropdown-toggle.uib-close, .uib-close:active:focus, .uib-close.active:focus {
	background-color: #2691d9;
	border: 1px solid #2691d9;
}
.uib-daypicker > thead > tr > th:first-child > .btn-default, .uib-daypicker > thead > tr > th:nth-child(3) > .btn-default, .uib-monthpicker > thead > tr > th:first-child > .btn-default, .uib-monthpicker > thead > tr > th:nth-child(3) > .btn-default, .uib-yearpicker > thead > tr > th:first-child > .btn-default, .uib-yearpicker > thead > tr > th:nth-child(3) > .btn-default {
	background-color: #bdc3c7;
	border: none;
}
.uib-daypicker > thead > tr > th:first-child > .btn-default:hover, .uib-daypicker > thead > tr > th:nth-child(3) > .btn-default:hover, .uib-monthpicker > thead > tr > th:first-child > .btn-default:hover, .uib-monthpicker > thead > tr > th:nth-child(3) > .btn-default:hover, .uib-yearpicker > thead > tr > th:first-child > .btn-default:hover, .uib-yearpicker > thead > tr > th:nth-child(3) > .btn-default:hover{
	background-color: #617e96;
	border: none;
}
.uib-daypicker > thead > tr > th:nth-child(2) > .btn-default {
	border: none;
}
.uib-daypicker > thead > tr > th:nth-child(2) > .btn-default:hover {
	border: none;
}

.booking-time-selector > .input-group > .input-group-btn > .btn-default, .booking-view > .input-group-btn > .btn-default, .btn-calendar, .date-clock > .input-group-addon {
	background-color: #fff !important;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: none;
	padding: 4px 12px;
}
.glyphicon-calendar, .glyphicon-time {
	color: #617e96;
	top: 2px;
}
.booking-time-selector > .input-group > .input-group-btn > .btn-default:hover > .glyphicon-calendar, .booking-view > .input-group-btn > .btn-default:hover > .glyphicon-calendar, .btn-calendar:hover > .glyphicon-calendar, .date-clock > .input-group-addon:hover > .glyphicon-time {
	color: #335068;
}
.booking-time-selector > .input-group > .input-group-btn > .btn-default:focus, .booking-view > .input-group-btn > .btn-default:focus, .btn-calendar:focus {
	box-shadow: none;
}
.booking-view > .input-group-btn > .btn-default:hover, .booking-view > .input-group-btn > .btn-default:active {
	background-color: #fff;
}

.settings-node .glyphicon {
	color: #335068;
}
.settings-node .settings-infoicon .glyphicon {
	color: #009945;
}
.nav-tabs > li > a.settings-tab-title {
	font-size: 1em;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 5px;
}
/*
.booking-view > .input-group-btn > .btn-default, .btn-calendar {
	padding-bottom: 6.5px;
}
*/

/*Modalit */
.panel-heading {
    padding: 4.3px 15px;
}
.btn-xs {font-size: 11px;}
.modal-header {padding: 8px 15px;}
.modal-body {padding: 8px 10px;}
.panel {margin-bottom: 0px;}
textarea {width: 100% !important; border-color: #ddd;}
.responsive-form-column-half, .responsive-form-column-full {padding: 0.35rem 0.65rem !important;}
.no-pr { padding-left: 0 !important; }
.responsive-form-column-half.visit-form, .responsive-form-column-half.invoice-form {padding: 0 !important;}
.responsive-form-column-half > label, .responsive-form-column-full > label {margin-bottom: 3px;}
.pw-error-msg {
	color: red;
}
.customer-selection-btn {padding: 3px 10px; font-size: 13px;}
.dropdown-menu {padding: 0px;}

.actions-dropdown.custom-dropdown-menu {
	padding: 4px;
	opacity: 0.0;
}

.actions-dropdown.custom-dropdown-menu > li > a, .actions-dropdown-calendar > li > a, .actions-dropdown-lists > li > a {

	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	font-size: 1.4rem;
}

.actions-dropdown.custom-dropdown-menu > li > a > i, .actions-dropdown-calendar > li > a > i, .actions-dropdown-lists > li > a > i{
	width: 1.6em;
}

@media screen and (max-width: 500px) {
.actions-dropdown-lists > li > a, .customer-card-footer .actions-dropdown.custom-dropdown-menu > li > a {
	font-size: 1.0rem;
}

}
@media screen and (max-width: 450px) {
.customer-card-footer .actions-dropdown.custom-dropdown-menu > li > a {
	font-size: 0.9rem;
}

}
@media screen and (max-width: 375px) {
.actions-dropdown-lists > li > a {
	font-size: 0.9rem;
}

}

/* Colors for payment status indicators */
.color-not-paid {
    color: #ff0000;
}

.color-fully-paid {
    color: #00bf00;
}

.color-partially-paid {
    color: #ff8324;
}

.color-pending-invoicing {
	color: #f500ff;
}

.color-invoiced {
	color: #ffff00;
}

.color-invoiced-dark {
	color: #c3c300;
}


.color-fully-refunded {
	color: #00b9a9;
}

.color-partially-refunded {
	color: #00ccff;
}

@media screen and (max-width: 530px) {
	.actions-dropdown-calendar {
		left: 10px !important;
	}
}

.action-menu-container-mobile {
	position: relative;
}

.actions-dropdown.custom-dropdown-menu.visible {
	opacity: 1.0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}


.custom-dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
	position: absolute;
	left: 0;
	z-index: 1000;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.custom-dropdown-menu-below {
    top: 100%;
    bottom: auto;
}

.custom-dropdown-menu > li:hover:not(.not-selectable){
	background-color: #d9eaff;
}

.hoverable:hover:not(.not-selectable){
	background-color: #ebebeb;
}

div.global-customer-selection {
	color: #617e96;
}

div.global-customer-selection:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #23527c;
}

a.user-selection > span, div.global-customer-selection > span {
	padding-right: 10px;
	margin-left: 15px;
}

.service-modal-footer {/*border-top: none; */ clear: both;}
/*.in-modal-view > #officeSelector, .in-modal-view > #selectedEmployees {margin-bottom: 10px;}*/
.footer-notification {font-size: 0.85em;}
.row-adder-col:nth-child(2) input {max-width: 100%;}
#sale-rows table {margin-bottom: 10px;}


.footer-right {float: right;}
.footer-left {float: left;}

.customer-left-header {
	top: 5px;
	position: absolute;
	right: 10px;
}

.button-selected {
	background-color: blue;
}

.btn-calendar:hover {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: none;
}
.date-clock > .form-control {
	border-right: none;
}
.repeat-until > span {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}
.repeat-until > .input-group {
	float: left;
	width: 50%;
}
.repeat-selections .bootstrap-touchspin input {
	height: auto;
	font-size: inherit;
}
.repeat-selections .bootstrap-touchspin {
	max-width: 95px;
}

.booking-touchspin {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.repeat-number {
	width: 15%;
	padding: 4px;
}
.remind-by {
	min-height: 50px;
}
.booking-recursion-btn-group {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.text-inline {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}
.date-picker-inline {
	float: left;
	width: 140px;
	margin-right: 5px;
	margin-left: 5px;
}
.date-picker {
	float: left !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.booking-toggle > .toggle.btn{
	/*min-width: 70px;*/
}
.booking-toggle > .toggle.btn.btn-sm{
	min-width: 50px;
}
.toggle.btn-sm {
	width: 50px !important;
}
.remind-by label input {
	margin-right: 6px;
}
.invoice-number {
	padding-left: 20px;
}
.list-inline.payment-methods {
	padding-left: 15px;
	margin-left: 0px;
}

.break-select {
	height: 34px;
}
.additional-margin > .form-module-heading {
	margin-left: 10px;
	width: 95%;
}
.phase-row {
	padding-bottom: 10px;
}
.phase-checks {
	margin-right: 5px !important;
	text-align: center;
}
.phase-themes {padding-top: 10px; padding-bottom: 10px;}
.phases-info {
	padding: 10px;
	margin-top: 20px;
	border-color: #1abc9c;
}
.footer-info {
	border-color: #ea4b59;;
}
.responsive-form.user-profile-form {max-width: 2500px;}

.toggle > .toggle-group > .toggle-handle, .settings-touchspin-container .btn-default {
	background: #bdc3c7 !important;
	background: -moz-linear-gradient(top,  #f1f2f3 1%, #bdc3c7 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f2f3), color-stop(100%,#bdc3c7)) !important;
    background: -webkit-linear-gradient(top,  #f1f2f3 1%,#bdc3c7 100%) !important;
    background: -o-linear-gradient(top,  #f1f2f3 1%,#bdc3c7 100%) !important;
    background: -ms-linear-gradient(top,  #f1f2f3 1%,#bdc3c7 100%) !important;
    background: linear-gradient(to bottom,  #f1f2f3 1%,#bdc3c7 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f3', endColorstr='#bdc3c7',GradientType=0 ) !important;

    text-shadow: 1px 1px 0 rgba(0,0,0,0.25) !important;
    box-shadow: 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3) !important;
	border-color: #bac0c4 !important;
}
.settings-touchspin-container .btn-default {
	color: #617e96;
	font-weight: bold;
}
.settings-touchspin-container .btn-default:focus {
	color: #fff;
	background: #335068 !important;
}

.toggle > .toggle-group > .toggle-handle:hover , .toggle > .toggle-group > .toggle-handle:active, .settings-touchspin-container .btn-default:hover {
    background: #f1f2f3 !important;
	border: 1px solid #ddd !important;
}

.toggle > .toggle-group > .toggle-off, .btn.toggle-off {
    background-color: #ffffff !important;
    /*border-color: #bdc3c7 !important;*/
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.0) !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.0) !important;
    color: #1a1a1a !important;
}
.toggle > .toggle-group > .toggle-on, .btn.toggle-on {
    background-color: #008f40 !important;
    /*border-color: #bdc3c7 !important;*/
    color: #fff;
}
.booking-history-row .toggle > .toggle-group > .toggle-on, .btn.btn-sm.toggle-on {
	background-color: #008f40 !important;
}



.quickbooking {
	padding-left: 0px;
	padding-right: 0px;
}
.quickbooking-date {
	padding-right: 8px;
	display: inline-block;
	float: left;
}

.dash, .quickbooking-time, .autoselect-select {
	display: block;
	float: left;
	margin-right: 5px;
}

.shift-time-picker .autoselect-select {
	margin-bottom: 10px;
	float: none;
}

.quickbooking-date, .dash, .quickbooking-time {
	line-height: 30px;
}
.quickbooking-time i.fa {
	padding-right: 0px;
}
.quickbooking .btn-quick {
	background-color: #9b59b6;
}
.service-length1, .service-length2, .service-length3, .service-length4 {
	float: left;
}
.switch-button span.switch-text {
	float: left;
	display: block;
	margin-top: 8px;
	margin-left: 8px;
}

.switch-button toggle.calendar-toggle {
	float: left;
}
.switch-online-button toggle.calendar-toggle {
	float: left;
}
.switch-online-button span.switch-text {
	display: block;
	float: left;
}

.autoselect-select .ui-select-toggle {
	width: 100px;
	display: inline-block;
	float: left;
}
.autoselect-select .form-control {
	width: 100px !important;
	padding: 6px;
	height: 30px;
	margin-right: 5px;
}
.input_amount {
    width: 80px;
}

/*Booking*/
.booking-toggle-text {
	max-width: 85px;
	display: block;
	font-size: 0.8em;
}
.booking-toggle-container {
	display: inline-block;
	margin : 5px 15px 0;
	min-width: 70px;
}
.repeat-container, .add-container {
	width: 100%;
}
.booking-toggle-group {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #e5e5e5;
}
.show-xs-small .booking-toggle-group {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
}
.show-small .booking-toggle-group, .show-xs-small .booking-toggle-group {
	height: 53px;
}
.show-small .booking-toggle-title, .show-xs-small .booking-toggle-title {
	width: 58%;
}
.booking-toggle-column {
	margin-bottom: 6px;
}
.booking-toggle-title-content {
	padding-left: 17px;
}
.booking-toggle-title {
	margin-left: 10px;
    display: block;
    float: left;
	line-height: 1.3;
	font-size: 0.85em;
}
.booking-toggle-title-repeat {
	width: 80%;
}

.booking-toggle-title.booking-toggle-title-add {
	width: 40%;
}
.booking-toggle {
	display: block;
	float: left;
}
.booking-toggle.migration-toggle {
	float: none;
}
.datepicker > .datepicker-days > table tr td.range,
.datepicker > .datepicker-days > table tr td.range,
.datepicker > .datepicker-days > table tr td.range:hover,
.datepicker > .datepicker-days > table tr td.range.disabled,
.datepicker > .datepicker-days > table tr td.range.disabled:hover {
	background: #e2eff7;
}

.time-quick-range-picker {
	max-width: 160px;
	float: left;
	margin-left: 10px;
}

.booking-date-picker {
	float: left;
}
.booking-add-button {
	float: right;
}

.input-daterange {
	max-width: 350px;
	min-width: 300px;
}

.input-daterange-narrow {
	max-width: 135px;
	min-width: 135px;
}

.search-data-overflow, .form-control.select-data-overflow , .search-number {
	font-weight: 300;
}

.customer-title {
	min-width: 170px;
}
.employee-title, .employee-title:hover {
	max-width: 100px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customer-titles, .customer-titles:hover {
	max-width: 70px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table > thead > tr > th.table-filter, .table > thead > tr > th.no-heading, .table > thead > tr > th.table-button {
	border-top: none;
}

.table-details span {
	display: block;
}
.employee-row .table-details span{
	float: left;
}
.booking-header-buttons {
	position: relative;
}

.booking-header-button-row {
	margin: auto;
}

.booking-header-buttons > .booking-header-button-row > .booking-header-button {
	font-size: 1.0em;
	padding-bottom: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.booking-header-buttons > .booking-header-button-row > .booking-header-button.on-button {
	background-color: #008f40;
}

.booking-header-button > .fa {
	padding-right: 0px;
	color: #617e96;
}
.booking-header-button.on-button > .fa {
	color: #fff;
}
.booking-header-left {
	padding-right: 0px;
}
.booking-header-right {
	padding-left: 0px;
}

/*TUOTU CUSTOMERISTA*/

.booking-modal-header {
    padding: 8px 15px;
}


.booking-modal-header .la-line-spin-clockwise-fade {
    margin-top: 7px;
}


.booking-modal-header > .booking-modal-header-container > h3, .booking-modal-header > .booking-modal-header-container > div {
    display: inline-block;
}



@media only screen and (max-width: 690px) {
    .booking-modal-header > .booking-modal-header-container > h3, .booking-modal-header > .booking-modal-header-container > div {
        display: block;
    }
    .customer-modal-header > .customer-modal-header-container > .customer-right-header-button {
        width: 100%;
        display: block;
        float: none;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 7px;
    }

    .booking-modal-header .close {
        position: absolute;
        top: 5px;
        right: 5px;
    }

}
@media only screen and (min-width: 691px) {
	.booking-close {
		margin-left:10px;
	}
}



/*Customer*/


.customer-select > div > .custom-select > .customer-selector-button {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: absolute;
	top: 1px;
	right: 0;
	height: 28px;
	width: 50px;
	padding-left: 7px;
	padding-right: 5px;
	padding-top: 4px;
}

.customer-selector-open-button {
	z-index: 101;
}

.global-customer-selection > .dropdown-menu > .customer-select {
	margin-bottom: 1px;
}
.info-popover {
	font-size: 0.85em;
}
.info-popover-span {
	font-weight: bold;
}
.customer-selector-extra-info-column {
	font-size: 0.8em;
	color: #2e2e2e;
}
.customer-type-btn-group > .btn {
	min-width: 90px;
}
.customer-column-suggestion {
	min-height: 75px;
}
.hidden {
	display: none;
}
.customer-suggestions {
	padding-right:40px;
}
.customer-suggestions .customer-name-column {
	font-weight: bold;
	font-size: 0.9em;
}
.customer-suggestions .customer-extra-info-column {
	font-size: 0.7em;
}
.customer-suggestions > table > tbody > tr:hover {
	cursor: pointer;
	background-color: rgba(95, 121, 145, 0.39);
}
.customer-suggestions-expand-button {
	text-align: center;
	padding-top: 25px;
}
.customer-suggestions1 {
	-webkit-transition:width 0.15s ease-out !important;
	-moz-transition:width 0.15s ease-out !important;
	transition:width 0.15s ease-out !important;
}
.customer-info-col1 {
	-webkit-transition:width 0.15s ease-out !important;
	-moz-transition:width 0.15s ease-out !important;
	transition:width 0.15s ease-out !important;
}
.customer-info-width-suggestions {
	width: 75%;
}
.customer-suggestions-sidebar.ng-hide {
	visibility: hidden;
	opacity: 0;
	right: -150px;
	-webkit-transition: width 0.3s ease-out 0.1s, margin 0.3s ease-out 0.1s;
	-moz-transition: width 0.3s ease-out 0.1s, margin 0.3s ease-out 0.1s;
	-o-transition: width 0.3s ease-out 0.1s, margin 0.3s ease-out 0.1s;
	transition: width 0.3s ease-out 0.1s, margin 0.3s ease-out 0.1s;
}
.customer-info-col {
	-webkit-transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
	-moz-transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
	-o-transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
	transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
}
.extra-field-key {
	padding-left: 0px;
	padding-right: 0px;
}
.extra-field-value {
	padding-left: 0px;
	padding-right: 0px;
}

label.custom-template-label {
	margin-bottom: 3px;
}


/*
select.add-phone-email option[selected="selected"]  {
	white-space: nowrap;
	max-width: 20px;
	color: red;
}
*/

/* User profile*/

.user-profile-photo {
	max-width: 300px;
	max-height: 300px;
}

.user-profile-photo-button-container {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	top: 25%;
}
.user-profile-photo-button {
	width: 100%;
}
.profile-photo-panel {
	max-width: 330px;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	float: left;
	margin-bottom: 20px;
}

.change-password-form .responsive-form-column-full  {
	padding: 0 !important;
}
.change-password-form .responsive-form-column-half {
	padding: 0 0.65rem 0 0!important;
}

.change-password-button {
	clear: left;
	padding-top: 10px;
}
.old-user .btn-edit {
	margin-bottom: 5px;
}


/*Login*/
a.login-messages  {
	font-size: 0.85em;
}
.check-box-messages span {
	font-size: 0.92em;
}
.check-box-messages input {
	height: 0.8em;
}
.ajas-login .login-panel {
	margin-top: 7%;
}

.login-flags {
	/* min-width: 90px; */
	padding-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.login-flags a {
    cursor: pointer;
}

.login-flags img {
	padding-right: 10px;
	padding-left: 10px;
}

.login-error-text {
	margin-bottom: 5px;
	color: #cc0000;
	font-weight: bold;
}

/*Invoice */
.service-row-cell {
	width: 100%;
	/*border: 0;*/
	outline: none;
	cursor: pointer;
}

.service-row-cell:focus {
	width: 100%;
	border: 1px solid;
	outline-style: solid;
}
p.invoice-modal-field {margin-bottom: 0.35rem;}
.invoice-reference {margin-top: 0.8rem;}
.form-group.invoice-form-group, .form-group.purchase-invoice-form-group {margin-bottom: 0;}
.booking-toggle-container.invoice-toggle {margin-top: 0; margin-left: 0;}
legend.invoice-legend {font-size: 1.25em;}
.payments-input {width:100%;}
.amount-to-pay {border: 1px solid #ddd; padding: 4px;}
.payments-row label {margin-bottom: 3px;}
.previous-payments-row {margin-top: 50px;}
#invoices .responsive-form {max-width: 830px;}
.invoices-wide-buttons {padding-left: 32px; padding-right: 32px;}
.invoice-search-button {padding-left:0;}


/*Gift card*/
.gift-card-info-button {padding: 0;}
.btn.add-gift-card {margin-top: 5px;}
.gift-card-error-msg {color: #fff; display: block; padding:5px; font-size:1.1em;}
.gift-card-error {
    border-radius: 4px;
    background-color: #ea4b59;
}
.general-settings-info-sign > a {padding-right:0; padding-left: 1px;}
.gift-card-filters > .ui-select-bootstrap > .ui-select-choices {width: auto;}
.gift-card-info-headings .responsive-form-row {width: auto;}

.gift-card-head-filter, .gift-card-head-filter2 {font-weight: 300;}


/*Products*/
.product-label {margin-top: 8px;}
.product-details .form-module-heading {margin-left:0;}


/* Event log viewer */
.footer-left > div {margin-left: 5px; margin-right: 5px;}
.openable-log-container {
	display: inline-block;
}
.openable-log-icon-container, .openable-log-text-container {
	display: inline-block;
}
.openable-log-icon-container {
	font-size: 1.6em;
}
.openable-log-text-container {
	font-size: 0.85em;
}
.openable-log-text-title {
	font-weight: bold;
}
.full-log-view table {
	margin-bottom: 0px;
}
.full-log-view tfoot nav td, .full-log-view tfoot > tr > td {
	padding-bottom: 0px;
	border-top: 0px;
}
.latest-changes {
	border: #dddddd 1px solid;
	padding: 0px 6px;
	border-radius: 5px;
}
.latest-changes-show-full-log {
	width: 100%;
	font-size: 1.2em;
}
.quick-log-popover {
	min-width: 400px;
}


/*Tiedostot*/
.folder-path {
	color: #617e96;
	padding-right: 10px;
	text-transform: uppercase;}
.folder-list {border-top: 2px solid #ddd; margin-top: 15px;}

/*Potilaskertomus*/
.era-links ul {
		list-style-type: none;
	}
.era-links ul li {
	float: left;
	padding-right:20px;
}
.era-links ul li a {
	color: #044a06;
	cursor: pointer;
}
.era-links {
	padding-top: 10px;
}
.era-links.in-service-event {
	padding-top: 20px;
}
.era-links.in-service-event ul {
		padding-left:0;
		border-top: 1px solid #ccc;
	}
.era-links.in-service-event ul li {
    padding-top: 5px;
}
.era-links .open-era-link {
	font-weight: bold;
	font-size: 16px;
}

.icd-search {
    margin-bottom: 10px;
    margin-top: 10px;
}
.select-operation {
	width: 100%;
	height: 30px;
}
.operation-right input {
	width: 100%;
	height: 30px;
}
.operation-right {
	padding-left: 0;
}
.operation-left {
	margin-bottom: 5px;
}
.select-doctor {
	display: block;
	height: 30px;
	width: 100%;
}
.search-icd {
	height: 30px;
}
.add-diagnose {
	margin-top: 5px;
}
.info-icd-code-toggle > .info-content {
		left: 2%;
}
.patient-data-additions {
	margin-bottom: 10px;
}
.printable-documents {
	float: right;
}
.info-pdf-documents > .info-content {
		right: 3%;
}
.table > thead > tr > th.referral-th {
	padding:0;
}
.import-customer-info, h2.import-customer-info {
	margin-top: 10px;
}
.info-import-customers > .info-content {
		right: 0;
}
.row-adder-col .ui-select-match span > span {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 380px;

}
.payment-reminders-new-reminder-section .btn-add {
	margin-right: 8px;
}

/*Graafit*/
.input-group.graph-selection {
	width: 100%;
}
.col-graphs {
	padding-left: 6px;
	padding-right: 6px;
}
div.panel-body > div.col-graphs:nth-child(4) {
	padding-right: 0;
}
div.panel-body > div.col-graphs:nth-child(5) > button {
	float: right;
	margin-right: -10px;
	margin-top: 20px;
}

toggle.show-deleted > label.toggle-switch {
	margin-bottom: -12px;
	margin-right: 5px;
	margin-left: 2px;

}
label.show-deleted-label {
	font-weight: 300;
}

.col-xs-12.direct-reimbursement {
	text-align: right;
}
.table > tbody > tr.scheduled-service > td, .scheduled-service select {
	padding: 3px;
}



/* RESPONSIVE */


@media only screen and (max-width: 1400px) {
	.settings-theme-title {
		padding-left: 3px;
	}
	.theme-select {
		width: 100%;
	}
	.theme-select-button, .theme-selected-button {
		float: left;
	}
	.theme-select-container {
		padding-top: 0px;
	}
}

@media only screen and (min-width: 1300px) {
	.cash-register-selectors .booking-selectors-user, .cash-register-selectors .booking-selectors-office, .cash-register-selectors .booking-selectors-employee {
		width:20%;
	}
}

@media only screen and (max-width: 1300px) {
	.form-control {font-size: 12px;}
	.panel-heading {font-size: 12px;}
}

@media only screen and (max-width: 1175px) and (min-width: 1024px){
	.invoices-row td {
		position: relative;
	}
}

@media only screen and (max-width: 1130px) {
	.cancel-button > .btn-close {
		padding: 6px 3px;
	}
}

@media only screen and (min-width: 1024px) {
	#price-entry-input {
		margin-bottom: 10px;
		width: 120px;
	}
	.calendar-top-confirmation .type-selection-items {
		margin-left: 126px;
	}
	.in-visit-view .ui-select-match-text span {
		max-width: 130px;
	}
}

@media only screen and (max-width: 1024px) {
	.fc-center  h2 {font-size: 1.3em;}
	/*
	.profile-photo-panel {
		min-width: 30%;

	}*/

}
@media only screen and (max-width: 1023px) {
	.era-links ul {
		padding-left:0;
	}

}

/*
@media only screen and (max-width: 1023px) and (min-width: 375px) {
	.service-length2 {
		margin-left: 26px;
	}

}
*/
@media only screen and (max-width: 1023px) and (min-width: 768px) {

.in-visit-view .ui-select-match-text span {
		max-width: 110px;
	}
}

@media only screen and (max-width: 1240px) and (min-width: 641px) {
.table > thead > tr > th.show-deleted-services {
	padding-bottom: 10px;
}

}

@media only screen and (min-width: 1151px) {
	.info-booking-list, .filter-title {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.show-xs-small {
		display: none;
	}
	.show-small {
		padding-right: 0.65rem;
	}
	.remind-by {
		padding-left: 0.65rem;
	}
	.customer-suggestions-sidebar {
		display: block !important;
		visibility: visible;
		opacity: 1;
		top: 15px;
		right: 0;
		position: absolute;
		-webkit-transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
		-moz-transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
		-o-transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
		transition: width 0.3s ease-out, margin 0.3s ease-out, visibility 0.1s linear 0.3s, opacity 0.1s linear 0.3s;
	}
	.customer-suggestions-topbar {
		display: none !important;
	}
}

@media only screen and (max-width: 991px) {
	.show-small {
		display: none;
	}
	.show-xs-small .booking-toggle-group, .repeat-container {
		margin-left: 10px;
		margin-right: 10px;
	}
	.remind-by .booking-toggle-group {
		margin-left: -6px;
		margin-right: -6px;
	}
	.customer-suggestions {
		margin-left: 10px;
		margin-right: 10px;
	}
	.customer-info-width-suggestions {
		width: 100%;
	}
	.customer-suggestions-sidebar {
		display: none !important;
	}
	.customer-suggestions-topbar {
		display: block !important;
		visibility: visible;
		opacity: 1;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		max-height: 500px;
	}
	.customer-suggestions-sidebar-hidden {
		visibility: hidden;
		opacity: 0;
		height: auto;
		max-height: 0;
	}
}
@media only screen and (min-width: 992px) {

	.additional-service-start-time {
		padding-left: 0;
	}

	.group-size-selector {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width: 896px) {
	.responsive-form-column-half.paid-amounts {
		/*margin-top: -15px;*/
		width: 62%;
		margin-left: 3%;
		margin-bottom: 20px;
	}
	.responsive-form-column-half.pay-buttons {
		width: 62%;
		margin-left: 3%;
	}
	.total-payment-amount {
		padding-left: 20px;
	}
	.payment-sum-totals {
		padding-right: 52px;
	}
	.payment-sum-box {
		padding-right: 54px;
	}

}


@media only screen and (min-width: 768px) {
	.responsive-form-column-half.payment-amounts {
		/*margin-top: 15px;*/
		width: 35%;
	}
	.payments-btn-col {
		padding-top: 21px;
	}
	.table > tbody > tr.invoices-table > td {
		padding: 8px 6px;
	}
	.calendar-booking-icons {
	position: absolute;
	top: 0px;
	right: 0px;
	}
	.calendar-booking-icon-visit {
	}
	.calendar-booking-icon-unconfirmed {
	}
	.in-visit-view .ui-select-match-text span, .gift-card-select .ui-select-match-text, .selecting-service .ui-select-match-text {
		white-space:nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		float: left;
	}
	.patient-data-modal-parent > .modal-md {
		width: 700px;
	}
	.export-payments {
		float: right;
	}
}
@media only screen and (max-width: 895px) and (min-width: 768px) {
	.responsive-form-column-half.paid-amounts {
		/*margin-top: -15px;*/
		width: 65%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.responsive-form-column-half.pay-buttons {
		width: 65%;
		margin-left: 0;
	}
	.total-payment-amount {
		padding-left: 6px;
	}
	.payment-sum-totals {
		padding-right: 36px;
	}
	.payment-sum-box {
		padding-right: 38px;
	}
}
@media only screen and (max-width: 850px) and (min-width: 768px) {
	.responsive-form-column-half.pay-buttons .btn, .responsive-form-column-half.payment-amounts .btn.pending-invoices-btn {
		font-size: 12px;
	}
	.payments-col {padding-left:0;}
	/*
	.pay-buttons .fa, .payment-amounts .fa {
		padding-right: 8px;
	}
	*/

}

@media only screen and (min-width: 942px) {
	.service-length2, .service-length4 {
		padding-top: 8px;
		padding-left: 8px;
	}

}
@media only screen and (max-width: 941px) and (min-width: 768px) {
	.service-length4 {
		width: 70%;
	}
	.service-length4 {
		padding-top: 4px;
		padding-left: 8px;
	}
}

@media only screen and (max-width: 941px) and (min-width: 850px) {
	.service-length2 {
		padding-top: 8px;
		padding-left: 8px;
	}
}
@media only screen and (max-width: 849px) and (min-width: 768px) {
	.service-length2 {
		width: 80%;
		padding-top: 4px;
		padding-left: 8px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 425px) {
	.service-length4 {
		width: 85%;
	}
	.service-length4 {
		padding-top: 8px;
		padding-left: 8px;
	}
}

@media only screen and (max-width: 424px) {
	.service-length4 {
		width: 75%;
		padding-top: 4px;
		padding-left: 8px;
	}
	.direct-reimbursement .btn {
		margin-bottom: 7px;
	}

}


@media only screen and (max-width: 870px) {
	.quick-booking-bar .modal-footer .btn {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 12px;
		margin-top: 5px;
		width: 100%;
	}
	.quick-booking-bar .modal-footer {
		text-align: left;
		padding: 10px;
	}

	.quick-booking-bar .modal-footer .btn + .btn {
		margin-left: 2px;
	}
}

@media only screen and (min-width: 768px) {
	#calendar_office > select, #calendar_employee > select{
		/* height: 28px; */
		width: 100%;
		margin-top: 5px;
	}
	.row-background {
		height: 230px;
	}
	.settings-panel > .panel-body > #calendar_office > select {
		width: auto;
	}
	.old-service-template {
		width: 100%;

	}

	.row-adder-form .btn-add {
		display: block;
		float: right;
	}
	.invoice-row-adder .row-adder-form .btn-add {
		margin-right: 20%;
	}

	.row-adder-form .row-adder-col {
		padding-left: 0.65rem;
		padding-right: 0.65rem;
	}
	.invoice-row-adder .row-adder-form .row-adder-col {
		padding-right:0;
	}
	.row-adder-form .row-adder-col:nth-child(1) {
		padding-left: 15px;
	}

	.row-adder-col-with-title {
		margin-top: -23px;
	}

	.phase-button {padding-top: 20px;}
	.phase-column {padding-right: 0px;}
	.roles-defined {
		padding-top: 24px;
	}
	.booking-modal-break .booking-additional-details .responsive-form-column-full {
		margin-top: 0px;
	}

	.booking-additional-details .responsive-form-column-full {
		margin-top: -15px;
	}
	.row.row-adder-row {
		margin-right: 0;
	}
	ul.privilege-list li {
		min-height: 55px;
	}
	.btn-expandable .btn {
		float: right;
	}


}

@media only screen and (max-width: 768px) {
	.quickbooking-date, .quickbooking-time {
		font-size: 20px;
	}

	.quickbooking-date-clear {
		clear: left;
		margin-top: 5px;
	}
	.quickbooking-time-clear {
		margin-top: 5px;
	}
	.quickbooking-time-end-time .autoselect-select .form-control {
		margin-top: 5px;
	}

}



@media only screen and (max-width: 767px) {
	.time-picker .autoselect-select .form-control  {
		width: 100%;
	}
	/*
	.time-picker .autoselect-select {
		width: 100%;
	}
	*/
	.settings-group-heading {
		display: none;
	}
	#calendar_office  {
		margin-top: 5px;
	}
	#calendar_employee {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#calendar_office > select, #calendar_employee > select{
		width: 100%;
	}
	.old-service-template {
		width: 100%;
	}
	.start-time {
		padding-left: 0;
	}
	.touch-screen {
		margin-bottom: 6px;
	}
	.phase-button {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.settings-node-settings .col-xs-4 {
		margin-bottom: 15px;
	}
	.roles-defined {
		padding-top: 10px;
	}
	.break-select {
		margin-left: 10px;
	}
	.row-adder-col:nth-child(1) {
		margin-bottom: 7px;
	}
	.row-adder-col .btn-add {
		margin-top: 7px;
	}
	.row-adder-col .row-adder-label {
		margin-top: 7px;
		padding-left: 6px;
		font-weight: bold;
	}
	#sale-rows {
		padding-top: 10px;
	}
	.payment-sum-box {margin-bottom: 10px;
	}
	.total-payment-amount, .total-payment-label {
		padding-left: 8px;
	}
	ul.privilege-list li {
		min-height: 83px;
	}
	.gift-card-select {
		margin-top: 5px;
	}
	.footer-left {
		margin-bottom: 10px;
	}
	.btn-expandable label {
		display: none;
	}
	.btn-expandable .btn {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.kanta-search {
		margin-top: 8px;
	}
	.customer-patient-data-archive-select {
		margin-bottom: 8px;
	}
	.set-current-user-btn {
		margin-top: 0px;
		right: 14px;
	}
	.advanced-row-background {
		margin-bottom: 10px;
	}
	.advanced-row-first {
		margin-bottom: 5px;
	}
	.cash-register-btn {
		margin-top: 5px;
	}
	.btn.export-payments {
		margin-top: 5px;
	}
	.btn-cash-list {
		margin-top: 5px;
	}
	div.panel-body > div.col-graphs:nth-child(5) > button {
		margin-right: 0;
	}
}


@media only screen and (max-width: 664px) {
	.fc-refreshCalendarButton-button.fc-state-hover:before {
		top: 70px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1350px) {
	.table#bookingHistory > tbody > tr > td, .table#bookingHistory > thead > tr > th  {
		padding: 4px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 1240px) {

	.btn.on-button, .btn.off-button {
		padding: 5px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1150px) {
	.toggle.btn-sm {
		width: 40px !important;
	}
	.booking-toggle > .toggle.btn.btn-sm {
		min-width: 40px;
	}
	.panel-body.booking-list-panel, .panel-body.customer-list-panel, .panel-body.office-list-panel, .panel-body.employee-list-panel, .panel-body.service-list-panel, .panel-body.visit-list-panel, .panel-body.product-list-panel, .panel-body.gift-card-list-panel, .panel-body.generic-list-panel {
		padding: 10px;
	}
	.open-left .info-content  {
		right: 0;
	}
	.table#bookingHistory > thead > tr > th.on-off-buttons {
		padding-left: 0px;
		padding-right: 0px;
	}
	.select-data-overflow .form-control {
		height: 4em;
	}
	.unselect-value .fa {
		position: absolute;
		right: 0;
		background: #fff;
		display: block;
		top: 0;
		z-index: 10;
		line-height: 3.7em;
	}
	.booking-history-row .unselect-value .fa, .employee-row .unselect-value .fa, .visit-history-row .unselect-value .fa {
		line-height: 3.2em;
	}
	.ui-select-placeholder, .ui-select-match-text {
		white-space: normal;
		overflow: hidden;
		max-height: 36px;
		text-overflow: ellipsis;

	}
	.booking-history-row .ui-select-placeholder, .booking-history-row .ui-select-match-text, .visit-history-row .ui-select-placeholder, .visit-history-row .ui-select-match-text {
		max-width: 80px;

	}


	.selecting-service .select-data-overflow .form-control, .quick-booking-service .select-data-overflow .form-control {
		height: 30px;
	}
}

@media only screen and (min-width: 1101px) {
	.select-data-overflow.invoices-selections .ui-select-match-text, .select-data-overflow.invoices-selections .ui-select-match-text:hover {
	max-width: 70px;
	min-width: 70px;
}
.select-data-overflow.invoices-selections .ui-select-match-text, .select-data-overflow.invoices-selections .ui-select-match-text:hover {
	overflow: hidden;
    text-overflow: ellipsis;
	max-height: 3em;
	}
.booking-history-row  #officeSelector .ui-select-match-text {
	overflow: hidden;
	max-width: 105px;
	text-overflow: ellipsis;
}

}

@media only screen and (min-width: 960px) {
.switch-online-button span.switch-text {
	margin-top: 8px;
	margin-left: 8px;
}
}

@media only screen and (max-width: 767px) {
.switch-online-button span.switch-text {
	margin-top: 8px;
	margin-left: 8px;
}
}


@media only screen and (min-width: 641px) and (max-width: 1100px) {
.search-data-overflow , .search-data-overflow:hover {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-data-overflow, .search-data-overflow:hover  {
	max-width: 70px;
}

.select-data-overflow .ui-select-match-text, .select-data-overflow .ui-select-match-text:hover {
	max-width: 60px;
}

.gift-card-filters .ui-select-match-text, .gift-card-filters .ui-select-match-text:hover {
	max-width: 90px;
}


.select-data-overflow .ui-select-match-text, .select-data-overflow .ui-select-match-text:hover {
	overflow: hidden;
    text-overflow: ellipsis;
	max-height: 3em;
}

.selecting-service .select-data-overflow .ui-select-match-text, .selecting-service .select-data-overflow .ui-select-match-text:hover,
.quick-booking-service .select-data-overflow .ui-select-match-text, .quick-booking-service .select-data-overflow .ui-select-match-text:hover {
    max-width: none;
}

}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.employee-row .select-data-overflow .ui-select-match-text, .employee-row .select-data-overflow .ui-select-match-text:hover {
		max-width: 80px;
}
}

@media only screen and (min-width: 641px) and (max-width: 767px) {

	.body-full-size.invoices-embedded-table > td {
		padding: 3px;
		font-size: 0.83em;
	}
	.table > tbody > tr.invoices-table > td {
		padding: 8px 4px;
	}
	.payment-sum-totals {
		padding-right: 36px;
	}
	.payment-sum-box {
		padding-right: 38px;
	}
	.booking-history-row td , .customer-history-row td {
		position: relative;
	}
	/* Placeholdereita, jos listoihin tulevien sarakkeiden määrä kasvaa myös näissä. Huom: .invoices-row td on eri paikassa */
	/*.visit-history-row td , .office-row td, .employee-row td, .services-row td, .payments-list-row td {
		position: relative;
	}*/
}

@media only screen and (min-width: 641px) and (max-width: 745px) {
	.btn.on-button, .btn.off-button {
		padding: 3px;
	}
	.booking-header-buttons > .booking-header-button-row > .booking-header-button {
		font-size: 0.8em;
	}
}

@media only screen and (min-width: 641px) and (max-width: 900px) {
	.invoices-row td {
		position: relative;
	}
}

@media only screen and (min-width: 641px) {
	.block-headings, .mobile-table-sub-heading, .block-headings-collapsed, .show-more {
		display: none;
	}

	.data-overflow, .data-overflow .table-details {
		max-width: 70px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

	}

	.data-overflow:hover {
		max-width: 70px;
		overflow: visible;
		text-overflow: ellipsis;
		white-space: normal;
	}

	.data-overflow:hover .table-details {
		position: absolute;
		background-color: #eee;
		overflow: visible;
		padding-right: 5px;
		padding-left: 2px;
		border: 1px solid #ddd;
		max-width: 150px;
		word-break: break-word;
		white-space: normal;
		z-index: 99;

	}
	.data-overflow:hover .table-details span {
		display: inline;
	}
	.employee-list-office-name {
		line-height: 1.3em;
	}
	.fa.phone-icon, .fa.email-icon {
		display: none;
	}

	.data-overflow:hover .table-details.table-right-align {
		position: initial;
		margin-left: -20px;
	}
	.tdth-align-right {text-align: right;}
	.table > tbody > tr.invoice-rows-editable > td {
		line-height: 3;
	}
	.table > tbody > tr.invoice-rows-editable > td > input {
		line-height: 1.6;
	}
	.btn.sale-row-remove {
		float: right;
	}
	.table > tbody > tr > td.visible-customer-history {
		padding-top: 13px;
	}
	.btn-patient-data {
		float: right;
	}
	table > tbody > tr > td.btn-customer-history {
		padding-bottom: 0;
		padding-top: 5px;
	}
	.hide-in-desktop {
		display: none;
	}
	.reminder-heading-mobile {
		display: none;
	}
	.merge-action {
		float: right;
	}
	th.mobile-heading {
		display: none;
	}
	.btn-refresh-view.refresh-service-list-mobile {
		display: none;
	}
	.gift-card-head-filter {
		max-width: 170px;
		float: left;
	}
	.gift-card-head-filter2 {
		margin-left: 10px;
	}
	.cash-register-action-row .btn-block.btn-large-cash-register {
		max-width: 320px;
	}
}


@media only screen and (min-width: 1440px) {
	.services-row .data-overflow:hover .table-details, .file-action-row .data-overflow:hover .table-details {
		max-width: 370px;
	}
}

@media only screen and (max-width: 640px) {
    .block-table {
		display: block;
	}
	.headings-full-size {
		display: none;
	}
	.block-headings {
		font-weight: bold;
	}
	.input-sm {
		width: 50%;
	}
	.input-sm.search-data-overflow {
		width: 100%;
	}
	.service-list > .input-sm {
		width: 100%;
	}
	.no-heading {
		padding: 0px !important;
	}
	.table-filter > .input-sm {
		width: 100%;
	}
	/*
	.footer-left {
		margin-top: 10px;
	}
	*/
	.booking-add-button {
		/*float: left;*/
		margin-top: 10px;
	}
	.block-table-placeholder {
		display: none;
	}
	.table > thead > tr > th.block-table, .table > thead > tr.mobile-table-sub-heading > th  {
		border-bottom: none;
	}
	.table > thead > tr.mobile-table-sub-heading > th, .table > tbody > tr.mobile-table-sub-heading > td, th.mobile-heading {
		background-color: #b1dfff;
		font-weight: 300;
		text-transform: uppercase;
	}
	.table > thead > tr > th.search-filter, .table > thead > tr > th.on-off-buttons, .table > thead > tr > th.button-only {
		margin-bottom: 8px;
	}
	.table > thead > tr > th.button-only {
		padding-top: 0px;
	}
	th.mobile-heading {
		margin-top: 10px;
	}
	.booking-toggle {
		margin-bottom: 10px;
	}
	.info-booking-list .info-content {
		left: 3%;
	}
	.info-booking-list, .filter-title {
		display: none;
	}
	/*
	tr.body-full-size td:nth-child(1) {
		border-top: 2px solid #ddd;
	}
	*/
	.employee-id-block {
		min-height: 12px;
	}
	.attached-offices {
		min-height: 70px;
	}

	/* Uusi Mobiilinäkymä alkaa */
	tr.body-full-size td:nth-child(1).start-block, tr.body-full-size td:nth-child(1).service-name-block {
		border-top: none;
	}
	.table > tbody > tr > td.end-block, .table > tbody > tr > td.customer-block, .table > tbody > tr > td.show-block, .table > tbody > tr > td.select-block, .table > tbody > tr > td.show-more, .table > tbody > tr > td.phone-block, .table > tbody > tr > td.email-block, .table > tbody > tr > td.ssn-block {
		border-top: none;
	}
	.table > tbody > tr > td.show-more {
		padding: 0px;
	}

	/*Testausta animointia varten*/
	/*.toggle-mobile {
		visibility: hidden;
		opacity: 0;
		height: 0;
		position: absolute;
		width: 0;
	}
	.table > tbody > tr > .toggle-mobile {
		padding: 0;
		margin: 0;
	}*/


	.mobile-collapsed > .mobile-collapsing {
		display: none;
	}

	/* Jos haluaa vaikuttaa mobiilinäkymän aina näkyvään riviin */
	tbody > .mobile-expanded > .expanded-show-overflow, tbody > .mobile-expanded > .expanded-show-overflow > .table-details {
		overflow: visible;
	}
	/* End */

	.block-table .block-headings-collapsed, .table-details .end-date {
		display: none;
	}
	.start-block {
		width: 65%;
	}
	.end-block {
		width: 35%;
		padding-left: 0px;
	}
	.date-block {
		width: 35%;
	}
	.customer-name-block {
		width: 65%;
	}
	.table-details span.start-date, .table-details span.start-hour, .customer-block, .show-block, .select-block , .phone-block, .email-block, .service-block  {
		display: inline-block;
	}
	.hide-in-mobile {
		display: none;
	}
	.start-block, .end-block  {
		background-color: rgba(217,217,217,0.2);
		display: block;
		float: left;
	}
	.date-block, .customer-name-block, .service-name-block, .duration-block, .price-block, .generic-name-block {
		display: block;
		float: left;
	}
	.first-name-block, .last-name-block, .company-block {
		display: inline-block;
	}
	.booking-history-row .table-striped > tbody > tr:nth-of-type(odd), .customer-history-row .table-striped > tbody > tr:nth-of-type(odd), .visit-history-row .table-striped > tbody > tr:nth-of-type(odd), .services-row .table-striped > tbody > tr:nth-of-type(odd) {
		background-color: #fff;
	}
	.customer-block {
		width: 50%;
	}
	.show-block, .select-block {
		width: 22%;
		float: right;
	}
	.select-block .booking-toggle {
		margin-bottom: 0px;
	}
	.table-details .start-hour {
		float: right;
	}
	.company-block {
		width: auto;
	}
	.company-name {
		color: #335068;
		border-bottom: 1px dotted #ddd;
	}
	.first-name-block, .last-name-block {
		width: auto;
	}
	.table > tbody > tr > td.company-block {
		border-top: none;
	}
	.service-name-block {
		width: 100%;
	}
	.duration-block, .price-block {
		width: 35%;
	}
	.vat-block {
		clear: left;
	}
	.table > tbody > tr > td.first-name-block, .table > tbody > tr > td.last-name-block, .table > tbody > tr > td.service-block, .table > tbody > tr > td.date-block, .table > tbody > tr > td.customer-name-block, .customer-history-row .table > thead > tr > th.table-button, .customer-history-row .table > thead > tr > th.no-heading, .office-row .table > thead > tr > th.table-button, .office-row .table > thead > tr > th.no-heading, .employee-row .table > thead > tr > th.table-button, .employee-row .table > thead > tr > th.no-heading, .services-row .table > thead > tr > th.table-button, .services-row .table > thead > tr > th.no-heading, .table > tbody > tr > td.duration-block, .table > tbody > tr > td.price-block, .table > thead > tr > th.category-selection {
		border-top: none;
	}
	.table > tbody > tr > td.first-name-block {
		padding-right: 0px;
	}
	.table > thead > tr > th.category-selection {
		padding-top: 0;
		margin-bottom: 0;
	}
	.table > thead > tr > th.services-search {
		margin-bottom: 0;
	}

	.phone-block, .email-block, .service-block, .customer-info-block {
		width: 78%;
	}
	.end-hour::before {
		content: "-   ";
		margin-right: 8px;
	}
	.start-date, .start-hour, .end-hour, .customer-first-name, .customer-last-name, .company-name, .visit-date, .visit-customer-name, .service-name, .generic-name {
		font-weight: bold;
	}
	.data-overflow.customer-block, .data-overflow.customer-block .table-details  {
		/*max-width: 150px;*/
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.data-overflow.customer-block:hover {
		max-width: 150px;
		overflow: visible;
		text-overflow: ellipsis;
		white-space: normal;
	}
	.data-overflow.customer-block:hover .table-details {
		position: absolute;
		background-color: #eee;
		overflow: visible;
		padding-right: 5px;
		padding-left: 2px;
		border: 1px solid #ddd;
		max-width: 150px;
		word-break: break-word;
		white-space: normal;
	}
	.panel-body.booking-list-panel {
		padding: 10px;
	}
	tr.body-full-size {
		border-bottom: 2px solid #ddd;
	}
	.show-more {
		text-align: center;
		width: 100%;
		float: left;
	}
	.show-more .fa {
		font-size: 1.3em;
		color: rgba(97,126,150,0.7);
		text-shadow: rgb(255, 255, 255) 1px 1px 0px;
		display: block;
	}
	.fa.phone-icon, .fa.email-icon {
		color: #617e96;
	}
	.customer-history-row .show-block {
		padding-bottom: 0px;
	}
	.services-view > .panel-body > .row > .list-inline {
		margin-bottom: 8px;
	}
	.invoice-row-adder .row-adder-form {
		padding-bottom: 10px;
	}
	.footer-right button, .modal-footer .footer-right .btn + .btn {
		margin-bottom: 10px;
	}
	.invoice-search-button {
		display: none;
	}
	.table > thead > tr > th.invoice-i-hidden {
		padding:0;
	}

	.list-footer-buttons > button {
		width: 100%
	}
	.merge-action {
		margin-right: 10px;
	}
	.btn-refresh-view.refresh-service-list {
		display: none;
	}
	.table > thead > tr > th.show-deleted-services {
		margin-bottom: 10px;
	}
	.gift-card-head-filter2, .gift-card-head-filter2 > select {
		width: 100%;
	}

	.service-optional-block {
		width: 100%;
		border: none !important;
	}

	.service-optional-button {
		width: 50%;
	}

	.service-optional-add-button {
		width: 100%;
	}

	.service-optional-no-border-block {
		border: none !important;
	}

	.service-optional-select {
		width: 100% !important;
	}

}

.list-footer-buttons > button {
	margin-top: 5px;
	/*margin-left: 8px;*/
}


@media only screen and (max-width: 579px) {
	.start-block {
		width: 67%;
	}
	.end-block {
		width: 33%;
	}
}
@media only screen and (max-width: 500px) {
	.migrate-info .info-content {
		right:0;
	}
	.merge-action {
		margin-top: 10px;
	}
}

.migrate-info {
	font-size: 1.3em;
}

@media only screen and (max-width: 425px) {
	.start-block {
		width: 70%;
	}
	.end-block {
		width: 30%;
	}

}

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

	.time-quick-range-picker {
		max-width: 160px;
		margin-left: 0px;
		margin-top: 10px;
		margin-right: 10px;
}
}

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

	.fc .fc-toolbar > * > * {
		margin-left: 2px !important;
	}
	.visit-area-rigth, .visit-services, .visit-services > select, .total-price {
		width: 100%;
	}
	.visit-area-right {
		float: none !important;
	}
	.row-background {
	height: 500px;
	}
	.info-icd-code-toggle.btn.btn-infoicon {
		padding-left: 5px;
	}
}
@media only screen and (min-width: 431px) {
	.icd-search {
		float:right;
		max-width: 348px;
	}
	.btn.btn-mass-email {white-space: normal;}
}

.icd-search.w-100 {
	float: none;
	max-width: none;
}

@media only screen and (max-width: 430px) {
	.btn {
		white-space: normal;
	}
	.table > thead > tr > th.search-filter {
		padding-left: 0px;
	}
	.input-sm {
		width: 55%;
	}
	.input-sm.search-data-overflow {
		width: 100%;
	}

	#calendar_office, #calendar_employee  {
		width: 100%;
	}

	#fullcalendar {
		margin-top: 10px;
		padding-bottom: 30px;
	}
	.input-group > ul > li > .ng-isolate-scope > table > tbody > tr > td.ng-scope > .btn-sm {
		font-size: 11px;
	}
	.fc-toolbar > .fc-left > .fc-button, .fc-toolbar > .fc-right > .fc-button, .fc-toolbar > .fc-right > .fc-button-group > .fc-button, .modal-footer > .btn, .footer-left .btn, .footer-right .btn, .action-menu-container .btn {
		padding: 6px 6px;
		font-size: 12px;
	}
	.modal-footer > .btn, .booking-modified-text {
		margin-top: 5px;
	}
	.fc table {
		font-size: 12px !important;
	}
	.modal-footer {
		text-align: left;
		padding: 10px;
	}
	.type-selection, .touch-screen-alternative, .additional-one, .additional-two {
		font-size: 12px;
	}
	.btn-type , .cancel-button > .btn-close {
		padding: 6px;
		font-size: 12px;
	}
	.type-selection-items {
		padding-left: 0px;
		padding-right: 0px;
	}
	.date-box-button > .btn-default {
		padding: 6px 8px;
	}
	.info-moodselector > .info-content {
		right: 0;
	}
	.info-moodselector-left > .info-content {
		left: 0;
	}
	.openable-log-icon-container {
		font-size: 1.4em;
	}
	.openable-log-text-container {
		font-size: 0.80em;
	}
	/*
	.info-tables-bookings > .info-content, .info-tables-visits > .info-content, .info-tables-revenue > .info-content, .info-tables-working-hours > .info-content, .info-tables-commission > .info-content {
		top: 140%;
		right: 0;
	}
	*/
	.info-table > .info-content {
		top: 140%;
		right: 0;
	}

}

@media only screen and (min-width: 425px) {
	.booking-toggle-title-repeat {
		margin-top: 10px;
	}
	/* .booking-toggle-title {

	} */

}
@media only screen and (min-width: 375px) {
	.panel-body.phases-body {
		padding: 5px;
	}
	.info-booking-toggle > .info-content {
		left: 10%;
	}

}

@media only screen and (max-width: 374px) {
	.panel-body.phases-body {padding: 0px;}
	.phases-panel {border: none;}
	.fc-toolbar.custom-injected .fc-right {float: left; margin-left: 25%;}
	.fc-toolbar.custom-injected .fc-left {margin-left: 25%;}
	.profile-photo-panel {
		min-width: auto;
	}
	.user-profile-photo {
		max-width: 230px;
	}
	/*
	.footer-right button, .modal-footer .footer-right .btn + .btn {
		margin-bottom: 10px;
	}
	*/
	.input-daterange {
		min-width: 270px;
	}
	.service-length2 {
		margin-left: 0px;
		width: 100%;
	}
	.btn.btn-migration {
		padding: 6px 4px;
	}
	.info-booking-toggle > .info-content {
		left: 3%;
	}

}

@media only screen and (max-width: 335px) {
	.info-service > .info-content {
		right: -6%;
	}
	.fc-toolbar.custom-injected .fc-right {margin-left: 21%;}
	.fc-toolbar.custom-injected .fc-left {margin-left: 21%;}
}



/*Responsive välejä*/


@media only screen and (min-width: 768px) and (max-width: 880px) {
	.time-picker {
		padding-left: 0px;
	}
}

@media only screen and (min-width: 850px) and (max-width: 1023px) {
	#price-entry-input {
	margin-bottom: 10px;
	width: 80px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 849px) {
	#price-entry-input {
	margin-bottom: 10px;
	width: 60px;
	}
	.body-full-size.invoices-embedded-table > td {
		padding: 6px 3px;

	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.modal-dialog {
    width: 90%;
	}
}


@media only screen and (min-width: 451px) and (max-width: 767px){
	.row-background {
		height: 430px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.roles-defined {
		padding-left: 0px;
		padding-right: 0px;
}
}



/*
@media only screen and (min-width: 1024px) and (max-width: 1230px) {
	.booking-time-selector {width: 50%;}
	.booking-selectors {width: 33%; padding-top: 4px;}
}
*/
@media only screen and (max-width: 1299px) and (min-width: 1024px) {
	.global-datepicker {width:70%; margin-bottom: 5px;}
	.booking-selectors-user, .booking-selectors-office, .booking-selectors-employee, .booking-selectors-filter {width: 40%;}
}


@media only screen and (max-width: 1023px) and (min-width: 1000px)  {

	.booking-selectors-user, .booking-selectors-office, .booking-selectors-employee, .booking-selectors-filter {width: 24%;}
}
@media only screen and (max-width: 999px) and (min-width: 641px) {
	.global-datepicker {width:70%; margin-bottom: 5px;}
	.booking-selectors-user, .booking-selectors-office, .booking-selectors-employee, .booking-selectors-filter {width: 38%;}
}
@media only screen and (max-width: 640px) {
	.global-datepicker {width:auto; margin-bottom: 5px;}
	.booking-selectors-user, .booking-selectors-office, .booking-selectors-employee, .booking-selectors-filter {width: 100%; margin-bottom: 5px;}
	.global-selections {margin-bottom:5px;}
	.btn-refresh-view.refresh-booking-view {margin-top: 10px;}
}

@media only screen and (max-width: 541px) {
	.btn-booking-list-actions {margin-top: 10px;}
}
/*
@media only screen and (min-width: 660px) and (max-width: 959px) {
	.booking-time-selector {width: 50%;}
	.booking-selectors {width: 33%; padding-top: 4px;}
}
@media only screen and (min-width: 431px) and (max-width: 659px) {
	.booking-time-selector {width: 50%;}
	.booking-selectors {width: 100%; padding-top: 4px;}
}


@media only screen and (min-width: 400px) and (max-width: 430px) {
	.booking-time-selector {width: 50%;}
	.booking-selectors {width: 100%; padding-top: 4px;}
}
@media only screen and (max-width: 399px) {
	.booking-time-selector {width: 50%;}
	.booking-selectors {width: 100%; padding-top: 4px;}
}
*/

@media only screen and (max-width: 530px) and (min-width: 390px) {
.autoselect-select.office-hours-selection .form-control {
    width: 70px !important;
}
}

@media only screen and (min-width: 390px) and (max-width: 460px) {
	.booking-break {width: 60%;}
	.booking-add {width: 40%;}

}

@media only screen and (max-width: 389px) {
	.booking-break {width: 100%;}
	.booking-add {width: 100%; padding-top: 5px;}
	.autoselect-select.office-hours-selection .form-control {
    width: 60px !important;
}
}

@media only screen and (max-width: 424px) {
	table.service-class-table {
		table-layout: fixed;
		word-break: break-all;}
	.service-class-button  {
		display: none;}
	.service-class-column-6 {
		width: 40%;}
	.service-class-column-3 {
		width: 100%;}
	.btn-icon-mobile {
		padding-right: 0px;
	}
}

@media only screen and (max-width: 460px) {
	#features-list > .btn {
		width: 100%;
		margin-bottom: 10px;
	}
	.booking-toggle-title {
		width: 65%;
	}
	.show-xs-small .booking-toggle-title {
		width: 50%;
	}
}
@media only screen and (max-width: 374px) {
	.drag-drop {
		width: 230px;
	}
	.booking-toggle-title {
		width: 65%;
	}
	.show-xs-small .booking-toggle-title {
		width: 50%;
	}
	.modal-footer .btn + .btn {
		margin-left: 2px;
	}
	.table > thead > tr.gift-card-collection > th, .table > tbody > tr.gift-card-collection > td {
		padding: 5px;
	}
	.front-page-no-services-text {
		font-size: 1.15em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.navbar-right .dropdown-menu {left: 0;}
}
@media only screen and (max-width: 767px) {
	.desktop {
		display: none;
	}
	.customer-patient-data-entry-datepicker {
		padding-bottom: 10px;
	}
	.entry-type {
		margin-bottom: 15px;
	}
}
@media only screen and (min-width: 768px) {
	.mobile {
		display: none;
	}
	.get-service-events-button {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 340px) {
	.toggle-shifts > div > toggle > .btn , .toggle-edit > div > toggle > .btn{width: 50px !important; padding: 6px 8px;}
	.toggle-shifts > div > toggle > .btn  > .toggle-group > .btn , .toggle-edit > div > toggle > .btn  > .toggle-group > .btn {padding: 6px 8px;}
	.action-bar-center > .btn {padding: 6px 8px;}
}
@media only screen and (min-width: 680px) {
	.office-open-hours {margin: 0 10%;}
}

@media only screen and (max-width: 350px) {
	.office-open-hours {padding: 20px;}
	.phases-body > div > div > .office-open-hours {padding: 5px;}
}

@media only screen and (min-width: 650px) {
	.front-page-header > img {
		width: 250px;
	}
}

@media only screen and (max-width: 649px) and (min-width: 500px) {
	.front-page-header > img {
		width: 170px;
		margin-left: 0px !important;
}
}
@media only screen and (max-width: 499px) and (min-width: 400px) {
	.front-page-header > img {
		width: 155px;
		margin-left: 0px !important;
		margin-top: 30px !important;
}
}
@media only screen and (max-width: 399px) {
	.front-page-header > img {
		max-width: 150px;
		width: 100%;
		margin-left: 0px !important;
		margin-top: 35px !important;
}
}



/*Niklas lisännyt. Kaikki on käytössä */




.invoice-paid {
	color: black;
}

.invoice-not-paid {
	color: red;
}

.invoice-extra-paid {
	color:green;
}

.highlighted-employee,
.highlighted-employee:link,
.highlighted-employee:visited,
.highlighted-employee:hover,
.highlighted-employee:active {
	color: #008f40;
}

.unattached-call {
	background-color: grey !important;
}




#time-select a {
	background-color: transparent;
	border: 0;
}

#time-select span {
	color: #337ab7;
}


.st-selected {
 background-color: rgba(217,217,217,0.8) !important;
}


.fc-view-container {
	/* max-width: 100%; */
	max-height: 100%;
	overflow: auto;
}


/*Loading indicator*/
.la-ball-pulse {
	color: #617e96 !important;
	margin-left: auto;
	margin-right: auto;
}



@media only screen and (min-width: 641px) and (max-width: 991px) {

/*

.th-test {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/



th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform:
    /* Magic Numbers */
    translate(0px, 0px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  max-width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
}


.fc-highlight-booking {
	background: #a6a6a6 !important;
}
.calendar-actions-bar {
	position: fixed;
	background: white;
	width: 100%;
	z-index: 9999;
	left: 0;
	top: 0;
}
.btn-mode-edit.active {
	-webkit-box-shadow: 0 6px 4px -1px #0099FF;
	-moz-box-shadow: 0 6px 4px -1px #0099FF;
	box-shadow: 0 6px 4px -1px #0099FF;
}
th[st-sort] {
	cursor: pointer;
}
#fullcalendar > .mobile-popover {
	top: 0 !important;
	left: 0 !important;;
	display: block !important;
	position: fixed;
	min-width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.popover .btn-quick {
	margin-right: 5px;
	height: 2.5em !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.popover .btn-ok {
	float: right;
}
.popover .btn-cancel {
	float: left;
}

@media only screen and (max-width: 768px) {
	.quick-booking-bar {
		position: fixed;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%);
	}
}
@media only screen and (max-width: 550px) {
	.quick-booking-bar {
		min-width: 85%;
	}
}

@media only screen and (min-width: 766px) {
	.quick-booking-bar {
		position: absolute;
	}
}

.quick-booking-bar {
	/*width and left are set from JS code*/
	background: white;
	z-index: 1000;
	top: 0;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.toggle {
	display: inline-grid;
}

.toggle-title {
	/*display: inline-grid; */
	margin-right: 3px;
	font-size: 0.8em;

}
.toggle-shifts {
	line-height: 0.9em;
	color: #34495e;
}

.toggle-edit {
	margin-left: 4px;
	padding-right: 4px;
	line-height: 0.9em;
	color: #34495e;
}
.toggle-break {
	line-height: 0.9em;
}
.filter-title {
	font-size: 0.7em;
	margin-left: 3px;
	font-weight: 300;
	text-transform: uppercase;
}


.action-bar-left {padding-right: 0px;}
.action-bar-center {text-align: center; padding-left: 0px; padding-right: 0px;}




.all-employees .all-employess-hidden {
	display: none;
}
.single-employee .single-employee-hidden {
	display: none;
}

.pointer-cursor {
	cursor: pointer;
}

.customer-select .dropdown-menu .pagination > li {
	display: inline;
}

.global-customer-selection .dropdown-menu li a {
	padding: 3px 17px;
}


.global-customer-selection > .dropdown-menu {
	min-width: 370px;
}


.customer-select > div > .custom-select > .customer-selector-choices {
	max-height: none;
}

.customer-select > .dropdown-menu > .panel {
	margin-bottom: -1px;
}

toggle {
	max-width: 80px;
}

toggle > div {
	max-width: 80px;
}

.animated-transitions {
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.animated-transitions-fast {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}



.animate-show {
	visibility: visible;
	opacity: 1;
	-webkit-transition:visibility 0.15s linear, opacity 0.15s linear !important;
	-moz-transition:visibility 0.15s linear, opacity 0.15s linear !important;
	transition:visibility 0.15s linear, opacity 0.15s linear !important;
}

.animate-show.ng-hide {
	visibility: hidden;
	opacity: 0;
}



.user-profile-selected-user-name {
	font-size: 1.5em;
	float: left;
}
.user-profile-selected-user-status {
	float: right;
}


/* Kokeiluja kalenteritapahtuman sisällön pop-uppiin

a.booking-calendar-event:hover {
	position: absolute;
	min-height: 100px;
	max-width: 300px;
	z-index: 3 !important;

}
a.booking-calendar-event:hover.booking-calendar-event {background-color: #ccc !important;}
.fc-time-grid-event.fc-short .fc-title {
    font-size: inherit !important;
}
*/

.calendar-container {
	position: relative;
}

.loading-overlay {
	background-color: white;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 6;
}

.loading-content {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.booking-loading-overlay {
	top: 0;
	left: 0;
	opacity: 0.85;
}

.payment-loading-overlay {
	top: 0;
	left: 0;
}

.translucent-full-loading-overlay {
	top: 0;
	left: 0;
	opacity: 0.85;
}

@media screen and (max-height: 600px) {
	.booking-loading-content {
		top: 150px;
	}
}

.booking-loading-content {
	/*transform: translate(0%, 70%);
    height: 50%;*/
	top: 250px;
}

.small-loading-content {
	top: 75px;
}



.customer-info-loading-content {
	top: 30px;
}

#calendar-loading-overlay {

}

.calendar-loading-content {
	top: 150px;
}

#quick-booking-loading-overlay {
	width: 95%;
	opacity: 0.7;
}

.quick-booking-loading-content {
	top: 100px;
}

.no-shadow {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}


.calendar-no-employees-on-shift {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #e14f1c;
}

/*Kanta*/

.kanta-logo {
	max-height: 30px;
	margin: 5px;
}
.kanta-search {
	padding-top: 8px;
}
.kanta-search span {
	margin-left: 10px;
}

.customer-info-glyphicon {
	color: #008f40;
}


.custom-touch-spin .btn {
	background-color: white !important;
	color: black;
}

.custom-touch-spin input {
	background-color: #efefef;
}

.booking-modified-text {
	font-size: 0.8em;
}

.visit-write-protected-bottom-text {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 0.8em;
}

.btn-icon-div {
	width: 10px !important;
	float: left;
	/*position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);*/
}

.btn-text-div {
	width: 85% !important;
	float: right;
}



.booking-clock-select {
	width: 100%;
}

.fc-agendaDay-view .fc-day-grid {
	/*Hides all day row */
	display: none;
}

.fc-agendaWeek-view .fc-day-grid {
	/*Hides all day row */
	display: none;
}

.fc-week_breaks-view .fc-day-grid {
	/*Hides all day row */
	display: none;
}

.fc-day_breaks-view .fc-day-grid {
	/*Hides all day row */
	display: none;
}

.fc-week_shifts-view .fc-day-grid {
	display: block;
}

.fc-day_shifts-view .fc-day-grid {
	display: block;
}

.unavailable-ui-select-option
{
	color: #a4a8a4;
}

.available-ui-select-option
{
}

.calendar-header-buttons {
	position: relative;
}

.calendar-header-button-row {
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 20%);*/
	min-height: 34px;
	padding-top: 5px;
	margin: auto;
	text-align: center;
}

.calendar-header-buttons > .calendar-header-button-row > .calendar-header-button {
	margin-right: 3px;
	margin-left: 3px;
	font-size: 1.2em;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #fff;
    border: 1px solid #ccc;
}

.calendar-header-button > .fa {
	padding-right: 0px;
	color: #617e96;
}

.disable-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100000;
	cursor: not-allowed;
}

.fl-scrolls {
	z-index: 1001;
}

.startup-logo {
	float: left;
	margin-top: 19px;
	margin-left: 13px;
}
.startup-name {
	color: #617e96;
	display: inline-block;
	margin-top: 10px;
	padding-right: 10px;
	float: left;
	line-height: 1.3em;
	padding-left: 15px;
	border-left: 1px solid #e7e7e7;
	font-size: 23px
}
.startup-subtitle {
	text-align: center;
	font-size: 18px;
}

.calendar-bg-booking-title {
	margin-right: 7px;
	color: #efefef;
}

.role-select {
	max-width: 250px;
}

.toggle-row {
	padding-left: 10px;
}

.toggle-row.selected {
	background-color: #c3d7e7;
}

.toggle-row.selected:hover {
	background-color: #bcd0e0;
}

.toggle-row:hover {
	background-color: #efefef;
}






/* Jos käytössä luokka "laajennettu" */

@media only screen and (min-width: 641px) {
/*
.data-overflow {
    max-width: initial;
}
*/
}

/* End laajennettu */



.booking-details-container {
	position: relative;
}

.booking-details-small {
	font-size: 16px;
}

.booking-details-small-info-text {
	max-width: 120px;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.booking-details-expanded {
	display: none;
}

.booking-details-small:hover + .booking-details-expanded, .booking-details-expanded:hover  {
	display: block;
	position: absolute;
	top: 0;
	z-index: 5;
	background-color: #eee;
	overflow: visible;
	padding-right: 5px;
	padding-left: 2px;
	border: 1px solid #ddd;
	max-width: 150px;
	white-space: normal;
}

.settings-touchspin-container .btn-default {
	background: (linear, left top, left bottom, color-stop(1%,#f1f2f3), color-stop(100%,#bdc3c7));
}

.calendar-sync-disabled {
	color: #f20e0e;
	font-weight: bold;
}

.calendar-sync-enabled {
	color: #00980c;
	font-weight: bold;
}

.google-cal-loading {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}


.quick-booking-service-length-toggle {
	margin-top: 7px;
	font-size: 11px;
}

.booking-service-length-toggle {
	margin-top: 7px;
	font-size: 11px;
}
.gift-card-toggle {
	font-size: 11px;
}
.gift-card-h3 {
	margin-top: 0px;
}
.gift-card-length  .toggle.btn-xs {
	width: 69px !important;
	height: 20px !important;
}

.quick-booking-service-length-toggle > toggle > div, .booking-service-length-toggle > toggle > div {
	max-width: 50px;
}

.quick-booking-service-length-toggle > span, .booking-service-length-toggle > span{
	margin-left: 7px;
}


.row-adder-label {
	font-weight: normal;
	font-size: 11px;
}

.selector-disabled {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(100, 100, 100, 0.13);
}

.selector-common {
	position: relative;
}

.selector-diagnosis {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}


.details-textarea {
	/* Varauslomakkeen lisätietokentät */
	min-height: 6em;
}

/*
	Valitsimien valinnan poistonapin alku
 */

.selector-common .ui-select-toggle {
	padding: 0;
}
.gift-card-select .selector-common .ui-select-toggle {
	padding: 6px;
}

.selector-common .ui-select-match .text-muted {
	padding: 6px;
	line-height: 2.12;
}

.btn-open.customer-selector-button {
	border: 1px solid transparent;
}

.selector-common.customer-select .selected-clear{
	/* Tilaa asiakkaan avausnapille */
	margin-right: 47px;
}


/*
.selector-common .ui-select-toggle > .ui-select-match-text {
	line-height: 2.4;
}
*/

.selector-common .ui-select-toggle > .ui-select-match-text > .selected-item-text, .customer-name-selected-item-text {
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 2.12;
}
.block-table .customer-name-selected-item-text {
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 0.9;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.block-table .customer-name-no-privs {
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1;
}

.in-visit-view .selector-common .ui-select-toggle > .ui-select-match-text > .selected-item-text {
	padding-top: 0;
	padding-bottom: 0;
}

/*
.customer-in-visit .selector-common .ui-select-toggle > .ui-select-match-text > .selected-item-text {
	line-height: initial;
}

.invoice-selections .selector-common .ui-select-toggle > .ui-select-match-text > .selected-item-text {
	line-height: initial;
}
*/


/*
.selector-common .ui-select-toggle > .ui-select-placeholder {
	padding-left: 6px;
	line-height: 2.4;
}
*/

.selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear {
	line-height: 2.12;
	margin-left: 1px;
	text-align: center;
	display: inline-block;
	width: 25px;

	background-color: #f3f3f3;
	border-radius: 50%;
	/* Outline */
	/*box-shadow: 0 0 0 1px #dedede;*/

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	height: 25px;
	position: absolute;
    right: 5px;
    top: 5%;
	z-index: 99;
}
@media only screen and (max-width: 1150px) and (min-width: 641px) {
.booking-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear, .employee-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear, .visit-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear {
	line-height: inherit;
	margin-left: inherit;
	text-align: inherit;
	display: inline-block;
	width: inherit;

	background-color: inherit;
	border-radius: inherit;
	/* Outline */
	/*box-shadow: 0 0 0 1px #dedede;*/

	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	height: inherit;
	position: inherit;

}
.booking-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:hover, .employee-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:hover, .visit-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:hover {
	background-color: inherit;
}

.booking-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:active, .employee-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:active, .visit-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:active {
	background-color: inherit;
}
.booking-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-item-text, .employee-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-item-text, .visit-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-item-text {
	padding-left: inherit;
	line-height: inherit;
}
.booking-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear > .fa, .employee-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear > .fa, .visit-history-row .selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear > .fa {
	/*font-size: inherit;*/
	padding-right: 3px;
	padding-left: 4px;
	/*width: 25px;*/
}
.booking-history-row  .selector-common .ui-select-toggle, .employee-row  .selector-common .ui-select-toggle, .visit-history-row  .selector-common .ui-select-toggle {
	padding: 6px;
}
.booking-history-row .selector-common .ui-select-match .text-muted, .employee-row .selector-common .ui-select-match .text-muted, .visit-history-row .selector-common .ui-select-match .text-muted {
	padding: 0;
	line-height: inherit;
}
}

.selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:hover {
	background-color: #cbd4d4;
}

.selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:active {
	background-color: #83ced4;
}

/*
.selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear:hover > .fa{
	font-size: 1.45em;
} */

.selector-common .ui-select-toggle > .ui-select-match-text > .selected-clear > .fa{
	padding: 0;
	font-size: 1.15em;
}


/*
	Valitsimien valinnan poistonapin loppu
 */

.row-height-small .fc-time-grid .fc-slats td {
	height: 1.0em;
}

.row-height-medium .fc-time-grid .fc-slats td {
	height: 1.5em; /* FullCalendar default value */
}

.row-height-large .fc-time-grid .fc-slats td {
	height: 2.3em;
}

.row-height-xlarge .fc-time-grid .fc-slats td {
	height: 3.0em;
}

.clearfix:after, .clear {
	clear: both;
}

.missing_input {
	-webkit-transition: all ease-out 0.3s;
	-moz-transition: all ease-out 0.3s;
	transition: all linear 0.3s;
	background: #f8c9d3;
	border: 1px #dd0000 solid;
}

/* Hide disabled options instead of just greying them out from the context menu in calendar view */
.dropdown-menu > .disabled {
	display: none;
}

.file-attach-drag {
	margin-left: auto;
	margin-right: auto;
	padding: 45px;
}
.file-attach-button-container {
	width: 170px;
	margin: 5px auto;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
}
/*
.file-attach-button {
	width: 65%;
}
*/
.file-upload-panel {
	min-height: 130px;
	min-width: 270px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	text-align: center; /* Keskittää sisällä olevan div.drag-drop:n */
}

.file-attach-panel {
	min-height: 130px;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	margin-bottom: 0px;
}

.alert-small {
    margin-bottom: 0px;
    padding: 5px;
}

.icon-alert-color {
	color: red;
}

.icon-warn-color {
	color: darkorange;
}

.audio-listener-container {
    position: fixed;
    bottom:0%;
    width:30%;
		right: 20px;
		border-style: solid !important;
		border: 1px;
		border-color: black;
}

.audio-listener-content {
	height: 300px;
}

.audio-listener-header {
	background-color: #335068;
	height: 20px;
	color: white;
}

.audio-listener-console nav ul {
	list-style: none;
	position: relative;
	overflow: hidden;
	overflow-y: scroll;
}

.calendar-head-floating {
	position: fixed;
	top: 0em;
	z-index: 2;
    background-color: rgba(245, 245, 245, 0.8);
}

.custom-modal {
  display: block;
	overflow-y: auto;
	z-index: 1045;
	background-color: rgba(0, 0, 0, 0.5);
}

.custom-modal-backdrop {
	position: fixed;
	top: 0;
	right: 50px;
	bottom: 0;
	left: 0;
	z-index: 1040;
}

.modal-dialog {
  z-index: 1045;
	/*width: 80%;*/
}

.disabled-button, .disabled-button:hover, .disabled-button:focus, .disabled-button:active, .disabled-button:active:focus {
	background-color: rgba(82, 82, 82, 0.14);
	border: 1px solid #000000;
	color: gray;
	cursor: not-allowed;
}

.exchange-disabled-text {
	display: inline-block;
	margin-left: 10px;
	max-width: 300px;
}


.exchange-help-text {
	display: inline-block;
	margin-left: 10px;
	max-width: 550px;
}

tr > .fc-axis.fc-time {
	color: #999999;
	font-size: 0.8em;
}

.table-time-highlight {
	color: #000000;
	font-size: 1.2em;
}

.display-box-container {
	border: 1px solid grey;
	border-radius: 5px;
}

.form-module-heading:hover a {
	color: #23527c;
	text-decoration: underline;
}

.disable-scrolling {
	overflow: hidden;
}

.gift-card-table > tbody > tr:not(.not-selectable):not(.st-selected){
	cursor: pointer;
}

.gift-card-table.table-hover > tbody > tr:hover:not(.not-selectable){
	background-color: #a8d5ff;
}

.table-hover > tbody > tr:hover:not(.not-selectable){
	background-color: #d9eaff;
}
/*
.gift-card-table > tbody > tr.st-selected {
	background-color: #b7ebff !important;

} */

.gift-card-table .checkmark-header {
	width: 2em;
}

.gift-card-table .gift-card-checkmark {
	font-size: 2em;
	color: rgba(0, 0, 0, 0);
}

.gift-card-table .gift-card-remove-icon {
	cursor: pointer;
	font-size: 2em;
	color: #ef0000;
}

.gift-card-table .gift-card-remove-icon:hover {
	color: #ab0000;
}

.gift-card-table .st-selected .gift-card-checkmark {
	color: #00bf00;
}

.gift-card-info-text-title {
	margin-bottom: 0px;
}

.gift-card-info-text {
	margin-left: 8px;
	margin-bottom: 2px;
}

.gift-card-pay-field {
	margin-bottom: 0px;
}

.gift-card-pay-field > input {
	width: 33%;
}

toggle[disabled]  {
	cursor: not-allowed;
	pointer-events: none;
	box-shadow: none;
	opacity: 0.55;
}

toggle[disabled] > .toggle > .toggle-group > .toggle-on, .btn.toggle-on {
	background-color: #779685 !important;
}

.table-compact {
	margin-top: 5px;
}

.table-compact > thead > tr > th, .table-compact > tbody > tr > td  {
	padding-top: 3px;
	padding-bottom: 3px;
}

.on-drag-hover {
	font-size: 150%;
}

.table.table-striped  tr.on-drag-hover {
	background-color: #23527c;
}

.folder-item:hover {
	cursor: pointer;
	font-size: 120%;
}


.file-item:hover {
	cursor:pointer !important;
	/* font-size: 120%; */
}

.icon-folder {
	height: 20px;
	transition: all 0.2s ease-out;
}

/*
.icon-folder-parent{
} */

.file-item .file-name {
	cursor: pointer;
}

.file-item .file-name-container:hover .file-name {
	background-color: #eee;
	overflow: visible;
	padding-right: 5px;
	border: 1px solid #ddd;

}

.file-item .file-name-container:hover .file-name {
	background-color: #eee;
	overflow: visible;
	padding-right: 5px;
	border: 1px solid #ddd;

}

.icon-folder:hover {
	height: 22px;
}


.template-field-row:hover {
	cursor: pointer;
}

.btn-change-stock {
	padding: 1px 12px;
}

.customer-actions-menu {
	display: inline-block;
}

.btn.btn-more.btn-more-icon.w-100 > span {
	font-size: 14px
}

.settings-node-settings > div > div > label {
	display: block;
}

.migration-needed-text-and-btn {
	margin-left: 3.5em;
}

.migration-needed-text {
	margin-bottom: 5px;
	padding-top: 10px;
}

.invoice-row-input {
	border: 1px solid #ddd;
	padding: 6px;
	border-radius: 4px;
}

.invoice-row-input:focus {
	border-color: #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 231, 231, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231, 231, 231, .6);
}

.template-toggle-label {
	margin-left: 5px;
}

.template-toggle-container > .row {
	margin-bottom: 7px;
}
/*
.template-toggle {

} */

.template-toggle > .toggle.btn-sm {
	min-width: 59px;
}

.la-line-spin-clockwise-fade {
	color: #617e96 !important;
}


.patient-data-modal .la-line-spin-clockwise-fade {
	margin-right: 10px;
}

.selecting-service {
	z-index: 1;
}

.date-disabled {
	min-height: 30px;
	text-align: center;
	line-height: 30px;
}

.dock-sidebar-toggle {
	cursor: pointer;
	width: 100%;
}

.dock-sidebar-toggle > span {
	text-align: right;
	transition: all 0.5s ease-out;
}

.dock-sidebar-toggle.normal-sidebar > span {
	font-size: 20px;
	width: 100%;
	padding-right: 10px;
}

.dock-sidebar-toggle.dock-sidebar:hover > span {
	transition: all 0.4s ease-out;
	padding-right: 20px;
}

.dock-sidebar-toggle.normal-sidebar:hover > span {
	transition: all 0.4s ease-out;
	padding-right: 15px;
}

.dock-sidebar-toggle.dock-sidebar > span {
	width: 60px;
	padding-right: 25px;
}

.sidebar ul li {
    border-bottom: none;
}

/*Valikon pikkukuvakkeet "dock"*/
@media (min-width: 1024px) {
	.dock-sidebar .sidebar {
		transition: all 0.3s ease;
	}

	.dock-sidebar .navbar-default .sidebar {
		width: 60px;
	}

	.dock-sidebar #page-wrapper {
		margin-left: 60px;
	}

	.dock-sidebar .sidebar .sidebar-text {
		transition: width 0.4s ease-out;
		color: white;
		opacity: 0;
		font-size: 1.25rem;
		margin-top: 5px;
		position: absolute;
		white-space: nowrap;
		overflow: hidden;
		width: 0px;
	}

	.dock-sidebar .sidebar .fa {
		font-size: 2.0em;
	}

	.dock-sidebar .sidebar a {
		transition: all 0.3s ease-out;
		width: 60px;
	}


	.dock-sidebar .sidebar .sidebar-nav > ul > li > a, .dock-sidebar .sidebar .sidebar-collapsing-section > ul > li > a{
		height: 50px;
	}

	.dock-sidebar .sidebar li > a:hover {
		transition: width 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;
		width: 20rem;
		font-size: 17px;
		padding: 7px 0 0 13px;
		border-radius: 0px 20px 20px 0px;
	}

	.dock-sidebar .sidebar li > a:hover > .sidebar-text {
		transition: width 0.4s ease-out;
		opacity: 1;
		width: auto;
	}

	.dock-sidebar .sidebar .sidebar-collapsing-section .nav-second-level li a {
		padding-left: 17px;
	}

	.dock-sidebar .sidebar .sidebar-collapsing-section .nav-second-level  {
		background-color: whitesmoke;
		display: none;
	}

	.dock-sidebar .sidebar .sidebar-collapsing-section .collapse-arrow  {
		/*position: absolute;
		top: 0;
		bottom: 0;
		right: -3px;
		line-height: 3.2rem;
		font-size: 1.6rem;*/
		display: none;
	}
}

.settings-panel toggle > .toggle {
	min-width: 69px;
}

.settings-panel .message-title {
	margin-top: 5px;
}

.settings-panel .no-tabs > .nav-tabs{
	display: none;
}

.service-translations > div {
	padding-right: 0px;
	margin-bottom: 3px;
}

.btn-export-csv-icon:before {
	content: "\f019";
	font-family: FontAwesome;
	color: #777;
	padding-right: 10px;
}

.employee-list-admin-user {
	font-weight: bold;
}

.employee-list-admin-user .fa-key {
	padding-right: 0px;
	color: #617e96;
}

.arrow-collapse-button {
	/*position: absolute;
	z-index: 5;
	transform: translate(-50%, 0%);
	left: 50%;*/
	text-align: center;
	font-size: 20px;
	margin-top: -13px;
	color: rgba(97,126,150,0.7);
	text-shadow: rgb(255, 255, 255) 1px 1px 0px;
	margin-bottom: -21px;
}

.arrow-collapse-button:hover {
	font-weight: bold;
	color: rgba(0,0,0,0.8);
	text-shadow: none;
}
.arrow-collapse-button .fa {
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 15px;
	padding: 1px 3px 3px;
	font-size: 16px;
}

table > tbody > .customer-history-expandable > td {
	border-top-width: 0;
	padding-top: 0;
	padding-bottom: 2px;
}
table > tbody > .customer-history-expandable > td > div.in.collapse {
	padding-top: 8px;
}
.customer-history-row-bg {
	background-color: rgba(217,217,217,0.2);
}

.file-service-disabled-title {
	font-size: 24px;
}

.file-service-disabled-text {
	margin-top: 7px;
}

.btn-file-service-enable {
	margin-top: 7px;
}

.file-service-status-text {
	margin-right: 5px;
}

.file-service-status-number {
	margin-right: 9px;
	font-weight: bold;
}

.file-service-status-progress {
	margin-top: 3px;
}

.file-service-status-progress-green .progress-bar {
	background-color: #82e082;
}

.file-service-status-progress-yellow .progress-bar {
	background-color: #ffeb37;
}

.file-service-status-progress-red .progress-bar {
	background-color: #ff6469;
}

.file-service-status-progress-text {
	color:#333333;
	padding-left: 5px;
	padding-right: 5px;
	white-space:nowrap;
	font-weight: bold;
}

.file-service-status {
	margin-bottom: 20px;
}
.file-service-status .panel > .panel-body{
	padding-top: 5px;
	padding-bottom: 5px;
}

.file-upload-panel label {
	font-size: 17px;
}

.files-attach-panel {
	margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
	.files-attach-panel {
		margin-top: 20px;
	}
}

.btn-file-service-order-icon:before {
	content: "\f0a0";
	font-family: FontAwesome;
	padding-right: 10px;
}

.file-service-order-slider-container {
	width: 100%;
	margin: 10px 0;
}
.employee-service-order-slider-text {
	margin-top: 10px;
}
.employee-service-order-slider-bold {
	font-weight: 700;
}
.file-service-order-slider {
	-webkit-appearance: none;
	width: 100%;
	height: 15px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.file-service-order-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #4CAF50;
	cursor: pointer;
}

.file-service-order-slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #4CAF50;
	cursor: pointer;
}

.file-service-order-slider-bold {
	font-weight: bold;
}

.file-service-order-slider-text {
	margin: 5px 0;
}

.file-upload-activity-indicator {
	position: absolute;
	padding-left: 5px;
}

.file-attacher-activity-indicator {
	display: inline-block;
	position: absolute;
	margin-left: 5px;
}

.attach-file-target-button-container > .selected-files-count {
	font-weight: bold;
}

.attach-file-target-button {
	margin-top: 5px;
}

.customer-patient-data-input > .input-group {
	margin-bottom: 7px;
}

.customer-patient-data-archive-select {
	/*min-width: 250px;*/
	width: 100%
}

.customer-patient-data-activity-indicator {
	position: absolute !important;
	top: 0px;
	right: -30px;
}

.customer-patient-data-event-create-activity-indicator {
	display: inline-block !important;
	position: absolute !important;
	top: 0px;
	margin-left: 10px;
}

.customer-patient-data-select-activity-indicator {
	position: absolute !important;
	top: 5px;
	right: 35px;
	height: 20px !important;
	width: 20px !important;
}
.customer-patient-data-entry-datepicker {
	margin-top: -23px;
}

.service-event-stat-end-row {
	margin-top: 7px;
	margin-bottom: 7px;
}

.patient-data-service-event-prompt {
	text-align: left;
	margin-bottom: 7px;
}

.patient-data-service-event {
	padding-bottom: 15px;
}

.patient-data-open-service-event, .patient-data-add-entry, .patient-data-search {
	background: rgba(177, 223, 255, 0.5);
	padding: 8px;
}

.patient-data-service-event-actions, .patient-data-entry-actions, .patient-data-search-actions {
	padding: 10px;
	border: 2px solid rgba(177, 223, 255, 0.5);
}
.patient-data-search-actions {
	margin-bottom: 15px;
}

.open-close-service-event, .search-archive {
	padding-top: 10px;
}

.open-close-buttons {
	margin-bottom: 5px;
}
.glyphicon.glyphicon-info-sign.glyphicon-patient-data {
	color: rgb(0,102,160);
	font-size: 18px;
}

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

.icon-find {
	color: #777;
}

.patient-data-archive > .row {
	margin-bottom: 7px;
}

.patient-agreement-info-text {
	margin-bottom: 7px;
}

.patient-agreement-button {
	margin-top: 7px;
}

.holiday-selection {
	margin-top: 7px;
}

.holiday-selection-row {
	height: 40px;
}

.holiday-selection-row .toggle {
	margin-top: 3px;
}

.holiday-selection-row .holiday-selection-text {
	line-height: 40px;
	margin-left: 10px;
}

.user-menu-item {
	clear: both;
	cursor: pointer;
	display: inline-block;
	padding: 3px 15px;
}

.user-menu-item:hover {
	color: #262626;
	background-color: #f5f5f5;
}

.user-menu-icon-col {
	width: 15%;
	float: left
}

.user-menu-text-col {
	width: 85%;
	float: left
}

.merge-confirm-row {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #c3c3c3;
}

.merge-confirm-row label {
	margin-bottom: 5px;
}

.merge-confirm-row .fa {
	padding-right: 10px;
	padding-left: 10px;
}

.merge-customer-top-level-row {
	font-size: 1.2em;
}

.merge-customer-top-level-row > tr > td{
	padding-top: 10px;
}

@media only screen and (max-width:1700px) {
	.select-merge > .booking-toggle {
		padding-right: 0px;
	}
}
@media only screen and (min-width:1400px) {
	.select-merge > .booking-toggle {
		float: right;
	}
}

.customer-merge table {
	margin-bottom: 2px;
}

.customer-merge > table > tbody > .merge-customer-top-level-row:not(:first-child){
	border-top: solid 10px darkgrey;
}

.employee-list-office-name {
	margin-right: 4px;
}

.employee-list-office-name-plus {
	font-weight: bold;
}

.employee-list-office-name-icon {
	width: 17px;
}

.employee-list-office-details-legend {
	font-size: 0.8em;
}
.employee-list-office-details-legend > i{
	margin-right: 0;
}

.accounting-guide-button {
	margin-top: -6px;
	padding: 5px 7px;
}

.advanced-settings-panel-body {
	padding-top: 0;
}
.advanced-settings-panel {
	margin: 10px 0 20px;
}

.advanced-settings-panel-title {
	font-size: 1.3em;
	font-weight: bold;
}

.advanced-settings-title {
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 5px;
	text-decoration: underline;
}

.navigation-back-button:hover{
	color: #ccc;
	cursor: pointer;
}

.user-profile-col {
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}

.write-protected-visit {
	float: left;
	margin: -15px 15px 0;
}


.write-protected-button.w-100.margin_bottom_10 {
	margin-left: -15px;
}

.identifier {
    display: inline-block;
    font-size: 0.8em;
}

.btn-quick-payment {
	font-size: 12px;
	padding: 4px 8px;
}

.title-quick-payment {
	font-size: 0.85em;
	text-decoration: underline;
	font-weight: bold;
	margin-bottom: 4px;
}

.invoice-company-contact-name {
	font-size: 0.8em;
}

.customer-selector-company-name {
	margin-top: 0px;
	/*margin-left: 6px;*/
}

.customer-selector-company-contact-name {
	/*margin-left: 6px;*/
	font-size: 0.75em;
	margin-top: -2px;
}

.patient-data-section a {
    cursor: pointer;
	color: #1a1a1a;
}

.patient-data-as-text textarea {
    min-height: 200px;
}

.office-advanced-settings-row {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
}

.picker-date-change-element{
	width: 25px;
	cursor: pointer;
	text-align: center
}

.picker-date-change-element .picker-date-change-arrow {
	padding: 0;
	margin: 0;
	font-size: 1.5rem;
}

.datepicker-next-prev .picker-date-change-element > a {
	padding: 0;
}

.fake-fc-day-grid {
	z-index: 2;
	position: relative;
	display: block;
	box-sizing: content-box;
	height: 36px;
}

.table-striped > tbody > .deleted-booking-row {
	background-color: rgba(255, 0, 0, 0.2) !important;
}

.table-striped > tbody > .deleted-booking-row:nth-of-type(odd) {
	background-color: rgba(205, 87, 87, 0.2) !important;;
}

.table-striped > tbody > .queued-booking-row {
	background-color: rgba(0, 0, 255, 0.2) !important;
}

.table-striped > tbody > .queued-booking-row:nth-of-type(odd) {
	background-color: rgba(87, 87, 255, 0.2) !important;;
}

.table-striped > tbody > .deleted-row {
	background-color: rgba(255, 0, 0, 0.2) !important;
}

.table-striped > tbody > .deleted-row:nth-of-type(odd) {
	background-color: rgba(205, 87, 87, 0.2) !important;;
}

.table-striped > tbody > .refunded-row {
	background-color: rgba(251, 146, 16, 0.2) !important;
}

.table-striped > tbody > .refunded-row:nth-of-type(odd) {
	background-color: rgba(251, 146, 16, 0.35) !important;;
}

.table-striped > tbody > .failed-row {
	background-color: rgba(251, 146, 16, 0.2) !important;
}

.table-striped > tbody > .failed-row:nth-of-type(odd) {
	background-color: rgba(251, 146, 16, 0.35) !important;;
}

.customer-star-icon {
	color: #fa0000;
	padding-right: 0px;
}

.customer-star-icon-not-current {
	color: #fabe00;
	padding-right: 0px;
}

.customer-star-icon-expired {
	color: #4e4e4e;
	padding-right: 0px;
}

.booking-color-select {
	width: 120px;
}

.booking-color-select .booking-color-selected {
	width: 90%;
	height: 100%;
	display: block;
	min-height: 15px;
	min-width: 90px;
}

.booking-color-select .booking-color-option {
	width: 100%;
	height: 100%;
	display: block;
	min-height: 20px;
}

.booking-color-select .ui-select-choices {
	min-width: 120px;
}

.booking-color-select .ui-select-match {
	min-width: 120px;
}

.booking-subtitle {
	font-size: 14px;
}

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

	.booking-color-select .ui-select-choices {
		min-width: 100px;
	}

	.booking-color-select .ui-select-match {
		min-width: 75px;
	}

	.booking-color-select .booking-color-selected {
		min-width: 30px;
	}

	.mobile-dropdown {
		left: 10px !important;
	}
	.actions-dropdown-booking > li > a {
		font-size: 1.2rem !important;
	}

	.booking-subtitle {
		font-size: 11px;
	}
}

.actions-dropdown-booking {
	z-index: 1050;
}

.calendar-booking-icons {
	width: 30px;
	text-align: right;
}

.calendar-booking-icon {
	display: inline;
	text-align: right;
}

.customer-popover {
	z-index: 5000;
}

.employee-select {
	width: 85% !important;
	display: inline;
}

.customer-list-details:not(:hover) {
	display: block;
	max-height: 30px;
	max-width: 150px;
}

.yellow-triangle-icon{
	color: #ffdc00;
	display:block;
	float:left;
}
.yellow-triangle-text {
    margin-left: 3.5em;
	font-weight: 300;
	margin-bottom: 5px;

}
.giftcard-list-details:not(:hover) {
	display: block;
	max-height: 30px;
	max-width: 150px;
}

.email-settings-title{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: large;
	color:#617e96;
	font-weight: 300;
}

.context-menu{
	cursor: pointer;
}

.email-settings-warning-icon{
	color:red;
}

.warning-icon{
	color:red;
}

.disable-text-highlighting{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
}

.password-form-show-hide-button, .password-form-show-hide-button:focus, .password-form-show-hide-button:hover{
	background-color: white !important;
    color: black;
	border: 2px solid #ddd;
	height: 30px;
	width: 30px;
	border-style: outset;
	padding-left: 5px;
	padding-top: 3px;
}

.password-form-autocreate-button{
	border: 2px solid #ddd;
	height: 30px;
	width: 60px;
	background-color: #3498db;
	color: white;
	border: 1px solid #3498db;
	-webkit-box-shadow: 0 6px 4px -4px #777;
       -moz-box-shadow: 0 6px 4px -4px #777;
			box-shadow: 0 6px 4px -4px #777;
	border-radius: 2px;
	line-height: 1;
	font-size: 0.9em;
}

.password-input-form{
	display: flex;
	padding-bottom: 10px;
}

.customer-view .col-md-6 > label, .customer-view .col-md-12 > label {
	margin-top: 5px;
}

.file-sync-module {
	width: 90%;
}

.gift-card-warning {
	margin-top: 10px;
}

.gift-card-warning > label {
	margin: 10px 0;
}

.gift-card-notification {
	margin-top: 10px;
}

.gift-card-notification > label {
	margin: 10px 0;
	display: inline;
}

.gift-card-notification > i {
	display: inline;
}

.red-triangle-icon{
	color: #ff0000;
	display:block;
	float:left;
}

.on-off-buttons-small {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.on-off-buttons-small button {
	max-width: 30px;
	padding-left: 6px;
}

.session-table .st-selected .session-icon {
	color: #000000;
}

.session-table .session-icon {
	color: #DBDBDB;
}

.list-select-toggle {
	margin-bottom: -5px;
}

.list-actions-for-selected-menu-container {
	border-top: none !important;
	position: relative;
}

.sick-days-adder {
	width: 45px;
	margin-right: 15px;
}

.sick-days-text {
	margin-right: 15px;
}

.healthcare-div {
	margin-right: 9px;
}

.healthcare-button {
	top: 15px;
}

.healthcarerow-adder {
	margin-left: 0px;
	padding-left: 15px;
}

@media only screen and (min-width: 641px)  {
	.list-actions-for-selected-menu {
		position: absolute;
		top: 35px;
		right: 0;
	}

	.list-actions-for-all-menu {
		position: absolute;
		top: 35px;
		right: 230px;
	}
}

.cash-register-change-operation {
	font-size: 1.5em;
	margin-bottom: 15px;
}

.cash-register-change-amount {
	display: inline-block;
	width: 200px;
}

.visit-row-referral-text {
	font-size: 0.9em;
	padding-left: 5px;
}

.badge-green {
    background-color: #008f40;
}

.badge-yellow {
    background-color: #ffdc00;
    color: black;
}

.badge-blue {
    background-color: #335068;
}

.badge-red {
    background-color: #e73241;
}

abbr[title] {
  text-decoration: none;
}

/* EDIT STYLE ABOUT TEXT */
.ui-select-toggle {
	overflow: hidden;
}

.evaluation-tabs textarea {
    height: 250px;
}

/* SMS */

.remaining-sms .count {
    font-size: 4em;
}

.sms-package {
    display: inline-block;
    border: 1px solid #aaa;
    text-align: center;
    padding: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.color-green {
    color: green;
}

.color-red {
    color: red;
}

.color-orange {
    color: orange;
}

/* Styles for mobile size details */
.dropdown-separator {
	border-bottom: 1px solid lightgrey;
	width: 97%;
	margin: auto;
}

.li-padding-sm {
	padding: 6px 0;
}

.dropdown-larger-text {
	margin-left: -10px;
	font-size: 18px !important;
	word-break:normal !important;
	white-space: normal !important;
}

/* ***************************** */
.form-control-decoration {
	border: 1px solid #ddd;
	font-size: 13px;
	padding: 6px;
	box-shadow: none;
}

.ie-warning-toast {
	position: fixed !important;
	bottom: 12px;
	right: 12px;
}

.header-ie-warning {
	display: inline-block;
	background-color: #BD362F;
	color: white;
	max-width: 400px;
	padding: 5px 5px 5px 15px;
	border-radius: 3px 3px 3px 3px;
}

.header-ie-warning-text {
	font-size: 0.8rem;
}

.btn-small {
    height: 24px;
    font-size: 0.8em;
}

.deleted-item {
	background-color: rgba(255, 0, 0, 0.2) !important;

}

.triangle-bottom-left {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 0 20px;
	border-color: transparent transparent transparent #616161;
	cursor: pointer;
}

.visit-row-price-menu-triangle {
	display: inline-block;
}


.html-edit-dialog {
	height: 600px;
}

.ta-editor.form-control.myform1-height, .ta-scroll-window.form-control.myform1-height  {
	min-height: 500px;
	max-height: 500px;
	height: auto;
	overflow: auto;
	font-family: inherit;
	font-size: 100%;
}

.form-control.myform1-height > .ta-bind {
	height: auto;
	min-height: 500px;
	padding: 6px 12px;
}

.dropdown-user a {
    cursor: pointer;
}

.two-factor-toggle-button {
	width: 200px;
	white-space: normal;
}
.two-factor-toggle-button > .fa {
	line-height: 4rem;
	float: left;
	font-size: 3em;
}

.two-factor-enable-activity-indicator {
	margin-top: 12px;
	margin-bottom: 8px;
}

.two-factor-enable-activity-indicator > .la-line-spin-clockwise-fade {
	float: left;
}

.two-factor-enable-activity-indicator > .two-factor-activity-text {
	display: block;
	margin-top: 5px;
}

.two-factor-enable-activity-indicator > .two-factor-activity-text > b {
	margin-left: 12px;
}


.col-sm-1-5, .col-sm-2-5, .col-sm-3-5, .col-sm-4-5, .col-sm-5-5, .col-sm-6-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 768px) {
	.col-sm-1-5, .col-sm-2-5, .col-sm-3-5, .col-sm-4-5, .col-sm-5-5, .col-sm-6-5 {
		float: left;
	}
	.col-sm-6-5 {
		width: 54.1%;
	}
	.col-sm-5-5 {
		width: 45.8%;
	}
	.col-sm-4-5 {
		width: 37.5%;
	}
	.col-sm-3-5 {
		width: 29.1%;
	}
	.col-sm-2-5 {
		width: 20.8%;
	}
	.col-sm-1-5 {
		width: 12.4%;
	}
}

text-angular .form-control {
    height: auto;
    min-height: 150px;
}
.schedule-calendar-container {display: flex; width: 100%; height: 90vh; flex-direction: column; overflow: hidden;}
.schedule-calendar-content { flex-grow: 1; border: none; margin: 0; padding: 0; }



@media (min-width: 640px) {
	.stick-to-right-recurring-order {
		position: sticky;
		right: 0;
		background-color: #FFFFFF;
	}

	.table-relative {
		position: relative;
	}
}

.unconfirmed-user-email-text {
	font-size: 12px;
}
.unconfirmed-user-email-link {
	margin-bottom: 3px;
}
.unconfirmed-user-email-delete {
	margin-left: 7px;
}

.mass-message-table-row {
	background-color: rgba(217,217,217,0.2);
}

.mass-message-batch-table .mass-message-table-info-row > td{
	border-top: 1px dotted #eaeaea;
	padding-left: 25px;
}

.archive-link {
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
}

.ui-select-options-auto-width {
	width: auto !important;
}

.service-selector-not-visible-online-icon, .service-selector-not-visible-online-icon-selected {
	display: inline !important;
}
.service-selector-not-visible-online-icon > img, .service-selector-not-visible-online-icon-selected >img {
	width: auto;
	height: 17px;
}

.recurring-booking-button {
	min-width: 175px;
}

@media (max-width: 990px) {
	.recurring-booking-button {
		width: 100%;
	}
}

label {
	margin-bottom:3px;
}

/* Muutetaan tämä olemassaoleva noin alustavasti */
.customer-view .col-md-6 > label, .customer-view .col-md-12 > label {
  margin-top: 10px;
}

.row-adder-col > .ui-select-container > .ui-select-choices > li > .ui-select-choices-row > .ui-select-choices-row-inner > span:first-child,
.quick-booking-service > .ui-select-container > .ui-select-choices > li > .ui-select-choices-row > .ui-select-choices-row-inner > span:first-child,
.booking-view-content .selecting-service > .ui-select-container > .ui-select-choices > li > .ui-select-choices-row > .ui-select-choices-row-inner > span:first-child
{
	white-space: pre-wrap;
}

.capitalize:first-letter {
	text-transform: capitalize;
}

.customer-name-customer-id {
	display: inline !important;
}

.commissíon-level-dialog .rela-card-commission-table td {
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}

.commissíon-level-dialog .rela-card-commission-table td {
	border-bottom: 1px solid #e2e2e2;
}

.no-padding {
	padding: 0 !important;
}

.modal-xl {
	width: 95%;
	max-width: 2200px;
}

.chatbot-hidden {
	display: none !important;
}

.password-strength-meter .progress {
	margin-bottom: 0;
}

.password-change-row {
	display: flex;
	flex-wrap: wrap;
}

.password-change-col {
	flex: 1 1 50%;
	min-width: 250px;
	box-sizing: border-box;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 7px;
}

@media (max-width: 600px) {
	.password-change-col {
		flex-basis: 100%;
		min-width: 100%;
	}
}

.btn-group-keep-inline {
    display: inline-flex;
    flex-wrap: nowrap;
}