/*Need to Review*/
/* Universal CSS */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* font-family: Raleway, sans-serif; */
  font-family: sans-serif;
}

body {
  background: rgb(18 110 102 / 8%);
}

/*body {
  background: linear-gradient(90deg, #C7C5F4, #776BCC);
	background: #efecf8;
}*/
:root {
  /* --theme:#7c70ce; */
  --theme: #5e56a4;
  --white: #fff;
  --Lite: #ffe484;
  --black: #000;
  --dark: #212529;
}

.footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 999;
}

.ClientMaster label,
.FinancialYearMaster label,
.GSTRateMaster label,
.ContractorMaster label,
.ContractMaster label,
.DesignationMaster label,
.UserMaster label,
.UnitMaster label,
.StateMaster label,
.ESIRateMaster label,
.ESIAreaMaster label,
.PFRateMaster label,
.ProfessionalTaxMaster label,
.SalaryFactorMaster label,
.QualificationMaster label,
.MonthlyAllowanceDeductionMaster label,
.EmployeeMaster label,
.ContractRateMaster label,
.MonthlyAttendanceModule label,
.DeductionModule label,
.EmpCategoryMaster label,
.MonthlySalaryModule label,
.Report-Form-5 label {
  margin-top: 15px;
  margin-bottom: 2px !important;
  font-weight: bold;
  font-size: 13px;
  padding: 0px;
}

:root {
  --theme: #5e56a4;
  --white: #fff;
  --Lite: #cdcbf3;
  --black: #000;
}

.CenterAll {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.btn-sm {
  height: 33px;
}

/*universal Changed Class*/
.CenterH {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.LightBg {
  background-color: #dbe3e3 !important
}

.FlexEnd {
  display: flex;
  justify-content: flex-end !important;
}

.minHite {
  min-height: calc(100vh - 75px)
}

.BtnHend {
  justify-content: flex-end;
  display: flex;
  align-items: flex-end;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.txtWhite {
  color: var(--white) !important;
}

.w100px {
  width: 100px;
}

.heading {
  color: #6c63ac;
  font-weight: bold;
  font-size: 22px;
}

.font600 {
  font-weight: 600;
}

/* .bgWhite {
    background-color: var(--bs-white);
} */
.bgWhite {
  background-color: var(--bs-white);
  border: #dadce0 solid 1px;
  -webkit-box-shadow: 0px 12px 12px -3px rgb(164 164 164);
  -moz-box-shadow: 0px 12px 12px -3px rgb(164 164 164);
  box-shadow: 0px 12px 12px -3px rgb(164 164 164);
}

.bgPrimary {
  background: var(--theme) !important;
  color: var(--white)
}

.bgLite {
  background: var(--Lite) !important;
  color: var(--black);
}

.bgSecondary {
  background: #428bca;
  color: white;
}

.bg-success {
  color: white;
}

.edit-icon {
  color: green;
}

.trash-icon {
  color: red
}

/* Universal CSS */


/* Preview CSS Start here */
#previewforms th,
#previewforms td {
  border: #000 solid 1px;
}

#previewformsOuter h4 {
  font-size: 16px;
}

#previewformsOuter h5 {
  font-size: 14px;
}


/*Navigation*/
.nav-link,
.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.navbar-brand {
  font-size: 30px;
  color: #fff;
}

a.nav-link:hover {
  color: var(--Lite);
}

