@font-face {
  font-family: "vazir";
  src: url("../fonts/Vazir.eot");
  src: url("../fonts/Vazir.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Vazir.woff2") format("woff2"),
    url("../fonts/Vazir.woff") format("woff"),
    url("../fonts/Vazir.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "roboto";
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Regular.woff2") format("woff2"),
    url("../fonts/Roboto-Regular.woff") format("woff"),
    url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0;
  padding: 0;
/*  scrollbar-width: none;
  -ms-overflow-style: none;*/

}
.MuiGrid2-root::-webkit-scrollbar{
  display: none;
}
.MuiDrawer-paper::-webkit-scrollbar {
  display: none;
}
.MuiBox-root::-webkit-scrollbar {
  display: none;
}
/*  For firefox mozilla  */
.MuiGrid2-root .MuiDrawer-paper, .MuiBox-root, .muirtl-rus8s1-MuiGrid2-root{
  scrollbar-width: none;
}
#calender div, #mReport div, #performance div{
  scrollbar-width: none !important;
}
#performance2{
  scrollbar-width: none !important;
}

body {
  scrollbar-color: #d6d6d6 !important;
}
#guantchart div{
  scrollbar-width: thin  !important;
  scrollbar-color: #d6d6d6 !important;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  overflow-y: unset !important;
}
  /*.selectclass, .inputclass{*/
/*  margin: 3px 0px 3px 15px;*/
/*  padding: 8px;*/
/*  border: solid 1px #d5d5d5;*/
/*  border-radius: 3px;*/
/*  background-color:#eeeeee;*/
/*  -moz-box-sizing: border-box;*/
/*  -webkit-box-sizing: border-box;*/
/*  box-sizing: border-box;*/
/*  width: 60%;*/
/*}*/




.form-input-fail{
  border: 1px solid #c1392f ;
}

input[type=radio] {
  padding: 0.5em;
  -webkit-appearance: none;
  outline: 0.1em solid #d5d5d5;
  outline-offset: 0.15em;
  margin-right: 5px;
}

input[type=radio]:checked {
  display: inline-block;
  background-color: #888585;
}

input[type=radio]:disabled {
  background-color: #e1e1e1;
  outline-offset: 0.1em;
}

input[type=number]:disabled {
  background-color: #e1e1e1;
}

.absolute{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom:0;
  text-align: center;
  margin-bottom:20px;
}
/*
.btn.vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
}
*/

/*
input[type=number], select {
  color: #626060;
}
input[type=number]:focus {
   outline: 1px solid #959191;
 }
*/

h1, h2, h3 {
  font-family: 'Droid Sans', Arial, sans-serif;
  color: #c0c0c0;
  text-align: center;
}

table {
  border-collapse: collapse;
}

tr {
 // border-bottom: 1pt solid #0000002e;
}

.content{
  position: absolute;
  bottom: 70px;
  //width: 250px;
  right: 10px;
 // margin-right: 10px;
  background-color:whitesmoke;
  //color: whitesmoke;
  padding: 15px;
  border: 2px solid  #b71c1c;
  border-radius: 5px;
}

.header{
  //border: 1px solid  #30323f;
  //background-color: #30323f;
  border-radius:50%;
  text-align: center;
  //padding: 10px;
  cursor: pointer;
  color: whitesmoke;
}

