/***************************************************/
/*-------- Video Styles for asset layout ----------*/
/***************************************************/
/* .asset-preview-layout default width is defined */
.asset-preview-layout {
    margin-bottom: 10px;
}
.asset-preview-layout .asset-thumb {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
}
.asset-preview-layout .asset-thumb a {
    position: relative;
    display: block;
    line-height: 0; /* a tag automatically push 3px from line-height */
}
.asset-preview-layout .asset-thumb a img {
    position: relative;
    width: 100%;
}
.asset-preview-layout .asset-thumb .thumb-overlay {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0px;
    padding: 3px 0px;
    color: #fff;
    background-color: rgba(0,0,0,0.55);
    background-color: #777\9;
    z-index: 10;
    -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
            transition: all 0.1s linear;
}
.asset-preview-layout .asset-thumb .thumb-overlay p {
    margin: 0;
    padding: 5px 24px 5px 0px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}
.asset-preview-layout .asset-thumb .thumb-overlay i {
    float: left;
    padding: 5px 10px 5px 18px;
    font-size: 23px;
    line-height: 20px;
    vertical-align: middle;
}
.asset-preview-layout .asset-thumb a:hover .thumb-overlay {
    padding-bottom: 9px;
}

/* Thumbnail Styles */
.thumbnail-container {
    display: block;
    width: 180px;
    margin-bottom: 10px;
    padding: 8px;
    background-color: #eee;
    cursor: pointer;
}
.thumbnail-container .thumbnail-img-layout {
    position: relative;
    padding: 4px;
    background-color: #fff;
    border: 2px solid #fff;
    line-height: 0;
}
.thumbnail-container .thumbnail-img-layout .place-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 7px;
    background-color: #fff;
}
.thumbnail-container .thumbnail-img-layout .place-icon i {
    display: block;
    color: #1aade9;
    font-size: 23px;
    line-height: 23px;
}
.thumbnail-container .thumbnail-img-layout img {
    width: 100%;
}
.thumbnail-container .title-container {
    padding: 14px 0 8px;
}
.thumbnail-container .title-container p {
    display: block;
    margin: 0;
    color: #1aade9;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
}
/* Hovers */
.thumbnail-container:hover .thumbnail-img-layout {
    border-color: #1aade9;
}

/*Styles for carousel*/

.asset-layout .concur-resource-carousel div.view-content {
    background: #767a7b;
}
.asset-layout .concur-resource-carousel .active .views-field-field-description {
    font-size: 12px;
    line-height: 14px;
}
.asset-layout .concur-resource-carousel .views-field-title a, .concur-resource-carousel .views-field-field-description{ 
    font-size: 15px;
    line-height: 18px;
}
.asset-layout .concur-resource-carousel div.view-content{ 
    margin: 30px 0 -20px -20px;
}
.asset-layout #asset-search-box .form-submit {
    top: 8px;
}
.asset-layout #views-exposed-form-asset-search-uk-page .views-exposed-widgets #edit-populate,
.asset-layout #asset-search-box .views-exposed-widgets #edit-populate {
    top:0px;
}
.asset-layout h1.title {
    font-weight: 400;
    padding-top: 13px;
    padding-bottom: 20px;
    margin-top: 10px;
}

/*resource center asset layout*/
.asset-layout #views-exposed-form-asset-search-uk-page,
.asset-layout #asset-search-box{
    top: 10px;
  }

  .view.view-resource-center-filter-uk.view-id-resource_center_filter_uk.view-display-id-rc_filter.rc-filter .view-header > .view-resource-filter-carousel-uk{
    padding-bottom: 50px;
  }
/***************************************/
/*-------- End of Asset Styles --------*/
/***************************************/