/***overwrites ****/

.dataTables_wrapper .dataTables_info {
    background-color: transparent !important;
    color: #333 !important;
}

.status-badge-dark {
    background-color: #aaa;
}
.status-badge-dark .h4{
    background-color: #666;
}
.health-status-block {
    margin: 5px 0;
    border-radius: 4px;
    color: #fff;
}

.health-status-block .h4{
	margin-top: 0;
	margin-bottom: 0;
	padding:10px;
    font-size: 18px;
    border-radius: 4px 0 0 4px;
} 
.health-status-block .p{
	margin-top: 0;
	margin-bottom: 0;
	padding:15px 10px;
    border-radius: 0 4px 4px 0;
	font-size: 14px;
}

.pl-0{
    padding-left:0 !important;
}
.pr-0{
    padding-right:0 !important;
}
table.dataTable tbody tr td form.seoeditform,table.dataTable tbody tr.seoedit, .seoedit{
    background:#f3f3f3 !important;
}
.d-none{
    display:none !important;
}

/** END OVERWRITES**/






*{
    box-sizing: border-box; 
}

html,body{
    padding:0;
    margin:0;
    height:100%;
    color:#333;
}

p{
    font-size:14px;
    margin:8px 0 15px;
}
h1,h2,h3,h4{
    font-weight:700;
}
h1{
    font-size:30px;
}
h2{
    font-size:26px;
}
h3{
    font-size:22px;
}
h4{
    font-size:18px;
    text-transform:uppercase;
}
h5{
    font-size:16px;
}
h6{
    font-size:14px;
}


.input-group{
  margin-top:8px;
  margin-bottom:8px;
  border-radius:0;
}
/*
.input-group-addon,.input-group-text {
    padding: 8px;
    font-size: 14px;
    border-radius:0;
}

input,.form-control {
  padding: 4px 8px;
  font-size: 14px;
  border: 1px solid #aaaaaa;
  border-radius:0;
  background-color: #fff;
  height:32px;
}
*/
select {
  padding: 4px 8px;
  width: 100%;
  font-size: 14px;
  border: 1px solid #aaaaaa;
  border-radius:0;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-label {
    margin-bottom: 0.3rem;
}




#landing-page{
  background: url('../imgs/bgs/graduation.jpg') no-repeat center bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;    
}
#login-page{
  /*padding-top:25px; 
  padding-bottom:25px;*/
  padding:0;
  margin:0;
  background: url('') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#login-page p{
    font-size:15px;
    margin:5px 0;
}
#login-page-left {
    text-align:center;
    color:#fff;
	padding: 15px 30px;
}
#login-page-right {
	padding: 15px 30px;
}

#login-logo{
    width:200px;
    max-width:90%;
    background-color:#fff;
    border: #2e6da4 1px dotted;
    /*border-radius:50%;*/
    padding:5px;
}
#main-logo{
    width:80px;
    max-width:90%;
    background-color:#fff;
    border: #23a74c 1px solid;
    border-radius:50%;
    padding:5px;
}
#header-logo{
    width:60px;
    max-width:90%;
    background-color:#fff;
    border: #2e6da4 1px solid;
    border-radius:50%;
    padding:5px;
}
#login-page-left-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

#register_form,#login_form,#resetpw_form,#loggedin_form,.alert{
  margin: 10px auto;
  padding: 10px 20px 15px;
  width: 99%;  
}
/* Style the form */
#register_form,#login_form,#resetpw_form,#loggedin_form {
  background-color: #e9e9e9;
  border-radius:10px;
}

#butlogin, #butresetpw,#butrelogin{
  padding: 7px;
  width: 100%;
  font-size: 15px;
  border: 1px solid #aaaaaa;
  margin:6px auto 12px;
}
/*
#landing-page .input-group{
  margin-top:6px;
  margin-bottom:6px;
}
#landing-page .input-group-addon {
    padding: 7px 12px;
    font-size: 16px;
}*/
/* Style the input fields *
#landing-page .form-control {
  padding: 7px;
  font-size: 16px;
  border: 1px solid #aaaaaa;
  background-color: #fff;
  height:40px;
}*/

/* Mark input boxes that gets an error on validation: */
input.invalid {
  /*background-color: #ffdddd;*/
}
#landing-page select {
  padding: 7px;
  width: 100%;
  font-size: 15px;
  border: 1px solid #aaaaaa;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 21px;
  width: 21px;
  margin: 0 2px;
  background-color: #333;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
  color:#fff;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04BB6D;
}

#main{
    background:#efefef;
}

#main-header{
    border-bottom:1px #fff solid;
}

