/*  ############################### Saumya start Here ############################### */
body {padding: 0 !important; margin: 0 !important; }

/* ############################## Listing CSS Starts Here  ########################### */

.container lib-listing {
  margin: 50px !important;
}


.loader .mat-progress-spinner circle, .mat-spinner circle {
    stroke: #be0016 !important;
}

.timeModal{
    background-color: #000000 !important;
    color: #ffffff !important;
}

.timeModal .mat-button{
    background-color: #be0016;
    color: white;
}

.timeModal .content{
    background-color: #000000 !important;
}

.timeModal .subtitle{
    color: white !important;
}

.timeModal .timeLogs:nth-child(even){
    background-color: #3a3e3f !important;
    color: #ffffff !important;
    text-align: center !important;
}

.timeModal .timeLogs:nth-child(odd){
    background-color: #1e2020 !important;
    color: #ffffff !important;
    text-align: center !important;

}

.timeModal .mat-dialog-actions button{
    margin: 0 auto !important;
}

.mat-dialog-content::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  .mat-dialog-content::-webkit-scrollbar-track {
    box-shadow: none!important; 
    border-radius: 10px !important;
  }
   
  /* Handle */
  .mat-dialog-content::-webkit-scrollbar-thumb {
    background: red !important; 
    border-radius: 10px !important;
  }
  
  /* Handle on hover */
  .mat-dialog-content::-webkit-scrollbar-thumb:hover {
    background: #b30000 !important; 
  }


.mat-dialog-container{
    background-color: #1e1c1c !important;
    color: #ffffff !important;
}






  

/* ###### Search Box Here ##########*/
/* .container lib-listing .togglesearchcls{
    box-shadow: 0px !important;
    padding: 0px !important;
    border-radius: 5px !important;
}

.container lib-listing .togglesearchcls .searchbar {
    padding: 5px !important;
    border: 1px solid #d1d1d1 !important;
    display:  flex !important;
    flex-direction:  row !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
    flex-wrap : wrap !important;
}

.container lib-listing .searchbtncls{
    display: flex !important;
    padding: 0 !important;
    width: auto !important;

}

.container lib-listing .buttonSearchDatacls_div{
    display: none !important;
}

.container lib-listing .buttonsearch_div{
    display: none !important;
}

.container lib-listing .CustomButtonListen_div{
    display: none !important;
}


.container lib-listing .searchbar .mat-form-field-wrapper{
    padding: 5px !important;
    border: 2px solid #000 !important;
    margin: 5px !important;

}

.container lib-listing .searchbar .mat-form-field-underline{
   display: none !important;
} */

