/* main header */
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin1], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin1] {
    background: rgba(21.958333924412727, 36.33753374218941, 42.5000012665987, 1) !important;
}

/* header left */
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin1], #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin1] {
    background: rgba(21.958333924412727, 36.33753374218941, 42.5000012665987, 1) !important;
}

/* menu selected */
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    color: #fff;
    background-color: #FDc058;
}

.page-titles .text-themecolor {
    color: #904709;
}

a {
    color: #cd820f;
    text-decoration: none;
}


.pagination li {
    padding: 10px;
}

.pagination li:first-child {
    margin-left: 0;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

.pagination li:last-child {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.pagination li.active {
    z-index: 3;
    color: #fff;
    background-color: #1e88e5;
    border-color: #1e88e5;
}

.pagination li.active a {
    z-index: 2;
    color: #fff !important;
}

.pagination li.disabled {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.left-part {
    width: 200px !important;
}

.right-part {
    margin-left: 200px !important;
    width: calc(100% - 200px) !important;
}

.circle-image {
    display: block;
    border-radius: 50%;
    object-fit: cover; /* make sure the image fills the circle */
}

body {
    background-color:rgba(21.958333924412727, 36.33753374218941, 42.5000012665987, 1);
}

.mainbox {
	background-color: rgba(21.958333924412727, 36.33753374218941, 42.5000012665987, 1);
	width: 100%;
	max-width: 1592px; /* Maximum width */
	min-height: 600px;
	margin: 0 auto; /* Center align horizontally */
	display: flex; /* Enables flexbox layout */
    flex-direction: column;
	justify-content: center; /* Center align horizontally inside the container */
	align-items: center; /* Center align vertically inside the container */
    position: relative;
}

.powered_by {
    display: block;
	opacity:0.5;
	width:100px;
	height:75px;
    position: absolute;
    bottom: 50px;
}

.pass {
    height: 66px;
    width: 336px;
}

.logo { 
	width:300px;
	height:228px;
	top:150px;
    position: absolute;
    display: block;
    
}

.forgot {
    text-align: left;
}

.form-login {
    padding-top: 100px;
}