.timerActionCSS {
    min-width: 50%;
    min-height: 300px;
}

.iconVideoCSS {
    font-size: 10rem;
    display: block;
    margin: auto
}

.alignItemsCenter {
    align-items: center;
}

.widthAuto {
    width: auto;
}

img.img-110 {
    width: 110px;
    height: auto;
}

.truncate>* {
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-login>a {
    display: block;
}

.borderRadius0 {
    border-radius: 0 !important;
}

.height64px {
    height: 64px;
}

.height45px {
    height: 45px;
}

.lineHeight45px {
    line-height: 45px;
}

.paddingRight5px {
    padding-right: 5px !important;
}

.paddingRight10px {
    padding-right: 10px !important;
}

.paddingRight12px {
    padding-right: 12px !important;
}

.paddingRight45px {
    padding-right: 45px !important;
}

.margin5px10px {
    margin: 5px 10px;
}

.paddingLeft20px {
    padding-left: 20px !important;
}

.paddingRight1rem {
    padding-right: 1rem !important;
}

.paddingLeft1rem {
    padding-left: 1rem !important;
}

.paddingLeft5px {
    padding-left: 5px !important;
}

.paddingLeft10px {
    padding-left: 10px !important;
}

.height56px {
    height: 56px;
}

.lineHeight56px {
    line-height: 56px;
}

.height63px {
    height: 63px;
}

.lineHeight63px {
    line-height: 63px;
}

.paddingTop5px {
    padding-top: 5px !important;
}

.tombolKembaliCustom {
    padding-left: 6px;
}

.tombolKembaliCustom2 {
    padding-left: 0;
}

.customHrMargin {
    margin-left: -24px;
    margin-right: -33px;
}

.border2pxSolid {
    border: 2px solid;
}

.lineHeight29px {
    line-height: 29px;
}

/* .user-li > .collapsible-header i {
    font-size: 18px !important;
} */
.user-li.active>.collapsible-header i:not([style]) {
    text-shadow: 0 0 #fff,
        -1px 0 #fff,
        1px 0 #fff,
        0 -1px #fff,
        0 1px #fff,
        1px 1px #fff,
        -1px -1px #fff,
        1px -1px #fff,
        -1px 1px #fff;
    /* -2px 0 #fff,
                2px 0 #fff,
                0 -2px #fff,
                0 2px #fff,
                2px 2px #fff,
                -2px -2px #fff,
                2px -2px #fff,
                -2px 2px #fff; */
}

.height24pxWidth24px {
    height: 24px !important;
    width: 24px !important;
}

.height24pxWidth24px>i {
    line-height: 24px !important;
}

select:not([disabled]):hover {
    cursor: pointer;
}

.marginRight10px {
    margin-right: 10px;
}

.paddingLeft0 {
    padding-left: 0 !important;
}

.userAgent {
    margin-bottom: 5px;
    text-align: left;
}

.userAgent+div {
    width: 200px;
    max-width: 100%;
    margin-bottom: 1rem;
    text-align: left;
    border-radius: 4px;
    padding: 4px;
}

.labelRekamanVideo {
    width: 200px;
    max-width: 100%;
}

.labelRekamanVideoAsesor {
    width: 200px;
    max-width: 100%;
}

.minHeight45px {
    min-height: 45px !important;
}

.minHeight80px {
    min-height: 80px !important;
}

.width25Percent {
    width: 25%;
}

.paddingTop2rem {
    padding-top: 2rem !important;
}

.paddingTop4rem {
    padding-top: 4rem !important;
}

.fontSize4rem {
    font-size: 4rem;
}

.level1 {
    background: rgba(252, 158, 210, 0.2);
}

.level2 {
    background: rgba(236, 248, 130, 0.3);
}

.level3 {
    background: rgba(185, 248, 245, 0.3);
}

.level4 {
    background: rgba(181, 248, 150, 0.3);
}

.level5 {
    background: rgba(88, 209, 114, 0.3);
}

.verticalAlignTop {
    vertical-align: top;
}

.fontNormal10px {
    font-size: 10px;
    font-weight: normal;
}

.rekomendasiUbaya {
    width: 60px;
}

.rekomendasiUbaya:hover {
    cursor: pointer;
}

.wrapIdentitas {
    max-width: 220px;
    word-break: break-all;
}

.selectTextOnClick,
.user-login {
    max-width: 240px;
}

.selectTextOnClick:hover,
.copyTextAsesor:hover,
.user-login:hover {
    cursor: pointer;
    background: lightyellow;
}

.wrapIdentitas.wrapSpace {
    max-width: 90px;
    word-break: normal;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.maxWidth200px {
    max-width: 200px;
}

.lineHeightTool {
    line-height: 40px;
}

.btnKompetensiSkenario {
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marginTop6px {
    margin-top: 6px;
}

.marginTop1rem {
    margin-top: 1rem !important;
}

.marginTop2rem {
    margin-top: 2rem !important;
}

.videoSettingWrapper {
    margin: 0;
    height: auto;
    width: 420px;
    max-width: 94%;
    border-radius: 0.5rem;
    background: #000;
    overflow: hidden;
    margin-bottom: 1rem;
}

.videoSettingDisplay {
    width: 100%;
    height: auto;
    object-fit: cover;
    transform: scaleX(-1);
    display: block;
    border: 4px solid transparent;
}

.videoSettingDisplay.active {
    border-color: lime;
}

.minWidth400px {
    min-width: 400px;
}

.minWidth300px {
    min-width: 300px;
}

.boxShadowNone {
    box-shadow: none !important;
}

#parentKompetensiList {
    border: 0 !important;
}

.smallCustomBtn {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 10px;
    font-size: 10px;
    height: 20px;
    margin-left: 10px;
}

.permissionPopupBackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.8;
    background: #000;
    z-index: 999999;
    overflow: hidden;
    display: none;
}

.dropdown-penilaian {
    font-size: 18px;
    border: 2px solid #92c1df;
    outline: none;
    border-radius: 4px;
}

.dropdown-penilaian:focus {
    border-color: #736949;
    background: lightyellow;
}

.tagRoomFGD {
    width: 94%;
    max-width: 100%;
}

.widthButton {
    width: 80%;
}

.marginBottomNol {
    margin-bottom: 0 !important;
}

.speechToTextHighlight {
    padding: 10px;
    border-radius: 3px;
    background: lightyellow;
    border-left: 5px solid darkgreen;
}

.width172px {
    width: 172px;
}

.widthLeftHeader {
    width: 59%;
}

.mailbox-item td:nth-child(2) {
    width: 160px;
    max-width: 160px;
}

.paddingTop20px {
    padding-top: 20px !important;
}

.menuPeserta,
.displayQuota {
    border: 2px solid #a5adba;
    border-radius: 3px;
    margin-left: 1rem;
    background: whitesmoke;
}

.displayQuota {
    margin-left: 0;
    padding: 10px;
}

.customTitlePeserta {
    margin-top: 11px;
    margin-bottom: 0;
}

.loader-frame {
    position: fixed;
    top: 0;
    z-index: 400;
    height: 100vh;
    width: 100vw;
    background: #000;
}

.deskripsiTiapAlat {
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}

.menuPeserta {
    line-height: 40px;
    border-radius: 20px;
    padding: 0 10px 1px 10px;
}

.menuPeserta>button>i {
    font-size: 1.5rem;
}

.menuPeserta:hover,
.customSelect:not(disabled):hover {
    background: #F2FBFE;
}

.customSelect {
    border: 1px solid rgba(165, 173, 186, 1)
}

.alertPrint {
    border-radius: 6px;
    border: 1px solid orange;
    background: rgba(253, 159, 40, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    padding: 10px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 12px;
    color: brown;
}

.alertPrint>ul {
    margin-top: 0;
}

.paddingLR8px {
    padding-left: 8px;
    padding-right: 8px;
}

#informationSnaps>#logActivityBoard>table td,
#dataSerbaGuna>#logActivityBoard>table td {
    padding: 0 !important;
}

#informationSnaps>#logEnvBoard>table td,
#dataSerbaGuna>#logEnvBoard>table td {
    padding: 0 !important;
}