.timeModal {min-width: 400px !important; box-shadow: none !important; padding: 0 !important;}
.timeModal .content {box-shadow: none !important;}
.timeModal .content .timeLogs {width: auto !important; margin: 10px !important;}
.timeModal .subtitle{text-align: center; margin: 5px;  padding: 23px;}
.container lib-listing .tablewrapper .mat-column-fullname .yel_flag{ width: 4px; height: 18px; background: rgb(198, 146, 3); display: block; margin: 3px;}
.container lib-listing .tablewrapper .mat-column-fullname .red_flag{ width: 4px; height: 18px; background: rgb(236, 1, 1); display: block; margin: 3px;}
.container lib-listing .mat-column-fullname span {display: flex;}
.container lib-listing .searchbar .filterFordatesearchend{ display: none !important;}
.container .mat-form-field-underline{display: none !important;}
.container .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 0.25em;}
.container lib-listing .mat-checkbox-frame {border-color: white !important;}
.container lib-listing .actionbuttonwrapper { display: flex !important;}
.container lib-listing .mat-checkbox-inner-container {margin-left: 5px !important;}
.container lib-listing .mat-select-arrow-wrapper{ top: -3px!important; position: relative!important;}
.container lib-listing .mat-select-arrow {color: white !important;}
.container lib-listing .mat-select-value {color: rgba(255, 255, 255, 0.87) !important;}
.container lib-listing .mat-toolbar-row, .mat-toolbar-single-row { justify-content: center !important; padding: 10px !important;}
.container lib-listing .searchbar { display: flex !important; background: #1e1c1c !important; height: auto !important; border-radius: 5px !important; flex-wrap: wrap; border: solid 1px rgb(61 62 62) !important;   }
.container lib-listing .searchbar .searchbtncls { width: auto !important; display: flex !important; top: 4px; left: 0px; position: relative; justify-content: center !important;}
.container lib-listing .mat-input-element { margin-left: 15px !important}
.container lib-listing .searchbar .searchbtncls .cursor { background: #be0016; padding: 5px; border-radius: 20px; margin: 5px; top: 8px; position: relative;}
.container lib-listing .searchbar .mat-form-field-underline{display: none;}
.container lib-listing .lib-pager-class {display: flex !important; justify-content: center !important; align-items: center !important; float: none !important; clear: none !important;}
.container lib-listing .mat-table{ box-shadow: none !important; border: solid 2px rgb(61 62 62) !important;}
.container lib-listing { width: 95% !important; margin: 10px auto !important; padding: 0 !important;} 
.container lib-listing .tablewrapper{ border: 0 !important; background: none !important; padding: 0 !important; margin: 0!important;}
.container lib-listing .mat-form-field{ padding: 4px; width:400px; flex: 1 15%;}
.container lib-listing .mat-form-field-appearance-legacy .mat-form-field-label{ top: 14px !important; color: white !important;}
.container lib-listing  .mat-form-field-should-float .mat-form-field-label  {top:20px !important; color: #ffffff !important; display: none !important;} 
.container lib-listing .mat-datepicker-toggle-default-icon { color: white !important; top: -3px!important; position: relative!important;}
.container lib-listing .searchbar .mat-form-field-flex{ left: -9px !important; padding: 4px !important; border: 2px solid  #be0016 !important; color: white !important; background: #000000!important; }
.container lib-listing .pageformfield .mat-form-field-flex { border: 1px solid rgb(199, 199, 199) !important; padding: 2px; color: white !important; text-align: left !important;}
.container lib-listing .container .mat-card{box-shadow: none !important; background: #1e1c1c!important; border-radius: 0; color: white;}
.container lib-listing .lib-pager-class {margin:  0 !important; color: white !important;}
.container lib-listing .lib-pager-class .mat-form-field { width: 60px !important; margin: 5px !important; text-align: center !important;}
.container lib-listing  tr.mat-footer-row, tr.mat-row { height: auto !important;}
.container lib-listing .multipledeleteandupdatebuttan { top: 61px !important; position: relative; left: 12px !important;}
.container lib-listing .tablewrapper .mat-header-row { background: #be0016 !important; color: white !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px;}
.container lib-listing .tablewrapper .mat-header-row .mat-header-cell .ng-star-inserted{ font-size: 18px !important; color: white !important;}
.container lib-listing .tablewrapper .mat-header-row .mat-header-cell .mat-checkbox-inner-container .mat-checkbox-frame{ border: 1px solid white;}
.container lib-listing .noFoundText { margin: 150px 0 120px 0 !important; text-align: center;}
.container lib-listing .pageformfield .mat-form-field-label-wrapper .mat-form-field-label { display:none !important; }
.container lib-listing .answer button .mat-button-wrapper {display: none !important;}
.container lib-listing .answer {display: inline-block !important; height: 25px !important; width:35px !important;}
.container lib-listing .button_div_custom_cls {display: flex !important;}
.container lib-listing .cursor{ top: 3px !important;  position: relative !important; margin-left: 5px !important;}
.container lib-listing .searchbar .searchbtncls .cursor {color: white !important;}
.container lib-listing .float-right{float: none !important;}
.container lib-listing .add_button{ box-shadow: none !important; background: url(../img/srch.png), #be0016 !important; font-size: 0 !important; background-size: 50%, cover !important; top: -9px !important; width: 35px !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 0px !important; border-radius: 100px !important; height: 35px !important;  min-width: inherit; }
.container lib-listing table tr:nth-of-type(even){ color: #ffffff !important; background-color: #1e1c1c; border: 1px solid #d0d0d0!important;}
.container lib-listing table tr:nth-of-type(odd){ border: 1px solid #d0d0d0!important; background-color: #3a3e3f !important;}
.container lib-listing table .mat-cell{ color: white !important; font-size:17px !important;}
 .mat-bottom-sheet-container .mat-list-base{ display: flex !important; justify-content: center !important; padding: 10px!important; justify-items: center !important; }
 .mat-bottom-sheet-container .mat-list-base .mat-list-item-content{background: linear-gradient(#ffa800, #ff7e00) !important; border-radius: 4px !important; color: white !important; padding: 15px !important; width: 90% !important;}
 .mat-bottom-sheet-container .mat-list-base .mat-list-item {width: 100px !important;}
 .container lib-listing .CustomButtonListen_div .add_button{box-shadow: none !important; background: url(../img/download-icon.png), #be0016 !important; font-size: 0 !important; background-size: 50%, cover !important; top: -9px !important; width: 35px !important; background-repeat: no-repeat !important; background-position: center center !important; padding: 0px !important; border-radius: 100px !important; height: 35px !important;  min-width: inherit;}
 .container lib-listing .buttonSearchDatacls_div {display: none !important;}



/* ############ Search Box End Here ##############*/

/* ############## Pegination ################# */

.container .lib-pager-class {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
    padding: 15px !important;
 
}