/**
	Default Font sizes, colors
*/
body, label, input, button, select, textarea, select, textarea, input[type="text"], input[type="password"]
	, input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"]
	, input[type="time"], input[type="week"], input[type="number"], input[type="email"]
	, input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
	, .konnect-ui-select-single .dropdown-menu
{
	font-size: 13px;
}
input[type="checkbox"], input[type="radio"]
{
	font-size: 16px;
}

/**
 Default values for customers who do not use stylesheets with css variables
 */
:root {
    --primary-color: #FB7D00;
}

/**
	General Page styling
*/
@media (min-device-width : 1026px) {
html {
	overflow-y: scroll;
}
}

body {
	padding: 0px;
	margin: 0px;
	background-color: #F6F6F6;
}

body.konnect-manager-logged-in-as {
	border: 5px solid red;
}

a
{
  color: #333;
}

.custom-hidden-non-large-devices {
  display: none !important;
}

.custom-visible-non-large-devices {
  display: inherit !important;
}

.custom-hidden-large-devices {
  display: none !important;
}

.custom-visible-large-devices {
  display: none !important;
}

@media (min-width: 1220px) {
	.custom-hidden-non-large-devices {
	  display: none !important;
	}

	.custom-visible-non-large-devices {
	  display: none !important;
	}
	.custom-hidden-large-devices {
	  display: none !important;
	}

	.custom-visible-large-devices {
	  display: inherit !important;
	}

	.page-content-large {
		width: 1230px !important;
	}
}

#alert-messages {
	position: fixed;
    outline: medium none;
    top: 10px;
	width: 90vw;
	left: 5vw;
	z-index: 1060;
}

.main-page-embedded {
	background-image:none !important;
}

#main-page {
	width: 100%;
	max-width: 1230px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#main-page-header {
	display: table;
	height: 160px;
	width: 100%;
}
.page-header-logo-inner{
	display:none;
}
#page-header-loggedin {
	margin: 20px;
}
.page-header-loggedin-text {
	white-space: nowrap;
}
#page-main-nav {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#main-page-content {
	min-height: 768px;
	width: 100%;
}
#main-page-footer {
	display: table;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
}

#sidebar-content {
	width: 200px;
	float: left;
}
#page-content {
	min-height: 768px;
}
@media (min-width: 1220px) {
	#page-content {
		width: 990px;
		float: right;
	}
}
@media (max-width: 1221px) {
	#page-content {
		padding-left: 18px;
	}
}

#page-footer {
	text-align: center;
}

.clickable {
	cursor: pointer;
}
.underline {
	text-decoration: underline;
}
.checkbox-unselected {
	background-image: url('../img/checkbox-unselected.png');
	background-repeat: no-repeat;
	padding-left: 18px;
}
.checkbox-selected {
	background-image: url('../img/checkbox-selected.png');
	background-repeat: no-repeat;
	padding-left: 18px;
}
.heading4-aligned-text {
	margin-top: 10px;
}
.heading4-aligned-btn {
	margin-top: 5px;
}

.content-loading {
	padding: 10px;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}

.horizontalFlip {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.verticalFlip {
    	-moz-transform: scaleY(-1);
    	-o-transform: scaleY(-1);
    	-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
    -ms-filter: "FlipV";
}

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.horizontal-spacer5 { width: 5px; }
.horizontal-spacer10 { width: 10px; }
.horizontal-spacer15 { width: 15px; }
.horizontal-spacer20 { width: 20px; }

.margin-top-0{ margin-top: 0 !important;}
.margin-top-5{ margin-top: 5px;}
.margin-top-10{ margin-top: 10px;}
.margin-top-14{ margin-top: 14px;}
.margin-top-15{ margin-top: 15px;}
.margin-top-20{ margin-top: 20px;}
.margin-top-25{ margin-top: 25px;}
.margin-top-30{ margin-top: 30px;}
.margin-top-35{ margin-top: 35px;}
.margin-top-40{ margin-top: 40px;}
.margin-top-45{ margin-top: 45px;}
.margin-top-50{ margin-top: 50px;}

.margin-left-0 { margin-left: 0 !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }

.padding-top-1 { padding-top: 1px !important; }
.padding-top-2 { padding-top: 2px !important; }
.padding-top-3 { padding-top: 3px !important; }
.padding-top-4 { padding-top: 4px !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-100 { padding-top: 100px !important; }
.padding-top-200 { padding-top: 200px !important; }

.padding-bottom-1 { padding-bottom: 1px !important; }
.padding-bottom-2 { padding-bottom: 2px !important; }
.padding-bottom-3 { padding-bottom: 3px !important; }
.padding-bottom-4 { padding-bottom: 4px !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-bottom-100 { padding-bottom: 100px !important; }
.padding-bottom-200 { padding-bottom: 200px !important; }

.padding-left-5 { padding-left: 5px; }

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

.w-10 { width: 10%;}
.w-20 { width: 20%;}
.w-25 {	width: 25%;}
.w-33 { width: 33.33%;}
.w-50 { width: 50%;}
.w-100 { width: 100% !important;}


.text-small{ font-size: 0.9em;}
.text-xsmall{ font-size: 0.8em;}

.text-word-break-all{
	word-break: break-all;
}

.word-break {
	word-break: break-word;
}

.main-color-fill{
	color: #999;
}

.main-color-stroke{
	stroke: #999;
}

/**
	UI-Datepicker custom fix for z-index
	In some cases the default z-index of 1 is not enough
*/

.availability-selector-html-news .ui-select-choices{
	max-height: 150px !important;
}

.ui-select-choices {
	 z-index: 9999 !important;
 }

.ui-datepicker {
	z-index: 9999 !important;
	clip: auto !important;
}

.topbar-panel .btn {
	margin-right: 4px;
	margin-bottom: 6px;
}

/**
 	MODAL
*/
.modal-body{
	max-height: 517px;
    overflow-y: auto;
}

.modal-body.min-height{
	min-height: 400px;
}
.modal-body.fixed-modal-height {
	min-height: 498px;
}
.modal .modal-dialog{
	max-height: device-height;
	max-width: device-width;
}

@media print {
	.modal {
		background-color: white !important;
	}
}


.modal-body .selectable-photo-container {
	min-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.modal-journal .modal-dialog {
	margin-top: 0;
}
@media (min-height: 640px) {
    .modal-journal .modal-dialog .modal-body {
        max-height: 750px;
        padding: 0;
    }
}
@media (max-width: 1199px) {
	.modal .modal-dialog, .modal-journal .modal-dialog {
		top: 4px;
	}
	.photo-details-dialog .modal-dialog{
		margin-top: 0px;
	}
}

.modal-journal .modal-dialog{
	max-width: 1000px;
	width: 98%;
}

.modal-body{
	padding: 15px;
}
.modal-footer{
	padding: 14px 15px 15px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	margin-top: 0;
}
.modal-body-large{
	min-height: 250px;
}

.photo-details-header {
}

.photo-details-body {
    vertical-align: middle;
    height:100%;
}

.photo-details-body img {
	width: 100%;
}

.photo-details-dialog .modal-body {
	max-height: none;
	padding-bottom: 20px;
}

.modal-wide .modal-dialog{
	width: 680px;
}

.modal-xtr-wide .modal-dialog {
	width: 880px;
}

.modal-xtr-xtr-wide .modal-dialog {
	width: 1000px;
}

.modal-small .modal-dialog {
	width: 450px;
}

.modal-photo-tag {
	top: -25px;
}

.modal-photo-tag .children {
	min-height: 500px;
}

.modal-photo-tag .childItem {
}

.modal-photo-tag .childItem:hover {
	z-index:1;
	background-color: #FFFFFF;
}

.rotate-right {
	transform: rotate(90deg);
	transition: all 5s ease-out;
}

.rotate-left {
	transform: rotate(-90deg);
	transition: all 5s ease-out;
}

/*
.modal-photo-tag .childName:hover {
	z-index:1;
	position:relative;
	background-color: #FFFFFF;
}
*/

/**
	MENU STYLING
*/

#main-app-menu-non-phone {
	float: right;
	padding-right: 20px;
}
#main-app-menu-phone {
	float: left;
}
.main-menu-entry {
	float: left;
	margin-top: 0px;
	margin-right: 32px;
	cursor: pointer;
	padding-top: 10px;
	height: 38px;
	font-weight: bold;
}

@media(max-width: 1199px) {
	.main-menu-entry {
		margin-right: 18px;
	}
}

.table-first-row-borderless tr:first-child td {
        border: none;
     	padding-top: 4px !important;
    }

.main-menu-photobook {
	padding-left: 38px;
	background-image: url('../img/menu-icons/photobook.png');
	background-repeat: no-repeat;
}
.main-menu-journal {
	padding-left: 38px;
	background-image: url('../img/menu-icons/journal.png');
	background-repeat: no-repeat;
}
.main-menu-messages {
	padding-left: 38px;
	background-image: url('../img/menu-icons/newsletter.png');
	background-repeat: no-repeat;
}
.main-menu-mydata {
	padding-left: 38px;
	background-image: url('../img/menu-icons/my-data.png');
	background-repeat: no-repeat;
}
.main-menu-mylocation {
	padding-left: 38px;
	background-image: url('../img/menu-icons/my-location.png');
	background-repeat: no-repeat;
}
.main-menu-maintenance {
	padding-left: 38px;
	background-image: url('../img/menu-icons/maintenance.png');
	background-repeat: no-repeat;
}
.main-menu-help {
	padding-left: 38px;
	background-image: url('../img/menu-icons/help.png');
	background-repeat: no-repeat;
}
.main-menu-mygroup {
	padding-left: 38px;
	background-image: url('../img/menu-icons/journal.png');
	background-repeat: no-repeat;
}
.main-menu-entry, .main-menu-entry a, .main-menu-entry a:hover, .main-menu-entry a:focus {
	text-decoration: none;
}

.date-selector-emphasize {
	background-color: #FCF8E3 !important;
}

/**
	Custom icons
*/
.icon-reply {
    background-position: 0px 0px;
    background-image: url("../img/icons/icon-reply.png");
}

.row-high {
	height: 36px;
}

/* By default Bootstrap gives the rows some negative margin.
   This seems strange, and is corrected in our own stylesheet. */
.row {
	margin: 0px;
}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	margin: 0px;
}

.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
	margin-top: 0px;
}

