/***********************************************************************
 * timeslot matrix
 ***********************************************************************/

.gridContainer {
    margin-top: 10px;
    display: table;
    border-collapse:collapse;
}

.gridRow {
    display:table-row;
}

/***********************************************************************
 * cells in the timeslot matrix
 ***********************************************************************/

.cell {
    display: table-cell;
    border: 1px solid black;
    border-top-width: 2px;
    text-align: center;
    position: relative;
    cursor: pointer;
    background-clip: padding-box
}

.cellSizeNormal {			/* total size h=20+2=22 w=30+1=31 */
    min-width: 30px;
    max-width: 30px;
    line-height: 20px;
    font-size: 15px;
}

.cellSizeSmall {			/* 0.8 */
    min-width: 24px;
    max-width: 24px;
    line-height: 16px;
    font-size: 12px;
}

.cellSizeTiny {				/* 0.6 */
    min-width: 18px;
    max-width: 18px;
    line-height: 12px;
    font-size: 9px;
}

.cellSizeLarge {			/* 1.2 */
    min-width: 36px;
    max-width: 36px;
    line-height: 24px;
    font-size: 18px;
}

.cellSizeHuge {				/* 1.5 */
    min-width: 45px;
    max-width: 45px;
    line-height: 30px;
    font-size: 22px;
}

.cellA {
}

.cellB {
    background-color: #EEE;
}

.cellA:hover, .cellB:hover {
    background: #BBDDFF;
}


/***********************************************************************
 * labels in the timeslot matrix
 ***********************************************************************/

.label {
    display: table-cell;
    border: 1px solid black;
    border-width: 0px;
}

.labelSizeNormal {		/* 1.0 */
    min-width: 45px;
    max-width: 45px;
    line-height: 20px;
    font-size: 12px;
}

.labelSizeSmall {		/* 0.8 */
    min-width: 36px;
    max-width: 36px;
    line-height: 16px;
    font-size: 9px;
}

.labelSizeTiny {		/* 0.6 */
    min-width: 27px;
    max-width: 27px;
    line-height: 12px;
    font-size: 7px;
}

.labelSizeLarge {		/* 1.2 */
    min-width: 54px;
    max-width: 54px;
    line-height: 24px;
    font-size: 14px;
}

.labelSizeHuge {		/* 1.5 */
    min-width: 67px;
    max-width: 67px;
    line-height: 30px;
    font-size: 18px;
}

.labelA {
}

.labelB {
}

/* **********************************************************************
 * PSS colors
 * made on http://phrogz.net/css/distinct-colors.html
 * hue: 0...360 (1)
 * sat: 50..100 (25)
 * val: 90..100 (5)
 * threshold -> 33 colors
 * interleave: 5
 ***********************************************************************/

