@nestbotics/nct_frontend_common_components/dist/assets/styles/global.css

A collection of reusable React components with theme management and styling utilities

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");


html,
body,
#root,
.app,
.content {
  height: 100vh;
  width: 100%;
  font-family: "Custom", sans-serif;
}


.app {
  display: flex;
  position: relative;
  /* overflow: hidden; */
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e0e0e0;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

div:where(.swal2-container).swal2-center>.swal2-popup{
  padding: 8px 6px;
  height: 40vh;
  background-color: #1f2a40fb;
  color:  #6c7891fb;
  font-size: 16px;
  border-radius: 34px;
}

div:where(.swal2-icon).swal2-question.swal2-icon-show{
  font-size: x-large;
}

:where(.css-dev-only-do-not-override-5wsri9).ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title{
  padding-inline: calc(50% - 4px - 4px) !important;
}

div:where(.swal2-container) h2:where(.swal2-title){
  padding:  0 !important;
}

.swal2-icon {
  margin: 1.5em auto .6em !important;
}

.swal2-container {
  margin: 0;
}

.swal2-actions{
  margin-bottom: 10px;
  gap: 5px;
}

 /* If wanted to remove box shadow in focus - sweetalert2 */

 div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{
    box-shadow: none !important;
 } 


 .css-kx6lt2-MuiButtonBase-root-MuiButton-root:hover:hover{
  background-color: #624294 !important;
 } 

 .style:hover{
  background-color: #624294 !important;
 }


 .konvajs-content > canvas {
  height: 100% !important;
  width: 100% !important;
 }

 .react-transform-component {
  cursor: move; /* Set cursor type for panning */
}

.MuiDialogTitle-root+.css-8g7upy-MuiDialogContent-root, .MuiDialogTitle-root+.css-tjg29y-MuiDialogContent-root, .MuiDialogTitle-root+.css-1omsvnl-MuiDialogContent-root {
  padding-top: 8px !important;
}


.css-1qxadfk-MuiPaper-root-MuiDialog-paper {
  border: 2px solid black;
  border-radius: 12px !important;
} 


.css-1omsvnl-MuiDialogContent-root{
  gap: 18px !important
}

/* Adding scrollbar to map image */

.transform-component-module_wrapper__SPB86{
  overflow: scroll !important;
  scroll-behavior: smooth !important;
}



   /* Button Styling */

   .buttonstyle {
    text-transform: none !important;
    font-size: 15px !important;
    padding: 4px 14px !important;
   }


  /* Rowperpage  */
  .css-bvbdia-MuiTablePagination-root .MuiTablePagination-selectLabel,.css-wywq3z-MuiSelect-select-MuiInputBase-input.css-wywq3z-MuiSelect-select-MuiInputBase-input.css-wywq3z-MuiSelect-select-MuiInputBase-input, .css-wywq3z-MuiSelect-select-MuiInputBase-input.css-wywq3z-MuiSelect-select-MuiInputBase-input.css-wywq3z-MuiSelect-select-MuiInputBase-input{
    font-size: 14px !important;
  }
  
  .css-wywq3z-MuiSelect-select-MuiInputBase-input.css-wywq3z-MuiSelect-select-MuiInputBase-input.css-wywq3z-MuiSelect-select-MuiInputBase-input {
    padding-top: 7px !important;
  }

.transform-component-module_content__FBWxo{
   transform: translateY(5px);
}

.css-1vle4pf-MuiFormLabel-root-MuiInputLabel-root {
  top: -5px !important;
}

ul .css-6hp17o-MuiList-root-MuiMenu-list {
  background-color: red !important;
}


 /* List height styling */
 .css-6hp17o-MuiList-root-MuiMenu-list, .css-r8u8y9, .css-99wn1p-MuiList-root-MuiMenu-list {
  height: 150px !important;
}

.search-input:focus {
  outline: none;
  box-shadow: none;
}

.resizer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  cursor: col-resize;
  user-select: none;
}


.isResizing {
  background-color: #000;
}


.css-t89xny-MuiDataGrid-columnHeaderTitle{
  font-size: 18px
}