.main-heading{
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
    font-weight:700;
    margin-top:5px;
    margin-bottom:5px;
}
.header-left,.header-center,.header-right{
    padding:3px 10px;
    text-align:center;
}
#logo-area{
    text-align:center;
    background:#ddd;
    padding:8px 10px;
}
#logo-area h4{
    font-size:14px;
    font-weight: 700;
    text-transform:uppercase;
}
.main-page{
  min-height:500px;
}
#main-left{
    border-right:#ccc 1px solid;
    background:#fefefe;
    min-height:100%;
}
#main-right{
    min-height:100%;
    padding:10px 20px;
}
#main-content h2{
    color:#23a74c;
    text-transform:uppercase;
    font-size:17px;
    font-weight:600;
    margin-top:0;
    margin-bottom:10px;
    padding:10px;
    border:#ccc 1px solid;
    background:#fefefe;
}
#main-content h3{
    color:#1d259c;
    text-transform:uppercase;
    font-style: italic;
    font-size:15px;
    font-weight:600;
    margin-top:10px;
    margin-bottom:5px;
    padding:10px;
    border:#ccc 1px solid;
    background:#fefefe;
}
#footer{
    text-align:center;
    font-size:12px;
    padding:8px 10px;
    border-top:#ccc 1px solid;
    background:#ddd;
}
.side-menu,#side-menu-area{
    margin:0;
    padding:0;
}
.side-menu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.side-menu li{
    width:100%;
    text-align:left !important;
    font-size:13px;
    margin:0;
    padding:0;
    text-transform: uppercase;
    font-weight: 400;
}
.side-menu li ul,.side-menu li ul li ul{
    padding-left:15px ;
    padding-right: 15px;
}
.side-menu li ul li, .side-menu li ul li ul li{
    width:100%;
    text-align:left !important;
    font-size:13px;
    margin:0;
    padding:0;
    text-transform: capitalize;
    font-weight: 400;
   /* border-bottom:#ddd 1px solid;*/
}
.side-menu a{
    display: block;
    width:100%;
    text-decoration: none;
    color: #efefef;
    padding: 5px 10px;
   /* border-bottom:#ddd 1px solid;*/
}
.side-menu li a:hover,.header-nav ul li ul li:hover{
   background:#23a74c;
}
.main-nav{
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin:0 10px;
    padding:0;
}
.main-nav a{
    text-decoration: none;
}
.main-nav div ul li{
    text-transform: uppercase;
    display: inline-block !important;
	font-size: 13px !important;
}
.main-nav ul li ul{
    position: absolute;
    right: 0;
    margin:0;
    padding: 0;    
    border-top:#ddd 1px solid;
}
.main-nav ul li ul li{
    /*position: relative;*/
    display: block;
    border-bottom:#ddd 1px solid;
    text-transform:capitalize;
    width:100%;
    text-align:left;
    margin:0;
    cursor:pointer;
}
.main-nav .header-name{
    text-transform:capitalize;
    font-weight:700;
}
.header-nav{
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin:0 10px;
    padding:0;
}
.header-nav ul li ul li{
    border-bottom:#ddd 1px solid;
    width:100%;
    text-align:left;
    font-size:13px;
    margin:0;
    padding:6px 15px;
    cursor:pointer;
}
.header-nav .header-name{
    text-transform:capitalize;
    font-weight:700;
}
#navbarDropdown{
    color:#fff;
    font-size:14px;
}
.header-nav ul li ul{
    position: absolute !important;
    right: 0 !important;
    margin:0;
}
.mega-menu{
    width: 100%;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
#btn-history,#btn-apply-now,#btn-admission-history{
    margin:5px 3px;
    text-transform:uppercase;
    border:1px #fff solid;
    border-radius:0;
    color:#fff;
    background:transparent;
}
#btn-history:hover,#btn-apply-now:hover,#btn-admission-history:hover{
    background:#fff;
    color:#23a74c;
}
.btn-success {
    color: #fff;
    background-color: #23a74c;
    border-color: #23a74c;
}
button,input,select,textarea,option,radio{
    box-shadow:none !important;
}
.button{ 
    border-radius:5px !important;
}
.save-button{
	padding:5px 10px;
}
.bg-success {
    background-color: #23a74c;
}
.btn-success,.btn-primary,.btn-secondary{
    text-transform:uppercase;
    border:1px #fff solid;
}
.content{
    font-size:14px;
    font-weight:400;
    margin-top:20px;
    margin-bottom:20px;
    padding:10px;
    border:#ccc 1px solid;
    background:#fefefe;
}
.text-success{
    color: #23a74c;
}
.title{
     font-size:17px;
     font-weight:600;
     border-bottom:#ddd 1px solid;
     margin-bottom:15px;
     padding-bottom:8px;
}
.accordion-item {
    border:none !important;
}
.accordion-collapse,.accordion-item{
    border-radius:0 !important;
}
.accordion-body{
    padding:0 !important;
}
.accordion-button{
    border-radius:0 !important;
    border:#ccc 1px solid !important;
    margin:0 !important;
    padding:10px !important;
    font-size:14px;
    background-color:#e7f1ff !important;
    cursor:pointer;
}
#collapseOne{
    margin-top:0;
    border-top:0;
}
.apply-area{
    padding-top:12px;
    padding-bottom:12px;
}
#apply-menu-area{
    background:#fefefe;
    text-transform:uppercase;
    border:1px #ccc solid;
    min-height:100%;
}
#apply-left{
    min-height:100%;
}
#apply-right{
    min-height:100%;
}
#apply-content{
    background:#fefefe;
    border:1px #ccc solid;
    min-height:100%;
}
#apply-content h2{
    border-width: 1px 0;
}
#apply-content .content{
    border-width: 0 0 1px 0;
    margin-top:0;
    margin-bottom:0px;
    padding:15px 10px;
}
.form-sections-head,.form-sections-head:hover,.form-sections-head:focus{
    background:#333 !important;
    text-transform:uppercase;
    color:#fff !important;
    font-size:14px !important;
    cursor:default !important;
}

#programme-choice-tab,
#address-tab,
#olevel-info-tab,
#alevel-info-tab,
#diploma-info-tab,
#bachelors-info-tab,
#masters-info-tab,
#referees-tab,
#attachments-tab, #submit-tab{
    display:none;
}