.identitasQR {
    letter-spacing: 1px;
    padding: 5px;
    margin-bottom: 0;
}

.box-info-highlight {
    padding: 2px 15px 2px 2px;
    background: #fff !important;
    color: lightskyblue;
    width: calc(100% + 5px);
    border-radius: 10px 0 0 10px;
    font-size: 10px !important;
    letter-spacing: 0.4px;
}

.qrHighlightVideoContainer,
.qrHighlightVideoContainer>* {
    font-weight: 600;
}

.qrHighlightVideoContainer .material-icons {
    font-size: 1.5rem !important;
    margin: 0 !important;
}

.collapsed-narasi-kompetensi {
    height: 82px;
    overflow: auto hidden;
}

.expanded-narasi-kompetensi {
    height: auto;
    overflow: auto;
}

.icon3rem {
    font-size: 3rem !important
}

.card-content-qr {
    padding: 10px !important;
}

.qrLinkPesertaContainer {
    min-width: 120px;
}

.qrLinkPesertaContainer>.img-110 {
    right: 0;
    left: 0;
    margin: 0 35px 0 auto;
}

.qrLinkPesertaContainer>.img-110>a {
    display: block;
}

.marginBottomSimpanPenilaian {
    margin-bottom: 4.5rem !important;
}

.minWidth90px {
    min-width: 90px;
}

.thumbnail-img {
    margin: auto;
}