.MuiDataGrid-columnHeaderTitle{
  font-weight: 600 !important;
}


   /* antd */

   .ant-picker-panel-container{
    position: relative;
    left: -130px;
   }

   .MuiBox-root:focus-visible {
    outline: none !important;
    box-shadow: none !important;
   }

   .css-z3c6am-MuiFormControl-root-MuiTextField-root{
    width: 100%;
    /* background-color: white; */
   }
   
   .css-165mck1{
    width: 100%;
   }

   .css-1nqzs65-MuiInputBase-root-MuiOutlinedInput-root{
    height:100%
  }

  .MuiMenu-paper {
    max-height: '120px !important';
    overflow-y:  'auto' !important;
  }

  .css-r8u8y9{
    /* height: '115px !important'; */
    /* overflow-y: scroll !important;; */
  }

  .css-6hp17o-MuiList-root-MuiMenu-list{
    /* height: '74px !important'; */
  }


  /* Search bar toggle */

  /* .search-container {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .search-icon {
    font-size: 1.5rem;
    cursor: pointer;
  } */
  
  .css-1d4j6vf{
    height: 100%;
  }

  .css-1nqzs65-MuiInputBase-root-MuiOutlinedInput-root{
    height: 43px,
  }

  .css-1b9mdof-MuiFormLabel-root-MuiInputLabel-root{
    top: -4px
  }

  .css-iiujvs-MuiInputBase-root-MuiOutlinedInput-root{
    height: 48px,
  }

  /* .css-1gdf5vo{
    margin-top: 6px
  }

  .css-iiujvs-MuiInputBase-root-MuiOutlinedInput-root {
    height: 100%,
  }
  .css-1ptyyyq-MuiFormLabel-root-MuiInputLabel-root {
    top: -4px,
  }
.css-1b9mdof-MuiFormLabel-root-MuiInputLabel-root{
    top: -4px,
  }
  .MuiOutlinedInput-notchedOutline{
    height: 96%
 }
 .css-nqlg3w {
   height: 96%
 }

 .css-iiujvs-MuiInputBase-root-MuiOutlinedInput-root {
  height: 100%,
}
.css-iiujvs-MuiInputBase-root-MuiOutlinedInput-root {
  height: 100%,
}
 .css-1ptyyyq-MuiFormLabel-root-MuiInputLabel-root {
  top: -4px,
}
.css-1b9mdof-MuiFormLabel-root-MuiInputLabel-root {
  top: -4px,
}
.MuiOutlinedInput-notchedOutline{
  height: 96%
}
.css-nqlg3w{
 height: 96%
} */

.css-1d4j6vf{
  height: 100%;
}

.css-l557ve{
  flex-direction: row !important;
}
.css-1d4j6vf{
  flex-grow: 1 !important;
}

.css-1gdf5vo {
  width: 22% !important
}

.css-1b9mdof-MuiFormLabel-root-MuiInputLabel-root{
  top: -4px !important
}

 .css-1ptyyyq-MuiFormLabel-root-MuiInputLabel-root, .css-1b9mdof-MuiFormLabel-root-MuiInputLabel-root {
  top: -4px !important
}
 


/* sidebar */

.css-1k7skie-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root .css-yf8vq0-MuiSelect-nativeInput, .MuiSelect-nativeInput{
  opacity: 0 !important;
}

.react-datepicker__input-container > div {
  border-color: rgb(75 85 99);
}


.css-ume8vi-MuiInputBase-input-MuiInput-input{
 text-align: center;
}

/* customPhoneInput.css */


.react-tel-input .country-list .country:hover, .react-tel-input .selected-flag:hover, .react-tel-input .selected-flag:focus, .react-tel-input .flag-dropdown.open .selected-flag, .react-tel-input .country-list .country.highlight  {
  background-color: #616161 !important;
}

.data-grid-header-cell {
  white-space: nowrap; /* Prevents text from wrapping */
  overflow: none; /* Hides overflow text */
  text-overflow: ellipsis; /* Adds ellipsis for overflow text */
}

.css-gcbpwl{
  padding-right: 0px !important;
}