.login-page{
    width: 100vw;
    height: 100vh;
    background: url('../images/loginbg.jpg');
    background-size: cover;
}
.login-card-body {
    border-radius: 5px;
}
.custom-landing th{
    white-space: nowrap;
}
.sidebar-dark-primary{
    background-color: #fff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]){
    background-color: #fff;
}
.brand-text img{
    width:150px
}
.sidebar-mini .brand-image{

    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden
}
.sidebar-mini.sidebar-collapse .brand-image{
   
    -webkit-animation-name: fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible
}
 .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover  .brand-image{
    visibility: hidden
}
.error-message{
    color:#f70071;
}
.Login_error_message{
    color:#f70071;
	margin-top:5px;
	margin-bottom:15px;
}
.action{
    display: flex;
    gap:5px;
    justify-content: start;
    padding: 0;

}
.action li{
   list-style-type: none;
    
}

.sidebar-dark-primary {
    background-color: #f7f7f7 !important;
}
.active{
	background-color: #d6e6ff !important;
    color: #000000 !important;
}
.menuactive{
	color: #173a81 !important;
}
.main_menu_f{
	font-weight: 800;
	color: #173a81;
}
.main_menu_l{
	font-weight: 800;
	color: #686a6e;
}
.user-panel a:hover {
	color: #173a81 !important;
	font-weight: 800;
}
table.dataTable tbody tr.myeven{
	background-color:#f1f1f1;
}
table.dataTable tbody tr.myodd{
	background-color:#ffffff;
}
table.dataTable thead tr{
	background-color: #429296;
	color: #fff;
	font-size:13px;
}
.nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.fad, .nav-sidebar>.nav-item .nav-icon.fal, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.ion, .nav-sidebar>.nav-item .nav-icon.svg-inline--fa {
    font-size: 1rem;
}
table.dataTable .table td, .table th{
	padding:.50rem
}
.side_sub_menu_item{
	font-size: 14px;
	margin-left: 20px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #a0a4a9;
}

.style-select {
		  select {
			padding: 0;
			option {
			  padding: 4px 10px 4px 10px;
			}
			option:hover {
			  background: #EEEEEE;
			}
		  }
		}

		.add-btns {
		  padding: 0;
		  input {
			margin-top: 25px;
			width: 100%;
		  }
		}

		.selected-left {
		  float: left;
		  width: 88%;
		}

		.selected-right {
		  float: left;
		  button {
			display: block;
			margin-left: 4px;
			margin-bottom: 2px;
		  }
		}

		@media (max-width:517px) {
		  .selected-right {
			button {
			  display: inline;
			  margin-bottom: 5px;
			}
		  }
		}

		.subject-info-box-1,
		.subject-info-box-2 {
		  float: left;
		  width: 45%;
		  select {
			height: 200px;
			padding: 0;
			option {
			  padding: 4px 10px 4px 10px;
			}
			option:hover {
			  background: #EEEEEE;
			}
		  }
		}

		.subject-info-arrows {
		  float: left;
		  width: 10%;
		  input {
			width: 70%;
			margin-bottom: 5px;
		  }
		}