/*
    Created on : Oct 13, 2016, 12:31:41 AM
    Author     : Adnan Chaudhry
*/

body, table, form {
    font-family: 'Open Sans', sans-serif !important;
}

.copyright{
    font-size:10px;
    margin-left:10px;
    text-shadow:none;
}

#nav{
    background-color: #f4f4f4 !important;
}

.nav>li>a {
    color: #111 !important;
    font-size: 15px !important;
}

.nav>li.active >a{
    color: #fff;
}

.nav>li>.nav-active{
    color: #fff !important;
} 

nav li i{
    font-size: 21px;
    margin-right: 10px !important;
}

nav li a{
    cursor: pointer !important;
}

nav li li i{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
    font-size: 13px !important;
    margin-top: -5px !important;
    margin-right: 0px !important;
}

nav li li span{
    font-size: 13px !important;
}

nav i.text-active{
    color: #f5f5f5;
    font-size: 10px;
    text-shadow: 0px 0px 10px #ffffff;
}
nav li{
    margin-bottom: 15px;
}

nav li li{
    margin-bottom: 0px;
}

.user>li>a{
    color: #fff !important;
}

.text-white{
    color: #fff !important;
}

.text-small{
    font-size: 10px !important;
}

.bg-light-lt{
    background-color: #cfb96f;
}

.dashlets{
    height: 60px;
    font-size: 12px;
    padding-top: 0px !important;
}

#student_count_img,#today-student-img,#teacher_count_img{
    width: 20px;
}

#flash-success{
    background-color: #4CAF50 !important;
    text-align:center;
    color:white;
}

#flash-error{
    background-color: #F44336 !important;
    text-align:center;
    color:white;
}

.flash-icon-success{
    color: #fbfbfc !important;
    font-weight: bold !important;
    font-size: 22px !important;
    text-shadow: 1px 0px 5px #000!important;
}

.flash-icon-error{
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 37px !important;
    width: 100%;
}

#page_render_time{
    position: fixed;
    bottom: 0;
    left: 0;
    color: #000 !important;
    font-size: 10px;
    text-align: right;
    text-shadow: 0 1px 1px #ccc;
    background: rgba(255,255,255,0.5);
    width: 100%;
    overflow: hidden;
    z-index: 100000;
}

.login_user, .login_pass{
    position: absolute;
    font-size: 20px;
    left: 14px;
    top: 11px;
    color: #ccc;
}

#payroll{
    display: none;
}

.pad-l{
    padding-left: 35px !important;
}

.m-l5{
    margin-left: 5px !important;
}

.n-b{
    border: none !important;
}

.date_time_login{
    position: fixed;
    right: 0px;
}

.m-t10{
    margin-top: 15% !important;
}

.login-error {
    text-align: center;
    color: #ef4c3e;
    border-radius: 5px;
    font-weight: normal !important;
    font-size: 17px;
}

/*For Containing all the Content*/
.contain{
    overflow: hidden !important;
}

.c-b{
    clear: both !important;
}

.f-b{
    font-weight: bold !important;
}

#stListProm{
    display: none;
}
.userImageProm{
    padding: 0px;
    position: relative;
    float: left;
    box-shadow: 0px 0px 5px #aaa;
    border-radius:50px;
    width: 50px;
    height: 50px;
}

.userImagePromImage{
   border-radius: 50px;  
   width: 50px;
   height: 50px;
   transition: all .5s ease-in-out;
}

.userImagePromImage:hover{
    transform: scale(1.3);
}

.stListRow{
    margin-left: 10px;
    padding-top: 0px;
    top: 12px;
    position: relative;
}

#st-pic{
    transition: 2s;
    z-index: 100000;
    position: relative;
}

#st-pic:hover{
    transition: 2s;
    transform: scale(1.7);
    margin-left: 20px;
}

@-moz-document url-prefix() {
    .avatar.thumb-md{
        display: block !important;
    }
}

/*Modifiying app.v1 CSS Generally*/
.footer{
    text-shadow: 1px 0px 1px #000;
}

.btn, .next, #auto-search,.prev,.previous{
    text-shadow: 1px 1px 1px #000;
    box-shadow: inset 0px 1px 0px #888 !important;
    border-radius: 5px;
    border-top-left-radius: 0px;
}

#alertOk,.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span{
    text-shadow: 1px 1px 1px #eee !important;
}

#date_time,.logo-div,.session-text,.label-bg-info{
    text-shadow: 1px 1px 1px #333;
}

.search-btn{
    background: none !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 15px !important;
    margin-top: -2px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 5px !important;
    outline: 0 !important; ;
}
.btn:focus {
    outline:0 !important; ;
}

.header-search{
    box-shadow: 0px 0px 2px #333 !important;
}

#subjects .tooltip.top {
    margin-top: -40px !important;
}

#subjects .tooltip{
    margin-left: -53px !important;
}

table .prev{
    margin-left: 10px;
}

#processing{
    text-align: center;
}

.big-green{
    font-size: 20px;
    color: #8bc34a;
    align-items: center;
}

.big-red{
    font-size: 20px;
    color: #ff0000;
    align-items: center;
}