.page-title-search {
	margin-top: 16px;
}

.smal-text {
	font-size: .875em;
}

/**
	Sidebar styling
*/

.sidebar {
	margin-top: 52px;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.sidebar-panel {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	background-color: #FFFFFF;

	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
}
.sidebar-panel-header {
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
}
.sidebar-panel-body {
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
}
.btn {
	font-size: 12px;
}
.sidebar-btn-group{
	width: 100%;
	display: inline;
}
.sidebar-btn {
	width: 100%;
	padding: 4px 4px;
	text-shadow: none;
}
.btn-default{
	text-shadow: none;
}
.sidebar-btn-group .sidebar-btn-toggle, .width-auto {
	width: auto;
}
.sidebar-select {
	width: 100%;
}

.sidebar-btn:not(:last-child) {
	margin-bottom: 12px;
}
.nav-tabs {
	font-size: 14px;
}
.location-selector {
	display: block;
}
.sidebar .location-selector {
	margin-bottom: 12px;
}

.group-tab-badge {
	background-color: orange;
}

/**	status icons */

.icon-status-concept, .icon-status-final, .icon-status-ready, .icon-status-expired,
.icon-status-agenda-blue, .icon-status-clipboard-pencil-blue, .icon-status-clock-pencil-blue,
.icon-status-multiple-persons-pencil-blue, .icon-status-single-person-pencil-blue, .icon-status-agenda-orange  {
  background-image: url('../img/icons_status.svg');
  background-repeat: no-repeat;
  height: 36px;
  width: 36px;
}

.icon-status-concept{
  	background-position: 0px 0px;
}

.icon-status-final{
	background-position: -240px 0px;
}

.icon-status-ready{
	background-position: -280px 0px;
}

.icon-status-expired{
	background-position: -320px 0px;
}

.icon-status-agenda-blue{
	background-position: -360px 0px;
}

.icon-status-clipboard-pencil-blue{
  background-position: -40px 0px;
}

.icon-status-clock-pencil-blue{
	background-position: -400px 0px;
}

.icon-status-multiple-persons-pencil-blue{
	background-position: -440px 0px;
}

.icon-status-single-person-pencil-blue{
	background-position: -480px 0px;
}

.icon-status-agenda-orange{
	background-position: -520px 0px;
}

/**

	Page specific styling

*/

#login-box {
	margin-top: 20px;
	padding: 16px;
}
@media (min-width: 768px) {
  #login-box {
    margin-top: 80px;
    margin-left: 200px;
  }
}

/**
	PROFILE PHOTO
*/
.profile-photo-container {
	 position: relative;
	 display: table;
	 margin-left: auto;
	 margin-right: auto;
}
.profile-photo-border{
	margin: 4px;
	border: 1px solid #898DA1;
	padding: 8px;
	background-color: white;
	position: relative;
	overflow: hidden;
}
.profile-photo-image {
	width: 72px;
	min-height: 72px;
	z-index: 1;
}
.profile-photo-container .guest-visible {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 20px;
	color: white;
	text-align: center;
	background-color: rgba(32,32,32,0.6);
	z-index: 2;
}
.profile-photo-container .no-photo-visible {
	position: absolute;
    right: 3px;
    bottom: 3px;
    width: 24px;
    height: 24px;
    background-color: #FFF;
    background-image: url(../img/not_on_photo.svg);
    background-repeat: no-repeat;
    border-radius: 12px;
	z-index: 3;
}

.profile-photo-container .maybe-photo-visible {
	position: absolute;
    right: 3px;
    bottom: 3px;
    width: 24px;
    height: 24px;
    background-color: #FFF;
    background-image: url(../img/maybe_on_photo.svg);
    background-repeat: no-repeat;
    border-radius: 12px;
	z-index: 3;
}

.profile-photo-container .birthday-counter-container{
    position: absolute;
    right: -19px;
    top: -6px;
    width: 55px;
    height: 28px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0px 0px 5px #aaa;
}
.profile-photo-container .birthday-counter{
    position: absolute;
    top: 3px;
    right: 3px;
	width: 20px;
    height: 40px;
    background-size: 100%;
}
.profile-photo-birthday-today{
    background-image: url(../img/birthday_today.svg);
    background-repeat: no-repeat;
}
.profile-photo-birthday-3{
    background-image: url(../img/birthday_counter_3.svg);
    background-repeat: no-repeat;
}
.profile-photo-birthday-2{
    background-image: url(../img/birthday_counter_2.svg);
    background-repeat: no-repeat;
}
.profile-photo-birthday-1{
    background-image: url(../img/birthday_counter_1.svg);
    background-repeat: no-repeat;
}

/**
	PHOTO SELECTION & REMOVE
*/
.profile-photo-container .photo-thumb-remove-action {
	position: absolute;
	right: 12px;
	top: 13px;
	z-index: 2;
}

.profile-photo-container .photo-thumb-selected {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 110px;
	z-index: 2;
}

.profile-photo-selected {
	position: absolute;
	left: 20px;
	top: -10px;
	width: 100px;
}

.video-container {
	 position: relative;
	 display: table;
	 margin-left: auto;
	 margin-right: auto;
}

.video-container .video-thumb-play {
	position: absolute;
	right: 10px;
	width: 110px;
	z-index: 2;
}

.video-container .select-video-thumb-play{
	position: absolute;
	top: -5px;
	right: 0;
	width: 110px;
	z-index: 2;
}

