/* @import 'ag-grid-community/styles/ag-grid.css';
@import 'ag-grid-community/styles/ag-theme-alpine.css'; */
/*
@import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-balham.css"; */

/* @import url('../../../node_modules/ag-grid-community/styles/ag-grid.css');
@import url('../../../node_modules/g-grid-community/dist/styles/ag-theme-balham.css'); */

html, body {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  /* font-family: 'Gotham'!important; */
}
/* @font-face {
  font-family: 'Gotham';
  src: url(../fonts/FONTS_2);
} */
.tab-content>.active{
  background-color: transparent;
  box-shadow: 0px 0px 30px 5px #88888836;
  padding: 20px;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-color: #A7B1D1!important;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: #A7B1D1!important;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #A7B1D1!important;
}
.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  min-height: 45px!important;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch{
  border-right-width: inherit!important;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 22px!important;}
  .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input{
    /* padding: 10px 0px; */
    font-size: 14px;
  color: #000;
  font-weight: 500;
  }
  .mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label{
    font-size: 14px;
  }
  
  @media (min-width: 1440px) and (max-width: 1920px) {
  
  .admin-login-page{
    border-radius: 5px;
    height: auto;
    width: 77% !important;
    margin: auto;
    padding: 108px 0 !important;
}
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .admin-login-page {
    border-radius: 5px;
    height: auto;
    width: 82% !important;
    margin: auto;
    padding: 124px 0 !important;
}
}
@media (min-width: 767px) and (max-width: 1024px) {
  .admin-login-page {
    border-radius: 5px;
    height: auto;
    width: 100% !important;
    margin: auto;
    padding: 98px 0 !important;
}
}


@media (min-width: 520px) and (max-width: 768px) {
  .admin-logins {
    padding: 20px 30px !important;
  }
  .displayFlex {
    padding: 118px 0 !important;
  }
  .login-form {
    padding: 90px 26px !important;
  }
  .ikooAdmin {
    font-size: 25px !important;
    line-height: 40px !important;
}
.otpInputs {
  gap: 8px !important;
}
.otpInputs input {
  height: 32px !important;
  width: 43px !important;
}
}


