/*Place your CSS code here*/
.ef-my-courses-controls .ef-control-area a{
	display:none;
}
.btn-primary{
cursor: pointer;
}
.btn,
#main-content > .tw-bg-white > div > a{
    background-color: #5cba53 !important;
    color: white !important;
    border: 1px solid transparent;
    transition: all 0.3s ease !important;
}

.btn:hover,
.btn-primary:hover{
    background-color: white !important;
  	color:black !important;
    border:1px solid #5cba53 !important; 
}
.ef-form-element .login_submit{
	width:100% !important;
}
#ef-login-index > div.ef-block-footer, .sign-slogan {
      background-color: #333333;
      color: #ffffff !important;
}
.footer {
    background-color: #333333;
    padding: 18px 0px;
    min-height: 30vh;
    box-sizing: border-box;
}

.footer-container{
   width: 65vw;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items:center ;
}

.footer-col-1  {
    max-height: 200px;
    display: flex;
    justify-content: center;
    
}

.footer-col-2 {
        justify-content: center;
        line-height: 1.3;
        width: 214px;
 		 align-items: flex-start;
}

.login_username, .login_password {
	background-color: #FFF !important;
    border: 1px solid #5cba53;
    border-radius: 10px;
    color: inherit;
    transition: border-color 0.15sease 0s, box-shadow 0.15sease 0s;
    box-shadow: none;
    font-weight: 500;
    line-height: 1.5;
    background-clip: padding-box;
    height: calc(1.5em + 0.75rem + 10px);
    width: 96%;
    overflow: visible;
    padding-left: 5px;
    padding-right: 5px;
    text-indent: 10px;
}
.input-group-addon:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  border-color: #5cba53;
}

#forgot-passwd{
	position: relative;
    color: #333333;
    opacity: 0.702;
    float: right;
    /*text-decoration: none;*/
}
.breadcrumb-x{
		background-color: #205a80;
	}
 .ef-breadcrumb li span, .ef-breadcrumb li a {
		color:#ffffff
	}
#main-content >div > div>  div.ef-block-content,
.ef-catalog-entry{
		 
		border-radius: 0 0 7px 7px !important;
	}
div.ef-block .ef-block-content {
margin-top:10px;
}

#ssui > div > .ef-block,
#main-content > div > .ef-block,
#main-content .tw-bg-white{
border: 1px solid #5cba53;
}
/* removing the all course button on login page nav bar */
#userNavBar > #ef-navigation > li{
	display:none;
}
/* user preferences button on navbar */
#userNavBar > #ef-navigation > .user-preferences{
	display: block;
}

.user-course-grid{
	margin-bottom:1px !important;
}

div.ef-block .ef-block-content{
	padding-top: 0 !important;
}

.ef-catalog-entries{
	border: 1px solid green;
}

.ef-my-courses-controls{
	display:none;
}

.border-green{
	border: 1px solid green !important;
}

#searchInputContainer > .navbar-collapse #main{
	display: none !important;
}

#ef-navbar .container .navbar-header{
max-width:300px;
}
#ef-navbar .container .navbar-header .ef-navbar-logo img{
max-width:300px;
}

input[name="report_id"],
label[for="qf_833555"] {
  display: none;
}

#ef-navbar{
  height: 83.400px !important;
}
.nav-container{
	align-items: center;
  	 height: 83.400px !important;
}
#ef-navbar .container .navbar-header .ef-navbar-logo img {
  width:500px !important;
  height:83.400px !important;
  max-width: none !important;
  max-height: none !important;
}

#ef-navbar > .container > .nav-container > .navbar-header >span {
	display: none !important;
}
/* Initial state for the link */
/* Initial state for the link */
.tw-bg-brand-primary {
    background-color: #5cba53 !important;
    border: 1px solid #5cba53 !important;
}

/* Hover effect */
.tw-bg-brand-primary:hover {
    background-color: white !important;
    border: 1px solid #5cba53;
    opacity: 0.95 !important;
    text-decoration: none !important; /* Remove underline on hover */
}

/* Target the span inside the a tag to change the text color on hover */
.tw-bg-brand-primary:hover span {
    color: black !important;  /* Ensures text color is black */
}

/* Optional: Focus state for accessibility */
.tw-bg-brand-primary:focus-visible {
    outline: 2px solid #5cba53;
    outline-offset: 2px;
}

/* Change border color to green for the input field */
.ef-filter-input {
    border-color: green !important;  /* Override the default blue border color */
}

/* Optional: Change focus border color to green as well */
.ef-filter-input:focus {
    border-color: green !important;
    outline: none; /* Optional: removes the default focus outline */
}
/* Change border color to green for the input field */
.form-control {
    border-color: green !important;  /* Override the default border color */
}

/* Optional: Change focus border color to green as well */
.form-control:focus {
    border-color: green !important;
    outline: none; /* Optional: removes the default focus outline */
}

/* Ensure the anchor tag has no border initially */
li a.pl {
    border: 1px solid transparent;  /* Transparent border initially */
    padding: 5px;  /* Optional: adds padding to make the border visible */
    display: inline-block;  /* Ensure the anchor behaves as a block-level element */
}

/* Add green border on hover/focus */
li a.pl:hover,
li a.pl:focus {
    border: 1px solid green !important;  /* Green border on hover/focus */
    outline: none !important;  /* Optional: removes default outline on focus */
}

/* Optional: Change icon color to green on hover/focus */
li a.pl:hover i,
li a.pl:focus i {
    color: green !important;  /* Icon color turns green */
}

/* Optional: Change text color to green on hover/focus */
li a.pl:hover span,
li a.pl:focus span {
    color: green !important;  /* Text color turns green */
}

.nav-pills > li.active > a {
    background-color: green !important;
    color: white !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: green !important;
    color: white !important;
}

.nav-pills > li.active > a i,
.nav-pills > li.active > a span {
    color: white !important;

}