.bg-deafulter{
    background-color:rgba(227, 50, 68, 0.06) !important;
}

.text-blue {
    color: #177bbb !important;
}

.c-p{
    cursor: pointer !important;
}

.modal_ds{
    top: 40px !important;
    width: 50% !important;
    left: 25% !important;
}

/*Report Icons*/
.reports_icons{
    background-color: #ffffff;
    padding: 12px 10px;
    border-radius: 100%;
    width: 55px;
    text-align: center;
    box-shadow: 0px 0px 7px #ddd;
    font-size: 30px !important;
}

.portlet-height{
    min-height: 118px !important;
}

.dashlet1{
    min-height: 118px !important;
}

.p-t34{
    padding-top: 34px !important;
}

.f-s18{
    font-size: 18px !important;
}

.f-s16{
    font-size: 16px !important;
}

.f-s14{
    font-size: 14px !important;
}

.f-s12{
    font-size: 12px !important;
}

.h2{
    font-size: 30px !important;
}

.line{
    border-top: 1px solid #ccc;
    overflow: visible !important;
}

/*Ratings Setting*/
.list-group-item{
    font-size: 18px;
}

.padder{
    padding-left: 10px !important;
}

@media (max-width:564px) {

    .reports_icons{
        margin-top: 10px !important;
    }

}

.btn-popover{
    color: #fff !important;
    background-color: #cfb961;
}

/* Right Side Menu */
.side-menu-opner{
    display: block !important;
    box-shadow: 0px 0px 5px black;
    height: 60px;
    width: 60px;
    right: 30px;
    z-index: 10000;
    bottom: 30px;
    position: fixed;
    font-size: 39px;
    background: white;
    text-align: center;
    border-radius: 100%;
    color: #de0606;
    cursor: pointer;
}

#subjectsinpro{
    display: none;
}

.v-a{
    vertical-align: middle !important;
}

.border-red-dark{
    border-right: 2px dotted #f00 !important;
}

@media (min-width:1200px) {

    .loginholder{
        margin-left: 5px !important;
    }

}

@media (max-width:1200px) {

    #date_time{
        display: none !important;
    }

}

/*Small Scree Menu Control*/
#xsmenu{
    position: fixed;
    right: 5px;
    top: 0px;
}
@media (max-width:765px) {

    #xsmenu{
        display: block !important;
    }
    .xshidemenu{
        display: none !important;
    }
    
    .userImageSidebar{
        left: 100px !important;
    }

}

@media (min-width:765px) {

    #xsmenu{
        display: none !important;
    }
    .xshidemenu{
        display: block !important;
    }
}
/*--------------------------------*/

/*Small Screen Auto Search Control*/
@media (max-width:970px) {

    #auto-form{
        display: none !important;
    }

}

/*Dashlet Screen Handling*/
@media all and (max-width: 1000px) and (min-width: 765px) {
    .dashtext {
        font-size: 15px !important;
    }
    .dashsmall {
        display: none !important;
    }
    #student_count_img,#today-student-img,#teacher_count_img{
        width: 16px;
    }
}


/* CSS For FEE SECTION START */
.avatar.student {
    position: absolute !important;
    width: 75px !important;
    height: 75px !important;
    margin: 5px 0px 0px -6px !important;
    box-shadow: 0px 2px 9px -4px black !important;

}
.ml80 {
    margin-left: 80px;
}
span.large_name {
    font-size: 22px;
    margin-top: 5px !important;
    float: left;
}
span.small_name {
        font-size: 14px;
    clear: both;
    float: left;
    margin-top: -7px;
}
span.button_name {
    display: block;
    position: absolute;
    clear: both;
    float: left;
    margin-top: 66px;
    color: #6c7988;
    text-shadow: 0px 0px;
    font-size: 12px;
}
.fee_box_container {
    background: #8ac53e;
    padding: 18px 16px 18px;
    margin: 1px 0px;
    color: white;
    border-radius: 4px;
}
.fee_box_container .blue-bg {
    margin:0px;
}
.fee_box_container h4 {
    font-size: 28px;
    margin: 4px 0px 0px;
}
span.notify_bubble {
    position: absolute;
    background: #F44336;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    right: 0px;
    text-align: center;
    color: white;
    box-shadow: 0px 1px 0px 0px #9E9E9E;
    text-shadow: 0px 0px;
    line-height: 29px;
    font-size: 15px;
    top: -7px;
    cursor: pointer;
}
.none {
    display: none;
}
.block {
    display: block;
}
#notification_content_container header{
    background: #F44336;
    padding: 12px 17px 16px;
    color: white;
    border-radius: 2px;
}
.avatar_container {
    box-shadow: 0px 27px 0px #e4e4e4;
}
.student_information_container {
    background: #235793;
    color: white !important;
    border-radius: 2px 2px 1px 0px;
}
.fee_heading_container {
    float: left;
    margin-bottom: 10px;
    margin-top: 40px;
}
.fee_search_container {
    float: right;
    margin-top: 30px;
    /*margin-bottom: 20px;*/
}


/* CSS For FEE SECTION END */