/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29-Aug-2017, 18:19:58
    Author     : floodd
*/
html, body
{
    margin:0px;
    padding:0px;
    height: 100%;
}
.propertyTable
{
    margin:5px auto;
    color:black;
    
}
.login
{
    display:block;
    text-align: right;
    margin-left:16em;
    margin-right:20px;
}
header img
{
    height:100px;
}
.navImage
{
    width:50px;
    height:50px;
}
.header
{
    display:table;
    width:100%;
    table-layout: fixed;
    max-height:130px;
    margin:0px;

}

#assetList{
   padding:10px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
.centerButton
{
    text-align: center;
    padding:10px 0px; 
}
.addButton
{
    margin-left:auto;
    margin-right:auto;
    display:inline-block;
}
.titleImage
{
    margin: 10px auto;
    display:inline-block;
    text-align:center;
    line-height:50px;
    vertical-align:middle;
}
.heading
{
    
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
.SideImage
{
    width:100px;
    float:left;
    margin-bottom: 5px;
}
#map
{
    
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
.communitySelectForm
{
    text-align:left;
    padding-right:20px;
    margin-left:10%;
    color:#008cc1;
    font-weight:800;
}
.communityDescription
{
    text-align:center;
}
.headerCell, .headerCellRight
{
    display:table-cell;
    padding:5px 10px;;
    vertical-align: top;
    width:20%;
}
.headerCell:nth-child(2)
{
    width:40% !important;
}

.headerCellRight
{
    text-align: right;
}
.wrapper
{
   min-height: 100% !important;
  /* equal to footer height */
  margin-bottom: -105px; 
 
}
.push
{
    height:100px;
    clear:both;
}
footer
{
    height:90px;
    margin-top: 10px;
    background-color: #D4D4D2;
    border-top:5px solid #333333; 
}
.label
{
    display:inline-block;
    width:200px;
    padding-left:10px;
}



.right
{
    display:inline-block;
    font-size:0.5em;
    text-align:right;
    line-height:1em;
    padding:10px;
    
    margin-left:auto;
 
}
.filterBar form
{
    display:inline-block;
}
.assets
{
    margin-left:100px;
}
@media only screen and (min-width:700px) /* web  */
{
    .newTag
    {
        
    }
    .tagLabel
    {
        display:inline-block;
        width:204px;
        margin-left:10px;
        padding-top:5px;
    }
    .row
    {
        display:block;
        padding-top:5px;
        padding-bottom:5px;
      
    }
    .filterBar
    {
        margin:10px;
        margin-left:10%;
        display:block;
        font-size:1.1em;
    }
    .AssetListSection, .propertySection
    {
        width:47%;
        display:inline-table;
        margin:5px;
    }
    .AssetListSection:nth-child(even),  .propertySection:nth-child(even)
    {
        margin-left:2%;
     }
     .AssetListSection:nth-child(odd) ,  .propertySection:nth-child(odd)
    {
        margin-right:2%;
     }
    nav 
    {
        max-width:17em;
        display:block;
        float:left;
        background-color:#fff;
        
        
    }
    main
    {
        margin-left:16em;
    }
    .links ul li 
    {
        padding:5px !important;
        border-bottom: 3px solid #ccc;
    }
    .links ul
    {
        padding-left:1em;
        padding-right:1em;
    }
    #map
    {
        height:500px;
    }
   .modal h2
    {
        width:95%;
    }
}
@media only screen and (max-width:700px) /* mobile  */
{
   
    #assetList
    {
        text-align: center;
    }
    .filterBar input
    {
        margin:3px;
    }
    .row
    {
        display:block;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:10%;
    }
    .filterBar
    {
        padding: 10px 0;
        display:block;
        width:50%;
        font-size:1.1em;
    }
    .AssetListSection, .propertySection
    {
        width:90%;
        display:inline-table;
        margin:0px auto;
         text-align: center;
        
    }

    header img
    {
        height:50px;
    }
  
    #mainHeader
    {
        line-height:25px !important;
        font-size:1.5em !important;
    }
    #map, .filterBar, #assetList
    {
        width:100%;
    }
    .communitySelectForm
    {
        text-align: center;
        padding-right:0px;
    }
    .filterBar
    {
       text-align: center;
    }
    #map
    {
        height:300px;
    }
    #assetList
    {
        padding:0px;
    }
    #tags input
    {
        margin-top:5px;
    }
    .links img
    {
        width:40px !important;
        display:inline-block !important;
        margin-right:10px;
    }
    
    .linkText
    {
        display:none;
    }
    .links ul
    {
        display:inline-block!important;
    }
    .links ul li 
    {
        padding:20px !important;
        display:inline-block!important;
    }
    .modal h2
    {
        width:92%;
    }
    .modal-content
    {
        width:80% !important;
    }
    
    table, thead, tbody, th, td, tr {
			display: block;
		}

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
    }

    tr { border: 1px solid #ccc; }

    td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            text-align: left !important;
    }

    td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left
    }
    .label
    {
        display:block !important;
        
    }
    .row
    {
        text-align:left;
    }
}
.tableInline
{
    display:inline-block;
    width:218px;
}
.tableTake5
{
    display:table;
    width:218px;
}
.take5
{
    display:table-cell;
    width:20%;
}
.addList
{
    display:table-row;
    
}
.addListItem
{
    display:table-cell;
    margin:0 auto;
    text-align:center;
}
.parent
{
    position: relative;
        width: 50px;
    margin: 0 auto;
}
.addListItem img
{
    height:50px;
}
.table{
    display:table;
    width:80%;
    margin:0 auto;
}
.cross
{
    position:absolute;
    left:60%;
    top:25px;
    height:25px !important;
}

.messages
{
    display:inline-block;
    float:left;
    margin-left:10%;
    text-align: left;
    margin-top:30px;
    color:red;
}