@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.428571429;
color: #333333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #6CBF70;
text-decoration: none;
}
a:hover, a:focus {
color: #439b48;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 21px;
margin-bottom: 10.5px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%;
}
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 10.5px;
margin-bottom: 10.5px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%;
}
h1, .h1 {
font-size: 39px;
}
h2, .h2 {
font-size: 32px;
}
h3, .h3 {
font-size: 26px;
}
h4, .h4 {
font-size: 19px;
}
h5, .h5 {
font-size: 15px;
}
h6, .h6 {
font-size: 13px;
}
p {
margin: 0 0 10.5px;
}
.lead {
margin-bottom: 21px;
font-size: 17px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 22.5px;
}
}
small,
.small {
font-size: 86%;
}
mark,
.mark {
background-color: #FFEAD9;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase, .initialism {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #6CBF70;
}
a.text-primary:hover {
color: #4bad50;
}
.text-success {
color: #238229;
}
a.text-success:hover {
color: #185a1c;
}
.text-info {
color: #1B6064;
}
a.text-info:hover {
color: #10393c;
}
.text-warning {
color: #A5642D;
}
a.text-warning:hover {
color: #7d4c22;
}
.text-danger {
color: #A5302D;
}
a.text-danger:hover {
color: #7d2422;
}
.bg-primary {
color: #fff;
}
.bg-primary {
background-color: #6CBF70;
}
a.bg-primary:hover {
background-color: #4bad50;
}
.bg-success {
background-color: #C8ECCB;
}
a.bg-success:hover {
background-color: #a2dfa7;
}
.bg-info {
background-color: #BADADB;
}
a.bg-info:hover {
background-color: #98c8ca;
}
.bg-warning {
background-color: #FFEAD9;
}
a.bg-warning:hover {
background-color: #ffcea6;
}
.bg-danger {
background-color: #FFDAD9;
}
a.bg-danger:hover {
background-color: #ffa8a6;
}
.page-header {
padding-bottom: 9.5px;
margin: 42px 0 21px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10.5px;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 21px;
}
dt,
dd {
line-height: 1.428571429;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
}
blockquote {
padding: 10.5px 21px;
margin: 0 0 21px;
font-size: 18.75px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.428571429;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 21px;
font-style: normal;
line-height: 1.428571429;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 10px;
margin: 0 0 10.5px;
font-size: 14px;
line-height: 1.428571429;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
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%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 21px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #C8ECCB;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
background-color: #b5e5b9;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #BADADB;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
background-color: #a9d1d2;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #FFEAD9;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
background-color: #ffdcc0;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #FFDAD9;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
background-color: #ffc1c0;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15.75px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 21px;
font-size: 22.5px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 15px;
line-height: 1.428571429;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 35px;
padding: 6px 12px;
font-size: 15px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
line-height: 35px;
}
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm input[type="month"] {
line-height: 31px;
}
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] {
line-height: 48px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 21px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 36px;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0;
}
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 31px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 31px;
line-height: 31px;
}
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
height: auto;
}
.form-group-sm .form-control {
height: 31px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 31px;
line-height: 31px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 31px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
min-height: 34px;
}
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 48px;
padding: 10px 16px;
font-size: 19px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 48px;
line-height: 48px;
}
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto;
}
.form-group-lg .form-control {
height: 48px;
padding: 10px 16px;
font-size: 19px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 48px;
line-height: 48px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 48px;
padding: 10px 16px;
font-size: 19px;
line-height: 1.3333333;
min-height: 40px;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 43.75px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
width: 48px;
height: 48px;
line-height: 48px;
}
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback {
width: 31px;
height: 31px;
line-height: 31px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #238229;
}
.has-success .form-control {
border-color: #238229;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #185a1c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #40cb48;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #40cb48;
}
.has-success .input-group-addon {
color: #238229;
border-color: #238229;
background-color: #C8ECCB;
}
.has-success .form-control-feedback {
color: #238229;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color: #A5642D;
}
.has-warning .form-control {
border-color: #A5642D;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #7d4c22;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59763;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59763;
}
.has-warning .input-group-addon {
color: #A5642D;
border-color: #A5642D;
background-color: #FFEAD9;
}
.has-warning .form-control-feedback {
color: #A5642D;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #A5302D;
}
.has-error .form-control {
border-color: #A5302D;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #7d2422;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d56663;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d56663;
}
.has-error .input-group-addon {
color: #A5302D;
border-color: #A5302D;
background-color: #FFDAD9;
}
.has-error .form-control-feedback {
color: #A5302D;
}
.has-feedback label ~ .form-control-feedback {
top: 26px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 28px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table;
}
.form-horizontal .form-group:after {
clear: both;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.333333px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 15px;
line-height: 1.428571429;
border-radius: 17px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
color: #ffffff;
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;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .fas, .btn .far, .btn .fal, .btn .fab {
border-left: solid 1px rgba(255, 255, 255, 0.7);
margin-left: 12px;
padding-left: 10px;
float: right;
margin-top: 3px;
}
.btn .fa {
margin-top: 3px;
}
span.input-group-btn .fas, span.input-group-btn .far, span.input-group-btn .fal, span.input-group-btn .fab {
margin-left: 50px;
}
/*.file-input {
.btn-file {
.glyphicon {
margin-left: 70px;
}
}
}*/
/*.btn-file {
.glyphicon {
margin-left: 70px;
}
}*/
.btn-default {
color: #ffffff;
background-color: #6CBF70;
border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
color: #ffffff;
background-color: #4bad50;
border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
background-color: #6CBF70;
border-color: #ccc;
}
.btn-default .badge {
color: #6CBF70;
background-color: #ffffff;
}
.btn-primary {
color: #fff;
background-color: #6CBF70;
border-color: #5ab75f;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #4bad50;
border-color: #409444;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
background-color: #6CBF70;
border-color: #5ab75f;
}
.btn-primary .badge {
color: #6CBF70;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #68bd6d;
border-color: #57b65b;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #4aa94e;
border-color: #3f9043;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
background-color: #68bd6d;
border-color: #57b65b;
}
.btn-success .badge {
color: #68bd6d;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #539093;
border-color: #4a8083;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #417072;
border-color: #345a5c;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
background-color: #539093;
border-color: #4a8083;
}
.btn-info .badge {
color: #539093;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #F3BA89;
border-color: #f1ac72;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ee9f5b;
border-color: #eb8c3a;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
background-color: #F3BA89;
border-color: #f1ac72;
}
.btn-warning .badge {
color: #F3BA89;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #F38C89;
border-color: #f17572;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #ee5f5b;
border-color: #eb3f3a;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
background-color: #F38C89;
border-color: #f17572;
}
.btn-danger .badge {
color: #F38C89;
background-color: #fff;
}
.btn-link {
color: #6CBF70;
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: #439b48;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 19px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 15px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #6CBF70;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 13px;
line-height: 1.428571429;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.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-toolbar {
margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table;
}
.btn-toolbar:after {
clear: both;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.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 {
float: left;
}
.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 > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-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 > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
content: " ";
display: table;
}
.btn-group-vertical > .btn-group:after {
clear: both;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.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: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-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;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[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;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 3px 12px;
font-size: 15px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 13px;
border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 19px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
margin-left: -1px;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eeeeee;
border-color: #6CBF70;
}
.nav .nav-divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
display: inline-block;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
/*background-color: $nav-tabs-active-link-hover-bg;
border: 1px solid $nav-tabs-active-link-hover-border-color;
border-bottom-color: transparent;*/
cursor: default;
border-bottom: solid 2px #6CBF70;
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #6CBF70;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified, .nav-tabs.nav-justified {
width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li, .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 21px;
border: 1px solid transparent;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
.navbar-header:before, .navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 14.5px 15px;
font-size: 19px;
line-height: 21px;
height: 50px;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.25px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 21px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 21px;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 14.5px;
padding-bottom: 14.5px;
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 7.5px;
margin-bottom: 7.5px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 7.5px;
margin-bottom: 7.5px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 9.5px;
margin-bottom: 9.5px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 14.5px;
margin-bottom: 14.5px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-right {
margin-top: -1px;
background-color: #6CBF70;
}
.navbar-default {
background-color: #6CBF70;
border-color: #6CBF70;
}
.navbar-default .navbar-brand {
color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #e6e6e6;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #333;
background-color: #55b55a;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #7ec781;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #6CBF70;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #55b55a;
color: #333;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #333;
background-color: #55b55a;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #fff;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #fff;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #090909;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #090909;
color: #fff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 21px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
content: "/ ";
padding: 0 5px;
color: #ccc;
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 21px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
color: #6CBF70;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
color: #439b48;
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 2;
color: #fff;
background-color: #6CBF70;
border-color: #6CBF70;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 19px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 13px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 21px 0;
list-style: none;
text-align: center;
}
.pager:before, .pager:after {
content: " ";
display: table;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
background-color: #fff;
cursor: not-allowed;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover, .label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #6CBF70;
}
.label-primary[href]:hover, .label-primary[href]:focus {
background-color: #4bad50;
}
.label-success {
background-color: #68bd6d;
}
.label-success[href]:hover, .label-success[href]:focus {
background-color: #4aa94e;
}
.label-info {
background-color: #539093;
}
.label-info[href]:hover, .label-info[href]:focus {
background-color: #417072;
}
.label-warning {
background-color: #F3BA89;
}
.label-warning[href]:hover, .label-warning[href]:focus {
background-color: #ee9f5b;
}
.label-danger {
background-color: #F38C89;
}
.label-danger[href]:hover, .label-danger[href]:focus {
background-color: #ee5f5b;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 13px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color: #6CBF70;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.jumbotron {
padding: 30px 15px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 23px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron, .container-fluid .jumbotron {
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding: 48px 0;
}
.container .jumbotron, .container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 67.5px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 21px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.thumbnail .caption {
padding: 9px;
color: #333333;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #6CBF70;
}
.alert {
padding: 15px;
margin-bottom: 21px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #C8ECCB;
border-color: #b9e5b5;
color: #238229;
}
.alert-success hr {
border-top-color: #a7dfa2;
}
.alert-success .alert-link {
color: #185a1c;
}
.alert-info {
background-color: #BADADB;
border-color: #a3cfc9;
color: #1B6064;
}
.alert-info hr {
border-top-color: #92c6bf;
}
.alert-info .alert-link {
color: #10393c;
}
.alert-warning {
background-color: #FFEAD9;
border-color: #ffd1c0;
color: #A5642D;
}
.alert-warning hr {
border-top-color: #ffbfa6;
}
.alert-warning .alert-link {
color: #7d4c22;
}
.alert-danger {
background-color: #FFDAD9;
border-color: #ffc0c8;
color: #A5302D;
}
.alert-danger hr {
border-top-color: #ffa6b2;
}
.alert-danger .alert-link {
color: #7d2422;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
overflow: hidden;
height: 21px;
margin-bottom: 21px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 13px;
line-height: 21px;
color: #fff;
text-align: center;
background-color: #6CBF70;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #68bd6d;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #539093;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #F3BA89;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #F38C89;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
zoom: 1;
overflow: hidden;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover, a.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #6CBF70;
border-color: #6CBF70;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #fafdfa;
}
.list-group-item-success {
color: #238229;
background-color: #C8ECCB;
}
a.list-group-item-success {
color: #238229;
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus {
color: #238229;
background-color: #b5e5b9;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
color: #fff;
background-color: #238229;
border-color: #238229;
}
.list-group-item-info {
color: #1B6064;
background-color: #BADADB;
}
a.list-group-item-info {
color: #1B6064;
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus {
color: #1B6064;
background-color: #a9d1d2;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
color: #fff;
background-color: #1B6064;
border-color: #1B6064;
}
.list-group-item-warning {
color: #A5642D;
background-color: #FFEAD9;
}
a.list-group-item-warning {
color: #A5642D;
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus {
color: #A5642D;
background-color: #ffdcc0;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
color: #fff;
background-color: #A5642D;
border-color: #A5642D;
}
.list-group-item-danger {
color: #A5302D;
background-color: #FFDAD9;
}
a.list-group-item-danger {
color: #A5302D;
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus {
color: #A5302D;
background-color: #ffc1c0;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
color: #fff;
background-color: #A5302D;
border-color: #A5302D;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 21px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-body:before, .panel-body:after {
content: " ";
display: table;
}
.panel-body:after {
clear: both;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 21px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #fff;
background-color: #6CBF70;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #6CBF70;
background-color: #fff;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #6CBF70;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #6CBF70;
border-color: #6CBF70;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #6CBF70;
}
.panel-primary > .panel-heading .badge {
color: #6CBF70;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #6CBF70;
}
.panel-success {
border-color: #b9e5b5;
}
.panel-success > .panel-heading {
color: #238229;
background-color: #C8ECCB;
border-color: #b9e5b5;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #b9e5b5;
}
.panel-success > .panel-heading .badge {
color: #C8ECCB;
background-color: #238229;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #b9e5b5;
}
.panel-info {
border-color: #a3cfc9;
}
.panel-info > .panel-heading {
color: #1B6064;
background-color: #BADADB;
border-color: #a3cfc9;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #a3cfc9;
}
.panel-info > .panel-heading .badge {
color: #BADADB;
background-color: #1B6064;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #a3cfc9;
}
.panel-warning {
border-color: #ffd1c0;
}
.panel-warning > .panel-heading {
color: #A5642D;
background-color: #FFEAD9;
border-color: #ffd1c0;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ffd1c0;
}
.panel-warning > .panel-heading .badge {
color: #FFEAD9;
background-color: #A5642D;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ffd1c0;
}
.panel-danger {
border-color: #ffc0c8;
}
.panel-danger > .panel-heading {
color: #A5302D;
background-color: #FFDAD9;
border-color: #ffc0c8;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ffc0c8;
}
.panel-danger > .panel-heading .badge {
color: #FFDAD9;
background-color: #A5302D;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ffc0c8;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 22.5px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.428571429px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
content: " ";
display: table;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 1.428571429;
text-align: left;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 15px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow, .popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000;
}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover, .carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs {
display: none !important;
}
.visible-sm {
display: none !important;
}
.visible-md {
display: none !important;
}
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*!
* Datetimepicker for Bootstrap 3
* version : 4.15.35
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/
.bootstrap-datetimepicker-widget {
list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
margin: 2px 0;
padding: 4px;
width: 19em;
}
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #cccccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #cccccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%;
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #eeeeee;
cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #337ab7;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #337ab7;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
background-color: #337ab7;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/*!
* bootstrap-fileinput v4.4.8
* http://plugins.krajee.com/file-input
*
* Krajee default styling for bootstrap-fileinput.
*
* Author: Kartik Visweswaran
* Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
*
* Licensed under the BSD 3-Clause
* https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
*/
.file-loading input[type=file], input[type=file].file-loading {
width: 0;
height: 0;
}
.kv-hidden, .hide-content .kv-file-content, .file-caption-icon, .file-zoom-dialog .modal-header:before, .file-zoom-dialog .modal-header:after, .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-new .no-browse .input-group-btn, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .no-browse .input-group-btn {
display: none;
}
.btn-file input[type=file], .file-caption-icon, .file-preview .fileinput-remove, .krajee-default .file-thumb-progress, .file-zoom-dialog .btn-navigate, .file-zoom-dialog .floating-buttons {
position: absolute;
}
.file-loading:before, .btn-file, .file-caption, .file-preview, .krajee-default.file-preview-frame, .krajee-default .file-thumbnail-footer, .file-zoom-dialog .modal-dialog {
position: relative;
}
.file-error-message pre, .file-error-message ul, .krajee-default .file-actions, .krajee-default .file-other-error {
text-align: left;
}
.file-error-message pre, .file-error-message ul {
margin: 0;
}
.krajee-default .file-drag-handle, .krajee-default .file-upload-indicator {
margin: 5px 0 -5px;
width: 16px;
height: 16px;
}
.krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {
height: 11px;
font-size: 9px;
line-height: 10px;
}
.krajee-default .file-caption-info, .krajee-default .file-size-info {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 160px;
height: 15px;
margin: auto;
}
.file-zoom-content > .file-object.type-video, .file-zoom-content > .file-object.type-flash, .file-zoom-content > .file-object.type-image {
max-width: 100%;
max-height: 100%;
width: auto;
}
.file-zoom-content > .file-object.type-video, .file-zoom-content > .file-object.type-flash {
height: 100%;
}
.file-zoom-content > .file-object.type-pdf, .file-zoom-content > .file-object.type-html, .file-zoom-content > .file-object.type-text, .file-zoom-content > .file-object.type-default {
width: 100%;
}
.rotate-2 {
transform: rotateY(180deg);
}
.rotate-3 {
transform: rotate(180deg);
}
.rotate-4 {
transform: rotate(180deg) rotateY(180deg);
}
.rotate-5 {
transform: rotate(270deg) rotateY(180deg);
}
.rotate-6 {
transform: rotate(90deg);
}
.rotate-7 {
transform: rotate(90deg) rotateY(180deg);
}
.rotate-8 {
transform: rotate(270deg);
}
.file-loading:before {
content: " Loading...";
display: inline-block;
padding-left: 20px;
line-height: 16px;
font-size: 13px;
font-variant: small-caps;
color: #999;
background: transparent url(../img/loading.gif) top left no-repeat;
}
.file-object {
margin: 0 0 -5px 0;
padding: 0;
}
.btn-file {
overflow: hidden;
}
.btn-file input[type=file] {
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
text-align: right;
opacity: 0;
background: none repeat scroll 0 0 transparent;
cursor: inherit;
display: block;
}
.btn-file ::-ms-browse {
font-size: 10000px;
width: 100%;
height: 100%;
}
.file-caption .file-caption-name {
width: 100%;
margin: 0;
padding: 0;
box-shadow: none;
border: none;
background: none;
outline: none;
}
.file-caption.icon-visible .file-caption-icon {
display: inline-block;
}
.file-caption.icon-visible .file-caption-name {
padding-left: 15px;
}
.file-caption-icon {
line-height: 1;
left: 8px;
}
.file-error-message {
color: #a94442;
background-color: #f2dede;
margin: 5px;
border: 1px solid #ebccd1;
border-radius: 4px;
padding: 15px;
}
.file-error-message pre {
margin: 5px 0;
}
.file-caption-disabled {
background-color: #eee;
cursor: not-allowed;
opacity: 1;
}
.file-preview {
border-radius: 5px;
border: 1px solid #ddd;
padding: 8px;
width: 100%;
margin-bottom: 5px;
}
.file-preview .btn-xs, .file-preview .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.file-preview .fileinput-remove {
top: 1px;
right: 1px;
line-height: 10px;
}
.file-preview .clickable {
cursor: pointer;
}
.file-preview-image {
font: 40px Impact, Charcoal, sans-serif;
color: #008000;
}
.krajee-default.file-preview-frame {
margin: 8px;
border: 1px solid #ddd;
box-shadow: 1px 1px 5px 0 #a2958a;
padding: 6px;
float: left;
text-align: center;
}
.krajee-default.file-preview-frame .kv-file-content {
width: 213px;
height: 160px;
}
.krajee-default.file-preview-frame .file-thumbnail-footer {
height: 70px;
}
.krajee-default.file-preview-frame:not(.file-preview-error):hover {
box-shadow: 3px 3px 5px 0 #333;
}
.krajee-default .file-preview-text {
display: block;
color: #428bca;
border: 1px solid #ddd;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
outline: none;
padding: 8px;
resize: none;
}
.krajee-default .file-preview-html {
border: 1px solid #ddd;
padding: 8px;
overflow: auto;
}
.krajee-default .file-other-icon {
font-size: 6em;
}
.krajee-default .file-footer-buttons {
float: right;
}
.krajee-default .file-footer-caption {
display: block;
text-align: center;
padding-top: 4px;
font-size: 11px;
color: #777;
margin-bottom: 15px;
}
.krajee-default .file-preview-error {
opacity: 0.65;
box-shadow: none;
}
.krajee-default .file-thumb-progress {
height: 11px;
top: 37px;
left: 0;
right: 0;
}
.krajee-default.kvsortable-ghost {
background: #e1edf7;
border: 2px solid #a1abff;
}
.krajee-default .file-preview-other:hover {
opacity: 0.8;
}
.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
color: #000;
}
.kv-upload-progress .progress {
height: 20px;
line-height: 20px;
margin: 10px 0;
overflow: hidden;
}
.kv-upload-progress .progress-bar {
height: 20px;
line-height: 20px;
}
.file-zoom-dialog .file-other-icon {
font-size: 22em;
font-size: 50vmin;
}
.file-zoom-dialog .modal-dialog {
width: auto;
}
.file-zoom-dialog .modal-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.file-zoom-dialog .btn-navigate {
padding: 0;
margin: 0;
background: transparent;
text-decoration: none;
outline: none;
opacity: 0.7;
top: 45%;
font-size: 4em;
color: #1c94c4;
}
.file-zoom-dialog .btn-navigate:not([disabled]):hover {
outline: none;
box-shadow: none;
opacity: 0.6;
}
.file-zoom-dialog .floating-buttons {
top: 5px;
right: 10px;
}
.file-zoom-dialog .btn-navigate[disabled] {
opacity: 0.3;
}
.file-zoom-dialog .btn-prev {
left: 1px;
}
.file-zoom-dialog .btn-next {
right: 1px;
}
.file-zoom-dialog .kv-zoom-title {
font-weight: 300;
color: #999;
max-width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.file-input-new .no-browse .form-control {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.file-input-ajax-new .no-browse .form-control {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.file-caption-main {
width: 100%;
}
.file-thumb-loading {
background: transparent url(../img/loading.gif) no-repeat scroll center center content-box !important;
}
.file-drop-zone {
border: 1px dashed #aaa;
border-radius: 4px;
height: 100%;
text-align: center;
vertical-align: middle;
margin: 12px 15px 12px 12px;
padding: 5px;
}
.file-drop-zone.clickable:hover {
border: 2px dashed #999;
}
.file-drop-zone.clickable:focus {
border: 2px solid #5acde2;
}
.file-drop-zone .file-preview-thumbnails {
cursor: default;
}
.file-drop-zone-title {
color: #aaa;
font-size: 1.6em;
padding: 85px 10px;
cursor: default;
}
.file-highlighted {
border: 2px dashed #999 !important;
background-color: #eee;
}
.file-uploading {
background: url(../img/loading-sm.gif) no-repeat center bottom 10px;
opacity: 0.65;
}
@media (min-width: 576px) {
.file-zoom-dialog .modal-dialog {
max-width: 500px;
}
}
@media (min-width: 992px) {
.file-zoom-dialog .modal-lg {
max-width: 800px;
}
}
.file-zoom-fullscreen.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.file-zoom-fullscreen .modal-dialog {
position: fixed;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.file-zoom-fullscreen .modal-content {
border-radius: 0;
box-shadow: none;
}
.file-zoom-fullscreen .modal-body {
overflow-y: auto;
}
.floating-buttons {
z-index: 3000;
}
.floating-buttons .btn-kv {
margin-left: 3px;
z-index: 3000;
}
.file-zoom-content {
height: 480px;
text-align: center;
}
.file-zoom-content .file-preview-image {
max-height: 100%;
}
.file-zoom-content .file-preview-video {
max-height: 100%;
}
.file-zoom-content .is-portrait-gt4 {
margin-top: 60px;
}
.file-zoom-content > .file-object.type-image {
height: auto;
min-height: inherit;
}
.file-zoom-content > .file-object.type-audio {
width: auto;
height: 30px;
}
@media screen and (max-width: 767px) {
.file-preview-thumbnails {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.file-zoom-dialog .modal-header {
flex-direction: column;
}
}
@media screen and (max-width: 350px) {
.krajee-default.file-preview-frame .kv-file-content {
width: 160px;
}
}
.file-loading[dir=rtl]:before {
background: transparent url(../img/loading.gif) top right no-repeat;
padding-left: 0;
padding-right: 20px;
}
.file-sortable .file-drag-handle {
cursor: move;
opacity: 1;
}
.file-sortable .file-drag-handle:hover {
opacity: 0.7;
}
.clickable .file-drop-zone-title {
cursor: pointer;
}
.kv-zoom-actions .btn-kv {
margin-left: 3px;
}
.file-preview-initial.sortable-chosen {
background-color: #d9edf7;
}
.bootstrap-tagsinput {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
display: inline-block;
padding: 10px 10px 10px;
color: #555;
vertical-align: middle;
border-radius: 4px;
max-width: 100%;
line-height: 22px;
cursor: text;
}
.bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0 6px;
margin: 0;
width: auto;
max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
color: #777;
opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
color: #777;
}
.bootstrap-tagsinput input:focus {
border: none;
box-shadow: none;
}
.bootstrap-tagsinput .tag {
margin-right: 2px;
color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
margin-left: 8px;
cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
content: "x";
padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.tt-hint {
color: #999;
}
.tt-menu {
/* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
width: 422px;
margin-top: 12px;
padding: 8px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 8px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
padding: 3px 20px;
font-size: 18px;
line-height: 24px;
}
.tt-suggestion.tt-cursor {
/* UPDATE: newer versions use .tt-suggestion.tt-cursor */
color: #fff;
background-color: #0097cf;
}
.tt-suggestion p {
margin: 0;
}
/*
* blueimp Gallery Indicator CSS
* https://github.com/blueimp/Gallery
*
* Copyright 2013, Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/MIT
*/
.blueimp-gallery > .indicator {
position: absolute;
top: auto;
right: 15px;
bottom: 15px;
left: 15px;
margin: 0 40px;
padding: 0;
list-style: none;
text-align: center;
line-height: 10px;
display: none;
}
.blueimp-gallery > .indicator > li {
display: inline-block;
width: 9px;
height: 9px;
margin: 6px 3px 0 3px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid transparent;
background: #ccc;
background: rgba(255, 255, 255, 0.25) center no-repeat;
border-radius: 5px;
box-shadow: 0 0 2px #000;
opacity: 0.5;
cursor: pointer;
}
.blueimp-gallery > .indicator > li:hover,
.blueimp-gallery > .indicator > .active {
background-color: #fff;
border-color: #fff;
opacity: 1;
}
.blueimp-gallery-controls > .indicator {
display: block;
/* Fix z-index issues (controls behind slide element) on Android: */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.blueimp-gallery-single > .indicator {
display: none;
}
.blueimp-gallery > .indicator {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* IE7 fixes */
* + html .blueimp-gallery > .indicator > li {
display: inline;
}
/*
* blueimp Gallery Video Factory CSS
* https://github.com/blueimp/Gallery
*
* Copyright 2013, Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/MIT
*/
.blueimp-gallery > .slides > .slide > .video-content > img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/* Prevent artifacts in Mozilla Firefox: */
-moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .video-content > video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blueimp-gallery > .slides > .slide > .video-content > iframe {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.blueimp-gallery > .slides > .slide > .video-playing > iframe {
top: 0;
}
.blueimp-gallery > .slides > .slide > .video-content > a {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: -64px auto 0;
width: 128px;
height: 128px;
background: url(video-play.png) center no-repeat;
opacity: 0.8;
cursor: pointer;
}
.blueimp-gallery > .slides > .slide > .video-content > a:hover {
opacity: 1;
}
.blueimp-gallery > .slides > .slide > .video-playing > a,
.blueimp-gallery > .slides > .slide > .video-playing > img {
display: none;
}
.blueimp-gallery > .slides > .slide > .video-content > video {
display: none;
}
.blueimp-gallery > .slides > .slide > .video-playing > video {
display: block;
}
.blueimp-gallery > .slides > .slide > .video-loading > a {
background: url(loading.gif) center no-repeat;
background-size: 64px 64px;
}
/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {
background-image: url(video-play.svg);
}
/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide > .video-content {
height: 100%;
}
* + html .blueimp-gallery > .slides > .slide > .video-content > a {
left: 50%;
margin-left: -64px;
}
/*
* blueimp Gallery CSS
* https://github.com/blueimp/Gallery
*
* Copyright 2013, Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/MIT
*/
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Prevent artifacts in Mozilla Firefox: */
-moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .slide-content {
margin: auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
opacity: 1;
}
.blueimp-gallery {
position: fixed;
z-index: 999999;
overflow: hidden;
background: #000;
background: rgba(0, 0, 0, 0.9);
opacity: 0;
display: none;
direction: ltr;
-ms-touch-action: none;
touch-action: none;
}
.blueimp-gallery-carousel {
position: relative;
z-index: auto;
margin: 1em auto;
/* Set the carousel width/height ratio to 16/9: */
padding-bottom: 56.25%;
box-shadow: 0 0 10px #000;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.blueimp-gallery-display {
display: block;
opacity: 1;
}
.blueimp-gallery > .slides {
position: relative;
height: 100%;
overflow: hidden;
}
.blueimp-gallery-carousel > .slides {
position: absolute;
}
.blueimp-gallery > .slides > .slide {
position: relative;
float: left;
height: 100%;
text-align: center;
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
.blueimp-gallery > .slides > .slide-loading {
background: url(loading.gif) center no-repeat;
background-size: 64px 64px;
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
background: url(error.png) center no-repeat;
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
display: none;
}
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
position: absolute;
top: 50%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -23px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #fff;
text-decoration: none;
text-shadow: 0 0 2px #000;
text-align: center;
background: #222;
background: rgba(0, 0, 0, 0.5);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 3px solid #fff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
cursor: pointer;
display: none;
}
.blueimp-gallery > .next {
left: auto;
right: 15px;
}
.blueimp-gallery > .close,
.blueimp-gallery > .title {
position: absolute;
top: 15px;
left: 15px;
margin: 0 40px 0 0;
font-size: 20px;
line-height: 30px;
color: #fff;
text-shadow: 0 0 2px #000;
opacity: 0.8;
display: none;
}
.blueimp-gallery > .close {
padding: 15px;
right: 15px;
left: auto;
margin: -15px;
font-size: 30px;
text-decoration: none;
cursor: pointer;
}
.blueimp-gallery > .play-pause {
position: absolute;
right: 15px;
bottom: 15px;
width: 15px;
height: 15px;
background: url(play-pause.png) 0 0 no-repeat;
cursor: pointer;
opacity: 0.5;
display: none;
}
.blueimp-gallery-playing > .play-pause {
background-position: -15px 0;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
color: #fff;
opacity: 1;
}
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
display: block;
/* Fix z-index issues (controls behind slide element) on Android: */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
display: none;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
background-image: url(error.svg);
}
body:last-child .blueimp-gallery > .play-pause {
width: 20px;
height: 20px;
background-size: 40px 20px;
background-image: url(play-pause.svg);
}
body:last-child .blueimp-gallery-playing > .play-pause {
background-position: -20px 0;
}
/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
min-height: 300px;
}
* + html .blueimp-gallery > .slides > .slide > .slide-content {
position: relative;
}
/*
* Bootstrap Image Gallery CSS
* https://github.com/blueimp/Bootstrap-Image-Gallery
*
* Copyright 2013, Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/MIT
*/
.blueimp-gallery .modal-body {
position: relative;
text-align: center;
padding: 0 0 56.25% 0;
overflow: hidden;
cursor: pointer;
}
.blueimp-gallery .modal-footer {
margin: 0;
}
.blueimp-gallery .modal-body img,
.blueimp-gallery .modal-body .video-content video,
.blueimp-gallery .modal-body .video-content iframe,
.blueimp-gallery .modal-body .video-content a {
max-width: 100%;
max-height: 100%;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.blueimp-gallery .modal-body .video-content video {
display: none;
}
.blueimp-gallery .modal-body .video-playing video {
display: block;
}
.blueimp-gallery .modal-body .video-content iframe {
width: 100%;
height: 100%;
border: none;
left: 100%;
}
.blueimp-gallery .modal-body .video-playing iframe {
left: 0;
}
.blueimp-gallery .modal-body .video-playing img,
.blueimp-gallery .modal-body .video-playing a {
display: none;
}
.blueimp-gallery .modal-body .video-content a {
cursor: pointer;
}
.blueimp-gallery .modal-body .video-content a:after {
font-family: "Glyphicons Halflings";
-webkit-font-smoothing: antialiased;
content: "\e029";
font-size: 64px;
line-height: 64px;
width: 64px;
height: 64px;
position: absolute;
top: 50%;
margin: -32px 0 0 -32px;
}
.blueimp-gallery .modal-body .video-loading a {
background: url(loading.gif) center no-repeat;
background-size: 64px 64px;
}
.blueimp-gallery .modal-body .video-loading a:after {
content: none;
}
/* ========================================================================
* bootstrap-switch - v3.3.2
* http://www.bootstrap-switch.org
* ========================================================================
* Copyright 2012-2013 Mattia Larentis
*
* ========================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
.bootstrap-switch {
display: inline-block;
direction: ltr;
cursor: pointer;
border-radius: 4px;
border: 1px solid;
border-color: #cccccc;
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
z-index: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
display: inline-block;
top: 0;
border-radius: 4px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block !important;
height: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
text-align: center;
z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
color: #fff;
background: #428bca;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
color: #fff;
background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
color: #fff;
background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
background: #f0ad4e;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
color: #fff;
background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
color: #000;
background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
text-align: center;
margin-top: -1px;
margin-bottom: -1px;
z-index: 100;
color: #333333;
background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
position: absolute !important;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
height: auto;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
padding: 6px 16px;
font-size: 18px;
line-height: 1.33;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
-webkit-transition: margin-left 0.5s;
transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.system-administration .admin-number-stats {
display: flex;
flex-wrap: wrap;
}
.system-administration .admin-number-stats .admin-number-stat {
flex: 1;
text-align: center;
margin-right: 15px;
}
.system-administration .admin-number-stats .admin-number-stat a:hover {
text-decoration: none;
}
.system-administration .admin-number-stats .admin-number-stat a .circle-border-large {
display: inline-block;
height: 100px;
width: 100px;
border-radius: 50%;
border: solid 7px #6CBF70;
text-align: center;
line-height: 90px;
color: #6CBF70;
font-weight: bold;
font-size: 110%;
margin: 5px 0;
}
.system-administration .admin-number-stats .admin-number-stat a .circle-border-large + span {
color: #6CBF70;
width: 100%;
display: block;
text-align: center;
}
.system-administration .well.well-stat {
min-width: 150px;
max-width: 300px;
margin: 10px;
}
.system-administration .well.well-stat a {
color: inherit;
}
.system-administration .well.well-stat a:hover {
text-decoration: none;
}
.system-administration .well.well-stat a:active {
text-decoration: none;
}
.system-administration .well.well-stat a .title {
font-size: 80%;
}
.system-administration .well.well-stat a .number {
display: block;
font-size: 300%;
font-weight: 100;
}
@media (max-width: 1250px) {
.system-administration .well.well-stat {
padding: 12px;
}
.system-administration .well.well-stat a .title {
font-size: 70%;
}
.system-administration .well.well-stat a .number {
font-size: 150%;
}
}
@media (max-width: 1350px) {
.system-administration #contactsStats .well:nth-child(n+3) {
display: none;
}
}
@media (max-width: 1100px) {
.system-administration #contactsStats .well:nth-child(n+2) {
display: none;
}
}
.system-administration .live-messages .well {
margin-bottom: 5px;
padding: 10px;
padding-left: 70px;
}
.system-administration .live-messages .well .profile-circular {
height: 50px;
width: 50px;
margin-left: -60px;
float: left;
margin-top: 5px;
}
.system-administration .live-messages .well .message {
font-size: 90%;
}
.system-administration .live-messages .well .name {
font-weight: bold;
}
.system-administration .live-messages .well .date {
font-size: 80%;
font-style: initial;
display: block;
margin-top: 5px;
}
.system-administration .contact-forms .well {
margin-bottom: 5px;
padding: 10px;
padding-left: 70px;
}
.system-administration .contact-forms .well .profile-circular {
height: 50px;
width: 50px;
margin-left: -60px;
float: left;
margin-top: 5px;
}
.system-administration .contact-forms .well .message {
font-size: 90%;
}
.system-administration .contact-forms .well .name {
font-weight: bold;
}
.system-administration .contact-forms .well .date {
font-size: 80%;
font-style: initial;
display: block;
margin-top: 5px;
}
.system-administration .well.stat h1 {
font-size: 210%;
}
.system-administration .well.stat img {
float: right;
height: 50px;
}
.system-administration .well.stat h4 {
margin-bottom: 5px;
font-size: 90%;
}
.system-administration .well.stat h3 {
margin-top: 0;
}
.system-administration .row + .row {
margin-top: 15px;
}
.system-administration .row .row {
margin-left: 0;
margin-right: 0;
}
.system-administration .circle-border-large {
height: 120px;
width: 120px;
border-radius: 50%;
border: solid 7px #6CBF70;
text-align: center;
line-height: 105px;
color: #6CBF70;
font-weight: bold;
font-size: 140%;
margin: 5px 0;
}
.system-administration .circle-border-large + span {
color: #6CBF70;
width: 120px;
display: block;
text-align: center;
}
.system-administration .administration-menu {
height: 94%;
position: absolute;
width: 11%;
z-index: 100;
padding-top: 10px;
}
.system-administration .administration-menu .nav > li {
background-color: #6CBF70;
}
.system-administration .administration-menu .nav > li:hover > a {
color: #eeeeee;
background-color: #9cd49f;
}
.system-administration .administration-menu .nav > li > a {
color: #eeeeee;
background-color: #6CBF70;
}
.system-administration .administration-menu .nav > li > a:focus {
background-color: #6CBF70;
}
.system-administration .administration-menu .nav > li a {
font-size: 90%;
}
@media (max-width: 1100px) {
.system-administration .administration-menu .nav > li > a {
font-size: 85%;
padding: 10px;
}
}
@media (max-width: 1000px) {
.system-administration .administration-menu .nav > li > a {
font-size: 80%;
padding: 7px;
}
}
.system-administration .administration-content {
width: 87%;
margin-left: 12%;
padding-top: 10px;
}
.system-administration .administration-content .navbar-toggle {
position: fixed;
top: 0;
right: 55px;
background-color: #6CBF70;
z-index: 10000;
border-color: #fff;
color: #fff;
height: 34px;
line-height: 17px;
}
.system-administration .circle-border {
height: 120px;
width: 120px;
line-height: 105px;
margin: 0 auto;
}
.system-administration .circle-border + span {
display: inline-block;
width: 100%;
}
.system-administration div[contenteditable] {
height: auto;
}
.system-administration .modal .radio-inline {
padding-left: 0;
}
.system-administration .radio-inline + .radio-inline, .system-administration .checkbox-inline + .checkbox-inline {
margin: 0 10px 0 0 !important;
}
.system-administration .creationForm {
max-width: 900px;
}
.system-administration td.editable {
position: relative;
}
.system-administration td.editable div[contenteditable],
.system-administration td.editable .chosen-container {
max-width: calc(100% - 100px);
width: calc(100% - 100px);
}
.system-administration td.editable .editable-buttons {
position: absolute;
top: 10px;
right: 0;
display: none;
}
.system-administration .badge-image-wrapper {
margin-right: 40px;
float: left;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.system-administration .badge-image-wrapper:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.system-administration .badge-image-wrapper a {
display: block;
height: 100%;
width: 100%;
}
.system-administration .color-picker {
width: 35px;
border: none;
padding: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
margin: -16px -15px 20px;
padding: 25px 16px 25px 80px;
background: #eeeeee;
line-height: 1.5em;
}
.help-block:before {
content: "\f05a";
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 40px;
float: left;
margin-left: -58px;
margin-top: 13px;
}
.award-detail-content .panel-heading h3, .award-detail-content .panel-heading span {
display: inline-block;
}
.award-detail-content .panel-heading span {
border-left: solid 3px;
vertical-align: top;
padding-left: 10px;
margin-left: 10px;
}
.award-detail-content .panel-heading input {
vertical-align: inherit;
}
.award-detail-content .award-img {
max-width: 200px;
border-radius: 5%;
}
.award-detail-content .organisation-img {
max-width: 250px;
}
.award-detail-content .award-detail-pricing-table th {
background: #6cbf70;
padding: 5px;
border-radius: 10px;
color: white;
text-align: center;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.award-detail-content .award-detail-pricing-table td {
padding: 10px 8px 0px 10px;
}
.award-detail-content .tooltip {
max-width: 350px;
}
.award-detail-content .award-detail {
page-break-inside: avoid;
}
.award-detail-content .award-detail-award-other-name {
display: block;
text-align: center;
padding: 10px;
}
.award-detail-content .award-detail-award-other-img {
max-width: 50%;
margin: auto;
display: block;
border-radius: 10px;
}
@media (max-width: 768px) {
.system-administration .administration-menu {
width: 100%;
display: none;
background-color: #6CBF70;
}
.system-administration .collapse.in {
display: block !important;
}
.system-administration .administration-content {
width: 100%;
margin: 0;
}
/* Chosen Overrides */
.chosen-container-single .chosen-single div {
top: 5px;
}
.chosen-container-single .chosen-single {
line-height: 34px;
height: 34px;
}
.imgcentered {
display: inline-block;
vertical-align: middle;
float: none;
text-align: center;
}
.imgcentered img {
max-width: 100%;
max-height: 100%;
}
#shopItemImages .hover-show {
position: absolute;
top: 5px;
right: 23px;
}
#shopItemImages img {
width: 100%;
height: auto;
vertical-align: middle;
}
}
@media (max-width: 1000px) {
.system-administration td.editable div[contenteditable],
.system-administration td.editable .chosen-container {
max-width: 100%;
width: 100%;
}
.system-administration td.editable .editable-buttons {
position: relative;
top: 0;
padding: 5px 0;
}
}
#adminShortcut span {
font-size: 120%;
vertical-align: middle;
margin-top: -4px;
}
.live-map-profile-picture {
max-height: 100px;
}
#archive-question #forum-header #header {
color: #6cbf70;
}
#archive-question #forum-header .badge-image-wrapper {
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
position: relative;
background-position: 50% 50%;
background-size: cover;
display: inline-block;
float: left;
}
#archive-question #forum-header #description {
float: left;
width: 80%;
color: #384558;
}
#archive-question #form-answers {
background-color: #F4F4F4;
border-top: solid 2px #E2E2E2;
display: table;
width: 100%;
padding-bottom: 100px;
}
#archive-question #form-answers .answer {
padding-top: 13px;
}
#archive-question #form-answers .answer .rating {
display: table-cell;
color: #939393;
padding-right: 15px;
padding-top: 30px;
font-size: 20pt;
float: left;
}
#archive-question #form-answers .answer .answerImage {
display: table-cell;
height: 100px;
width: 100px;
overflow: hidden;
border-radius: 50%;
position: relative;
background-position: 50% 50%;
background-size: cover;
display: inline-block;
}
#archive-question #form-answers .answer #acceptedAnswer {
display: table-cell;
height: 100px;
width: 100px;
overflow: hidden;
border-radius: 50%;
position: relative;
background-position: 50% 50%;
background-size: cover;
display: inline-block;
border: solid 2px #6cbf70;
}
#archive-question #form-answers .answer .answer {
display: table-cell;
color: #384558;
}
#archive-question #form-answers .answer .answer .acceptedName {
color: #6cbf70;
font-weight: bold;
}
#archive-question #form-answers .answer .answer .candidateName {
color: #949494;
font-weight: bold;
}
#archive-question #form-answers .answer .commentRow {
display: table;
width: 90%;
float: right;
padding-top: 20px;
}
#archive-question #form-answers .answer .commentRow .comment {
display: table-cell;
color: #384558;
float: left;
}
#archive-question #form-answers .answer .commentRow .comment .commentName {
color: #949494;
font-weight: bold;
}
#archive-question #form-answers .answer .commentRow .commentImage {
display: table-cell;
height: 100px;
width: 100px;
overflow: hidden;
border-radius: 50%;
position: relative;
background-position: 50% 50%;
background-size: cover;
display: inline-block;
}
.admin-association-container .admin-association-tile {
position: relative;
overflow: hidden;
height: 100%;
border: solid 2px #68bd6d;
padding: 0 10px 0 10px;
}
.admin-association-container .admin-association-tile .admin-association-img-container, .admin-association-container .admin-association-name {
position: relative;
}
.admin-association-container .admin-association-details-container {
margin-top: 120px;
}
.admin-association-container .admin-association-name {
position: absolute;
top: 20px;
left: 25px;
font-size: 24px;
color: black;
margin-right: 100px;
line-height: 29px;
}
.admin-association-container .admin-association-img-container img {
position: absolute;
top: 25px;
right: 25px;
height: 90px;
}
.admin-association-container .admin-association-other-container {
position: absolute;
bottom: 0;
z-index: 1;
margin-bottom: 10px;
margin-left: -10px;
width: 100%;
}
.admin-association-container .admin-association-other-container a {
width: 80px;
margin: 0 auto;
display: block;
}
.admin-association-container .admin-association-other-container span {
right: 80px;
position: absolute;
}
@media only screen and (min-width: 990px) and (max-width: 1400px) {
.admin-association-container .admin-association-details-container {
font-size: 12px;
}
}
@media only screen and (min-width: 990px) and (max-width: 1250px) {
.admin-association-container .admin-association-name {
display: none;
}
}
@media only screen and (max-width: 450px) {
.admin-association-container .admin-association-details-container {
font-size: 12px;
}
}
#Questions .question {
cursor: move;
}
.animate-all {
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
}
.spin {
-moz-animation-name: spin;
-o-animation-name: spin;
-webkit-animation-name: spin;
animation-name: spin;
-moz-animation-duration: 5000ms;
-o-animation-duration: 5000ms;
-webkit-animation-duration: 5000ms;
animation-duration: 5000ms;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.spin-once {
-moz-animation-name: spin;
-o-animation-name: spin;
-webkit-animation-name: spin;
animation-name: spin;
-moz-animation-duration: 2000ms;
-o-animation-duration: 2000ms;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.rocking {
-moz-transform-origin: 0 60%;
-ms-transform-origin: 0 60%;
-o-transform-origin: 0 60%;
-webkit-transform-origin: 0 60%;
transform-origin: 0 60%;
-moz-animation: arm 3.9s ease-in-out infinite alternate;
-o-animation: arm 3.9s ease-in-out infinite alternate;
-webkit-animation: arm 3.9s ease-in-out infinite alternate;
animation: arm 3.9s ease-in-out infinite alternate;
}
@keyframes arm {
from {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
70% {
-moz-transform: rotate(9.7deg);
-ms-transform: rotate(9.7deg);
-o-transform: rotate(9.7deg);
-webkit-transform: rotate(9.7deg);
transform: rotate(9.7deg);
}
to {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-moz-transform: rotate(360);
-ms-transform: rotate(360);
-o-transform: rotate(360);
-webkit-transform: rotate(360);
transform: rotate(360);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0.2;
}
}
@keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0.2;
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.badge-wrapper {
position: relative;
}
.badge-wrapper h1 {
margin: 0;
font-size: 220%;
display: inline-block;
}
.badge-wrapper h1 small {
font-size: 60%;
}
.badge-wrapper h1 img {
height: 100%;
}
.badge-wrapper h1 .profile-id {
font-size: 60%;
}
.badge-wrapper h2 {
margin: 10px 0 10px;
font-size: 150%;
}
.badge-wrapper h3 {
margin: 10px 0 10px;
font-size: 120%;
}
.badge-wrapper h4 {
margin: 10px 0 10px;
font-size: 110%;
}
.badge-wrapper .awards h4 {
font-size: 90%;
margin-bottom: 10px;
}
.badge-wrapper .awards .badge-container {
height: 40px;
width: 40px;
position: relative;
float: left;
margin-right: 5px;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.badge-wrapper .awards .badge-container a {
height: 100%;
width: 100%;
display: block;
}
.badge-wrapper .awards .badge-container a i {
height: 100%;
width: 100%;
position: absolute;
font-size: 30pt;
color: #ffffff;
text-shadow: 0 0 9px #D1C57D;
}
.badge-wrapper .awards .badge-container a div {
text-align: center;
position: absolute;
line-height: 42px;
font-size: 7pt;
color: #000000;
height: 100%;
width: 100%;
}
.badge-wrapper .awards .badge-container:hover {
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.badge-wrapper .awards .badge-container:hover i {
color: #D1C57D;
}
.badge-wrapper .awards-with-details h4 {
font-size: 90%;
margin-bottom: 10px;
}
.badge-wrapper .awards-with-details a:not(.link) {
background-color: #d1c57d;
margin: 2px;
float: none;
display: inline-block;
line-height: 20px;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 2px;
min-width: 50px;
text-align: left;
position: relative;
border: solid 1px transparent;
}
.badge-wrapper .awards-with-details a:not(.link) > img {
height: 20px;
margin: 2px 8px;
mix-blend-mode: multiply;
}
.badge-wrapper .awards-with-details a:not(.link) > span {
padding: 2px 8px;
border-left: solid 1px rgba(255, 255, 255, 0.4);
display: inline-block;
}
.badge-wrapper .awards-with-details a:not(.link) div {
border-radius: 3px;
border: solid 1px #555555;
background: #eeeeee;
color: #555555;
position: absolute;
z-index: 1401;
left: 50%;
margin-left: -160px;
top: 100%;
margin-top: -2px;
display: none;
font-size: 80%;
width: 300px;
padding: 10px;
font-weight: normal;
}
.badge-wrapper .awards-with-details a:not(.link) div h5 {
white-space: initial;
}
.badge-wrapper .awards-with-details a:not(.link) div span {
padding: 2px 0;
display: block;
white-space: initial;
}
.badge-wrapper .awards-with-details a:not(.link) div img {
height: 40px;
margin-right: 10px;
}
.badge-wrapper .awards-with-details a:not(.link) div * {
font-size: 1.1rem;
line-height: 1.3rem;
}
.badge-wrapper .awards-with-details a:not(.link):hover, .badge-wrapper .awards-with-details a:not(.link):focus, .badge-wrapper .awards-with-details a:not(.link):active {
background-color: #eeeeee;
color: #555555;
border: solid 1px #555555;
}
@media (min-width: 700px) {
.badge-wrapper .awards-with-details a:not(.link):hover {
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
z-index: 1400;
}
.badge-wrapper .awards-with-details a:not(.link):hover div {
display: block;
}
}
.badge-wrapper .awards-with-details a:not(.link) .award-equivalent {
margin-top: -12px;
font-size: 7px;
color: #6CBF70;
}
.badge-wrapper .awards-with-details a:not(.link).raw-image {
background-color: transparent;
padding: 0;
border: none;
min-width: 0;
width: auto;
}
.badge-wrapper .awards-with-details a:not(.link).raw-image img {
margin: 0 2px;
}
.badge-wrapper .awards-with-details .popover {
font-size: 11pt;
margin-top: 20px;
z-index: 10000;
}
.badge-wrapper .awards-with-details .popover .popover-content img {
height: 40px;
}
.badge-wrapper .awards-with-details .popover .popover-content h5 {
font-size: 14pt;
}
.badge-wrapper .awards-with-details .popover .popover-content span {
display: block;
margin-bottom: 5px;
color: inherit;
}
.badge-wrapper .awards-with-details .popover .popover-content .small {
font-size: 9pt;
}
.badge-wrapper .awards-with-details .popover .popover-content .small p {
font-size: 9pt;
}
.badge-wrapper .badge-image-wrapper-child {
margin-left: 70px;
float: left;
height: 100px;
width: 100px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
bottom: 70px;
}
.badge-wrapper .badge-image-wrapper-child.provider {
margin-top: -80px;
}
.badge-wrapper .badge-image-wrapper-child:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.badge-wrapper .badge-image-wrapper-child a {
display: block;
height: 100%;
width: 100%;
}
.badge-wrapper .badge-image-wrapper {
margin-right: 40px;
float: left;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.badge-wrapper .badge-image-wrapper.provider {
margin-top: -80px;
}
.badge-wrapper .badge-image-wrapper.contain {
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
}
.badge-wrapper .badge-image-wrapper:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.badge-wrapper .badge-image-wrapper:hover .change-profile {
opacity: 1;
}
.badge-wrapper .badge-image-wrapper.un-circle {
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
}
.badge-wrapper .badge-image-wrapper a {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
}
.badge-wrapper .badge-image-wrapper.scaleable {
height: auto;
width: 100%;
padding-bottom: 100%;
position: relative;
}
.badge-wrapper .badge-image-wrapper.scaleable > * {
position: absolute;
}
.badge-wrapper .badge-image-wrapper.scaleable a.candidate-initials[data-show="True"] {
display: block;
height: 100%;
width: 100%;
}
.badge-wrapper .badge-image-wrapper.scaleable a.candidate-initials[data-show="True"]:after {
top: 50%;
position: absolute;
left: 0;
right: 0;
margin-top: -56px;
font-size: 78px;
}
.badge-wrapper .badge-image-wrapper .change-profile {
display: table;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
text-align: center;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
-moz-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.badge-wrapper .badge-image-wrapper .change-profile div {
display: table-cell;
vertical-align: middle;
}
.badge-wrapper .badge-image-wrapper .change-profile span {
display: block;
color: #FFF;
}
.badge-wrapper .memberships h5 {
font-size: 80%;
margin-bottom: 10px;
}
.badge-wrapper .memberships .label {
font-size: 70%;
padding: 5px;
display: inline-block;
}
.badge-wrapper .memberships a {
display: inline-block;
padding-bottom: 5px;
}
.badge-wrapper .logs {
padding: 5px 10px;
position: relative;
top: -5px;
left: 20px;
font-size: 80%;
}
.badge-wrapper .logs a {
color: #ffffff;
}
.badge-wrapper .logs a:hover {
text-decoration: none;
}
.badge-wrapper .logs a .label:hover {
text-decoration: none;
}
.badge-wrapper .logs a .label .badge {
font-size: 80%;
}
.badge-wrapper .federations h5 {
margin-bottom: 5px;
}
.badge-wrapper .federations img {
max-height: 40px;
max-width: 40px;
border-radius: 100%;
}
@media (max-width: 768px) {
.badge-wrapper h1 {
font-size: 175%;
}
.badge-wrapper .badge-image-wrapper {
height: 100px;
width: 100px;
}
.badge-wrapper .badge-image-wrapper-child {
margin-left: 40px;
bottom: 40px;
width: 80px;
height: 80px;
}
.badge-wrapper .logs {
display: none;
}
.badge-wrapper .candidate-initials[data-show="True"]:after {
font-size: 50pt;
}
}
.badge-wrapper .companies-house a {
color: inherit;
text-decoration: none;
}
.badge-wrapper .companies-house a:hover {
text-decoration: none;
}
.badge-wrapper .memberships {
display: inline-block;
margin-right: 50px;
}
.badge-wrapper .memberships.memberships-expired img {
filter: grayscale(100%);
}
.candidate-controller .cpd-points-badge {
padding: 0 15px;
float: left;
text-align: center;
}
.candidate-controller .cpd-points-badge img {
margin-bottom: 10px;
height: 75px;
}
.candidate-controller .cpd-points-badge span {
font-size: 90%;
}
.candidate-controller #profilePicture .done {
width: 100%;
height: 100%;
background-color: #68bd6d;
opacity: 0.8;
display: none;
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
position: absolute;
text-align: center;
line-height: 175px;
font-size: 300%;
color: #ffffff;
}
.candidate-controller #profilePicture .done::before {
content: "\f00c";
}
.candidate-controller #profilePicture .fail {
width: 100%;
height: 100%;
background-color: #F38C89;
opacity: 0.8;
display: none;
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
position: absolute;
text-align: center;
line-height: 175px;
font-size: 300%;
color: #ffffff;
}
.candidate-controller #profilePicture .fail::before {
content: "\f00d";
}
.candidate-controller .past-address {
min-height: 305px;
}
.candidate-controller .past-address button {
border: none;
background-color: transparent;
float: right;
width: auto;
}
.candidate-controller .past-address.additional {
min-height: 260px;
}
.candidate-controller .overview {
display: flex;
flex-wrap: wrap;
}
.candidate-controller .overview .well {
flex: 1 1 auto;
margin: 5px;
text-align: center;
}
.candidate-controller .overview .well a {
color: inherit;
}
.candidate-controller .overview .well a:hover {
color: inherit;
text-decoration: none;
}
.candidate-controller .overview .well a:active {
color: inherit;
text-decoration: none;
}
.candidate-controller .overview .well a .title {
display: block;
font-weight: bold;
margin-bottom: 10px;
white-space: nowrap;
}
.candidate-controller .overview .well a .data {
display: block;
min-height: 15px;
margin-bottom: 5px;
font-size: 90%;
white-space: nowrap;
}
.candidate-controller .child-profile-image {
width: 50px;
height: 50px;
border-radius: 25px;
padding: 10px;
}
.rfid-controller .rfid-checkin {
width: 200px;
text-align: center;
float: left;
margin-right: 20px;
background-color: #e3e3e3;
border-radius: 8px;
padding: 10px;
margin-bottom: 20px;
}
.rfid-controller .rfid-checkin .profile-picture {
display: inline-block;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.rfid-controller .rfid-checkin .profile-picture:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rfid-controller .rfid-checkin .profile-picture a {
display: block;
height: 100%;
width: 100%;
}
.rfid-controller .rfid-checkin .name {
text-align: center;
}
.rfid-controller .rfid-checkin .date {
text-align: center;
font-size: 80%;
}
.planner-key {
width: 15px;
height: 15px;
}
.chart-legend {
font-size: 80%;
padding: 0 0 0 10px;
}
.chart-legend ul {
padding: 0;
list-style-type: none;
}
.chart-legend ul li span {
height: 10px;
width: 10px;
display: inline-block;
margin-right: 2px;
}
.tahdah-chart {
width: 100% !important;
max-width: 800px;
height: auto !important;
}
.chat-controller #chat-container {
padding: 0 2% 10px;
width: 100%;
overflow: hidden;
position: relative;
}
.chat-controller #chat-container form {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
.chat-controller #chat-container #discussion {
width: 100%;
padding-bottom: 60px;
}
.chat-controller #chat-container .chat-wrapper {
width: 100%;
margin-bottom: 5px;
padding: 10px;
position: relative;
}
.chat-controller #chat-container .chat-wrapper:nth-child(odd) {
background-color: #ececec;
}
.chat-controller #chat-container .chat-wrapper .chat-name {
background-color: #777777;
color: #ffffff;
border-radius: 50%;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
font-size: 80%;
overflow: hidden;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
}
.chat-controller #chat-container .chat-wrapper .chat-message {
margin-left: 20px;
display: inline-block;
}
.chat-controller #chat-container .chat-wrapper .chat-time {
line-height: 30px;
margin-right: 25px;
font-size: 60%;
position: absolute;
right: 0;
top: 0;
}
.chat-controller #chat-container .system-message {
color: #F38C89;
}
.chat-controller #chat-container progress {
height: 10px;
width: 100%;
}
.chat-controller footer {
display: none;
}
.comments .comment .profile-picture {
height: 40px;
width: 40px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
float: left;
margin-right: 20px;
}
.comments .comment .profile-picture:hover {
-moz-transform: scale(1.9);
-ms-transform: scale(1.9);
-o-transform: scale(1.9);
-webkit-transform: scale(1.9);
transform: scale(1.9);
position: relative;
z-index: 10000;
}
.comments .comment .header {
margin-bottom: 5px;
}
.comments .comment .comments-body p {
margin: 0;
}
.comments .comment .comments-body:last-child {
border-bottom: none;
}
.comments .comment .comments-body .hover-show {
visibility: hidden;
}
.comments .hover-section:hover .comments-body .hover-show {
visibility: visible;
}
.modal .comments .comment .comments-body textarea {
height: 150px;
}
.coursereport-controller .award-img, .eventreport-controller .award-img {
width: 75px;
margin-right: 20px;
}
.coursereport-controller .readonly .weather-icon, .eventreport-controller .readonly .weather-icon {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.coursereport-controller .readonly .weather-icon:hover, .eventreport-controller .readonly .weather-icon:hover {
border: none;
opacity: 0.4;
}
.coursereport-controller .readonly .weather-icon.selected-weather:hover, .eventreport-controller .readonly .weather-icon.selected-weather:hover {
border: solid 3px #6CBF70;
opacity: 1;
}
.coursereport-controller .weather-icon, .eventreport-controller .weather-icon {
background-image: url("/content/images/weather_icons.png");
background-repeat: no-repeat;
border: 3px solid transparent;
border-radius: 8px 8px 8px 8px;
cursor: pointer;
float: left;
height: 65px;
margin: 0;
width: 60px;
opacity: 0.4;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.coursereport-controller .weather-icon.sun, .eventreport-controller .weather-icon.sun {
background-position: -400px -1px;
}
.coursereport-controller .weather-icon.hail, .eventreport-controller .weather-icon.hail {
background-position: -80px -1px;
}
.coursereport-controller .weather-icon.mist, .eventreport-controller .weather-icon.mist {
background-position: -240px -1px;
}
.coursereport-controller .weather-icon.snow-rain, .eventreport-controller .weather-icon.snow-rain {
background-position: -320px -1px;
}
.coursereport-controller .weather-icon.snow, .eventreport-controller .weather-icon.snow {
background-position: -480px -1px;
}
.coursereport-controller .weather-icon.light-rain-sun, .eventreport-controller .weather-icon.light-rain-sun {
background-position: -560px -1px;
}
.coursereport-controller .weather-icon.heavy-rain, .eventreport-controller .weather-icon.heavy-rain {
background-position: -640px -1px;
}
.coursereport-controller .weather-icon.light-rain, .eventreport-controller .weather-icon.light-rain {
background-position: -719px -1px;
}
.coursereport-controller .weather-icon.sun-cloud, .eventreport-controller .weather-icon.sun-cloud {
background-position: -799px -1px;
}
.coursereport-controller .weather-icon.cloudy, .eventreport-controller .weather-icon.cloudy {
background-position: -879px -1px;
}
.coursereport-controller .weather-icon.lightning, .eventreport-controller .weather-icon.lightning {
background-position: -959px -1px;
}
.coursereport-controller .weather-icon.heavy-rain-sun, .eventreport-controller .weather-icon.heavy-rain-sun {
background-position: -1039px -1px;
}
.coursereport-controller .weather-icon.wind-n, .eventreport-controller .weather-icon.wind-n {
background-position: -0px -76px;
}
.coursereport-controller .weather-icon.wind-ne, .eventreport-controller .weather-icon.wind-ne {
background-position: -80px -76px;
}
.coursereport-controller .weather-icon.wind-e, .eventreport-controller .weather-icon.wind-e {
background-position: -160px -76px;
}
.coursereport-controller .weather-icon.wind-se, .eventreport-controller .weather-icon.wind-se {
background-position: -240px -76px;
}
.coursereport-controller .weather-icon.wind-s, .eventreport-controller .weather-icon.wind-s {
background-position: -320px -76px;
}
.coursereport-controller .weather-icon.wind-sw, .eventreport-controller .weather-icon.wind-sw {
background-position: -400px -76px;
}
.coursereport-controller .weather-icon.wind-w, .eventreport-controller .weather-icon.wind-w {
background-position: -480px -76px;
}
.coursereport-controller .weather-icon.wind-nw, .eventreport-controller .weather-icon.wind-nw {
background-position: -560px -76px;
}
.coursereport-controller .weather-icon.wind-10, .eventreport-controller .weather-icon.wind-10 {
background-position: -640px -76px;
}
.coursereport-controller .weather-icon.wind-30, .eventreport-controller .weather-icon.wind-30 {
background-position: -720px -76px;
}
.coursereport-controller .weather-icon.wind-50, .eventreport-controller .weather-icon.wind-50 {
background-position: -800px -76px;
}
.coursereport-controller .weather-icon.wind-50-plus, .eventreport-controller .weather-icon.wind-50-plus {
background-position: -880px -76px;
}
.coursereport-controller .weather-icon.vis-1, .eventreport-controller .weather-icon.vis-1 {
background-position: -960px -76px;
}
.coursereport-controller .weather-icon.vis-2, .eventreport-controller .weather-icon.vis-2 {
background-position: -1040px -76px;
}
.coursereport-controller .weather-icon.vis-3, .eventreport-controller .weather-icon.vis-3 {
background-position: -1120px -76px;
}
.coursereport-controller .weather-icon.vis-4, .eventreport-controller .weather-icon.vis-4 {
background-position: -1200px -76px;
}
.coursereport-controller .weather-icon.vis-5, .eventreport-controller .weather-icon.vis-5 {
background-position: -1280px -76px;
}
.coursereport-controller .weather-icon.normal, .eventreport-controller .weather-icon.normal {
background-position: -0px -150px;
}
.coursereport-controller .weather-icon.dry-rock, .eventreport-controller .weather-icon.dry-rock {
background-position: -80px -150px;
}
.coursereport-controller .weather-icon.wet-rock, .eventreport-controller .weather-icon.wet-rock {
background-position: -160px -150px;
}
.coursereport-controller .weather-icon.high-water, .eventreport-controller .weather-icon.high-water {
background-position: -240px -150px;
}
.coursereport-controller .weather-icon.frozen, .eventreport-controller .weather-icon.frozen {
background-position: -320px -150px;
}
.coursereport-controller .weather-icon.isolated-snow, .eventreport-controller .weather-icon.isolated-snow {
background-position: -480px -150px;
}
.coursereport-controller .weather-icon.wading-snow, .eventreport-controller .weather-icon.wading-snow {
background-position: -560px -150px;
}
.coursereport-controller .weather-icon.blanket-snow, .eventreport-controller .weather-icon.blanket-snow {
background-position: -400px -150px;
}
.coursereport-controller .weather-icon.avalanche-1, .eventreport-controller .weather-icon.avalanche-1 {
background-position: -1119px -150px;
}
.coursereport-controller .weather-icon.avalanche-2, .eventreport-controller .weather-icon.avalanche-2 {
background-position: -1199px -150px;
}
.coursereport-controller .weather-icon.avalanche-3, .eventreport-controller .weather-icon.avalanche-3 {
background-position: -1279px -150px;
}
.coursereport-controller .weather-icon.avalanche-4, .eventreport-controller .weather-icon.avalanche-4 {
background-position: -1356px -150px;
}
.coursereport-controller .weather-icon.avalanche-5, .eventreport-controller .weather-icon.avalanche-5 {
background-position: -1433px -150px;
}
.coursereport-controller .weather-icon.freezing-1, .eventreport-controller .weather-icon.freezing-1 {
background-position: -640px -150px;
}
.coursereport-controller .weather-icon.freezing-2, .eventreport-controller .weather-icon.freezing-2 {
background-position: -719px -150px;
}
.coursereport-controller .weather-icon.freezing-3, .eventreport-controller .weather-icon.freezing-3 {
background-position: -799px -150px;
}
.coursereport-controller .weather-icon.freezing-4, .eventreport-controller .weather-icon.freezing-4 {
background-position: -879px -150px;
}
.coursereport-controller .weather-icon.freezing-5, .eventreport-controller .weather-icon.freezing-5 {
background-position: -959px -150px;
}
.coursereport-controller .weather-icon.freezing-6, .eventreport-controller .weather-icon.freezing-6 {
background-position: -1039px -150px;
}
.coursereport-controller .weather-icon.n-a, .eventreport-controller .weather-icon.n-a {
background-position: -1356px -2px;
}
.coursereport-controller .weather-icon:hover, .eventreport-controller .weather-icon:hover {
border: solid 3px #539093;
opacity: 0.8;
}
.coursereport-controller .weather-icon.selected-weather, .eventreport-controller .weather-icon.selected-weather {
border: solid 3px #6CBF70;
opacity: 1;
}
.course-controller.detail-action .director .container {
width: 100%;
}
.course-controller.detail-action .director h1 {
font-size: 175%;
}
.course-controller.detail-action .director .badge-wrapper .badge-image-wrapper {
height: 120px;
width: 120px;
}
@media (max-width: 1630px) {
.course-controller.detail-action .director h1 {
font-size: 150%;
}
.course-controller.detail-action .director .badge-wrapper .badge-image-wrapper {
height: 80px;
width: 80px;
}
}
@media (max-width: 1200px) {
.course-controller.detail-action .director .logs {
display: none;
}
}
.course-controller.create-action .candidate .content h3, .course-controller.staff-action .candidate .content h3 {
margin: 0 0 10px;
font-size: 130%;
}
.course-controller.create-action .candidate .content .badge-image-wrapper, .course-controller.staff-action .candidate .content .badge-image-wrapper {
margin-right: 40px;
float: left;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.course-controller.create-action .candidate .content .badge-image-wrapper:hover, .course-controller.staff-action .candidate .content .badge-image-wrapper:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.course-controller.create-action .candidate .content .badge-image-wrapper a, .course-controller.staff-action .candidate .content .badge-image-wrapper a {
display: block;
height: 100%;
width: 100%;
}
@media (max-width: 1630px) {
.course-controller.create-action .candidate .content .badge-image-wrapper, .course-controller.staff-action .candidate .content .badge-image-wrapper {
height: 140px;
width: 140px;
margin-right: 25px;
}
}
@media (max-width: 1500px) {
.course-controller.create-action .candidate .content .badge-image-wrapper, .course-controller.staff-action .candidate .content .badge-image-wrapper {
height: 100px;
width: 100px;
margin-right: 15px;
}
}
@media (max-width: 1200px) {
.course-controller.create-action .candidate .content .badge-image-wrapper, .course-controller.staff-action .candidate .content .badge-image-wrapper {
float: none;
margin: 0 auto;
}
}
@media (max-width: 1500px) {
.course-controller.create-action .candidate .content, .course-controller.staff-action .candidate .content {
font-size: 90%;
}
}
@media (max-width: 1200px) {
.course-controller.create-action .candidate .content, .course-controller.staff-action .candidate .content {
text-align: center;
font-size: 100%;
}
}
.course-controller.create-action .candidate .option, .course-controller.staff-action .candidate .option {
padding-top: 20px;
clear: both;
}
.course-controller.create-action .candidate .option input[type='radio'], .course-controller.staff-action .candidate .option input[type='radio'] {
border: none;
}
.course-controller .course-video {
width: 100%;
min-height: 300px;
}
.courseEnquiry .profile-picture, .courseEnquiry .small-profile-picture, .coursereport-controller .well.well-lg .profile-picture, .coursereport-controller .well.well-lg .small-profile-picture {
height: 40px;
width: 40px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
float: left;
margin-right: 20px;
}
.courseEnquiry .small-profile-picture, .coursereport-controller .well.well-lg .small-profile-picture {
height: 29px;
width: 29px;
}
.ticket-hidden h4, .ticket-hidden span, .ticket-hidden p {
opacity: 0.5;
}
.logbook-controller .friend {
text-decoration: none;
}
.logbook-controller .expedition-well {
min-height: 420px;
}
.logbook-controller .expedition-dlog-well {
min-height: 660px;
}
.logbook-controller .expedition-dlog-well .map {
width: 100%;
}
.logbook-controller .logbook-title a:hover {
text-decoration: none;
}
.logbook-controller .logbook-title a:active {
text-decoration: none;
}
.logbook-controller .leader-board .search-result-image {
height: 75px;
width: 75px;
}
.logbook-controller .leader-board .activity {
margin-right: 5px;
float: left;
padding: 5px;
text-align: center;
}
.logbook-controller .leader-board .activity img {
height: 75px;
display: inline-block;
}
.logbook-controller .leader-board .activity span {
display: block;
font-size: 80%;
}
.logbook-controller .leader-board .score {
font-size: 25px;
}
.logbook-controller .leader-board .position {
font-size: 25px;
}
.logbook-controller .leader-board .name {
font-size: 20px;
}
@media (max-width: 1400px) {
.logbook-controller .leader-board .search-result-image {
height: 50px;
width: 50px;
}
.logbook-controller .leader-board .score {
font-size: 100%;
}
.logbook-controller .leader-board .position {
font-size: 100%;
}
.logbook-controller .leader-board .name {
font-size: 100%;
}
}
.logbook-controller .cpd-points-badge {
padding: 0 15px;
float: left;
text-align: center;
}
.logbook-controller .cpd-points-badge img {
margin-bottom: 10px;
height: 75px;
}
.logbook-controller .cpd-points-badge span {
font-size: 90%;
}
@media (max-width: 768px) {
.logbook-controller .logbook-activity img {
height: 120px;
}
.logbook-controller .logbook-svg-path {
display: none;
}
.logbook-controller .logbook-chart {
display: none;
}
.logbook-controller .logbook-gps-details > span {
display: block;
}
}
.logbook-controller .logbook-svg-path {
display: block;
margin: 0 auto;
}
.logbook-controller .photos-container {
text-align: center;
margin-bottom: 25px;
}
.logbook-controller .photos-container .photo-container {
display: inline-block;
margin: 15px 15px 0 0;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.logbook-controller .photos-container .photo-container .photo {
height: 175px;
cursor: pointer;
}
.logbook-controller .photos-container .photo-container form {
position: absolute;
z-index: 1;
right: 2px;
top: 2px;
display: none;
}
.logbook-controller .photos-container .photo-container:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.logbook-controller .photos-container .photo-container:hover form {
display: block;
}
@media (max-width: 990px) {
.logbook-controller .photos-container .photo-container {
height: 500px;
width: auto;
max-width: 100%;
}
.logbook-controller .photos-container .photo-container:hover {
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none;
}
.logbook-controller .photos-container .photo-container:hover form {
display: block;
}
}
.logbook-controller .editable-option-container .fa-edit {
margin-left: 10px;
}
.logbook-controller .referees .alert {
overflow: hidden;
}
@media (max-width: 990px) {
.logbook-controller .referees {
height: auto;
}
.logbook-controller .referees .alert {
max-height: none;
overflow: hidden;
}
}
.logbook-controller .logbook-activity:hover {
text-decoration: none;
}
.logbook-controller .importGroup-Logo {
max-width: 100px;
text-align: center;
margin: auto;
display: block;
}
.logbook-controller .logbook-connect-button {
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
display: block;
}
.logbook-controller .logbook-import-panel .panel-default {
height: 210px;
}
#mapFullscreen {
cursor: pointer;
}
.fullscreenMap .panel {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 10000;
box-shadow: 0 0 100px black;
}
.fullscreenMap .panel .panel-body {
height: calc(100% - 39px);
}
.fullscreenMap .panel .panel-body .maprow {
height: 100%;
}
.fullscreenMap .panel .panel-body .maprow > div {
height: 88%;
}
.fullscreenMap .panel .panel-body .maprow .map-container {
height: 100% !important;
}
.account-controller, .invited-controller {
/*overflow: hidden;*/
}
.account-controller .dark-text, .invited-controller .dark-text {
color: #365059;
}
.account-controller footer, .invited-controller footer {
display: none !important;
}
.account-controller .text-danger, .invited-controller .text-danger {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
max-height: 0;
color: white;
display: block;
z-index: 1;
border-radius: 0 0 7px 7px;
padding: 5px 0 3px 10px;
margin-top: -2px;
position: relative;
overflow: hidden;
}
.account-controller .text-danger.field-validation-error, .invited-controller .text-danger.field-validation-error {
background: #F38C89;
max-height: 200px;
}
.account-controller #terms-container span, .invited-controller #terms-container span {
position: relative;
top: -4px;
left: 3px;
}
.account-controller #login-container .login-container .text-danger, .invited-controller #login-container .login-container .text-danger {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
max-height: 0;
color: white;
display: block;
z-index: 1;
border-radius: 0 0 7px 7px;
padding: 5px 0 3px 10px;
margin-top: -2px;
position: relative;
overflow: hidden;
}
.account-controller #login-container .login-container .text-danger.field-validation-error, .invited-controller #login-container .login-container .text-danger.field-validation-error {
background: #F38C89;
max-height: 200px;
}
.account-controller #login-container #login-container-left, .invited-controller #login-container #login-container-left {
position: absolute;
top: 50px;
left: 0;
background-color: #6CBF70;
max-height: calc(100% - 50px);
min-height: calc(100% - 50px);
overflow: hidden;
color: white;
text-align: center;
width: 50%;
background-image: url("https://s3-eu-west-1.amazonaws.com/tahdah-static/content/images/woods-background.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position-x: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 10px;
padding-right: 10px;
}
.account-controller #login-container #login-container-left #organisation-img-container, .account-controller #login-container #login-container-left #invitee-profile-img-container, .account-controller #login-container #login-container-left #organisation-logo, .account-controller #login-container #login-container-left h1, .account-controller #login-container #login-container-left h5, .invited-controller #login-container #login-container-left #organisation-img-container, .invited-controller #login-container #login-container-left #invitee-profile-img-container, .invited-controller #login-container #login-container-left #organisation-logo, .invited-controller #login-container #login-container-left h1, .invited-controller #login-container #login-container-left h5 {
position: relative;
z-index: 2;
}
.account-controller #login-container #login-container-left #organisation-img-container, .invited-controller #login-container #login-container-left #organisation-img-container {
display: inline-table;
background-color: white;
border-radius: 50%;
width: 50%;
padding: 6%;
width: 20vw;
height: 20vw;
max-width: 250px;
max-height: 250px;
}
.account-controller #login-container #login-container-left #organisation-img-container #organisation-img, .invited-controller #login-container #login-container-left #organisation-img-container #organisation-img {
width: 100%;
min-width: 50px;
max-width: 250px;
}
.account-controller #login-container #login-container-left #invitee-profile-img-container, .invited-controller #login-container #login-container-left #invitee-profile-img-container {
margin: 175px auto 0 auto;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.account-controller #login-container #login-container-left #invitee-profile-img-container a, .invited-controller #login-container #login-container-left #invitee-profile-img-container a {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
}
.account-controller #login-container #login-container-left #invitee-profile-img-container a[data-show="True"]:after, .invited-controller #login-container #login-container-left #invitee-profile-img-container a[data-show="True"]:after {
content: attr(data-initials);
text-align: center;
display: block;
font-size: 82pt;
font-weight: bold;
color: #fff;
height: 100%;
}
.account-controller #login-container #login-container-left #organisation-logo, .invited-controller #login-container #login-container-left #organisation-logo {
max-width: 200px;
max-height: 100px;
margin-top: 40px;
}
.account-controller #login-container #login-container-left h5, .invited-controller #login-container #login-container-left h5 {
font-size: 18px;
}
.account-controller #login-container #login-container-left:before, .invited-controller #login-container #login-container-left:before {
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.15);
}
.account-controller #login-container #login-container-right, .invited-controller #login-container #login-container-right {
position: absolute;
top: 50px;
right: 0;
background-color: #6CBF70;
width: 50%;
color: white;
text-align: center;
max-height: calc(100% - 50px);
min-height: calc(100% - 50px);
overflow: auto;
}
.account-controller #login-container #login-container-right .dark-brd-btn.btn, .invited-controller #login-container #login-container-right .dark-brd-btn.btn {
border: 2px solid #365059;
color: #6CBF70;
font-size: 16px;
margin: 10px 10px 10px 0;
font-weight: bold;
border-radius: 30px;
background: #ffffff;
}
.account-controller #login-container #login-container-right .dark-brd-btn.btn img, .invited-controller #login-container #login-container-right .dark-brd-btn.btn img {
width: 26px;
height: 18px;
border-left: solid 2px #365059;
margin-left: 20px;
padding-left: 8px;
float: right;
margin-top: 3px;
}
.account-controller #login-container #login-container-right .dark-brd-btn.btn i, .invited-controller #login-container #login-container-right .dark-brd-btn.btn i {
border-color: #6CBF70;
border-width: 2px;
}
.account-controller #login-container #login-container-right .dark-brd-btn.btn span, .invited-controller #login-container #login-container-right .dark-brd-btn.btn span {
vertical-align: middle;
border-color: #365059;
}
.account-controller #login-container #login-container-right .dark-btn, .invited-controller #login-container #login-container-right .dark-btn {
background-color: #365059;
border: black;
height: 40px;
font-size: 18px;
padding: 6px 18px;
}
.account-controller #login-container #login-container-right .dark-btn img, .invited-controller #login-container #login-container-right .dark-btn img {
width: 30px;
height: 22px;
border-left: solid 2px #fff;
margin-left: 20px;
padding-left: 8px;
float: right;
margin-top: 3px;
}
.account-controller #login-container #login-container-right #account-form-container, .invited-controller #login-container #login-container-right #account-form-container {
padding: 0 15% 0 15%;
text-align: left;
}
@media only screen and (max-width: 500px) {
.account-controller #login-container #login-container-right #account-form-container, .invited-controller #login-container #login-container-right #account-form-container {
padding: 0 25px;
}
}
.account-controller #login-container #login-container-right #account-form-container h1, .invited-controller #login-container #login-container-right #account-form-container h1 {
font-size: 37px;
}
.account-controller #login-container #login-container-right #account-form-container a, .invited-controller #login-container #login-container-right #account-form-container a {
color: white;
}
.account-controller #login-container #login-container-right #account-form-container h5, .invited-controller #login-container #login-container-right #account-form-container h5 {
margin-top: 45px;
font-size: 20px;
}
.account-controller #login-container #login-container-right #account-form-container p#emailAddressText, .invited-controller #login-container #login-container-right #account-form-container p#emailAddressText {
margin-top: 28px;
font-size: 16px;
}
.account-controller #login-container #login-container-right #account-form-container p#emailAddressText strong, .invited-controller #login-container #login-container-right #account-form-container p#emailAddressText strong {
font-size: 20px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form, .invited-controller #login-container #login-container-right #account-form-container #account-form {
margin-top: 30px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #account-form-other, .invited-controller #login-container #login-container-right #account-form-container #account-form #account-form-other {
margin-top: 10px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #account-form-other div.pull-right span, .invited-controller #login-container #login-container-right #account-form-container #account-form #account-form-other div.pull-right span {
vertical-align: text-bottom;
font-size: 18px;
margin-left: 5px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date span.input-group-addon, .invited-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date span.input-group-addon {
background-color: white;
}
.account-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date span.input-group-addon img, .invited-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date span.input-group-addon img {
width: 32px;
height: 32px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date span.input-group-addon .bootstrap-datetime-widget, .invited-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date span.input-group-addon .bootstrap-datetime-widget {
color: black;
}
.account-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date .datepicker, .invited-controller #login-container #login-container-right #account-form-container #account-form div.input-group.date .datepicker {
color: initial;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input[type="text"], .account-controller #login-container #login-container-right #account-form-container #account-form input[type="password"], .invited-controller #login-container #login-container-right #account-form-container #account-form input[type="text"], .invited-controller #login-container #login-container-right #account-form-container #account-form input[type="password"] {
height: 50px;
font-size: 18px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input[type="text"]:-webkit-autofill, .account-controller #login-container #login-container-right #account-form-container #account-form input[type="password"]:-webkit-autofill, .invited-controller #login-container #login-container-right #account-form-container #account-form input[type="text"]:-webkit-autofill, .invited-controller #login-container #login-container-right #account-form-container #account-form input[type="password"]:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input[type="checkbox"], .invited-controller #login-container #login-container-right #account-form-container #account-form input[type="checkbox"] {
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input[type="checkbox"]:checked:after, .invited-controller #login-container #login-container-right #account-form-container #account-form input[type="checkbox"]:checked:after {
content: '\2714';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: #6CBF70;
font-weight: bold;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input::-webkit-input-placeholder, .invited-controller #login-container #login-container-right #account-form-container #account-form input::-webkit-input-placeholder {
color: black !important;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input:-moz-placeholder, .invited-controller #login-container #login-container-right #account-form-container #account-form input:-moz-placeholder {
color: black !important;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input::-moz-placeholder, .invited-controller #login-container #login-container-right #account-form-container #account-form input::-moz-placeholder {
color: black !important;
}
.account-controller #login-container #login-container-right #account-form-container #account-form input:-ms-input-placeholder, .invited-controller #login-container #login-container-right #account-form-container #account-form input:-ms-input-placeholder {
color: black !important;
}
.account-controller #login-container #login-container-right #account-form-container #account-form .btn, .invited-controller #login-container #login-container-right #account-form-container #account-form .btn {
background-color: #365059;
border: black;
height: 40px;
font-size: 20px;
padding: 6px 18px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #dob-container, .invited-controller #login-container #login-container-right #account-form-container #account-form #dob-container {
width: 290px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #dob-container label, .invited-controller #login-container #login-container-right #account-form-container #account-form #dob-container label {
display: block;
font-size: 18px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #dob-container .text-danger, .invited-controller #login-container #login-container-right #account-form-container #account-form #dob-container .text-danger {
width: 268px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #dob-container select, .invited-controller #login-container #login-container-right #account-form-container #account-form #dob-container select {
display: inline-block;
height: 50px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #dob-container select#day, .invited-controller #login-container #login-container-right #account-form-container #account-form #dob-container select#day {
width: 75px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #dob-container select#month, .invited-controller #login-container #login-container-right #account-form-container #account-form #dob-container select#month {
width: 120px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form #dob-container select#year, .invited-controller #login-container #login-container-right #account-form-container #account-form #dob-container select#year {
width: 80px;
}
.account-controller #login-container #login-container-right #account-form-container ul > li, .invited-controller #login-container #login-container-right #account-form-container ul > li {
font-size: 20px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form-seperator, .invited-controller #login-container #login-container-right #account-form-container #account-form-seperator {
margin-top: 100px;
text-align: center;
}
.account-controller #login-container #login-container-right #account-form-container #account-form-seperator div, .invited-controller #login-container #login-container-right #account-form-container #account-form-seperator div {
border-top: 2px solid #fff;
display: inline-block;
width: 40%;
margin-top: 12px;
}
.account-controller #login-container #login-container-right #account-form-container #account-form-seperator span, .invited-controller #login-container #login-container-right #account-form-container #account-form-seperator span {
font-size: 18px;
}
.account-controller #login-container #login-container-right #account-form-container #terms-and-conditions, .account-controller #login-container #login-container-right #account-form-container #forgotten-credentials-group, .invited-controller #login-container #login-container-right #account-form-container #terms-and-conditions, .invited-controller #login-container #login-container-right #account-form-container #forgotten-credentials-group {
margin-top: 30px;
}
.account-controller #login-container #login-container-right #account-form-container #terms-and-conditions a, .account-controller #login-container #login-container-right #account-form-container #forgotten-credentials-group a, .invited-controller #login-container #login-container-right #account-form-container #terms-and-conditions a, .invited-controller #login-container #login-container-right #account-form-container #forgotten-credentials-group a {
color: #fff !important;
}
.account-controller #login-container #login-container-right #account-form-container div#forgotten-credentials-group a, .invited-controller #login-container #login-container-right #account-form-container div#forgotten-credentials-group a {
font-size: 20px !important;
}
.account-controller #login-container #login-container-right #account-form-container #terms-and-conditions, .invited-controller #login-container #login-container-right #account-form-container #terms-and-conditions {
position: absolute;
bottom: 45px;
font-size: 15px;
}
@media (max-height: 800px) {
.account-controller #login-container #login-container-right #account-form-container #terms-and-conditions, .invited-controller #login-container #login-container-right #account-form-container #terms-and-conditions {
position: relative;
bottom: auto;
padding-bottom: 15px;
}
}
.account-controller #login-container #login-container-right #account-form-container #terms-and-conditions span, .invited-controller #login-container #login-container-right #account-form-container #terms-and-conditions span {
color: #365059;
}
.account-controller #login-container #login-container-right #account-form-container .validation-summary-errors, .invited-controller #login-container #login-container-right #account-form-container .validation-summary-errors {
padding: 10px;
border-radius: 7px;
margin-bottom: 20px;
border: 1px solid white;
background-color: #FFF;
color: #ee5f5b;
line-height: normal;
}
.account-controller #login-container #login-container-right #account-form-container .validation-summary-errors a, .invited-controller #login-container #login-container-right #account-form-container .validation-summary-errors a {
font-weight: bold;
color: inherit;
}
.account-controller #login-container #login-container-right #account-form-container .validation-summary-errors p, .invited-controller #login-container #login-container-right #account-form-container .validation-summary-errors p {
text-align: left;
}
.account-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul, .invited-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.account-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul li, .invited-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul li {
text-align: left;
margin-top: 10px;
margin-left: 20px;
}
.account-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul li:first-of-type, .invited-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul li:first-of-type {
margin-top: 0;
}
.account-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul li span, .invited-controller #login-container #login-container-right #account-form-container .validation-summary-errors ul li span {
margin-left: -20px;
font-size: 14px;
margin-right: 5px;
}
.account-controller #login-container #login-container-right #account-form-container div#verify-email-info p, .invited-controller #login-container #login-container-right #account-form-container div#verify-email-info p {
font-size: 18px;
margin: 0 0 22px;
}
.account-controller #login-container #login-container-right #account-form-container div#change-email-container, .invited-controller #login-container #login-container-right #account-form-container div#change-email-container {
border-bottom: white solid 1px;
padding: 10px 0 10px 0;
}
.account-controller #login-container #login-container-right .text-passed, .invited-controller #login-container #login-container-right .text-passed {
color: #238229;
}
.account-controller #login-container #login-container-right .text-failed, .invited-controller #login-container #login-container-right .text-failed {
color: #fff;
}
@media (max-width: 767px) {
.account-controller #login-container-left, .invited-controller #login-container-left {
display: none;
}
.account-controller #login-container-right, .invited-controller #login-container-right {
width: 100% !important;
}
}
.cross-site-login header {
background-color: #6CBF70;
padding: 20px 0;
margin-bottom: 40px;
}
.cross-site-login header img {
width: 25%;
display: block;
margin: 0 auto;
}
.cross-site-login section .validation-summary-errors {
background: #F38C89;
border-radius: 7px;
padding: 7px;
margin: 0 0 10px;
color: #fff;
}
.cross-site-login section .validation-summary-errors p {
text-align: left;
}
.cross-site-login section .validation-summary-errors ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.cross-site-login section .validation-summary-errors ul li {
text-align: left;
margin-left: 20px;
}
.cross-site-login section .validation-summary-errors ul li span {
margin-left: -20px;
font-size: 14px;
margin-right: 5px;
}
@font-face {
font-family: 'Open Sans';
src: url("/fonts/opensans/OpenSans-Regular-webfont.eot");
src: url("/fonts/opensans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Regular-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-Regular-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url("/fonts/opensans/OpenSans-Bold-webfont.eot");
src: url("/fonts/opensans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Bold-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-Bold-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url("/fonts/opensans/OpenSans-Italic-webfont.eot");
src: url("/fonts/opensans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/OpenSans-Italic-webfont.woff") format("woff"), url("/fonts/opensans/OpenSans-Italic-webfont.ttf") format("truetype"), url("/fonts/opensans/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
font-weight: normal;
font-style: italic;
}
.wf-loading {
font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
.wf-active {
font-family: "foco",Helvetica,Arial,sans-serif;
}
.wf-inactive {
font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
body {
font-family: inherit;
}
noscript {
width: 100%;
background-color: #F38C89;
color: #ffffff;
text-align: center;
display: block;
padding: 5px;
}
.old-browser {
position: fixed;
top: 52px;
width: 100%;
background-color: #539093;
color: #ffffff;
text-align: center;
display: block;
padding: 5px;
}
.fixed-notice {
position: fixed;
bottom: 0;
left: 20px;
right: 20px;
z-index: 1000;
}
body.debug .navbar:before {
position: fixed;
display: block;
content: '';
width: 100%;
top: 0;
left: 0;
border-top: dashed 2px red;
z-index: 99999999999999999;
}
.navbar-nav .dropdown.divider {
border-right: 1px solid rgba(255, 255, 255, 0.4);
border-left: 1px solid rgba(255, 255, 255, 0.4);
}
footer {
padding: 20px 0;
border-top: solid 1px #777777;
background-color: #eeeeee;
margin-top: 40px;
}
footer .powered-by {
float: right;
margin-right: 20px;
}
footer .powered-by span {
color: #6CBF70;
display: block;
}
footer .powered-by img {
width: 100px;
}
footer .address {
margin-top: 7px;
text-align: right;
font-size: 80%;
float: right;
margin-right: 30px;
}
footer .address.registration-info {
text-align: left;
}
footer .address p {
line-height: 8px;
}
footer p, footer a {
color: #333333;
}
footer .help {
float: right;
margin-right: 20px;
}
footer .help a {
display: block;
}
footer .version {
margin-top: 8px;
color: #6CBF70;
font-size: 70%;
display: block;
}
footer .upgrade {
float: right;
margin-right: 20px;
}
footer .upgrade a {
text-decoration: none;
}
footer .upgrade a .fas, footer .upgrade a .far, footer .upgrade a .fal, footer .upgrade a .fab {
font-size: 110%;
color: #333333;
display: inline-block;
margin: 5px 2px;
}
footer .social a {
background-image: url("/content/images/social.png");
display: inline-block;
height: 31px;
width: 31px;
margin: 5px 5px 0 0;
background-repeat: no-repeat;
}
footer .social a.facebook {
background-position: -77px 0px;
}
footer .social a.twitter {
background-position: 0 0;
}
footer .social span {
display: block;
color: #6CBF70;
}
.adverts {
padding-top: 10px;
text-align: center;
}
.adverts .advert {
display: inline-block;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
}
.adverts .advert a {
text-decoration: none;
}
.adverts .advert a img {
width: 100%;
}
.top-buffer {
margin-top: 50px;
}
textarea.form-control {
height: 250px;
}
.modal-body textarea {
height: 150px;
}
.modal-body .modal-float-image {
float: right;
max-width: 250px;
margin: 10px 10px 10px 25px;
}
@media (max-width: 768px) {
.modal-body textarea {
height: 80px;
}
}
.panel-heading {
position: relative;
}
.panel-heading a[data-toggle=collapse]:after {
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
content: "\f078";
float: left;
color: #fff;
margin-right: 10px;
transition: all 0.2s linear;
}
.panel-heading a[data-toggle=collapse].collapsed:after {
transform: rotate(-90deg);
}
.panel-heading img {
max-height: 29px;
margin-right: 20px;
}
.panel-heading h3 {
vertical-align: middle;
}
.panel-heading .btn-group a {
color: white;
}
.panel-heading .small {
color: inherit;
}
.panel-warning .panel-heading .btn-group a {
color: inherit;
}
.org-logo {
height: 30px;
margin-right: 5px;
}
.org-logo.small {
height: 25px;
}
.table-link {
font-size: 25px;
}
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
z-index: 10000;
display: none;
}
.loader .loader-text {
color: #ffffff;
margin: 15% 0 50px;
font-size: 350%;
display: block;
}
.loader .loader-icon {
height: 100px;
width: 100px;
display: inline-block;
background-size: 100%;
position: static;
padding: 0;
}
.loader-icon {
height: 200px;
width: 100%;
background-image: url("/content/images/colour.png");
background-size: 75px;
background-repeat: no-repeat;
background-position: 50% 50%;
display: block;
padding: 100px;
position: absolute;
}
.panel-loader {
text-align: center;
}
.panel-loader .loader-text {
color: #000000;
margin: 0 0 50px;
font-size: 150%;
display: block;
}
.panel-loader .loader-icon {
height: 75px;
width: 75px;
padding: 0;
background-size: 100%;
position: static;
}
.count-down {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.8;
text-align: center;
z-index: 10000;
display: none;
}
.count-down span {
color: #ffffff;
margin: 20% 0 50px;
font-size: 550%;
display: block;
}
body {
padding-top: 50px;
}
body .navbar.navbar-default .dropdown.open .dropdown-toggle, body .navbar.navbar-default .dropdown:hover .dropdown-toggle, body .navbar.navbar-default .dropdown:focus .dropdown-toggle {
background-color: white;
color: #6CBF70;
}
@media only screen and (max-width: 767px) {
body .navbar.navbar-default .dropdown.open .dropdown-toggle, body .navbar.navbar-default .dropdown:hover .dropdown-toggle, body .navbar.navbar-default .dropdown:focus .dropdown-toggle {
display: none;
}
}
body .navbar.navbar-default .dropdown.open .dropdown-toggle {
z-index: 40000;
height: 50px;
}
.navbar {
border: none;
border-radius: 0;
margin: 0;
z-index: 300;
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 50px;
/* Put font size back up for mobile nav*/
}
@media (max-width: 767px) {
.navbar .navbar-nav .open .dropdown-menu {
position: static;
}
}
@media only screen and (max-width: 767px) {
.navbar:not(.new-layout) .container-fluid {
background-color: #6CBF70;
max-height: 100vh;
overflow: auto;
}
}
.navbar .switcher div {
display: inline-block;
width: 40px;
vertical-align: middle;
}
.navbar .switcher div img {
max-height: 30px;
max-width: 100%;
margin: 0;
}
.navbar .switcher .switcher-details {
padding-left: 5px;
width: auto;
}
@media (max-width: 767px) {
.navbar .switcher {
/*div {
display: none;
}*/
}
.navbar .switcher span {
padding-left: 0;
}
}
.navbar .navbar-right {
margin-right: -16px;
}
@media only screen and (max-width: 767px) {
.navbar .navbar-right {
margin-right: 0;
}
}
.navbar .navbar-brand {
display: block !important;
padding: 10px 10px;
background: #439b48;
/*&:hover {
background: $navbar-logo-background;
padding: 7px 12px;
transition: all 0.3s linear;
img {
transition: all 0.1s linear;
height: 36px;
width: 36px;
}
}*/
}
.navbar .navbar-brand img {
display: inline-block;
height: 30px;
width: 30px;
}
.navbar .navbar-brand .icon {
position: relative;
top: 3px;
padding-left: 10px;
opacity: 0.25;
}
.navbar .nav li a {
padding: 10px;
}
@media only screen and (max-width: 767px) {
.navbar .navbar-right .dropdown-toggle {
display: none;
}
}
.navbar .navbar-right .dropdown-menu {
top: 51px;
position: fixed;
right: -2px;
max-height: 80%;
overflow: auto;
}
@media only screen and (max-width: 767px) {
.navbar .navbar-right .dropdown-menu {
position: static;
display: block;
width: 95%;
right: auto;
}
}
.navbar .dropdown-menu {
margin-top: 0;
top: 51px;
min-width: 300px;
border: none;
border-radius: 0;
}
.navbar .dropdown-menu li a, .navbar .dropdown-menu li p {
padding: 5px 10px;
}
.navbar .dropdown-menu li p {
margin-bottom: 0;
font-style: italic;
font-size: 14px;
}
.navbar .dropdown-menu li a {
cursor: pointer;
}
.navbar #subMenu button {
border: 0;
background: 0;
padding: 5px 10px;
width: 100%;
text-align: left;
}
.navbar #subMenu button:hover {
background: #f5f5f5;
}
.navbar #subMenu > a > span.fas, .navbar #subMenu > a > span.far, .navbar #subMenu > a > span.fal, .navbar #subMenu > a > span.fab {
margin: 0 4px;
font-size: 120%;
vertical-align: middle;
margin-top: -4px;
}
@media (max-width: 768px) {
.navbar #subMenu > a > span.fas, .navbar #subMenu > a > span.far, .navbar #subMenu > a > span.fal, .navbar #subMenu > a > span.fab {
display: none;
}
}
@media (max-width: 1100px) {
.navbar .nav > li > a {
font-size: 90%;
}
}
@media (max-width: 910px) {
.navbar .nav > li > a {
font-size: 80%;
}
.navbar #main-user-name {
display: none;
}
}
@media (max-width: 718px) {
.navbar .nav > li > a {
font-size: 90%;
}
.navbar #main-user-name {
display: inline-block;
}
}
.drag-over {
border: solid 7px #6CBF70;
}
.btn-link .fas, .btn-link .far, .btn-link .fal, .btn-link .fab {
font-size: 22px;
top: -2px;
position: relative;
}
.table tr.invisible th {
padding: 0;
}
.table td.money, .table th.money {
text-align: right;
vertical-align: top;
white-space: nowrap;
}
.table td.groupheading, .table th.groupheading {
font-size: 18px;
font-weight: bold;
background: white;
border-top: solid 1px #333333;
color: #6CBF70;
}
.table td.middle {
vertical-align: middle;
}
.table td.bottom {
vertical-align: bottom;
}
.table td.table-sub-item {
padding: 3px 8px;
font-size: 80%;
}
.table td.payment-icon {
font-size: 2rem;
color: #999;
padding: 8px 2px;
text-align: center;
}
.table td .search-result-image, .table td .search-result-logo {
height: 40px;
width: 40px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.table td .search-result-image a, .table td .search-result-logo a {
display: block;
height: 100%;
width: 100%;
}
.table td .search-result-image + .tooltip, .table td .search-result-logo + .tooltip {
z-index: 10001;
}
.table td .search-result-logo {
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.table th {
font-weight: normal;
background-color: #6CBF70;
color: #fff;
}
.table.click-row tr:hover {
cursor: pointer;
}
.table.hide-empty-time span[data-hastime="false"] {
display: none;
}
.search-result-image:hover, .search-result-logo:hover {
-moz-transform: scale(1.9);
-ms-transform: scale(1.9);
-o-transform: scale(1.9);
-webkit-transform: scale(1.9);
transform: scale(1.9);
position: relative;
z-index: 10000;
}
.circle-border {
height: 80px;
width: 80px;
border-radius: 50%;
border: solid 7px #6CBF70;
text-align: center;
line-height: 65px;
color: #6CBF70;
font-weight: bold;
font-size: 135%;
margin: 5px 0;
}
.circle-border + span {
color: #6CBF70;
width: 80px;
display: block;
text-align: center;
}
.photo-action .nav-tabs {
display: none;
}
.board-selector {
height: 30px;
margin-right: 10px;
opacity: 0.5;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
outline: none;
}
.board-selector.selected {
opacity: 1;
padding-bottom: 3px;
border-bottom: 2px solid #6CBF70;
}
.btn.btn-large {
width: 100%;
height: 150px;
white-space: inherit;
margin-bottom: 2rem;
}
.btn.btn-large > .fas, .btn.btn-large > .far, .btn.btn-large > .fal, .btn.btn-large > .fab {
font-size: 250%;
}
.btn.payment-button {
height: 175px;
}
@media (max-width: 768px) {
.pagination li {
display: none;
}
.pagination .PagedList-skipToPrevious, .pagination .PagedList-skipToNext, .pagination .PagedList-skipToLast {
display: inline;
}
}
.tahdah-verified {
height: 30px;
width: 30px;
background-image: url("/content/images/colour.png");
background-size: 100%;
background-repeat: no-repeat;
}
.tahdah-verified:hover {
-moz-animation-name: spin;
-o-animation-name: spin;
-webkit-animation-name: spin;
animation-name: spin;
-moz-animation-duration: 5000ms;
-o-animation-duration: 5000ms;
-webkit-animation-duration: 5000ms;
animation-duration: 5000ms;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.standard-colour-link {
color: #333333;
}
.standard-colour-link:hover {
color: #333333;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.navbar-nav {
margin: 7.25px;
}
}
.navbar-nav > li > a {
line-height: 30px;
}
.navbar-nav > li > a img.img-circle {
margin-right: 5px;
}
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5 {
margin: 0 0 10px 0;
}
.alert.alone {
margin-bottom: 0;
}
.alert-danger {
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
}
.alert-danger a {
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
color: #A5302D;
text-decoration: underline;
font-weight: bold;
}
.alert-danger a.btn {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
.alert-success {
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
}
.alert-success a {
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
color: #238229;
text-decoration: underline;
font-weight: bold;
}
.alert-success a.btn {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
.form-control:focus {
border-color: #6CBF70;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(108, 191, 112, 0.6);
}
.form-control.inline {
display: inline-block;
}
.tile {
-webkit-transform: perspective(800px);
-o-transform: perspective(800px);
-moz-transform: perspective(800px);
-ms-transform: perspective(800px);
transform: perspective(800px);
-moz-perspective-origin: center;
-ms-perspective-origin: center;
-webkit-perspective-origin: center;
perspective-origin: center;
height: 315px;
margin-bottom: 20px;
}
.tile.success .faces > div {
border: solid 2px #68bd6d;
color: #238229;
border-radius: 3px;
}
.tile.danger .faces > div {
border: solid 2px #F38C89;
color: #A5302D;
border-radius: 3px;
}
.tile:hover .faces > div.back {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 20px 15px;
text-align: center;
-moz-transform: perspective(800px) rotateY(0);
-ms-transform: perspective(800px) rotateY(0);
-o-transform: perspective(800px) rotateY(0);
-webkit-transform: perspective(800px) rotateY(0);
transform: perspective(800px) rotateY(0);
overflow: auto;
}
.tile:hover .faces > div.front {
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: perspective(800px) rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
}
.tile.touched .faces > div.back {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 20px 15px;
text-align: center;
-moz-transform: perspective(800px) rotateY(0);
-ms-transform: perspective(800px) rotateY(0);
-o-transform: perspective(800px) rotateY(0);
-webkit-transform: perspective(800px) rotateY(0);
transform: perspective(800px) rotateY(0);
overflow: auto;
}
.tile.touched .faces > div.front {
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: perspective(800px) rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
}
.tile .faces {
position: relative;
width: 100%;
height: 100%;
}
.tile .faces > div {
-moz-transition: 0.3s linear;
-o-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
width: 100%;
height: 100%;
-moz-transform: perspective(800px) rotateY(0);
-ms-transform: perspective(800px) rotateY(0);
-o-transform: perspective(800px) rotateY(0);
-webkit-transform: perspective(800px) rotateY(0);
transform: perspective(800px) rotateY(0);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
display: table-cell;
}
.tile .faces .front {
z-index: 2;
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
-webkit-transform: rotateY(0);
transform: perspective(800px) rotateY(0);
}
.tile .faces .front img.logo {
max-width: 100%;
}
.tile .faces .front > div {
height: 80%;
line-height: 250px;
}
.tile .faces .front > div > img {
height: auto;
max-width: 75%;
max-height: 65%;
}
.tile .faces .front button {
font-size: 80%;
}
.tile .faces .back {
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
font-size: 90%;
}
.tile .faces .back div > span {
display: block;
margin: 10px;
font-size: 13px;
}
.no-csstransforms3d .tile .back {
display: none;
}
.no-csstransforms3d .tile:hover .back {
display: block;
}
.no-csstransforms3d .tile:hover .front {
display: none;
}
.worldpay-modal .modal-body {
overflow: hidden;
}
.card-logo {
height: 30px;
-moz-transition: 0.2s all ease;
-o-transition: 0.2s all ease;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
}
.text-success .card-logo {
height: 40px;
}
.form-group .control-label.required-field:before {
content: "\f069";
position: relative;
top: -3px;
display: inline-block;
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #A5302D;
margin-right: 5px;
font-size: 70%;
}
.form-group .control-label.unbold {
font-weight: normal;
}
.imgcentered img {
max-width: 100%;
}
a.no-hover {
text-decoration: none;
}
form.inline-form {
display: inline;
}
.chart-details {
font-size: 80%;
}
.chart-details div {
display: inline-block;
padding: 0 10px 0 0;
}
p[contenteditable='true']:hover {
border-color: #6CBF70;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(108, 191, 112, 0.6);
}
::-webkit-input-placeholder {
text-transform: none !important;
}
::-moz-placeholder {
text-transform: none !important;
}
/* firefox 19+ */
:-ms-input-placeholder {
text-transform: none !important;
}
/* ie */
input:-moz-placeholder {
text-transform: none !important;
}
.jumbotron.candidate {
margin-bottom: 0;
padding-bottom: 60px;
}
.jumbotron #candidateDashboardMenu .list-group {
margin-bottom: 0;
}
.jumbotron #candidateDashboardMenu .list-group .list-group-item {
background-color: transparent;
border: none;
border-bottom: 1px solid #CECECE;
}
.jumbotron #candidateDashboardMenu .list-group .list-group-item:last-of-type {
border-bottom: none;
}
.profile-switcher {
margin-top: -45px;
margin-bottom: 25px;
}
.profile-switcher a {
display: inline-block;
background-color: #fff;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin-right: 5px;
padding: 10px;
text-align: center;
}
.profile-switcher a img {
margin: 0 auto;
}
.profile-switcher a:hover {
text-decoration: none;
}
.profile-switcher span {
color: #6CBF70;
margin-left: 5px;
}
@media (min-width: 1500px) {
.container {
width: 85%;
}
.container .container {
width: auto;
}
}
h4 span.label {
font-size: 60%;
position: relative;
top: -2px;
left: 5px;
}
@media (max-width: 991px) {
.row > div .btn {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.file-input .file-caption {
display: none;
}
}
.alert-link {
cursor: pointer;
}
/** Fix for breadcrumb seperator getting escaped incorrectly*/
body .breadcrumb > li + li:before {
content: "/";
padding-right: 8px;
}
body .help-block .breadcrumb {
padding: 2px 15px 0 0;
background: none;
margin-top: -13px;
font-size: 80%;
}
body .help-block .breadcrumb > li + li:before {
content: "\f054";
position: relative;
top: 1px;
display: inline-block;
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 300;
line-height: 1;
font-size: 10px;
padding: 0 3px 0 1px;
}
.fas.extra-huge, .far.extra-huge, .fal.extra-huge, .fab.extra-huge {
font-size: 120pt;
text-decoration: none;
display: block;
margin: 0 auto;
text-align: center;
width: auto;
margin-bottom: 20px;
}
.text-btn {
color: #6CBF70;
border: none;
background-color: transparent;
}
.text-btn:hover {
color: #55b55a;
}
.pull-left > .btn {
margin-right: 5px;
}
.pull-left > form > .btn {
margin-right: 5px;
}
.plugins-action {
-ms-word-break: break-all;
word-break: break-all;
}
.file-other-error.text-danger {
padding-top: 5px;
text-align: center;
}
.table:not(.no-animation) tr:nth-child(1) td {
animation-delay: 0.1s;
}
.table:not(.no-animation) tr:nth-child(2) td {
animation-delay: 0.2s;
}
.table:not(.no-animation) tr:nth-child(3) td {
animation-delay: 0.3s;
}
.table:not(.no-animation) tr:nth-child(4) td {
animation-delay: 0.4s;
}
.table:not(.no-animation) tr:nth-child(5) td {
animation-delay: 0.5s;
}
.table:not(.no-animation) tr:nth-child(6) td {
animation-delay: 0.6s;
}
.table:not(.no-animation) tr:nth-child(7) td {
animation-delay: 0.7s;
}
.table:not(.no-animation) tr:nth-child(8) td {
animation-delay: 0.8s;
}
.table:not(.no-animation) tr:nth-child(9) td {
animation-delay: 0.9s;
}
.table:not(.no-animation) tr:nth-child(10) td {
animation-delay: 1s;
}
.table:not(.no-animation) tr:nth-child(11) td {
animation-delay: 1.1s;
}
.table:not(.no-animation) tr:nth-child(12) td {
animation-delay: 1.2s;
}
.table:not(.no-animation) tr:nth-child(13) td {
animation-delay: 1.3s;
}
.table:not(.no-animation) tr:nth-child(14) td {
animation-delay: 1.4s;
}
.table:not(.no-animation) tr:nth-child(15) td {
animation-delay: 1.5s;
}
.table:not(.no-animation) tr:nth-child(16) td {
animation-delay: 1.6s;
}
.table:not(.no-animation) tr:nth-child(17) td {
animation-delay: 1.7s;
}
.table:not(.no-animation) tr:nth-child(18) td {
animation-delay: 1.8s;
}
.table:not(.no-animation) tr:nth-child(19) td {
animation-delay: 1.9s;
}
.table:not(.no-animation) tr:nth-child(20) td {
animation-delay: 2s;
}
.table:not(.no-animation) tr:nth-child(21) td {
animation-delay: 2.1s;
}
.table:not(.no-animation) tr:nth-child(22) td {
animation-delay: 2.2s;
}
.table:not(.no-animation) tr:nth-child(23) td {
animation-delay: 2.3s;
}
.table:not(.no-animation) tr:nth-child(24) td {
animation-delay: 2.4s;
}
.table:not(.no-animation) tr:nth-child(25) td {
animation-delay: 2.5s;
}
.table:not(.no-animation) tr:nth-child(26) td {
animation-delay: 2.6s;
}
.table:not(.no-animation) tr:nth-child(27) td {
animation-delay: 2.7s;
}
.table:not(.no-animation) tr:nth-child(28) td {
animation-delay: 2.8s;
}
.table:not(.no-animation) tr:nth-child(29) td {
animation-delay: 2.9s;
}
.table:not(.no-animation) td {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.nav-tabs {
font-size: 85%;
}
.nav-tabs li.validation-success a:after, .nav-tabs li.validation-fail a:after {
position: relative;
display: inline-block;
padding-left: 5px;
top: 1px;
margin-right: 0;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
margin-top: -2px;
}
.nav-tabs li.validation-success a:after {
color: #68bd6d;
content: "\f058";
}
.nav-tabs li.validation-fail a:after {
color: #F38C89;
content: "\f057";
}
.nav-tabs li a {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.nav-tabs li.help-tab.active a {
background-color: #EEEEEE;
}
.nav-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
.nav-flex li:nth-of-type(1) {
order: 1;
}
.nav-flex li:nth-of-type(2) {
order: 2;
}
.nav-flex li:nth-of-type(3) {
order: 3;
}
.nav-flex li:nth-of-type(4) {
order: 4;
}
.nav-flex li:nth-of-type(5) {
order: 5;
}
.nav-flex li:nth-of-type(6) {
order: 6;
}
.nav-flex li:nth-of-type(7) {
order: 7;
}
.nav-flex li:nth-of-type(8) {
order: 8;
}
.nav-flex li:nth-of-type(9) {
order: 9;
}
.nav-flex li:nth-of-type(10) {
order: 10;
}
.nav-flex li:nth-of-type(11) {
order: 11;
}
.nav-flex li:nth-of-type(12) {
order: 12;
}
.nav-flex li:nth-of-type(13) {
order: 13;
}
.nav-flex li:nth-of-type(14) {
order: 14;
}
.nav-flex li:nth-of-type(15) {
order: 15;
}
.nav-flex li:nth-of-type(16) {
order: 16;
}
.nav-flex li:nth-of-type(17) {
order: 17;
}
.nav-flex li:nth-of-type(18) {
order: 18;
}
.nav-flex li:nth-of-type(19) {
order: 19;
}
.nav-flex li:nth-of-type(20) {
order: 20;
}
.nav-flex li:nth-of-type(21) {
order: 21;
}
.nav-flex li:nth-of-type(22) {
order: 22;
}
.nav-flex li:nth-of-type(23) {
order: 23;
}
.nav-flex li:nth-of-type(24) {
order: 24;
}
.nav-flex li:nth-of-type(25) {
order: 25;
}
@media (min-width: 1600px) {
.nav-flex li.pull-right {
position: absolute;
right: 0;
}
}
.tabbed-help-block {
background-color: #EEEEEE;
padding: 15px;
border: 1px solid #DDDDDD;
border-top: none;
}
@media (max-width: 1200px) {
.table td {
font-size: 90%;
}
}
.input-group.image-picker .image-picker-preview {
position: relative;
padding: 0;
}
.input-group.image-picker .image-picker-preview .image-picker-largeimage {
position: absolute;
top: 0;
left: 100%;
margin-left: 5px;
z-index: 12;
display: none;
}
.input-group.image-picker .image-picker-preview:hover .image-picker-largeimage {
display: block;
}
.input-group.image-picker .image-picker-remove,
.input-group.image-picker .image-picker-pick {
cursor: pointer;
}
button.full-width {
width: 100%;
height: 50px;
}
button.full-width .fas, button.full-width .far, button.full-width .fal, button.full-width .fab {
font-size: 25px;
}
button.full-width span {
font-size: 25px;
padding-left: 10px;
}
button.label {
border: none;
outline: none;
}
.image-library {
display: block;
padding: 0;
margin: 0;
}
.image-library li {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
display: inline-block;
width: 140px;
height: 100px;
line-height: 100px;
text-align: center;
cursor: pointer;
}
.image-library li img {
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.image-library li .fa-file {
display: inline-block;
font-size: 150%;
}
.image-library li .file-name {
display: inline-block;
word-break: break-all;
font-size: 80%;
line-height: initial;
}
.large-checkbox {
height: 40px;
width: 40px;
}
.profile-circular {
height: 30px;
width: 30px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
padding: 0;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.profile-circular:hover {
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
position: relative;
z-index: 10000;
}
.profile-circular.un-circle {
border-radius: 0;
}
.profile-circular a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
background: #C8ECCB;
color: #238229;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
background: #FFDAD9;
color: #A5302D;
}
.filter .row:first-of-type {
margin-top: 0;
}
.filter .row {
margin-top: 10px;
}
.filter label {
display: block;
}
.filter .form-group {
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
vertical-align: top;
}
.filter .board-selector {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.filter .board-selector:hover {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
.social-share a {
background-image: url("https://d21z1hvpo68w2l.cloudfront.net/content/images/social.png");
display: inline-block;
height: 31px;
width: 31px;
margin: 5px 5px 0 0;
background-repeat: no-repeat;
}
.social-share .facebook {
background-position: -77px 0;
}
.social-share .twitter {
background-position: 0 0;
}
.social-share .linkedin {
background-position: -38px -38px;
}
.social-share .instagram {
background-position: -269px -38px;
}
.social-share .mailto {
background-position: -115px -231px;
}
.small-logo {
height: 50px;
}
.btn.btn-plain {
background-color: transparent;
border: none;
}
.btn.btn-plain:hover {
color: inherit;
}
.btn.btn-plain:active {
color: inherit;
}
.safe-email .fas, .safe-email .far, .safe-email .fal, .safe-email .fab {
font-size: 5pt;
font-weight: normal;
}
.force-fit {
width: 100%;
overflow: hidden;
}
.force-fit table {
max-width: 100% !important;
width: 100% !important;
}
.organisation-link.well {
display: block;
margin-right: 10px;
height: 200px;
float: left;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.organisation-link.well:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.organisation-link.well a {
text-align: center;
display: inline-block;
cursor: pointer;
}
.organisation-link.well a img {
height: 100px;
width: auto;
margin-bottom: 20px;
}
.organisation-link.well a label {
display: block;
cursor: pointer;
}
.candidate-initials[data-show="True"] {
text-decoration: none;
display: inline-block;
}
.candidate-initials[data-show="True"]:after {
content: attr(data-initials);
text-align: center;
display: block;
font-size: 75pt;
font-weight: bold;
color: white;
height: 100%;
margin-top: 6px;
}
.candidate-initials-provider[data-show="True"]:after {
content: attr(data-initials);
text-align: center;
display: block;
font-size: 82pt;
font-weight: bold;
color: white;
height: 100%;
}
@media (max-width: 768px) {
.candidate-initials-provider[data-show="True"]:after {
font-size: 54pt;
}
}
.candidate-initials-layout[data-show="True"] {
text-decoration: none;
}
.candidate-initials-layout[data-show="True"]:after {
content: attr(data-initials);
text-align: center;
display: block;
font-size: 15pt;
font-weight: bold;
color: white;
height: 100%;
}
.candidate-initials-search[data-show="True"] {
text-decoration: none;
}
.candidate-initials-search[data-show="True"]:after {
content: attr(data-initials);
text-align: center;
display: block;
font-size: 15pt;
font-weight: bold;
color: white;
height: 100%;
margin-top: 5px;
margin-left: 1px;
}
.candidate-initials-search-small[data-show="True"]:after {
content: attr(data-initials);
text-align: center;
display: block;
font-size: 11pt;
font-weight: bold;
color: white;
height: 100%;
margin-top: 5px;
margin-left: 1px;
}
#notifications .fas, #notifications .far, #notifications .fal, #notifications .fab {
font-size: 120%;
position: relative;
}
#notifications .fas.notification, #notifications .far.notification, #notifications .fal.notification, #notifications .fab.notification {
left: -4px;
}
#notifications .fas > span, #notifications .far > span, #notifications .fal > span, #notifications .fab > span {
position: absolute;
width: 10px;
height: 10px;
border-radius: 16px;
color: white;
font-size: 8px;
background: red;
bottom: -2px;
right: -6px;
}
#notifications .dropdown-menu {
width: 400px;
padding: 2rem;
margin-top: 1px;
}
div#subNav {
padding: 0;
}
.accreditation-award-img {
width: 25px;
border-radius: 5px;
}
#award-detail-container {
margin-top: 50px;
}
#award-detail-container a {
display: inline-block;
}
#award-detail-container .award-detail-organisation-img {
max-width: 50%;
margin: 40px auto auto auto;
display: block;
}
#award-detail-container .award-detail-award-img {
max-width: 50%;
border-radius: 30px;
margin: 20px auto auto auto;
display: block;
}
#award-detail-container .award-detail-accreditation-img {
max-width: 35px;
}
.list-switch {
float: right;
}
.help-block, .warning-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
margin: -16px -15px 20px;
padding: 25px 16px 25px 80px;
background: #eeeeee;
line-height: 1.5em;
}
.help-block:before, .warning-block:before {
content: "\f05a";
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 40px;
float: left;
margin-left: -58px;
margin-top: 3px;
}
.help-block h1:first-child, .help-block h2:first-child, .help-block h3:first-child, .help-block h4:first-child, .warning-block h1:first-child, .warning-block h2:first-child, .warning-block h3:first-child, .warning-block h4:first-child {
margin-top: -5px;
}
.help-block.alert-success, .warning-block.alert-success {
font-size: 2.5rem;
font-weight: 100;
}
.help-block.alert-success:before, .warning-block.alert-success:before {
content: "\f058";
}
.help-block.alert-danger, .warning-block.alert-danger {
font-size: 2.5rem;
font-weight: 100;
}
.help-block.alert-danger:before, .warning-block.alert-danger:before {
content: "";
}
.help-block.alert-processing, .warning-block.alert-processing {
font-size: 2.5rem;
font-weight: 100;
}
.help-block.alert-processing:after, .warning-block.alert-processing:after {
content: "\f023";
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 20px;
float: left;
margin-left: -46px;
margin-top: 2px;
}
.help-block.alert-processing:before, .warning-block.alert-processing:before {
content: "\f3f4";
-moz-animation-name: spin;
-o-animation-name: spin;
-webkit-animation-name: spin;
animation-name: spin;
-moz-animation-duration: 700ms;
-o-animation-duration: 700ms;
-webkit-animation-duration: 700ms;
animation-duration: 700ms;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
width: 40px;
height: 36px;
padding: 0;
}
.warning-block:before {
content: "\f071";
color: #F3BA89;
}
.award-detail-pricing-table th {
background: #6cbf70;
padding: 5px;
border-radius: 10px;
color: white;
text-align: center;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.award-detail-pricing-table td {
padding: 10px 8px 0px 10px;
}
p.small span.label {
margin-bottom: 4px;
display: inline-block;
padding: 4px 7px;
margin-top: 20px;
}
.award-detail-award-other-name {
display: block;
text-align: center;
padding: 10px;
}
.list-group-item strong {
display: block;
}
.list-group-item.inner-float {
line-height: 35px;
}
.list-group-item.inner-float:after {
display: block;
content: '';
clear: both;
}
.award-detail-award-other-img {
max-width: 50%;
margin: auto;
display: block;
border-radius: 10px;
}
.panel-body > .col-md-3 {
margin-top: 10px;
margin-bottom: 25px;
}
.panel-body > .col-md-3 .btn {
max-width: 200px;
margin-top: 6px;
}
.panel-body > .col-md-3 .col-md-4 {
max-width: 230px;
}
.panel-body > .col-md-3 .col-md-4 .label {
margin: 2px;
}
.panel-body > .col-md-3 .provider-facility-img {
width: 50px;
height: 50px;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item {
padding-left: 60px;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item a {
display: block;
margin: 0;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item a > * {
color: #333333;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item a:hover {
text-decoration: none;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item img {
margin-left: -50px;
float: left;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item .membership-type {
display: block;
margin-bottom: 6px;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item .expires {
white-space: nowrap;
}
.panel-body > .col-md-3 .list-group.logo-list .list-group-item .label {
margin-right: 6px;
}
.panel-body.event-director .badge-wrapper {
width: 100% !important;
}
.panel-body.event-director .badge-wrapper .badge-image-wrapper {
width: 100%;
height: 0;
padding-top: 100%;
}
.panel-body > table {
width: 100%;
}
.membership-candidate-container {
height: 345px;
}
.membership-candidate-container .tile-success {
border: solid 2px #68bd6d;
background-color: rgba(108, 191, 112, 0.2);
}
.membership-candidate-container .tile-warning {
border: solid 2px #f3ba89;
background-color: rgba(220, 102, 0, 0.2);
}
.membership-candidate-container .tile-danger {
border: solid 2px red;
background-color: rgba(219, 85, 85, 0.2);
}
.membership-candidate-container .membership-candidate-tile {
position: relative;
overflow: hidden;
height: 100%;
}
.membership-candidate-container .membership-candidate-tile:after {
content: "";
position: absolute;
top: -110%;
left: -210%;
width: 200%;
height: 200%;
opacity: 0;
transform: rotate(30deg);
background: rgba(255, 255, 255, 0.13);
background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.membership-candidate-container .membership-candidate-tile:hover:after {
opacity: 1;
top: -30%;
left: -30%;
transition-property: left, top, opacity;
transition-duration: 1s, 1s, 0.35s;
transition-timing-function: ease;
}
.membership-candidate-container .membership-candidate-tile:active:after {
opacity: 0;
}
.membership-candidate-container .membership-candidate-tile .membership-img-container, .membership-candidate-container .membership-candidate-association-name {
position: relative;
}
.membership-candidate-container .membership-candidate-association-name {
position: absolute;
top: 20px;
left: 20px;
font-size: 24px;
color: black;
margin-right: 100px;
line-height: 29px;
}
.membership-candidate-container .membership-candidate-association-name .club-name {
font-size: 14pt;
margin-left: 8px;
}
.membership-candidate-container .membership-img-container img {
position: absolute;
top: 25px;
right: 20px;
height: 90px;
}
.membership-candidate-container .membership-candidate-details-container {
margin-top: 120px;
margin-left: 20px;
font-size: 22px;
}
.membership-candidate-container .membership-candidate-details-right-container {
right: 39px;
top: 125px;
position: absolute;
z-index: 1;
}
.membership-candidate-container .membership-candidate-details-right-container form {
margin-bottom: 5px;
}
.membership-candidate-container .membership-candidate-details-right-container .expires {
white-space: nowrap;
}
.membership-candidate-container .membership-candidate-details-right-container .label {
margin-right: 6px;
}
.membership-candidate-container .paidforby {
display: block;
font-size: 14px;
font-style: italic;
}
.membership-candidate-container .membership-candidate-other-container {
position: absolute;
bottom: 0;
z-index: 1;
margin-left: 20px;
margin-bottom: 20px;
width: 100%;
}
.membership-candidate-container .membership-candidate-other-container span {
right: 80px;
position: absolute;
}
.candidate-picker input, .candidate-picker span, .candidate-picker .provider-picker-name, .candidate-picker .candidate-picker-name,
.provider-picker input,
.provider-picker span,
.provider-picker .provider-picker-name,
.provider-picker .candidate-picker-name {
padding-top: 5px;
padding-bottom: 5px;
background: white;
}
.candidate-picker .candidate-picker-name,
.candidate-picker .provider-picker-name,
.provider-picker .candidate-picker-name,
.provider-picker .provider-picker-name {
height: 47px;
}
.candidate-picker input,
.provider-picker input {
border-left: none;
}
.candidate-picker .candidate-logo,
.candidate-picker .provider-logo,
.provider-picker .candidate-logo,
.provider-picker .provider-logo {
border-right: none;
}
.candidate-picker img,
.provider-picker img {
border-radius: 50%;
}
@media only screen and (min-width: 990px) and (max-width: 1400px) {
.admin-association-details-container {
font-size: 12px;
}
}
@media only screen and (min-width: 990px) and (max-width: 1250px) {
.admin-association-name {
display: none;
}
}
.association-benefit-img {
width: 40px;
}
.membership-benefit-table {
margin-bottom: 35px;
width: 100%;
}
.membership-benefit-table tr:nth-child(2) td {
padding-top: 10px;
}
.forumSearch {
background-color: #F4F4F4;
padding-top: 10px;
padding-bottom: 10px;
}
.forumSearch #forumQuestionSearch {
width: 90%;
margin-left: 5%;
border: none;
font-size: 16px;
background-color: white;
background-image: url("images/SearchIcon.png");
background-size: 20px;
background-position: 15px 13px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
border-radius: 25px;
outline: none;
}
.forumSearch {
background-color: #F4F4F4;
padding-top: 10px;
padding-bottom: 10px;
}
.forumSearch #forumQuestionSearch {
width: 90%;
margin-left: 5%;
border: none;
font-size: 16px;
background-color: white;
background-image: url("images/SearchIcon.png");
background-size: 20px;
background-position: 15px 13px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
border-radius: 25px;
outline: none;
}
.panel-greyed-out {
opacity: 0.5;
background-color: grey;
}
.custom-form-horizontal .tahdah-custom-form {
display: block;
}
.custom-form-horizontal .tahdah-custom-form .form-group.form-type-text, .custom-form-horizontal .tahdah-custom-form .form-group.form-type-dropdown {
display: flex;
flex-wrap: wrap;
}
.custom-form-horizontal .tahdah-custom-form .form-group.form-type-text .form-question, .custom-form-horizontal .tahdah-custom-form .form-group.form-type-dropdown .form-question {
display: block;
min-width: 450px;
padding: 7px 0 3px 0;
flex: 1 1 1;
}
.custom-form-horizontal .tahdah-custom-form .form-group.form-type-text .form-answer, .custom-form-horizontal .tahdah-custom-form .form-group.form-type-dropdown .form-answer {
flex: 1 1 1;
min-width: 200px;
}
.member-status {
position: relative;
z-index: 1;
}
.member-status .cancel-print {
position: absolute;
top: 2px;
right: 5px;
width: 16px;
height: 16px;
font-size: 12pt;
cursor: pointer;
z-index: -1;
padding-left: 5px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.member-status:hover .cancel-print {
right: -16px;
}
.organisation-logo-lg {
width: 75%;
border-radius: 8%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.organisation-logo-lg:hover {
border-radius: 50%;
box-shadow: 0 10px 6px -6px grey;
}
.organisation-heading-lg {
font-size: 75pt;
text-shadow: 1px 1px 0 #AAA, 2px 2px 0 #AAA, 3px 3px 0 #AAA, 4px 4px 0 #AAA, 5px 5px 0 #AAA, 6px 6px 0 #AAA;
}
.organisation-heading-lg:hover {
font-size: 80pt;
-webkit-transition: all 0.25s ease-out;
/* Safari & Chrome */
-moz-transition: all 0.25s ease-out;
/* Firefox */
-o-transition: all 0.25s ease-out;
/* Opera */
}
.organisation-container {
padding: 25px;
}
.organisation-parent-organisation-logo {
width: 50%;
}
.organisation-tahdah-logo {
width: 20%;
}
.organisation-heading-container {
padding: 30px;
}
.quick-links-container {
padding: 30px;
}
.quick-links-container .list-group-item {
background-color: #6cbf70;
color: white;
}
.label.space {
margin-right: 10px;
}
body .chosen-container-single .chosen-single {
line-height: 34px;
height: 34px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
body .chosen-container-single .chosen-single div b {
background-position-y: 6px;
}
body .chosen-container-multi .chosen-choices {
line-height: 32px;
height: 32px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
body .chosen-container-multi .chosen-choices li.search-choice {
padding: 5px 20px 6px 5px;
}
body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
top: 6px;
}
.filter-row button {
margin-top: 25px;
}
.btn-sm, .btn-group-sm > .btn {
border-radius: 15px;
}
.btn-file span {
margin-right: 35px;
}
span.input-group-btn .btn-icon-only .fas, span.input-group-btn .btn-icon-only .far, span.input-group-btn .btn-icon-only .fal, span.input-group-btn .btn-icon-only .fab {
border-left: none;
margin-left: 0;
padding-left: 0;
float: none;
margin-top: 0;
}
span.input-group-btn .btn.btn-default {
height: 35px;
}
span.input-group-btn .btn.btn-default .fa-search {
margin-top: 0;
margin-left: 0;
padding-left: 0;
border-left: none;
}
.file-input .input-group .fas, .file-input .input-group .far, .file-input .input-group .fal, .file-input .input-group .fab {
border-left: none;
border-right: solid 1px rgba(255, 255, 255, 0.7);
padding-right: 10px;
margin-left: 0;
padding-left: 0;
float: none;
margin-top: 0;
}
.navbar.navbar-default.navbar-subnav {
background: #ddd;
display: block;
border: none;
padding-left: 60px;
min-height: 0;
z-index: 0;
}
.navbar.navbar-default.navbar-subnav ul {
float: none;
border: none;
height: auto;
background: #ddd;
}
.navbar.navbar-default.navbar-subnav ul a {
padding: 7px 10px;
background: transparent;
color: #666;
font-size: 0.9em;
}
.navbar.navbar-default.navbar-subnav ul a:hover {
background: #aaa;
color: #666;
}
.navbar.navbar-default.navbar-subnav ul li.active a {
padding: 7px 10px 5px 10px;
border-bottom: solid 2px #6CBF70;
color: #6CBF70;
}
.navbar.navbar-default.navbar-subnav ul li.active a:hover {
background: #aaa;
color: #666;
}
.menu-with-icons .list-group-item, .menu-item-with-icons {
padding-left: 30px;
}
.menu-with-icons .list-group-item .fas, .menu-with-icons .list-group-item .far, .menu-with-icons .list-group-item .fal, .menu-with-icons .list-group-item .fab, .menu-item-with-icons .fas, .menu-item-with-icons .far, .menu-item-with-icons .fal, .menu-item-with-icons .fab {
position: absolute;
left: 8px;
top: 13px;
color: #b3deb5;
}
.memberships-block a {
display: block;
margin-right: 10px;
}
.memberships-block img {
height: 30px;
}
.parentTabs .internal.active a, .parentTabs .internal.active a:focus {
background: #f2f2f2;
}
.parentTabs .tab-content .tab-pane.active {
background: #f2f2f2;
z-index: 9;
}
.parentTabs .tab-content ul.nav {
padding-left: 15px;
}
.parentTabs .tab-content ul.nav li a {
padding: 7px 11px;
font-size: 11px;
}
.parentTabs .tab-content ul.nav li a:hover {
background: white;
}
.in-page-menu {
position: relative;
}
.in-page-menu .tab-content {
position: relative;
z-index: 10;
width: 100%;
}
.in-page-menu .tab-content > .tab-pane {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 10px;
}
.in-page-menu .tab-content > .tab-pane.loaded {
display: block;
position: relative;
}
.in-page-menu.hassubtabs .tab-content {
height: 50px;
position: relative;
}
.tabcontainer > h4:first-child {
border-bottom: solid 1px #ccc;
text-transform: uppercase;
padding: 6px 0px;
margin-bottom: 22px;
font-size: 25px;
color: #6CBF70;
margin-top: 14px;
}
.tabcontainer > * > .help-block, .tabcontainer > .help-block {
margin: -21px 0 20px 0;
}
.tabcontainer > .help-block.help-block-subtab {
margin: 1px 0 20px 0;
border-bottom: solid 1px #999;
box-shadow: 0 9px 10px -7px #999;
background: white;
}
table > tbody > tr:first-child > td {
border-top: none;
}
.btn-large .fas, .btn-large .far, .btn-large .fal, .btn-large .fab {
float: none;
border: none;
padding: 5px;
margin: 0;
}
.navbar .nav .familyAccount > a {
padding: 10px 0;
}
.table.align-top td {
vertical-align: top !important;
}
ul.nav.nav-tabs a i {
margin-right: 5px;
}
/* Progress report */
.table > tbody > tr td.progresscell {
width: 0;
border: none;
}
.table > tbody > tr td.progress-left {
border-left: solid 1px #bbb;
}
.table > tbody > tr td.progress-right {
border-right: solid 1px #bbb;
width: 20%;
}
.table > tbody > tr td.cdiv {
border-bottom: solid 1px #666;
}
.candidateprogressreporttable .popover {
color: #444;
}
.candidateprogressreporttable .popover h4 {
letter-spacing: -2px;
line-height: 2rem;
}
.candidateprogressreporttable td {
transition: all linear 0.2s;
}
.candidateprogressreporttable td.delivery span {
font-size: 15pt;
padding-left: 5px;
}
.candidateprogressreporttable.action-highlight .action-highligher-row td .cdiv {
border-bottom: solid 1px black;
}
.candidateprogressreporttable.action-highlight .action-highligher-row td.action-highligher-column.progress-left {
border-left: solid 1px black;
}
.candidateprogressreporttable.action-highlight .action-highligher-row td.action-highligher-column.progress-right {
border-right: solid 1px black;
}
i.disabled {
color: #aaa;
}
label.vertical {
margin-bottom: 0;
margin-top: 5px;
}
.small-child-profile-image {
width: 30px;
height: 30px;
border-radius: 20px;
vertical-align: middle;
display: inline-block;
margin: 0;
padding: 0;
}
.nested-access,
.nested-access-final {
padding-left: 15px;
margin: 0px 0 0px 10px;
border-left: 1px solid #DEDEDE;
}
.nested-access-final {
margin-bottom: 5px;
}
span.nested-access-final {
display: inline-block;
left: 0;
margin-top: -14px;
width: 15px;
height: 28px;
float: left;
border-bottom: solid 1px #DEDEDE;
margin-right: 5px;
margin-left: 7px;
}
.treeview > div {
padding-left: 30px;
}
.treeview .expander {
margin: 0px 0 0 0px;
border: solid 1px #ccc;
padding: 3px 3px 4px 4px;
border-radius: 4px;
font-size: 11px;
color: #666;
margin-left: -24px;
top: -2px;
position: relative;
background: white;
}
.treeview .fa-chevron-right {
border: none;
margin-left: -20px;
}
.treeview .fa-minus {
padding: 3px 4px 4px 3px;
}
.treeview label.fancy-checkbox input {
z-index: 1;
}
#legalEntityStaff .popover {
font-size: 11pt;
margin-top: -20px;
z-index: 10000;
}
#legalEntityStaff .popover .popover-content img {
height: 40px;
}
#legalEntityStaff .popover .popover-content h5 {
font-size: 14pt;
}
#legalEntityStaff .popover .popover-content span {
display: block;
margin-bottom: 5px;
color: inherit;
}
#legalEntityStaff .popover .popover-content .small {
font-size: 9pt;
}
#legalEntityStaff .popover .popover-content .small p {
font-size: 9pt;
}
.flex, .flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
.flex > div, .flex-container > div {
flex: 1;
margin: 1rem;
min-width: 300px;
}
.flex > *, .flex-container > * {
flex: 0 1 auto;
width: auto;
margin: 0 5px;
}
.container.job-detail-container {
border: 1px solid #EEEEEE;
padding: 0;
border-radius: 10px;
overflow: hidden;
}
.container.job-detail-container .header {
text-align: center;
}
.container.job-detail-container .header .head {
padding: 50px 10px;
background-color: #6CBF70;
color: #FFF;
}
.container.job-detail-container .header .head h3 {
font-size: 35px;
}
.container.job-detail-container .header .head h5 {
font-size: 20px;
padding-top: 10px;
}
.container.job-detail-container .header .btn {
margin-top: -25px;
}
.container.job-detail-container .body {
padding: 40px;
}
.container.job-detail-container .body .map-container {
border-radius: 10px;
overflow: hidden;
margin-right: 50px;
margin-bottom: 25px;
}
@media only screen and (max-width: 950px) {
.container.job-detail-container .body .map-container {
margin-right: 0;
}
}
.container.job-detail-container .body .section-header {
display: block;
color: #b3deb5;
font-size: 15pt;
}
.container.job-detail-container .body .section-header:not(:first-of-type) {
margin-top: 30p;
}
.container.job-detail-container .body .section-header i {
padding-right: 20px;
}
.container.job-detail-container .body h4, .container.job-detail-container .body p {
margin-bottom: 15px;
color: #6CBF70;
}
.container.job-detail-container .body h4 {
padding-left: 40px;
font-size: 22pt;
}
.container.job-detail-container .body p, .container.job-detail-container .body span[data-text="true"] {
padding: 10px 0 20px 0px;
font-size: 14pt;
}
.container.job-detail-container .body .DraftEditor-root {
padding-bottom: 20px;
}
.container.job-detail-container .btn {
background-color: #6CBF70;
}
.flex.job-container > div, .flex.job-container > a {
flex: 1 450px;
border: 1px solid #EEEEEE;
margin: 1rem;
min-height: 250px;
border-radius: 10px;
overflow: hidden;
}
.flex.job-container > a {
text-align: center;
text-decoration: none;
}
.flex.job-container > a i {
display: block;
font-size: 50px;
}
.flex.job-container > a .middle {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.flex.job-container > div .head {
text-align: center;
padding: 25px 10px;
background-color: #6CBF70;
color: #FFF;
}
.flex.job-container > div .body {
padding: 25px 50px;
}
.flex.job-container > div .body span {
color: #b3deb5;
}
.flex.job-container > div .body span i {
padding-right: 10px;
}
.flex-ghost {
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 1rem !important;
}
.flex-item {
-webkit-flex: 1 auto;
flex: 1 auto;
}
.row.flex {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
.row.flex > [class*="col-"] {
-webkit-flex: 1 auto;
flex: 1 auto;
position: relative;
margin: 0 0 20px 0;
min-width: 300px;
}
.row.flex > [class*="col-"] > div {
height: 100%;
}
.row.flex.retain-height > [class*="col-"] > div {
height: auto;
}
.row.flex.my-settings > [class*="col-"] {
-webkit-flex: 1 20%;
flex: 1 20%;
}
@media (max-width: 991px) {
#sidebar-column {
margin-top: 0 !important;
}
}
.modal .header-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
margin: -16px -15px 20px;
padding: 10px 2px 0;
background: #eeeeee;
line-height: 1.5em;
}
.tdwell {
margin: 10px 0;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.tdwell-left {
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border: 1px solid #e3e3e3;
background-color: #f5f5f5;
margin-left: 10px;
}
.tdwell-right {
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border: 1px solid #e3e3e3;
background-color: #f5f5f5;
margin-left: 10px;
}
.dropdown-menu > li .btn-link {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #333;
white-space: nowrap;
border: none;
}
.dropdown-menu > li .btn-link:hover,
.dropdown-menu > li .btn-link:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu .dropdown-submenu {
position: relative;
clear: both;
}
.dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-menu .dropdown-submenu a {
padding-right: 40px;
position: relative;
}
.dropdown-menu .dropdown-submenu .caret {
right: 10px;
position: absolute;
top: 12px;
transform: rotate(-90deg);
}
.dropdown-menu .dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
}
.dropdown-menu .dropdown-submenu .dropdown-menu.pull-left {
left: auto;
right: 100%;
}
.twitter-typeahead.loading {
position: relative;
}
.twitter-typeahead.loading:before {
position: absolute;
display: block;
content: "\f2f1";
top: 1px;
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 10px;
top: 11px;
z-index: 4;
-moz-animation-name: spin;
-o-animation-name: spin;
-webkit-animation-name: spin;
animation-name: spin;
-moz-animation-duration: 5000ms;
-o-animation-duration: 5000ms;
-webkit-animation-duration: 5000ms;
animation-duration: 5000ms;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.dropdown-menu .fas, .dropdown-menu .far, .dropdown-menu .fal, .dropdown-menu .fab {
margin-right: 5px;
}
a.table-filter {
color: white;
font-size: 12px;
}
.nav-tabs li.admin a {
font-style: italic;
}
/*Now the CSS*/
.tree {
text-align: center;
}
.tree ul {
display: flex;
padding: 20px 0 0 0;
position: relative;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transform-origin: left;
}
.tree li {
flex: 1;
text-align: center;
list-style-type: none;
position: relative;
padding: 20px 25px 0 25px;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
}
.tree li .logo-overlap {
margin-top: 15px;
display: inline-block;
width: 15px;
height: 20px;
}
.tree li .logo {
width: 30px;
height: 30px;
background-size: cover;
border-radius: 50%;
display: inline-block;
border: solid 2px #eeeeee;
background-color: white;
}
.tree li a {
text-align: left;
}
/*We will use ::before and ::after to draw the connectors*/
.tree li::before, .tree li::after {
content: '';
position: absolute;
top: 0;
right: 50%;
border-top: 4px solid #6CBF70;
width: 50%;
height: 20px;
}
.tree li::after {
right: auto;
left: 50%;
border-left: 1px solid #6CBF70;
}
/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
display: none;
}
/*Remove space from the top of single children*/
.tree li:only-child {
padding-top: 0;
}
/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
border-right: 1px solid #6CBF70;
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after {
border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
}
/*Time to add downward connectors from parents*/
.tree ul ul::before {
content: '';
position: absolute;
top: 0;
left: 50%;
border-left: 1px solid #6CBF70;
width: 0;
height: 20px;
}
.tree li .inner {
border: 1px solid #6CBF70;
padding: 15px 30px;
display: inline-block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
background: #eeeeee;
box-shadow: 0 0 16px #ddd;
position: relative;
text-align: left;
}
a.add-group-button {
position: absolute;
right: 4px;
bottom: 0px;
font-size: 2rem;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li .inner:hover, .tree li .inner:hover + ul li a {
background: #c8e4f8;
color: #000;
border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li .inner:hover + ul li::after,
.tree li .inner:hover + ul li::before,
.tree li .inner:hover + ul::before,
.tree li .inner:hover + ul ul::before {
border-color: #94a0b4;
}
/*Thats all. I hope you enjoyed it.
Thanks :)*/
th a {
color: white;
}
.tree .inner img {
max-height: 40px;
float: left;
margin-left: -50px;
width: auto;
}
.well hr {
border-color: #999;
}
.profile-circular.lg {
width: 60px;
height: 60px;
}
.col-md-1 img {
max-width: 100%;
}
.validation-summary-valid {
display: none;
}
.validation-summary-errors {
margin: 1rem 0;
}
.help-system-container {
width: 35%;
min-width: 300px;
overflow: auto;
z-index: 1100;
background-color: white;
position: fixed;
margin: 0;
right: -50%;
top: 0;
bottom: 0;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0x 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.help-system-container .help-system-header {
background-color: #6CBF70;
padding: 8px 12px;
position: relative;
}
.help-system-container .help-system-header span {
color: white;
font-size: 16px;
}
.help-system-container .validation-summary-errors {
margin: 1rem 0;
}
.help-system-container .help-system-container {
width: 35%;
min-width: 300px;
overflow: auto;
z-index: 1000;
background-color: white;
position: fixed;
margin: 0;
right: -50%;
top: 0;
bottom: 0;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0x 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.help-system-container .help-system-container .help-system-header {
background-color: #6CBF70;
padding: 8px 12px;
position: relative;
}
.help-system-container .help-system-container .help-system-header span {
color: white;
font-size: 16px;
}
.help-system-container .help-system-container .help-system-body {
padding-left: 15px;
padding-right: 10px;
position: relative;
font-size: 16px;
font-weight: 100;
}
.help-system-container .help-system-container .help-system-body h2, .help-system-container .help-system-container .help-system-body h3, .help-system-container .help-system-container .help-system-body h4, .help-system-container .help-system-container .help-system-body a, .help-system-container .help-system-container .help-system-body p, .help-system-container .help-system-container .help-system-body div, .help-system-container .help-system-container .help-system-body li, .help-system-container .help-system-container .help-system-body blockquote {
font-size: 16px;
font-weight: 100;
}
.help-system-container .help-system-container .help-system-body > h1 {
font-size: 22px;
}
.help-system-container .help-system-container .help-system-body ul.help-nav {
padding: 0;
}
.help-system-container .help-system-container .help-system-body ul.help-nav li {
list-style-type: none;
padding: 4px 0;
}
.help-system-container .help-system-container div.help-nav {
display: block;
background: #f0f0f0;
margin: 0 -10px 0px -15px;
}
.help-system-container .help-system-container div.help-nav a.help-back-button {
padding: 10px 15px;
border-right: solid 1px white;
font-weight: normal;
font-size: 13px;
display: inline-block;
transition: all 0.2s ease;
}
.help-system-container .help-system-container div.help-nav a.help-back-button:hover {
text-decoration: none;
background: #d7d7d7;
}
.help-system-container .help-system-container div.help-nav a.help-back-button i {
margin-right: 5px;
}
.help-system-container div#subNav {
padding: 0;
}
.help-system-container div#subNav span.fa-question-circle {
font-size: 18px;
top: 4px;
}
.help-system-container h2 i.fas, .help-system-container h2 i.far, .help-system-container h2 i.fal, .help-system-container h2 i.fab, .help-system-container h1 i.fas, .help-system-container h1 i.far, .help-system-container h1 i.fal, .help-system-container h1 i.fab, .help-system-container h3 i.fas, .help-system-container h3 i.far, .help-system-container h3 i.fal, .help-system-container h3 i.fab {
font-size: 16px;
vertical-align: top;
}
.help-system-container .help-system-body {
padding-left: 15px;
padding-right: 10px;
position: relative;
font-size: 16px;
font-weight: 100;
}
.help-system-container .help-system-body h2, .help-system-container .help-system-body h3, .help-system-container .help-system-body h4, .help-system-container .help-system-body a, .help-system-container .help-system-body p, .help-system-container .help-system-body div, .help-system-container .help-system-body li, .help-system-container .help-system-body blockquote {
font-size: 16px;
font-weight: 100;
}
.help-system-container .help-system-body > h1 {
font-size: 22px;
}
.help-system-container .help-system-body ul.help-nav {
padding: 0;
}
.help-system-container .help-system-body ul.help-nav li {
list-style-type: none;
padding: 4px 0;
}
.help-system-container div.help-nav {
display: block;
background: #f0f0f0;
margin: 0 -10px 0px -15px;
}
.help-system-container div.help-nav a.help-back-button {
padding: 10px 15px;
border-right: solid 1px white;
font-weight: normal;
font-size: 13px;
display: inline-block;
transition: all 0.2s ease;
}
.help-system-container div.help-nav a.help-back-button:hover {
text-decoration: none;
background: #d7d7d7;
}
.help-system-container div.help-nav a.help-back-button i {
margin-right: 5px;
}
#map-options {
position: absolute;
z-index: 1000;
padding-left: 53px;
height: 80px;
background: rgba(0, 0, 0, 0.5);
right: 0;
padding: 17px 56px;
left: 0;
}
#map-options nav a {
margin-right: 3px;
}
#map-options nav a img {
width: 50px;
height: 50px;
border: solid 2px #444;
border-radius: 5px;
}
.map-container {
padding: 0;
position: relative;
z-index: 1;
}
.map-container .row {
margin: 0;
}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg {
/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
background-color: rgba(241, 128, 23, 0.6);
}
/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
background-color: #b5e28c;
}
.leaflet-oldie .marker-cluster-small div {
background-color: #6ecc39;
}
.leaflet-oldie .marker-cluster-medium {
background-color: #f1d357;
}
.leaflet-oldie .marker-cluster-medium div {
background-color: #f0c20c;
}
.leaflet-oldie .marker-cluster-large {
background-color: #fd9c73;
}
.leaflet-oldie .marker-cluster-large div {
background-color: #f18017;
}
.marker-cluster {
background-clip: padding-box;
border-radius: 20px;
}
.marker-cluster div {
width: 30px;
height: 30px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
border-radius: 15px;
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
line-height: 30px;
}
body .leaflet-popup-content-wrapper, body .leaflet-popup-tip {
font-family: foco, arial;
}
body .leaflet-popup-content-wrapper {
border-radius: 0;
}
body .leaflet-popup-content-wrapper a {
color: white;
}
body .leaflet-popup-content-wrapper a.btn {
min-width: 140px;
}
div#subNav {
padding: 0;
}
div#subNav span.fa-question-circle {
font-size: 18px;
top: 4px;
}
h2 i.fas, h2 i.far, h2 i.fal, h2 i.fab, h1 i.fas, h1 i.far, h1 i.fal, h1 i.fab, h3 i.fas, h3 i.far, h3 i.fal, h3 i.fab {
font-size: 16px;
vertical-align: top;
}
.validation-summary-errors {
margin: 1rem 0;
}
.validation-summary-errors.nice {
margin: 1rem 0;
padding-left: 70px;
}
.validation-summary-errors.nice:before {
content: "\f071";
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 40px;
float: left;
margin-left: -58px;
margin-top: -5px;
}
.validation-summary-errors.nice ul {
margin: 1rem 0;
padding: 0 2rem;
font-weight: bold;
list-style-type: square;
}
.dropdown-menu .fas, .dropdown-menu .far, .dropdown-menu .fal, .dropdown-menu .fab {
display: inline-block;
float: none;
margin: 0 5px 0 0;
padding: 0;
font-size: 15px;
top: 2px;
}
.designatory-letters {
font-size: 60%;
font-style: italic;
margin-left: -5px;
}
.designatory-letters span:before {
content: ", ";
}
input[type="checkbox"].fancy-checkbox,
.fancy-checkbox input[type="checkbox"] {
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
top: 4px;
margin-right: 4px;
outline: none;
}
input[type="checkbox"].fancy-checkbox:checked:after,
.fancy-checkbox input[type="checkbox"]:checked:after {
content: '\2714';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: #6CBF70;
font-weight: bold;
}
input[type="checkbox"].fancy-checkbox.non-principle:checked:after,
.fancy-checkbox input[type="checkbox"].non-principle:checked:after {
color: #999;
}
input[type="radio"].fancy-radio,
.fancy-radio input[type="radio"] {
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 9px;
border-radius: 25px;
display: inline-block;
position: relative;
top: 4px;
margin-right: 4px;
}
input[type="radio"].fancy-radio:checked:after,
.fancy-radio input[type="radio"]:checked:after {
content: " ";
position: absolute;
top: 0px;
left: 0;
color: #258CCE;
border: solid 6px #258CCE;
margin: 3px;
border-radius: 25px;
}
.multi-select label {
display: block;
}
label.fancy-checkbox {
font-weight: normal;
position: relative;
}
label.fancy-checkbox input {
position: absolute;
left: 0px;
top: -1px;
}
.pull-right input[type="checkbox"].fancy-checkbox {
margin-left: -27px;
margin-top: 0px;
}
.label {
margin-right: 2px;
border-radius: 0;
}
.label a {
color: inherit;
}
.label a:after {
top: 1px;
position: relative;
display: inline-block;
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f054";
}
a {
cursor: pointer;
}
.legalEntityBalancesVM {
display: flex;
}
.legalEntityBalancesVM dl {
flex: 1;
display: block;
padding: 1rem 2rem;
border: solid 1px #ddd;
max-width: 300px;
}
.legalEntityBalancesVM dl dt {
position: relative;
display: inline-block;
vertical-align: top;
}
.legalEntityBalancesVM dl dd {
margin-left: 0;
display: inline-block;
}
.legalEntityBalancesVM dl dd span {
display: block;
font-size: 2rem;
}
.legalEntityBalancesVM dl dd a {
display: block;
}
@keyframes toggleDisplay-show {
0% {
transform: scale(0.97);
max-height: 0px;
opacity: 0;
background: rgba(241, 190, 109, 0);
outline: rgba(241, 190, 109, 0) 0px solid;
}
2% {
transform: scale(0.97);
max-height: 4000px;
opacity: 1;
background: rgba(241, 190, 109, 0);
outline: rgba(241, 190, 109, 0) 0px solid;
}
5% {
transform: scale(1);
max-height: 4000px;
opacity: 1;
background: rgba(241, 190, 109, 0);
outline: rgba(241, 190, 109, 0) 0px solid;
}
40% {
transform: scale(1);
max-height: 4000px;
opacity: 1;
background: rgba(241, 190, 109, 0.1);
outline: rgba(241, 190, 109, 0.1) 5px solid;
}
80% {
transform: scale(1);
max-height: 4000px;
opacity: 1;
background: rgba(241, 190, 109, 0.1);
outline: rgba(241, 190, 109, 0.1) 5px solid;
}
100% {
transform: scale(1);
max-height: 4000px;
opacity: 1;
background: rgba(241, 190, 109, 0);
outline: rgba(241, 190, 109, 0) 0px solid;
}
}
@keyframes toggleDisplay-hide {
0% {
transform: scale(1);
max-height: 4000px;
opacity: 1;
}
25% {
transform: scale(0.97);
max-height: 4000px;
opacity: 1;
}
100% {
transform: scale(0.97);
max-height: 0px;
opacity: 0;
}
}
.toggleDisplay {
animation-duration: 0.5s;
animation-fill-mode: forwards;
transform: scale(0.97);
max-height: 0px;
opacity: 0;
}
.toggleDisplay.toggleDisplay-visible {
animation-name: toggleDisplay-show;
animation-duration: 5s;
}
.toggleDisplay.toggleDisplay-hidden {
animation-name: toggleDisplay-hide;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
}
.do-more {
font-style: normal;
font-weight: bold;
color: #333;
}
.do-more > i {
color: #333;
}
#domore .tabbed-help-block {
background: none;
border: none;
display: flex;
align-items: flex-start;
flex-flow: row;
}
#domore .tabbed-help-block h3 {
margin-top: 0;
}
#domore .tabbed-help-block > i {
font-size: 70px;
display: inline-block;
border: solid 4px #444;
padding: 20px;
border-radius: 50%;
}
#domore .tabbed-help-block > div {
display: inline-block;
margin: 20px;
}
.in-page-tab-section {
margin: 0 0 15px 0;
background: white;
padding: 5px 25px 0 25px;
border-bottom: 1px solid #ddd;
}
.in-page-tab-section.help-block {
padding: 23px 25px 10px 67px;
}
.in-page-tab-section ul {
padding-left: 0;
position: relative;
top: 1px;
font-size: 12px;
}
.in-page-tab-section ul a {
color: #3c893f;
padding: 8px 11px;
}
.tab-group {
margin-left: 25px;
}
.tab-group span {
display: inline-block;
padding: 8px;
font-size: 11px;
}
.tab-group:before {
position: absolute;
top: 9px;
left: -20px;
display: inline-block;
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f054";
color: #999;
}
input, select {
transition: 0.5s all linear;
}
input.processing, select.processing {
transform: scale(0.95);
border: solid 1px orange;
}
.list-group-item.active a {
color: white;
}
.payment-selection li {
padding: 0;
}
.payment-selection li a {
padding: 10px 15px;
display: block;
}
.payment-selection li a:active {
text-decoration: none;
}
.payment-selection li span {
float: right;
margin-top: 4px;
}
.payment-selection li input[type=radio] {
display: none;
}
.well h2 {
margin: 1rem 0 3rem 0;
}
.well {
border-radius: none;
}
.pricing-info {
margin-top: 1.5rem;
}
.pricing-info .name {
font-weight: bold;
}
.pricing-info .price .money {
font-size: 2.3rem;
color: #6CBF70;
}
.pricing-info .description {
font-size: 1.2rem;
}
.aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 51%;
}
.aspect-ratio iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.info-blocks {
display: flex;
list-style-type: none;
flex-wrap: wrap;
margin: -1rem;
padding: 0;
}
.info-blocks h3 {
margin: 0 0 0.5rem;
font-size: 1.5rem;
color: #163072;
font-weight: 100;
}
.info-blocks div span {
font-size: 3rem;
}
.info-blocks li {
flex: 1 1 auto;
border: solid 1px #ddd;
padding: 1rem;
margin: 1rem;
min-width: 200px;
background: #fafafa;
min-height: 120px;
}
.list-group.tahdah a {
display: block;
padding: 10px 15px;
}
.list-group.tahdah a:hover {
text-decoration: none;
background: #f5f5f5;
}
.list-group.tahdah.active a:hover {
color: black;
}
.list-group.tahdah i {
margin: 2px 1rem 0 0;
text-align: center;
width: 1.25em;
}
.list-group.tahdah .list-group-item {
padding: 0;
}
.well .loader-icon {
position: relative;
display: inline-block;
height: auto;
width: auto;
padding: 48px;
background-size: 50px;
margin-top: -15px;
margin-left: -15px;
}
table input[type="checkbox"].fancy-checkbox, table input[type="checkbox"].fancy-radio {
top: 4px;
margin-right: 4px;
}
.dropdown-info {
float: none;
width: auto;
position: relative;
border: none;
background: transparent;
box-shadow: none;
margin: -2rem 0 0 2rem;
font-size: 13px;
}
.process-progress {
display: flex;
border-top: dotted 8px #eeeeee;
color: #eeeeee;
margin-top: 42px;
border-bottom: solid 1px #ddd;
padding-bottom: 14px;
}
.process-progress li {
flex: 1;
list-style: none;
display: block;
text-align: center;
position: relative;
padding-top: 32px;
}
.process-progress li i {
background: #eeeeee;
padding: 8px;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 36px;
color: #539093;
position: absolute;
top: -31px;
left: 50%;
margin-left: -25px;
font-size: 21px;
transition: all linear 0.15s;
}
.process-progress li.valid {
color: #6CBF70;
}
.process-progress li.valid i {
background: #68bd6d;
color: white;
}
.process-progress li.active, .process-progress li.valid:hover {
color: #6CBF70;
}
.process-progress li.active i, .process-progress li.valid:hover i {
background: #364656;
color: white;
box-shadow: 0px 3px 8px #ccc;
transform: scale(1.1);
}
.membership-selection {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.membership-selection > div {
flex: 1 1;
display: flex;
position: relative;
box-shadow: 0 0 8px #ccc;
margin: 2rem;
border-radius: 7px;
min-width: 300px;
overflow: hidden;
flex-flow: column;
}
.membership-selection > div h2 {
text-align: center;
background: #6CBF70;
color: #eeeeee;
margin: 0 0 3rem;
padding: 2rem;
display: flex;
flex: 0 0 150px;
align-items: center;
position: relative;
justify-content: center;
font-size: 2.8rem;
font-weight: normal;
}
.membership-selection > div h2 img {
position: absolute;
height: 50px;
width: 50px;
bottom: -25px;
left: 50%;
margin-left: -25px;
}
.membership-selection > div div img {
margin: 3rem;
}
.membership-selection > div a {
display: flex;
flex-flow: column;
height: 100%;
text-decoration: none;
}
.membership-selection > div .description {
flex: 1 0 auto;
text-align: left;
margin-top: 2rem;
}
.membership-selection > div h3 {
flex: 1 0 auto;
}
.membership-selection > div div, .membership-selection > div h3 {
padding: 0 2rem;
text-align: center;
}
.membership-selection > div .membership-join-now {
background: #eeeeee;
color: #6CBF70;
margin-top: 3rem;
padding: 2rem;
transition: all linear 0.25s;
}
.membership-selection > div .membership-price {
border-top: solid 1px #f3f3f3;
margin: 1rem 3rem 0;
color: #6CBF70;
font-size: 3rem;
padding-top: 1rem;
}
.membership-selection > div button {
background: none;
padding: 0;
margin: 0;
border: none;
}
.membership-selection > div:hover .membership-join-now, .membership-selection > div .selected .membership-join-now {
background: #6CBF70;
color: #eeeeee;
}
.membership-type-details {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
padding-bottom: 2rem;
}
.membership-type-details h2 {
margin-top: 0;
}
.membership-type-details > div {
flex: 1 350px;
flex-direction: column;
}
.membership-type-details > div.membership-summary {
display: flex;
max-width: 300px;
background: #eeeeee;
text-align: center;
padding: 2rem;
margin: 0 2rem 0 0;
border-radius: 10px;
}
.membership-type-details > div.membership-summary img {
width: 70px;
background: #6CBF70;
border-radius: 50%;
padding: 10px;
}
.membership-type-details > div.membership-summary h3 {
flex: 1 0 auto;
padding-top: 2rem;
}
.pre-req-list {
margin-left: 55px;
}
.pre-req-list .big-state {
margin-left: -55px;
}
.pre-req-list p {
margin-top: 15px;
}
.pre-req-list a {
margin-top: 5px;
}
.big-state {
float: left;
font-size: 26px;
padding: 8px;
width: 45px;
height: 45px;
text-align: center;
margin-right: 10px;
border-radius: 8px;
background: #6CBF70;
color: white;
}
.big-state.text-success {
background: #68bd6d;
}
.big-state.text-warning {
background: #F3BA89;
}
.big-state.text-danger {
background: #F38C89;
}
.radio-group li {
padding-left: 50px;
}
.radio-group li label {
margin-bottom: 0;
margin-top: 8px;
}
.radio-group li > input[type=radio] {
position: absolute;
left: 10px;
top: 10px;
}
.fa-external-link {
margin-left: 3px;
font-size: 10px;
top: -6px;
position: relative;
}
.timeline-table .timeline-cell {
margin-left: 50px;
position: relative;
width: 72px;
left: 25px;
}
.timeline-table .timeline-cell:after {
content: " ";
position: absolute;
top: 0;
left: 25px;
height: 100%;
border-left: dotted 1px #444;
z-index: 0;
}
.timeline-table .timeline-cell .timeline-badge {
border-radius: 50%;
width: 32px;
height: 32px;
text-align: center;
vertical-align: middle;
line-height: 32px;
position: absolute;
left: 10px;
z-index: 2;
top: 50%;
background: white;
border: solid 1px #444;
margin-top: -16px;
}
.timeline-table .last-entry .timeline-cell:after {
height: 20px;
}
.timeline-table .last-entry + .last-entry .timeline-cell:after {
border: none;
}
.fixed-at-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 2rem 0;
z-index: 100;
color: white;
}
.spaced {
margin-bottom: 10.5px;
}
table .fa-grip-vertical {
color: #aaa;
cursor: grab;
}
table tr th.hint-SortOrderFieldVM {
text-indent: -100000px;
}
table tr td.hint-SortOrderFieldVM {
background: #ccc;
vertical-align: middle;
}
/* 5386 Some css tweaks to navigation */
/* Needed some space below the nav */
.in-page-menu {
margin-bottom: 2rem;
/* Remove the border from the active tab when you hover over the nav bar so we can make the hovered tab look open */
}
.in-page-menu ul.nav .nav-tabs:hover .active a {
border: none;
}
.in-page-menu ul.nav .open > a, .in-page-menu ul.nav .open > a:hover, .in-page-menu ul.nav .open > a:focus {
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.in-page-menu ul.nav .open.internal > a, .in-page-menu ul.nav .open.internal > a:hover, .in-page-menu ul.nav .open.internal > a:focus {
background-color: #eeeeee;
}
td.reloading {
opacity: 0.5;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body .table > tbody > tr.zero-row > td {
border-top: solid 2px #444;
}
body .table > tbody > tr > td.payment-detail {
padding-left: 0;
word-break: break-word;
}
body .table > tbody > tr > td.payment-detail strong {
font-weight: 400;
font-size: 1.7rem;
}
.btn-calltoaction, .btn-cta {
background-color: #539093;
border: double white 6px;
color: white;
}
.alert-with-icon {
padding-left: 68px;
min-height: 7rem;
}
.alert-with-icon > i {
margin-left: -56px;
font-size: 4rem;
float: left;
}
.staff-list {
min-width: 250px;
}
.td-twittertypeahead-field {
position: relative;
padding: 0;
font-size: 15px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: white;
border: 1px solid #ccc;
height: 38px;
border-radius: 4px;
}
.td-hasaddons .td-twittertypeahead-field {
border-right: none;
border-radius: 4px 0 0 4px;
}
.td-twittertypeahead-field > .profile {
position: absolute;
top: 6px;
left: 6px;
z-index: 4;
}
.td-twittertypeahead-field input {
border: none;
padding-left: 40px;
}
.modal-footer .btn + .btn {
margin-left: 0px;
}
.modal-footer > .btn + .btn {
margin-left: 5px;
}
.dropdown-menu .btn-link {
width: 100%;
text-align: left;
}
.square-buttons .btn {
border-radius: 5px;
height: 35px;
min-width: 35px;
text-align: center;
border: none;
margin: 0 5px;
}
.query-builder .panel-body {
padding: 0px;
margin: 0;
}
.query-builder .flex-form {
margin: 0;
padding: 1rem;
flex: 1;
}
.query-builder .flex-form .flex-form {
padding: 0;
}
.query-builder .input-group-addon, .query-builder .input-group-btn {
vertical-align: top;
}
.flex-form > span {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.query-group {
border-bottom: solid 1px #ccc;
padding: 1rem;
}
.query-group .query-group-operator {
position: relative;
padding-right: 15px;
max-width: 320px;
flex: 1;
}
.query-group .query-group-operator i {
position: absolute;
bottom: 10px;
right: -2px;
}
.query-group:nth-child(odd) {
background: #f0f0f0;
}
.query-group p .form-control {
width: auto;
display: inline-block;
margin: 0 5px;
background: rgba(255, 255, 255, 0.5);
padding: 5px;
height: auto;
}
.example-enter {
opacity: 0.01;
transform: scale(0.8);
}
.example-enter.example-enter-active {
opacity: 1;
transition: opacity 500ms ease-in;
transform: scale(1);
}
.example-leave {
opacity: 1;
transform: scale(1);
}
.example-leave.example-leave-active {
opacity: 0.01;
transition: opacity 300ms ease-in;
transform: scale(0.8);
}
.css-wmw4vi-ReactDropdownSelect {
min-width: 300px;
border: none;
}
.react-dropdown-select-item {
white-space: nowrap;
}
@media (max-width: 768px) {
.react-dropdown-select-dropdown {
min-width: 500px;
}
}
.auto-flex {
display: flex;
flex-flow: row wrap;
}
.auto-flex > * {
flex: 0 1 auto;
width: auto;
margin: 0 5px;
}
.badge-wrapper .memberships a {
text-align: center;
vertical-align: top;
}
.badge-wrapper .memberships a img {
margin: 0 5px 0 3px;
}
.extension-badge {
display: block;
font-size: 1.2rem;
background: #22aa22;
padding: 1px 7px;
border-radius: 14px;
margin-top: 3px;
color: white;
}
.table th.bolton-module {
background: #90ce93;
}
.label {
font-size: 10px;
}
#document-library-tags a {
border-radius: 0 40px 0 0;
transition: all 1s ease;
}
#document-library-tags a:hover {
box-shadow: 4px 4px 20px;
}
.inbooltoggle .bootstrap-switch-wrapper {
border-color: black;
box-shadow: 0px 0px 0px 2px #999;
margin-right: 8px;
}
tr.deallocated {
opacity: 0.6;
}
.row.flex.payment-methods {
margin: 0;
}
.row.flex.payment-methods > div:not(.ghost) {
position: relative;
border: 1px solid #6f969b;
background-color: white;
padding: 15px;
margin: 5px;
align-self: center;
cursor: pointer;
}
.row.flex.payment-methods > div:not(.ghost):first-of-type {
margin-left: 0;
}
.row.flex.payment-methods > div:not(.ghost):last-of-type {
margin-right: 0;
}
.row.flex.payment-methods > div:not(.ghost).active:before {
position: absolute;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: "\f058";
top: -15px;
right: -6px;
color: green;
font-size: 20pt;
}
li.active.in.loaded {
height: 40px;
}
#split-layout {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 1190px) {
#split-layout {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#split-layout + #root + footer {
margin-top: 0;
}
#split-layout .nav-base {
position: -webkit-sticky;
position: sticky;
max-height: 100vh;
top: 50px;
-webkit-box-flex: 0 390px;
-moz-box-flex: 0 390px;
-webkit-flex: 0 390px;
-ms-flex: 0 390px;
flex: 0 390px;
background-color: #6CBF70;
text-align: center;
z-index: 5;
min-width: 390px;
/*overflow: auto;*/
}
@media (max-width: 1190px) {
#split-layout .nav-base {
position: relative;
top: auto;
-webkit-box-flex: 1 100%;
-moz-box-flex: 1 100%;
-webkit-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
max-height: unset;
min-width: 100%;
}
}
#split-layout .nav-base .sidebar-wrapper {
position: relative;
padding: 50px 0 0;
background: #439b48;
}
#split-layout .nav-base .sidebar-wrapper.mobile {
padding: 15px 0;
}
#split-layout .nav-base .sidebar-wrapper.mobile:not(.open) .profile-picture {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
width: 75px;
height: 75px;
}
#split-layout .nav-base .sidebar-wrapper.mobile:not(.open) .profile-picture .photo {
display: none;
}
#split-layout .nav-base .sidebar-wrapper.mobile:not(.open) span {
text-align: left;
padding-left: 125px;
}
#split-layout .nav-base .sidebar-wrapper.mobile:not(.open) span.name {
font-size: 20pt;
}
#split-layout .nav-base .sidebar-wrapper .toggle-menu {
position: absolute;
right: 25px;
bottom: 15px;
background-color: transparent;
border: none;
font-size: 20pt;
color: #FFF;
}
#split-layout .nav-base .sidebar-wrapper .extension-badge {
padding: 1px 7px;
font-size: 10pt;
}
#split-layout .nav-base .profile-picture {
position: relative;
display: block;
max-width: 125px;
margin: 0 auto;
width: 125px;
height: 125px;
background-size: cover !important;
background-position: center !important;
}
#split-layout .nav-base .profile-picture:not(.fixed) {
border-radius: 100px;
border: 5px solid #FFF;
background-color: #FFF;
background-repeat: no-repeat;
background-size: contain !important;
}
#split-layout .nav-base .profile-picture .photo {
position: absolute;
top: 75%;
left: 75%;
background-color: #FFF;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 12pt;
border-radius: 50px;
}
#split-layout .nav-base span {
display: block;
text-align: center;
color: #fff;
font-size: 12pt;
padding: 0 25px 5px;
}
#split-layout .nav-base span.label-warning {
color: #222;
}
#split-layout .nav-base span > span {
display: inline-block;
padding-bottom: 0;
}
#split-layout .nav-base span.label {
display: inline-block;
font-size: 10pt;
padding: 5px 10px;
}
#split-layout .nav-base span.name {
font-size: 24pt;
font-weight: 700;
line-height: 35px;
}
#split-layout .nav-base span.title {
font-size: 18pt;
line-height: 28px;
font-weight: 700;
margin-top: 15px;
}
#split-layout .nav-base span a {
color: inherit;
}
#split-layout .nav-base a.logs {
display: inline-block;
color: #fff;
margin-bottom: 5px;
}
#split-layout .nav-base h4 {
color: #FFF;
font-size: 90%;
margin-bottom: 0;
}
#split-layout .nav-base .org-logo {
margin: 10px 5px;
}
#split-layout .nav-base .MuiAlert-standard {
margin: 25px 25px;
text-align: left;
}
#split-layout .nav-base .links {
padding: 0 0 15px 0;
margin: 0;
list-style: none;
text-align: left;
background-color: #6CBF70;
}
#split-layout .nav-base .links + .links {
border-top: 1px solid #5ab75f;
padding-top: 20px;
}
#split-layout .nav-base .links + .links li a {
font-size: 90%;
padding: 5px;
}
#split-layout .nav-base .links > li {
position: relative;
}
#split-layout .nav-base .links > li:hover, #split-layout .nav-base .links > li .active {
background-color: #5ab75f;
}
#split-layout .nav-base .links > li:hover > a, #split-layout .nav-base .links > li .active > a {
color: #333;
}
#split-layout .nav-base .links > li:hover ul, #split-layout .nav-base .links > li .active ul {
display: block;
}
#split-layout .nav-base .links > li .sub-arrow {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
color: #FFF;
font-size: 14pt;
display: inline-block;
pointer-events: none;
}
#split-layout .nav-base .links > li button {
background: none;
border: none;
}
#split-layout .nav-base .links > li a, #split-layout .nav-base .links > li button {
display: block;
color: #fff;
font-size: 13pt;
padding: 10px 0 10px 25px;
text-decoration: none;
}
#split-layout .nav-base .links > li a .icon, #split-layout .nav-base .links > li button .icon {
padding-right: 20px;
width: 40px;
text-align: center;
}
@media (max-width: 1190px) {
#split-layout .nav-base .links > li a .icon, #split-layout .nav-base .links > li button .icon {
display: none;
}
}
#split-layout .nav-base .links > li ul {
display: none;
position: absolute;
top: 0;
left: 100%;
background-color: #6CBF70;
z-index: 99;
width: 225px;
list-style: none;
padding: 0;
}
@media (max-width: 1190px) {
#split-layout .nav-base .links > li ul {
display: block;
position: relative;
top: auto;
left: auto;
width: auto;
margin-left: 35px;
padding-left: 15px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
#split-layout .nav-base .links > li ul li a {
padding: 5px 15px !important;
}
}
#split-layout .nav-base .links > li ul li:hover {
background-color: #5ab75f;
}
#split-layout .nav-base .links > li ul li:hover > a {
color: #333;
}
#split-layout .nav-base .links > li ul li a {
font-size: 10pt;
padding: 10px 15px;
}
@media (max-width: 1190px) {
#split-layout .nav-base .links > li ul li a {
padding: 5px 15px;
}
}
#split-layout .nav-base .expandable button {
background-color: transparent;
border: none;
font-size: 20pt;
color: #FFF;
}
#split-layout .nav-base .awards-with-details h4 {
font-size: 90%;
margin-bottom: 10px;
}
#split-layout .nav-base .awards-with-details a:not(.link) {
background-color: #d1c57d;
margin: 2px;
float: none;
display: inline-block;
line-height: 20px;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 2px;
min-width: 50px;
text-align: left;
position: relative;
border: solid 1px transparent;
}
#split-layout .nav-base .awards-with-details a:not(.link) > img {
height: 20px;
margin: 2px 8px;
mix-blend-mode: multiply;
}
#split-layout .nav-base .awards-with-details a:not(.link) > span {
padding: 2px 8px;
border-left: solid 1px rgba(255, 255, 255, 0.4);
display: inline-block;
font-size: 8pt;
}
#split-layout .nav-base .awards-with-details a:not(.link) div {
border-radius: 3px;
border: solid 1px #555555;
background: #eeeeee;
color: #555555;
position: absolute;
z-index: 1401;
left: 50%;
margin-left: -160px;
top: 100%;
margin-top: -2px;
display: none;
font-size: 80%;
width: 300px;
padding: 10px;
font-weight: normal;
}
#split-layout .nav-base .awards-with-details a:not(.link) div h5 {
white-space: initial;
}
#split-layout .nav-base .awards-with-details a:not(.link) div span {
padding: 2px 0;
display: block;
white-space: initial;
}
#split-layout .nav-base .awards-with-details a:not(.link) div img {
height: 40px;
margin-right: 10px;
}
#split-layout .nav-base .awards-with-details a:not(.link) div * {
font-size: 1.1rem;
line-height: 1.3rem;
}
#split-layout .nav-base .awards-with-details a:not(.link):hover, #split-layout .nav-base .awards-with-details a:not(.link):focus, #split-layout .nav-base .awards-with-details a:not(.link):active {
background-color: #eeeeee;
color: #555555;
border: solid 1px #555555;
}
@media (min-width: 700px) {
#split-layout .nav-base .awards-with-details a:not(.link):hover {
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
z-index: 1400;
}
#split-layout .nav-base .awards-with-details a:not(.link):hover div {
display: block;
}
}
#split-layout .nav-base .awards-with-details a:not(.link) .award-equivalent {
margin-top: -12px;
font-size: 7px;
color: #6CBF70;
}
#split-layout .nav-base .awards-with-details a:not(.link).raw-image {
background-color: transparent;
padding: 0;
border: none;
min-width: 0;
width: auto;
}
#split-layout .nav-base .awards-with-details a:not(.link).raw-image img {
margin: 0 2px;
}
#split-layout .nav-base .awards-with-details .popover {
font-size: 11pt;
margin-top: 20px;
z-index: 10000;
}
#split-layout .nav-base .awards-with-details .popover .popover-content img {
height: 40px;
}
#split-layout .nav-base .awards-with-details .popover .popover-content h5 {
font-size: 14pt;
}
#split-layout .nav-base .awards-with-details .popover .popover-content span {
display: block;
margin-bottom: 5px;
color: inherit;
}
#split-layout .nav-base .awards-with-details .popover .popover-content .small {
font-size: 9pt;
}
#split-layout .nav-base .awards-with-details .popover .popover-content .small p {
font-size: 9pt;
}
#split-layout .nav-base .awards-with-details .label span {
color: #FFF;
}
#split-layout .nav-base .awards-with-details .label:hover span {
color: #555555;
}
#split-layout .content-base {
-webkit-box-flex: 1 800px;
-moz-box-flex: 1 800px;
-webkit-flex: 1 800px;
-ms-flex: 1 800px;
flex: 1 800px;
padding: 15px 25px 25px;
overflow: hidden;
}
.custom-navbar-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 0 -15px;
}
.custom-navbar-wrapper #mobileNav {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999999999999999999;
background-color: #6CBF70;
width: 100%;
height: 100%;
margin-top: 50px;
list-style: none;
padding-top: 25px;
box-sizing: border-box;
overflow: auto;
padding-bottom: 75px;
padding-right: 40px;
}
.custom-navbar-wrapper #mobileNav.open {
display: block;
}
.custom-navbar-wrapper #mobileNav p {
color: #fff;
}
.custom-navbar-wrapper #mobileNav li {
padding: 5px 0;
}
.custom-navbar-wrapper #mobileNav li a {
color: #fff;
}
.custom-navbar-wrapper #mobileNav li#subMenu {
display: none !important;
}
.custom-navbar-wrapper #mobileNav button .label {
display: none;
}
.custom-navbar-wrapper .custom-nav {
flex: 1;
padding-left: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
}
@media (max-width: 1100px) {
.custom-navbar-wrapper .custom-nav:not(.theme, .custom-navbar-right) {
display: none;
}
}
.custom-navbar-wrapper .custom-nav > li {
display: inline-block;
flex: 0;
white-space: nowrap;
}
.custom-navbar-wrapper .custom-nav > li.divider {
border-right: 1px solid rgba(255, 255, 255, 0.4);
border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.custom-navbar-wrapper .custom-nav > li.mobile-button {
display: none;
}
@media (max-width: 1100px) {
.custom-navbar-wrapper .custom-nav > li.mobile-button {
display: block;
}
}
@media (max-width: 500px) {
.custom-navbar-wrapper .custom-nav > li:not(.fixed) {
display: none !important;
}
}
.custom-navbar-wrapper .custom-nav > li > a {
display: block;
text-decoration: none;
padding: 15px 10px 14px;
color: #fff;
}
.custom-navbar-wrapper .custom-nav > li > a:hover, .custom-navbar-wrapper .custom-nav > li > a:focus {
background-color: #55b55a;
color: #333;
}
.custom-navbar-wrapper .custom-nav > li > a.navbar-brand, .custom-navbar-wrapper .custom-nav > li > a.profile {
margin-left: 0;
padding-top: 10px;
padding-bottom: 0;
}
.custom-navbar-wrapper .custom-nav > li > a.navbar-brand:hover, .custom-navbar-wrapper .custom-nav > li > a.navbar-brand:focus, .custom-navbar-wrapper .custom-nav > li > a.profile:hover, .custom-navbar-wrapper .custom-nav > li > a.profile:focus {
background-color: transparent;
color: #fff;
}
.custom-navbar-wrapper .custom-nav > li.active > a, .custom-navbar-wrapper .custom-nav > li.active > a:hover, .custom-navbar-wrapper .custom-nav > li.active > a:focus {
color: #333;
background-color: #55b55a;
}
.custom-navbar-wrapper .custom-nav.theme {
flex: 0 85px;
background: #439b48;
}
.custom-navbar-wrapper .custom-nav.theme > li {
flex: 1;
}
.custom-navbar-wrapper .custom-nav.theme > li > a {
background: none !important;
}
.custom-navbar-wrapper .custom-nav.custom-navbar-right {
justify-content: flex-end;
flex: 0 300px;
flex-wrap: nowrap;
}
@media (max-width: 1100px) {
.custom-navbar-wrapper .custom-nav.custom-navbar-right {
flex: 1;
}
}
.printonly {
display: none;
}
#layoutswitcher {
position: sticky;
bottom: 30px;
margin: 2rem;
background: #6CBF70;
color: #777;
padding: 2rem;
z-index: 12;
width: 250px;
left: 100%;
}
.profile-controller .badge-image-wrapper {
margin-right: 40px;
float: left;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.profile-controller .badge-image-wrapper.provider {
margin-top: -80px;
}
.profile-controller .badge-image-wrapper:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.profile-controller .badge-image-wrapper.un-circle {
border-radius: 0;
}
.profile-controller .badge-image-wrapper a {
display: block;
height: 100%;
width: 100%;
}
.profile-controller .shareIcon {
width: 20px;
margin: 0 10px 0 0;
}
.profile-controller .profile-name {
font-size: 150%;
color: #6CBF70;
margin-top: 10px;
display: block;
}
.profile-controller .profile-id {
font-size: 80%;
font-weight: bold;
color: #6CBF70;
margin-top: 5px;
display: block;
}
.profile-controller .profile-controller.index-action .panel-body {
font-size: 90%;
}
.profile-controller .profile-details span {
font-size: 200%;
}
.profile-controller .map-img {
width: 100%;
}
.profile-controller .memberships {
display: inline-block;
margin-right: 10px;
}
.profile-controller .memberships img {
height: 30px;
}
.profile-controller .setup-requirement {
height: 200px;
text-align: center;
padding: 40px 10px;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-bottom: 10px;
}
.profile-controller .setup-requirement.success {
background-color: #C8ECCB;
color: #238229;
border: solid 1px #238229;
}
.profile-controller .setup-requirement.success a {
color: #238229;
}
.profile-controller .setup-requirement.fail {
background-color: #FFDAD9;
color: #A5302D;
border: solid 1px #A5302D;
}
.profile-controller .setup-requirement.fail a {
color: #A5302D;
}
.profile-controller .setup-requirement:hover {
background-color: #BADADB;
color: #1B6064;
border: solid 1px #1B6064;
}
.profile-controller .setup-requirement:hover a {
color: #1B6064;
}
.profile-controller .setup-requirement a {
display: block;
height: 100%;
width: 100%;
}
.profile-controller .setup-requirement a:hover {
text-decoration: none;
}
.profile-controller .setup-requirement span {
display: block;
margin-bottom: 10px;
}
.profile-controller .setup-requirement .number {
font-size: 150%;
font-weight: bold;
}
.profile-controller .setup-requirement .title {
font-size: 90%;
min-height: 40px;
}
.profile-controller .setup-requirement .fas, .profile-controller .setup-requirement .far, .profile-controller .setup-requirement .fal, .profile-controller .setup-requirement .fab {
font-size: 200%;
}
.profile-controller .news a span {
font-size: 110%;
display: block;
color: #333333;
font-weight: bold;
margin-bottom: 10px;
}
.profile-controller .news a img {
max-width: 100%;
}
.profile-controller .news a:hover {
text-decoration: none;
}
.profile-controller .photo-container {
text-align: center;
}
.profile-controller .photo-container .profile-photo {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
height: 175px;
display: inline-block;
margin: 15px 15px 0 0;
cursor: pointer;
}
.profile-controller .photo-container .profile-photo:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.profile-controller #lgPhoto {
max-width: 100%;
}
.profile-controller .profile-details:hover {
text-decoration: none;
}
.provider-controller #staffMembers .staff-member {
padding: 50px;
}
.provider-controller #staffMembers .staff-member:nth-child(2n+1) {
background-color: #f9f9f9;
}
.provider-controller #staffMembers .staff-member:hover {
background-color: #f5f5f5;
}
@media (max-width: 768px) {
.provider-controller #staffMembers .staff-member {
padding: 15px;
}
}
.provider-controller .nb-text {
font-size: 70%;
font-style: italic;
display: inline-block;
text-align: center;
}
.provider-controller .tahdah-badge .tahdah-plugins {
padding-right: initial;
}
.provider-controller .tahdah-badge .tahdah-plugins .public-badge {
width: auto;
max-width: 100%;
}
.provider-search-container table td .search-result-image {
width: 80px;
height: 80px;
}
.work-controller .panel-title .search-result-image {
height: 20px;
width: 20px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
display: inline-block;
float: left;
margin-right: 10px;
}
.work-controller .panel-title .search-result-image:hover {
-moz-transform: scale(1.9);
-ms-transform: scale(1.9);
-o-transform: scale(1.9);
-webkit-transform: scale(1.9);
transform: scale(1.9);
position: relative;
z-index: 10000;
}
.provider-candidates-tab .provider-candidate-container {
height: 175px;
}
.provider-candidates-tab .profile-image {
border-radius: 50%;
width: 50px;
height: 50px;
background-size: cover;
text-align: center;
}
.provider-candidates-tab .profile-image .candidate-initials {
display: block;
width: 100%;
height: 100%;
}
.provider-candidates-tab .profile-image .candidate-initials[data-show="True"] {
display: inline-block;
}
.provider-candidates-tab .candidate-initials {
text-align: center;
}
.provider-candidates-tab .candidate-name {
font-size: 18pt;
}
.provider-candidates-tab .middle-container {
text-align: left;
padding-left: 20px;
display: inline-block;
}
.provider-candidates-tab .candidate-initials[data-show="True"]:after {
margin: 15px 0 0 0;
font-size: 11pt;
}
.provider-candidates-tab .candidate-registrations a {
text-decoration: none;
}
.account-controller.pricing-action {
background-image: none;
padding-top: 60px;
}
.account-controller.pricing-action .option {
width: 100%;
text-align: center;
background-color: #539093;
padding: 10px 0;
margin-bottom: 10px;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
opacity: 0.7;
}
.account-controller.pricing-action .option .fas, .account-controller.pricing-action .option .far, .account-controller.pricing-action .option .fal, .account-controller.pricing-action .option .fab {
font-size: 130%;
margin-bottom: 5px;
}
.account-controller.pricing-action .option > span {
color: #ffffff;
display: block;
}
.account-controller.pricing-action .option .name {
font-size: 110%;
}
.account-controller.pricing-action .option .range {
font-size: 80%;
}
.account-controller.pricing-action .option .price {
font-size: 90%;
}
.account-controller.pricing-action .option .extra-price {
font-size: 70%;
font-style: italic;
}
.account-controller.pricing-action .option:hover {
opacity: 0.9;
}
.account-controller.pricing-action .option.selected {
background-color: #F3BA89;
opacity: 1;
}
.account-controller.pricing-action #price span {
display: block;
font-size: 90%;
}
.account-controller.pricing-action #price span > span {
display: inline;
font-weight: bold;
font-size: 100%;
}
.account-controller.pricing-action #price .total {
font-size: 110%;
}
.payment-controller.carddetails-action .validation-summary-errors {
background: #F38C89;
border-radius: 7px;
padding: 7px;
margin: 0 -7px 10px;
color: #ffffff;
display: none;
}
.payment-controller.carddetails-action .validation-summary-errors p {
text-align: left;
}
.payment-controller.carddetails-action .validation-summary-errors ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.payment-controller.carddetails-action .validation-summary-errors ul li {
text-align: left;
margin-left: 20px;
}
.payment-controller.carddetails-action .validation-summary-errors ul li span {
margin-left: -20px;
font-size: 14px;
margin-right: 5px;
}
.payment-controller .child-profile-image {
width: 50px;
height: 50px;
border-radius: 25px;
padding: 10px;
}
.registration-controller .tabcontainer .payment-option {
margin-bottom: 10px;
}
.registration-controller .tabcontainer .award-img {
width: 100%;
margin: 0;
padding: 0;
height: auto;
border-radius: 0;
}
.registration-controller .tabcontainer .panel .org-logo {
width: 100%;
margin: 0;
padding: 0;
height: auto;
border-radius: 0;
}
.registration-controller .tabcontainer .prerequisite {
text-align: center;
padding: 20px 0;
margin-bottom: 10px;
font-weight: bold;
}
.registration-controller .tabcontainer .prerequisite.danger {
background-color: #FFDAD9;
color: #A5302D;
}
.registration-controller .tabcontainer .prerequisite.info {
background-color: #BADADB;
color: #1B6064;
}
.registration-controller .tabcontainer .prerequisite.success {
background-color: #C8ECCB;
color: #238229;
}
.registration-controller .tabcontainer .prerequisite span {
display: block;
font-size: 90%;
margin-bottom: 10px;
}
.registration-controller .tabcontainer .prerequisite span.fas, .registration-controller .tabcontainer .prerequisite span.far, .registration-controller .tabcontainer .prerequisite span.fal, .registration-controller .tabcontainer .prerequisite span.fab {
font-size: 120%;
}
.registration-controller .tabcontainer .prerequisite form {
display: inline;
}
.registration-controller .tabcontainer .prerequisite .modal {
color: #333333;
text-align: left;
font-weight: normal;
}
.registration-controller .tabcontainer .prerequisite .modal .modal-footer .alert {
display: inline;
text-align: left;
margin-right: 20px;
}
.registration-controller .tabcontainer .prerequisite .modal .modal-footer .alert span {
display: inline;
}
.registration-controller .tabcontainer .course-tile {
width: 100%;
background-color: #eeeeee;
text-align: center;
padding: 20px 0;
}
.registration-controller .tabcontainer .course-tile .badge-image-wrapper {
margin: 0 auto 10px;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.registration-controller .tabcontainer .course-tile .badge-image-wrapper:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.registration-controller .tabcontainer .course-tile .badge-image-wrapper a {
display: block;
height: 100%;
width: 100%;
}
.registration-controller .tabcontainer .course-tile span {
display: block;
}
.registration-controller .tabcontainer .course-tile span.cost {
font-size: 140%;
font-weight: bold;
}
.registration-controller .tabcontainer .shop-items .tile {
height: 150px;
}
.registration-controller .tabcontainer .shop-items .tile .faces > div {
padding: 0;
}
.registration-controller .tabcontainer .shop-items .tile .faces .front {
line-height: 130px;
}
.registration-controller .tabcontainer .shop-items .tile .faces .back h2 {
font-size: 90%;
font-weight: bold;
margin: 0;
}
.registration-controller .tabcontainer .shop-items .tile .faces .back p {
margin: 0;
}
.registration-controller .tabcontainer .candidate-selected-course {
max-width: 200px;
border-radius: 50%;
margin: auto;
display: block;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url("/content/images/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url("/content/images/chosen-sprite.png") no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url("/content/images/chosen-sprite.png") no-repeat 100% -20px;
background: url("/content/images/chosen-sprite.png") no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url("/content/images/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url("/content/images/chosen-sprite.png") no-repeat -30px -20px;
background: url("/content/images/chosen-sprite.png") no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url("/content/images/chosen-sprite@2x.png") !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
.basket-quantity-form input {
max-width: 100px;
display: inline-block;
}
.basket-quantity-form form {
display: inline-block;
}
#mini-basket-mobile-holder {
float: right;
}
#miniBasket {
margin-top: 8px;
}
#miniBasket a {
padding: 8px 10px;
}
.quick-buy input {
width: calc(70% - 40px);
display: inline-block;
}
.quick-buy button {
display: inline-block;
}
@media (max-width: 991px) {
.basket-controller .row > div .btn {
margin-bottom: 0;
}
.basket-controller .basket-quantity-form {
min-width: 143px;
}
.basket-controller .basket-quantity-form input.qty {
max-width: 38px;
}
}
.shop-controller .imgcentered {
padding-bottom: 2rem;
}
.shop-controller .imgcentered img {
max-height: 300px;
max-width: 100%;
}
.shop-controller .tile {
position: relative;
}
.shop-controller .tile h2 {
color: #000;
font-size: 2.4rem;
max-height: 9rem;
overflow: hidden;
}
.shop-controller .tile .button-row {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
}
.shop-controller .category {
text-align: center;
}
.shop-controller .category img {
max-height: 100%;
max-width: 100%;
}
.shop-controller .jumbotron .container a img {
max-width: 250px;
}
.shop-controller.categories-action .imgcentered img {
max-width: 75%;
}
.category-list a {
display: block;
height: 190px;
overflow: hidden;
margin-bottom: 1rem;
line-height: 190px;
text-align: center;
}
.category-list a img {
vertical-align: middle;
}
.shop-controller.category-action .tile .front img {
max-height: 100%;
}
.tile .product-image {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
width: 100%;
height: 100%;
}
.help-controller > .container img {
max-width: 70%;
margin-top: 30px;
}
.help-controller > .container h4 {
max-width: 70%;
margin-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 1px #ececec;
}
.help-controller > .container .bolder {
font-weight: 800;
}
@media (max-width: 768px) {
.help-controller > .container img {
max-width: 100%;
}
.help-controller > .container h4 {
max-width: 100%;
}
.help-controller > .container .bolder {
font-weight: 800;
}
}
@media print {
.fas,
.far,
.fal,
.fab,
.alert-danger,
.btn-default,
.btn-danger,
.badge-image-wrapper,
.nav-tabs,
.nav-pills,
.btn-primary,
.noprint,
div.alert,
#cookienotice,
.pagination,
a[href]:after {
display: none;
}
.printonly {
display: block;
}
body {
padding: 10px 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
width: 100%;
}
.profile-controller .top-buffer {
margin-top: 0 !important;
}
.course-controller.detail-action .jumbotron, .workshop-controller.detail-action .jumbotron {
padding: 0 !important;
background-color: white;
}
.course-controller.detail-action .jumbotron #profilePicture, .course-controller.detail-action .jumbotron .profile-img, .workshop-controller.detail-action .jumbotron #profilePicture, .workshop-controller.detail-action .jumbotron .profile-img {
width: 120px !important;
height: 120px !important;
}
th {
color: #333333 !important;
}
[class*="col-sm-"] {
float: left;
}
[class*="col-xs-"] {
float: left;
}
.col-sm-12, .col-xs-12 {
width: 100% !important;
}
.col-sm-11, .col-xs-11 {
width: 91.66666667% !important;
}
.col-sm-10, .col-xs-10 {
width: 83.33333333% !important;
}
.col-sm-9, .col-xs-9 {
width: 75% !important;
}
.col-sm-8, .col-xs-8 {
width: 66.66666667% !important;
}
.col-sm-7, .col-xs-7 {
width: 58.33333333% !important;
}
.col-sm-6, .col-xs-6 {
width: 50% !important;
}
.col-sm-5, .col-xs-5 {
width: 41.66666667% !important;
}
.col-sm-4, .col-xs-4 {
width: 33.33333333% !important;
}
.col-sm-3, .col-xs-3 {
width: 25% !important;
}
.col-sm-2, .col-xs-2 {
width: 16.66666667% !important;
}
.col-sm-1, .col-xs-1 {
width: 8.33333333% !important;
}
.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,
.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 !important;
}
body {
margin: 0;
padding: 0 !important;
}
.container {
width: auto;
min-width: 100%;
}
body {
font-size: 10px;
}
a[href]:after {
content: none;
}
td, th {
border: solid 1px #999 !important;
}
th {
border-bottom: solid 3px #999 !important;
}
}
.provider-controller.vault-action .breadcrumb form,
.premium-controller.vault-action .breadcrumb form {
display: inline;
}
.provider-controller.vault-action .breadcrumb form button,
.premium-controller.vault-action .breadcrumb form button {
display: inline;
border: none;
background-color: transparent;
}
.provider-controller.vault-action .thumbnail,
.premium-controller.vault-action .thumbnail {
height: 210px;
position: relative;
}
.provider-controller.vault-action .thumbnail .extra-huge,
.premium-controller.vault-action .thumbnail .extra-huge {
font-size: 40pt;
margin: 10px;
}
.provider-controller.vault-action .thumbnail .caption,
.premium-controller.vault-action .thumbnail .caption {
text-align: center;
}
.provider-controller.vault-action .thumbnail .caption span,
.premium-controller.vault-action .thumbnail .caption span {
display: block;
margin-bottom: 5px;
-ms-word-break: break-all;
word-break: break-all;
font-size: 80%;
height: 50px;
overflow: hidden;
}
.provider-controller.vault-action .thumbnail .caption label,
.premium-controller.vault-action .thumbnail .caption label {
display: block;
font-size: 80%;
}
.provider-controller.vault-action .thumbnail .caption form,
.premium-controller.vault-action .thumbnail .caption form {
display: inline;
}
.provider-controller.premium-action .menu, .provider-controller.index-action .menu,
.premium-controller.premium-action .menu,
.premium-controller.index-action .menu {
text-decoration: none;
color: inherit;
}
.provider-controller.premium-action .thumbnail, .provider-controller.index-action .thumbnail,
.premium-controller.premium-action .thumbnail,
.premium-controller.index-action .thumbnail {
height: 250px;
}
.provider-controller.premium-action .thumbnail .fas, .provider-controller.premium-action .thumbnail .far, .provider-controller.premium-action .thumbnail .fal, .provider-controller.premium-action .thumbnail .fab, .provider-controller.index-action .thumbnail .fas, .provider-controller.index-action .thumbnail .far, .provider-controller.index-action .thumbnail .fal, .provider-controller.index-action .thumbnail .fab,
.premium-controller.premium-action .thumbnail .fas,
.premium-controller.premium-action .thumbnail .far,
.premium-controller.premium-action .thumbnail .fal,
.premium-controller.premium-action .thumbnail .fab,
.premium-controller.index-action .thumbnail .fas,
.premium-controller.index-action .thumbnail .far,
.premium-controller.index-action .thumbnail .fal,
.premium-controller.index-action .thumbnail .fab {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.provider-controller.premium-action .thumbnail:hover .fas, .provider-controller.premium-action .thumbnail:hover .far, .provider-controller.premium-action .thumbnail:hover .fal, .provider-controller.premium-action .thumbnail:hover .fab, .provider-controller.index-action .thumbnail:hover .fas, .provider-controller.index-action .thumbnail:hover .far, .provider-controller.index-action .thumbnail:hover .fal, .provider-controller.index-action .thumbnail:hover .fab,
.premium-controller.premium-action .thumbnail:hover .fas,
.premium-controller.premium-action .thumbnail:hover .far,
.premium-controller.premium-action .thumbnail:hover .fal,
.premium-controller.premium-action .thumbnail:hover .fab,
.premium-controller.index-action .thumbnail:hover .fas,
.premium-controller.index-action .thumbnail:hover .far,
.premium-controller.index-action .thumbnail:hover .fal,
.premium-controller.index-action .thumbnail:hover .fab {
color: #6CBF70;
}
.provider-controller.premium-action .thumbnail .caption, .provider-controller.index-action .thumbnail .caption,
.premium-controller.premium-action .thumbnail .caption,
.premium-controller.index-action .thumbnail .caption {
text-align: center;
}
.provider-controller .thumbnail,
.premium-controller .thumbnail {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.provider-controller .thumbnail:hover,
.premium-controller .thumbnail:hover {
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.provider-controller .thumbnail .extra-huge,
.premium-controller .thumbnail .extra-huge {
font-size: 40pt;
margin: 10px 10px 0;
}
.provider-controller .thumbnail .caption h4,
.premium-controller .thumbnail .caption h4 {
margin-top: 0;
}
.provider-controller .thumbnail .caption p,
.premium-controller .thumbnail .caption p {
font-size: 80%;
}
.provider-controller .premium-sales img:not(.org-logo),
.premium-controller .premium-sales img:not(.org-logo) {
max-width: 100%;
display: block;
margin: 0 auto;
}
.provider-controller .premium-sales .thumbnail,
.premium-controller .premium-sales .thumbnail {
height: 250px;
}
.provider-controller .premium-sales .thumbnail .fas, .provider-controller .premium-sales .thumbnail .far, .provider-controller .premium-sales .thumbnail .fal, .provider-controller .premium-sales .thumbnail .fab,
.premium-controller .premium-sales .thumbnail .fas,
.premium-controller .premium-sales .thumbnail .far,
.premium-controller .premium-sales .thumbnail .fal,
.premium-controller .premium-sales .thumbnail .fab {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.provider-controller .premium-sales .thumbnail:hover .fas, .provider-controller .premium-sales .thumbnail:hover .far, .provider-controller .premium-sales .thumbnail:hover .fal, .provider-controller .premium-sales .thumbnail:hover .fab,
.premium-controller .premium-sales .thumbnail:hover .fas,
.premium-controller .premium-sales .thumbnail:hover .far,
.premium-controller .premium-sales .thumbnail:hover .fal,
.premium-controller .premium-sales .thumbnail:hover .fab {
color: #6CBF70;
}
.provider-controller .premium-sales .thumbnail .extra-huge,
.premium-controller .premium-sales .thumbnail .extra-huge {
font-size: 40pt;
margin: 10px;
}
.provider-controller .premium-sales .thumbnail .caption,
.premium-controller .premium-sales .thumbnail .caption {
text-align: center;
}
.provider-controller .premium-sub-menu img,
.premium-controller .premium-sub-menu img {
width: 100%;
}
.provider-controller .premium-sub-menu .pull-left,
.premium-controller .premium-sub-menu .pull-left {
text-align: center;
margin-right: -10px;
}
.provider-controller .premium-sub-menu .pull-left .menu-item,
.premium-controller .premium-sub-menu .pull-left .menu-item {
text-decoration: none;
}
.provider-controller .premium-sub-menu .pull-left .menu-item span,
.premium-controller .premium-sub-menu .pull-left .menu-item span {
font-size: 35px;
padding-right: 45px;
}
.provider-controller .premium-sub-menu .pull-left p,
.premium-controller .premium-sub-menu .pull-left p {
padding-right: 45px;
}
.sales-premium {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.sales-premium.notice-me {
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.sales-premium .panel-heading {
background-color: #6cbf70;
}
.sales-premium img {
margin-bottom: 20px;
}
.sales-premium .menu {
text-decoration: none;
color: inherit;
}
.sales-premium .menu .thumbnail {
height: 250px;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.sales-premium .menu .thumbnail .fas, .sales-premium .menu .thumbnail .far, .sales-premium .menu .thumbnail .fal, .sales-premium .menu .thumbnail .fab {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.sales-premium .menu .thumbnail:hover {
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.sales-premium .menu .thumbnail:hover .fas, .sales-premium .menu .thumbnail:hover .far, .sales-premium .menu .thumbnail:hover .fal, .sales-premium .menu .thumbnail:hover .fab {
color: #6cbf70;
}
.sales-premium .menu .thumbnail.showoff {
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.sales-premium .menu .thumbnail.showoff .fas, .sales-premium .menu .thumbnail.showoff .far, .sales-premium .menu .thumbnail.showoff .fal, .sales-premium .menu .thumbnail.showoff .fab {
color: #6cbf70;
}
.sales-premium .menu .thumbnail .extra-huge {
font-size: 40pt;
margin: 10px;
}
.sales-premium .menu .thumbnail .caption {
text-align: center;
}
.premium-controller.profileviews-action .badge-image-wrapper {
margin-right: 40px;
float: left;
height: 170px;
width: 170px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.premium-controller.profileviews-action .badge-image-wrapper:hover {
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.premium-controller.profileviews-action .badge-image-wrapper a {
display: block;
height: 100%;
width: 100%;
}
.jumbotron.premium {
background-size: cover;
background-position-y: 0%;
padding-top: 120px;
margin-top: -80px;
z-index: -1;
}
.jumbotron.premium #profilePicture {
margin-bottom: 40px;
}
.jumbotron.premium h1, .jumbotron.premium h2, .jumbotron.premium .awards {
margin: 1px 0;
}
.jumbotron.premium h1 span.background, .jumbotron.premium h2 span.background, .jumbotron.premium .awards span.background {
background: rgba(0, 0, 0, 0.8);
padding: 5px;
color: white;
display: inline-block;
}
.jumbotron.premium .providerpremiumeditbutton {
position: absolute;
bottom: 0;
right: 0;
display: none;
}
.jumbotron.premium:hover .providerpremiumeditbutton {
display: block;
}
.premiumproviderbadge {
position: absolute;
top: 0;
right: 0;
width: 40px;
}
.provider-video {
width: 100%;
padding-top: 64%;
position: relative;
}
.provider-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.provider-controller.premium-action .org-logo {
height: 70px;
margin: 10px;
}
.dlog-feature {
color: #5db3c1;
}
.account-feature {
color: #cea137;
}
.core-feature {
color: #6cbf70;
}
table.answers-table {
border: none;
border-collapse: collapse;
}
table.answers-table tr {
display: flex;
}
table.answers-table td {
-ms-flex: 1;
flex: 1 1 auto;
margin: 20px;
}
table.answers-table td input {
position: absolute;
z-index: -1;
}
table.answers-table td label, table.answers-table td div {
position: relative;
width: 100%;
height: 100%;
background: white;
}
table.answers-table td img {
max-width: 100%;
opacity: 0.7;
}
table.answers-table td img:hover {
opacity: 0.9;
}
table.answers-table td div, table.answers-table td img {
-moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
table.answers-table td div {
border-top: solid 8px transparent;
}
table.answers-table td input:checked + div {
border-top: solid 8px #6CBF70;
}
table.answers-table td input:checked + div img {
opacity: 1;
}
.elearning-action .front h4 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.6);
margin: 0;
padding: 8px 0;
}
.elearning-action .back p {
font-size: 13px;
margin: 10px;
}
#testContent label {
padding-left: 40px;
display: block;
}
#testContent label input {
margin-left: -28px;
}
.grid {
width: 100%;
}
.grid .bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
display: none;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.grid .news-item {
float: left;
width: 385px;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.grid .news-item .image-container {
width: 100%;
overflow: hidden;
}
.grid .news-item .image-container img {
min-width: 100%;
min-height: 400px;
}
.grid .news-item .content-text {
position: absolute;
bottom: 0;
background-color: #ffffff;
padding: 20px;
}
.grid .news-item .content-text .date {
display: block;
font-size: 80%;
}
.grid .news-item .content-text .title {
display: block;
font-size: 90%;
margin: 10px 0;
font-weight: bold;
}
.grid .news-item .content-text .description {
font-size: 80%;
}
.grid .news-item:not(.big) .description {
display: none;
}
.grid .news-item:not(.big) .link {
display: none;
}
.grid .news-item.big {
position: fixed !important;
width: 1000px;
height: 600px;
z-index: 1000;
left: 50% !important;
top: 20% !important;
margin-left: -500px;
}
.grid .news-item.big .grid-content {
position: relative;
height: 100%;
width: 100%;
}
.grid .news-item.big .grid-content .image-container {
height: 100%;
width: 100%;
}
.grid .news-item.big .grid-content .image-container img {
margin-left: 0 !important;
min-height: 100%;
}
.grid .news-item.big .grid-content .content-text {
width: 30%;
max-height: 100%;
}
.grid .news-item.big .grid-content .content-text .description {
max-height: 300px;
overflow: hidden;
margin: 10px 0;
font-size: 80%;
}
@media (max-width: 1000px) {
.grid .news-item.big {
position: fixed !important;
width: 100%;
height: 500px;
z-index: 1000;
left: 0 !important;
top: 0 !important;
margin-left: 0;
}
.grid .news-item.big .grid-content {
position: relative;
height: 100%;
width: 100%;
}
.grid .news-item.big .grid-content .image-container {
display: none;
}
.grid .news-item.big .grid-content .content-text {
width: 100%;
max-height: 100%;
}
.grid .news-item.big .grid-content .content-text .description {
max-height: 300px;
overflow: hidden;
margin: 10px 0;
font-size: 80%;
}
.grid .news-item {
float: none;
width: 100%;
}
}
.grid-content {
position: relative;
}
.job-controller .menu {
text-decoration: none;
color: inherit;
}
.job-controller .thumbnail {
height: 250px;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.job-controller .thumbnail:hover {
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.job-controller .thumbnail .fas, .job-controller .thumbnail .far, .job-controller .thumbnail .fal, .job-controller .thumbnail .fab {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.job-controller .thumbnail:hover .fas, .job-controller .thumbnail:hover .far, .job-controller .thumbnail:hover .fal, .job-controller .thumbnail:hover .fab {
color: #6CBF70;
}
.job-controller .thumbnail .extra-huge {
font-size: 40pt;
margin: 10px;
}
.job-controller .thumbnail .caption {
text-align: center;
}
.cv-controller .navbar {
z-index: 20;
}
.cv-controller .manageRatings .skillVoteYes {
font-size: 20pt;
margin: 10px;
}
.cv-controller .manageRatings .skillVoteNo {
font-size: 20pt;
margin: 10px;
}
.cv-controller .cvSmallFont {
font-size: 7pt;
}
.cv-controller .voteYes {
font-size: 30pt;
margin: 10px;
}
.cv-controller .voteNo {
font-size: 30pt;
margin: 10px;
}
.cv-controller .circle-border {
height: 80px;
width: 80px;
border-radius: 50%;
border: solid 7px white;
text-align: center;
line-height: 65px;
color: white;
font-weight: bold;
font-size: 135%;
margin: 5px auto;
}
.cv-controller .circle-border + a {
color: white;
width: 80px;
display: block;
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.cv-controller .cv-video {
width: 700px;
height: 600px;
}
.cv-controller .center {
text-align: center;
}
.cv-controller video {
margin-top: -95px;
}
.cv-controller .cv-container {
background-color: #6CBF70;
height: 100%;
width: 15%;
display: block;
position: fixed;
top: 0;
}
.cv-controller .cv-container #profileImageBlurWrapper {
position: relative;
width: 100%;
height: 250px;
margin-top: 54px;
overflow: hidden;
}
.cv-controller .cv-container #profileImageBlurWrapper #profileImageBlur {
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
filter: blur(10px);
height: 110%;
width: 110%;
margin: -5%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.cv-controller .cv-container #profileImageDisabled {
position: relative;
width: 100%;
height: 250px;
z-index: 1;
margin-top: 55px;
background-color: #6CBF70;
}
.cv-controller .cv-container .cv-switcher-icons a img {
height: 25px;
}
.cv-controller .cv-container .organisationLogo {
text-decoration: none;
}
.cv-controller .cv-container #profileWrapper {
position: relative;
z-index: 2;
margin: -210px 0px 50px 0px;
text-align: center;
}
.cv-controller .cv-container #profileWrapper #profileImage {
display: inline-block;
}
.cv-controller .cv-container #profileWrapper .badge-image-wrapper {
text-align: center;
height: 140px;
width: 140px;
overflow: hidden;
border-radius: 50%;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.cv-controller .cv-container #profileWrapper p {
text-align: center;
color: white;
font-weight: bold;
}
.cv-controller .cv-container .profile-picture-settings {
float: right;
margin-top: -60px;
z-index: 20;
font-size: 50%;
margin-right: 10px;
position: relative;
}
.cv-controller .cv-container #premium {
border-top: solid 2px #ececec;
}
.cv-controller .cv-container #upgrade {
border-top: solid 1px #ececec;
text-align: center;
border-radius: 50px;
background-color: white;
}
.cv-controller .cv-container #upgrade span {
color: #6CBF70;
}
.cv-controller .cv-container .center {
width: 100%;
text-align: center;
}
.cv-controller .cv-container .list a {
text-align: left;
border: none;
}
.cv-controller .cv-container .nav li .btn:hover {
color: #6CBF70;
}
.cv-controller .cv-container .nav li .btn:active {
color: #6CBF70;
}
.cv-controller .cv-container .nav li .btn:focus {
color: #6CBF70;
}
.cv-controller #cvContent {
width: 80%;
padding-left: 7%;
}
.cv-controller #cvContent .phoneMenu {
float: right;
}
.cv-controller #cvContent .dropdown {
float: right;
margin-right: 20px;
}
.cv-controller #cvContent .cvSelector {
float: right;
margin-left: 20px;
}
.cv-controller #cvContent .reference #profileImage {
width: 100%;
display: inline-block;
}
.cv-controller #cvContent .reference .badge-image-wrapper {
text-align: center;
height: 70px;
width: 170px;
overflow: hidden;
border-radius: 50%;
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.cv-controller #cvContent .reference table tr td {
padding-left: 20px;
}
.cv-controller #cvContent .skills table tr td {
padding-left: 20px;
}
.cv-controller #cvContent .workHistory table tr td {
padding-left: 20px;
}
.cv-controller #cvContent .thumbnail {
text-align: center;
}
.cv-controller #cvContent .thumbnail button {
border: none;
background-color: white;
width: 100%;
}
.cv-controller #cvContent .thumbnail .big-icon {
font-size: 60pt;
text-decoration: none;
display: block;
margin: 0 auto;
text-align: center;
width: auto;
margin-bottom: 20px;
}
.cv-controller #cvContent .thumbnail .image {
position: relative;
width: 100%;
height: 125px;
z-index: 1;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.cv-controller .cvNavigator {
visibility: hidden;
}
.cv-controller footer {
padding-left: 10%;
}
.cv-controller .profile-photo {
height: 200px;
}
@media (max-width: 1500px) {
.cv-controller .cv-container {
visibility: hidden;
}
.cv-controller #cvContent {
width: 100%;
padding-left: 0%;
}
.cv-controller #cvContent .cvNavigator {
visibility: visible;
}
.cv-controller footer {
padding-left: 0%;
}
}
.timeline {
list-style: none;
padding: 20px 0;
position: relative;
font-size: 80%;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: white;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before {
content: " ";
display: table;
}
.timeline > li:after {
content: " ";
display: table;
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
background: white;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel .timeline-heading .timeline-logo {
float: right;
max-height: 45px;
}
.timeline > li > .timeline-panel .timeline-heading .timeline-title a {
color: inherit;
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li:nth-child(odd) > .timeline-panel {
float: right;
}
.timeline > li:nth-child(odd) > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li:nth-child(odd) > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-allright:before {
left: 10%;
}
.timeline-allright li {
padding-left: 60px;
padding-right: 0;
}
.timeline-allright li > .timeline-panel {
width: 100%;
float: right;
}
.timeline-allright li > .timeline-badge {
left: 10%;
}
.timeline-allright li .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline-allright li .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline.timeline-alleft:before {
right: 10%;
left: auto;
}
.timeline.timeline-alleft li {
padding-right: 60px;
padding-left: 0;
}
.timeline.timeline-alleft li > .timeline-panel {
width: 100%;
float: left;
}
.timeline.timeline-alleft li > .timeline-badge {
right: 0;
left: auto;
}
.timeline.timeline-alleft li .timeline-panel:before {
right: -15px;
left: auto;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
}
.timeline.timeline-alleft li .timeline-panel:after {
right: -14px;
left: auto;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
.timeline-body > ul {
margin-bottom: 0;
}
@media (max-width: 767px) {
ul.timeline:before {
left: 40px;
}
ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
ul.timeline > li > .timeline-badge {
left: 15px;
margin-left: 0;
top: 16px;
}
}
/*!
* FullCalendar v3.0.1 Stylesheet
* Docs & License: http://fullcalendar.io/
* (c) 2016 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left;
}
.fc-rtl {
text-align: right;
}
body .fc {
/* extra precedence to overcome jqui */
font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
border-color: #ddd;
}
.fc-unthemed .fc-popover {
background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
color: #666;
}
.fc-unthemed .fc-today {
background: #fcf8e3;
}
.fc-highlight {
/* when user is selecting cells */
background: #bce8f1;
opacity: .3;
}
.fc-bgevent {
/* default look for background events */
background: #8fdf82;
opacity: .3;
}
.fc-nonbusiness {
/* default look for non-business-hours areas */
/* will inherit .fc-bgevent's styles */
background: #d7d7d7;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
display: inline-block;
height: 1em;
line-height: 1em;
font-size: 1em;
text-align: center;
overflow: hidden;
font-family: "Courier New", Courier, monospace;
/* don't allow browser text-selection */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
"Arial", sans-serif
"Times New Roman", serif
NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
position: relative;
}
.fc-icon-left-single-arrow:after {
content: "\02039";
font-weight: bold;
font-size: 200%;
top: -7%;
}
.fc-icon-right-single-arrow:after {
content: "\0203A";
font-weight: bold;
font-size: 200%;
top: -7%;
}
.fc-icon-left-double-arrow:after {
content: "\000AB";
font-size: 160%;
top: -7%;
}
.fc-icon-right-double-arrow:after {
content: "\000BB";
font-size: 160%;
top: -7%;
}
.fc-icon-left-triangle:after {
content: "\25C4";
font-size: 125%;
top: 3%;
}
.fc-icon-right-triangle:after {
content: "\25BA";
font-size: 125%;
top: 3%;
}
.fc-icon-down-triangle:after {
content: "\25BC";
font-size: 125%;
top: 2%;
}
.fc-icon-x:after {
content: "\000D7";
font-size: 200%;
top: 6%;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
/* force height to include the border and padding */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* dimensions */
margin: 0;
height: 2.1em;
padding: 0 .6em;
/* text & cursor */
font-size: 1em;
/* normalize */
white-space: nowrap;
cursor: pointer;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
margin: 0;
padding: 0;
}
.fc-state-default {
/* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left {
/* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
/* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* icons in buttons */
.fc button .fc-icon {
/* non-theme */
position: relative;
top: -0.05em;
/* seems to be a good adjustment across browsers */
margin: 0 .2em;
vertical-align: middle;
}
/*
button states
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #333333;
background-color: #e6e6e6;
}
.fc-state-hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
background-color: #cccccc;
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
cursor: default;
background-image: none;
opacity: 0.65;
box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
/* extra precedence b/c buttons have margin set to zero */
float: left;
margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
/* same */
margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
position: absolute;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
/* TODO: be more consistent with fc-head/fc-body */
padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
border-width: 1px;
border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
font-size: .9em;
margin-top: 2px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
border-top: 0;
/* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
border-style: solid;
border-width: 1px;
}
hr.fc-divider {
height: 0;
margin: 0;
padding: 0 0 2px;
/* height is unreliable across browsers, so use padding */
border-width: 1px 0;
}
.fc-clear {
clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
/* these element should always cling to top-left/right corners */
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc-bg {
bottom: 0;
/* strech bg to bottom edge */
}
.fc-bg table {
height: 100%;
/* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
width: 100%;
box-sizing: border-box;
/* fix scrollbar issue in firefox */
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
/* normalize cross-browser */
}
.fc th {
text-align: center;
}
.fc th,
.fc td {
border-style: solid;
border-width: 1px;
padding: 0;
vertical-align: top;
}
.fc td.fc-today {
border-style: double;
/* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
cursor: pointer;
}
a[data-goto]:hover {
text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
/* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
/* no visible border by default. but make available if need be (scrollbar width compensation) */
border-style: solid;
border-width: 0;
}
.fc-row table {
/* don't put left/right border on anything within a fake row.
the outer tbody will worry about this */
border-left: 0 hidden transparent;
border-right: 0 hidden transparent;
/* no bottom borders on rows */
border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
border-top: 0 hidden transparent;
/* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
position: relative;
}
.fc-row .fc-bg {
z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
bottom: 0;
/* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
height: 100%;
/* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
z-index: 2;
}
.fc-row .fc-highlight-skeleton {
z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
position: relative;
z-index: 4;
padding-bottom: 2px;
/* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
/* see-through to the background below */
background: none;
/* in case <td>s are globally styled */
border-color: transparent;
/* don't put a border between events and/or the day number */
border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
/* don't put a border between event cells */
border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
-webkit-overflow-scrolling: touch;
}
/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
position: relative;
/* re-scope all positions */
width: 100%;
/* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
position: relative;
/* for resize handle and other inner positioning */
display: block;
/* make the <a> tag block */
font-size: .85em;
line-height: 1.3;
border-radius: 3px;
border: 1px solid #6CBF70;
/* default BORDER color */
font-weight: normal;
/* undo jqui's ui-widget-header bold */
}
.fc-event,
.fc-event-dot {
background-color: #6CBF70;
/* default BACKGROUND color */
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
color: #fff;
/* default TEXT color */
text-decoration: none;
/* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
cursor: pointer;
/* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
/* to override an event's custom cursor */
cursor: not-allowed;
}
.fc-event .fc-bg {
/* the generic .fc-bg already does position */
z-index: 1;
background: #fff;
opacity: .25;
}
.fc-event .fc-content {
position: relative;
z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
position: absolute;
z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
/* only show when hovering or selected (with touch) */
display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
/* 40x40 touch area */
content: "";
position: absolute;
z-index: 9999;
/* user of this util can scope within a lower z-index */
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
z-index: 9999 !important;
/* overcomes inline z-index */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
content: "";
position: absolute;
z-index: 3;
/* below resizers */
top: -10px;
bottom: -10px;
left: 0;
right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
margin-left: 0;
border-left-width: 0;
padding-left: 1px;
/* replace the border with padding */
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
margin-right: 0;
border-right-width: 0;
padding-right: 1px;
/* replace the border with padding */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
cursor: w-resize;
left: -1px;
/* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
cursor: e-resize;
right: -1px;
/* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
width: 7px;
top: -1px;
/* overcome top border */
bottom: -1px;
/* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
/* 8x8 little dot */
border-radius: 4px;
border-width: 1px;
width: 6px;
height: 6px;
border-style: solid;
border-color: inherit;
background: #fff;
/* vertically center */
top: 50%;
margin-top: -4px;
}
/* left resizer */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
margin-left: -4px;
/* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
margin-right: -4px;
/* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
margin: 1px 2px 0;
/* spacing between events and edges */
padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
margin-top: 2px;
/* a little bit more space before the first event */
}
.fc-day-grid-event.fc-selected:after {
content: "";
position: absolute;
z-index: 1;
/* same z-index as fc-bg, behind text */
/* overcome the borders */
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
/* darkening effect */
background: #000;
opacity: .25;
}
.fc-day-grid-event .fc-content {
/* force events to be one-line tall */
white-space: nowrap;
overflow: hidden;
}
.fc-day-grid-event .fc-time {
font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
margin-left: -2px;
/* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
margin-right: -2px;
/* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
margin: 1px 3px;
font-size: .85em;
cursor: pointer;
text-decoration: none;
}
a.fc-more:hover {
text-decoration: underline;
}
.fc-limited {
/* rows and cells that are hidden because of a "more" link */
display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
z-index: 1;
/* make the "more" popover one higher than this */
}
.fc-more-popover {
z-index: 2;
width: 220px;
}
.fc-more-popover .fc-event-container {
padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
position: absolute;
border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
text-align: center;
margin-bottom: 1em;
}
.fc-toolbar .fc-left {
float: left;
}
.fc-toolbar .fc-right {
float: right;
}
.fc-toolbar .fc-center {
display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
/* extra precedence to override button border margins */
float: left;
margin-left: .75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
/* extra precedence to override button border margins */
margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
z-index: 2;
}
.fc-toolbar .fc-state-down {
z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
z-index: 4;
}
.fc-toolbar button:focus {
z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fc-view,
.fc-view > table {
/* so dragged elements can be above the view's main element */
position: relative;
z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
/* there may be week numbers in these views, so no padding-top */
padding-bottom: 1em;
/* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
min-height: 4em;
/* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0;
}
/* week and day number styling */
.fc-day-top.fc-other-month {
opacity: 0.3;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
padding: 2px;
}
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
padding: 0 2px;
/* column headers can't have as much v space */
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
float: left;
border-radius: 0 0 3px 0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
float: right;
border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
min-width: 1.5em;
text-align: center;
background-color: #f2f2f2;
color: #808080;
}
/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
text-align: center;
}
.fc-basic-view td.fc-week-number > * {
/* work around the way we do column resizing and ensure a minimum width */
display: inline-block;
min-width: 1.25em;
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
position: relative;
z-index: 2;
/* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
min-height: 3em;
/* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
padding-bottom: 1em;
/* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
/* .fc to overcome default cell styles */
vertical-align: middle;
padding: 0 4px;
white-space: nowrap;
}
.fc-ltr .fc-axis {
text-align: right;
}
.fc-rtl .fc-axis {
text-align: left;
}
.ui-widget td.fc-axis {
font-weight: normal;
/* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
/* so slats/bg/content/etc positions get scoped within here */
position: relative;
z-index: 1;
}
.fc-time-grid {
min-height: 100%;
/* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
/* don't put outer borders on slats/bg/content/etc */
border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
/* the <hr> AgendaView injects when grid is shorter than scroller */
position: relative;
z-index: 2;
}
.fc-time-grid .fc-content-col {
position: relative;
/* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
position: relative;
z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
position: relative;
z-index: 2;
}
.fc-time-grid .fc-highlight-container {
position: relative;
z-index: 3;
}
.fc-time-grid .fc-event-container {
position: relative;
z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
z-index: 5;
}
.fc-time-grid .fc-helper-container {
/* also is fc-event-container */
position: relative;
z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
height: 1.5em;
border-bottom: 0;
/* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
/* for jqui theme */
background: none;
/* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
/* a div within a cell within the fc-highlight-skeleton */
position: relative;
/* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
position: absolute;
left: 0;
right: 0;
/* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
/* space on the sides of events for LTR (default) */
margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
/* space on the sides of events for RTL */
margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
position: absolute;
z-index: 1;
/* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
/* background events always span full width */
left: 0;
right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
/* events that are continuing from another day */
/* replace space made by the top border with padding */
border-top-width: 0;
padding-top: 1px;
/* remove top rounded corners */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
/* replace space made by the top border with padding */
border-bottom-width: 0;
padding-bottom: 1px;
/* remove bottom rounded corners */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
overflow: hidden;
/* don't let the bg flow over rounded corners */
}
.fc-time-grid-event.fc-selected {
/* need to allow touch resizers to extend outside event's bounding box */
/* common fc-selected styles hide the fc-bg, so don't need this anyway */
overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
display: none;
/* hide semi-white background, to appear darker */
}
.fc-time-grid-event .fc-content {
overflow: hidden;
/* for when .fc-selected */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
padding: 0 1px;
}
.fc-time-grid-event .fc-time {
font-size: .85em;
white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
/* don't wrap to second line (now that contents will be inline) */
white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
/* put the time and title on the same line */
display: inline-block;
vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
display: none;
/* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
content: attr(data-start);
/* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
content: "\000A0-\000A0";
/* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
font-size: .85em;
/* make the title text the same size as the time */
padding: 0;
/* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
left: 0;
right: 0;
bottom: 0;
height: 8px;
overflow: hidden;
line-height: 8px;
font-size: 11px;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
/* 10x10 dot */
border-radius: 5px;
border-width: 1px;
width: 8px;
height: 8px;
border-style: solid;
border-color: inherit;
background: #fff;
/* horizontally center */
left: 50%;
margin-left: -5px;
/* center on the bottom edge */
bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
border-top-width: 1px;
left: 0;
right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
margin-top: -5px;
/* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
left: 0;
/* triangle pointing right... */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
right: 0;
/* triangle pointing left... */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
}
/* view wrapper */
.fc-rtl .fc-list-view {
direction: rtl;
/* unlike core views, leverage browser RTL */
}
.fc-list-view {
border-width: 1px;
border-style: solid;
}
/* table resets */
.fc .fc-list-table {
table-layout: auto;
/* for shrinkwrapping cell content */
}
.fc-list-table td {
border-width: 1px 0 0;
padding: 8px 14px;
}
.fc-list-table tr:first-child td {
border-top-width: 0;
}
/* day headings with the list */
.fc-list-heading {
border-bottom-width: 1px;
}
.fc-list-heading td {
font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
float: left;
}
.fc-ltr .fc-list-heading-alt {
float: right;
}
.fc-rtl .fc-list-heading-main {
float: right;
}
.fc-rtl .fc-list-heading-alt {
float: left;
}
/* event list items */
.fc-list-item.fc-has-url {
cursor: pointer;
/* whole row will be clickable */
}
.fc-list-item:hover td {
background-color: #f5f5f5;
}
.fc-list-item-marker,
.fc-list-item-time {
white-space: nowrap;
width: 1px;
}
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
padding-left: 0;
}
.fc-list-item-title a {
/* every event title cell has an <a> tag */
text-decoration: none;
color: inherit;
}
.fc-list-item-title a[href]:hover {
/* hover effect only on titles with hrefs */
text-decoration: underline;
}
/* message when no events */
.fc-list-empty-wrap2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-list-empty-wrap1 {
width: 100%;
height: 100%;
display: table;
}
.fc-list-empty {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.fc-unthemed .fc-list-empty {
/* theme will provide own background */
background-color: #eee;
}
.group-status {
font-size: 80%;
}
.group-status.approved {
background-color: #238229;
}
.group-status.applied {
background-color: #A5642D;
}
.group-status.rejected {
background-color: #A5302D;
}
.group-status.disabled {
background-color: #555555;
}
.group-status .edit {
cursor: pointer;
}
.trustgroup-tile-container .approved {
border: solid 2px #238229;
background-color: rgba(35, 130, 41, 0.2);
}
.trustgroup-tile-container .applied {
border: solid 2px #A5642D;
background-color: rgba(165, 100, 45, 0.2);
}
.trustgroup-tile-container .rejected {
border: solid 2px #A5302D;
background-color: rgba(165, 48, 45, 0.2);
}
.trustgroup-tile-container .disabled {
border: solid 2px #555555;
background-color: rgba(85, 85, 85, 0.2);
}
.trustgroup-tile-container .trustgroup-tile {
display: block;
position: relative;
overflow: hidden;
height: 100%;
}
.trustgroup-tile-container .trustgroup-tile:after {
content: "";
position: absolute;
top: -110%;
left: -210%;
width: 200%;
height: 200%;
opacity: 0;
transform: rotate(30deg);
background: rgba(255, 255, 255, 0.13);
background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.trustgroup-tile-container .trustgroup-tile:hover:after {
opacity: 1;
top: -30%;
left: -30%;
transition-property: left, top, opacity;
transition-duration: 1s, 1s, 0.35s;
transition-timing-function: ease;
}
.trustgroup-tile-container .trustgroup-tile:active:after {
opacity: 0;
}
.trustgroup-tile-container .trustgroup-tile .trustgroup-img-container {
position: relative;
float: right;
}
.trustgroup-tile-container .trustgroup-tile-description {
position: absolute;
top: 20px;
left: 25px;
font-size: 24px;
color: black;
margin-right: 25px;
line-height: 29px;
}
.trustgroup-tile-container .trustgroup-tile-description .description {
display: block;
padding-top: 15px;
font-size: 12pt;
line-height: normal;
}
.trustgroup-tile-container .trustgroup-img-container img {
height: 90px;
padding-bottom: 10px;
padding-left: 10px;
}
.trustgroup-tile-container .trustgroup-other-container {
position: absolute;
bottom: 0;
z-index: 1;
margin-left: 30px;
margin-bottom: 20px;
width: 100%;
}
.trustgroup-tile-container .trustgroup-other-container span {
right: 80px;
position: absolute;
}
.legal-entity-public-member-wrapper .tahdah-badge .tahdah-plugins .public-badge {
width: auto;
max-width: 100%;
}
.legal-entity-tile .inner {
position: relative;
display: block;
border: 1px solid #6CBF70;
height: 100%;
overflow: hidden;
}
.legal-entity-tile .inner:hover, .legal-entity-tile .inner:focus {
text-decoration: none;
}
.legal-entity-tile .inner .background {
height: 125px;
background-size: cover !important;
background-position: center !important;
}
.legal-entity-tile .inner .background:after {
content: '';
background: white;
border: solid 1px white;
position: absolute;
top: 103px;
width: 100%;
height: 25px;
border-radius: 300px 300px 0 0/ 60px 60px 0 0;
width: 140%;
height: 40px;
left: -20%;
}
.legal-entity-tile .inner .logo {
position: absolute;
right: 0;
left: 0;
width: 120px;
height: 120px;
margin: -80px auto 0;
z-index: 1;
}
.legal-entity-tile .inner .logo:before {
content: '';
background: #fff;
border: solid 1px #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
border-radius: 500px;
z-index: 1;
margin: -3px;
}
.legal-entity-tile .inner .logo > div {
position: absolute;
z-index: 4;
background-size: contain !important;
background-position: center !important;
top: 0;
bottom: 0;
right: 0;
left: 0;
mix-blend-mode: darken;
}
.legal-entity-tile .inner .text {
padding: 55px 15px 15px;
text-align: center;
background-color: #fff;
color: #333333;
}
.legal-entity-tile .inner .text .title {
text-transform: uppercase;
font-size: 120%;
font-weight: bold;
line-height: 1.42;
margin: 0;
}
.legal-entity-tile .inner .text .description {
display: block;
}
.flex-form {
display: flex;
flex-wrap: wrap;
margin: 0 5px;
}
.flex-form .small-item, .flex-form .medium-item, .flex-form .large-item {
margin: 5px;
}
.flex-form .small-item {
flex: 1;
min-width: 150px;
max-width: 250px;
}
.flex-form .medium-item {
flex: 2;
min-width: 350px;
}
.flex-form .large-item {
flex: 3;
min-width: 450px;
}
/*
--- Main Wrapper ---
This class wraps the tag cloud and can be used to
create general styles around the tags / container
*/
.tc-wrapper {
display: block;
height: 100%;
}
/*
--- Tag ---
This class is the styling for individual tags
*/
.tc-tag {
display: inline-block;
border-radius: 3px;
padding: 4px 20px 4px 7px;
margin: 0 10px 10px 0;
background: #eee;
cursor: pointer;
position: relative;
font-size: 14px;
}
.tc-tag:after {
content: "\f067";
position: absolute;
top: 6px;
right: 5px;
display: inline-block;
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 300;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
opacity: 0.7;
}
/*
--- Selected Tag ---
This class is the styling for individual tags
that have been selected
*/
.tc-selected {
background: #6CBF70;
color: white;
}
.tc-selected:after {
content: "\f00d";
top: 8px;
}
.panel,
.panel-heading,
.modal-content,
.nav-tabs > li > a {
border-radius: 0;
}
.modal-header h4 {
font-weight: 300;
}
.modal-header a, .modal-header button {
font-weight: 100;
float: right;
font-size: 17px;
padding: 0 5px;
}
.modal-header a .fas, .modal-header a .far, .modal-header a .fal, .modal-header a .fab, .modal-header button .fas, .modal-header button .far, .modal-header button .fal, .modal-header button .fab {
font-size: 14px;
color: #aaa;
}
.modal-header a.close, .modal-header button.close {
font-size: 29px;
}
.input-group-addon input[type="checkbox"] {
top: 2px;
}
.input-group-addon.fancy-checkbox {
position: relative;
width: 33px;
}
.nav-tabs {
padding-left: 10px;
}
.table > thead > tr > th {
font-weight: 100;
white-space: nowrap;
border-bottom: none;
}
.modal-content {
background: linear-gradient(135deg, white 1%, #f5f5f5 80%, #f4f4f4 86%, white 100%);
}
.modal-content table {
background: white;
}
body #adminMenu .dropdown-menu {
top: 0;
margin: -4px;
border-radius: 0;
left: 100%;
}
body #adminMenu .dropup .dropdown-menu {
top: auto;
bottom: 0;
}
body #adminMenu .nav > li:hover > a {
color: #6CBF70;
background: white;
border-radius: 0;
}
.list-group-item.accreditation-info .badge-wrapper {
display: inline-block;
vertical-align: top;
}
.list-group-item.accreditation-info > div {
display: inline-block;
vertical-align: top;
}
#subNav .dropdown-menu .divider {
margin: 0;
}
#subNav .dropdown-menu .fa {
margin: 8px;
}
.radio-inline, .checkbox-inline {
padding-left: 27px;
}
.radio-inline > input.fancy-checkbox
, .radio-inline > input.fancy-radio, .checkbox-inline > input.fancy-checkbox
, .checkbox-inline > input.fancy-radio {
margin-right: 0px;
left: -6px;
}
.react-date-picker {
background-color: #fff;
z-index: 20;
}
.css-wmw4vi-ReactDropdownSelect {
height: auto;
}
/*
* jQuery Basic Table
* Author: Jerry Low
*/
table.bt {
width: 100%;
}
table.bt thead {
display: none;
}
table.bt tbody th {
display: none;
}
table.bt tbody tr td:last-of-type {
border-bottom: 2px solid #000 !important;
}
table.bt tbody tr:last-of-type td:last-of-type {
border-bottom: 0 !important;
}
table.bt tbody td {
border: 0;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
vertical-align: top;
float: left\9;
width: 100% \9;
}
table.bt tbody td::before {
content: attr(data-th) ": ";
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
font-weight: 700;
width: 100%;
padding-right: 4px;
word-break: break-word;
text-align: left;
}
table.bt tbody td .bt-content {
vertical-align: top;
width: 100%;
}
table.bt tbody td.bt-hide {
display: none;
}
table.bt tfoot th {
border: 0;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
vertical-align: top;
float: left\9;
width: 100% \9;
}
table.bt tfoot th::before {
content: attr(data-th) ": ";
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
font-weight: 700;
width: 6.5em;
}
table.bt tfoot th .bt-content {
vertical-align: top;
}
table.bt tfoot td {
border: 0;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
vertical-align: top;
float: left\9;
width: 100% \9;
}
table.bt tfoot td::before {
content: attr(data-th) ": ";
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
font-weight: 700;
width: 6.5em;
}
table.bt tfoot td .bt-content {
vertical-align: top;
}
table.bt tfoot th.bt-hide {
display: none;
}
table.bt tfoot td.bt-hide {
display: none;
}
table.bt.bt--no-header tfoot td::before {
display: none;
}
table.bt.bt--no-header tbody td::before {
display: none;
}
.bt-wrapper.active {
max-height: 310px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#split-layout .nav-base .sidebar-wrapper {
background: #27963C;
}
/*# sourceMappingURL=pathfinder.css.map */