* {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, li, div, body {
    margin: 0;
    padding: 0;
}
body {
    background: #0E535A;;
}


a:hover {
    text-decoration: none;
}
header {
/*    background: linear-gradient(to bottom, rgba(201, 222, 150, 1) 0%, rgba(138, 182, 107, 1) 0%, rgba(57, 130, 53, 1) 100%);*/
    background: linear-gradient(#207680, #2E8993, #3596A0);
    min-height: 110px;
}
#logo{
   height: 90px;
}

#logo .img-responsive{
    min-height: 0;
    max-height: 100%;
}

.logo_head h1, .logo_head h2 {
    margin-left: 20px;
}
.logo_head h1 {
    margin-top: 30px;
    font-size: 22px;
}
.logo_head h2 {
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
    color: #f4f4f4;
}
.logo_head a {
    color: #fff;
    text-shadow: 1px 1px #000;
    transition: .75s;
}
.menu_head {
    text-align: right;
    padding-right: 25px;
    margin-top: 25px;
}
.h_menu {
    margin-top: 15px;
}
.h_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.h_menu ul li {
    display: inline;
}
.h_menu ul li a {
/*    background: linear-gradient(#387433, #60933C);*/
    background: linear-gradient(#3DB3C0, #388088);
    padding: 5px 18px;
    color: #fff;
    text-shadow: 0px 0px 15px; 
    border-radius: 20px;
    font-size: 14px;
/*    border: 1px solid #85b368;*/
    border: 1px solid #117A84;;
    transition: .5s;
}
.h_menu ul li a:hover {
    background: linear-gradient(#16D3E8, #2094A1);
    background-position: 0 28px;
}
.h_search {
    margin-top: 20px;
}
.h_search input[type="search"] {
    padding: 2px;
    height: 25px;
    border-right: none;
    margin-right: -6px;
    width: 260px;
    background: rgb(34, 121, 131);
    border: transparent;
    color: white;
}
.h_search input[type="submit"] {
      background: linear-gradient(#33929C, #2D8892, #217781);
        border: 1px solid #217882;
        height: 25px;
        padding: 0;
        width: 55px;
        font-size: 12px;
        border-radius: 0 3px 3px 0;
        color: white;
        transition: 0.2s;
}
.h_search input[type="submit"]:hover{
        background: linear-gradient(#379AA5, #328F99, #267F89);
        background-position: 0px 23px;
}
nav {
    height: 35px;
/*    background: #414141;*/
background: linear-gradient(#096F7B, #3C929B, #308A94);
    
}
nav ul {
    list-style: none;
}
nav ul li a {
/*    background: #414141;*/
    background: linear-gradient(#096F7B, #3C929B, #308A94);
    display: block;
    float: left;
    min-width: 110px;
/*    border-right: 1px solid #595959;*/
    border-right: 1px solid #3BB5C2;
    border-left: 1px solid rgb(36, 100, 107);
    color: #fff;
    font-family: corbel;
    font-size: 16px;
    text-align: center;
    height: 34px;
    line-height: 35px;
    transition: All .5s ease-in;
}
nav ul li a:hover {
/*    color: #fff;
    text-shadow: 1px 1px 1px #060702;
    background: linear-gradient(#222, #444);
    background-size: 100% 200%;
    background-position: 0 -102%;*/
  color: #fff;
  text-shadow: 1px 1px 1px #060702;
  background: linear-gradient(#236269 5%, #4EB0BB 15%, #3E8890 10%);

}
#showMenu, #hideMenu {
    height: 28px;
    background: #747474;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-family: Tahoma;
    display: none;
    cursor: pointer;
}
#content {
    background: #fff;
    margin-top: 0;
}
.left_sidebar, .right_sidebar {
    background: #FDFDFD;
    padding-top: 10px;
    padding-bottom: 1px;
}
.left_sidebar p:first-child{
    margin-top: 0px;
}
.left_sidebar p{
    margin-top: 20px;
    background: linear-gradient(#F97777, #CC3B3B 35%);
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid rgb(208, 81, 81);
    color: rgb(255, 255, 255);
    font-size: 16px;
}
#closeSubMenu {
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    background: #419687;
    color: #fff;
    display: none;
}
h2#showSideMenu {
    display: none;
}
ul#main {
    list-style: none;
}
ul#main li {
    //border-bottom: 31px solid #94d894;
    height: 36px;
    line-height: 35px;
    position: relative;
}
ul#main li a {
    //background: linear-gradient(#FBFBFB, #F9F9F9, #F1F1F1);
    background: #FDFDFD;
    border-bottom: 1px dashed #CECECE;
    font-family: Corbel;
    padding-left: 15px;
    display: block;
    /* color: #fcfcfc; */
    transition: All .2s cubic-bezier(0.4, 0, 1, 1);
    position: relative;
}
ul#main li a:hover {
    padding-left: 18px;
    //border-top: 1px solid rgb(175, 175, 175);
    color: #464646;
    background: linear-gradient(#CFE2E4, #E9F4F5 58%, #E6F3F5);
}
ul#main li:hover ul#sub {
    width: 100%;
    display: block;
    position: absolute;
    top: 1px;
    left: 100%}
