/*========================================================
                        Header and Footer CSS Starts.
==========================================================*/



@media(min-width: 980px) {
    ::-webkit-scrollbar {
        width: 8px;
    }
    ::-webkit-scrollbar-track {
        border-radius: 10px;
        webkit-border-radius: 10px;
        webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    ::-webkit-scrollbar-thumb {
        background: rgba(255, 0, 0, 0.8);
        border-radius: 10px;
        webkit-border-radius: 10px;
        webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 0, 0, 0.4);
    }
    .left-arrow,
    .right-arrow {
        color: #00c0ee;
        cursor: pointer;
    }
    .left-arrow {
        left: 0;
        position: absolute;
        top: -1px;
    }
    .right-arrow {
        position: absolute;
        right: 0px;
        top: -1px;
    }
    .nav.navbar-nav {
        min-width: 3000px;
    }
    #mobileNav {
        overflow: hidden !important;
        width: 97%;
    }
}
@-ms-viewport {
    width: device-width;
}
a:hover,
a:active,
a:focus,
.btn-default,
.btn.focus,
.btn:focus,
.btn:hover {
    outline: none;
}
.demo h1,
.demo h2,
.demo h3,
.demo h4,
.demo h5,
.demo h6,
.demo input,
.demo p,
.demo a,
.demo span {
    line-height: 1.2 !important;
    text-shadow: 1px 2px 3px #242424;
}
input::-moz-focus-inner {
    border: none;
}
h3.text-center {
    font-size: 1.45em;
    text-align: center;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.navbar .navbar-collapse {
    text-align: center;
    background:#111;
}
.slider img {
    height: 250px;
}
body {
    background: url(../images/bgImg.jpg) repeat scroll center center / cover transparent;
}
.wraper {
    background: url(../images/SideBgLogo.jpg) no-repeat scroll -20px 115px transparent;
    margin-left: auto;
    margin-right: auto;
    max-width: 1310px;
}
.contents {
    background: rgba(0, 0, 0, .96);
    font-size: 16px;
    padding: 15px;
}
.top #logoutForm.navbar-right {
    margin-right: 0px;
}
.top a.pull-right {
    color: #8a6600;
}
.top li a i.fa {
    color: #777;
}
.list-inline > li {
    line-height: 13px;
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-default {
    background-color: transparent;
    border: none;
    margin-top: 25px;
}
.navbar {
    margin-bottom: 0;
}
.navbar li a {
    padding: 10px 21px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #00f000;
    transition: 0.4s;
    webkit-transition-timing-function: ease-in-out;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #00c0ee;
    transition: 0.4s;
    webkit-transition-timing-function: ease-in-out;
}
.nav > li {
    color: #337ab7;
}
.navbar-default .navbar-nav > li > a {
    color: #b4b4b4;
}
.navbar {
    min-height: 28px !important;
}
.nav > li > a {
    color: #b4b4b4;
    display: inline-block !important;
    font-size: 0.93em;
    line-height: 13px;
    padding-bottom: 0;
    padding-top: 0;
}
.navbar-nav > li {
    border-right: 1px solid #00c0ee;
    line-height: 13px;
}
.navbar.navbar-default > div > div {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar.navbar-default > div {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-nav > li:last-child {
    border: none;
}
/*===================================================================================
                        Header and Footer CSS Ends.
====================================================================================*/
/*====================================================================================
                        Photo Gallary CSS Starts
===================================================================================*/

.grad-holder {
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 94%;
}
.grad-holder > span {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(56, 55, 56, 1) 0%, rgba(46, 46, 46, 1) 18%, rgba(8, 8, 8, 1) 53%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 68px;
    display: block;
    height: 150px;
    margin: 0 auto;
    width: 100%;
}
.gallary-header {
    background: #1b1b1b none repeat scroll 0 0;
    padding-top: 10px;
    position: absolute;
    top: 30px;
    width: 94%;
}
section.gallary {
    display: block;
    padding-bottom: 175px;
}
section.profileGallery {
    padding-bottom: 0px;
}
.accounts .accounts_holder .grad-holder {
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
}
.accounts .accounts_holder .grad-holder > span {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(56, 55, 56, 1) 0%, rgba(46, 46, 46, 1) 18%, rgba(8, 8, 8, 1) 53%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 68px;
    display: block;
    height: 150px;
    margin: 0 auto;
    width: 100%;
}
.grad-holder-2 {
    background-image: -moz-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    background-image: -ms-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    background-image: -o-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    background-image: radial-gradient(ellipse farthest-corner at center -27px, #949494 -100%, #030303 61%);
    background-image: -webkit-gradient(radial, center -27px, 0, center top, 359, color-stop(-100, #949494), color-stop(61, #030303));
    background-image: -webkit-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    height: 90px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.grad-holder-2:nth-child(2) {
    padding-left: 30px;
}
#login .add-info {
    font-size: 36px;
}
.add-info {
    color: #8b6700;
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    text-shadow: unset;
    text-transform: uppercase;
    top: 20px;
    width: 100%;
}
.add-info-gallary {
    color: #8b6700;
    font-size: 26px;
    font-weight: bold;
    margin: 10px 0 15px;
    padding-left: 50px;
    text-shadow: unset;
    text-transform: uppercase;
    width: 100%;
}
button.g-btns {
    background: #000000 none repeat scroll 0 0;
    border: 1px solid #323232;
    color: #cccccc;
    font-size: 19px;
    line-height: 35px;
    margin-right: 3%;
    width: 29%;
    cursor: default;
    height: 50px;
}
button.g-btns:hover,
button.g-btns:focus,
button.g-btns:active {
    color: #cccccc !important;
}
.ID.text-center {
    color: #00f000;
    display: block;
    margin: 5px auto;
}
section.gallary > .gallary-header {
    top: 30px;
    width: 100%;
    left: 0px;
}
.g-section h3 {
    color: #cccccc;
    margin: 20px auto;
}
.g-section h3 span {
    color: #ec1c24;
}
.sec-class > p {
    background: #1b1b1b none repeat scroll 0 0;
    color: #3b3b3b;
    margin-bottom: 3px;
    text-align: center;
}
.avatar-box > img {
    background: #313131 none repeat scroll 0 0;
    display: block;
    height: 126px;
    width: 126px;
    margin-bottom: 8px;
    font-size: 32px;
    text-align: center;
    line-height: 111px;
    border: 6px solid #1b1b1b;
}
section.g-main-gallary {
    margin-bottom: 30px;
}
/*====================================================================================
                       Student Photo Gallary CSS Starts
===================================================================================*/

.stdAvatar > img {
    width: 100%;
}
.avatar-box.sectionLogo {
    height: 210px;
}
.avatar-box.sectionLogo > img {
    height: 100%;
}
/*==================================================================================
                        Student Photo Gallary Ends                                         
====================================================================================*/
/*============================================== Account Page =========================================*/

.fee {
    bottom: 28px;
    color: #cccccc;
    font-family: arial;
    font-size: 1.6em;
    margin-bottom: 6px;
    position: absolute;
    text-shadow: unset;
}
.fee > span {
    text-shadow: unset;
}
.red-text {
    color: #c80c16;
}
.fee_second {
    position: absolute;
    top: 55px;
}
.class-selection-table .radio {
    background: #171717 none repeat scroll 0 0;
    margin-top: 2px;
    padding-left: 10px;
    padding-top: 4px;
}
.radio {
    height: 30px;
    margin: 1px;
}
.SclassRight {
    padding-right: 0 !important;
}
.radio label {
    color: #969696;
    font-size: 1em;
    line-height: 1em;
    padding-bottom: 6px;
    padding-top: 1px;
}
.ammount_list {
    width: 100%;
    padding-top: 20px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #161616;
    opacity: 1;
}
.fee-structure h1,
.fee-structure h2,
.fee-structure h3,
.fee-structure h4 {
    font-family: sans-serif;
}
.ammount_list li {
    background: #171717 none repeat scroll 0 0;
    color: #969696;
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 30px;
    line-height: 1em;
    list-style: outside none none;
    margin-bottom: 2px;
    margin-left: 2px;
    padding-bottom: 6px;
    padding-top: 8px;
    text-transform: uppercase;
    width: 48%;
}
.ammount_list > ul {
    margin: 3px 0 0;
    padding: 0;
}
.ammount_list {
    background-image: -moz-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    background-image: -ms-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    background-image: -o-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    background-image: radial-gradient(ellipse farthest-corner at center -27px, #949494 -100%, #030303 61%);
    background-image: -webkit-gradient(radial, center -27px, 0, center top, 359, color-stop(-100, #949494), color-stop(61, #030303));
    background-image: -webkit-radial-gradient(center -27px, ellipse farthest-corner, #949494 -100%, #030303 61%);
    display: block;
    overflow: hidden;
    width: 100%;
}
.ammount_list li:nth-child(odd) {
    padding-left: 7px !important;
}
.ammount_list li:nth-child(even) {
    text-align: right;
}
.ammount_list img {
    float: left;
    margin-left: 5px;
}
.ammount_list li:nth-child(2n) {
    color: #00c0ee;
    padding-right: 20px;
    text-align: right;
}
.ammount_list li:last-child {
    color: #00f000;
}
.account_table .table th,
.account_table .table td {
    border: 1px solid #323232;
    text-align: center;
}
.account_table .table tr td:last-child {
    position: relative;
}
.account_table .table td {
    color: #737373;
    height: auto;
    line-height: 1.5em;
}
tr.normal_table_header th {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5d7dc+0,87898e+100 */
    
    background: #d5d7dc;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #d5d7dc 0%, #87898e 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, #d5d7dc 0%, #87898e 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, #d5d7dc 0%, #87898e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d5d7dc', endColorstr='#87898e', GradientType=0);
    /* IE6-9 */
    
    text-shadow: 0px 1.4px #ededed;
}
.normal_table_header th {
    line-height: 2.5em !important;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0px;
}
.red-text td {
    color: #ff0024 !important;
}
.green-text td {
    color: #00f000 !important;
}
.account_table tr td span {
    left: 15px;
    position: absolute;
    top: 2px;
}
.account_table tr:nth-child(even) {
    background: #202020 !important;
}
.account_table tr:nth-child(odd) {
    background: #191919 !important;
}
.pay_d_bill {
    float: left;
    width: 53%;
}
.ammnt {
    margin-left: 1%;
    width: 25%;
}
.ttl_ammount {
    background: #202020 none repeat scroll 0 0;
    margin-left: 1%;
    width: 22%;
}
.pay_d_bill p {
    color: #00c0ee;
    font-size: 0.9em;
    margin: 0;
    padding: 13px;
    text-align: right;
    text-transform: uppercase;
    text-align: center;
}
.ttl_ammount > p {
    color: #000000;
    font-size: 1.15em;
    font-weight: bold;
    margin: 0;
    padding: 11px;
    text-align: center;
    text-transform: uppercase;
}
.ammnt > p {
    color: #00f000;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.ammnt span {
    float: left;
    padding-left: 14px;
}
.pay_d_bill span {
    color: #8b6700;
    font-size: 2em;
    line-height: 14px;
}
.threeDinput {
    background: #151515 none repeat scroll 0 0;
    border: 1px solid #101010;
    box-shadow: 0 0 9px 1px #000000 inset;
    display: block;
    margin: 7px auto 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
}
.table > thead > tr > th {
    border-bottom: 2px solid #ddd;
    color: #000;
    text-align: center;
    vertical-align: bottom;
}
.accounts_holder .grad-holder-2,
.attendance .grad-holder-2,
.document .grad-holder-2 {
    height: 65px;
}
.accounts_holder .add-info {
    top: 3px;
}
.pay_d_bill span:nth-child(2) {
    font-size: 1.1em;
    color: #00c0ee;
}
.billInfoTable tr td {
    position: relative;
}
/* ================================ Attendance Page Starts =========================================*/
.attendance table td,
.attendance table th {
    border: 1px solid #191919;
    color: #d1d1d1;
    padding: 4px;
    text-align: center;
}
.attendance table thead tr {
    background: rgba(221, 222, 224, 1) !important;
    background: -moz-linear-gradient(top, rgba(221, 222, 224, 1) 0%, rgba(133, 134, 138, 1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221, 222, 224, 1)), color-stop(100%, rgba(133, 134, 138, 1))) !important;
    background: -webkit-linear-gradient(top, rgba(221, 222, 224, 1) 0%, rgba(133, 134, 138, 1) 100%) !important;
    background: -o-linear-gradient(top, rgba(221, 222, 224, 1) 0%, rgba(133, 134, 138, 1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(221, 222, 224, 1) 0%, rgba(133, 134, 138, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(221, 222, 224, 1) 0%, rgba(133, 134, 138, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dddee0', endColorstr='#85868a', GradientType=0) !important;
    font-size: 0.95em;
    text-transform: uppercase;
}
.attendance table thead tr th {
    color: #121212 !important;
    text-shadow: 0px 1px 1.4px 0px;
}
.attendance table tbody tr {
    border-bottom: 1px dashed #191919 !important;
    font-size: 0.95em;
}
.attendance table tr {
    background: #2c2c2c !important;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #111111 !important;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #111111 !important;
}
.dataTables_wrapper .dataTables_filter input {
    background: #161616 none repeat scroll 0 0;
    border: 1px solid #232323 !important;
    margin-left: 0.5em;
}
.dataTables_length select {
    width: auto !important;
}
.input-group {
    border: 1px solid #323232;
    border-collapse: separate;
    display: table;
    position: relative;
    background: #161616;
    
}
#datetimepicker1 > label,
#datetimepicker2 > label {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding-left: 5px;
    color: #000000;

}
#datetimepicker1 > input.form-control, #datetimepicker2 > input.form-control {
  padding: 6px 3px;
  width: 65%;
  color: #00c0ee;
}
#datetimepicker1 > input:focus #datetimepicker1{
    border: 1px solid #00c0ee;
}
.input-group .form-control {
    color: #cdcdcd;
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 72%;
    z-index: 1;
}
.attendance .grad-holder {
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
}
.attendance .grad-holder > span {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(56, 55, 56, 1) 0%, rgba(46, 46, 46, 1) 18%, rgba(8, 8, 8, 1) 53%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 68px;
    display: block;
    height: 150px;
    margin: 0 auto;
    width: 100%;
}
.attendance_sorting {
    margin-top: -55px;
}
#example_filter input {
    color: #A7A7A7;
    padding-left: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #ffffff !important;
}
#example_length select {
    background: #000 none repeat scroll 0 0;
    border: 1px solid #444;
}
table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #111;
    padding: 0 18px !important;
}
table.dataTable tbody th,
table.dataTable tbody td {
    padding: 5px 10px !important;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #808080 !important;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: medium none !important;
}
.btn-bill{
    background: #00BAE8;
    color: #434343;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*===================================================== LOGIN Page ================================================*/

.login-box {
    background: #1b1b1b;
    border: 1px solid #191919;
    margin-bottom: 20px;
}
.shadow {
    box-shadow: inset 0px 0px 8px 3px rgba(0, 0, 0, 1);
    moz-box-shadow: inset 0px 0px 8px 3px rgba(0, 0, 0, 1);
    webkit-box-shadow: inset 0px 0px 8px 3px rgba(0, 0, 0, 1);
}
.login-box-inner {
    padding: 30px 0px;
}
.login-box-inner-table {
    border: 1px solid #050505;
}
.login-box-inner-table p a span {
    color: #9e9e9e;
    font: 300 18px/1.5 "tahoma";
    text-decoration: none;
    text-transform: uppercase;
    /* For Safari 3.1 to 6.0 */
    
    -webkit-transition-duration: 0.5s;
    -webkit-transition-delay: 0.01s;
    /* Standard syntax */
    
    transition-duration: 0.5s;
    transition-delay: 0.01s;
    font-weight: bold;
}
#loginForm .form-control {
    background-color: #161616;
    border-radius: 0;
}
.loginFont {
    color: #8b6700;
}
.login-box {
    background: #1b1b1b none repeat scroll 0 0;
    border: 1px solid #191919;
    margin-bottom: 20px;
    margin-top: -50px;
}
#PassChange .grad-holder,
#login .grad-holder {
    height: 80px;
}
.button_bss {
    background-color: #0c7ca5;
    background-image: linear-gradient(to bottom, #0c7ca5, #003451);
    border: 1px solid #085571;
    border-radius: 5px;
    color: #050505;
    display: inline-block;
    float: right;
    height: auto;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 10px;
    text-decoration: none;
}
/* Base for label styling */

#loginForm [type="checkbox"]:not(:checked),
#loginForm [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
#loginForm [type="checkbox"]:not(:checked) + label,
#loginForm [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
/* checkbox aspect */

#loginForm [type="checkbox"]:not(:checked) + label:before,
#loginForm [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 3px solid #00f000;
    background: #1B1B1B;
    border-radius: 1px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
/* checked mark aspect */

#loginForm [type="checkbox"]:not(:checked) + label:after,
#loginForm [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 17px;
    font-weight: bold;
    line-height: 0.6;
    color: #fff;
    transition: all .2s;
}
/* checked mark aspect changes */

#loginForm [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
#loginForm [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */

#loginForm [type="checkbox"]:disabled:not(:checked) + label:before,
#loginForm [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
#loginForm [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
#loginForm [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */

#loginForm [type="checkbox"]:checked:focus + label:before,
#loginForm [type="checkbox"]:not(:checked):focus + label:before {
    border: 3px solid #2E9006;
}
/* hover style just for information */

#loginForm label:hover:before {
    border: 3px solid #2E9006!important;
}
#loginForm .checkbox-custom-label {
    color: #00c0ee;
}
.forgetlink > a {
    color: #0c5878;
}
#loginForm .Password,
#loginForm .Password:focus {
    background-color: #272727;
    border: 1px solid #323232;
    border-radius: 0;
    color: #2e9006;
}
.button_bss:hover {
    color: #050505;
}
.sms_alert .grad-holder {
    margin-left: 22px;
    margin-top: 0;
    width: auto;
}
/*=================================================
                Change Password
===================================================*/

#PassChange input[type="password"]:focus,
#PassChange input[type="password"] {
    color: #8B6700;
}
.grad-holder-4 {
    background-image: radial-gradient(ellipse farthest-corner at center -27px, #949494 -100%, #030303 61%);
    height: 90px;
    margin-left: 3%;
    overflow: hidden;
    position: relative;
    width: 94%;
}
/*======================================== Explorer Page ========================================*/

.admin-box {
    background: #1b1b1b;
    border: 1px solid #191919;
    margin-bottom: 20px;
    margin-left: 28px;
    margin-right: 28px;
}
.shadow {
    background: #171717 none repeat scroll 0 0;
    border: 1px solid #0c0c0c;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 1) inset;
    display: block;
    height: auto;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
}
.admin-box-inner {
    padding: 30px;
}
.admin-box-inner-table {
    border: 1px solid #050505;
}
.admin-box-inner-table p a span {
    color: #9e9e9e;
    font: 300 18px/1.5 "tahoma";
    text-decoration: none;
    text-transform: uppercase;
    /* For Safari 3.1 to 6.0 */
    
    -webkit-transition-duration: 0.5s;
    -webkit-transition-delay: 0.01s;
    /* Standard syntax */
    
    transition-duration: 0.5s;
    transition-delay: 0.01s;
    font-weight: bold;
}
.admin-box-inner-table p:hover a,
.admin-box-inner-table p:hover a span {
    color: #000000;
    text-decoration: none;
    transform: scale(1.03);
}
.admin-box-inner-table p a img {
    margin-bottom: 5px;
}
.admin-box-inner-table p {
    border: 1px solid #1e1e1e;
    height: 115px;
    margin: 20px 10px;
    box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.9);
    moz-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.9);
    webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.9);
    transition-delay: 0.01s;
    transition-duration: 0.5s;
}
.admin-box-inner-table p:hover {
    background: #005a6f !important;
    border: 1px solid #00252e;
    box-shadow: inset 0px 0px 5px 3px rgba(0, 0, 0, 0.9);
    moz-box-shadow: inset 0px 0px 5px 3px rgba(0, 0, 0, 0.9);
    webkit-box-shadow: inset 0px 0px 5px 3px rgba(0, 0, 0, 0.9);
    transition-delay: 0.01s;
    transition-duration: 0.5s;
}
.content {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    margin: 0;
    padding: 0;
}
.content p a img {
    margin-top: 15px;
}
.content:nth-child(4n) {
    border-right: 0 none;
}
.content:nth-child(2) p a img {
    margin-bottom: 5px;
}
#explore .admin-box-inner-table p {
    background: #232323 none repeat scroll 0 0;
    border: 1px solid #1e1e1e;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.9) inset;
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    transition-delay: 0.01s;
    transition-duration: 0.5s;
}
#explore .admin-box-inner-table p {
    margin-left: 10%;
    width: 80%;
}
/*=========================================== Father's Information CSS================================================ */
#fatherInfo > .row,
#personalInfo > .row,
#motherInfo > .row,
#localGuardian > .row {
  margin-bottom: 5px;
}
.fatherInfo .login-box {
    margin-bottom: 50px;
    margin-top: 0;
}
.fatherInfo .gallary-header {
    display: block;
    overflow: hidden;
    position: relative;
}
section.gallary > .gallary-header {
    top: 0;
}
.fatherInfo .s_sections .navtab-header {
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    text-shadow: 0px 1.4px #eeeeee;
}
.fatherInfo .s_sections li {
  font-size: 1.1em;
  text-align: center;
  width: auto;
}
.fatherInfo .student_age .grad-holder-2 {
    height: 70px;
    padding-top: 0;
    position: absolute;
}
.fatherInfo .checkBox > input {
    margin-right: 5px;
    width: auto;
}
#personalInfo,
#fatherInfo,
#motherInfo,
#localGuardian{
    margin-top: 15px;
}
.fatherInfo .nav-tabs > li.active > a,
.fatherInfo .nav-tabs > li.active > a:focus,
.fatherInfo .nav-tabs > li.active > a:hover,
.fatherInfo .nav-tabs > li.active > a.active {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aacc03+0,598f03+100 */
    
    background: #aacc03;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #aacc03 0%, #598f03 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, #aacc03 0%, #598f03 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, #aacc03 0%, #598f03 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#aacc03', endColorstr='#598f03', GradientType=0);
    /* IE6-9 */
    
    border: 1px solid #288E00;
}
ul.s_sections li a {
    margin-right: 0;
}
.fatherInfo .nav-tabs > li a {
    border: 0px;
}
.fatherInfo .s_sections.nav-tabs {
    border-bottom: 0 none;
    /*margin-left: 21%;*/
}
.fatherInfo .s_sections.nav-tabs {
    margin-top: -30px;
}
.fatherInfo .grad-holder-2 {
    overflow: visible;
}
.fatherInfo section.gallary {
    padding-bottom: 0;
}
.student_info_table {
    padding-bottom: 20px;
}
/*============================================== Student Routin======================================*/