.div2 {
  background-color: blue;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lessAddress{
  display: none;
}

.fullAddress {
  display: inline-block;
}
.footerImg{
  width: 90%;
 // width: 70px;
}

.appTitle {
  font-weight: bold !important;
}

.MuiTablePagination-root{
  text-align: center !important;
}
.MuiPaginationItem-root {
  color: black !important;
}
.MuiPaginationItem-root.Mui-selected {
background-color: #153250 !important;
  color: white !important;
}

/* Small devices such as large phones (640px and up) sm xs*/
@media only screen and (min-width: 40em) {

}

/* Medium devices such as tablets (768px and up) md */
@media only screen and (min-width: 48em) {

}

/* Large devices such as laptops (1024px and up) lg */
@media only screen and (max-width: 64em) {
  .fullAddress{
    display: none;
  }
  .lessAddress{
    display: inline-block;
  }
}




.legend-label{
  display: inline-flex;
  align-items: center;
}

.bg-image-with-overlay {
  background:
          linear-gradient(
                  rgba(0, 25, 32, 1.0),
                  rgba(0, 25, 32, 0.1)
          ),
          url("./src/aviation4.jpg");
  background-position: top center;
  background-size: cover;
/*  display: inline-flex;
  align-items: center;*/
}

.css-61uau7-MuiButtonBase-root-MuiTab-root {
 // min-width: 0px !important;
}

.form-wrap {
  margin: 5px auto;
  min-height: 350px;
  max-width: 350px;
  min-width: 200px;


  //background-color:#e1e2f0;
}

.form-wrap button:hover{
  color: #0a152b !important;
  border: 1px solid #b71c1c !important;
}


.alert {
  //background: #fff;
  //max-width: 360px;
  //width: 100%;
  padding: 40px 50px;
  border: 1px solid #e1e2f0;
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(42, 45, 48, 0.12);
  transition: all 0.3s ease;
  text-align: center !important;
}

.row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.row label {
  font-size: 13px;
  color: #8086a9;
}

.row input {
  flex: 1;
  padding: 10px;
  border: 1px solid #d6d8e6;
  border-radius: 4px;
  font-size: 13px;
  transition: all 0.2s ease-out;
  color: #696767;
}

.row input:focus {
  outline: none;
  //box-shadow: inset 2px 2px 5px 0 rgba(42, 45, 48, 0.12);
}

.row input::placeholder {
  color: #C8CDDF;
}

@media(max-width: 458px) {

  form {
    background: #f9faff;
    border: none;
    box-shadow: none;
    padding: 20px 0;
  }

}

input:-webkit-autofill, input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s;
}

.MuiListItem-root.Mui-selected {
  background-color: green !important;
}

.MuiListItemButton-root {

  background-color: transparent !important;
  border: none !important;
}

.MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.9) !important;
  //border: 1px solid rgba(0, 0, 0, 0.9) !important;
}

.css-19kzrtu {
padding:5px !important;
}

.MuiButtonBase-root{
  //min-width: 5px !important;
}

.css-vb9u7y-MuiTabs-indicator {
  margin-left: 30px !important;
}

.info{
  display:none;
}
#hoverBTN:hover .info {
  display:block !important;
}

.criticalInfo{
  display:none;
}
#hoverCriticalBTN:hover .criticalInfo {
  display:block !important;
}

.radiopadding {
  padding: 0.45em !important;
  outline-offset: 0.1em !important;
}

.MuiAlertTitle-root{
  color: #e5cca6 !important;
}
#alert .MuiButton-root{
  border-radius: 4px !important;
  line-height: 1.10 !important;
  border: 1px solid gray !important;
}


.MuiPaper-root{
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: unset  !important;
}

#dialog .MuiPaper-root{
  //border: none !important;
  box-shadow: 0 0 10px 5px #0000002e !important;
  background-color: #ffffff !important;
}

.MuiDialogTitle-root{
  color: #133a4b !important;
  font-weight: bold !important;
}
.MuiDialogActions-root{
  text-align: center !important;
}
.MuiDialog-paper{
 min-width: 400px !important;
}

.MuiDialogContentText-root{
  color: #0a0a0a !important;
}

#dialog button
{
  //color: #0a0a0a !important;
  color:  #ffffff !important;
  border: 1px solid #133a4b !important;
  text-transform: unset !important;
  padding: 2px 8px !important;
}

#dialog button:focus, #dialog button:hover
{
  color: #0a0a0a !important;
}


.MuiPopover-paper
{
  background-color:#f0f2f3 !important;
  //background-color:#2f4d5c !important;
  min-width: unset !important;
  min-height: unset !important;
  width: 35px !important;
  border-radius: 100px !important;
  // box-shadow: #2f4d5c !important;
  box-shadow: inset 10px 5px 10px 5px rgba(42, 45, 48, 0.12) !important;
}

.MuiMenuItem-root{
  padding-left: 5px !important;
  padding-top: 10px !important;
  padding-button: 10px !important;
}

#sidbarlist .MuiTypography-root{
  color: #ffffff !important;
}

/*.MuiSnackbar-root{*/
/*  left: 50% !important;*/
/*  bottom: 10% !important;*/
/*  transform: translate(-30%, -50%) !important;*/
/*  background-color:#425a64 !important;*/

/*}*/
.MuiAlert-root{
  padding: 8px 50px !important;
}

#search .MuiPaper-root{
  border: 1px solid whitesmoke !important;
  border-radius: 25px  !important;
  box-shadow: none !important;
  background-color: #fdfdfddb !important;
  //color: #626060 !important;
}
#search input{
  //color: #626060 !important;
}