@media (min-width: 320px) and (max-width: 767px) {
  .admin-logins {
    padding: 120px 15px !important;
  }
  .logo img {
    max-height: 26px !important;
}
.logo {
  width: 22% !important;
  padding: 6px 0px !important;
  background-color: #00aaed30;
  text-align: center;
}
  .displayFlex{
    padding: 25px 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.logoImg1 img {
  width: 115px !important;;
}
.logoImg img {
  width: 115px !important;
  margin-top: 0px !important;
}
.login-form {
  background-color: #ffffffcc;
  height: 100%;
  padding: 20px 20px !important;
  border-radius: 20px !important;
  margin: 37px 20px 30px 20px !important;
}
.admin-login-page{
  padding: 10px!important;
  width: 100% !important;
}
.admin-login{
  padding: 20px 20px!important;
}
.ikooAdmin {
  font-size: 20px !important;
  line-height: 37px !important;
}
.welcomeText{
  font-size: 16px !important;
  font-weight: 500;
}
.otpInputs input {
  height: 26px !important;
  width: 30px !important;
}
.otpInputs {
  gap: 7px !important;
}

}

  @media (min-width: 450px) and (max-width: 959px) {
    .admin-login{
        height: inherit!important;}
        .admin-login-page{
            height: inherit!important;
        }
}
@media (min-width: 320px) and (max-width: 615px) { 
}
   
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{
  border-color: #002e6b!important;
  background-color: #002e6b!important;
}
.mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple {
  background-color: transparent!important;
}
.mat-mdc-checkbox-ripple{
display: none!important;
}
.mdc-form-field>label{
  margin-bottom: inherit;
}
.mdc-checkbox:hover .mdc-checkbox__ripple{
  background-color: transparent!important;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: #002e6b!important;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
border-color:  #002e6b!important;
}
.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element{
background-color: transparent!important;
}
.top-nav-dropdown_area{
  display: flex;
  justify-content: space-between;
  width: 82%;
  align-items: center;
}
.page-header{
  font-size: 16px;
  color: #009fe3;
  font-weight: 500;
  padding-bottom: 7px;
  border-bottom: 1px solid #00aaed47;
}
.mat-mdc-form-field-subscript-wrapper{display: none;}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above{
color: #00aaed!important;
}
/* .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{
border: 1px solid #c5e0f9;
border-radius: 4px;
} */
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
border-bottom: none;
}
.mdc-line-ripple::before{
border-bottom: none!important;
}
.mat-mdc-form-field-focus-overlay{
background-color: transparent!important;
}
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{
border-bottom: none;
}
.top-nav-dropdown .dropdown-container span{
text-decoration: none;
font-size: 14px;
color: #000;
display: block;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
border-bottom: 1px solid #c5e0f9;
padding: 15px 8px 15px 16px;
}
.top-nav-dropdown .dropdown-container span mat-icon{
position: relative;
top: 8px;
margin-right: 5px;
}
.top-nav-dropdown .dropdown-container {
position: absolute;
background-color: #fff;
padding: 10px;
border-radius: 4px;
box-shadow: 0px 0px 30px 5px #88888836;
width: auto;}
.top-nav-dropdown .dropdown-container span img{
  max-height: 20px;
  margin-right: 10px;
}
.top-nav-dropdown .dropdown-container span .mat-icon{
color: #00aaed;
}
.blue-button {
  background-color: #002e6b;
  color: #fff;
  font-size: 14px;
  padding: 10px 40px;
  border: none;
  border-radius: 8px;
  /* box-shadow: 0px 5px 10px 2px #f5822094; */
  cursor: pointer;
}
.Tabs-button {
padding: 10px 15px;
border-radius: 8px;
color: #00aaed;
font-weight: 500;
font-size: 14px;
text-align: center;
background-color: transparent;
border: 2px solid #00aaed;
margin-top: 10px;
}
.Tabs-button-active {
background-color: #f58220;
border: none;
color: #fff;
}
button:focus{
outline: none;
}
button:disabled{
border:2px solid #A7B1D1;
color: #A7B1D1;
}
.ag-theme-alpine .ag-header{
background-color: #ffffff;
}
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover {
  background-color: #00aaed !important;
  color: #fff;
}
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover{
background-color: #00aaed!important;
color: #fff;
}
.blue-header {
font-size: 14px;
color: #002e6b;
font-weight: 500;
}
.blue-header h3 {
  font-size: 13px  !important;
color: #000;
font-weight: 500 !important;
margin-bottom: 0 !important;
}
.blue-para p {
  font-size: 13px !important;
color: #555555 !important;
font-weight: 400;
margin-bottom: 0 !important;
}
.sky-blue-header {
color: #00AAED;
font-size: 16px;
font-weight: 700;
}
.sky-blue-header h3{
  color: #00AAED;
  font-size: 16px;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}
.textButtond {
  border-bottom: 1px solid #00aaed47;
  padding-bottom: 5px;
}
.heading_neo {
  width: 100%;
  padding: 7px 10px;
  background-color: #00AAED;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 0 !important;
}
.heading_neo h3 {
  margin-bottom: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 28px !important;
}

.form_sePo {
  padding: 10px 20px;
  width: 100%;
  float: left;
  background-color: #fff;
  box-shadow: 1px 1px 12px 1px #d1d1d1;
}
/* .divider {
border-bottom: 1px solid #002e6b;
} */
.inner-background {
  box-shadow: -3px 1px 18px 0px #c8c8c8;
  border-radius: 8px;
  height: auto;
  padding: 20px 20px;
  border: 1px solid #a7b1d142;
  margin-bottom: 20px;
  background-color: #fff;
}
.cancel-button{
  background-color: #f58220;
  color: #fff;
  font-size: 13px;
  padding: 5px 22px;
  border: none;
  line-height: 21px;
  border-radius: 5px;
  height: 32px;
}
textarea{
border: 1px solid #A7B1D1;
  border-radius: 4px;
  background-color: transparent;
  height: 80px;
}
.text-in-two-line span{
overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  white-space: normal;
  line-height: 17px;
  text-align: left;
  word-break: break-word;
  font-size: 12px;
}
.ag-ltr .ag-cell {
  font-size: 13px;
  display: flex;
    align-items: center;
}
.btnActionBox{
  display: flex;
    align-items: center;
}
.dot-after-oneline{
  overflow: hidden!important;
    text-overflow: ellipsis!important;
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1!important;
    white-space: normal!important;
    line-height: 17px!important;
    text-align: left!important;
    word-break: break-word!important;
}
.ag-group-doted-text .ag-group-value{
  overflow: hidden!important;
    text-overflow: ellipsis!important;
    -webkit-box-orient: vertical!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1!important;
    white-space: normal!important;
    text-align: left!important;
    word-break: break-word!important;
}