.header
{
    font-size:30px; height:150px;
    background-color:#0047AB; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right,#0047AB,#6ed3cf,#6ed3cf,#0047AB);
    /*position: -webkit-sticky;
    position: sticky;
    top: 0px;*/
}
.tag_line {font-size:25px; font-family:Centaur; color:#feda6a;}
.header_adv { font-size:20px; /*color:#1F2833;*/ color:#222a32;}
.head_img { height:200px; min-width:100%;}
@media only screen and (max-width:480px)
{
    .header { font-size:20px; height:7px;}
    .head_img { height:auto; max-width:100%;}
    .header_adv,.tag_line { font-size:16px;  height:75px; font-family:Centaur; text-align:justify;}
}
.footer{ background-color:#222a33; color:#fff; font-weight:bold; font-size:25px;}
.body { margin:0 auto; font-family:Times New Roman; /*background-color:#EFF6D5;*/}
.homepage { width:100%; margin:0 auto; margin-top:4%; font-size:18px; }
.page { width:90%; margin:0 auto; margin-top:4%; /*background-color:#fff;*/ background-color:transparent; font-size:18px;}
.page_content { font-size:18px; text-align:justify; margin:.2%; }
.mydiv { width:100%; height:auto; margin:0 auto; font-size:16px; position:relative; display:flex; flex-direction:row; }
.maindiv { width:100%; margin:0 auto; }
@media only screen and (max-width:480px)
{
    .header,.maindiv 
   {
       width:100%; height:180px;
       flex-direction:column; 
       flex-wrap:no-wrap;
       position:relative;
       height:auto;
       font-size:16px;
   }
   .page { width:90%; margin:0 auto; margin-top:4%; background-color:transparent; font-size:18px;}
   .homepage { width:100%; margin:0 auto; margin-top:4%; font-size:18px;}
}
.copyright{ background-color:#222a32; color:#ff8000; width:100%;} 
@media only screen and (max-width:480px)
{
   .copyright { flex-direction:column; flex-wrap:no-wrap; width:100%; }
}
.text_style { color:#555; height:20px; width:350px; }
.a{ color:#fff; text-decoration:none; }
.a2 { /*color:#f44336;*/ color:#2196F3; text-decoration:none; font-family:Times New Roman;} .a2:hover { color:#ff8800;}
.table { margin-top:1px;  width:90%; border-collapse:collapse;}
.table_style { margin-top:1px; width:100%; border-collapse:collapse; border-radius:5px;}
.grid_style { text-align:center; width:100%; margin-top:1px;}
.table_reg { margin:0 auto; color:#222; width:50%; border-collapse:collapse; padding:0;}
.img { width:50px; height:50px;}
.panel_style { border:1px solid #777;}
@media only screen and (max-width:480px)
{
   .text_style { display:inline-block; width:auto;}
   .table_reg { width:95%;}
   .img {width:40px; height:40px;}
}
@media print
{ 
  .table_style { color:#333; background-color:#fff; border:1px solid #000; border-collapse:collapse; width:100%; }
}
.title_3 { color:#273d62; /*color:#444;*/ font-size:20px; font-weight:bold; margin-top:2%; margin-bottom:2%; font-family:Centaur;}
input[type=text][type=text], textarea
{
 -webkit-transition: all 0.30s ease-in-out;
 -moz-transition: all 0.30s ease-in-out;
 -ms-transition: all 0.30s ease-in-out;
 -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #888;
} 
input[type=text]:focus, textarea:focus
{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
@media only screen and (max-width:480px)
{
          /* For mobile phones: */
          .header,
          .table_style
          {
                position:relative;
                flex-direction:column; 
                width:100%;
                flex-wrap:no-wrap;
                position:relative; font-size:14px;
          }
          .button_blue,.button_green,.button_red
          {
             padding:3px 5px 3px 6px;
          }
          .header{ font-size:20px; }
}
.table { border-collapes: collapse; font-size:16px;} th,td { padding:2px;} tr:nth-child(odd){ background-color:#f2f2f2;}
.Reg_page { height:100%; width:100%;}
.Reg_page_top { height:30%;  width:100%; margin:0 auto;}
.Reg_page_bottom { height:65%; width:90%; margin:0 auto;}
.circle
{
    height:10px; width:10px; border-radius:50%; background-color:Green; display:inline-block;   
}
.b { font-size:30px; color:#005995;}
.p { text-align:justify; padding:10px; font-family:Centaur; color:#222a32;}
.idDisplay { width:100%; background-color:#fff; margin-top:1%; margin-bottom:1%; border-radius:4px; font-size:20px;}
@media only screen and (max-width:480px)
{
    .p{ text-align:left; width:100%; font-size:14px; margin-top:3%; margin-bottom:3%; display:flex; flex-direction:row; }
    .idDisplay { text-align:left; font-size:16px;}
    .table { border-collapes: collapse; font-size:20px;} th,td { padding:2px;} tr:nth-child(odd){ background-color:#f2f2f2;}
}
.grid-section
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    border-style:none;
}
.grid-section1 { text-align:center;}
.grid-section2 { text-align:center;}
.grid-section3 { text-align:center;}
@media only screen and (max-width:480px)
{
    .grid-section,.grid-section1,.grid-section2,.grid-section3
    {
        flex-direction:column;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}
.s_corner_style { text-align:center; font-size:22px; padding:8%; border-radius:8px; cursor:pointer; }
.s_corner_style:hover { color:#fff; box-shadow:1px 1px 10px 10px #eee; /*-webkit-animation-duration: 1s; animation-duration: 1s;*/ -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name:pulse; animation-name: pulse; }
.grid-container
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    border-style:none;
}
.grid-child1 { text-align:left;}
.grid-child2 { text-align:left;}
@media only screen and (max-width:480px)
{
    .grid-container,.grid-child1,.grid-child2
    {
        flex-direction:column;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}
.profile_pic { height:200px; width:200px; border-radius:50%; display:inline-block; }
.grid-document
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    border-radius:5px;
    background-color:#fff;
}
.document_view { max-height:600px; width:100%; color:Red; font-weight:bold; margin:1%;}
.Panel_style { height:auto; /* overflow-y:scroll;*/ background-color:#fff;}
.print_panel_style { height:auto; background-color:#fff; border:1px solid #000; width:60%; margin:0 auto;}
.dashboardPic {height:120px; width:120px; border-radius:50%; display:inline-block; border:2px solid #005995;}
.tab-container
{
    margin-top:5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    background-color:#EFF6D5;
}
.tab1 { /* background-color:#f44336;*/ color:#f44336; border-radius:10px; padding-top:5%;}
.tab2 { /* background-color:#2196F3;*/ color:#2196F3; border-radius:10px; padding:5%;}
.menu_bar
 {
     height:100%;
     padding-left:2%;
     padding-top:2%;
 }
.div_style { padding:1%; border-radius:4px; border:1px solid #bbb; margin-top:1px; margin-bottom:1%;}
.li { font-weight:normal; font-size:18px; list-style-type:square;}
.ul { list-style-type:none; margin:5%; font-size:18px; line-height:20px; color:Red;}
.property_pic { height:200px; width:240px; border-radius:8px; border-style:none;}
.top-right { position: absolute; top: 8px; right: 16px; }
.business_grid-container
{
    display: grid;
    margin:.1%;
    grid-template-columns: 1fr 3fr;
    grid-gap: 5px;
}
.business_grid-child1 { text-align:left;}
.business_grid-child2 { text-align:left;}
@media only screen and (max-width:480px)
{
    .business_grid-container
    {
        flex-direction:column;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .property_pic { height:200px; width:100%; border-radius:8px; border-style:none;}
}
.search_button { background-color:#1260cc; cursor:pointer; padding:10px 20px 10px 20px; border-radius:4px; color:#fff; border:1px solid #1260cc; font-size:16px;}
.button_blue { background-color:#1260cc; cursor:pointer; padding:4px 10px 4px 10px; border-radius:4px; color:#fff; border:1px solid #1260cc;}
.button_green { /*background-color:#400080;*/ background-color:Green; cursor:pointer; padding:4px 10px 4px 10px; border-radius:4px; color:#fff; border:1px solid #888;}
.logout_btn { background-color:transparent; color:#fff; cursor:pointer; border-style:none; font-size:14px; border:1px solid #1260cc; padding:4px; border-radius:4px; }
.logout_btn:hover{ background-color:#1260cc; color:#000; cursor:pointer; }
.link_btn{ text-decoration:none; font-size:18px;}
.view_btn { padding:1%; width:90px; border-radius:5px; /*color:#2cb69f;*/ color:#1260cc; background-color:transparent; /*border:1px solid #1ed3cf;*/ border:1px solid #1260cc; }
.view_btn:hover { background-color:#1260cc; color:#fff; border:1px solid #1260cc; }
.contact_btn { padding:1%; border-radius:5px; color:#fff; /*background-color:#797ef6; #1aa7ec;*/ background-color:#400080; border:1px solid #400080; }
.expolore_btn { padding:2%; border-radius:5px; color:#fff; background-color:#1260cc; border:1px solid #1260cc; cursor:pointer; }
.img_container { position: relative; text-align: left; }
.text_block
 {
     position:absolute;
     bottom: 8px;
     left: 2px;
     background: rgb(0, 0, 0); /* Fallback color */
     background: rgba(0, 0, 0, 0.6); /* Black background with 0.5 opacity */
     color: #f1f1f1;
     padding-left: 20px;
     padding-right: 20px;
}
.search_content
{
    text-align:left;
    width:100%;
    /*background-color:#EFF6D5;*/
    padding-bottom:10px;
}
.search_text
{
    background: url('../image/find.png') no-repeat;
    background-position:right;
    margin:20px 0;
    line-height:18px;
    width:30%;
    padding:8px 10px;
    outline:none;
    border-radius:4px;
    border:2px solid #222;
    background-color:transparent;
    color:#222;
}
.rent_list
{
    padding:4px 10px;
    background-color:transparent;
    border-radius:4px;
    border:1px solid #888;
    color:#444;
}
.user { color:#fff; font-size:17px; }
.like_btn { color:#555;} .like_btn:hover { color:Green; }
.dlike_btn { color:#555;} .dlike_btn:hover { color:#e62739; }
.title { font-size:35px; color:#2196F3; text-align:left; padding-top:1%;padding-bottom:2%;}
.h_title { font-size:25px; /*color:#2196F3;*/ color:#222a32;}
.dropdown { padding:1%; border:1px solid #888; background-color:transparent; color:#1260cc;}
.arrow-up
{
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-bottom: 5px solid black;
}
@media only screen and (max-width:480px)
{
    /*.header_adv { font-size:14px; color:#1F2833;}*/
    .title,.h_title { font-size:25px; text-align:justify;}
    .dropdown { padding:1%; border:1px solid #888; background-color:transparent; color:#1260cc; }
	.search_button { background-color:#1260cc; cursor:pointer; padding:6px 10px 6px 10px; border-radius:4px; color:#fff; border:1px solid #1260cc; font-size:12px; }
}
.menu 
{
    position:relative; background-color:#222a32;
    top:-30px;
    width:40%;
    margin:0 auto;
    z-index:2;
    padding:.5%; color:#fff;
}
@media only screen and (max-width:480px)
{
    .menu { position:relative; top:0px; margin:0 auto; width:100%; padding:0px;}
}