#staffDashboard .MuiSvgIcon-root{
  font-size: 1.2rem !important;
}


#success .MuiRadio-root.Mui-checked{
  color: #607860 !important;
}
#error .MuiRadio-root.Mui-checked{
  color: #a15b5b !important;
}
.MuiRadio-root{
  padding: 3px !important;
  color: #9e9e9e2e !important;
}
#calender .MuiRadio-root{
  padding: 3px !important;
  color: #3838389c !important;
}



#offDays .MuiSvgIcon-root{
  font-size: 1.2rem !important;
}

#offDays .MuiTypography-root{
  font-size: 0.75rem !important;
}


.performanceBox{
  border: 1px solid whitesmoke;
  border-radius: 15px;
  background-color: white;
  height: 160px;
  margin: 5px;
}

.checkinBox{
  border: 1px solid whitesmoke;
  border-radius: 15px;
  background-color: white;
  height: 332px;
  margin: 5px;
}

.performanceHead1{
  font-weight: 700 !important;
  color: #031830 !important;
  line-height: 1.0 !important;
  margin-top: 24px !important;
  padding-left: 16px !important;
}

.performanceHead2{
  font-weight: 400 !important;
  color: #031830 !important;
  line-height: 1.5 !important;
  //margin-top: 24px !important;
  //padding-left: 24px !important;
  text-align: left !important;
}
.performanceHead3{
  font-weight: 700 !important;
  color: #031830 !important;
  font-size: 2.5rem !important;
  margin-top:20px !important;
}



#performance .MuiTableCell-root{
  border-bottom: none !important;
  padding: 3px !important;
}

.performance4{
  font-weight: 400 !important;
  //color: #031830c4 !important;
  line-height: 0.6 !important;
  font-size: 0.70rem !important;
}


.MuiCircularProgress-root{
   color: #801717 !important;
   width: 80px !important;
   height: 80px !important;
}

.random{
  color: red;
}

.MuiTableCell-root{
 // border-bottom: none !important;
  padding:1px !important;
  width: unset !important;
}

#userProfile .MuiTableCell-root{
 border-bottom: none !important;
  }

.MuiTableCell-root input[type=number]{
  border: none !important;
  background-color: transparent !important;
}
input[type=text] {
  color: #626060;
 // border: none;
  //background-color: transparent;
  //text-align: center;
}
input[type=number] {
  color: #626060;
  //border: none;
  background-color: transparent;
  text-align: center;
  //width: 100% !important;
}
.taskInput{
  color: #626060 !important;
  text-align: center !important;
  //border: 1px solid  #c1bfbf !important;
  border-bottom: 1px solid #8080801c !important;
  border-left: 1px solid #ffffff !important;
 // overflow: hidden !important;
  //background-color: #F0F2F3 !important;
}

#headCell .taskInput{
  color: #626060 !important;
  text-align: left !important;
  border: unset !important;
}

.task-fail {
  color: #c1392f !important;
  text-align: center !important;
  border: 1px solid  #c1bfbf !important;
}

.selectOption{
  margin: 3px ;
  padding: 3px;
  border: none !important;
  border-radius: 3px;
  background-color:transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  //width : 90%;
  font-weight: 400;
  font-size: 0.75rem !important;
  line-height: 1.66;
  font-family: arial, roboto;
}

.selectFilter{
  margin: 3px ;
  padding: 3px !important;
  border: 1px solid #80808040 !important;
  border-radius: 3px;
  background-color:transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.65rem !important;
  line-height: 1.66;
  font-family: arial, roboto;
}

#taskPage .selectFilter{
  width : 165px !important;
}

.adminPage .selectFilter{
  width : 90% !important;
}

.MuiBox-root{
  //padding: 5px !important;
}

.dashbaord2 div:first-child,  .dashbaord div:first-child{
  padding: 0 !important;
}



.dashbaord2 .react-datepicker, .dashbaord .react-datepicker{
 // width: 100% !important;
  border : unset !important;
  font-family: arial, roboto !important;
  font-weight: 400 !important;
  font-size: 0.6rem !important;
  line-height: 1.66 !important;
  background-color: unset !important;
}
.react-datepicker__close-icon {
  top: -3px !important;
}
.react-datepicker__close-icon::after {
  background-color: #75909ef7 !important;
  height: 12px !important;
  width: 12px !important;
}


