/*
Sheet Name: VendorFuel Front-End Component CSS Sheet
Author: Shaquan Kelly
Description: Styles used for the components in the VendorFuel store
Version: 0.0.1
*/


[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important; }

.modal { top: 0 !important; } 
/* Product image zoom used on the Product Detail page */
/*#product-image-preview {margin-top: 10px; height: 400px; background-repeat: no-repeat; margin-left: auto; margin-right: auto; }
#product-image {text-align: center;}
#product-image img {margin: 10px; display: block;}
#product-image img:hover {cursor: zoom-in; }
@media screen and (max-width: 767px) {#product-image img {display: inline-block;}}
#product-detail-images { width: 100% !important; }
#product-detail-images, .alternate-img {border:2px solid #fff; display: unset !important; margin-top:5px; margin-left:10px; cursor:pointer; width: auto; height: 75px;}
#product-detail-core-info {}
#product-description-card {padding: 15px;}
#product-specs-card {padding: 15px;}*/

/* Custom VendorFuel Sidebar with links/categories */
/*.sidebar {height: 100%; opacity: 0; position: fixed; z-index: 4; top: 0; left: 0; background-color: white !important; overflow-y: hidden; transition: 0.5s; }
.sidebar .sidebar-group { border-bottom: 1px solid #999; padding-bottom: 10px; }
.sidebar .sidebar-group .sidebar-header { font-weight: bold; border-bottom: 1px dashed #D0D0D0; }
.sidebar .sidebar-group a { font-weight: unset; }
.sidebar a {cursor: pointer; padding: 10px 32px 10px 32px; text-decoration: none; font-weight: bold; position: relative; font-size: 17px; display: block; transition: .5s linear all; }
.sidebar a:hover { background-color: #dcdcdc; text-decoration: none !important; }
.sidebar a .ng-enter { transition: 0.5s linear all; }
.sidebar a .ng-enter .ng-enter-active { opacity: 1; }
.sidebar p { cursor: default; padding: 10px 32px 10px 32px; text-decoration: none; position: relative; font-size: 17px; display: block; transition: .5s linear all; }
.sidebar .sidebar-list { width: 100%; overflow-y: scroll; position: relative; height: calc(100vh - 50px); transition: 3s linear; }
.sidebar .sidebar-title a { padding: 10px 32px 10px 32px; cursor: pointer; text-decoration: none; background-color: #2e2e2e !important;font-size: 20px; display: block; font-weight: normal !important; color: white !important; height: 50px; }
.sidebar .sidebar-title a:hover { background-color: transparent; text-decoration: none !important; }
.sidebar-open { top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 3; height: 100%; position: fixed !important; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -ms-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in; }

#vf-catalog-item {padding-left: 15px; padding-right: 15px; width: 100%;}
.vf-catalog-brief {border: 1px solid #ccc; border-radius: 5px; padding: 25px 35px 25px 20px; margin: 7px 0px 7px 0px; box-shadow: 0px 1px 10px #ccc; width: 100%; display: inline-block; background-color: white; max-height: 100% !important; height: 100%}

#container {max-width: 100%; width: unset;}

#click-to-top { z-index: 3; border-radius: 50%; position: fixed; height: 60px; width: 60px; bottom: 0;}

.card {border: none; display: flex !important;}
.cursor-pointer {cursor: pointer;}
.hov:hover { background-color: #333333 !important; color: white  !important; }
.hov a:hover { color: white; text-decoration-color: white; cursor: pointer; }
.site-content {padding: 0px !important;}
#site-buttons { position: fixed; bottom: 0; z-index: 3; width: 100px; cursor: pointer; }

#login-dp { min-width: 250px; padding: 14px 14px 0; overflow: hidden;}
#login-dp .help-block { font-size: 12px; }
#login-dp .bottom { background-color: rgba(255, 255, 255, 0.8); border-top: 1px solid #ddd; clear: both; padding: 14px; }
#login-dp .form-group {margin-bottom: 10px; }*/