
@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;
    
}
md-tabs-canvas {
    position: relative;
    overflow: hidden;
    display: block;
    height: 48px;
    background-color: #1a293017;
}
.second{
    display: none;
}
/* .parent {
    width: 187px;
    height: 735px;
} */
/* .parent {
    max-width: 72px!important;
    min-width: 72px!important;
}
.parent {
    position: fixed;
    left: 0;
}
   
.parent:hover {
    width: 100%;
    height: 735px; */
    /* display: block; */
    /* color: red;
  } */

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; */
}
.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;
}
.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;
}
.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; */
}