.dashbaord2 .react-datepicker__header, .dashbaord .react-datepicker__header{
  background-color: unset !important;
}

.dashbaord2 .react-datepicker__day-names, .dashbaord .react-datepicker__day-names{
  margin-top: 15px !important;
}
.dashbaord2 .react-datepicker__navigation, .dashbaord .react-datepicker__navigation{
  border : 1px solid #e8e8e8 !important;
  border-radius: 5px !important;
  width: 24px !important;
  height: 24px !important;
  margin-top: 5px !important;
}

.datapickerD{
  margin: 3px 0 !important;
}

.dashbaord .react-datepicker__month-container{
//  width: 100% !important;
}
/*.dashbaord .react-datepicker__day-name,.dashbaord .react-datepicker__day, .dashbaord .react-datepicker__time-name {*/
/*  width: 2.0rem !important;*/
/*}*/
.dashbaord2 .react-datepicker__day-name, .dashbaord2 .react-datepicker__day, .dashbaord2 .react-datepicker__time-name{
  width: 1.3rem !important;
}

.dashbaord2 .react-datepicker__navigation-icon, .dashbaord .react-datepicker__navigation-icon{
  font-size: 15px !important;
}
ul.react-datepicker__time-list li.react-datepicker__time-list-item{
  padding: 3px 1px !important;
  height: 20px !important;
}

li.react-datepicker__time-list-item--disabled {
  display: none !important;
}

.snakeBar{
  background-color: #efefef !important;
  border: 1px solid #c7c2c2 !important;
  border-radius: 10px !important;

}
.MuiSnackbarContent-root{
  //font-family: "arial, roboto" !important;
  font-size: 0.75rem !important;
  color: #031830 !important;
  padding: 10px 30px !important;
}

.react-datepicker__navigation-icon::before {
  border-width: 2px 2px 0 0 !important;
  height: 5px !important;
  top: 10px !important;
  width: 5px !important;
  left: -4px !important;
}
.react-datepicker__navigation-icon::after {
  border-width: 2px 2px 0 0 !important;
  height: 5px !important;
  top: 10px !important;
  width: 5px !important;
  right: -4px !important;
}

.rs-progress-info{
  display: none !important;
}


#parent_div_1, #parent_div_2, #parent_div_3{
  //width:100px;
  //height:100px;
 // border:1px solid red;
 // margin-right:10px;
  float:left;
}

#progress .MuiTableCell-root {
  padding: 0 !important
}

#progress  .rs-progress-line{
  padding: 8px !important;
}

.editBtn{
  color: #626060 !important;
  text-transform: unset !important;
  border: 1px solid gray !important;
  padding: 2px 8px !important;
  margin-right: 4px !important;
  font-size: 0.75rem !important;
}
.editSelect{
  color: #626060 !important;
  text-transform: unset !important;
  border: 1px solid gray !important;
  padding: 4px 10px !important;
  margin-right: 4px !important;
  font-size: 0.75rem !important;
  border-radius: 5px !important;
}

#calender .editBtn{
  color: white !important;
  text-transform: unset !important;
  border: 1px solid #153250 !important;
  padding: 3px 30px !important;
  font-size: 0.75rem !important;
  border-radius: 5px !important;
}
#calender .editBtn:hover{
  color: black !important;
}

#operation .editBtn{
 color: #4b40ea !important;
}

.checkin{
  fontSize: 1.30rem !important;
  width: 80%;
  color: white !important;
  padding: 8px 16px;
  borderRadius: 10px;
  text-transform: unset !important;
}

.muirtl-1wf8b0h-MuiTabs-flexContainer{
  width: 100% !important;
}

#calender header button.MuiButtonBase-root{
  //width: 33.3% !important;
}
.MuiTabScrollButton-root {
  width: 20px !important;
}

#dashboardTabs .thirdPanel .MuiSvgIcon-root {
 // margin-top:-50px !important;
}
#tabAlarm {
  //background-color:red;
  border:1px solid transparent;
  height:20px  ;
  border-radius:50%  !important;
  -moz-border-radius:50%  !important;
  -webkit-border-radius:50%  !important;
  width:20px ;
  text-align: center !important;
  margin-left:5px  !important;
  font-size: 0.75rem !important;
  font-weight: bold !important;
  color: white;
  padding-top:1px !important;
}

