Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
*/
.hide-child .child {
opacity: 0;
transition: opacity 0.15s ease-in;
}
.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
opacity: 1;
transition: opacity 0.15s ease-in;
}
.underline-hover:hover,
.underline-hover:focus {
text-decoration: underline;
}
/* Can combine this with overflow-hidden to make background images grow on hover
* even if you are using background-size: cover */
.grow {
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.grow:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.grow-large {
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.grow-large:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/* Add pointer on hover */
.pointer:hover {
cursor: pointer;
}
/*
STYLES
Add custom styles here.
*/
/* Import media queries at end as this will allow you to customize them
* and override what is currently declared in each module.
*/
/*
CUSTOM MEDIA QUERIES
Media query values can be changed to fit your own content.
There are no magic bullets when it comes to media query width values.
They should be declared in em units - and they should be set to meet
the needs of your content.
These media queries can be referenced like so:
@media (--breakpoint-not-small) {
.medium-and-larger-specific-style {
background-color: red;
}
}
@media (--breakpoint-medium) {
.medium-screen-specific-style {
background-color: red;
}
}
@media (--breakpoint-large) {
.large-screen-specific-style {
background-color: red;
}
}
@media (--breakpoint-extra-large) {
.extra-large-screen-specific-style {
background-color: red;
}
}
*/
/* DEBUGGING */
/*
DEBUG CHILDREN
Just add the debug class to any element to see outlines on its
children.
*/
.debug * {
outline: 1px solid gold;
}
/* Uncomment out this line and rebuild if you want to debug your layout.*/
/* @import './_debug'; */
@media screen and (min-width: 30em) {
.cover-ns {
background-size: cover;
}
.contain-ns {
background-size: contain;
}
.ba-ns {
border-style: solid;
border-width: 1px;
}
.bt-ns {
border-top-style: solid;
border-top-width: 1px;
}
.br-ns {
border-right-style: solid;
border-right-width: 1px;
}
.bb-ns {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-ns {
border-left-style: solid;
border-left-width: 1px;
}
.bn-ns {
border-style: none;
border-width: 0;
}
.br0-ns {
border-radius: 0;
}
.br1-ns {
border-radius: .125rem;
}
.br2-ns {
border-radius: .25rem;
}
.br3-ns {
border-radius: .5rem;
}
.br4-ns {
border-radius: 1rem;
}
.br-100-ns {
border-radius: 100%;
}
.br--bottom-ns {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-ns {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.br--right-ns {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.br--left-ns {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-ns {
border-style: dotted;
}
.b--dashed-ns {
border-style: dashed;
}
.b--solid-ns {
border-style: solid;
}
.b--none-ns {
border-style: none;
}
.bw0-ns {
border-width: 0;
}
.bw1-ns {
border-width: .125rem;
}
.bw2-ns {
border-width: .25rem;
}
.bw3-ns {
border-width: .5rem;
}
.bw4-ns {
border-width: 1rem;
}
.bw5-ns {
border-width: 2rem;
}
.bt-0-ns {
border-top-width: 0;
}
.br-0-ns {
border-right-width: 0;
}
.bb-0-ns {
border-bottom-width: 0;
}
.bl-0-ns {
border-left-width: 0;
}
.shadow-1-ns {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-ns {
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-ns {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-ns {
box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.shadow-5-ns {
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
.top-0-ns {
top: 0;
}
.left-0-ns {
left: 0;
}
.right-0-ns {
right: 0;
}
.bottom-0-ns {
bottom: 0;
}
.top-1-ns {
top: 1rem;
}
.left-1-ns {
left: 1rem;
}
.right-1-ns {
right: 1rem;
}
.bottom-1-ns {
bottom: 1rem;
}
.top-2-ns {
top: 2rem;
}
.left-2-ns {
left: 2rem;
}
.right-2-ns {
right: 2rem;
}
.bottom-2-ns {
bottom: 2rem;
}
.top--1-ns {
top: -1rem;
}
.right--1-ns {
right: -1rem;
}
.bottom--1-ns {
bottom: -1rem;
}
.left--1-ns {
left: -1rem;
}
.top--2-ns {
top: -2rem;
}
.right--2-ns {
right: -2rem;
}
.bottom--2-ns {
bottom: -2rem;
}
.left--2-ns {
left: -2rem;
}
.absolute--fill-ns {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-ns {
clear: left;
}
.cr-ns {
clear: right;
}
.cb-ns {
clear: both;
}
.cn-ns {
clear: none;
}
.dn-ns {
display: none;
}
.di-ns {
display: inline;
}
.db-ns {
display: block;
}
.dib-ns {
display: inline-block;
}
.dit-ns {
display: inline-table;
}
.dt-ns {
display: table;
}
.dtc-ns {
display: table-cell;
}
.dt-row-ns {
display: table-row;
}
.dt-row-group-ns {
display: table-row-group;
}
.dt-column-ns {
display: table-column;
}
.dt-column-group-ns {
display: table-column-group;
}
.dt--fixed-ns {
table-layout: fixed;
width: 100%;
}
.flex-ns {
display: -webkit-flex;
display: flex;
}
.flex-auto-ns {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
/* 1 */
}
.flex-none-ns {
-webkit-flex: none;
flex: none;
}
.flex-column-ns {
-webkit-flex-direction: column;
flex-direction: column;
}
.flex-wrap-ns {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.items-start-ns {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.items-end-ns {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.items-center-ns {
-webkit-align-items: center;
align-items: center;
}
.items-baseline-ns {
-webkit-align-items: baseline;
align-items: baseline;
}
.items-stretch-ns {
-webkit-align-items: stretch;
align-items: stretch;
}
.self-start-ns {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.self-end-ns {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.self-center-ns {
-webkit-align-self: center;
align-self: center;
}
.self-baseline-ns {
-webkit-align-self: baseline;
align-self: baseline;
}
.self-stretch-ns {
-webkit-align-self: stretch;
align-self: stretch;
}
.justify-start-ns {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-end-ns {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-center-ns {
-webkit-justify-content: center;
justify-content: center;
}
.justify-between-ns {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-around-ns {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.content-start-ns {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.content-end-ns {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.content-center-ns {
-webkit-align-content: center;
align-content: center;
}
.content-between-ns {
-webkit-align-content: space-between;
align-content: space-between;
}
.content-around-ns {
-webkit-align-content: space-around;
align-content: space-around;
}
.content-stretch-ns {
-webkit-align-content: stretch;
align-content: stretch;
}
.order-0-ns {
-webkit-order: 0;
order: 0;
}
.order-1-ns {
-webkit-order: 1;
order: 1;
}
.order-2-ns {
-webkit-order: 2;
order: 2;
}
.order-3-ns {
-webkit-order: 3;
order: 3;
}
.order-4-ns {
-webkit-order: 4;
order: 4;
}
.order-5-ns {
-webkit-order: 5;
order: 5;
}
.order-6-ns {
-webkit-order: 6;
order: 6;
}
.order-7-ns {
-webkit-order: 7;
order: 7;
}
.order-8-ns {
-webkit-order: 8;
order: 8;
}
.order-last-ns {
-webkit-order: 99999;
order: 99999;
}
.fl-ns {
float: left;
display: inline;
}
.fr-ns {
float: right;
display: inline;
}
.fn-ns {
float: none;
}
.i-ns {
font-style: italic;
}
.fs-normal-ns {
font-style: normal;
}
.normal-ns {
font-weight: normal;
}
.b-ns {
font-weight: bold;
}
.fw1-ns {
font-weight: 100;
}
.fw2-ns {
font-weight: 200;
}
.fw3-ns {
font-weight: 300;
}
.fw4-ns {
font-weight: 400;
}
.fw5-ns {
font-weight: 500;
}
.fw6-ns {
font-weight: 600;
}
.fw7-ns {
font-weight: 700;
}
.fw8-ns {
font-weight: 800;
}
.fw9-ns {
font-weight: 900;
}
.h1-ns {
height: 1rem;
}
.h2-ns {
height: 2rem;
}
.h3-ns {
height: 4rem;
}
.h4-ns {
height: 8rem;
}
.h5-ns {
height: 16rem;
}
.h-25-ns {
height: 25%;
}
.h-50-ns {
height: 50%;
}
.h-75-ns {
height: 75%;
}
.h-100-ns {
height: 100%;
}
.h-auto-ns {
height: auto;
}
.h-inherit-ns {
height: inherit;
}
.tracked-ns {
letter-spacing: .16em;
}
.tracked-tight-ns {
letter-spacing: -0.05em;
}
.tracked-mega-ns {
letter-spacing: .32em;
}
.lh-solid-ns {
line-height: 1;
}
.lh-title-ns {
line-height: 1.3;
}
.lh-copy-ns {
line-height: 1.6;
}
.mw-100-ns {
max-width: 100%;
}
.mw1-ns {
max-width: 1rem;
}
.mw2-ns {
max-width: 2rem;
}
.mw3-ns {
max-width: 4rem;
}
.mw4-ns {
max-width: 8rem;
}
.mw5-ns {
max-width: 16rem;
}
.mw6-ns {
max-width: 32rem;
}
.mw7-ns {
max-width: 48rem;
}
.mw8-ns {
max-width: 64rem;
}
.mw9-ns {
max-width: 96rem;
}
.mw-none-ns {
max-width: none;
}
.w1-ns {
width: 1rem;
}
.w2-ns {
width: 2rem;
}
.w3-ns {
width: 4rem;
}
.w4-ns {
width: 8rem;
}
.w5-ns {
width: 16rem;
}
.w-10-ns {
width: 10%;
}
.w-20-ns {
width: 20%;
}
.w-25-ns {
width: 25%;
}
.w-33-ns {
width: 33%;
}
.w-34-ns {
width: 34%;
}
.w-40-ns {
width: 40%;
}
.w-50-ns {
width: 50%;
}
.w-60-ns {
width: 60%;
}
.w-75-ns {
width: 75%;
}
.w-80-ns {
width: 80%;
}
.w-100-ns {
width: 100%;
}
.w-auto-ns {
width: auto;
}
.overflow-visible-ns {
overflow: visible;
}
.overflow-hidden-ns {
overflow: hidden;
}
.overflow-scroll-ns {
overflow: scroll;
}
.overflow-auto-ns {
overflow: auto;
}
.overflow-x-visible-ns {
overflow-x: visible;
}
.overflow-x-hidden-ns {
overflow-x: hidden;
}
.overflow-x-scroll-ns {
overflow-x: scroll;
}
.overflow-x-auto-ns {
overflow-x: auto;
}
.overflow-y-visible-ns {
overflow-y: visible;
}
.overflow-y-hidden-ns {
overflow-y: hidden;
}
.overflow-y-scroll-ns {
overflow-y: scroll;
}
.overflow-y-auto-ns {
overflow-y: auto;
}
.static-ns {
position: static;
}
.relative-ns {
position: relative;
}
.absolute-ns {
position: absolute;
}
.fixed-ns {
position: fixed;
}
.pa0-ns {
padding: 0;
}
.pa1-ns {
padding: .25rem;
}
.pa2-ns {
padding: .5rem;
}
.pa3-ns {
padding: 1rem;
}
.pa4-ns {
padding: 2rem;
}
.pa5-ns {
padding: 4rem;
}
.pa6-ns {
padding: 8rem;
}
.pa7-ns {
padding: 16rem;
}
.pl0-ns {
padding-left: 0;
}
.pl1-ns {
padding-left: .25rem;
}
.pl2-ns {
padding-left: .5rem;
}
.pl3-ns {
padding-left: 1rem;
}
.pl4-ns {
padding-left: 2rem;
}
.pl5-ns {
padding-left: 4rem;
}
.pl6-ns {
padding-left: 8rem;
}
.pl7-ns {
padding-left: 16rem;
}
.pr0-ns {
padding-right: 0;
}
.pr1-ns {
padding-right: .25rem;
}
.pr2-ns {
padding-right: .5rem;
}
.pr3-ns {
padding-right: 1rem;
}
.pr4-ns {
padding-right: 2rem;
}
.pr5-ns {
padding-right: 4rem;
}
.pr6-ns {
padding-right: 8rem;
}
.pr7-ns {
padding-right: 16rem;
}
.pb0-ns {
padding-bottom: 0;
}
.pb1-ns {
padding-bottom: .25rem;
}
.pb2-ns {
padding-bottom: .5rem;
}
.pb3-ns {
padding-bottom: 1rem;
}
.pb4-ns {
padding-bottom: 2rem;
}
.pb5-ns {
padding-bottom: 4rem;
}
.pb6-ns {
padding-bottom: 8rem;
}
.pb7-ns {
padding-bottom: 16rem;
}
.pt0-ns {
padding-top: 0;
}
.pt1-ns {
padding-top: .25rem;
}
.pt2-ns {
padding-top: .5rem;
}
.pt3-ns {
padding-top: 1rem;
}
.pt4-ns {
padding-top: 2rem;
}
.pt5-ns {
padding-top: 4rem;
}
.pt6-ns {
padding-top: 8rem;
}
.pt7-ns {
padding-top: 16rem;
}
.pv0-ns {
padding-top: 0;
padding-bottom: 0;
}
.pv1-ns {
padding-top: .25rem;
padding-bottom: .25rem;
}
.pv2-ns {
padding-top: .5rem;
padding-bottom: .5rem;
}
.pv3-ns {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-ns {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-ns {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-ns {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-ns {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-ns {
padding-left: 0;
padding-right: 0;
}
.ph1-ns {
padding-left: .25rem;
padding-right: .25rem;
}
.ph2-ns {
padding-left: .5rem;
padding-right: .5rem;
}
.ph3-ns {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-ns {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-ns {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-ns {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-ns {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-ns {
margin: 0;
}
.ma1-ns {
margin: .25rem;
}
.ma2-ns {
margin: .5rem;
}
.ma3-ns {
margin: 1rem;
}
.ma4-ns {
margin: 2rem;
}
.ma5-ns {
margin: 4rem;
}
.ma6-ns {
margin: 8rem;
}
.ma7-ns {
margin: 16rem;
}
.ml0-ns {
margin-left: 0;
}
.ml1-ns {
margin-left: .25rem;
}
.ml2-ns {
margin-left: .5rem;
}
.ml3-ns {
margin-left: 1rem;
}
.ml4-ns {
margin-left: 2rem;
}
.ml5-ns {
margin-left: 4rem;
}
.ml6-ns {
margin-left: 8rem;
}
.ml7-ns {
margin-left: 16rem;
}
.mr0-ns {
margin-right: 0;
}
.mr1-ns {
margin-right: .25rem;
}
.mr2-ns {
margin-right: .5rem;
}
.mr3-ns {
margin-right: 1rem;
}
.mr4-ns {
margin-right: 2rem;
}
.mr5-ns {
margin-right: 4rem;
}
.mr6-ns {
margin-right: 8rem;
}
.mr7-ns {
margin-right: 16rem;
}
.mb0-ns {
margin-bottom: 0;
}
.mb1-ns {
margin-bottom: .25rem;
}
.mb2-ns {
margin-bottom: .5rem;
}
.mb3-ns {
margin-bottom: 1rem;
}
.mb4-ns {
margin-bottom: 2rem;
}
.mb5-ns {
margin-bottom: 4rem;
}
.mb6-ns {
margin-bottom: 8rem;
}
.mb7-ns {
margin-bottom: 16rem;
}
.mt0-ns {
margin-top: 0;
}
.mt1-ns {
margin-top: .25rem;
}
.mt2-ns {
margin-top: .5rem;
}
.mt3-ns {
margin-top: 1rem;
}
.mt4-ns {
margin-top: 2rem;
}
.mt5-ns {
margin-top: 4rem;
}
.mt6-ns {
margin-top: 8rem;
}
.mt7-ns {
margin-top: 16rem;
}
.mv0-ns {
margin-top: 0;
margin-bottom: 0;
}
.mv1-ns {
margin-top: .25rem;
margin-bottom: .25rem;
}
.mv2-ns {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mv3-ns {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-ns {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-ns {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-ns {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-ns {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-ns {
margin-left: 0;
margin-right: 0;
}
.mh1-ns {
margin-left: .25rem;
margin-right: .25rem;
}
.mh2-ns {
margin-left: .5rem;
margin-right: .5rem;
}
.mh3-ns {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-ns {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-ns {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-ns {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-ns {
margin-left: 16rem;
margin-right: 16rem;
}
.strike-ns {
text-decoration: line-through;
}
.underline-ns {
text-decoration: underline;
}
.no-underline-ns {
text-decoration: none;
}
.tl-ns {
text-align: left;
}
.tr-ns {
text-align: right;
}
.tc-ns {
text-align: center;
}
.ttc-ns {
text-transform: capitalize;
}
.ttl-ns {
text-transform: lowercase;
}
.ttu-ns {
text-transform: uppercase;
}
.ttn-ns {
text-transform: none;
}
.f-6-ns,
.f-headline-ns {
font-size: 6rem;
}
.f-5-ns,
.f-subheadline-ns {
font-size: 5rem;
}
.f1-ns {
font-size: 3rem;
}
.f2-ns {
font-size: 2.25rem;
}
.f3-ns {
font-size: 1.5rem;
}
.f4-ns {
font-size: 1.25rem;
}
.f5-ns {
font-size: 1rem;
}
.f6-ns {
font-size: .875rem;
}
.measure-ns {
max-width: 30em;
}
.measure-wide-ns {
max-width: 34em;
}
.measure-narrow-ns {
max-width: 20em;
}
.indent-ns {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-ns {
font-variant: small-caps;
}
.truncate-ns {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.clip-ns {
position: fixed !important;
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-ns {
white-space: normal;
}
.nowrap-ns {
white-space: nowrap;
}
.pre-ns {
white-space: pre;
}
.v-base-ns {
vertical-align: baseline;
}
.v-mid-ns {
vertical-align: middle;
}
.v-top-ns {
vertical-align: top;
}
.v-btm-ns {
vertical-align: bottom;
}
}
@media screen and (min-width: 30em) and (max-width: 60em) {
.cover-m {
background-size: cover;
}
.contain-m {
background-size: contain;
}
.ba-m {
border-style: solid;
border-width: 1px;
}
.bt-m {
border-top-style: solid;
border-top-width: 1px;
}
.br-m {
border-right-style: solid;
border-right-width: 1px;
}
.bb-m {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-m {
border-left-style: solid;
border-left-width: 1px;
}
.bn-m {
border-style: none;
border-width: 0;
}
.br0-m {
border-radius: 0;
}
.br1-m {
border-radius: .125rem;
}
.br2-m {
border-radius: .25rem;
}
.br3-m {
border-radius: .5rem;
}
.br4-m {
border-radius: 1rem;
}
.br-100-m {
border-radius: 100%;
}
.br--bottom-m {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-m {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.br--right-m {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.br--left-m {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-m {
border-style: dotted;
}
.b--dashed-m {
border-style: dashed;
}
.b--solid-m {
border-style: solid;
}
.b--none-m {
border-style: none;
}
.bw0-m {
border-width: 0;
}
.bw1-m {
border-width: .125rem;
}
.bw2-m {
border-width: .25rem;
}
.bw3-m {
border-width: .5rem;
}
.bw4-m {
border-width: 1rem;
}
.bw5-m {
border-width: 2rem;
}
.bt-0-m {
border-top-width: 0;
}
.br-0-m {
border-right-width: 0;
}
.bb-0-m {
border-bottom-width: 0;
}
.bl-0-m {
border-left-width: 0;
}
.shadow-1-m {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-m {
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-m {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-m {
box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.shadow-5-m {
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
.top-0-m {
top: 0;
}
.left-0-m {
left: 0;
}
.right-0-m {
right: 0;
}
.bottom-0-m {
bottom: 0;
}
.top-1-m {
top: 1rem;
}
.left-1-m {
left: 1rem;
}
.right-1-m {
right: 1rem;
}
.bottom-1-m {
bottom: 1rem;
}
.top-2-m {
top: 2rem;
}
.left-2-m {
left: 2rem;
}
.right-2-m {
right: 2rem;
}
.bottom-2-m {
bottom: 2rem;
}
.top--1-m {
top: -1rem;
}
.right--1-m {
right: -1rem;
}
.bottom--1-m {
bottom: -1rem;
}
.left--1-m {
left: -1rem;
}
.top--2-m {
top: -2rem;
}
.right--2-m {
right: -2rem;
}
.bottom--2-m {
bottom: -2rem;
}
.left--2-m {
left: -2rem;
}
.absolute--fill-m {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-m {
clear: left;
}
.cr-m {
clear: right;
}
.cb-m {
clear: both;
}
.cn-m {
clear: none;
}
.dn-m {
display: none;
}
.di-m {
display: inline;
}
.db-m {
display: block;
}
.dib-m {
display: inline-block;
}
.dit-m {
display: inline-table;
}
.dt-m {
display: table;
}
.dtc-m {
display: table-cell;
}
.dt-row-m {
display: table-row;
}
.dt-row-group-m {
display: table-row-group;
}
.dt-column-m {
display: table-column;
}
.dt-column-group-m {
display: table-column-group;
}
.dt--fixed-m {
table-layout: fixed;
width: 100%;
}
.flex-m {
display: -webkit-flex;
display: flex;
}
.flex-auto-m {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
/* 1 */
}
.flex-none-m {
-webkit-flex: none;
flex: none;
}
.flex-column-m {
-webkit-flex-direction: column;
flex-direction: column;
}
.flex-wrap-m {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.items-start-m {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.items-end-m {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.items-center-m {
-webkit-align-items: center;
align-items: center;
}
.items-baseline-m {
-webkit-align-items: baseline;
align-items: baseline;
}
.items-stretch-m {
-webkit-align-items: stretch;
align-items: stretch;
}
.self-start-m {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.self-end-m {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.self-center-m {
-webkit-align-self: center;
align-self: center;
}
.self-baseline-m {
-webkit-align-self: baseline;
align-self: baseline;
}
.self-stretch-m {
-webkit-align-self: stretch;
align-self: stretch;
}
.justify-start-m {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-end-m {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-center-m {
-webkit-justify-content: center;
justify-content: center;
}
.justify-between-m {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-around-m {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.content-start-m {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.content-end-m {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.content-center-m {
-webkit-align-content: center;
align-content: center;
}
.content-between-m {
-webkit-align-content: space-between;
align-content: space-between;
}
.content-around-m {
-webkit-align-content: space-around;
align-content: space-around;
}
.content-stretch-m {
-webkit-align-content: stretch;
align-content: stretch;
}
.order-0-m {
-webkit-order: 0;
order: 0;
}
.order-1-m {
-webkit-order: 1;
order: 1;
}
.order-2-m {
-webkit-order: 2;
order: 2;
}
.order-3-m {
-webkit-order: 3;
order: 3;
}
.order-4-m {
-webkit-order: 4;
order: 4;
}
.order-5-m {
-webkit-order: 5;
order: 5;
}
.order-6-m {
-webkit-order: 6;
order: 6;
}
.order-7-m {
-webkit-order: 7;
order: 7;
}
.order-8-m {
-webkit-order: 8;
order: 8;
}
.order-last-m {
-webkit-order: 99999;
order: 99999;
}
.fl-m {
float: left;
display: inline;
}
.fr-m {
float: right;
display: inline;
}
.fn-m {
float: none;
}
.i-m {
font-style: italic;
}
.fs-normal-m {
font-style: normal;
}
.normal-m {
font-weight: normal;
}
.b-m {
font-weight: bold;
}
.fw1-m {
font-weight: 100;
}
.fw2-m {
font-weight: 200;
}
.fw3-m {
font-weight: 300;
}
.fw4-m {
font-weight: 400;
}
.fw5-m {
font-weight: 500;
}
.fw6-m {
font-weight: 600;
}
.fw7-m {
font-weight: 700;
}
.fw8-m {
font-weight: 800;
}
.fw9-m {
font-weight: 900;
}
.h1-m {
height: 1rem;
}
.h2-m {
height: 2rem;
}
.h3-m {
height: 4rem;
}
.h4-m {
height: 8rem;
}
.h5-m {
height: 16rem;
}
.h-25-m {
height: 25%;
}
.h-50-m {
height: 50%;
}
.h-75-m {
height: 75%;
}
.h-100-m {
height: 100%;
}
.h-auto-m {
height: auto;
}
.h-inherit-m {
height: inherit;
}
.tracked-m {
letter-spacing: .16em;
}
.tracked-tight-m {
letter-spacing: -0.05em;
}
.tracked-mega-m {
letter-spacing: .32em;
}
.lh-solid-m {
line-height: 1;
}
.lh-title-m {
line-height: 1.3;
}
.lh-copy-m {
line-height: 1.6;
}
.mw-100-m {
max-width: 100%;
}
.mw1-m {
max-width: 1rem;
}
.mw2-m {
max-width: 2rem;
}
.mw3-m {
max-width: 4rem;
}
.mw4-m {
max-width: 8rem;
}
.mw5-m {
max-width: 16rem;
}
.mw6-m {
max-width: 32rem;
}
.mw7-m {
max-width: 48rem;
}
.mw8-m {
max-width: 64rem;
}
.mw9-m {
max-width: 96rem;
}
.mw-none-m {
max-width: none;
}
.w1-m {
width: 1rem;
}
.w2-m {
width: 2rem;
}
.w3-m {
width: 4rem;
}
.w4-m {
width: 8rem;
}
.w5-m {
width: 16rem;
}
.w-10-m {
width: 10%;
}
.w-20-m {
width: 20%;
}
.w-25-m {
width: 25%;
}
.w-33-m {
width: 33%;
}
.w-34-m {
width: 34%;
}
.w-40-m {
width: 40%;
}
.w-50-m {
width: 50%;
}
.w-60-m {
width: 60%;
}
.w-75-m {
width: 75%;
}
.w-80-m {
width: 80%;
}
.w-100-m {
width: 100%;
}
.w-auto-m {
width: auto;
}
.overflow-visible-m {
overflow: visible;
}
.overflow-hidden-m {
overflow: hidden;
}
.overflow-scroll-m {
overflow: scroll;
}
.overflow-auto-m {
overflow: auto;
}
.overflow-x-visible-m {
overflow-x: visible;
}
.overflow-x-hidden-m {
overflow-x: hidden;
}
.overflow-x-scroll-m {
overflow-x: scroll;
}
.overflow-x-auto-m {
overflow-x: auto;
}
.overflow-y-visible-m {
overflow-y: visible;
}
.overflow-y-hidden-m {
overflow-y: hidden;
}
.overflow-y-scroll-m {
overflow-y: scroll;
}
.overflow-y-auto-m {
overflow-y: auto;
}
.static-m {
position: static;
}
.relative-m {
position: relative;
}
.absolute-m {
position: absolute;
}
.fixed-m {
position: fixed;
}
.pa0-m {
padding: 0;
}
.pa1-m {
padding: .25rem;
}
.pa2-m {
padding: .5rem;
}
.pa3-m {
padding: 1rem;
}
.pa4-m {
padding: 2rem;
}
.pa5-m {
padding: 4rem;
}
.pa6-m {
padding: 8rem;
}
.pa7-m {
padding: 16rem;
}
.pl0-m {
padding-left: 0;
}
.pl1-m {
padding-left: .25rem;
}
.pl2-m {
padding-left: .5rem;
}
.pl3-m {
padding-left: 1rem;
}
.pl4-m {
padding-left: 2rem;
}
.pl5-m {
padding-left: 4rem;
}
.pl6-m {
padding-left: 8rem;
}
.pl7-m {
padding-left: 16rem;
}
.pr0-m {
padding-right: 0;
}
.pr1-m {
padding-right: .25rem;
}
.pr2-m {
padding-right: .5rem;
}
.pr3-m {
padding-right: 1rem;
}
.pr4-m {
padding-right: 2rem;
}
.pr5-m {
padding-right: 4rem;
}
.pr6-m {
padding-right: 8rem;
}
.pr7-m {
padding-right: 16rem;
}
.pb0-m {
padding-bottom: 0;
}
.pb1-m {
padding-bottom: .25rem;
}
.pb2-m {
padding-bottom: .5rem;
}
.pb3-m {
padding-bottom: 1rem;
}
.pb4-m {
padding-bottom: 2rem;
}
.pb5-m {
padding-bottom: 4rem;
}
.pb6-m {
padding-bottom: 8rem;
}
.pb7-m {
padding-bottom: 16rem;
}
.pt0-m {
padding-top: 0;
}
.pt1-m {
padding-top: .25rem;
}
.pt2-m {
padding-top: .5rem;
}
.pt3-m {
padding-top: 1rem;
}
.pt4-m {
padding-top: 2rem;
}
.pt5-m {
padding-top: 4rem;
}
.pt6-m {
padding-top: 8rem;
}
.pt7-m {
padding-top: 16rem;
}
.pv0-m {
padding-top: 0;
padding-bottom: 0;
}
.pv1-m {
padding-top: .25rem;
padding-bottom: .25rem;
}
.pv2-m {
padding-top: .5rem;
padding-bottom: .5rem;
}
.pv3-m {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-m {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-m {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-m {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-m {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-m {
padding-left: 0;
padding-right: 0;
}
.ph1-m {
padding-left: .25rem;
padding-right: .25rem;
}
.ph2-m {
padding-left: .5rem;
padding-right: .5rem;
}
.ph3-m {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-m {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-m {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-m {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-m {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-m {
margin: 0;
}
.ma1-m {
margin: .25rem;
}
.ma2-m {
margin: .5rem;
}
.ma3-m {
margin: 1rem;
}
.ma4-m {
margin: 2rem;
}
.ma5-m {
margin: 4rem;
}
.ma6-m {
margin: 8rem;
}
.ma7-m {
margin: 16rem;
}
.ml0-m {
margin-left: 0;
}
.ml1-m {
margin-left: .25rem;
}
.ml2-m {
margin-left: .5rem;
}
.ml3-m {
margin-left: 1rem;
}
.ml4-m {
margin-left: 2rem;
}
.ml5-m {
margin-left: 4rem;
}
.ml6-m {
margin-left: 8rem;
}
.ml7-m {
margin-left: 16rem;
}
.mr0-m {
margin-right: 0;
}
.mr1-m {
margin-right: .25rem;
}
.mr2-m {
margin-right: .5rem;
}
.mr3-m {
margin-right: 1rem;
}
.mr4-m {
margin-right: 2rem;
}
.mr5-m {
margin-right: 4rem;
}
.mr6-m {
margin-right: 8rem;
}
.mr7-m {
margin-right: 16rem;
}
.mb0-m {
margin-bottom: 0;
}
.mb1-m {
margin-bottom: .25rem;
}
.mb2-m {
margin-bottom: .5rem;
}
.mb3-m {
margin-bottom: 1rem;
}
.mb4-m {
margin-bottom: 2rem;
}
.mb5-m {
margin-bottom: 4rem;
}
.mb6-m {
margin-bottom: 8rem;
}
.mb7-m {
margin-bottom: 16rem;
}
.mt0-m {
margin-top: 0;
}
.mt1-m {
margin-top: .25rem;
}
.mt2-m {
margin-top: .5rem;
}
.mt3-m {
margin-top: 1rem;
}
.mt4-m {
margin-top: 2rem;
}
.mt5-m {
margin-top: 4rem;
}
.mt6-m {
margin-top: 8rem;
}
.mt7-m {
margin-top: 16rem;
}
.mv0-m {
margin-top: 0;
margin-bottom: 0;
}
.mv1-m {
margin-top: .25rem;
margin-bottom: .25rem;
}
.mv2-m {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mv3-m {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-m {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-m {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-m {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-m {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-m {
margin-left: 0;
margin-right: 0;
}
.mh1-m {
margin-left: .25rem;
margin-right: .25rem;
}
.mh2-m {
margin-left: .5rem;
margin-right: .5rem;
}
.mh3-m {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-m {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-m {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-m {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-m {
margin-left: 16rem;
margin-right: 16rem;
}
.strike-m {
text-decoration: line-through;
}
.underline-m {
text-decoration: underline;
}
.no-underline-m {
text-decoration: none;
}
.tl-m {
text-align: left;
}
.tr-m {
text-align: right;
}
.tc-m {
text-align: center;
}
.ttc-m {
text-transform: capitalize;
}
.ttl-m {
text-transform: lowercase;
}
.ttu-m {
text-transform: uppercase;
}
.ttn-m {
text-transform: none;
}
.f-6-m,
.f-headline-m {
font-size: 6rem;
}
.f-5-m,
.f-subheadline-m {
font-size: 5rem;
}
.f1-m {
font-size: 3rem;
}
.f2-m {
font-size: 2.25rem;
}
.f3-m {
font-size: 1.5rem;
}
.f4-m {
font-size: 1.25rem;
}
.f5-m {
font-size: 1rem;
}
.f6-m {
font-size: .875rem;
}
.measure-m {
max-width: 30em;
}
.measure-wide-m {
max-width: 34em;
}
.measure-narrow-m {
max-width: 20em;
}
.indent-m {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-m {
font-variant: small-caps;
}
.truncate-m {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.clip-m {
position: fixed !important;
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-m {
white-space: normal;
}
.nowrap-m {
white-space: nowrap;
}
.pre-m {
white-space: pre;
}
.v-base-m {
vertical-align: baseline;
}
.v-mid-m {
vertical-align: middle;
}
.v-top-m {
vertical-align: top;
}
.v-btm-m {
vertical-align: bottom;
}
}
@media screen and (min-width: 60em) {
.cover-l {
background-size: cover;
}
.contain-l {
background-size: contain;
}
.ba-l {
border-style: solid;
border-width: 1px;
}
.bt-l {
border-top-style: solid;
border-top-width: 1px;
}
.br-l {
border-right-style: solid;
border-right-width: 1px;
}
.bb-l {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-l {
border-left-style: solid;
border-left-width: 1px;
}
.bn-l {
border-style: none;
border-width: 0;
}
.br0-l {
border-radius: 0;
}
.br1-l {
border-radius: .125rem;
}
.br2-l {
border-radius: .25rem;
}
.br3-l {
border-radius: .5rem;
}
.br4-l {
border-radius: 1rem;
}
.br-100-l {
border-radius: 100%;
}
.br--bottom-l {
border-radius-top-left: 0;
border-radius-top-right: 0;
}
.br--top-l {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.br--right-l {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.br--left-l {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-l {
border-style: dotted;
}
.b--dashed-l {
border-style: dashed;
}
.b--solid-l {
border-style: solid;
}
.b--none-l {
border-style: none;
}
.bw0-l {
border-width: 0;
}
.bw1-l {
border-width: .125rem;
}
.bw2-l {
border-width: .25rem;
}
.bw3-l {
border-width: .5rem;
}
.bw4-l {
border-width: 1rem;
}
.bw5-l {
border-width: 2rem;
}
.bt-0-l {
border-top-width: 0;
}
.br-0-l {
border-right-width: 0;
}
.bb-0-l {
border-bottom-width: 0;
}
.bl-0-l {
border-left-width: 0;
}
.shadow-1-l {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-l {
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-l {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-l {
box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.shadow-5-l {
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
.top-0-l {
top: 0;
}
.left-0-l {
left: 0;
}
.right-0-l {
right: 0;
}
.bottom-0-l {
bottom: 0;
}
.top-1-l {
top: 1rem;
}
.left-1-l {
left: 1rem;
}
.right-1-l {
right: 1rem;
}
.bottom-1-l {
bottom: 1rem;
}
.top-2-l {
top: 2rem;
}
.left-2-l {
left: 2rem;
}
.right-2-l {
right: 2rem;
}
.bottom-2-l {
bottom: 2rem;
}
.top--1-l {
top: -1rem;
}
.right--1-l {
right: -1rem;
}
.bottom--1-l {
bottom: -1rem;
}
.left--1-l {
left: -1rem;
}
.top--2-l {
top: -2rem;
}
.right--2-l {
right: -2rem;
}
.bottom--2-l {
bottom: -2rem;
}
.left--2-l {
left: -2rem;
}
.absolute--fill-l {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-l {
clear: left;
}
.cr-l {
clear: right;
}
.cb-l {
clear: both;
}
.cn-l {
clear: none;
}
.dn-l {
display: none;
}
.di-l {
display: inline;
}
.db-l {
display: block;
}
.dib-l {
display: inline-block;
}
.dit-l {
display: inline-table;
}
.dt-l {
display: table;
}
.dtc-l {
display: table-cell;
}
.dt-row-l {
display: table-row;
}
.dt-row-group-l {
display: table-row-group;
}
.dt-column-l {
display: table-column;
}
.dt-column-group-l {
display: table-column-group;
}
.dt--fixed-l {
table-layout: fixed;
width: 100%;
}
.flex-l {
display: -webkit-flex;
display: flex;
}
.flex-auto-l {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
/* 1 */
}
.flex-none-l {
-webkit-flex: none;
flex: none;
}
.flex-column-l {
-webkit-flex-direction: column;
flex-direction: column;
}
.flex-wrap-l {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.items-start-l {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.items-end-l {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.items-center-l {
-webkit-align-items: center;
align-items: center;
}
.items-baseline-l {
-webkit-align-items: baseline;
align-items: baseline;
}
.items-stretch-l {
-webkit-align-items: stretch;
align-items: stretch;
}
.self-start-l {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.self-end-l {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.self-center-l {
-webkit-align-self: center;
align-self: center;
}
.self-baseline-l {
-webkit-align-self: baseline;
align-self: baseline;
}
.self-stretch-l {
-webkit-align-self: stretch;
align-self: stretch;
}
.justify-start-l {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-end-l {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-center-l {
-webkit-justify-content: center;
justify-content: center;
}
.justify-between-l {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-around-l {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.content-start-l {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.content-end-l {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.content-center-l {
-webkit-align-content: center;
align-content: center;
}
.content-between-l {
-webkit-align-content: space-between;
align-content: space-between;
}
.content-around-l {
-webkit-align-content: space-around;
align-content: space-around;
}
.content-stretch-l {
-webkit-align-content: stretch;
align-content: stretch;
}
.order-0-l {
-webkit-order: 0;
order: 0;
}
.order-1-l {
-webkit-order: 1;
order: 1;
}
.order-2-l {
-webkit-order: 2;
order: 2;
}
.order-3-l {
-webkit-order: 3;
order: 3;
}
.order-4-l {
-webkit-order: 4;
order: 4;
}
.order-5-l {
-webkit-order: 5;
order: 5;
}
.order-6-l {
-webkit-order: 6;
order: 6;
}
.order-7-l {
-webkit-order: 7;
order: 7;
}
.order-8-l {
-webkit-order: 8;
order: 8;
}
.order-last-l {
-webkit-order: 99999;
order: 99999;
}
.fl-l {
float: left;
display: inline;
}
.fr-l {
float: right;
display: inline;
}
.fn-l {
float: none;
}
.i-l {
font-style: italic;
}
.fs-normal-l {
font-style: normal;
}
.normal-l {
font-weight: normal;
}
.b-l {
font-weight: bold;
}
.fw1-l {
font-weight: 100;
}
.fw2-l {
font-weight: 200;
}
.fw3-l {
font-weight: 300;
}
.fw4-l {
font-weight: 400;
}
.fw5-l {
font-weight: 500;
}
.fw6-l {
font-weight: 600;
}
.fw7-l {
font-weight: 700;
}
.fw8-l {
font-weight: 800;
}
.fw9-l {
font-weight: 900;
}
.h1-l {
height: 1rem;
}
.h2-l {
height: 2rem;
}
.h3-l {
height: 4rem;
}
.h4-l {
height: 8rem;
}
.h5-l {
height: 16rem;
}
.h-25-l {
height: 25%;
}
.h-50-l {
height: 50%;
}
.h-75-l {
height: 75%;
}
.h-100-l {
height: 100%;
}
.h-auto-l {
height: auto;
}
.h-inherit-l {
height: inherit;
}
.tracked-l {
letter-spacing: .16em;
}
.tracked-tight-l {
letter-spacing: -0.05em;
}
.tracked-mega-l {
letter-spacing: .32em;
}
.lh-solid-l {
line-height: 1;
}
.lh-title-l {
line-height: 1.3;
}
.lh-copy-l {
line-height: 1.6;
}
.mw-100-l {
max-width: 100%;
}
.mw1-l {
max-width: 1rem;
}
.mw2-l {
max-width: 2rem;
}
.mw3-l {
max-width: 4rem;
}
.mw4-l {
max-width: 8rem;
}
.mw5-l {
max-width: 16rem;
}
.mw6-l {
max-width: 32rem;
}
.mw7-l {
max-width: 48rem;
}
.mw8-l {
max-width: 64rem;
}
.mw9-l {
max-width: 96rem;
}
.mw-none-l {
max-width: none;
}
.w1-l {
width: 1rem;
}
.w2-l {
width: 2rem;
}
.w3-l {
width: 4rem;
}
.w4-l {
width: 8rem;
}
.w5-l {
width: 16rem;
}
.w-10-l {
width: 10%;
}
.w-20-l {
width: 20%;
}
.w-25-l {
width: 25%;
}
.w-33-l {
width: 33%;
}
.w-34-l {
width: 34%;
}
.w-40-l {
width: 40%;
}
.w-50-l {
width: 50%;
}
.w-60-l {
width: 60%;
}
.w-75-l {
width: 75%;
}
.w-80-l {
width: 80%;
}
.w-100-l {
width: 100%;
}
.w-auto-l {
width: auto;
}
.overflow-visible-l {
overflow: visible;
}
.overflow-hidden-l {
overflow: hidden;
}
.overflow-scroll-l {
overflow: scroll;
}
.overflow-auto-l {
overflow: auto;
}
.overflow-x-visible-l {
overflow-x: visible;
}
.overflow-x-hidden-l {
overflow-x: hidden;
}
.overflow-x-scroll-l {
overflow-x: scroll;
}
.overflow-x-auto-l {
overflow-x: auto;
}
.overflow-y-visible-l {
overflow-y: visible;
}
.overflow-y-hidden-l {
overflow-y: hidden;
}
.overflow-y-scroll-l {
overflow-y: scroll;
}
.overflow-y-auto-l {
overflow-y: auto;
}
.static-l {
position: static;
}
.relative-l {
position: relative;
}
.absolute-l {
position: absolute;
}
.fixed-l {
position: fixed;
}
.pa0-l {
padding: 0;
}
.pa1-l {
padding: .25rem;
}
.pa2-l {
padding: .5rem;
}
.pa3-l {
padding: 1rem;
}
.pa4-l {
padding: 2rem;
}
.pa5-l {
padding: 4rem;
}
.pa6-l {
padding: 8rem;
}
.pa7-l {
padding: 16rem;
}
.pl0-l {
padding-left: 0;
}
.pl1-l {
padding-left: .25rem;
}
.pl2-l {
padding-left: .5rem;
}
.pl3-l {
padding-left: 1rem;
}
.pl4-l {
padding-left: 2rem;
}
.pl5-l {
padding-left: 4rem;
}
.pl6-l {
padding-left: 8rem;
}
.pl7-l {
padding-left: 16rem;
}
.pr0-l {
padding-right: 0;
}
.pr1-l {
padding-right: .25rem;
}
.pr2-l {
padding-right: .5rem;
}
.pr3-l {
padding-right: 1rem;
}
.pr4-l {
padding-right: 2rem;
}
.pr5-l {
padding-right: 4rem;
}
.pr6-l {
padding-right: 8rem;
}
.pr7-l {
padding-right: 16rem;
}
.pb0-l {
padding-bottom: 0;
}
.pb1-l {
padding-bottom: .25rem;
}
.pb2-l {
padding-bottom: .5rem;
}
.pb3-l {
padding-bottom: 1rem;
}
.pb4-l {
padding-bottom: 2rem;
}
.pb5-l {
padding-bottom: 4rem;
}
.pb6-l {
padding-bottom: 8rem;
}
.pb7-l {
padding-bottom: 16rem;
}
.pt0-l {
padding-top: 0;
}
.pt1-l {
padding-top: .25rem;
}
.pt2-l {
padding-top: .5rem;
}
.pt3-l {
padding-top: 1rem;
}
.pt4-l {
padding-top: 2rem;
}
.pt5-l {
padding-top: 4rem;
}
.pt6-l {
padding-top: 8rem;
}
.pt7-l {
padding-top: 16rem;
}
.pv0-l {
padding-top: 0;
padding-bottom: 0;
}
.pv1-l {
padding-top: .25rem;
padding-bottom: .25rem;
}
.pv2-l {
padding-top: .5rem;
padding-bottom: .5rem;
}
.pv3-l {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-l {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-l {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-l {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-l {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-l {
padding-left: 0;
padding-right: 0;
}
.ph1-l {
padding-left: .25rem;
padding-right: .25rem;
}
.ph2-l {
padding-left: .5rem;
padding-right: .5rem;
}
.ph3-l {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-l {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-l {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-l {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-l {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-l {
margin: 0;
}
.ma1-l {
margin: .25rem;
}
.ma2-l {
margin: .5rem;
}
.ma3-l {
margin: 1rem;
}
.ma4-l {
margin: 2rem;
}
.ma5-l {
margin: 4rem;
}
.ma6-l {
margin: 8rem;
}
.ma7-l {
margin: 16rem;
}
.ml0-l {
margin-left: 0;
}
.ml1-l {
margin-left: .25rem;
}
.ml2-l {
margin-left: .5rem;
}
.ml3-l {
margin-left: 1rem;
}
.ml4-l {
margin-left: 2rem;
}
.ml5-l {
margin-left: 4rem;
}
.ml6-l {
margin-left: 8rem;
}
.ml7-l {
margin-left: 16rem;
}
.mr0-l {
margin-right: 0;
}
.mr1-l {
margin-right: .25rem;
}
.mr2-l {
margin-right: .5rem;
}
.mr3-l {
margin-right: 1rem;
}
.mr4-l {
margin-right: 2rem;
}
.mr5-l {
margin-right: 4rem;
}
.mr6-l {
margin-right: 8rem;
}
.mr7-l {
margin-right: 16rem;
}
.mb0-l {
margin-bottom: 0;
}
.mb1-l {
margin-bottom: .25rem;
}
.mb2-l {
margin-bottom: .5rem;
}
.mb3-l {
margin-bottom: 1rem;
}
.mb4-l {
margin-bottom: 2rem;
}
.mb5-l {
margin-bottom: 4rem;
}
.mb6-l {
margin-bottom: 8rem;
}
.mb7-l {
margin-bottom: 16rem;
}
.mt0-l {
margin-top: 0;
}
.mt1-l {
margin-top: .25rem;
}
.mt2-l {
margin-top: .5rem;
}
.mt3-l {
margin-top: 1rem;
}
.mt4-l {
margin-top: 2rem;
}
.mt5-l {
margin-top: 4rem;
}
.mt6-l {
margin-top: 8rem;
}
.mt7-l {
margin-top: 16rem;
}
.mv0-l {
margin-top: 0;
margin-bottom: 0;
}
.mv1-l {
margin-top: .25rem;
margin-bottom: .25rem;
}
.mv2-l {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mv3-l {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-l {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-l {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-l {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-l {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-l {
margin-left: 0;
margin-right: 0;
}
.mh1-l {
margin-left: .25rem;
margin-right: .25rem;
}
.mh2-l {
margin-left: .5rem;
margin-right: .5rem;
}
.mh3-l {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-l {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-l {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-l {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-l {
margin-left: 16rem;
margin-right: 16rem;
}
.strike-l {
text-decoration: line-through;
}
.underline-l {
text-decoration: underline;
}
.no-underline-l {
text-decoration: none;
}
.tl-l {
text-align: left;
}
.tr-l {
text-align: right;
}
.tc-l {
text-align: center;
}
.ttc-l {
text-transform: capitalize;
}
.ttl-l {
text-transform: lowercase;
}
.ttu-l {
text-transform: uppercase;
}
.ttn-l {
text-transform: none;
}
.f-6-l,
.f-headline-l {
font-size: 6rem;
}
.f-5-l,
.f-subheadline-l {
font-size: 5rem;
}
.f1-l {
font-size: 3rem;
}
.f2-l {
font-size: 2.25rem;
}
.f3-l {
font-size: 1.5rem;
}
.f4-l {
font-size: 1.25rem;
}
.f5-l {
font-size: 1rem;
}
.f6-l {
font-size: .875rem;
}
.measure-l {
max-width: 30em;
}
.measure-wide-l {
max-width: 34em;
}
.measure-narrow-l {
max-width: 20em;
}
.indent-l {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-l {
font-variant: small-caps;
}
.truncate-l {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.clip-l {
position: fixed !important;
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-l {
white-space: normal;
}
.nowrap-l {
white-space: nowrap;
}
.pre-l {
white-space: pre;
}
.v-base-l {
vertical-align: baseline;
}
.v-mid-l {
vertical-align: middle;
}
.v-top-l {
vertical-align: top;
}
.v-btm-l {
vertical-align: bottom;
}
}
/*
INPUTS
*/
input[type="checkbox"].ma0,
input[type="radio"].ma0 {
margin: 0px;
}
input[type="checkbox"].mr2,
input[type="radio"].mr2 {
margin-right: .5rem;
}
.dashboard-container {
position: absolute;
top: 45px !important;
left: 30px;
right: 0px !important;
bottom: 0px;
overflow: auto;
box-sizing: border-box;
height: auto !important;
}
.dashboard-container .dashboard-inner {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: auto;
padding: 20px 20px 00px;
}
.dashboard-container .dashboard-inner .gridster {
margin-bottom: 60px;
}
.gridster-preview-holder {
border-radius: 4px;
background: rgba(0, 0, 0, 0.15);
}
.widget.reporting-widget {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
cursor: move;
overflow: hidden;
}
.widget.reporting-widget.disable-hover {
pointer-events: none;
}
.widget.reporting-widget .gridster-item-resizable-handler.handle-s {
left: 50%;
width: 40px;
bottom: 0px;
margin-left: -20px;
height: 15px;
-webkit-transform: translate(0px, 10px);
transform: translate(0px, 10px);
transition: -webkit-transform 0.12s ease-out;
transition: transform 0.12s ease-out;
transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out;
}
.widget.reporting-widget .gridster-item-resizable-handler.handle-s:after {
position: absolute;
content: ' ';
top: 12px;
height: 3px;
width: 20px;
left: 10px;
background: rgba(0, 0, 0, 0.6);
}
.widget.reporting-widget .gridster-item-resizable-handler.handle-e {
right: 0px;
height: 40px;
top: 50%;
margin-top: -20px;
width: 15px;
-webkit-transform: translate(10px, 0px);
transform: translate(10px, 0px);
transition: -webkit-transform 0.12s ease-out;
transition: transform 0.12s ease-out;
transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out;
}
.widget.reporting-widget .gridster-item-resizable-handler.handle-e:after {
position: absolute;
content: ' ';
right: 0px;
width: 3px;
height: 20px;
top: 10px;
background: rgba(0, 0, 0, 0.6);
}
.widget.reporting-widget.without-s-resize .gridster-item-resizable-handler.handle-s {
display: none;
}
.widget.reporting-widget.without-e-resize .gridster-item-resizable-handler.handle-e {
display: none;
}
.widget.reporting-widget:hover .gridster-item-resizable-handler.handle-s,
.widget.reporting-widget:hover .gridster-item-resizable-handler.handle-e {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.widget.reporting-widget .widget-inner {
height: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
}
.widget.reporting-widget .widget-inner .loaded-wrapper {
height: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
}
.widget.reporting-widget .widget-inner .title {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
.widget.reporting-widget .widget-inner .content-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.widget.reporting-widget .widget-inner .content-wrapper .flex-item {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.widget.reporting-widget .widget-inner .content-wrapper .content {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
position: relative;
overflow: hidden;
}
.widget.reporting-widget .widget-inner .content-wrapper .content.with-expanded-detail {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
.widget.reporting-widget .widget-inner .content-wrapper .content .flex-item {
position: relative;
}
.widget.reporting-widget .widget-inner .content-wrapper .content .flex-item .graph-widget {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
.widget.reporting-widget .widget-inner .content-wrapper .content .flex-item .graph-widget .graph-inner {
height: 100%;
padding: 15px 15px 0px 0px;
box-sizing: border-box;
}
.widget.reporting-widget .widget-inner .content-wrapper .content .flex-item .graph-widget .graph-inner .graph {
height: 100%;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content {
margin: 0 15px 15px 35px;
box-sizing: border-box;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner {
width: 100%;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail {
margin: 30px 0px;
width: 100%;
color: #64767c;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail h2,
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail h3,
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail h4 {
margin: 0 10px 0 0;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail h2 {
font-size: 40px;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail h3 {
font-size: 20px;
margin-bottom: -5px;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail h4 {
font-size: 18px;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail .numbers {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail .percentage-change {
cursor: help;
margin-left: 10px;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail .percentage-change.good {
color: #60a369;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail .percentage-change.bad {
color: #d25656;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail .percentage-change .icon {
font-size: 0.7em;
}
.widget.reporting-widget .widget-inner .content-wrapper .extra-content .extra-content-inner .content-detail .percentage-change p {
margin-bottom: 0px;
font-size: 14px;
}
.widget.reporting-widget .widget-inner .content-wrapper .show-large-width {
display: none;
}
.widget.reporting-widget .widget-inner .content-wrapper .show-extra-large-width {
display: none;
}
.widget.reporting-widget .widget-inner .content-wrapper .show-large-height {
display: none;
background: blue;
}
.widget.reporting-widget .widget-inner .content-wrapper.x-2 .show-large-width,
.widget.reporting-widget .widget-inner .content-wrapper.x-3 .show-large-width {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.widget.reporting-widget .widget-inner .content-wrapper.x-3 .show-extra-large-width {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.widget.reporting-widget .widget-inner .content-wrapper.y-2 .show-large-height {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.dashboard-modal .widgets-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.dashboard-modal .widgets-container .widget-wrapper {
width: 50%;
padding: 10px;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.dashboard-modal .widgets-container .widget-wrapper .widget {
margin: 1px;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.dashboard-modal .widgets-container .widget-wrapper .widget.highlight {
box-shadow: 0 0 6px rgba(96, 80, 166, 0.9);
border: 2px solid rgba(96, 80, 166, 0.5);
margin: 0px;
}
.dashboard-modal .widgets-container .widget-wrapper .widget .title input {
margin-top: -6px;
}
.dashboard-modal .widgets-container .widget-wrapper .widget .content {
padding: 10px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.dashboard-modal .widgets-container .widget-wrapper .widget .content .left-side {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.dashboard-modal .widgets-container .widget-wrapper .widget .content .right-side {
-webkit-flex: 2;
flex: 2;
padding: 0px 10px;
}
.dashboard-modal .widgets-container .widget-wrapper .widget .content .right-side .two-column {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
margin-top: 10px;
}
.dashboard-modal .widgets-container .widget-wrapper .widget .content .right-side .two-column .column {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.dashboard-modal .widgets-container .widget-wrapper .widget .content .right-side .two-column .column {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
.change-dashboard-date .pretty-list {
overflow: auto;
height: 400px;
}
.cs-highcharts-tooltip {
padding: 5px 10px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.27);
-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.06) 3px -3px 3px);
}
.cs-highcharts-tooltip .value {
display: block;
margin-top: 5px;
}
.left-right-controls .icon {
font-size: 9px !important;
width: auto !important;
height: auto;
background: #f0f0f0;
color: rgba(143, 146, 150, 0.9) !important;
border: 1px solid #dadada;
border-bottom-width: 2px;
border-radius: 2px;
padding: 6px 8px 3px 7px;
line-height: 13px;
float: right !important;
margin: 7px 0px 0px 5px !important;
transition: color 0.1s ease-in, background 0.1s ease-in;
}
.left-right-controls .icon:hover {
color: rgba(138, 141, 145, 0.9);
background: #ebebeb;
}
.left-right-controls .quick-links-btn {
background: transparent !important;
border: 0px !important;
}
.left-right-controls .quick-links-btn .caret {
margin-left: 2px;
}
.left-right-controls .quick-links-wrap.open .quick-links-btn {
background: transparent !important;
}
.report-leftnav-first-tire{
top:120px;
}
.content-placeholder {
width: 80px;
height: 18px;
background-color: #e0e2e1;
}
.content-placeholder.content-placeholder-medium {
width: 220px;
}
@media print {
.top_bar_wrapper {
display: none;
}
.search-with-tabs {
display: none;
}
.invoice-row {
display: none;
}
.invoice-row.selected-to-print {
display: table-row;
}
}
.integrations-modal textarea {
width: 100%;
}
.invoice-tooltip-content span{
text-align: left;
float: left;
clear: both;
}
.customer-history-search.app-filter.search-with-tabs .filter-block a.tab .status-circle {
overflow: hidden;
top: 0px;
}
.filter-block .checkbox-container .faux-checkbox {
margin-top: 12px;
}
.naturalforms-generated-url {
word-wrap: break-word;
margin: 5px 0px 5px 0px;
}
.naturalforms-text-box {
margin: 5px 0px;
}
#naturalforms-copyable {
position: absolute;
z-index: -1;
width: 0px;
height: 0px;
}
#integrations-copyable {
position: absolute;
z-index: -1;
width: 0px;
height: 0px;
}
.no-top-margin {
margin: 0 0 10px 0;
}
.no-bottom-margin {
margin: 10px 0 0 0;
}
.with-top-margin {
margin-top: 10px;
}
.with-bottom-margin {
margin-bottom: 10px;
}
.label-popping {
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
will-change: transform;
-webkit-animation: bounce .3s;
animation: bounce .3s;
}
@-webkit-keyframes bounce{
0%{
-webkit-transform: scale(0);
transform: scale(0);
}
75%{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100%{
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounce{
0%{
-webkit-transform: scale(0);
transform: scale(0);
}
75%{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100%{
-webkit-transform: scale(1);
transform: scale(1)
}
}
.filter-block .checkbox-container .faux-checkbox {
margin-top: 12px;
}
.item-inner.no-after{
margin-left: 23px;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.customer-history-search.app-filter.search-with-tabs .filter-block a.tab .status-circle {
overflow: hidden;
top: 0px;
}
.html-stats-grid-container {
text-align: center;
}
.html-stats-box {
background-color: #fff;
height: auto;
width: 33.33%;
width: calc(100%/3);
padding-top: 15px;
padding-bottom: 15px;
display: inline-block;
box-sizing: border-box;
text-align: center;
border: 1px solid #ddd;
}
.html-stats-box .placeholder {
font-size: 93px;
line-height: 1.11;
visibility: hidden;
}
.html-stats-box .clickable {
color: #3276ad;
cursor: pointer;
}
.html-stats-box .clickable:hover {
color: #265882;
}
.html-stats-box.full-width {
width: 100%;
}
.html-stats-box.half-width {
width: 50%;
}
.html-stats-box-heading {
font-size: 15px;
margin-bottom: 6px;
color: #979797;
}
.html-stats-box-content {
position: relative;
}
.html-stats-box-content .text {
font-size: 95px;
position: absolute;
white-space: nowrap;
top: 42px;
left: 0px;
right: 0px;
}
.html-stats-box-content .text.font-size-62 {
font-size: 62px !important;
white-space: normal;
vertical-align: top;
line-height: 0.4;
}
.html-stats-box-content .text.font-size-42 {
font-size: 42px !important;
white-space: normal;
vertical-align: top;
line-height: 0.6;
}
.html-stats-box-content .text.font-size-32 {
font-size: 32px !important;
white-space: normal;
vertical-align: top;
line-height: 0.9;
}
.html-stats-box-content .text.font-size-22 {
font-size: 22px !important;
white-space: normal;
vertical-align: top;
line-height: 0.9;
}
.html-stats-box-content .text.font-size-15 {
font-size: 15px !important;
white-space: normal;
vertical-align: top;
line-height: 1.4;
}
.html-widget-inner,
.html-stats-grid-outer,
.html-widget,
.html-stats-grid-container {
width: 100%;
}
.cspagingoption-container {
margin: 0px 9px;
float: right;
}
.reporting-operational-table .faux-checkbox {
margin: 0px 5px 0px 0px;
}
.reporting-operational-table .operational-column-labels {
background: #f6f4f4 !important;
}
.reporting-operational-table .operational-header {
background: #6393b5 !important;
color: #fff !important;
}
.reporting-operational-table .operational-data-row {
background: #fff !important;
}
.reporting-operational-table .faux-checkbox {
background-color: #fff;
}
.item-inner.no-after{
margin-left: 23px;
}
.item-inner.no-after:after{
display: none !important;
}
.item-inner.no-after:before{
display: none !important;
}
.tooltip-left-px .tooltip.top{
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
.tooltip-left-px .tooltip-arrow{
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
.first-top-padding:first-of-type{
padding-top: 15px;
}
.navigable-file-row {
cursor: pointer;
}
.mass_send_statement{
margin: 6px 0 0 0 !important;
}
/*
.overlay-text.upload-prompt p.upload-icon {
font-size: 81px;
margin-bottom: 35px;
margin-top: 25px;
}
.docparser .overlay-text.upload-prompt p.upload-icon {
margin-bottom: 25px;
}
.file-icon {
position: relative;
display: inline-block;
margin-bottom: 25px;
font-size: 50px;
transition: top 0.3s ease-in-out,
margin-left 0.3s ease-in-out,
margin-right 0.3s ease-in-out;
}
.file-icon-container {
height: 80px;
padding-top: 14px;
}
.file-icon-left {
transform: rotate(-20deg);
top: 11px;
margin-right: 8px;
}
.file-icon-middle {
top: 0px;
margin-left: 0px;
margin-right: 0px;
}
.file-icon-right {
transform: rotate(20deg);
top: 11px;
margin-left: 5px;
}
.upload-prompt-activated .file-icon-left {
top: 4px;
margin-right: 16px;
}
.upload-prompt-activated .file-icon-middle {
top: -11px;
margin-left: 8px;
}
*/
/*
.upload-prompt-activated .file-icon-right {
top: 4px;
margin-left: 16px;
}
#upload-prompt-overlay {
z-index: -1;
}
.dragover-enabled.visible-on-screen #upload-prompt-overlay {
z-index: 1;
}
.upload-active {
opacity: 0;
height: 0px;
transition: opacity 0.6s ease-out;
}
.showing-upload-bar .upload-active {
opacity: 1;
height: auto;
transition: opacity 0.6s ease-out;
}
.processing-upload-in-background-container {
opacity: 0;
height: 0px;
transition: opacity 0.6s ease-out;
}
.processing-upload-in-background-container .upload-progress-container {
min-height: 197px;
}
.processing-upload-in-background .processing-upload-in-background-container {
opacity: 1;
height: auto;
}
form.contract_wrapper {
margin: 35px;
}
.contract-push-left-top {
margin-top: 20px !important;
margin-left: 0px !important;
}
.file-preview {
position: absolute;
right: 40px;
left: 0px;
width: auto;
height: 100%;
top: 0px;
bottom: 0px;
}
*/
.video-file-preview video {
width: 100%;
}
#page-panel-main .flex-vertical-center {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
width: 100%;
}
.dismiss-upload-btn {
margin-top: 20px;
}
.estimate_price_links_table {
display: table;
float: right;
}
.section-title .estimate_price_links_table .btn {
padding: 4px 8px;
}
.section-title .estimate_price_links_table > a {
display: table-cell;
float: none;
padding: 0px 5px;
}
.section-title.with-inline-helper .estimate_price_links_table span {
margin: 0px;
}
/*
.section-title .estimate_price_links_table > a:first-child {
padding-left: 0px;
}
.section-title .estimate_price_links_table > a:last-child {
padding-right: 0px;
}
*/
.automatic_post_sales_communication select.input-customer-type{
width: 185px !important;
}
.automatic_post_sales_communication .select2-container .select2-choice{
margin-left: 3px;
width: 240px;
height: 24px;
padding-top: 0 !important;
}
.automatic_post_sales_communication.customers_notification_preferences .filter_links {
padding-left: 10px;
}
.automatic_post_sales_communication .filter_links {
padding-left:12px;
}
.automatic_post_sales_communication .filter_links.clear-filter {
padding-right:12px;
line-height: 26px;
}
.css-table {
display: table !important;
}
.table-cell {
display: table-cell !important;
}
.table-row {
display: table-row !important;
}
.invalid-field {
border-color: #e9322d !important;
box-shadow: 0px 0px 6px #f8b9b7 !important;
-webkit-box-shadow: 0px 0px 6px #f8b9b7 !important;
-moz-box-shadow: 0px 0px 6px #f8b9b7 !important;
}
.invalid-field-error {
color: #b94a48 !important;
padding-top: 5px;
}
.available-part-status-sidepanel {
vertical-align: top;
}
.loaded-img-invisible {
opacity: 0;
height: 0px;
}
.loaded-img-wrapper .spinner-wrapper {
margin-left: 15px;
margin-top: 25px;
color: #ccc;
font-size: 120px;
}
.direct-debit-mandate-fields {
width: 50%;
}
.direct-debit-mandate-fields .table-cell {
padding: 10px;
}
ul.uib-datepicker-popup:before, ul.uib-datepicker-popup:after {
content: none;
}
ul.uib-datepicker-popup {
display: block;
width: 270px;
border: none;
}
ul.uib-datepicker-popup li {
padding: 0;
background: transparent;
}
ul.uib-datepicker-popup td a {
padding: 0;
}
#configure-job-parts.mass-update .options-container .stock-location-option .control-group.fulfill-from-stock .control-label {
width: auto;
}
.formbuilder-datepicker .page-datepicker .custom-datepicker {
left: 0px;
}
/*stock returns operational panels*/
.stock-panel.stock-returns-panel {}
.stock-returns-panel .pretty-list.pretty-list.without-absolute.below-filter {height: auto;}
#side-panel .stock-returns-panel #page-panel-main {
padding-bottom:0;
}
.parts_operational_fulfill_without_stock #configure-job-parts .options-container .stock-location-option .control-group .control-label {
vertical-align: top;
top:0;
padding-top:8px;
}
.parts_operational_fulfill_without_stock .control-error-message {
margin-top: -5px;
}
.vat-div{
text-align: right;
margin-top: 10px !important;
}
.vat-Helptext{
margin-top: -10px;
margin-bottom: 12px;
}
.vat-Helptext-nobreakdown {
margin-top: -5px;
margin-bottom: 12px;
}
.add-tax-rate-spreadsheet {
display: block; overflow: hidden;
}
.with-select2 .select2-container {
margin-top: 8px;
}
/*free of charge modal box*/
.free-of-charge-wrapper .cs-event-header{
position: unset !important;
height: auto !important;
min-height: 0px !important;
}
.free-of-charge-wrapper .free-of-charge-container{
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
display: inline-block;
margin-left: 10px;
}
.final-invoice-radio{
margin: 3px 5px 0 5px !important;
}
.free-of-charge-radio{
position: absolute;
top: 6px;
}
.free-of-charge-diary-status{
top: 3px;
left: 0px;
}
.labour-rate-container .datepicker-append {
width: 130px;
}
.labour-rate-container .datepicker-append > input {
width: 100px;
}
.labour-rate-container .timepicker-wrap {
display:inline-block; vertical-align: middle; margin-left: 8px;
}
.labour-rate-container .add-on.ss-calendar {
top:0;
}
.add_record .add-button {
margin: 10px 0 0 192px !important;
padding: 4px 17px;
}
.add_record .add-button.loading {
padding-left: 32px;
}
.notification-icon{
padding-right: 11px;
padding-top: 3px;
margin-left: -4px;
}
.notification-icon.new-screen-breamer-icon{
margin: 0 !important;
padding: 3px 0px 0px 0px !important;
}
.service_left{
left : 140px !important;
}
/*diary Opportunity event notes words break*/
.event-notes-words-break{
word-break: break-word;
}
/*prepery work address alignment*/
.property-customer-work-address{
max-width: 325px;
}
.activity-icon{
font-size: 20px;
float: left;
margin: 2px 0px 0 0;
margin-left: 8px;
color: #304f65;
}
.options a.activity-icon.white{
color:#fff !important;
}
.options a.activity-icon.white:hover {
color: #fff !important;
}
.accept-reject-opportunities-display-flex{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.opportunities-job-type,.opportunities-reject-type{
margin-left: 10px;
}
.diary-event-title-alignment{
margin-left: 40px;
}
.help-text-border{
border-bottom: 1px solid #dadada !important;
}
.label-padding{
display:-webkit-flex;
display:flex;
}
.variation-padding{
margin-left:auto !important;
}
.event-description-more-content {
word-break: break-word;
}
.beamer_icon{
top: -7px !important;
right: 0px !important;
background-color: #F03D25 !important;
}
.beamer-notifications > .notification-icon {
opacity: 0.5;
}
.beamer-notifications:has(.active) > .notification-icon {
opacity: 1 !important;
}
.opportunity-job-status{
margin-left:52px;
}
.modal-footer-border{
border-top: 1px solid #CDCDCD;
}
.branch-search-padding{
margin-left: -9px !important;
}
/*sales logout dropdown width added*/
.app-container .added-schedule-activity{
width: auto !important;
}
.top-right-menu-list .user-wrapper.open .small-menu{
left : -172px !important;
}
.remove-questions-heading{
margin-top:15px !important;
}
.send-to-customer-height {
#side-panel .mce-tinymce .mce-edit-area {
height: -webkit-max-content !important;
height: -moz-max-content !important;
height: max-content !important;
}
}
.edit-licence-column-left{
float: left !important;
width: 412px !important;
}
.title-border{
border-top: 1px solid #dadada !important;
}
.branch-detail{
margin: 5px 0px 0px !important;
}
.branch-row{
display: -webkit-flex;
display: flex;
}
.branch-column-title{
width: 35%;
}
.branch-column-value{
width: 65%;
}
.input-select{
min-width: 155px;
}
.allocate-to-invoice-container{
width: 91%;
}
.help-text-section{
background: #ffffff;
border-bottom: 1px solid #dadada;
padding: 10px 10px 0px 21px !important;
color: #60a369;
}
.engineer-list-container{
padding: 5px 20px 0px 20px !important;
}
.user-img{
width: 16px;
height: 16px;
border-radius: 23px;
margin-right: 3px;
}
.select2-result-label img{
width: 24px;
height: 24px;
border-radius: 23px;
margin-right: 3px;
}
.round-initial
{
background: #F2994A;
margin-right: 4px;
border-radius: 25px;
font-size: 10px;
padding: 2px 2px;
color: white;
font-weight: 700;
text-transform: uppercase;
}
.select2-result-label .round-initial{
background: #F2994A;
margin-right: 5px;
border-radius: 25px;
font-size: 12px;
padding: 5px 5px;
color: white;
font-weight: 700;
text-transform: uppercase;
}
#message-email{
overflow: auto;
outline: none;
box-shadow: none;
resize: none;
}
#email-subject{
overflow: hidden;
outline: none;
box-shadow: none;
resize: none;
}
.customPopUpClass {
width: 700px;
height: 300px;
}
.second-line-restrict{
.select2-container-multi .select2-choices li {
float: unset !important;
list-style: none;
display: inline-block !important;
}
}
.label.label-archived,
.just-added.label-info {
margin-left: 10px;
background: #a2a261;
}
.addedCustomerContractList .no-results .no-results-wrap{
top: 75px !important;
}
.allocate-to-invoice-container{
width: 91%;
}
.help-text-section{
background: #ffffff;
border-bottom: 1px solid #dadada;
padding: 10px 10px 0px 21px !important;
color: #60a369;
}
.engineer-list-container{
padding: 5px 20px 0px 20px !important;
}
.center-both {
position: absolute;
left: 56%;
-webkit-transform: translate(-45%, -50%);
transform: translate(-45%, -50%);
}
#confirmation-box{
pointer-events: auto;
}
body.mobile-view{
.modal, .full-screen-widget, #smart-panel-overlay, #update-column-panel, #confirmation-box, .modal-backdrop {
display:none !important;
}
}
.finance-reject{
margin-left: 10px;
}
.question-status-info {
padding: 2px ;
cursor: text ;
background-color: #A1A360 !important;
}
.cancel-status-info {
padding: 2px ;
cursor: text ;
background-color: #bf6d6d !important;
}
#confirmation-box{
pointer-events: auto;
}
body.mobile-view{
.modal, .full-screen-widget, #smart-panel-overlay, #update-column-panel, #confirmation-box, .modal-backdrop {
display:none !important;
}
}
.pipeline-color-square{
display: block;
width:16px;
height:16px;
border-radius:2px;
}
.profile-container{
margin-right: 10px;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
img.avatar-image {
height: 22px;
width: 22px;
border-radius: 50%;
margin-left: -5px;
max-width: initial;
}
span {
white-space: nowrap;
margin: 0;
}
}
.profile-container + .profile-container.zero-margin {
margin-left: 0;
}
.stage-data-view {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 22px;
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 300px;
border-radius: 2px;
-webkit-align-content: center;
align-content: center;
color: white;
padding: 0 4px 0 4px;
margin: 0;
}
.smart-table-container table .stage-badge {
border-radius: 2px;
color: #fff;
padding: 4px;
font-weight: 400;
white-space: nowrap;
line-height: 15px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.sla-pause-color {
background-color: #A2A360;
}
span .mention{
width: auto !important;
}
.confirm-tick-icon {
border: none !important;
background: none !important;
color: #3883C1 !important;
margin-bottom: 10px !important;
font-size: x-large !important;
}
.confirm-cancel-icon {
border: none !important;
background: none !important;
margin-bottom: 10px !important;
color: #8E8E8E !important;
font-size: large !important;
}
.pipeline-container-align {
display: contents;
}
.quicklink-edit {
margin-left: 5px !important;
color: #3883c1 !important;
cursor: pointer;
}
#pipeValueSelector, #pipeSaveButton, #pipeCancelButton {
display: none;
}
.pipeline-selector .select2-search {
display: none;
}
#s2id_pipeValueSelector {
display: none;
margin-left: 20px;
}
#s2id_pipeValueSelector .select2-chosen {
margin-left: 0px;
text-overflow: initial;
}
.pipeline-selector {
margin-top: -6px !important;
}
.notes-update p {
margin-bottom: 0px !important;
}
.text-field p {
margin-bottom: 0px !important;
}
.user-notes{
height: unset !important;
padding: unset !important;
}
/* =============================================== smooth scroll bar common css ================================================= */
.post-code-list,
#page-panel-main .slide {
outline: none;
scroll-behavior: smooth;
&::-webkit-scrollbar {
width: 5px;
}
&::-webkit-scrollbar-track {
border: #E1E1E1;
background-color: #ddd;
}
&::-webkit-scrollbar-thumb {
background-color: #808080;
border: 1px solid #c9c9c9;
border-radius: 25px;
}
}
.slide-right {
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 165, ../sass/ng-animation.scss */
.slide-right.ng-enter {
transform: translateX(700px);
-ms-transform: translateX(700px);
-webkit-transform: translateX(700px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 171, ../sass/ng-animation.scss */
.slide-right.ng-enter-active {
transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
opacity: 1;
}
/* line 176, ../sass/ng-animation.scss */
.slide-right.ng-leave {
transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 182, ../sass/ng-animation.scss */
.slide-right.ng-leave-active {
transform: translateX(700px);
-ms-transform: translateX(700px);
-webkit-transform: translateX(700px);
opacity: 0;
}
.animate-enter, .animate-leave
{
transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}
.animate-enter {
opacity: 0;
}
.animate-enter.animate-enter-active {
opacity: 1;
}
.animate-leave {
opacity: 1;
}
.animate-leave.animate-leave-active{
opacity: 0;
}
/* AngularJS 1.2 Animation changes */
.ltor.ng-enter, .ltor.ng-leave
{
position: absolute;
transition: 100ms linear all;
}
.ltor.ng-enter {
position: absolute;
left: 100%;
}
.ltor.ng-enter.ng-enter-active {
position: absolute;
left: 0;
}
.ltor.ng-leave {
position: absolute;
left: 5;
}
.ltor.ng-leave.ng-leave-active {
position: absolute;
left: -100%;
}
.animate.ng-enter, .animate.ng-leave
{
transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}
.animate.ng-enter {
opacity: 0;
}
.animate.ng-enter.ng-enter-active {
opacity: 1;
}
.animate.ng-leave {
opacity: 0;
}
.animate.ng-leave.ng-leave-active{
opacity: 0;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
max-width: none !important;
}
.leaflet-container.leaflet-touch-zoom {
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 15px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1), -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: default;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url('layers.a6137456ed160d760698.png');
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url('layers-2x.4f0283c6ce28e888000e.png');
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url('marker-icon.2273e3d8ad9264b7daa5.png');
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
.cm-container {
float: left;
position: relative;
}
.cm-container .cm-input-wrap {
position: relative;
}
.cm-container .cm-input-wrap .cm-input,
.cm-container .cm-input-wrap .cm-suggestion {
height: 30px;
width: 100%;
}
.cm-container .cm-input-wrap .cm-input {
position: relative;
z-index: 2;
}
.cm-container .cm-input-wrap .cm-suggestion {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.cm-container .cm-results-wrap {
position: absolute;
z-index: 3;
overflow: auto;
width: 400px;
}
.cm-container .cm-results-wrap .cm-results li {
height: 30px;
}
.cm-container .cm-results-wrap .cm-results a {
float: left;
width: 100%;
height: 100%;
}
.cm-container .cm-input-wrap .cm-input,
.cm-container .cm-input-wrap .cm-suggestion {
border: none;
background: transparent;
box-shadow: none;
}
.cm-container .cm-results-wrap .cm-results {
margin: 0;
padding: 0;
}
.cm-container .cm-results-wrap .cm-results li {
list-style: none;
}
.cm-container .cm-results-wrap .cm-results a {
text-decoration: none;
}
.cm-container {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.cm-container .cm-input-wrap {
background: #ffffff;
border: 1px solid #afb2b9;
}
.cm-container .cm-input-wrap .cm-input,
.cm-container .cm-input-wrap .cm-suggestion {
padding: 4px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.cm-container .cm-input-wrap .cm-input:focus,
.cm-container .cm-input-wrap .cm-suggestion:focus {
outline: 0;
}
.cm-container .cm-input-wrap .cm-input {
color: #535558;
}
.cm-container .cm-input-wrap .cm-suggestion {
color: rgba(174, 169, 169, 0.8);
}
.cm-container .cm-results-wrap {
opacity: 0;
z-index: -1;
margin-top: -1px;
background: #ffffff;
border: 1px solid #afb2b9;
box-shadow: 0 4px 5px 0 rgba(134, 130, 130, 0.3);
}
.cm-container .cm-results-wrap .cm-results:hover {
cursor: pointer;
}
.cm-container .cm-results-wrap .cm-results li.cm-without-results {
height: auto;
padding: 10px;
cursor: default;
font-size: 14px;
}
.cm-container .cm-results-wrap .cm-results li.cm-without-results i {
display: block;
color: #535558;
}
.cm-container .cm-results-wrap .cm-results li.cm-without-results span {
display: inline-block;
margin-top: 2px;
font-size: 13px;
color: rgba(83, 85, 88, 0.6);
}
.cm-container .cm-results-wrap .cm-results li:hover a {
background: rgba(175, 178, 185, 0.25);
border-color: #33a6e7;
}
.cm-container .cm-results-wrap .cm-results a {
padding: 0 10px 0 8px;
pointer-events: none;
border-left: 2px solid transparent;
font-size: 14px;
color: #535558;
line-height: 30px;
}
.cm-container .cm-results-wrap .cm-results a.active {
background: rgba(175, 178, 185, 0.25);
border-color: #33a6e7;
}
.cm-container .cm-results-wrap .cm-results a .cm-highlight {
font-weight: bold;
border-bottom: 1px dotted #afb2b9;
}
.cm-container.results-showing .cm-results-wrap {
opacity: 1;
z-index: 9999;
}
.cm-container.focussed .cm-input-wrap {
border-color: #33a6e7;
}
.cm-key {
padding: 1px 4px;
border-radius: 2px;
background: #fcfcfc;
border: 1px solid rgba(155, 156, 159, 0.7);
}
/*This file is for developers, We should move these styles to app.css*/
.appliance-smart-filter{
margin-top:6.5px;
}
.appliance-merge-modal-input {
margin-left:35%;
}
.appliance-merge-modal-input-padding-zero {
margin-left: 0px !important;
}
.profile_image.extra_small .image_wrapper_2 {
width: 50px;
height: 50px;
float:left;
}
input[type="datetime-local"] {
height: 30px !important;
padding: 0 8px !important;
}
.estimate-status.invoiced {
background: #7b5aa4;
}
.customers-invoices-list-screen .actions-column {
width: 90px;
min-width:90px;
}
.customers-invoices-list-screen .small-amount-column {
min-width: 100px;
width: 100px;
max-width: 100px;
}
.vertical-grand-totals-invoicea-list {
float: right;
list-style: none;
width: 520px;
}
.vertical-grand-totals-invoicea-list.vat-hide {
width: 390px;
}
.vertical-grand-totals-invoicea-list .excvat-value {
float: left;
width: 130px;
font-weight: bold;
display: inline-block;
padding: 10px 14px;
border-right: 1px solid #e1e1e1;
}
.vertical-grand-totals-invoicea-list .incvat-value {
float: left;
width: 130px;
font-weight: bold;
display: inline-block;
padding: 10px 14px;
}
.dairy-sidepanel-hour-section {
float: left;
}
.dairy-sidepanel-hour-section.to {
float: left;
margin: 5px 18px 5px 8px;
}
.dairy-sidepanel-hour-section .hour-min {
width: 52px;
float: left;
}
.dairy-sidepanel-hour-section .hour-colon {
margin: 4px;
float: left;
}
.dairy-sidepanel-hour-section .hour-ampm {
margin-bottom: 11px;
}
.dairy-sidepanel-hour-section .diary-time-meridian {
margin-left: 6px;
float: left;
width: 57px;
}
#diary_date_time_inputs .custom-datepicker table {
width: 100%;
}
#diary_date_time_inputs .date-picker-edit {
padding: 5px 10px;
}
.cs-event-header-lower .status-updated {
float: right;
margin: 2px 5px 0 0;
font-size: 10px;
}
#diary_date_time_inputs .page-datepicker .custom-datepicker {
top: 53px;
}
.show-all-option-total {
text-align: right;
margin: 10px 0px;
}
.show-all-option-total input[type="checkbox"] {
margin:0 6px 0 0px;
}
.report-leftnav-all-tire {
top:115px;
}
.move-left{
left:25px;
}
.app-filter .appliancemodelmerge {
width: 200px;
}
form .input-medium, .form_class .input-medium_appliancemodelmerge-group {
width: 233px !important;
}
form .input-medium, .form_class .input-medium_appliancemodelmerge-fueltype {
width: 150px !important;
}
form .input-medium, .form_class .input-medium_appliancemodelmerge-make {
width: 233px !important;
}
.app-filter .appliancemodelmerge input {
width: 150px;
}
.dashboard-inner-margin-padding{
padding-left: 70px;
maring-right:15px;
}
.no_data_for_widget{
margin-top:80px;
}
.graph-parent-fullwidth{
width:100%;
}
.pat-side-panel #page-panel-main {
bottom: 0px;
}
#page-panel-main .slide.pat_slide {
width: 91%;
}
#breadcrumb-title-bar .right-side{
float: right;
margin: 0 20px 0 0;
}
#breadcrumb-title-bar .right-side a{
font-size: 16px;
color: #797979;
float: right;
margin: 2px 0 0 10px !important;
}
.vertical-grand-totals .total-label_reporting {
width: 200px;
height: 50px;
}
.vertical-grand-totals_reporting {
width: auto !important;
}
.job-costings-scrollwrapper_reporting {
padding: 0px;
}
.export_report_help_section {
padding:20px 30px 10px !important;
}
.export_report_page_panel_main {
padding:0px !important;
}
.export_report_cancel_button {
margin:0px 20px 0 0 !important;
}
.export_report_select {
width:300px !important;
}
.diary-striped-background-donot-work {
background: repeating-linear-gradient(-45deg, #fdf8f8, #fdf8f8 10px, #ffffff 10px, #ffffff 20px);
border-color: #edbbbb;
}
.diary-property-item .ss-flag {
float: left;
margin: 10px 14px 0 0;
color: #d25656;
}
.add_part_kit_margin {
margin:10px !important;
}
.vatType_float {
float:right;
}
.section-title.with-edit a.vattype-with-margin{
margin: 5px 0 0 0;
margin-left: 20px;
}
.disabledlink {
pointer-events: none;
cursor: default;
opacity: 0.6;
}
.account_settings_wrapper input[type="radio"] {
float: left !important;
margin: 3px 5px 0 5px;
}
.account_settings_wrapper input[type="radio"]+label {
margin-bottom: 15px;
}
.account_settings_wrapper input[type="radio"]+label:first-child {
margin-top: 7px;
}
.service_window_time_inputs input[type="text"] {
width: 43% !important;
}
.service_window_time_inputs ul.dropdown-menu{
width: 50% !important;
height: 10% !important;
}
.side-panel-add-service-window{
width: 37% !important;
}
.service_window_top{
margin-top:14%
}
.service_window_sidepanel_label{
width: 36% !important;
}
.service_window_main_content {
/*margin-top: 50% !important;
margin-bottom: -60% !important;
top: -235px !important;
position: relative !important;*/
margin-bottom: 0;
padding-bottom: 0 !important;
}
.service_window_check_box{
display: -webkit-inline-flex !important;
display: inline-flex !important;
}
.service_window_form{
padding: 0;
color: #505b65;
box-sizing: border-box;
border-radius: 0;
box-shadow: none;
background-color:unset;
background-repeat: no-repeat;
background-image:none;
}
.service_window_form_inputs{
width: 100% !important;
}
.service_window_main{
width: 100%;
}
.service_window_bottom_content{
float: right;
margin-right: 2%;
margin-top: 2%;
}
.service_window_bottom_info{
text-align: center;
}
.service_window_help_text{
margin-left: -20%;
margin-right: 5%;
}
.history-section .ss-like{
color: #60a369;
}
.history-section .ss-dislike{
color: #d25656;
}
.service_window_side_panel_help_text{
/*padding-right: 0px !important;
padding-left: 20px !important;
padding-top: -10px !important;
margin-top: 0;
padding-bottom: 0 !important;
padding: 0 !important;
margin: 0 !important;
width: 104%;*/
margin: 0% 0% 0% -5% !important;
padding: 2% 4px 1% 5% !important;
width: 104%;
}
.service_windows_form_elements{
margin-top: 2%;
}
.service_window_settings_help_text{
margin: 0 0 10px 0 !important;
padding: 20px 29px 10px 29px !important;
}
.gps-device-configuration-form .control-label {
width: 170px;
}
.gps-device-configuration-form .controls {
margin-left: 190px;
}
.gps-device-configuration-form .select2-chosen {
font-size: 14px;
}
.input-wrapper .add-on-btn {
cursor: pointer;
}
/*Dropdown menu styles*/
ul.dropdown-menu.bottom-right::after, ul.dropdown-menu.bottom-right::before {
left: auto;
right: 10px;
}
ul.dropdown-menu.top-left::before, ul.dropdown-menu.top-right::before {
content: ' ';
display: block;
position: absolute;
top: auto;
bottom: -16px;
left: 10px;
border-color: transparent transparent transparent #cad5e0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 8px solid #253f50;
}
ul.dropdown-menu.top-left::after, ul.dropdown-menu.top-right::after {
content: ' ';
display: block;
position: absolute;
top: auto;
bottom: -15px;
left: 10px;
border-color: transparent transparent transparent #cad5e0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 8px solid #ffffff;
}
ul.dropdown-menu.top-right::after, ul.dropdown-menu.top-right::before {
left: auto;
right: 10px;
}
.appointment {
float: left;
border: 1px solid #d1d9dd;
background-color: white;
}
.suggested-appointment {
height: 100%;
margin: 12px;
border: 1px solid #ccc;
}
#appointment_map { height: 100%; }
.suggested-appointment .diary-suggestion-left {
width:21%;
float: left;
padding: 0px 0px 15px 0px;
background: #ffffff;
}
.length-event-main {
width: 92%;
float: left;
margin-bottom: 2px;
padding: 6px 8px 0px 8px;
}
.length-event-main label {
margin-top: 0px;
}
.length-event-main .hour-min-test {
width: 20%;
float: left;
}
.length-event-main .minutes {
width: 24% !important;
float: left;
}
.length-event-main .container label {
width: 20%;
float: left;
margin: 4px 0 0 5px;
}
.filters-main {
width: 92%;
float: left;
margin-bottom: 0px;
padding: 0px 8px;
}
.diary-filter-border-bottom {
margin: 15px 0px 5px 0px;
width: 95%;
}
.filters-main h4 {
margin-top: -2px;
margin-bottom: 4px;
}
.filters-main .skills-input {
width: 94%;
}
.filters-main .more-buton {
float: right;
width: 100%;
text-align: right;
}
.filters-main .more-buton a {
color: #505b65;
}
.days-list-main-scroll {
width: 100%;
height: 80%;
float: left;
padding-right: 4px;
}
.days-list-main {
width: 100%;
float: left;
margin-bottom: 12px;
}
.engineer-name-list {
width: 94%;
float: left;
margin-bottom: 12px;
padding: 8px;
}
.engineer-name-list:hover {
background: #f7f7f7;
cursor: pointer;
}
.engineer-name-list.active {
background: #f7f7f7;
}
.engineer-name-main {
width: 65%;
float: left;
}
.days-list-main .engineer-name {
margin-bottom: 0px;
}
.days-list-main .title_style {
padding: 0px 8px;
}
.days-list-main .minutes {
float: left;
font-size: 11px;
}
.days-list-main .margin_right_1 {
margin-right: 10px;
}
.engineer-name-button {
width: 35%;
float: right;
}
.engineer-button {
float: right;
width: 100%;
text-align: right;
}
.engineer-name-button .btn {
padding: 3px 8px;
}
.engineer-name-button .engineer-time {
font-size: 10px;
text-align: right;
float: right;
width: 100%;
}
.suggested-appointment .diary-suggestion-map {
height: 100%;
width: 79%;
float: left;
}
.suggested-appointment .diary-suggestion-right {
height: 100%;
width: 210px;
padding: 20px;
float: right;
position: absolute;
z-index: 111111111;
background: #fff;
opacity: 0.9;
right: 0px;
}
.engineer-select-list-right {
width: 100%;
margin-rihgt: 10px;
}
.engineer-select-list-right ul {
margin: 0px;
padding: 0px;
}
.engineer-select-list-right ul li {
width: 100%;
margin: 0 0 5px 0;
padding: 0px;
list-style: none;
}
.engineer-select-list-right ul li label {
width: 20%;
float: left;
font-weight: 500;
}
.engineer-select-list-right ul li span {
padding: 1px 6px 0px 6px;
background: lightgreen;
border-radius: 4px;
margin: 0px 5px 5px 0px;
float: left;
}
.right_line_address_main {
width: 100%;
height: auto;
float: left;
padding-top: 4px;
}
.left_line_main {
width: 6px;
height: 270px;
background: #234e76;
float: left;
}
.info_address_main {
width: 100%;
height: auto;
float: left;
}
.info_address_list {
width: 87%;
height: auto;
float: left;
margin-left: 9%;
margin-bottom: 15px;
}
.info_address_list ui {
margin: 0px;
padding: 0px;
}
.info_address_list ui li {
margin: 0px;
padding: 0px;
width: 100%;
height: auto;
float: left;
list-style: none;
font-size: 13px;
}
.info_address_list ui li.style_bold {
font-weight: bold;
font-size: 14px;
}
.info_address_list ui li.style_color {
color: #6e68a0;
font-weight: bold;
font-size: 14px;
}
.info_address_list ui li.margin_top_1 {
margin-top: 10px;
}
.info_address_list ui li.margin_top_2 {
margin-top: 20px;
}
.home_icon {
margin: 0 0px 0 -36px;
color: #ffffff;
background: #234e76;
padding: 4px;
border-radius: 16px;
border: 2px solid #fff;
}
.home_icon_2 {
margin: 0 0px 0 -36px;
color: #ffffff;
background: #6e68a0;
padding: 5px 4px;
border-radius: 16px;
border: 2px solid #fff;
}
.travel_required_icon {
margin: 0 0px 0 -34px;
color: #ffffff;
background: #234e76;
padding: 4px;
border-radius: 16px;
}
.suggested-appointment-loader {
width: 200px;
margin: 0 auto;
text-align: center;
}
.suggested-appointment-no-result {
margin-top: 15%;
}
.side-panel-date-picker-disable{
pointer-events:none;
}
.Proceed_button {
margin-top: 300px;
text-align: right;
width: 60%;
}
#left_bar_last_home_icon {
margin: 0 0px 0 -28px !important;
}
.filter-block> .select2options{
padding-top: 5px;
}
.diary-lock-icon{
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 11px;
font-weight: bold;
color: rgba(79, 91, 100, 0.86);
float: right;
padding-right: 2px;
}
.diary-lock-icon-show{
display: none;
}
.diary-popup-with-text{
right: 10% !important;
}
.client-id::-webkit-inner-spin-button,.client-id::-webkit-outer-spin-button
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.suggested-appointment-scroll{
overflow-y: scroll;
}
.gray_link {
color: #999999;
float: right;
}
.gray_link a:hover{
color: #999999;
}
.reorder-list-full-width-smart-filter{
width: 60%;
min-width: 220px;
}
.information-bar .close-icon {
position: absolute;
right: 15px;
color: #d7a69a;
padding: 13px 0;
z-index: 1;
cursor: pointer;
}
.reorder-list-bottom-margin{
margin-bottom:20px;
}
/* User Driver Trips view designs*/
.driver_trip_container {
position: relative;
overflow: auto;
height: 74vh;
border-radius: 8px;
}
.driver_trip_container .pagination {
margin: 10px 0 0 0;
height: 30px;
position: absolute;
bottom: 10px;
right: 10px;
}
.with-contextual-menu .driver_trip_sortable {
margin-top: 2px;
}
.driver_trip_sortable {
box-shadow: 0px 1px 2px #a5a4a6;
border-radius: 4px;
background: #ffffff;
margin: 0;
overflow: hidden;
position: absolute;
left: 10px;
right: 10px;
transition: all 0.7s;
}
.driver_trip_sortable .record {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.driver_trip_sortable .active {
background-color: #d3e6ed;
}
.driver_trip_sortable .highlight_date {
border-bottom: 6px double #446985 !important;
}
.driver_trip_sortable .highlight_user{
border-bottom: 3px solid #446985;
}
.driver_trip_sortable .hideStartingDate{
display: none;
}
.driver_trip_sortable .showStartingDate{
display: block;
width: 100%;
padding: 5px;
margin-bottom: 0;
font-size: 20px;
line-height: 35px;
color: #477596;
border: 0;
border-bottom: 3px solid #e5e5e5;
text-align: center;
}
.driver_trip_sortable li {
float: left;
width: 100%;
box-sizing: border-box;
background: #ffffff;
list-style: none;
padding: 0;
border-bottom: 1px solid #dadada;
line-height: 13px;
font-size: 13px;
min-height: 90px;
}
.driver_trip_sortable .record .user-name{
font-size: 16px;
}
.driver_trip_sortable .record .trip-label{
position: absolute;
top: 10px;
right: 0;
padding: 10px;
display: block;
width: 200px;
text-align: right;
}
.driver_trip_sortable .record .trip-label-top{
top: 59px !important;
}
.driver_trip_sortable .record .date-margin-top{
margin-top: 25px;
}
.driver_trip_sortable .record .trip-label .label {
font-size: 9px;
font-weight: bold;
}
.driver_trip_sortable li .trip_entity{
float: left;
margin: 0 10px 0 0;
}
.driver_trip_sortable li a {
color: #505b65;
display: block;
width: 100%;
padding: 15px 14px ;
}
.driver-trip-list .small-padding{
padding: 0 !important;
}
.driver-trip-list .row-fluid .span8{
margin-left: 0 !important;
width:67.957447% !important;
}
/*Trip Map view */
.trip-map-view{
width:100%;
height:74vh;
}
.trip-map-view .leaflet-pane {
z-index: 0;
}
.trip-map-view .leaflet-top, .leaflet-bottom {
z-index: 0;
}
.trip-map-view .leaflet-div-icon {
background: none;
border: none;
color: #0078A8;
}
.trip-map-view .trip-marker-icon .marker {
height: 10px;
width: 10px;
background-color: #5dd337;
border-radius: 50%;
display: inline-block;
border: 2px solid white;
box-shadow: 0px 0px 8px #5dd337;
}
.trip-map-view .user-route-start-end-marker .text-icon {
width: 10px;
text-align: center;
}
/*Trip Popup */
.driver-trip-popup .user-marker-popup{
width: 360px
}
.driver-trip-popup .user-marker-popup.showing {
opacity: 1;
z-index: 99999;
}
.driver-trip-popup .user-marker-popup .row1{
height: 150px;
}
.driver-trip-popup .user-marker-popup .row1 span{
font-size: 13px;
font-weight: 100;
}
.driver-trip-popup .row1 .span12:first-child {
margin-left: 2.127659574468085% ;
*margin-left: 2.074468085106383%;
}
/***********************************/
/** SLIM SCROLLBAR **/
/***********************************/
/* Let's get this party started */
.slim-scroll ::-webkit-scrollbar {
width: 7px;
}
/* Track */
.slim-scroll ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
/* Handle */
.slim-scroll ::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(255,255,255,0.4);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.slim-scroll ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,255,255,0.4);
}
form .actions .btn.float-right {
margin-right: 10px;
}
.control-label-hour {
width: 108px;
}
/* Transfer GPS device form styles */
.transfer-gps-device-form .field .field-label {
width: 200px;
}
.transfer-gps-device-form .field .profile_image {
margin-left: 20px;
}
.transfer-gps-device-form .controls .profile_image {
padding: 0;
}
.transfer-gps-device-form .select2-chosen {
font-size: 14px;
}
.diary-suggestion-map .info-bar{
position: absolute;
top: 9%;
left: 26%;
z-index: 555555555555;
background: white;
padding: 7px 7px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
min-width: 300px;
height: 3%;
}
.icon-color{
color: #d25656;
}
.suggested_apt_right_distance_span {
margin-left: -1%;
}
.suggested_apt_right__span {
padding-left: 3px !important;
}
.suggested_apt_event_marker.small .shadow-img {
width: 145px !important;
}
.normalshift{
background: #ffffff;
}
.overtimeshift{
background: #fffdd9;
}
.emptyshift{
background: #dcd9d9;
}
/* System settings Job durations */
.job-duration-settings .form-horizontal .control-label {
width: 210px;
}
.job-duration-settings .form-horizontal .controls {
margin-left: 230px;
}
.job-duration-settings form .group-header {
margin-bottom: 20px;
display: block;
}
.job-duration-settings form input[type="color"] {
padding: 0 2px;
width: 40px;
height: 40px;
}
.job-duration-settings form select {
width: 100%;
}
.job-duration-settings form .controls.margin-bottom {
margin-bottom: 10px;
}
.job-duration-settings form .control-inline-text {
display: inline-block;
margin: 0 2px;
}
.job-duration-settings form .control-inline-text.fixed-width {
width: 55px;
}
.job-duration-settings form .field.interval-minute {
display: inline-block;
width: 70px;
}
.job-duration-settings form .actions .error-message {
color: #b94a48;
float: right;
line-height: 2;
margin-right: 20px;
}
.job-duration-settings .jobs-duration-windows-section {
padding-top: 20px;
}
.job-duration-settings .with-contextual-menu {
height: 295px;
padding: 0px;
}
.job-duration-settings .existing_customer_records.empty strong,
.job-duration-settings .existing_customer_records.empty p {
display: block;
}
.job-duration-settings .with-contextual-menu .system_settings_sortable,
.job-duration-settings .with-contextual-menu .system_settings_sortable.manualheight {
height: auto;
min-height: 235px;
top: -30px;
bottom: 10px;
}
.job-duration-settings .system_settings_sortable .sortable_entity.window-color {
-webkit-flex: none;
flex: none;
width: 50px;
}
.job-duration-settings .existing_customer_records.empty ul {
background-position: 67px 40px;
}
.job-duration-settings .existing_customer_records.empty ul li:first-of-type {
margin: 120px 0 0 0;
}
.job-duration-settings .existing_customer_records .spillover {
background-color: #fceeee;
}
.job-duration-settings .existing_customer_records .titlebar {
font-weight: bold;
float: left;
width: 100%;
box-sizing: border-box;
background: #ffffff;
list-style: none;
padding: 10px 14px;
border-bottom: 1px solid #dadada;
-webkit-touch-callout: none;
-webkit-user-select: none;
/*-khtml-user-select: none;*/
-moz-user-select: none;
-ms-user-select: none;
pointer-events: none;
}
.job-duration-settings .edit-duration-window .sortable_wrapper {
height: 295px;
margin-top: 100px;
}
.job-duration-settings .existing_customer_records .sortable_wrapper {
-webkit-box-shadow: none;
}
.job-duration-settings .existing_customer_records #deadline-windows-title-container{
height: 52px;
/*top:1px;*/
border-radius: 8px 8px 0px 0px;
}
.job-duration-settings .existing_customer_records #deadline-windows-list-container{
border-radius: 0px 0px 8px 8px;
}
.job-duration-settings .existing_customer_records #duration-deadline-windows-sortable-title{
top: -15px;
}
.job-duration-settings .edit-duration-window .edit_view_wrapper .edit_title_content {
height: 250px;
}
.job-duration-settings .text-green {
color: #60a369;
}
.job-duration-settings hr.form-divider {
border-top: 1px solid #d3d0d0;
}
.add-job-form #diary_date_time_inputs .date-picker-edit {
padding: 4px 10px;
}
#diary_date_time_inputs .job-duration-date .date-picker-edit {
padding: 4px 9px;
}
.custom-datepicker table tr td a.today:not(.selected-day) {
background-color: #ffdb99;
}
.custom-datepicker table tr td a.today:not(.selected-day):hover {
background-color: #ffb733;
}
#side-panel .supplier-msg .tiny-mce-single-line-input-wrapper .mce-tinymce .mce-edit-area {
height: 30px !important;
}
.stock-reserve-detail-job-part .field-value{
margin-left : 0px !important;
}
/**
show record history UI style
*/
.showrecordhistory-title-section {
padding: 0 20px;
margin-left: 10px;
}
.showrecordhistory-activity-section {
padding: 0 20px;
padding-right: 0 20px;
margin-right: 15px;
}
.showrecordhistory-date {
width: 138px;
}
.showrecordhistory-heading {
font-size:16px;
margin-bottom: 8px;
}
.show_cancel_button {
display: inline !important;
}
.payfort_active {
border: 3px solid #505b65 !important;
}
.sha_type_select{
width: 100%;
}
#setup-salesforce .choose-accounting-package .accounting-package .salesforce {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
transition: all 0.2s ease;
cursor: pointer;
margin-top:30px;
}
#setup-salesforce .choose-accounting-package .accounting-package .salesforce .content {
padding: 10px 20px;
text-align: center;
}
.salesforce-title {
padding: 10px 20px;
color: #5e6d7f;
display: inline;
font-size: 15px;
}
#setup-salesforce .setup-steps li {
clear: both;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
padding-bottom: 20px;
}
#setup-salesforce .setup-steps li .small-count {
margin-right: 10px;
}
#setup-salesforce .setup-steps li .step-text {
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
#setup-salesforce .setup-steps li label {
margin-left: 38px;
}
.suggested-appointment .engineer-name-list.over_time {
background-color: #f8f16f82!important;
}
#service-windows-cs-calendar a.fc-time-grid-event {
right: -3% !important;
}
/**
show record history UI style
*/
.showrecordhistory-title-section {
padding: 0 20px;
margin-left: 10px;
}
.showrecordhistory-activity-section {
padding: 0 20px;
padding-right: 0px 20px;
margin-right: 15px;
}
.showrecordhistory-date {
width: 138px;
}
.showrecordhistory-heading {
font-size:16px;
margin-bottom: 8px;
}
/**
Mass scheduling UI
*/
.schedule_layout {
padding-bottom: 0px;
}
.scheduling-view-results .trip-map-view {
height: 66vh !important;
}
.scheduling-view-results .info-bar{
position: absolute;
top: 1%;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
padding: 10px 7px 7px 7px;
border-radius: 10px;
box-shadow: 2px 2px 10px rgba(0,0,0,.2);
min-width: 30%;
height: 4%;
}
.scheduling-view-results .border-bottom {
border-bottom: 1px solid #dadada;
}
.scheduling-view-results .active_row {
background: #fff6d9;
}
.scheduling-view-results .suggestion-section {
max-height: 66vh;
overflow-x: hidden;
overflow-y: auto;
}
.scheduling-view-results .result_view{
margin-top: -10px;
}
.scheduling-view-results .section-results{
margin-left: 1px;
}
.scheduling-view-results .map-view {
margin-left: 1px;max-height: 66vh;width: 67.8%;
}
.scheduling-view-results .bottom-section {
border-top: 2px solid #eee;margin-left: 0px;margin-top: 2px; padding: 5px;
}
.scheduling-view-results .action-btn{
margin-right: 8px;
}
.scheduling-view-results .padding-zero {
padding: 0px;
}
.scheduling-view-results .warning-section {
color: #0c0c0c
}
.show_cancel_button {
display: inline !important;
}
.payfort_active {
border: 3px solid #505b65 !important;
}
.sha_type_select{
width: 100%;
}
.suggestion-section table thead th:last-child {
border-radius: inherit !important;
}
.suggestion-section table thead th:first-child {
border-radius: inherit !important;
}
.mass-scheduling-travel-time {
padding-left: 4px;padding-top: 4px;
}
.suggestion-section table tbody td {
padding: 6px 10px 10px 10px !important;
}
.suggestion-section h5{
margin: 6px 0 !important;
}
.deleted_asset {
opacity: 0.75;
}
.scheduling-feedback-main-box{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
overflow-x: hidden;
padding: 0 20px;
padding-bottom: 20px;
}
.scheduling-feedback-main-box .pretty-list li strong {
display: inline-block !important;
width: 100% !important;
float: left !important;
margin-left: 0 !important;
}
.side-panel-add-service-window #page-panel-title-bar{
margin-top: -4%;
}
.manage-break-sidepanel{
background-color: #fff;
}
.shift-break-margin{
margin-left: 2.127659574468085% !important;
}
.manage-break-section-border{
padding: 15px 20px;
border-bottom: 1px solid #dadada;
}
.manage-break-section-border-item {
border-top: 1px solid #dadada;
}
.manage_breaks .btn.loading.btn-primary {
background-color: #a19cc3 !important;
background-image: url('purple-loader.65a834b497aeeedb38b9.gif') !important;
background-repeat: no-repeat !important;
background-position: 8px 6px;
padding: 4px 14px 4px 32px;
}
.sidepanel-on-right {
float:right;
font-size: 14px;
}
.client_import_data_wrapper {
position: unset !important;
}
.no-margin {
margin: 0;
}
.title-line-height {
line-height: 2;
}
.title-section-right {
float: right;
font-size: 14px;
margin-top:2px;
}
.title-margin-right {
margin-right: 10px;
}
.div-opacity {
opacity: 0.5;
}
.asset_details_box {
border: 1px solid #aaa;
border-radius: 3px;
padding: 2px 4px;
margin: 0 5px 4px 5px;
background: #f8f8f8 !important;
border-color: #c9c9c9 !important;
display: inline-block;
white-space: nowrap;
}
.field span.asset_details_box_container {
margin-left: 15px;
}
.dp_label-lg {
width: 100%;
position: relative;
background: #fff;
box-sizing: border-box;
border-radius: 16px;
}
.dp_label-lg-width {
width: 65% !important;
}
.dp_label-lg .label-lg-inner {
display: inline-block;
padding: 5px 10px;
line-height:20px;
}
.label-lg-inner.label-lg-title {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
color : white;
}
.label-lg-inner.label-lg-title.span5.green{
background-color: #60a369;
}
.label-lg-inner.label-lg-title.span12.green{
background-color: #60a369;
border-bottom-right-radius: 12px;
border-top-right-radius: 12px;
}
.label-lg-inner.label-lg-title.red{
background-color: #b95858;
border-bottom-right-radius: 12px;
border-top-right-radius: 12px;
}
.label-lg-inner.label-lg-status {
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
margin-left:0;
}
.label-lg-icon {
position: absolute;
top:0;
bottom: 0;
right: -1px;
width: 38px;
text-align: center;
border-radius: 15px;
padding: 6px 0;
}
.label-lg-icon > i {
line-height: 1;
margin-top:10px;
}
.dp_label-lg.label-lg-default {
border: 2px solid #efefef;
font-size: 14px;
}
.dp_label-lg.label-lg-default .label-lg-inner.label-lg-status,
.dp_label-lg.label-lg-default .label-lg-icon{
background-color: #efefef;
font-size: 14px;
color : white;
}
.dp_label-lg.label-lg-red {
border: 2px solid #b95858;
font-size: 14px;
}
.dp_label-lg.label-lg-red .label-lg-inner.label-lg-status,
.dp_label-lg.label-lg-red .label-lg-icon{
background-color: white;
font-size: 14px;
color : white;
}
.dp_label-lg.label-lg-success {
border: 2px solid #60a369;
font-size: 14px;
}
.dp_label-lg.label-lg-success .label-lg-inner.label-lg-status,
.dp_label-lg.label-lg-success .label-lg-icon{
background-color: white;
font-size: 14px;
color : #505b65;
}
.dp_label-lg.label-lg-pause {
border: 2px solid #A2A360;
font-size: 14px;
}
a.text-hover:hover + div.test-hover {
display: block;
}
div.test-hover {
display: none;
}
a.text-hover.label.green{
background-color: #60a369;
font-weight: bold;
color:white;
}
a.text-hover.label.red{
background-color: #b95858;
font-weight: bold;
color:white;
}
#service-windows-cs-calendar a.fc-time-grid-event {
right: -3% !important;
}
.side-panel-add-service-window #page-panel-title-bar{
margin-top: -4%;
}
.manage-break-sidepanel{
background-color: #fff;
}
.shift-break-margin{
margin-left: 2.127659574468085% !important;
}
.manage-break-section-border{
padding: 15px 20px;
border-bottom: 1px solid #dadada;
}
.manage-break-section-border-item {
border-top: 1px solid #dadada;
}
.manage_breaks .btn.loading.btn-primary {
background-color: #a19cc3 !important;
background-image: url('purple-loader.65a834b497aeeedb38b9.gif') !important;
background-repeat: no-repeat !important;
background-position: 8px 6px;
padding: 4px 14px 4px 32px;
}
.customer-with-line-height{
line-height: 27px !important;
}
.signin-button-width-height {
height:46px;
width:191px;
padding:5px;
}
/*line items break up*/
.item-inner .with-br{
position: absolute;
left: 4%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 30%;
border-right: solid 1px #dadada;
padding-right: 16px !important;
}
.item-inner .with-rel-pos{
position: relative;
top: 0px;
right: 11px;
padding-top: 27px;
border-left: unset !important;
}
.backup-row .backup-option.google-calendar {
background-image: url('google_calendar.05f537fe575bab7c4727.png');
background-size: 60px;
}
.backup-row .backup-option.outlook-calendar {
background-image: url('outlook_calendar.3005daccf281154c23b8.png');
background-size: 60px;
}
/*user voip settings*/
.voip-settings-container{
padding-top: 20px;
}
.voip-call-icon{
margin-right: 10px !important;
}
.voip-call-button-disabled{
color: lightslategrey !important;
cursor: not-allowed !important;
}
.voip-settings-container .control-group .controls
.sip-password-input{
width: 224px !important;
}
.asset-widget-text-decoration {
text-decoration: line-through;
}
.item-inner .content .phone-recording{
float: right;
}
.timeline .item-inner .title-bar .left-side .with-lm{
margin-left: 10px;
}
.timeline .item .item-inner .right-side .phone-rec-download-link,
.data-section .responsive-table td .phone-rec-download-link{
position: relative;
bottom: 14px;
padding: 9px 9px 6px 9px;
border-radius: 25px;
color: #797979;
background: #ebeef2;
cursor: pointer;
}
.timeline .item .item-inner .right-side .phone-recording,
.data-section .responsive-table td .phone-recording{
height: 40px
}
.asset-widget-text-decoration {
text-decoration: line-through;
}
.gmail-logo-width-height {
height:20px;
width:20px;
}
.pac-container {
z-index: 9999;
}
.normal-event-map {
margin-left: 20px;
margin-top: 5px;
height: 30vh;
width: 60vh;
}
.connect-gmail-section {
padding-bottom: 20px;
}
.chat-box {
background-color: #fff;
height: 500px;
width: 33.33%;
width: calc(100%/3);
padding-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
display: inline-block;
box-sizing: border-box;
text-align: left;
border: 1px solid #ddd;
}
.chatsub {
vertical-align: middle;
font-size: 16px;
}
.chat-box-title {
text-align: left;
font-size: 24px;
line-height: 25px;
padding-bottom: 20px;
}
.chat-feature-box {
height: 350px;
}
.chat-feature-text {
font-size: 14px;
font-weight: 500;
/*color: black;*/
}
.profile-cell-chat .profile_image {
float: left;
margin-right: 20px !important;
}
.profile-cell-chat img {
margin: 0 20px 0 4px;
width: 35px;
height: 35px;
border-radius: 3px;
border: 1px solid #c9c9c9;
padding: 1px;
}
.profile-cell-chat div {
overflow: hidden;
padding: 5px 0 0 5px;
}
.profile-cell-chat div span {
display: block;
font-size: 13px;
}
.profile-cell-chat div:first-of-type {
margin: 0 0 10px 0;
}
.chat-body {
height: 100px !important;
overflow-y: scroll;
padding-bottom: 45px;
}
.chat-description {
width: 1000px;
word-wrap: break-word;
padding: 5px 0 0 5px;
}
.chat-info {
padding: 2px 0 0 15px;
}
.chat_settings_wrapper input[type="checkbox"]+label {
margin-bottom: 15px;
}
.chat_settings_wrapper input[type="checkbox"] {
float: left !important;
margin: 3px 5px 0 5px;
}
.chat_settings_wrapper input[type="radio"] {
float: left !important;
margin: 3px 5px 0 5px;
}
.chat_settings_wrapper input[type="radio"]+label {
margin-bottom: 15px;
}
.chat_settings_wrapper input[type="radio"]+label:first-child {
margin-top: 7px;
}
.item-note .chat-content {
max-height: 200px;
min-height: 80px;
overflow: auto;
float: left;
box-sizing: border-box;
width: 100%;
margin: 7px 0 0 0;
padding: 5px 0 0 0;
}
.sign-in-button-width-height {
float: left;
height: 51px;
margin: 0 0 5px 0;
}
.driver_detail_header_border {
border-right: 1px solid #c2c2c2;
}
.reporting_users_driver_detail_pdf_header {
font-size: 10px;
font-weight: normal;
color:#FFFFFF;
padding:5pt 8pt;
}
.reporting_users_driver_detail_pdf_header_bg_color {
background-color: #6593b4;
}
.reporting_users_driver_detail_pdf_body {
padding:10pt 8pt;
}
.labour-travel-cost-time {
height: 30px;
padding: 5px 8px 0px;
display: block;
}
#wolseley-po-pagination a {
margin-left: 0px !important;
}
.d-inline-block {
display: inline-block !important;
}
.popover.bottom-left .arrow {
top: -10px;
left: 40px;
margin-left: -10px;
border-width: 0 10px 10px;
border-bottom-color: #ffffff;
}
.popover.bottom-left .arrow:after {
border-width: 0 11px 11px;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -1px;
left: -11px;
}
.popover.bottom-left {
margin-top: 10px;
}
.supplier-price-popover-content table thead,
.supplier-price-popover-content table tbody tr {
border-bottom: none;
}
.supplier-price-popover-content table thead th {
letter-spacing: 0;
}
.supplier-price-popover-content table thead th {
background: transparent;
color: inherit;
font-weight: 600
}
.supplier-price-popover-content table tbody tr:nth-child(odd) {
background: #fff;
}
.cs-text-muted {
color: #B3B3B3;
}
.handsontable-icon-wrap {
float: right;
margin-right: -3px;
/*font-size: 16px;*/
color: #989898;
padding: 0px 3px;
}
.cs-text-default {
color: #989898;
}
.cs-text-green {
color: #53BB01;
}
.cs-text-orange {
color: #E67B2E;
}
.cs-text-red {
color: #BB0101;
}
.import-email-header{
padding: 15px 20px 30px 20px
}
.trimmed-email-content{
max-height: 176px;
float: left;
box-sizing: border-box;
width: 100%;
overflow: auto;
margin: 7px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #eeeeee;
}
.supplier-price-popover-content .min-mid {
color: #00BC4E;
}
.supplier-price-popover-content .max {
color: #F63131;
}
/* ********************* Timecard Approval ****************************** */
/*Timecard Map view */
.timecard-map-view {
width: 100%;
height: 100vh;
}
.timecard-map-view .leaflet-pane {
z-index: 0;
}
.timecard-map-view .leaflet-top,
.leaflet-bottom {
z-index: 0;
}
.timecard-map-view .leaflet-div-icon {
background: none;
border: none;
color: #0078A8;
}
.timecard-map-view .trip-marker-icon .marker {
height: 10px;
width: 10px;
background-color: #5dd337;
border-radius: 50%;
display: inline-block;
border: 2px solid white;
box-shadow: 0px 0px 8px #5dd337;
}
.timecard-map-view .user-route-start-end-marker .text-icon {
width: 10px;
text-align: center;
}
.timecard-map-list .small-padding {
padding: 0 !important;
}
.timecard-map-list .row-fluid .span8 {
margin-left: 0 !important;
width: 67.957447% !important;
}
.timecard-suggestion-top-right {
height: 75px;
width: 26%;
padding: 20px;
position: absolute;
z-index: 111111111;
background: #ffffff;
/*opacity: 0.9;*/
right: 220px;
top:100px;
z-index:1
}
.timecard-suggestion-top-right-distance {
height: 75px;
width: 34%;
padding: 15px;
position: absolute;
z-index: 111111111;
background: #ffffff;
/*opacity: 0.9;*/
right: 165px;
top:100px;
z-index:1
}
.right-border-left-widget{
border-right: 1px solid #e2e2e2;
height:16vh;
}
.right-border{
border-right: 1px solid #e2e2e2;
}
.top-border{
border-top: 1px solid #e2e2e2;
}
.timecard-suggestion-top-left {
height: 19vh;
width: 43%;
padding: 20px;
position: absolute;
z-index: 111111111;
background: #ffffff;
/*opacity: 0.9;*/
left: 100px;
top:100px;
z-index:1
}
.timecard-approved {
background-color: #AFF7AE;
}
.timecard-map-title-ucfirst{
text-transform: capitalize;
}
.timecard-fullscreen-close{
float: right;
font-size: 14px;
padding-top: 0px !important;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: 25px;
margin-left: 10px;
font-family: sans-serif;
}
.timecard-fullscreen-close-font{
color: #CECECE;
font-weight: normal;
}
.timecard-fullscreen-delete-font{
color: #505B65;
font-weight: normal;
}
.timecard-fullscreen-approve-close{
float: right;
font-size: 14px;
font-weight: normal;
padding-top: 4px !important;
cursor: pointer;
border: 0;
-webkit-appearance: none;
line-height: 20px !important;
font-family: sans-serif;
}
.add-new-icon{
font-size:18px;
}
.no-break-section{
border:1px solid #e2e2e2;
margin-bottom:0px;
}
.no-break-section-margin{
margin: 0px 10px 0px 10px;
}
.no-break-section-padding{
padding: 14px 10px 7px 12px;
color:#505B65;
font-size: 14px;
}
.timecard-exlamation{
color: #968947;
width: 24px !important;
padding-left: 5px;
}
.timecard-widget-break{
width:100px;
}
.timecard-break-toolpic{
position:absolute;
}
.timecard-break-toolpic-inner{
margin-top:10px;
min-width:170px;
padding:0px !important;
}
.timecard-break-toolpic-border{
border-bottom:1px solid #d2d2d2;
}
.timecard-break-toolpic-link{
color:#3883c1;
}
.timecard-datetimepicker-width{
width:71%;
margin-left: -7px;
}
.total-label-timeSheet {
width: 155px;
height: 50px;
}
ul li .total-label-timesheet {
border-bottom: solid 1px #e1e1e1;
border-right: 1px solid #e1e1e1;
background: #fbfbfb;
}
.total-label-timesheet strong, .total-label-timesheet span {
float: left;
padding: 10px;
}
.timesheet-fa-size{
font-family: Arial,Helvetica,sans-serif;
font-size: 25px;
}
.timesheet-table-td{
white-space: nowrap;
}
.timesheet-table-limit{
display: inline-block;
vertical-align: top;
margin-top: 10px;
}
.timesheet-table-limit-show{
display:inline-block;
margin-bottom: 0;
}
.timesheet-table-limit-select{
width:60px;
margin-bottom: 0;
}
.timesheet-table-limit-entries{
display:inline-block;
margin-bottom: 0;
margin-right: 10px;
}
.timesheet-map-widget-header-fa{
font-size:14px;
font-weigth:bold !important;
}
.timesheet-fa-10{
font-size:10px;
line-height: 12px;
}
.timesheet-fa-14{
font-size:14px;
line-height: 21px;
}
.timesheet-fa-18{
font-size:18px;
}
.timesheet-fa-24{
font-size:24px;
line-height: 28px;
}
.timesheet-fa-36{
font-size:36px;
line-height: 42px;
}
.timeCard .input-append {
width:auto;
}
.timeCard span {
margin-right:7px;
}
.itemFirst {
margin-top: 20px;
border-top: 1px solid #ccc;
}
.timeCardBreak {
width:auto;
display: inline-block;
}
.timecard-td-color{
color: #505B65;
font-size: 14px;
}
.timecard-marker{
padding-left:33px;
}
.timecard-add-button{
font-size: 14px;
line-height: 16px;
}
.timecard-break-exlamation {
color: #968947;
width: 14px !important;
vertical-align: top;
}
.add-break-icon{
background: #6E66A2;
color: #fff;
}
.add-timecard-error{
float:left;
}
.timesheetHeader{
min-width:10%;
}
.timecard-break-align{
margin-left: -7px;
}
.timecard-td-width{
width:85px;
}
.timecard-map-sameday-startend{
font-size: 14px;
color: #A7A7A7;
}
.timecard-map-sameday-break{
font-size: 10px;
color: #A7A7A7;
}
.top_bar_wrapper .new-top-menu {
float:right;
}
.new-options-li {
padding: 1px 9px 1px 13px;
}
.new-top-menu {
margin: 0 0 5px 25px !important;
}
.new-top-menu.options a.ss-globe-new {
margin: 5px 0px 0 0px;
}
.dropdown-menu.small-menu.new-top-menu {
width: 340px;
left: -296px;
}
.dropdown-menu.small-menu.new-top-menu-arrow:after {
left: 317px;
}
.dropdown-menu.small-menu.new-top-menu-arrow:before {
left: 317px;
}
#userInfo a:hover {
background: none;
}
/* added for new menu UI changes*/
#topDiv {
position: relative;
height: 133px;
padding-top: 10px;
}
#mainDiv img {
position:relative;
margin-left: 15px;
}
#rightBlock {
padding: 0;
position: relative;
bottom: 0px;
display: inline-block;
left: 41%;
bottom: 68%;
}
#mainDiv a {
margin-left: 45px;
padding: 0;
line-height: 16px;
color: #505B65;
position: relative;
font-size: 14px;
}
#bottomDiv img {
margin-left: 20px;
position: relative;
z-index: 1;
top: 12px;
}
#phone {
border-left: 1px solid #dedede;
height: 50px;
width: 40px;
}
#chatLabel, #phoneLabel {
margin-left: 36px;
position: relative;
bottom: 13px;
font-size: 14px;
}
#chatLabel:hover, #phoneLabel:hover {
background-color: white;
z-index: inherit;
}
#calendarImage {
float: right;
position: relative;
/*right: 20px;*/
bottom: 70%;
cursor: pointer;
}
.greyOut{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
#bottomDiv {
position: relative;
height: 45px;
border-top: 1px solid #dedede;
}
#chat, #phone {
display: inline-block;
height: 45px;
cursor: pointer;
}
#chat {
width: 162px;
}
#chat img {
width: 20px;
}
#topDiv .profile_picture {
display: inline-block;
position: relative;
top: -74px;
bottom: 0px;
}
#userNamePic {
background-color: #4EA8FB;
color: white;
border-radius: 5px;
height: 100px;
width: 100px;
padding: 40px 14px;
font-size: 48px;
}
#userProfilePic {
border-radius: 5px;
height: 100px;
width: 100px;
font-size: 48px;
overflow: hidden;
}
#usrpicofcorner{
overflow:hidden;
height:30px;
}
#initials {
color: white;
font-size: xxx-large;
font-weight: 400;
padding: 37px 12px;
position: relative;
}
#helpLabel {
height: 25px;
background: none !important;
border: none !important;
font-size: 14px !important;
padding: 4px 10px 0px 10px !important;
color: #60A369 !important;
margin-top: -1px;
}
#logoutLabel {
color: #CF2A2A !important;
}
#chat a, #phone a {
color: #505B65;
}
#dividerLine {
margin:0;
border-top: 1px solid #dedede;
}
#profileMenuBottomLine {
margin-top: 20px;
border-top: 1px solid #dedede;
}
#userName {
font-size: 16px;
font-weight: 700;
line-height: 18.75px;
margin-bottom: 0px;
}
#userInfo p {
padding:0;
position: relative;
font-size: 14px;
line-height: 16.41px;
margin: 0;
}
#userInfo a {
padding:0;
position: relative;
font-size: 14px;
line-height: 16.41px;
}
#editProfile {
margin-top: 9px;
}
#new-profile-menu {
margin-left:0px !important;
padding-left: 0px;
padding-top: 0px;
margin-bottom: 7px;
cursor: initial;
}
ul.dropdown-menu.new-top-menu-arrow li {
height: 20px;
background: none !important;
border: none !important;
font-size: 14px !important;
}
.new-profile-menu-actions a {
font-size: 14px;
padding: 0px !important;
color: #505B65;
}
.row-fluid .new-profile-menu {
padding: 0px !important;
}
ul.dropdown-menu.new-top-menu-arrow {
border: 1px solid #C4C4C4 !important;
}
#new-profile-menu a:hover {
background: none;
cursor: pointer;
}
#new-profile-menu a {
padding: 0px !important;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
#new-profile-menu li {
padding: 0px 16px 10px 16px !important;
cursor: initial;
}
.new-menu-link {
font-size: 14px;
color: #505B65 !important;
}
#new-profile-menu-div {
border-top: 1px solid #dedede;
position: relative;
}
.new-ui-change {
display: contents !important;
padding: 0px !important;
color: rgb(56 131 193) !important;
}
.new-profile-icon {
padding: 16px;
}
.new-profile-details {
padding-left: 14px;
}
.job-template-config-disabled{
/*background-color: rgba(255, 255, 255, .4) !important;*/
display: block;
pointer-events: none;
cursor: not-allowed !important;
}
.page-selection{
pointer-events: auto !important;
}
.diary-answer-type-inputs{
width: 100% !important;
}
/* Toggle button class for customer view screen*/
.user-preference-toggle{
float: right;
padding: 8px;
background-color: #4A7695;
border-radius: 6px;
bottom: 0px;
left: auto;
position: fixed;
right: 30px;
top: auto;
}
.user-preference-toggle .btn-switch {
position: relative;
display: block;
width: 50px;
height: 25px;
cursor: pointer;
background-color: #E18181;
border: 2px solid #E18181;
border-radius: 40px;
}
.user-preference-toggle .field-label {
width: 250px !important;
color: #FFFFFF;
padding: 5px;
font-weight: 600;
}
.user-preference-toggle .toggle-btn-sec {
padding-left: 2px !important;
}
.user-preference-toggle .btn-switch .btn-switch-circle {
position: absolute;
top: 0;
left: 0;
display: block;
height: 25px;
width: 25px;
background-color: #4A7695;
border-radius: 40px;
}
.user-preference-toggle .btn-switch--on {
background-color: #60a369;
border: 2px solid #60a369;
}
.user-preference-toggle .btn-switch--on .btn-switch-circle--on {
left: auto !important;
right: 0;
}
.diary-answer-type-inputs{
width: 100% !important;
}
.sla_breach_with_segmentation{
width: 50%; float: left;overflow:hidden;height:100%;padding:30px
}
.sla_segmentaion_panel_with_segmentation{
width:40%;height: 100%;float:left;overflow:hidden;padding-left: 0px
}
.sla_seg_panel_without_segmentation{
width:0%;height: 0%;float:left;overflow:hidden;padding-left: 0px
}
.sla_seg_panel_with_one_segmentation{
width:20%;height: 100%;float:left;overflow:hidden;padding-left: 0px
}
.sla_metric_menu_bar{
line-height: 17px !important;padding-top: 15px; padding-bottom:15px; padding-left: 20px; padding-right: 20px;
}
.sla_clip_board{
margin-right: 10px;
}
.sla_check_circle{
float:right;margin-right: 10px;margin-top:5px;color:#008000;
}
.sla_configure_panel{
-webkit-flex:1;
flex:1; width:70%; box-sizing: border-box
}
.sla_setup_segment_helptext{
text-align: center; padding: 50px
}
.sla_setup_form_Without_Segment{
width: 97%
}
.sla_setup_form_With_Segment{
width: 56%
}
.sla_setup_form_With_one_Segment{
width: 80%
}
.sla_setup_form_control_Without_Segment{
width: 48%
}
.sla_setup_form_control_With_Segment{
width: 65%
}
.sla_dashboard_report_countdown{
padding:6px 8px;
border-radius: 10px;
color: white
}
.countdown_bg_red{
background-color:#b95858
}
.countdown_bg_green{
background-color:#60a369
}
#new-top-menu {
z-index: 1030px;
/* margin-right: 30px !important; */
text-decoration: none;
margin: -2px 0px 0px 5px;
}
ul.dropdown-menu::before {
border-bottom: 8px solid #c4c4c4;
}
ul.dropdown-menu.small-menu {
left: -173px;
}
.address_line1_color{
border: 1px solid #ccc;
height: 30px;
border-radius: 3px;
font-weight:normal;
color: #555555;
padding: 0 8px;
}
.cloning-link{
font-size: 12px;
color: #848d92;
position: absolute;
right: 10px;
margin-top: 2px;
}
.cloning-link :hover {
color: #505c63;
}
.partsandprices_fslayouts .sla-config-menu {
z-index: 2
}
.opportunity-stage-color-box {
width: 14px;
height: 14px;
border: 1px solid rgb(227, 227, 227);
float: left;
}
.opportunity-sale-person-profile {
float: left;
max-width: 20px;
max-height: 18px;
}
.newTopMenu {
margin-left:-6px
}
.newTopMenuMarginRight {
margin-right: -4px !important;
}
.newUITopMenu {
width:340px !important;
right: 43px !important;
left: auto !important;
position: fixed !important;
margin-top: 11px !important;
}
.newUILinks {
background-color: #ffffff;
}
.newTopMenuMarginLeftRight {
margin-right:2px;
margin-left: -12px;
}
.newTopMenuLinks:hover {
background-color: #eceef4;
cursor: pointer;
}
.sla-businessHour {
width: 70px; margin-left: 6px
}
.sla-businessHour-hyphen {
margin:8px
}
#billingicon {
width: 15.75px !important;
height: 18px !important;
}
#new-profile-menu-div div ul li span span img {
width: initial !important;
max-width: initial !important;
vertical-align: initial !important;
border: none !important;
height: initial !important;
}
#billingLabel {
margin-top: -3px;
}
#logoutLabel {
margin-top: -4px;
}
#settingsLabel {
margin-top: -1px;
}
#integrationsLabel {
margin-top: -2px;
}
#helpLabel {
margin-top: -1px;
}
.countNotifyspacing{
margin-left: 5px !important;
}
.newtopmenu-permission {
padding-right: 15px !important;
}
.newtopmenu {
padding-right: 29px !important;
}
.fixed-noborder-popover {
position: relative;
border: none;
background: transparent;
vertical-align: middle;
}
.wrap-notes {
white-space: pre-wrap;
}
.job-report-customisation-label{
width: 180px !important;
}
.job-report-customisation-radio-option{
padding-right: 50px !important;
}
.tooltip-image-sidepanel {
.tooltip-inner{
white-space: normal !important;
padding:5px 5px !important;
max-width: 400px !important;
word-break: break-word !important;
}
}
.disconnectStopIcon {
padding: 4px 9.5px 4px 6.5px !important;
line-height: 18px !important;
}
.stopIconWidth{
max-width: -webkit-max-content !important;
max-width: -moz-max-content !important;
max-width: max-content !important;
}
.piped-list {
padding: 0 3px; /* Add padding on each side */
}
.piped-list::after {
content: "|"; /* Add pipe symbol after each span */
margin: 0 3px; /* Add spacing after the pipe */
}
.mindee-upload {
position: absolute;
top: 0px;
bottom: 135px;
left: 0px;
right: 0px;
padding: 20px 45px 20px 30px;
}
.menuCard{
display: -webkit-flex;
display: flex;
padding: 16px 16px 24px 16px;
gap: 24px;
}
.margin-left-0 {
margin-left:0px !important
}
.job-costing-bottom{
bottom: 16px !important;
}
.job-costing-wrapper-height{
height: 23px !important;
box-shadow: none !important;
}
.merge-left{
padding: 20px 30px;
}
.supportRequestIcon{
display: -webkit-flex;
display: flex;
width: 118px;
padding: 12px;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
height: 54px;
background: #f9f9f9;
border-radius: 2px;
cursor: pointer;
}
.menuCard{
display: -webkit-flex;
display: flex;
padding: 16px 16px 24px 16px;
gap: 24px;
}
.menuCard.menuPadding {
padding: 0px 16px 16px 16px;
}
.cardWidth{
width: 100% !important;
}
.margin-left-0 {
margin-left:0px !important
}
.job-costing-bottom{
bottom: 16px !important;
}
.job-costing-wrapper-height{
height: 23px !important;
box-shadow: none !important;
}
.job-costing-bottom{
bottom: 16px !important;
}
.job-costing-wrapper-height{
height: 23px !important;
box-shadow: none !important;
}
.beamerPositionNotLMS{
left: 174px;
}
.beamerPosition{
left: 91px;
}
@charset "UTF-8";
/*!
* Pikaday
* Copyright ยฉ 2014 David Bushell | BSD & MIT license | http://dbushell.com/
*/
.pika-single {
z-index: 9999;
display: block;
position: relative;
color: #333;
background: #fff;
border: 1px solid #ccc;
border-bottom-color: #bbb;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
content: " ";
display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }
.pika-single.is-hidden {
display: none;
}
.pika-single.is-bound {
position: absolute;
box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}
.pika-lendar {
float: left;
width: 240px;
margin: 8px;
}
.pika-title {
position: relative;
text-align: center;
}
.pika-label {
display: inline-block;
*display: inline;
position: relative;
z-index: 9999;
overflow: hidden;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background-color: #fff;
}
.pika-title select {
cursor: pointer;
position: absolute;
z-index: 9998;
margin: 0;
left: 0;
top: 5px;
filter: alpha(opacity=0);
opacity: 0;
}
.pika-prev,
.pika-next {
display: block;
cursor: pointer;
position: relative;
outline: none;
border: 0;
padding: 0;
width: 20px;
height: 30px;
/* hide text using text-indent trick, using width value (it's enough) */
text-indent: 20px;
white-space: nowrap;
overflow: hidden;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 75% 75%;
opacity: .5;
*position: absolute;
*top: 0;
}
.pika-prev:hover,
.pika-next:hover {
opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
float: left;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
*left: 0;
}
.pika-next,
.is-rtl .pika-prev {
float: right;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
*right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
cursor: default;
opacity: .2;
}
.pika-select {
display: inline-block;
*display: inline;
}
.pika-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0;
}
.pika-table th,
.pika-table td {
width: 14.285714285714286%;
padding: 0;
}
.pika-table th {
color: #999;
font-size: 12px;
line-height: 25px;
font-weight: bold;
text-align: center;
}
.pika-button {
cursor: pointer;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
border: 0;
margin: 0;
width: 100%;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 15px;
text-align: right;
background: #f5f5f5;
}
.pika-week {
font-size: 11px;
color: #999;
}
.is-today .pika-button {
color: #33aaff;
font-weight: bold;
}
.is-selected .pika-button {
color: #fff;
font-weight: bold;
background: #33aaff;
box-shadow: inset 0 1px 3px #178fe5;
border-radius: 3px;
}
.is-inrange .pika-button {
background: #D5E9F7;
}
.is-startrange .pika-button {
color: #fff;
background: #6CB31D;
box-shadow: none;
border-radius: 3px;
}
.is-endrange .pika-button {
color: #fff;
background: #33aaff;
box-shadow: none;
border-radius: 3px;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
pointer-events: none;
cursor: default;
color: #999;
opacity: .3;
}
.pika-button:hover {
color: #fff;
background: #ff8000;
box-shadow: none;
border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
border-bottom: none;
cursor: help;
}
/*!
* Copyright (c) Handsoncode sp. z o.o.