/* Left Panel right border when it is visible by breakpoint */ .panel-left.panel-in-breakpoint:before { position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: rgba(0,0,0,0.1); content: ''; z-index: 6000; } /* Hide navbar link which opens left panel when it is visible by breakpoint */ .panel-left.panel-in-breakpoint ~ .view .navbar .panel-open[data-panel="left"] { display: none; } /* Extra borders for main view and left panel for iOS theme when it behaves as panel(before breakpoint size) */ .ios .panel-left:not(.panel-in-breakpoint).panel-in ~ .view-main:before, .ios .panel-left:not(.panel-in-breakpoint).panel-closing ~ .view-main:before { position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: rgba(0,0,0,0.1); content: ''; z-index: 6000; } .dmSmallButton { max-width: 200px; display: inline-block; } li.item-content.item-input.item-input-outline { max-width: 400px; } span.dmSmallDate { color: gray; font-size: 0.7em; } .notifItem { width: max-content; background-color: #a8d8ff; margin-bottom: 5px; padding: 5px; border-radius: 10px; } .lesson-item { padding: 10px; background-color: #e3f3ff; width: max-content; border-radius: 20px; margin: 5px; display: inline-block; } span.dmLessStatus { background-color: gray; padding: 5px; border-radius: 20px; color: white; } .dmPaymentsButton { display: inline-block; margin-left: 15px; padding: 10px; background-color: #005bc1; border-radius: 10px; color: white; cursor: pointer; } .dmInfoBlock { padding: 30px; background-color: cornflowerblue; font-weight: 500; color: white; } .dmWarnBlock { background-color: #ff6666; padding: 30px; border-radius: 15px; color: white; font-weight: 400; } .pmClass { padding: 30px; display: inline; background-color: cornflowerblue; border-radius: 15px; font-weight: 400; color: white; cursor: pointer; } .pmClass.pmClassSelected { background-color: #000080; } button#dm900 { margin-top: 15px; } .block.h77 { margin-top: 45px; } .price-item-content { max-width: 300px; margin-bottom: 10px; border-radius: 15px !important; } .price-item-content { cursor: pointer; background-color: #9999ff; font-weight: 400; padding: 10px; color: white; } .pmClassSelected { background-color: #005bc1 !important; } .item-title-small { background-color: #dbefff; padding: 5px; margin-bottom: 10px; border-radius: 15px; } .dmBook img { width: 200px; /* display: inline; */ } .dmBook { display: inline-block; margin: 10px; width: max-content; cursor: pointer; } .dmBookSelected { border: solid 4px; border-color: #005bc1; }
.chip.chip-outline.color-green {
    background-color: green;
    color: white;
    border: none;
}

.chip.chip-outline.color-red {
    background-color: #ff3333;
    color: white;
    border: none;
}
img.mLogo {
    margin-left: 35%;
    margin-top: 15%;
}

.dmLIMG {
    max-width: 350px;
    margin: 0 auto;
    align-content: center;
}

.dmLIMG img {
    width: 100%;
}

.dmHideMenu {
    display: none;
}
.examAmount {
    padding: 5px;
    background-color: #42ff9e;
    border-radius: 10px;
}
.exam-container {
    max-width: 80%;
    margin: 0 auto;
}

span.examRed {
    background-color: #ff3333;
    padding: 5px;
    border-radius: 10px;
    color: white;
}

.button-fill {
    max-width: 250px;
}

.exam-notification {
    background-color: #75c1ff;
    padding: 30px;
    font-weight: 400;
    color: white;
    border-radius: 10px;
}
table {
    width: 100%;
}
th.label-cell {
    text-align: left !important;
}