.MuiTab-root.Mui-selected {
  background-color: #153250 !important;
  border: 1px solid #153250 !important;
  border-radius: 10px !important;
  color: white !important;
}
.MuiTabs-indicator{
  height: 0 !important;
}
.MuiTab-root{
  min-height: 30px !important;
  max-height: 30px !important;
  height: 30px !important;
  font-size: 0.7rem !important;
}
.muirtl-1ujnqem-MuiTabs-root{
  //min-height: 30px !important;
}

#calender header div:first-child{
  min-height: 20px !important;
}

#operation .editBtn:disabled {
 // background-color: #e1e1e1;
  color: #626060 !important;
  border: 1px solid gray !important;
}

#search button, #search select{
  color: #626060 !important;
  text-transform: unset !important;
  border: unset !important;
 // padding: 2px 8px !important;
 // margin-right: 4px !important;
  font-size: 0.75rem !important;
}

#search select{
  width: 90% !important;
}

.operationBtn .editBtn:disabled {
// background-color: #e1e1e1;
  color: #626060 !important;
  border: 1px solid #8080801c !important;
}

.MuiButton-root.Mui-disabled {
  color: #626060 !important;
  border: 1px solid gray !important;
}
.editBtn2{
  color:  #4b40ea !important;
  text-transform: unset !important;
  border: 1px solid gray !important;
  padding: 2px 8px !important;
  margin-right: 4px !important;
  font-size: 0.75rem !important;
}

#delete .editBtn{
  color: #4b40ea !important;
}

.operationBtn{
  //color: #626060 !important;
  //text-align: center !important;
  border: 1px solid  #c1bfbf !important;
}
.MuiCheckbox-root{
  padding:2px !important;
  color: #e0dcdcb3 !important;
}

.MuiCheckbox-root.Mui-checked{
  color: #b71c1c !important;
}
.MuiTable-root{
  //width: unset !important;
}


#long-menu .MuiSvgIcon-root{
  //width: 1.2rem !important;
  height: 1.2rem !important;
  color: #9e9e9e !important;
}

.modal{
  z-index: 9999;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 250px;
  min-height: 365px !important;
  padding: 15px;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px 5px #0000002e !important;
  background-color: #ffffff !important;
  //padding: 50px;
}

#projectDefinition .projectClass, #projectDefinition select{
  border: 1px solid gray !important;
  width: 100% !important;
  padding-left: 10px;
}

#projectDefinition .multiSelect{
  border: 1px solid gray !important;
  border-radius: 3px;
  margin-left: 2px;
}

#projectDefinition .MuiChip-root {
  width: unset !important;
  padding: 5px !important;
}


#projectDefinition .react-datepicker-wrapper{
  display: block !important;
}

#projectDefinition{
 margin:0 !important;
 padding:0  !important;
}

.overlay-enter-done{
  background-color: #090909bd !important;
}

.MuiTableContainer-root{
  //overflow-x: unset !important;
  margin-left: 0px !important;
}
*:focus{ outline: none !important; }

.rs-progress-line {
  //padding:0px 0px 2px 16px !important;
}




.rs-progress-info-status {
  font-size: 12px !important;
}
.rs-progress-info {
  height: 13px !important;
}
.MuiTypography-root {
  margin-left: 0px !important;
}

textarea {
 margin: 10px !important;
 margin-top: 20px !important;
 width: 90% !important;
 font-size: 0.75rem !important;
 height: 20px !important;
 border: none !important;
 border-bottom: 1px solid #ccc !important;
 background-color: unset !important;
}
.Title{
  margin: 0px !important;
  width: 100% !important;
  font-size: 0.75rem !important;
  //height: 20px !important;
  border: none !important;
 // border-bottom: 1px solid #ccc !important;
 // background-color: unset !important;
}
#time .react-datepicker__input-container input {
  width: 70px !important;
  font-size: 0.75rem !important;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
}
#time .react-datepicker__time{
  margin-top:0 !important;
}
#time .react-datepicker__time-container, #time .react-datepicker__time-box{
  background-color:#f5f5f6;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f5f5f6 !important;
  color: #f5f5f6 !important;
  stroke: #f5f5f6 !important;
}


.postContent{
  margin: 10px !important;
  padding: 10px 0 10px 0 !important;
  width: 90% !important;
  font-size: 0.75rem !important;
  height: 50px !important;
  //border: none !important;
  border: 1px solid #ccc !important;
  background-color: unset !important;
}

