/**
 *
 * Apply your custom CSS here
 *
*/

/* ****** Start: Login ********** */
.required-asteric-color { color:#F00;}
.pad-20 {
	padding: 20px;
}
.pad-30 {
	padding: 30px;
}
.pad-40 {
	padding: 40px;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* ****** End: Login ********** */

.editForm .help-block{ margin-top:0px;}

.pad-5 {
    padding: 5px;
}
.pad-10 {
    padding: 5px;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
@media (min-width: 480px) {
    .label-text-align-right {
        text-align:right;
    }
}

/* ******** Help icon color ***** */
.help-icon-theme-color {
    color: #40bbea;
}

/* ***** Pagination **** */
.pagination-margin-top{ margin-top:15px !important;}

/* ****** Colors Code ******* */
.red-color{ color:#FF0E0E;}
.green-color{ color:#00B177;}

/* ******* Report Progress bar percentage ***** */
.percentage-report-progressbar {
    margin-left: 5px;
    opacity: 1;
    z-index: 2;
    position: absolute;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
}
/* ******* Dashboard Navbar ***** */
.dashboard-navbar { background-color:#eee !important; border:1px solid #ddd !important;}
.dashboard-navbar .navbar-nav > .active > a, .dashboard-navbar .navbar-nav > .active > a:hover, .dashboard-navbar .navbar-nav > .active > a:focus { color:#FFF; background-color:#40bbea;}
.dashboard-navbar .navbar-nav > li > a { color:#000; font-weight:bold;}


/* ******* Start: Student Profile ***** */
.inner-panel .panel-heading>.panel-options .nav-tabs>li.active>a {
    color: #fff;
    background-color: #40bbea;
    padding: 9px 12px;
    border-radius: 15px;
}
.link-disabled {
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
}
.overlaymodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/pIkfp.gif') 
                50% 50% 
                no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.panel-body.loading {
    overflow: hidden;   
}
/* Anytime the body has the loading class, our
   modal element will be visible */
.panel-body.loading .overlaymodal {
    display: block;
}
/* ******* End: Student Profile ***** */

/* ******* Start: Fee Slip Student collapsible ***** */
.fee-slip-student-collapsible {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border:1px solid #ccc;
	/*-webkit-box-shadow: #B3B3B3 5px 5px 5px;
	-moz-box-shadow: #B3B3B3 5px 5px 5px; 
	box-shadow: #B3B3B3 5px 5px 5px;*/
}
/* ******* End: Fee Slip Student collapsible ***** */

/* ******* Start: School Dashboard Widgets ***** */
.dashboard-widget-text-12 { font-size:12px !important;}
.dashboard-widget-border-height-2px{ height:2px !important;}

/* ******* End: School Dashboard Widgets ***** */

/* ******* Start: User info nav bar (Fix on mobile and ipad) ***** */
.page-container .main-content .navbar.user-info-navbar {
   display: block !important;
}
/* ******* End: User info nav bar (Fix on mobile and ipad) ***** */

.hr-dotted {
  border:none;
  border-top:1px dotted #ccc;
  color:#fff;
  background-color:#fff;
  height:1px;
}
footer.main-footer .footer-text { float:none; text-align:center !important;}
.holiday-bg-color { background-color: #b5a8a8 }

/* ***** For Horizentol Menu **** */

/*.navbar.horizontal-menu .navbar-nav a { color: #ffffff !important; }*/

.navbar.horizontal-menu .navbar-nav li.active>a, .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a { color: #313437 !important; }
.navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { color: #313437 !important; }
.navbar.horizontal-menu { height: 70px !important; }


/* CSS used here will be applied after bootstrap.css */
.navbar-inner { margin-bottom: 0 !important; }
.navbar-inner > li.has-sub.hover { position: static !important; }
.navbar-inner > li.has-sub.hover .dropdown-menu-min-height {display:table; width: 100% !important; text-align: center !important; left:0 !important; right:0 !important; }
.dropdown-menu-min-height>li { display: table-cell !important; }
.dropdown-menu-min-height {min-height: 95px;}
.dropdown-menu-position-inherit { position: inherit !important; }
.dropdown-menu-position-inherit-a { color: #ffffff !important; }
.dropdown-menu-position-inherit-a:hover { background-color: #ffffff !important; }
.dropdown-menu-full-width { /*width: 99% !important;*/ }
.dropdown-menu-margins {margin: 0px 20px 10px 10px  !important;}

.dropdown-menu { border: none !important; }
/*.dropdown-menu-table{ border-right: 1px solid #ccc; height: 100%;  }*/
.dropdown-menu-table{ border-right: 1px solid #ccc; height: 100%;  }

.dropdown-menu-last-table{ height: 100%;  }
.dropdown-menu-table-td { padding: 10px; color: #40bbea; }
.dropdown-menu-table-td-a { 
    padding: 4px  !important; 
    width: 100%; 
    /*color: #035  !important;*/ 
    color: #000  !important;
    /*font-weight: bold;*/
}
.dropdown-menu-table-td-a:hover { 
    /*background: rgba(0,0,0,.06) !important; */
    /*color: #00adf0  !important;*/ 
    /*background: #40bbea !important;*/     /*Blue color*/
    background: #40bbea !important;
    color: #ffffff  !important;
}
.dropdown-menu-table-td-sub-no-content { padding: 10px; color: #035  !important; }


/* ***** Dashboard ***** */
ul#dashboard {
    list-style-type: none;
    padding: 10px;
    text-align: center;
}
ul#dashboard li {
    float: left;
    margin: 25px;
    border-radius: 25px;
    border: 3px solid #0f85b3;
    padding: 20px;
}
ul#dashboard a:link, a:visited {
    /*color: #035;*/
    /*color: #ffffff;*/
}
ul#dashboard a:hover {
    /*color: #035;*/
    color: #035 !important;
}
ul#dashboard a {
    display: block;
    text-decoration: none;
    line-height: 25px;
    width: 110px;
    height: 110px;
}
.fa-5x {
    font-size: 5em !important;
}

.disabled-option-color{
    color: #9E9E9E;
}

/*.dashboard-border-color { color: #0f85b3 !important; }*/
.dashboard-green-color { color: #0dbf47  !important; }
.dashboard-darkred-color { color: #ce1a1a  !important; }
.dashboard-blue-color { color: #1a36d2  !important; }
.dashboard-orange-color { color: #f38109fc  !important; }
.dashboard-darkyellow-color { color: #b3b010  !important; }
.dashboard-darkorange-color { color: #d87012  !important; }
.dashboard-acidgreen-color { color: #B0BF1A  !important; }
.dashboard-americanviolet-color { color: #551B8C  !important; }
.dashboard-antiquefuchsia-color { color: #915C83  !important; }
.dashboard-antiqueruby-color { color: #841B2D  !important; }
.dashboard-ateneoblue-color { color: #003A6C  !important; }
.dashboard-babypink-color { color: #F4C2C2  !important; }
.dashboard-barbiepink-color { color: #FF3988  !important; }
.dashboard-blueyonder-color { color: #5072A7  !important; }
.dashboard-boysenberry-color { color: #873260  !important; }
.dashboard-brightgreen-color { color: #66FF00  !important; }
.dashboard-brownweb-color { color: #A52A2A  !important; }
.dashboard-celadongreen-color { color: #2F847C  !important; }
.dashboard-corn-color { color: #FBEC5D  !important; }
.dashboard-crystalblue-color { color: #68A0B0  !important; }
.dashboard-darkchocolate-color { color: #490206  !important; }
.dashboard-darklemonlime-color { color: #8BBE1B  !important; }
.dashboard-darkraspberry-color { color: #872657  !important; }
.dashboard-deepviolet-color { color: #330066  !important; } 
.isDisabled {
     pointer-events: none;
     cursor: default !important;
}