﻿

.LogoImage {
    width: 1500px;
    direction: rtl;
    height: 30px;
    align-content: center;
    text-align: center;
}
.googlemap-responsive {
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    height: 0;
}

    .googlemap-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        margin-left: 0%;
        width: 100%;
        margin-right: 10%;
        position: absolute;
    }
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }  
}
/* Mobiles */
@media screen and (min-device-width: 300px) and (max-device-width: 480px) {
    .LogoImage {
        width: 100px;
        direction: rtl;
        height: 20px;
    }

}
/* iPads, Tablets */
@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
    .LogoImage {
        width: 150px;
        direction: rtl;
        height: 30px;
    }
}
/* Small screens, laptops */
@media screen and (min-device-width: 769px) and (max-device-width: 768px) {
    .LogoImage {
        width: 150px;
        direction: rtl;
        height: 30px;
    }
}
/* Desktops, large screens */
@media screen and (min-device-width: 769px) and (max-device-width: 1024px) {
    .LogoImage {
        width: 150px;
        direction: rtl;
        height: 30px;
    }
}

/* Extra large screens, TV */
@media screen and (min-device-width: 1025px) {
    .LogoImage {
        width: 200px;
        direction: rtl;
        height: 50px;
    }
}

.WelcomeImage {
    float: left;
    margin: 0;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    background: url("/Images/headerwelcome.png");
}
  
.btn{
    width:75px;
}
.customdiv{
    margin :2px;
    min-height :50px;
    text-align :center ;
    padding :5px;
    background-color:red;
}
.themed-grid-col {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86, 61, 124, .15);
    border: 1px solid rgba(86, 61, 124, .2);
}

.themed-container {
    padding: .75rem;
    margin-bottom: 1.5rem;
    background-color: rgba(0, 123, 255, .15);
    border: 1px solid rgba(0, 123, 255, .2);
}
.Technoalertbtn {
    background-color: white;
    border: none;
    color: #FBA929;
    padding: 12px 16px;
    font-size: 16px;
    cursor: pointer;
}

.Technoalert {
    padding: 20px;
    background-color: #f44336;
    color: white;
}

.Technoalertclosebtn {
    margin-left: 15px;
    color: #FBA929;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

  