body
{
	background-image: url('../Images/background.png');
	background-repeat: repeat;
	width:100%;
}

#container
{
	margin: 0px;
	padding:0px;
	width:90%;
	margin-left:5%;
}

#eco-icommunity-banner
{
    margin: 0px;
	padding:0px;
	width:90%;
	margin-left:5%;
	margin-bottom:50px;
}

#eco-icommunity-banner img
{
    width:70%;
    height: auto;
    margin-left:15%;
}
.item
{
	width:23%;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
}

.item-image-wrapper
{
	background-color:#FFFFFF;
	border-bottom: 1px solid #ccc;
}

.item-description p
{
    margin-top:10px;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
}
.item-description
{
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: inline-block;
	background-color: #FFFFFF;
	width: 100%;
}
.item img
{
	max-width: 100%;
	min-width: 100%;
	height:auto;
}

#owls-system-fixed-navbar .navbar-header
{
    width:100%;
    margin:0px;
    padding:0px;
    padding-left:5%;
    display:inline-block;
}

#owls-system-fixed-navbar .navbar-area-info
{
    float:right;
    font-size: 18px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    margin-right:6%;
    display:inline-block;
}

#nav-bar-spacing
{
    height:80px;
    width:100%;
}

a, a:hover, a:visited
{
    text-decoration: none !important;
    color:Black;
}


#gallery-area
{
    width:90%;
    margin-left:5%;
    font-size:18px;
}

#area-total-photo
{
    margin-left:5px;
    vertical-align:middle;
    background-color:#3c763d;
}

#area-loaded-photo
{
    margin-left:5px;
    vertical-align:middle;
    background-color:#8a6d3b;
}
#area-remain-loaded-photo
{
    margin-left:5px;
    vertical-align:middle;
    background-color:#a94442;
}

#infinite-scroll-ending-div
{
    width:90%;
    margin:0px;
    padding:0px;
    margin-left:5%;
    margin-top:15px;
    margin-bottom:10px;
    height:40px;
    text-align:center;
    color:Black;
    font-size:18px;
    line-height:40px;
    display:none;
}

#infinite-scroll-loading
{
    width:90%;
    margin:0px;
    padding:0px;
    margin-left:5%;
    margin-top:15px;
    margin-bottom:50px;
    height:50px;
    text-align:center;
    display:none;
}

#spinner-rotate 
{
    display:inline-block;
    font-size:40px;
    line-height:50px;
    -webkit-animation: spin .5s infinite linear;
    -moz-animation: spin .5s infinite linear;
    -o-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
    -webkit-transform-origin: 50% 50%;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%; /* IE 9 */
}

#eco-flickr-search
{
    width:90%;
    margin-left:5%;
}

#eco-flickr-search .panel-heading
{
    color:#428bca;
    cursor:pointer;
    font-size:18px;
    padding:5px 15px;
    
}

#eco-flickr-search .panel-heading span
{
    vertical-align:middle;
}

#eco-flickr-search .glyphicon-circle-arrow-down, #eco-flickr-search .glyphicon-circle-arrow-up
{
    font-size:18px;
    padding:5px 0px;
}

#eco-flickr-search .glyphicon-circle-arrow-down
{
    display:none;
}
#modal-download-image
{
    color:White;
    display:inline-block;
}

.bootstro-backdrop
{
    z-index: 2000;
}

.popover {
    z-index:2001;   
}

#icommunity-image-container img
{
    max-width:100%;
    height:auto;
}

#icommunity-modal
{
    padding-top:5%;
}

#area-dropdown-span-wrapper
{
    float:right;
    width:20%;
    margin-right:6%;
    padding-top:10px;
}

#constituency-label 
{
    float:right;
    padding-top:15px;
    font-size:16px;
    margin-right:10px;
}
.eco-input-field
{
    margin:10px 0px;
}
.eco-input-field label
{
    width:100px;
    display:inline-block;   
}

.eco-input-field input[type="text"]
{
    width:30%;
    display:inline-block;
} 

#eco-date-label
{
    width:4%;
    text-align:center;
    margin:0px;
    padding:0px;
}

#search-eco-tag
{
    width:65%;
}

.btn-search-options-toggle 
{
    width:95px;

}
.btn-search-eco-photos
{
    width:32%;
    font-weight:bold;
    margin-left:5px;
    font-size:16px;
    margin-right:0.5%;
}

.btn-show-search-url
{
    width:32%;
    font-weight:bold;
    font-size:16px;
}

.datepicker 
{
    width:300px;
}

.bootstrap-tagsinput
{
    width:65%;
}

.bootstrap-tagsinput .label
{
    font-size:100%;
}

.modal-footer
{
    margin:0px;
    padding-top:0px;
}

.modal-footer #event-description
{
    width:70%;
    float:left;
    margin:0px;
    padding:0px;
    margin-top:5px;
}

.modal-footer #photo-download-button
{
    width:30%;
    float:right;
    margin:0px;
    padding:0px;
    margin-top:5px;
    
}
#search-link-generation-field
{
    display:none;
}

#search-link-generation-field label
{
    color:#2f71a9;
}
#search-link-generation-field .search-link
{
    width:65%;
}

#event-description p
{
    text-align:left;
}
.image-description
{
    display:none;
}

.image-id
{
    display:none;
}

#image-tags-field
{
    text-align:left;
    width:100%;
    overflow:auto;
    padding-top:5px;
    padding-bottom:10px;
    border-bottom:1px solid #E5E5E5;
}

#image-tags-field span
{
    margin-top:10px;
    margin-right:5px;
    display:inline-block;
}

.modal-footer #image-tags-field a{
    text-decoration:none;
    color:Black;
    border: 2px solid #cd6d3c;
    padding: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 5px 0px 5px;
    display:inline-block;
}

.prettycheckbox
{
    vertical-align:middle;
}

.modal-footer #image-tags-field .tags-container
{
    width:95%;
    float:right;
    display:inline-block;
}

.share-photo-container
{
    margin-top:10px;
}
.share-photo-container span
{
    width:5%;
    display:inline-block;
}

.share-photo-container input[type="text"]
{
    width:93%;
    display:inline-block;
}

.eco-input-field .prettycheckbox label
{
    width:20px;
}

.eco-input-field .prettycheckbox label
{
    width:20px;
}

/* navbar related layout css*/
#lcp4-supported {
    font-size:12px;
}

/*Gallery search options css*/
.eco-search-toggle {
    display:none;
}

.search-option-less-toggle-label {
    vertical-align:middle;
    display:none;
}

.search-option-more-toggle-label {
    vertical-align:middle;
}
#plus-sign-toggle {
    margin-left:5px;
    vertical-align:middle;
}

#minus-sign-toggle {
    margin-left:5px;
    display:none;
    vertical-align:middle;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}