.routine .grad-holder {
    height: 65px;
}
.routine .s_sections.nav-tabs {
    border-bottom: 0 none;
    margin-left: 36%;
}
.studentRoutine select {
    /* Partial list of available values in Gecko */
    
    -moz-appearance: none;
    /* Partial list of available values in WebKit/Blink */
    
    -webkit-appearance: none;
    background: url('../images/select-bottom-arrow.png') no-repeat;
    background-position: right center;
    background-size: 18px 33px;
    padding-right: 25px;
    width: 100%;
    font-size: 0.75em;
    color: #818181;
    background-color: #1b1b1b;
    margin-top: 3px;
}
.studentRoutine .print > img {
    left: 5px;
    position: absolute;
    top: -7px;
}
.studentRoutine .print {
    border: 0 none;
    border-radius: 3px;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 2em;
    text-align: right;
    text-shadow: 0 1px 1px #ededed;
    text-transform: uppercase;
    width: 64%;
    padding-right: 15px;
    /* IE10+ */
    
    background-image: -ms-linear-gradient(top, #D3D5DA 0%, #898b90 100%);
    /* Mozilla Firefox */
    
    background-image: -moz-linear-gradient(top, #D3D5DA 0%, #898b90 100%);
    /* Opera */
    
    background-image: -o-linear-gradient(top, #D3D5DA 0%, #898b90 100%);
    /* Webkit (Safari/Chrome 10) */
    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D3D5DA), color-stop(100, #898b90));
    /* Webkit (Chrome 11+) */
    
    background-image: -webkit-linear-gradient(top, #D3D5DA 0%, #898b90 100%);
    /* W3C Markup */
    
    background-image: linear-gradient(to bottom, #D3D5DA 0%, #898b90 100%);
    border: 0px;
}
.studentRoutine select {
    border: 1px solid #232323;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.routine .grad-holder-2 {
    height: 25px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 5px;
}
.studentRoutineTable {
    margin-top: 15px;
    color: #ffffff;
}
/*-----------------ClassRoutine--------------*/

#routine #datetimepicker1 > input.form-control,
#routine #datetimepicker2 > input.form-control {
    width: 65%;
}
#routine #datetimepicker1 input,
#routine #datetimepicker2 input {
    margin-right: 0;
}
/*================================ Student Home Page=====================================*/

.stHome {
    color: #999999;
}
.stHome .grad-holder-4 {
    height: 60px;
}
.stHome .add-info,
.stHome .MyAtt {
    top: 15px;
    font-size: 20px;
}
.stHome .add-info,
.stHome .MyAtt-1 {
    font-size: 20px;
    margin-left: -10px;
    top: -44px;
    position: absolute;
}
.stHome .add-info,
.stHome .MyAtt {
    /*position: absolute;*/
    
    text-align: center;
    display: block;
    width: 100%;
    font-weight: bold;
}
.MyAtt {
    color: #cccccc;
}
.MyAtt > span {
    color: #AE0005;
}
.stHome label {
    float: left;
    margin-bottom: 1px;
    margin-right: 10px;
}
.homeStudentInfo p {
    margin-bottom: 0;
}
.stHome .stdInfo-1 {
    color: #7d7d7d;
    padding-top: 15px;
}
.stHome .stdInfo-1 img {
    width: 100%;
}
.stdInfo-1 > div > p {
    margin-bottom: 4px;
}
.homeStudentInfo .row {
    font-size: 15px;
    line-height: 24px;
}
.semester-average {
    font-size: 12px;
    font-weight: bold;
}
.name-info-right {
    font-size: 15px;
}
.legenValue {
    text-align: right;
    float: right;
}
.name-info-right p strong {
    width: 100%;
}
.stHome .grad-holder {
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    width: 94%;
}
.etabs .tab a span {
    width: 13px;
    height: 13px;
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-right: 3px;
    background-color: #cccccc;
}
.etabs .tab a:hover > span {
    background-color: #00c0ee !important;
    color: #00c0ee !important;
}
.etabs .tab a.active span {
    background-color: #00f000 !important;
}
.shadow {
    position: relative;
}
.shadow i.fa {
    cursor: pointer;
    position: absolute;
    right: 20px;
    color: #00c0ee !important;
}
.shadow .noticeList a {
    color: #8B6700;
}
.shadow i.fa.fa-caret-up {
    top: 6px;
}
.shadow i.fa.fa-caret-down {
    top: 15px;
}
.classRoutine ul li {
  float: left;
  font-size: 13px;
  line-height: 1.7;
  list-style: outside none none;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  white-space: pre-wrap;
  width: 110px;
  padding-left: 6px;
}
.classRoutine ul li:nth-child(2) {
    border-left: 3px solid #120e0e;
}
.classRoutine ul,
.noticeList ul {
    border-bottom: 2px solid #120e0e;
    margin-bottom: 0;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 0;
}
.routineList {
    border-color: #120e0e;
    border-style: solid;
    border-width: 5px;
    margin: 1px;
}
.noticeList ul li {
    float: left;
    font-size: 12px;
    line-height: 1.6;
    list-style: outside none none;
    margin-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
}
.shadow .noticeList a,
.shadow .routineList a,
.shadow a.allNotice {
    color: #8b6700;
}
.stHome .tab a {
    color: #969696;
    font-weight: bold;
}
.allNotice {
    display: block;
    margin-bottom: 17px;
    margin-right: 13px;
    margin-top: 9px;
}
.name-info-right p {
    margin-right: 20px;
}
.billInfo {
    padding-top: 10px;
}
.billInfo p {
    font-size: 12px;
    margin-bottom: 5px;
}
.billInfo .allNotice {
    margin-bottom: 5px;
    margin-top: 0;
}
.dueAlert {
    border-top: 1px solid #671818;
    clear: both;
    color: #df2324;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.newsAlert {
    clear: both;
    font-size: 15px !important;
    margin: 0 auto 5px;
    padding: 0 0 5px;
    text-align: center;
}
.newsAlert > span {
    color: #f7931e;
}
.stHome [ewcalendar] .c-month-view {
    color: #00f000;
    font-size: 1em;
    text-align: center;
}
.stHome [ewcalendar]:hover .c-month-view [class^=c-month-arrow] {
    color: #00f000;
}
.stHome a {
    color: #00f000;
}
.stHome a:hover {
    color: #00c0ee;
}
.stdAvatar > p,
.ID {
    font-family: 'DSDIGI';
    color: #bbb;
    font-family: "DSDIGI" !important;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}
/*======================================== Routine Page ==============================================*/

#routine .student_report_holder {
    padding-top: 15px;
    /*margin-bottom: 10px;*/
}
/*==================================== Leave Form ================================================*/

.leaveFormHolder .grad-holder-2 {
    margin: 0 auto;
    width: 90%;
}
.leaveForm label {
  margin-left: 5px;
}
.leaveForm textarea {
  padding-left: 10px;
  padding-top: 5px;
}
.leaveForm .button_bss {
  font-size: 17px;
  padding: 6px 15px;
  width: auto;
  margin-top: 10px;
}
.leaveForm .button_reset {
  float: right;
  font-size: 17px;
  margin-right: 10px;
  margin-top: 10px;
  padding: 8px 15px;
  width: auto;
  line-height: 19px;
}
.leaveForm .add-info{
    position: initial;
}
.leaveForm .dataTables_length, .leaveForm .dataTables_filter, .leaveForm .dataTables_paginate {
  display: none;
}
/*========================================================
                    Footer CSS Starts
===========================================================*/

footer {
    background-color: #0d0d0d;
    border-top: 1px solid #282828;
    clear: both;
    margin-top: 15px;
    padding: 15px;
}
footer img.pull-left,
footer img.pull-right {
    margin: 0 2px;
}
/*========================================================
                   bachchu
===========================================================*/

/*========================== Bill Payment Page ============================*/
.billPaymentInfo{
    background: #2C2C2C;
    color: #a0a0a0;
    padding: 25px;
    display: block;
    overflow: hidden;
    font-size: 15px;
}
.billPaymentInfo .name{
    font-weight: bold;
}
.billPaymentInfo h3{
    text-decoration: underline;
}
.billPaymentInfo > .col-xs-12 > .row{
    margin-top: 5px;
    margin-bottom: 5px;
}
.billPaymentInfo input,
.billPaymentInfo select{
    line-height: 24px;
    background: #202020;
}
.flurocentBlue{
    color: #00bae8;
}
.lightGreen{
    color: #79c200;
}
ul.listStyleTriangle{
    padding-left: 5px;
}
.listStyleTriangle li{
    list-style: none;
    background: url(images/listStyle.png) no-repeat scroll left 2px transparent;
    color: #999999;
    font: 400 12px / 18px Arial;
    margin-bottom: 5px;
    padding-left: 15px;
}
button.bill_submit{
    background: #00BAE8;
    color: #ffffff;
    border-radius: 0px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: bold;
}
@media(max-width: 767px) {

    body {
      
        padding-top:66px!important;
    }
}