body{margin:0;padding:0;background-color:#89d4ff;overflow-y:scroll}.main-content{width:100%;height:100%}.main-content .sierbar{position:fixed;width:4%;left:1%;top:1%;height:97%;background:#000;border-radius:100px}.main-content .sierbar ul{padding:0;margin:30px 0 0;list-style:none;text-align:center}.main-content .sierbar ul li{margin:10px 0}.main-content .sierbar ul li a{display:block;font-size:20px;color:#fff;width:50px;height:50px;margin:0 auto;background:#86bfdc;line-height:50px;border-radius:100px}.content-area{width:93%;margin-left:6%;margin-top:15px}.content-area.removeareamarginleft{margin-left:3.5%}.content-area .search-list{background:#86bfdc;height:calc(100vh - 30px);padding:15px;border-radius:5px;position:relative}.content-area .search-list .search-box{position:relative}.content-area .search-list .search-box input.form-control{border-radius:0;height:40px;border:none;padding:6px 32px}.content-area .search-list .search-box i.fa.fa-search{position:absolute;top:10px;left:10px}.content-area .search-list .search-card-list{height:calc(100vh - 99px);overflow:auto}.content-area .search-list .search-card-list .search-card-box{display:flex;align-items:center;justify-content:flex-start;margin:19px 0;padding:10px;background:#fff;border-radius:5px}.content-area .search-list .search-card-list .search-card-box .search-card-box-icon{width:50px;height:50px;border-radius:100px;background:#fff;margin-right:5px;overflow:hidden}.content-area .search-list .search-card-list .search-card-box .search-card-box-icon img{width:100%;height:100%}.content-area .search-list .search-card-list .search-card-box .search-card-box-text h4{font-size:14px;font-weight:600;margin:0;color:#261b07}.dashboard-info{padding:15px;margin-bottom:15px;background:#76a0cf;border-radius:5px}.dashboard-info .search-card-box{cursor:pointer;margin:15px}.dashboard-info .search-card-box .search-card-box-icon{width:70px;height:70px;border-radius:100%;border:solid 1px #ddd;background:#fff;margin-right:10px;overflow:hidden;float:left}.dashboard-info .search-card-box .search-card-box-icon img{width:100%;height:100%}.dashboard-info .search-card-box .search-card-box-text{overflow:hidden;padding-top:12px}.dashboard-info .search-card-box .search-card-box-text h4{font-size:16px;color:#fff;margin:0}.content-area .search-list .search-card-list .search-card-box.active .search-card-box-text h4{color:#fff}.dashboard-info .search-card-box .search-card-box-text .user-card small{display:block;font-size:12px;color:#fff}.dashboard-info .search-card-box .search-card-box-text .user-card h3{font-size:17px;margin:10px 0 0;color:#1c82ad}.dashboard-info h2{font-size:16px;color:#fff;margin:0 0 10px;font-weight:700}.vital-card{background:#fff;padding:10px;border-radius:5px}.vital-card small{display:block;font-size:16px;line-height:22px;margin-bottom:5px;color:#796d53}.vital-card h3{font-size:18px;color:#796d53;margin:0;line-height:28px}.vital-card h3 img{width:30px;height:30px;margin-right:5px;position:inherit}.vital-card{background:#fff;padding:10px;border-radius:5px;margin:0 0 8px;position:relative}.vital-chart{min-height:170px}.alert-list h3{font-size:15px;color:#fff;margin:0;font-weight:700}.vital-card img{width:50px;height:50px;opacity:.5;position:absolute;right:10px;top:10px}.search-list.alert-list{background:transparent}.content-area .search-list .search-card-list .search-card-box:hover{background:#76a0cf}.active{background:#76a0cf!important;color:#fff}.loader{position:absolute;left:50%;top:50%;z-index:1;width:120px;height:120px;margin:-76px 0 0 -76px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #ffffff;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}@keyframes animatebottom{0%{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}.medical-card{background:#fff;padding:10px 40px;border-radius:10px;margin-top:10px;cursor:pointer}.medical-card h3{text-align:left;margin:0;line-height:50px;font-size:14px;font-weight:500}.medical-card .vital-helth img{width:50px}.medical-card .vital-helth small{font-size:18px;display:inline-block;font-weight:700;color:#878787}.max-helth img{width:50px}.max-helth small{font-size:18px;display:inline-block;font-weight:700;color:#878787}.vital-helth.max-helth{background:#fff;padding:10px;border-radius:10px;margin-top:10px;text-align:center}.vital-chart img{display:block;width:100%;height:130px}.helth-chart{padding:15px;margin-bottom:15px;background:#F7DED0;border-radius:5px}