@font-face { font-family: 'JMH_Typewriter'; src: url('../css/JMH Typewriter.ttf'); }
@font-face { font-family: 'FuturaCyrillicExtraBold'; src: url('../css/FuturaCyrillicExtraBold.ttf'); }
body {
    background-image: url(https://storage.googleapis.com/repository.sturmfrei.ae/images/default-compressed/Background_1_1.jpg);
    background-repeat: repeat;
    font-family: 'JMH_Typewriter' !important;
}
.body-bg {
    background-image: url(https://storage.googleapis.com/repository.sturmfrei.ae/images/default-compressed/Background_1_1.jpg);
    background-repeat: repeat;
}
.futura_font{
    font-family: 'FuturaCyrillicExtraBold' !important;
}
.pointer{ cursor: pointer;}
.merged-border{
    border: 1px solid #000000;
}
.merged-border-bottom{
    border-bottom: 2px solid #000000;
}
.merged-border-top{
  border-top: 2px solid #000000;
}
.merged-border-right{
  border-right: 2px solid #000000;
}
.merged-border-left{
  border-left: 2px solid #000000;
}
.bg-custom-btn{
  background-color: #B85C3C !important;
}
.border-custom-btn{
  border-color: #B85C3C !important;
}
/*
body div:first-child{
    max-width: 1980px;
}

/* When the width is between 600px and 900px OR above 1100px - change the appearance of <div> */
@media screen and (max-width: 2400px) and (min-width: 2000px) {
    body {
        zoom: 110%;
    }
  }
  @media screen and (max-width: 3000px) and (min-width: 2400px) {
    body {
        zoom: 140%;
    }
  }
  @media screen and (max-width: 3600px) and (min-width: 3000px) {
    body {
        zoom: 160%;
    }
  }
  @media screen and (max-width: 4200px) and (min-width: 3600px) {
    body {
        zoom: 200%;
    }
  }@media screen and (max-width: 4800px) and (min-width: 4200px) {
    body {
        zoom: 250%;
    }
  }@media screen and (max-width: 6000px) and (min-width: 4800px) {
    body {
        zoom: 300%;
    }
  }@media screen and (max-width: 8000px) and (min-width: 6000px) {
    body {
        zoom: 350%;
    }
  }

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    background-color: transparent;
}

.pdt_det_spec_title_color{
  color: #5F90B0 !important;
}

.pdt_det_spec_table_border_color{
  border-color: #9E9E9E !important;
}