.alert {
  animation: blinker 1s linear infinite;
  background: red !important;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.cb {
	clear:both
}

body {
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}

fr {
	display:block;float:right
}
body, input, textarea {font-family: 'Roboto', sans-serif;font-size: 1em;}
body {
	margin:0px;
	background: #fff;
	
}

/* header style */

#logo img {max-width: 222px !important;}

#header {
	background: #f7e2e0;
	padding: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
}

#header div {
	display:inline-block;
	padding:0px;
	margin-right:18px;
	font-size: 1.9em;
	font-weight:100
}

#header #date {border-left:1px solid #000;padding-left: 40px;margin-left:3px}

#header fr div {
    padding: 10px 20px;
    /* border: 1px solid #e99f95; */
    margin-top: 10px;
    border-radius: 10px;
}


#header #logo {font-weight:400;padding: 20px;}



/* content */

div.row {
    display: flex;
}

div.wall div.post content img {
    max-width: 100%;
    margin-top: 8px;
    border-radius: 10px;
}

div.row div.column {
    flex-grow: 1;
    max-width: 33.33%;
    height: calc(100vh - 166px);
    overflow: auto;
    padding-bottom: 88px;
}

a.termmore {
    margin: 8px;
    display: block;
    background: #d7e4f7;
    text-align: right;
    padding: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-decoration: none;
    color: #000;
    margin-top: -11px;
    font-family: 'Sofia Sans Condensed', sans-serif;
}

td.tle {
	font-family: 'Sofia Sans Condensed', sans-serif;
}



div#content {
    background: #f2f2f2;
    position: Fixed;
    top: 77px;
    bottom: 0px;
    width: 100%;
    /* overflow: hidden; */
}

div.column.wall h1 {
    display: none;
    font-family: 'Sofia Sans Condensed', sans-serif;
}