.vania-lite {
    border: none;
    width: 100%;
    height: calc(100vh - 199px);
    background-image: url(data:image/gif;base64,R0lGODlhgACAAPcdAGzASgBYb1fJ6NPo6GHM6dvs7A9jcSB0azSHZYPJaIzLd5LMhpPLjYC6onCxsGnO6XfS6n/U643Y7JTa7J/b6qbb56vb5bLT0LbZyLrcy77f0MHg1sjj5czm6OPy8+729vP5+fX6/HPDUwxfdRRkeCJrey9wfT91eVl+dLuTQnXDVXXGcWvCr2fK5XjL4n/M4YnM3pTL2qHP27LT2LzX2L/a0cfg38vj4djs197w3uT07Ob07ur07+707/3v4P3u3/z06vv7+Pr9/v6DAGrO6f6EAhxpfTFzgEZ6fvCCCXbCVX3DXYvEbavDgJ/Dh4G7tVvK6HfR6YPS6JfV5a3W173a2cjd19Xmy9nny9vny+nlyerr0+Tv3ePy5uDz8+z3+vb7+xNkeR1rfjJ6hzyBikmLi12bjWKhiXC5Z3HAVv6IC/6ME/6RHv6jRPyuWPm5bfe+eO/Fha/NpK/QrrPSur/Zwczhytboz9jq0trt1uDv3eXy4+z16/H38vb69tPryP6XKxlofC92iECCkE6NlGegmnCplnbBVoK/YpC7av6NFf6iQv6nS/6xYP63bPXAeuTMjdrTmNLao9Dgr8/mvNLqxdDm0Nru0N3w1OTy3e716fX38fX48v6TIv6YLBBieP6KD3XEVnPCUxtrgCBvhEGRo2XCyHLHt4DNloDLgn7Iav6fOv2qUfu6cPm/evTFhNzesNrjuNPmvdDpwtHqxd7rz8Xg28Pe3LPf6cnp7Nzx7uX07Ov37vH48fb68v369f6LEQpdbyR2cXLCUf6QG/yeOfOwW+22aue6cdzCf9PIirzSnKzSn5/So4LJt3TIw3rU7IrY7pbc77Pj683o4NHp39/u6evz7u708fv48f3w4f3r1/n69fj8+2/Q6/6JDo7a7TFzUPyZL/mmSPK0Y+rGh+XLkLnYnq7YnqXXnJ/Vn4fPtGfO6nXS7IPX7Zvd7bjk7Mjn69rp5OXo3vPjy/Tm0vXu4vf17/b49PX7+/X8/pXb7njFWf358mjO6ktzNSH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBQAdACH+GU9wdGltaXplZCB1c2luZyBlemdpZi5jb20ALAAAAACAAIAAhABYbx1qfzJ4ij6AkVOPn1fJ6FuVpGGgsGnM5429v8Dq9MHr9sru99Tk39Xx+OD0+enZvur2+u33+vHRqffKmP25cf6DAP6UJP6aMf6gPf6qUf6vXP/59AAAAAAAAAAAAAX/YCeOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Kx2y+16v+CweEwum8/otHrNbrvf8Lh8Tq/b7/i8fs/v+/+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYVw0JDUgRDKBIEBMQQxIHAKmpB0QOCAWwsA6mFRa2thUcPw8Bqr4CEkEKscQFCkEcGLfLF7o9A77RBECuxcSzPxrMzD0J0d8JP6/WxD8U28wUPAbf0j4R5MURPrXotxs8Au2/7/HXPhns3cKQb5+qAf38yQIo0BbBHewMAmDVA55CY/QaWsC3w5vEcD7G+TOnUV3BfdN2YSnExtBehne9vgETFm8BMmXonFVE5YuikGr/htS7p5MaJ08Okooilamp06dQo0qdSrWq1atYs2rdyrWr169gw4odS7as2bNo06pdy7at27dw48qdS7eu3bt48+rdy7cvkhAAIfkECQUAIgAsEQA5AF8ADgCFAFhvCF1zGWl+KXeMMYCVQpmwV8noa87ob79Kd8VfedHofsh0gsudhMqwjcvOu+fyyu31ztvbzt3f1fH02/P13vL04fTz7Ni+7Pfz7/j28vn39cuc9vv6+r18/aND/oMA/ooP//37AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABtZAkXBILBYrkUjGyGw6nxPI5EmtWiMBgBYwkFi/Tc7DQCY/wOhqYcsGONLozKFMV3Dg+KGj3fbmqQp1dWkXHR4dF0MYDAsNGk9ZfFsEf1CCdRBgGx+cnBtCCQiiC05YkmyVToGXZWdfIJ2dIhaitRhNe6dbEalMc6xlXyGxnRi0tQi3vrq7vUa/wArCxJy3oaOlzFrOz9EGrlawxEKLjY9OkaeU3ERj0Zlfm7GfaLmnfux60YSGiHhrkt7kIyKH1Z2BVUxNwoeQnLtWDcFUcKAkYhgp+YIAACH5BAkFAB0ALBAAOQBeAA4AhABYbx9sfydzgDeCe1fJ6GKmpWKnrGXK5Gu/SoDHyZPLj5vGf8Ti28Xl4czmzM3iwM3u8s/v9NXx9d7x9OPKj+u7cuz29O729fX59/enS/n8+vydN/6EAgAAAAAAAAAAAAXGYCeOZGmeHZMwaOu+4iVFF2zf5WUAPG/UuOBIciAYjRKh0jQJ9J6ByfIGOVoJDeFjwX0oB1DoFDa5XpM3BWK9VgQTYWhi7CqarS5KhdKxsP8YOAVxTwV0KBp3ZygZHI4bDn9sDjgChD0ChydEikcRKI6hkZIIlDdglwCZmjmdnqChHH6kgTeDqYasJImuBEAmjY8dan9uOHCpc7okdp15eyNbXV+XA8utnWjXLU2EUttDilngLjpQP+S7zUjpNgzv7ZszvzghACH5BAkFABwALBAAOQBeAA4AhABYbxJgcitqclfJ6FzK6GbN6WzASm6yuHCvrHKwn3PCU3XDV3i+a3rR5pbY5ave5b3l48Tl2cjk2czm287m4NSMLtvs7OXy8+v1+PT7/fvs2v7VqwAAAAAAAAAAAAAAAAXEICeOZGmeJvVEGOq+MJdZdGzf5hEAPJC0uOAI0xgYjRDbJcK8CE+CnjRAeeIshaPWAZMsDOCFxDpCTKdAsiuT1W5dk7B8Qracpwj1y+Hup0sMcnJkOnc9AnoubX1HFiQbFRscgoNWZoY9iSdsjG8iGhWhGpRhhJiZmiWcnUhDoRWjpAymp4ipJYudjiOQknGUdFZ2p3m3JHysBH8lXnN6l4bLt6uMSS9LTZpRd1XGzATV3jeFPT/iKUWe50or0uufNE4xIQAh+QQJBQAiACwPADkAXgAOAIUAWG8JXnAZbmsqf2NXyehjzOlozulswEpvq7Fx0Op3wE98sKt90eiGs6aK0eSh1uGkv4+r1+Cu2N+43eC93+DA4N7J5dDO6NPS7NberE3g8OXhsF/k8ujp9Ozx9/Tz+PX5/f7/9/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG0kCRcEgsGo/IYeVR8SSf0CSIo+lERdardtgIAL6AgWZLJoIYhHR6gtRADnBItoxEgO8BCX3bKaj/DEYXcIRwGHtGC3h4TohPZ4B/EWYKhYUfjkIai3gImUkPkYCNIhaWhRafD5x4n0gJopJYIm+ncZ+KrGCkrkOxkhsZG7W2ELi6u71Fv2oPwRumtgepmRLIYcrLzAQUsx+VtpiZm8ie2UrbvIOnh665rLzZkLGTRW6Ectl2nHrnZn6iHvkT0uWOmIH2HABig/DKEgrxGmqiMqdIEAAh+QQJBQAdACwOADkAXwAOAIQAWG8NYXMecHA2h2hXyedozulsvMBswEpv0OpyvKl20up5xF18wmx+wH6B1euM1eme2umj3Ois1M203bm/2tvQ5eDX6uLf7uXm8uvp8+7x+PX0+vj3/PcAAAAAAAAAAAAFvmAnjmRpnuh5SZSWvvCLWVm6TtMV76cUAEBghUc0bSCEZDJS4jQOUGiDU9wlgliApFrMIJRgxWbEiJoZ3Jcvix2mY4pwWDQ5myfv048dHOTVcmEYHQt2Zn8kFHxZiCgPgWARHIaHjR0Gi22WJQWQYJOUUJuYmUKbJJ2eSYShaJaKpQCnqKoETHWUeJt7i36zIhG1g6yGs2uLbr8dcZ4jTnZUs1d8W8oiXpBjiTg51h2wmt7XSJHiOzcu5k00JSEAIfkECQUAJAAsDgA5AGIADgCFAFhvC191IG2BOIKVTpisT52yV8noX8vpY8zpbMBKbM3ncMJQcczkd8veeMVZe8W2fsfHgMhjh8tsjc5zntSLud6ywOfuw+LDxOnxx+LjyOHfyevzzeTV2O/w3/Hu5fPu6/Xv7vf27/j59fz9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABtFAknBILBqPyGRIA8kkn9CnZ9MZIUEUSUJCAUW/1wFgPIaAz0cLwsBmi4oXR2JOv6DPlwB5P7jfG22BCBtDHHSHcxx+UCF6e3sPi19qgoFWJBGIiJJJBI+fHpxKlZUkhpqHH6JGAp+PZqtGG6SCpqiHdrFCja57BbpwtJYVt3XAQr2+x4XCbSOnxarHrckAsMuzzQpCmcXLJJ7Vod8i2g1C0JqK2I6ukd/ozZe26vCm7Xz2Q4CkhERYWiZ00WdKDCSCzAS9QfhliQYnDP9RmSckCAAh+QQJBQAkACwOADkAYwAOAIUAWG8NYHYlc4czgpZIorpXyeheyudrzOZswEpzzuZ2wqp2w7x+x2CIzG2Pz3WY0oCg1oqh3Ouh3uyl3+6qztCrzs2r2pmr3+yy4Oqz3aa13K283+HK5OLQ5uLU6OPd7ebl8enp9PHu9fL1+PgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG1kCScOgZGo/IpDL5oWxEy6g0+vGElBoGYsvoTL9RSgBABgg44DRyFCm43RfjyMGtP9R4QnkPqODVIQdvgwkjQhZ1iRl/X2J8ex+MXwmEgxEkIImaIJJRY49lA51hlYQfGZqKo0ygfKtKlKVvEw+pdq9HC62QuEcGsoO1tlsQvUO6u2RoxkKCwG6owwgazCQbyWTVzc8FE5nSnNWfraLaGNyRiLaL5smR2iSxpRJCc6l38CQKrX75gbKGhmSp4yWfEEehlhlkQ2jCkiIG1ziBEvFIlStGggAAIfkECQUAIgAsDgA5AGQADgAABtVAkVBYGBSGyKRyyVxyLptPc0pthjwdD5MB6HYx1TD1YgiYA4ijeJ0MSQRwuAUJSnjvCRB77zj7DRd7bB4EcYYRQwp4eIJiDX9/Uo1UboeHIhmLeBqTUwVlkGcOnVMUloceXJpeDKRMZKF+rkwQp4YWiqtdCrNKfbFnkr1Dtoe5urzDQ7/AAcLKxXETqsjKQ7DN1sTRAhaZugCc2p/No9qY3FLHmudCj8DPypW2FUR2mnrtIsx/gfqEtpJg2KQPCTYzaQoSeXOLSRE1Cg1CiRcRixYkQQAAIfkECQUAAwAsEwA5AF4ADgAAB9iAA4KDg0E4h4SJiouMjQM3MzSOk5SUOSsAmZk4lZ2NLAGhoSg9nqaONZqqADWnpj0morIkN66LQjIvAi8yQrerq5y2lKCzoibDhLi7zC08ipjAqsmoxrMx1AMwzc0DPj9AgtLB2YvF1qPUO9zNOinvj+OqreWJKOiy6uzMNu8p8fI21bOHT5S+fQJsfAs3IKDAgYPOoTtxcJ+ORNHkQSREo2AAbNS27VN0SZ6wjYIkGiu3jNszkuPooRQEC12tejN08fLFqOS8mYpUkgJayRAioosgSUJKKBAAIfkECQUAAgAsEQA5AF4ADgAAB9aAAoKDhIWGAl1ZV12HjY6PhlZUVZCVlo5cTACbm1iXn4dPAaOjT1+gqI1XnKwATqmfX0ektEZWsLhcra2euJBItbWgXsSDTUVDSVqVmrusvo9VwbVPlmBRUNlEX1rJ3luQzrzQjaLTpEiWU9rZU8feQ03R4qxX5IfA56Tq7Nnv3vIw0eNk716hfPqM8OvXDR64RwM7GSxkLuFCbVMQJUm2DFIzehMLSUtYrdI1dqdQ6aLXK+QghNOGFcsl7pVLQrLO3boJKdM4nhSppQTaE8sioqomGQwEACH5BAkFAB8ALBAAOQBeAA4AhABYbx5sfjF6gUaPemHG4mzASnTATni0wn63wobV6ZG9vK7f3bPDqLzk2Mrp187q19Pr09vr1d3r1N/q1O+zb/Ln0fisWfj6+fr26/vu3vv47/6DAP6JDf6QHf6ZLwAAAAXK4CeOZGmeIgZJGOq+sNgsTWzfZmQUPD/hQNLlACgWEcHkidFrFiDKWyRgrAouUgtnw7FokhCn8xeFCarowa3DbXuSO3Gz/FKg7wvUZf+ptP8VQBNyTnQuA3doBycOBI4OFH9tFIKETRGGJ1SJRgInCY6OkZIblDhhlj6ZJpucAJ4moKF+pIGnqTyrJoiuAIs5sx9sf29BcZa6JXa9eScXD1h9WlxeYKlkySNnnGrZMExyUN4jU4lX4zA6Y+hCRFW/7Okr0fElMzVAIQAh+QQJBQAcACwPADkAXgAOAIQAWG8KX3Ugbnw8h3lTnm5swEpvwU6Ix9OKuLeLusGe2OSiyJqw4erL6+rO6+bT7NjV7djaunfltWvl7+Dvrlrz9+v09/P18N71+PT6oDv+gwD+iAwAAAAAAAAAAAAAAAAFxSAnjmRpnuj0QBjqvrDIKE5s3+ZjFHyxVLggyTIAGI2J2EWSkVyEqEVvanhAcY7AcTuwuCiacFhyJUmp01b5Rdy6ESiJeB5ZV3bo3mL9Qrj/NSZzg3Z5VHwuRX9bcDIMDReDc09XZ4Y8QIgmi24EIwegkZJhlFCWl5maJJxcn6Aco2GFlzyqJoqsSY4NHHKSdWV3tHu2ZqxGgSZgdIinaGrFIm2cjSlMTqrOPVbRQ1p/Xd1KeDw/4iXTR7rnSivQ7CUzySghACH5BAkFABsALA8AOQBeAA4AhABYbw1gdjGCbEiWbGzASnXEVqbQ1qnP0rzUsL7c3cHUq8ri39zq5OHMkuTx3+XJjejGh+zBffK5bvevW/yfOv358v6DAP6KEP6RHf/r2P/u3gAAAAAAAAAAAAAAAAAAAAXC4CaOZGmeKOksTuq+bpUczKtlGqybCuH7ispuaFoIAEjk4dS4WJ6YDNFW+FkLrenwEEh6B6UHdPzQonpXq1nH6Hq9S1FmTM+tR470FXF3Dd6AQhsSdGR9Imh6P4cogIAJIhSFUBOMiYoFjEWObwMGCZKTFpWHl4qaJQucX5+EohGWmIuoJKtJkBtzonZ9ebJ8tCN/toKDk2WaplfBKm6OcXhOUFKoFVV6WcwiXI5gJze8waZB2qlHcOU7K9npJTI0JyEAIfkECQUAHwAsDgA5AGAADgCEAFhvDWB2EmR4GWp3JnZ0N4VwXaplbMBKe8ZdvNPJvdXQwdS+w9jWzN/Y1+nT2uvV4s2X5fDe57xv58aF6bNd7fPk8aE79fTo95ou+vjw+/ny/JMh/oMA/okN/osSAAAABcPgJ45kaZ4o+jhP6r5uxihRCkmWBMG8evy/haZHNDUIgGSSUbpgOFCo5VLkaRDALKJSLSaUYIBhlPFEz5tM14XVZte8RjisEFHQZwn85HBrF3suBXNhInhogSULflqJKIR0F4dnVI4fbYw/loqQYAmSk1CVjpiZmyQMnUoJH6FQp4uZmqcjqksfd5N6m32ygLQig6oiZZNqp6VuwCNynXXET2ijm1eMXMsiX4RjJTc5O9gfsUBC4cxInuY9ESzqJjI0JSEAIfkECQUAHgAsDgA5AGIADgCEAFhvDmF2HGx6NoRzRpJxbMBKcMFPncCtocebpcKvscyXs8iwyc+y4sF55+/j6OfK6urO6uzS6u7V6vDe6vLp69q47d288fbz9/n1+KlN+fn1/oMA/osS/pMhAAAAAAAABcigJ45kaZ5o6k2PhKlwbF5M4qBQ1m1dBsnAE8NQKBYQr6By5BgAns9DqcGr8hrLIMLINUyy2gB0TBhVrOgKGKbodpPr1EU8Hks1HDRaEz9R3F0KfSkEdYYOZ3pWFoMlQ4BcjScChnUJVIpVWJIibZBGnCRzlXaYmRubnJ6fBaFMpHYWp1euj6yuI5SwADZ5p3yhf6yCuB6FuzeJimq4q4BwrqOkUiKmVqnNkF/FnXR1ZaI6PD7cZkRGSOVMTnbqSiwR0O4rNTckIQAh+QQJBQACACwOADkAYwAOAAAH6YACgoJ+eH6DiImKi4yKhXd6jZKTknl0dn2LcWtDnWxxlKGVaAClpXeiqYtzYQGuAWWZhG2etW2Hqql3aaa9crm5ZK/DYXmCb7XJb8ChfLy9vsyhZ8TEfXjJ2XvSknLQ33zcjXvVxGZw2crijM/fpsbriqzlr2O06Z5u8YnO7tH7iMzQG3YP3xB9AAn5+5dQgMCBrtAZPNhQUDt/8BrOGzgG28RtFb0tTIOrITmIZgQgw7esooB+GF0KojYwk5+CtkpW3OXul0xBwsplVKmmFqifCqGhQipoo6tYiwrpZPoyDySq/C7JEhQIACH5BAkFAAIALA4AOQBkAA4AAAj5AAUIFIip4MCDCBMqXKhQ0x+DDCNKZGipYkNHQzJmfDSxo8RKhwCIFJnJo8mEnAoFWLnS0EFNijTKBLTppE1JI3MCoGTzpKVALIMK4iRwkcyjjHp6BKkzZ0mlEwUFnUpIAKSjWCNBlRiy6chEWyMamkrWUiOsSMMuvORVp9qFhMhSBYR25tuEk9o6vYsQqFyWg+jWzbiI78G8ekkaHuj3b4BBZwcPcbSYYGKRlQXGdRzA0FXJWjN3bQs281jOlgQYrZs0swCmbZ9mlvq3qgCYaGm6FojTK8/dP+UOHbgJo0yOu4mPVpz8tsqgLhtCbP6y0iWi1KunPhgQACH5BAkFAAIALBIAOQBeAA4AAAjuAAUIHEiQYC1YtQoqXMiwYUFfB3k5nEiRoqshGDGy+lWxI8NdqgCIFEnLo0mHvzxlXAkq4UmPs0bKBIDq5cNbp271ssiSpc2KvELNlFny5y1SAZKSuuUwVk+Wr35OTDV0pi+buj4pVWpLAC5TuApefJpxlVSHVWe6PFlqq9JSuUzJ1UWQFdmVZz+mJWpzlFuuck3RHWj3Lsa8C0HuJdn3b1KvYMUaHmIWscLFjF+2/VuqoVPDUS0XpLr46susfwczbGVYtMKge4ti9ct1Ykqya10PjFm15tleOHV2HFuWo+7XIfkeh4lwOcqIzgUGBAAh+QQJBQAXACwRADkAXgAOAIQAWG4LYmtXyOdswEp3xFd5w7iD1eqdyouh3Oa029m429fN4MrU4Mfd4cXl9vru8+vz+/r48N/6kB/737382bD9/vz+gwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFw+AljmRpjhFFRWfrvmazNHBtu5Nk7ft0/ybIYUAkHiDAZIvCa1ooyh+EUKwSHlGRY/vLOZu+LGxoLR6iEINgbUDWdN+m+LUoWxe1AmBfuCDWgAg1EXFOLHMnZHZGMAp7jwlqgAIGNUyFPGGIJYqLBDB6jwAFkoGWmJmbJp2LoKKjf5OCMISoFhWqnJ6MdK8JaYFuMHCYuSV1u3iufChcN16FmsYirFVn0zCXX1DYKFR2WN0v0KniKKxH5oMqh+rHDDRzIQAh+QQJBQABACwQADkAXgAOAAAI8gADCBxIsKDBgwOzbVuIsKHDhwKtVavGDaLFiwW1FRvCkWMyjCAzDgNAEkCzayGthTS4DVjHl8VWgmRWsuawaha7RRPAM1o3mdmIvRyKTKbFZTZtVnwIjadTaDKNDZ2qzajDayOTlmSGEJvAaU+dTlsJaCpRqw2rabXJUlgwYdR2hhUgbaXZs2gP0lxbculAZ2+DPZM71+7djsfy6uXbtyDgt4Pn0iV72KNig2oZD2v7llqApmGjVh5S9TJBrIy5HvQakbBPoELvFjVdEClfvxBVom1pNiZtg3uT4vyde+PLj8QxZyV5MvlFhQydd52I+2FAACH5BAkFAAEALA8AOQBeAA4AAAj4AAMIHEiwoMGDCAPYo8cwocOHDufJmwexokWD9L4N2ThEXL2LIAniSwegZMlzD+G58+YuXsiE5DjK/Gbu5cV5IkzqFIHvoL52AoIGdafPJsGMM2XaMwox506T6A6CE0r1HVOFGpNyHHc14bmnOymKpEq2qFGkWjl2RagOrE6UCtdNJEt1ANNyaZWuNejULYB0AsMJjkdXqF2jePNu/LiXYF+3gAMIDpevcFCzNtHmbVywrd+/AuXJDTCVrlWm97Km5cp54NfPYseSJdpVc9KlrQc+3hkVoUp2LRvH1Foz90Ccbnsaj6i6I+PloUm+hV5xYUPqGCc6DAgAIfkECQUAIQAsDwA5AF4ADgCFS3M1V8noYczpaM7qbMBKdNLreMVZjtnuldvuot/vqL+ot+Tsv+bs1/Dv3bqA3vHh4fHc4vDZ5Ld38rJk+KtT+6dK+/7+/KJB/eTI/ffv/fny/oMA/pIh/pgt/psy/unS/u7cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABs7AkHBILBqPyCJmmWw6m4+INGlpMBrPrDEz2Xi9Eq34GDEQzmeIcSEIuAWL8RPE+do9GflYge4TIkQJb4MJekkddokUhlllfn1qIQ2DlFiMRA6JmhiXTWaPfUIHlISdQxWaiqZkoH4aIQOkg6shdalfF7RKrX0AbLJvtLa3G7m6Q468BL6jwAi0qMQbYcdCEMppksABlqaZ0pzVQp+8Q4KkhboXxBXiyMqRom1vccd0qR157kJ8oIBFVa7s46JqH5FkaOIZhMJk4RYpD4wEAQAh+QQJBQAkACwOADkAYAAOAIVXyehey+hswEpv0Otzw1N2xFZ40+x+x2CA1u2I2O6Pz3mT0YSW04+W1JeY3fC15/TV8fTe8/LhpDzl37bm8OXo5cPp7uHr6M/s6tTx2a7z3LTz+/z0+/324L73my/3+fT69/D98OL+gwD+iQ0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGzkCScEgsGo9IJKijCSWf0KelgvkcOY8EwvHgRL9Xj2g81oDPx0lBwBYsrEPIAECvR9DgzIjMl+DxCm2CBRZCGwF1iQFef0khe3x8GY1fDYODVgiKipRIYpGRIJ2Ol4MNHJuco0WgoB2raaWYqYkQsIatkZO3RAyygnK0dLa3j7lku7xCvr9sqMIAyiSQx6/SJGrNCiSatAnSn8ei1xTNbiSHtIy8xrnJ15a/cMGKd9d6rX7XvbKFcVlbuuzDpWtgkWxt3hgEs6TJwitUigQBACH5BAkFAB0ALA4AOQBiAA4AhFfJ6F7L6GzASnfAUH3V7YTX7Z7f8anj8q7ZorLWnLTm88Dq9Mzu9dXw9d6+cuTy8ua4aezt4u+xXPTo0vaoS/mjQfv37/v58vzp0fzy4/3jxf6DAP6JDwAAAAAAAAAAAAXDYCeOZGmeaNpZWqu+8BlNs1wAeNHEvFxtQKCmRywhBoKkIHEhGXDQXLGn4QSvkikRqexGRIqoWKF9WaxXbBl27Lovj4BY/FijKOl8xo6KuP8JC3N0fCZoeUFDhUZ/f0+DUAeLIxmIaRCTJAmNbo+QAJKZlZZBmJkim5xKgp+gpx2HloqnbaoDca11p3ikHHuvfrYJHWGQZMCxl68jtY1NxIMGyyJViFnTIlx/X5QEkTvYKz9Xs+HNS8/hMSwu6iUzNSMhACH5BAkFAB0ALA4AOQBkAA4AhFfJ6GHM6WzASnLCUnXS633GXn/HX4TX7Y3HZo/a76Hg76TJn6zk77Ll7cHp5cXHgcbHh8rr29vw1uLy3evz4e6bLPqTIP359P37+P6DAP7kyP7o0P7+/gAAAAAAAAAAAAXNYCeKmIONaKqu7Kq9bSzHlGSzTADsQTP/tEdmOIQAjy6DYLmcoDgEnvTAQSI3FqK2crEiF8ywIDJKSM8KLzCr3ap/ErHY6TjbHe8YpM3X5GMDcmIdOXZTfywVfG1GiCoTgnMHhoeOKWyLQxWWKRGRYRKTlDsJnCiYmZumIp6fTYWjDKsiiplFsx2QrgIXdaMAeLN7thl+uAW7ImaUabgdqG2quHGfTh1QhlTOudCaXdtggmQosKTbIxdCWo3nucigLCUn7SkvG/SdNhQpIQAh+QQJBQAdACwOADkAZAAOAIRXyehozupsv0lyvkl40+x/1e2L2e2W3e6g4O+h1Y2izHeo4u655ui/5+TM6dzb6tTxlyX4+vX4/Pn5kRv69+/79ev97t3+gwD+6M//1an/163/2bL/370AAAAAAAAAAAAFxWAnik7jjGiqruxqbZzVzvT83C4C7DtS/zTO5EIkYoBIVSQhaDYTkZEkwKsSJMlspsi9ZLLJysBJHkQ7BasVDBR2uUd2TVEmKzoMtbUhpw3fXH02dWUPB3prgi6AXRSKK0yETgkEiFWPKhqMcJgpdJJPlZY7nSiam0alI5+gCoejPqodFqipspGtebCyIn+bvLOgTQ9olgbAs6hxvKx1d7NUeljIW4BfyGKECmezOlULyKa+tuFLZVArJSfhShox7Co3xCghACH5BAkFAB4ALBIAOQBeAA4AhAJValfJ6Fiho2rO6mzAS3HBT3fT7Hq+TH3V7IrZ7pPb7p/e7abf7arY1bLXoef2+O/nyvDpzvH16vH49fKPFfL59vPQnPXv3fX7/PjfvPrXrfrasfvSpP6DAAAAAAAAAAXCoCeOZCk+qKmubHtt29XO9IwtQZ4vdc9mlI5QmPEZXQOd0oA5Gi3DaMfirI4Qy6WVBpRGi0eJo0AoOCSnxmTFyC4Z21bQG3UeyviCpwHoN1QKblpxKhd0UjI+EXl4EAJ9AAKAgkqEKhqHX0ZjjAQOj32SJgaUO5YmmJlEm52efH6TpTynJIaqHYk9i50QHhNqbKUBD7Qlc5l2nT1YlMUlXYdgRhWcZmg1D0luTc4kUHQc3TQ3b+Kox6vm2CnqhRnv4iEAIfkECQUAKAAsEQA5AF4ADgCFAVlvEGN1Hm90KHlxV8noYMvoas7pb8BMccBNdtLrf7xJgdXsj7a2ldvunt7uoLmmquHusuLruuXsv+Xrw+fryejs0Onq1+rk2rF72+nf4Ktq5One56FR7vn58Jw/9fz99/r0+5Qm++TI+/fu/OfO/PDh/oMA/okOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABsxAlHBILBqLHYrlc2w6n0iRFEqtOiUFglbbsXqNJY9pPMZ8z87Fdl3ooq2iE3nueV8Y+MsXwmYz31AjcnNzZnsBAIkBE1YdfWwNgFAchJUlTxsPCg8ZKAKKilYUj2ySTyGVhCJOIAgHrwggoKFVDqRrpk6phBpXsK8Zs4mit1u5TbuFvr/BwsTFCcdHqMkmq02tzBGIioxVjtDSRpTVl6yanEJ3eXvFf+JDgsmG8FBqj2718YOEdfpUWPz8QyJG2cBvFZYcPDJCCglJQQAAIfkECQUAIwAsEAA5AF4ADgCFAFhvEWN4HGp/JG+DL3iLOYGUQY2hV8nobdDqdtLrfdTrhtXqh8dhlNfnm9flo9eOq9feudXT0uzx1OGz1O702Onp2PD348OU5/b67Lt/7eG97uPC8ufS8vn79fv9/oMA/pMi/pcs//37AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABs3AkXBILBqPRQvFgmw6n0LORsOBWq9Jx2G7dXiwYCIn9CmXN9gIJBI2ehLcOALTxl7M+E8GGhkA/gQVdUILcnKDUBx5eWhNFQF/kQEddRKGchKITmSLeE4GkpEGdVqXXA2aSCKdjEUPDA8jBKGApKanqUcbrHgaYgzAE7O0Bba3W7lGu7xnv8GgxMa3qMlEq8wfVUSvsY+0lG0UxweZ1UScvE99ooKDhbfmRYq8jeprqW+mdPFEd517/PjI8RJQHrpmBa0oYZJQ1xRtUIIAACH5BAkFACYALA8AOQBeAA4AhQBYbw1gdhFjeB9sgC52iTqClEOVq1fJ6GHL6GbN6X++sI7Hio/Hg5m9Xrzl7sDo8cbi5cvh4cvt9dPe1NTv9dnczdnx9t7y9uTRsOr4+ezMoe35+vjBg/n9/Py4bv6JDP6YLP6eOP6lR/6tWP+DAP/8+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbVQJNwSCwaj0hhRmLpJJ/QJ0ZTiVqvRgniwOVmsGBiaUQqlznJjWEAGCg24aSjS0c84tjKx8wXlbICbYIDF3hFc3V0X4ZQIHyPHkYEgpQFjEpbiXSXSRyPn1VDEJSkEJcUmnWcSCGfkCYdEx0KpJQKp6mKq0aurwsNDLS1bbeMiLkHi7tDe71lIia/DKPDAKbGyFzLRa3OJGixTpO1lrjZ20Se3qGiAbWFnMeayugmjr2RWWvEcLvyuvVENXsU4k/AJ1rq0Ds45tVBK0soOHl4ZAo7I0EAACH5BAkFACIALA8AOQBeAA4AhQBYbxBieEB5gVfJ6GHM6X3V7IXX7Ye8x47a7ZK8xJPc7pu9v6u/uKvi77rm8Mzq8dHr79Pr7tvu6+C/keLy6u24e+33+fD39/S0bfb8/femTvmgQPyZMfz27/2TI/338f6DAP6JDQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbPQJFwSCwaj8hiBvKwJJ/QZ2fS+SAji8MiEu0aLYaBWPzwmo+VEGgN2liHlwNgPj+cuw/CeK+43zdsgSEdQwJ0hwJ+SRl6e3yKXWmCgVYJh5cMkEYIjp1OmleTghgihpd0iaBDjZ1jZapGkqJrHCKnl7AiFq2ODblFGLOUt4e5u7yuv0TBwmsUprepsKy8r8oiE81tIpbEmbkKyGTXQh3apKXRyozIDuRDsqJvcZjkea1970OA8kpZDBL0HdtjTZ+QeG3eGJTC5NNCJVQUCgkCACH5BAkFACUALA4AOQBhAA4AhQBYbxBidx5rfyZvgTlzelfJ6GDL6GfN6XrR6YHT6oS4vpHX6qDZ6afY5ara6Lfd6L3f6MXj68jk69Dh5dnh4Ob1+eb2+un3++v09e+4dvTx6/izZvn9/vvt3fysV/3gwv6DAP6KD/6RHf6jQv/lywAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbSwJJwSCwaj8ikJVLhJJ9Q5WeKxCgIAoICE+0iH4aCWHzxmo2dEWi9zhQbAYB83jibE+O8wWI/f0JsgSNDE3OGchN9UA56ek6KUBqAgYFuJQOHhgOQVY16C5xPHpSkHYWZhhShb556q0gipJQfcKh0r0MMrXm4RrKUG7W2ABC9Jbq7YsZEv5Wnw6q9EcnKy0KxzSAfl8ObxhfUoNYlo9kdJc+ZicuMu4/Wks2Wx3GHdeN4nnzjQiSTwEWsYNHChd+xMHneGUwD0KCZJU0coplCokgQACH5BAkFACIALA4AOQBjAA4AhQBYbw9hdyJqekNwa1fJ6GvP6nnT7IDV7YO3xYSzv4avtoessImqq4vZ7p/Z6LDU3NKdWdXv9tXx+N70+uDt6+uVNuv4/PKSKfP7/ffp1/mPHvrmz/3buP3evf6DAP6JDf6LEf7+/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbRQJFwSBkaj8ikMimJSJbQKDTT4WSUDwFgK3hIv1AHYTx2YMBo5Obiabc7xwF3vkinMQayvmCxpzlugR4QQwpzhwl+Xw17e4pfG4KCHCIUh5dFj0oRjXsOmlAVkoIiCZeIoElinWQNqUqjkwyndK9HB6x6tkcdsYEcs7RbdbtCuLljxUO9vm+mwgAIyiKrua7TIs1vltCZxZzIn9iizUKGtInYjLnYQpG+lEJyl8TYeKx97SKAo4RGWXO86DPm6czAfWx+LfF2kIiThkdCVLliJAgAIfkEBQUAHgAsDgA5AGQADgCEAFhvLXSFP3yJTn+CV8noYMzpddLre623gNXsidfsodztqN7sr9/rwtrZ2JtP3vP43/T64vLz6pMx7vn88/v99Y4g++zb/NWs/d+//ebN/oMA/ooQ/tix//79AAAAAAAABcqgJ4pNOZ5oqq4q9DxsLMcdxlnrAez7Mf+yBWE4TFCAyFRGomk2OadJgEcNTJJJioHILUCwycvGSXaMBtT0AAxUdLvsn2VMJl88jbS+Eae9uwx9MQ51hR06elQ+gipCf1yMK4WFGAKJVZEpCY+QmScZk3UXlpc7Ap4nm5xDqCOgoU4XiKWLrY6rrSOwsXmlAHy5EKsEgbkehLsdHmiXa8Z4uM9zsFAeUolWz9Zbf1/aYpNmJ7M92qlvR+bWFaIrJRHqKS4w8VE2OCchADs=);
    background-position: center 2rem;
    background-repeat: no-repeat;
    background-size: 128px;
    background-color: #fff;
}

.image-no-result {
    max-height: 360px;
    width: auto;
    display: block;
    margin: 1rem auto 0 auto;
}

.room-sid-wrap {
    word-break: break-all;
    max-width: 180px;
    display: inline-block;
}

.warning-generate-stt-mp4 {
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 4px;
    border: 2px solid brown;
    background: lightyellow;
    color: brown;
    font-size: 12px;
    font-weight: 600;
}

.users-online {
    position: fixed;
    z-index: 5;
    right: 0;
    top: 20vh;
    max-height: 70vh;
    overflow: hidden auto;
    padding: 10px 5px 0 5px;
    max-width: 200px;
    height: auto;
    background: white;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.12),
        0 1px 5px 0 rgba(0, 0, 0, 0.2);
    transition: all 250ms;
}