.myClass option{
  color: #626060 !important;
}

.MuiTab-root{
  text-align: left !important;
}

.MuiButton-root {
  text-Align: left !important;
  //padding: 0 !important;
}



.ViewContainer {
  list-style: none;
  -ms-box-orient: horizontal;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center;
}

.Button {
  background-color: #e7e7e7;
  color: black;
  border: none;
  padding: 7px 16px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}
.Switch {
  margin: 4px 15px;
  font-size: 14px;
  font-family: "Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue";
  display: flex;
  justify-content: center;
  align-items: center;
}
.Switch_Toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-right: 5px;
}

.Switch_Toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.Slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.Slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 6px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .Slider {
  background-color: #2196f3;
}

input:focus + .Slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .Slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.headerClass{
  color: #031830 !important;
  text-align: left !important;
}

.myTasks{
  border: none !important;
  color: #031830 !important;
  font-size: 0.75rem !important;
}

button:hover{
  background-color: unset !important;
  font-weight: bold !important;
}

.myTasksRow{
  width: 100% !important;
  border-bottom: 1px solid #8080801c !important;
}
tr:last-child
{
  border-bottom: none !important;
}
.header{
  color: #031830 !important;
  display: inline-block !important;
  font-weight: bold !important;
  //font-size: 1.3rem !important;
  line-height: 0.5 !important;
}
.muirtl-9qhai4 {
   background-color: unset !important;
   color: #031830 !important;
}
#calender .MuiAppBar-root{
 //background-color: #f5f5f6 !important;
  background-color: #ffffff !important;
  color:  #031830 !important;
 // text-align: center !important;
  border: 1px solid #ffffff !important;
  //border-radius: 10px !important;
}

#calender .MuiAppBar-root .MuiTabs-flexContainer{
  background-color: #f5f5f6 !important;
  color:  #031830 !important;
  border: 1px solid #f5f5f6 !important;
  border-radius: 10px !important;
}

#calender  .MuiTab-root {
  text-transform: unset !important;
  opacity: 1 !important;
  //color:  #031830 !important;
}

.MuiDivider-root::before{
  width: 0 !important;
}

.MuiDivider-root::after{
  border-top: 1px solid #f0f0f0 !important;
  margin-right: 50px !important;

}

.MuiSvgIcon-root{
  //font-size: 2.3rem !important;
}
#divid .MuiIconButton-root{
  padding: 0 !important;
}
.divider::after{
  border-top: unset !important;
}

.tableContainer{
 text-align: center;
// background-color: #F0F2F3;
 padding-left: 16px;
 border-radius: 15px;
 // margin-left: 50px;
 // margin-right: 30px;
 // width: 80%;
}


.profile1{
  //background-color: #f0f3fc !important;
   border-radius: 5px !important;
//  border: 1px solid #f0f3fc !important;
  margin-top: 50px;
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #f5f5f6;
  //height: 80px;
}
.MuiCard-root{

  background: #f5f5f6 !important;
  backdrop-filter: blur(7px) !important;
}

.slick-prev:before, .slick-next:before{
  color: #dedbdb !important;
}

#confirm button{
 // border: 1px solid gray  !important;
  text-transform: unset !important;
  color: #031830;
  border: unset !important;

  //color: white !important;
 // border: 1px solid #153250 !important;
  padding: 3px 15px !important;
  font-size: 0.75rem !important;
 // border-radius: 5px !important;

}
#confirm button:hover{
  background-color: #153250 !important;
  border: 1px solid #153250 !important;
  border-radius: 5px;
  color: white !important;
  font-weight: bold !important;
}
/*
.myClass option:nth-child(1) {
  //background-color: #fff;
  color: #000;

}

.myClass option:nth-child(2) {
  //background-color: #43b02a;
  color: #fff;
}
.myClass option:nth-child(3) {
  //background-color: #ff8200;
  color: #fff;

}
.myClass option:nth-child(4) {
  //background-color: #e4002b;
  color: #fff;
}

.myClass option{
  padding-top:15px !important;
  padding-bottom:15px !important;
  margin: 15px !important;
}
*/


/*
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type=number]{
-moz-appearance: textfield;
}
*/
#article {
  margin-top: 1000px;
  font-size: 3rem;
  background-color: rgb(243, 124, 124);
  font-weight: 800;
  text-align: center;
  padding: 80px;
  border: 2px solid red;
  margin-bottom: 500px;
}