.post {margin:10px;background:#fff;-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 1px 0 rgba(0,0,0,0.4);border-radius:5px;}




/* wall */

div.wall div.post author img {
    width: 40px;
    border-radius: 34px;vertical-align:middle;margin-right:10px;
}


div.wall div.post reply {
	display:block;margin-left:20px;padding:8px;
}
div.wall div.post replyauthor img {
    width: 40px;float:left;
    border-radius: 34px;vertical-align:middle;margin-right:10px;
}

div.wall replytext strong {
	display:block
}

div.wall replytext {margin-left: 4px;display: inline-block;padding: 10px;border-radius: 5px;background: #f7e2e0;}

div.wall add {
    display: block;
    border-top: 1px dotted #ccc;
    padding: 10px;
}

div.wall add textarea {
    padding: 8px;
    border: 0px;
    width: 60%;
    min-height: 60px;
}

div.wall add a {
    float: right;
    background: #3977d5;
    border-radius: 5px;
    color: #fff;
    padding: 4px 10px;
    text-decoration: none;
}

div.wall div.post author {padding:8px;display:block;font-weight:bold;}

div.wall div.post when {
    float: right;
    padding: 8px;
    font-size: 0.8em;
    color: #888;
}

div.wall div.post content {
    display: block;
    padding: 8px;
    border-bottom: 1px dotted #ccc;
}

div.wall div.post footer {
    display: block;
    padding: 8px;
}

div.wall div.post likes {
    font-size: 0.95em;font-style:italic;
}

div.wall div.post likes i {
    color:red;margin-right:5px;
}

div.wall div.post comments {
    border-top: 1px dotted #ccc;
    display: block;
}

div.wall {
    /* padding-bottom: 88px; */
}

/* termsheet */

div.term when {
    border-bottom: 1px dotted #cccccc;
}
div.term agent what togo, div.term2 agent what togo {
    margin-left: 10px;
    font-size: 0.8em;
    background: #000;
    color: #fff;
    padding: 2px 6px;
    border-radius: 12px;
    white-space: nowrap;
}

div.term agent what {
    display: block;
    margin-left: 59px;
    padding-top: 4px;
    padding-bottom: 4px;
}

div.term agent what:hover {text-decoration:underline;cursor:pointer}

div.term agent what desc {
    font-weight: bold;
    margin-left: 5px;
}

div.term agent what desc i.fa-light.fa-file-lines {
    margin-left: 3px;
}

div.termsheet div.term.more {
    display: none;
}

div.term2 agent {
    padding-left: 20px;
    display: block;
    padding-bottom: 20px;
}

div.term2 time {
    margin-right: 10px;
    display: inline-block;
}

div.term2 desc {
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
}

div.term2 what {
    display: block;
}

div.term2 who person {
    display: none;
}

div.term {
    padding-bottom: 5px;
}

div.term.ec1 {
    background: #d7e4f7 !important;
}

div.ec1 when span, div.ec0 when span {
    font-weight: bold;
}

div.term2 agent what togo {
    margin-left: 20px;
}

div.term agent what.after, div.term2 what.after {
    color: #888;
}

div.term2 agent what.after img {filter: grayscale(100%);}

div.termsheet div.term, div.termsheet div.term2 {
    background: #fff;
    margin: 8px;
    border-radius: 8px;
    /* -webkit-box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%); */
    /* box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%); */
}

div.term when, div.term2 when {
    display: block;
    padding: 8px;
    font-size: 1.4em;
    /* font-weight: 100; */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-family: 'Sofia Sans Condensed', sans-serif;
}

agent img {
    width: 40px;
    border-radius: 34px;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}

div.term2 agent img {margin-right:-8px;}

div.term agent who {
    padding: 8px;
    display: block;
    font-weight: bold;
    padding-bottom: 0px;
}

div.term add, div.term2 add {
    float: right;
    font-size: 0.8em;
    /* border: 1px solid #fff; */
    padding: 3px 14px;
    border-radius: 28px;
    font-weight: 200;
    margin-left:6px;
    cursor: pointer;
}

add i {
    margin-right: 5px;
}

add:hover {
    color: #3977d5;
}

div.termsheet div.term.otherday {
}

td.date input {
    border: 0px;
    background: #f2f2f2;color:#000
}
/* notepad */

div.notepad h1, div.termsheet h1 {
    margin: 0px;
    font-size: 1.5em;
    font-weight: 100;
    padding: 10px;
}

div.column.notepad h1.responsive {display:none;font-family: 'Sofia Sans Condensed', sans-serif;text-align: left;}



div.notepad h1 update {
    float: right;
    font-size: 0.8em;
}

.column.notepad div.memo {outline: none;/* padding: 15px; */background: #fff;border-radius: 8px;-webkit-box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);border-radius: 8px;margin-right: 10px;margin-left: 10px;margin-bottom: 10px;}
div.memo tit {
    padding: 9px 15px;
    display: block;
    background: #fff;
    font-weight: 100;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 0.8em;
}

div.memo text {
    display: block;
    padding: 15px;
    outline: none;
}

div.memo list {
    padding: 15px;
    display: block;
}

div.memo {
    font-size: 2em;
}

div.memo text:focus {
    position: fixed;
    top: 10px;
    bottom: 120px;
    left: 10px;
    right: 10px;
    background: #fff;
    border-radius: 10px;    -webkit-box-shadow: 0 0 1px 0 rgb(0 0 0 / 60%);
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 60%);z-index:150
}

options {
    float: right;
    font-size: 0.75em;
}

opt i {margin-right:5px;}
opt {display:inline-block;margin-left:8px;background:#e5e5e5;padding:3px 6px;border-radius:5px;margin-bottom: 8px;}

div.memo list pos input {
    font-size: 2em;
    -ms-transform: scale(3); /* IE */
    -moz-transform: scale(3); /* FF */
    -webkit-transform: scale(3); /* Safari and Chrome */
    -o-transform: scale(3); /* Opera */
    transform: scale(2);
    padding: 10px;
    margin-right: 17px;
    text-align:middle;
    float: left;
    margin-top: 8px;
    margin-left: 16px;
}

div.memo list pos {display:block;padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid #f2f2f2;}
div.memo list pos:last-child {
    border-bottom: 0px;
}
div.column.notepad div.memo list {
    font-size: 0.8em;
}

/* calendar */

td.subheading {
    background: #e5e5e5;
}

td.calpoz.weekday {
    background: #f2f2f2;
}

td.calpoz.weekend {
    background: #f7e2e0;
}

h2.calhead {
    margin: 0px;
    padding: 10px;
    text-align: center;font-weight:100;
}

a.next.calnavi {
    float: right;
}

a.prev.calnavi {
    float: left;
}

a.calnavi {color:#f0bdb6;text-decoration:none;border:1px solid #f0bdb6;padding:6px 22px;border-radius:10px;font-size:0.8em}

/* event info colorbox */

div.when i.fal.fa-clock {
    margin-left: 10px;
    margin-right: 2px;
    /* font-size: 0.9em; */
}

div.eventinfo div.edesc {
    font-family: 'Sofia Sans Condensed', sans-serif;
    padding: 10px;
    border: 1px dashed #ccc;
    margin-bottom: 10px;
}

div.eventinfo div.title {
    font-size: 1.3em;
    margin-bottom: 6px;
}

div.eventinfo div.when {
    background: #f2f2f2;
    padding: 5px;
    margin-bottom: 6px;
}

div.eventinfo {
    min-width: 250px;
}/* footer */

div#footer {position:fixed;width:100%;bottom:0px;left:0px;/* background:#e5e5e5; */padding-top: 8px;}


/* footer menu */

ul.fmenu {position:Fixed;bottom:0px;left:8px;list-style:none;margin:0px;padding:0px;}
ul.fmenu li {float:left;padding: 24px 30px;border-top: 1px solid #000;border-right:1px solid #000;border-top-right-radius:10px;font-size: 2.5em;background: #fff;border-top-left-radius: 10px;min-width: 40px;text-align: center;}
ul.fmenu li:first-child, ul.fmenu li:nth-child(2) {border-left:1px solid #000}

ul.fmenu li:hover {
    background: #e3e7f6;
    cursor: pointer;
}

ul.fmenu li {
	display:none
}
ul.fmenu li.elmenu {
	display:block
}

ul.fmenu.active li {display:block}
ul.fmenu.active li.elmenu {
display:none	
}

.cfooter {
    text-align: right;
    padding: 10px;
    background: #f2f2f2;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px dotted #ccc;
}

.cfooter input {
    background: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 10px;
    color: #000;
}

div#cboxLoadedContent {
    padding-bottom: 0px;
}

/* responsive */

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


div.column.notepad h1 tx {display:none}

opt {
    margin-left: 0px;
    margin-right: 6px;
}
	
div.column.notepad h1.responsive {
    display: block;
    font-weight: 300;
    font-size: 1.4em;
    color: #000;
    background: #f7e2e0;
    margin: 8px;
    padding: 5px;
    border-radius: 8px;
}

div.column.notepad h1 options {float:none;font-size:0.9em}
	
div.term when {font-size: 1.4em;}
div.column.wall h1 {display:block;text-align: left;font-weight: 300;font-size: 1.8em;color: #000;background: #f7e2e0;margin: 8px;padding: 9px;border-top-left-radius: 8px;border-top-right-radius: 8px;margin-bottom: -14px;}

div.wall div.post content img {
    margin-left: -8px;
    display: block;
    margin-right: -8px;
    border-radius: 0px;
    max-width: calc(100% + 16px);
    margin-bottom: -9px;
}
	
div.row {display:block;overflow: auto;height: 100%;}
div.row div.column {width:100%;max-width: 100%;height: unset;flex-grow: unset;display: block;padding-bottom: 0px;overflow: unset;}
    
#header div {font-size:1.0em}
#header div#logo {padding:10px}
#header fr {display:none}
#header div#date {display:none}

div#content {top:39px}

ul.fmenu {top:1px;right:10px;left:unset;bottom: unset;z-index: 120;background: #f7e2e0;}
ul.fmenu li {border-radius:10px !important;background:unset;padding:10px;font-size:1em;border:0px !Important;}

#logo img {max-width: 130px !important;}
	#header div {display:block;text-align:center;}
}


/* ajax form */

form input, form textarea {padding:5px;border:1px solid #888;border-radius:5px;}
.w100 {
    width: calc(100% - 12px);
}

input.member {
    margin-right: 6px;
}

td.czg div {
    padding: 5px;
    padding-left: 0px;
}

/* nieuzywane */
div#footer ul.intercom {list-style:none;margin:0px;padding:0px;margin-left: 8px;}
ul.intercom li {margin:0px;padding: 10px 20px;display:inline-block;font-size:1.4em;border-top-left-radius: 8px;border-top-right-radius: 8px;}
li.bull1 {background:#5CB2B0}
li.bull2 {background:#FCC408}
li.bull3 {background: #f0bdb6;}

ul.intercom li img {
    height: 60px;
    border-radius:60px;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}

ul.intercom li name {
    height: 60px;
    line-height: 60px;
    display: inline-block;
}