.users-online:hover {
    cursor: pointer;
}

.users-count {
    width: 20px;
    padding: 3px;
    border-radius: 50%;
    text-align: center;
    float: right;
    margin-left: 0.3rem;
    line-height: 12px;
    font-weight: bold;
    top: 0;
}

.users-draft-list {
    font-size: 10px;
    font-weight: 600;
}

.users-draft-list>p {
    background: #eee;
    padding: 5px;
    border: 2px solid white;
}

/* SUMMERNOTE */
.note-editable {
    min-height: 200px;
}

/* BUTTON BERSIHKAN (CLEANER) */
.custom-cleaner-btn {
    background: #d9fdd9;
}

.custom-cleaner-btn>i {
    font-size: 16px;
    position: relative;
    top: 3px;
    color: #2E7D32;
}

.custom-cleaner-btn:hover,
.custom-cleaner-btn:focus {
    background: #c0ffc3;
}

.custom-cleaner-btn:active {
    background: #2E7D32;
}

.custom-cleaner-btn:active>i {
    color: #d0fed0;
}

@media (min-width: 1600px) {
    .videoSettingWrapper {
        margin: 0 auto;
    }
}

@media (max-width: 1600px) {
    .widthButton>i {
        display: none !important
    }
}

@media (max-width: 1440px) {
    .photoPesertaContainerV4 {
        width: 150px !important;
        margin: 0 10px !important;
    }

    .qrLinkPesertaContainer>.img-110 {
        right: 0;
        left: 0;
        margin: 0 10px 0 auto;
    }

    .infoPesertaContainerV4 {
        width: calc(100% - 180px) !important;
    }

}