.contact{
  margin-top: 500px;
  border: 6px double green;
  font-size: 3rem;
  background-color: lightgreen;
  font-weight: 800;
  text-align: center;
  padding: 80px;
}




.datePicker{
  background-color: transparent !important;
  border: unset !important;
  font-family: arial, roboto;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.66;
}

.example-custom-input {
  background: url("./src/calendar.svg") no-repeat right;
  background-size: 20px;
  width: 150px;
  height: 15px;
  border : unset !important;
}

.example-custom-input:focus-visible {
  border: unset !important;
  //border-bottom-color: #b51148;
  //outline: none;
}

.background{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Calendar{
  //padding: 16px;
  //border: 1px solid rgba( 255, 255, 255, 0.9 );
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
}


::placeholder {
  color: #bebebe;
}


.background3{
  background-image: url("./src/back8.jpg");
  background-size: cover;
  background-position:center;
  /* To not repeat the image beyond it's scale */
  background-repeat:no-repeat;
}
.adminPage{
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
}


.gridBody .today {
  border: 5px solid red !important;
 // border-right: #ff00006e !important;
}

.today rect {
  fill: #72505042 !important;
  //border-right: 5px solid red !important;
}

.calendar{
  font-size: 10px !important;
}


.MuiListItemText-root span{
  font-size: 0.75rem !important;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 63px !important;
}
.react-datepicker__time-container{
  width: 63px !important;
}

  /*.background{*/
/*  position: relative;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/
/*#card{*/
/*  position: absolute;*/
/*  height: 40%;*/
/*  width: 20%;*/
/*  border: 1px solid rgba( 255, 255, 255, 0.18 );*/
/*  background: rgba(89, 131, 83, 0.09);*/
/*  backdrop-filter: blur( 2px );*/
/*  border-radius: 1em;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  transition: transform 0.8s;*/
/*}*/
/*#card:hover{*/
/*  backdrop-filter: blur( 14px );*/
/*  height: 50%;*/
/*  width: 25%;*/
/* // transform: rotateY(180deg);*/
/*}*/

/*#logo{*/
/*  height: 70%;*/
/*  width: 65%;*/
/*}*/

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
 // background-color: unset !important;
  font-weight: 400 !important;
}

.react-datepicker__day--highlighted-custom-1 {
  color: unset !important;
  background-color: #add3d0 !important;
  border-radius: 5px !important;
}
.react-datepicker__day--highlighted-custom-2 {
  color: unset !important;
  background-color: #a92420b0 !important;
  border-radius: 5px !important;
}

.react-datepicker__day--highlighted{
  color: unset !important;
  background-color: #ff6803ad !important;
  border-radius: 5px !important;
}


.react-datepicker__day--disabled:hover{
  background-color: #f0f0f0 !important;
}
div.react-datepicker__day--excluded:has(span.overlay){
  background-color: #f4d8009c !important;
  color: unset !important;
}

#calender .MuiSvgIcon-root{
  width: 0.85rem !important;
  height: 0.85rem !important;
}
.react-datepicker__current-month, .react-datepicker-time__header{
  font-size: 0.75rem !important;
  margin-top:15px !important;
}
.react-datepicker__time-container .react-datepicker__header{
  border-bottom: unset !important;
}
.react-datepicker__time-list {
  height: 200px !important;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 65px !important;
}
.react-datepicker__time{
  border-top: 1px solid #aeaeae !important;
  margin-top: 39px !important;
}
.react-datepicker__day--holidays{
  background-color: #aed690ab !important;
  color: black !important;
}
.react-datepicker {
  font-size: 0.65rem !important;
}


#guantchart .bar text{
  display: none !important;
}
#guantchart ._3_ygE ._1nBOt ._WuQ0f:nth-child(5){
  display : none !important;
}
#guantchart ._3_ygE ._1nBOt ._WuQ0f:nth-child(3){
  display : none !important;
}
#guantchart ._2B2zv  ._3ZbQT ._34SS0 ._3lLk3:nth-child(3){
  display : none !important;
}
#guantchart ._2B2zv  ._3ZbQT ._34SS0 ._3lLk3:nth-child(2){
  display : none !important;
}

#guantchart ._2B2zv  ._3ZbQT ._34SS0 ._3lLk3{
  white-space: normal !important;
}

#guantchart ._3_ygE ._1nBOt ._2eZzQ{
  display : none !important;
}

._1nBOt {
  display: block !important;
}

