/**
 * @desc : Custom page styles
 */

 .geomaps-logo-auth
 {
     height: 35px;
 }

 .geomaps-logo-base
 {
     height : 25px
 }

 .geomaps-loader 
 {
    position: fixed;
    z-index: 2000;
    background: #FFFF;
    width: 100%;
    height: 100%;
}

.geomaps-loader .content-loader 
{
    position:absolute;
    margin: 0 auto;
    width: 180px;
    top: 45%; bottom:45%;  left: 0%; right: 0%;
    
}

.geomaps-form label
{
    margin-top: 19px;
}

.geomaps-small
{
    font-size: smaller;
}

/**
 * GeoMaps - Maps Render
 */

/* Set the size of the div element that contains the map */
#map-google 
{
    height: 400px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
    -webkit-border-radius:13px;
}

/**
 * Beutiful Tags
 */
 .tags {
    list-style: none;
    margin: 0;
    overflow: hidden; 
    padding: 0;
  }
  
  .tags li {
    float: left; 
  }
  
  .tag {
    background: #eee;
    border-radius: 5px;
    color: rgb(39, 37, 37);
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    font-size : x-small;
  }
  
  .tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
  }
  
  .tag::after {
    background: #fff;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .tag:hover {
    background-color: crimson;
    color: white;
  }
  
  .tag:hover::after {
     border-left-color: crimson; 
  }

/**
 * Pagination
 */
.page-item.active .page-link 
{
    z-index : 3;
    color : #fff;
    background-color : #3A416F;
    border-color : #3A416F;
}

/**
 * IMage Preview
 */

.thumb-image 
{
    /* float: left;
    position: relative; */
    border: 1px dashed blue;
    padding: 10px;
    /*margin-top: 10px;
    margin-right: 10px;*/
    border-radius: 5px;
}

 .thumb-image  img
{
    /* width: 150px;*/
    height: 150px;
    border: 1px solid #DDD;
}