body{
	background: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
#body3 { 
		padding-right: 0px;
	}
#body9 { 
		padding-left: 0px;
	}
.landingImg{
		height: 100% !important;
	}
.intro-padding-top
{
	padding-top: 20%;
}
.intro-back-image
{
	background-image: url("../../../images/backImage_intro.jpg");
}
.content-wrapper {
    padding-bottom: 0px !important;
}

.container {
    max-width: 90% !important; 
}

.form-select {
    font-size: 0.875rem;
    min-height: 2rem;
}

.form-control {
    font-size: 0.875rem !important;
} 
.form-control-sm { 
    font-size: 0.875rem !important;
    min-height: 2rem;
}

.back-image {
    /*background: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); */
    width: 100%;
    height:100%;
    background-size: cover;
    color: #000;
}
.error-page-top
{
	padding-top: 5%;
}
.main-panel {
  width: 100% !important;
}
.page-body-wrapper {
    padding-top: 0px !important; 
}

.horizontal-menu .top-navbar {
    font-weight: 400;
    /*background: #0B1E59;*/
    background:#FFFFFF;
    border-bottom: 1px solid #0B1E59;
	height: 100px;
}

.horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand img {
    max-width: 100%;
    height: 90px;
    margin: auto;
    vertical-align: middle;
}
.footer{
	background: #FFF;
	color: #0B1E59;
	padding: 15px 2.45rem;
	font-weight: 500;
}


.hfooter {
  background: #FFF;
  color: #0B1E59;
  padding: 15px 2.45rem;
  transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  font-size: calc(0.875rem - 0.05rem);
  font-family: Nunito, sans-serif;
  font-weight: 600;
  border-top: 6px solid #0B1E59;
}

.sidebar .nav:not(.sub-menu) {
  margin-top: 0rem; 
  
}
.form-group label {
	font-weight: bold;
    vertical-align: middle;
    margin-bottom: 0.25rem; 
}
.connectrow {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));  
}
#connectAs{
	margin-top: 10px;
	}
.text-muted{
	color: #0B1E59 !important;
}
.horizontal-menu .bottom-navbar {
	background: #2c4e86;
}
.menu-title{
	color: white;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-title, .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link i, .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-arrow {
    color: white;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
    color: #bfcfea;
    transition: color 1s ease;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-icon {
    color: white;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link i, .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
    color: #bfcfea;
    transition: color 1s ease;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-title {
    font-weight: 400;
}
.menu-arrow{
	color: white;
}
.shadow1 {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.card-light{
	background: #F8F8F8;
}
.card-dark{
	/* background: linear-gradient(to right bottom, #ebecef 0%, #f2f2f2 60%); */
	background: #ebecef;
}
.card-dark2{
	/* background: linear-gradient(to right bottom, #b5bbcd 0%, #e6e8ee 60%); */
}
.carousel-label{
	background: #000; 
	opacity: 0.70;
}
.login-card-label{
	padding: 8px;
    /* background: linear-gradient(to right bottom, #0b1e59 0%, #233469 60%); */
    background: #415f92;
}
.login-p-label{
	color: #FFFFFF; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	font-weight: 800;
}
.font-color-white{
	color: white !important;
}
.font-color-black{
	color: #000 !important;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a {
    font-weight: 500;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
    padding: 12px 10px; 
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-icon {
    padding-bottom: 5px;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu {
    top: 45px ;
}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu {
    top: 45px;
}
.btn.btn-social-icon, .wizard > .actions a.btn-social-icon, .swal2-modal .swal2-buttonswrapper .btn-social-icon.swal2-styled, .ajax-upload-dragdrop .btn-social-icon.ajax-file-upload, .fc button.btn-social-icon {
    width: 35px;
    height: 35px;
    padding: 0;
}
.btn-primary-oa {
  color: #FFFFFF;
  background-color: #29588C;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
}

.btn-primary-oa:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #4B49AC;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
}
.card {
    border-radius: 10px;
    
}
.item img {
    /* position: absolute; */
    max-height: 400px;  
} 
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #696969; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #696969; 
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
	.landingImg{
		height: 25% !important;
	}
	.modal .modal-body {
    		max-height: 450px;
    		overflow-y: auto;
	}
	.align-right{
		text-align: center;
	}
	.align-left{
		text-align: center;
	}
	.foot-flex{
		display : block;
		align-items : center;
	}
	.main-panel {
    	padding-top: 90px;
	}
	.horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a {
		color: #ffffff;
	}
	.horizontal-menu .bottom-navbar .page-navigation > .nav-item .submenu ul li a:hover {
		color: skyblue;
	}
	.text-primary, .horizontal-menu .bottom-navbar .page-navigation > .nav-item.mega-menu .submenu .category-heading, .list-wrapper .completed .remove {
    	color: skyblue !important;
	}
	#body9 { 
		height: 100vh !important; 
		padding-top: 10px;
		/*padding-left: 15px;*/
		padding-left: 0px;
		width: 100%;
	} 
	/*#sidebar{
		display:none;
	}*/
	.submenu{
		top: 0px !important;
	}
	.beta-class{
		display: none !important;
	}
	#profilNav
	{
	 display: none !important;
	}
	.intro-padding-top
	{
		padding-top: 70%;
	}
	.error-page-top
	{
		padding-top: 30%;
	}
	.sidebar-offcanvas {
    /*position: fixed;*/
    max-height: calc(100vh - 60px);
    top: 80px;
    bottom: 0;
    overflow: auto;
    right: -100%;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .sidebar-offcanvas.active {
    right: 0;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.align-right{
		text-align: center;
	}
	.align-left{
		text-align: center;
	}
	.foot-flex{
		display : flex;
		align-items : center;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.align-right{
		text-align: right;
	}
	.align-left{
		text-align: left;
	}.foot-flex{
		display : flex;
		align-items : center;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1900px) {
	.align-right{
		text-align: right;
	}
	.align-left{
		text-align: left;
	}.foot-flex{
		display : flex;
		align-items : center;
	}
	.item img {
    	max-height: 400px;  
	} 
}

/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
  .sidebar-offcanvas {
    /*position: fixed;*/
    max-height: calc(100vh - 60px);
    /*top: 60px;
    bottom: 0;*/
    overflow: auto;
    /*right: -235px;*/
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .sidebar-offcanvas.active {
    right: 0;
  }
}
.table-priority {
  color: #0B1E59;
  background-color: #fcfaf3;
}
.table-head
{
font-weight:bolder;
color: #FFFFFF;
background-color: #0B1E59;
}
.table-subhead
{
font-weight:bold;
color: #FFFFFF;
background-color: #2C4E86;
}
.mandateflg
{
	color: #FF0000;
}
.pagewrapper
{ 
	overflow: scroll;
}
.navbar-menu-wrapper {
  width: auto;
}
.ref-box {
    background: #f8f9fa;
    border-left: 5px solid #0d6efd;
    padding: 12px 15px;
    border-radius: 8px;
    font-weight: 500;
}
.ref-number {
    font-size: 18px;
    font-weight: 700;
    color: #0d6efd;
}