12604 lines
254 KiB
CSS
12604 lines
254 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);@charset "UTF-8";
|
|
.velocity-icon {
|
|
width: 60px;
|
|
height: 55px;
|
|
display: inline-block;
|
|
background-size: cover;
|
|
background-image: url("../images/Icon-Velocity.svg");
|
|
}
|
|
|
|
.router-link-active .velocity-icon,
|
|
.active .velocity-icon {
|
|
background-image: url("../images/Icon-Velocity-Active.svg");
|
|
}
|
|
|
|
.router-link-active.velocity-icon,
|
|
.active.velocity-icon {
|
|
background-image: url("../images/Icon-Velocity-Active.svg");
|
|
}
|
|
|
|
.velocity-icon {
|
|
width: 60px;
|
|
height: 55px;
|
|
display: inline-block;
|
|
background-size: cover;
|
|
background-image: url("../images/Icon-Velocity.svg");
|
|
}
|
|
|
|
.router-link-active .velocity-icon,
|
|
.active .velocity-icon {
|
|
background-image: url("../images/Icon-Velocity-Active.svg");
|
|
}
|
|
|
|
.router-link-active.velocity-icon,
|
|
.active.velocity-icon {
|
|
background-image: url("../images/Icon-Velocity-Active.svg");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Webkul Rango';
|
|
src: url("../fonts/font-rango/rango.eot?o0evyv");
|
|
src: url("../fonts/font-rango/rango.eot?o0evyv#iefix") format("embedded-opentype"), url("../fonts/font-rango/rango.ttf?o0evyv") format("truetype"), url("../fonts/font-rango/rango.woff?o0evyv") format("woff"), url("../fonts/font-rango/rango.svg?o0evyv#rango") format("svg");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.wk-icon {
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: #0041ff;
|
|
}
|
|
|
|
[class^="rango-"], [class*=" rango-"] {
|
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
font-family: 'Webkul Rango' !important;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.rango-activity:before {
|
|
content: "\E900";
|
|
}
|
|
|
|
.rango-announcement:before {
|
|
content: "\E901";
|
|
}
|
|
|
|
.rango-arrow-circle-down:before {
|
|
content: "\E902";
|
|
}
|
|
|
|
.rango-arrow-circle-left:before {
|
|
content: "\E903";
|
|
}
|
|
|
|
.rango-arrow-circle-right:before {
|
|
content: "\E904";
|
|
}
|
|
|
|
.rango-arrow-circle-up:before {
|
|
content: "\E905";
|
|
}
|
|
|
|
.rango-arrow-down:before {
|
|
content: "\E906";
|
|
}
|
|
|
|
.rango-arrow-left:before {
|
|
content: "\E907";
|
|
}
|
|
|
|
.rango-arrow-right:before {
|
|
content: "\E908";
|
|
}
|
|
|
|
.rango-arrow-up:before {
|
|
content: "\E909";
|
|
}
|
|
|
|
.rango-auction:before {
|
|
content: "\E90A";
|
|
}
|
|
|
|
.rango-baby:before {
|
|
content: "\E90B";
|
|
}
|
|
|
|
.rango-bag:before {
|
|
content: "\E90C";
|
|
}
|
|
|
|
.rango-ball-2:before {
|
|
content: "\E90D";
|
|
}
|
|
|
|
.rango-bar-code:before {
|
|
content: "\E90E";
|
|
}
|
|
|
|
.rango-batch:before {
|
|
content: "\E90F";
|
|
}
|
|
|
|
.rango-book:before {
|
|
content: "\E910";
|
|
}
|
|
|
|
.rango-calender:before {
|
|
content: "\E911";
|
|
}
|
|
|
|
.rango-camera:before {
|
|
content: "\E912";
|
|
}
|
|
|
|
.rango-car:before {
|
|
content: "\E913";
|
|
}
|
|
|
|
.rango-card:before {
|
|
content: "\E914";
|
|
}
|
|
|
|
.rango-cart-1:before {
|
|
content: "\E915";
|
|
}
|
|
|
|
.rango-cart-2:before {
|
|
content: "\E916";
|
|
}
|
|
|
|
.rango-cart-3:before {
|
|
content: "\E917";
|
|
}
|
|
|
|
.rango-circel-1:before {
|
|
content: "\E918";
|
|
}
|
|
|
|
.rango-circel:before {
|
|
content: "\E919";
|
|
}
|
|
|
|
.rango-circle-1:before {
|
|
content: "\E91A";
|
|
}
|
|
|
|
.rango-circle-2:before {
|
|
content: "\E91B";
|
|
}
|
|
|
|
.rango-circle-check:before {
|
|
content: "\E91C";
|
|
}
|
|
|
|
.rango-clear:before {
|
|
content: "\E91D";
|
|
}
|
|
|
|
.rango-close-2:before {
|
|
content: "\E91E";
|
|
}
|
|
|
|
.rango-close:before {
|
|
content: "\E91F";
|
|
}
|
|
|
|
.rango-cloth:before {
|
|
content: "\E920";
|
|
}
|
|
|
|
.rango-coin:before {
|
|
content: "\E921";
|
|
}
|
|
|
|
.rango-copy:before {
|
|
content: "\E922";
|
|
}
|
|
|
|
.rango-currency:before {
|
|
content: "\E923";
|
|
}
|
|
|
|
.rango-delete:before {
|
|
content: "\E924";
|
|
}
|
|
|
|
.rango-donwload-1:before {
|
|
content: "\E925";
|
|
}
|
|
|
|
.rango-download-1:before {
|
|
content: "\E926";
|
|
}
|
|
|
|
.rango-edit-pencil:before {
|
|
content: "\E927";
|
|
}
|
|
|
|
.rango-ellipse:before {
|
|
content: "\E928";
|
|
}
|
|
|
|
.rango-envelop:before {
|
|
content: "\E929";
|
|
}
|
|
|
|
.rango-exchange:before {
|
|
content: "\E92A";
|
|
}
|
|
|
|
.rango-exchnage:before {
|
|
content: "\E92B";
|
|
}
|
|
|
|
.rango-expend-collaps:before {
|
|
content: "\E92C";
|
|
}
|
|
|
|
.rango-expend:before {
|
|
content: "\E92D";
|
|
}
|
|
|
|
.rango-eye-hide:before {
|
|
content: "\E92E";
|
|
}
|
|
|
|
.rango-eye-visible:before {
|
|
content: "\E92F";
|
|
}
|
|
|
|
.rango-facebook:before {
|
|
content: "\E930";
|
|
}
|
|
|
|
.rango-file:before {
|
|
content: "\E931";
|
|
}
|
|
|
|
.rango-filter:before {
|
|
content: "\E932";
|
|
}
|
|
|
|
.rango-flag:before {
|
|
content: "\E933";
|
|
}
|
|
|
|
.rango-folder:before {
|
|
content: "\E934";
|
|
}
|
|
|
|
.rango-food:before {
|
|
content: "\E935";
|
|
}
|
|
|
|
.rango-furniture:before {
|
|
content: "\E936";
|
|
}
|
|
|
|
.rango-gift:before {
|
|
content: "\E937";
|
|
}
|
|
|
|
.rango-globe:before {
|
|
content: "\E938";
|
|
}
|
|
|
|
.rango-google-plus:before {
|
|
content: "\E939";
|
|
}
|
|
|
|
.rango-gps:before {
|
|
content: "\E93A";
|
|
}
|
|
|
|
.rango-graph-1:before {
|
|
content: "\E93B";
|
|
}
|
|
|
|
.rango-graph:before {
|
|
content: "\E93C";
|
|
}
|
|
|
|
.rango-heart-fill:before {
|
|
content: "\E93D";
|
|
}
|
|
|
|
.rango-heart:before {
|
|
content: "\E93E";
|
|
}
|
|
|
|
.rango-hold-cart:before {
|
|
content: "\E93F";
|
|
}
|
|
|
|
.rango-home:before {
|
|
content: "\E940";
|
|
}
|
|
|
|
.rango-info:before {
|
|
content: "\E941";
|
|
}
|
|
|
|
.rango-instagram:before {
|
|
content: "\E942";
|
|
}
|
|
|
|
.rango-language-1:before {
|
|
content: "\E943";
|
|
}
|
|
|
|
.rango-language:before {
|
|
content: "\E944";
|
|
}
|
|
|
|
.rango-laptop:before {
|
|
content: "\E945";
|
|
}
|
|
|
|
.rango-limit:before {
|
|
content: "\E946";
|
|
}
|
|
|
|
.rango-linked-in:before {
|
|
content: "\E947";
|
|
}
|
|
|
|
.rango-lipstick:before {
|
|
content: "\E948";
|
|
}
|
|
|
|
.rango-location:before {
|
|
content: "\E949";
|
|
}
|
|
|
|
.rango-lock-1:before {
|
|
content: "\E94A";
|
|
}
|
|
|
|
.rango-lock-2:before {
|
|
content: "\E94B";
|
|
}
|
|
|
|
.rango-map:before {
|
|
content: "\E94C";
|
|
}
|
|
|
|
.rango-message-1:before {
|
|
content: "\E94D";
|
|
}
|
|
|
|
.rango-message:before {
|
|
content: "\E94E";
|
|
}
|
|
|
|
.rango-minus:before {
|
|
content: "\E94F";
|
|
}
|
|
|
|
.rango-mobile:before {
|
|
content: "\E950";
|
|
}
|
|
|
|
.rango-more:before {
|
|
content: "\E951";
|
|
}
|
|
|
|
.rango-neckless:before {
|
|
content: "\E952";
|
|
}
|
|
|
|
.rango-next:before {
|
|
content: "\E953";
|
|
}
|
|
|
|
.rango-notification:before {
|
|
content: "\E954";
|
|
}
|
|
|
|
.rango-num-pad:before {
|
|
content: "\E955";
|
|
}
|
|
|
|
.rango-percentage:before {
|
|
content: "\E956";
|
|
}
|
|
|
|
.rango-phone:before {
|
|
content: "\E957";
|
|
}
|
|
|
|
.rango-picture:before {
|
|
content: "\E958";
|
|
}
|
|
|
|
.rango-pintrest:before {
|
|
content: "\E959";
|
|
}
|
|
|
|
.rango-play:before {
|
|
content: "\E95A";
|
|
}
|
|
|
|
.rango-plus:before {
|
|
content: "\E95B";
|
|
}
|
|
|
|
.rango-pos:before {
|
|
content: "\E95C";
|
|
}
|
|
|
|
.rango-power:before {
|
|
content: "\E95D";
|
|
}
|
|
|
|
.rango-previous:before {
|
|
content: "\E95E";
|
|
}
|
|
|
|
.rango-printer:before {
|
|
content: "\E95F";
|
|
}
|
|
|
|
.rango-product-add:before {
|
|
content: "\E960";
|
|
}
|
|
|
|
.rango-product-retrun:before {
|
|
content: "\E961";
|
|
}
|
|
|
|
.rango-product:before {
|
|
content: "\E962";
|
|
}
|
|
|
|
.rango-produt-group:before {
|
|
content: "\E963";
|
|
}
|
|
|
|
.rango-push:before {
|
|
content: "\E964";
|
|
}
|
|
|
|
.rango-quotation:before {
|
|
content: "\E965";
|
|
}
|
|
|
|
.rango-refresh:before {
|
|
content: "\E966";
|
|
}
|
|
|
|
.rango-refrigrator:before {
|
|
content: "\E967";
|
|
}
|
|
|
|
.rango-return-credit:before {
|
|
content: "\E968";
|
|
}
|
|
|
|
.rango-return:before {
|
|
content: "\E969";
|
|
}
|
|
|
|
.rango-search:before {
|
|
content: "\E96A";
|
|
}
|
|
|
|
.rango-security:before {
|
|
content: "\E96B";
|
|
}
|
|
|
|
.rango-setting-cog:before {
|
|
content: "\E96C";
|
|
}
|
|
|
|
.rango-setting-reset:before {
|
|
content: "\E96D";
|
|
}
|
|
|
|
.rango-share-1:before {
|
|
content: "\E96E";
|
|
}
|
|
|
|
.rango-share-2:before {
|
|
content: "\E96F";
|
|
}
|
|
|
|
.rango-shoes:before {
|
|
content: "\E970";
|
|
}
|
|
|
|
.rango-shop:before {
|
|
content: "\E971";
|
|
}
|
|
|
|
.rango-sign-in:before {
|
|
content: "\E972";
|
|
}
|
|
|
|
.rango-sign-out:before {
|
|
content: "\E973";
|
|
}
|
|
|
|
.rango-sort-1:before {
|
|
content: "\E974";
|
|
}
|
|
|
|
.rango-sort-2:before {
|
|
content: "\E975";
|
|
}
|
|
|
|
.rango-square-1:before {
|
|
content: "\E976";
|
|
}
|
|
|
|
.rango-square-3:before {
|
|
content: "\E977";
|
|
}
|
|
|
|
.rango-square-4:before {
|
|
content: "\E978";
|
|
}
|
|
|
|
.rango-square-tick-fill:before {
|
|
content: "\E979";
|
|
}
|
|
|
|
.rango-square:before {
|
|
content: "\E97B";
|
|
}
|
|
|
|
.rango-star-fill:before {
|
|
content: "\E97C";
|
|
}
|
|
|
|
.rango-star:before {
|
|
content: "\E97D";
|
|
}
|
|
|
|
.rango-stat-down:before {
|
|
content: "\E97E";
|
|
}
|
|
|
|
.rango-stat-up:before {
|
|
content: "\E97F";
|
|
}
|
|
|
|
.rango-support-head:before {
|
|
content: "\E980";
|
|
}
|
|
|
|
.rango-t-shirt:before {
|
|
content: "\E981";
|
|
}
|
|
|
|
.rango-table:before {
|
|
content: "\E982";
|
|
}
|
|
|
|
.rango-tag-1:before {
|
|
content: "\E983";
|
|
}
|
|
|
|
.rango-tag-2:before {
|
|
content: "\E984";
|
|
}
|
|
|
|
.rango-tag-3:before {
|
|
content: "\E985";
|
|
}
|
|
|
|
.rango-tag-4:before {
|
|
content: "\E986";
|
|
}
|
|
|
|
.rango-tick-2:before {
|
|
content: "\E987";
|
|
}
|
|
|
|
.rango-tick-square:before {
|
|
content: "\E988";
|
|
}
|
|
|
|
.rango-tick:before {
|
|
content: "\E989";
|
|
}
|
|
|
|
.rango-toggle:before {
|
|
content: "\E98A";
|
|
}
|
|
|
|
.rango-trophy:before {
|
|
content: "\E98B";
|
|
}
|
|
|
|
.rango-twitter:before {
|
|
content: "\E98C";
|
|
}
|
|
|
|
.rango-upload-2:before {
|
|
content: "\E98D";
|
|
}
|
|
|
|
.rango-upload:before {
|
|
content: "\E98E";
|
|
}
|
|
|
|
.rango-user-add:before {
|
|
content: "\E98F";
|
|
}
|
|
|
|
.rango-user-cash:before {
|
|
content: "\E990";
|
|
}
|
|
|
|
.rango-user-group:before {
|
|
content: "\E991";
|
|
}
|
|
|
|
.rango-user-info:before {
|
|
content: "\E992";
|
|
}
|
|
|
|
.rango-user-owner:before {
|
|
content: "\E993";
|
|
}
|
|
|
|
.rango-user-shop:before {
|
|
content: "\E994";
|
|
}
|
|
|
|
.rango-user:before {
|
|
content: "\E995";
|
|
}
|
|
|
|
.rango-van-ship:before {
|
|
content: "\E996";
|
|
}
|
|
|
|
.rango-video-camera:before {
|
|
content: "\E997";
|
|
}
|
|
|
|
.rango-video:before {
|
|
content: "\E998";
|
|
}
|
|
|
|
.rango-view-grid:before {
|
|
content: "\E999";
|
|
}
|
|
|
|
.rango-view-list:before {
|
|
content: "\E99A";
|
|
}
|
|
|
|
.rango-wifi-on:before {
|
|
content: "\E99B";
|
|
}
|
|
|
|
.rango-wifi:before {
|
|
content: "\E99C";
|
|
}
|
|
|
|
.rango-youtube:before {
|
|
content: "\E99D";
|
|
}
|
|
|
|
.rango-zoom-minus:before {
|
|
content: "\E99E";
|
|
}
|
|
|
|
.rango-zoom-plus:before {
|
|
content: "\E99F";
|
|
}
|
|
|
|
.qty-btn {
|
|
height: 36px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.qty-btn > * {
|
|
height: 36px;
|
|
padding: 0px 10px;
|
|
border: 1px solid #CCCCCC;
|
|
vertical-align: top;
|
|
line-height: 3.5rem;
|
|
display: inline-block;
|
|
}
|
|
|
|
.qty-btn > *:not(:first-child) {
|
|
border-left: none;
|
|
position: relative;
|
|
}
|
|
|
|
.qty-btn > *:nth-child(2) {
|
|
left: -4px;
|
|
}
|
|
|
|
.qty-btn > *:nth-child(3) {
|
|
left: -7px;
|
|
}
|
|
|
|
.btn-add-to-cart {
|
|
padding: 8px;
|
|
color: #fff !important;
|
|
border-radius: 0px !important;
|
|
border-color: #26A37C !important;
|
|
background-color: #26A37C !important;
|
|
}
|
|
|
|
.btn-add-to-cart.large {
|
|
padding: 12px 18px;
|
|
}
|
|
|
|
.btn-add-to-cart .rango-cart-1 {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.accordian .accordian-header i.rango-arrow {
|
|
float: right;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.accordian .accordian-header i.rango-arrow::before {
|
|
content: "\E908";
|
|
}
|
|
|
|
.accordian.active .accordian-header i.rango-arrow::before {
|
|
content: "\E906";
|
|
}
|
|
|
|
.accordian .accordian-header {
|
|
width: 100%;
|
|
font-size: 18px;
|
|
cursor: pointer;
|
|
color: #3a3a3a;
|
|
margin-top: -1px;
|
|
padding-bottom: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.accordian .accordian-content {
|
|
width: 100%;
|
|
display: none;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.accordian.active .accordian-header {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.accordian.active .accordian-content {
|
|
display: inline-block;
|
|
}
|
|
|
|
.review-page-container {
|
|
padding: 20px;
|
|
}
|
|
|
|
.review-page-container .category-breadcrumb {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.review-page-container h2 {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.review-page-container h3 {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.review-page-container h4 {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.review-page-container .customer-reviews > div.row {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.customer-rating .rating-container {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.customer-rating a {
|
|
color: #4D7EA8;
|
|
}
|
|
|
|
.customer-rating a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.customer-rating .col-lg-6:first-child {
|
|
border-right: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.customer-rating .rating-bar {
|
|
top: 12px;
|
|
height: 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.customer-rating .rating-bar > div {
|
|
width: 0px;
|
|
height: 100%;
|
|
background-color: black;
|
|
}
|
|
|
|
.customer-rating .btn-write-review {
|
|
margin-top: 10px;
|
|
color: #26A37C;
|
|
font-weight: 600;
|
|
padding: 8px 11px;
|
|
background-color: white;
|
|
-webkit-box-shadow: 0 1px 0 0 #CFCFCF;
|
|
box-shadow: 0 1px 0 0 #CFCFCF;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.review-form {
|
|
width: 80%;
|
|
}
|
|
|
|
.review-form > div {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.review-form > div label {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
display: block;
|
|
}
|
|
|
|
.review-form > div input,
|
|
.review-form > div textarea {
|
|
width: 100%;
|
|
resize: none;
|
|
font-size: 16px;
|
|
padding: 5px 16px;
|
|
border-radius: 1px;
|
|
border: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.filters-container {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.filters-container > div {
|
|
margin: 0 20px 0 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.filters-container > div label {
|
|
font-weight: 500;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.filters-container > div select {
|
|
cursor: pointer;
|
|
padding: 6px 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
background-color: white;
|
|
}
|
|
|
|
.filters-container > div:not(:first-child) {
|
|
vertical-align: super;
|
|
}
|
|
|
|
.view-mode {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.view-mode .rango-view-grid-container {
|
|
width: 36px;
|
|
height: 36px;
|
|
cursor: pointer;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
padding: 6px 0 0 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.view-mode .rango-view-grid-container.active {
|
|
color: white;
|
|
background-color: #26A37C;
|
|
}
|
|
|
|
.view-mode .rango-view-list-container {
|
|
width: 36px;
|
|
height: 36px;
|
|
cursor: pointer;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
padding: 6px 0 0 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.view-mode .rango-view-list-container.active {
|
|
color: white;
|
|
background-color: #26A37C;
|
|
}
|
|
|
|
.modal-container {
|
|
background: #ffffff;
|
|
top: 100px;
|
|
width: 600px;
|
|
max-width: 80%;
|
|
left: 50%;
|
|
margin-left: -300px;
|
|
position: fixed;
|
|
z-index: 11;
|
|
-webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2);
|
|
-webkit-animation: fade-in-white 0.3s ease-in-out;
|
|
animation: fade-in-white 0.3s ease-in-out;
|
|
-webkit-animation: jelly 0.5s ease-in-out;
|
|
animation: jelly 0.5s ease-in-out;
|
|
border-radius: 5px;
|
|
overflow-y: auto;
|
|
max-height: 80%;
|
|
}
|
|
|
|
.modal-container .modal-header {
|
|
padding: 20px;
|
|
}
|
|
|
|
.modal-container .modal-header h3 {
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
margin: 0;
|
|
}
|
|
|
|
.modal-container .modal-header .icon {
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.modal-container .modal-body {
|
|
padding: 20px;
|
|
}
|
|
|
|
.modal-container .modal-body .control-group .control {
|
|
width: 100%;
|
|
}
|
|
|
|
@media only screen and (max-width: 770px) {
|
|
.modal-container {
|
|
max-width: 80%;
|
|
left: 10%;
|
|
margin-left: 0px;
|
|
}
|
|
}
|
|
|
|
#product-card-new {
|
|
border: none;
|
|
margin: 0 5px 10px 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#product-card-new .product-image-container {
|
|
height: 220px;
|
|
}
|
|
|
|
#product-card-new .product-image-container img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#product-card-new .card-current-price {
|
|
font-size: 18px;
|
|
}
|
|
|
|
#product-card-new .product-rating .stars {
|
|
display: inline-block;
|
|
}
|
|
|
|
#product-card-new .product-rating span {
|
|
font-size: 14px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#product-card-new .card-body > div:not(:last-child) {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#product-card-new .product-price .sticker {
|
|
display: block;
|
|
}
|
|
|
|
#product-card-new .cart-wish-wrap .wishlist-icon {
|
|
height: 32px;
|
|
display: table;
|
|
}
|
|
|
|
#product-card-new .cart-wish-wrap .wishlist-icon > i {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.quantity {
|
|
width: 100%;
|
|
padding-bottom: 10px;
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.quantity label {
|
|
float: left;
|
|
padding: 5px 10px 10px 0;
|
|
}
|
|
|
|
.quantity button,
|
|
.quantity input {
|
|
font-size: 16px !important;
|
|
background-color: white;
|
|
border: 1px solid #CCCCCC !important;
|
|
}
|
|
|
|
.quantity input {
|
|
width: 50px;
|
|
}
|
|
|
|
.quantity button:active,
|
|
.quantity button:focus,
|
|
.quantity input:active,
|
|
.quantity input:focus {
|
|
outline: none !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.form-container .container {
|
|
width: 65%;
|
|
margin: 0 auto;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.form-container .container .heading {
|
|
width: 100%;
|
|
margin-bottom: 35px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.form-container .container .heading h2 {
|
|
line-height: 4rem;
|
|
display: inline-block;
|
|
}
|
|
|
|
.form-container .container .heading .btn-new-customer {
|
|
float: right;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.form-container .container .body {
|
|
font-size: 16px;
|
|
padding: 35px 55px;
|
|
margin-bottom: 60px;
|
|
border: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.form-container .container .body .form-header {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.form-container .container .body form > div {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.form-container .container .body form > div input {
|
|
border: 1px solid #DCDCDC;
|
|
}
|
|
|
|
.container-right > .recently-viewed {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.rango-star {
|
|
cursor: default;
|
|
}
|
|
|
|
.customer-options {
|
|
float: right;
|
|
padding: 20px;
|
|
height: 150px;
|
|
overflow-y: scroll;
|
|
width: 200px !important;
|
|
}
|
|
|
|
.customer-options .customer-session label {
|
|
font-size: 18px;
|
|
color: #9e9e9e;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.customer-options li {
|
|
padding: 3px 0;
|
|
}
|
|
|
|
.customer-options a {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.cart-btn-collection button[type=button].btn-secondary {
|
|
border: none;
|
|
font-size: 16px;
|
|
color: #000000;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.cart-btn-collection button[type=button].btn-secondary :hover {
|
|
color: #000000 !important;
|
|
background-color: #FFFFFF !important;
|
|
}
|
|
|
|
.cart-btn-collection button[type=button].btn-secondary :focus,
|
|
.cart-btn-collection button[type=button].btn-secondary :active {
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.cart-btn-collection button[type=button].btn-secondary #cart-count {
|
|
left: -20px;
|
|
top: -15px;
|
|
padding: 4px;
|
|
min-width: 20px;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
background: #21A179;
|
|
}
|
|
|
|
.mini-cart-container #mini-cart {
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
text-decoration: unset;
|
|
}
|
|
|
|
.mini-cart-container #mini-cart .badge {
|
|
border-radius: 50%;
|
|
top: -15px;
|
|
left: -10px;
|
|
padding: 4px;
|
|
min-width: 20px;
|
|
position: relative;
|
|
background: #21A179;
|
|
}
|
|
|
|
.mini-cart-container #mini-cart .cart-text {
|
|
top: -2px;
|
|
left: -10px;
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-icon-custom .mini-cart-content {
|
|
display: inline-block;
|
|
}
|
|
|
|
.dropdown-icon-custom::after {
|
|
top: -5px;
|
|
color: black;
|
|
font-size: 16px;
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-left: 1rem;
|
|
vertical-align: middle;
|
|
content: "";
|
|
border-top: .3em solid;
|
|
border-right: .3em solid transparent;
|
|
border-bottom: 0;
|
|
border-left: .3em solid transparent;
|
|
}
|
|
|
|
#cart-modal-content {
|
|
top: 44px;
|
|
z-index: 100;
|
|
width: 350px;
|
|
left: -230px;
|
|
position: absolute;
|
|
}
|
|
|
|
#cart-modal-content .close {
|
|
top: 12px;
|
|
right: 15px;
|
|
padding: 0px;
|
|
position: relative;
|
|
}
|
|
|
|
#cart-modal-content .small-card-container {
|
|
margin: 0;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
#cart-modal-content .small-card-container .product-image-container {
|
|
margin: 10px 10px 10px 0px;
|
|
border: 1px solid #ECECEC;
|
|
}
|
|
|
|
#cart-modal-content .small-card-container input {
|
|
width: 30px;
|
|
text-align: center;
|
|
font-weight: 500;
|
|
border: 1px solid #ECECEC;
|
|
}
|
|
|
|
#cart-modal-content .small-card-container .card-total-price {
|
|
float: right;
|
|
}
|
|
|
|
#cart-modal-content .small-card-container .rango-close {
|
|
top: -10px;
|
|
left: -10px;
|
|
padding: 4px;
|
|
font-size: 10px;
|
|
max-height: 17px;
|
|
line-height: 1.3rem;
|
|
text-align: center;
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
color: #FFFFFF;
|
|
background: #000000;
|
|
}
|
|
|
|
#cart-modal-content .small-card-container:hover {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#cart-modal-content .modal-footer {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.cart-details {
|
|
padding: 40px 20px;
|
|
}
|
|
|
|
.cart-details h1 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.cart-details .cart-details-header h2 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.cart-details .cart-details-header .cart-header {
|
|
max-height: 45px;
|
|
margin-bottom: 20px;
|
|
border-bottom: 2px solid #E5E5E5;
|
|
}
|
|
|
|
.cart-details .cart-details-header .cart-header > h3 {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.cart-details .cart-content {
|
|
padding: 0;
|
|
}
|
|
|
|
.cart-details .cart-content .product-quantity .quantity label {
|
|
display: none !important;
|
|
}
|
|
|
|
.cart-details .cart-content .cart-item-list > .row {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.cart-details .cart-content .cart-item-list > .row:last-child {
|
|
padding-bottom: 20px;
|
|
border-bottom: 2px solid #E5E5E5;
|
|
}
|
|
|
|
.cart-details .cart-content .cart-item-list .product-image-container {
|
|
padding: 0;
|
|
max-width: 110px;
|
|
max-height: 110px;
|
|
}
|
|
|
|
.cart-details .cart-content .product-details-content {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.cart-details .cart-content .product-details-content .row {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.cart-details .cart-content .product-details-content .row .card-current-price {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.cart-details .cart-content .product-details-content > .row:not(:last-child) {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.cart-details .continue-shopping-btn {
|
|
max-width: 156px;
|
|
margin-top: 20px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.account-content .sidebar {
|
|
border-right: 1px solid #E5E5E5;
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .account-details {
|
|
text-align: center;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .account-details .customer-name {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin: 0 auto;
|
|
font-size: 24px;
|
|
margin-bottom: 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .account-details .customer-name-text {
|
|
color: rgba(0, 0, 0, 0.83);
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .account-details .customer-email {
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .navigation {
|
|
width: 100%;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .navigation li {
|
|
width: 99%;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .navigation li:hover {
|
|
color: #4D7EA8;
|
|
}
|
|
|
|
.account-content .sidebar .customer-sidebar .navigation li.active {
|
|
color: #4D7EA8;
|
|
background-color: #F7F7F9;
|
|
}
|
|
|
|
.account-content .account-layout {
|
|
color: rgba(0, 0, 0, 0.83);
|
|
padding: 15px 20px;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.account-content .account-layout .account-head {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.account-content .account-layout .account-heading {
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content > .row,
|
|
.account-content .account-layout .account-table-content .control-group {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content label {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content input,
|
|
.account-content .account-layout .account-table-content select {
|
|
width: 100%;
|
|
resize: none;
|
|
font-size: 16px;
|
|
padding: 5px 16px;
|
|
border-radius: 1px;
|
|
background: #FFFFFF;
|
|
border: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content input:active,
|
|
.account-content .account-layout .account-table-content input:focus,
|
|
.account-content .account-layout .account-table-content select:focus,
|
|
.account-content .account-layout .account-table-content select:active {
|
|
border-color: #26A37C;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content .address-holder {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content .address-holder > div {
|
|
margin: 5px 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content .address-holder .card {
|
|
height: 100%;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content .address-holder .card ul li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.account-content .account-layout .account-table-content .account-items-list {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.account-content .account-layout .account-items-list.wishlist-container .col-3 {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.account-content .account-layout .account-items-list.wishlist-container .col-3 #product-card-new {
|
|
margin: 0;
|
|
}
|
|
|
|
.account-content .account-layout .max-sm-img-dimention {
|
|
max-width: 110px;
|
|
max-height: 110px;
|
|
}
|
|
|
|
.account-content .account-layout .max-sm-img-dimention img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.account-content .account-layout .reviews-container > .row {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.account-content .account-layout .bottom-toolbar .pagination {
|
|
margin: 0;
|
|
}
|
|
|
|
.account-content .account-layout .bottom-toolbar .pagination a:not([href]).next, .account-content .account-layout .bottom-toolbar .pagination a:not([href]).previous {
|
|
cursor: not-allowed;
|
|
color: #9e9e9e !important;
|
|
}
|
|
|
|
.account-content .account-layout .bottom-toolbar .pagination .page-item {
|
|
border: none !important;
|
|
box-shadow: unset !important;
|
|
-webkit-box-shadow: unset !important;
|
|
}
|
|
|
|
.account-content .account-layout .bottom-toolbar .pagination .page-item.active {
|
|
border: 1px solid #26A37C;
|
|
color: #26A37C !important;
|
|
}
|
|
|
|
.account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-right-icon,
|
|
.account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-left-icon, .account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-right-icon,
|
|
.account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-left-icon {
|
|
margin: 0;
|
|
speak: none;
|
|
line-height: 1;
|
|
font-size: 24px;
|
|
background: unset;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-family: 'Webkul Rango' !important;
|
|
}
|
|
|
|
.account-content .account-layout .bottom-toolbar .pagination .page-item.next .angle-right-icon::before {
|
|
content: "\E908";
|
|
}
|
|
|
|
.account-content .account-layout .bottom-toolbar .pagination .page-item.previous .angle-left-icon::before {
|
|
content: "\E907";
|
|
}
|
|
|
|
.alert {
|
|
right: 15px !important;
|
|
top: 50px !important;
|
|
z-index: 100 !important;
|
|
font-size: 16px !important;
|
|
position: fixed !important;
|
|
max-width: 400px !important;
|
|
min-height: 45px !important;
|
|
max-height: 100px !important;
|
|
}
|
|
|
|
.alert.alert-dismissible .close {
|
|
font-size: 23px;
|
|
padding: .3rem 1.25rem;
|
|
}
|
|
|
|
.wishlist-icon {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.wishlist-icon i {
|
|
color: #F05153;
|
|
}
|
|
|
|
.wishlist-icon i:hover::before {
|
|
content: "\E93D";
|
|
}
|
|
|
|
.checkout-process {
|
|
padding: 40px 20px;
|
|
}
|
|
|
|
.checkout-process .col-7 > div {
|
|
width: 100%;
|
|
}
|
|
|
|
.checkout-process h1 {
|
|
font-weight: 600;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.checkout-process .scrollable {
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.checkout-process .order-summary-container .theme-btn, .checkout-process .order-summary-container .cart-details .continue-shopping-btn, .cart-details .checkout-process .order-summary-container .continue-shopping-btn, .checkout-process .order-summary-container .account-content .account-layout .bottom-toolbar .pagination .page-item, .account-content .account-layout .bottom-toolbar .pagination .checkout-process .order-summary-container .page-item {
|
|
display: none;
|
|
}
|
|
|
|
.checkout-process .order-summary-container.bottom h3 {
|
|
display: none;
|
|
}
|
|
|
|
.checkout-process input[type=radio] {
|
|
transform: scale(1.3);
|
|
-ms-transform: scale(1.3);
|
|
-webkit-transform: scale(1.3);
|
|
}
|
|
|
|
.address-container .address-holder {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.address-container .address-holder > div {
|
|
margin: 5px 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.address-container .address-holder .card {
|
|
height: 100%;
|
|
}
|
|
|
|
.address-container .address-holder .card ul li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-form .row {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.custom-form label {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.custom-form input[type=text],
|
|
.custom-form input[type=password],
|
|
.custom-form input[type=search],
|
|
.custom-form select {
|
|
width: 100%;
|
|
resize: none;
|
|
font-size: 16px;
|
|
padding: 5px 16px;
|
|
border-radius: 1px;
|
|
background: #FFFFFF;
|
|
border: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.custom-form input:active,
|
|
.custom-form input:focus,
|
|
.custom-form select:focus,
|
|
.custom-form select:active {
|
|
border-color: #26A37C;
|
|
}
|
|
|
|
.shipping-form h3,
|
|
.payment-form h3,
|
|
.review-checkout-conainer h3 {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.shipping-form .shipping-methods > .row,
|
|
.shipping-form .payment-methods > .row,
|
|
.payment-form .shipping-methods > .row,
|
|
.payment-form .payment-methods > .row,
|
|
.review-checkout-conainer .shipping-methods > .row,
|
|
.review-checkout-conainer .payment-methods > .row {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.shipping-form .address-summary li,
|
|
.payment-form .address-summary li,
|
|
.review-checkout-conainer .address-summary li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.shipping-form .cart-item-list,
|
|
.payment-form .cart-item-list,
|
|
.review-checkout-conainer .cart-item-list {
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid #E5E5E5;
|
|
}
|
|
|
|
.shipping-form .cart-item-list h4,
|
|
.payment-form .cart-item-list h4,
|
|
.review-checkout-conainer .cart-item-list h4 {
|
|
padding-bottom: 20px;
|
|
border-bottom: 1px solid #E5E5E5;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.shipping-form .cart-item-list > .row:first-child,
|
|
.payment-form .cart-item-list > .row:first-child,
|
|
.review-checkout-conainer .cart-item-list > .row:first-child {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.shipping-form .cart-item-list > .row,
|
|
.payment-form .cart-item-list > .row,
|
|
.review-checkout-conainer .cart-item-list > .row {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.shipping-form .cart-details,
|
|
.payment-form .cart-details,
|
|
.review-checkout-conainer .cart-details {
|
|
padding: 40px 0;
|
|
}
|
|
|
|
.order-summary-container {
|
|
padding-top: 3%;
|
|
}
|
|
|
|
.order-summary-container > div {
|
|
width: 100%;
|
|
}
|
|
|
|
.order-summary-container .order-summary {
|
|
padding: 25px 30px;
|
|
border: 1px solid #E5E5E5;
|
|
}
|
|
|
|
.order-summary-container .order-summary > h3 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.order-summary-container .order-summary .row > .col-8,
|
|
.order-summary-container .order-summary .row .col-4 {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.order-summary-container .order-summary > .row:not(:last-child) {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.order-summary-container .order-summary #grand-total-detail {
|
|
margin-top: 15px;
|
|
padding-top: 15px;
|
|
margin-bottom: 25px;
|
|
border-top: 1px solid #E5E5E5;
|
|
}
|
|
|
|
.order-success-content {
|
|
padding: 40px 20px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.table .badge {
|
|
padding: 10px;
|
|
}
|
|
|
|
.search-result-status {
|
|
width: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
#address-section .form-header h3 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.attached-products-wrapper {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#related-products-carousel #product-card-new:first-child {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.product-price .price-label {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.product-price .sticker {
|
|
top: 0;
|
|
left: 0;
|
|
border: none;
|
|
color: white;
|
|
display: none;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
padding: 2px 10px;
|
|
position: absolute;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.product-price .sticker.sale {
|
|
background-color: #26A37C;
|
|
}
|
|
|
|
.product-price .regular-price {
|
|
font-weight: 600;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.product-price .special-price {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
#app {
|
|
min-height: 65vh;
|
|
}
|
|
|
|
.search-container :first-child {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.method-sticker {
|
|
font-size: 13px;
|
|
padding: 4px 8px;
|
|
text-align: center;
|
|
border-radius: 1px;
|
|
display: inline-block;
|
|
color: #cfcfd0;
|
|
background-color: #141516;
|
|
}
|
|
|
|
#sidebar .category-content {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#sidebar .category-content .category-title {
|
|
top: -1px;
|
|
font-weight: 600;
|
|
position: relative;
|
|
}
|
|
|
|
#sidebar li:hover {
|
|
color: #4D7EA8;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list {
|
|
padding: 15px 0;
|
|
border-top: solid 1px rgba(162, 162, 162, 0.2);
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li {
|
|
margin-bottom: 15px;
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li:first-child span {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li:first-child span:last-child {
|
|
float: right;
|
|
width: 50px;
|
|
text-align: left;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li .name {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li .name .product-price {
|
|
margin-top: 5px;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li .name .product-price .special-price {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li .qty {
|
|
float: right;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li .qty .control-group {
|
|
max-width: initial;
|
|
width: auto;
|
|
text-align: center;
|
|
margin-bottom: 0;
|
|
border-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li .qty .control-group label {
|
|
display: none;
|
|
}
|
|
|
|
.grouped-product-container .grouped-product-list ul li .qty .control-group .control {
|
|
height: 38px;
|
|
width: 60px;
|
|
text-align: center;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list {
|
|
padding: 15px 0;
|
|
border-top: solid 1px rgba(162, 162, 162, 0.2);
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list h3 {
|
|
font-size: 16px;
|
|
margin: 0;
|
|
color: #242424;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item {
|
|
border-bottom: solid 1px rgba(162, 162, 162, 0.2);
|
|
padding: 15px 0;
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item:last-child {
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group {
|
|
margin-bottom: 0;
|
|
color: #5E5E5E;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group label {
|
|
color: #242424;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .control {
|
|
color: #5E5E5E;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item .quantity {
|
|
border-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item .quantity.has-error button {
|
|
border-color: #FC6868;
|
|
color: #FC6868;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item .control-error {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-option-list .bundle-option-item.has-error button {
|
|
border-color: #FC6868;
|
|
color: #FC6868;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-summary {
|
|
padding: 15px 0;
|
|
border-top: solid 1px rgba(162, 162, 162, 0.2);
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-summary h3 {
|
|
font-size: 16px;
|
|
margin: 0;
|
|
color: #242424;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-summary .quantity {
|
|
border-top: 0;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-summary .bundle-price {
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
color: #FF6472;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-summary ul.bundle-items li {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-summary ul.bundle-items li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.bundle-options-wrapper .bundle-summary ul.bundle-items li .selected-products {
|
|
color: #5E5E5E;
|
|
}
|
|
|
|
.category-container .grid-card,
|
|
.search-container .grid-card {
|
|
width: 22rem;
|
|
}
|
|
|
|
.downloadable-container .sample-list {
|
|
padding: 15px 0;
|
|
border-top: solid 1px rgba(162, 162, 162, 0.2);
|
|
}
|
|
|
|
.downloadable-container .sample-list h3 {
|
|
font-size: 16px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.downloadable-container .sample-list ul li {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.downloadable-container .sample-list ul li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.downloadable-container .link-list {
|
|
padding: 15px 0;
|
|
border-top: solid 1px rgba(162, 162, 162, 0.2);
|
|
}
|
|
|
|
.downloadable-container .link-list h3 {
|
|
font-size: 16px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.downloadable-container .link-list ul li {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.downloadable-container .link-list ul li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.downloadable-container .link-list ul li .checkbox input[type=checkbox] {
|
|
width: 15px !important;
|
|
height: 15px !important;
|
|
margin-left: -24px;
|
|
}
|
|
|
|
.downloadable-container .link-list ul li a {
|
|
float: right;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.category-container {
|
|
padding: 40px 15px !important;
|
|
}
|
|
|
|
.category-container .hero-image {
|
|
height: 100%;
|
|
max-width: 500px;
|
|
max-height: 400px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.category-container .hero-image img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.vue-slider .vue-slider-rail {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.vue-slider .vue-slider-dot-handle {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
background-color: #FFFFFF;
|
|
-webkit-box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
|
|
box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
|
|
}
|
|
|
|
.vue-slider .vue-slider-dot-tooltip-inner {
|
|
border-color: #26A37C !important;
|
|
background-color: #26A37C !important;
|
|
}
|
|
|
|
.vue-slider .vue-slider-dot-tooltip-text {
|
|
display: block;
|
|
font-size: 14px;
|
|
min-width: 20px;
|
|
padding: 2px 5px;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
white-space: nowrap;
|
|
color: #FFFFFF;
|
|
border-color: #26A37C !important;
|
|
background-color: #26A37C !important;
|
|
}
|
|
|
|
.vue-slider .vue-slider-dot-tooltip-text::before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 50%;
|
|
width: 0;
|
|
height: 0;
|
|
border: 5px solid transparent;
|
|
border: 6px solid transparent\0;
|
|
border-top-color: inherit;
|
|
-webkit-transform: translate(-50%);
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
.vue-slider .vue-slider-process {
|
|
background-color: #26A37C !important;
|
|
}
|
|
|
|
.full-content-wrapper > .container-fluid {
|
|
margin-bottom: 60px;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.full-content-wrapper > .container-fluid > .row {
|
|
padding: 0 15px !important;
|
|
}
|
|
|
|
.slides-container .VueCarousel-pagination {
|
|
bottom: 10px;
|
|
position: absolute;
|
|
}
|
|
|
|
.slides-container .VueCarousel-pagination button {
|
|
width: 15px !important;
|
|
height: 15px !important;
|
|
}
|
|
|
|
.slides-container .VueCarousel-pagination button:focus,
|
|
.slides-container .VueCarousel-pagination button:active {
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* @author Shubham Mehrotra */
|
|
body {
|
|
overflow-x: hidden;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body .container-margin {
|
|
margin: auto 20px;
|
|
}
|
|
|
|
.account-modal {
|
|
right: 10px;
|
|
z-index: 100;
|
|
width: 350px !important;
|
|
position: absolute !important;
|
|
}
|
|
|
|
.account-modal .theme-btn, .account-modal .cart-details .continue-shopping-btn, .cart-details .account-modal .continue-shopping-btn, .account-modal .account-content .account-layout .bottom-toolbar .pagination .page-item, .account-content .account-layout .bottom-toolbar .pagination .account-modal .page-item {
|
|
padding: .5rem .9rem;
|
|
}
|
|
|
|
.account-modal .modal-footer .text-left {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.category-list-container {
|
|
padding-left: 0px;
|
|
display: inline-block;
|
|
-webkit-box-shadow: inset -1px 0 0 0 #ECECEC;
|
|
box-shadow: inset -1px 0 0 0 #ECECEC;
|
|
}
|
|
|
|
.category-list-container .category {
|
|
width: 100%;
|
|
line-height: 2.5rem;
|
|
display: inline-block;
|
|
}
|
|
|
|
.category-list-container .category span {
|
|
top: -4px;
|
|
position: relative;
|
|
}
|
|
|
|
.category-list-container li {
|
|
padding: 7px 0 5px 15px;
|
|
}
|
|
|
|
.category-list-container li:hover {
|
|
background: #ECECEC;
|
|
}
|
|
|
|
.category-list-container .sub-categories {
|
|
top: 0px;
|
|
left: 100%;
|
|
width: 240px;
|
|
z-index: 100;
|
|
height: 100%;
|
|
display: none;
|
|
padding: 10px 20px;
|
|
position: absolute;
|
|
background: #FFFFFF;
|
|
-webkit-box-shadow: inset -1px 0 0 0 #ECECEC;
|
|
box-shadow: inset -1px 0 0 0 #ECECEC;
|
|
}
|
|
|
|
.root-category-menu {
|
|
border-bottom: solid 1px #d8e6ed;
|
|
}
|
|
|
|
.angle-right-icon {
|
|
width: 22px;
|
|
height: 20px;
|
|
float: right;
|
|
margin-right: 10px;
|
|
background-image: url("../images/Icon-Arrow-Right.svg");
|
|
}
|
|
|
|
.banner-icon {
|
|
height: 450px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.card-product-image-container {
|
|
height: 300px;
|
|
min-height: 100px;
|
|
max-height: 300px;
|
|
}
|
|
|
|
.card-product-image-container img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.card-product-image-container .background-image-group {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.hide-text {
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
display: inline-block;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.card-bottom-container {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.card-actual-price {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.card-discount {
|
|
color: rgba(38, 163, 124, 0.83);
|
|
}
|
|
|
|
.no-border-shadow {
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
-webkit-box-shadow: none !important;
|
|
}
|
|
|
|
.card-bottom-container .rango-heart {
|
|
float: right;
|
|
margin-top: 8px;
|
|
cursor: pointer;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#header-search-icon {
|
|
min-width: 40px;
|
|
background-color: #26A37C;
|
|
}
|
|
|
|
#header-search-icon i {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#header-search-icon .material-icons {
|
|
color: white;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
header #search-form > *:focus {
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.disable-active:active,
|
|
.disable-active:focus {
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.container-margin > .container-fluid {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.v-mr-20 {
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.popular-product-categories .active {
|
|
color: #4D7EA8;
|
|
padding: 0 10px 5px 10px;
|
|
display: inline-block;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
.popular-product-categories .switch-buttons {
|
|
top: -3px;
|
|
position: relative;
|
|
}
|
|
|
|
.align-vertical-top {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.card-sale-btn {
|
|
top: 5px;
|
|
}
|
|
|
|
.star-rating > * {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* advertisement-one */
|
|
.advertisement-one .offers-lt-panel {
|
|
height: 400px;
|
|
background-image: url("../images/big-sale-banner.png");
|
|
}
|
|
|
|
.advertisement-one .offers-ct-panel > .row {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.advertisement-one .offers-ct-panel .offers-ct-top {
|
|
height: 145px;
|
|
background-image: url("../images/seasons.png");
|
|
}
|
|
|
|
.advertisement-one .offers-ct-panel .offers-ct-bottom {
|
|
height: 245px;
|
|
background-image: url("../images/deals.png");
|
|
}
|
|
|
|
.advertisement-one .offers-rt-panel {
|
|
height: 400px;
|
|
background-image: url("../images/kids.png");
|
|
}
|
|
|
|
/* advertisement-one */
|
|
/* advertisement-two */
|
|
.advertisement-two-container {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.advertisement-two-container .ad-2-lt {
|
|
height: 450px;
|
|
background-position: top;
|
|
background-image: url("../images/headphones.png");
|
|
}
|
|
|
|
.advertisement-two-container .ad-2-rt .top-container > div {
|
|
height: 185px;
|
|
background-position: top;
|
|
background-image: url("../images/watch.png");
|
|
}
|
|
|
|
.advertisement-two-container .ad-2-rt .bottom-container > div {
|
|
bottom: 0px;
|
|
height: 185px;
|
|
position: absolute;
|
|
background-position: top;
|
|
background-image: url("../images/kids-2.png");
|
|
}
|
|
|
|
/* advertisement-two */
|
|
/* advertisement-three */
|
|
.advertisement-three-container .ad-3-lt {
|
|
height: 400px;
|
|
background-size: 100% 100%;
|
|
background-image: url("../images/toster.png");
|
|
}
|
|
|
|
.advertisement-three-container .ad-3-rt {
|
|
height: 400px;
|
|
background-size: 100% 100%;
|
|
background-image: url("../images/trimmer.png");
|
|
}
|
|
|
|
/* advertisement-three */
|
|
.recetly-viewed-items {
|
|
padding-left: 10px !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
/* product policy section */
|
|
.product-policy-container .card {
|
|
border: none;
|
|
padding: 20px;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.product-policy-container .card .col-sm-10 {
|
|
line-height: 3.5rem;
|
|
}
|
|
|
|
/* product policy section */
|
|
/* category with custom option */
|
|
.category-with-custom-options .row:nth-child(1) {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(1) .category-image {
|
|
height: 350px;
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(1) > div {
|
|
padding: 0;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(1) > div:first-child {
|
|
max-height: 345px;
|
|
background-size: cover;
|
|
background-image: url("../images/girl.png");
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(1) > div:nth-child(3) {
|
|
max-height: 345px;
|
|
background-size: cover;
|
|
background-image: url("../images/man.png");
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(2) .category-image {
|
|
height: 350px;
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(2) > div {
|
|
padding: 0;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(2) > div:nth-child(2) {
|
|
max-height: 345px;
|
|
background-size: cover;
|
|
background-image: url("../images/man.png");
|
|
}
|
|
|
|
.category-with-custom-options .row:nth-child(2) > div:nth-child(4) {
|
|
max-height: 345px;
|
|
background-size: cover;
|
|
background-image: url("../images/girl.png");
|
|
}
|
|
|
|
.category-with-custom-options .categories-collection {
|
|
height: 100%;
|
|
min-height: 330px;
|
|
max-height: 345px;
|
|
padding-left: 36px;
|
|
background: #2B2B2B;
|
|
}
|
|
|
|
.category-with-custom-options .categories-collection h2 {
|
|
color: white;
|
|
}
|
|
|
|
.category-with-custom-options .categories-collection li {
|
|
color: rgba(255, 255, 255, 0.83);
|
|
}
|
|
|
|
.category-with-custom-options .categories-collection .category-text-content {
|
|
top: 50%;
|
|
position: relative;
|
|
-webkit-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
/* category with custom option */
|
|
/* hot & popular categories */
|
|
.hot-categories-container .col-sm-3 {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.hot-categories-container .col-sm-3 .card {
|
|
height: 100%;
|
|
padding: 20px;
|
|
border: none;
|
|
box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
-webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
}
|
|
|
|
.hot-categories-container ul,
|
|
.popular-categories-container ul {
|
|
line-height: 2.5rem;
|
|
}
|
|
|
|
.hot-categories-container li,
|
|
.popular-categories-container li {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.popular-categories-container .card-image {
|
|
height: 180px;
|
|
background-size: 100% 100%;
|
|
background-image: url("../images/man.png");
|
|
}
|
|
|
|
.popular-categories-container .card-description {
|
|
padding: 25px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* hot & popular categories */
|
|
/* Customer Reviews */
|
|
.reviews-container .card {
|
|
border: none;
|
|
height: 100%;
|
|
padding: 20px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.reviews-container .card .customer-info > div {
|
|
padding: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.reviews-container .card .customer-info > div:first-child {
|
|
width: 60px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.reviews-container .card .customer-info > div:last-child {
|
|
width: calc(100% - 75px);
|
|
}
|
|
|
|
.reviews-container .card .review-info {
|
|
height: 100%;
|
|
padding: 20px 25px;
|
|
-webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
}
|
|
|
|
.reviews-container .card .review-info > div:not(:last-child) {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.reviews-container .product-info {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Customer Reviews */
|
|
/* sidebar */
|
|
.categories-sidebar-container {
|
|
margin: 0;
|
|
margin-bottom: 60px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.categories-sidebar-container > .row.disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.categories-sidebar-container .main-category {
|
|
border-bottom: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.container-right {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.container-right > :first-child {
|
|
width: 100%;
|
|
}
|
|
|
|
.content-list {
|
|
margin: 0;
|
|
width: 100%;
|
|
padding: 5px;
|
|
height: auto;
|
|
min-height: 40px;
|
|
text-align: left;
|
|
list-style: none;
|
|
position: relative;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
background-color: #4D7EA8;
|
|
}
|
|
|
|
.content-list ul {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.content-list ul li a {
|
|
display: block;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
position: relative;
|
|
text-decoration: none;
|
|
padding: 5px 20px 5px 5px;
|
|
}
|
|
|
|
.home-base {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
/* sidebar */
|
|
.broken-image {
|
|
width: 320px;
|
|
height: 160px;
|
|
background-image: url("../images/static/broken-clock.png");
|
|
}
|
|
|
|
.velocity-icon {
|
|
width: 150px;
|
|
height: 150px;
|
|
background-image: url("../images/static/v-icon.png");
|
|
}
|
|
|
|
.error-page {
|
|
padding-top: 30vh;
|
|
}
|
|
|
|
.custom-circle {
|
|
width: 56px;
|
|
height: 54px;
|
|
padding: 14px;
|
|
font-size: 20px;
|
|
color: #21a179;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
background: white;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border: 2px solid #21a179;
|
|
font: 18px "josefin sans", arial;
|
|
}
|
|
|
|
.quick-view-btn-container {
|
|
display: none;
|
|
position: relative;
|
|
}
|
|
|
|
.quick-view-btn-container span {
|
|
left: 32%;
|
|
top: -26px;
|
|
z-index: 1000;
|
|
font-size: 16px;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
}
|
|
|
|
.quick-view-btn-container button {
|
|
left: 30%;
|
|
top: -36px;
|
|
border: none;
|
|
color: white;
|
|
font-size: 16px;
|
|
padding: 5px 10px 7px 24px;
|
|
position: absolute;
|
|
background-color: #0D2438;
|
|
}
|
|
|
|
body::after {
|
|
/* dark overlay layer - visible when we fire .cd-quick-view */
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(71, 55, 78, 0.8);
|
|
opacity: 0;
|
|
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
|
|
transition: opacity .3s 0s, visibility 0s .3s;
|
|
}
|
|
|
|
.cd-quick-view {
|
|
top: 50px;
|
|
left: 22%;
|
|
width: 734px;
|
|
z-index: 11;
|
|
padding: 40px;
|
|
display: block;
|
|
position: fixed;
|
|
max-width: 900px;
|
|
max-height: 1000px;
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
backface-visibility: hidden;
|
|
will-change: left, top, width;
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
.cd-quick-view .cd-slider li.selected img {
|
|
width: 317px;
|
|
height: 397px;
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.cd-quick-view .cd-slider img {
|
|
display: none;
|
|
}
|
|
|
|
.cd-quick-view .close-btn {
|
|
top: -25px;
|
|
right: -15px;
|
|
position: absolute;
|
|
}
|
|
|
|
.cd-quick-view .action-buttons {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.cd-quick-view .action-buttons > span {
|
|
font-size: 24px;
|
|
margin-left: 24px;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1440px !important;
|
|
}
|
|
|
|
.remove-padding-margin {
|
|
width: 100% !important;
|
|
margin: 0px !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.footer {
|
|
width: 100%;
|
|
background-color: #ffffff;
|
|
display: inline-block;
|
|
}
|
|
|
|
.footer .newsletter-subscription {
|
|
padding: 10px 130px;
|
|
background-color: #4d7ea8;
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper {
|
|
display: flex;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper input.subscribe-field {
|
|
width: 300px;
|
|
height: 38px;
|
|
border: none;
|
|
font-size: 18px;
|
|
padding: 10px 20px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
border-radius: 5px 0px 0px 5px;
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper button.subscribe-btn {
|
|
left: -1px;
|
|
height: 38px;
|
|
font-size: 18px;
|
|
line-height: 10px;
|
|
position: relative;
|
|
border-radius: 0px 5px 5px 0px;
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper .social-icons {
|
|
padding: 20px 0;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper .social-icons i {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper .social-icons .within-circle {
|
|
background: #4d7ea8;
|
|
border: 1px solid rgba(255, 255, 255, 0.52);
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper .social-icons img {
|
|
background: #4d7ea8;
|
|
border: 1px solid rgba(255, 255, 255, 0.52);
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.footer .newsletter-subscription .newsletter-wrapper .subscribe-newsletter {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.footer .footer-content .newsletter-subscription {
|
|
color: white;
|
|
}
|
|
|
|
.footer .footer-content > .row {
|
|
padding: 60px 130px;
|
|
background: #30383F;
|
|
}
|
|
|
|
.footer .footer-content > .row .logo {
|
|
width: 150px;
|
|
height: 35px;
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-ct-content > div {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
line-height: 2.5rem;
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-ct-content > div li a {
|
|
color: rgba(255, 255, 255, 0.83);
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row > div {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .bg-image, .footer .footer-content > .row .footer-rt-content .row .advertisement-one .offers-ct-panel .offers-ct-top, .advertisement-one .offers-ct-panel .footer .footer-content > .row .footer-rt-content .row .offers-ct-top, .footer .footer-content > .row .footer-rt-content .row .advertisement-one .offers-ct-panel .offers-ct-bottom, .advertisement-one .offers-ct-panel .footer .footer-content > .row .footer-rt-content .row .offers-ct-bottom, .footer .footer-content > .row .footer-rt-content .row .advertisement-one .offers-rt-panel, .advertisement-one .footer .footer-content > .row .footer-rt-content .row .offers-rt-panel, .footer .footer-content > .row .footer-rt-content .row .advertisement-two-container .ad-2-lt, .advertisement-two-container .footer .footer-content > .row .footer-rt-content .row .ad-2-lt, .footer .footer-content > .row .footer-rt-content .row .advertisement-two-container .ad-2-rt .top-container > div, .advertisement-two-container .ad-2-rt .footer .footer-content > .row .footer-rt-content .row .top-container > div, .footer .footer-content > .row .footer-rt-content .row .advertisement-two-container .ad-2-rt .bottom-container > div, .advertisement-two-container .ad-2-rt .footer .footer-content > .row .footer-rt-content .row .bottom-container > div, .footer .footer-content > .row .footer-rt-content .row .small-card-container .product-image, .small-card-container .footer .footer-content > .row .footer-rt-content .row .product-image {
|
|
width: 42px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
background-position: left;
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .bg-image:not(:last-child), .footer .footer-content > .row .footer-rt-content .row .advertisement-one .offers-ct-panel .offers-ct-top:not(:last-child), .advertisement-one .offers-ct-panel .footer .footer-content > .row .footer-rt-content .row .offers-ct-top:not(:last-child), .footer .footer-content > .row .footer-rt-content .row .advertisement-one .offers-ct-panel .offers-ct-bottom:not(:last-child), .advertisement-one .offers-ct-panel .footer .footer-content > .row .footer-rt-content .row .offers-ct-bottom:not(:last-child), .footer .footer-content > .row .footer-rt-content .row .advertisement-one .offers-rt-panel:not(:last-child), .advertisement-one .footer .footer-content > .row .footer-rt-content .row .offers-rt-panel:not(:last-child), .footer .footer-content > .row .footer-rt-content .row .advertisement-two-container .ad-2-lt:not(:last-child), .advertisement-two-container .footer .footer-content > .row .footer-rt-content .row .ad-2-lt:not(:last-child), .footer .footer-content > .row .footer-rt-content .row .advertisement-two-container .ad-2-rt .top-container > div:not(:last-child), .advertisement-two-container .ad-2-rt .footer .footer-content > .row .footer-rt-content .row .top-container > div:not(:last-child), .footer .footer-content > .row .footer-rt-content .row .advertisement-two-container .ad-2-rt .bottom-container > div:not(:last-child), .advertisement-two-container .ad-2-rt .footer .footer-content > .row .footer-rt-content .row .bottom-container > div:not(:last-child), .footer .footer-content > .row .footer-rt-content .row .small-card-container .product-image:not(:last-child), .small-card-container .footer .footer-content > .row .footer-rt-content .row .product-image:not(:last-child) {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .cash {
|
|
background-image: url("../images/static/cash.png");
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .cheque {
|
|
width: 57px !important;
|
|
background-image: url("../images/static/cheque.png");
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .visa {
|
|
background-image: url("../images/static/visa.png");
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .master-card {
|
|
background-image: url("../images/static/master-card.png");
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .paypal {
|
|
background-image: url("../images/static/paypal.png");
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row .discover {
|
|
background-image: url("../images/static/discover.png");
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content .row:not(:last-child) {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.footer .footer-content > .row .footer-rt-content h3 {
|
|
font-size: 14px;
|
|
color: rgba(255, 255, 255, 0.52);
|
|
}
|
|
|
|
.footer .footer-content .footer-statics .software-description p {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.footer .top-brands {
|
|
padding: 40px;
|
|
padding-left: 10%;
|
|
padding-right: 10%;
|
|
}
|
|
|
|
.footer .top-brands .top-brands-body {
|
|
padding: 15px;
|
|
}
|
|
|
|
.footer .top-brands .top-brands-body ul {
|
|
width: 85%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.footer .top-brands .top-brands-body ul li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.footer .footer-copy-right {
|
|
width: 100%;
|
|
height: 60px;
|
|
line-height: 6rem;
|
|
text-align: center;
|
|
background: #30383F;
|
|
color: rgba(255, 255, 255, 0.83);
|
|
}
|
|
|
|
.footer .footer-copy-right p {
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
@media all and (max-width: 720px) {
|
|
.footer {
|
|
padding-left: 15px;
|
|
}
|
|
.footer .footer-list-container {
|
|
padding-left: 0px !important;
|
|
}
|
|
.footer .currency {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
.padding-15 {
|
|
padding: 15px;
|
|
}
|
|
|
|
.padding-10 {
|
|
padding: 15px;
|
|
}
|
|
|
|
.fw5 {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fw6, .product-view .right .info .price, .product-view .right h3, .product-view .right h4, .product-detail .right .info .price, .product-detail .right h3, .product-detail .right h4 {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.fw7, .product-view .right .info h2, .product-detail .right .info h2 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.fs13 {
|
|
font-size: 13px !important;
|
|
}
|
|
|
|
.fs14, .categories-sidebar-container {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.fs15 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.fs16, .account-content .account-layout .bottom-toolbar .pagination .page-item, .product-view .right, .product-detail .right {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.fs16i {
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.fs17 {
|
|
font-size: 17px;
|
|
}
|
|
|
|
.fs18, .product-view .right h3, .product-detail .right h3 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.fs19 {
|
|
font-size: 19px;
|
|
}
|
|
|
|
.fs20, .product-detail .right .info .price {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.fs24, .product-view .right .info h2, .product-detail .right .info h2 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.fs30, .product-view .right .info .price, .product-detail .right .info .price .card-current-price {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.fs40 {
|
|
font-size: 40px;
|
|
}
|
|
|
|
.pt0 {
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
.pt10 {
|
|
padding-top: 10px !important;
|
|
}
|
|
|
|
.pt15 {
|
|
padding-top: 15px !important;
|
|
}
|
|
|
|
.pt20 {
|
|
padding-top: 20px !important;
|
|
}
|
|
|
|
.pt42 {
|
|
padding-top: 42px !important;
|
|
}
|
|
|
|
.pl0 {
|
|
padding-left: 0px !important;
|
|
}
|
|
|
|
.pl15 {
|
|
padding-left: 15px !important;
|
|
}
|
|
|
|
.pl10 {
|
|
padding-left: 10px !important;
|
|
}
|
|
|
|
.pl20 {
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
.pl30 {
|
|
padding-left: 30px !important;
|
|
}
|
|
|
|
.pl40 {
|
|
padding-left: 40px !important;
|
|
}
|
|
|
|
.pr0 {
|
|
padding-right: 0px !important;
|
|
}
|
|
|
|
.pr15 {
|
|
padding-right: 15px !important;
|
|
}
|
|
|
|
.pr40 {
|
|
padding-right: 40px !important;
|
|
}
|
|
|
|
.pb0 {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
.pb10 {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
|
|
.pb15 {
|
|
padding-bottom: 15px !important;
|
|
}
|
|
|
|
.pb30 {
|
|
padding-bottom: 30px !important;
|
|
}
|
|
|
|
.mt5 {
|
|
margin-top: 5px !important;
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mt15 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.mr5 {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mr7 {
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.mr10 {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mr15, .product-view .right .options .quantity > label, .product-view .right .options .buttons *:not(:last-child), .product-detail .right .options .quantity > label, .product-detail .right .options .buttons *:not(:last-child) {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.mr20 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.mb10, .product-view .left .main-product-image {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.mb15, .product-view .right .info, .product-detail .right .info {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.mb20, .product-view .right > div, .product-view .right .options > *, .product-detail .right > div, .product-detail .right .options > * {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mb25 {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.mb30, .product-view .right .customer-reviews .row, .product-detail .right .customer-reviews .row {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.ml0, .product-view .right > div:not(:first-child), .product-detail .right > div:not(:first-child) {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.ml5 {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.ml0, .product-view .right > div:not(:first-child), .product-detail .right > div:not(:first-child) {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.ml10 {
|
|
margin-left: 10px !important;
|
|
}
|
|
|
|
.ml15, .advertisement-two-container .ad-2-rt {
|
|
margin-left: 15px !important;
|
|
}
|
|
|
|
.body-blur {
|
|
filter: blur(4px);
|
|
-webkit-filter: blur(4px);
|
|
}
|
|
|
|
.no-margin, .advertisement-two-container .ad-2-rt .top-container > div, .advertisement-two-container .ad-2-rt .bottom-container > div {
|
|
margin: 0px !important;
|
|
}
|
|
|
|
.no-padding, .advertisement-one .offers-ct-panel .offers-ct-top, .advertisement-one .offers-ct-panel .offers-ct-bottom, .advertisement-two-container .ad-2-lt, .product-view .left .main-product-image, .product-view .right h3, .product-detail .right h3 {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.flex-wrap {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.cursor-pointer, .qty-btn > *:not(:nth-child(2)), .category-list-container .category {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.grey {
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
.clr-light {
|
|
color: rgba(0, 0, 0, 0.53);
|
|
}
|
|
|
|
.clr-dark, .footer .footer-content .footer-statics .software-description p {
|
|
color: rgba(255, 255, 255, 0.52);
|
|
}
|
|
|
|
.display-inbl, .product-view .right .options .quantity > label, .product-detail .right .options .quantity > label {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.display-block, .product-view .right .options label, .product-detail .right .options label {
|
|
display: block !important;
|
|
}
|
|
|
|
.align-vertical-top {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.align-vertical-middle {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.full-width {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.full-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.full-back-size, .card-product-image-container .background-image-group, .advertisement-one .offers-lt-panel, .advertisement-one .offers-ct-panel .offers-ct-top, .advertisement-one .offers-ct-panel .offers-ct-bottom, .advertisement-one .offers-rt-panel, .advertisement-two-container .ad-2-lt, .advertisement-two-container .ad-2-rt .top-container > div, .advertisement-two-container .ad-2-rt .bottom-container > div {
|
|
background-size: 100% 100% !important;
|
|
}
|
|
|
|
.max-width-100 {
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
.no-border {
|
|
border: none !important;
|
|
}
|
|
|
|
.back-pos-rt, .advertisement-two-container .ad-2-rt .top-container > div, .advertisement-two-container .ad-2-rt .bottom-container > div {
|
|
background-position: right;
|
|
}
|
|
|
|
.theme-btn, .cart-details .continue-shopping-btn, .account-content .account-layout .bottom-toolbar .pagination .page-item {
|
|
border: none;
|
|
cursor: pointer;
|
|
padding: 10px 20px;
|
|
vertical-align: top;
|
|
color: #FFFFFF !important;
|
|
background-color: #26A37C !important;
|
|
}
|
|
|
|
.theme-btn.light, .cart-details .light.continue-shopping-btn, .account-content .account-layout .bottom-toolbar .pagination .page-item {
|
|
color: #26A37C !important;
|
|
background-color: #FFFFFF !important;
|
|
-webkit-box-shadow: 0 1px 0 0 #CFCFCF;
|
|
box-shadow: 0 1px 0 0 #CFCFCF;
|
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.norm-btn {
|
|
border: 1px solid #CCCCCC;
|
|
font-size: 14px;
|
|
padding: 9px 20px;
|
|
border-radius: 2px;
|
|
vertical-align: top;
|
|
color: #000000 !important;
|
|
background-color: #FFFFFF !important;
|
|
}
|
|
|
|
.sale-btn {
|
|
z-index: 10;
|
|
border: none;
|
|
color: white;
|
|
font-size: 14px;
|
|
padding: 3px 10px;
|
|
position: absolute;
|
|
border-radius: 12px;
|
|
background-color: #26A37C;
|
|
}
|
|
|
|
.bg-image, .advertisement-one .offers-ct-panel .offers-ct-top, .advertisement-one .offers-ct-panel .offers-ct-bottom, .advertisement-one .offers-rt-panel, .advertisement-two-container .ad-2-lt, .advertisement-two-container .ad-2-rt .top-container > div, .advertisement-two-container .ad-2-rt .bottom-container > div, .small-card-container .product-image {
|
|
width: 100%;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: top;
|
|
}
|
|
|
|
.material-icons {
|
|
-webkit-user-select: none;
|
|
/* Chrome/Safari */
|
|
-moz-user-select: none;
|
|
/* Firefox */
|
|
-ms-user-select: none;
|
|
/* IE10+ */
|
|
/* Rules below not implemented in browsers yet */
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.unselectable * {
|
|
-webkit-user-select: none;
|
|
/* Chrome/Safari */
|
|
-moz-user-select: none;
|
|
/* Firefox */
|
|
-ms-user-select: none;
|
|
/* IE10+ */
|
|
/* Rules below not implemented in browsers yet */
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.card-arrow-container .card-arrow {
|
|
z-index: 10;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: block;
|
|
position: absolute;
|
|
background-color: #2B2B2B;
|
|
transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
-webkit-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 2px 7px 1px rgba(39, 44, 48, 0.16);
|
|
box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 2px 7px 1px rgba(39, 44, 48, 0.16);
|
|
}
|
|
|
|
.card-arrow-container .card-arrow-tp {
|
|
left: 50%;
|
|
top: -10px;
|
|
}
|
|
|
|
.card-arrow-container .card-arrow-rt {
|
|
top: 50%;
|
|
right: -10px;
|
|
}
|
|
|
|
.card-arrow-container .card-arrow-bt {
|
|
left: 50%;
|
|
top: calc(100% - 10px);
|
|
}
|
|
|
|
.card-arrow-container .card-arrow-lt {
|
|
top: 50%;
|
|
left: -7px;
|
|
}
|
|
|
|
.lg-card-container {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.lg-card-container a {
|
|
color: rgba(0, 0, 0, 0.83);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.lg-card-container #quick-view-btn-container :hover {
|
|
color: white !important;
|
|
}
|
|
|
|
.lg-card-container .background-image-group {
|
|
background-size: contain !important;
|
|
}
|
|
|
|
.lg-card-container.grid-card .card-current-price, .lg-card-container.list-card .card-current-price {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.lg-card-container.grid-card .product-rating .stars, .lg-card-container.list-card .product-rating .stars {
|
|
display: inline-block;
|
|
}
|
|
|
|
.lg-card-container.grid-card .product-rating span, .lg-card-container.list-card .product-rating span {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.lg-card-container.grid-card .product-information > div:not(:last-child), .lg-card-container.list-card .product-information > div:not(:last-child) {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.lg-card-container.grid-card img, .lg-card-container.list-card img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.lg-card-container.list-card {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.lg-card-container.list-card .background-image-group {
|
|
height: 100%;
|
|
}
|
|
|
|
.lg-card-container.list-card .product-image {
|
|
float: left;
|
|
width: 30%;
|
|
height: 270px;
|
|
max-width: 150px;
|
|
max-height: 150px;
|
|
background: #f2f2f2;
|
|
}
|
|
|
|
.lg-card-container.list-card .product-information {
|
|
width: 70%;
|
|
float: right;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.lg-card-container.list-card .product-rating .stars {
|
|
display: inline-block;
|
|
}
|
|
|
|
.lg-card-container.list-card .product-rating span {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.lg-card-container.list-card .product-information {
|
|
height: 150px;
|
|
display: table;
|
|
}
|
|
|
|
.lg-card-container.list-card .product-information > div {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.lg-card-container.list-card .product-price .sticker {
|
|
display: block;
|
|
}
|
|
|
|
.lg-card-container.grid-card {
|
|
padding: 15px;
|
|
}
|
|
|
|
.lg-card-container.grid-card .product-image {
|
|
max-height: 350px;
|
|
max-width: 280px;
|
|
margin-bottom: 10px;
|
|
background: #f2f2f2;
|
|
}
|
|
|
|
.lg-card-container.grid-card .product-image img {
|
|
display: block;
|
|
height: 100%;
|
|
}
|
|
|
|
.lg-card-container.list-card:not(:first-child) {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.general-container {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.lg-card-container > .product-card {
|
|
border: none;
|
|
}
|
|
|
|
#product-card-new:hover,
|
|
.lg-card-container:hover,
|
|
.general-container:hover {
|
|
-webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
}
|
|
|
|
.lg-card-container:hover .quick-view-btn-container {
|
|
display: block;
|
|
}
|
|
|
|
.text-nowrap, #product-card-new .product-rating {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.small-card-container {
|
|
cursor: pointer;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.small-card-container .product-image-container {
|
|
padding: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.small-card-container .product-image {
|
|
height: 100%;
|
|
}
|
|
|
|
.small-card-container .card-body {
|
|
width: 50%;
|
|
display: inline-block;
|
|
padding: 10px 0 !important;
|
|
}
|
|
|
|
.small-card-container:hover {
|
|
-webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
|
}
|
|
|
|
.text-up {
|
|
top: -6px;
|
|
position: relative;
|
|
}
|
|
|
|
.text-down-3 {
|
|
top: 3px;
|
|
position: relative;
|
|
}
|
|
|
|
.text-down-4 {
|
|
top: 4px;
|
|
position: relative;
|
|
}
|
|
|
|
.text-up-4 {
|
|
top: -4px;
|
|
position: relative;
|
|
}
|
|
|
|
.text-up-14 {
|
|
top: -14px;
|
|
position: relative;
|
|
}
|
|
|
|
ul.circle-list {
|
|
padding-top: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
ul.circle-list li.circle {
|
|
width: 10px;
|
|
height: 10px;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
border: 1px solid #D8D8D8;
|
|
}
|
|
|
|
ul.circle-list li.circle.fill {
|
|
background: #D8D8D8;
|
|
}
|
|
|
|
ul.circle-list li.circle:not(:last-child) {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.category-breadcrumb {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.link-color {
|
|
color: #4D7EA8;
|
|
}
|
|
|
|
a.unset, .account-content .account-layout .bottom-toolbar .pagination a.page-item {
|
|
color: unset !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
a.remove-decoration {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.remove-decoration:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.dropdown-icon::after {
|
|
display: inline-block;
|
|
margin-left: 1rem;
|
|
vertical-align: middle;
|
|
content: "";
|
|
border-top: .3em solid;
|
|
border-right: .3em solid transparent;
|
|
border-bottom: 0;
|
|
border-left: .3em solid transparent;
|
|
}
|
|
|
|
input:focus,
|
|
select:focus,
|
|
.disable-box-shadow,
|
|
.disable-box-shadow:focus,
|
|
.disable-box-shadow:active {
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
|
|
-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.control-error {
|
|
color: #F05153;
|
|
}
|
|
|
|
a.default {
|
|
color: rgba(0, 0, 0, 0.83) !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.VueCarousel {
|
|
width: 100%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.navigation-hide .VueCarousel-navigation {
|
|
display: none;
|
|
}
|
|
|
|
.pagination-hide .VueCarousel-pagination {
|
|
display: none;
|
|
}
|
|
|
|
.scrollable {
|
|
max-height: 100vh;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.scrollable::-webkit-scrollbar {
|
|
width: 0 !important;
|
|
}
|
|
|
|
button[disabled] {
|
|
opacity: 0.50;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.max-sm-img-dimention {
|
|
max-width: 110px;
|
|
max-height: 110px;
|
|
}
|
|
|
|
.max-sm-img-dimention img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.max-width {
|
|
width: 1440px !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
.styled-select {
|
|
appearance: none;
|
|
-moz-appearance: none;
|
|
/* Firefox */
|
|
-webkit-appearance: none;
|
|
/* Safari and Chrome */
|
|
}
|
|
|
|
.select-icon {
|
|
top: 1px;
|
|
left: -7px;
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
|
|
.product-view {
|
|
padding: 20px;
|
|
}
|
|
|
|
.product-view .left .main-product-image {
|
|
width: 465px;
|
|
height: 450px;
|
|
}
|
|
|
|
.product-view .left .product-more-images img {
|
|
height: 109px;
|
|
}
|
|
|
|
.product-view .left .product-more-images img.active {
|
|
border: 1px solid #26A37C;
|
|
}
|
|
|
|
.product-view .left .move-btn {
|
|
z-index: 10;
|
|
width: 25px;
|
|
height: 109px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
padding-left: 7px;
|
|
line-height: 10rem;
|
|
position: absolute;
|
|
background: #D6D6D6;
|
|
color: rgba(0, 0, 0, 0.53);
|
|
}
|
|
|
|
.product-view .left .move-btn.left {
|
|
left: -20px;
|
|
}
|
|
|
|
.product-view .left .move-btn.right {
|
|
right: 0px;
|
|
}
|
|
|
|
.product-view .right > div {
|
|
border-bottom: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.product-view .right .category-breadcrumb {
|
|
margin-left: 0;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.product-view .right .reviews > div {
|
|
display: inline-block;
|
|
}
|
|
|
|
.product-view .right .info > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.product-view .right .info .availability button {
|
|
border: none;
|
|
color: white;
|
|
font-weight: 600;
|
|
padding: 2px 11px;
|
|
background: #4D7EA8;
|
|
}
|
|
|
|
.product-view .right .options .box {
|
|
width: 32px;
|
|
height: 32px;
|
|
display: inline-block;
|
|
background-color: #CCCCCC;
|
|
}
|
|
|
|
.product-view .right .row.reviews .reviews-text {
|
|
line-height: 3rem;
|
|
}
|
|
|
|
.product-detail {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.product-detail .magnifier > img {
|
|
height: 450px;
|
|
}
|
|
|
|
.product-detail img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.product-detail .right > div {
|
|
border-bottom: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.product-detail .right .category-breadcrumb {
|
|
margin-left: 0;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.product-detail .right .reviews > div {
|
|
display: inline-block;
|
|
}
|
|
|
|
.product-detail .right .info {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.product-detail .right .info > h2, .product-detail .right .info div {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.product-detail .right .info > * {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.product-detail .right .info .availability button {
|
|
border: none;
|
|
color: white;
|
|
font-weight: 600;
|
|
padding: 2px 11px;
|
|
background: #F05153;
|
|
}
|
|
|
|
.product-detail .right .info .availability button.active {
|
|
background: #4D7EA8;
|
|
}
|
|
|
|
.product-detail .right .options .box {
|
|
width: 32px;
|
|
height: 32px;
|
|
display: inline-block;
|
|
background-color: #CCCCCC;
|
|
}
|
|
|
|
.product-detail .right h3 {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.product-detail .right .row.reviews .reviews-text {
|
|
line-height: 3rem;
|
|
}
|
|
|
|
.product-detail .right .add-to-cart-btn {
|
|
padding: 0px;
|
|
}
|
|
|
|
.product-detail .right .add-to-cart-btn button {
|
|
padding: 10px 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.product-detail .right .add-to-cart-btn button span {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.product-detail .right .product-price .sticker {
|
|
display: none;
|
|
}
|
|
|
|
.product-detail .thumb-list {
|
|
left: 15px;
|
|
z-index: 1000;
|
|
padding: 0px;
|
|
margin-top: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.product-detail .thumb-list .arrow {
|
|
height: 100%;
|
|
z-index: 1001;
|
|
opacity: 0.50;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
background: #DCDCDC;
|
|
}
|
|
|
|
.product-detail .thumb-list .arrow.left {
|
|
left: 0px;
|
|
line-height: 10em;
|
|
}
|
|
|
|
.product-detail .thumb-list .arrow.right {
|
|
right: 0px;
|
|
line-height: 13rem;
|
|
}
|
|
|
|
.product-detail .thumb-list .thumb-frame {
|
|
padding: 1px;
|
|
}
|
|
|
|
.product-detail .thumb-list .thumb-frame.active {
|
|
border: 1px solid #26A37C;
|
|
}
|
|
|
|
.product-detail .thumb-list .thumb-frame > .bg-image, .product-detail .thumb-list .advertisement-one .offers-ct-panel .thumb-frame > .offers-ct-top, .advertisement-one .offers-ct-panel .product-detail .thumb-list .thumb-frame > .offers-ct-top, .product-detail .thumb-list .advertisement-one .offers-ct-panel .thumb-frame > .offers-ct-bottom, .advertisement-one .offers-ct-panel .product-detail .thumb-list .thumb-frame > .offers-ct-bottom, .product-detail .thumb-list .advertisement-one .thumb-frame > .offers-rt-panel, .advertisement-one .product-detail .thumb-list .thumb-frame > .offers-rt-panel, .product-detail .thumb-list .advertisement-two-container .thumb-frame > .ad-2-lt, .advertisement-two-container .product-detail .thumb-list .thumb-frame > .ad-2-lt, .product-detail .thumb-list .advertisement-two-container .ad-2-rt .top-container.thumb-frame > div, .advertisement-two-container .ad-2-rt .product-detail .thumb-list .top-container.thumb-frame > div, .product-detail .thumb-list .advertisement-two-container .ad-2-rt .bottom-container.thumb-frame > div, .advertisement-two-container .ad-2-rt .product-detail .thumb-list .bottom-container.thumb-frame > div, .product-detail .thumb-list .small-card-container .thumb-frame > .product-image, .small-card-container .product-detail .thumb-list .thumb-frame > .product-image {
|
|
width: 100%;
|
|
height: 110px;
|
|
background-size: 100% 100%;
|
|
background-position-y: center;
|
|
}
|
|
|
|
/*!
|
|
* Bootstrap v3.4.1 (https://getbootstrap.com/)
|
|
* Copyright 2011-2019 Twitter, Inc.
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
*/
|
|
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
|
html {
|
|
font-family: sans-serif;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block;
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
|
|
[hidden],
|
|
template {
|
|
display: none;
|
|
}
|
|
|
|
a {
|
|
background-color: transparent;
|
|
}
|
|
|
|
a:active,
|
|
a:hover {
|
|
outline: 0;
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: none;
|
|
text-decoration: underline;
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
margin: 0.67em 0;
|
|
}
|
|
|
|
mark {
|
|
background: #ff0;
|
|
color: #000;
|
|
}
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
figure {
|
|
margin: 1em 40px;
|
|
}
|
|
|
|
hr {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
}
|
|
|
|
pre {
|
|
overflow: auto;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, monospace;
|
|
font-size: 1em;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
color: inherit;
|
|
font: inherit;
|
|
margin: 0;
|
|
}
|
|
|
|
button {
|
|
overflow: visible;
|
|
}
|
|
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
|
|
button,
|
|
html input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default;
|
|
}
|
|
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input {
|
|
line-height: normal;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em;
|
|
}
|
|
|
|
legend {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
}
|
|
|
|
optgroup {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
padding: 0;
|
|
}
|
|
|
|
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
|
|
@media print {
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
color: #000 !important;
|
|
text-shadow: none !important;
|
|
background: transparent !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
a,
|
|
a:visited {
|
|
text-decoration: underline;
|
|
}
|
|
a[href]:after {
|
|
content: " (" attr(href) ")";
|
|
}
|
|
abbr[title]:after {
|
|
content: " (" attr(title) ")";
|
|
}
|
|
a[href^="#"]:after,
|
|
a[href^="javascript:"]:after {
|
|
content: "";
|
|
}
|
|
pre,
|
|
blockquote {
|
|
border: 1px solid #999;
|
|
page-break-inside: avoid;
|
|
}
|
|
thead {
|
|
display: table-header-group;
|
|
}
|
|
tr,
|
|
img {
|
|
page-break-inside: avoid;
|
|
}
|
|
img {
|
|
max-width: 100% !important;
|
|
}
|
|
p,
|
|
h2,
|
|
h3 {
|
|
orphans: 3;
|
|
widows: 3;
|
|
}
|
|
h2,
|
|
h3 {
|
|
page-break-after: avoid;
|
|
}
|
|
.navbar {
|
|
display: none;
|
|
}
|
|
.btn > .caret, .quantity button > .caret, .quantity input > .caret,
|
|
.dropup > .btn > .caret,
|
|
.quantity .dropup > button > .caret,
|
|
.quantity .dropup > input > .caret {
|
|
border-top-color: #000 !important;
|
|
}
|
|
.label {
|
|
border: 1px solid #000;
|
|
}
|
|
.table {
|
|
border-collapse: collapse !important;
|
|
}
|
|
.table td,
|
|
.table th {
|
|
background-color: #fff !important;
|
|
}
|
|
.table-bordered th,
|
|
.table-bordered td {
|
|
border: 1px solid #ddd !important;
|
|
}
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Glyphicons Halflings";
|
|
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
|
|
src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
|
|
}
|
|
|
|
.glyphicon {
|
|
position: relative;
|
|
top: 1px;
|
|
display: inline-block;
|
|
font-family: "Glyphicons Halflings";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.glyphicon-asterisk:before {
|
|
content: "*";
|
|
}
|
|
|
|
.glyphicon-plus:before {
|
|
content: "+";
|
|
}
|
|
|
|
.glyphicon-euro:before,
|
|
.glyphicon-eur:before {
|
|
content: "\20AC";
|
|
}
|
|
|
|
.glyphicon-minus:before {
|
|
content: "\2212";
|
|
}
|
|
|
|
.glyphicon-cloud:before {
|
|
content: "\2601";
|
|
}
|
|
|
|
.glyphicon-envelope:before {
|
|
content: "\2709";
|
|
}
|
|
|
|
.glyphicon-pencil:before {
|
|
content: "\270F";
|
|
}
|
|
|
|
.glyphicon-glass:before {
|
|
content: "\E001";
|
|
}
|
|
|
|
.glyphicon-music:before {
|
|
content: "\E002";
|
|
}
|
|
|
|
.glyphicon-search:before {
|
|
content: "\E003";
|
|
}
|
|
|
|
.glyphicon-heart:before {
|
|
content: "\E005";
|
|
}
|
|
|
|
.glyphicon-star:before {
|
|
content: "\E006";
|
|
}
|
|
|
|
.glyphicon-star-empty:before {
|
|
content: "\E007";
|
|
}
|
|
|
|
.glyphicon-user:before {
|
|
content: "\E008";
|
|
}
|
|
|
|
.glyphicon-film:before {
|
|
content: "\E009";
|
|
}
|
|
|
|
.glyphicon-th-large:before {
|
|
content: "\E010";
|
|
}
|
|
|
|
.glyphicon-th:before {
|
|
content: "\E011";
|
|
}
|
|
|
|
.glyphicon-th-list:before {
|
|
content: "\E012";
|
|
}
|
|
|
|
.glyphicon-ok:before {
|
|
content: "\E013";
|
|
}
|
|
|
|
.glyphicon-remove:before {
|
|
content: "\E014";
|
|
}
|
|
|
|
.glyphicon-zoom-in:before {
|
|
content: "\E015";
|
|
}
|
|
|
|
.glyphicon-zoom-out:before {
|
|
content: "\E016";
|
|
}
|
|
|
|
.glyphicon-off:before {
|
|
content: "\E017";
|
|
}
|
|
|
|
.glyphicon-signal:before {
|
|
content: "\E018";
|
|
}
|
|
|
|
.glyphicon-cog:before {
|
|
content: "\E019";
|
|
}
|
|
|
|
.glyphicon-trash:before {
|
|
content: "\E020";
|
|
}
|
|
|
|
.glyphicon-home:before {
|
|
content: "\E021";
|
|
}
|
|
|
|
.glyphicon-file:before {
|
|
content: "\E022";
|
|
}
|
|
|
|
.glyphicon-time:before {
|
|
content: "\E023";
|
|
}
|
|
|
|
.glyphicon-road:before {
|
|
content: "\E024";
|
|
}
|
|
|
|
.glyphicon-download-alt:before {
|
|
content: "\E025";
|
|
}
|
|
|
|
.glyphicon-download:before {
|
|
content: "\E026";
|
|
}
|
|
|
|
.glyphicon-upload:before {
|
|
content: "\E027";
|
|
}
|
|
|
|
.glyphicon-inbox:before {
|
|
content: "\E028";
|
|
}
|
|
|
|
.glyphicon-play-circle:before {
|
|
content: "\E029";
|
|
}
|
|
|
|
.glyphicon-repeat:before {
|
|
content: "\E030";
|
|
}
|
|
|
|
.glyphicon-refresh:before {
|
|
content: "\E031";
|
|
}
|
|
|
|
.glyphicon-list-alt:before {
|
|
content: "\E032";
|
|
}
|
|
|
|
.glyphicon-lock:before {
|
|
content: "\E033";
|
|
}
|
|
|
|
.glyphicon-flag:before {
|
|
content: "\E034";
|
|
}
|
|
|
|
.glyphicon-headphones:before {
|
|
content: "\E035";
|
|
}
|
|
|
|
.glyphicon-volume-off:before {
|
|
content: "\E036";
|
|
}
|
|
|
|
.glyphicon-volume-down:before {
|
|
content: "\E037";
|
|
}
|
|
|
|
.glyphicon-volume-up:before {
|
|
content: "\E038";
|
|
}
|
|
|
|
.glyphicon-qrcode:before {
|
|
content: "\E039";
|
|
}
|
|
|
|
.glyphicon-barcode:before {
|
|
content: "\E040";
|
|
}
|
|
|
|
.glyphicon-tag:before {
|
|
content: "\E041";
|
|
}
|
|
|
|
.glyphicon-tags:before {
|
|
content: "\E042";
|
|
}
|
|
|
|
.glyphicon-book:before {
|
|
content: "\E043";
|
|
}
|
|
|
|
.glyphicon-bookmark:before {
|
|
content: "\E044";
|
|
}
|
|
|
|
.glyphicon-print:before {
|
|
content: "\E045";
|
|
}
|
|
|
|
.glyphicon-camera:before {
|
|
content: "\E046";
|
|
}
|
|
|
|
.glyphicon-font:before {
|
|
content: "\E047";
|
|
}
|
|
|
|
.glyphicon-bold:before {
|
|
content: "\E048";
|
|
}
|
|
|
|
.glyphicon-italic:before {
|
|
content: "\E049";
|
|
}
|
|
|
|
.glyphicon-text-height:before {
|
|
content: "\E050";
|
|
}
|
|
|
|
.glyphicon-text-width:before {
|
|
content: "\E051";
|
|
}
|
|
|
|
.glyphicon-align-left:before {
|
|
content: "\E052";
|
|
}
|
|
|
|
.glyphicon-align-center:before {
|
|
content: "\E053";
|
|
}
|
|
|
|
.glyphicon-align-right:before {
|
|
content: "\E054";
|
|
}
|
|
|
|
.glyphicon-align-justify:before {
|
|
content: "\E055";
|
|
}
|
|
|
|
.glyphicon-list:before {
|
|
content: "\E056";
|
|
}
|
|
|
|
.glyphicon-indent-left:before {
|
|
content: "\E057";
|
|
}
|
|
|
|
.glyphicon-indent-right:before {
|
|
content: "\E058";
|
|
}
|
|
|
|
.glyphicon-facetime-video:before {
|
|
content: "\E059";
|
|
}
|
|
|
|
.glyphicon-picture:before {
|
|
content: "\E060";
|
|
}
|
|
|
|
.glyphicon-map-marker:before {
|
|
content: "\E062";
|
|
}
|
|
|
|
.glyphicon-adjust:before {
|
|
content: "\E063";
|
|
}
|
|
|
|
.glyphicon-tint:before {
|
|
content: "\E064";
|
|
}
|
|
|
|
.glyphicon-edit:before {
|
|
content: "\E065";
|
|
}
|
|
|
|
.glyphicon-share:before {
|
|
content: "\E066";
|
|
}
|
|
|
|
.glyphicon-check:before {
|
|
content: "\E067";
|
|
}
|
|
|
|
.glyphicon-move:before {
|
|
content: "\E068";
|
|
}
|
|
|
|
.glyphicon-step-backward:before {
|
|
content: "\E069";
|
|
}
|
|
|
|
.glyphicon-fast-backward:before {
|
|
content: "\E070";
|
|
}
|
|
|
|
.glyphicon-backward:before {
|
|
content: "\E071";
|
|
}
|
|
|
|
.glyphicon-play:before {
|
|
content: "\E072";
|
|
}
|
|
|
|
.glyphicon-pause:before {
|
|
content: "\E073";
|
|
}
|
|
|
|
.glyphicon-stop:before {
|
|
content: "\E074";
|
|
}
|
|
|
|
.glyphicon-forward:before {
|
|
content: "\E075";
|
|
}
|
|
|
|
.glyphicon-fast-forward:before {
|
|
content: "\E076";
|
|
}
|
|
|
|
.glyphicon-step-forward:before {
|
|
content: "\E077";
|
|
}
|
|
|
|
.glyphicon-eject:before {
|
|
content: "\E078";
|
|
}
|
|
|
|
.glyphicon-chevron-left:before {
|
|
content: "\E079";
|
|
}
|
|
|
|
.glyphicon-chevron-right:before {
|
|
content: "\E080";
|
|
}
|
|
|
|
.glyphicon-plus-sign:before {
|
|
content: "\E081";
|
|
}
|
|
|
|
.glyphicon-minus-sign:before {
|
|
content: "\E082";
|
|
}
|
|
|
|
.glyphicon-remove-sign:before {
|
|
content: "\E083";
|
|
}
|
|
|
|
.glyphicon-ok-sign:before {
|
|
content: "\E084";
|
|
}
|
|
|
|
.glyphicon-question-sign:before {
|
|
content: "\E085";
|
|
}
|
|
|
|
.glyphicon-info-sign:before {
|
|
content: "\E086";
|
|
}
|
|
|
|
.glyphicon-screenshot:before {
|
|
content: "\E087";
|
|
}
|
|
|
|
.glyphicon-remove-circle:before {
|
|
content: "\E088";
|
|
}
|
|
|
|
.glyphicon-ok-circle:before {
|
|
content: "\E089";
|
|
}
|
|
|
|
.glyphicon-ban-circle:before {
|
|
content: "\E090";
|
|
}
|
|
|
|
.glyphicon-arrow-left:before {
|
|
content: "\E091";
|
|
}
|
|
|
|
.glyphicon-arrow-right:before {
|
|
content: "\E092";
|
|
}
|
|
|
|
.glyphicon-arrow-up:before {
|
|
content: "\E093";
|
|
}
|
|
|
|
.glyphicon-arrow-down:before {
|
|
content: "\E094";
|
|
}
|
|
|
|
.glyphicon-share-alt:before {
|
|
content: "\E095";
|
|
}
|
|
|
|
.glyphicon-resize-full:before {
|
|
content: "\E096";
|
|
}
|
|
|
|
.glyphicon-resize-small:before {
|
|
content: "\E097";
|
|
}
|
|
|
|
.glyphicon-exclamation-sign:before {
|
|
content: "\E101";
|
|
}
|
|
|
|
.glyphicon-gift:before {
|
|
content: "\E102";
|
|
}
|
|
|
|
.glyphicon-leaf:before {
|
|
content: "\E103";
|
|
}
|
|
|
|
.glyphicon-fire:before {
|
|
content: "\E104";
|
|
}
|
|
|
|
.glyphicon-eye-open:before {
|
|
content: "\E105";
|
|
}
|
|
|
|
.glyphicon-eye-close:before {
|
|
content: "\E106";
|
|
}
|
|
|
|
.glyphicon-warning-sign:before {
|
|
content: "\E107";
|
|
}
|
|
|
|
.glyphicon-plane:before {
|
|
content: "\E108";
|
|
}
|
|
|
|
.glyphicon-calendar:before {
|
|
content: "\E109";
|
|
}
|
|
|
|
.glyphicon-random:before {
|
|
content: "\E110";
|
|
}
|
|
|
|
.glyphicon-comment:before {
|
|
content: "\E111";
|
|
}
|
|
|
|
.glyphicon-magnet:before {
|
|
content: "\E112";
|
|
}
|
|
|
|
.glyphicon-chevron-up:before {
|
|
content: "\E113";
|
|
}
|
|
|
|
.glyphicon-chevron-down:before {
|
|
content: "\E114";
|
|
}
|
|
|
|
.glyphicon-retweet:before {
|
|
content: "\E115";
|
|
}
|
|
|
|
.glyphicon-shopping-cart:before {
|
|
content: "\E116";
|
|
}
|
|
|
|
.glyphicon-folder-close:before {
|
|
content: "\E117";
|
|
}
|
|
|
|
.glyphicon-folder-open:before {
|
|
content: "\E118";
|
|
}
|
|
|
|
.glyphicon-resize-vertical:before {
|
|
content: "\E119";
|
|
}
|
|
|
|
.glyphicon-resize-horizontal:before {
|
|
content: "\E120";
|
|
}
|
|
|
|
.glyphicon-hdd:before {
|
|
content: "\E121";
|
|
}
|
|
|
|
.glyphicon-bullhorn:before {
|
|
content: "\E122";
|
|
}
|
|
|
|
.glyphicon-bell:before {
|
|
content: "\E123";
|
|
}
|
|
|
|
.glyphicon-certificate:before {
|
|
content: "\E124";
|
|
}
|
|
|
|
.glyphicon-thumbs-up:before {
|
|
content: "\E125";
|
|
}
|
|
|
|
.glyphicon-thumbs-down:before {
|
|
content: "\E126";
|
|
}
|
|
|
|
.glyphicon-hand-right:before {
|
|
content: "\E127";
|
|
}
|
|
|
|
.glyphicon-hand-left:before {
|
|
content: "\E128";
|
|
}
|
|
|
|
.glyphicon-hand-up:before {
|
|
content: "\E129";
|
|
}
|
|
|
|
.glyphicon-hand-down:before {
|
|
content: "\E130";
|
|
}
|
|
|
|
.glyphicon-circle-arrow-right:before {
|
|
content: "\E131";
|
|
}
|
|
|
|
.glyphicon-circle-arrow-left:before {
|
|
content: "\E132";
|
|
}
|
|
|
|
.glyphicon-circle-arrow-up:before {
|
|
content: "\E133";
|
|
}
|
|
|
|
.glyphicon-circle-arrow-down:before {
|
|
content: "\E134";
|
|
}
|
|
|
|
.glyphicon-globe:before {
|
|
content: "\E135";
|
|
}
|
|
|
|
.glyphicon-wrench:before {
|
|
content: "\E136";
|
|
}
|
|
|
|
.glyphicon-tasks:before {
|
|
content: "\E137";
|
|
}
|
|
|
|
.glyphicon-filter:before {
|
|
content: "\E138";
|
|
}
|
|
|
|
.glyphicon-briefcase:before {
|
|
content: "\E139";
|
|
}
|
|
|
|
.glyphicon-fullscreen:before {
|
|
content: "\E140";
|
|
}
|
|
|
|
.glyphicon-dashboard:before {
|
|
content: "\E141";
|
|
}
|
|
|
|
.glyphicon-paperclip:before {
|
|
content: "\E142";
|
|
}
|
|
|
|
.glyphicon-heart-empty:before {
|
|
content: "\E143";
|
|
}
|
|
|
|
.glyphicon-link:before {
|
|
content: "\E144";
|
|
}
|
|
|
|
.glyphicon-phone:before {
|
|
content: "\E145";
|
|
}
|
|
|
|
.glyphicon-pushpin:before {
|
|
content: "\E146";
|
|
}
|
|
|
|
.glyphicon-usd:before {
|
|
content: "\E148";
|
|
}
|
|
|
|
.glyphicon-gbp:before {
|
|
content: "\E149";
|
|
}
|
|
|
|
.glyphicon-sort:before {
|
|
content: "\E150";
|
|
}
|
|
|
|
.glyphicon-sort-by-alphabet:before {
|
|
content: "\E151";
|
|
}
|
|
|
|
.glyphicon-sort-by-alphabet-alt:before {
|
|
content: "\E152";
|
|
}
|
|
|
|
.glyphicon-sort-by-order:before {
|
|
content: "\E153";
|
|
}
|
|
|
|
.glyphicon-sort-by-order-alt:before {
|
|
content: "\E154";
|
|
}
|
|
|
|
.glyphicon-sort-by-attributes:before {
|
|
content: "\E155";
|
|
}
|
|
|
|
.glyphicon-sort-by-attributes-alt:before {
|
|
content: "\E156";
|
|
}
|
|
|
|
.glyphicon-unchecked:before {
|
|
content: "\E157";
|
|
}
|
|
|
|
.glyphicon-expand:before {
|
|
content: "\E158";
|
|
}
|
|
|
|
.glyphicon-collapse-down:before {
|
|
content: "\E159";
|
|
}
|
|
|
|
.glyphicon-collapse-up:before {
|
|
content: "\E160";
|
|
}
|
|
|
|
.glyphicon-log-in:before {
|
|
content: "\E161";
|
|
}
|
|
|
|
.glyphicon-flash:before {
|
|
content: "\E162";
|
|
}
|
|
|
|
.glyphicon-log-out:before {
|
|
content: "\E163";
|
|
}
|
|
|
|
.glyphicon-new-window:before {
|
|
content: "\E164";
|
|
}
|
|
|
|
.glyphicon-record:before {
|
|
content: "\E165";
|
|
}
|
|
|
|
.glyphicon-save:before {
|
|
content: "\E166";
|
|
}
|
|
|
|
.glyphicon-open:before {
|
|
content: "\E167";
|
|
}
|
|
|
|
.glyphicon-saved:before {
|
|
content: "\E168";
|
|
}
|
|
|
|
.glyphicon-import:before {
|
|
content: "\E169";
|
|
}
|
|
|
|
.glyphicon-export:before {
|
|
content: "\E170";
|
|
}
|
|
|
|
.glyphicon-send:before {
|
|
content: "\E171";
|
|
}
|
|
|
|
.glyphicon-floppy-disk:before {
|
|
content: "\E172";
|
|
}
|
|
|
|
.glyphicon-floppy-saved:before {
|
|
content: "\E173";
|
|
}
|
|
|
|
.glyphicon-floppy-remove:before {
|
|
content: "\E174";
|
|
}
|
|
|
|
.glyphicon-floppy-save:before {
|
|
content: "\E175";
|
|
}
|
|
|
|
.glyphicon-floppy-open:before {
|
|
content: "\E176";
|
|
}
|
|
|
|
.glyphicon-credit-card:before {
|
|
content: "\E177";
|
|
}
|
|
|
|
.glyphicon-transfer:before {
|
|
content: "\E178";
|
|
}
|
|
|
|
.glyphicon-cutlery:before {
|
|
content: "\E179";
|
|
}
|
|
|
|
.glyphicon-header:before {
|
|
content: "\E180";
|
|
}
|
|
|
|
.glyphicon-compressed:before {
|
|
content: "\E181";
|
|
}
|
|
|
|
.glyphicon-earphone:before {
|
|
content: "\E182";
|
|
}
|
|
|
|
.glyphicon-phone-alt:before {
|
|
content: "\E183";
|
|
}
|
|
|
|
.glyphicon-tower:before {
|
|
content: "\E184";
|
|
}
|
|
|
|
.glyphicon-stats:before {
|
|
content: "\E185";
|
|
}
|
|
|
|
.glyphicon-sd-video:before {
|
|
content: "\E186";
|
|
}
|
|
|
|
.glyphicon-hd-video:before {
|
|
content: "\E187";
|
|
}
|
|
|
|
.glyphicon-subtitles:before {
|
|
content: "\E188";
|
|
}
|
|
|
|
.glyphicon-sound-stereo:before {
|
|
content: "\E189";
|
|
}
|
|
|
|
.glyphicon-sound-dolby:before {
|
|
content: "\E190";
|
|
}
|
|
|
|
.glyphicon-sound-5-1:before {
|
|
content: "\E191";
|
|
}
|
|
|
|
.glyphicon-sound-6-1:before {
|
|
content: "\E192";
|
|
}
|
|
|
|
.glyphicon-sound-7-1:before {
|
|
content: "\E193";
|
|
}
|
|
|
|
.glyphicon-copyright-mark:before {
|
|
content: "\E194";
|
|
}
|
|
|
|
.glyphicon-registration-mark:before {
|
|
content: "\E195";
|
|
}
|
|
|
|
.glyphicon-cloud-download:before {
|
|
content: "\E197";
|
|
}
|
|
|
|
.glyphicon-cloud-upload:before {
|
|
content: "\E198";
|
|
}
|
|
|
|
.glyphicon-tree-conifer:before {
|
|
content: "\E199";
|
|
}
|
|
|
|
.glyphicon-tree-deciduous:before {
|
|
content: "\E200";
|
|
}
|
|
|
|
.glyphicon-cd:before {
|
|
content: "\E201";
|
|
}
|
|
|
|
.glyphicon-save-file:before {
|
|
content: "\E202";
|
|
}
|
|
|
|
.glyphicon-open-file:before {
|
|
content: "\E203";
|
|
}
|
|
|
|
.glyphicon-level-up:before {
|
|
content: "\E204";
|
|
}
|
|
|
|
.glyphicon-copy:before {
|
|
content: "\E205";
|
|
}
|
|
|
|
.glyphicon-paste:before {
|
|
content: "\E206";
|
|
}
|
|
|
|
.glyphicon-alert:before {
|
|
content: "\E209";
|
|
}
|
|
|
|
.glyphicon-equalizer:before {
|
|
content: "\E210";
|
|
}
|
|
|
|
.glyphicon-king:before {
|
|
content: "\E211";
|
|
}
|
|
|
|
.glyphicon-queen:before {
|
|
content: "\E212";
|
|
}
|
|
|
|
.glyphicon-pawn:before {
|
|
content: "\E213";
|
|
}
|
|
|
|
.glyphicon-bishop:before {
|
|
content: "\E214";
|
|
}
|
|
|
|
.glyphicon-knight:before {
|
|
content: "\E215";
|
|
}
|
|
|
|
.glyphicon-baby-formula:before {
|
|
content: "\E216";
|
|
}
|
|
|
|
.glyphicon-tent:before {
|
|
content: "\26FA";
|
|
}
|
|
|
|
.glyphicon-blackboard:before {
|
|
content: "\E218";
|
|
}
|
|
|
|
.glyphicon-bed:before {
|
|
content: "\E219";
|
|
}
|
|
|
|
.glyphicon-apple:before {
|
|
content: "\F8FF";
|
|
}
|
|
|
|
.glyphicon-erase:before {
|
|
content: "\E221";
|
|
}
|
|
|
|
.glyphicon-hourglass:before {
|
|
content: "\231B";
|
|
}
|
|
|
|
.glyphicon-lamp:before {
|
|
content: "\E223";
|
|
}
|
|
|
|
.glyphicon-duplicate:before {
|
|
content: "\E224";
|
|
}
|
|
|
|
.glyphicon-piggy-bank:before {
|
|
content: "\E225";
|
|
}
|
|
|
|
.glyphicon-scissors:before {
|
|
content: "\E226";
|
|
}
|
|
|
|
.glyphicon-bitcoin:before {
|
|
content: "\E227";
|
|
}
|
|
|
|
.glyphicon-btc:before {
|
|
content: "\E227";
|
|
}
|
|
|
|
.glyphicon-xbt:before {
|
|
content: "\E227";
|
|
}
|
|
|
|
.glyphicon-yen:before {
|
|
content: "\A5";
|
|
}
|
|
|
|
.glyphicon-jpy:before {
|
|
content: "\A5";
|
|
}
|
|
|
|
.glyphicon-ruble:before {
|
|
content: "\20BD";
|
|
}
|
|
|
|
.glyphicon-rub:before {
|
|
content: "\20BD";
|
|
}
|
|
|
|
.glyphicon-scale:before {
|
|
content: "\E230";
|
|
}
|
|
|
|
.glyphicon-ice-lolly:before {
|
|
content: "\E231";
|
|
}
|
|
|
|
.glyphicon-ice-lolly-tasted:before {
|
|
content: "\E232";
|
|
}
|
|
|
|
.glyphicon-education:before {
|
|
content: "\E233";
|
|
}
|
|
|
|
.glyphicon-option-horizontal:before {
|
|
content: "\E234";
|
|
}
|
|
|
|
.glyphicon-option-vertical:before {
|
|
content: "\E235";
|
|
}
|
|
|
|
.glyphicon-menu-hamburger:before {
|
|
content: "\E236";
|
|
}
|
|
|
|
.glyphicon-modal-window:before {
|
|
content: "\E237";
|
|
}
|
|
|
|
.glyphicon-oil:before {
|
|
content: "\E238";
|
|
}
|
|
|
|
.glyphicon-grain:before {
|
|
content: "\E239";
|
|
}
|
|
|
|
.glyphicon-sunglasses:before {
|
|
content: "\E240";
|
|
}
|
|
|
|
.glyphicon-text-size:before {
|
|
content: "\E241";
|
|
}
|
|
|
|
.glyphicon-text-color:before {
|
|
content: "\E242";
|
|
}
|
|
|
|
.glyphicon-text-background:before {
|
|
content: "\E243";
|
|
}
|
|
|
|
.glyphicon-object-align-top:before {
|
|
content: "\E244";
|
|
}
|
|
|
|
.glyphicon-object-align-bottom:before {
|
|
content: "\E245";
|
|
}
|
|
|
|
.glyphicon-object-align-horizontal:before {
|
|
content: "\E246";
|
|
}
|
|
|
|
.glyphicon-object-align-left:before {
|
|
content: "\E247";
|
|
}
|
|
|
|
.glyphicon-object-align-vertical:before {
|
|
content: "\E248";
|
|
}
|
|
|
|
.glyphicon-object-align-right:before {
|
|
content: "\E249";
|
|
}
|
|
|
|
.glyphicon-triangle-right:before {
|
|
content: "\E250";
|
|
}
|
|
|
|
.glyphicon-triangle-left:before {
|
|
content: "\E251";
|
|
}
|
|
|
|
.glyphicon-triangle-bottom:before {
|
|
content: "\E252";
|
|
}
|
|
|
|
.glyphicon-triangle-top:before {
|
|
content: "\E253";
|
|
}
|
|
|
|
.glyphicon-console:before {
|
|
content: "\E254";
|
|
}
|
|
|
|
.glyphicon-superscript:before {
|
|
content: "\E255";
|
|
}
|
|
|
|
.glyphicon-subscript:before {
|
|
content: "\E256";
|
|
}
|
|
|
|
.glyphicon-menu-left:before {
|
|
content: "\E257";
|
|
}
|
|
|
|
.glyphicon-menu-right:before {
|
|
content: "\E258";
|
|
}
|
|
|
|
.glyphicon-menu-down:before {
|
|
content: "\E259";
|
|
}
|
|
|
|
.glyphicon-menu-up:before {
|
|
content: "\E260";
|
|
}
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*:before,
|
|
*:after {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-size: 10px;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
body {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #333333;
|
|
background-color: #fff;
|
|
}
|
|
|
|
input,
|
|
button,
|
|
select,
|
|
textarea {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
a {
|
|
color: #4D7EA8;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover, a:focus {
|
|
color: #355774;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:focus {
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
figure {
|
|
margin: 0;
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.img-responsive {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.img-rounded {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.img-thumbnail {
|
|
padding: 4px;
|
|
line-height: 1.42857143;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
transition: all 0.2s ease-in-out;
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.img-circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
hr {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
border: 0;
|
|
border-top: 1px solid #eeeeee;
|
|
}
|
|
|
|
.sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0;
|
|
}
|
|
|
|
.sr-only-focusable:active, .sr-only-focusable:focus {
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: visible;
|
|
clip: auto;
|
|
}
|
|
|
|
[role="button"] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6,
|
|
.h1, .h2, .h3, .h4, .h5, .h6 {
|
|
font-family: inherit;
|
|
font-weight: 500;
|
|
line-height: 1.1;
|
|
color: inherit;
|
|
}
|
|
|
|
h1 small,
|
|
h1 .small, h2 small,
|
|
h2 .small, h3 small,
|
|
h3 .small, h4 small,
|
|
h4 .small, h5 small,
|
|
h5 .small, h6 small,
|
|
h6 .small,
|
|
.h1 small,
|
|
.h1 .small, .h2 small,
|
|
.h2 .small, .h3 small,
|
|
.h3 .small, .h4 small,
|
|
.h4 .small, .h5 small,
|
|
.h5 .small, .h6 small,
|
|
.h6 .small {
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
color: #777777;
|
|
}
|
|
|
|
h1, .h1,
|
|
h2, .h2,
|
|
h3, .h3 {
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
h1 small,
|
|
h1 .small, .h1 small,
|
|
.h1 .small,
|
|
h2 small,
|
|
h2 .small, .h2 small,
|
|
.h2 .small,
|
|
h3 small,
|
|
h3 .small, .h3 small,
|
|
.h3 .small {
|
|
font-size: 65%;
|
|
}
|
|
|
|
h4, .h4,
|
|
h5, .h5,
|
|
h6, .h6 {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
h4 small,
|
|
h4 .small, .h4 small,
|
|
.h4 .small,
|
|
h5 small,
|
|
h5 .small, .h5 small,
|
|
.h5 .small,
|
|
h6 small,
|
|
h6 .small, .h6 small,
|
|
.h6 .small {
|
|
font-size: 75%;
|
|
}
|
|
|
|
h1, .h1 {
|
|
font-size: 36px;
|
|
}
|
|
|
|
h2, .h2 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
h3, .h3 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
h4, .h4 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
h5, .h5 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
h6, .h6 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
.lead {
|
|
margin-bottom: 20px;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.lead {
|
|
font-size: 21px;
|
|
}
|
|
}
|
|
|
|
small,
|
|
.small {
|
|
font-size: 85%;
|
|
}
|
|
|
|
mark,
|
|
.mark {
|
|
padding: .2em;
|
|
background-color: #fcf8e3;
|
|
}
|
|
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.text-justify {
|
|
text-align: justify;
|
|
}
|
|
|
|
.text-nowrap, #product-card-new .product-rating {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.text-lowercase {
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.text-uppercase, .initialism {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.text-capitalize {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.text-muted {
|
|
color: #777777;
|
|
}
|
|
|
|
.text-primary {
|
|
color: #337ab7;
|
|
}
|
|
|
|
a.text-primary:hover,
|
|
a.text-primary:focus {
|
|
color: #286090;
|
|
}
|
|
|
|
.text-success {
|
|
color: #3c763d;
|
|
}
|
|
|
|
a.text-success:hover,
|
|
a.text-success:focus {
|
|
color: #2b542c;
|
|
}
|
|
|
|
.text-info {
|
|
color: #31708f;
|
|
}
|
|
|
|
a.text-info:hover,
|
|
a.text-info:focus {
|
|
color: #245269;
|
|
}
|
|
|
|
.text-warning {
|
|
color: #8a6d3b;
|
|
}
|
|
|
|
a.text-warning:hover,
|
|
a.text-warning:focus {
|
|
color: #66512c;
|
|
}
|
|
|
|
.text-danger {
|
|
color: #a94442;
|
|
}
|
|
|
|
a.text-danger:hover,
|
|
a.text-danger:focus {
|
|
color: #843534;
|
|
}
|
|
|
|
.bg-primary {
|
|
color: #fff;
|
|
}
|
|
|
|
.bg-primary {
|
|
background-color: #337ab7;
|
|
}
|
|
|
|
a.bg-primary:hover,
|
|
a.bg-primary:focus {
|
|
background-color: #286090;
|
|
}
|
|
|
|
.bg-success {
|
|
background-color: #dff0d8;
|
|
}
|
|
|
|
a.bg-success:hover,
|
|
a.bg-success:focus {
|
|
background-color: #c1e2b3;
|
|
}
|
|
|
|
.bg-info {
|
|
background-color: #d9edf7;
|
|
}
|
|
|
|
a.bg-info:hover,
|
|
a.bg-info:focus {
|
|
background-color: #afd9ee;
|
|
}
|
|
|
|
.bg-warning {
|
|
background-color: #fcf8e3;
|
|
}
|
|
|
|
a.bg-warning:hover,
|
|
a.bg-warning:focus {
|
|
background-color: #f7ecb5;
|
|
}
|
|
|
|
.bg-danger {
|
|
background-color: #f2dede;
|
|
}
|
|
|
|
a.bg-danger:hover,
|
|
a.bg-danger:focus {
|
|
background-color: #e4b9b9;
|
|
}
|
|
|
|
.page-header {
|
|
padding-bottom: 9px;
|
|
margin: 40px 0 20px;
|
|
border-bottom: 1px solid #eeeeee;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
ul ul,
|
|
ul ol,
|
|
ol ul,
|
|
ol ol {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.list-unstyled {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.list-inline {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.list-inline > li {
|
|
display: inline-block;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
dl {
|
|
margin-top: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
dt,
|
|
dd {
|
|
line-height: 1.42857143;
|
|
}
|
|
|
|
dt {
|
|
font-weight: 700;
|
|
}
|
|
|
|
dd {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.dl-horizontal dd:before, .dl-horizontal dd:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.dl-horizontal dd:after {
|
|
clear: both;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.dl-horizontal dt {
|
|
float: left;
|
|
width: 160px;
|
|
clear: left;
|
|
text-align: right;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.dl-horizontal dd {
|
|
margin-left: 180px;
|
|
}
|
|
}
|
|
|
|
abbr[title],
|
|
abbr[data-original-title] {
|
|
cursor: help;
|
|
}
|
|
|
|
.initialism {
|
|
font-size: 90%;
|
|
}
|
|
|
|
blockquote {
|
|
padding: 10px 20px;
|
|
margin: 0 0 20px;
|
|
font-size: 17.5px;
|
|
border-left: 5px solid #eeeeee;
|
|
}
|
|
|
|
blockquote p:last-child,
|
|
blockquote ul:last-child,
|
|
blockquote ol:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
blockquote footer,
|
|
blockquote small,
|
|
blockquote .small {
|
|
display: block;
|
|
font-size: 80%;
|
|
line-height: 1.42857143;
|
|
color: #777777;
|
|
}
|
|
|
|
blockquote footer:before,
|
|
blockquote small:before,
|
|
blockquote .small:before {
|
|
content: "\2014 \A0";
|
|
}
|
|
|
|
.blockquote-reverse,
|
|
blockquote.pull-right {
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
text-align: right;
|
|
border-right: 5px solid #eeeeee;
|
|
border-left: 0;
|
|
}
|
|
|
|
.blockquote-reverse footer:before,
|
|
.blockquote-reverse small:before,
|
|
.blockquote-reverse .small:before,
|
|
blockquote.pull-right footer:before,
|
|
blockquote.pull-right small:before,
|
|
blockquote.pull-right .small:before {
|
|
content: "";
|
|
}
|
|
|
|
.blockquote-reverse footer:after,
|
|
.blockquote-reverse small:after,
|
|
.blockquote-reverse .small:after,
|
|
blockquote.pull-right footer:after,
|
|
blockquote.pull-right small:after,
|
|
blockquote.pull-right .small:after {
|
|
content: "\A0 \2014";
|
|
}
|
|
|
|
address {
|
|
margin-bottom: 20px;
|
|
font-style: normal;
|
|
line-height: 1.42857143;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
}
|
|
|
|
code {
|
|
padding: 2px 4px;
|
|
font-size: 90%;
|
|
color: #c7254e;
|
|
background-color: #f9f2f4;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
kbd {
|
|
padding: 2px 4px;
|
|
font-size: 90%;
|
|
color: #fff;
|
|
background-color: #333;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
kbd kbd {
|
|
padding: 0;
|
|
font-size: 100%;
|
|
font-weight: 700;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
pre {
|
|
display: block;
|
|
padding: 9.5px;
|
|
margin: 0 0 10px;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
color: #333333;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
pre code {
|
|
padding: 0;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
white-space: pre-wrap;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.pre-scrollable {
|
|
max-height: 340px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.container {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.container:before, .container:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.container:after {
|
|
clear: both;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.container {
|
|
width: 750px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.container {
|
|
width: 970px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.container {
|
|
width: 1170px;
|
|
}
|
|
}
|
|
|
|
.container-fluid {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.container-fluid:before, .container-fluid:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.container-fluid:after {
|
|
clear: both;
|
|
}
|
|
|
|
.row {
|
|
margin-right: -15px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.row:before, .row:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.row:after {
|
|
clear: both;
|
|
}
|
|
|
|
.row-no-gutters {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.row-no-gutters [class*="col-"] {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
|
|
float: left;
|
|
}
|
|
|
|
.col-xs-1 {
|
|
width: 8.33333333%;
|
|
}
|
|
|
|
.col-xs-2 {
|
|
width: 16.66666667%;
|
|
}
|
|
|
|
.col-xs-3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.col-xs-4 {
|
|
width: 33.33333333%;
|
|
}
|
|
|
|
.col-xs-5 {
|
|
width: 41.66666667%;
|
|
}
|
|
|
|
.col-xs-6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.col-xs-7 {
|
|
width: 58.33333333%;
|
|
}
|
|
|
|
.col-xs-8 {
|
|
width: 66.66666667%;
|
|
}
|
|
|
|
.col-xs-9 {
|
|
width: 75%;
|
|
}
|
|
|
|
.col-xs-10 {
|
|
width: 83.33333333%;
|
|
}
|
|
|
|
.col-xs-11 {
|
|
width: 91.66666667%;
|
|
}
|
|
|
|
.col-xs-12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.col-xs-pull-0 {
|
|
right: auto;
|
|
}
|
|
|
|
.col-xs-pull-1 {
|
|
right: 8.33333333%;
|
|
}
|
|
|
|
.col-xs-pull-2 {
|
|
right: 16.66666667%;
|
|
}
|
|
|
|
.col-xs-pull-3 {
|
|
right: 25%;
|
|
}
|
|
|
|
.col-xs-pull-4 {
|
|
right: 33.33333333%;
|
|
}
|
|
|
|
.col-xs-pull-5 {
|
|
right: 41.66666667%;
|
|
}
|
|
|
|
.col-xs-pull-6 {
|
|
right: 50%;
|
|
}
|
|
|
|
.col-xs-pull-7 {
|
|
right: 58.33333333%;
|
|
}
|
|
|
|
.col-xs-pull-8 {
|
|
right: 66.66666667%;
|
|
}
|
|
|
|
.col-xs-pull-9 {
|
|
right: 75%;
|
|
}
|
|
|
|
.col-xs-pull-10 {
|
|
right: 83.33333333%;
|
|
}
|
|
|
|
.col-xs-pull-11 {
|
|
right: 91.66666667%;
|
|
}
|
|
|
|
.col-xs-pull-12 {
|
|
right: 100%;
|
|
}
|
|
|
|
.col-xs-push-0 {
|
|
left: auto;
|
|
}
|
|
|
|
.col-xs-push-1 {
|
|
left: 8.33333333%;
|
|
}
|
|
|
|
.col-xs-push-2 {
|
|
left: 16.66666667%;
|
|
}
|
|
|
|
.col-xs-push-3 {
|
|
left: 25%;
|
|
}
|
|
|
|
.col-xs-push-4 {
|
|
left: 33.33333333%;
|
|
}
|
|
|
|
.col-xs-push-5 {
|
|
left: 41.66666667%;
|
|
}
|
|
|
|
.col-xs-push-6 {
|
|
left: 50%;
|
|
}
|
|
|
|
.col-xs-push-7 {
|
|
left: 58.33333333%;
|
|
}
|
|
|
|
.col-xs-push-8 {
|
|
left: 66.66666667%;
|
|
}
|
|
|
|
.col-xs-push-9 {
|
|
left: 75%;
|
|
}
|
|
|
|
.col-xs-push-10 {
|
|
left: 83.33333333%;
|
|
}
|
|
|
|
.col-xs-push-11 {
|
|
left: 91.66666667%;
|
|
}
|
|
|
|
.col-xs-push-12 {
|
|
left: 100%;
|
|
}
|
|
|
|
.col-xs-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
|
|
.col-xs-offset-1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
|
|
.col-xs-offset-2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
|
|
.col-xs-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.col-xs-offset-4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
|
|
.col-xs-offset-5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
|
|
.col-xs-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.col-xs-offset-7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
|
|
.col-xs-offset-8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
|
|
.col-xs-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.col-xs-offset-10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
|
|
.col-xs-offset-11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
|
|
.col-xs-offset-12 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
|
|
float: left;
|
|
}
|
|
.col-sm-1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.col-sm-2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.col-sm-3 {
|
|
width: 25%;
|
|
}
|
|
.col-sm-4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.col-sm-5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.col-sm-6 {
|
|
width: 50%;
|
|
}
|
|
.col-sm-7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.col-sm-8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.col-sm-9 {
|
|
width: 75%;
|
|
}
|
|
.col-sm-10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.col-sm-11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.col-sm-12 {
|
|
width: 100%;
|
|
}
|
|
.col-sm-pull-0 {
|
|
right: auto;
|
|
}
|
|
.col-sm-pull-1 {
|
|
right: 8.33333333%;
|
|
}
|
|
.col-sm-pull-2 {
|
|
right: 16.66666667%;
|
|
}
|
|
.col-sm-pull-3 {
|
|
right: 25%;
|
|
}
|
|
.col-sm-pull-4 {
|
|
right: 33.33333333%;
|
|
}
|
|
.col-sm-pull-5 {
|
|
right: 41.66666667%;
|
|
}
|
|
.col-sm-pull-6 {
|
|
right: 50%;
|
|
}
|
|
.col-sm-pull-7 {
|
|
right: 58.33333333%;
|
|
}
|
|
.col-sm-pull-8 {
|
|
right: 66.66666667%;
|
|
}
|
|
.col-sm-pull-9 {
|
|
right: 75%;
|
|
}
|
|
.col-sm-pull-10 {
|
|
right: 83.33333333%;
|
|
}
|
|
.col-sm-pull-11 {
|
|
right: 91.66666667%;
|
|
}
|
|
.col-sm-pull-12 {
|
|
right: 100%;
|
|
}
|
|
.col-sm-push-0 {
|
|
left: auto;
|
|
}
|
|
.col-sm-push-1 {
|
|
left: 8.33333333%;
|
|
}
|
|
.col-sm-push-2 {
|
|
left: 16.66666667%;
|
|
}
|
|
.col-sm-push-3 {
|
|
left: 25%;
|
|
}
|
|
.col-sm-push-4 {
|
|
left: 33.33333333%;
|
|
}
|
|
.col-sm-push-5 {
|
|
left: 41.66666667%;
|
|
}
|
|
.col-sm-push-6 {
|
|
left: 50%;
|
|
}
|
|
.col-sm-push-7 {
|
|
left: 58.33333333%;
|
|
}
|
|
.col-sm-push-8 {
|
|
left: 66.66666667%;
|
|
}
|
|
.col-sm-push-9 {
|
|
left: 75%;
|
|
}
|
|
.col-sm-push-10 {
|
|
left: 83.33333333%;
|
|
}
|
|
.col-sm-push-11 {
|
|
left: 91.66666667%;
|
|
}
|
|
.col-sm-push-12 {
|
|
left: 100%;
|
|
}
|
|
.col-sm-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.col-sm-offset-1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.col-sm-offset-2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.col-sm-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.col-sm-offset-4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.col-sm-offset-5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.col-sm-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.col-sm-offset-7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.col-sm-offset-8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.col-sm-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.col-sm-offset-10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.col-sm-offset-11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.col-sm-offset-12 {
|
|
margin-left: 100%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
|
|
float: left;
|
|
}
|
|
.col-md-1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.col-md-2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.col-md-3 {
|
|
width: 25%;
|
|
}
|
|
.col-md-4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.col-md-5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.col-md-6 {
|
|
width: 50%;
|
|
}
|
|
.col-md-7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.col-md-8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.col-md-9 {
|
|
width: 75%;
|
|
}
|
|
.col-md-10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.col-md-11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.col-md-12 {
|
|
width: 100%;
|
|
}
|
|
.col-md-pull-0 {
|
|
right: auto;
|
|
}
|
|
.col-md-pull-1 {
|
|
right: 8.33333333%;
|
|
}
|
|
.col-md-pull-2 {
|
|
right: 16.66666667%;
|
|
}
|
|
.col-md-pull-3 {
|
|
right: 25%;
|
|
}
|
|
.col-md-pull-4 {
|
|
right: 33.33333333%;
|
|
}
|
|
.col-md-pull-5 {
|
|
right: 41.66666667%;
|
|
}
|
|
.col-md-pull-6 {
|
|
right: 50%;
|
|
}
|
|
.col-md-pull-7 {
|
|
right: 58.33333333%;
|
|
}
|
|
.col-md-pull-8 {
|
|
right: 66.66666667%;
|
|
}
|
|
.col-md-pull-9 {
|
|
right: 75%;
|
|
}
|
|
.col-md-pull-10 {
|
|
right: 83.33333333%;
|
|
}
|
|
.col-md-pull-11 {
|
|
right: 91.66666667%;
|
|
}
|
|
.col-md-pull-12 {
|
|
right: 100%;
|
|
}
|
|
.col-md-push-0 {
|
|
left: auto;
|
|
}
|
|
.col-md-push-1 {
|
|
left: 8.33333333%;
|
|
}
|
|
.col-md-push-2 {
|
|
left: 16.66666667%;
|
|
}
|
|
.col-md-push-3 {
|
|
left: 25%;
|
|
}
|
|
.col-md-push-4 {
|
|
left: 33.33333333%;
|
|
}
|
|
.col-md-push-5 {
|
|
left: 41.66666667%;
|
|
}
|
|
.col-md-push-6 {
|
|
left: 50%;
|
|
}
|
|
.col-md-push-7 {
|
|
left: 58.33333333%;
|
|
}
|
|
.col-md-push-8 {
|
|
left: 66.66666667%;
|
|
}
|
|
.col-md-push-9 {
|
|
left: 75%;
|
|
}
|
|
.col-md-push-10 {
|
|
left: 83.33333333%;
|
|
}
|
|
.col-md-push-11 {
|
|
left: 91.66666667%;
|
|
}
|
|
.col-md-push-12 {
|
|
left: 100%;
|
|
}
|
|
.col-md-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.col-md-offset-1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.col-md-offset-2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.col-md-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.col-md-offset-4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.col-md-offset-5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.col-md-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.col-md-offset-7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.col-md-offset-8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.col-md-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.col-md-offset-10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.col-md-offset-11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.col-md-offset-12 {
|
|
margin-left: 100%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
|
|
float: left;
|
|
}
|
|
.col-lg-1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.col-lg-2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.col-lg-3 {
|
|
width: 25%;
|
|
}
|
|
.col-lg-4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.col-lg-5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.col-lg-6 {
|
|
width: 50%;
|
|
}
|
|
.col-lg-7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.col-lg-8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.col-lg-9 {
|
|
width: 75%;
|
|
}
|
|
.col-lg-10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.col-lg-11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.col-lg-12 {
|
|
width: 100%;
|
|
}
|
|
.col-lg-pull-0 {
|
|
right: auto;
|
|
}
|
|
.col-lg-pull-1 {
|
|
right: 8.33333333%;
|
|
}
|
|
.col-lg-pull-2 {
|
|
right: 16.66666667%;
|
|
}
|
|
.col-lg-pull-3 {
|
|
right: 25%;
|
|
}
|
|
.col-lg-pull-4 {
|
|
right: 33.33333333%;
|
|
}
|
|
.col-lg-pull-5 {
|
|
right: 41.66666667%;
|
|
}
|
|
.col-lg-pull-6 {
|
|
right: 50%;
|
|
}
|
|
.col-lg-pull-7 {
|
|
right: 58.33333333%;
|
|
}
|
|
.col-lg-pull-8 {
|
|
right: 66.66666667%;
|
|
}
|
|
.col-lg-pull-9 {
|
|
right: 75%;
|
|
}
|
|
.col-lg-pull-10 {
|
|
right: 83.33333333%;
|
|
}
|
|
.col-lg-pull-11 {
|
|
right: 91.66666667%;
|
|
}
|
|
.col-lg-pull-12 {
|
|
right: 100%;
|
|
}
|
|
.col-lg-push-0 {
|
|
left: auto;
|
|
}
|
|
.col-lg-push-1 {
|
|
left: 8.33333333%;
|
|
}
|
|
.col-lg-push-2 {
|
|
left: 16.66666667%;
|
|
}
|
|
.col-lg-push-3 {
|
|
left: 25%;
|
|
}
|
|
.col-lg-push-4 {
|
|
left: 33.33333333%;
|
|
}
|
|
.col-lg-push-5 {
|
|
left: 41.66666667%;
|
|
}
|
|
.col-lg-push-6 {
|
|
left: 50%;
|
|
}
|
|
.col-lg-push-7 {
|
|
left: 58.33333333%;
|
|
}
|
|
.col-lg-push-8 {
|
|
left: 66.66666667%;
|
|
}
|
|
.col-lg-push-9 {
|
|
left: 75%;
|
|
}
|
|
.col-lg-push-10 {
|
|
left: 83.33333333%;
|
|
}
|
|
.col-lg-push-11 {
|
|
left: 91.66666667%;
|
|
}
|
|
.col-lg-push-12 {
|
|
left: 100%;
|
|
}
|
|
.col-lg-offset-0 {
|
|
margin-left: 0%;
|
|
}
|
|
.col-lg-offset-1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.col-lg-offset-2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.col-lg-offset-3 {
|
|
margin-left: 25%;
|
|
}
|
|
.col-lg-offset-4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.col-lg-offset-5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.col-lg-offset-6 {
|
|
margin-left: 50%;
|
|
}
|
|
.col-lg-offset-7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.col-lg-offset-8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.col-lg-offset-9 {
|
|
margin-left: 75%;
|
|
}
|
|
.col-lg-offset-10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.col-lg-offset-11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.col-lg-offset-12 {
|
|
margin-left: 100%;
|
|
}
|
|
}
|
|
|
|
table {
|
|
background-color: transparent;
|
|
}
|
|
|
|
table col[class*="col-"] {
|
|
position: static;
|
|
display: table-column;
|
|
float: none;
|
|
}
|
|
|
|
table td[class*="col-"],
|
|
table th[class*="col-"] {
|
|
position: static;
|
|
display: table-cell;
|
|
float: none;
|
|
}
|
|
|
|
caption {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
color: #777777;
|
|
text-align: left;
|
|
}
|
|
|
|
th {
|
|
text-align: left;
|
|
}
|
|
|
|
.table {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.table > thead > tr > th,
|
|
.table > thead > tr > td,
|
|
.table > tbody > tr > th,
|
|
.table > tbody > tr > td,
|
|
.table > tfoot > tr > th,
|
|
.table > tfoot > tr > td {
|
|
padding: 8px;
|
|
line-height: 1.42857143;
|
|
vertical-align: top;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
.table > thead > tr > th {
|
|
vertical-align: bottom;
|
|
border-bottom: 2px solid #ddd;
|
|
}
|
|
|
|
.table > caption + thead > tr:first-child > th,
|
|
.table > caption + thead > tr:first-child > td,
|
|
.table > colgroup + thead > tr:first-child > th,
|
|
.table > colgroup + thead > tr:first-child > td,
|
|
.table > thead:first-child > tr:first-child > th,
|
|
.table > thead:first-child > tr:first-child > td {
|
|
border-top: 0;
|
|
}
|
|
|
|
.table > tbody + tbody {
|
|
border-top: 2px solid #ddd;
|
|
}
|
|
|
|
.table .table {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.table-condensed > thead > tr > th,
|
|
.table-condensed > thead > tr > td,
|
|
.table-condensed > tbody > tr > th,
|
|
.table-condensed > tbody > tr > td,
|
|
.table-condensed > tfoot > tr > th,
|
|
.table-condensed > tfoot > tr > td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.table-bordered {
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.table-bordered > thead > tr > th,
|
|
.table-bordered > thead > tr > td,
|
|
.table-bordered > tbody > tr > th,
|
|
.table-bordered > tbody > tr > td,
|
|
.table-bordered > tfoot > tr > th,
|
|
.table-bordered > tfoot > tr > td {
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.table-bordered > thead > tr > th,
|
|
.table-bordered > thead > tr > td {
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
.table-striped > tbody > tr:nth-of-type(odd) {
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.table-hover > tbody > tr:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.table > thead > tr > td.active,
|
|
.table > thead > tr > th.active,
|
|
.table > thead > tr.active > td,
|
|
.table > thead > tr.active > th,
|
|
.table > tbody > tr > td.active,
|
|
.table > tbody > tr > th.active,
|
|
.table > tbody > tr.active > td,
|
|
.table > tbody > tr.active > th,
|
|
.table > tfoot > tr > td.active,
|
|
.table > tfoot > tr > th.active,
|
|
.table > tfoot > tr.active > td,
|
|
.table > tfoot > tr.active > th {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.table-hover > tbody > tr > td.active:hover,
|
|
.table-hover > tbody > tr > th.active:hover,
|
|
.table-hover > tbody > tr.active:hover > td,
|
|
.table-hover > tbody > tr:hover > .active,
|
|
.table-hover > tbody > tr.active:hover > th {
|
|
background-color: #e8e8e8;
|
|
}
|
|
|
|
.table > thead > tr > td.success,
|
|
.table > thead > tr > th.success,
|
|
.table > thead > tr.success > td,
|
|
.table > thead > tr.success > th,
|
|
.table > tbody > tr > td.success,
|
|
.table > tbody > tr > th.success,
|
|
.table > tbody > tr.success > td,
|
|
.table > tbody > tr.success > th,
|
|
.table > tfoot > tr > td.success,
|
|
.table > tfoot > tr > th.success,
|
|
.table > tfoot > tr.success > td,
|
|
.table > tfoot > tr.success > th {
|
|
background-color: #dff0d8;
|
|
}
|
|
|
|
.table-hover > tbody > tr > td.success:hover,
|
|
.table-hover > tbody > tr > th.success:hover,
|
|
.table-hover > tbody > tr.success:hover > td,
|
|
.table-hover > tbody > tr:hover > .success,
|
|
.table-hover > tbody > tr.success:hover > th {
|
|
background-color: #d0e9c6;
|
|
}
|
|
|
|
.table > thead > tr > td.info,
|
|
.table > thead > tr > th.info,
|
|
.table > thead > tr.info > td,
|
|
.table > thead > tr.info > th,
|
|
.table > tbody > tr > td.info,
|
|
.table > tbody > tr > th.info,
|
|
.table > tbody > tr.info > td,
|
|
.table > tbody > tr.info > th,
|
|
.table > tfoot > tr > td.info,
|
|
.table > tfoot > tr > th.info,
|
|
.table > tfoot > tr.info > td,
|
|
.table > tfoot > tr.info > th {
|
|
background-color: #d9edf7;
|
|
}
|
|
|
|
.table-hover > tbody > tr > td.info:hover,
|
|
.table-hover > tbody > tr > th.info:hover,
|
|
.table-hover > tbody > tr.info:hover > td,
|
|
.table-hover > tbody > tr:hover > .info,
|
|
.table-hover > tbody > tr.info:hover > th {
|
|
background-color: #c4e3f3;
|
|
}
|
|
|
|
.table > thead > tr > td.warning,
|
|
.table > thead > tr > th.warning,
|
|
.table > thead > tr.warning > td,
|
|
.table > thead > tr.warning > th,
|
|
.table > tbody > tr > td.warning,
|
|
.table > tbody > tr > th.warning,
|
|
.table > tbody > tr.warning > td,
|
|
.table > tbody > tr.warning > th,
|
|
.table > tfoot > tr > td.warning,
|
|
.table > tfoot > tr > th.warning,
|
|
.table > tfoot > tr.warning > td,
|
|
.table > tfoot > tr.warning > th {
|
|
background-color: #fcf8e3;
|
|
}
|
|
|
|
.table-hover > tbody > tr > td.warning:hover,
|
|
.table-hover > tbody > tr > th.warning:hover,
|
|
.table-hover > tbody > tr.warning:hover > td,
|
|
.table-hover > tbody > tr:hover > .warning,
|
|
.table-hover > tbody > tr.warning:hover > th {
|
|
background-color: #faf2cc;
|
|
}
|
|
|
|
.table > thead > tr > td.danger,
|
|
.table > thead > tr > th.danger,
|
|
.table > thead > tr.danger > td,
|
|
.table > thead > tr.danger > th,
|
|
.table > tbody > tr > td.danger,
|
|
.table > tbody > tr > th.danger,
|
|
.table > tbody > tr.danger > td,
|
|
.table > tbody > tr.danger > th,
|
|
.table > tfoot > tr > td.danger,
|
|
.table > tfoot > tr > th.danger,
|
|
.table > tfoot > tr.danger > td,
|
|
.table > tfoot > tr.danger > th {
|
|
background-color: #f2dede;
|
|
}
|
|
|
|
.table-hover > tbody > tr > td.danger:hover,
|
|
.table-hover > tbody > tr > th.danger:hover,
|
|
.table-hover > tbody > tr.danger:hover > td,
|
|
.table-hover > tbody > tr:hover > .danger,
|
|
.table-hover > tbody > tr.danger:hover > th {
|
|
background-color: #ebcccc;
|
|
}
|
|
|
|
.table-responsive {
|
|
min-height: .01%;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.table-responsive {
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
overflow-y: hidden;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
border: 1px solid #ddd;
|
|
}
|
|
.table-responsive > .table {
|
|
margin-bottom: 0;
|
|
}
|
|
.table-responsive > .table > thead > tr > th,
|
|
.table-responsive > .table > thead > tr > td,
|
|
.table-responsive > .table > tbody > tr > th,
|
|
.table-responsive > .table > tbody > tr > td,
|
|
.table-responsive > .table > tfoot > tr > th,
|
|
.table-responsive > .table > tfoot > tr > td {
|
|
white-space: nowrap;
|
|
}
|
|
.table-responsive > .table-bordered {
|
|
border: 0;
|
|
}
|
|
.table-responsive > .table-bordered > thead > tr > th:first-child,
|
|
.table-responsive > .table-bordered > thead > tr > td:first-child,
|
|
.table-responsive > .table-bordered > tbody > tr > th:first-child,
|
|
.table-responsive > .table-bordered > tbody > tr > td:first-child,
|
|
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
|
|
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
|
|
border-left: 0;
|
|
}
|
|
.table-responsive > .table-bordered > thead > tr > th:last-child,
|
|
.table-responsive > .table-bordered > thead > tr > td:last-child,
|
|
.table-responsive > .table-bordered > tbody > tr > th:last-child,
|
|
.table-responsive > .table-bordered > tbody > tr > td:last-child,
|
|
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
|
|
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
|
|
border-right: 0;
|
|
}
|
|
.table-responsive > .table-bordered > tbody > tr:last-child > th,
|
|
.table-responsive > .table-bordered > tbody > tr:last-child > td,
|
|
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
|
|
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
|
|
fieldset {
|
|
min-width: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
legend {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 20px;
|
|
font-size: 21px;
|
|
line-height: inherit;
|
|
color: #333333;
|
|
border: 0;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
label {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
margin-bottom: 5px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
input[type="search"] {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
margin: 4px 0 0;
|
|
margin-top: 1px \9;
|
|
line-height: normal;
|
|
}
|
|
|
|
input[type="radio"][disabled], input[type="radio"].disabled,
|
|
fieldset[disabled] input[type="radio"],
|
|
input[type="checkbox"][disabled],
|
|
input[type="checkbox"].disabled,
|
|
fieldset[disabled]
|
|
input[type="checkbox"] {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
input[type="file"] {
|
|
display: block;
|
|
}
|
|
|
|
input[type="range"] {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
select[multiple],
|
|
select[size] {
|
|
height: auto;
|
|
}
|
|
|
|
input[type="file"]:focus,
|
|
input[type="radio"]:focus,
|
|
input[type="checkbox"]:focus {
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
output {
|
|
display: block;
|
|
padding-top: 7px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555555;
|
|
}
|
|
|
|
.form-control {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
|
|
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #66afe9;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
}
|
|
|
|
.form-control::-moz-placeholder {
|
|
color: #999;
|
|
opacity: 1;
|
|
}
|
|
|
|
.form-control:-ms-input-placeholder {
|
|
color: #999;
|
|
}
|
|
|
|
.form-control::-webkit-input-placeholder {
|
|
color: #999;
|
|
}
|
|
|
|
.form-control::-ms-expand {
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
.form-control[disabled], .form-control[readonly],
|
|
fieldset[disabled] .form-control {
|
|
background-color: #eeeeee;
|
|
opacity: 1;
|
|
}
|
|
|
|
.form-control[disabled],
|
|
fieldset[disabled] .form-control {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
textarea.form-control {
|
|
height: auto;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
|
input[type="date"].form-control,
|
|
input[type="time"].form-control,
|
|
input[type="datetime-local"].form-control,
|
|
input[type="month"].form-control {
|
|
line-height: 34px;
|
|
}
|
|
input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
|
|
.input-group-sm > input.input-group-addon[type="date"],
|
|
.input-group-sm > .input-group-btn > input.btn[type="date"],
|
|
.quantity .input-group-sm > .input-group-btn > input[type="date"],
|
|
.input-group-sm input[type="date"],
|
|
input[type="time"].input-sm,
|
|
.input-group-sm > input.form-control[type="time"],
|
|
.input-group-sm > input.input-group-addon[type="time"],
|
|
.input-group-sm > .input-group-btn > input.btn[type="time"],
|
|
.quantity .input-group-sm > .input-group-btn > input[type="time"],
|
|
.input-group-sm
|
|
input[type="time"],
|
|
input[type="datetime-local"].input-sm,
|
|
.input-group-sm > input.form-control[type="datetime-local"],
|
|
.input-group-sm > input.input-group-addon[type="datetime-local"],
|
|
.input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
|
|
.quantity .input-group-sm > .input-group-btn > input[type="datetime-local"],
|
|
.input-group-sm
|
|
input[type="datetime-local"],
|
|
input[type="month"].input-sm,
|
|
.input-group-sm > input.form-control[type="month"],
|
|
.input-group-sm > input.input-group-addon[type="month"],
|
|
.input-group-sm > .input-group-btn > input.btn[type="month"],
|
|
.quantity .input-group-sm > .input-group-btn > input[type="month"],
|
|
.input-group-sm
|
|
input[type="month"] {
|
|
line-height: 30px;
|
|
}
|
|
input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
|
|
.input-group-lg > input.input-group-addon[type="date"],
|
|
.input-group-lg > .input-group-btn > input.btn[type="date"],
|
|
.quantity .input-group-lg > .input-group-btn > input[type="date"],
|
|
.input-group-lg input[type="date"],
|
|
input[type="time"].input-lg,
|
|
.input-group-lg > input.form-control[type="time"],
|
|
.input-group-lg > input.input-group-addon[type="time"],
|
|
.input-group-lg > .input-group-btn > input.btn[type="time"],
|
|
.quantity .input-group-lg > .input-group-btn > input[type="time"],
|
|
.input-group-lg
|
|
input[type="time"],
|
|
input[type="datetime-local"].input-lg,
|
|
.input-group-lg > input.form-control[type="datetime-local"],
|
|
.input-group-lg > input.input-group-addon[type="datetime-local"],
|
|
.input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
|
|
.quantity .input-group-lg > .input-group-btn > input[type="datetime-local"],
|
|
.input-group-lg
|
|
input[type="datetime-local"],
|
|
input[type="month"].input-lg,
|
|
.input-group-lg > input.form-control[type="month"],
|
|
.input-group-lg > input.input-group-addon[type="month"],
|
|
.input-group-lg > .input-group-btn > input.btn[type="month"],
|
|
.quantity .input-group-lg > .input-group-btn > input[type="month"],
|
|
.input-group-lg
|
|
input[type="month"] {
|
|
line-height: 46px;
|
|
}
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.radio,
|
|
.checkbox {
|
|
position: relative;
|
|
display: block;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.radio.disabled label,
|
|
fieldset[disabled] .radio label,
|
|
.checkbox.disabled label,
|
|
fieldset[disabled]
|
|
.checkbox label {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.radio label,
|
|
.checkbox label {
|
|
min-height: 20px;
|
|
padding-left: 20px;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.radio input[type="radio"],
|
|
.radio-inline input[type="radio"],
|
|
.checkbox input[type="checkbox"],
|
|
.checkbox-inline input[type="checkbox"] {
|
|
position: absolute;
|
|
margin-top: 4px \9;
|
|
margin-left: -20px;
|
|
}
|
|
|
|
.radio + .radio,
|
|
.checkbox + .checkbox {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.radio-inline,
|
|
.checkbox-inline {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-left: 20px;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.radio-inline.disabled,
|
|
fieldset[disabled] .radio-inline,
|
|
.checkbox-inline.disabled,
|
|
fieldset[disabled]
|
|
.checkbox-inline {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.radio-inline + .radio-inline,
|
|
.checkbox-inline + .checkbox-inline {
|
|
margin-top: 0;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.form-control-static {
|
|
min-height: 34px;
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
|
|
.input-group-lg > .form-control-static.input-group-addon,
|
|
.input-group-lg > .input-group-btn > .form-control-static.btn, .quantity .input-group-lg > .input-group-btn > button.form-control-static,
|
|
.quantity .input-group-lg > .input-group-btn > input.form-control-static, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
|
|
.input-group-sm > .form-control-static.input-group-addon,
|
|
.input-group-sm > .input-group-btn > .form-control-static.btn, .quantity .input-group-sm > .input-group-btn > button.form-control-static,
|
|
.quantity .input-group-sm > .input-group-btn > input.form-control-static {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.input-sm, .input-group-sm > .form-control,
|
|
.input-group-sm > .input-group-addon,
|
|
.input-group-sm > .input-group-btn > .btn, .quantity .input-group-sm > .input-group-btn > button,
|
|
.quantity .input-group-sm > .input-group-btn > input {
|
|
height: 30px;
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
select.input-sm, .input-group-sm > select.form-control,
|
|
.input-group-sm > select.input-group-addon,
|
|
.input-group-sm > .input-group-btn > select.btn {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
textarea.input-sm, .input-group-sm > textarea.form-control,
|
|
.input-group-sm > textarea.input-group-addon,
|
|
.input-group-sm > .input-group-btn > textarea.btn,
|
|
select[multiple].input-sm,
|
|
.input-group-sm > select.form-control[multiple],
|
|
.input-group-sm > select.input-group-addon[multiple],
|
|
.input-group-sm > .input-group-btn > select.btn[multiple] {
|
|
height: auto;
|
|
}
|
|
|
|
.form-group-sm .form-control {
|
|
height: 30px;
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.form-group-sm select.form-control {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.form-group-sm textarea.form-control,
|
|
.form-group-sm select[multiple].form-control {
|
|
height: auto;
|
|
}
|
|
|
|
.form-group-sm .form-control-static {
|
|
height: 30px;
|
|
min-height: 32px;
|
|
padding: 6px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.input-lg, .input-group-lg > .form-control,
|
|
.input-group-lg > .input-group-addon,
|
|
.input-group-lg > .input-group-btn > .btn, .quantity .input-group-lg > .input-group-btn > button,
|
|
.quantity .input-group-lg > .input-group-btn > input {
|
|
height: 46px;
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
select.input-lg, .input-group-lg > select.form-control,
|
|
.input-group-lg > select.input-group-addon,
|
|
.input-group-lg > .input-group-btn > select.btn {
|
|
height: 46px;
|
|
line-height: 46px;
|
|
}
|
|
|
|
textarea.input-lg, .input-group-lg > textarea.form-control,
|
|
.input-group-lg > textarea.input-group-addon,
|
|
.input-group-lg > .input-group-btn > textarea.btn,
|
|
select[multiple].input-lg,
|
|
.input-group-lg > select.form-control[multiple],
|
|
.input-group-lg > select.input-group-addon[multiple],
|
|
.input-group-lg > .input-group-btn > select.btn[multiple] {
|
|
height: auto;
|
|
}
|
|
|
|
.form-group-lg .form-control {
|
|
height: 46px;
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.form-group-lg select.form-control {
|
|
height: 46px;
|
|
line-height: 46px;
|
|
}
|
|
|
|
.form-group-lg textarea.form-control,
|
|
.form-group-lg select[multiple].form-control {
|
|
height: auto;
|
|
}
|
|
|
|
.form-group-lg .form-control-static {
|
|
height: 46px;
|
|
min-height: 38px;
|
|
padding: 11px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
}
|
|
|
|
.has-feedback {
|
|
position: relative;
|
|
}
|
|
|
|
.has-feedback .form-control {
|
|
padding-right: 42.5px;
|
|
}
|
|
|
|
.form-control-feedback {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
display: block;
|
|
width: 34px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .quantity .input-group-lg > .input-group-btn > button + .form-control-feedback, .quantity .input-group-lg > .input-group-btn > input + .form-control-feedback,
|
|
.input-group-lg + .form-control-feedback,
|
|
.form-group-lg .form-control + .form-control-feedback {
|
|
width: 46px;
|
|
height: 46px;
|
|
line-height: 46px;
|
|
}
|
|
|
|
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .quantity .input-group-sm > .input-group-btn > button + .form-control-feedback, .quantity .input-group-sm > .input-group-btn > input + .form-control-feedback,
|
|
.input-group-sm + .form-control-feedback,
|
|
.form-group-sm .form-control + .form-control-feedback {
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.has-success .help-block,
|
|
.has-success .control-label,
|
|
.has-success .radio,
|
|
.has-success .checkbox,
|
|
.has-success .radio-inline,
|
|
.has-success .checkbox-inline,
|
|
.has-success.radio label,
|
|
.has-success.checkbox label,
|
|
.has-success.radio-inline label,
|
|
.has-success.checkbox-inline label {
|
|
color: #3c763d;
|
|
}
|
|
|
|
.has-success .form-control {
|
|
border-color: #3c763d;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
.has-success .form-control:focus {
|
|
border-color: #2b542c;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
|
|
}
|
|
|
|
.has-success .input-group-addon {
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
border-color: #3c763d;
|
|
}
|
|
|
|
.has-success .form-control-feedback {
|
|
color: #3c763d;
|
|
}
|
|
|
|
.has-warning .help-block,
|
|
.has-warning .control-label,
|
|
.has-warning .radio,
|
|
.has-warning .checkbox,
|
|
.has-warning .radio-inline,
|
|
.has-warning .checkbox-inline,
|
|
.has-warning.radio label,
|
|
.has-warning.checkbox label,
|
|
.has-warning.radio-inline label,
|
|
.has-warning.checkbox-inline label {
|
|
color: #8a6d3b;
|
|
}
|
|
|
|
.has-warning .form-control {
|
|
border-color: #8a6d3b;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
.has-warning .form-control:focus {
|
|
border-color: #66512c;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
|
|
}
|
|
|
|
.has-warning .input-group-addon {
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3;
|
|
border-color: #8a6d3b;
|
|
}
|
|
|
|
.has-warning .form-control-feedback {
|
|
color: #8a6d3b;
|
|
}
|
|
|
|
.has-error .help-block,
|
|
.has-error .control-label,
|
|
.has-error .radio,
|
|
.has-error .checkbox,
|
|
.has-error .radio-inline,
|
|
.has-error .checkbox-inline,
|
|
.has-error.radio label,
|
|
.has-error.checkbox label,
|
|
.has-error.radio-inline label,
|
|
.has-error.checkbox-inline label {
|
|
color: #a94442;
|
|
}
|
|
|
|
.has-error .form-control {
|
|
border-color: #a94442;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
.has-error .form-control:focus {
|
|
border-color: #843534;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
|
|
}
|
|
|
|
.has-error .input-group-addon {
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
border-color: #a94442;
|
|
}
|
|
|
|
.has-error .form-control-feedback {
|
|
color: #a94442;
|
|
}
|
|
|
|
.has-feedback label ~ .form-control-feedback {
|
|
top: 25px;
|
|
}
|
|
|
|
.has-feedback label.sr-only ~ .form-control-feedback {
|
|
top: 0;
|
|
}
|
|
|
|
.help-block {
|
|
display: block;
|
|
margin-top: 5px;
|
|
margin-bottom: 10px;
|
|
color: #737373;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.form-inline .form-group {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.form-inline .form-control {
|
|
display: inline-block;
|
|
width: auto;
|
|
vertical-align: middle;
|
|
}
|
|
.form-inline .form-control-static {
|
|
display: inline-block;
|
|
}
|
|
.form-inline .input-group {
|
|
display: inline-table;
|
|
vertical-align: middle;
|
|
}
|
|
.form-inline .input-group .input-group-addon,
|
|
.form-inline .input-group .input-group-btn,
|
|
.form-inline .input-group .form-control {
|
|
width: auto;
|
|
}
|
|
.form-inline .input-group > .form-control {
|
|
width: 100%;
|
|
}
|
|
.form-inline .control-label {
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.form-inline .radio,
|
|
.form-inline .checkbox {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.form-inline .radio label,
|
|
.form-inline .checkbox label {
|
|
padding-left: 0;
|
|
}
|
|
.form-inline .radio input[type="radio"],
|
|
.form-inline .checkbox input[type="checkbox"] {
|
|
position: relative;
|
|
margin-left: 0;
|
|
}
|
|
.form-inline .has-feedback .form-control-feedback {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.form-horizontal .radio,
|
|
.form-horizontal .checkbox,
|
|
.form-horizontal .radio-inline,
|
|
.form-horizontal .checkbox-inline {
|
|
padding-top: 7px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.form-horizontal .radio,
|
|
.form-horizontal .checkbox {
|
|
min-height: 27px;
|
|
}
|
|
|
|
.form-horizontal .form-group {
|
|
margin-right: -15px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.form-horizontal .form-group:after {
|
|
clear: both;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.form-horizontal .control-label {
|
|
padding-top: 7px;
|
|
margin-bottom: 0;
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
.form-horizontal .has-feedback .form-control-feedback {
|
|
right: 15px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.form-horizontal .form-group-lg .control-label {
|
|
padding-top: 11px;
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.form-horizontal .form-group-sm .control-label {
|
|
padding-top: 6px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
.btn, .quantity button,
|
|
.quantity input {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.btn:focus, .quantity button:focus,
|
|
.quantity input:focus, .btn.focus, .quantity button.focus,
|
|
.quantity input.focus, .btn:active:focus, .quantity button:active:focus,
|
|
.quantity input:active:focus, .btn:active.focus, .quantity button:active.focus,
|
|
.quantity input:active.focus, .btn.active:focus, .quantity button.active:focus,
|
|
.quantity input.active:focus, .btn.active.focus, .quantity button.active.focus,
|
|
.quantity input.active.focus {
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
.btn:hover, .quantity button:hover,
|
|
.quantity input:hover, .btn:focus, .quantity button:focus,
|
|
.quantity input:focus, .btn.focus, .quantity button.focus,
|
|
.quantity input.focus {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn:active, .quantity button:active,
|
|
.quantity input:active, .btn.active, .quantity button.active,
|
|
.quantity input.active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
}
|
|
|
|
.btn.disabled, .quantity button.disabled,
|
|
.quantity input.disabled, .btn[disabled], .quantity button[disabled],
|
|
.quantity input[disabled],
|
|
fieldset[disabled] .btn,
|
|
fieldset[disabled] .quantity button,
|
|
.quantity fieldset[disabled] button,
|
|
fieldset[disabled] .quantity input,
|
|
.quantity fieldset[disabled] input {
|
|
cursor: not-allowed;
|
|
filter: alpha(opacity=65);
|
|
opacity: 0.65;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
a.btn.disabled,
|
|
fieldset[disabled] a.btn {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.btn-default {
|
|
color: #333;
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.btn-default:focus, .btn-default.focus {
|
|
color: #333;
|
|
background-color: #e6e5e5;
|
|
border-color: #8c8c8c;
|
|
}
|
|
|
|
.btn-default:hover {
|
|
color: #333;
|
|
background-color: #e6e5e5;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
.btn-default:active, .btn-default.active,
|
|
.open > .btn-default.dropdown-toggle {
|
|
color: #333;
|
|
background-color: #e6e5e5;
|
|
background-image: none;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
|
|
.open > .btn-default.dropdown-toggle:hover,
|
|
.open > .btn-default.dropdown-toggle:focus,
|
|
.open > .btn-default.dropdown-toggle.focus {
|
|
color: #333;
|
|
background-color: #d4d4d4;
|
|
border-color: #8c8c8c;
|
|
}
|
|
|
|
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
|
|
fieldset[disabled] .btn-default:hover,
|
|
fieldset[disabled] .btn-default:focus,
|
|
fieldset[disabled] .btn-default.focus {
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.btn-default .badge {
|
|
color: #fff;
|
|
background-color: #333;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #2e6da4;
|
|
}
|
|
|
|
.btn-primary:focus, .btn-primary.focus {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #122b40;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #204d74;
|
|
}
|
|
|
|
.btn-primary:active, .btn-primary.active,
|
|
.open > .btn-primary.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
background-image: none;
|
|
border-color: #204d74;
|
|
}
|
|
|
|
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
|
|
.open > .btn-primary.dropdown-toggle:hover,
|
|
.open > .btn-primary.dropdown-toggle:focus,
|
|
.open > .btn-primary.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #204d74;
|
|
border-color: #122b40;
|
|
}
|
|
|
|
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
|
|
fieldset[disabled] .btn-primary:hover,
|
|
fieldset[disabled] .btn-primary:focus,
|
|
fieldset[disabled] .btn-primary.focus {
|
|
background-color: #337ab7;
|
|
border-color: #2e6da4;
|
|
}
|
|
|
|
.btn-primary .badge {
|
|
color: #337ab7;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.btn-success {
|
|
color: #fff;
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c;
|
|
}
|
|
|
|
.btn-success:focus, .btn-success.focus {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #255625;
|
|
}
|
|
|
|
.btn-success:hover {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #398439;
|
|
}
|
|
|
|
.btn-success:active, .btn-success.active,
|
|
.open > .btn-success.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
background-image: none;
|
|
border-color: #398439;
|
|
}
|
|
|
|
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
|
|
.open > .btn-success.dropdown-toggle:hover,
|
|
.open > .btn-success.dropdown-toggle:focus,
|
|
.open > .btn-success.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #398439;
|
|
border-color: #255625;
|
|
}
|
|
|
|
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
|
|
fieldset[disabled] .btn-success:hover,
|
|
fieldset[disabled] .btn-success:focus,
|
|
fieldset[disabled] .btn-success.focus {
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c;
|
|
}
|
|
|
|
.btn-success .badge {
|
|
color: #5cb85c;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.btn-info {
|
|
color: #fff;
|
|
background-color: #5bc0de;
|
|
border-color: #46b8da;
|
|
}
|
|
|
|
.btn-info:focus, .btn-info.focus {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #1b6d85;
|
|
}
|
|
|
|
.btn-info:hover {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #269abc;
|
|
}
|
|
|
|
.btn-info:active, .btn-info.active,
|
|
.open > .btn-info.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
background-image: none;
|
|
border-color: #269abc;
|
|
}
|
|
|
|
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
|
|
.open > .btn-info.dropdown-toggle:hover,
|
|
.open > .btn-info.dropdown-toggle:focus,
|
|
.open > .btn-info.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #269abc;
|
|
border-color: #1b6d85;
|
|
}
|
|
|
|
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
|
|
fieldset[disabled] .btn-info:hover,
|
|
fieldset[disabled] .btn-info:focus,
|
|
fieldset[disabled] .btn-info.focus {
|
|
background-color: #5bc0de;
|
|
border-color: #46b8da;
|
|
}
|
|
|
|
.btn-info .badge {
|
|
color: #5bc0de;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.btn-warning {
|
|
color: #fff;
|
|
background-color: #f0ad4e;
|
|
border-color: #eea236;
|
|
}
|
|
|
|
.btn-warning:focus, .btn-warning.focus {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #985f0d;
|
|
}
|
|
|
|
.btn-warning:hover {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #d58512;
|
|
}
|
|
|
|
.btn-warning:active, .btn-warning.active,
|
|
.open > .btn-warning.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
background-image: none;
|
|
border-color: #d58512;
|
|
}
|
|
|
|
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
|
|
.open > .btn-warning.dropdown-toggle:hover,
|
|
.open > .btn-warning.dropdown-toggle:focus,
|
|
.open > .btn-warning.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #d58512;
|
|
border-color: #985f0d;
|
|
}
|
|
|
|
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
|
|
fieldset[disabled] .btn-warning:hover,
|
|
fieldset[disabled] .btn-warning:focus,
|
|
fieldset[disabled] .btn-warning.focus {
|
|
background-color: #f0ad4e;
|
|
border-color: #eea236;
|
|
}
|
|
|
|
.btn-warning .badge {
|
|
color: #f0ad4e;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.btn-danger {
|
|
color: #fff;
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a;
|
|
}
|
|
|
|
.btn-danger:focus, .btn-danger.focus {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #761c19;
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #ac2925;
|
|
}
|
|
|
|
.btn-danger:active, .btn-danger.active,
|
|
.open > .btn-danger.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
background-image: none;
|
|
border-color: #ac2925;
|
|
}
|
|
|
|
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
|
|
.open > .btn-danger.dropdown-toggle:hover,
|
|
.open > .btn-danger.dropdown-toggle:focus,
|
|
.open > .btn-danger.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #ac2925;
|
|
border-color: #761c19;
|
|
}
|
|
|
|
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
|
|
fieldset[disabled] .btn-danger:hover,
|
|
fieldset[disabled] .btn-danger:focus,
|
|
fieldset[disabled] .btn-danger.focus {
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a;
|
|
}
|
|
|
|
.btn-danger .badge {
|
|
color: #d9534f;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.btn-link {
|
|
font-weight: 400;
|
|
color: #4D7EA8;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
|
|
fieldset[disabled] .btn-link {
|
|
background-color: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.btn-link:hover, .btn-link:focus {
|
|
color: #355774;
|
|
text-decoration: underline;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.btn-link[disabled]:hover, .btn-link[disabled]:focus,
|
|
fieldset[disabled] .btn-link:hover,
|
|
fieldset[disabled] .btn-link:focus {
|
|
color: #777777;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn-lg, .btn-group-lg > .btn, .quantity .btn-group-lg > button,
|
|
.quantity .btn-group-lg > input {
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.btn-sm, .btn-group-sm > .btn, .quantity .btn-group-sm > button,
|
|
.quantity .btn-group-sm > input {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.btn-xs, .btn-group-xs > .btn, .quantity .btn-group-xs > button,
|
|
.quantity .btn-group-xs > input {
|
|
padding: 1px 5px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.btn-block {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-block + .btn-block {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input[type="submit"].btn-block,
|
|
input[type="reset"].btn-block,
|
|
input[type="button"].btn-block {
|
|
width: 100%;
|
|
}
|
|
|
|
.fade {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.15s linear;
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
|
|
.fade.in {
|
|
opacity: 1;
|
|
}
|
|
|
|
.collapse {
|
|
display: none;
|
|
}
|
|
|
|
.collapse.in {
|
|
display: block;
|
|
}
|
|
|
|
tr.collapse.in {
|
|
display: table-row;
|
|
}
|
|
|
|
tbody.collapse.in {
|
|
display: table-row-group;
|
|
}
|
|
|
|
.collapsing {
|
|
position: relative;
|
|
height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition-property: height, visibility;
|
|
transition-property: height, visibility;
|
|
-webkit-transition-duration: 0.35s;
|
|
transition-duration: 0.35s;
|
|
-webkit-transition-timing-function: ease;
|
|
transition-timing-function: ease;
|
|
}
|
|
|
|
.caret {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-left: 2px;
|
|
vertical-align: middle;
|
|
border-top: 4px dashed;
|
|
border-top: 4px solid \9;
|
|
border-right: 4px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
}
|
|
|
|
.dropup,
|
|
.dropdown {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-toggle:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
z-index: 1000;
|
|
display: none;
|
|
float: left;
|
|
min-width: 160px;
|
|
padding: 5px 0;
|
|
margin: 2px 0 0;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
list-style: none;
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
}
|
|
|
|
.dropdown-menu.pull-right {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.dropdown-menu .divider {
|
|
height: 1px;
|
|
margin: 9px 0;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
.dropdown-menu > li > a {
|
|
display: block;
|
|
padding: 3px 20px;
|
|
clear: both;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
color: #333333;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
|
|
color: #262626;
|
|
text-decoration: none;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
background-color: #337ab7;
|
|
outline: 0;
|
|
}
|
|
|
|
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
|
|
color: #777777;
|
|
}
|
|
|
|
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
|
|
text-decoration: none;
|
|
cursor: not-allowed;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
|
|
.open > .dropdown-menu {
|
|
display: block;
|
|
}
|
|
|
|
.open > a {
|
|
outline: 0;
|
|
}
|
|
|
|
.dropdown-menu-right {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.dropdown-menu-left {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.dropdown-header {
|
|
display: block;
|
|
padding: 3px 20px;
|
|
font-size: 12px;
|
|
line-height: 1.42857143;
|
|
color: #777777;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.dropdown-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 990;
|
|
}
|
|
|
|
.pull-right > .dropdown-menu {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.dropup .caret,
|
|
.navbar-fixed-bottom .dropdown .caret {
|
|
content: "";
|
|
border-top: 0;
|
|
border-bottom: 4px dashed;
|
|
border-bottom: 4px solid \9;
|
|
}
|
|
|
|
.dropup .dropdown-menu,
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu {
|
|
top: auto;
|
|
bottom: 100%;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-right .dropdown-menu {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
.navbar-right .dropdown-menu-left {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
}
|
|
|
|
.btn-group, .quantity,
|
|
.btn-group-vertical {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.btn-group > .btn, .quantity > .btn, .quantity .btn-group > button, .quantity > button,
|
|
.quantity .btn-group > input,
|
|
.quantity > input,
|
|
.btn-group-vertical > .btn,
|
|
.quantity .btn-group-vertical > button,
|
|
.quantity .btn-group-vertical > input {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
|
|
.btn-group > .btn:hover, .quantity > .btn:hover, .quantity .btn-group > button:hover, .quantity > button:hover,
|
|
.quantity .btn-group > input:hover,
|
|
.quantity > input:hover, .btn-group > .btn:focus, .quantity > .btn:focus, .quantity .btn-group > button:focus, .quantity > button:focus,
|
|
.quantity .btn-group > input:focus,
|
|
.quantity > input:focus, .btn-group > .btn:active, .quantity > .btn:active, .quantity .btn-group > button:active, .quantity > button:active,
|
|
.quantity .btn-group > input:active,
|
|
.quantity > input:active, .btn-group > .btn.active, .quantity > .btn.active, .quantity .btn-group > button.active, .quantity > button.active,
|
|
.quantity .btn-group > input.active,
|
|
.quantity > input.active,
|
|
.btn-group-vertical > .btn:hover,
|
|
.quantity .btn-group-vertical > button:hover,
|
|
.quantity .btn-group-vertical > input:hover,
|
|
.btn-group-vertical > .btn:focus,
|
|
.quantity .btn-group-vertical > button:focus,
|
|
.quantity .btn-group-vertical > input:focus,
|
|
.btn-group-vertical > .btn:active,
|
|
.quantity .btn-group-vertical > button:active,
|
|
.quantity .btn-group-vertical > input:active,
|
|
.btn-group-vertical > .btn.active,
|
|
.quantity .btn-group-vertical > button.active,
|
|
.quantity .btn-group-vertical > input.active {
|
|
z-index: 2;
|
|
}
|
|
|
|
.btn-group .btn + .btn, .quantity .btn + .btn, .btn-group .quantity button + .btn, .quantity .btn-group button + .btn, .quantity button + .btn, .btn-group .quantity input + .btn, .quantity .btn-group input + .btn, .quantity input + .btn, .btn-group .quantity .btn + button, .quantity .btn-group .btn + button, .quantity .btn + button, .btn-group .quantity button + button, .quantity .btn-group button + button, .quantity button + button, .btn-group .quantity input + button, .quantity .btn-group input + button, .quantity input + button,
|
|
.btn-group .quantity .btn + input, .quantity .btn-group .btn + input,
|
|
.quantity .btn + input,
|
|
.btn-group .quantity button + input, .quantity .btn-group button + input,
|
|
.quantity button + input,
|
|
.btn-group .quantity input + input, .quantity .btn-group input + input,
|
|
.quantity input + input,
|
|
.btn-group .btn + .btn-group,
|
|
.quantity .btn + .btn-group,
|
|
.btn-group .quantity button + .btn-group,
|
|
.quantity .btn-group button + .btn-group,
|
|
.quantity button + .btn-group,
|
|
.btn-group .quantity input + .btn-group,
|
|
.quantity .btn-group input + .btn-group,
|
|
.quantity input + .btn-group,
|
|
.btn-group .btn + .quantity,
|
|
.quantity .btn + .quantity,
|
|
.btn-group .quantity button + .quantity,
|
|
.quantity .btn-group button + .quantity,
|
|
.quantity button + .quantity,
|
|
.btn-group .quantity input + .quantity,
|
|
.quantity .btn-group input + .quantity,
|
|
.quantity input + .quantity,
|
|
.btn-group .btn-group + .btn,
|
|
.quantity .btn-group + .btn,
|
|
.btn-group .quantity + .btn,
|
|
.quantity .quantity + .btn,
|
|
.btn-group .quantity .btn-group + button,
|
|
.quantity .btn-group .btn-group + button,
|
|
.quantity .btn-group + button,
|
|
.btn-group .quantity .quantity + button,
|
|
.quantity .btn-group .quantity + button,
|
|
.quantity .quantity + button,
|
|
.btn-group .quantity .btn-group + input,
|
|
.quantity .btn-group .btn-group + input,
|
|
.quantity .btn-group + input,
|
|
.btn-group .quantity .quantity + input,
|
|
.quantity .btn-group .quantity + input,
|
|
.quantity .quantity + input,
|
|
.btn-group .btn-group + .btn-group,
|
|
.quantity .btn-group + .btn-group,
|
|
.btn-group .quantity + .btn-group,
|
|
.quantity .quantity + .btn-group,
|
|
.btn-group .btn-group + .quantity,
|
|
.quantity .btn-group + .quantity,
|
|
.btn-group .quantity + .quantity,
|
|
.quantity .quantity + .quantity {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.btn-toolbar {
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.btn-toolbar:before, .btn-toolbar:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.btn-toolbar:after {
|
|
clear: both;
|
|
}
|
|
|
|
.btn-toolbar .btn, .btn-toolbar .quantity button, .quantity .btn-toolbar button,
|
|
.btn-toolbar .quantity input, .quantity .btn-toolbar input,
|
|
.btn-toolbar .btn-group,
|
|
.btn-toolbar .quantity,
|
|
.btn-toolbar .input-group {
|
|
float: left;
|
|
}
|
|
|
|
.btn-toolbar > .btn, .quantity .btn-toolbar > button,
|
|
.quantity .btn-toolbar > input,
|
|
.btn-toolbar > .btn-group,
|
|
.btn-toolbar > .quantity,
|
|
.btn-toolbar > .input-group {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .quantity > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .quantity .btn-group > button:not(:first-child):not(:last-child):not(.dropdown-toggle), .quantity > button:not(:first-child):not(:last-child):not(.dropdown-toggle),
|
|
.quantity .btn-group > input:not(:first-child):not(:last-child):not(.dropdown-toggle),
|
|
.quantity > input:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.btn-group > .btn:first-child, .quantity > .btn:first-child, .quantity .btn-group > button:first-child, .quantity > button:first-child,
|
|
.quantity .btn-group > input:first-child,
|
|
.quantity > input:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .quantity > .btn:first-child:not(:last-child):not(.dropdown-toggle), .quantity .btn-group > button:first-child:not(:last-child):not(.dropdown-toggle), .quantity > button:first-child:not(:last-child):not(.dropdown-toggle),
|
|
.quantity .btn-group > input:first-child:not(:last-child):not(.dropdown-toggle),
|
|
.quantity > input:first-child:not(:last-child):not(.dropdown-toggle) {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.btn-group > .btn:last-child:not(:first-child), .quantity > .btn:last-child:not(:first-child), .quantity .btn-group > button:last-child:not(:first-child), .quantity > button:last-child:not(:first-child),
|
|
.quantity .btn-group > input:last-child:not(:first-child),
|
|
.quantity > input:last-child:not(:first-child),
|
|
.btn-group > .dropdown-toggle:not(:first-child),
|
|
.quantity > .dropdown-toggle:not(:first-child) {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.btn-group > .btn-group, .quantity > .btn-group, .btn-group > .quantity, .quantity > .quantity {
|
|
float: left;
|
|
}
|
|
|
|
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .quantity > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .quantity:not(:first-child):not(:last-child) > .btn, .quantity > .quantity:not(:first-child):not(:last-child) > .btn, .quantity .btn-group > .btn-group:not(:first-child):not(:last-child) > button, .quantity > .btn-group:not(:first-child):not(:last-child) > button, .btn-group > .quantity:not(:first-child):not(:last-child) > button, .quantity > .quantity:not(:first-child):not(:last-child) > button,
|
|
.quantity .btn-group > .btn-group:not(:first-child):not(:last-child) > input,
|
|
.quantity > .btn-group:not(:first-child):not(:last-child) > input,
|
|
.btn-group > .quantity:not(:first-child):not(:last-child) > input,
|
|
.quantity > .quantity:not(:first-child):not(:last-child) > input {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .quantity > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .quantity:first-child:not(:last-child) > .btn:last-child, .quantity > .quantity:first-child:not(:last-child) > .btn:last-child, .quantity .btn-group > .btn-group:first-child:not(:last-child) > button:last-child, .quantity > .btn-group:first-child:not(:last-child) > button:last-child, .btn-group > .quantity:first-child:not(:last-child) > button:last-child, .quantity > .quantity:first-child:not(:last-child) > button:last-child,
|
|
.quantity .btn-group > .btn-group:first-child:not(:last-child) > input:last-child,
|
|
.quantity > .btn-group:first-child:not(:last-child) > input:last-child,
|
|
.btn-group > .quantity:first-child:not(:last-child) > input:last-child,
|
|
.quantity > .quantity:first-child:not(:last-child) > input:last-child,
|
|
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
|
|
.quantity > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
|
|
.btn-group > .quantity:first-child:not(:last-child) > .dropdown-toggle,
|
|
.quantity > .quantity:first-child:not(:last-child) > .dropdown-toggle {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .quantity > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .quantity:last-child:not(:first-child) > .btn:first-child, .quantity > .quantity:last-child:not(:first-child) > .btn:first-child, .quantity .btn-group > .btn-group:last-child:not(:first-child) > button:first-child, .quantity > .btn-group:last-child:not(:first-child) > button:first-child, .btn-group > .quantity:last-child:not(:first-child) > button:first-child, .quantity > .quantity:last-child:not(:first-child) > button:first-child,
|
|
.quantity .btn-group > .btn-group:last-child:not(:first-child) > input:first-child,
|
|
.quantity > .btn-group:last-child:not(:first-child) > input:first-child,
|
|
.btn-group > .quantity:last-child:not(:first-child) > input:first-child,
|
|
.quantity > .quantity:last-child:not(:first-child) > input:first-child {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.btn-group .dropdown-toggle:active, .quantity .dropdown-toggle:active,
|
|
.btn-group.open .dropdown-toggle,
|
|
.open.quantity .dropdown-toggle {
|
|
outline: 0;
|
|
}
|
|
|
|
.btn-group > .btn + .dropdown-toggle, .quantity > .btn + .dropdown-toggle, .quantity .btn-group > button + .dropdown-toggle, .quantity > button + .dropdown-toggle, .quantity .btn-group > input + .dropdown-toggle, .quantity > input + .dropdown-toggle {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.btn-group > .btn-lg + .dropdown-toggle, .quantity > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group-lg.quantity > .btn + .dropdown-toggle, .quantity .btn-group-lg.btn-group > button + .dropdown-toggle, .quantity .btn-group-lg.quantity > button + .dropdown-toggle, .quantity .btn-group-lg.btn-group > input + .dropdown-toggle, .quantity .btn-group-lg.quantity > input + .dropdown-toggle {
|
|
padding-right: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
|
|
.btn-group.open .dropdown-toggle,
|
|
.open.quantity .dropdown-toggle {
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
}
|
|
|
|
.btn-group.open .dropdown-toggle.btn-link, .open.quantity .dropdown-toggle.btn-link {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn .caret, .quantity button .caret, .quantity input .caret {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.btn-lg .caret, .btn-group-lg > .btn .caret, .quantity .btn-group-lg > button .caret, .quantity .btn-group-lg > input .caret {
|
|
border-width: 5px 5px 0;
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .quantity .btn-group-lg > button .caret, .quantity .dropup .btn-group-lg > button .caret, .dropup .quantity .btn-group-lg > input .caret, .quantity .dropup .btn-group-lg > input .caret {
|
|
border-width: 0 5px 5px;
|
|
}
|
|
|
|
|
|
.btn-group-vertical > .btn,
|
|
.quantity .btn-group-vertical > button,
|
|
.quantity .btn-group-vertical > input,
|
|
.btn-group-vertical > .btn-group,
|
|
.btn-group-vertical > .quantity,
|
|
.btn-group-vertical > .btn-group > .btn,
|
|
.btn-group-vertical > .quantity > .btn,
|
|
.quantity .btn-group-vertical > .btn-group > button,
|
|
.btn-group-vertical > .quantity > button,
|
|
.quantity .btn-group-vertical > .btn-group > input,
|
|
.btn-group-vertical > .quantity > input {
|
|
display: block;
|
|
float: none;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .quantity:before, .btn-group-vertical > .btn-group:after, .btn-group-vertical > .quantity:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .quantity:after {
|
|
clear: both;
|
|
}
|
|
|
|
|
|
.btn-group-vertical > .btn-group > .btn,
|
|
.btn-group-vertical > .quantity > .btn,
|
|
.quantity .btn-group-vertical > .btn-group > button,
|
|
.btn-group-vertical > .quantity > button,
|
|
.quantity .btn-group-vertical > .btn-group > input,
|
|
.btn-group-vertical > .quantity > input {
|
|
float: none;
|
|
}
|
|
|
|
.btn-group-vertical > .btn + .btn, .quantity .btn-group-vertical > button + .btn, .quantity .btn-group-vertical > input + .btn, .quantity .btn-group-vertical > .btn + button, .quantity .btn-group-vertical > button + button, .quantity .btn-group-vertical > input + button,
|
|
.quantity .btn-group-vertical > .btn + input,
|
|
.quantity .btn-group-vertical > button + input,
|
|
.quantity .btn-group-vertical > input + input,
|
|
.btn-group-vertical > .btn + .btn-group,
|
|
.quantity .btn-group-vertical > button + .btn-group,
|
|
.quantity .btn-group-vertical > input + .btn-group,
|
|
.btn-group-vertical > .btn + .quantity,
|
|
.quantity .btn-group-vertical > button + .quantity,
|
|
.quantity .btn-group-vertical > input + .quantity,
|
|
.btn-group-vertical > .btn-group + .btn,
|
|
.btn-group-vertical > .quantity + .btn,
|
|
.quantity .btn-group-vertical > .btn-group + button,
|
|
.quantity .btn-group-vertical > .quantity + button,
|
|
.quantity .btn-group-vertical > .btn-group + input,
|
|
.quantity .btn-group-vertical > .quantity + input,
|
|
.btn-group-vertical > .btn-group + .btn-group,
|
|
.btn-group-vertical > .quantity + .btn-group,
|
|
.btn-group-vertical > .btn-group + .quantity,
|
|
.btn-group-vertical > .quantity + .quantity {
|
|
margin-top: -1px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.btn-group-vertical > .btn:not(:first-child):not(:last-child), .quantity .btn-group-vertical > button:not(:first-child):not(:last-child),
|
|
.quantity .btn-group-vertical > input:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.btn-group-vertical > .btn:first-child:not(:last-child), .quantity .btn-group-vertical > button:first-child:not(:last-child),
|
|
.quantity .btn-group-vertical > input:first-child:not(:last-child) {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.btn-group-vertical > .btn:last-child:not(:first-child), .quantity .btn-group-vertical > button:last-child:not(:first-child),
|
|
.quantity .btn-group-vertical > input:last-child:not(:first-child) {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .quantity:not(:first-child):not(:last-child) > .btn, .quantity .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > button, .btn-group-vertical > .quantity:not(:first-child):not(:last-child) > button,
|
|
.quantity .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > input,
|
|
.btn-group-vertical > .quantity:not(:first-child):not(:last-child) > input {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .quantity:first-child:not(:last-child) > .btn:last-child, .quantity .btn-group-vertical > .btn-group:first-child:not(:last-child) > button:last-child, .btn-group-vertical > .quantity:first-child:not(:last-child) > button:last-child,
|
|
.quantity .btn-group-vertical > .btn-group:first-child:not(:last-child) > input:last-child,
|
|
.btn-group-vertical > .quantity:first-child:not(:last-child) > input:last-child,
|
|
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
|
|
.btn-group-vertical > .quantity:first-child:not(:last-child) > .dropdown-toggle {
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group-vertical > .quantity:last-child:not(:first-child) > .btn:first-child, .quantity .btn-group-vertical > .btn-group:last-child:not(:first-child) > button:first-child, .btn-group-vertical > .quantity:last-child:not(:first-child) > button:first-child,
|
|
.quantity .btn-group-vertical > .btn-group:last-child:not(:first-child) > input:first-child,
|
|
.btn-group-vertical > .quantity:last-child:not(:first-child) > input:first-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.btn-group-justified {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.btn-group-justified > .btn, .quantity .btn-group-justified > button,
|
|
.quantity .btn-group-justified > input,
|
|
.btn-group-justified > .btn-group,
|
|
.btn-group-justified > .quantity {
|
|
display: table-cell;
|
|
float: none;
|
|
width: 1%;
|
|
}
|
|
|
|
.btn-group-justified > .btn-group .btn, .btn-group-justified > .quantity .btn, .btn-group-justified > .btn-group .quantity button, .quantity .btn-group-justified > .btn-group button, .btn-group-justified > .quantity button,
|
|
.btn-group-justified > .btn-group .quantity input, .quantity .btn-group-justified > .btn-group input,
|
|
.btn-group-justified > .quantity input {
|
|
width: 100%;
|
|
}
|
|
|
|
.btn-group-justified > .btn-group .dropdown-menu, .btn-group-justified > .quantity .dropdown-menu {
|
|
left: auto;
|
|
}
|
|
|
|
[data-toggle="buttons"] > .btn input[type="radio"], .quantity [data-toggle="buttons"] > button input[type="radio"], .quantity [data-toggle="buttons"] > input input[type="radio"],
|
|
[data-toggle="buttons"] > .btn input[type="checkbox"],
|
|
.quantity [data-toggle="buttons"] > button input[type="checkbox"],
|
|
.quantity [data-toggle="buttons"] > input input[type="checkbox"],
|
|
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
|
|
[data-toggle="buttons"] > .quantity > .btn input[type="radio"],
|
|
.quantity [data-toggle="buttons"] > .btn-group > button input[type="radio"],
|
|
[data-toggle="buttons"] > .quantity > button input[type="radio"],
|
|
.quantity [data-toggle="buttons"] > .btn-group > input input[type="radio"],
|
|
[data-toggle="buttons"] > .quantity > input input[type="radio"],
|
|
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
|
|
[data-toggle="buttons"] > .quantity > .btn input[type="checkbox"],
|
|
.quantity [data-toggle="buttons"] > .btn-group > button input[type="checkbox"],
|
|
[data-toggle="buttons"] > .quantity > button input[type="checkbox"],
|
|
.quantity [data-toggle="buttons"] > .btn-group > input input[type="checkbox"],
|
|
[data-toggle="buttons"] > .quantity > input input[type="checkbox"] {
|
|
position: absolute;
|
|
clip: rect(0, 0, 0, 0);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.input-group {
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.input-group[class*="col-"] {
|
|
float: none;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.input-group .form-control {
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.input-group .form-control:focus {
|
|
z-index: 3;
|
|
}
|
|
|
|
.input-group-addon,
|
|
.input-group-btn,
|
|
.input-group .form-control {
|
|
display: table-cell;
|
|
}
|
|
|
|
.input-group-addon:not(:first-child):not(:last-child),
|
|
.input-group-btn:not(:first-child):not(:last-child),
|
|
.input-group .form-control:not(:first-child):not(:last-child) {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.input-group-addon,
|
|
.input-group-btn {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.input-group-addon {
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
color: #555555;
|
|
text-align: center;
|
|
background-color: #eeeeee;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.input-group-addon.input-sm,
|
|
.input-group-sm > .input-group-addon,
|
|
.input-group-sm > .input-group-btn > .input-group-addon.btn, .quantity .input-group-sm > .input-group-btn > button.input-group-addon,
|
|
.quantity .input-group-sm > .input-group-btn > input.input-group-addon {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.input-group-addon.input-lg,
|
|
.input-group-lg > .input-group-addon,
|
|
.input-group-lg > .input-group-btn > .input-group-addon.btn, .quantity .input-group-lg > .input-group-btn > button.input-group-addon,
|
|
.quantity .input-group-lg > .input-group-btn > input.input-group-addon {
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.input-group-addon input[type="radio"],
|
|
.input-group-addon input[type="checkbox"] {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.input-group .form-control:first-child,
|
|
.input-group-addon:first-child,
|
|
.input-group-btn:first-child > .btn,
|
|
.quantity .input-group-btn:first-child > button,
|
|
.quantity .input-group-btn:first-child > input,
|
|
.input-group-btn:first-child > .btn-group > .btn,
|
|
.input-group-btn:first-child > .quantity > .btn,
|
|
.quantity .input-group-btn:first-child > .btn-group > button,
|
|
.input-group-btn:first-child > .quantity > button,
|
|
.quantity .input-group-btn:first-child > .btn-group > input,
|
|
.input-group-btn:first-child > .quantity > input,
|
|
.input-group-btn:first-child > .dropdown-toggle,
|
|
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
|
.quantity .input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle),
|
|
.quantity .input-group-btn:last-child > input:not(:last-child):not(.dropdown-toggle),
|
|
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
|
|
.input-group-btn:last-child > .quantity:not(:last-child) > .btn,
|
|
.quantity .input-group-btn:last-child > .btn-group:not(:last-child) > button,
|
|
.input-group-btn:last-child > .quantity:not(:last-child) > button,
|
|
.quantity .input-group-btn:last-child > .btn-group:not(:last-child) > input,
|
|
.input-group-btn:last-child > .quantity:not(:last-child) > input {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.input-group-addon:first-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
.input-group .form-control:last-child,
|
|
.input-group-addon:last-child,
|
|
.input-group-btn:last-child > .btn,
|
|
.quantity .input-group-btn:last-child > button,
|
|
.quantity .input-group-btn:last-child > input,
|
|
.input-group-btn:last-child > .btn-group > .btn,
|
|
.input-group-btn:last-child > .quantity > .btn,
|
|
.quantity .input-group-btn:last-child > .btn-group > button,
|
|
.input-group-btn:last-child > .quantity > button,
|
|
.quantity .input-group-btn:last-child > .btn-group > input,
|
|
.input-group-btn:last-child > .quantity > input,
|
|
.input-group-btn:last-child > .dropdown-toggle,
|
|
.input-group-btn:first-child > .btn:not(:first-child),
|
|
.quantity .input-group-btn:first-child > button:not(:first-child),
|
|
.quantity .input-group-btn:first-child > input:not(:first-child),
|
|
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
|
|
.input-group-btn:first-child > .quantity:not(:first-child) > .btn,
|
|
.quantity .input-group-btn:first-child > .btn-group:not(:first-child) > button,
|
|
.input-group-btn:first-child > .quantity:not(:first-child) > button,
|
|
.quantity .input-group-btn:first-child > .btn-group:not(:first-child) > input,
|
|
.input-group-btn:first-child > .quantity:not(:first-child) > input {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.input-group-addon:last-child {
|
|
border-left: 0;
|
|
}
|
|
|
|
.input-group-btn {
|
|
position: relative;
|
|
font-size: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.input-group-btn > .btn, .quantity .input-group-btn > button,
|
|
.quantity .input-group-btn > input {
|
|
position: relative;
|
|
}
|
|
|
|
.input-group-btn > .btn + .btn, .quantity .input-group-btn > button + .btn, .quantity .input-group-btn > input + .btn, .quantity .input-group-btn > .btn + button, .quantity .input-group-btn > button + button, .quantity .input-group-btn > input + button,
|
|
.quantity .input-group-btn > .btn + input,
|
|
.quantity .input-group-btn > button + input,
|
|
.quantity .input-group-btn > input + input {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.input-group-btn > .btn:hover, .quantity .input-group-btn > button:hover,
|
|
.quantity .input-group-btn > input:hover, .input-group-btn > .btn:focus, .quantity .input-group-btn > button:focus,
|
|
.quantity .input-group-btn > input:focus, .input-group-btn > .btn:active, .quantity .input-group-btn > button:active,
|
|
.quantity .input-group-btn > input:active {
|
|
z-index: 2;
|
|
}
|
|
|
|
|
|
.input-group-btn:first-child > .btn,
|
|
.quantity .input-group-btn:first-child > button,
|
|
.quantity .input-group-btn:first-child > input,
|
|
.input-group-btn:first-child > .btn-group,
|
|
.input-group-btn:first-child > .quantity {
|
|
margin-right: -1px;
|
|
}
|
|
|
|
|
|
.input-group-btn:last-child > .btn,
|
|
.quantity .input-group-btn:last-child > button,
|
|
.quantity .input-group-btn:last-child > input,
|
|
.input-group-btn:last-child > .btn-group,
|
|
.input-group-btn:last-child > .quantity {
|
|
z-index: 2;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.nav {
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.nav:before, .nav:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.nav:after {
|
|
clear: both;
|
|
}
|
|
|
|
.nav > li {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.nav > li > a {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
.nav > li > a:hover, .nav > li > a:focus {
|
|
text-decoration: none;
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.nav > li.disabled > a {
|
|
color: #777777;
|
|
}
|
|
|
|
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
|
|
color: #777777;
|
|
text-decoration: none;
|
|
cursor: not-allowed;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
|
|
background-color: #eeeeee;
|
|
border-color: #4D7EA8;
|
|
}
|
|
|
|
.nav .nav-divider {
|
|
height: 1px;
|
|
margin: 9px 0;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
.nav > li > a > img {
|
|
max-width: none;
|
|
}
|
|
|
|
.nav-tabs {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.nav-tabs > li {
|
|
float: left;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.nav-tabs > li > a {
|
|
margin-right: 2px;
|
|
line-height: 1.42857143;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
.nav-tabs > li > a:hover {
|
|
border-color: #eeeeee #eeeeee #ddd;
|
|
}
|
|
|
|
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
|
|
color: #555555;
|
|
cursor: default;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.nav-pills > li {
|
|
float: left;
|
|
}
|
|
|
|
.nav-pills > li > a {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.nav-pills > li + li {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
}
|
|
|
|
.nav-stacked > li {
|
|
float: none;
|
|
}
|
|
|
|
.nav-stacked > li + li {
|
|
margin-top: 2px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.nav-justified, .nav-tabs.nav-justified {
|
|
width: 100%;
|
|
}
|
|
|
|
.nav-justified > li, .nav-tabs.nav-justified > li {
|
|
float: none;
|
|
}
|
|
|
|
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
|
|
margin-bottom: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.nav-justified > .dropdown .dropdown-menu {
|
|
top: auto;
|
|
left: auto;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.nav-justified > li, .nav-tabs.nav-justified > li {
|
|
display: table-cell;
|
|
width: 1%;
|
|
}
|
|
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.nav-tabs-justified, .nav-tabs.nav-justified {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
|
|
margin-right: 0;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
|
|
.nav-tabs-justified > .active > a:hover,
|
|
.nav-tabs.nav-justified > .active > a:hover,
|
|
.nav-tabs-justified > .active > a:focus,
|
|
.nav-tabs.nav-justified > .active > a:focus {
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
|
|
border-bottom: 1px solid #ddd;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
|
|
.nav-tabs-justified > .active > a:hover,
|
|
.nav-tabs.nav-justified > .active > a:hover,
|
|
.nav-tabs-justified > .active > a:focus,
|
|
.nav-tabs.nav-justified > .active > a:focus {
|
|
border-bottom-color: #fff;
|
|
}
|
|
}
|
|
|
|
.tab-content > .tab-pane {
|
|
display: none;
|
|
}
|
|
|
|
.tab-content > .active {
|
|
display: block;
|
|
}
|
|
|
|
.nav-tabs .dropdown-menu {
|
|
margin-top: -1px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.navbar {
|
|
position: relative;
|
|
min-height: 50px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.navbar:before, .navbar:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.navbar:after {
|
|
clear: both;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar {
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.navbar-header:before, .navbar-header:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.navbar-header:after {
|
|
clear: both;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-header {
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
.navbar-collapse {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
overflow-x: visible;
|
|
border-top: 1px solid transparent;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.navbar-collapse:before, .navbar-collapse:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.navbar-collapse:after {
|
|
clear: both;
|
|
}
|
|
|
|
.navbar-collapse.in {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-collapse {
|
|
width: auto;
|
|
border-top: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.navbar-collapse.collapse {
|
|
display: block !important;
|
|
height: auto !important;
|
|
padding-bottom: 0;
|
|
overflow: visible !important;
|
|
}
|
|
.navbar-collapse.in {
|
|
overflow-y: visible;
|
|
}
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-static-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom {
|
|
position: fixed;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1030;
|
|
}
|
|
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
max-height: 340px;
|
|
}
|
|
|
|
@media (max-device-width: 480px) and (orientation: landscape) {
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
max-height: 200px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
.navbar-fixed-top {
|
|
top: 0;
|
|
border-width: 0 0 1px;
|
|
}
|
|
|
|
.navbar-fixed-bottom {
|
|
bottom: 0;
|
|
margin-bottom: 0;
|
|
border-width: 1px 0 0;
|
|
}
|
|
|
|
.container > .navbar-header,
|
|
.container > .navbar-collapse,
|
|
.container-fluid > .navbar-header,
|
|
.container-fluid > .navbar-collapse {
|
|
margin-right: -15px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.container > .navbar-header,
|
|
.container > .navbar-collapse,
|
|
.container-fluid > .navbar-header,
|
|
.container-fluid > .navbar-collapse {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.navbar-static-top {
|
|
z-index: 1000;
|
|
border-width: 0 0 1px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-static-top {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
.navbar-brand {
|
|
float: left;
|
|
height: 50px;
|
|
padding: 15px 15px;
|
|
font-size: 18px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.navbar-brand:hover, .navbar-brand:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.navbar-brand > img {
|
|
display: block;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar > .container .navbar-brand,
|
|
.navbar > .container-fluid .navbar-brand {
|
|
margin-left: -15px;
|
|
}
|
|
}
|
|
|
|
.navbar-toggle {
|
|
position: relative;
|
|
float: right;
|
|
padding: 9px 10px;
|
|
margin-right: 15px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.navbar-toggle:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
.navbar-toggle .icon-bar {
|
|
display: block;
|
|
width: 22px;
|
|
height: 2px;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.navbar-toggle .icon-bar + .icon-bar {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-toggle {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.navbar-nav {
|
|
margin: 7.5px -15px;
|
|
}
|
|
|
|
.navbar-nav > li > a {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.navbar-nav .open .dropdown-menu {
|
|
position: static;
|
|
float: none;
|
|
width: auto;
|
|
margin-top: 0;
|
|
background-color: transparent;
|
|
border: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.navbar-nav .open .dropdown-menu > li > a,
|
|
.navbar-nav .open .dropdown-menu .dropdown-header {
|
|
padding: 5px 15px 5px 25px;
|
|
}
|
|
.navbar-nav .open .dropdown-menu > li > a {
|
|
line-height: 20px;
|
|
}
|
|
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
|
|
background-image: none;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-nav {
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.navbar-nav > li {
|
|
float: left;
|
|
}
|
|
.navbar-nav > li > a {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
.navbar-form {
|
|
padding: 10px 15px;
|
|
margin-right: -15px;
|
|
margin-left: -15px;
|
|
border-top: 1px solid transparent;
|
|
border-bottom: 1px solid transparent;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-form .form-group {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.navbar-form .form-control {
|
|
display: inline-block;
|
|
width: auto;
|
|
vertical-align: middle;
|
|
}
|
|
.navbar-form .form-control-static {
|
|
display: inline-block;
|
|
}
|
|
.navbar-form .input-group {
|
|
display: inline-table;
|
|
vertical-align: middle;
|
|
}
|
|
.navbar-form .input-group .input-group-addon,
|
|
.navbar-form .input-group .input-group-btn,
|
|
.navbar-form .input-group .form-control {
|
|
width: auto;
|
|
}
|
|
.navbar-form .input-group > .form-control {
|
|
width: 100%;
|
|
}
|
|
.navbar-form .control-label {
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.navbar-form .radio,
|
|
.navbar-form .checkbox {
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.navbar-form .radio label,
|
|
.navbar-form .checkbox label {
|
|
padding-left: 0;
|
|
}
|
|
.navbar-form .radio input[type="radio"],
|
|
.navbar-form .checkbox input[type="checkbox"] {
|
|
position: relative;
|
|
margin-left: 0;
|
|
}
|
|
.navbar-form .has-feedback .form-control-feedback {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.navbar-form .form-group {
|
|
margin-bottom: 5px;
|
|
}
|
|
.navbar-form .form-group:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-form {
|
|
width: auto;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
border: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
.navbar-nav > li > .dropdown-menu {
|
|
margin-top: 0;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
|
margin-bottom: 0;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.navbar-btn {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn, .quantity .btn-group-sm > button.navbar-btn,
|
|
.quantity .btn-group-sm > input.navbar-btn {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn, .quantity .btn-group-xs > button.navbar-btn,
|
|
.quantity .btn-group-xs > input.navbar-btn {
|
|
margin-top: 14px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.navbar-text {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-text {
|
|
float: left;
|
|
margin-right: 15px;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.navbar-left {
|
|
float: left !important;
|
|
}
|
|
.navbar-right {
|
|
float: right !important;
|
|
margin-right: -15px;
|
|
}
|
|
.navbar-right ~ .navbar-right {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.navbar-default {
|
|
background-color: #f8f8f8;
|
|
border-color: #e7e7e7;
|
|
}
|
|
|
|
.navbar-default .navbar-brand {
|
|
color: #777;
|
|
}
|
|
|
|
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
|
|
color: #5e5d5d;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-default .navbar-text {
|
|
color: #777;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > li > a {
|
|
color: #777;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
|
|
color: #333;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
|
|
color: #555;
|
|
background-color: #e7e7e7;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
|
|
color: #ccc;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
|
|
color: #555;
|
|
background-color: #e7e7e7;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
|
|
color: #777;
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
|
|
color: #333;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
|
|
color: #555;
|
|
background-color: #e7e7e7;
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
|
|
color: #ccc;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.navbar-default .navbar-toggle {
|
|
border-color: #ddd;
|
|
}
|
|
|
|
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.navbar-default .navbar-toggle .icon-bar {
|
|
background-color: #888;
|
|
}
|
|
|
|
.navbar-default .navbar-collapse,
|
|
.navbar-default .navbar-form {
|
|
border-color: #e7e7e7;
|
|
}
|
|
|
|
.navbar-default .navbar-link {
|
|
color: #777;
|
|
}
|
|
|
|
.navbar-default .navbar-link:hover {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar-default .btn-link {
|
|
color: #777;
|
|
}
|
|
|
|
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
|
|
color: #333;
|
|
}
|
|
|
|
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
|
|
fieldset[disabled] .navbar-default .btn-link:hover,
|
|
fieldset[disabled] .navbar-default .btn-link:focus {
|
|
color: #ccc;
|
|
}
|
|
|
|
.navbar-inverse {
|
|
background-color: #222;
|
|
border-color: #090909;
|
|
}
|
|
|
|
.navbar-inverse .navbar-brand {
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-inverse .navbar-text {
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav > li > a {
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
|
|
color: #fff;
|
|
background-color: #090909;
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
|
|
color: #444;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
|
|
color: #fff;
|
|
background-color: #090909;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
|
|
border-color: #090909;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
|
|
background-color: #090909;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
|
|
color: #9d9d9d;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
|
|
color: #fff;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
|
|
color: #fff;
|
|
background-color: #090909;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
|
|
color: #444;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle {
|
|
border-color: #333;
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
|
|
background-color: #333;
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle .icon-bar {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.navbar-inverse .navbar-collapse,
|
|
.navbar-inverse .navbar-form {
|
|
border-color: #101010;
|
|
}
|
|
|
|
.navbar-inverse .navbar-link {
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.navbar-inverse .navbar-link:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.navbar-inverse .btn-link {
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
|
|
color: #fff;
|
|
}
|
|
|
|
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
|
|
fieldset[disabled] .navbar-inverse .btn-link:hover,
|
|
fieldset[disabled] .navbar-inverse .btn-link:focus {
|
|
color: #444;
|
|
}
|
|
|
|
.breadcrumb {
|
|
padding: 8px 15px;
|
|
margin-bottom: 20px;
|
|
list-style: none;
|
|
background-color: #f5f5f5;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.breadcrumb > li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.breadcrumb > li + li:before {
|
|
padding: 0 5px;
|
|
color: #ccc;
|
|
content: "/\A0";
|
|
}
|
|
|
|
.breadcrumb > .active {
|
|
color: #777777;
|
|
}
|
|
|
|
.pagination {
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
margin: 20px 0;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.pagination > li {
|
|
display: inline;
|
|
}
|
|
|
|
.pagination > li > a,
|
|
.pagination > li > span {
|
|
position: relative;
|
|
float: left;
|
|
padding: 6px 12px;
|
|
margin-left: -1px;
|
|
line-height: 1.42857143;
|
|
color: #4D7EA8;
|
|
text-decoration: none;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.pagination > li > a:hover, .pagination > li > a:focus,
|
|
.pagination > li > span:hover,
|
|
.pagination > li > span:focus {
|
|
z-index: 2;
|
|
color: #355774;
|
|
background-color: #eeeeee;
|
|
border-color: #ddd;
|
|
}
|
|
|
|
.pagination > li:first-child > a,
|
|
.pagination > li:first-child > span {
|
|
margin-left: 0;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.pagination > li:last-child > a,
|
|
.pagination > li:last-child > span {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
|
|
.pagination > .active > span,
|
|
.pagination > .active > span:hover,
|
|
.pagination > .active > span:focus {
|
|
z-index: 3;
|
|
color: #fff;
|
|
cursor: default;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7;
|
|
}
|
|
|
|
.pagination > .disabled > span,
|
|
.pagination > .disabled > span:hover,
|
|
.pagination > .disabled > span:focus,
|
|
.pagination > .disabled > a,
|
|
.pagination > .disabled > a:hover,
|
|
.pagination > .disabled > a:focus {
|
|
color: #777777;
|
|
cursor: not-allowed;
|
|
background-color: #fff;
|
|
border-color: #ddd;
|
|
}
|
|
|
|
.pagination-lg > li > a,
|
|
.pagination-lg > li > span {
|
|
padding: 10px 16px;
|
|
font-size: 18px;
|
|
line-height: 1.3333333;
|
|
}
|
|
|
|
.pagination-lg > li:first-child > a,
|
|
.pagination-lg > li:first-child > span {
|
|
border-top-left-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
}
|
|
|
|
.pagination-lg > li:last-child > a,
|
|
.pagination-lg > li:last-child > span {
|
|
border-top-right-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
.pagination-sm > li > a,
|
|
.pagination-sm > li > span {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.pagination-sm > li:first-child > a,
|
|
.pagination-sm > li:first-child > span {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
.pagination-sm > li:last-child > a,
|
|
.pagination-sm > li:last-child > span {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
.pager {
|
|
padding-left: 0;
|
|
margin: 20px 0;
|
|
text-align: center;
|
|
list-style: none;
|
|
}
|
|
|
|
.pager:before, .pager:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.pager:after {
|
|
clear: both;
|
|
}
|
|
|
|
.pager li {
|
|
display: inline;
|
|
}
|
|
|
|
.pager li > a,
|
|
.pager li > span {
|
|
display: inline-block;
|
|
padding: 5px 14px;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.pager li > a:hover,
|
|
.pager li > a:focus {
|
|
text-decoration: none;
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.pager .next > a,
|
|
.pager .next > span {
|
|
float: right;
|
|
}
|
|
|
|
.pager .previous > a,
|
|
.pager .previous > span {
|
|
float: left;
|
|
}
|
|
|
|
.pager .disabled > a,
|
|
.pager .disabled > a:hover,
|
|
.pager .disabled > a:focus,
|
|
.pager .disabled > span {
|
|
color: #777777;
|
|
cursor: not-allowed;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.label {
|
|
display: inline;
|
|
padding: .2em .6em .3em;
|
|
font-size: 75%;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
border-radius: .25em;
|
|
}
|
|
|
|
.label:empty {
|
|
display: none;
|
|
}
|
|
|
|
.btn .label, .quantity button .label, .quantity input .label {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
a.label:hover, a.label:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.label-default {
|
|
background-color: #777777;
|
|
}
|
|
|
|
.label-default[href]:hover, .label-default[href]:focus {
|
|
background-color: #5e5e5e;
|
|
}
|
|
|
|
.label-primary {
|
|
background-color: #337ab7;
|
|
}
|
|
|
|
.label-primary[href]:hover, .label-primary[href]:focus {
|
|
background-color: #286090;
|
|
}
|
|
|
|
.label-success {
|
|
background-color: #5cb85c;
|
|
}
|
|
|
|
.label-success[href]:hover, .label-success[href]:focus {
|
|
background-color: #449d44;
|
|
}
|
|
|
|
.label-info {
|
|
background-color: #5bc0de;
|
|
}
|
|
|
|
.label-info[href]:hover, .label-info[href]:focus {
|
|
background-color: #31b0d5;
|
|
}
|
|
|
|
.label-warning {
|
|
background-color: #f0ad4e;
|
|
}
|
|
|
|
.label-warning[href]:hover, .label-warning[href]:focus {
|
|
background-color: #ec971f;
|
|
}
|
|
|
|
.label-danger {
|
|
background-color: #d9534f;
|
|
}
|
|
|
|
.label-danger[href]:hover, .label-danger[href]:focus {
|
|
background-color: #c9302c;
|
|
}
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
min-width: 10px;
|
|
padding: 3px 7px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
color: #fff;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
background-color: #777777;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.badge:empty {
|
|
display: none;
|
|
}
|
|
|
|
.btn .badge, .quantity button .badge, .quantity input .badge {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.btn-xs .badge, .btn-group-xs > .btn .badge, .quantity .btn-group-xs > button .badge, .quantity .btn-group-xs > input .badge,
|
|
.btn-group-xs > .btn .badge,
|
|
.quantity .btn-group-xs > button .badge,
|
|
.quantity .btn-group-xs > input .badge {
|
|
top: 0;
|
|
padding: 1px 5px;
|
|
}
|
|
|
|
.list-group-item.active > .badge,
|
|
.nav-pills > .active > a > .badge {
|
|
color: #4D7EA8;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.list-group-item > .badge {
|
|
float: right;
|
|
}
|
|
|
|
.list-group-item > .badge + .badge {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.nav-pills > li > a > .badge {
|
|
margin-left: 3px;
|
|
}
|
|
|
|
a.badge:hover, a.badge:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.jumbotron {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
color: inherit;
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.jumbotron h1,
|
|
.jumbotron .h1 {
|
|
color: inherit;
|
|
}
|
|
|
|
.jumbotron p {
|
|
margin-bottom: 15px;
|
|
font-size: 21px;
|
|
font-weight: 200;
|
|
}
|
|
|
|
.jumbotron > hr {
|
|
border-top-color: #d5d5d5;
|
|
}
|
|
|
|
.container .jumbotron,
|
|
.container-fluid .jumbotron {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.jumbotron .container {
|
|
max-width: 100%;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.jumbotron {
|
|
padding-top: 48px;
|
|
padding-bottom: 48px;
|
|
}
|
|
.container .jumbotron,
|
|
.container-fluid .jumbotron {
|
|
padding-right: 60px;
|
|
padding-left: 60px;
|
|
}
|
|
.jumbotron h1,
|
|
.jumbotron .h1 {
|
|
font-size: 63px;
|
|
}
|
|
}
|
|
|
|
.thumbnail {
|
|
display: block;
|
|
padding: 4px;
|
|
margin-bottom: 20px;
|
|
line-height: 1.42857143;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
-webkit-transition: border 0.2s ease-in-out;
|
|
transition: border 0.2s ease-in-out;
|
|
}
|
|
|
|
.thumbnail > img,
|
|
.thumbnail a > img {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.thumbnail .caption {
|
|
padding: 9px;
|
|
color: #333333;
|
|
}
|
|
|
|
a.thumbnail:hover,
|
|
a.thumbnail:focus,
|
|
a.thumbnail.active {
|
|
border-color: #4D7EA8;
|
|
}
|
|
|
|
.alert {
|
|
padding: 15px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.alert h4 {
|
|
margin-top: 0;
|
|
color: inherit;
|
|
}
|
|
|
|
.alert .alert-link {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.alert > p,
|
|
.alert > ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.alert > p + p {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.alert-dismissable,
|
|
.alert-dismissible {
|
|
padding-right: 35px;
|
|
}
|
|
|
|
.alert-dismissable .close,
|
|
.alert-dismissible .close {
|
|
position: relative;
|
|
top: -2px;
|
|
right: -21px;
|
|
color: inherit;
|
|
}
|
|
|
|
.alert-success {
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6;
|
|
}
|
|
|
|
.alert-success hr {
|
|
border-top-color: #c9e2b3;
|
|
}
|
|
|
|
.alert-success .alert-link {
|
|
color: #2b542c;
|
|
}
|
|
|
|
.alert-info {
|
|
color: #31708f;
|
|
background-color: #d9edf7;
|
|
border-color: #bce8f1;
|
|
}
|
|
|
|
.alert-info hr {
|
|
border-top-color: #a6e1ec;
|
|
}
|
|
|
|
.alert-info .alert-link {
|
|
color: #245269;
|
|
}
|
|
|
|
.alert-warning {
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3;
|
|
border-color: #faebcc;
|
|
}
|
|
|
|
.alert-warning hr {
|
|
border-top-color: #f7e1b5;
|
|
}
|
|
|
|
.alert-warning .alert-link {
|
|
color: #66512c;
|
|
}
|
|
|
|
.alert-danger {
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
border-color: #ebccd1;
|
|
}
|
|
|
|
.alert-danger hr {
|
|
border-top-color: #e4b9c0;
|
|
}
|
|
|
|
.alert-danger .alert-link {
|
|
color: #843534;
|
|
}
|
|
|
|
@-webkit-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0;
|
|
}
|
|
to {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
@keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0;
|
|
}
|
|
to {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
.progress {
|
|
height: 20px;
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
background-color: #f5f5f5;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.progress-bar {
|
|
float: left;
|
|
width: 0%;
|
|
height: 100%;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #337ab7;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
-webkit-transition: width 0.6s ease;
|
|
transition: width 0.6s ease;
|
|
}
|
|
|
|
.progress-striped .progress-bar,
|
|
.progress-bar-striped {
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
background-size: 40px 40px;
|
|
}
|
|
|
|
.progress.active .progress-bar,
|
|
.progress-bar.active {
|
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
animation: progress-bar-stripes 2s linear infinite;
|
|
}
|
|
|
|
.progress-bar-success {
|
|
background-color: #5cb85c;
|
|
}
|
|
|
|
.progress-striped .progress-bar-success {
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
}
|
|
|
|
.progress-bar-info {
|
|
background-color: #5bc0de;
|
|
}
|
|
|
|
.progress-striped .progress-bar-info {
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
}
|
|
|
|
.progress-bar-warning {
|
|
background-color: #f0ad4e;
|
|
}
|
|
|
|
.progress-striped .progress-bar-warning {
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
}
|
|
|
|
.progress-bar-danger {
|
|
background-color: #d9534f;
|
|
}
|
|
|
|
.progress-striped .progress-bar-danger {
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
|
}
|
|
|
|
.media {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.media:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.media,
|
|
.media-body {
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
}
|
|
|
|
.media-body {
|
|
width: 10000px;
|
|
}
|
|
|
|
.media-object {
|
|
display: block;
|
|
}
|
|
|
|
.media-object.img-thumbnail {
|
|
max-width: none;
|
|
}
|
|
|
|
.media-right,
|
|
.media > .pull-right {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.media-left,
|
|
.media > .pull-left {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.media-left,
|
|
.media-right,
|
|
.media-body {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.media-middle {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.media-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.media-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.media-list {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.list-group {
|
|
padding-left: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.list-group-item {
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
margin-bottom: -1px;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.list-group-item:first-child {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
.list-group-item:last-child {
|
|
margin-bottom: 0;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
|
|
color: #777777;
|
|
cursor: not-allowed;
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
|
|
color: inherit;
|
|
}
|
|
|
|
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
|
|
color: #777777;
|
|
}
|
|
|
|
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
|
|
z-index: 2;
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7;
|
|
}
|
|
|
|
.list-group-item.active .list-group-item-heading,
|
|
.list-group-item.active .list-group-item-heading > small,
|
|
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
|
|
.list-group-item.active:hover .list-group-item-heading > small,
|
|
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
|
|
.list-group-item.active:focus .list-group-item-heading > small,
|
|
.list-group-item.active:focus .list-group-item-heading > .small {
|
|
color: inherit;
|
|
}
|
|
|
|
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
|
|
color: #c7ddef;
|
|
}
|
|
|
|
a.list-group-item,
|
|
button.list-group-item {
|
|
color: #555;
|
|
}
|
|
|
|
a.list-group-item .list-group-item-heading,
|
|
button.list-group-item .list-group-item-heading {
|
|
color: #333;
|
|
}
|
|
|
|
a.list-group-item:hover, a.list-group-item:focus,
|
|
button.list-group-item:hover,
|
|
button.list-group-item:focus {
|
|
color: #555;
|
|
text-decoration: none;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
button.list-group-item {
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
.list-group-item-success {
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
}
|
|
|
|
a.list-group-item-success,
|
|
button.list-group-item-success {
|
|
color: #3c763d;
|
|
}
|
|
|
|
a.list-group-item-success .list-group-item-heading,
|
|
button.list-group-item-success .list-group-item-heading {
|
|
color: inherit;
|
|
}
|
|
|
|
a.list-group-item-success:hover, a.list-group-item-success:focus,
|
|
button.list-group-item-success:hover,
|
|
button.list-group-item-success:focus {
|
|
color: #3c763d;
|
|
background-color: #d0e9c6;
|
|
}
|
|
|
|
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
|
|
button.list-group-item-success.active,
|
|
button.list-group-item-success.active:hover,
|
|
button.list-group-item-success.active:focus {
|
|
color: #fff;
|
|
background-color: #3c763d;
|
|
border-color: #3c763d;
|
|
}
|
|
|
|
.list-group-item-info {
|
|
color: #31708f;
|
|
background-color: #d9edf7;
|
|
}
|
|
|
|
a.list-group-item-info,
|
|
button.list-group-item-info {
|
|
color: #31708f;
|
|
}
|
|
|
|
a.list-group-item-info .list-group-item-heading,
|
|
button.list-group-item-info .list-group-item-heading {
|
|
color: inherit;
|
|
}
|
|
|
|
a.list-group-item-info:hover, a.list-group-item-info:focus,
|
|
button.list-group-item-info:hover,
|
|
button.list-group-item-info:focus {
|
|
color: #31708f;
|
|
background-color: #c4e3f3;
|
|
}
|
|
|
|
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
|
|
button.list-group-item-info.active,
|
|
button.list-group-item-info.active:hover,
|
|
button.list-group-item-info.active:focus {
|
|
color: #fff;
|
|
background-color: #31708f;
|
|
border-color: #31708f;
|
|
}
|
|
|
|
.list-group-item-warning {
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3;
|
|
}
|
|
|
|
a.list-group-item-warning,
|
|
button.list-group-item-warning {
|
|
color: #8a6d3b;
|
|
}
|
|
|
|
a.list-group-item-warning .list-group-item-heading,
|
|
button.list-group-item-warning .list-group-item-heading {
|
|
color: inherit;
|
|
}
|
|
|
|
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
|
|
button.list-group-item-warning:hover,
|
|
button.list-group-item-warning:focus {
|
|
color: #8a6d3b;
|
|
background-color: #faf2cc;
|
|
}
|
|
|
|
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
|
|
button.list-group-item-warning.active,
|
|
button.list-group-item-warning.active:hover,
|
|
button.list-group-item-warning.active:focus {
|
|
color: #fff;
|
|
background-color: #8a6d3b;
|
|
border-color: #8a6d3b;
|
|
}
|
|
|
|
.list-group-item-danger {
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
}
|
|
|
|
a.list-group-item-danger,
|
|
button.list-group-item-danger {
|
|
color: #a94442;
|
|
}
|
|
|
|
a.list-group-item-danger .list-group-item-heading,
|
|
button.list-group-item-danger .list-group-item-heading {
|
|
color: inherit;
|
|
}
|
|
|
|
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
|
|
button.list-group-item-danger:hover,
|
|
button.list-group-item-danger:focus {
|
|
color: #a94442;
|
|
background-color: #ebcccc;
|
|
}
|
|
|
|
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
|
|
button.list-group-item-danger.active,
|
|
button.list-group-item-danger.active:hover,
|
|
button.list-group-item-danger.active:focus {
|
|
color: #fff;
|
|
background-color: #a94442;
|
|
border-color: #a94442;
|
|
}
|
|
|
|
.list-group-item-heading {
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.list-group-item-text {
|
|
margin-bottom: 0;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.panel {
|
|
margin-bottom: 20px;
|
|
background-color: #fff;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.panel-body {
|
|
padding: 15px;
|
|
}
|
|
|
|
.panel-body:before, .panel-body:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.panel-body:after {
|
|
clear: both;
|
|
}
|
|
|
|
.panel-heading {
|
|
padding: 10px 15px;
|
|
border-bottom: 1px solid transparent;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.panel-heading > .dropdown .dropdown-toggle {
|
|
color: inherit;
|
|
}
|
|
|
|
.panel-title {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
font-size: 16px;
|
|
color: inherit;
|
|
}
|
|
|
|
.panel-title > a,
|
|
.panel-title > small,
|
|
.panel-title > .small,
|
|
.panel-title > small > a,
|
|
.panel-title > .small > a {
|
|
color: inherit;
|
|
}
|
|
|
|
.panel-footer {
|
|
padding: 10px 15px;
|
|
background-color: #f5f5f5;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
.panel > .list-group,
|
|
.panel > .panel-collapse > .list-group {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.panel > .list-group .list-group-item,
|
|
.panel > .panel-collapse > .list-group .list-group-item {
|
|
border-width: 1px 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.panel > .list-group:first-child .list-group-item:first-child,
|
|
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
|
|
border-top: 0;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.panel > .list-group:last-child .list-group-item:last-child,
|
|
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
|
|
border-bottom: 0;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.panel-heading + .list-group .list-group-item:first-child {
|
|
border-top-width: 0;
|
|
}
|
|
|
|
.list-group + .panel-footer {
|
|
border-top-width: 0;
|
|
}
|
|
|
|
.panel > .table,
|
|
.panel > .table-responsive > .table,
|
|
.panel > .panel-collapse > .table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.panel > .table caption,
|
|
.panel > .table-responsive > .table caption,
|
|
.panel > .panel-collapse > .table caption {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.panel > .table:first-child,
|
|
.panel > .table-responsive:first-child > .table:first-child {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.panel > .table:first-child > thead:first-child > tr:first-child,
|
|
.panel > .table:first-child > tbody:first-child > tr:first-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
|
|
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
|
|
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
|
|
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
|
|
border-top-left-radius: 3px;
|
|
}
|
|
|
|
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
|
|
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
|
|
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
|
|
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.panel > .table:last-child,
|
|
.panel > .table-responsive:last-child > .table:last-child {
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
.panel > .table:last-child > tbody:last-child > tr:last-child,
|
|
.panel > .table:last-child > tfoot:last-child > tr:last-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
|
|
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
|
|
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
|
|
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
|
|
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
|
|
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
|
|
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
|
|
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
.panel > .panel-body + .table,
|
|
.panel > .panel-body + .table-responsive,
|
|
.panel > .table + .panel-body,
|
|
.panel > .table-responsive + .panel-body {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
.panel > .table > tbody:first-child > tr:first-child th,
|
|
.panel > .table > tbody:first-child > tr:first-child td {
|
|
border-top: 0;
|
|
}
|
|
|
|
.panel > .table-bordered,
|
|
.panel > .table-responsive > .table-bordered {
|
|
border: 0;
|
|
}
|
|
|
|
.panel > .table-bordered > thead > tr > th:first-child,
|
|
.panel > .table-bordered > thead > tr > td:first-child,
|
|
.panel > .table-bordered > tbody > tr > th:first-child,
|
|
.panel > .table-bordered > tbody > tr > td:first-child,
|
|
.panel > .table-bordered > tfoot > tr > th:first-child,
|
|
.panel > .table-bordered > tfoot > tr > td:first-child,
|
|
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
|
|
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
|
|
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
|
|
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
|
|
border-left: 0;
|
|
}
|
|
|
|
.panel > .table-bordered > thead > tr > th:last-child,
|
|
.panel > .table-bordered > thead > tr > td:last-child,
|
|
.panel > .table-bordered > tbody > tr > th:last-child,
|
|
.panel > .table-bordered > tbody > tr > td:last-child,
|
|
.panel > .table-bordered > tfoot > tr > th:last-child,
|
|
.panel > .table-bordered > tfoot > tr > td:last-child,
|
|
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
|
|
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
|
|
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
|
|
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
.panel > .table-bordered > thead > tr:first-child > td,
|
|
.panel > .table-bordered > thead > tr:first-child > th,
|
|
.panel > .table-bordered > tbody > tr:first-child > td,
|
|
.panel > .table-bordered > tbody > tr:first-child > th,
|
|
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
|
|
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.panel > .table-bordered > tbody > tr:last-child > td,
|
|
.panel > .table-bordered > tbody > tr:last-child > th,
|
|
.panel > .table-bordered > tfoot > tr:last-child > td,
|
|
.panel > .table-bordered > tfoot > tr:last-child > th,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
|
|
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
|
|
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
|
|
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.panel > .table-responsive {
|
|
margin-bottom: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.panel-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.panel-group .panel {
|
|
margin-bottom: 0;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.panel-group .panel + .panel {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.panel-group .panel-heading {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.panel-group .panel-heading + .panel-collapse > .panel-body,
|
|
.panel-group .panel-heading + .panel-collapse > .list-group {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
.panel-group .panel-footer {
|
|
border-top: 0;
|
|
}
|
|
|
|
.panel-group .panel-footer + .panel-collapse .panel-body {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.panel-default {
|
|
border-color: #ddd;
|
|
}
|
|
|
|
.panel-default > .panel-heading {
|
|
color: #333333;
|
|
background-color: #f5f5f5;
|
|
border-color: #ddd;
|
|
}
|
|
|
|
.panel-default > .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #ddd;
|
|
}
|
|
|
|
.panel-default > .panel-heading .badge {
|
|
color: #f5f5f5;
|
|
background-color: #333333;
|
|
}
|
|
|
|
.panel-default > .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #ddd;
|
|
}
|
|
|
|
.panel-primary {
|
|
border-color: #337ab7;
|
|
}
|
|
|
|
.panel-primary > .panel-heading {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #337ab7;
|
|
}
|
|
|
|
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #337ab7;
|
|
}
|
|
|
|
.panel-primary > .panel-heading .badge {
|
|
color: #337ab7;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #337ab7;
|
|
}
|
|
|
|
.panel-success {
|
|
border-color: #d6e9c6;
|
|
}
|
|
|
|
.panel-success > .panel-heading {
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6;
|
|
}
|
|
|
|
.panel-success > .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #d6e9c6;
|
|
}
|
|
|
|
.panel-success > .panel-heading .badge {
|
|
color: #dff0d8;
|
|
background-color: #3c763d;
|
|
}
|
|
|
|
.panel-success > .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #d6e9c6;
|
|
}
|
|
|
|
.panel-info {
|
|
border-color: #bce8f1;
|
|
}
|
|
|
|
.panel-info > .panel-heading {
|
|
color: #31708f;
|
|
background-color: #d9edf7;
|
|
border-color: #bce8f1;
|
|
}
|
|
|
|
.panel-info > .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #bce8f1;
|
|
}
|
|
|
|
.panel-info > .panel-heading .badge {
|
|
color: #d9edf7;
|
|
background-color: #31708f;
|
|
}
|
|
|
|
.panel-info > .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #bce8f1;
|
|
}
|
|
|
|
.panel-warning {
|
|
border-color: #faebcc;
|
|
}
|
|
|
|
.panel-warning > .panel-heading {
|
|
color: #8a6d3b;
|
|
background-color: #fcf8e3;
|
|
border-color: #faebcc;
|
|
}
|
|
|
|
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #faebcc;
|
|
}
|
|
|
|
.panel-warning > .panel-heading .badge {
|
|
color: #fcf8e3;
|
|
background-color: #8a6d3b;
|
|
}
|
|
|
|
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #faebcc;
|
|
}
|
|
|
|
.panel-danger {
|
|
border-color: #ebccd1;
|
|
}
|
|
|
|
.panel-danger > .panel-heading {
|
|
color: #a94442;
|
|
background-color: #f2dede;
|
|
border-color: #ebccd1;
|
|
}
|
|
|
|
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #ebccd1;
|
|
}
|
|
|
|
.panel-danger > .panel-heading .badge {
|
|
color: #f2dede;
|
|
background-color: #a94442;
|
|
}
|
|
|
|
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #ebccd1;
|
|
}
|
|
|
|
.embed-responsive {
|
|
position: relative;
|
|
display: block;
|
|
height: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.embed-responsive .embed-responsive-item,
|
|
.embed-responsive iframe,
|
|
.embed-responsive embed,
|
|
.embed-responsive object,
|
|
.embed-responsive video {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
}
|
|
|
|
.embed-responsive-16by9 {
|
|
padding-bottom: 56.25%;
|
|
}
|
|
|
|
.embed-responsive-4by3 {
|
|
padding-bottom: 75%;
|
|
}
|
|
|
|
.well {
|
|
min-height: 20px;
|
|
padding: 19px;
|
|
margin-bottom: 20px;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #e3e3e3;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.well blockquote {
|
|
border-color: #ddd;
|
|
border-color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.well-lg {
|
|
padding: 24px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.well-sm {
|
|
padding: 9px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.close {
|
|
float: right;
|
|
font-size: 21px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
color: #000;
|
|
text-shadow: 0 1px 0 #fff;
|
|
filter: alpha(opacity=20);
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.close:hover, .close:focus {
|
|
color: #000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
button.close {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.modal-open {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.modal {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1050;
|
|
display: none;
|
|
overflow: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
outline: 0;
|
|
}
|
|
|
|
.modal.fade .modal-dialog, .modal.fade .account-modal {
|
|
-webkit-transform: translate(0, -25%);
|
|
transform: translate(0, -25%);
|
|
-webkit-transition: -webkit-transform 0.3s ease-out;
|
|
transition: -webkit-transform 0.3s ease-out;
|
|
transition: transform 0.3s ease-out;
|
|
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
|
|
}
|
|
|
|
.modal.in .modal-dialog, .modal.in .account-modal {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
|
|
.modal-open .modal {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.modal-dialog, .account-modal {
|
|
position: relative;
|
|
width: auto;
|
|
margin: 10px;
|
|
}
|
|
|
|
.modal-content {
|
|
position: relative;
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
border: 1px solid #999;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
|
outline: 0;
|
|
}
|
|
|
|
.modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1040;
|
|
background-color: #000;
|
|
}
|
|
|
|
.modal-backdrop.fade {
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
}
|
|
|
|
.modal-backdrop.in {
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.modal-header {
|
|
padding: 15px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.modal-header:before, .modal-header:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.modal-header:after {
|
|
clear: both;
|
|
}
|
|
|
|
.modal-header .close {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.modal-title {
|
|
margin: 0;
|
|
line-height: 1.42857143;
|
|
}
|
|
|
|
.modal-body {
|
|
position: relative;
|
|
padding: 15px;
|
|
}
|
|
|
|
.modal-footer {
|
|
padding: 15px;
|
|
text-align: right;
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.modal-footer:before, .modal-footer:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.modal-footer:after {
|
|
clear: both;
|
|
}
|
|
|
|
.modal-footer .btn + .btn, .modal-footer .quantity button + .btn, .quantity .modal-footer button + .btn, .modal-footer .quantity input + .btn, .quantity .modal-footer input + .btn, .modal-footer .quantity .btn + button, .quantity .modal-footer .btn + button, .modal-footer .quantity button + button, .quantity .modal-footer button + button, .modal-footer .quantity input + button, .quantity .modal-footer input + button,
|
|
.modal-footer .quantity .btn + input, .quantity .modal-footer .btn + input,
|
|
.modal-footer .quantity button + input, .quantity .modal-footer button + input,
|
|
.modal-footer .quantity input + input, .quantity .modal-footer input + input {
|
|
margin-bottom: 0;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.modal-footer .btn-group .btn + .btn, .modal-footer .quantity .btn + .btn, .modal-footer .btn-group .quantity button + .btn, .quantity .modal-footer .btn-group button + .btn, .modal-footer .quantity button + .btn, .modal-footer .btn-group .quantity input + .btn, .quantity .modal-footer .btn-group input + .btn, .modal-footer .quantity input + .btn, .modal-footer .btn-group .quantity .btn + button, .quantity .modal-footer .btn-group .btn + button, .modal-footer .quantity .btn + button, .modal-footer .btn-group .quantity button + button, .quantity .modal-footer .btn-group button + button, .modal-footer .quantity button + button, .modal-footer .btn-group .quantity input + button, .quantity .modal-footer .btn-group input + button, .modal-footer .quantity input + button,
|
|
.modal-footer .btn-group .quantity .btn + input, .quantity .modal-footer .btn-group .btn + input,
|
|
.modal-footer .quantity .btn + input,
|
|
.modal-footer .btn-group .quantity button + input, .quantity .modal-footer .btn-group button + input,
|
|
.modal-footer .quantity button + input,
|
|
.modal-footer .btn-group .quantity input + input, .quantity .modal-footer .btn-group input + input,
|
|
.modal-footer .quantity input + input {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.modal-footer .btn-block + .btn-block {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.modal-scrollbar-measure {
|
|
position: absolute;
|
|
top: -9999px;
|
|
width: 50px;
|
|
height: 50px;
|
|
overflow: scroll;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.modal-dialog, .account-modal {
|
|
width: 600px;
|
|
margin: 30px auto;
|
|
}
|
|
.modal-content {
|
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.modal-sm {
|
|
width: 300px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.modal-lg {
|
|
width: 900px;
|
|
}
|
|
}
|
|
|
|
.tooltip {
|
|
position: absolute;
|
|
z-index: 1070;
|
|
display: block;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
line-break: auto;
|
|
text-align: left;
|
|
text-align: start;
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-break: normal;
|
|
word-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: normal;
|
|
font-size: 12px;
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
}
|
|
|
|
.tooltip.in {
|
|
filter: alpha(opacity=90);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.tooltip.top {
|
|
padding: 5px 0;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.tooltip.right {
|
|
padding: 0 5px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.tooltip.bottom {
|
|
padding: 5px 0;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.tooltip.left {
|
|
padding: 0 5px;
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.tooltip.top .tooltip-arrow {
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: #000;
|
|
}
|
|
|
|
.tooltip.top-left .tooltip-arrow {
|
|
right: 5px;
|
|
bottom: 0;
|
|
margin-bottom: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: #000;
|
|
}
|
|
|
|
.tooltip.top-right .tooltip-arrow {
|
|
bottom: 0;
|
|
left: 5px;
|
|
margin-bottom: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: #000;
|
|
}
|
|
|
|
.tooltip.right .tooltip-arrow {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 5px 5px 0;
|
|
border-right-color: #000;
|
|
}
|
|
|
|
.tooltip.left .tooltip-arrow {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: #000;
|
|
}
|
|
|
|
.tooltip.bottom .tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #000;
|
|
}
|
|
|
|
.tooltip.bottom-left .tooltip-arrow {
|
|
top: 0;
|
|
right: 5px;
|
|
margin-top: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #000;
|
|
}
|
|
|
|
.tooltip.bottom-right .tooltip-arrow {
|
|
top: 0;
|
|
left: 5px;
|
|
margin-top: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: #000;
|
|
}
|
|
|
|
.tooltip-inner {
|
|
max-width: 200px;
|
|
padding: 3px 8px;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #000;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
|
|
.popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1060;
|
|
display: none;
|
|
max-width: 276px;
|
|
padding: 1px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
line-break: auto;
|
|
text-align: left;
|
|
text-align: start;
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-break: normal;
|
|
word-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: normal;
|
|
font-size: 14px;
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.popover.top {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.popover.right {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.popover.bottom {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.popover.left {
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.popover > .arrow {
|
|
border-width: 11px;
|
|
}
|
|
|
|
.popover > .arrow, .popover > .arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
|
|
.popover > .arrow:after {
|
|
content: "";
|
|
border-width: 10px;
|
|
}
|
|
|
|
.popover.top > .arrow {
|
|
bottom: -11px;
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-top-color: #999999;
|
|
border-top-color: rgba(0, 0, 0, 0.25);
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.popover.top > .arrow:after {
|
|
bottom: 1px;
|
|
margin-left: -10px;
|
|
content: " ";
|
|
border-top-color: #fff;
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.popover.right > .arrow {
|
|
top: 50%;
|
|
left: -11px;
|
|
margin-top: -11px;
|
|
border-right-color: #999999;
|
|
border-right-color: rgba(0, 0, 0, 0.25);
|
|
border-left-width: 0;
|
|
}
|
|
|
|
.popover.right > .arrow:after {
|
|
bottom: -10px;
|
|
left: 1px;
|
|
content: " ";
|
|
border-right-color: #fff;
|
|
border-left-width: 0;
|
|
}
|
|
|
|
.popover.bottom > .arrow {
|
|
top: -11px;
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #999999;
|
|
border-bottom-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.popover.bottom > .arrow:after {
|
|
top: 1px;
|
|
margin-left: -10px;
|
|
content: " ";
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff;
|
|
}
|
|
|
|
.popover.left > .arrow {
|
|
top: 50%;
|
|
right: -11px;
|
|
margin-top: -11px;
|
|
border-right-width: 0;
|
|
border-left-color: #999999;
|
|
border-left-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.popover.left > .arrow:after {
|
|
right: 1px;
|
|
bottom: -10px;
|
|
content: " ";
|
|
border-right-width: 0;
|
|
border-left-color: #fff;
|
|
}
|
|
|
|
.popover-title {
|
|
padding: 8px 14px;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
background-color: #f7f7f7;
|
|
border-bottom: 1px solid #ebebeb;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
|
|
.popover-content {
|
|
padding: 9px 14px;
|
|
}
|
|
|
|
.carousel {
|
|
position: relative;
|
|
}
|
|
|
|
.carousel-inner {
|
|
position: relative;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.carousel-inner > .item {
|
|
position: relative;
|
|
display: none;
|
|
-webkit-transition: 0.6s ease-in-out left;
|
|
transition: 0.6s ease-in-out left;
|
|
}
|
|
|
|
.carousel-inner > .item > img,
|
|
.carousel-inner > .item > a > img {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
line-height: 1;
|
|
}
|
|
|
|
@media all and (transform-3d), (-webkit-transform-3d) {
|
|
.carousel-inner > .item {
|
|
-webkit-transition: -webkit-transform 0.6s ease-in-out;
|
|
transition: -webkit-transform 0.6s ease-in-out;
|
|
transition: transform 0.6s ease-in-out;
|
|
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-perspective: 1000px;
|
|
perspective: 1000px;
|
|
}
|
|
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
left: 0;
|
|
}
|
|
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
left: 0;
|
|
}
|
|
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
.carousel-inner > .active,
|
|
.carousel-inner > .next,
|
|
.carousel-inner > .prev {
|
|
display: block;
|
|
}
|
|
|
|
.carousel-inner > .active {
|
|
left: 0;
|
|
}
|
|
|
|
.carousel-inner > .next,
|
|
.carousel-inner > .prev {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.carousel-inner > .next {
|
|
left: 100%;
|
|
}
|
|
|
|
.carousel-inner > .prev {
|
|
left: -100%;
|
|
}
|
|
|
|
.carousel-inner > .next.left,
|
|
.carousel-inner > .prev.right {
|
|
left: 0;
|
|
}
|
|
|
|
.carousel-inner > .active.left {
|
|
left: -100%;
|
|
}
|
|
|
|
.carousel-inner > .active.right {
|
|
left: 100%;
|
|
}
|
|
|
|
.carousel-control {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 15%;
|
|
font-size: 20px;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
|
background-color: rgba(0, 0, 0, 0);
|
|
filter: alpha(opacity=50);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.carousel-control.left {
|
|
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.carousel-control.right {
|
|
right: 0;
|
|
left: auto;
|
|
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
.carousel-control:hover, .carousel-control:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
filter: alpha(opacity=90);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next,
|
|
.carousel-control .glyphicon-chevron-left,
|
|
.carousel-control .glyphicon-chevron-right {
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 5;
|
|
display: inline-block;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .glyphicon-chevron-left {
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.carousel-control .icon-next,
|
|
.carousel-control .glyphicon-chevron-right {
|
|
right: 50%;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next {
|
|
width: 20px;
|
|
height: 20px;
|
|
font-family: serif;
|
|
line-height: 1;
|
|
}
|
|
|
|
.carousel-control .icon-prev:before {
|
|
content: "\2039";
|
|
}
|
|
|
|
.carousel-control .icon-next:before {
|
|
content: "\203A";
|
|
}
|
|
|
|
.carousel-indicators {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 50%;
|
|
z-index: 15;
|
|
width: 60%;
|
|
padding-left: 0;
|
|
margin-left: -30%;
|
|
text-align: center;
|
|
list-style: none;
|
|
}
|
|
|
|
.carousel-indicators li {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 1px;
|
|
text-indent: -999px;
|
|
cursor: pointer;
|
|
background-color: #000 \9;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: 1px solid #fff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.carousel-indicators .active {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.carousel-caption {
|
|
position: absolute;
|
|
right: 15%;
|
|
bottom: 20px;
|
|
left: 15%;
|
|
z-index: 10;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.carousel-caption .btn, .carousel-caption .quantity button, .quantity .carousel-caption button,
|
|
.carousel-caption .quantity input, .quantity .carousel-caption input {
|
|
text-shadow: none;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.carousel-control .glyphicon-chevron-left,
|
|
.carousel-control .glyphicon-chevron-right,
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-top: -10px;
|
|
font-size: 30px;
|
|
}
|
|
.carousel-control .glyphicon-chevron-left,
|
|
.carousel-control .icon-prev {
|
|
margin-left: -10px;
|
|
}
|
|
.carousel-control .glyphicon-chevron-right,
|
|
.carousel-control .icon-next {
|
|
margin-right: -10px;
|
|
}
|
|
.carousel-caption {
|
|
right: 20%;
|
|
left: 20%;
|
|
padding-bottom: 30px;
|
|
}
|
|
.carousel-indicators {
|
|
bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.clearfix:before, .clearfix:after {
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
.clearfix:after {
|
|
clear: both;
|
|
}
|
|
|
|
.center-block {
|
|
display: block;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.pull-right {
|
|
float: right !important;
|
|
}
|
|
|
|
.pull-left {
|
|
float: left !important;
|
|
}
|
|
|
|
.hide {
|
|
display: none !important;
|
|
}
|
|
|
|
.show {
|
|
display: block !important;
|
|
}
|
|
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.text-hide {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.affix {
|
|
position: fixed;
|
|
}
|
|
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
.visible-xs {
|
|
display: none !important;
|
|
}
|
|
|
|
.visible-sm {
|
|
display: none !important;
|
|
}
|
|
|
|
.visible-md {
|
|
display: none !important;
|
|
}
|
|
|
|
.visible-lg {
|
|
display: none !important;
|
|
}
|
|
|
|
.visible-xs-block,
|
|
.visible-xs-inline,
|
|
.visible-xs-inline-block,
|
|
.visible-sm-block,
|
|
.visible-sm-inline,
|
|
.visible-sm-inline-block,
|
|
.visible-md-block,
|
|
.visible-md-inline,
|
|
.visible-md-inline-block,
|
|
.visible-lg-block,
|
|
.visible-lg-inline,
|
|
.visible-lg-inline-block {
|
|
display: none !important;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.visible-xs {
|
|
display: block !important;
|
|
}
|
|
table.visible-xs {
|
|
display: table !important;
|
|
}
|
|
tr.visible-xs {
|
|
display: table-row !important;
|
|
}
|
|
th.visible-xs,
|
|
td.visible-xs {
|
|
display: table-cell !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.visible-xs-block {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.visible-xs-inline {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.visible-xs-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.visible-sm {
|
|
display: block !important;
|
|
}
|
|
table.visible-sm {
|
|
display: table !important;
|
|
}
|
|
tr.visible-sm {
|
|
display: table-row !important;
|
|
}
|
|
th.visible-sm,
|
|
td.visible-sm {
|
|
display: table-cell !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.visible-sm-block {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.visible-sm-inline {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.visible-sm-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.visible-md {
|
|
display: block !important;
|
|
}
|
|
table.visible-md {
|
|
display: table !important;
|
|
}
|
|
tr.visible-md {
|
|
display: table-row !important;
|
|
}
|
|
th.visible-md,
|
|
td.visible-md {
|
|
display: table-cell !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.visible-md-block {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.visible-md-inline {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.visible-md-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.visible-lg {
|
|
display: block !important;
|
|
}
|
|
table.visible-lg {
|
|
display: table !important;
|
|
}
|
|
tr.visible-lg {
|
|
display: table-row !important;
|
|
}
|
|
th.visible-lg,
|
|
td.visible-lg {
|
|
display: table-cell !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.visible-lg-block {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.visible-lg-inline {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.visible-lg-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.hidden-xs {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.hidden-sm {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.hidden-md {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.hidden-lg {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.visible-print {
|
|
display: none !important;
|
|
}
|
|
|
|
@media print {
|
|
.visible-print {
|
|
display: block !important;
|
|
}
|
|
table.visible-print {
|
|
display: table !important;
|
|
}
|
|
tr.visible-print {
|
|
display: table-row !important;
|
|
}
|
|
th.visible-print,
|
|
td.visible-print {
|
|
display: table-cell !important;
|
|
}
|
|
}
|
|
|
|
.visible-print-block {
|
|
display: none !important;
|
|
}
|
|
|
|
@media print {
|
|
.visible-print-block {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
.visible-print-inline {
|
|
display: none !important;
|
|
}
|
|
|
|
@media print {
|
|
.visible-print-inline {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
|
|
.visible-print-inline-block {
|
|
display: none !important;
|
|
}
|
|
|
|
@media print {
|
|
.visible-print-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.hidden-print {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Material Icons";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url("../material-icons/iconfont/MaterialIcons-Regular.eot");
|
|
/* For IE6-8 */
|
|
src: local("Material Icons"), local("MaterialIcons-Regular"), url("../material-icons/iconfont/MaterialIcons-Regular.woff2") format("woff2"), url("../material-icons/iconfont/MaterialIcons-Regular.woff") format("woff"), url("../material-icons/iconfont/MaterialIcons-Regular.ttf") format("truetype");
|
|
}
|
|
|
|
.material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 24px;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
/* Support for all WebKit browsers. */
|
|
-webkit-font-smoothing: antialiased;
|
|
/* Support for Safari and Chrome. */
|
|
text-rendering: optimizeLegibility;
|
|
/* Support for Firefox. */
|
|
-moz-osx-font-smoothing: grayscale;
|
|
/* Support for IE. */
|
|
-webkit-font-feature-settings: 'liga';
|
|
font-feature-settings: 'liga';
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
-webkit-box-sizing: inherit;
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 3px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: #D8D8D8;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #666666;
|
|
}
|
|
|
|
*::-webkit-input-placeholder {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
}
|
|
|
|
*::-webkit-input-placeholder {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
}
|
|
|
|
.form-control:focus {
|
|
-webkit-box-shadow: 0px 0px 8px 1px rgba(105, 221, 157, 0.25);
|
|
box-shadow: 0px 0px 8px 1px rgba(105, 221, 157, 0.25);
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
|
|
html {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
width: 100%;
|
|
background: #FFFFFF;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
}
|
|
|
|
.btn:hover, .quantity button:hover,
|
|
.quantity input:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn:focus, .quantity button:focus,
|
|
.quantity input:focus {
|
|
outline: none;
|
|
outline-offset: 0px;
|
|
}
|
|
|
|
.btn:active:hover, .quantity button:active:hover,
|
|
.quantity input:active:hover {
|
|
outline: none;
|
|
outline-offset: 0px;
|
|
}
|
|
|
|
.btn-link {
|
|
color: rgba(0, 0, 0, 0.83);
|
|
padding: 6px 5px;
|
|
}
|
|
|
|
.btn-link:hover, .btn-link:focus {
|
|
color: rgba(0, 0, 0, 0.83);
|
|
text-decoration: none;
|
|
}
|
|
|
|
#top {
|
|
border-bottom: 1px solid #CCCCCC;
|
|
padding: 4px 0px 3px 0;
|
|
margin: 0;
|
|
min-height: 40px;
|
|
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24);
|
|
color: rgba(0, 0, 0, 0.83);
|
|
}
|
|
|
|
#top .btn, #top .quantity button, .quantity #top button,
|
|
#top .quantity input, .quantity #top input {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
font-size: 14px;
|
|
letter-spacing: 0;
|
|
text-align: center;
|
|
border-radius: 0px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#top .btn:hover, #top .quantity button:hover, .quantity #top button:hover,
|
|
#top .quantity input:hover, .quantity #top input:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#top .btn:focus, #top .quantity button:focus, .quantity #top button:focus,
|
|
#top .quantity input:focus, .quantity #top input:focus {
|
|
outline: none;
|
|
outline-offset: 0px;
|
|
}
|
|
|
|
#top .btn:active:hover, #top .quantity button:active:hover, .quantity #top button:active:hover,
|
|
#top .quantity input:active:hover, .quantity #top input:active:hover {
|
|
outline: none;
|
|
outline-offset: 0px;
|
|
}
|
|
|
|
#top .btn-normal {
|
|
background: #21A179;
|
|
border-color: #269c77;
|
|
color: #FFFFFF;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#top .btn-normal:hover {
|
|
background: #FFFFFF;
|
|
border-color: #21A179;
|
|
color: #21A179;
|
|
}
|
|
|
|
#top .btn-normal:active:hover {
|
|
background: #FFFFFF;
|
|
border-color: #21A179;
|
|
color: #21A179;
|
|
}
|
|
|
|
#top .btn-normal:active:focus {
|
|
background: #FFFFFF;
|
|
border-color: #21A179;
|
|
color: #21A179;
|
|
}
|
|
|
|
#top .btn-link {
|
|
color: rgba(0, 0, 0, 0.83);
|
|
padding: 0px 5px 6px 5px;
|
|
}
|
|
|
|
#top .dropdown-menu-large {
|
|
min-width: 250px;
|
|
left: -100px;
|
|
}
|
|
|
|
#top .customer-name {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
padding: 0px 10px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
}
|
|
|
|
#top .welcome-content {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 140px;
|
|
padding-top: 2px;
|
|
text-align: right;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
border-top: 3px solid #269c77;
|
|
border-radius: 0px;
|
|
background: #FFFFFF;
|
|
-webkit-box-shadow: 11px 10px 17px 0 rgba(0, 0, 0, 0.21);
|
|
box-shadow: 11px 10px 17px 0 rgba(0, 0, 0, 0.21);
|
|
}
|
|
|
|
.dropdown-menu li a:hover {
|
|
background: #21A179;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.dropdown-menu li a:focus {
|
|
background: #21A179;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.dropdown-menu li a .dropdown-menu li a:focus {
|
|
background: #21A179;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.no-padding, .advertisement-one .offers-ct-panel .offers-ct-top, .advertisement-one .offers-ct-panel .offers-ct-bottom, .advertisement-two-container .ad-2-lt, .product-view .left .main-product-image, .product-view .right h3, .product-detail .right h3 {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.btn-normal {
|
|
background: #21A179;
|
|
border-color: #269c77;
|
|
color: #FFFFFF;
|
|
font-weight: 600;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.btn-normal:hover {
|
|
background: #FFFFFF;
|
|
border-color: #21A179;
|
|
color: #21A179;
|
|
}
|
|
|
|
.btn-normal:active:hover {
|
|
background: #FFFFFF;
|
|
border-color: #21A179;
|
|
color: #21A179;
|
|
}
|
|
|
|
.btn-normal:active:focus {
|
|
background: #FFFFFF;
|
|
border-color: #21A179;
|
|
color: #21A179;
|
|
}
|
|
|
|
.btn-secondary {
|
|
background: #FFFFFF;
|
|
border-color: #FFFFFF;
|
|
color: #21A179;
|
|
}
|
|
|
|
.btn-secondary:hover {
|
|
background: #21A179;
|
|
border-color: #21A179;
|
|
}
|
|
|
|
.btn-secondary:focus {
|
|
background: #21A179;
|
|
border-color: #21A179;
|
|
}
|
|
|
|
.btn-secondary:active:hover {
|
|
background: #21A179;
|
|
border-color: #21A179;
|
|
}
|
|
|
|
.btn-secondary:active:focus {
|
|
background: #21A179;
|
|
border-color: #21A179;
|
|
}
|
|
|
|
.btn-danger {
|
|
background: #F05153;
|
|
border-color: #F05153;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
background: #F05153;
|
|
border-color: #F05153;
|
|
}
|
|
|
|
.btn-danger:focus {
|
|
background: #F05153;
|
|
border-color: #F05153;
|
|
}
|
|
|
|
.btn-danger:active:hover {
|
|
background: #F05153;
|
|
border-color: #F05153;
|
|
}
|
|
|
|
.btn-danger:active:focus {
|
|
background: #F05153;
|
|
border-color: #F05153;
|
|
}
|
|
|
|
header .logo {
|
|
width: 200px;
|
|
height: 50px;
|
|
}
|
|
|
|
header #search-form {
|
|
height: 35px;
|
|
margin: 5px 0px;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
header #search-form .selectdiv {
|
|
width: 30%;
|
|
font-family: 'Webkul Rango' !important;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
header #search-form .selectdiv:before {
|
|
top: 13px;
|
|
left: 160px;
|
|
z-index: 10;
|
|
font-size: 16px;
|
|
content: "\E906";
|
|
position: absolute;
|
|
}
|
|
|
|
header #search-form select {
|
|
border-radius: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
border-right: none;
|
|
border: 1px solid #26A37C;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
header #search-form select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
header #search-form input {
|
|
border-radius: 0px;
|
|
width: 70%;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
padding: 0 10px;
|
|
border-left: 0px;
|
|
border-left: none;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
border: 1px solid #26A37C;
|
|
}
|
|
|
|
header #search-form .btn, header #search-form .quantity button, .quantity header #search-form button,
|
|
header #search-form .quantity input, .quantity header #search-form input {
|
|
height: 40px;
|
|
}
|
|
|
|
header #search-form .btn:hover, header #search-form .quantity button:hover, .quantity header #search-form button:hover,
|
|
header #search-form .quantity input:hover, .quantity header #search-form input:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
header #search-form .btn:focus, header #search-form .quantity button:focus, .quantity header #search-form button:focus,
|
|
header #search-form .quantity input:focus, .quantity header #search-form input:focus {
|
|
outline: none;
|
|
outline-offset: 0px;
|
|
}
|
|
|
|
header #search-form .btn:active:hover, header #search-form .quantity button:active:hover, .quantity header #search-form button:active:hover,
|
|
header #search-form .quantity input:active:hover, .quantity header #search-form input:active:hover {
|
|
outline: none;
|
|
outline-offset: 0px;
|
|
}
|
|
|
|
header .mini-cart-container {
|
|
height: 50px;
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
header .mini-cart-container #mini-cart .mini-cart-content {
|
|
position: relative;
|
|
width: 75px;
|
|
text-align: right;
|
|
font-family: "SourceSansPro-Semibold";
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
header .mini-cart-container #mini-cart .mini-cart-content .material-icons {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
font-size: 26px;
|
|
}
|
|
|
|
header .dropdown-menu-large {
|
|
min-width: 280px;
|
|
left: -180px;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content {
|
|
width: 100%;
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 10px;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-image {
|
|
position: relative;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-image .material-icons {
|
|
position: absolute;
|
|
left: -6px;
|
|
top: -6px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-image .thumbnail {
|
|
width: 75px;
|
|
height: 75px;
|
|
margin: 0px;
|
|
border-radius: 0px;
|
|
border: 1px solid #CCCCCC;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-name {
|
|
font-family: "SourceSansPro-Semibold";
|
|
font-size: 18px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-details {
|
|
padding: 0px 10px;
|
|
height: auto;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-details .item-options {
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
font-size: 13px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-details .item-qty-price {
|
|
padding: 5px 0px;
|
|
display: inline-block;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-details .item-qty-price .item-qty {
|
|
font-family: "SourceSansPro-Regular";
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-content .item .item-details .item-qty-price .item-price {
|
|
font-family: "SourceSansPro-Semibold";
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-header {
|
|
padding: 10px 10px 5px;
|
|
border-top: 1px solid #CCCCCC;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-header .sub-total-text {
|
|
font-family: "SourceSansPro-Semibold";
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-header .cart-sub-total {
|
|
font-family: "SourceSansPro-Bold";
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-footer {
|
|
padding: 10px 10px 0px 10px;
|
|
border-top: 1px solid #CCCCCC;
|
|
font-family: "SourceSansPro-Bold";
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-footer .cart-link {
|
|
text-align: left;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-footer .cart-link a {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
header .dropdown-menu-large .dropdown-footer .checkout-link {
|
|
text-align: right;
|
|
}
|
|
|
|
#nav-menu {
|
|
margin: 0;
|
|
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24);
|
|
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.24);
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
#nav-menu .navbar {
|
|
margin: 0px;
|
|
font-family: SourceSansPro-Semibold;
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
cursor: pointer;
|
|
min-height: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
#nav-menu .navbar .navbar-header {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
#nav-menu .navbar .navbar-header .main-category {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
position: relative;
|
|
padding: 5px 5px 5px 35px;
|
|
}
|
|
|
|
#nav-menu .navbar .navbar-header .main-category .material-icons {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2px;
|
|
font-size: 28px;
|
|
}
|
|
|
|
#nav-menu .navbar .category-dropdown {
|
|
position: absolute;
|
|
top: 40px;
|
|
background: #FFF;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 450px;
|
|
}
|
|
|
|
#nav-menu .navbar .category-dropdown li.category-list {
|
|
width: 100%;
|
|
display: inline-block;
|
|
background: #FFF;
|
|
position: relative;
|
|
}
|
|
|
|
#nav-menu .navbar .category-dropdown li.category-list a {
|
|
padding: 10px 0px;
|
|
position: relative;
|
|
font-family: "SourceSansPro-Semibold";
|
|
font-size: 14px;
|
|
color: rgba(0, 0, 0, 0.83);
|
|
letter-spacing: 0;
|
|
font-weight: 600;
|
|
display: block;
|
|
}
|
|
|
|
#nav-menu .navbar .category-dropdown li.category-list a .material-icons {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 8px;
|
|
}
|
|
|
|
#nav-menu .navbar .category-dropdown li.category-list a:hover {
|
|
background-color: #F7F7F9;
|
|
color: #28557B;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nav-menu .navbar .category-dropdown li.category-list .child-container {
|
|
position: absolute;
|
|
top: 0;
|
|
background-color: #CCC;
|
|
left: 283px;
|
|
width: 250px;
|
|
height: 350px;
|
|
}
|
|
|
|
#nav-menu .secondary-navbar {
|
|
background-color: #4D7EA8;
|
|
min-height: 40px;
|
|
padding: 5px;
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
margin: 0;
|
|
list-style: none;
|
|
height: auto;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
#nav-menu .secondary-navbar li {
|
|
float: left;
|
|
}
|
|
|
|
#nav-menu .secondary-navbar li a {
|
|
padding: 5px 20px 5px 5px;
|
|
font-family: SourceSansPro-Semibold;
|
|
font-size: 16px;
|
|
color: #FFFFFF;
|
|
letter-spacing: 0;
|
|
display: block;
|
|
position: relative;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.viewed-products .viewed-products-listing {
|
|
border: 1px solid white;
|
|
background-color: #f6f6f6;
|
|
}
|
|
|
|
.viewed-products .viewed-products-listing .product-image {
|
|
display: inline-block;
|
|
}
|
|
|
|
.viewed-products .viewed-products-listing .product-description {
|
|
display: inline-block;
|
|
}
|
|
|
|
.viewed-products .viewed-products-listing .product-description div {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.customer-reviews .first-row {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.customer-reviews .second-row {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.customer-reviews .second-row .reviews-listing {
|
|
background: #ffffff;
|
|
padding-right: 10px;
|
|
-webkit-box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
|
|
box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.11);
|
|
}
|
|
|
|
.customer-reviews .second-row .review-grid {
|
|
display: grid;
|
|
width: 345px;
|
|
height: 262px;
|
|
padding-top: 40px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.categories-grid-customizable .category-grid {
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.categories-grid-customizable .category-grid .category-image {
|
|
border: 1px solid red;
|
|
}
|
|
|
|
.categories-grid-customizable .category-grid .category-details {
|
|
border: 1px solid blue;
|
|
}
|
|
|
|
.categories-grid-customizable .category-grid .category-details h3 {
|
|
color: #ffffff;
|
|
text-align: center;
|
|
}
|
|
|
|
.categories-grid-customizable .category-grid .category-details li {
|
|
color: #ffffff;
|
|
text-align: center;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.product-policy {
|
|
padding: 30px 0px 50px 0px;
|
|
border: 1px solid maroon;
|
|
text-align: center;
|
|
}
|
|
|
|
.popular-products {
|
|
height: auto;
|
|
width: 100%;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.popular-products .second-row .popular-products-listing {
|
|
border: 1px solid red;
|
|
}
|
|
|
|
.popular-products .second-row .popular-products-listing .product-buttons .add-to-cart-button .btn-primary {
|
|
border: #26a37c !important;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.popular-products .second-row .popular-products-listing .product-buttons .add-to-cart-button .addtocart {
|
|
text-transform: uppercase;
|
|
background-color: #26a37c;
|
|
}
|
|
|
|
.customer-name {
|
|
display: table-cell;
|
|
height: 54px;
|
|
width: 56px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border-radius: 50%;
|
|
background: #21a179;
|
|
color: #fff;
|
|
padding: 16px;
|
|
font: 18px "josefin sans", arial;
|
|
}
|
|
|
|
.spacing {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
i.within-circle {
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0px 0px 2px #888;
|
|
box-shadow: 0px 0px 2px #888;
|
|
padding: 12px;
|
|
margin: 15px 0px 15px 0px;
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
|
|
.mb60 {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.center_div {
|
|
margin: 0 auto;
|
|
width: 80%;
|
|
}
|
|
|
|
.form-style {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.label-style {
|
|
display: inline-block !important;
|
|
max-width: 100% !important;
|
|
margin-bottom: 5px !important;
|
|
font-weight: 100 !important;
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.btn-white {
|
|
color: white;
|
|
height: 36px;
|
|
width: 133px;
|
|
}
|
|
|
|
.w3-card-2 {
|
|
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
float: right;
|
|
height: 36px;
|
|
width: 133px;
|
|
}
|
|
|
|
.w3-card-login {
|
|
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
float: right;
|
|
height: 36px;
|
|
width: 71px;
|
|
}
|
|
|
|
.btn-new-customer-login {
|
|
color: #26A37C !important;
|
|
font-size: 16px;
|
|
padding: 11px;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.btn-dark-green {
|
|
color: #fff;
|
|
background-color: #26A37C;
|
|
border-color: #26A37C;
|
|
height: 36px;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
.login-text {
|
|
height: 65px;
|
|
width: 575px;
|
|
border: 1px #E5E5E5;
|
|
margin: 0 auto;
|
|
}
|