.toggleAlarmPanel{border:1px solid var(--search-border);cursor:pointer;width:34px;height:34px;border-radius:3px;display:flex;text-align:center}.toggleAlarmPanel .filterIcon{width:20px;height:23px;margin:4px 6px;fill:var(--icon-deepblue);stroke:var(--icon-deepblue)}.widget-container{width:0;transition:width .2s;height:calc(100% - 40px);background-color:var(--page-bg);padding-bottom:20px;font-family:var(--font-op)}.widget-container.open{width:30%;max-width:500px;transition:width .2s}.panel-container{width:100%;height:100%;background-color:var(--section-bg);padding:0 10px}.widget-container.open .panel-container{padding:0 6px}.card-wrapper{height:100%;gap:6px;padding:10px 0}.widget-container.open .card-wrapper{height:calc(100% - 51px)}.cardContainer{height:100%;overflow-y:auto}.panel-container .card{display:grid;width:100%;background-color:var(--expand-table-row-color1);padding:16px;grid-template-columns:auto 14px;border:2px solid rgba(0,0,0,.06);animation:change-color-anim 1.8s linear}.panel-container .card .close-icon{stroke:none;fill:#a7a7a7;cursor:pointer}.panel-container .card .close-icon:hover{fill:var(--icon-deepblue)}.panel-container .card:not(:last-child){margin-bottom:6px}.panel-container .cardInfo{display:grid;row-gap:10px;color:var(--table-data)}.panel-container .cardHeading{padding:0 5px;color:#a7a7a7;white-space:nowrap;min-width:82px}.widget-container .cardHeading{padding:0;min-width:0}.panel-container .cardData{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wellbore-line{text-align:right;padding-right:14px}.cardAlarm,.cardMessage,.wellboreInfo{display:grid;grid-template-columns:90px 1fr;align-items:baseline}.widget-container .cardAlarm,.widget-container .cardMessage,.widget-container .wellboreInfo{grid-template-columns:1fr}.wellInfo{display:grid;grid-template-columns:fit-content(40%) fit-content(40%);column-gap:16px}.widget-container .wellInfo{grid-template-columns:1fr 1fr;column-gap:4px}.wellDataWrapper{display:flex;align-items:baseline;column-gap:9px}.widget-container .wellDataWrapper{display:grid;column-gap:0}.cardMessage{font-size:13px}.panel-container .noMatchAlarm{width:100%;position:relative;top:-50%;left:0;text-align:center;font-size:12px;font-family:OpenSans-Regular;color:var(--table-data)}.alarm-header-section{display:grid;grid-template-columns:auto 34px;gap:15px;width:100%}.alarm-header-section .clearIconSpan{cursor:pointer;width:34px;height:34px;border:none;display:flex;text-align:center}.alarm-header-section .clearIconSpan svg{width:24px;height:24px;margin:auto;fill:var(--icon-deepblue)}.searchSection{padding:8px 18px 7px;flex:none}.widget-container.open .searchSection{background-color:var(--page-bg);border:1px solid rgba(0,0,0,.08)}.searchSection .close-icon-alarm{width:10px;height:10px;fill:var(--input-field);cursor:pointer;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.searchSection .input-part{width:100%;height:34px;display:flex;position:relative;align-items:center;padding:0 15px 0 5px;border:1px solid var(--search-border);border-radius:3px;float:none;margin:0;gap:5px}.searchSection .input-part input{height:32px;width:100%;background-size:16px;background-position:6px;padding:10px 10px 10px 30px;background-color:transparent;display:block;border:none}.searchSection .searchicon{position:absolute;width:19px;height:19px;top:8px;left:10px;fill:var(--icon-deepblue)}::placeholder{color:#555151;font-size:11px}.fadeIn{animation:fadeIn .3s}.fadeOut{animation:fadeOut .3s}@keyframes change-color-anim{0%,70%{border-color:var(--notice-card-border)}to{border-color:rgba(0,0,0,.06)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media only screen and (max-width:600px){.cardHeading{padding:0;min-width:0}.cardAlarm,.cardMessage,.wellboreInfo{grid-template-columns:1fr}.wellInfo{grid-template-columns:1fr 1fr;column-gap:4px}.wellDataWrapper{display:grid;column-gap:0}}