.profile-photo-image-employee-small {
	width: 60px;
	height: auto;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.profile-photo-image-employee-normal {
	width: 100px;
	height: auto;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.image-agenda-day-item {
	max-width: 90%;
	height: auto;
}

.grouped-profile-photo {
    width: 30px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-right-color: #ffffff;
}

.parent-activity-agenda-children :last-child .grouped-profile-photo{
 	border:1px solid transparent;
}

/** PHOTO */
.photo-border {
	border: 1px solid #898DA1;
	padding: 8px;
	background-color: white;
}

.photo-to-tag{
	vertical-align:middle;
}

.photo-thumb {
	transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-webkit-transition: all 0.5s ease;
	overflow: hidden;
	width: 110px;
}
.photo-thumb.ui-animate { /* The 'hidden' state to transition from & to */
	opacity: 0;
	max-height: 0;
	padding: 0 5px;
}

.photo-upload{
	margin-right: 20px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.photo-upload .header{
	background-color: rgba(0, 0, 0, 0.2);
	padding: 5px;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
}
.photo-upload-drop-zone{
	height: 300px;
	max-height: 380px;
	overflow: auto;
	text-align: center;
	padding: 20px;
}
.photo-upload-drop-zone .info{
	margin-top: 160px;
}
.adding-files-spinner{
	position: absolute;
	top:50%;
	left:50%;
}
.photo-preview{
	margin-right: 25px;
	float: left;
	width: 124px;
	height: 124px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.photo-preview-manage {
	float: right;
	width: 160px;
	height: 160px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #ddd;
    border-radius: 4px;
}

.photo-preview-manage .remove-photo-icon {
	bottom: 24px;
	right: 20px;
}

.photo-preview .photo{
	margin: 6px;
	width: 110px;
	height: 110px;
	overflow:hidden;
	position:relative;
	z-index: 1;
}

.remove-photo-icon{
	position: absolute;
  	right: 5px;
  	bottom: 5px;
  	z-index: 2;
}

.photo-uploaded-icon{
	position: absolute;
	right: 0;
	bottom: 0;
  	z-index: 2;
}

.photo-uploading-spinner{
	position: absolute;
	right: 50px;
	bottom: 50px;
  	z-index: 2;
}
.fileinput-button{
	margin-left: 5px;
}
.progress{
	margin-top: 5px;
	margin-bottom: 0px;
}
.photo-thumbnail{
	border: 1px solid transparent;
	margin: 10px 34px 10px 0px;
}

.album-thumbnail{
	padding: 10px;
	margin-right: 20px;
}
.album-thumb-img {
	width: 110px;
	max-height: 110px;
	object-fit: contain;
}
/*.photo-thumbnail:hover{
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}*/

.photo-thumbnail .photo:hover,
.album-thumbnail img:hover{
	cursor: pointer;
}

.photo-thumbnail .thumbnail,
.photo-thumb .thumbnail{
	width: 110px;
	height: 110px;
	padding: 5px;
	object-fit: cover;
}
.photo-thumbnail .photo{
	width: 120px;
}
.photo-thumbnail .photo-date{
	margin-top: 5px;
	margin-bottom: 5px;
}
.album-thumbnail .album-info{
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.photo-thumbnail .not-published-icon{
	float: right;
	margin-right: 5px;
	margin-top: -3px;
}
.photo-thumbnail .select-photo{
	float: left;
	margin-top: 2px !important;
	margin-left: 10px !important;
}
.thumbnail{
	margin-bottom: 4px;
}
.photo-container{
	border: none;
	margin-bottom: 5px ;
	text-align: center;
	display: inline-grid;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
.photo-details-body .photo-medium{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.photo-details-body img {
	width: 100%;
}

.min-height-150{
	min-height:150px;
}

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

.min-height-400{
	min-height:400px;
}

.min-height-500{
	min-height:500px;
}

/**
	PHOTO ALBUM
*/
.album-border {
	background-image: url('../img/album_border.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 18px;
	padding-right: 13px;
	padding-top: 11px;
	padding-bottom: 13px;
	background-color: white;
	max-width: 140px;
}

.album-details{
	max-width: 140px;
}

.photo-detail-album-title{
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 0;
}


/** JOURNAL */
.journal-cover {
	background: transparent url('../img/journal-cover.png') no-repeat;
}
.journal-blank-left-page {
	background: transparent url('../img/journal-left.png') no-repeat;
}
.journal-right-page {
	background: transparent url('../img/journal-right.png') no-repeat;
}
.journal-left-page {
	background: transparent url('../img/journal-left.png') no-repeat;
}

.journal-right-paper {
	background: transparent url('../img/journal-paper-right.png') no-repeat;
}
.journal-left-paper {
	background: transparent url('../img/journal-paper-left.png') no-repeat;
}
.journal-single-paper {
	background: transparent url('../img/journal-single.png') no-repeat;
}
.journal-right-page-title {
	position:absolute;
	top:30px;
	left:55px;
	width:380px;
	height: 40px;
}
.journal-left-page-title {
	position:absolute;
	top:30px;
	left:30px;
	width:380px;
	height: 40px;
}
.journal-right-page-content {
	position:absolute;
	top:74px;
	left:55px;
	width:380px;
	height: 410px;
	line-height: 20px;
	overflow:auto!important;
}
.journal-left-page-content {
	position:absolute;
	top:74px;
	left:30px;
	width:380px;
	height: 410px;
	line-height: 20px;
	overflow:auto!important;
}
.journal-left-page-content .photo-border, .journal-right-page-content .photo-border {
	margin-bottom: 12px;
}
.journal-title {
	font-size: 15px;
	font-weight: bold;
}
.journal-subtitle {
	font-style: italic;
	font-size: 11px;
}
.journal-photo-description {
	font-style: italic;
	font-size: 10px;
}
.journal-part-title {
	font-size: 12px;
	font-weight: bold;
}
.journal-part-subtitle {
	font-size: 11px;
	font-style: italic;
	margin-bottom: 6px;
}
.journal-previous-button {
	position: absolute;
	top: 485px;
	left: 35px;
	cursor: pointer;
	padding-top : 5px;
}
.journal-next-button {
	position: absolute;
	top: 485px;
	left: 390px;
	cursor: pointer;
	padding-top : 5px;
}

.journal-logmessages {
	max-height: 340px;
	overflow-y: auto;
}

.journal-preferred-languages {
	height: 20px;
	margin-left: 5px;
	float:right;
}

.multiple-journal-preferred-languages {
	margin-left: 3px;
	height: 10px;
}

/** LOGBOOK */

.messages {
	width: 100%;
}

.message {
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 2px 2px 2px -1px #D6D6D6;

	background-color: #FFFFFF;

}
.message.ui-animate { /* The 'hidden' state to transition from & to */
	opacity: 0;
	max-height: 0;
	padding: 0 5px;
}

.employee-message {
 	background-color: #F7F5FE;
	  background-image: -moz-linear-gradient(top, #F7F5FE, #E3E0FA);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F5FE), to(#E3E0FA));
	  background-image: -webkit-linear-gradient(top, #F7F5FE, #E3E0FA);
	  background-image: -o-linear-gradient(top, #F7F5FE, #E3E0FA);
	  background-image: linear-gradient(to bottom, #F7F5FE, #E3E0FA);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F5FE', endColorstr='#E3E0FA', GradientType=0);
}

.parent-message {
	  background-color: #F4FAFF;
	  background-image: -moz-linear-gradient(top, #F4FAFF, #E5F3FF);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F4FAFF), to(#E5F3FF));
	  background-image: -webkit-linear-gradient(top, #F4FAFF, #E5F3FF);
	  background-image: -o-linear-gradient(top, #F4FAFF, #E5F3FF);
	  background-image: linear-gradient(to bottom, #F4FAFF, #E5F3FF);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4FAFF', endColorstr='#E5F3FF', GradientType=0);
}

.internal-message, .to-group-message {
	  background-color: #FCFCFC;
	  background-image: -moz-linear-gradient(top, #FCFCFC, #F2F2F2);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FCFCFC), to(#F2F2F2));
	  background-image: -webkit-linear-gradient(top, #FCFCFC, #F2F2F2);
	  background-image: -o-linear-gradient(top, #FCFCFC, #F2F2F2);
	  background-image: linear-gradient(to bottom, #FCFCFC, #F2F2F2);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F2F2F2', GradientType=0);
}

.notification-message {
 	background-color: #F7F8E0;
	  background-image: -moz-linear-gradient(top, #FBFBEF, #F7F8E0);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBFBEF), to(#F7F8E0));
	  background-image: -webkit-linear-gradient(top, #FBFBEF, #F7F8E0);
	  background-image: -o-linear-gradient(top, #FBFBEF, #F7F8E0);
	  background-image: linear-gradient(to bottom, #FBFBEF, #F7F8E0);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBEF', endColorstr='#F7F8E0', GradientType=0);
}
.unread-message {
	border: 2px solid #FFBF00 !important;
}

.conversationMessageHr{
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: 1px solid #afafaf;
}

.row-fluid .photo-grid [class*="span"]:first-child {
	margin-left: 24px;
}

.border{
	border: 1px solid #DDD;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.border-right{
	border-right: 1px solid #EFEFEF;
}

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

.border-bottom-dark {
	border-bottom: 1px solid #8E8E8E;
}

.border-bottom-light {
	border-bottom: 1px solid #F9F9F9;
}

.keep-together {
	white-space: nowrap;
}

.no-padding{
	padding :0;
}
.no-padding-left {
	padding-left :0;
}
.no-padding-right {
	padding-right :0;
}
.no-padding-top {
	padding-top :0;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.padding{
	padding :18px;
}
.padding-small{
	padding :10px;
}
.padding-top {
	padding-top: 18px;
}
.padding-top-small {
	padding-top: 10px;
}
.padding-bottom {
	padding-bottom: 18px;
}
.padding-bottom-small {
	padding-bottom: 10px;
}
.padding-right {
	padding-right: 18px;
}
.padding-right-small {
	padding-right: 10px;
}
.padding-left {
	padding-left: 18px;
}
.padding-left-small {
	padding-left: 10px;
}
.no-margin{
	margin: 0;
}
.no-margin-bottom{
	margin-bottom: 0;
}
.no-margin-top{
	margin-top: 0;
}
.no-margin-right{
	margin-right: 0;
}
.no-margin-left{
	margin-left: 0;
}
.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom {
	margin-bottom: 18px;
}
.margin-bottom-small {
	margin-bottom: 9px;
}
.margin-bottom-non-large-devices {
	margin-bottom: 10px;
}
.margin-right-small {
	margin-right: 6px;
}
@media (min-width: 1200px) {
	.margin-bottom-non-large-devices {
		margin-bottom: 0px;
	}
}
.margin-right {
	margin-right: 18px;
}
.margin-left {
	margin-left: 18px;
}
.margin-left-medium {
	margin-left: 8px;
}
.margin-left-small {
	margin-left: 4px;
}
.margin-top {
	margin-top: 18px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-small {
	margin-top: 8px;
}
.margin-top-x-small {
	margin-top: 4px;
}
.margin{
	margin: 18px;
}

.margin-bottom-25 {
	margin-bottom:25px !important;
}
/**
	CONTENT ITEM
*/
.cms-content-item {
	width: 100%;
}


.cms-image-float-right {
	float: right;
	margin: 10px 8px 10px 24px;
}

.cms-image-float-left {
	float: left;
	margin: 10px 24px 10px 8px;
}

.cms-image-large{
	height: 160px;
	width: auto;
}

.cms-image-small{
	height: 100px;
	width: auto;
}

.cms-slideshow{
	height: 186px;
	width: 210px;
}

.cms-content-item .attachment{
	padding: 0 10px;
}

.attendance-attending {
	background-color: #dFF0D8;
}

.attendance-absent {
	background-color: #EEEEEE;
}
.attendance-temp-away {
	background-color: #F5F6CE;
}

.attendance-navigator-filter-label {
	font-size: 12px;
}

.attendance-card{
	width:24%;
	height:125px;
	float:left;
	margin-right:1%;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#fbfbfb
}

.attendance-card-name-container{
	height:100%;
	width: calc(100% - 125px);
	float:left;
	display:table;
}

.attendance-card-name-container > h6{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media (max-width:1025px) {
	.attendance-card{
		width:32%;
	}
}

.logbook-navigator-filter-label {
	font-size: 12px;
}

.childlabels-inline-block {
	display: inline-block;
}

.childlabels-container {
	max-width: 290px;
}
.childname-maxlength {
	max-width: 290px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.attendance-childlabel {
	width: auto !important;
}

.logbook-preferred-languages {
	height:20px;
	margin-top: 6px;
	margin-right: 3px;
}
/**
	NUMBER PANEL
*/
.number-panel {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	border-style: solid;
    border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 12px;
	text-align: center;
	width: 90px;
}

.number-panel-positive {
	background-color: #dFF0D8 !important;
}

.attendance-number-panel-planned {
	background-color: #FFF;
	width: 120px;
}
attendance-number-panel-employees {
	background-color: #FFF;
}
.number-panel-title {
	padding-bottom: 2px;
	font-weight: normal;
	color: #333333;
	font-size: 12px;
}
.number-panel .number-large {
	font-size: 28px;
	color: #333333;
}
.number-panel .number-medium {
	font-size: 20px;
	color: #333333;
}
.number-panel .number-small {
	font-size: 12px;
	color: #999999;
}
.number-panel-error{
	background-color: #A94442 !important;
	color: #FFFFFF;
}

.number-panel-error i{
	color: #FFFFFF;
}

.number-panel-warning .number-large,
.number-panel-warning .number-medium,
.number-panel-warning .number-panel-title,
.number-panel-error .number-large,
.number-panel-error .number-medium,
.number-panel-error .number-panel-title
{
	color: #FFFFFF;
}
.number-panel-warning{
	background-color: #8A6D3B;
	color: #FFFFFF;
}
.number-panel-link{
	text-decoration: none;
}


.attendance-search-bar {

}

.bootstrap-timepicker-widget table td {
	height : 15px;
}

.bootstrap-timepicker-widget table td a {
	padding-top : 4px;
	padding-bottom : 4px;
}

.bootstrap-timepicker-widget table td:not(.separator)
{
  min-width: 15px;
}

.dynamic-width{
	width:auto;
}

.planned-tentative {
	 font-style: italic;
	 color: gray;
}
.planned-tentative A {
	text-decoration: underline;
	cursor: pointer;
	color: gray;
}
.planned-absent {
	text-decoration: line-through;
	color: gray;
}

.planned-absent A {
	text-decoration: line-through underline;
	cursor: pointer;
	color: gray;
}

.planned-confirm-product-absent {
	color: gray;
}

.planned-confirm-product-absent A {
	text-decoration: underline;
	cursor: pointer;
	color: gray;
}

.planned-absent-reason {
	text-decoration: none;
	color: gray;
}

.valueErrorMessage{
	padding-top: 5px;
	margin-bottom: 5px;
	float: left;
	color: red;
}

.invalid-feedback {
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}

.input-small{
	width: 90px !important;
}

.input-medium-small {
	width: 75px !important;
}

.input-xtr-small{
	width: 60px !important;
}

.input-xxs {
	width: 50px !important;
}

.form-control{
	height: 32px;
	min-height:32px;
	font-size: 13px;
	padding: 4px 6px;
}
.nav{
	margin-bottom: 20px;
}

h1, h2, h3{
	margin: 0;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}

.form-horizontal .form-group{
	width: 100%;
}
.modal-footer{
	background-color: #F5F5F5;
    box-shadow: 0 1px 0 #FFFFFF inset;
}
.nopadding{
	padding:0;
}
.nopadding-left{
	padding-left:0 !important;
}
.nopadding-right{
	padding-right:0 !important;
}
.input-readonly-text{
	padding-top: 7px;
}

.from-to {
	float: left;
    width: 10px;
    margin-left: -10px;
}

.inline-block {
	display: inline-block;
}
.line-through {
	text-decoration:  line-through;
}

/*making submenu work in Bootstrap 3*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu.open>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


.main-menu-entry-selected {

}


.mirror {
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.alert{
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert-error{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.btn-success:hover, .btn-success:focus, .btn-success.disabled {
    background-color: #419641 !important;
    background-position: 0 -15px !important;
    border-color: #398439 !important;
    background-image: none !important;
}

.modal.fade, .modal-backdrop.fade {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.no-border-radius{
	border-radius :0;
}
.force-left-border-radius{
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}
.force-right-border-radius{
	border-top-right-radius: 4px !important;;
	border-bottom-right-radius: 4px !important;;
}
a{
	cursor: pointer;
}
.clearboth{
	clear: both;
}

.stack-left{
    float: left;
    clear: left;
}

.text-muted{
	color: #999999;
}

.font-weight-normal{
	font-weight: normal;
}

.underline-on-hover:hover{
	text-decoration: underline;
}

.text-muted-override{
	color: #999999 !important;
}

.text-error {
	color: red;
}
.text-emphasized {
	font-weight: bold;
}
.text-italic {
	font-style: italic;
}
.text-large{
	font-size: 14px;
}
.text-semibold{
	font-weight: 500;
}

.text-weight-400{
	font-weight: 400;
}

.input-padding{
	padding-top: 7px;
	display: block;
}
.input-padding-top{
	padding-top: 7px;
}
.input-padding-top-small{
	padding-top: 3px;
}
.input-padding-small{
	padding-top: 4px;
	display: block;
}
.input-padding-small label{
	margin-bottom: 0px;
}
.input-padding-small .radio-label{
	vertical-align: 0px;
}

/**
	DROP DOWN MENU
*/
.dropdown-menu li{
	white-space: nowrap;
	text-align: left;
}
.dropdown-menu.drop-up {
	top: auto;
	bottom: 100%;
}
.dropdown a.disabled{
	color: #999999;
}
.dropdown a.disabled:hover{
	background-color: transparent;
	background-image: none;
	cursor: auto;
	color: #999999;
}

/**
	CARET
*/
.caret-up {
 	border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.about-modal .modal-dialog{
	width: 750px;
}

.about-customer-logo{
	float:left;
}

table.product-credit td,
table.permission-type td{
	vertical-align: middle !important;
	background-color: #FFFFFF !important;
}

.permission-type-arrow, .info-sign {
	color: #333 !important;
}

.permission-order-index-popover-width {
	max-width: 400px;
}

@media (max-width: 1220px) {
	.non-large-devices {
		left: 0 !important;
	}

	.non-large-devices >.arrow {
		left: 5% !important;
		z-index: 1070;
	}
}

.product-credit-deleted{
	text-decoration: line-through;
}

.ng-invalid.form-control,
.ng-invalid.ng-touched:not(form, div),
.konnect-ui-select-single .ng-invalid .ui-select-toggle,
.konnect-ui-select-single .ng-invalid .ui-select-toggle:hover{
	border-color: #B94A48!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(185, 74, 72, 0.6)!important;
}

form.ng-invalid{
	border-color: transparent !important;
	box-shadow: none !important;
}

.tag{
	background-color: transparent;
	border: 1px solid white;
	z-index: 100;
	position: relative;
}


.tagContainer:hover .tag-label {
	z-index: 102;
}

.tag-label{
	background-color: #000000;
	color:white;
	margin: 2px 0px 0px 0px;
	height: 20px;
	text-align: center;
	z-index: 100;
	overflow: hidden;
	font-size: 9pt;
	line-height: 20px;
	position: relative;

	padding-left: 5px;
	padding-right: 5px;
	display: table;

	white-space: nowrap;
}


.addTagMode {
	touch-action:none;
}

.addTagMode .tag, .tagMode .tag {
    opacity: 0.5;
}

.tagMode .tag-label {
	opacity: 0.3;
}

.addTagMode .tag-label {
    opacity: 0.3;
}



.tagMode.mousehover .tag, .addTagMode.mousehover .tag, .tagContainer.selected .tag {
	opacity: 1;
	z-index: 105;
}

.tagContainer.selected .tag a {
	z-index: 106;
}

.tagMode.mousehover .tag-label, .addTagMode.mousehover .tag-label, .tagContainer.selected .tag-label {
	opacity: 1;
	z-index: 103;
}

.addTagMode .tag.protectedChild {
	border-color: #FF0000;
}

.addTagMode .tag-label.protectedChild {
    background-color: #ff0000;
    opacity: 1;
}

.tag-label.protectedChild .glyphicon {
	padding-right: 5px;
}

.tag .glyphicon.glyphicon-trash {
    color: #F9F9F9;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px #000000;
}

.glyphicon-question-sign {
	color: #000;
}

.tagMode .tag .glyphicon.glyphicon-trash {
	display: none;
}

.tag .glyphicon.glyphicon-trash:hover {
    color: #FFFFFF;
    cursor:pointer;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	z-index: 1000;
}

.zoom{
	position: absolute;
	right: -5px;
	bottom: -8px;
}
.baby-pink {
	color: #FAAFBE;
}
.baby-blue {
	color: #82CAFA;
}
.gender-marker {
	font-size: 18px;
	margin-right: 6px;
	margin-top: -4px;
}
.time-picker-button{
	border: none;
	margin: 0;
	padding: 0;
}

.timepicker-selector input[type=text] {
	width:50px;
}

.planning-cell-header {
	width: 14%;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 16px;
	padding: 0px;
	padding-left: 4px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.planning-agenda-cell {
	width: 14%;
	font-size: 10px;
	height: 154px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 0px;
	padding-left: 6px;
	overflow: hidden;
}

.child-info-card-future-item {
   color: #428bca;
}
.child-info-card-historical-item {
   color: #999999;
}

.planning-agenda-top-cell {
	border-top: 1px solid #cccccc;
}
.planning-agenda-left-cell {
	border-left: 1px solid #cccccc;
}
.planning-agenda-day {
	font-size: 9px;
	padding-top: 4px;
	padding-right: 8px;
	margin-bottom: 0px;
}
.planning-agenda-child-planning {
	margin-bottom: 2px;
  	text-overflow: ellipsis;

  	/* Required for text-overflow to do anything */
  	white-space: nowrap;
	overflow: hidden;
	max-height : 125px;
}
.planning-agenda-holiday {
	background-color: #EBF5FF;
}
.planning-agenda-weekend {
	background-color: #FAFAFA;
}
.planning-agenda-closed {
	background-color: #E1E1E1;
}
.planning-agenda-schoolday {
	background-color: #ffffff;
}
.planning-agenda-school-closingday {
	background-color: #FFD9B7; /* #EBFFEB; */
}

.planning-agenda-schoolday.selected {
	/* background-color: #FCF8E3; */
}
.planning-agenda-holiday.selected {
	/*  background-color: #D6EBFF; */
}
.planning-agenda-school-closingday.selected {
	/* background-color: #FFCCCC; */
}
.planning-agenda-absent {
	text-decoration:  line-through;
	color: #999999;
}
.planning-agenda-option {
	color: #999999;
	font-style: italic;
}

.btn-fixed-width-small{
	min-width: 75px;
}
.btn-fixed-width-normal{
	min-width: 100px;
}
.btn-fixed-width-wide{
	min-width: 150px;
}

.btn-width-100 {
	width: 100px;
}

.btn-small{
	padding: 3px 6px;
}

.plus-minus-toggle-input{
	width: 115px;
	float: left;
}

/* Day Rythm */
.day-rythm-modal-body{
	overflow-y: visible;
	height: 500px;
	max-height: 500px;
}

.multiple-day-rythm-modal-body{
	overflow-y: visible;
	max-height: 500px;
	min-height: 300px;
}

.day-rythm-modal-body .definition-buttons,
.multiple-day-rythm-modal-body .definition-buttons{
	padding-left: 22px;
	overflow: visible;
}

.child-day-rythm{
	overflow-y: auto;
	height: 380px;
}

.child-day-rythm .popover{
	min-width: 200px;
}

.day-rythm-entry-unit{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 32px;
  padding-left: 3px;
  width: 60px;
  display: inline-block;
}

.day-rythm-moment-info{
	color: #333;
	font-size: 13px;
}

.day-rythm-timeline circle{
	fill: #FFF;
	stroke-width: 10;
}

.day-rythm-timeline .icon{
	font-family: dagritme;
	font-size: 22em;
}

/* Observation time line */
.svg-canvas {
    display: block;
    width: 100%;
    visibility: hidden;
}

svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.boldless {
	font-weight:normal;
}

.observation-form-input-readonly-box {
	border: 1px solid #efefef;
	padding: 18px;
	border-radius: 4px;
	background-color: #efefef;
}

.observation-form-input-readonly-box-small {
	border: 1px solid #efefef;
	padding: 6px;
	border-radius: 4px;
	background-color: #efefef;
}

.observation-form-input-readonly-box-small.definition {
	height:30px;
}

.inactive-observation-form-input{
	background-color: #eee;
}

.checkbox-label {
	padding-left: 4px;
	font-weight:normal;
}

.radio-label {
	vertical-align: 2px;
	padding-left: 4px;
	font-weight:normal;
}

.add-newsletter-recipient-modal {
	min-height: 450px !important;
	max-height: 450px !important;
}

.newsletter-recipientgroup .glyphicon {
	font-size: 24px;
	color: #CCC;
	padding-top: 1px;
}

.newsletter-receiver-preview-filter {
	margin-top: -5px;
}

.newsletter-receiver-preview-invalid {
	background-color: #f2dede;
}

.preview-size {
	height:300px;
	width:100%;
}

.preview-size-small {
	height:300px;
	width:70px;
}

.overflow-hidden {
	overflow: hidden;
}

.solid-box {
	border: 1px solid #999;
	padding: 10px;
}

.solid-box .box-legend {
 	width: auto; padding: 0 5px; margin-bottom: auto; font-size: 14px; border: none;
}

.add-box:hover{
    border: 2px solid #333;
    color: #333;
    background-color: #eee;
    cursor: pointer;
}

.add-box, .add-box-disabled:hover{
	border: 2px dashed #ccc;
    color: #ccc;
	padding: 10px;
	overflow: hidden;
}

.add-box-disabled{
	background-color: #eee;
	cursor: default !important;
}

.editRecipientGroup .glyphicon {
	font-size: 15px;
}

.editRecipientGroup .glyphicon-exclamation-sign {
	color: #FF9900;
	font-size: 15px;
	padding-top: 0;
}

.editRecipientGroup .glyphicon-exclamation-sign:hover {
	color: #000000;
}

.newsletter-recipientgroup .glyphicon:hover {
	color: #333;
	cursor: pointer;
}

.newsletter-recipientgroup-add .glyphicon.glyphicon-plus-sign {
	font-size: 24px;
}

 .editRecipientGroup .glyphicon:hover {
 	cursor: default;
 }

.smooth-transition {
	transition: all 0.3s ease 0s;
}

.recipientsItemAdd div:active {
	border-style: dashed;
	cursor: pointer;
}

.solid-box .colorBlock {
	width: 15px;
	position: absolute;
	left: 0px;
	height: 100%;
	top: 0;
	opacity: 0.8;
}

.newsletter-status-review, .newsletter-status-ready-send, .newsletter-status-sending, .newsletter-status-sent, .newsletter-status-error, .newsletter-status-inactive {
  background-image: url('../img/icons_status.svg');
  background-repeat: no-repeat;
  height: 36px;
  width: 36px;
}

.newsletter-status-review{
  background-position: -40px 0px;
}
.newsletter-status-ready-send{
  background-position: -80px 0px;
}
.newsletter-status-sending{
  background-position: -120px 0px;
}
.newsletter-status-sent{
  background-position: -160px 0px;
}
.newsletter-status-error{
  background-position: -200px 0px;
}
.newsletter-status-inactive{
  background-position: -160px 0px;
  filter: grayscale(100%);
  filter: gray;
}


.htmlnewsletter-placeholder-popup {
	padding: 0 10px 10px;
}

.html-content-item-txt, .html-content-item-txt-txt, .html-content-item-txt-txt-txt, .html-content-item-img, .html-content-item-img-img, .html-content-item-img-img-img,
.html-content-item-txt-img-txt, .html-content-item-img-txtwide, .html-content-item-txtwide-img, .html-content-item-img-txt, .html-content-item-txt-img,
.html-content-item-att, .html-content-item-divider {
  background-image: url('../img/html_content_itempicker_items_sprite.svg');
  background-repeat: no-repeat;
  height: 75px;
  width: 240px;
}

.html-content-item-imgcap-imgcap, .html-content-item-imgcap-imgcap-imgcap {
  background-image: url('../img/html_content_itempicker_items_sprite.svg');
  background-repeat: no-repeat;
  height: 110px;
  width: 240px;
}

.newsletter-item-txt, .newsletter-item-txt-txt, .newsletter-item-txt-txt-txt, .newsletter-item-img, .newsletter-item-img-img, .newsletter-item-img-img-img,
.newsletter-item-txt-img-txt, .newsletter-item-img-txtwide, .newsletter-item-txtwide-img, .newsletter-item-img-txt, .newsletter-item-txt-img,
.newsletter-item-att, .newsletter-item-optout, .newsletter-item-divider {
  background-image: url('../img/newsletter_itempicker_items_sprite.svg');
  background-repeat: no-repeat;
  height: 75px;
  width: 240px;
}

.newsletter-item-imgcap-imgcap, .newsletter-item-imgcap-imgcap-imgcap {
  background-image: url('../img/newsletter_itempicker_items_sprite.svg');
  background-repeat: no-repeat;
  height: 110px;
  width: 240px;
}

.newsletter-item-txt-img-txt,
.html-content-item-txt-img-txt{
  background-position: 0px 0px;
}
.newsletter-item-img-txtwide,
.html-content-item-img-txtwide{
  background-position: 0px -75px;
}
.newsletter-item-txtwide-img,
.html-content-item-txtwide-img{
  background-position: 0px -150px;
}
.newsletter-item-img-txt,
.html-content-item-img-txt{
  background-position: 0px -225px;
}
.newsletter-item-txt-img,
.html-content-item-txt-img{
  background-position: 0px -300px;
}
.newsletter-item-img-img-img,
.html-content-item-img-img-img{
  background-position: 0px -375px;
}
.newsletter-item-img-img,
.html-content-item-img-img{
  background-position: 0px -450px;
}
.newsletter-item-img,
.html-content-item-img{
  background-position: 0px -525px;
}
.newsletter-item-txt-txt-txt,
.html-content-item-txt-txt-txt{
  background-position: 0px -600px;
}
.newsletter-item-txt-txt,
.html-content-item-txt-txt{
  background-position: 0px -675px;
}
.newsletter-item-txt,
.html-content-item-txt{
  background-position: 0px -750px;
}
.newsletter-item-att,
.html-content-item-att{
  background-position: -240px -220px;
}
.newsletter-item-optout,
.html-content-item-optout {
	background-position: -240px -370px;
}
.newsletter-item-divider,
.html-content-item-divider{
  background-position: -240px -295px;
}
.newsletter-item-imgcap-imgcap,
.html-content-item-imgcap-imgcap{
  background-position: -240px -110px;
}
.newsletter-item-imgcap-imgcap-imgcap,
.html-content-item-imgcap-imgcap-imgcap{
  background-position: -240px 0px;
}



.newsletter-header-add {
	border: 2px dashed #ccc;
	width: 600px;
	color: #ccc;
}

.newsletter-footer-add {
	border: 2px dashed #ccc;
	width: 600px;
	color: #ccc;
}

.newsletter-header {
	width:600px;
	min-height: 100px;
	position:relative;
}

.newsletter-header-read-only {
	width:600px;
	position:relative;
}

.newsletter-footer {
	width:600px;
	min-height: 100px;
	position:relative;
}

.newsletter-footer-read-only {
	width:600px;
	position:relative;
}

.html-content {
	min-height: 210px;
	padding: 0px;
}

.newsletter-content{
	width:600px;
	min-height: 210px;
	padding: 0px;
}

.newsletter-content-read-only {
	width:600px;
	padding: 0px;
}

.html-content-read-only {
	padding:0px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
  white-space: normal;
  hyphens: auto;
}

.newsletter-content-item-add, .html-content-item-add {
	font-size: 18px;
}

.newsletter-builder {
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none !important;
	padding: 16px 0 6px 0;
}

.html-content-builder {
	text-transform: none !important;
	padding: 16px 0 6px 0;
}

.html-content-viewer {
	text-transform: none !important;
	padding: 0 0 0 0;
}

.newsletter-builder a, .html-content-builder a, .html-content-viewer a {
	text-decoration: underline;
}

.newsletter-builder h1, .newsletter-builder h2, .newsletter-builder h3,
.html-content-builder h1, .html-content-builder h2, .html-content-builder h3,
.html-content-viewer h1, .html-content-viewer h2, .html-content-viewer h3{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	background: none;
}

.manage-newsletter .tab-content .tab-pane{
	position: relative;
}
.manage-newsletter-tab-buttons {
	position: absolute;
    top: -62px;
    right: 20px;
}

.newsletter-builder p, ul, ol,
.html-content-builder p, ul, ol,
.html-content-viewer p, ul, ol {
	margin:0;
}

.newsletter-overall {
	width:600px;
	margin-left: auto;
	margin-right: auto;
}

.html-content-overall {
	margin-left: auto;
	margin-right: auto;
}

.newsletter-remove-container, .html-content-remove-container {
	position: absolute;
	z-index:2;
	top:-8px;
	right:-8px
}

.newsletter-sidebar-add-text {
	position: relative;
	white-space: nowrap;
	top: 75%;
	display:block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	writing-mode: lr-tb;
}

.newsletter-header-add-text, .newsletter-footer-add-text{
	text-align: center;
	vertical-align: middle;
}

.border-dotted{
	border: 2px dashed #ccc;
}

.newsletter-image, .html-content-image{
	display: block;
	width: 100% !important;
	height: auto !important;
}

.newsletter-image-overlay, .html-content-image-overlay{
	position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.html-content-video-overlay {
	position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.html-content-video-overlay-background {
	position: absolute;
    height: 56px;
    width: 56px;
    border-radius: 28px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    background-color: #d9edf7;
    border: 2px solid #bce8f1;
    color: #31708f;
}

.html-content-video-overlay-glyphicon {
	position: relative;
    top: calc(50% - 1px);
    left: calc(50% + 2px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
}


.newsletter-image-overlay-background, .html-content-image-overlay-background{
	position: absolute;
    height: 56px;
    width: 56px;
    border-radius: 28px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    background-color: #d9edf7;
    border: 2px solid #bce8f1;
    color: #31708f;
}


.newsletter-image-overlay-glyphicon, .html-content-image-overlay-glyphicon{
	position: relative;
    top: calc(50% - 1px);
    left: calc(50% + 2px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
}

.html-content-image-cropper-overlay{
	position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.6;
    z-index: 1;
}

.html-content-image-cropper-overlay:hover{
	opacity: 1;
	cursor: pointer;
}

.html-content-image-cropper-overlay-background{
	position: absolute;
    height: 28px;
    width: 28px;
    border-radius: 28px;
    top: 20px;
    left: 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    background-color: #d9edf7;
    border: 2px solid #bce8f1;
    color: #31708f;
}

.html-content-cropper-overlay{
	position: relative;
    top: calc(50%);
    left: calc(50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px !important;
}

.newsletter-image-overlay:hover, .html-content-image-overlay:hover{
	opacity: 1;
	cursor: pointer;
}

.html-content-video-overlay:hover{
	opacity: 1;
	cursor: pointer;
}

.align-right {
	margin-left: auto;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.table.oversized {
	max-width: 105%;
	width: 105%;
}

.newsletter-item-small, .html-content-item-small {
	margin-left: auto;
	margin-right: auto;
    height: 75px;
    width: 240px;
    margin-bottom: 15px;
    position: relative;
}

.newsletter-item-large, .html-content-item-large {
	margin-left: auto;
	margin-right: auto;
    height: 110px;
    width: 240px;
    margin-bottom: 15px;
    position: relative;
}

.newsletter-content-item, .html-content-item {
	position:relative;
}

.newsletter-content-item-selection, .html-content-item-selection {
    height: calc(100% + 2px);
    left: -1px;
    position: absolute;
    top: -1px;
    vertical-align: middle;
    width: calc(100% + 2px);
    border: 1px solid black;
}

.newsletter-content-item-read-only, .html-content-item-read-only {
	position:relative;
}

.newsletter-item-overlay:hover, .html-content-item-overlay:hover {
	opacity: 0.4;
	cursor: pointer;
}

.newsletter-buttons, .html-content-buttons{
    position: absolute;
    z-index: 9999;
    top: -25px;
    right: 20px;
}

.newsletter-sidebar-buttons, .html-content-sidebar-buttons {
	position:absolute;
	z-index:2;
	top:-25px;
	right:-30px;
	width:180px;
}

.white-space-normal{
	white-space: normal;
}

.newsletter-sidebar-buttons .btn, .html-content-sidebar-buttons .btn {
	padding: 6px 11px;
}

.newsletter-sidebar-buttons .btn-group, .newsletter-buttons .btn-group,
.html-content-sidebar-buttons .btn-group, .html-content-buttons .btn-group{
	background-color: #ffffff;
	border-radius: 5px;
}

.newsletter-item-overlay, .html-content-item-overlay {
	background-color: #ccc;
    color: #eee;
    font-size: 42px;
    height: inherit;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0px;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}

.newsletter-content-item-padding, .html-content-item-padding {
	padding: 4px;
}

.newsletter-item-overlay .glyphicon, .html-content-item-overlay .glyphicon{
	top: 14px;
}

.newsletter-report-detail-filter, .html-content-report-detail-filter{
	min-width: 170px;
	margin-right: 10px;
}

.recipientGroupLabel {
	margin-bottom: 5px;
	padding-top: 3px;
}

.recipientGroupLabel {
	padding-left: 40px;
}

.recipientGroupLabel span {
	margin-right: 3px;
    padding: 1px 5px;
    color: #FFFFFF;
    opacity: 0.8;
    white-space: nowrap;
}

.recipientGroupLabel .glyphicon-exclamation-sign {
	color: #FFEC78;
	font-size: 17px;
}

.newsletter-control-item div, .html-content-control-item div{
	border: 1px solid #999;
	height: 100% !important;
	overflow: hidden;
}

.newsletter-control-item-large, .html-content-control-item-large {
	border: 1px solid #999;
	height: 100%;
	padding-bottom: 10px;
}

.newsletter-control-item div div, .html-content-control-item div div {
	border: none;
	height: 90px;
}

.newsletter-control.glyphicon, .html-content-control.glyphicon {
	font-size: 36px;
}

.newsletter-control.glyphicon-warning-sign, .glyphicon-warning-sign.colored,
.html-content-control.glyphicon-warning-sign, .glyphicon-warning-sign.colored{
	color: #DE602A;
}

.newsletter-control.glyphicon-ok, .glyphicon-ok.colored,
.html-content-control.glyphicon-ok, .glyphicon-ok.colored{
	color: #008000;
}

.newsletter-control.glyphicon-remove, .glyphicon-remove.colored,
.html-content-control.glyphicon-remove, .glyphicon-remove.colored{
	color: #dd0000;
}

.newsitem-title{
	word-break: break-word;
}

.colorBlock {
	opacity: 0.5;
	font-size: 18px;
}

.recipientGroupModal {
	height: 400px;
}

.allRecipientsLoaded {
	padding-top: 15px;
	padding-bottom: 15px;
}

.recipientBounceBuffer {
    float: left;
    width: 25px;
    height: 1px;
}

.recipientOptout {
  filter: grayscale(1);
  color: darkgray;
}

.removeRecipient {
	position: absolute;
}

.rowAll {
	border-top: 1px solid #ddd;
	padding: 5px 0;
}

.rowOdd {
	background-color: #f9f9f9;
}

.rowEven {

}

.arrow-navigate-left, .arrow-navigate-right {
    height: 100%; /* needs to be overruled in navigateButtons directive */
  	opacity: 0.3;
  	position: absolute;
  	cursor: pointer;
}

.arrow-navigate-left {
	left: 0px;
	width: 70px;
}


.arrow-navigate-right {
	right: 17px;
	width: 57px;
}


.arrow-navigate-left:hover, .arrow-navigate-right:hover {
	opacity: 1;
}


.arrow-navigate-left .glyphicon, .arrow-navigate-right .glyphicon {
    color: #f9f9f9;
    font-size: 28px;
    top: 50%;
    margin-top: -14px;
}

.arrow-navigate-left-button, .arrow-navigate-right-button {
    top: 50%;
    height: 60px;
    margin-top: -30px;
    background-color: #777777;
    position: relative;
    border-radius: 0;
    text-align: center;
}

.arrow-navigate-left-button {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    width: 60px;
}

.arrow-navigate-right-button {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    width: 74px;
}

.color-picker {
	float: left;
}

.color-picker-example {
	float: left;
	width: 32px;
	margin-left: 2px;
	cursor: default;
}

.newsletter-style-preview {
	padding: 0 20px;
}

.newsletter-style-preview-container {
	height: 300px;
}

.newsletter-preview-content-height-2 {
	height: 298px;
}

.newsletter-preview-content-height-1 {
	height: 248px;
}

.newsletter-preview-content-height-0 {
	height: 198px;
}

.UPPERCASE {
	text-transform: uppercase;
}

.newsletter-style-preview-header, .newsletter-style-preview-footer {
	height: 50px;
	overflow: hidden;
	border: 1px solid transparent;
}

.newsletter-style-preview-left, .newsletter-style-preview-right {
 	border: 1px solid transparent;
}

.newsletter-style-preview-body .colorpicker {
	left: 15px !important;
}

.newsletter-style-preview-body .solid-box {
	padding: 0;
}

.newsletter-style-preview-center {
	overflow: hidden;
}

.newsletter-block-selected {
    border: 2px dashed #000000;
}

.newsletter-style-preview-body {
	padding: 15px;
	min-height: 300px;
}

.is-table-row {
	display: table;
}

/*
	Start override the styling for the ui-select container for selecting single values
*/
.konnect-ui-select-single .ui-select-container {
	border-radius: 5px;
}

.konnect-ui-select-single .ui-select-toggle {
	background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc;
    padding: 5px 6px;
	color: #555 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.konnect-ui-select-single .ui-select-placeholder, .konnect-ui-select-single .ui-select-match-text {
	padding: 2px 3px 1px;
	display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.konnect-ui-select-single .ui-select-placeholder, .konnect-ui-select-single .ui-select-match-text {
		padding: 2px 3px 1px;
		display: block;
	}
}

.konnect-ui-select-single .ui-select-toggle .caret {
/* 	display: none;
 */}

.konnect-ui-select-single .ui-select-toggle:hover {
	border-color: #ccc;
	background-color: white;
}

.konnect-ui-select-single .ng-invalid{
    border-color: none;
    box-shadow: none;
}

.konnect-ui-select-single .ui-select-search{
    width:100% !important;
}

.konnect-ui-select-single .btn-default-focus{
    border-color: transparent;
    background: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.konnect-ui-select-single .btn-default-focus .ui-select-toggle{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.konnect-ui-select-single input::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
}

.konnect-ui-select-single input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
}

.konnect-ui-select-single input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
}

.konnect-ui-select-single input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
}
.konnect-ui-select-single .dropdown-menu{
    background: none;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
}

/*
	End override the styling for the ui-select container for selecting single values
*/

.seperator:after {
    content: ' ';
    display: block;
    background: #ADADAD;
    margin: 0 10px;
    height: 34px;
    width: 1px;
}

.nav-pills>li:after {
    content: ' ';
    display: block;
    background: #ddd;
    height: 50%;
    width: 2px;
    position: absolute;
    top: 25%;
    right: -10px;
}
.nav-pills>li:last-child:after {
	display: none;
}

.nav-pills.nav-pills-custom>li {
	margin-right: 16px;
}

.nav-pills.nav-pills-custom>li>a {
	border: 1px solid #ddd;
}

.nav-pills.nav-pills-custom>li.active>a {
	border: 1px solid transparent;
}

.nav-pills-custom .badge ,
 .nav-pills-custom > .active> a > .badge {
	background-color: orange;
	margin: 0 5px 0 0 !important;
	height: 22px;
	position: absolute;
	top: -13px;
	right: -10px;
	border-radius: 11px;
	padding-top: 6px;

}

.thick-line{
	margin-top:0;
	border-top: 2px solid #a2a2a2;
}

.background-no-contract {
	background-color: #d7d7d7;
}

.background-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.dropdown-align-right {
	right: 0;
	left: auto;
}

.button-align-right-on-legend {
	top: -5px;
	position: absolute;
	right: 15px;
}

.ruleset-maintenance-modal .modal-content {
	width: 1000px;
	max-width: 1000px;
	overflow-y:hidden;
}

.ruleset-maintenance-modal .modal-dialog {
	width: 1024px;
}

.ruleset-maintenance-modal .modal-body {
	height:520px;
	max-height:520px;
}

.ruleset-maintenance-preview-modal .modal-dialog {
	width: 748px;
}


.observe-activity-modal .modal-dialog {
	width: 800px;
}

.observe-activity-modal .modal-body {
	height:400px;
	max-height:400px;
}

.quick-activity-definition-modal .modal-body {
	height:700px;
	max-height:700px;
}


.quick-activity-definition-modal .modal-body {
	height:500px;
	max-height:500px;
	overflow-y: scroll;
}

.child-observation-attention-point-modal .modal-body {
	min-height:350px;
	max-height: 570px;
}

.informationpage-modal .modal-body{
	min-height:425px;
}

.html-news-item-manage-view-modal .modal-body{
	min-height:350px;
	max-height: 570px;
}

.image-preview-position {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 200px;
	height: auto;
}

.image-preview-size {
       min-width:100%;
       height: 100%;
       width: 100%;
}

.activity-category-img {
	width: 30px;
	height: 30px;
}

.profile-image-wrapper img {
	object-fit: cover;
}

.changed-rule-warning{
	color: rgb(255, 128, 0);
	position: absolute;
}

.system-search-header-name {
	width: 40%;
}

.system-search-header-other {
	width:200px;
}

.newsletter-example-desktop iframe.newsletter {
    border: 1px solid #ddd !important;
    margin-left: 17px;
}

.newsletter-example-mobile iframe.newsletter {
	border: 1px solid #ddd !important;
	margin-top: 72px;
    margin-bottom: 72px;
    width: 242px;
}

.modal-body.max-height-630 {
	max-height: 630px;
}

.modal-body.max-height-570 {
	max-height: 570px;
}

.newsletter-example-btn {
	margin: 0 0 25px 0 !important;
    font-size: 30px !important;
    width: 80px;
}

.newsletter-example-mobile {
	background-image: url(../img/phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

button.btn.newsletter-example-btn.btn-info {
	background-color: #2aabd2;
}


.scroll-view {
	height:600px;
	overflow: auto;
	overflow-x: hidden;
    -webkit-overflow-scrolling:touch;
}

/**
	INFORMATION PAGES
**/

.informationpage-group-header{
	background-color: #f2f2f2;
}

.informationpage-group > tr > td:first-child{
	border-left: 1px solid #ddd;
}

.informationpage-group > tr > td:last-child{
	border-right: 1px solid #ddd;
}

.informationpage-group > tr:last-child > td {
	border-left: none;
	border-right: none;
}

.informationpage-group >tr:first-child td{
	border-top: none;
	border-left: none;
	border-right: none;
	padding-top: 10px;
}

.informationpage-group+.informationpage-page > tr:first-child >td {
	border-top: 0;
}

/**
	START RULES STYLING
**/
.konnect-editonly {
	color: #F46C20;
}

.customer-readonly {
	color: #999999;
}

.konnect-viewonly {
	color: red;
}

.default-rule-edit{
	position: relative;
}

.default-rule-edit:before{
	content: "";
	top: -2px;
	width: 750px;
	left: -20px;
	position: absolute;
	height: calc(100% + 2px);
	background-color: #fcf8e3;
	border: 1px solid #faf2cc;
}

.no-p-margin p {
	margin: 0px;
}

.rule-deleted{
	text-decoration: line-through;
}

.order-index {
	position: relative;
}

.order-index>span:nth-of-type(1), .order-index>div:nth-of-type(1) {
	position: absolute;
	left: 0;
}

.order-index>span:nth-of-type(2), .order-index>div:nth-of-type(2) {
	position: absolute;
	left: 18px;
}

/**
	END RULES STYLING
**/



/**
	HTML NEWSLETTER RAPPORT start
**/
.block-header-number {
	font-size: 20px;
}

.block-header-description {
	font-size: 18px;
}

.html-newsletters-rapport-block .solid-box:hover {
	background-color: #F6F6F6;
}

/**
	HTML NEWSLETTER RAPPORT end
**/


.color-btn, .color-btn:hover, .color-btn:focus {
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.color-btn:hover, .color-btn:focus {
	background-image: none;
}

.color-btn-0 {
	background-color: #1F77B4;
	background-image: -webkit-linear-gradient(top,#1F77B4 0,#6BA0CC 100%);
	background-image: -o-linear-gradient(top,#1F77B4 0,#6BA0CC 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#1F77B4),to(#6BA0CC));
	background-image: linear-gradient(to bottom,#1F77B4 0,#6BA0CC 100%);
}

.color-btn-1 {
	background-color: #FF7F0E;
	background-image: -webkit-linear-gradient(top,#FF7F0E 0,#F8A44E 100%);
	background-image: -o-linear-gradient(top,#FF7F0E 0,#F8A44E 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FF7F0E),to(#F8A44E));
	background-image: linear-gradient(to bottom,#FF7F0E 0,#F8A44E 100%);
}

.color-btn-2 {
	background-color: #2CA02C;
	background-image: -webkit-linear-gradient(top,#2CA02C 0,#75BC67 100%);
	background-image: -o-linear-gradient(top,#2CA02C 0,#75BC67 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#2CA02C),to(#75BC67));
	background-image: linear-gradient(to bottom,#2CA02C 0,#75BC67 100%);
}

.color-btn-3 {
	background-color: #D62728;
	background-image: -webkit-linear-gradient(top,#D62728 0,#DA6766 100%);
	background-image: -o-linear-gradient(top,#D62728 0,#DA6766 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#D62728),to(#DA6766));
	background-image: linear-gradient(to bottom,#D62728 0,#DA6766 100%);
}

.color-btn-4 {
	background-color: #9467BD;
	background-image: -webkit-linear-gradient(top,#9467BD 0,#B294D2 100%);
	background-image: -o-linear-gradient(top,#9467BD 0,#B294D2 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#9467BD),to(#B294D2));
	background-image: linear-gradient(to bottom,#9467BD 0,#B294D2 100%);
}

.color-btn-5 {
	background-color: #8C564B;
	background-image: -webkit-linear-gradient(top,#8C564B 0,#AB8980 100%);
	background-image: -o-linear-gradient(top,#8C564B 0,#AB8980 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#8C564B),to(#AB8980));
	background-image: linear-gradient(to bottom,#8C564B 0,#AB8980 100%);
}

.color-btn-6 {
	background-color: #E377C2;
	background-image: -webkit-linear-gradient(top,#E377C2 0,#E6A0D5 100%);
	background-image: -o-linear-gradient(top,#E377C2 0,#E6A0D5 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#E377C2),to(#E6A0D5));
	background-image: linear-gradient(to bottom,#E377C2 0,#E6A0D5 100%);
}

.color-btn-7 {
	background-color: #7F7F7F;
	background-image: -webkit-linear-gradient(top,#7F7F7F 0,#A5A5A5 100%);
	background-image: -o-linear-gradient(top,#7F7F7F 0,#A5A5A5 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#7F7F7F),to(#A5A5A5));
	background-image: linear-gradient(to bottom,#7F7F7F 0,#A5A5A5 100%);
}

.color-btn-8 {
	background-color: #BCBD22;
	background-image: -webkit-linear-gradient(top,#BCBD22 0,#CFCF5C 100%);
	background-image: -o-linear-gradient(top,#BCBD22 0,#CFCF5C 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#BCBD22),to(#CFCF5C));
	background-image: linear-gradient(to bottom,#BCBD22 0,#CFCF5C 100%);
}

.color-btn-9 {
	background-color: #17BECF;
	background-image: -webkit-linear-gradient(top,#17BECF 0,#70D1DE 100%);
	background-image: -o-linear-gradient(top,#17BECF 0,#70D1DE 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#17BECF),to(#70D1DE));
	background-image: linear-gradient(to bottom,#17BECF 0,#70D1DE 100%);
}

.square-border-select{
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 50%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right:1.5em;
    border-radius:0;
}

/**
FROALA
*/
/* hide froala image manager delete button */
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-head-line .fr-not-available {
  display: none !important;
}

div.fr-modal-body .fr-image-list .fr-image-container{
	padding: 5px;
	width: 23%;
	float: left;
}

div.fr-modal-body .fr-image-list .fr-image-container img{
	width: 100%
}

.control-sub-label {
	font-weight: normal;
}

/* image cropper button */
.image-preview{
    position: relative;
}
.image-edit, .image-edit-small{
    content: " ";
    padding-top: 2px;
    padding-left: 5px;
    top: 1px;
    left: 1px;
    position: absolute;
    opacity: 0.8;
    width: 120px;
    height: 33px;
    background: white;
    background: -moz-radial-gradient(top left, ellipse cover, rgba(255,255,255,1) 45%,rgba(255,255,255,0.4) 54%,rgba(255,255,255,0) 67%);
    background: -webkit-radial-gradient(top left, ellipse cover, rgba(255,255,255,1) 45%,rgba(255,255,255,0.4) 54%,rgba(255,255,255,0) 67%);
    background: radial-gradient(farthest-corner at 0px 0px, rgba(255,255,255,1) 45%,rgba(255,255,255,0.4) 54%,rgba(255,255,255,0) 67%);
}

.image-edit-small{
	width: 40px;
    height: 33px;
}

.image-edit:hover, .image-edit-small:hover{
    cursor: pointer;
    opacity: 1;
}
.image-edit:hover .caption{
    text-decoration: underline;
}

.image-edit {
	z-index: 10;
}

.image-preview IMG,
.image-preview .bgimage{
    border: 1px solid #999999;
}

/* end image cropper button */

.agenda-day:last-child {
	border-right: none;
}

.agenda-day .agenda-day-content{
	height: 245px;
	overflow: hidden;
}

.agenda-day-weekend .agenda-day-content {
	height: 109px;
	overflow: hidden;
}

.agenda-day.agenda-day-selected .agenda-day-content,
.agenda-day-weekend.agenda-day-selected .agenda-day-content{
    background-color: #FCF8E3;
}

.agenda-day.agenda-day-today .agenda-day-content,
.agenda-day-weekend.agenda-day-today .agenda-day-content {
    background-color: rgba(151,196,255,0.3);
}

.agenda-day-holiday {
	background-color: #EBF5FF;
}

.agenda-day-school-closing-day {
	background-color: #FFD9B7;
}

.agenda-day-closed {
	background-color: #E1E1E1;
}

.agenda-day-weekend {
	background-color: #FAFAFA;
}

.agenda-view, .agenda-day {
	border-color: #bfbfbf !important;
}

.agenda-view {
	border: 1px solid ;
	overflow:hidden;
}

.agenda-view .row:first-child .agenda-day-header {
	border-top: 0;
}

.agenda-day {
	height: 270px;
	border-right:1px solid;
	padding: 0;
	margin: 0;
}

.agenda-day-weekend {
	height: 135px;
	padding: 0;
	margin: 0;
}

.agenda-day-header {
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	background-color: #eee;
	padding: 3px 6px;
	margin: 0;
}

.agenda-day.agenda-day-today .agenda-day-header,
.agenda-day-weekend.agenda-day-today .agenda-day-header {
	background-color: #97c4ff !important;
	border-bottom: 1px solid #97c4ff !important;
}

.agenda-day-new-item {
	height: 100%;
}

.pointer-cursor{
	cursor: pointer;
}

.agenda-more-items {
	height: 24px;
    width: 100%;
    background-color: rgba(255,255,255,0.95);
    border-top: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    bottom: 0px;
    left: 0;
    cursor: pointer;
}

.agenda-more-items span {
	position:absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	text-align: center;
}

.agenda-item{
    padding-top: 1px;
    cursor: pointer;
}

.parent-meeting-agenda-item {
	padding-top: 1px;
}

.parent-agenda-item{
    padding-top: 1px;
}

.agenda-item-wholeday div:last-child{
	padding-left: 8px;
}

.agenda-item-for-parent{
	background-color: #93c47d;
	color: #ffffff;
}

.agenda-item-for-employee{
	background-color: #ff9900;
	color: #ffffff;
}

.agenda-item-for-child{
	background-color: #6fa8dc;
	color: #ffffff;
}

.agenda-item-activity-program {
	background-color: #e60e82;
	color: #ffffff;
}

.agenda-item-time{
	padding-left: 2px;
}

.agenda-item-time div:last-child{
	padding-left: 5px;
}

.agenda-item-time-pill{
	border-radius: 500px;
	text-align:center;
	width: 14%;
}

.parent-activity-agenda-children{
	position: absolute;
	top: 0px;
	right: 0px;
}

.parent-agenda-day-item{
	position:relative;
	width: 100%;
    float: left;
    padding-top: 2px;
    padding-left: 1px;
    padding-right: 5px;
}
.first-day-item .parent-agenda-day-item{
	padding-top: 0;
}

.parent-agenda-day-item-image {
	float: left;
	position: relative;
	width: 16%;
}
.parent-agenda-day-item-content {
	padding-top: 2px;
	padding-right: 2px;
	float: left;
	position: relative;
	width: 84%;
	cursor: pointer;
}

.parent-agenda-day-item-content:before {
	content: ''; position: absolute; height: 1px; left: -2px; top: 0px; width: 100%; background-color: rgba(51,51,51,0.2);
}
.first-day-item .parent-agenda-day-item-content {
	padding-top: 0px;
 }
.first-day-item .parent-agenda-day-item-content:before {
 	content: none;
}


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

.multi-line-text, .permission-description .popover-content {
	white-space: pre-line;
}

.chart{
	display: block;
	overflow: hidden;
	height: 250px;
	width: 100%;
	max-height: 250px;
	max-width: 470px;
}


/* Fix for froala popup/tooltip to make sure visible on modals */
.fr-popup {
	z-index: 10000 !important;
}

/* disable bootstrap modal animation */

.modal.fade {
  opacity: 1;
}

.modal.fade .modal-dialog, .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.invisible {
	visibility: hidden;
}


.dividing-line {
	border-top: 1px solid #ddd;
	padding-top: 15px;
	margin-top: 15px;
}

.dot {
	height: 16px;
	width: 16px;
	border-radius: 50%;
	display: block;
    border: solid 1px lightgrey;
}

.dot-off {
	background-color: darkgrey;
}

.dot-on {
	background-color: lawngreen;
}

.show-more-content{
	position:absolute;
	bottom:0;
	left: 0;
	background: white;
	width: 100%;
}

.photo-too-large-error{
    height: 0px;
    position: relative;
    text-align: center;
    z-index: 2;
    color: #dc3545;
    font-size: 80px;
}

/* Override for ui-select that holds button inside of the input */
.ui-select-multiple-line-button .ui-select-match-item{
	text-align: left;
    white-space: normal;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 99%;
}

.activity-program-bottom-column{
	position: absolute;
	bottom: 0;
	right: 0;
}

.activity-program-bottom-column button{
	position: absolute;
	bottom: 0;
	right: 0;
}

.froala-box {
	border: 1px solid lightgray;
	padding: 10px;
}

.fr-view p {
	margin: 0 0;
}

.admin-read-only {
	color: red;
}

.asterisk:after {
	content:" *";
	color: red;
	position: absolute;
	margin-left: 5px;
	top: 10px;
}

.icon-primary {
    color: var(--primary-color);
}

.observation-answer-type-value-icon {
	width: 25px;
	height: 25px;
	border: thin dotted grey;
}

.loader {
	font-size: 10px;
	margin: 50px auto;
	text-indent: -9999em;
	width: 11em;
	height: 11em;
	border-radius: 50%;
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.glyphicon.spinning {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}

.flex-grow-1 {
	flex-grow: 1; /* This will make the element take up any available space */
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg); }
	to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

@media (max-width: 768px) {
  .modal-content {
    width: 735px;
  }
}