.CardList{width:100%;margin:0 auto;text-align:center}.CardContainer{position:relative;display:inline-block;width:200px;height:280px;margin:10px;border:1px solid #d3d3d3;border-radius:10px;background-image:url("/Images/background_grey.jpg");vertical-align:top;box-shadow:0 3px 3px rgba(0,0,0,.2)}.CardContainer:hover{box-shadow:-1px 1px 8px 3px silver}.CardContainerInactive{background-color:#e0e0e0;background-image:unset;overflow:hidden}.CardHeaderBackground{width:100%;height:100%;border-radius:10px}.CardHeaderBackgroundMask{mask-image:url("/Images/CardHeaderMask.png");mask-size:contain;mask-repeat:no-repeat;mask-type:alpha;-webkit-mask-image:url("/Images/CardHeaderMask.png");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-type:alpha;background:-moz-linear-gradient(-45deg,rgba(0,0,0,.29) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(-45deg,rgba(0,0,0,.29) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 100%);background:linear-gradient(135deg,rgba(0,0,0,.29) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a000000',endColorstr='#00000000',GradientType=1)}.CardHeaderNoColorBackground{background-image:url("/Images/CardHeader.png");background-size:contain;background-repeat:no-repeat}.CardImage{position:absolute;right:2px;top:2px;max-width:100px;height:68px;overflow:hidden}.CardImage img{display:block;width:100%;height:100%;object-fit:contain;border-top-right-radius:10px}.CardImageBorder{background-color:#fff;border-radius:50px;border:4px ridge}.CardImageBorder img{border-radius:50px}.CardHeaderProperty1{position:absolute;left:5px;top:5px;color:#fff;font-size:.9em}.CardHeaderProperty2{position:absolute;left:5px;top:20px;color:#fff;font-size:.75em}.CardType{position:absolute;top:50px;left:5px;color:#a9a9a9;font-size:12px;max-width:125px}.CardSubjectAbsence{position:absolute;top:5px;right:50px}.CardName{position:absolute;top:80px;color:#000;font-size:1.25em;font-weight:bold;padding:0;margin:0 auto;text-align:center;width:100%}.CardName a{color:#000;text-decoration:none}.CardName a:hover{color:#000;text-decoration:none}.CardName:hover{overflow:auto;text-overflow:initial}.CardNumber{position:absolute;top:130px;font-size:2em;padding:0;margin:0 auto;text-align:center;width:100%}.CardExternalId{position:absolute;bottom:112px;width:100%;text-align:left;padding-left:5px;font-size:15px}.CardTime{position:absolute;bottom:92px;width:100%;text-align:center;padding-left:5px;font-size:15px}.CardLocation{position:absolute;bottom:72px;width:100%;text-align:center;padding:0 5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.CardProperties{position:absolute;bottom:70px;width:100%;text-align:center}.CardProperties table tr td div:first-child{font-size:1em;font-weight:bold;margin-bottom:-5px}.CardProperties table tr td div:last-child{color:#a9a9a9;font-size:.7em}.CardCancelSticker{position:absolute;bottom:120px;width:100%;text-align:center;transform:rotate(-10deg);opacity:.8}.CardCancelSticker:hover{opacity:.15}.CardAttendanceProperties{position:absolute;bottom:45px;width:100%;text-align:center}.CardDate{position:absolute;bottom:35px;text-align:center;padding:0 10px;margin-bottom:10px;width:100%}.CardActions{position:absolute;bottom:5px;width:100%;text-align:center}.action-btn-single{height:30px;padding:6px 10px;border-radius:15px;text-align:center;line-height:1.42857;border:0;font-size:12px}.action-btn-single img{margin-right:5px}.action-btn-single span{margin-right:5px}.action-btn-many{height:30px;width:30px;padding:6px 0;border-radius:15px;text-align:center;line-height:1.42857;border:0}.action-btn-many:hover{background-color:#3fb618;font-size:1.1em}.action-btn-single:hover{background-color:#3fb618;font-weight:bold}.handWhiteImage{background:url("/Images/hand_white.png") no-repeat;height:18px;vertical-align:baseline}.handWhiteImage:hover{height:20px}.trainingPlanWhiteImage{background:url("/Images/training_plan_white.png") no-repeat;height:18px;vertical-align:baseline}.trainingPlanWhiteImage:hover{height:20px}.trainingPlanWhiteImage{background:url("/Images/training_plan_white.png") no-repeat;height:18px;vertical-align:baseline}.trainingPlanWhiteImage:hover{height:20px}.CardInfo{position:absolute;top:60px;right:5px;width:20px;height:20px;line-height:20px;background-color:#000;color:#ffffe0;border-radius:25px;font-size:18px;text-align:center}.CardInfo:hover+.CardInfoSection{display:block}.CardInfoSection{display:none;position:absolute;top:80px;bottom:0;width:100%;padding:0 5px;font-size:11px;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;text-overflow:ellipsis}.CardInfoSection div{margin-bottom:3px}