.HomeMessage {
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Login CSS Start */
.screen {
  background: linear-gradient(90deg, #5D54A4, #7C78B8);
  position: relative;
  height: 600px;
  width: 360px;
  box-shadow: 0px 0px 24px #5C5696;
}

.screen__content {
  z-index: 1;
  position: relative;
  height: 100%;
}

.screen__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.screen__background__shape {
  transform: rotate(45deg);
  position: absolute;
}

.screen__background__shape1 {
  height: 520px;
  width: 520px;
  background: #FFF;
  top: -50px;
  right: 120px;
  border-radius: 0 72px 0 0;
}

.screen__background__shape2 {
  height: 220px;
  width: 220px;
  background: #6C63AC;
  top: -172px;
  right: 0;
  border-radius: 32px;
}

.screen__background__shape3 {
  height: 540px;
  width: 190px;
  background: linear-gradient(270deg, #5D54A4, #6A679E);
  top: -24px;
  right: 0;
  border-radius: 32px;
}

.screen__background__shape4 {
  height: 400px;
  width: 200px;
  background: #7E7BB9;
  top: 420px;
  right: 50px;
  border-radius: 60px;
}

.login {
  width: 320px;
  padding: 30px;
  padding-top: 156px;
}

.login__field {
  padding: 20px 0px;
  position: relative;
}

.login__icon {
  position: absolute;
  top: 30px;
  color: #7875B5;
}

.login__input {
  border: none;
  border-bottom: 2px solid #D1D1D4;
  background: none;
  padding: 10px;
  padding-left: 24px;
  font-weight: 700;
  width: 75%;
  transition: .2s;
  font-size: 16px;
}

.login__input:active,
.login__input:focus,
.login__input:hover {
  outline: none;
  border-bottom-color: #6A679E;
}

.login__submit {
  background: #fff;
  font-size: 14px;
  margin-top: 30px;
  padding: 16px 20px;
  border-radius: 26px;
  border: 1px solid #D4D3E8;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
  width: 100%;
  color: #4C489D;
  box-shadow: 0px 2px 2px #5C5696;
  cursor: pointer;
  transition: .2s;
}

.login__submit:active,
.login__submit:focus,
.login__submit:hover {
  border-color: #6A679E;
  outline: none;
}

.button__icon {
  font-size: 24px;
  margin-left: auto;
  color: #7875B5;
}

.social-login {
  position: absolute;
  height: 140px;
  width: 160px;
  text-align: center;
  bottom: 0px;
  right: 0px;
  color: #fff;
}

.social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-login__icon {
  padding: 20px 10px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0px 0px 8px #7875B5;
}

.social-login__icon:hover {
  transform: scale(1.5);
}

/* Login CSS End */
/*Add Form*/
.formHeading {
  font-weight: 600;
  font-size: 17px;
  color: #ffff;
  padding: 8px 20px;
  width: 100%;
  margin: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: linear-gradient(270deg, #5D54A4, #6A679E);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.formHeading h5 {
  font-weight: 600;
  font-size: 17px;
}

/*Table Start*/
.CustomTable.table thead tr th {
  vertical-align: middle;
  font-size: 16px;
}

table.table.CustomTable td {
  font-size: 14px;
}

.border-left {
  vertical-align: middle;
  border-left: 1px solid #dee2e6;
}

/*Table End*/
/*Excel sheet start*/
.w-15 {
  width: 15%;
}

.w-30 {
  width: 30%;
}

.w-90 {
  width: 90%;
}

.ml-20 {
  margin-left: 20% !important;
}

/*Excel Sheet end*/

/* Background and Colors*/
/*
.bgWhite {
  background-color: var(--bs-white);
}
*/
.bgWhite {
  background-color: var(--bs-white);
  border: #dadce0 solid 1px;
  -webkit-box-shadow: 0px 12px 12px -3px rgb(164 164 164);
  -moz-box-shadow: 0px 12px 12px -3px rgb(164 164 164);
  box-shadow: 0px 12px 12px -3px rgb(164 164 164);
}

.bgPrimary,
.bgPrimary1 {
  background: rgb(35 110 155) !important;
  color: var(--white);
}

/*.bgPrimary, .bgPrimary1 {
  background: var(--theme) !important;
  color: var(--white)
 }*/
/*
.bgPrimary:hover {
  background: #b5aef1 !important;
  color: black;
} */
.bgLite {
  background: transparent;
  color: var(--Lite);
  color: #000;
  border: #ffe484 solid 1px;
}

.btnBorder {
  background: transparent !important;
  border: #212529 solid 2px;
  margin-right: 10px;
}

.bgLite:hover {
  background: var(--Lite);
  color: var(--dark);
}

.bgSecondary {
  background: #428bca;
  color: white;
}

.bg-success {
  color: white;
}

.txtWhite {
  color: var(--white) !important;
}

.hoverNone:hover {
  background: transparent;
}

/* Width, Height, Font Sizes*/
.w-30 {
  width: 30px;
  height: 30px;
}

.font12 {
  font-size: 12px;
}

.minHite {
  min-height: calc(100vh - 75px)
}

.font600 {
  font-weight: 600;
}

.Hite40 {
  height: 40px;
}

.Hite36 {
  height: 36px;
}

/*Alignments*/
.CenterAll {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.CenterHV {
  display: flex;
  align-items: center;
  justify-content: center;
}

.VHend {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.Hend {
  justify-content: flex-end;
  display: flex;
}

.btn-static {
  position: fixed;
  bottom: 0;
  right: 44px;
  margin-bottom: 2%;
}

.heading {
  color: #6c63ac;
  font-weight: bold;
  font-size: 22px;
}

.list-group a {
  color: #212529;
  text-decoration: none;
}

.list-group a:hover {
  color: #000;
  text-decoration: underline;
  font-weight: 600;
}

/* Universal CSS */
/*Add Form*/
.select2 {
  line-height: 1.1;
  height: 34px;
}

.formHeading {
  font-weight: 600;
  font-size: 17px;
  color: #ffff;
  padding: 4px 20px;
  min-height: 40px;
  width: 100%;
  margin: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: rgb(0 0 0 / 71%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*.formHeading {
  font-weight: 600;
  font-size: 18px;
  color: #ffff;
  padding: 0px 20px;
  width: 100%;
  margin: auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
   background: linear-gradient(270deg, #5D54A4, #6A679E); 
  background: #5d45aa;
  display: flex;
  justify-content: space-between;
  align-items: center;
}*/
.formHeading h5 {
  font-weight: 600;
  font-size: 17px;
}

/*Table Start*/
.CustomTable.table thead tr th {
  vertical-align: middle;
  font-size: 16px;
}

table.table.CustomTable td {
  font-size: 14px;
}

.border-left {
  vertical-align: middle;
  border-left: 1px solid #dee2e6;
}

/*Table End*/
/*Excel sheet start*/
.w-15 {
  width: 15%;
}

.w-30 {
  width: 30%;
}

.w-90 {
  width: 90%;
}

.ml-20 {
  margin-left: 20% !important;
}

.pl-50 {
  padding-left: 50px;
}

/*Excel Sheet end*/
/*Unit Master CSS Start*/
.UnitMaster {
  flex-direction: column;
}

.UnitMaster label {
  margin-top: 10px;
  margin-bottom: 0px;
}

.customTable .table> :not(caption)>*>* {
  padding: 0.2rem 0.3rem;
}

.search {
  padding: 3px 20px;
  margin: 7px 0;
}

/*Unit Master End*/
@media only screen and (max-width:768px) {
  .ListPage .p-5 {
    padding: 20px !important;
  }

  .ListPage .mx-2 {
    margin: 5px 0 !important;
    ;
  }

  .mob-bottom {
    margin-top: 20px;
    order: 2;
  }
}

/*Need to Review 502*/
/*.pageInformation{
display: flex;
margin-bottom: 15px;
padding-left: 0px;
margin-top: 10px;
}*/
.pageInformation {
  margin-bottom: 15px;
  padding-left: 0px;
  width: 100%;
  margin-top: 10px;
}

.pageInformation span {
  width: auto;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
}

/*Universal CSS for table and inputbox,selectbox, Navigation start*/
.customTable td {
  font-size: 14px;
}

.customTable th {
  font-size: 15px;
}

.form-select,
.form-control {
  font-size: 14px !important;
  padding: .25rem .75rem
}

.formHeading {
  min-height: 40px;
}

.form-select {
  padding: .25rem 2.25rem .25rem .75rem;
}

.navbar {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-link {
  font-size: 16px;
}

ul.dropdown-menu.show {
  right: 0px;
  left: auto;
}

.dropdown-item {
  font-size: 15px;
}

/*Universal CSS for table and inputbox,selectbox, Navigation start*/


/*  MyProfile CSS start*/

.customField {
  border: #625e5e solid 1px;
  padding: 15px;
  position: relative;
  margin-top: 50px;
}

.customLegend {
  position: absolute;
  font-size: 22px;
  margin-top: -18px;
  background: white;
  width: auto;
  padding: 0 12px;
  top: 0;
}

.customField .form-control {
  background-color: #f7f7f7;
}

.accordion-body {
  padding: 1rem 1.25rem;
  background: #f4f4f4;
  margin: 0px;
}

.accordion-button:not(.collapsed) {
  background: #236e9b;
  color: white;
}

.accordion-button:not(.collapsed)::after {
  background-image: url('../images/common/angle-down-solid.png');
}

.lastSmalltd td:last-child,
.lastSmalltd th:last-child {
  width: 10%;
}

.lastSmalltd td,
.lastSmalltd th {
  width: 19%;
}

.lastSmalltd thead tr:first-child,
.lastSmalltd tr th:first-child {
  width: 12%;
}


/* MyProfile CSS end*/

/*Start CSS for Fixed Last column of the Table*/
.table-responsive.fixedLastColm>.table>thead>tr>th:last-child {
  text-align: right;
}

.table-responsive.fixedLastColm>.table>tbody>tr>td {
  vertical-align: middle;
}

.table-responsive.fixedLastColm>.table>tbody>tr>td:last-child {
  text-align: right;
}

.table-responsive.fixedLastColm .table {
  margin-bottom: 0;
  border-bottom: 1px solid;
}

.table>thead>tr>th {
  white-space: nowrap;
}

.table-responsive.fixedLastColm>.fixed-column {
  right: 0;
  top: 0px;
  background: #ffffff;
  position: absolute;
  display: inline-block;
  width: auto;
  border-top: 0px solid;
  border-left: 1px solid #ddd;
}

.table-responsive.fixedLastColm>.fixed-column th,
.table-responsive.fixedLastColm>.fixed-column td {
  text-align: center !important;
}

@media (max-width: 768px) {
  .table-responsive.fixedLastColm>.fixed-column {
    top: 1px;
  }

  .table-responsive.fixedLastColm>.table>tbody>tr>td {
    white-space: inherit;
  }
}

.table-responsive.fixedLastColm::-webkit-scrollbar {
  background: lightyellow;
  width: 12px;
}

.table-responsive.fixedLastColm::-webkit-scrollbar-track {
  background: whitesmoke;
}

.table-responsive.fixedLastColm::-webkit-scrollbar-thumb {
  background: gray;
}

.table-responsive.fixedLastColm:hover::-webkit-scrollbar {
  background: yellow;
}

.table-responsive.fixedLastColm {
  position: relative;
}

/*Start CSS for Fixed Last column of the Table*/

/* table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tr th:last-child {
  margin-top: 60px;
} */
.FixedColumn table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tr td:last-child,
.FixedColumn table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tr th:last-child {
  position: absolute;
  width: 6em;
  vertical-align: middle;
  top: auto;
  border: 0;
  background: white;
  margin-right: 30px;
  padding-left: 18px !important;
  right: -5px;
}

.UnitMasters.FixedColumn table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tr td:last-child,
.UnitMasters.FixedColumn table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tr th:last-child,
.ActionBtns.FixedColumn table.customTable tr td:last-child,
.ActionBtns.FixedColumn table.customTable tr th:last-child {
  right: -17px !important;
  padding-bottom: 2px;
  /*testing BottomLines*/
}

.row.UnitMaster.columnSpace {

  flex-direction: row;

}

.row.UnitMaster.columnSpace .col-md-6:nth-child(even),
.SalaryFactorMaster .col-md-6:nth-child(even) {
  padding-left: 0px;

}

.FixedColumn table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tr td:nth-last-child(2),
.FixedColumn table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tr th:nth-last-child(2) {
  padding-right: 4.5em;
}

.FixedColumn table.footable.table-hover.table.table-stripped.toggle-arrow-tiny.customTable tfoot td:last-child {
  position: relative;
  width: auto;
  vertical-align: middle;
  top: auto;
  border: 0;
  background: white;
  margin-right: 0px;
  padding-left: 0px !important;
  right: auto;
}

.btnsBtm button {
  height: 35px;
}

.nameemployee {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding-left: 5px;
}

.Hflexstart {
  justify-content: flex-start !important;
}

.borderBig {
  border-radius: 5px !important;
  box-shadow: none !important;
  border: #ddd solid 2px;
}

.Vscroll {
  overflow-y: auto;
  max-height: calc(100vh - 300px);
}

.errosize {
  position: absolute;
  bottom: -25px;
  font-size: 12px !important;
}

.errosize span.error {
  font-size: 12px;
}

.font12 {
  font-size: 12px !important;
}

@media only screen and (max-width:768px) {

  .row.UnitMaster.columnSpace .col-md-6:nth-child(even),
  .SalaryFactorMaster .col-md-6:nth-child(even) {
    padding-left: 10px;
  }

  .ListPage .p-5 {
    padding: 20px !important;
  }

  .ListPage .mx-2 {
    margin: 5px 0 !important;
    ;
  }
}

@media only screen and (min-width:768px) {
  .ofset-md1 {
    margin-left: 9%;
  }
}

.contractRates {
  flex-flow: nowrap;
}

.contractRates .contractInner {
  width: 70px;
  padding-right: 0px !important;
}

.contractRates .contractInner select {
  width: 60px;
  padding: 2px !important;
  margin-right: 10px;
}


/* ANSHU CODE START */
.frm_data form {
  display: flex;
  flex-direction: column;
}
.frm_data form .frm_grp {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.frm_data form .frm_grp input {
  margin-right: 25px;
}
.frm_data form .frm_grp label {
  margin-right: 10px;
}
.blk_bdy {
  padding: 0.5rem;
}
.frm_data {
  display: flex;
  justify-content: space-between;
}
.frm_data form .btns {
  display: flex;
}
.frm_data form .btns button {
  margin-right: 10px;
}
.vrfy_bck .btns {
  display: flex;
  margin-top: 10px;
}
.vrfy_bck .btns button {
  margin-left: 10px;
}

.label-danger {
  color: red ;
}
.label-warning {
  color: orange ;
}
.label-success {
  color: green ;
}

/* 8 MAY NASHU BHARTI */
.tble_dta {
  display: inline-grid;
  grid-template-columns: repeat(9, 80px);
  grid-gap: 0;
}
.tble_dta .tble_clm {
  display: inline-flex;
  align-items: center;
}