@media (max-width: 1200px) {

    .parent-string-highlight,
    .icon-parent-kompetensi-highlight {
        display: none
    }

    .kompetensi-string-highlight {
        margin-left: 1rem;
        display: block;
    }
}

@media (max-width: 1054px) {
    .users-online {
        right: -40px;
    }

    .users-online:hover {
        right: 0;
    }

    .qr-container {
        width: 100%;
    }

    .tombolPindahPenilaianUserDataGenerator {
        display: none
    }

    table.userHeaderTable {
        width: 100%;
    }

    .widthLeftHeader {
        width: auto;
    }
}

@media (max-width: 780px) {
    .qrVideoContainer {
        display: block;
    }

    .qrHighlightVideoContainer {
        margin-left: 0 !important;
        padding: 5px;
    }

    .qrHighlightVideoContainer,
    .qrHighlightVideoContainer>* {
        font-size: 12px !important;
        background: #F2FBFE;
    }

    .qrHighlightVideoContainer>span>.material-icons {
        font-size: 11px !important;
    }
}

@media (max-width: 601px) {
    .identitasQR {
        margin-bottom: -24px;
    }

    .collapsed-narasi-kompetensi {
        height: 68px;
    }

    .kompetensi-container>.kHeader.flex {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .kompetensi-container>.kBody,
    .kompetensi-container>.kBody>* {
        font-size: 12px !important;
    }

    .k-rating-container>.material-icons {
        font-size: 100% !important;
    }

    .k-rating-container.space-12>.material-icons {
        margin: 0.5rem 0 0.5rem 1rem;
    }

    .buktiPerilakuHighlightContainer.row {
        margin-top: 0 !important;
    }

    .buktiPerilakuHighlightContainer>.bpHeader,
    .place-icon {
        display: none;
    }

    .card-content-qr {
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .floatRightIndex {
        float: right;
        height: 73px;
        margin-top: -63px;

    }

    /* .kIndex {
        display: none;
    } */

    .kHeader.flex {
        display: block;
    }

    .photoPesertaContainerV4 {
        display: none;
        width: 0 !important;
    }

    .qrLinkPesertaContainer {
        display: none;
        width: 0 !important;
    }

    .infoPesertaContainerV4 {
        width: 100% !important;
        margin-left: 1rem !important;
    }
}

@media (max-width: 420px) {
    .floatRightIndex {
        display: none;
    }

}

@media print {
    .user-penilaian>div>.boards {
        width: 210mm;
        height: 100%;
    }

    .user-penilaian>div>.boards>div>table>tbody>tr>td:first-child,
    .user-penilaian>div>.boards>div>table>thead>tr>th:first-child {
        width: 10mm;
    }
}