.msg1 { background-color: #ff8080; }
.msg2 { background-color: #ff9f40; }
.msg3 { background-color: #4ce600; }
.msg4 { background-color: #738fe6; }
.msg5 { background-color: #ff00d4; }
.msg6 { background-color: #ff1500; }
.msg7 { background-color: #e5ac39; }
.msg8 { background-color: #3df288; }
.msg9 { background-color: #3d5bf2; }
.msg10 { background-color: #f23da7; }
.msg11 { background-color: #e54839; }
.msg12 { background-color: #e5d273; }
.msg13 { background-color: #40ffcf; }
.msg14 { background-color: #6500f2; }
.msg15 { background-color: #f23d79; }
.msg16 { background-color: #ff9f80; }
.msg17 { background-color: #f2f23d; }
.msg18 { background-color: #40ffff; }
.msg19 { background-color: #b580ff; }
.msg20 { background-color: #ff6a00; }
.msg21 { background-color: #bfff00; }
.msg22 { background-color: #73c9e6; }
.msg23 { background-color: #ba39e6; }
.msg24 { background-color: #f2ac79; }
.msg25 { background-color: #d4ff80; }
.msg26 { background-color: #00aaff; }
.msg27 { background-color: #e673dc; }

/***********************************************************************
 * PSS colors
 * made on http://phrogz.net/css/distinct-colors.html 
 * hue: 0...360 (1)
 * sat: 50..100 (25)
 * val: 90..100 (5)
 * threshold -> 129 colors
 * interleave: 5
 ***********************************************************************/

.pss1 { background-color: #f23d3d; }
.pss2 { background-color: #e5bf00; }
.pss3 { background-color: #00ff6a; }
.pss4 { background-color: #0079f2; }
.pss5 { background-color: #f23de3; }
.pss6 { background-color: #ff8080; }
.pss7 { background-color: #ffdf40; }
.pss8 { background-color: #73e6ac; }
.pss9 { background-color: #73ace6; }
.pss10 { background-color: #e673dc; }
.pss11 { background-color: #ff1500; }
.pss12 { background-color: #f2de79; }
.pss13 { background-color: #00ff95; }
.pss14 { background-color: #006aff; }
.pss15 { background-color: #e600bf; }
.pss16 { background-color: #f28379; }
.pss17 { background-color: #f2de00; }
.pss18 { background-color: #39e69e; }
.pss19 { background-color: #3981e6; }
.pss20 { background-color: #ff40cf; }
.pss21 { background-color: #f25b3d; }
.pss22 { background-color: #e5d739; }
.pss23 { background-color: #00ffaa; }
.pss24 { background-color: #73a3e6; }
.pss25 { background-color: #e60099; }
.pss26 { background-color: #f28d79; }
.pss27 { background-color: #ffff00; }
.pss28 { background-color: #40ffbf; }
.pss29 { background-color: #80aaff; }
.pss30 { background-color: #f23db6; }
.pss31 { background-color: #e53900; }
.pss32 { background-color: #f2f200; }
.pss33 { background-color: #79f2ca; }
.pss34 { background-color: #003df2; }
.pss35 { background-color: #ff80d5; }
.pss36 { background-color: #ff7040; }
.pss37 { background-color: #e5e673; }
.pss38 { background-color: #3df2c5; }
.pss39 { background-color: #7997f2; }
.pss40 { background-color: #f2008d; }
.pss41 { background-color: #e58f73; }
.pss42 { background-color: #eaff00; }
.pss43 { background-color: #39e6c9; }
.pss44 { background-color: #0028f2; }
.pss45 { background-color: #e673b6; }
.pss46 { background-color: #f25100; }
.pss47 { background-color: #e3f23d; }
.pss48 { background-color: #79f2de; }
.pss49 { background-color: #4060ff; }
.pss50 { background-color: #e50073; }
.pss51 { background-color: #e57339; }
.pss52 { background-color: #bfe600; }
.pss53 { background-color: #00ffea; }
.pss54 { background-color: #8095ff; }
.pss55 { background-color: #ff006a; }
.pss56 { background-color: #f2a279; }
.pss57 { background-color: #eaff80; }
.pss58 { background-color: #39e6d7; }
.pss59 { background-color: #3948e6; }
.pss60 { background-color: #ff408f; }
.pss61 { background-color: #ff6a00; }
.pss62 { background-color: #bfff00; }
.pss63 { background-color: #00ffff; }
.pss64 { background-color: #737ce6; }
.pss65 { background-color: #e673a3; }
.pss66 { background-color: #ff8f40; }
.pss67 { background-color: #c9e673; }
.pss68 { background-color: #39e6e6; }
.pss69 { background-color: #0000e6; }
.pss70 { background-color: #ff0055; }
.pss71 { background-color: #e5a373; }
.pss72 { background-color: #d4ff80; }
.pss73 { background-color: #80ffff; }
.pss74 { background-color: #9580ff; }
.pss75 { background-color: #f23d79; }
.pss76 { background-color: #e57300; }
.pss77 { background-color: #86e600; }
.pss78 { background-color: #00def2; }
.pss79 { background-color: #5500ff; }
.pss80 { background-color: #ff0040; }
.pss81 { background-color: #ff9f40; }
.pss82 { background-color: #9ee639; }
.pss83 { background-color: #79e8f2; }
.pss84 { background-color: #793df2; }
.pss85 { background-color: #e53964; }
.pss86 { background-color: #ffbf80; }
.pss87 { background-color: #65f200; }
.pss88 { background-color: #00caf2; }
.pss89 { background-color: #ac79f2; }
.pss90 { background-color: #e5738f; }
.pss91 { background-color: #f28d00; }
.pss92 { background-color: #a2f279; }
.pss93 { background-color: #40dfff; }
.pss94 { background-color: #7300e6; }
.pss95 { background-color: #ff002b; }
.pss96 { background-color: #ffaf40; }
.pss97 { background-color: #64e639; }
.pss98 { background-color: #79def2; }
.pss99 { background-color: #af40ff; }
.pss100 { background-color: #f23d5b; }
.pss101 { background-color: #e5b673; }
.pss102 { background-color: #00f200; }
.pss103 { background-color: #39bae6; }
.pss104 { background-color: #9900e6; }
.pss105 { background-color: #ff8095; }
.pss106 { background-color: #f2a200; }
.pss107 { background-color: #79f279; }
.pss108 { background-color: #80dfff; }
.pss109 { background-color: #bf00ff; }
.pss110 { background-color: #e50013; }
.pss111 { background-color: #ffbf40; }
.pss112 { background-color: #40ff50; }
.pss113 { background-color: #39ace6; }
.pss114 { background-color: #c973e6; }
.pss115 { background-color: #e53948; }
.pss116 { background-color: #ffd580; }
.pss117 { background-color: #39e656; }
.pss118 { background-color: #73bfe6; }
.pss119 { background-color: #c939e6; }
.pss120 { background-color: #e5737c; }
.pss121 { background-color: #ffbf00; }
.pss122 { background-color: #7fff9f; }
.pss123 { background-color: #008df2; }
.pss124 { background-color: #de00f2; }
.pss125 { background-color: #ffcf40; }
.pss126 { background-color: #39e673; }
.pss127 { background-color: #399ee6; }
.pss128 { background-color: #f480ff; }
.pss129 { background-color: #e5c973; }
.pss130 { background-color: #73e699; }
.pss131 { background-color: #80caff; }
.pss132 { background-color: #ff00ff; }

/* domain colors */

.domain_red { background-color: #ff4444; }
.domain_blue { background-color: #6699ff; }
.domain_purple { background-color: #ff66ff; }
.domain_brown { background-color: #cc9966; }
.domain_green { background-color: #44cc44; }
.domain_yellow { background-color: #f2d901; }
.domain_orange { background-color: #ef9001; }

/* 90's nostalgia: blinking text :-) */

/* @group Blink */

.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

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

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

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

/* @end */