Spade
Mini Shell
| Directory:~$ /home/lmsyaran/public_html/joomla4/ |
| [Home] [System Details] [Kill Me] |
home/lmsyaran/public_html/media/com_phocacart/css/main.css000064400000131236151155604170017746
0ustar00/* @package Joomla
* @copyright Copyright (C) Open Source Matters. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* @extension Phoca Cart
* @copyright Copyright (C) Jan Pavelka www.phoca.cz -
https://www.phoca.cz/phocacart
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
*/
.ph-top {
margin-bottom: 5px;
}
.ph-desc,
.ph-items,
.ph-categories,
.ph-subcategories {
margin-top: 10px;
}
.ph-desc {
margin-bottom: 20px;
}
.pc-item-view .ph-desc {
margin-top: 15px;
margin-bottom: 15px;
}
.ph-cat-desc,
.ph-item-desc {
}
.pc-checkout-view,
.pc-account-view,
.pc-category-view,
.pc-categories-view,
.pc-item-view {
margin: 10px 0px;
}
.ph-center,
.ph-image,
.ph-image-full {
text-align: center;
margin: 0 auto;
}
.ph-image-navigation-box {
margin-top: 10px;
}
.ph-image-navigation {
width: 7em;
}
.ph-small {
font-size: x-small;
}
.ph-u {
text-decoration: underline;
}
.ph-cb {
clear: both;
}
.ph-right {
text-align: right;
}
.ph-left{
text-align: left;
}
.ph-hr {
border-bottom: 1px solid #ddd;
}
.ph-msg-error{
color: #a94442;
}
.ph-checkout-cart-box .ph-hr {
border-color: #ddd;
}
/* Previous Bootstrap Thumbnail */
.b-thumbnail > img,
.b-thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
}
.b-thumbnail {
display: block;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.b-thumbnail > img,
.b-thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.b-thumbnail:hover,
a.b-thumbnail:focus,
a.b-thumbnail.active {
border-color: #337ab7;
}
.b-thumbnail .caption {
padding: 9px;
color: #333;
}
/*.ph-item-reward-box,*/
.ph-category-bottom-box,
.ph-category-action-buttons,
.ph-item-bottom-box,
.ph-item-add-to-cart-box,
.ph-item-min-qty-box,
.ph-item-stock-box,
.ph-item-tag-box,
.ph-item-size-box {
margin-top: 20px;
}
.pc-category-view .ph-item-min-qty-box {
margin-top: 0px;
}
.ph-item-buy-now-box {
/* margin-top: -1px; */
}
.pc-item-view .ph-item-buy-now-box {
margin-top: 20px;
}
.ph-item-tag-box span a {
color: #fff;
text-decoration:none;
}
.ph-item-reward-box .ph-reward,
.ph-category-price-box .ph-price-brutto,
.ph-category-price-box .ph-price-netto,
.ph-category-price-box .ph-price-original,
.ph-category-price-box .ph-price-base,
.ph-category-price-box .ph-tax,
.ph-item-sku-box .ph-sku,
.ph-item-upc-box .ph-upc,
.ph-item-ean-box .ph-ean,
.ph-item-jan-box .ph-jan,
.ph-item-isbn-box .ph-isbn,
.ph-item-mpn-box .ph-mpn,
.ph-item-serial-number-box .ph-serial-number,
.ph-item-min-qty-box .ph-min-qty,
.ph-item-manufacturer-box .ph-manufacturer,
.ph-item-delivery-date-box .ph-delivery-date,
.ph-item-price-box .ph-price-brutto,
.ph-item-price-box .ph-price-netto,
.ph-item-price-box .ph-price-original,
.ph-item-price-box .ph-price-base,
.ph-item-price-box .ph-tax,
.ph-item-stock-box .ph-stock,
.ph-category-stock-box .ph-stock,
.ph-item-size-box .ph-item-length,
.ph-item-size-box .ph-item-width,
.ph-item-size-box .ph-item-height,
.ph-item-size-box .ph-item-weight,
.ph-item-size-box .ph-item-volume
{
float: right;
}
.ph-top-space {
margin-top: 20px;
}
.ph-item-reward-box .ph-reward-txt,
.ph-category-price-box .ph-price-txt,
.ph-category-price-box .ph-tax-txt,
.ph-category-stock-box .ph-stock-txt,
.ph-item-sku-box .ph-sku-txt,
.ph-item-upc-box .ph-upc-txt,
.ph-item-ean-box .ph-ean-txt,
.ph-item-jan-box .ph-jan-txt,
.ph-item-isbn-box .ph-isbn-txt,
.ph-item-mpn-box .ph-mpn-txt,
.ph-item-serial-number-box .ph-serial-number-txt,
.ph-item-min-qty-box .ph-min-qty-txt,
.ph-item-manufacturer-box .ph-manufacturer-txt,
.ph-item-delivery-date-box .ph-delivery-date-txt,
.ph-item-price-box .ph-price-txt,
.ph-item-price-box .ph-tax-txt,
.ph-item-stock-box .ph-stock-txt,
.ph-item-size-box .ph-item-length-txt,
.ph-item-size-box .ph-item-width-txt,
.ph-item-size-box .ph-item-height-txt,
.ph-item-size-box .ph-item-weight-txt,
.ph-item-size-box .ph-item-volume-txt
{
float: left;
clear: both;
}
.ph-item-box.list .ph-item {
width: 100%;
}
.ph-item-box.list .ph-category-price-box,
.ph-item-box.gridlist .ph-category-price-box {
padding-bottom: 10px;
}
.ph-category-price-box .ph-price-original,
.ph-item-price-box .ph-price-original {
color: #cc0000;
font-weight: bold;
text-decoration: line-through;
}
.ph-checkout-cart-brutto,
.ph-cart-total,
.ph-category-price-box .ph-price-brutto,
.ph-item-price-box .ph-price-brutto {
font-weight: bold;
}
.form-inline .form-group .ph-input-quantity {
width:2em;
}
.form-inline .form-group .ph-input-quantity.ph-input-sm {
width:56px;
height: 22px;
font-size: 12px;
line-height: 22px;
}
.ph-item-input-select-attributes {
width: 60% !important;
}
.ph-cart-small-quantity {
/*width: 2%;*/
}
.ph-item-image-full-box {
text-align: center;
margin: 0 auto;
}
.ph-item-image-add-box {
text-align: center;
margin-top: 10px;
}
.ph-item-thumbnail-related {
text-align: center;
margin: auto;
}
.ph-tab-pane {
padding: 15px;
margin-top: -1px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.ph-spec-title {
font-weight: bold;
}
.ph-review-value input,
.ph-review-value textarea {
}
.ph-rating-box {
margin-bottom: 10px;
}
.ph-reviews-review {
font-style:italic;
color: #555;
padding-top: 10px;
}
/* Stars */
span.ph-stars, span.ph-stars span {
display: block;
/*background: url(../images/star-small.png) 0 -16px repeat-x;*/
background: url(../images/star-small.svg) 0 -16px repeat-x;
width: 80px;
height: 16px;
}
span.ph-stars span {
background-position: 0 0;
}
/* Bootstrap adds */
/* Base styles (regardless of theme) */
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.bs-callout h4 {
margin-top: 0;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
}
/* Themes for different contexts */
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #dFb5b4;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f1e7bc;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #d0e3f0;
}
.bs-callout-danger h4 {
color: #B94A48;
}
.bs-callout-warning h4 {
color: #C09853;
}
.bs-callout-info h4 {
color: #3A87AD;
}
.ph-checkout-cart-box {
width: 100%;
}
.ph-checkout-cart-image,
.ph-checkout-cart-quantity {
text-align: center;
}
.ph-checkout-cart-product {
text-align: left;
}
.ph-checkout-total-discount,
.ph-checkout-total-coupon,
.ph-checkout-total-amount,
.ph-checkout-cart-netto,
.ph-checkout-cart-brutto,
.ph-checkout-cart-tax {
text-align: right;
/*margin-right: 10px;
padding-right: 10px;*/
}
.ph-checkout-cart-box tr td ul {
margin-left: -20px;
margin-top: -15px;
}
.ph-checkout-cart-box tr td ul li,
.ph-cart-small-box tr td ul li {
color: #999;
padding: 0 auto;
margin: 0 auto;
line-height: 1;
}
.ph-checkout-cart-box tr td ul li span.ph-cart-small-attribute{
line-height: 2;
}
.ph-checkout-cart-image img {
width: 80%;
height: auto;
}
table tr th.ph-checkout-cart-image {
width: 10%;
}
.ph-input-select-currencies {
}
.ph-input-select-currencies-button {
margin-top: 10px;
}
/* Account, Checkout */
.ph-account-box-action,
.ph-checkout-box-action {
padding: 5px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: 0px 0px 4px 4px;
/*margin: 20px 0px 0px 0px;*/
margin-top: 0px;
margin-bottom: 0px;
background: #f9f9f9;
}
.ph-account-box-action-raw,
.ph-checkout-box-action-raw {
padding: 5px;
margin: 0px 25px 20px auto;
}
.ph-account-box-row,
.ph-checkout-box-row {
padding-left: 0px !important;
padding-right: 0px !important;
}
.ph-account-box-header,
.ph-checkout-box-header {
border: 1px solid #ddd;
border-radius: 4px 4px 0px 0px;
/*margin: 20px 0px 0px 0px;*/
margin-top: 20px;
background: #fff;
}
.ph-account-box-header{
/*margin: -5px 0px 0px 0px;*/
margin-top: -5px;
}
.ph-checkout-box-header {
/*margin: 20px 0px 0px 0px;*/
margin-top: 20px;
}
.ph-account-box-header-pas,
.ph-checkout-box-header-pas {
border: 1px solid #ddd;
border-radius: 4px 4px 4px 4px;
/*margin: 20px 0px 0px 0px;*/
margin-top: 20px;
background: #fff;
}
.ph-account-box-header-pas h3,
.ph-account-box-header h3,
.ph-checkout-box-header-pas h3,
.ph-checkout-box-header h3 {
margin: 0px;
padding: 10px;
font-size: 120%;
}
.ph-account-box-action .ph-box-header,
.ph-checkout-box-action .ph-box-header {
font-weight: bold;
color: #bbb;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0px;
}
.ph-account-btn-login,
.ph-checkout-btn-login {
margin-top: -7px;
margin-bottom: 7px !important;
}
.ph-li-inline li {
float: left;
margin-left: 30px;
}
.ph-left-border {
border-left: 1px solid #ddd;
margin-left: -1px;
}
.ph-right-border {
border-right: 1px solid #ddd;
}
.ph-checkout-icon-finished,
.ph-checkout-icon-ok {
font-size: 130%;
color: #47a447;
margin-right: 3px;
margin-top: 3px;
}
.ph-checkout-icon-pending,
.ph-checkout-icon-not-ok {
font-size: 130%;
color: #d2322d;
margin-right: 3px;
margin-top: 3px;
}
.ph-checkout-icon-spec-finished {
display: inline-block;
padding: 5px;
background: #5CB85C;
color: #fff;
margin: 2px;
font-size: 120%;
font-weight: bold;
width: 30px;
text-align: center;
margin-right: -13px;
/*
font-size: 220%;
width: 70px;
overflow: visible;
position: absolute;
right: 2px;
top: 22px;*/
/* border-radius: 0px 3px 0px 3px; */
}
.ph-checkout-icon-spec-pending {
display: inline-block;
padding: 5px;
background: #ccc;
color: #fff;
margin: 2px;
font-size: 120%;
font-weight: bold;
width: 30px;
text-align: center;
margin-right: -13px;
/* border-radius: 0px 3px 0px 0px; */
}
.ph-checkout-address-edit,
.ph-checkout-check-box,
.ph-checkout-address-save {
margin: 10px
}
.ph-checkout-payment-edit,
.ph-checkout-shipping-edit {
margin: 10px;
}
.ph-checkout-payment-save,
.ph-checkout-shipping-save {
margin: 10px;
}
.ph-checkout-payment-netto,
.ph-checkout-payment-brutto,
.ph-checkout-payment-tax ,
.ph-checkout-shipping-netto,
.ph-checkout-shipping-brutto,
.ph-checkout-shipping-tax {
text-align: right;
}
.ph-checkout-payment-brutto,
.ph-checkout-shipping-brutto {
font-weight: bold;
}
.ph-checkout-checkbox-confirm {
padding-right: 20px;
}
.ph-download-header-box-row,
.ph-orders-header-box-row {
font-weight: bold;
border-bottom: 2px solid #ddd;
padding-top: 5px;
padding-bottom: 5px;
}
.ph-download-item-box-row-line {
border-bottom: 1px solid #ddd;
padding-top: 0px;
}
.ph-orders-item-box-row {
border-bottom: 1px solid #ddd;
padding-top: 7px;
padding-bottom: 7px;
}
.ph-download-item-box-row div {
margin-top: 7px;
margin-bottom: 7px;
}
.ph-terms-box-in {
font-family: sans-serif, arial;
font-size: 90%;
padding: 20px;
}
.ph-checkout-payment-desc,
.ph-checkout-shipping-desc {
font-size: small;
font-style: italic;
}
/* IDnR */
.ph-idnr-box table,
.ph-idnr-box table tr,
.ph-idnr-box table tr td {
border: 0;
}
.ph-idnr-box {
margin: 5%;
margin-top: 0;
}
.ph-idnr-box-in {
width: 100%;
/*font-family: sans-serif, arial;*/
font-size: 90%;
}
table.ph-idnr-box-in tr td {
vertical-align: top;
}
.ph-idnr-header-img {
margin: 5px auto;
}
.ph-idnr-box table tr td.ph-idnr-billing-box,
.ph-idnr-box table tr td.ph-idnr-shipping-box,
.ph-idnr-billing-box,
.ph-idnr-shipping-box {
border: 1px solid #ddd;
padding: 10px;
}
.pho1, .pho2, .pho3, .pho4,
.pho5, .pho6, .pho7, .pho8,
.pho9, .pho10, .pho11, .pho12 {
width: 8.3333%;
}
.ph-idnr-sep { width: 3%;}
.ph-idnr-header-product {
font-weight: bold;
background: #ddd;
}
.ph-idnr-header-product td {
padding: 5px;
white-space:nowrap;
}
.ph-idnr-body-product td {
white-space:nowrap;
padding: 5px;
}
.ph-idnr-box table tr td.ph-idnr-sep-horizontal,
.ph-idnr-sep-horizontal {
border-top: 1px solid #ddd;
}
.ph-idnr-total td {
padding: 2px 5px;
}
.ph-idnr-ul {
margin-top: -5px;
}
.ph-idnr-li {
line-height: 1;
}
.ph-idnr-to-pay-box td {
padding: 2px 5px;
}
.ph-idnr-to-pay {
background: #eee;
padding: 20px;
}
.ph-idnr-to-pay-value {
background: #eee;
padding: 20px;
text-align: right;
}
table.ph-idnr-tax-rec {
margin-top: 10px;
min-width: 40%;
}
table.ph-idnr-tax-rec,
table.ph-idnr-tax-rec tr,
table.ph-idnr-tax-rec tr td,
table.ph-idnr-tax-rec tr th {
border: 1px solid #ddd;
border-collapse: collapse;
padding: 3px;
}
.ph-category-item-addtocart {
float: right;
margin: 2px;
}
.ph-category-item-compare {
float: right;
margin: 2px;
}
.ph-category-item-wishlist {
float: right;
margin: 2px;
}
.ph-category-item-quickview {
float: right;
margin: 2px;
}
/*
.ph-category-item-addtocart .glyphicon-shopping-cart,
.ph-category-item-addtocart .fa-shopping-bag {
color: #333333;
}
.ph-category-item-compare .glyphicon-stats,
.ph-category-item-compare .fa-clone {
color: #4491e4;
}
.ph-category-item-quickview .glyphicon-heart-empty,
.ph-category-item-wishlist .glyphicon-heart,
.ph-category-item-wishlist .fa-heart {
color: #EA7C7C;
}
.ph-category-item-quickview .glyphicon-eye-open,
.ph-category-item-quickview .fa-eye {
color: #555555;
}
*/
.ph-comparison-table .img-responsive{
width: auto;
margin: 0 auto;
text-align: center;
/*width:100%;*/
}
.ph-comparison-table,
.ph-comparison-table tr,
.ph-comparison-table tr td {
border: 1px solid #ddd;
}
.ph-comparison-table tr td {
width: 25%;
padding: 5px;
}
.ph-center {
text-align: center;
}
.ph-center-pagination {
text-align: center;
margin: 0 auto;
padding: 0 auto;
}
.ph-center-pagination input,
.ph-center-pagination select,
.ph-center-pagination .chosen-container {
text-align:left;
}
.ph-pagination-mt {
margin-top: -20px;
}
.ph-pagination-top {
margin-top: 10px;
margin-bottom: 20px;
}
.ph-pagination-top #limittop.inputbox,
.ph-pagination #limittop.inputbox,
.ph-pagination-top #limit.inputbox,
.ph-pagination #limit.inputbox {
width: 5em;
}
table.ph-comparison-table tr td {
vertical-align: top;
}
table.ph-comparison-table tr td.ph-middle {
vertical-align: middle;
}
.ph-red {
color: #d60000;
}
.ph-b {
font-weight:bold;
}
.ph-new-icon {
position:absolute;
top: 5px;
right: 25px;
}
.ph-hot-icon {
position:absolute;
top: 5px;
right: 45px;
}
.ph-featured-icon {
position:absolute;
top: 5px;
right: 65px;
}
.ph-alert-small {
margin: 0px !important;
padding:5px !important;
margin-top: -5px !important;
margin-bottom: 3px !important;
font-size: x-small;
}
.ph-item-navigation-box {
margin: 10px 0px 10px 0px;
}
/* CSS Loading */
.ph-loader {
margin: 3em auto;
font-size: 8px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid #C1E2F1;
border-right: 1.1em solid #C1E2F1;
border-bottom: 1.1em solid #C1E2F1;
border-left: 1.1em solid #45A7D4;
-webkit-animation: load8 1.3s infinite linear;
animation: load8 1.3s infinite linear;
}
.ph-loader,
.ph-loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
/* Full site overlay plus loader - used when filtering */
#phLoaderFull {
margin: auto auto;
top: 50%;
font-size: 8px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid #C1E2F1;
border-right: 1.1em solid #C1E2F1;
border-bottom: 1.1em solid #C1E2F1;
border-left: 1.1em solid #45A7D4;
-webkit-animation: load8 1.3s infinite linear;
animation: load8 1.3s infinite linear;
}
#phLoaderFull,
#phLoaderFull:after {
border-radius: 50%;
width: 10em;
height: 10em;
margin-top: -10em;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#phOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 10000;
display:none;
}
#phItemsBox {
position: relative;
}
#phOverlayDiv {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 10000;
display:none;
}
/* Icons Hot, New, Featured */
/*
.ph-corner-icon-wrapper {
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
}
.ph-item-image-full-box .ph-corner-icon-wrapper {
right: 12px;
}
.ph-corner-icon1-wrapper { width: 85px; height: 88px;}
.ph-corner-icon2-wrapper { width: 145px; height: 148px;}
.ph-corner-icon3-wrapper { width: 205px; height: 208px;}
.ph-corner-icon {
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: center;
text-shadow: rgba(0,0,0,0.3) 2px 2px 1px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
z-index: 1000;
}
.ph-corner-icon-hot {
background-color: #d9534f;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#d9534f), to(#c9302c));
background-image: -webkit-linear-gradient(top, #d9534f, #c9302c);
background-image: -moz-linear-gradient(top, #d9534f, #c9302c);
background-image: -ms-linear-gradient(top, #d9534f, #c9302c);
background-image: -o-linear-gradient(top, #d9534f, #c9302c);
}
.ph-corner-icon-featured {
background-color: #f0ad4e;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#f0ad4e), to(#ec971f));
background-image: -webkit-linear-gradient(top, #f0ad4e, #ec971f);
background-image: -moz-linear-gradient(top, #f0ad4e, #ec971f);
background-image: -ms-linear-gradient(top, #f0ad4e, #ec971f);
background-image: -o-linear-gradient(top, #f0ad4e, #ec971f);
}
.ph-corner-icon-new {
background-color: #337ab7;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#337ab7), to(#286090));
background-image: -webkit-linear-gradient(top, #337ab7, #286090);
background-image: -moz-linear-gradient(top, #337ab7, #286090);
background-image: -ms-linear-gradient(top, #337ab7, #286090);
background-image: -o-linear-gradient(top, #337ab7, #286090);
}
.ph-corner-icon1 {left: -5px;top: 13px;width: 121px; }
.ph-corner-icon2 {left: -15px; top: 42px; width: 203px;}
.ph-corner-icon3 {left: -25px; top: 71px; width: 285px;}
.ph-corner-icon:before, .ph-corner-icon:after {
content: "";
border-top: 3px solid #555;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}
.ph-corner-icon:before {
left: 0;
}
.ph-corner-icon:after {
right: 0;
}
/* Alternative - Icons Hot, New, Featured - circle */
/*
.ph-corner-icon-wrapper {
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
}
.ph-corner-icon1-wrapper { width: 85px; height: 88px;}
.ph-corner-icon2-wrapper { width: 145px; height: 148px;}
.ph-corner-icon3-wrapper { width: 205px; height: 208px;}
.ph-corner-icon {
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: center;
position: absolute;
padding: 13px 7px;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
border-radius: 50%;
box-shadow: none;
border: none;
text-shadow: none;
z-index: 1000;
}
.ph-corner-icon-featured {
background-color: #FFCC00;
background-image: none;
}
.ph-corner-icon1 {left: 25px;top: 5px;width: auto; }
.ph-corner-icon2 {left: 0px; top:0 px; width: auto;}
.ph-corner-icon3 {left: 0px; top: 0px; width: auto;}
.ph-corner-icon:before, .ph-corner-icon:after {
content: "";
border: 0px;
position:absolute;
bottom: 0px;
}
/* End alternative Icons Hot, New, Featured - circle */
/* SINCE 3.1.2 - LABELS including HOT, NEW, FEATURED */
.ph-label-box {
overflow: hidden;
position: absolute;
top: 0.3em;
right: 0.2em;
width: 100%;
}
.ph-manufacturer-box,
.ph-tag-box {
font-size: 75%;
margin: 3px 0;
}
.ph-manufacturer-box .ph-manufacturer-box-header,
.ph-tag-box .ph-tag-box-header {
font-weight: bold;
}
.ph-item-box.list .ph-label-box {
top: auto;
right: auto;
bottom: 1em;
left: 0.3em;
}
#phQuickViewPopup .ph-label-box,
#ph-pc-item-box .ph-label-box {
right: 1.2em;
}
.ph-corner-icon-wrapper {
float: right;
position:relative;
z-index: 1;
}
.ph-item-box.list .ph-corner-icon-wrapper {
float: left;
}
.ph-corner-icon {
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 0.1em 0.5em;
margin: 0.1em 0.1em;
}
.ph-corner-icon {
background-color: #d0d0d0;
}
.ph-corner-icon-hot {
background-color: #d9534f;
}
.ph-corner-icon-featured {
background-color: #f0ad4e;
}
.ph-corner-icon-new {
background-color: #337ab7;
}
/* END LABELS */
/* Filter */
.ph-filter-box {
margin-bottom: 20px;
margin-top: 20px;
}
.ph-filter-box .panel {
margin-bottom: -2px;
margin-top: -2px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ph-filter-box .panel:first-child {
border-radius: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ph-filter-box .panel:last-child {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.ph-filter-box .panel-body {
padding-top: 0px;
padding-bottom: 0px;
}
.ph-filter-box .panel-body.form-horizontal {
padding-top: 5px;
padding-bottom: 5px;
}
.ph-filter-box .panel-body.form-horizontal .form-group {
margin-top: 3px;
margin-bottom: 3px;
}
.ph-right-zero {
margin-right: -15px;
padding-right: 0px;
}
.ph-left-zero {
margin-left: 0px;
padding-left: 0px;
}
.ph-search-radio {
font-size: small;
color: #555;
}
/* video */
.ph-video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.ph-video-container iframe, .ph-video-container object, .ph-video-container
embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.ph-no-image {
margin: 1em;
color: #ccc
}
.ph-item-image-box {
margin: 0.5em auto;
}
/* Modules */
.ph-category-module-box {
margin-bottom: 10px;
}
.ph-filter-module-categories-tree {
margin-top: 10px;
margin-left: -1em;
}
ul.ph-filter-module-category-tree {
list-style-type: none;
padding: 0;
padding-left: 1em;
}
ul.ph-filter-module-category-tree li .checkbox{
margin-top: 0px;
padding-top: 3px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.ph-checkout-shipping-row .form-group .control-label,
.ph-checkout-billing-row .form-group .control-label {
text-align: left;
}
.ph-icon-pdf-text-box {
margin-top: -12px;
}
.ph-icon-pdf-text {
font-size: 60%;
/*margin-left: 6px;
margin-right: 6px;*/
}
/* Attribute */
.phSelectBoxButton {
display: inline-block;
margin: 3px;
padding: 7px;
width: 15px;
height: 15px;
cursor: pointer;
border: 2px solid transparent;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
font-size: 16px;
}
.phSelectBoxButton.on {
border: 2px solid transparent;
padding: 7px;
width: 15px;
height: 15px;
color: #fff;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
font-size: 16px;
}
.phSelectBoxButton.on:after {
position: relative;
top: -2px;
left: -3px;
line-height: 1;
-webkit-font-smoothing: antialiased;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}
.phSelectBoxButton.on:after {
font-family: 'Glyphicons Halflings';
content: '\e013'; /* Ok/check mark */
}
.phSelectBoxButton.bs.on:after {
font-family: 'Glyphicons Halflings';
content: '\e013'; /* Ok/check mark */
}
.phSelectBoxButton.fa.on:after {
font-family: FontAwesome;
content: '\f00c'; /* Ok/check mark */
}
.phSelectBoxButton.fa.fa5.on:after {
font-family: "Font Awesome 5 Free";
content: '\f00c'; /* Ok/check mark */
}
.phSelectBoxButton:hover,
.phSelectBoxButton.on:hover {
border: 2px solid #fff;
}
a.phSelectBoxButton:hover,
a.phSelectBoxButton.on:hover,
a.phSelectBoxButton:visited,
a.phSelectBoxButton.on:visited,
a.phSelectBoxButton:active,
a.phSelectBoxButton.on:active,
a.phSelectBoxButton:focus,
a.phSelectBoxButton.on:focus {
text-decoration: none;
}
.phSelectBoxImage {
display: inline-block;
margin: 3px;
cursor: pointer;
border: 2px solid transparent;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
position: relative;
}
.phSelectBoxButton.on {
border: 2px solid transparent;
color: #fff;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
}
.phSelectBoxImage.on:after {
position: absolute;
top: 30%;
left: 40%;
line-height: 1;
-webkit-font-smoothing: antialiased;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
color: #ffcc00;
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}
.phSelectBoxImage.on:after {
font-family: 'Glyphicons Halflings';
content: '\e013'; /* Ok/check mark */
}
.phSelectBoxImage.bs.on:after {
font-family: 'Glyphicons Halflings';
content: '\e013'; /* Ok/check mark */
}
.phSelectBoxImage.fa.on:after {
font-family: FontAwesome;
content: '\f00c'; /* Ok/check mark */
}
.phSelectBoxImage.fa.fa5.on:after {
font-family: "Font Awesome 5 Free";
content: '\f00c'; /* Ok/check mark */
}
.phSelectBoxImage:hover,
.phSelectBoxImage.on:hover {
border: 2px solid #fff;
background: #fff;
}
a.phSelectBoxImage:hover,
a.phSelectBoxImage.on:hover,
a.phSelectBoxImage:visited,
a.phSelectBoxImage.on:visited,
a.phSelectBoxImage:active,
a.phSelectBoxImage.on:active,
a.phSelectBoxImage:focus,
a.phSelectBoxImage.on:focus {
text-decoration: none;
}
.ph-question-message {
}
.ph-item-image-full-left-box {
text-align: left;
}
.phVMiddle,
.pc-wishlist-view .phVMiddle {
display: inline-block;
vertical-align: middle;
float: none;
}
.ph-checkout-cart-image.ph-row-image img {
margin: 5px;
}
#phQuickViewPopup .ph-image-full,
#phQuickViewPopup .img-thumbnail .ph-image-full {
border: 0px;
box-shadow: none;
}
/* Checkbox Color Button */
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor {
margin: 1px;
padding:0px;
border: 2px solid transparent;
box-shadow: none;
border-radius: 2px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor:hover {
margin: 1px;
padding:0px;
border: 2px solid #ffffff;
box-shadow: none;
border-radius: 2px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor span.fa{
display: inline-block;
margin: 0px;
padding: 3px 6px 7px 6px;
width: 14px;
height: 14px;
cursor: pointer;
border: 2px solid transparent;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
box-shadow: none;
opacity: 0;
font-size: 16px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor.active
span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor.active span.fa
{
border: 2px solid transparent;
margin: 0px;
padding: 3px 6px 7px 6px;
width: 14px;
height: 14px;
color: #fff;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
opacity: 1;
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
font-size: 16px;
}
/* Checkbox Image Button */
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage {
margin: 0px;
padding:0px;
border: 0px;
box-shadow: none;
border-radius: 0px;
background: transparent;
position: relative;
margin: 3px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage:hover {
margin: 0px;
padding:0px;
border: 0px;
box-shadow: none;
border-radius: 0px;
position: relative;
margin: 3px;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage span.fa{
cursor: pointer;
opacity: 0;
font-weight: bold;
position: absolute;
cursor: pointer;
box-sizing: content-box;
text-decoration: none;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage.active
span.glyphicon,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage.active span.fa
{
opacity: 1;
color: #fff;
position: absolute;
top: 30%;
left: 40%;
line-height: 1;
-webkit-font-smoothing: antialiased;
box-sizing: content-box;
border-radius: 2px;
text-decoration: none;
color: #ffcc00;
font-weight: bold;
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
font-size: 16px;
}
.ph-req {
font-weight: bold;
color: #CC0000;
}
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxColor,
#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage {
display: inline;
}
/* Phoca Cart Cart Module */
/*
table.ph-cart-small-box {
width: 100%;
}*/
.ph-cart-module-box {
}
.ph-cart-small-box .ph-hr {
/*border-color: #3a87ad;*/
}
.ph-cart-small-box div div ul li {
color: #999;
padding: 0 auto;
margin: 0 auto;
line-height: 1;
}
.ph-cart-link-checkout {
margin-top: 10px;
margin-right: 2px;
}
.ph-cart-module-box .col-sm-1,
.ph-cart-module-box .col-md-1,
.ph-cart-module-box .col-sm-2,
.ph-cart-module-box .col-md-2,
.ph-cart-module-box .col-sm-4,
.ph-cart-module-box .col-md-4,
.ph-cart-module-box .col-sm-5,
.ph-cart-module-box .col-md-5,
.ph-cart-module-box .col-sm-6,
.ph-cart-module-box .col-md-6,
.ph-cart-module-box .col-sm-7,
.ph-cart-module-box .col-md-7,
.ph-cart-module-box .col-sm-12,
.ph-cart-module-box .col-md-12 {
padding-left: 2px;
padding-right: 2px;
}
.ph-cart-module-image {}
.ph-cart-attribute-box {}
.ph-cart-attribute-box-i {
padding-left: 30%;
}
/* Checkout */
.ph-checkout-cart-box .col-sm-1,
.ph-checkout-cart-box .col-md-1,
.ph-checkout-cart-box .col-sm-2,
.ph-checkout-cart-box .col-md-2,
.ph-checkout-cart-box .col-sm-4,
.ph-checkout-cart-box .col-md-4,
.ph-checkout-cart-box .col-sm-5,
.ph-checkout-cart-box .col-md-5,
.ph-checkout-cart-box .col-sm-6,
.ph-checkout-cart-box .col-md-6,
.ph-checkout-cart-box .col-sm-7,
.ph-checkout-cart-box .col-md-7,
.ph-checkout-cart-box .col-sm-12,
.ph-checkout-cart-box .col-md-12 {
}
.ph-vertical-align {
display: flex;
align-items: center;
}
.ph-vertical-align-row {
}
.ph-checkout-attribute-box {
padding: 0px;
margin: 0px;
margin-top: -15px;
margin-bottom: 15px;
margin-left: 15px;
}
.ph-mod-color-box {
padding: 10px;
}
.ph-panel-body-color {
padding: 10px;
}
/* Discount row */
.ph-checkout-discount-row {
/* conflict with flex
margin-top: -20px;
margin-bottom: 20px;*/
}
.ph-price-discount,
.ph-checkout-discount-row div {
color: #00B19D;
}
.ph-line-through-txt {
/*text-decoration: line-through;*/
}
.ph-line-through {
text-decoration: line-through;
}
/* Pagination Top */
.ph-pagination-top button {
margin-top: 0px;
}
.ph-pagination-top .btn {
}
.ph-pagination-top .btn span {
color: #d0d0d0;
}
.ph-pagination-top .btn.active span{
color: #000;
}
.ph-pagination-top .btn,
.ph-pagination-top .btn:focus,
.ph-pagination-top .btn:visited,
.ph-pagination-top .btn:focus,
.ph-pagination-top .btn:active,
.ph-pagination-top .btn.active{
box-shadow: none;
outline: none;
outline-offset: 0px;
}
.ph-item-clearfix {
clear: both;
}
/* Layout Type */
.ph-items.grid {
}
.ph-items.list {
}
.ph-items.gridlist {
}
h3.grid {
text-align: center;
}
h3.list,
h3.gridlist {
margin: 0px;
padding: 0px;
background: transparent;
}
.ph-item-content.grid .ph-stars-box {
margin-top: 10px;
margin-bottom: 10px
}
/*
.chosen-search{display: none}
*/
.ph-item-box {
position: relative;
}
.ph-item-content-row{
margin: 0px;
padding: 0px;
}
/* Equal Heights by Flexbox */
.ph-row-flex.grid {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
.ph-row-flex.grid{
display: block;
}
}
.ph-row-flex.grid .row-item {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
}
.ph-row-flex.grid .row-item .ph-item-box,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c {
/*height: 100%;*/
display: flex;
flex: 1 1 100%;
/* IE 11 flex: 1 1 auto;*/
flex-direction: column;
}
/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ph-row-flex.grid .row-item .ph-item-box,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c {
flex: 1 1 auto;
}
}
.ph-mod-product-scroller-swiper-wrapper .ph-item-box .ph-thumbnail-c
.ph-item-content ,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
{
height: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
}
.ph-item-content.grid .ph-item-desc {
flex: 1;
}
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
.phItemWishListBoxForm,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
.phItemCompareBoxForm,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
.phItemCartBoxForm,
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
.phItemQuickViewBoxForm{
}
.ph-item-action{
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.ph-item-box.grid {
position: relative;
margin-bottom: 20px;
clear: both;
}
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
.ph-item-action-box {
}
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
.ph-category-price-box {
}
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content
.ph-item-action-box{
width: 100%;
margin-top: auto;
}
.ph-item-box .ph-item-content {
padding: 10px;
}
/* Select Box required */
select:invalid,
select:invalid + .chosen-container .chosen-single {
border: 1px solid #fc0000 !important;
box-shadow: 0 0px 4px #FF9494 !important;
}
.ph-shipping-info-box {
padding: 5px;
border: 1px solid #f0f0f0;
background: #fdfdfd;
}
.ph-shipping-info-box a{
text-decoration: underline;
}
.ph-shipping-info-header {
font-weight: bold;
}
.ph-clear-both {
clear:both;
}
/* Uncomment in Protostar */
/*
select, textarea, input[type="text"],
input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"],
input[type="week"], input[type="number"],
input[type="email"], input[type="url"],
input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input {
height: 28px !important;
}
*/
.ph-item-price-panel form {
margin: 0;
padding: 0;
display: inline;
}
#phItemTopBoxForm .ph-pag-top-row {
padding-left: 5px;
padding-right: 5px;
}
.phIBoxOH {
text-align: center;
}
.row-item {
}
.ph-item-action-fade form {
margin: 0px;
}
.ph-payment-title,
.ph-payment-image,
.ph-shipping-title,
.ph-shipping-image {
display: inline-block;
margin: 5px;
}
label .ph-payment-title,
label .ph-payment-image,
label .ph-shipping-title,
label .ph-shipping-image {
display: inline;
}
.ph-video-container iframe {
border: 0px;
}
.ph-pull-right {
float: right;
}
.ph-pull-left {
float: left;
}
#ph-pc-category-box .chosen-container{
width: auto !important;
}
#ph-pc-submit-item-box .chosen-container {
min-width: 16em;
}
#ph-pc-submit-item-box .inputbox[type=text],
#ph-pc-submit-item-box .inputbox[type=email] {
max-width: 16em;
}
#ph-pc-submit-item-box select {
min-width: 16em;
}
.ph-submititem-header-contact {
font-weight: bold;
margin-top: 1em;
}
.ph-currency-list a {
/*color: #333 !important;*/
text-decoration: underline;
}
li.ph-currency-list {
list-style-type: none;
}
.ph-currency-list-suffix .ph-currency-image-list {
margin-left: 3px
}
.ph-currency-list .ph-currency-image-list {
margin-left: -5px;
}
.ph-visibility-hidden {
visibility: hidden;
}
.ph-display-none {
display: none;
}
/* Categories View - Colspan */
.ph-t-box {
display: flex;
}
.ph-t-row {
min-width: 0;
display: flex;
}
.ph-t-row-c1 {
flex: 1 1 100%;
}
.ph-t-row-c2 {
flex: 1 1 50%;
flex-flow: wrap;
}
.ph-t-cell {
display: flex;
flex: 1 1 100%;
align-items: center;
justify-content: center;
min-width: 0;
overflow: auto;
/*width: 100%;*/
position: relative;
padding: 0;
}
.ph-t-cell .ph-item-box {
margin: 0;
padding-bottom: 7em;
width: 100%;
height: 100%;
display:flex;
flex: 1 1 100%;
flex-flow: column;
justify-content: center;
align-items: center;
min-width: 0;
/* overflow: hidden; use in case of transform */
}
.ph-t-cell a {
text-align: center;
}
.ph-t-cell a img {
margin: 0 auto;
text-align: center;
}
.ph-t-cell .ph-cat-desc {
padding: 10px;
}
.ph-t-cell .ph-item-box {
padding-top: 2em;
}
.ph-t-cell a img{
}
.ph-t-cell h3 {
position: absolute;
bottom: 2.6em;
left: 1em;
margin: 0;
}
.ph-t-cell .btn {
position: absolute;
bottom: 1em;
right: 1em;
margin: 0;
}
@media screen and (max-width: 768px) {
.ph-t-box{
display: block;
}
}
#ph-pc-categories-box .ph-t-cell {
margin: 10px;
}
.ph-price-filter-box {
margin: 15px auto;
}
#phPriceFilterPrice {
text-align: right;
font-size: 70%;
margin: 10px auto;
}
#phPriceFilterRange.ui-widget.ui-widget-content {
border: 0;
background: #f0f0f0;
height: 0.4em;
}
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle {
top: -.4em;
border-radius: 50%;
background: #08b2d9;
border: 0;
}
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle:hover {
border-radius: 50%;
background: #08b2d9;
border: 3px solid #079ec0;
outline-width: 0;
}
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle:focus,
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle:active {
outline-width: 0;
}
#phPriceFilterRange.ui-slider-horizontal .ui-slider-handle::focus {
outline-width: 0;
}
#phPriceFilterRange .ui-widget-header {
background: #08B2D9;
}
/* SEARCH enable absolute positioning */
.inner-addon {
position: relative;
}
/* style icon */
.inner-addon .fa,
.inner-addon .glyphicon {
position: absolute;
padding: 10px;
pointer-events: none;
}
/* align icon */
.left-addon .glyphicon { left: 0px;}
.right-addon .glyphicon { right: 0px;}
.left-addon .fa { left: 20px;}
.right-addon .fa { right: 20px;}
/* add padding */
.left-addon input { padding-left: 30px; width: 100% }
.right-addon input { padding-right: 30px; width: 100% }
.row-item-subcategory {
}
.row-item-subcategory h3 {
margin: 0 auto;
text-align: center;
}
/*
.ph-brands-module-box .ph-brand-name {
float: left;
margin: 1em
}
*/
.col-md-1,
.col-md-2,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-10,
.col-md-12,
.col-md-3,
.col-md-5,
.col-md-7,
.col-md-9,
.col-md-11 {
/*border: 1px solid red;*/
}
.ph-checkbox {
display: block !important;
}
table.pc-tax-recapitulation,
table.pc-tax-recapitulation tr,
table.pc-tax-recapitulation tr th,
table.pc-tax-recapitulation tr td {
border: 1px solid #f0f0f0;
padding: 5px;
border-collapse: collapse;
}
table.pc-tax-recapitulation tr th {
text-align: center;
}
table.pc-tax-recapitulation tr td {
text-align: right;
}
/* Plugins */
.ph-plg-product-info {
margin: 5px 0 15px 0;
text-align: left;
}
.ph-plg-product-info-title {
font-weight: bold;
}
.ph-plg-product-attribute-item {
color: #c0c0c0;
}
.phIBox.ph-lazyload {
margin: 0;
padding: 0;
background: #f0f0f0;
border-radius: 0;
width: 100%;
}
img.ph-lazyload {
display: block;
width: 100%;
height: auto;
opacity: 0;
box-sizing: border-box;
position: relative;
clear:both;
}
img.ph-lazyload:not(.initial) {
transition: opacity 2s;
}
img.ph-lazyload.initial,
img.ph-lazyload.loaded,
img.ph-lazyload .error {
opacity: 1;
}
img.ph-lazyload:not([src]) {
visibility: hidden;
}
.ph-row-flex.gridlist.ph-lazyload .row-item .phIBoxOH {
line-height: 0;
}
.ph-row-flex.grid.ph-lazyload .row-item {
flex-wrap: nowrap;
}
.ph-row-flex.grid.ph-lazyload .row-item .ph-item-box .ph-thumbnail-c
.ph-item-content {
flex-wrap: nowrap;
}
#phImageBox .ph-item-image-full-box > a > picture > source {
display: inline;
}
.ph-item-box.gridlist, .ph-item-box.list {
margin-bottom: 10px;
}
.ph-no-items-found {
text-align: center;
padding: 2em 1em;
}
.ph-submititem-checkbox-confirm label div,
.ph-submititem-checkbox-confirm label p,
.ph-askquestion-checkbox-confirm label div,
.ph-askquestion-checkbox-confirm label p,
.ph-checkout-checkbox-confirm label div,
.ph-checkout-checkbox-confirm label p {
display: inline;
}
.ph-submititem-checkbox-confirm label input {
margin-right: 0.5em;
}
#phContainerPopup .modal-dialog,
#phContainerPopup .modal-content {
height: 95%;
}
#phContainerPopup .modal-body {
/* 100% = dialog height, 120px = header + footer */
/* bootstrap 4: max-height: calc(100% - 120px);
height: calc(100% - 120px);*/
height: calc(100% - 120px);
}
.ph-checkout-box-apply-coupon {
margin-top: 1em;
}
.ph-checkout-box-apply-coupon .btn {
margin-left: 0.5em;
}
.ph-checkout-box-reward-points {
margin-top: 1em;
}
.ph-checkout-box-reward-points .btn {
margin-left: 0.5em;
}
.ph-item-play-file {
margin: 1em auto;
/*text-align: center;*/
}
.ph-item-play-title {
margin: 0.5em;
text-align:left;
}
.ph-item-play-file audio,
.ph-item-play-file video {
/*margin: 0 auto;*/
}
.ph-category-item-public-download {
margin: 1em auto;
}
.ph-header-size {
margin-top: 0.5em;
}
.ph-item-attributes-box {
margin-top: 1em;
}
.ph-filter-count:before {
content: "(";
}
.ph-filter-count:after {
content: ")";
}
.ph-filter-count {
font-size: 70%;
padding: 2px;
background: #f5f5f5;
border-radius: 2px;
}
.ph-label-close {
margin: 2px;
padding: 0.5em 0.3em;
}
.ph-label-close a {
font-weight: bold;
color: #fff;
}
.ph-label-close a:hover {
color: #fff;
text-decoration: none;
}
.ph-label-close a .ph-label-close-remove {
vertical-align: bottom;
top: 0;
}
.ph-label-close a .ph-label-close-remove::before {
color: #fff;
}
.ph-image-box-content-item {
text-align: center;
margin: 0 auto;
font-size: 6em;
}
/* Modal Popups - combination of more popups */
#phAddToCartPopup {
z-index: 1051;
}
#phQuickViewPopup {
z-index: 1050;
}
/* Gift Voucher */
#ph-pc-item-box .form-check.ph-radio-gift-box {
flex-direction: column;
display: inline-flex;
padding: 0.3em;
min-width: 50%;
}
.ph-radio-gift-image {
padding: 0.3em;
}
.ph-radio-gift-title {
font-size: 0.75em;
}
.ph-gift-box-form div label {
text-align: left;
justify-content:left;
}home/lmsyaran/public_html/media/com_rsticketspro/css/main.css000064400000011773151156206600020536
0ustar00#rst_files_container .rst_file_block {
display: block;
}
a.rst_flag {
background: url(../images/favorite.png) no-repeat;
display: block;
width: 16px;
height: 16px;
padding: 1px;
margin: 0 auto;
}
a.rst_flag:hover, a.rst_flag_active {
background: transparent url(../images/favoritehover.png) no-repeat
!important;
text-decoration: none !important;
}
.rst_delete_ticket,
.rst_notify_ticket {
margin: 0px !important;
padding: 0px !important;
background: none !important;
text-decoration: none !important;
}
.rst_categories {
list-style: none outside none !important;
margin: 0 !important;
padding: 0 !important;
}
.rst_dashboard_items .thumbnail > a {
display: block;
text-align: center;
}
.rst_dashboard_items .caption > h3 {
text-align: center;
}
.rst_dashboard_items .thumbnail {
min-height: 200px;
}
.rst_center_block {
text-align: center;
display: block !important;
}
.rst_center_block ul {
text-align: left;
}
.rst_dashboard_center {
text-align: center;
}
.rst_dashboard_kb {
min-height: 250px !important;
}
#bulk_actions th {
border-top: medium none;
}
/* media */
.media,
.media-body {
overflow: hidden;
*overflow: visible;
zoom: 1;
}
.media,
.media .media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media-object {
display: block;
}
.media-heading {
margin: 0 0 5px;
}
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
}
.media-list {
margin-left: 0;
list-style: none;
}
.com-rsticketspro-has-top-padding {
padding: 1em 0;
}
.com-rsticketspro-has-top-margin {
margin: 1em 0;
}
.com-rsticketspro-has-margin {
margin: 1em;
}
.com-rsticketspro-has-overflow {
overflow: hidden;
}
.com-rsticketspro-avatar {
margin: 0.5em;
}
.element-rsinvisible {
display: none;
}
.rst_custom_field label {
float: none !important;
margin-right: 5px;
display: inline-block !important;
}
.rst-magnific-popup {
background:#ffffff;
margin:20px auto;
padding:20px;
position:relative;
width:80%;
}
.rst-magnific-popup iframe {
width:100%;
border: 0px;
}
@media (max-width: 767px) {
.rst-magnific-popupp {
width: 70% !important;
}
}
@media (max-width: 480px) {
.rst-magnific-popup {
width: 85% !important;
}
}
@media (max-width: 320px) {
.rst-magnific-popup {
width: 95% !important;
}
}
#rsticketspro_remove_data_and_close_account {
display: none;
}
.pull-left {
float: left;
}
#rst-timer #timer {
margin-top: 7px;
}
#rst-timer #timer .clock-wrapper {
display: flex;
justify-content: center;
}
#rst-timer #timer .clock-wrapper span {
font-size: 30px;
font-weight: bold;
transition: all .2s ease;
}
#rst-timer #timer .clock-wrapper span.dots {
margin-top: -5px;
}
@media only screen and (max-width: 768px) {
#rst-timer #timer .clock-wrapper span.dots {
margin-top: -3px;
}
}
/* outer */
.com-rsticketspro-progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5),
to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter:
progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5',
endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* inner */
.com-rsticketspro-progress .com-rsticketspro-bar {
line-height: 20px;
padding-right: 10px;
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #ffffff;
text-align: right;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf),
to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter:
progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf',
endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-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-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}home/lmsyaran/public_html/media/com_reservation/fullCalendar/main.css000064400000115441151160560110022136
0ustar00
/* classes attached to <body> */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
cursor: not-allowed;
}
.fc-unselectable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
/* layout of immediate children */
display: flex;
flex-direction: column;
font-size: 1em
}
.fc,
.fc *,
.fc *:before,
.fc *:after {
box-sizing: border-box;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em; /* normalize cross-browser */
}
.fc th {
text-align: center;
}
.fc th,
.fc td {
vertical-align: top;
padding: 0;
}
.fc a[data-navlink] {
cursor: pointer;
}
.fc a[data-navlink]:hover {
text-decoration: underline;
}
.fc-direction-ltr {
direction: ltr;
text-align: left;
}
.fc-direction-rtl {
direction: rtl;
text-align: right;
}
.fc-theme-standard td,
.fc-theme-standard th {
border: 1px solid #ddd;
border: 1px solid var(--fc-border-color, #ddd);
}
/* for FF, which doesn't expand a 100% div within a table cell. use
absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
.fc-liquid-hack th {
position: relative;
}
@font-face {
font-family: 'fcicons';
src:
url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=")
format('truetype');
font-weight: normal;
font-style: normal;
}
.fc-icon {
/* added for fc */
display: inline-block;
width: 1em;
height: 1em;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* use !important to prevent issues with browser extensions that change
fonts */
font-family: 'fcicons' !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;
}
.fc-icon-chevron-left:before {
content: "\e900";
}
.fc-icon-chevron-right:before {
content: "\e901";
}
.fc-icon-chevrons-left:before {
content: "\e902";
}
.fc-icon-chevrons-right:before {
content: "\e903";
}
.fc-icon-minus-square:before {
content: "\e904";
}
.fc-icon-plus-square:before {
content: "\e905";
}
.fc-icon-x:before {
content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in
the DOM.
*/
.fc {
/* reset */
}
.fc .fc-button {
border-radius: 0;
overflow: visible;
text-transform: none;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.fc .fc-button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.fc .fc-button {
-webkit-appearance: button;
}
.fc .fc-button:not(:disabled) {
cursor: pointer;
}
.fc .fc-button::-moz-focus-inner {
padding: 0;
border-style: none;
}
.fc {
/* theme */
}
.fc .fc-button {
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.4em 0.65em;
font-size: 1em;
line-height: 1.5;
border-radius: 0.25em;
}
.fc .fc-button:hover {
text-decoration: none;
}
.fc .fc-button:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc .fc-button:disabled {
opacity: 0.65;
}
.fc {
/* "primary" coloring */
}
.fc .fc-button-primary {
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #2C3E50;
background-color: var(--fc-button-bg-color, #2C3E50);
border-color: #2C3E50;
border-color: var(--fc-button-border-color, #2C3E50);
}
.fc .fc-button-primary:hover {
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #1e2b37;
background-color: var(--fc-button-hover-bg-color, #1e2b37);
border-color: #1a252f;
border-color: var(--fc-button-hover-border-color, #1a252f);
}
.fc .fc-button-primary:disabled { /* not DRY */
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #2C3E50;
background-color: var(--fc-button-bg-color, #2C3E50);
border-color: #2C3E50;
border-color: var(--fc-button-border-color, #2C3E50); /* overrides
:hover */
}
.fc .fc-button-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
color: #fff;
color: var(--fc-button-text-color, #fff);
background-color: #1a252f;
background-color: var(--fc-button-active-bg-color, #1a252f);
border-color: #151e27;
border-color: var(--fc-button-active-border-color, #151e27);
}
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc {
/* icons within buttons */
}
.fc .fc-button .fc-icon {
vertical-align: middle;
font-size: 1.5em; /* bump up the size (but don't make it bigger
than line-height of button, which is 1.5em also) */
}
.fc .fc-button-group {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.fc .fc-button-group > .fc-button {
position: relative;
flex: 1 1 auto;
}
.fc .fc-button-group > .fc-button:hover {
z-index: 1;
}
.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button.fc-button-active {
z-index: 1;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
margin-right: -1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc .fc-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
}
.fc .fc-toolbar.fc-header-toolbar {
margin-bottom: 1.5em;
}
.fc .fc-toolbar.fc-footer-toolbar {
margin-top: 1.5em;
}
.fc .fc-toolbar-title {
font-size: 1.75em;
margin: 0;
}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
margin-left: .75em; /* space between */
}
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
margin-right: .75em; /* space between */
}
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning
system is explicitly left-to-right */
flex-direction: row-reverse;
}
.fc .fc-scroller {
-webkit-overflow-scrolling: touch;
position: relative; /* for abs-positioned elements within */
}
.fc .fc-scroller-liquid {
height: 100%;
}
.fc .fc-scroller-liquid-absolute {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.fc .fc-scroller-harness {
position: relative;
overflow: hidden;
direction: ltr;
/* hack for chrome computing the scroller's right/left wrong for
rtl. undone below... */
/* TODO: demonstrate in codepen */
}
.fc .fc-scroller-harness-liquid {
height: 100%;
}
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above
hack */
direction: rtl;
}
.fc-theme-standard .fc-scrollgrid {
border: 1px solid #ddd;
border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this.
match */
}
.fc .fc-scrollgrid,
.fc .fc-scrollgrid table { /* all tables (self included) */
width: 100%; /* because tables don't normally do this */
table-layout: fixed;
}
.fc .fc-scrollgrid table { /* inner tables */
border-top-style: hidden;
border-left-style: hidden;
border-right-style: hidden;
}
.fc .fc-scrollgrid {
border-collapse: separate;
border-right-width: 0;
border-bottom-width: 0;
}
.fc .fc-scrollgrid-liquid {
height: 100%;
}
.fc .fc-scrollgrid-section { /* a <tr> */
height: 1px /* better than 0, for firefox */
}
.fc .fc-scrollgrid-section > td {
height: 1px; /* needs a height so inner div within grow. better than
0, for firefox */
}
.fc .fc-scrollgrid-section table {
height: 1px;
/* for most browsers, if a height isn't set on the table,
can't do liquid-height within cells */
/* serves as a min-height. harmless */
}
.fc .fc-scrollgrid-section-liquid {
height: auto
}
.fc .fc-scrollgrid-section-liquid > td {
height: 100%; /* better than `auto`, for firefox */
}
.fc .fc-scrollgrid-section > * {
border-top-width: 0;
border-left-width: 0;
}
.fc .fc-scrollgrid-section-header > *,
.fc .fc-scrollgrid-section-footer > * {
border-bottom-width: 0;
}
.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
border-bottom-style: hidden; /* head keeps its bottom border tho */
}
.fc {
/* stickiness */
}
.fc .fc-scrollgrid-section-sticky > * {
background: #fff;
background: var(--fc-page-bg-color, #fff);
position: -webkit-sticky;
position: sticky;
z-index: 2; /* TODO: var */
/* TODO: box-shadow when sticking */
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
top: 0; /* because border-sharing causes a gap at the top */
/* TODO: give safari -1. has bug */
}
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
bottom: 0; /* known bug: bottom-stickiness doesn't work in safari
*/
}
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
height: 1px; /* needs height to create scrollbars */
margin-bottom: -1px;
}
.fc-sticky { /* no .fc wrap because used as child of body */
position: -webkit-sticky;
position: sticky;
}
.fc .fc-view-harness {
flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox
*/
position: relative;
}
.fc {
/* when the harness controls the height, make the view liquid */
}
.fc .fc-view-harness-active > .fc-view {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-col-header-cell-cushion {
display: inline-block; /* x-browser for when sticky (when multi-tier
header) */
padding: 2px 4px;
}
.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
/* will always have a harness with position:relative/absolute, so
absolutely expand */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc .fc-non-business {
background: rgba(215, 215, 215, 0.3);
background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}
.fc .fc-bg-event {
background: rgb(143, 223, 130);
background: var(--fc-bg-event-color, rgb(143, 223, 130));
opacity: 0.3;
opacity: var(--fc-bg-event-opacity, 0.3)
}
.fc .fc-bg-event .fc-event-title {
margin: .5em;
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
font-style: italic;
}
.fc .fc-highlight {
background: rgba(188, 232, 241, 0.3);
background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}
.fc .fc-cell-shaded,
.fc .fc-day-disabled {
background: rgba(208, 208, 208, 0.3);
background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
/* link resets */
/*
----------------------------------------------------------------------------------------------------
*/
a.fc-event,
a.fc-event:hover {
text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
cursor: pointer;
}
/* event text content */
/*
----------------------------------------------------------------------------------------------------
*/
.fc-event .fc-event-main {
position: relative;
z-index: 2;
}
/* dragging */
/*
----------------------------------------------------------------------------------------------------
*/
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
opacity: 0.75;
}
.fc-event-dragging.fc-event-selected { /* TOUCH */
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* resizing */
/*
----------------------------------------------------------------------------------------------------
*/
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
display: none;
position: absolute;
z-index: 4;
}
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */
}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
display: block;
}
.fc-event-selected .fc-event-resizer {
border-radius: 4px;
border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
border-width: 1px;
border-width: var(--fc-event-resizer-dot-border-width, 1px);
width: 8px;
width: var(--fc-event-resizer-dot-total-width, 8px);
height: 8px;
height: var(--fc-event-resizer-dot-total-width, 8px);
border-style: solid;
border-color: inherit;
background: #fff;
background: var(--fc-page-bg-color, #fff)
/* expand hit area */
}
.fc-event-selected .fc-event-resizer:before {
content: '';
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
}
/* selecting (always TOUCH) */
/*
----------------------------------------------------------------------------------------------------
*/
.fc-event-selected {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
/* expand hit area (subclasses should expand) */
}
.fc-event-selected:before {
content: "";
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-event-selected {
/* dimmer effect */
}
.fc-event-selected:after {
content: "";
background: rgba(0, 0, 0, 0.25);
background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0,
0.25));
position: absolute;
z-index: 1;
/* assume there's a border on all sides. overcome it. */
/* sometimes there's NOT a border, in which case the dimmer will
go over */
/* an adjacent border, which looks fine. */
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
}
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
display: block;
border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8)
}
.fc-h-event .fc-event-main {
color: #fff;
color: var(--fc-event-text-color, #fff);
}
.fc-h-event .fc-event-main-frame {
display: flex; /* for make fc-event-title-container expand */
}
.fc-h-event .fc-event-time {
max-width: 100%; /* clip overflow on this element */
overflow: hidden;
}
.fc-h-event .fc-event-title-container { /* serves as a container for the
sticky cushion */
flex-grow: 1;
flex-shrink: 1;
min-width: 0; /* important for allowing to shrink all the way */
}
.fc-h-event .fc-event-title {
display: inline-block; /* need this to be sticky cross-browser */
vertical-align: top; /* for not messing up line-height */
left: 0; /* for sticky */
right: 0; /* for sticky */
max-width: 100%; /* clip overflow on this element */
overflow: hidden;
}
.fc-h-event.fc-event-selected:before {
/* expand hit area */
top: -10px;
bottom: -10px;
}
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
top: 0;
bottom: 0;
width: 8px;
width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected)
.fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end
{
cursor: w-resize;
left: -4px;
left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected)
.fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected)
.fc-event-resizer-start {
cursor: e-resize;
right: -4px;
right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
top: 50%;
margin-top: -4px;
margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
left: -4px;
left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
right: -4px;
right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
:root {
--fc-daygrid-event-dot-width: 8px;
}
.fc .fc-popover {
position: fixed;
top: 0; /* for when not positioned yet */
box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.fc .fc-popover-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 3px 4px;
}
.fc .fc-popover-title {
margin: 0 2px;
}
.fc .fc-popover-close {
cursor: pointer;
opacity: 0.65;
font-size: 1.1em;
}
.fc-theme-standard .fc-popover {
border: 1px solid #ddd;
border: 1px solid var(--fc-border-color, #ddd);
background: #fff;
background: var(--fc-page-bg-color, #fff);
}
.fc-theme-standard .fc-popover-header {
background: rgba(208, 208, 208, 0.3);
background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before,
.fc-daygrid-event-harness:before {
content: "";
clear: both;
display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after,
.fc-daygrid-event-harness:after {
content: "";
clear: both;
display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
position: relative;
z-index: 1; /* container inner z-index's because <tr>s
can't do it */
}
.fc .fc-daygrid-day.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-daygrid-day-frame {
position: relative;
min-height: 100%; /* seems to work better than `height` because sets
height after rows/cells naturally do it */
}
.fc {
/* cell top */
}
.fc .fc-daygrid-day-top {
display: flex;
flex-direction: row-reverse;
}
.fc .fc-day-other .fc-daygrid-day-top {
opacity: 0.3;
}
.fc {
/* day number (within cell top) */
}
.fc .fc-daygrid-day-number {
position: relative;
z-index: 4;
padding: 4px;
}
.fc {
/* event container */
}
.fc .fc-daygrid-day-events {
margin-top: 1px; /* needs to be margin, not padding, so that available
cell height can be computed */
}
.fc {
/* positioning for balanced vs natural */
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
position: absolute;
left: 0;
right: 0;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
position: relative; /* for containing abs positioned event harnesses
*/
min-height: 2em; /* in addition to being a min-height during natural
height, equalizes the heights a little bit */
}
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-bottom: 1em;
}
.fc {
/* event harness */
}
.fc .fc-daygrid-event-harness {
position: relative;
}
.fc .fc-daygrid-event-harness-abs {
position: absolute;
top: 0; /* fallback coords for when cannot yet be computed */
left: 0; /* */
right: 0; /* */
}
.fc .fc-daygrid-bg-harness {
position: absolute;
top: 0;
bottom: 0;
}
.fc {
/* bg content */
}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {
/* events */
}
.fc .fc-daygrid-event {
z-index: 6;
margin-top: 1px;
}
.fc .fc-daygrid-event.fc-event-mirror {
z-index: 7;
}
.fc {
/* cell bottom (within day-events) */
}
.fc .fc-daygrid-day-bottom {
font-size: .85em;
margin: 2px 3px 0;
}
.fc .fc-daygrid-more-link {
position: relative;
z-index: 4;
cursor: pointer;
}
.fc {
/* week number (within frame) */
}
.fc .fc-daygrid-week-number {
position: absolute;
z-index: 5;
top: 0;
padding: 2px;
min-width: 1.5em;
text-align: center;
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
color: #808080;
color: var(--fc-neutral-text-color, #808080);
}
.fc {
/* popover */
}
.fc .fc-more-popover {
z-index: 8;
}
.fc .fc-more-popover .fc-popover-body {
min-width: 220px;
padding: 10px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
left: 0;
border-radius: 0 0 3px 0;
}
.fc-direction-rtl .fc-daygrid-week-number {
right: 0;
border-radius: 0 0 0 3px;
}
.fc-liquid-hack .fc-daygrid-day-frame {
position: static; /* will cause inner absolute stuff to expand to
<td> */
}
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped
outside of a component root */
position: relative; /* for z-indexes assigned later */
white-space: nowrap;
border-radius: 3px; /* dot event needs this to when selected */
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
font-weight: bold;
}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
padding: 1px;
}
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
display: flex;
align-items: center;
padding: 2px 0
}
.fc-daygrid-dot-event .fc-event-title {
flex-grow: 1;
flex-shrink: 1;
min-width: 0; /* important for allowing to shrink all the way */
overflow: hidden;
font-weight: bold;
}
.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
background: rgba(0, 0, 0, 0.1);
}
.fc-daygrid-dot-event.fc-event-selected:before {
/* expand hit area */
top: -10px;
bottom: -10px;
}
.fc-daygrid-event-dot { /* the actual dot */
margin: 0 4px;
box-sizing: content-box;
width: 0;
height: 0;
border: 4px solid #3788d8;
border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid
var(--fc-event-border-color, #3788d8);
border-radius: 4px;
border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
margin-right: 3px;
}
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
margin-left: 3px;
}
/*
A VERTICAL event
*/
.fc-v-event { /* allowed to be top-level */
display: block;
border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8)
}
.fc-v-event .fc-event-main {
color: #fff;
color: var(--fc-event-text-color, #fff);
height: 100%;
}
.fc-v-event .fc-event-main-frame {
height: 100%;
display: flex;
flex-direction: column;
}
.fc-v-event .fc-event-time {
flex-grow: 0;
flex-shrink: 0;
max-height: 100%;
overflow: hidden;
}
.fc-v-event .fc-event-title-container { /* a container for the sticky
cushion */
flex-grow: 1;
flex-shrink: 1;
min-height: 0; /* important for allowing to shrink all the way */
}
.fc-v-event .fc-event-title { /* will have fc-sticky on it */
top: 0;
bottom: 0;
max-height: 100%; /* clip overflow */
overflow: hidden;
}
.fc-v-event:not(.fc-event-start) {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-v-event:not(.fc-event-end) {
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fc-v-event.fc-event-selected:before {
/* expand hit area */
left: -10px;
right: -10px;
}
.fc-v-event {
/* resizer (mouse AND touch) */
}
.fc-v-event .fc-event-resizer-start {
cursor: n-resize;
}
.fc-v-event .fc-event-resizer-end {
cursor: s-resize;
}
.fc-v-event {
/* resizer for MOUSE */
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
height: 8px;
height: var(--fc-event-resizer-thickness, 8px);
left: 0;
right: 0;
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-v-event {
/* resizer for TOUCH (when event is "selected") */
}
.fc-v-event.fc-event-selected .fc-event-resizer {
left: 50%;
margin-left: -4px;
margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-start {
top: -4px;
top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-v-event.fc-event-selected .fc-event-resizer-end {
bottom: -4px;
bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the
timegrid view */
z-index: 2; /* put above the timegrid-body so that more-popover is
above everything. TODO: better solution */
}
.fc .fc-timegrid-divider {
padding: 0 0 2px; /* browsers get confused when you set height. use
padding instead */
}
.fc .fc-timegrid-body {
position: relative;
z-index: 1; /* scope the z-indexes of slots and cols */
min-height: 100%; /* fill height always, even when slat table
doesn't grow */
}
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
position: relative /* offset parent for now-indicator-container */
}
.fc .fc-timegrid-axis-chunk > table {
position: relative;
z-index: 1; /* above the now-indicator-container */
}
.fc .fc-timegrid-slots {
position: relative;
z-index: 1;
}
.fc .fc-timegrid-slot { /* a <td> */
height: 1.5em;
border-bottom: 0 /* each cell owns its top border */
}
.fc .fc-timegrid-slot:empty:before {
content: '\00a0'; /* make sure there's at least an
empty space to create height for height syncing */
}
.fc .fc-timegrid-slot-minor {
border-top-style: dotted;
}
.fc .fc-timegrid-slot-label-cushion {
display: inline-block;
white-space: nowrap;
}
.fc .fc-timegrid-slot-label {
vertical-align: middle; /* vertical align the slots */
}
.fc {
/* slots AND axis cells (top-left corner of view including the
"all-day" text) */
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
padding: 0 4px;
}
.fc {
/* axis cells (top-left corner of view including the "all-day"
text) */
/* vertical align is more complicated, uses flexbox */
}
.fc .fc-timegrid-axis-frame-liquid {
height: 100%; /* will need liquid-hack in FF */
}
.fc .fc-timegrid-axis-frame {
overflow: hidden;
display: flex;
align-items: center; /* vertical align */
justify-content: flex-end; /* horizontal align. matches text-align
below */
}
.fc .fc-timegrid-axis-cushion {
max-width: 60px; /* limits the width of the "all-day" text */
flex-shrink: 0; /* allows text to expand how it normally would,
regardless of constrained width */
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
text-align: right;
}
.fc-direction-rtl .fc-timegrid-slot-label-frame {
text-align: left;
}
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc .fc-timegrid-col.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}
.fc .fc-timegrid-col-frame {
min-height: 100%; /* liquid-hack is below */
position: relative;
}
.fc-liquid-hack .fc-timegrid-col-frame {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fc-media-screen .fc-timegrid-cols {
position: absolute; /* no z-index. children will decide and go above
slots */
top: 0;
left: 0;
right: 0;
bottom: 0
}
.fc-media-screen .fc-timegrid-cols > table {
height: 100%;
}
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc-media-screen .fc-timegrid-event-harness {
position: absolute; /* top/left/right/bottom will all be set by JS */
}
.fc {
/* bg */
}
.fc .fc-timegrid-col-bg {
z-index: 2; /* TODO: kill */
}
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
position: absolute; /* top/bottom will be set by JS */
left: 0;
right: 0;
}
.fc {
/* fg events */
/* (the mirror segs are put into a separate container with same
classname, */
/* and they must be after the normal seg container to appear at a higher
z-index) */
}
.fc .fc-timegrid-col-events {
z-index: 3;
/* child event segs have z-indexes that are scoped within this div */
}
.fc {
/* now indicator */
}
.fc .fc-timegrid-now-indicator-container {
bottom: 0;
overflow: hidden; /* don't let overflow of lines/arrows cause
unnecessary scrolling */
/* z-index is set on the individual elements */
}
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0 2.5% 0 2px;
}
.fc-direction-rtl .fc-timegrid-col-events {
margin: 0 2px 0 2.5%;
}
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event { /* events need to be root */
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
border-radius: 3px
}
.fc-timegrid-event .fc-event-main {
padding: 1px 1px 0;
}
.fc-timegrid-event .fc-event-time {
white-space: nowrap;
font-size: .85em;
font-size: var(--fc-small-font-size, .85em);
margin-bottom: 1px;
}
.fc-timegrid-event-condensed .fc-event-main-frame {
flex-direction: row;
overflow: hidden;
}
.fc-timegrid-event-condensed .fc-event-time:after {
content: '\00a0-\00a0'; /* dash surrounded by non-breaking
spaces */
}
.fc-timegrid-event-condensed .fc-event-title {
font-size: .85em;
font-size: var(--fc-small-font-size, .85em)
}
.fc-media-screen .fc-timegrid-event {
position: absolute; /* absolute WITHIN the harness */
top: 0;
bottom: 1px; /* stay away from bottom slot line */
left: 0;
right: 0;
}
.fc {
/* line */
}
.fc .fc-timegrid-now-indicator-line {
position: absolute;
z-index: 4;
left: 0;
right: 0;
border-style: solid;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
border-width: 1px 0 0;
}
.fc {
/* arrow */
}
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top: -5px; /* vertically center on top coordinate */
border-style: solid;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
}
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
/* triangle pointing right. TODO: mixin */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
right: 0;
/* triangle pointing left. TODO: mixin */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
:root {
--fc-list-event-dot-width: 10px;
--fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
border: 1px solid #ddd;
border: 1px solid var(--fc-border-color, #ddd);
}
.fc {
/* message when no events */
}
.fc .fc-list-empty {
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
height: 100%;
display: flex;
justify-content: center;
align-items: center; /* vertically aligns fc-list-empty-inner */
}
.fc .fc-list-empty-cushion {
margin: 5em 0;
}
.fc {
/* table within the scroller */
/*
----------------------------------------------------------------------------------------------------
*/
}
.fc .fc-list-table {
width: 100%;
border-style: hidden; /* kill outer border on theme */
}
.fc .fc-list-table tr > * {
border-left: 0;
border-right: 0;
}
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
position: -webkit-sticky;
position: sticky;
top: 0;
background: #fff;
background: var(--fc-page-bg-color, #fff); /* for when headers are
styled to be transparent and sticky */
}
.fc .fc-list-table th {
padding: 0; /* uses an inner-wrapper instead... */
}
.fc .fc-list-table td,
.fc .fc-list-day-cushion {
padding: 8px 14px;
}
.fc {
/* date heading rows */
/*
----------------------------------------------------------------------------------------------------
*/
}
.fc .fc-list-day-cushion:after {
content: "";
clear: both;
display: table; /* clear floating */
}
.fc-theme-standard .fc-list-day-cushion {
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
float: right;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0
}
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
cursor: pointer; /* whole row will seem clickable */
}
.fc .fc-list-event:hover td {
background-color: #f5f5f5;
background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}
.fc {
/* shrink certain cols */
}
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
white-space: nowrap;
width: 1px;
}
.fc .fc-list-event-dot {
display: inline-block;
box-sizing: content-box;
width: 0;
height: 0;
border: 5px solid #3788d8;
border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid
var(--fc-event-border-color, #3788d8);
border-radius: 5px;
border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}
.fc {
/* reset <a> styling */
}
.fc .fc-list-event-title a {
color: inherit;
text-decoration: none;
}
.fc {
/* underline link when hovering over any part of row */
}
.fc .fc-list-event.fc-event-forced-url:hover a {
text-decoration: underline;
}
.fc-theme-bootstrap a:not([href]) {
color: inherit; /* natural color for navlinks */
}