/*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;

}

/* DISCLAIMER MODAL STYLES */
/* ===== Overlay ===== */
/* ===== Overlay ===== */
body.fr-modal-open {
    overflow: hidden;
}

/* Overlay */
#fr-dialog-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-family: 'Montserrat', sans-serif;
}

/* Modal Surface */
#fr-dialog-surface {
    width: 900px;
	height:704px;
    max-width: 95%;
    background: #ffffff;
    border-radius: 6px;
    padding: 35px 40px 30px 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

/* Top Main Title */
.fr-title {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    margin-bottom: 25px;
}

/* Scroll Container */
.fr-content-container {
    background: #ffffff;
    border-radius: 4px;
    padding: 0px 16px;
   max-height: 470px;   
    overflow-y: auto;
    box-shadow: inset 0 0 0 1px #e5e5e5;
	/* background-color:red; */
}

/* Inner Content */
.fr-content {
    font-size: 16px;
    line-height: 1.2;
    color: #000;
}

/* Inner Heading (inside white box) */
.fr-content strong:first-child {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* Paragraph spacing */
.fr-content p {
    margin: 0 0 16px 0;
}

/* Bottom note */
.fr-bottom-note {
    font-size: 16px;
    color: #000000;
    margin: 20px 0 30px 0;
    font-family: 'Montserrat', sans-serif;
}

/* Footer buttons */
.fr-footer {
    text-align: right;
    
}

/* Buttons */
.fr-btn {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 28px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    /* letter-spacing: 0.5px; */
}

/* Cancel */
.fr-btn-secondary {
    background: #e0e0e0;
    color: #333;
    margin-right: 12px;
}

/* Agree */
.fr-btn-primary {
    background: #5cb85c;
    color: #fff;
}

/* Scrollbar styling (matches screenshot feel) */
.fr-content-container::-webkit-scrollbar {
    width: 8px;
}

.fr-content-container::-webkit-scrollbar-thumb {
    background: #5cb85c;
    border-radius: 4px;
}

.fr-inner-heading{
	/* background-color:red; */
	font-size:16px;
	margin:0;
}