/* YOUR CUSTOM STYLES */
@import "../font/Lane/LANEPOSH.ttf";
html,
body,
.view {
    height: 100%;
}
@font-face
{
    font-family:'Open Sans';
    font-style:italic;
    font-weight:400;
    font-stretch:normal;
    font-display:swap;src:url('../fonts/');
}
.view {
    background: url('../images/rain-354617_1920.jpg')no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.extra-margins {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

main {
    padding-top: 3rem;
    padding-bottom: 2rem;
    padding-left:5rem;
    padding-right: 5rem;
}
/*select{
    height:4rem;
    padding-left: 5rem;
    padding-right:5rem;
    border:none;
    border-bottom: 1px solid saddlebrown;
}
option{
    padding: 25px;
    height:34px;
}
option:hover{
    padding: 15rem;
    color:white;
    background-color: #FF5252;
}
option:focus{
    color:white;
    background-color: #FF5252;
}*/
.slno{
    width:15px;
}
.programme{width:180px;}
.shift{width:5px;text-align: center;}
.sect{width:5px;}
.action{width:5px;}
.course{width:280px;}
.coursecode{
    width:120px;
}
.center-text{
    text-align: center;
    padding:10px;
}
textarea{
    border:1px solid;
    border-radius: 3px;
    resize: none;
    height:85px;
    padding:15px;
}
navbar-left{
    background-color: #1B5E20;
    position:fixed;
    float:left;
}
fieldset{border:2px solid #039be5; border-radius: 5px; padding: 2px 10px 2px 10px;}
legend{font-size: 18px;text-align: center; box-shadow: 4px;background: #536dfe;color: white; }
.cardimg{
    height:130px;
    width:130px;
}
.card {
    margin: 5px 0px 5px 0px;
}


/*.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}*/


.edge-header{
    height:180px;
}
@font-face {
font-family: 'Lane - Narrow';
font-style: normal;
font-weight: normal;
src: local('Lane - Narrow'), url('LANENAR_.woff') format('woff');
}


@font-face {
font-family: 'Lane - Posh';
font-style: normal;
font-weight: normal;
src: local('Lane - Posh'), url('LANEPOSH.woff') format('woff');
}


@font-face {
font-family: 'Lane - Upper';
font-style: normal;
font-weight: normal;
src: local('Lane - Upper'), url('LANEUP__.woff') format('woff');
}
.text-shadow{
    text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.emboss-soft{color: rgba(0,0,0,0.6);
text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
                 10px -5px 35px rgba(255,255,255,1);}
.smoke-shadow{
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
}
.hour{
   width:160px;
   height:60px;
   text-align: center;
   padding: auto;
   margin: auto;
}
.hourBlank {
background-color:#dce775;
}
.avatar {
    border-radius: 50%;
    width: 120px;
    height: 100px;
    margin: -65px auto 0;
    border: 0px solid transparent;
    background: #FFF;
}
.avatar, .avatar-up {
    overflow: hidden;
    height: 100px;
}
@font-face
{
    font-family: Tamil;
    src:url('../font/Bamini.ttf');
}
.ta{
   font-family: Tamil; 
}
.stamp{
    width:20px;
    height:20px;
}
.HourCourse
{
    width: 80px;
    color:yellow;
}
.HourCourse:hover
{
    color:#FF5252;
    background-color: transparent;
}
.hoverable:hover{
 background-color: #bbb;
 color:yellow;
 font-size: 18px;

}
.page-sidebar
{
    height:100%;
    position: relative;
    background-color:white;
}
.side-menu
{
        margin:10px;
        padding: 5px 10px;
        list-style: none;
}
.side-menu li.header{
    font-weight: 700;
}
.border{
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    padding: 15px;
    margin:5px;
    box-shadow: 4px 5px 5px #D0D6E2 ;
}

.border-blue
{
    border-color:#00b0ff;
}
.border-orange
{
    border-color:orange;
}
.border-red
{
    border-color: red;
}
br{
    line-height: 5px;
}