/* body {
	background-image: url("../images/logo.png")!important;
	background-size: 350px 350px;
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
} */

body {
    font-family: "Arial";
    background-image: url('../img/bg.jpg');
    background-position: center;

}


.btn-sm-custom, .btn-group-sm-custom>.btn {
    padding: 0.2rem 0.2rem;
    font-size: 0.7rem;
    line-height: 1;
    border-radius: 0;
}

label, .input-group-text {
	    background: #325D88!important;
	    color: #fff!important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #039015;
    border-color: rgba(0,0,0,0.1);
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    background-color: #027110;
    color: #333;
}


.nav-tabs .nav-link, .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:hover, .nav-tabs .nav-link.disabled:focus {
    border-color: rgba(0,0,0,0.1);
    background-color: #fff;
    color: #039015;
}

input.form-control, select.custom-select {
	background-color: #dfefff;
}


.btn-success {
    color: #fff;
    background-color: #039015;
    border-color: #43ac6a;
}

.btn-success:hover {
    background-color: #027110;
    color: #333;
    border-color: #358753;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #358753;
    border-color: #317e4e;
}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}

.input-grade-focus {
    background: #325D88!important;
    color: #fff!important;
}

.input-grade {
    height: 1.5rem;
}

.title {
color: #325d88;
text-shadow: 0 3px 0 #dfefff, 0 14px 10px rgba(0,0,0,0.15), 0 6px 1px rgba(0,0,0,0.1), 0 17px 15px rgba(0,0,0,0.1);
}

  .campus-title {
color: #db8804;
text-shadow: 0 3px 0 #f8e4be, 0 14px 10px rgba(0,0,0,0.15), 0 6px 1px rgba(0,0,0,0.1), 0 17px 15px rgba(0,0,0,0.1);

}


.ls_container {
    width: 100%;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
}