/**
 * @Main css for (advanced project integration ltd.)
 * @project     - advanced project integration ltd.
 * @author      - API
 * @created_by  - Jiaur Rahman
 * @created_at  - 16-10-2022
 * @modified_by -
 */

/* All fonts link here  */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

.loginForm {
    --bg-style-color: #d9d9d9;
    --bg-style-shadow: 0px 4px 60px 15px rgba(0, 0, 0, 0.15);
    --col-right: 58.33333333%;
}
.loginForm .page-style {
    position: relative;
    box-shadow: var(--bg-style-shadow);
}
@media (min-width: 992px) {
    .loginForm .page-style::after {
        content: '';
        display: block;
        position: absolute;
        width: 200%;
        height: 200%;
        background-color: var(--bg-style-color);
        top: -50%;
        right: var(--col-right);
        z-index: -10;
   }
    .loginForm .page-style::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: var(--bg-style-shadow);
        z-index: -8;
   }
}
.loginForm .page-style .auth-left {
    background-color: var(--bg-style-color);
}
#sign-in .form-control {
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 16px;
}
#dashboard.dark-mode #sign-in .form-control {
    color: var(--bs-dark) !important;
}

.loginForm input::placeholder{
    font-size: 16px;
}
.bg-gradient-secondary {
	background-color: #101224;
	background-image: linear-gradient(180deg, #101222 10%, #60616f 100%);
	background-size: cover;
}
/* .bg-gradient-secondary {
	background-color: #1a278c;
	background-image: linear-gradient(180deg, #242f86 10%, #60616f 100%);
	background-size: cover;
} */
/* .loginForm {
	--bg-style-color: #1a278c !important;
	--bg-style-shadow: 0px 4px 60px 15px rgba(0, 0, 0, 0.15);
	--col-right: 58.33333333%;
} */

.loginForm {
	--bg-style-color: #101222 !important;
	--bg-style-shadow: 0px 4px 60px 15px rgba(0, 0, 0, 0.15);
	--col-right: 58.33333333%;
}
.mt-3 {
	margin-top: 1rem !important;
	color: #fbfbfb;
}
.dashboard-text {
	font-size: 1.5rem !important;
}

.spanWidth{
    display: inline-block;
    width: 100px;
}
/* .btn.btn-primary.ms-2 {
	background: #036;
} */
.btn.btn-primary.ms-2 {
	background: #101224;
}

.paginationBttns {
    width: 100%;
    display: flex;
    list-style: none;
    justify-content: center;
    margin: 2% 0;
  }
  /* .paginationBttns a {
    border: 1px solid #aaa;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 50px;
    margin: 0 5px;
  } */
  .paginationBttns a {
    border: 1px solid #aaa;
    font-size: 18px;
    padding: 1px 16px;
    border-radius: 95px;
    margin: 0 1px;
  }
/* .manageBranch{
 background-color: #194775 !important;
 border: 1px solid #194775;

  } */
  .manageBranch{
    background-color: #101224 !important;
    border: 1px solid #101224;

     }
  .swal2-styled.swal2-confirm {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: #036 !important;
	color: #fff;
	font-size: 1em;
}
.swal2-icon.swal2-warning {
	border-color: #036 !important;
	color: #036 !important;
}

.blue-color {
    color:blue;
}

.green-color {
    color:green;
}

.teal-color {
    color:teal;
}

.yellow-color {
color:yellow;
}

.red-color {
    color:red;
}









#wrapper .nav-link span{
    padding-left: 5px !important;
}
.accordion-item{
    background-color: transparent !important;
    border: 0px !important;
}
.accordion-body{
    padding: 10px 0px !important;
    padding-left: 15px !important;
}
.accordion-body .nav-item:last-child{
    margin-bottom: 0px !important;
}
.accordion-button{
    padding-left: 1rem !important;
    padding-bottom: 0.6rem !important;
    padding-top: 0.3rem !important;
    font-size: 0.85rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0px !important;
    background-color: transparent !important;
}
.accordion-button > i{
    margin-right: 10px !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

.accordion-button:hover i {
    color: #fff !important;
}

.accordion-button:focus{
    box-shadow: none !important;
    border-color: transparent !important;
}
.accordion-button:not(.collapsed) > i{
    color: #fff !important;
}

.accordion-button::after {
    filter: brightness(0) invert(1);
    background-size: 15px !important;
    background-position: center !important;
}

.accordion {
    --bs-accordion-border-width: 0px !important;
}
.tardinesscons {
	padding: 4px !important;
}
.designationsignater {
	border-top: 1px dashed #222;
	display: inline-block;
    padding-top: 5px;
}
.deductionsalary {
	width: 100% !important;
}
.invoice-info > p{
    font-size: 14px !important;
}
.invoice-info {
    margin-top: 50px;
}
.invoice-logo{
    object-fit: contain !important;
}
.btn.btn-success.ms-1.manageBranch {
	font-size: 80% !important;
}
.btn.btn-secondary {
	font-size: 13px;
}
.btn.btn-success.manageBranch {
	font-size: 14px !important;
}
.btn.btn-secondary {
	background: #000 !important;
}
.col-md-4 {
	flex: 0 0 auto;
	width: 23.333% !important;
}

button.btn.btn.btn-primary.aliginrightdata {
    background: #000 !important;
}
.img-profile.rounded-circle {
	margin-left: 50px !important;
	height: 20px;
}
.img-profile.rounded-circle.logoutsite {
	height: 34px;
	margin-left: 49px !important;
}


.paginationActive {
    margin-left: 5px;
}

.paginationActive {
    background-color: #bfbfbf;
    border-radius: 20px;
}
.paginationActive:hover {
    background-color: #bfbfbf;
}
.paginationActive:active {
    background-color: #bfbfbf;
}


.paginationBttns li:nth-child(2) a{
    /* color: #999 !important; */
  cursor: not-allowed;
  /* opacity: 0.5; */
  text-decoration: none;
}