@font-face {
    font-family: Lexend-Deca;
    src: url(./fonts/LexendDeca-Regular.ttf);
}

body {
    font-family: Lexend-Deca;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media screen and (-ms-high-contrast:active) {
    md-whiteframe {
        border: 1px solid #fff
    }
}

@media print {

    [md-whiteframe],
    md-whiteframe {
        background-color: #fff
    }
}

@media print {
    md-content {
        overflow: visible !important
    }
}

@media print {
    .printSection .printPage {
        margin: 0px !important;
        box-shadow: unset !important;
        position: relative !important;
        top: unset !important;
        transform: unset;
    }
}

@media print {
    .hide-print:not(.show-print):not(.show) {
        display: none !important
    }
}

.assigned {
    background-color: rgb(172 228 172 / 49%);
}

.in-active {
    background-color: rgba(228, 216, 172, 0.49);
}

.expired {
    background-color: #ffc6c65e;
}

md-progress-linear.md-default-theme[md-mode=buffer].md-warn .md-bar1,
md-progress-linear[md-mode=buffer].md-warn .md-bar1 {
    background-color: rgb(170, 209, 249);
}

md-progress-linear.md-default-theme.md-warn .md-bar,
md-progress-linear.md-warn .md-bar {
    background-color: rgb(16, 108, 200);
}

md-progress-linear.md-default-theme[md-mode=buffer].md-warn .md-dashed:before,
md-progress-linear[md-mode=buffer].md-warn .md-dashed:before {
    background: radial-gradient(rgb(170, 209, 249) 0, rgb(170, 209, 249) 16%, transparent 42%);
}

md-tabs-canvas {
    position: relative;
    overflow: hidden;
    display: block;
    height: 48px;
    background-color: #1a293017;
}

#parent {
    width: 10px;
    /* height: auto; */
}

#parent:hover {
    width: 100%;
}


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


/* .parent {
    width: 187px;
    height: 735px;
} */


/* .parent {
    max-width:50px;
    min-width: 50px;
    height: 100%;
}
.parent {
    position: fixed;
    left: 0;
}
.sec {
    position: absolute;
    left: 50px;
}
   
.parent:hover {
    width: 100%;
    height: 100%; 
    display: block;
  
} */

md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
    color: #0A1612 !important;
    background-color: #0A1612 !important;
}

.arrow-down:after,
.arrow-up:after {
    content: ' ';
    position: relative;
    left: 2px;
    border: 8px solid transparent;
}

.arrow-down:after {
    top: 10px;
    border-top-color: black;
}

.arrow-up:after {
    bottom: 15px;
    border-bottom-color: black;
}

.arrow-down,
.arrow-up {
    padding-right: 10px;
}

.selectdemoSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}

.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 16px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto;
}

.selectdemoSelectHeader md-content._md {
    max-height: 240px;
}

.selectdemoSelectHeader md-input-container {
    border: none;
    min-height: 80px;
    min-width: 200px;
}

.login:focus {
    border-color: #f27405;
    box-shadow: inset 0 0 0 0.1rem #f27405;
    font-family: Lexend-Deca;
    /* border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}

.course:focus {
    /* border-color: #0583F2;  */
    box-shadow: inset 0 0 0 0.1rem #71a2cc;
    font-family: Lexend-Deca;
    /* border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}

#chapter:focus {
    /* border-color: #0583F2;  */
    box-shadow: inset 0 0 0 0.1rem #f27405;
    font-family: Lexend-Deca;
    /* border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}

#subject:focus {
    /* border-color: #0583F2;  */
    box-shadow: inset 0 0 0 0.1rem #5bb858;
    font-family: Lexend-Deca;
    /* border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}

md-select-menu {
    display: flex;
    max-width: 420px;
    flex-direction: column;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    max-height: 256px;
    min-height: 48px;
    overflow-y: hidden;
    transform-origin: left top;
    transform: scale(1);
}

.exam {
    /* border:1px solid #1A2930; */
    color: #293844;
    border: 2px solid #1A2930;
    background-color: #f5fbff;
}

.exam:focus {
    /* border-color: #0583F2;  */
    box-shadow: inset 0 0 0 0.1rem #293844;
    font-family: Lexend-Deca;
    /* border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}

.app:focus {
    /* border-color: #0583F2;  */
    box-shadow: inset 0 0 0 0.1rem #BC04BF;
    font-family: Lexend-Deca;
    /* border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}

input,
md-select {
    font-family: Lexend-Deca;
}


/* input.ng-dirty.ng-invalid {
    border:2px solid #e9322d;
  } */

.selected {
    background-color: #ffffff;
    color: black;
}

.selectedList {
    background-color: #293844;
    color: #f5fbff;
}

*:focus {
    outline: none !important;
    /* border: 0 !important; */
}

.textinput:focus {
    font-family: Lexend-Deca;
    box-shadow: inset 0 0 0 0.1rem #293844;
    border: 2px solid #293844;
}

ul.courseList>li:nth-child(even) {
    background-color: #0583f21c;
    color: black;
}

ul.subList>li:nth-child(even) {
    background-color: #0abf041c;
    color: black;
}

ul.chapterList>li:nth-child(even) {
    background-color: #F274051c;
    color: black;
}

ul.qbList>li:nth-child(even) {
    background-color: #8d4c121c;
    color: black;
}

input:invalid {
    border-color: #e9322d;
}

md-select:invalid {
    border-color: #e9322d;
}

md-datepicker:invalid {
    border-color: #e9322d;
}

md-radio-group:invalid {
    border-color: #e9322d;
}

input:required:valid {
    color: #293844;
    /* border:2px solid #293844; */
    background-color: #f5fbff;
}

md-select:required:valid {
    color: #293844;
    border: 2px solid #293844;
    background-color: #f5fbff;
}

.textinput {
    color: #293844;
    border: 2px solid #293844;
    background-color: #f5fbff;
}

md-select {
    color: #293844;
    border: 2px solid #293844;
    background-color: #f5fbff;
}


/* .md-select-value .md-select-icon ::after{
    background: url("images/downarrow.svg") no-repeat 90% 50%;

    text-align: left;
    margin: 0 0 0 0;
  } */

.md-button {
    text-transform: capitalize !important;
}

.exam-desc {
    font-size: 14px;
    font-weight: normal;
    padding: 2px 4px;
    color: #293844;
}

p {
    color: #293844;
    font-size: 18px;
    /* font-weight: bold; */
}

label,
.heading {
    color: #293844;
    font-size: 14px;
    /* font-weight: bold; */
}