._2pZMF{
  display: none !important;
}
._3ZbQT{
  font-size: 10px !important;
  font-weight: bold !important;
}

.avatarD{
  position: fixed !important;
  height: 200px !important;
  width:210px !important;
  margin-bottom: -80px !important;
  margin-top: -48px !important;
  text-align:right !important;
}

@media only screen and (max-width: 1040px) {
  .dashbaord2 .react-datepicker__day-name, .dashbaord2 .react-datepicker__day, .dashbaord2 .react-datepicker__time-name{
    width: 1.0rem !important;
  }
  .react-datepicker__time{
    margin-top: 39px !important;
  }
}

.sidbarWidth{
  width: 12%;
}

.background2{
  background-image: url("./src/back2.jpg");
  background-size: cover;
  background-position:center;
  /* To not repeat the image beyond it's scale */
  background-repeat:no-repeat;
  width: 88%;
}

@media only screen and (max-width: 930px) {
  .dashbaord2 .react-datepicker__day-name, .dashbaord2 .react-datepicker__day, .dashbaord2 .react-datepicker__time-name{
    width: 0.7rem !important;
  }
  .avatarD{
    display: none !important;
  }
  .performanceHead1{
    font-size: 0.75rem !important;
    line-height: 1.0 !important;
  }
  .performanceHead2{
    font-size: 0.75rem !important;
  }
  .performanceHead3{
    font-size: 1.0rem !important;
  }
  .sidbarWidth{
    width: 15%;
  }
  .background2{
    width: 85%;
  }
}

@media only screen and (max-width: 1135px) {
  .sidbarWidth{
    width: 12%;
  }
  .background2{
    width: 88%;
  }
}

._25P-K ._3T42e p {
  display: none !important;
}


.MuiButtonBase-root-MuiChip-root {
 // background-color: red !important;
}


.MuiChip-deleteIcon {
  display: none !important;
}

.MuiButtonBase{
  padding : 0 !important;
}
.MuiAutocomplete-root{
  width: 100% !important;
}
.MuiOutlinedInput-root{
  padding-right: 0 !important;
  padding: 0 !important
}

.MuiChip-root{
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
}

/*.MuiAutocomplete-popper {*/
/*  background-color: #0a0a0a !important;*/
/*}*/

/*#projectDefinition .MuiAutocomplete-popper {*/
/*  background-color: #0a0a0a !important;*/
/*}*/



.MuiChip-label {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.MuiChip-root{
  height: 20px !important;
  width: 20px !important;
  font-size: 0.6rem !important;
}

.MuiAutocomplete-tag {
 margin: 0px !important;
}

.MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
right: 0 !important;
}

.MuiAutocomplete-popupIndicator .MuiSvgIcon-root {
  font-size: 0.9rem !important;
}

.MuiAutocomplete-clearIndicator .MuiSvgIcon-root {
  font-size: 0.7rem !important;
}

.MuiAutocomplete-clearIndicator, .MuiAutocomplete-popupIndicator{
  color: #656161 !important;
  padding: 0 !important;
}

.MuiAutocomplete-input {
  min-width: 0 !important;
}

.slick-prev {
  left: -15px !important;
}

.slick-next {
  right: -15px !important;
}

#sidbarlist a:focus, #sidbarlist a:hover, #sidbarlist a{
  color: #153250 !important;

}
.selectedRow{
  background-color: #80008014;
}
.adminPage .MuiDivider-root::before {
  border: 1px solid #7f3b3b !important;
}
.adminPage .MuiDivider-root::after {
  border-top: 1px solid #7f3b3b !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.adminPage .MuiDivider-root span {
  font-size: 0.65rem !important;
  font-weight: bold;
  margin-left: 0 !important;
  margin-right:0 !important;
}
/*
//.MuiDivider-root::before {
//     .MuiDivider-root::after {
       //    border-top: 1px solid #7f3b3b !important;
*/
/*.MuiPopperUnstyled-root{*/
/*  background-color: blue !important;*/
/*}*/

/*.react-datepicker__day .react-datepicker__day--disabled .react-datepicker__day--excluded .react-datepicker__day--selected .react-datepicker__day--weekend*/
/*{*/
/*  pointer-events: auto !important;*/
/*  cursor: pointer !important;*/
/*}*/

/*.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled*/
/*{*/
/*  pointer-events: auto !important;*/
/*  cursor: pointer !important;*/
/*}*/