@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;
}

.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: 15%;
}

.appTitle {
  font-weight: bold !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;
  }
  .footerImg{
    width: 25%;
  }

}

/* Largest devices such as desktops (1280px and up) xl */
@media only screen and (min-width: 80em) {
}


.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: 300px;
  max-width: 600px;
  //min-width: 320px;


  //background-color:#e1e2f0;
}


form {
  //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;
}

.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;
}

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

input[type=number]{
-moz-appearance: textfield;
}
*/