ul#sub {
    position: absolute;
    list-style: none;
    display: none;
    z-index: 2;
    background: #fdfdfd;
}
ul#sub li {
    width: 100%;
    border-bottom: 31px solid #d3d3d3;
}
ul#sub li a {
    background-color: #F7F7F7;
    position: relative;
    color: #616161;
}
ul#sub li a:hover {
    color: #5F5F5F;
}
ul#main li a span {
    position: absolute;
    top: 0;
    left: 90%}
.main_content {
    padding: 10px 20px;
}
.main_content article {
    line-height: 28px;
    word-spacing: 3px;
    font-size: 16px;
    text-align: justify;
}
.widget {
    margin-bottom: 15px;
    border: 1px solid #f5f5f5;
    background: #fff;
    border-radius: 3px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.left_sidebar h2, .widget h2 {
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid rgb(208, 81, 81);
    color: rgb(255, 255, 255);
    /* text-shadow: 1px 1px rgb(148, 245, 255); */
    font-size: 16px;
    background: linear-gradient(#F97777, #CC3B3B 35%);
}
.widget section {
    padding: 5px;
    font-size: 13px;
    text-align: justify;
}
footer {
/*    background: #414141;*/
      background: #227983;
    padding: 10px;
}
footer h1 {
    color: #fafafa;
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
}
footer i {
    color: #154A50;
    display: block;
    text-align: right;
}
footer i a{
    color: rgb(34, 121, 131);
  text-shadow: 1px 1px rgb(0, 0, 0);
}
.user_box {
    border: 4px solid #268590;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    margin-bottom: 10%;
    transition: All .3s ease-in;
}
.user_box:hover {
    box-shadow: 0 1px 5px 2px #a5a5a5;
    border-radius: 5px;
}
.user_box img {
    max-height: 100px;
    width: 100%}
.user_box p {
    background: #217983;
    border-bottom: 1px solid #1F6E77;
    border-top: 1px solid #24838E;
    font-size: 14px;
    padding-left: 2px;
    color: #fff;
}
.user_box p a {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    display: inline-block;
}
.profile_img {
    width: 206px;
    height: 206px;
    border: 3px solid #e0e0e0;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}
.profile_img img {
    width: 200px;
    height: 200px;
    display: block;
    margin: 0;
    padding: 0;
}
.tools {
    text-align: center;
    margin-bottom: 20px;
}
.tools a {
    color: #444;
    font-size: 12px;
}
.tools a:hover {
    color: #009668;
}
.profile_content {
    background: #fafafa;
    width: 100%;
    margin-left: 0px;
    margin-right: auto;
}
.profile_content ul {
    list-style: none;
}
.profile_content ul li {
    height: 35px;
    line-height: 35px;
    font-family: Verdana;
    padding-left: 7px;
    border-bottom: 1px solid #ededed;
    font-size: 14px;
}
.profile_content ul li a {
    color: #7360ec;
}
.profile_content ul li span {
    min-width: 45px;
    display: block;
    float: left;
}
.routine_home h3 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}
a.department_box {
    background: #1aa57a;
    width: 175px;
    height: 75px;
    line-height: 75px;
    display: block;
    float: left;
    margin: 30px;
    text-align: center;
    border-radius: 3px;
    font-family: cursive;
    font-size: 14px;
    display: block;
    transition: .2s;
}
a.department_box:hover {
    transform: rotate(360deg);
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 85px;
    margin-top: -10px;
    margin-bottom: -5px;
    margin-left: 55px;
}
.s_msg, .e_msg, .w_msg {
    border-radius: 2px;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
    width: 100%}
.s_msg span, .e_msg span, .w_msg span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 18px;
    width: 19px;
    text-align: center;
    line-height: 15px;
    border-radius: 25px;
}
.s_msg {
    background: #2aa584;
    color: #fff;
}
.s_msg span {
    border: 1px solid #93d2c1;
    color: #ededed;
}
.e_msg {
    background: #e54747;
    color: #fff;
}
.e_msg span {
    border: 1px solid #f4d0d0;
    color: #f0f0f0;
}
.w_msg {
    background: #c7c768;
    color: #255979;
}
.w_msg span {
    border: 1px solid #a0a020;
    color: #999919;
}
.lrform {
  margin-top: 25px;
  width: 75%;
/*  background: rgb(219, 219, 219);*/
  margin-left: auto;
  margin-right: auto;
}
.lrform i {
    font-size: 12px;
    color: #067758;
}
.lrform textarea {
    background: #efefef;
    height: 125px;
    width: 85%}
h2.title_head {
    font-size: 18px;
    font-family: Verdana;
    margin-left: 50px;
    color: #13926f;
}
label {
    font-weight: 400;
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 20px;
}
label a {
    color: #777;
    font-size: 13px;
}
select[name="source"], select[name="month"], select[name="subject_id"], input[type="file"], select[name="exam_id"], select[name="student_session_id"], select[name="student_class_id"], select[name="gender"], select[name="student_class"], select[name="teacher_department_id"], select[name="student_section_id"], input[type="text"], input[type="email"], input[type="password"] {
    background: #efefef;
    border: 1px solid #fff;
    
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
    border: 1px solid #CFCFCF;
    box-shadow: none;
    transition: All .5s ease;
    background: #f5f5f5;
}
input[type="submit"], input[type="reset"] {
    background: linear-gradient(#FCFCFC, #FAFAFA 20%, #D0D0D0);
    border: 1px solid #e5e5e5;
    height: 25px;
    width: 85px;
    font-size: 14px;
    border-radius: 3px;
    line-height: 9px;
    transition: .3s;
    color: #3d3d3d;
}
input[type="submit"]:hover, input[type="reset"]:hover {
    background: linear-gradient(#FCFCFC, #FAFAFA 05%, #D0D0D0);
}
p.hints {
    background: #5bb39b;
    padding: 10px;
    font-size: 14px;
    font-family: corbel;
    margin-top: 30px;
    color: #fcfcfc;
}
#as_teacher, #as_student, #as_officary, #as_guardian {
    display: none;
}
.r_success {
    text-align: center;
    margin-top: 5%}
h3.title {
    font-size: 20px;
    font-family: Tahoma;
    color: green;
    text-shadow: 1px 1px 1px #8cff8c;
    margin-bottom: 20px;
    text-align: center;
}
p.info {
    background: #fafafa;
    line-height: 30px;
    border: 1px solid #f0f0f0;
    margin-top: 10px;
    font-style: italic;
    font-family: corbel;
    font-size: 16px;
}
h4.name {
    text-align: center;
    font-family: corbel;
    font-weight: 700;
    background: #F7F7F7;
    margin-bottom: 15px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    border-radius: 3px;
    border: 1px dashed #DDD;
}
.box_small {
    background: #F2F2F2;
    margin: 10%;
    border: 1px solid #E0E0E0;
}
.box_small a {
    color: #0e795b;
    font-size: 16px;
    font-family: corbel;
    display: block;
    padding: 3px;
}
a#ed {
    background: linear-gradient(#FFF, #E1E0FF);
    padding: 3px 12px;
    font-size: 13px;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    color: #545353;
    cursor: pointer;
}
#ed {
    background: linear-gradient(#FFF, #E1E0FF);
    padding: 3px 12px;
    font-size: 13px;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    color: #545353;
    cursor: pointer;
}
.user_table tbody {
    font-size: 14px;
}
.page_links {
    font-size: 14px;
    font-family: corbel;
}
.page_links a {
    background: linear-gradient(#F7F7F7, #EEEDFF);
    padding: 3px 12px;
    margin: 3px;
    border-radius: 3px;
    line-height: 25px;
    color: #333;
    border: 1px solid #eaecf4;
    cursor: url(../../admin_images/cursor.png), auto;
}
.page_links strong {
    padding: 3px 12px;
    margin: 3px;
    border-radius: 3px;
    line-height: 25px;
    border: 1px solid #eaecf4;
}
.notice {
    background: #FDFDFD;
    padding: 2%}
.single_notice {
    border: 1px dashed #efefef;
    margin-bottom: 2%;
    margin-top: 2%;
    padding: 5px;
    border-radius: 5px;
}
.single_notice h4 {
    font-size: 16px;
    font-family: Tahoma;
    margin-bottom: 5px;
}
.single_notice h4 a {
    color: #419687;
}
.desc {
    margin-top: 15px;
    color: #444;
    font-family: corbel;
    font-size: 15px;
    word-spacing: 1px;
    line-height: 30px;
}
.single_notice i {
    font-size: 13px;
}
.albums {
    margin-top: 25px;
    margin-bottom: 15px;
}
.albums a {
    background: #F9F9F9;
    padding: 5px 25px;
    border: 1px dashed #E8E8E8;
    border-radius: 2px;
    margin: 10px;
    transition: .3s;
    font-family: corbel;
    font-size: 18px;
}
.albums a:hover {
    background: #f0f0f0;
}
.album_images {
    margin-top: 25px;
    margin-bottom: 15px;
}
.album_images ul {
    list-style: none;
}
.album_images ul li {
    border: 4px solid #bdbdbd;
    margin-left: 20px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    float: left;
    border-radius: 3px;
}
.album_images ul li img {
    width: 150px;
    border-radius: 2px 2px 0 0;
}
.album_images ul li p {
    background: #f7f7f7;
    border-radius: 0 0 2px 2px;
    height: 25px;
    line-height: 27px;
}
.album_images ul li p a {
    color: #353535;
    display: block;
    text-align: center;
    font-family: corbel;
    font-weight: 700;
}
.view_image img.img-responsive {
    max-width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #DDD;
    border-radius: 3px;
}
.view_image article {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    background: #FCFCFC;
    padding: 5px;
    border: 1px solid #ededed;
    border-radius: 3px;
    font-family: Tahoma;
    font-size: 15px;
    line-height: 28px;
}
.top_links {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    margin-bottom: 15px;
    border: 1px dashed #DDD;
}
.widget ul {
    list-style: none;
}
.widget ul li {
    min-height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #efefef;
    text-overflow: ellipsis;
}
.widget ul li:last-child {
    border-bottom: none;
    text-overflow: ellipsis;
}
.widget ul li a {
    font-size: 13px;
    padding-left: 3px;
    display: block;
}
.about {
    background: #FDFDFD;
    padding: 2%;
    font-family: corbel;
    font-size: 16px;
    line-height: 30px;
    word-spacing: 4px;
    text-align: justify;
}
.book {
    display: block;
    background: #f9f9f9;
    border-radius: 4px;
    padding: 5px;
}
.book_single {
    border: 1px dashed #b6b6b6;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}
.book_single>p {
    color: #5555db;
}
.book_single article {
    font-size: 16px;
    font-family: corbel;
}

#clockbox{
    text-align: center;
    color: rgb(249, 98, 124);
    margin-top: 5px;
    margin-bottom: 5px;
}
#calendar{margin-top: 5px; margin-bottom: 5px;}
#calendar table{
    border-top: 1px dashed rgb(239, 239, 239);;
    width: 100%;
  text-align: center;
}
#calendar th{
  text-align: center;}
#calendar td strong{  background: rgb(250, 250, 250);
  display: block;
  border-radius: 5px;
  border: 1px solid rgb(219, 219, 219);
  color: rgb(247, 72, 139);}

