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;
-webkit-transition: opacity 0.15s ease-in;
transition: opacity 0.15s ease-in;
}
.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
opacity: 1;
-webkit-transition: opacity 0.15s ease-in;
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 {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.grow:hover,
.grow:focus {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.grow:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.grow-large {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.grow-large:hover,
.grow-large:focus {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.grow-large:active {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
/* Add pointer on hover */
.pointer:hover {
cursor: pointer;
}
/*
Add shadow on hover.
Performant box-shadow animation pattern from
http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
cursor: pointer;
position: relative;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover::after {
content: "";
-webkit-box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:hover::after,
.shadow-hover:focus::after {
opacity: 1;
}
/* Combine with classes in skins and skins-pseudo for
* many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
-webkit-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
/*
LISTS
http://tachyons.io/docs/elements/lists/
*/
.list {
list-style-type: none;
}
/*
MAX WIDTHS
Docs: http://tachyons.io/docs/layout/max-widths/
Base:
mw = max-width
Modifiers
1 = 1st step in width scale
2 = 2nd step in width scale
3 = 3rd step in width scale
4 = 4th step in width scale
5 = 5th step in width scale
6 = 6st step in width scale
7 = 7nd step in width scale
8 = 8rd step in width scale
9 = 9th step in width scale
-100 = literal value 100%
-none = string value none
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
/* Max Width Percentages */
.mw-100 {
max-width: 100%;
}
/* Max Width Scale */
.mw1 {
max-width: 1rem;
}
.mw2 {
max-width: 2rem;
}
.mw3 {
max-width: 4rem;
}
.mw4 {
max-width: 8rem;
}
.mw5 {
max-width: 16rem;
}
.mw6 {
max-width: 32rem;
}
.mw7 {
max-width: 48rem;
}
.mw8 {
max-width: 64rem;
}
.mw9 {
max-width: 96rem;
}
/* Max Width String Properties */
.mw-none {
max-width: none;
}
@media screen and (min-width: 30em) {
.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;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.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;
}
}
@media screen and (min-width: 1366px) {
.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;
}
}
/*
MODULE NAME
Use this scaffolding to create or extend your own modules with tachyons
style architecture.
*/
/*
NESTED
Tachyons module for styling nested elements
that are generated by a cms.
*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
line-height: 1.5;
}
.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
line-height: 1.25;
}
.nested-list-reset ul,
.nested-list-reset ol {
padding-left: 0;
margin-left: 0;
list-style-type: none;
}
.nested-copy-indent p + p {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.nested-copy-seperator p + p {
margin-top: 1.5em;
}
.nested-img img {
width: 100%;
max-width: 100%;
display: block;
}
.nested-links a {
color: #357edd;
-webkit-transition: color 0.15s ease-in;
transition: color 0.15s ease-in;
}
.nested-links a:hover,
.nested-links a:focus {
color: #96ccff;
-webkit-transition: color 0.15s ease-in;
transition: color 0.15s ease-in;
}
/*
OPACITY
Docs: http://tachyons.io/docs/themes/opacity/
*/
.o-100 {
opacity: 1;
}
.o-90 {
opacity: 0.9;
}
.o-80 {
opacity: 0.8;
}
.o-70 {
opacity: 0.7;
}
.o-60 {
opacity: 0.6;
}
.o-50 {
opacity: 0.5;
}
.o-40 {
opacity: 0.4;
}
.o-30 {
opacity: 0.3;
}
.o-20 {
opacity: 0.2;
}
.o-10 {
opacity: 0.1;
}
.o-05 {
opacity: 0.05;
}
.o-025 {
opacity: 0.025;
}
.o-0 {
opacity: 0;
}
/*
OUTLINES
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.outline {
outline: 1px solid;
}
.outline-transparent {
outline: 1px solid transparent;
}
.outline-0 {
outline: 0;
}
@media screen and (min-width: 30em) {
.outline-ns {
outline: 1px solid;
}
.outline-transparent-ns {
outline: 1px solid transparent;
}
.outline-0-ns {
outline: 0;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.outline-m {
outline: 1px solid;
}
.outline-transparent-m {
outline: 1px solid transparent;
}
.outline-0-m {
outline: 0;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.outline-l {
outline: 1px solid;
}
.outline-transparent-l {
outline: 1px solid transparent;
}
.outline-0-l {
outline: 0;
}
}
/*
OVERFLOW
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.overflow-visible {
overflow: visible;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-auto {
overflow: auto;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
@media screen and (min-width: 30em) {
.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;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.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;
}
}
@media screen and (min-width: 1366px) {
.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;
}
}
/*
POSITIONING
Docs: http://tachyons.io/docs/layout/position/
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.static {
position: static;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
@media screen and (min-width: 30em) {
.static-ns {
position: static;
}
.relative-ns {
position: relative;
}
.absolute-ns {
position: absolute;
}
.fixed-ns {
position: fixed;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.static-m {
position: static;
}
.relative-m {
position: relative;
}
.absolute-m {
position: absolute;
}
.fixed-m {
position: fixed;
}
}
@media screen and (min-width: 1366px) {
.static-l {
position: static;
}
.relative-l {
position: relative;
}
.absolute-l {
position: absolute;
}
.fixed-l {
position: fixed;
}
}
/*
ROTATIONS
*/
.rotate-45 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135 {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225 {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315 {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
@media screen and (min-width: 30em) {
.rotate-45-ns {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-ns {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-ns {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-ns {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-ns {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-ns {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-ns {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.rotate-45-m {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-m {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-m {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-m {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-m {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-m {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-m {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
}
@media screen and (min-width: 1366px) {
.rotate-45-l {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-l {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-l {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-l {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-l {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-l {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-l {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
}
/*
SKINS:PSEUDO
Customize the color of an element when
it is focused or hovered over.
*/
.hover-black:hover,
.hover-black:focus {
color: #000;
}
.hover-near-black:hover,
.hover-near-black:focus {
color: #111;
}
.hover-dark-gray:hover,
.hover-dark-gray:focus {
color: #333;
}
.hover-mid-gray:hover,
.hover-mid-gray:focus {
color: #555;
}
.hover-gray:hover,
.hover-gray:focus {
color: #777;
}
.hover-silver:hover,
.hover-silver:focus {
color: #999;
}
.hover-light-silver:hover,
.hover-light-silver:focus {
color: #aaa;
}
.hover-moon-gray:hover,
.hover-moon-gray:focus {
color: #ccc;
}
.hover-light-gray:hover,
.hover-light-gray:focus {
color: #eee;
}
.hover-near-white:hover,
.hover-near-white:focus {
color: #f4f4f4;
}
.hover-white:hover,
.hover-white:focus {
color: #fff;
}
.hover-black-90:hover,
.hover-black-90:focus {
color: rgba(0, 0, 0, 0.9);
}
.hover-black-80:hover,
.hover-black-80:focus {
color: rgba(0, 0, 0, 0.8);
}
.hover-black-70:hover,
.hover-black-70:focus {
color: rgba(0, 0, 0, 0.7);
}
.hover-black-60:hover,
.hover-black-60:focus {
color: rgba(0, 0, 0, 0.6);
}
.hover-black-50:hover,
.hover-black-50:focus {
color: rgba(0, 0, 0, 0.5);
}
.hover-black-40:hover,
.hover-black-40:focus {
color: rgba(0, 0, 0, 0.4);
}
.hover-black-30:hover,
.hover-black-30:focus {
color: rgba(0, 0, 0, 0.3);
}
.hover-black-20:hover,
.hover-black-20:focus {
color: rgba(0, 0, 0, 0.2);
}
.hover-black-10:hover,
.hover-black-10:focus {
color: rgba(0, 0, 0, 0.1);
}
.hover-white-90:hover,
.hover-white-90:focus {
color: rgba(255, 255, 255, 0.9);
}
.hover-white-80:hover,
.hover-white-80:focus {
color: rgba(255, 255, 255, 0.8);
}
.hover-white-70:hover,
.hover-white-70:focus {
color: rgba(255, 255, 255, 0.7);
}
.hover-white-60:hover,
.hover-white-60:focus {
color: rgba(255, 255, 255, 0.6);
}
.hover-white-50:hover,
.hover-white-50:focus {
color: rgba(255, 255, 255, 0.5);
}
.hover-white-40:hover,
.hover-white-40:focus {
color: rgba(255, 255, 255, 0.4);
}
.hover-white-30:hover,
.hover-white-30:focus {
color: rgba(255, 255, 255, 0.3);
}
.hover-white-20:hover,
.hover-white-20:focus {
color: rgba(255, 255, 255, 0.2);
}
.hover-white-10:hover,
.hover-white-10:focus {
color: rgba(255, 255, 255, 0.1);
}
.hover-bg-black:hover,
.hover-bg-black:focus {
background-color: #000;
}
.hover-bg-near-black:hover,
.hover-bg-near-black:focus {
background-color: #111;
}
.hover-bg-dark-gray:hover,
.hover-bg-dark-gray:focus {
background-color: #333;
}
.hover-bg-dark-gray:focus,
.hover-bg-mid-gray:hover {
background-color: #555;
}
.hover-bg-gray:hover,
.hover-bg-gray:focus {
background-color: #777;
}
.hover-bg-silver:hover,
.hover-bg-silver:focus {
background-color: #999;
}
.hover-bg-light-silver:hover,
.hover-bg-light-silver:focus {
background-color: #aaa;
}
.hover-bg-moon-gray:hover,
.hover-bg-moon-gray:focus {
background-color: #ccc;
}
.hover-bg-light-gray:hover,
.hover-bg-light-gray:focus {
background-color: #eee;
}
.hover-bg-near-white:hover,
.hover-bg-near-white:focus {
background-color: #f4f4f4;
}
.hover-bg-white:hover,
.hover-bg-white:focus {
background-color: #fff;
}
.hover-bg-transparent:hover,
.hover-bg-transparent:focus {
background-color: transparent;
}
.hover-bg-black-90:hover,
.hover-bg-black-90:focus {
background-color: rgba(0, 0, 0, 0.9);
}
.hover-bg-black-80:hover,
.hover-bg-black-80:focus {
background-color: rgba(0, 0, 0, 0.8);
}
.hover-bg-black-70:hover,
.hover-bg-black-70:focus {
background-color: rgba(0, 0, 0, 0.7);
}
.hover-bg-black-60:hover,
.hover-bg-black-60:focus {
background-color: rgba(0, 0, 0, 0.6);
}
.hover-bg-black-50:hover,
.hover-bg-black-50:focus {
background-color: rgba(0, 0, 0, 0.5);
}
.hover-bg-black-40:hover,
.hover-bg-black-40:focus {
background-color: rgba(0, 0, 0, 0.4);
}
.hover-bg-black-30:hover,
.hover-bg-black-30:focus {
background-color: rgba(0, 0, 0, 0.3);
}
.hover-bg-black-20:hover,
.hover-bg-black-20:focus {
background-color: rgba(0, 0, 0, 0.2);
}
.hover-bg-black-10:hover,
.hover-bg-black-10:focus {
background-color: rgba(0, 0, 0, 0.1);
}
.hover-bg-white-90:hover,
.hover-bg-white-90:focus {
background-color: rgba(255, 255, 255, 0.9);
}
.hover-bg-white-80:hover,
.hover-bg-white-80:focus {
background-color: rgba(255, 255, 255, 0.8);
}
.hover-bg-white-70:hover,
.hover-bg-white-70:focus {
background-color: rgba(255, 255, 255, 0.7);
}
.hover-bg-white-60:hover,
.hover-bg-white-60:focus {
background-color: rgba(255, 255, 255, 0.6);
}
.hover-bg-white-50:hover,
.hover-bg-white-50:focus {
background-color: rgba(255, 255, 255, 0.5);
}
.hover-bg-white-40:hover,
.hover-bg-white-40:focus {
background-color: rgba(255, 255, 255, 0.4);
}
.hover-bg-white-30:hover,
.hover-bg-white-30:focus {
background-color: rgba(255, 255, 255, 0.3);
}
.hover-bg-white-20:hover,
.hover-bg-white-20:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.hover-bg-white-10:hover,
.hover-bg-white-10:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.hover-dark-red:hover,
.hover-dark-red:focus {
color: #e7040f;
}
.hover-red:hover,
.hover-red:focus {
color: #ff4136;
}
.hover-light-red:hover,
.hover-light-red:focus {
color: #ff725c;
}
.hover-orange:hover,
.hover-orange:focus {
color: #ff6300;
}
.hover-gold:hover,
.hover-gold:focus {
color: #ffb700;
}
.hover-yellow:hover,
.hover-yellow:focus {
color: #ffd700;
}
.hover-light-yellow:hover,
.hover-light-yellow:focus {
color: #fbf1a9;
}
.hover-purple:hover,
.hover-purple:focus {
color: #5e2ca5;
}
.hover-light-purple:hover,
.hover-light-purple:focus {
color: #a463f2;
}
.hover-dark-pink:hover,
.hover-dark-pink:focus {
color: #d5008f;
}
.hover-hot-pink:hover,
.hover-hot-pink:focus {
color: #ff41b4;
}
.hover-pink:hover,
.hover-pink:focus {
color: #ff80cc;
}
.hover-light-pink:hover,
.hover-light-pink:focus {
color: #ffa3d7;
}
.hover-dark-green:hover,
.hover-dark-green:focus {
color: #137752;
}
.hover-green:hover,
.hover-green:focus {
color: #19a974;
}
.hover-light-green:hover,
.hover-light-green:focus {
color: #9eebcf;
}
.hover-navy:hover,
.hover-navy:focus {
color: #001b44;
}
.hover-dark-blue:hover,
.hover-dark-blue:focus {
color: #00449e;
}
.hover-blue:hover,
.hover-blue:focus {
color: #357edd;
}
.hover-light-blue:hover,
.hover-light-blue:focus {
color: #96ccff;
}
.hover-lightest-blue:hover,
.hover-lightest-blue:focus {
color: #cdecff;
}
.hover-washed-blue:hover,
.hover-washed-blue:focus {
color: #f6fffe;
}
.hover-washed-green:hover,
.hover-washed-green:focus {
color: #e8fdf5;
}
.hover-washed-yellow:hover,
.hover-washed-yellow:focus {
color: #fffceb;
}
.hover-washed-red:hover,
.hover-washed-red:focus {
color: #ffdfdf;
}
.hover-bg-dark-red:hover,
.hover-bg-dark-red:focus {
background-color: #e7040f;
}
.hover-bg-red:hover,
.hover-bg-red:focus {
background-color: #ff4136;
}
.hover-bg-light-red:hover,
.hover-bg-light-red:focus {
background-color: #ff725c;
}
.hover-bg-orange:hover,
.hover-bg-orange:focus {
background-color: #ff6300;
}
.hover-bg-gold:hover,
.hover-bg-gold:focus {
background-color: #ffb700;
}
.hover-bg-yellow:hover,
.hover-bg-yellow:focus {
background-color: #ffd700;
}
.hover-bg-light-yellow:hover,
.hover-bg-light-yellow:focus {
background-color: #fbf1a9;
}
.hover-bg-purple:hover,
.hover-bg-purple:focus {
background-color: #5e2ca5;
}
.hover-bg-light-purple:hover,
.hover-bg-light-purple:focus {
background-color: #a463f2;
}
.hover-bg-dark-pink:hover,
.hover-bg-dark-pink:focus {
background-color: #d5008f;
}
.hover-bg-hot-pink:hover,
.hover-bg-hot-pink:focus {
background-color: #ff41b4;
}
.hover-bg-pink:hover,
.hover-bg-pink:focus {
background-color: #ff80cc;
}
.hover-bg-light-pink:hover,
.hover-bg-light-pink:focus {
background-color: #ffa3d7;
}
.hover-bg-dark-green:hover,
.hover-bg-dark-green:focus {
background-color: #137752;
}
.hover-bg-green:hover,
.hover-bg-green:focus {
background-color: #19a974;
}
.hover-bg-light-green:hover,
.hover-bg-light-green:focus {
background-color: #9eebcf;
}
.hover-bg-navy:hover,
.hover-bg-navy:focus {
background-color: #001b44;
}
.hover-bg-dark-blue:hover,
.hover-bg-dark-blue:focus {
background-color: #00449e;
}
.hover-bg-blue:hover,
.hover-bg-blue:focus {
background-color: #357edd;
}
.hover-bg-light-blue:hover,
.hover-bg-light-blue:focus {
background-color: #96ccff;
}
.hover-bg-lightest-blue:hover,
.hover-bg-lightest-blue:focus {
background-color: #cdecff;
}
.hover-bg-washed-blue:hover,
.hover-bg-washed-blue:focus {
background-color: #f6fffe;
}
.hover-bg-washed-green:hover,
.hover-bg-washed-green:focus {
background-color: #e8fdf5;
}
.hover-bg-washed-yellow:hover,
.hover-bg-washed-yellow:focus {
background-color: #fffceb;
}
.hover-bg-washed-red:hover,
.hover-bg-washed-red:focus {
background-color: #ffdfdf;
}
/*
SKINS
Docs: http://tachyons.io/docs/themes/skins/
Classes for setting foreground and background colors on elements.
If you haven't declared a border color, but set border on an element, it will
be set to the current text color.
*/
/* Text colors */
.black-90 {
color: rgba(0, 0, 0, 0.9);
}
.black-80 {
color: rgba(0, 0, 0, 0.8);
}
.black-70 {
color: rgba(0, 0, 0, 0.7);
}
.black-60 {
color: rgba(0, 0, 0, 0.6);
}
.black-50 {
color: rgba(0, 0, 0, 0.5);
}
.black-40 {
color: rgba(0, 0, 0, 0.4);
}
.black-30 {
color: rgba(0, 0, 0, 0.3);
}
.black-20 {
color: rgba(0, 0, 0, 0.2);
}
.black-10 {
color: rgba(0, 0, 0, 0.1);
}
.black-05 {
color: rgba(0, 0, 0, 0.05);
}
.white-90 {
color: rgba(255, 255, 255, 0.9);
}
.white-80 {
color: rgba(255, 255, 255, 0.8);
}
.white-70 {
color: rgba(255, 255, 255, 0.7);
}
.white-60 {
color: rgba(255, 255, 255, 0.6);
}
.white-50 {
color: rgba(255, 255, 255, 0.5);
}
.white-40 {
color: rgba(255, 255, 255, 0.4);
}
.white-30 {
color: rgba(255, 255, 255, 0.3);
}
.white-20 {
color: rgba(255, 255, 255, 0.2);
}
.white-10 {
color: rgba(255, 255, 255, 0.1);
}
.black {
color: #000;
}
.near-black {
color: #111;
}
.dark-gray {
color: #333;
}
.mid-gray {
color: #555;
}
.gray {
color: #777;
}
.silver {
color: #999;
}
.light-silver {
color: #aaa;
}
.moon-gray {
color: #ccc;
}
.light-gray {
color: #eee;
}
.near-white {
color: #f4f4f4;
}
.white {
color: #fff;
}
.dark-red {
color: #e7040f;
}
.red {
color: #ff4136;
}
.light-red {
color: #ff725c;
}
.orange {
color: #ff6300;
}
.gold {
color: #ffb700;
}
.yellow {
color: #ffd700;
}
.light-yellow {
color: #fbf1a9;
}
.purple {
color: #5e2ca5;
}
.light-purple {
color: #a463f2;
}
.dark-pink {
color: #d5008f;
}
.hot-pink {
color: #ff41b4;
}
.pink {
color: #ff80cc;
}
.light-pink {
color: #ffa3d7;
}
.dark-green {
color: #137752;
}
.green {
color: #19a974;
}
.light-green {
color: #9eebcf;
}
.navy {
color: #001b44;
}
.dark-blue {
color: #00449e;
}
.blue {
color: #357edd;
}
.light-blue {
color: #96ccff;
}
.lightest-blue {
color: #cdecff;
}
.washed-blue {
color: #f6fffe;
}
.washed-green {
color: #e8fdf5;
}
.washed-yellow {
color: #fffceb;
}
.washed-red {
color: #ffdfdf;
}
.bg-black-90 {
background-color: rgba(0, 0, 0, 0.9);
}
.bg-black-80 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-70 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-60 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-50 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-40 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-30 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-20 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-10 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-05 {
background-color: rgba(0, 0, 0, 0.05);
}
.bg-white-90 {
background-color: rgba(255, 255, 255, 0.9);
}
.bg-white-80 {
background-color: rgba(255, 255, 255, 0.8);
}
.bg-white-70 {
background-color: rgba(255, 255, 255, 0.7);
}
.bg-white-60 {
background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-50 {
background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-40 {
background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-30 {
background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-20 {
background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-10 {
background-color: rgba(255, 255, 255, 0.1);
}
/* Background colors */
.bg-black {
background-color: #000;
}
.bg-near-black {
background-color: #111;
}
.bg-dark-gray {
background-color: #333;
}
.bg-mid-gray {
background-color: #555;
}
.bg-gray {
background-color: #777;
}
.bg-silver {
background-color: #999;
}
.bg-light-silver {
background-color: #aaa;
}
.bg-moon-gray {
background-color: #ccc;
}
.bg-light-gray {
background-color: #eee;
}
.bg-near-white {
background-color: #f4f4f4;
}
.bg-white {
background-color: #fff;
}
.bg-transparent {
background-color: transparent;
}
.bg-dark-red {
background-color: #e7040f;
}
.bg-red {
background-color: #ff4136;
}
.bg-light-red {
background-color: #ff725c;
}
.bg-orange {
background-color: #ff6300;
}
.bg-gold {
background-color: #ffb700;
}
.bg-yellow {
background-color: #ffd700;
}
.bg-light-yellow {
background-color: #fbf1a9;
}
.bg-purple {
background-color: #5e2ca5;
}
.bg-light-purple {
background-color: #a463f2;
}
.bg-dark-pink {
background-color: #d5008f;
}
.bg-hot-pink {
background-color: #ff41b4;
}
.bg-pink {
background-color: #ff80cc;
}
.bg-light-pink {
background-color: #ffa3d7;
}
.bg-dark-green {
background-color: #137752;
}
.bg-green {
background-color: #19a974;
}
.bg-light-green {
background-color: #9eebcf;
}
.bg-navy {
background-color: #001b44;
}
.bg-dark-blue {
background-color: #00449e;
}
.bg-blue {
background-color: #357edd;
}
.bg-light-blue {
background-color: #96ccff;
}
.bg-lightest-blue {
background-color: #cdecff;
}
.bg-washed-blue {
background-color: #f6fffe;
}
.bg-washed-green {
background-color: #e8fdf5;
}
.bg-washed-yellow {
background-color: #fffceb;
}
.bg-washed-red {
background-color: #ffdfdf;
}
/* Variables */
/*
SPACING
Docs: http://tachyons.io/docs/layout/spacing/
An eight step powers of two scale ranging from 0 to 16rem.
Base:
p = padding
m = margin
Modifiers:
a = all
h = horizontal
v = vertical
t = top
r = right
b = bottom
l = left
0 = none
1 = 1st step in spacing scale
2 = 2nd step in spacing scale
3 = 3rd step in spacing scale
4 = 4th step in spacing scale
5 = 5th step in spacing scale
6 = 6th step in spacing scale
7 = 7th step in spacing scale
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.pa0 {
padding: 0;
}
.pa1 {
padding: 0.25rem;
}
.pa2 {
padding: 0.5rem;
}
.pa3 {
padding: 1rem;
}
.pa4 {
padding: 2rem;
}
.pa5 {
padding: 4rem;
}
.pa6 {
padding: 8rem;
}
.pa7 {
padding: 16rem;
}
.pl0 {
padding-left: 0;
}
.pl1 {
padding-left: 0.25rem;
}
.pl2 {
padding-left: 0.5rem;
}
.pl3 {
padding-left: 1rem;
}
.pl4 {
padding-left: 2rem;
}
.pl5 {
padding-left: 4rem;
}
.pl6 {
padding-left: 8rem;
}
.pl7 {
padding-left: 16rem;
}
.pr0 {
padding-right: 0;
}
.pr1 {
padding-right: 0.25rem;
}
.pr2 {
padding-right: 0.5rem;
}
.pr3 {
padding-right: 1rem;
}
.pr4 {
padding-right: 2rem;
}
.pr5 {
padding-right: 4rem;
}
.pr6 {
padding-right: 8rem;
}
.pr7 {
padding-right: 16rem;
}
.pb0 {
padding-bottom: 0;
}
.pb1 {
padding-bottom: 0.25rem;
}
.pb2 {
padding-bottom: 0.5rem;
}
.pb3 {
padding-bottom: 1rem;
}
.pb4 {
padding-bottom: 2rem;
}
.pb5 {
padding-bottom: 4rem;
}
.pb6 {
padding-bottom: 8rem;
}
.pb7 {
padding-bottom: 16rem;
}
.pt0 {
padding-top: 0;
}
.pt1 {
padding-top: 0.25rem;
}
.pt2 {
padding-top: 0.5rem;
}
.pt3 {
padding-top: 1rem;
}
.pt4 {
padding-top: 2rem;
}
.pt5 {
padding-top: 4rem;
}
.pt6 {
padding-top: 8rem;
}
.pt7 {
padding-top: 16rem;
}
.pv0 {
padding-top: 0;
padding-bottom: 0;
}
.pv1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pv3 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7 {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0 {
padding-left: 0;
padding-right: 0;
}
.ph1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ph2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ph3 {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4 {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5 {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6 {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7 {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0 {
margin: 0;
}
.ma1 {
margin: 0.25rem;
}
.ma2 {
margin: 0.5rem;
}
.ma3 {
margin: 1rem;
}
.ma4 {
margin: 2rem;
}
.ma5 {
margin: 4rem;
}
.ma6 {
margin: 8rem;
}
.ma7 {
margin: 16rem;
}
.ml0 {
margin-left: 0;
}
.ml1 {
margin-left: 0.25rem;
}
.ml2 {
margin-left: 0.5rem;
}
.ml3 {
margin-left: 1rem;
}
.ml4 {
margin-left: 2rem;
}
.ml5 {
margin-left: 4rem;
}
.ml6 {
margin-left: 8rem;
}
.ml7 {
margin-left: 16rem;
}
.mr0 {
margin-right: 0;
}
.mr1 {
margin-right: 0.25rem;
}
.mr2 {
margin-right: 0.5rem;
}
.mr3 {
margin-right: 1rem;
}
.mr4 {
margin-right: 2rem;
}
.mr5 {
margin-right: 4rem;
}
.mr6 {
margin-right: 8rem;
}
.mr7 {
margin-right: 16rem;
}
.mb0 {
margin-bottom: 0;
}
.mb1 {
margin-bottom: 0.25rem;
}
.mb2 {
margin-bottom: 0.5rem;
}
.mb3 {
margin-bottom: 1rem;
}
.mb4 {
margin-bottom: 2rem;
}
.mb5 {
margin-bottom: 4rem;
}
.mb6 {
margin-bottom: 8rem;
}
.mb7 {
margin-bottom: 16rem;
}
.mt0 {
margin-top: 0;
}
.mt1 {
margin-top: 0.25rem;
}
.mt2 {
margin-top: 0.5rem;
}
.mt3 {
margin-top: 1rem;
}
.mt4 {
margin-top: 2rem;
}
.mt5 {
margin-top: 4rem;
}
.mt6 {
margin-top: 8rem;
}
.mt7 {
margin-top: 16rem;
}
.mv0 {
margin-top: 0;
margin-bottom: 0;
}
.mv1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mv3 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6 {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7 {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0 {
margin-left: 0;
margin-right: 0;
}
.mh1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mh2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mh3 {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4 {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5 {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6 {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7 {
margin-left: 16rem;
margin-right: 16rem;
}
@media screen and (min-width: 30em) {
.pa0-ns {
padding: 0;
}
.pa1-ns {
padding: 0.25rem;
}
.pa2-ns {
padding: 0.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: 0.25rem;
}
.pl2-ns {
padding-left: 0.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: 0.25rem;
}
.pr2-ns {
padding-right: 0.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: 0.25rem;
}
.pb2-ns {
padding-bottom: 0.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: 0.25rem;
}
.pt2-ns {
padding-top: 0.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: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-ns {
padding-top: 0.5rem;
padding-bottom: 0.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: 0.25rem;
padding-right: 0.25rem;
}
.ph2-ns {
padding-left: 0.5rem;
padding-right: 0.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: 0.25rem;
}
.ma2-ns {
margin: 0.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: 0.25rem;
}
.ml2-ns {
margin-left: 0.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: 0.25rem;
}
.mr2-ns {
margin-right: 0.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: 0.25rem;
}
.mb2-ns {
margin-bottom: 0.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: 0.25rem;
}
.mt2-ns {
margin-top: 0.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: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-ns {
margin-top: 0.5rem;
margin-bottom: 0.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: 0.25rem;
margin-right: 0.25rem;
}
.mh2-ns {
margin-left: 0.5rem;
margin-right: 0.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;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.pa0-m {
padding: 0;
}
.pa1-m {
padding: 0.25rem;
}
.pa2-m {
padding: 0.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: 0.25rem;
}
.pl2-m {
padding-left: 0.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: 0.25rem;
}
.pr2-m {
padding-right: 0.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: 0.25rem;
}
.pb2-m {
padding-bottom: 0.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: 0.25rem;
}
.pt2-m {
padding-top: 0.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: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-m {
padding-top: 0.5rem;
padding-bottom: 0.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: 0.25rem;
padding-right: 0.25rem;
}
.ph2-m {
padding-left: 0.5rem;
padding-right: 0.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: 0.25rem;
}
.ma2-m {
margin: 0.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: 0.25rem;
}
.ml2-m {
margin-left: 0.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: 0.25rem;
}
.mr2-m {
margin-right: 0.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: 0.25rem;
}
.mb2-m {
margin-bottom: 0.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: 0.25rem;
}
.mt2-m {
margin-top: 0.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: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-m {
margin-top: 0.5rem;
margin-bottom: 0.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: 0.25rem;
margin-right: 0.25rem;
}
.mh2-m {
margin-left: 0.5rem;
margin-right: 0.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;
}
}
@media screen and (min-width: 1366px) {
.pa0-l {
padding: 0;
}
.pa1-l {
padding: 0.25rem;
}
.pa2-l {
padding: 0.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: 0.25rem;
}
.pl2-l {
padding-left: 0.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: 0.25rem;
}
.pr2-l {
padding-right: 0.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: 0.25rem;
}
.pb2-l {
padding-bottom: 0.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: 0.25rem;
}
.pt2-l {
padding-top: 0.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: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-l {
padding-top: 0.5rem;
padding-bottom: 0.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: 0.25rem;
padding-right: 0.25rem;
}
.ph2-l {
padding-left: 0.5rem;
padding-right: 0.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: 0.25rem;
}
.ma2-l {
margin: 0.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: 0.25rem;
}
.ml2-l {
margin-left: 0.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: 0.25rem;
}
.mr2-l {
margin-right: 0.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: 0.25rem;
}
.mb2-l {
margin-bottom: 0.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: 0.25rem;
}
.mt2-l {
margin-top: 0.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: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-l {
margin-top: 0.5rem;
margin-bottom: 0.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: 0.25rem;
margin-right: 0.25rem;
}
.mh2-l {
margin-left: 0.5rem;
margin-right: 0.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;
}
}
/*
NEGATIVE MARGINS
Base:
n = negative
Modifiers:
a = all
t = top
r = right
b = bottom
l = left
1 = 1st step in spacing scale
2 = 2nd step in spacing scale
3 = 3rd step in spacing scale
4 = 4th step in spacing scale
5 = 5th step in spacing scale
6 = 6th step in spacing scale
7 = 7th step in spacing scale
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.na1 {
margin: -0.25rem;
}
.na2 {
margin: -0.5rem;
}
.na3 {
margin: -1rem;
}
.na4 {
margin: -2rem;
}
.na5 {
margin: -4rem;
}
.na6 {
margin: -8rem;
}
.na7 {
margin: -16rem;
}
.nl1 {
margin-left: -0.25rem;
}
.nl2 {
margin-left: -0.5rem;
}
.nl3 {
margin-left: -1rem;
}
.nl4 {
margin-left: -2rem;
}
.nl5 {
margin-left: -4rem;
}
.nl6 {
margin-left: -8rem;
}
.nl7 {
margin-left: -16rem;
}
.nr1 {
margin-right: -0.25rem;
}
.nr2 {
margin-right: -0.5rem;
}
.nr3 {
margin-right: -1rem;
}
.nr4 {
margin-right: -2rem;
}
.nr5 {
margin-right: -4rem;
}
.nr6 {
margin-right: -8rem;
}
.nr7 {
margin-right: -16rem;
}
.nb1 {
margin-bottom: -0.25rem;
}
.nb2 {
margin-bottom: -0.5rem;
}
.nb3 {
margin-bottom: -1rem;
}
.nb4 {
margin-bottom: -2rem;
}
.nb5 {
margin-bottom: -4rem;
}
.nb6 {
margin-bottom: -8rem;
}
.nb7 {
margin-bottom: -16rem;
}
.nt1 {
margin-top: -0.25rem;
}
.nt2 {
margin-top: -0.5rem;
}
.nt3 {
margin-top: -1rem;
}
.nt4 {
margin-top: -2rem;
}
.nt5 {
margin-top: -4rem;
}
.nt6 {
margin-top: -8rem;
}
.nt7 {
margin-top: -16rem;
}
@media screen and (min-width: 30em) {
.na1-ns {
margin: -0.25rem;
}
.na2-ns {
margin: -0.5rem;
}
.na3-ns {
margin: -1rem;
}
.na4-ns {
margin: -2rem;
}
.na5-ns {
margin: -4rem;
}
.na6-ns {
margin: -8rem;
}
.na7-ns {
margin: -16rem;
}
.nl1-ns {
margin-left: -0.25rem;
}
.nl2-ns {
margin-left: -0.5rem;
}
.nl3-ns {
margin-left: -1rem;
}
.nl4-ns {
margin-left: -2rem;
}
.nl5-ns {
margin-left: -4rem;
}
.nl6-ns {
margin-left: -8rem;
}
.nl7-ns {
margin-left: -16rem;
}
.nr1-ns {
margin-right: -0.25rem;
}
.nr2-ns {
margin-right: -0.5rem;
}
.nr3-ns {
margin-right: -1rem;
}
.nr4-ns {
margin-right: -2rem;
}
.nr5-ns {
margin-right: -4rem;
}
.nr6-ns {
margin-right: -8rem;
}
.nr7-ns {
margin-right: -16rem;
}
.nb1-ns {
margin-bottom: -0.25rem;
}
.nb2-ns {
margin-bottom: -0.5rem;
}
.nb3-ns {
margin-bottom: -1rem;
}
.nb4-ns {
margin-bottom: -2rem;
}
.nb5-ns {
margin-bottom: -4rem;
}
.nb6-ns {
margin-bottom: -8rem;
}
.nb7-ns {
margin-bottom: -16rem;
}
.nt1-ns {
margin-top: -0.25rem;
}
.nt2-ns {
margin-top: -0.5rem;
}
.nt3-ns {
margin-top: -1rem;
}
.nt4-ns {
margin-top: -2rem;
}
.nt5-ns {
margin-top: -4rem;
}
.nt6-ns {
margin-top: -8rem;
}
.nt7-ns {
margin-top: -16rem;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.na1-m {
margin: -0.25rem;
}
.na2-m {
margin: -0.5rem;
}
.na3-m {
margin: -1rem;
}
.na4-m {
margin: -2rem;
}
.na5-m {
margin: -4rem;
}
.na6-m {
margin: -8rem;
}
.na7-m {
margin: -16rem;
}
.nl1-m {
margin-left: -0.25rem;
}
.nl2-m {
margin-left: -0.5rem;
}
.nl3-m {
margin-left: -1rem;
}
.nl4-m {
margin-left: -2rem;
}
.nl5-m {
margin-left: -4rem;
}
.nl6-m {
margin-left: -8rem;
}
.nl7-m {
margin-left: -16rem;
}
.nr1-m {
margin-right: -0.25rem;
}
.nr2-m {
margin-right: -0.5rem;
}
.nr3-m {
margin-right: -1rem;
}
.nr4-m {
margin-right: -2rem;
}
.nr5-m {
margin-right: -4rem;
}
.nr6-m {
margin-right: -8rem;
}
.nr7-m {
margin-right: -16rem;
}
.nb1-m {
margin-bottom: -0.25rem;
}
.nb2-m {
margin-bottom: -0.5rem;
}
.nb3-m {
margin-bottom: -1rem;
}
.nb4-m {
margin-bottom: -2rem;
}
.nb5-m {
margin-bottom: -4rem;
}
.nb6-m {
margin-bottom: -8rem;
}
.nb7-m {
margin-bottom: -16rem;
}
.nt1-m {
margin-top: -0.25rem;
}
.nt2-m {
margin-top: -0.5rem;
}
.nt3-m {
margin-top: -1rem;
}
.nt4-m {
margin-top: -2rem;
}
.nt5-m {
margin-top: -4rem;
}
.nt6-m {
margin-top: -8rem;
}
.nt7-m {
margin-top: -16rem;
}
}
@media screen and (min-width: 1366px) {
.na1-l {
margin: -0.25rem;
}
.na2-l {
margin: -0.5rem;
}
.na3-l {
margin: -1rem;
}
.na4-l {
margin: -2rem;
}
.na5-l {
margin: -4rem;
}
.na6-l {
margin: -8rem;
}
.na7-l {
margin: -16rem;
}
.nl1-l {
margin-left: -0.25rem;
}
.nl2-l {
margin-left: -0.5rem;
}
.nl3-l {
margin-left: -1rem;
}
.nl4-l {
margin-left: -2rem;
}
.nl5-l {
margin-left: -4rem;
}
.nl6-l {
margin-left: -8rem;
}
.nl7-l {
margin-left: -16rem;
}
.nr1-l {
margin-right: -0.25rem;
}
.nr2-l {
margin-right: -0.5rem;
}
.nr3-l {
margin-right: -1rem;
}
.nr4-l {
margin-right: -2rem;
}
.nr5-l {
margin-right: -4rem;
}
.nr6-l {
margin-right: -8rem;
}
.nr7-l {
margin-right: -16rem;
}
.nb1-l {
margin-bottom: -0.25rem;
}
.nb2-l {
margin-bottom: -0.5rem;
}
.nb3-l {
margin-bottom: -1rem;
}
.nb4-l {
margin-bottom: -2rem;
}
.nb5-l {
margin-bottom: -4rem;
}
.nb6-l {
margin-bottom: -8rem;
}
.nb7-l {
margin-bottom: -16rem;
}
.nt1-l {
margin-top: -0.25rem;
}
.nt2-l {
margin-top: -0.5rem;
}
.nt3-l {
margin-top: -1rem;
}
.nt4-l {
margin-top: -2rem;
}
.nt5-l {
margin-top: -4rem;
}
.nt6-l {
margin-top: -8rem;
}
.nt7-l {
margin-top: -16rem;
}
}
/*
STYLES
Add custom styles here.
*/
/*
TABLES
Docs: http://tachyons.io/docs/elements/tables/
*/
.collapse {
border-collapse: collapse;
border-spacing: 0;
}
.striped--light-silver:nth-child(odd) {
background-color: #aaa;
}
.striped--moon-gray:nth-child(odd) {
background-color: #ccc;
}
.striped--light-gray:nth-child(odd) {
background-color: #eee;
}
.striped--near-white:nth-child(odd) {
background-color: #f4f4f4;
}
.stripe-light:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.1);
}
.stripe-dark:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.1);
}
/*
TEXT ALIGN
Docs: http://tachyons.io/docs/typography/text-align/
Base
t = text-align
Modifiers
l = left
r = right
c = center
j = justify
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.tc {
text-align: center;
}
.tj {
text-align: justify;
}
@media (--breakpoint-not-small) {
.tl-ns {
text-align: left;
}
.tr-ns {
text-align: right;
}
.tc-ns {
text-align: center;
}
.tj-ns {
text-align: justify;
}
}
@media (--breakpoint-medium) {
.tl-m {
text-align: left;
}
.tr-m {
text-align: right;
}
.tc-m {
text-align: center;
}
.tj-m {
text-align: justify;
}
}
@media (--breakpoint-large) {
.tl-l {
text-align: left;
}
.tr-l {
text-align: right;
}
.tc-l {
text-align: center;
}
.tj-l {
text-align: justify;
}
}
/*
TEXT DECORATION
Docs: http://tachyons.io/docs/typography/text-decoration/
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.strike {
text-decoration: line-through;
}
.underline {
text-decoration: underline;
}
.no-underline {
text-decoration: none;
}
@media screen and (min-width: 30em) {
.strike-ns {
text-decoration: line-through;
}
.underline-ns {
text-decoration: underline;
}
.no-underline-ns {
text-decoration: none;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.strike-m {
text-decoration: line-through;
}
.underline-m {
text-decoration: underline;
}
.no-underline-m {
text-decoration: none;
}
}
@media screen and (min-width: 1366px) {
.strike-l {
text-decoration: line-through;
}
.underline-l {
text-decoration: underline;
}
.no-underline-l {
text-decoration: none;
}
}
/*
TEXT TRANSFORM
Docs: http://tachyons.io/docs/typography/text-transform/
Base:
tt = text-transform
Modifiers
c = capitalize
l = lowercase
u = uppercase
n = none
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.ttc {
text-transform: capitalize;
}
.ttl {
text-transform: lowercase;
}
.ttu {
text-transform: uppercase;
}
.ttn {
text-transform: none;
}
@media screen and (min-width: 30em) {
.ttc-ns {
text-transform: capitalize;
}
.ttl-ns {
text-transform: lowercase;
}
.ttu-ns {
text-transform: uppercase;
}
.ttn-ns {
text-transform: none;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.ttc-m {
text-transform: capitalize;
}
.ttl-m {
text-transform: lowercase;
}
.ttu-m {
text-transform: uppercase;
}
.ttn-m {
text-transform: none;
}
}
@media screen and (min-width: 1366px) {
.ttc-l {
text-transform: capitalize;
}
.ttl-l {
text-transform: lowercase;
}
.ttu-l {
text-transform: uppercase;
}
.ttn-l {
text-transform: none;
}
}
/*
TYPOGRAPHY
http://tachyons.io/docs/typography/measure/
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
/* Measure is limited to ~66 characters */
.measure {
max-width: 30em;
}
/* Measure is limited to ~80 characters */
.measure-wide {
max-width: 34em;
}
/* Measure is limited to ~45 characters */
.measure-narrow {
max-width: 20em;
}
/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps {
font-variant: small-caps;
}
/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (min-width: 30em) {
.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;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.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;
}
}
@media screen and (min-width: 1366px) {
.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;
}
}
/*
UTILITIES
*/
.overflow-container {
overflow-y: scroll;
}
.center {
margin-right: auto;
margin-left: auto;
}
/*
VERTICAL ALIGN
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.v-base {
vertical-align: baseline;
}
.v-mid {
vertical-align: middle;
}
.v-top {
vertical-align: top;
}
.v-btm {
vertical-align: bottom;
}
@media screen and (min-width: 30em) {
.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: 1366px) {
.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: 1366px) {
.v-base-l {
vertical-align: baseline;
}
.v-mid-l {
vertical-align: middle;
}
.v-top-l {
vertical-align: top;
}
.v-btm-l {
vertical-align: bottom;
}
}
/*
VISIBILITY
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
/*
Text that is hidden but accessible
Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.clip {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
@media screen and (min-width: 30em) {
.clip-ns {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.clip-m {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
}
@media screen and (min-width: 1366px) {
.clip-l {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
}
/*
WHITE SPACE
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.ws-normal {
white-space: normal;
}
.nowrap {
white-space: nowrap;
}
.pre {
white-space: pre;
}
@media screen and (min-width: 30em) {
.ws-normal-ns {
white-space: normal;
}
.nowrap-ns {
white-space: nowrap;
}
.pre-ns {
white-space: pre;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.ws-normal-m {
white-space: normal;
}
.nowrap-m {
white-space: nowrap;
}
.pre-m {
white-space: pre;
}
}
@media screen and (min-width: 1366px) {
.ws-normal-l {
white-space: normal;
}
.nowrap-l {
white-space: nowrap;
}
.pre-l {
white-space: pre;
}
}
/*
WIDTHS
Docs: http://tachyons.io/docs/layout/widths/
Base:
w = width
Modifiers
1 = 1st step in width scale
2 = 2nd step in width scale
3 = 3rd step in width scale
4 = 4th step in width scale
5 = 5th step in width scale
-10 = literal value 10%
-20 = literal value 20%
-25 = literal value 25%
-33 = literal value 33%
-34 = literal value 34%
-40 = literal value 40%
-50 = literal value 50%
-60 = literal value 60%
-75 = literal value 75%
-80 = literal value 80%
-100 = literal value 100%
-third = 100% / 3 (Not supported in opera mini or IE8)
-auto = string value auto
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
/* Width Scale */
.w1 {
width: 1rem;
}
.w2 {
width: 2rem;
}
.w3 {
width: 4rem;
}
.w4 {
width: 8rem;
}
.w5 {
width: 16rem;
}
.w-10 {
width: 10%;
}
.w-20 {
width: 20%;
}
.w-25 {
width: 25%;
}
.w-28 {
width: 28%;
}
.w-30 {
width: 30%;
}
.w-33 {
width: 33%;
}
.w-34 {
width: 34%;
}
.w-40 {
width: 40%;
}
.w-50 {
width: 50%;
}
.w-60 {
width: 60%;
}
.w-70 {
width: 70%;
}
.w-75 {
width: 75%;
}
.w-80 {
width: 80%;
}
.w-90 {
width: 90%;
}
.w-100 {
width: 100%;
}
.w-third {
width: 33.3333333333%;
}
.w-two-thirds {
width: 66.6666666667%;
}
.w-auto {
width: auto;
}
@media screen and (min-width: 30em) {
.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-30-ns {
width: 30%;
}
.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-70-ns {
width: 70%;
}
.w-75-ns {
width: 75%;
}
.w-80-ns {
width: 80%;
}
.w-90-ns {
width: 90%;
}
.w-100-ns {
width: 100%;
}
.w-third-ns {
width: 33.3333333333%;
}
.w-two-thirds-ns {
width: 66.6666666667%;
}
.w-auto-ns {
width: auto;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.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-30-m {
width: 30%;
}
.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-70-m {
width: 70%;
}
.w-75-m {
width: 75%;
}
.w-80-m {
width: 80%;
}
.w-90-m {
width: 90%;
}
.w-100-m {
width: 100%;
}
.w-third-m {
width: 33.3333333333%;
}
.w-two-thirds-m {
width: 66.6666666667%;
}
.w-auto-m {
width: auto;
}
}
@media screen and (min-width: 1366px) {
.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-30-l {
width: 30%;
}
.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-70-l {
width: 70%;
}
.w-75-l {
width: 75%;
}
.w-80-l {
width: 80%;
}
.w-90-l {
width: 90%;
}
.w-100-l {
width: 100%;
}
.w-third-l {
width: 33.3333333333%;
}
.w-two-thirds-l {
width: 66.6666666667%;
}
.w-auto-l {
width: auto;
}
}
/*
WORD BREAK
Base:
word = word-break
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.word-normal {
word-break: normal;
}
.word-wrap {
word-break: break-all;
}
.word-nowrap {
word-break: keep-all;
}
@media screen and (min-width: 30em) {
.word-normal-ns {
word-break: normal;
}
.word-wrap-ns {
word-break: break-all;
}
.word-nowrap-ns {
word-break: keep-all;
}
}
@media screen and (min-width: 30em) and (max-width: 1366px) {
.word-normal-m {
word-break: normal;
}
.word-wrap-m {
word-break: break-all;
}
.word-nowrap-m {
word-break: keep-all;
}
}
@media screen and (min-width: 1366px) {
.word-normal-l {
word-break: normal;
}
.word-wrap-l {
word-break: break-all;
}
.word-nowrap-l {
word-break: keep-all;
}
}
/*
Z-INDEX
Base
z = z-index
Modifiers
-0 = literal value 0
-1 = literal value 1
-2 = literal value 2
-3 = literal value 3
-4 = literal value 4
-5 = literal value 5
-999 = literal value 999
-9999 = literal value 9999
-max = largest accepted z-index value as integer
-inherit = string value inherit
-initial = string value initial
-unset = string value unset
MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
Spec: http://www.w3.org/TR/CSS2/zindex.html
Articles:
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
Tips on extending:
There might be a time worth using negative z-index values.
Or if you are using tachyons with another project, you might need to
adjust these values to suit your needs.
*/
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-4 {
z-index: 4;
}
.z-5 {
z-index: 5;
}
.z-999 {
z-index: 999;
}
.z-9999 {
z-index: 9999;
}
.z-max {
z-index: 2147483647;
}
.z-inherit {
z-index: inherit;
}
.z-initial {
z-index: initial;
}
.z-unset {
z-index: unset;
}
/**
* Fichier de Reset CSS
* Modifié par SD 2016
* Basé sur le reset (reboot) de Bootstrap 4.0
* version du 23/01/2018 11:42:50
*/
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-align: left;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5em;
}
p {
margin-top: 0;
margin-bottom: 0;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 400;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #187498;
text-decoration: underline;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #59A0BB;
text-decoration: underline;
}
a:not([href]):not([tabindex]):not([savedhref]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):not([savedhref]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):not([savedhref]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0;
padding-bottom: 0;
color: #777;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
/*margin-bottom: .5rem;*/
}
button {
border-radius: 0;
}
button:focus {
/* outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;*/
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 0;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
/*@include tab-focus;*/
}
.btn:hover, .btn:focus, .btn.focus {
/*color: #fff; //$btn-default-color;*/
text-decoration: none;
}
.btn:active, .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
/*box-shadow: 0 0 10px rgba(0,0,0,0);*/
border-radius: 8px;
outline: none;
/*transition: all 250ms ease-in-out;*/
}
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
}
.btn-default:hover {
color: #333;
background-color: white;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
background-color: #fff;
/*border-color: $border;*/
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #187498;
border-color: #1b85ae;
/*box-shadow: 0 0 10px rgba(0,0,0,0);*/
border-radius: 8px;
outline: none;
/*transition: all 250ms ease-in-out;*/
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #11526c;
}
.btn-primary:hover {
color: #fff;
background-color: #1b85ae;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #11526c;
border-color: #135c79;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #0c3b4d;
border-color: #0a3140;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
background-color: #187498;
/*border-color: $border;*/
}
.btn-primary .badge {
color: #187498;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #79c842;
border-color: #87ce56;
/*box-shadow: 0 0 10px rgba(0,0,0,0);*/
border-radius: 8px;
outline: none;
/*transition: all 250ms ease-in-out;*/
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #61a730;
}
.btn-success:hover {
color: #fff;
background-color: #87ce56;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #61a730;
border-color: #68b234;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #518b28;
border-color: #4a7f25;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
background-color: #79c842;
/*border-color: $border;*/
}
.btn-success .badge {
color: #79c842;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #777777;
border-color: #848484;
/*box-shadow: 0 0 10px rgba(0,0,0,0);*/
border-radius: 8px;
outline: none;
/*transition: all 250ms ease-in-out;*/
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #5e5e5e;
}
.btn-info:hover {
color: #fff;
background-color: #848484;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #5e5e5e;
border-color: #656565;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #4c4c4c;
border-color: #444444;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
background-color: #777777;
/*border-color: $border;*/
}
.btn-info .badge {
color: #777777;
background-color: #fff;
}
.btn-warning {
color: #000;
background-color: #FFD137;
border-color: #ffd751;
/*box-shadow: 0 0 10px rgba(0,0,0,0);*/
border-radius: 8px;
outline: none;
/*transition: all 250ms ease-in-out;*/
}
.btn-warning:focus, .btn-warning.focus {
color: #000;
background-color: #ffc504;
}
.btn-warning:hover {
color: #000;
background-color: #ffd751;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
color: #000;
background-color: #ffc504;
border-color: #ffc913;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
color: #000;
background-color: #dfac00;
border-color: #d0a000;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
background-color: #FFD137;
/*border-color: $border;*/
}
.btn-warning .badge {
color: #FFD137;
background-color: #000;
}
.btn-danger {
color: #fff;
background-color: #990000;
border-color: #b30000;
/*box-shadow: 0 0 10px rgba(0,0,0,0);*/
border-radius: 8px;
outline: none;
/*transition: all 250ms ease-in-out;*/
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #660000;
}
.btn-danger:hover {
color: #fff;
background-color: #b30000;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #660000;
border-color: #750000;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #420000;
border-color: #330000;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
background-color: #990000;
/*border-color: $border;*/
}
.btn-danger .badge {
color: #990000;
background-color: #fff;
}
.btn-secondary {
color: #4d5359;
background-color: #e1e1e1;
border-color: #4d5359;
/*box-shadow: 0 0 10px rgba(0,0,0,0);*/
border-radius: 8px;
outline: none;
/*transition: all 250ms ease-in-out;*/
}
.btn-secondary:focus, .btn-secondary.focus {
color: #4d5359;
background-color: #c8c8c8;
}
.btn-secondary:hover {
color: #4d5359;
background-color: #eeeeee;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
color: #4d5359;
background-color: #c8c8c8;
border-color: #313438;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
color: #4d5359;
background-color: #b6b6b6;
border-color: #121315;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
background-image: none;
}
.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
background-color: #e1e1e1;
/*border-color: $border;*/
}
.btn-secondary .badge {
color: #e1e1e1;
background-color: #4d5359;
}
.btn-secondary .dxbButton_isagrc {
color: #4d5359;
}
.btn-secondary.dxbButtonHover_isagrc, .btn-secondary.dxbButtonHover_isagrc:focus {
background-color: #e1e1e1 !important;
color: #000 !important;
}
.btn-secondary.active, .btn-secondary:focus {
background-color: #187498 !important;
}
.btn-secondary.active .dxbButton_isagrc, .btn-secondary:focus .dxbButton_isagrc {
color: #fefefe;
border: none;
}
.btn-secondary.active .dxbf, .btn-secondary:focus .dxbf {
border: none;
}
.btn-link {
color: #187498;
font-weight: normal;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
color: #0e4256;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
color: #9E9E9E;
text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 8px;
}
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
}
.btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 0;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.3333333333%;
}
.col-xs-2 {
width: 16.6666666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.3333333333%;
}
.col-xs-5 {
width: 41.6666666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.3333333333%;
}
.col-xs-8 {
width: 66.6666666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.3333333333%;
}
.col-xs-11 {
width: 91.6666666667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.3333333333%;
}
.col-xs-pull-2 {
right: 16.6666666667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.3333333333%;
}
.col-xs-pull-5 {
right: 41.6666666667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.3333333333%;
}
.col-xs-pull-8 {
right: 66.6666666667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.3333333333%;
}
.col-xs-pull-11 {
right: 91.6666666667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.3333333333%;
}
.col-xs-push-2 {
left: 16.6666666667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.3333333333%;
}
.col-xs-push-5 {
left: 41.6666666667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.3333333333%;
}
.col-xs-push-8 {
left: 66.6666666667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.3333333333%;
}
.col-xs-push-11 {
left: 91.6666666667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.3333333333%;
}
.col-sm-pull-2 {
right: 16.6666666667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.3333333333%;
}
.col-sm-pull-5 {
right: 41.6666666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.3333333333%;
}
.col-sm-pull-8 {
right: 66.6666666667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.3333333333%;
}
.col-sm-pull-11 {
right: 91.6666666667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.3333333333%;
}
.col-sm-push-2 {
left: 16.6666666667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.3333333333%;
}
.col-sm-push-5 {
left: 41.6666666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.3333333333%;
}
.col-sm-push-8 {
left: 66.6666666667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.3333333333%;
}
.col-sm-push-11 {
left: 91.6666666667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.3333333333%;
}
.col-md-5 {
width: 41.6666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.3333333333%;
}
.col-md-pull-2 {
right: 16.6666666667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.3333333333%;
}
.col-md-pull-5 {
right: 41.6666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.3333333333%;
}
.col-md-pull-8 {
right: 66.6666666667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.3333333333%;
}
.col-md-pull-11 {
right: 91.6666666667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.3333333333%;
}
.col-md-push-2 {
left: 16.6666666667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.3333333333%;
}
.col-md-push-5 {
left: 41.6666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.3333333333%;
}
.col-md-push-8 {
left: 66.6666666667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.3333333333%;
}
.col-md-push-11 {
left: 91.6666666667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.3333333333%;
}
.col-lg-pull-2 {
right: 16.6666666667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.3333333333%;
}
.col-lg-pull-5 {
right: 41.6666666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.3333333333%;
}
.col-lg-pull-8 {
right: 66.6666666667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.3333333333%;
}
.col-lg-pull-11 {
right: 91.6666666667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.3333333333%;
}
.col-lg-push-2 {
left: 16.6666666667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.3333333333%;
}
.col-lg-push-5 {
left: 41.6666666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.3333333333%;
}
.col-lg-push-8 {
left: 66.6666666667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.3333333333%;
}
.col-lg-push-11 {
left: 91.6666666667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
.attention {
font-weight: 500;
color: #187498;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 4px 7px;
font-size: 0.65em;
font-weight: 700;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
border-radius: 99px;
background-color: #999999;
color: #fff;
}
.badge:empty {
display: none;
}
.badge-primary {
background-color: #187498;
color: #fff;
}
.badge-success {
background-color: #79c842;
color: #fff;
}
.badge-danger {
background-color: #990000;
color: #fff;
}
.h1, .h2,
.h3, .h4,
.h5 {
font-weight: 900;
margin-bottom: 0.5em;
color: #666666;
}
.h1.light, .h2.light,
.h3.light, .h4.light,
.h5.light {
font-weight: 100;
}
.h1 {
font-size: 36px;
}
.h2 {
font-size: 30px;
}
.h3 {
font-size: 24px;
}
.h4 {
font-size: 18px;
}
.h5 {
font-size: 1em;
}
.label {
font-size: 0.8em;
padding: 0.25em 0.5em;
border-radius: 2px;
line-height: 20px;
}
.label-close {
background-color: #999999;
color: #fff;
}
.label-inprogress {
background-color: #79c842;
color: #fff;
}
.label-outofdate {
background-color: #990000;
color: #fff;
}
.label-waiting {
background-color: #FF5733;
color: #fff;
}
.svg-injected {
max-height: 1em;
max-width: 100%;
}
.main--fill {
fill: #282828;
-webkit-transition: fill 150ms ease-in-out;
transition: fill 150ms ease-in-out;
}
.main--fill .icn__menu-ligne {
fill: #187498;
}
.body {
background-color: #F3F3F3;
margin: 0;
font-size: 0.875rem;
}
.feather {
width: 16px;
height: 16px;
vertical-align: text-bottom;
}
#app {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
min-height: 100vh;
height: 100vh;
margin: 0;
}
#header {
height: 2.8rem;
}
#header #divAccountName a {
text-decoration: none;
}
#header .loading {
background-color: #fff;
position: relative;
display: block;
width: 2em;
height: 2em;
}
#header .loading::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 2em;
height: 2em;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22loading-ii%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2050%2050%22%20style%3D%22enable-background%3Anew%200%200%2050%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23ff6d00%22%20d%3D%22M25.251%2C6.461c-10.318%2C0-18.683%2C8.365-18.683%2C18.683h4.068c0-8.071%2C6.543-14.615%2C14.615-14.615V6.461z%22%3E%3CanimateTransform%20attributeType%3D%22xml%22%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2025%2025%22%20to%3D%22360%2025%2025%22%20dur%3D%221.2s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
}
#header #searchKeyWords:focus-visible {
outline: 0px;
}
#header #cbSearch,
#header .searchBorder {
border-radius: 5px;
}
#header .accountChevron {
background: #187498;
color: #FFFFFF;
border-radius: 50%;
width: 1em;
height: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 3px;
}
#header .accountChevron::before {
font-size: 0.5em;
}
#header .red-hover:hover {
color: #ffa07a;
}
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
/*background-color: $c-body;*/
}
.container {
padding: 1em;
}
.grid-item {
overflow: hidden;
}
.top-header {
padding: 0.4rem;
}
#profileId {
font-size: 16px;
}
footer {
position: absolute;
bottom: 0px;
height: 15px;
left: 0px;
right: 0px;
overflow: hidden;
}
.signature--app {
padding-right: 2em;
font-size: 10px;
text-align: right;
color: #9E9E9E;
}
.sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 100; /* Behind the navbar */
padding: 0 0 8px 0;
-webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
width: 5rem;
font-size: 10px;
color: #fff;
}
.sidebar img {
width: 80%;
margin: 8px;
}
.sidebar .dxnbLite_isagrc {
border-top: 1px solid white;
}
.sidebar ul {
max-width: 5rem;
}
.sidebar span {
text-align: center;
float: left;
width: 100%;
}
.sidebar-sticky {
position: relative;
top: 0;
height: calc(100vh - 48px);
padding-top: 0.5rem;
overflow-x: hidden;
overflow-y: auto;
}
.sidebar .dxnb-link {
width: 5rem;
height: 6rem;
}
.sidebar .dxnb-link img {
width: 50px;
}
.dxnbLite_isagrc .dxnb-gr {
margin: 0;
}
.sidebar .dxnbLite_isagrc .dxnb-content {
border: none !important;
}
.sidebar .nav-link .feather {
margin-right: 4px;
color: #727272;
}
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
color: inherit;
}
.sidebar-logo {
fill: white;
}
.dxnbLite_isagrc .dxnb-large.dxnb-link, .dxnbLite_isagrc .dxnb-large .dxnb-link {
padding: 8px 2px 7px;
}
/*
Body
*/
.main-content {
padding: 0rem 0.75rem 0 6rem;
margin-top: 0.2em;
position: absolute;
top: 44px;
bottom: 15px;
left: 0px;
right: 0px;
overflow: auto;
}
/*
Menu
*/
.subMenuContainer {
min-height: 50px;
}
.linkMenu {
text-align: center;
width: 100%;
background-color: #59A0BB !important;
border-radius: 15px 15px 0 0;
}
.linkSubMenu {
text-align: center;
width: 100%;
background-color: #9ACCDF !important;
border-radius: 0 0 15px 15px;
}
.linkMenu ul {
float: none !important;
margin: 0 auto;
}
.linkSubMenu ul {
float: none !important;
margin: 0 auto;
}
.tileSelected {
background-color: #FFFFFF !important;
color: #187498 !important;
font-weight: normal;
font-size: 13px;
}
.tile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 6rem;
background-color: #187498;
border: none !important;
}
.sidebar .tile:last-child {
border-bottom: 1px solid #FFFFFF !important;
}
.sidebar .tile:hover a {
color: #187498;
background: #FFFFFF;
}
.sidebar .tile:hover {
background: #FFFFFF;
}
.sidebar .tile a {
color: #FFFFFF;
font-size: 13px;
padding: 17px 0px;
width: 100%;
}
.sidebarIcon.fa {
font-family: "Font Awesome 6 Pro";
font-size: 26px;
display: block;
margin-bottom: 8px;
}
img[alt~=faHide] {
display: none !important;
}
#tabMenu {
width: 100%;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
position: sticky;
z-index: 1001;
top: 0;
}
#tabMenu .tab {
background-color: #187498;
height: 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
overflow: hidden;
}
#tabMenu .tab a {
text-decoration: none;
color: white;
font-weight: normal;
font-size: 16px;
padding: 14px 16px;
}
#tabMenu .tab a.unique {
background-color: #9ACCDF !important;
color: #187498 !important;
}
#tabMenu .tab a.focus,
#tabMenu .tab a.click,
#tabMenu .tab a.active,
#tabMenu .subtab,
#tabMenu .subtab:hover {
background-color: #9ACCDF;
color: #0E4F68;
}
#tabMenu .tab a.click {
font-weight: bold;
color: #0E4F68;
}
#tabMenu .subtab {
display: none;
line-height: 1em;
height: 2.5rem;
margin: auto;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
#tabMenu .subtab.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#tabMenu .subtab a {
color: #0E4F68;
font-weight: normal;
text-decoration: none;
padding: 14px 16px;
}
#tabMenu .subtab.active a.selected,
#tabMenu .subtab a:hover {
border-bottom: 0.25em solid #187498;
}
#tabMenu #navContenair_tabContainer a[id^=tab],
#tabMenu #tabMenu .subtab a {
font-size: 15px !important;
line-height: 1.2em !important;
padding: 3px 16px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* Masque la scrollbar pour Chrome, Safari et Opera */
#tabMenu .subtab div[id$=tabs]::-webkit-scrollbar {
display: none;
}
/* Masque la scrollbar pour IE, Edge et Firefox */
#tabMenu .subtab div[id$=tabs] {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
#nestedTree #tree-main {
display: -ms-grid;
display: grid;
}
#nestedTree .tree-menu {
width: 100%;
position: relative;
content-visibility: auto;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#nestedTree .tree-menu_small {
width: 0;
padding: 0;
border: none;
content-visibility: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#nestedTree .tree-menu .dxtlControl_isagrc .dxtlDataTable {
border: none !important;
}
#nestedTree .tree-menu .selected {
font-weight: normal;
background: rgba(24, 116, 152, 0.19);
}
#nestedTree .tree-menu .selected a {
font-weight: normal;
}
#nestedTree .tree-menu .parent a {
font-weight: bold !important;
list-style-position: inherit !important;
}
#nestedTree .tree-menu .tlMenu_link_cell {
color: #187498;
}
#nestedTree .tree-menu .tlMenu_link_cell a {
display: list-item;
list-style-position: inside;
}
#nestedTree .treeHide {
display: none;
}
#nestedTree .tree-main {
overflow: auto;
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding-bottom: 0.5rem;
}
#nestedTree .tree-menu-width {
width: 300px;
}
@media (width <= 1366px) {
#nestedTree .tree-menu-width {
width: 250px;
}
}
@media (1366px < width <= 1600px) {
#nestedTree .tree-menu-width {
width: 250px;
}
}
.login {
background-color: #eee;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
background-image: radial-gradient(#fff, #aaa);
background-size: cover;
}
.login .dxeEditArea_isagrc {
margin-bottom: 5px;
}
.login .login__form {
padding: 1em 2.5em 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 3em auto;
background-image: url(../images/grc/bg-isagrc.svg);
background-repeat: no-repeat;
background-position: top;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 10px;
width: 370px;
max-width: 370px;
padding: 16px 40px 16px !important;
}
.login .login__form .container-logo {
height: 131px;
max-width: 270px;
}
.login .login__form .container-logo .logo {
margin: 0 auto;
}
.login .login__form .container-logo .logo-isagrc {
width: 210px;
}
.login .login__alert .alert {
display: block;
text-align: center;
max-width: 270px;
}
.login .login__ident {
background: #FFF;
border-radius: 10px;
padding: 18px 40px 18px;
-webkit-box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);
box-shadow: 2px 2px 4px rgba(100, 100, 100, 0.3);
margin: 16px auto 13px;
/* width: 250px;
height: 198px;*/
}
.login .login__ident .dxeCaption_isagrc {
color: #187498;
font-weight: bold;
}
.login .login__ident .dxeRequiredMark_isagrc {
display: none;
}
.login .login__ident table.dxeTextBox_isagrc {
border: none;
}
.login .login__ident td.dxic {
padding: 0;
width: 100%;
border: 0 !important;
background-color: #fff !important;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 0px solid #555 !important;
}
.login input#tbIdent_I, .login input#tbPassword_I {
height: 34px !important;
padding: 0 8px;
border-bottom: 1px solid #187498;
}
.login .flex span.dx-vam {
font-size: 16px;
}
.login .login__footer {
color: #777;
padding-top: 20px;
text-align: center;
}
.login .login__footer .dxeBase_isagrc {
color: #777;
}
.login .borderBottom {
border-bottom: 1px solid #9ACCDF !important;
}
.login .borderBottom:hover, .login .borderBottom:active, .login .borderBottom:focus, .login .borderBottom:visited {
border-bottom: 1px solid #187498 !important;
}
.login .textBoxIcn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.login input::-ms-reveal,
.login input::-ms-clear {
display: none;
}
.login-eye-padding div.dxb {
padding: 6px 2px 2px !important;
}
.errorPage {
max-width: 1024px;
margin: 1em auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[class^=errorPage--] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
[class^=errorPage--] .errorNumber {
position: relative;
background-color: #187498;
color: #fff;
width: 9em;
min-height: 4em;
font-size: 3em;
}
[class^=errorPage--] .errorNumber h1 {
position: absolute;
left: 0;
bottom: -10px;
margin: 0;
padding: 0;
}
[class^=errorPage--] .errorMessage .dxeBase_isagrc {
margin-left: 1em;
font-size: 2em;
font-weight: 700;
}
.error--messages pre {
font-family: monospace;
color: dimgray;
overflow: visible !important;
}
.BOHS-localhost,
.BOHS-WSLicenceHS {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
width: 75%;
margin: 10% auto;
padding: 2em;
}
.module__line {
margin-bottom: 1em;
}
.module__wrapper {
position: relative;
background-color: #FFFFFF;
padding: 1em;
}
.module__title {
color: #282828;
padding-left: 0.5em;
}
.module__icon {
/*width: em(130);*/
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
/*padding-left: em(130/2.5);*/
}
.module__icon .icn {
display: inline-block;
width: 64px;
margin: 0 auto;
}
.module__icon svg {
max-height: inherit;
fill: #dddddd !important;
}
.module__colonne {
background-color: #fff;
}
.module__colonne .btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 80%;
}
.module__colonne .btn-group .btn {
border-radius: 0;
}
.module__colonne .btn-group .btn *:focus,
.module__colonne .btn-group .btn *:active {
outline: none;
}
.module__colonne .btn-group .btn.active *, .module__colonne .btn-group .btn.focus * {
outline: none;
}
.module__colonne .btn-group .btn-default + .btn-default {
border-left: none;
}
.module__colonne .btn-group .btn-default {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.module__colonne .btn-group .btn-default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
border: 1px solid #7F7F7F;
color: #187498;
font-weight: 700;
}
.module__colonne .btn-group .btn-default.active, .module__colonne .btn-group .btn-default:focus {
background-color: #79c842;
color: #fff;
font-weight: 400;
outline: none;
}
.module__colonne .btn-group .btn-default.active .dx-vam, .module__colonne .btn-group .btn-default:focus .dx-vam {
color: #fff;
outline: none;
}
.module__colonne .btn-group.btn-group-xs label {
padding: 0.1em 0.5em;
}
.module__colonne .btn-group.btn-group-xs label.focus, .module__colonne .btn-group.btn-group-xs label.active {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.module__colonne .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.module__colonne .btn-group > .btn:first-child {
margin-left: 0;
}
.module__colonne .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.module__colonne .btn-group > .btn:last-child:not(:first-child), .module__colonne .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.module__colonne [data-toggle=buttons] > .btn input[type=radio],
.module__colonne [data-toggle=buttons] > .btn input[type=checkbox],
.module__colonne [data-toggle=buttons] > .btn-group > .btn input[type=radio],
.module__colonne [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
#FilterBar,
#GridBloc,
#ButtonBar {
padding-left: 0.5em;
}
/**
*
* sdegliame le 19/02/2019
*
*/
.button-bar {
position: relative;
height: 0;
overflow: hidden;
}
.button-bar .button-bar__toggle {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.25em 0.5em 0 0.5em;
padding-right: 0.5em;
width: 2em;
height: 2em;
font-size: 2em;
text-decoration: none;
text-align: right;
z-index: 10;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.button-bar .button-bar__toggle::before, .button-bar .button-bar__toggle::after {
position: absolute;
content: "";
display: block;
border-radius: 50%;
width: 100%;
height: 100%;
left: 0.4em;
top: -0.4em;
opacity: 0;
}
.button-bar .button-bar__toggle::after {
background-color: #F3F3F3;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
z-index: -1;
}
.button-bar .button-bar__toggle:hover {
color: #fff;
}
.button-bar .button-bar__toggle:hover::after {
opacity: 0.9;
background-color: #187498;
border-radius: 50%;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.button-bar .button-bar__toggle::before {
z-index: 11;
border: 10px solid #187498;
background: transparent;
-webkit-animation: pulse 3s ease-out;
animation: pulse 3s ease-out;
-webkit-animation-iteration-count: 5;
animation-iteration-count: 5;
}
.button-bar__secondary {
position: relative;
width: 0;
overflow-x: hidden;
-webkit-transition: width 250ms ease-in-out;
transition: width 250ms ease-in-out;
}
.button-bar__secondary > * {
margin: 0 0 0 0.5em;
}
.overflowButton {
display: none;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1em;
}
.overflowButton.visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 32px;
cursor: pointer;
}
.buttonBar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
.permanentButtonBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.complementButtonBar {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.complementButtonBar {
position: absolute;
right: 1rem;
top: 4.7rem;
z-index: 1000;
}
.complementButtonBar [class^=dxbButton_] {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0.25em;
}
.toggleButtonBar {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 3em;
height: 3em;
margin-right: 1em;
z-index: 10;
}
.toggleButtonBar a {
display: block;
position: relative;
width: 3em;
height: 3em;
}
.toggleButtonBar a::before {
position: absolute;
content: "";
display: block;
border-radius: 50%;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 11;
border: 10px solid #187498;
background: transparent;
-webkit-animation: pulse 3s ease-out;
animation: pulse 3s ease-out;
-webkit-animation-iteration-count: 5;
animation-iteration-count: 5;
}
@keyframes pulse {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
25% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.1;
}
50% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.3;
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.5;
}
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
.button__wrapper {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 34px;
width: auto;
padding-right: 0;
text-align: right;
bottom: 25px;
right: 0;
background: #fff;
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
}
.weather {
overflow: hidden;
}
.weather::after, .weather::before {
content: "";
position: absolute;
left: -50%;
top: -50%;
right: -50%;
bottom: -50%;
z-index: 1;
pointer-events: none;
background: 0 0;
background-size: 256px 1024px;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
opacity: 0.7;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
-webkit-animation-name: weather;
animation-name: weather;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.weather::after {
opacity: 0.8;
-webkit-animation-name: weather2;
animation-name: weather2;
}
.weather.rain::after, .weather.rain::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAEACAYAAAADRnAGAAAH6klEQVR42u2dS4wURRjHq2p2BrMIrCsePLAS0BsEY6IJyTY7vBqXGBl5KCgIywK92Y2BFTyAJmqMezFeVIytHjQQOUAUiRG3edPrbuBiiF68GKInE9iXq7i7M1UeQJ0dZnr7Uf2o/r7fjRmmt/vf/6/qq66urwgpQzds8fyrV2cTCeiGXQjyfS02H7zyHpEIq/zgi7efGJV0bFH5wQuvXd3r9L1L/gxVAIkMVX6QzbJxp+9dckMJASxTu1z52eQkH3P63iWTZWG0MskOIFUcMBE4rgQZDu0EdcMWRCF0w14KWgApbYBu2A1l/54AJwAhZEHZv4chCtCkigBPvdTXHYYACyX0zZHAudxeq7XT7v7PAbphLyaEjCTaroxw6Ye0TG3vncTkR0LIICQHEEI4K+sCFyXdAZSG4ICy1PSnpDsghMx1igMWW6Z2KOEC8IQLqhatnXY3QRDXA6Xn0poKu2UO2gB4CPSk9cJmJ+hc5qHVkkp+e29vGh3guhcQQoTeC1im9ltiBeAlkYupXWhKSB4QzwNjy9R+TYQAlLJ64JlgPCGQHAEYnQl9LNAAOqFr2dY7HtOFLUmEwsu2fvc76BAQVAzDbgOEGILtACFGYDuAi0HQAmSyOeUcsHrP5TZ5qXAmE4sDdMN+KMDPKYGMVAeklbQLQKELkI633nTDzkMPAYptQA3WdvXNhiBAzVj+9nDzKEEQBEEQBEEQBEEQBEGqs2r3pR7dsB8t/wzavEAjqXi+CE2AesvUfoAswF1Pl6EJICrfOQIlAKUkZ5naNcgCzAQfAtAFuAVdgJuYDiIIXHTj4kZUAUHKQsKeLzUPWNNhKxdjshOhBpUu3jK167IFmIQQN2+m6Xr8OIA6tAHbQbcBvR9pn0NvBAloAdZ02O2gBRCCjIIWwDK149P0IC1KCLDl0NW8040O8PfqlBCgWOQ5h7v8epyJ0qpdF3qiCAHpS+V1w54boJz2/zdnstgYugClksiGkHff0A17WdDjUEpTWcnCNfkdZ46AToQooQK0AELyQjAVHRBoAdX6/QPz1HaAEIEs8OW7S6dUq2JLCifuWnW14cDAwcQ6gNK/ZDqAPP7sqceiOPENBwYekXGclhet8OsartvX3yH7mOv3D8wniCKs7ep7C8q1shot7YOprSHqMg+YQW6/VAgX3bCPgXVAa6d9NC0O0A17k2cBTn+obSXpqSR9vx8HfEAIuS/EuxJlTjDLTyNIKVVrorMWlqm946MbJMOZTHgVJC1Tuz7d/2neeroQhUBVBeCcjBHJGxt6HvVxwWITgNze1DDW+oGUUSn7ieiG/YZnASxT+4TEvOuURAfU+XEAoTTePYdkOYAQ5+k6J5VjrR/Yd7T1ZKwCMEZHPMRZkreruTmtALph76gyIvTigMQ+W5xuwpbdKUicqfzim/ebvew6xZN24dVuaq079zAhpBhSdyqN1k67zeNPMm5PvIkQEnQuMHQHUOp5PsDVTWWWqZ0kwaetmUd7ei6A5mM+IOv6xC0z8NtdnhxgmdqoDwd4/cmklzuSyPf7yp3S2mnvJJBZ29XX5lG87ZHfpaSypsMuhNZ9uYnn5VtOxLpHAOd8RqwZ3MT4RCZOAUqlYn2sAuTuyZXiDQIKu8Q2Ap0V7efaUAVofT9SnofsPLsaVUAwfGNVfW7qldeN80ouqJQ2FuBczS1tpAnAFF2BKNMBWeAOUHNLTokOEAK6Axh0B9ScG1i3rx/L14Cm0N2/LvUhME14ZFIvQMsOa6NDA8lTL8Clz/QTDg7Ax9ISRpQ9yrYBkpgFXQAOXQCGDoDuAN2wC9AdwKC3ARyyAH8Q6KW/wmgDEAR4uDBJfyyJK81ZZAJwzhtdChXl/CCPUgBX64z9vCSthAMopfdCGTtUZUX7hVOqNpayHEBBCxC0uhM6IAUOGAMtACHxrjNOggMGCYIgCIKo8qxAeh7gRKNEMdWbGBFCzEny+UYhgMyqdPInRiJ4TDVHsZCVy6rdl36G3gg2QBdA2kvUsnsB6bvNVYNSKq0q3Z16J9gGqBYCQ9AFGIEuwCA6IAE0b+stgHaAECLdr9dMN+yO0wFR4TjoErzEIhFg9Z7L+ZgEcBx0McZ4VA6Ia5rMcYrePvLkybSHgK8JWpaUE4nLedIFOPPxsovQHUBAOyBGxqALMAJdAH8pN/SyMv8WVgYtQBN0ARaiAxAEiZqId5uKNhHafPDKK3iLIbPhwMBhlbrBMHgAtACci1mpEWDpxq88z8lTStMjAKur8+wSIQRPjQC8WOQ+HKDMc4Zp3xLz44BikY+p5ADH5wG8VPJj50mVBHAcDQ4cL/h5L0cpB0h/HkApHUmNA/wwMVHCNUSp55mX+1Mx4vPdX3NO5roa9+85m9oFE+6WzIt0bOLuG333+WNJO6cV7Rd6Ajvg6b3ff+1uXMClF1fQDTvQ1l2U0sZAAuiGPd9toVRKWRgvTAQt0lof2AFuC6UKEko90aBbd9FAAlimdt11oVQh/5UZy9SuBfl9ecEH5je2GHO5DoAmb+MFSmmulgO8xNaQSweEOjDy2SA21BKg5MEBIzVOaOrzBSrCHhj5aRCrN4IeY2u8RnxOKZZUV5cNe2Dkp0G8VfuOAWDlrovHCIIgYFm+83yXjOGwsggh/kYbIAqSbzu3SfYxlWoDOOe5KknNAjACMMbuylrPfZr/RQkBZKTcnPP6Kg5YFOSY/wBRWmBLYfog4AAAAABJRU5ErkJggg==);
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.weather.rain::after {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
.weather.snow::after, .weather.snow::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAEACAYAAAADRnAGAAABKklEQVR42u3cQQ7CMAwEwJj//zk9VULqDSonjmc+QNNubScgxihkzjlHV/fi3QQAAACbHjtIO0gJEMH/riWyPjAiYpfFp17L7gkAUHwAQOsCADDk4SnkLN5NAAAtb6XIXPzqX4lIAAAAxSdKZ4ldZ3UJAM6ougCgLdqOSgBIq3olAQDor5VaoeHCkAEA0Gjyc13GcQkAAAAAANjKUQelWYuJ3Rd/xN9v/fI0nfsDVKz0vrKWAP0bAAwyBhkJAAC0ZwOaBAAAmLIAOKZzOKSQADME3m81A0DxMzBJAABgnjBRSgCAolllgVF98Uf80ZKIG3yQKHfc9lUCAAAAAB6cMcDrr8On4nu47NB1fmlbEFViMDBBo/fIN7wSoKIC6Eg60uInqR2Dygu87gIbXdZS4cGX7QAAAABJRU5ErkJggg==);
-webkit-animation-duration: 6s;
animation-duration: 6s;
}
.weather.snow::after {
-webkit-animation-duration: 4.5s;
animation-duration: 4.5s;
}
@-webkit-keyframes weather {
from {
background-position: 0 0;
}
to {
background-position: 0 1024px;
}
}
@keyframes weather {
from {
background-position: 0 0;
}
to {
background-position: 0 1024px;
}
}
@-webkit-keyframes weather2 {
from {
background-position: 64px 64px;
}
to {
background-position: 64px 1088px;
}
}
@keyframes weather2 {
from {
background-position: 64px 64px;
}
to {
background-position: 64px 1088px;
}
}
.FormulaireDTDB .Titre {
padding: 5px;
}
.FormulaireDTDB .ZoneFiltreUtilisateur {
padding: 5px;
width: auto;
vertical-align: middle;
}
.FormulaireDTDB .ZoneFiltreSociete {
padding: 5px;
width: 250px;
display: inline-block;
vertical-align: middle;
}
.FormulaireDTDB .FiltreDTDB {
padding: 5px;
width: 180px;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.FormulaireDTDB .FiltreDTDBSousTitre {
padding: 5px;
width: 180px;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.FormulaireDTDB .ImageGauche {
float: left;
padding-right: 5px;
}
.FormulaireDTDB .ImageGaucheSousTitre {
float: left;
padding-right: 5px;
}
.FormulaireDTDB .SeparateurVertical {
float: left;
border-width: 1px;
border-left-style: dashed;
border-color: Gray;
width: 1px;
height: 48px;
margin: 0px 10px 0px 10px;
}
.module__account {
position: relative;
}
.module__account label {
display: block;
margin-bottom: 0.05em;
}
.module__account .btn-sm, .module__account .btn-group-sm > .btn {
font-size: 0.75em;
}
.module__account .account__search {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
width: 43px;
-webkit-transition: width 250ms ease-in-out;
transition: width 250ms ease-in-out;
}
.module__account .account__search .info--label {
font-size: 0.8em;
position: absolute;
top: 0.35em;
right: 2.25em;
display: none;
color: #dddddd;
}
.module__account .account__search .module__title .fa {
font-size: 0.85em;
color: inherit;
}
.module__account .account__search .form-group,
.module__account .account__search .btn-group {
width: 100%;
margin-bottom: 1em;
}
.module__account .account__search #hide__search {
position: absolute;
top: 0;
right: 0;
display: block;
width: 1.5em;
height: 1.5em;
padding: 0.25em;
color: #fff;
background-color: #187498;
}
.module__account .account__search #hide__search:hover {
background-color: #37b0df;
}
.module__account .account__search .btn-group .btn-default {
font-weight: normal;
color: #7F7F7F;
}
.module__account .account__search .btn-group .btn-default.active, .module__account .account__search .btn-group .btn-default:focus {
color: #fff;
outline: none;
}
.module__account .account__search .btn-group .btn-default .dxbf {
outline: none;
border: none;
}
.module__account .account__search .btn-group .dxbButton_isagrc {
-webkit-box-shadow: none;
box-shadow: none;
}
.module__account .account__search > * {
display: none;
}
.module__account .account__search.module__colonne {
width: 0px;
}
.module__account .account__search .search__hide-bar {
display: block;
}
.module__account .account__search.visible {
width: 250px;
}
.module__account .account__search.visible .info--label {
display: inline;
}
.module__account .account__search.visible > * {
display: block;
}
.module__account .account__search.visible #hide__search {
right: 0;
}
.module__account .account__search.visible.module__colonne {
width: 250px;
}
.module__account .module__indentification,
.module__account .module__adresse-personnelle {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.module__account .module__informations {
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
.module__account .module__title {
font-size: 1.1em;
font-weight: 500;
line-height: 1;
text-align: left;
}
.module__account .module__title .fa {
font-size: 1.4em;
color: #7F7F7F;
}
.module__account h3 {
font-size: 0.95em;
font-weight: 700;
}
.module__account h5.contact__line--title .dxeBase_isagrc,
.module__account h6.contact__line--title .dxeBase_isagrc {
font-weight: 900;
padding-bottom: 1em;
}
.module__account h5.contact__line--title .dxeBase_isagrc .fa,
.module__account h6.contact__line--title .dxeBase_isagrc .fa {
font-size: 1em;
}
.module__account .contact__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0.5em;
border-top: 1px solid #F3F3F3;
}
.module__account .contact__line:first-child {
border-top: none;
}
.module__account .contact__line .fa {
font-size: 1.5em;
color: #9E9E9E;
}
.module__account .contact__line .fa.fa-fax, .module__account .contact__line .fa.fa-envelope, .module__account .contact__line .fa.fa-map-pin {
font-size: 1em;
}
.module__account .contact__line .fa.fa-mobile-phone {
margin-left: 3px;
margin-right: 3px;
}
.module__account .contact__line .IdentityAccountEntityTile {
font-weight: 900;
}
.module__account h5.contact__line--title .dxeBase_isagrc {
font-size: 1.2em;
}
.module__account .contact__line--data {
margin-bottom: 0;
}
.module__account #LinkButtonsTr {
height: 4em;
}
.module__account #LinkButtonsDiv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1em;
}
.module__account #LinkButtonsDiv > * {
margin-bottom: 1em;
}
@media screen and (min-width: 1440px) {
.module__account #LinkButtonsDiv > * {
margin-right: 1em;
}
.module__account #LinkButtonsDiv > *:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 1543px) {
.module__account #LinkButtonsDiv > * {
margin-bottom: 0;
}
}
.module__account .label-prospect,
.module__account .label-client,
.module__account .label-inactif,
.module__account .label-actif {
line-height: 20px;
color: #fff;
background-color: #79c842;
}
.module__account .label-client {
background-color: green;
}
.module__account .label-prospect {
background-color: #777777;
}
.module__account .label-inactif {
background-color: #990000;
}
.module__account [id$=_btnModif],
.module__account [id$=_btnInfo] {
font-size: 0.9em;
}
.module__account .tabSharp {
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #187498;
height: 2em;
width: 1.5em;
text-align: center;
color: #fff !important;
}
.module__account .tabSharp * {
text-align: center;
}
.activity__filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.activity__filters > * {
margin-right: 1em;
}
.note__block label.dxeCaption_isagrc {
font-weight: 700;
font-size: 1.15em;
}
.BOGroup__Header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50%;
margin: 20px auto 20px auto;
padding: 5px;
border: 1px solid #dddddd;
}
.BOGroup__Header > * {
margin: 5px;
}
@media all and (max-width: 1460px) {
.group__management__content.grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.group__management__content.grid > * {
margin-bottom: 20px !important;
}
}
#__leftRoot {
width: 500px;
}
.node-user {
color: white;
background-color: #7F7F7F;
border-radius: 2px;
padding: 5px;
font: 14px "Roboto", sans-serif;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-tap-highlight-color: transparent;
text-align: center;
margin-left: auto;
margin-right: auto;
white-space: initial;
}
.hierarchy-node-user {
color: white;
background-color: #7F7F7F;
border-radius: 2px;
padding: 2px 10px 2px 10px;
font: 14px "Roboto", sans-serif;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}
.node-first-level .hierarchy-node-user {
padding: 2px 10px 2px 30px;
}
.node-has-children {
background-color: #187498;
}
.dxtlFocusedNode_isagrc > td > .node-user, .node-has-children .hierarchy-node-user {
background-color: transparent;
}
.btn-hierarchy {
background-color: transparent;
height: 16px;
width: 16px;
}
tr[id*=treeUserHierarchy_R] td:nth-child(2) {
background: url("/App_Themes/Default/Images/liaison.png") no-repeat 1px 1px;
}
tr[id*=treeUserHierarchy_R] .dxtl__B0 {
padding-left: 0;
}
tr[id*=treeUserHierarchy_R]:last-child td:nth-child(2) {
background: url("/App_Themes/Default/Images/liaison-last.png") no-repeat 1px 1px;
}
.left {
float: left;
}
.right {
float: right;
}
.mandatory {
border: 1px solid #990000 !important;
background-color: #FFFFA2 !important;
}
.ProgramTypeFieldset {
padding: 5px;
border: solid 1px #CCCCCC;
}
.CenterEditFormButton {
display: table !important;
width: 70px !important;
margin: auto;
border-radius: 20px;
-webkit-box-shadow: 5px 5px 10px #aaaaaa;
box-shadow: 5px 5px 10px #aaaaaa;
}
.CenterEditFormButtonLarge {
display: block;
width: 100px !important;
margin: auto;
border-radius: 20px;
-webkit-box-shadow: 5px 5px 10px #aaaaaa;
box-shadow: 5px 5px 10px #aaaaaa;
}
.ProgramTypeEntryGrid .dxgvHeader_Office2010Blue {
padding: 1px 3px;
}
.InterventionEntryButtonBar div.button {
float: right;
margin: 10px 10px 0;
}
.tooltip {
font-size: 12px;
display: none;
width: 320px;
height: 140px;
padding: 25px;
color: #fff;
background: url(../Images/black_big.png);
}
/* a .label element inside tooltip */
.tooltip .label {
width: 35px;
color: yellow;
}
.tooltip a {
font-size: 11px;
font-weight: bold;
color: #79c842;
}
.progTypeTable table {
margin: 2px 0;
border-collapse: collapse;
}
.progTypeTable table.Header td {
text-align: center;
border: 1px solid #990000;
}
.progTypeTable table.Detail td.libre {
text-align: center;
border: 0 solid #990000;
}
.progTypeTable table.Detail tr.Etalon {
line-height: 0;
}
.progTypeTable table.Detail td.intervention {
text-align: center;
border: 1px solid #79c842;
}
.Intervention {
margin: 2px;
border: 1px double #4F81BD;
}
.Intervention .ProductLabel {
font-weight: bold;
}
.Intervention .TargetLabel {
font-style: italic;
}
#dMarginSimulationFilters {
float: left;
width: 30%;
height: 100%;
min-height: 315px;
margin-left: 20px;
}
#dMarginSimulationFilters fieldset {
margin-top: 20px;
margin-bottom: 20px;
}
.MarginSimulatorNumLabel {
font-weight: bold;
text-indent: 10px;
}
.MarginSimulatorNumContent {
margin: 10px 0 10px 30px;
}
.MarginSimulatorInterventionButton {
margin-top: 10px;
margin-bottom: 15px;
}
.MarginSimulatorInterventionButton .dxbButton_Office2010Blue {
border-radius: 20px;
-webkit-box-shadow: 5px 5px 10px #aaaaaa;
box-shadow: 5px 5px 10px #aaaaaa;
}
.MarginSimulatorInterventionButton table,
.MarginSimulatorValidationButton {
margin: auto;
}
.MarginSimulatorLabelPrice {
float: left;
width: 150px;
margin: 5px 0 0 0;
}
.MarginSimulatorTextBox {
margin: 5px 0 0 0;
}
.MarginSimulatorTextBoxPrice {
width: 50px;
margin: 5px 0 0 0;
}
.MarginSimulatorTextBoxPrice input {
text-align: right;
}
.MarginSimulatorChart {
float: right;
width: 65%;
height: 300px;
margin-top: 20px;
}
.ProgramTypeCursorPointer {
cursor: pointer;
}
.ProgramTypeCursorDefault {
cursor: default;
}
/*.mainContentHeader
{
display: none;
}*/
.gvListHiddenHeader {
border-width: 1px 0;
}
.HeaderToolBarParcel,
.HeaderToolBarProgram {
margin-top: 5px;
}
.HeaderToolBarParcel .left,
.HeaderToolBarProgram .left {
margin-left: 10px;
}
.TechDataTitle {
font-weight: bold;
text-decoration: underline;
}
/* Onglet description */
.ProgramTypeDescriptionlDescription {
height: 10%;
text-indent: 10px;
}
.ProgramTypeDescriptionmDescription {
height: 100%;
}
.ProgramTypeDescriptionFormatDiv {
float: left;
width: 48%;
height: 240px;
margin: 10px 5px auto 5px;
}
.ProgramTypeDescriptionFieldset {
font-weight: bold;
height: 20px;
margin: 0 5px 0 5px;
border: 1px black solid;
border-right: 0;
border-bottom: 0;
border-left: 0;
}
#PointFaible {
margin-top: 5px;
}
.ProgramTypeDescriptionNotSavedHidden {
visibility: hidden;
}
.ProgramTypeDescriptionNotSavedDisplayed {
display: block;
visibility: visible;
width: 300px;
margin: auto;
color: #990000;
}
.ProgramTypeDescriptionHiddenSave {
visibility: hidden;
float: left;
}
.ProgramTypeDescriptionLabels {
font-size: medium;
font-weight: bold;
text-decoration: underline;
}
/* Liste des programes type */
.ProgramTypeList_PopupFields {
margin: auto;
}
.ProgramTypeList_PopupFields .dxeEditAreaSys {
height: 23px;
}
.CenterImage {
display: block;
margin: auto;
}
.ProgramTypeList_tbName {
font-family: Verdana;
font-size: 12px;
text-align: center;
}
/* Le width doit être égal à la somme de la taille des deux boutons + leurs margin left & right */
.ProgramTypeList_PopupButtons {
width: 270px; /* 120 + 120 + 15 + 15 */
margin: auto;
margin-top: 20px;
}
.ProgramTypeList_PopupButtonCancel {
margin-left: 15px;
}
.ProgramTypeList_PopupButtonOK {
margin-right: 15px;
}
.AdditionalData label.left {
margin-top: 5px;
}
.AdditionalData label.left.spinLabel {
margin-top: 20px;
}
.AdditionalData .clear {
clear: both;
}
.AdditionalData {
width: 800px;
margin: 10px 10px;
}
.AdditionalData .right {
margin-top: 5px;
}
.AdditionalData .Memo {
margin-top: 10px;
}
.AdditionalData .AdditionalDataBloc {
margin-top: 10px;
}
.AdditionalData fieldset {
float: left;
width: 47%;
margin: 10px 5px;
padding: 5px;
background-color: #EFEFEF;
}
.AdditionalData .bottomFieldset {
height: 225px;
}
.AdditionalData .PlanningStartDate input {
height: 40px;
}
.AdditionalData .displayTable {
border-spacing: 0 20px;
}
.Crm_OffSeasonInterventionEntryTypeChoiceMainDiv .TitlePage {
color: #939598;
}
.Crm_OffSeasonInterventionEntryTypeChoiceMainDiv .EntryTypeChoice fieldset {
font-weight: bold;
min-width: 700px;
margin: 10px 0;
background-color: #EEEEEE;
}
.Crm_OffSeasonInterventionEntryTypeChoiceMainDiv .EntryTypeChoice .CancelButton {
margin-top: 10px;
}
.ProductTargetResearch .TableButton {
font-size: 13px;
margin-top: 5px;
}
.TableButton {
margin: auto;
}
[id$=_ProductSearchButton],
[id$=_TargetSearchButton] {
font-size: 21.3px !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.OffSeasonDragNDropZone .sortable {
list-style-type: none;
}
.OffSeasonDragNDropZone .sortable li {
font-size: 1.2em;
margin: 0 5px 5px 5px;
padding: 5px;
}
html > body .OffSeasonDragNDropZone .sortable li {
line-height: 1.2em;
}
.OffSeasonDragNDropZone .sortable li.ui-state-highlight {
line-height: 1.2em;
border: 1px solid #FED22F;
background-color: #FFE45C;
}
.OffSeasonDragNDropZone .sortable li.ui-state-default {
font-weight: bold;
color: Black;
border: 1px solid #CCC;
outline: none;
background: #F6F6F6 50% 50% repeat-x;
}
.OffSeasonDragNDropZone .sortable li.ui-state-default label {
padding-top: 7px;
}
.OffSeasonDragNDropZone .sortable li.ui-state-default img {
height: 30px;
padding-right: 5px;
}
.ui-autocomplete {
width: 230px;
}
.ui-autocomplete {
overflow-x: hidden; /* add padding to account for vertical scrollbar */
overflow-y: auto; /* prevent horizontal scrollbar */
max-height: 170px;
padding-right: 20px;
}
a.ui-corner-all {
text-decoration: none; /*width: 100%;*/
}
.ProductTargetResearch {
width: 990px;
margin: 10px;
}
.ProductTargetResearch .ProductNameTextBox,
.ProductTargetResearch .TargetNameTextBox,
.ProductTargetResearch .PhytoGridView {
margin-top: 5px;
}
.ProductTargetResearch .ProductNameTextBox,
.ProductTargetResearch .TargetNameTextBox {
float: left;
}
.ProductTargetResearch fieldset {
font-weight: bold;
margin: 10px 0;
padding: 10px;
background-color: #EFEFEF;
}
.ProductTargetResearch .InterventionNbLabel {
/*margin-top: 5px;*/
}
.PRO.ui-state-hover,
.AEE.ui-state-hover {
display: block;
}
.ui-widget-content a.AEE {
color: #990000;
}
.ui-widget-content a.PRO {
color: #9E9E9E;
}
.dxgv.AEE {
color: #990000;
}
.dxgv.PRO {
color: #9E9E9E;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
float: right;
width: 16px;
height: 16px;
}
.ui-dialog-titlebar {
height: 20px;
}
.ui-state-default label {
margin: 0 5px;
}
.hiddenColumn {
display: none;
}
.SelectionCibleCallbackPanel {
display: none;
}
.SelectionCibleCallbackPanel .TableButton {
margin: 20px 0 0 15px;
}
.SelectionCibleCallbackPanel .TableButton span {
font-weight: bold;
}
.SelectionCibleCallbackPanel .TableButton .dxbButton_Office2010Blue {
border-radius: 0;
}
.SelectionCibleCallbackPanel .dxbButton_Office2010Blue {
border-radius: 15px;
-webkit-box-shadow: 2px 2px 5px #888888;
box-shadow: 2px 2px 5px #888888;
}
.SelectionCibleCallbackPanel .dxbButton_Office2010Blue div.dxb {
padding: 3px 5px;
}
.SelectionCibleCallbackPanel .TargetButton {
display: table;
margin: 4px auto;
}
.SpinEdit input {
text-align: center;
}
/* Account : onglet 6 - Conseil */
.divOnglet {
clear: both; /*display: none;*/
width: 100%;
}
#divParcelle {
display: block;
}
.RecolteLabel {
font-style: italic;
color: #990000;
}
#divMorteSaison .Validator {
color: #990000;
}
.CursorPointer {
cursor: pointer;
}
#LinkedParcelsListDiv li {
padding-left: 15px;
list-style-type: none;
background-image: url("../images/Puce_Menu.gif");
background-repeat: no-repeat;
background-position: 0 0.32em;
}
/* Le width doit être égal à la somme de la taille des deux boutons + leurs margin left & right */
.ProgramList_PopupButtons {
width: 280px; /* 130 + 130 + 10 + 10 */
margin: auto;
margin-top: 20px;
}
.ProgramList_PopupTwoButtonsForcing {
width: 540px; /* 260 + 260 + 10 + 10 */
margin: auto;
margin-top: 20px;
}
.ProgramList_PopupOneButtonsForcing {
width: 270px; /* 260 + 10 */
margin: auto;
margin-top: 20px;
}
/* Ajout à la classe devexpress pour que les items des listes déroulantes fassent 30px dans les écrans compatibles tactile */
#divOngletsConseil .dxeListBoxItemRow_Office2010Blue,
#ProgramTypeDiv .dxeListBoxItemRow_Office2010Blue,
#CrmOffSeasonParcelSelection .dxeListBoxItemRow_Office2010Blue,
#CrmOffSeasonInterventionSelection .dxeListBoxItemRow_Office2010Blue,
#divOngletsConseil .dxeListBoxItemRow_Office2010Blue {
height: 30px;
}
#divOngletsConseil .dxeEditArea_Office2010Blue,
#divOngletsConseil .dxeButtonEdit_Office2010Blue td.dxic,
#ProgramTypeDiv .dxeEditArea_Office2010Blue,
#ProgramTypeDiv .dxeButtonEdit_Office2010Blue td.dxic,
#CrmOffSeasonParcelSelection .dxeEditArea_Office2010Blue,
#CrmOffSeasonParcelSelection .dxeButtonEdit_Office2010Blue td.dxic,
#CrmOffSeasonInterventionSelection .dxeEditArea_Office2010Blue,
#CrmOffSeasonInterventionSelection .dxeButtonEdit_Office2010Blue td.dxic,
#divOngletsConseil .dxeEditArea_Office2010Blue,
#divOngletsConseil .dxeButtonEdit_Office2010Blue td.dxic {
height: 100%;
min-height: 21px;
}
.RoundButtons .ProgramTypeList_PopupFields {
display: block;
margin: 10px auto 10px auto;
border-radius: 5px;
}
/* Fin Account : onglet 6 - Conseil */
/* Sélection des parcelles */
/* les classes génériques pour la disposition
et l'uniformisation des tailles */
.flex-list-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*width: 100%;*/
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 5px;
list-style: none;
}
.flex-list-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flex-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
overflow: hidden;
}
.parcelle {
width: 25%;
min-width: 400px;
margin-top: 12px;
margin-right: 12px;
padding: 10px;
background-color: #F3F3F3;
}
.parcelle.active {
background-color: #a1c9d9;
}
.parcelle.active .parcelle-index {
color: #187498;
border-color: #187498;
}
.parcelle-index,
.parcelle-description,
.parcelle-select {
float: left;
}
.parcelle-index {
font-size: 2.5em;
font-weight: 600;
width: 40px;
color: #999999;
border-right: 10px solid #cccccc;
}
.parcelle-select {
width: 75px;
}
.parcelle-select button {
width: 100%;
}
.parcelle-description {
width: 66%;
padding-left: 10px;
}
.parcelle-description {
display: block;
list-style: none;
}
.parcelle-description_title {
font-weight: 600;
}
.parcelle-description_culture {
font-size: 0.9em;
}
.parcelle-decription_preculture {
font-size: 0.75em;
font-style: italic;
color: #999999;
}
#CrmOffSeasonParcelSelection {
margin-left: 10px;
}
#CrmOffSeasonParcelSelection .ParcelWithProg li {
font-style: italic;
color: #187498;
}
#CrmOffSeasonParcelSelection .ParcelSelectionWarningLabel,
#CrmOffSeasonParcelSelection .ParcelDisabledWarningLabel {
color: #187498;
}
#CrmOffSeasonParcelSelection .ParcelSelectionWarningRedLabel {
text-align: center; /*font-style: italic;*/
color: #990000;
}
#CrmOffSeasonParcelSelection .ParcelButtonsDiv {
margin-top: 15px;
padding-bottom: 4em;
}
#CrmOffSeasonParcelSelection .ParcelButtonsDiv .dxbButton_Office2010Blue div.dxb td.dxb {
text-align: center;
}
#CrmOffSeasonParcelSelection .WarningDiv {
margin-top: 10px;
}
#CrmOffSeasonParcelSelection .NumberOfSelectedParcelLabel {
font-weight: bold;
margin-left: 10px;
}
#CrmOffSeasonParcelSelection .SaveButtonsDiv .fa-chevron-right {
font-size: 22px;
}
#CrmOffSeasonParcelSelection .SaveButtonsDiv .fa-floppy-o {
font-size: 22px;
}
#CrmOffSeasonParcelSelection .GreenButton {
color: white;
background-color: #79c842;
}
#HeaderToolBarParcelSelection {
margin-top: 5px;
}
#HeaderToolBarParcelSelection .left {
margin-left: 10px;
}
/*Fin Sélection des parcelles */
/* Sélection des interventions */
#CrmOffSeasonInterventionSelection {
margin-left: 10px;
}
#CrmOffSeasonInterventionSelection li.product-incompatibility {
background-color: #660000;
}
#CrmOffSeasonInterventionSelection .GreenButton {
color: white;
background-color: #79c842;
}
#CrmOffSeasonInterventionSelection .SaveButtonsDiv .fa-floppy-o {
font-size: 22px;
}
#CrmOffSeasonInterventionSelection .intervention {
width: 25%;
min-width: 400px;
margin-top: 12px;
margin-right: 12px;
padding: 10px;
background-color: #F3F3F3;
}
#CrmOffSeasonInterventionSelection .intervention.active {
background-color: #8fd3ed;
}
#CrmOffSeasonInterventionSelection .intervention-index,
#CrmOffSeasonInterventionSelection .intervention-description,
#CrmOffSeasonInterventionSelection .intervention-select {
float: left;
}
#CrmOffSeasonInterventionSelection .intervention-index {
font-size: 2.5em;
font-weight: 600;
width: 70px;
text-align: center;
color: #999999;
border-right: 10px solid #cccccc;
}
#CrmOffSeasonInterventionSelection .intervention-index i {
font-size: 0.75em;
display: inline-block;
width: 100%;
text-align: center;
}
#CrmOffSeasonInterventionSelection .intervention-select {
width: 75px;
}
#CrmOffSeasonInterventionSelection .intervention-select button {
width: 100%;
}
#CrmOffSeasonInterventionSelection .intervention-description {
width: 66%;
padding-left: 10px;
list-style: none;
}
#CrmOffSeasonInterventionSelection .intervention-description_intervention-label {
font-size: 15px;
font-weight: 600;
}
#CrmOffSeasonInterventionSelection .intervention-description_title {
font-weight: 600;
}
#CrmOffSeasonInterventionSelection .intervention-description_title .quantite {
font-weight: 100;
}
#CrmOffSeasonInterventionSelection .intervention-description_type {
font-size: 0.8em;
font-style: italic;
}
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-index,
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-description_title,
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-description_type,
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-description_intervention-label {
color: #FFD137;
border-color: #FFD137;
}
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-index i,
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-description_title i,
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-description_type i,
#CrmOffSeasonInterventionSelection .intervention.warn .intervention-description_intervention-label i {
color: #187498;
}
#CrmOffSeasonInterventionSelection .InterventionCheckButtonWithControl {
color: #187498;
}
#CrmOffSeasonInterventionSelection .InterventionSelectionWarningLabel {
text-align: center; /*font-style: italic;*/
color: #187498 !important;
}
#CrmOffSeasonInterventionSelection .InterventionButtonsDiv .dxbButton_Office2010Blue div.dxb td.dxb {
text-align: center;
}
#CrmOffSeasonInterventionSelection .SelectMediumLabel {
font-size: medium;
font-weight: bold;
}
#CrmOffSeasonInterventionSelection .WarningDiv {
margin-top: 10px;
}
#CrmOffSeasonInterventionSelection .NumberOfSelectedInterventionLabel {
font-weight: bold;
margin-left: 10px;
}
#CrmOffSeasonInterventionSelection .FamilyDiv {
float: left;
width: 150px;
padding-top: 12px;
}
#CrmOffSeasonInterventionSelection .FamilyLabel {
font-size: medium;
font-weight: bold;
}
#HeaderToolBarInterventionSelection {
margin-top: 5px;
}
#HeaderToolBarInterventionSelection .left {
margin-left: 10px;
}
.RedLabel {
color: #990000 !important;
}
/* Fin Sélection des interventions */
/* Saisie des interventions */
.ProductTargetResearch .RowHeight {
height: 30px;
}
.SelectionCibleCallbackPanel .target {
width: 25%;
min-width: 250px;
margin-top: 5px;
margin-right: 12px;
padding: 10px;
background-color: #F3F3F3;
}
.SelectionCibleCallbackPanel .target.active {
color: #FFD137;
background-color: #8fd3ed;
}
.SelectionCibleCallbackPanel .target.border {
display: inline-block;
height: 0;
padding: 0;
border-top: 1px solid black;
background-color: transparent;
}
.SelectionCibleCallbackPanel .target-description,
.SelectionCibleCallbackPanel .target-select {
float: left;
}
.SelectionCibleCallbackPanel .target-select {
width: 75px;
}
.SelectionCibleCallbackPanel .target-select button {
width: 100%;
}
.SelectionCibleCallbackPanel .target-description {
width: 66%;
padding-left: 10px;
list-style: none;
}
.intervention-line {
min-height: 200px;
margin-bottom: 10px;
}
.intervention-title {
font-size: 24px;
font-weight: 600;
position: relative;
min-width: 70px;
margin-right: 5px;
}
.intervention-title .supRot {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
overflow: hidden;
width: 2em;
}
.intervention-title .rot90 {
position: absolute;
top: 0;
bottom: 0;
display: block;
height: 2em;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: rotate(-90deg) translate(-50%, 28%);
transform: rotate(-90deg) translate(-50%, 28%);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
text-transform: uppercase;
}
.intervention-cell {
position: relative;
width: 100%;
min-width: 200px;
margin-bottom: 10px;
margin-left: 5px;
cursor: pointer;
text-align: left;
background-color: #eaeaea;
}
.intervention-cell .cancel-pointer {
cursor: auto;
}
.intervention-cell * {
width: 100%;
padding: 5px;
list-style: none;
}
.intervention-cell i {
font-size: 20px;
display: inline;
width: 24px;
height: 24px;
}
.intervention-cell .fa-gear {
color: #555;
}
.intervention-cell .fa-bullseye {
color: #FFD137;
}
.intervention-detail,
.intervention-description,
.intervention-actions {
display: block;
float: none;
width: 100%;
margin-left: -5px;
}
.intervention-description {
margin: 0 0 2em 0;
padding: 0;
}
.intervention-description li {
margin-bottom: 5px;
padding: 0;
}
.intervention-description li:first-child {
padding-top: 5px;
}
.intervention-description li:last-child {
padding-bottom: 5px;
}
.intervention-detail {
margin: -5px 0 0 -5px;
background-color: #d0d0d0;
}
.intervention-actions {
position: absolute;
bottom: 0;
overflow: hidden;
min-height: 2em;
padding: 0;
background-color: #c4c4c4;
}
.intervention-passage,
.intervention-cout {
line-height: 2.5em;
display: inline-block;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 2.5em;
padding: 0 0 0 5px;
}
.intervention-passage {
width: auto;
margin-right: 10px;
}
.intervention-cout {
font-weight: 600;
display: none;
margin-right: 15px;
margin-left: -5px;
padding-left: 5px;
border-left: 1px solid #fff;
}
.intervention-cout.visible {
display: inline-block;
width: auto;
}
.intervention-del {
position: absolute;
top: 5px;
right: 5px;
display: inline-block;
width: 32px;
padding: 0;
text-align: center;
vertical-align: baseline;
background-color: #dddddd;
}
.intervention-del:hover i {
color: #cc0000 !important;
}
.empty-cell {
width: 350px;
height: 100%;
background-color: #fff;
}
.operation,
.target {
position: relative;
}
.operation {
font-weight: 600;
}
.operation span {
font-weight: normal;
}
.dosage-produits {
padding-left: 0;
list-style: none;
}
.dosage-produits .produit {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 6px 0;
padding: 0 0 11px 4px;
border-bottom: 1px solid #ccc;
}
.dosage-produits .produit:last-child {
border-bottom: none;
}
.dosage-produits .produit .drag-icon {
font-size: 24px;
cursor: ns-resize;
color: #ccc;
text-shadow: 0 1px 0 #fff;
}
.dosage-produits .produit .warning-icon {
font-size: 24px;
cursor: pointer;
text-shadow: 0 1px 0 #fff;
}
.dosage-produits .produit .label,
.dosage-produits .produit .dose,
.dosage-produits .produit .modif,
.dosage-produits .produit .del {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.dosage-produits .produit .modif,
.dosage-produits .produit .del {
position: relative;
float: right;
height: 30px;
padding-left: 21px;
border-radius: 5px;
background-color: #ddd;
color: #333 !important;
border: 1px solid #282828;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: normal;
height: inherit !important;
padding: 7px 14px;
position: relative;
}
.dosage-produits .produit .modif:hover, .dosage-produits .produit .modif:active,
.dosage-produits .produit .del:hover,
.dosage-produits .produit .del:active {
background-color: #efefef;
border-color: #353535;
}
.dosage-produits .produit .modif:before,
.dosage-produits .produit .del:before {
font-family: FontAwesome;
font-size: 16px;
position: absolute;
top: 6px;
left: 2px;
display: block;
width: 19px;
height: 19px;
}
.dosage-produits .produit .modif:before {
content: "\f00c";
color: #79c842;
}
.dosage-produits .produit .del:before {
content: "\f014";
color: #990000;
}
.dosage-produits .produit .dose {
float: right;
height: 26px;
padding: 0;
}
.dosage-produits .produit .label {
font-weight: bold;
width: 45%;
min-width: 250px;
padding-left: 0.5em;
text-align: left;
}
.dosage-produits .produit .label span,
.dosage-produits .produit .label em {
font-weight: normal;
}
.dosage-produits .produit .dose {
width: 50px;
}
/* Fin saisie des interventions */
/* Methodes alternatives */
#LinkedCulturesListDiv ul li,
#LinkedFamillesListDiv ul li {
padding-left: 15px;
list-style-type: none;
background-image: url("../images/Puce_Menu.gif");
background-repeat: no-repeat;
background-position: 0 0.32em;
}
#GeofoliaPopupPreLoad {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 10px;
text-align: center;
color: #606060;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
background-color: #FFFFFF;
}
/* Début Onglet Observation et Diagnostic */
#AdviceTypeDiagnosis .DataBloc {
float: left;
width: 50%;
min-width: 530px;
}
#AdviceTypeDiagnosis fieldset {
font-weight: bold;
border: none;
}
#AdviceTypeDiagnosis .AdvObservationComboBox {
width: 405px;
margin-left: 15px;
}
#AdviceTypeDiagnosis .MemoComboBox {
width: 100%;
max-width: 500px;
margin-top: 5px;
}
.AdditionalData .MemoComboBox {
width: 100%;
}
#AdviceTypeDiagnosis .Memo,
#AdviceTypeDiagnosis .ComboBoxAlone {
margin-top: 5px;
margin-bottom: 5px;
}
#AdviceTypeDiagnosis .LeftCell {
margin-right: 15px;
}
#AdviceTypeDiagnosis .Labels {
margin-top: 15px;
margin-left: 15px;
}
#AdviceTypeDiagnosis .AdviceTypeDiv {
margin-bottom: 15px;
margin-left: 15px;
}
#AdviceTypeDiagnosis .Titles {
font-size: 13px;
font-weight: bold;
}
#AdviceTypeDiagnosis .DiagnosisJustificationCell {
vertical-align: top;
}
#AdviceTypeDiagnosis .SaveButtonsDiv {
float: right;
}
#AdviceTypeDiagnosis #MiddleImage {
font-size: 43px;
margin: 0 20px 515px 20px;
color: #F6B26B;
}
#AdviceTypeDiagnosis .SaveButtonsDiv .fa-chevron-right {
font-size: 22px;
}
#AdviceTypeDiagnosis .SaveButtonsDiv .fa-floppy-o {
font-size: 22px;
}
#AdviceTypeDiagnosis .fa-trash-o {
font-size: 10px;
}
#AdviceTypeDiagnosis .ProgramTypeDescriptionNotSavedHidden,
#AdviceTypeDiagnosis .ProgramTypeDescriptionNotFilledHidden {
display: block;
margin: auto;
}
#AdviceTypeDiagnosis .NotFilledSign {
font-size: 13px;
color: #990000;
}
#AdviceTypeDiagnosis .BorderRed {
border: 1px solid #990000;
}
#AdviceTypeDiagnosis .GreenButton {
color: white;
background-color: #79c842;
}
#AdviceTypeDiagnosis .MemoLabels {
font-style: italic;
display: block;
margin-top: 10px;
}
#AdviceTypeDiagnosis #ContentTable {
overflow: auto;
}
/* Fin Onglet Observation et Diagnostic*/
/* Début Onglet Interventions */
.DeleteButtonH {
display: none;
}
.CellImg {
width: 26px;
}
.CrmSeasonTableInputButton {
float: left;
width: 215px;
height: 40px;
margin: 10px 0 10px 10px;
}
.Crm_OffSeasonProgramTypeEntryMainDiv .OffSeasonProgramTypeEntry_DisplayTable {
width: calc(100% - 20px);
min-width: 1000px;
margin: 0 10px 0 10px;
}
.Crm_OffSeasonProgramTypeEntryMainDiv .TableInputGridViewHeader {
border-right: 1px solid #767676;
}
.Crm_OffSeasonProgramTypeEntryMainDiv .GreenButton {
color: white;
background-color: #79c842;
}
.Crm_OffSeasonProgramTypeEntryMainDiv #MiddleImage {
font-size: 42px;
margin: 0 20px 515px 20px;
color: #F6B26B;
}
.Crm_OffSeasonProgramTypeEntryMainDiv .SaveButtonsDiv .fa-chevron-right {
font-size: 22px;
}
.Crm_OffSeasonProgramTypeEntryMainDiv .SaveButtonsDiv .fa-floppy-o {
font-size: 22px;
}
.CostPanelMargin {
display: inline-block;
width: 215px;
border: 0 solid black;
}
.CostPanelMargin .dxeBase_preco2015 {
color: white;
}
.CostHeaderPanel {
margin: 10px 0 0 10px;
text-align: left;
}
.CostContentPanel {
margin: 10px 0 0 10px;
text-align: left;
}
.CostContentMargin {
margin-bottom: 200px;
}
.TopButtons {
clear: both;
}
.TopBottomMargin {
margin-top: 20px;
margin-bottom: 10px;
}
.DivV {
visibility: visible !important;
}
.Crm_OffSeasonProgramTypeEntryMainDiv {
padding-bottom: 7em;
}
.DivH {
display: none !important;
visibility: hidden !important;
}
.DiscountV {
visibility: visible;
}
.DiscountH {
visibility: hidden;
}
.DiscountColumnV {
display: table-cell;
}
.DiscountColumnH {
display: none;
}
.TableInputMargins {
margin: 0 10px 0 10px;
}
#CostsPerFamilyTable {
margin: 10px auto 10px auto;
}
#CostsPerFamilyTable td {
height: 30px;
border: 1px black solid;
}
#CostsPerFamilyTable .FirstCell {
width: 140px;
}
#CostsPerFamilyTable .SecondCell,
#CostsPerFamilyTable .ThirdCell {
width: 80px;
}
#CostsPerFamilyTable .HeaderRow {
background-color: #CCCCCC;
}
#CostsPerFamilyTable .FooterRow {
font-weight: bold;
}
.overflowOffSeasonProgramTypeCallbackPanel {
overflow-x: auto;
}
.OffSeasonPopupOverflow {
overflow-x: hidden !important;
overflow-y: auto !important;
}
.RedAlert {
float: right;
width: 100%;
margin-top: 5px;
text-align: center;
color: #990000;
}
.Crm_OffSeasonProgramTypeEntryMainDiv .InterventionEntryPopupHeaderStyle {
font-size: 13px;
color: #AAB0B6;
}
.GreenButton {
color: white;
background-color: #79c842;
}
.RedButton {
color: white;
background-color: #990000;
}
.BlueButton {
color: white;
background-color: #777777;
}
.InterventionEntryButtonBar .GreenButton {
color: white;
background-color: #79c842;
}
.InterventionEntryButtonBar .RedButton {
color: white;
background-color: #990000;
}
.InterventionEntryButtonBar .BlueButton {
color: white;
background-color: #777777;
}
/* fin Onglet Interventions */
/* Début Master page */
.OffSeasonTabsListDiv .flex-tab-container,
.FeuillePassageTabsListDiv .flex-tab-container,
.CrmOrderTabsListDiv .flex-tab-container,
.OffSeasonDuplicationTabsListDiv .flex-tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
margin-top: 1em;
padding: 0 1em;
list-style: none;
background-color: #fff;
}
.OffSeasonTabsListDiv .flex-tab,
.FeuillePassageTabsListDiv .flex-tab,
.CrmOrderTabsListDiv .flex-tab,
.OffSeasonDuplicationTabsListDiv .flex-tab {
margin-right: 1em;
color: white;
}
.OffSeasonTabsListDiv .flex-tab a,
.FeuillePassageTabsListDiv .flex-tab a,
.CrmOrderTabsListDiv .flex-tab a,
.OffSeasonDuplicationTabsListDiv .flex-tab a {
position: relative;
display: block;
padding: 0.2em 1em;
text-decoration: none;
border-radius: 9999px;
}
.OffSeasonTabsListDiv .flex-tab a span[class^=dxeBase_],
.FeuillePassageTabsListDiv .flex-tab a span[class^=dxeBase_],
.CrmOrderTabsListDiv .flex-tab a span[class^=dxeBase_],
.OffSeasonDuplicationTabsListDiv .flex-tab a span[class^=dxeBase_] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1em;
text-align: center;
text-decoration: none;
color: #999999;
}
.OffSeasonTabsListDiv .flex-tab a span[class^=dxeBase_] span,
.FeuillePassageTabsListDiv .flex-tab a span[class^=dxeBase_] span,
.CrmOrderTabsListDiv .flex-tab a span[class^=dxeBase_] span,
.OffSeasonDuplicationTabsListDiv .flex-tab a span[class^=dxeBase_] span {
display: inline-block;
width: 2.1em;
margin-left: -0.7em;
border-radius: 9999px;
margin-right: 0;
padding: 0.5em;
}
.OffSeasonTabsListDiv .flex-tab a:hover, .OffSeasonTabsListDiv .flex-tab a.tab-active,
.FeuillePassageTabsListDiv .flex-tab a:hover,
.FeuillePassageTabsListDiv .flex-tab a.tab-active,
.CrmOrderTabsListDiv .flex-tab a:hover,
.CrmOrderTabsListDiv .flex-tab a.tab-active,
.OffSeasonDuplicationTabsListDiv .flex-tab a:hover,
.OffSeasonDuplicationTabsListDiv .flex-tab a.tab-active {
background-color: #187498;
}
.OffSeasonTabsListDiv .flex-tab a:hover span[class^=dxeBase_], .OffSeasonTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_],
.FeuillePassageTabsListDiv .flex-tab a:hover span[class^=dxeBase_],
.FeuillePassageTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_],
.CrmOrderTabsListDiv .flex-tab a:hover span[class^=dxeBase_],
.CrmOrderTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_],
.OffSeasonDuplicationTabsListDiv .flex-tab a:hover span[class^=dxeBase_],
.OffSeasonDuplicationTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_] {
color: #fff;
}
.OffSeasonTabsListDiv .flex-tab a:hover span[class^=dxeBase_] span, .OffSeasonTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_] span,
.FeuillePassageTabsListDiv .flex-tab a:hover span[class^=dxeBase_] span,
.FeuillePassageTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_] span,
.CrmOrderTabsListDiv .flex-tab a:hover span[class^=dxeBase_] span,
.CrmOrderTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_] span,
.OffSeasonDuplicationTabsListDiv .flex-tab a:hover span[class^=dxeBase_] span,
.OffSeasonDuplicationTabsListDiv .flex-tab a.tab-active span[class^=dxeBase_] span {
color: #187498;
background: #fff;
margin-right: 0.5em;
}
/* Fin Master page */
.GlobalOffSeasonDiv .Invalid,
.GlobalFeuillePassageSendingDiv .Invalid,
.GlobalOffSeasonProgramSendingDiv .Invalid {
color: #990000;
}
/* Début Analyse des conseils réalisés */
.CrmOffSeasonAnalysisGlobalDiv .FilterFieldset {
margin: 5px;
}
.CrmOffSeasonAnalysisGlobalDiv .FilterLabel {
display: block;
width: 75px;
margin-bottom: 3px;
margin-left: 15px;
}
.CrmOffSeasonAnalysisGlobalDiv .FilterComponent {
width: 90%;
min-width: 272px;
margin-bottom: 3px;
}
.CrmOffSeasonAnalysisGlobalDiv .EndDateLabel {
display: block;
width: 20px;
text-align: center;
}
.CrmOffSeasonAnalysisGlobalDiv .ApplyFilterButton {
margin-bottom: 3px;
margin-left: 15px;
}
.CrmOffSeasonAnalysisGlobalDiv .AnalysisGridView {
margin: 10px auto;
}
.CrmOffSeasonAnalysisGlobalDiv .FilterButtonsTable {
margin: auto;
}
.CrmOffSeasonAnalysisGlobalDiv .FilterButtons {
margin: 0 5px;
}
.CrmOffSeasonAnalysisGlobalDiv ul.ForcedControlList li {
list-style-type: disc;
}
.CrmOffSeasonAnalysisGlobalDiv .ForcedControlsLineBold {
font-weight: bold;
}
/* fin Analyse des conseils réalisés */
.ParcelSelectionWarningLabel {
position: relative;
display: block;
padding: 1em 1em 1em 3em;
-webkit-transition: all 500ms;
transition: all 500ms;
text-align: left;
color: #d0a000 !important;
border-radius: 5px;
background-color: #fff4d0;
}
.ParcelSelectionWarningLabel::before {
font-family: FontAwesome !important;
font-size: 24px !important;
position: absolute;
top: 7px;
left: 9px;
display: block;
content: "\f05a";
color: #d0a000 !important;
}
.NotificationsDiv {
position: fixed;
top: 100px;
right: 30px;
z-index: 99999;
width: 500px;
}
.NotificationsDiv > span {
position: relative;
display: inline-table;
float: right;
width: 500px;
padding: 1em 1em 1em 3em;
margin: 0.25em;
cursor: pointer;
-webkit-transition: all 500ms;
transition: all 500ms;
text-align: center;
color: #fff !important;
border-radius: 5px;
background-color: rgba(153, 0, 0, 0.75);
}
.NotificationsDiv > span::before {
font-family: var(--fa-style-family, "Font Awesome 6 Pro");
font-weight: var(--fa-style, 900);
font-size: 24px !important;
position: absolute;
top: 7px;
left: 9px;
display: block;
content: "\f071";
color: #fff !important;
}
.NotificationsDiv > span:hover {
padding-left: 4em;
background-color: #990000;
}
.NotificationsDataSavedDiv {
position: fixed;
top: 75px;
right: 70px;
width: 500px;
}
.NotificationsDataSavedDiv > span {
position: relative;
display: inline-table;
float: right;
width: 500px;
padding: 1em 1em 1em 3em;
cursor: pointer;
-webkit-transition: all 500ms;
transition: all 500ms;
text-align: center;
color: #fff !important;
border-radius: 5px;
background-color: rgba(0, 100, 0, 0.75);
}
.NotificationsDataSavedDiv > span::before {
font-family: var(--fa-style-family, "Font Awesome 6 Pro");
font-weight: var(--fa-style, 900);
font-size: 24px !important;
position: absolute;
top: 7px;
left: 9px;
display: block;
content: "\f00c";
color: #fff !important;
}
.NotificationsDataSavedDiv > span:hover {
padding-left: 4em;
background-color: #006400;
}
td[id*=_ProgramEntryDiv_] {
padding: 1px;
background-image: none !important;
}
.ObservationAndDiagnosisBackOfficeMainDiv li.mbs {
margin-bottom: 5px;
list-style-type: circle;
}
/*Application en masse des préco type*/
.AccountSelectionDiv .SelectedAccountButton {
color: White;
background-color: #777777;
background-image: none;
background-repeat: repeat;
}
.AccountSelectionDiv .UnSelectedAccountButton {
color: White;
background-color: #79c842;
background-image: none;
background-repeat: repeat;
}
.OffSeasonProgramTypeMassApplicationMainDiv #FilterTable {
margin-left: 20px;
border-spacing: 0 15px;
}
.OffSeasonProgramTypeMassApplicationMainDiv #FilterTable tr {
margin-bottom: 15px;
}
.OffSeasonProgramTypeMassApplicationMainDiv .AffectButton {
margin-bottom: 15px;
margin-left: 20px;
}
/* fin Application en masse des préco type*/
.titre-liste-avertissements {
font-weight: bold;
}
.LoadingPanelCustomZindex {
z-index: 10000 !important;
}
.formulaireProduit .titre {
font-weight: bold;
/*font-size: 85%;*/
text-align: center;
}
.formulaireProduit .champ {
/*font-weight: bold;
width: 350px;
text-align: left;
float: left;
white-space: nowrap;*/
padding: 2px;
}
.formulaireProduit .label {
font-size: 14px;
font-weight: bold;
width: 38%;
text-align: left;
float: left;
margin: 1px;
white-space: nowrap;
display: table;
}
.formulaireProduit .labelTitreFieldset {
font-weight: bold; /*text-align : left;*/
float: left;
margin: 3px;
color: #15428B;
white-space: nowrap;
padding: 4px 0px 0px 4px;
}
.formulaireProduit .saisie {
/*font-size: 85%;*/
top: 0;
/*margin: 2px;
width: 62%;*/
padding: 2px;
}
.formulaireProduit .saisie input {
height: 23px;
width: 88%;
vertical-align: middle;
padding-left: 2px;
}
.formulaireProduit .saisie input[type=checkbox] {
width: 10px !important;
}
.formulaireProduit .saisie select {
min-width: 10.1em;
width: 54%;
}
.formulaireProduit .colonneGauche {
width: 355px;
float: left;
padding: 4px;
display: inline;
}
.formulaireProduit .colonneDroite {
width: 355px;
padding: 4px;
display: inline-block;
}
.formulaireProduit .clear {
clear: both;
}
.formulaireProduit .ligneHorizontale {
border-top: dotted 1px #AAAAAA;
margin: 4px;
}
.formulaireProduit .brs input {
min-width: 16px;
max-width: 16px;
width: auto;
}
.groupe {
padding: 3px;
margin-bottom: 10px;
}
.formulaireProduit ligneGrilleGauche {
width: 490px;
height: 25px;
position: absolute;
}
.formulaireProduit ligneGrilleDroite {
width: 490px;
height: 25px;
position: absolute;
}
.formulaireProduit iconeRecherche {
width: 16px;
height: 16px;
background-image: url(../images/Find_16x16.gif);
background-repeat: no-repeat;
background-position: center;
}
.formulaireProduit .Cadre {
padding: 4px;
}
.formulaireProduit img {
vertical-align: middle;
}
.formulaireProduit .CadreTdb {
padding: 4px;
float: left;
width: 100%;
}
.formulaireProduit .CadreTdbImage {
width: 85px;
float: left;
}
.formulaireProduit .CadreTdbLogo {
width: 87px;
height: 85px;
background-image: url(../images/logo_Client.png);
background-repeat: no-repeat;
background-position: center;
background-color: Green;
}
.formulaireProduit .CadreTdbTexte {
width: 48%;
float: left;
position: relative;
left: 15px;
}
.formulaireProduit .TdbTexte {
font-weight: bold;
width: 125px;
text-align: left;
margin: 3px;
white-space: nowrap;
color: #808080;
}
.formulaireProduit .TdbTitre {
font-size: 25px;
}
.formulaireProduit .TdbMessage {
font-size: 12px;
}
/* Design des pages historiques */
.filtreAss {
position: relative;
display: block;
height: auto;
margin-bottom: 10px;
vertical-align: middle;
}
.lookup {
display: inline-block;
width: 70%;
height: auto;
}
.CbBoxAss {
display: inline-block;
width: 50%;
height: auto;
}
.CbBoxCampAss {
display: inline-block;
width: 50%;
height: auto;
}
.label {
font-size: 15px;
line-height: 22px;
display: inline-block;
vertical-align: bottom;
}
.labelAss {
font-size: 15px;
line-height: 30px;
display: inline-block;
vertical-align: top;
}
.FilterBtn {
width: 10px;
}
.contentAss {
margin-bottom: 5px;
padding: 1em;
background-color: white;
}
.col-Filtre {
display: inline-block;
width: 330px;
margin: 0;
vertical-align: middle;
}
.col-FiltreCampAss {
display: inline-block;
width: 330px;
margin: 10px;
vertical-align: middle;
}
.col-FiltreSau {
display: inline-block;
width: 150px;
margin: 5px;
vertical-align: middle;
}
.col-FiltreSave {
display: inline-block;
width: auto;
margin: 5px;
vertical-align: middle;
}
.col-FiltreBtn {
display: inline-block;
float: right;
margin-top: 2px;
}
.col-FiltreBtnAss {
display: inline-block;
float: right;
margin-top: 12px;
}
.containerAss {
width: 99%;
margin: auto;
}
@media screen and (max-width: 1150px) {
.lookup {
float: right;
}
.CbBoxAss {
float: right;
width: 60%;
}
.col-Filtre {
display: block;
width: 400px;
margin: 0.5em;
}
.col-FiltreSau {
display: block;
width: 150px;
margin: 0.5em;
}
.label {
font-size: 15px;
line-height: 30px;
vertical-align: top;
}
.col-FiltreBtn {
display: block;
float: none;
margin: 0.5em;
margin-top: 10px;
margin-left: 0;
}
}
@media screen and (min-width: 1150px) and (max-width: 1550px) {
.col-FiltreBtn {
display: block;
float: none;
margin-top: 10px;
margin-left: 0;
}
}
.filterHistory {
position: relative;
display: block;
margin-bottom: 10px;
vertical-align: middle;
}
.labelDate {
vertical-align: bottom;
display: inline-block;
font-size: 15px;
line-height: 30px;
margin-bottom: 3px;
margin-left: 2px;
margin-right: 2px;
}
.labelDate2 {
vertical-align: bottom;
font-size: 15px;
margin-left: 7px;
margin-right: 7px;
line-height: 30px;
}
.dxOpenBelow {
display: inline-block;
height: auto;
width: 150px;
}
.btnHistory {
width: 50px;
}
.grille {
width: auto;
margin: auto;
}
.containerHistory {
padding: 1em;
background-color: white;
margin-bottom: 5px;
}
.col-FiltreDate {
display: inline-block;
width: auto;
margin-right: 20px;
vertical-align: bottom;
}
.contentHistory {
width: 99%;
margin: auto;
}
.grille2 {
display: inline-block;
margin: 10px;
vertical-align: top;
}
.GridView {
vertical-align: top;
text-align: center;
}
@media screen and (max-width: 1150px) {
.labelDate {
vertical-align: top;
font-size: 15px;
margin-left: 2.5px;
margin-right: 2.5px;
line-height: 30px;
}
.labelDate2 {
vertical-align: top;
font-size: 15px;
margin-left: 7px;
margin-right: 7px;
line-height: 30px;
}
.col-FiltreDate {
width: 400px;
display: block;
margin: 0.5em;
}
.dxOpenBelow {
display: inline-block;
height: auto;
width: 157px;
}
.containerHistory {
padding: 1em;
padding-left: 0px;
background-color: white;
width: auto;
margin-bottom: 2px;
}
}
/* la couleur des backgrounds */
.rouge {
background-color: red;
}
.orange {
background-color: orange;
}
.gris {
background-color: #ccc;
}
.vert {
background-color: #51c256;
}
.noir {
background-color: black;
color: white;
}
/* la couleur de texte */
.textenoir {
color: black;
}
.texterouge {
color: red;
}
.textevert {
color: green;
}
.texteorange {
color: orange;
}
.textegris {
color: #ccc;
}
/* les alignements */
.gauche {
text-align: left;
}
.droite {
text-align: right;
}
.centre {
text-align: center;
}
.justifie {
text-align: justify;
}
.bas {
vertical-align: bottom;
}
.milieu {
vertical-align: middle;
}
.haut {
vertical-align: top;
}
/* style police */
.gras {
font-weight: bold;
}
.italique {
font-style: italic;
}
/* espacements */
.pasdesautdeligne {
white-space: nowrap;
}
/* --- Div / Commun --*/
.ProductionDiv {
float: left;
width: 100%;
}
.HeadCountDiv {
float: left;
display: inline-table;
}
.FormDiv {
float: left;
}
.NavBarDiv {
margin: 15px 0px 15px 0px;
}
.HiddenLinkDiv {
margin: 30px 0px 30px 15px;
}
/* --- Div / Custom --*/
.MilkBovineFormDiv {
width: 55%;
}
.SucklingBovineFormDiv {
width: 60%;
}
.RabbitFormDiv {
margin-left: 25%;
}
/*-- Lien / boutton masqués --*/
.HiddenGoToLink {
margin-top: 15px;
margin-right: 15px;
}
.HiddenSaveBtnItem {
margin-top: 15px;
text-align: right;
}
/* -- Editeur "Debouché -- */
.OutleltGridLookup {
float: left;
height: 100%;
width: 70% !important;
}
.OutleltHelpButton {
width: 20% !important;
float: right;
}
.SucklingOutleltGridLookup {
width: 66% !important;
}
.PigOutleltGridLookup {
width: 60% !important;
}
.Path {
text-align: left;
}
.Path a {
position: relative;
display: inline-block;
padding: 0.3em 0.9em 0.3em 1.75em;
margin-bottom: 0.15em;
border-radius: 1em;
background-color: rgba(24, 116, 152, 0.7);
color: #fff;
text-decoration: none;
cursor: move;
}
.Path a::before {
content: "\f0c9";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-size: 10px;
display: block;
position: absolute;
top: 0.6em;
left: 0.6em;
color: rgba(255, 255, 255, 0.5);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sortable {
list-style-type: none;
margin: 0;
padding: 0;
}
.sortable > li {
margin: 0px;
padding: 1px;
/* SD 09/10/2015 */
/* float: left;*/
display: inline-block;
vertical-align: top;
width: 50%;
/* SD 03/07/15 */
min-height: 100px;
border: 1px solid #FFFFFF;
cursor: move;
}
.path__wrapper {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 34px;
width: auto;
padding-left: 0;
text-align: left;
bottom: 25px;
left: 80px;
background: #fff;
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
}
.path__wrapper > .Path {
position: relative;
top: 0;
width: auto;
padding: 0.45em 0.5em;
background: #fff;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
z-index: 999;
}
.path__wrapper > #icn-rep {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 1.5em;
height: auto;
background: #187498;
color: #fff;
border: none;
border-top-right-radius: 0.25em;
border-bottom-right-radius: 0.25em;
text-align: center;
font-size: 1.1em;
cursor: pointer;
z-index: 1000;
}
.path__wrapper > #icn-rep:focus {
outline: none;
}
/**
*
* sdegliame le 05/02/2019
* styles du Catalogue de produuits
*
*/
[id$=CrmProductPageControl_TC] .dxtc-tab .dxtc-link,
[id$=CrmProductPageControl_TC] .dxtc-activeTab .dxtc-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ovf-x {
overflow-x: auto;
}
@media only screen and (max-width: 1440px) {
.isagrc_filter_button {
margin-left: auto;
}
.div_flex_filter {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5em;
}
}
.dropdown_Content {
overflow: auto;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
max-height: 740px;
}
.dropdown_Content_Hidden {
overflow: hidden;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
max-height: 0;
padding: 0;
}
.hide_btn {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.hide_btn_hidden {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.lbl_dropdown {
color: #187498;
font-size: Large;
font-weight: bold;
}
.dropdown_btn {
background: #187498;
color: #FFFFFF;
border-radius: 50%;
width: 1.3em;
height: 1.3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 3px;
}
@font-face {
font-family: "Journal";
src: url("journal.eot");
src: url("journal.eot?#iefix") format("embedded-opentype"), url("journal.woff") format("woff"), url("journal.ttf") format("truetype"), url("journal.svg#JournalRegular") format("svg");
font-weight: normal;
font-style: normal;
}
.sigPad {
margin: 0;
padding: 0;
width: 200px;
}
.sigPad label {
display: block;
margin: 0 0 0.515em;
padding: 0;
color: #000;
font: italic normal 1em/1.375 Georgia, Times, serif;
}
.sigPad label.error {
color: #f33;
}
.sigPad input {
margin: 0;
padding: 0.2em 0;
width: 198px;
border: 1px solid #666;
font-size: 1em;
}
.sigPad input.error {
border-color: #f33;
}
.sigPad button {
margin: 1em 0 0 0;
padding: 0.6em 0.6em 0.7em;
background-color: #ccc;
border: 0;
border-radius: 8px;
cursor: pointer;
color: #555;
font: bold 1em/1.375 sans-serif;
text-align: left;
}
.sigPad button:hover {
background-color: #333;
color: #fff;
}
.sig {
display: none;
}
.sigNav {
display: none;
height: 2.25em;
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.sigNav li {
display: inline;
float: left;
margin: 0;
padding: 0;
}
.sigNav a,
.sigNav a:link,
.sigNav a:visited {
display: block;
margin: 0;
padding: 0 0.6em;
border: 0;
color: #333;
font-weight: bold;
line-height: 2.25em;
text-decoration: underline;
}
.sigNav a.current,
.sigNav a.current:link,
.sigNav a.current:visited {
background-color: #666;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-radius: 8px 8px 0 0;
color: #fff;
text-decoration: none;
}
.sigNav .typeIt a.current,
.sigNav .typeIt a.current:link,
.sigNav .typeIt a.current:visited {
background-color: #ccc;
color: #555;
}
.sigNav .clearButton {
bottom: 0.2em;
display: none;
position: absolute;
right: 0;
font-size: 0.75em;
line-height: 1.375;
}
.sigWrapper {
clear: both;
height: 100px;
border: 1px solid #ccc;
}
.sigWrapper.current {
border-color: #666;
}
.signed .sigWrapper {
border: 0;
}
.pad {
position: relative;
}
.current .pad {
/**
* For cross browser compatibility, this should be an absolute URL
* In IE the cursor is relative to the HTML document
* In all other browsers the cursor is relative to the CSS file
*
* http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/
*/
cursor: url("../assets/pen.cur"), crosshair;
/**
* IE will ignore this line because of the hotspot position
* Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur
*/
cursor: url("pen.cur") 16 16, crosshair;
-ms-touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.typed {
height: 55px;
margin: 0;
padding: 0 5px;
position: absolute;
z-index: 90;
cursor: default;
color: #145394;
font: normal 1.875em/50px "Journal", Georgia, Times, serif;
}
.typeItDesc,
.drawItDesc {
display: none;
margin: 0.75em 0 0.515em;
padding: 0.515em 0 0;
border-top: 3px solid #ccc;
color: #000;
font: italic normal 1em/1.375 Georgia, Times, serif;
}
p.error {
display: block;
margin: 0.5em 0;
padding: 0.4em;
background-color: #f33;
color: #fff;
font-weight: bold;
}
[id$=_ucActivityScheduler_schedulerActivity] .dxscToolbarContainer_isagrc {
padding-bottom: 0;
}
[id$=_schedulerActivity_viewSelectorBlock_innerContent] {
padding: 0.25em 0.5em;
background-color: #187498;
}
[id$=_schedulerActivity_viewSelectorBlock_innerContent] .dx-vam {
color: #fff;
}
[id$=_schedulerActivity_viewSelectorBlock_innerContent] .dxscViewSelectorButtonChecked_isagrc {
border-bottom: none !important;
background-color: #fff;
color: #555;
margin-bottom: -3px;
}
[id$=_schedulerActivity_viewSelectorBlock_innerContent] .dxscViewSelectorButtonChecked_isagrc .dx-vam {
color: #555;
}
[id$=_OffSeasonTabs_TC] .dxtc-tab {
border: none !important;
border-bottom-color: #999999 !important;
}
[id$=_OffSeasonTabs_TC] .dxtc-tab:hover {
background: #FEFEFE;
border: 1px solid #dddddd;
border-bottom-color: #dddddd !important;
}
[id$=_OffSeasonTabs_TC] .dxtc-spacer {
border: none !important;
}
[id$=_OffSeasonTabs_TC] .dxtc-activeTab {
background-color: #fff;
border-left: 0;
border-right: 0;
color: #222;
}
.dxnbLite_Aqua .dxnb-header {
border-color: #999999;
background-color: #dddddd;
background-image: none;
}
.dxbButton_isagrc div.dxb {
padding: 7px 13px 7px;
border: 0;
}
.dxeTextBox_isagrc td.dxic,
.dxeButtonEdit_isagrctd.dxic,
.dxeButtonEdit_isagrc[cellspacing="0"] td.dxic {
padding: 7px 8px 6px 7px;
}
h1 .dxeBase_isagrc,
h2 .dxeBase_isagrc,
h3 .dxeBase_isagrc,
h4 .dxeBase_isagrc {
font-size: inherit !important;
}
.dxpc-contentWrapper {
background-color: #FFFFFF;
}
.isagrc__button,
.isagrc__button--1,
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['UpdateEdit'],0]"] {
background-color: #187498;
color: #FFFFFF;
border-radius: 8px;
border: 1px solid #187498;
}
.isagrc__button:hover,
.isagrc__button--1:hover,
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['UpdateEdit'],0]"]:hover {
background-color: #0E4F68;
}
.isagrc__button.dxbDisabled_isagrc, .isagrc__button.dxbDisabled_isagrc:hover,
.isagrc__button--1.dxbDisabled_isagrc,
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbDisabled_isagrc.dxbButton_isagrc[data-args="[['UpdateEdit'],0]"],
.isagrc__button--1.dxbDisabled_isagrc:hover {
background-color: #E1E1E1;
border: 1px solid #9E9E9E;
color: #9E9E9E;
cursor: not-allowed !important;
}
.isagrc__button--2, .dxpcLite_isagrc .dxpc-footer .dxpgFilterButton_isagrc, .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['CancelEdit',-1],0]"], .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['PreviewChanges'],0]"],
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['HidePreview'],0]"] {
background-color: #FFFFFF;
color: #187498;
border: 1px solid #187498;
border-radius: 8px;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.isagrc__button--2:hover:not(.dxbDisabled_isagrc), .dxpcLite_isagrc .dxpc-footer .dxpgFilterButton_isagrc:hover:not(.dxbDisabled_isagrc), .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['CancelEdit',-1],0]"]:hover:not(.dxbDisabled_isagrc), .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['PreviewChanges'],0]"]:hover:not(.dxbDisabled_isagrc),
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['HidePreview'],0]"]:hover:not(.dxbDisabled_isagrc),
.isagrc__button--2 .dxbButtonHover_isagrc,
.dxpcLite_isagrc .dxpc-footer .dxpgFilterButton_isagrc .dxbButtonHover_isagrc,
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['CancelEdit',-1],0]"] .dxbButtonHover_isagrc,
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['PreviewChanges'],0]"] .dxbButtonHover_isagrc,
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['HidePreview'],0]"] .dxbButtonHover_isagrc {
background-color: rgba(24, 116, 152, 0.19);
color: #187498;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.isagrc__button--2.dxbButtonChecked_isagrc, .dxpcLite_isagrc .dxpc-footer .dxbButtonChecked_isagrc.dxpgFilterButton_isagrc, .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButtonChecked_isagrc.dxbButton_isagrc[data-args="[['CancelEdit',-1],0]"], .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButtonChecked_isagrc.dxbButton_isagrc[data-args="[['PreviewChanges'],0]"],
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButtonChecked_isagrc.dxbButton_isagrc[data-args="[['HidePreview'],0]"], .isagrc__button--2.DevExpressCheckButton_Checked, .dxpcLite_isagrc .dxpc-footer .DevExpressCheckButton_Checked.dxpgFilterButton_isagrc, .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .DevExpressCheckButton_Checked.dxbButton_isagrc[data-args="[['CancelEdit',-1],0]"], .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .DevExpressCheckButton_Checked.dxbButton_isagrc[data-args="[['PreviewChanges'],0]"],
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .DevExpressCheckButton_Checked.dxbButton_isagrc[data-args="[['HidePreview'],0]"] {
background-color: #9ACCDF;
border: 1px solid #187498;
color: #FFFFFF;
}
.isagrc__button--2.dxbDisabled_isagrc, .dxpcLite_isagrc .dxpc-footer .dxbDisabled_isagrc.dxpgFilterButton_isagrc, .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbDisabled_isagrc.dxbButton_isagrc[data-args="[['CancelEdit',-1],0]"], .dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbDisabled_isagrc.dxbButton_isagrc[data-args="[['PreviewChanges'],0]"],
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbDisabled_isagrc.dxbButton_isagrc[data-args="[['HidePreview'],0]"], .isagrc__button--2.dxbDisabled_isagrc:hover {
background-color: #E1E1E1;
border: 1px solid #9E9E9E;
color: #9E9E9E;
cursor: not-allowed !important;
}
.isagrc__button--3 {
background-color: #4d5359;
color: #FFFFFF;
border: 1px solid #4d5359;
border-radius: 8px;
}
.isagrc__button--3:hover {
background-color: #5e656c;
}
.isagrc__button--icn {
background: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #187498 !important;
text-decoration: none !important;
border: none;
}
.isagrc__button--icn:hover {
color: #0E4F68 !important;
border: none;
text-decoration: none !important;
}
.isagrc__button--icn.dxbDisabled_isagrc {
color: #9E9E9E !important;
cursor: not-allowed !important;
border: none !important;
}
.isagrc__button--icn.no-padding div.dxb {
padding: 6px 13px 4px;
}
/*Btn BacthEditing*/
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxBadge {
padding: 2px 7px;
}
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['PreviewChanges'],0]"],
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['HidePreview'],0]"] {
margin-right: 5px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['CancelEdit',-1],0]"] {
margin-right: 5px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.dxgvStatusBar_isagrc .dxgvCommandColumn_isagrc .dxbButton_isagrc[data-args="[['UpdateEdit'],0]"] {
margin-right: 5px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
/* Filtre PivotGrid*/
.dxpcLite_isagrc .dxpc-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.dxpcLite_isagrc .dxpc-footer .dxpc-footerContent {
padding: 10px;
}
.dxpcLite_isagrc .dxpc-footer .dxpgFilterButton_isagrc {
padding: 0;
}
.dxbButton_isagrc.dxbTSys {
width: inherit;
}
.dxgvSelectedRow_isagrc.dxWeb_edtCheckBoxChecked_isagrc {
background-position: -133px -207px;
}
a.dxbButton_isagrc.dxbDisabled_isagrc {
background: #dddddd;
}
a.dxbButton_isagrc.dxbDisabled_isagrc:hover {
background: #dddddd;
}
span.dxToggle {
height: 20px;
width: 42px;
border-radius: 20px;
background-color: #666666;
margin-top: -5px;
}
span.dxToggle .dxWeb_edtCheckBoxChecked::after {
display: none !important;
}
span.dxToggle .dxSwitcher {
height: 16px;
width: 16px;
}
span.dxToggle[class*=Checked] {
background-color: #187498;
}
span.dxToggle[class*=Checked] .dxSwitcher {
position: relative;
-webkit-transform: translate3d(23px, 2px, 0);
transform: translate3d(23px, 2px, 0);
}
span.dxToggle[class*=Checked]::after {
display: none !important;
}
span.dxToggle[class*=Focused]::after {
display: none !important;
}
.dxeDisabled_isagrc, .dxeDisabled_isagrc td.dxe, .aspNetDisabled {
color: #bbbbbb !important;
cursor: default;
}
/*ERGO*/
.dxpc-header {
border-bottom: 1px solid #E1E1E1 !important;
}
.dxpc-closeBtn {
width: 24px;
height: 24px;
top: 3px;
position: relative;
}
.dxpc-closeBtn::after {
content: "\f00d";
font-size: 15px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
color: #FFFFFF;
background-color: #187498;
width: 25px;
height: 25px;
text-align: center;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: var(--fa-style-family, "Font Awesome 6 Pro");
font-weight: var(--fa-style, 900);
}
.dxpc-closeBtn .dxWeb_pcCloseButton_isagrc {
display: none;
}
.dxpc-headerText {
color: #187498;
font-weight: bold;
margin-right: 0.5rem;
}
.dxnbLite_isagrc .dxnb-large.dxnb-link {
padding: inherit !important;
}
.dxeDisabled_isagrc .dxICheckBox_isagrc {
cursor: not-allowed !important;
}
.dxeRequiredMark_isagrc {
padding-left: 0.25rem;
}
.dxflRequired_isagrc {
padding-left: 0.25rem;
}