.small_box{
    margin-top: 30px;
    background: rgb(250, 250, 250);
  min-height: 225px;
  border: 1px solid rgb(239, 239, 239);
  border-radius: 5px;
    }
    .small_box h3{background: linear-gradient(#FFFFFF, #A2C7CB);
      background: linear-gradient(#8780F5, #5176D8);
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-size: 16px;
    }
    .small_box ul{  list-style: none;}
    .small_box ul li{background: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 10px 8px;
  background-size: 16px 16px;
  padding-left: 35px;
  line-height: 35px;}
    .small_box ul li a{  display: block;
    color: rgb(22, 133, 145);
/*  text-shadow: 0px 1px 1px rgb(190, 244, 190);*/
    }
    .small_box ul li:hover{ 
          background: url('../images/arrowh.png');
  background-position: 10px 10px;
  background-size: 16px 18px;
  background-repeat: no-repeat;
    }
    .small_box p{
        line-height: 35px;
    }
    .small_box p i{
        margin-left: 10px;
        margin-right: 10px;
    }
    .small_box p i.wiki{
      background: url('../images/wikipedia.png');
  display: block;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  float: left;
  background-size: 16px 16px;
  background-position: 8px 8px;
  margin-left: 0px;
    }
    
    button.present, button.absent{
    background: linear-gradient(#FAFAFA, #E0DFDF);
    border: 1px solid #BFBFBF;
    width: 60px;
    height: 20px;
    line-height: 20px;
    border-radius: 9px;
    font-size: 12px;
    }
    button.present{
        color: red;
    }
    
    .top{
    position: fixed;
    right: 0px;
    bottom: 100px;
    height: 50px;
    width: 45px;
    background: url('../images/top.png');
    background-size: 100% 100%;
    background-position: center;
    cursor: pointer;
    display: none;
    }
    
    
    .single_persn{
        border: 1px solid #CACACA;
        border-radius: 2px;
        background: #FDFDFD;
    }
    .pic_box{
        border-right: 1px solid #DADADA;
    }
    .pic_box h4{
        height: 24px;
        background: #31747B;
        color: white;
        text-align: center;
        line-height: 24px;
        font-size: 14px;
    }
    .pic_box img{
        width: 160px;
        height: 180px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .pic_box p{
        text-align: center;
    }
    .desc_box{
        padding: 5px;
        text-align: justify;
    }
    
    .attendance{
        
    }
    .attendance ul{
        list-style: none;
    }
    .attendance ul li.present_status, .attendance ul li.absent_status{
        width: 100px;
        text-align: center;
        height: 26px;
        line-height: 26px;
        border-radius: 2px;
        font-size: 12px;
        margin: 5px;
        float: left;
    }
    .attendance ul li.present_status{
        background: #499649;
        color: white;
        border: 1px solid #3B8A3B;
    }
    .attendance ul li.absent_status{
        background: #EA7D7D;
        color: white;
        border: 1px solid #E27272;
    }
    .attendance ul li span{
        
    }