html{
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto Condensed', sans-serif;  
    background-color: #FFFFFF;  
}

.session-ligth {
    border-top: 1px solid #eeeeee;    
    background-color: #ffffff;
}

.session-dark {
    border-top: 1px solid #eeeeee;    
    background-color: #F9F9F9;
}

.session-footer {
    border-top: 1px solid #eeeeee;    
    background-color: #111111;
    color: #f9f9f9;
}

.session-footer-2 {
    border-top: 1px solid #444444;    
    background-color: #222222;
    color: #f9f9f9;
}

.letter-spacing-2 {
    letter-spacing: 2px !important;
}

.session-shadow {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.10);
}

.back-color-transparent { background-color: transparent !important; }
.back-color-aliceblue { background-color: aliceblue !important; }
.back-color-antiquewhite { background-color: antiquewhite !important; }
.back-color-aqua { background-color: aqua !important; }
.back-color-aquamarine { background-color: aquamarine !important; }
.back-color-azure { background-color: azure !important; }
.back-color-beige { background-color: beige !important; }
.back-color-bisque { background-color: bisque !important; }
.back-color-black { background-color: black !important; }
.back-color-blanchedalmond { background-color: blanchedalmond !important; }
.back-color-blue { background-color: blue !important; }
.back-color-blueviolet { background-color: blueviolet !important; }
.back-color-brown { background-color: brown !important; }
.back-color-burlywood { background-color: burlywood !important; }
.back-color-cadetblue { background-color: cadetblue !important; }
.back-color-chartreuse { background-color: chartreuse !important; }
.back-color-chocolate { background-color: chocolate !important; }
.back-color-coral { background-color: coral !important; }
.back-color-cornflowerblue { background-color: cornflowerblue !important; }
.back-color-cornsilk { background-color: cornsilk !important; }
.back-color-crimson { background-color: crimson !important; }
.back-color-cyan { background-color: cyan !important; }
.back-color-darkblue { background-color: darkblue !important; }
.back-color-darkcyan { background-color: darkcyan !important; }
.back-color-darkgoldenrod { background-color: darkgoldenrod !important; }
.back-color-darkgray { background-color: darkgray !important; }
.back-color-darkgreen { background-color: darkgreen !important; }
.back-color-darkgrey { background-color: darkgrey !important; }
.back-color-darkkhaki { background-color: darkkhaki !important; }
.back-color-darkmagenta { background-color: darkmagenta !important; }
.back-color-darkolivegreen { background-color: darkolivegreen !important; }
.back-color-darkorange { background-color: darkorange !important; }
.back-color-darkorchid { background-color: darkorchid !important; }
.back-color-darkred { background-color: darkred !important; }
.back-color-darksalmon { background-color: darksalmon !important; }
.back-color-darkseagreen { background-color: darkseagreen !important; }
.back-color-darkslateblue { background-color: darkslateblue !important; }
.back-color-darkslategray { background-color: darkslategray !important; }
.back-color-darkslategrey { background-color: darkslategrey !important; }
.back-color-darkturquoise { background-color: darkturquoise !important; }
.back-color-darkviolet { background-color: darkviolet !important; }
.back-color-deeppink { background-color: deeppink !important; }
.back-color-deepskyblue { background-color: deepskyblue !important; }
.back-color-dimgray { background-color: dimgray !important; }
.back-color-dimgrey { background-color: dimgrey !important; }
.back-color-dodgerblue { background-color: dodgerblue !important; }
.back-color-firebrick { background-color: firebrick !important; }
.back-color-floralwhite { background-color: floralwhite !important; }
.back-color-forestgreen { background-color: forestgreen !important; }
.back-color-fuchsia { background-color: fuchsia !important; }
.back-color-gainsboro { background-color: gainsboro !important; }
.back-color-ghostwhite { background-color: ghostwhite !important; }
.back-color-gold { background-color: gold !important; }
.back-color-goldenrod { background-color: goldenrod !important; }
.back-color-gray { background-color: gray !important; }
.back-color-green { background-color: green !important; }
.back-color-greenyellow { background-color: greenyellow !important; }
.back-color-grey { background-color: grey !important; }
.back-color-honeydew { background-color: honeydew !important; }
.back-color-hotpink { background-color: hotpink !important; }
.back-color-indianred { background-color: indianred !important; }
.back-color-indigo { background-color: indigo !important; }
.back-color-ivory { background-color: ivory !important; }
.back-color-khaki { background-color: khaki !important; }
.back-color-lavender { background-color: lavender !important; }
.back-color-lavenderblush { background-color: lavenderblush !important; }
.back-color-lawngreen { background-color: lawngreen !important; }
.back-color-lemonchiffon { background-color: lemonchiffon !important; }
.back-color-lightblue { background-color: lightblue !important; }
.back-color-lightcoral { background-color: lightcoral !important; }
.back-color-lightcyan { background-color: lightcyan !important; }
.back-color-lightgoldenrodyellow { background-color: lightgoldenrodyellow !important; }
.back-color-lightgray { background-color: lightgray !important; }
.back-color-lightgreen { background-color: lightgreen !important; }
.back-color-lightgrey { background-color: lightgrey !important; }
.back-color-lightpink { background-color: lightpink !important; }
.back-color-lightsalmon { background-color: lightsalmon !important; }
.back-color-lightseagreen { background-color: lightseagreen !important; }
.back-color-lightskyblue { background-color: lightskyblue !important; }
.back-color-lightslategray { background-color: lightslategray !important; }
.back-color-lightslategrey { background-color: lightslategrey !important; }
.back-color-lightsteelblue { background-color: lightsteelblue !important; }
.back-color-lightyellow { background-color: lightyellow !important; }
.back-color-lime { background-color: lime !important; }
.back-color-limegreen { background-color: limegreen !important; }
.back-color-linen { background-color: linen !important; }
.back-color-magenta { background-color: magenta !important; }
.back-color-maroon { background-color: maroon !important; }
.back-color-mediumaquamarine { background-color: mediumaquamarine !important; }
.back-color-mediumblue { background-color: mediumblue !important; }
.back-color-mediumorchid { background-color: mediumorchid !important; }
.back-color-mediumpurple { background-color: mediumpurple !important; }
.back-color-mediumseagreen { background-color: mediumseagreen !important; }
.back-color-mediumslateblue { background-color: mediumslateblue !important; }
.back-color-mediumspringgreen { background-color: mediumspringgreen !important; }
.back-color-mediumturquoise { background-color: mediumturquoise !important; }
.back-color-mediumvioletred { background-color: mediumvioletred !important; }
.back-color-midnightblue { background-color: midnightblue !important; }
.back-color-mintcream { background-color: mintcream !important; }
.back-color-mistyrose { background-color: mistyrose !important; }
.back-color-moccasin { background-color: moccasin !important; }
.back-color-navajowhite { background-color: navajowhite !important; }
.back-color-navy { background-color: navy !important; }
.back-color-oldlace { background-color: oldlace !important; }
.back-color-olive { background-color: olive !important; }
.back-color-olivedrab { background-color: olivedrab !important; }
.back-color-orange { background-color: orange !important; }
.back-color-orangered { background-color: orangered !important; }
.back-color-orchid { background-color: orchid !important; }
.back-color-palegoldenrod { background-color: palegoldenrod !important; }
.back-color-palegreen { background-color: palegreen !important; }
.back-color-paleturquoise { background-color: paleturquoise !important; }
.back-color-palevioletred { background-color: palevioletred !important; }
.back-color-papayawhip { background-color: papayawhip !important; }
.back-color-peachpuff { background-color: peachpuff !important; }
.back-color-peru { background-color: peru !important; }
.back-color-pink { background-color: pink !important; }
.back-color-plum { background-color: plum !important; }
.back-color-powderblue { background-color: powderblue !important; }
.back-color-purple { background-color: purple !important; }
.back-color-rebeccapurple { background-color: rebeccapurple !important; }
.back-color-red { background-color: red !important; }
.back-color-rosybrown { background-color: rosybrown !important; }
.back-color-royalblue { background-color: royalblue !important; }
.back-color-saddlebrown { background-color: saddlebrown !important; }
.back-color-salmon { background-color: salmon !important; }
.back-color-sandybrown { background-color: sandybrown !important; }
.back-color-seagreen { background-color: seagreen !important; }
.back-color-seashell { background-color: seashell !important; }
.back-color-sienna { background-color: sienna !important; }
.back-color-silver { background-color: silver !important; }
.back-color-skyblue { background-color: skyblue !important; }
.back-color-slateblue { background-color: slateblue !important; }
.back-color-slategray { background-color: slategray !important; }
.back-color-slategrey { background-color: slategrey !important; }
.back-color-snow { background-color: snow !important; }
.back-color-snowlight { background-color: #f9f9f9; }
.back-color-springgreen { background-color: springgreen !important; }
.back-color-steelblue { background-color: steelblue !important; }
.back-color-tan { background-color: tan !important; }
.back-color-teal { background-color: teal !important; }
.back-color-thistle { background-color: thistle !important; }
.back-color-tomato { background-color: tomato !important; }
.back-color-turquoise { background-color: turquoise !important; }
.back-color-violet { background-color: violet !important; }
.back-color-wheat { background-color: wheat !important; }
.back-color-white { background-color: white !important; }
.back-color-whitesmoke { background-color: whitesmoke !important; }
.back-color-yellow { background-color: yellow !important; }
.back-color-yellowgreen { background-color: yellowgreen !important; }
.back-color-light { background-color: #f8f9fa !important; }


.fore-color-aliceblue { color: aliceblue !important; }
.fore-color-antiquewhite { color: antiquewhite !important; }
.fore-color-aqua { color: aqua !important; }
.fore-color-aquamarine { color: aquamarine !important; }
.fore-color-azure { color: azure !important; }
.fore-color-beige { color: beige !important; }
.fore-color-bisque { color: bisque !important; }
.fore-color-black { color: black !important; }
.fore-color-blanchedalmond { color: blanchedalmond !important; }
.fore-color-blue { color: blue !important; }
.fore-color-blueviolet { color: blueviolet !important; }
.fore-color-brown { color: brown !important; }
.fore-color-burlywood { color: burlywood !important; }
.fore-color-cadetblue { color: cadetblue !important; }
.fore-color-chartreuse { color: chartreuse !important; }
.fore-color-chocolate { color: chocolate !important; }
.fore-color-coral { color: coral !important; }
.fore-color-cornflowerblue { color: cornflowerblue !important; }
.fore-color-cornsilk { color: cornsilk !important; }
.fore-color-crimson { color: crimson !important; }
.fore-color-cyan { color: cyan !important; }
.fore-color-darkblue { color: darkblue !important; }
.fore-color-darkcyan { color: darkcyan !important; }
.fore-color-darkgoldenrod { color: darkgoldenrod !important; }
.fore-color-darkgray { color: darkgray !important; }
.fore-color-darkgreen { color: darkgreen !important; }
.fore-color-darkgrey { color: darkgrey !important; }
.fore-color-darkkhaki { color: darkkhaki !important; }
.fore-color-darkmagenta { color: darkmagenta !important; }
.fore-color-darkolivegreen { color: darkolivegreen !important; }
.fore-color-darkorange { color: darkorange !important; }
.fore-color-darkorchid { color: darkorchid !important; }
.fore-color-darkred { color: darkred !important; }
.fore-color-darksalmon { color: darksalmon !important; }
.fore-color-darkseagreen { color: darkseagreen !important; }
.fore-color-darkslateblue { color: darkslateblue !important; }
.fore-color-darkslategray { color: darkslategray !important; }
.fore-color-darkslategrey { color: darkslategrey !important; }
.fore-color-darkturquoise { color: darkturquoise !important; }
.fore-color-darkviolet { color: darkviolet !important; }
.fore-color-deeppink { color: deeppink !important; }
.fore-color-deepskyblue { color: deepskyblue !important; }
.fore-color-dimgray { color: dimgray !important; }
.fore-color-dimgrey { color: dimgrey !important; }
.fore-color-dodgerblue { color: dodgerblue !important; }
.fore-color-firebrick { color: firebrick !important; }
.fore-color-floralwhite { color: floralwhite !important; }
.fore-color-forestgreen { color: forestgreen !important; }
.fore-color-fuchsia { color: fuchsia !important; }
.fore-color-gainsboro { color: gainsboro !important; }
.fore-color-ghostwhite { color: ghostwhite !important; }
.fore-color-gold { color: gold !important; }
.fore-color-goldenrod { color: goldenrod !important; }
.fore-color-gray { color: gray !important; }
.fore-color-green { color: green !important; }
.fore-color-greenyellow { color: greenyellow !important; }
.fore-color-grey { color: grey !important; }
.fore-color-honeydew { color: honeydew !important; }
.fore-color-hotpink { color: hotpink !important; }
.fore-color-indianred { color: indianred !important; }
.fore-color-indigo { color: indigo !important; }
.fore-color-ivory { color: ivory !important; }
.fore-color-khaki { color: khaki !important; }
.fore-color-lavender { color: lavender !important; }
.fore-color-lavenderblush { color: lavenderblush !important; }
.fore-color-lawngreen { color: lawngreen !important; }
.fore-color-lemonchiffon { color: lemonchiffon !important; }
.fore-color-lightblue { color: lightblue !important; }
.fore-color-lightcoral { color: lightcoral !important; }
.fore-color-lightcyan { color: lightcyan !important; }
.fore-color-lightgoldenrodyellow { color: lightgoldenrodyellow !important; }
.fore-color-lightgray { color: lightgray !important; }
.fore-color-lightgreen { color: lightgreen !important; }
.fore-color-lightgrey { color: lightgrey !important; }
.fore-color-lightpink { color: lightpink !important; }
.fore-color-lightsalmon { color: lightsalmon !important; }
.fore-color-lightseagreen { color: lightseagreen !important; }
.fore-color-lightskyblue { color: lightskyblue !important; }
.fore-color-lightslategray { color: lightslategray !important; }
.fore-color-lightslategrey { color: lightslategrey !important; }
.fore-color-lightsteelblue { color: lightsteelblue !important; }
.fore-color-lightyellow { color: lightyellow !important; }
.fore-color-lime { color: lime !important; }
.fore-color-limegreen { color: limegreen !important; }
.fore-color-linen { color: linen !important; }
.fore-color-magenta { color: magenta !important; }
.fore-color-maroon { color: maroon !important; }
.fore-color-mediumaquamarine { color: mediumaquamarine !important; }
.fore-color-mediumblue { color: mediumblue !important; }
.fore-color-mediumorchid { color: mediumorchid !important; }
.fore-color-mediumpurple { color: mediumpurple !important; }
.fore-color-mediumseagreen { color: mediumseagreen !important; }
.fore-color-mediumslateblue { color: mediumslateblue !important; }
.fore-color-mediumspringgreen { color: mediumspringgreen !important; }
.fore-color-mediumturquoise { color: mediumturquoise !important; }
.fore-color-mediumvioletred { color: mediumvioletred !important; }
.fore-color-midnightblue { color: midnightblue !important; }
.fore-color-mintcream { color: mintcream !important; }
.fore-color-mistyrose { color: mistyrose !important; }
.fore-color-moccasin { color: moccasin !important; }
.fore-color-navajowhite { color: navajowhite !important; }
.fore-color-navy { color: navy !important; }
.fore-color-oldlace { color: oldlace !important; }
.fore-color-olive { color: olive !important; }
.fore-color-olivedrab { color: olivedrab !important; }
.fore-color-orange { color: orange !important; }
.fore-color-orangered { color: orangered !important; }
.fore-color-orchid { color: orchid !important; }
.fore-color-palegoldenrod { color: palegoldenrod !important; }
.fore-color-palegreen { color: palegreen !important; }
.fore-color-paleturquoise { color: paleturquoise !important; }
.fore-color-palevioletred { color: palevioletred !important; }
.fore-color-papayawhip { color: papayawhip !important; }
.fore-color-peachpuff { color: peachpuff !important; }
.fore-color-peru { color: peru !important; }
.fore-color-pink { color: pink !important; }
.fore-color-plum { color: plum !important; }
.fore-color-powderblue { color: powderblue !important; }
.fore-color-purple { color: purple !important; }
.fore-color-rebeccapurple { color: rebeccapurple !important; }
.fore-color-red { color: red !important; }
.fore-color-rosybrown { color: rosybrown !important; }
.fore-color-royalblue { color: royalblue !important; }
.fore-color-saddlebrown { color: saddlebrown !important; }
.fore-color-salmon { color: salmon !important; }
.fore-color-sandybrown { color: sandybrown !important; }
.fore-color-seagreen { color: seagreen !important; }
.fore-color-seashell { color: seashell !important; }
.fore-color-sienna { color: sienna !important; }
.fore-color-silver { color: silver !important; }
.fore-color-skyblue { color: skyblue !important; }
.fore-color-slateblue { color: slateblue !important; }
.fore-color-slategray { color: slategray !important; }
.fore-color-slategrey { color: slategrey !important; }
.fore-color-snow { color: snow !important; }
.fore-color-snowlight { color: #f9f9f9; }
.fore-color-springgreen { color: springgreen !important; }
.fore-color-steelblue { color: steelblue !important; }
.fore-color-tan { color: tan !important; }
.fore-color-teal { color: teal !important; }
.fore-color-thistle { color: thistle !important; }
.fore-color-tomato { color: tomato !important; }
.fore-color-turquoise { color: turquoise !important; }
.fore-color-violet { color: violet !important; }
.fore-color-wheat { color: wheat !important; }
.fore-color-white { color: white !important; }
.fore-color-whitesmoke { color: whitesmoke !important; }
.fore-color-yellow { color: yellow !important; }
.fore-color-yellowgreen { color: yellowgreen !important; }
.fore-color-light { color: #f8f9fa !important; }


.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-6 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-7 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-8 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-8a {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-9 {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-10 {
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.2;
}



/*--------------------*/
.ribbon {
    position: absolute;
    right: -1px; top: -1px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #A7C93D;
    background: linear-gradient(#A7C93D 0%, #7DBB44 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; right: -21px;
}
.ribbon span::before {
    content: \"\";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #7DBB44;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #7DBB44;
}
.ribbon span::after {
    content: \"\";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #7DBB44;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #7DBB44;
}        

.plans-invoice {
    background-image: url('../img/nota-integrada-invoice.png');
    background-repeat: no-repeat;
    background-position: center;    
}

.plans-user {
    background-image: url('../img/nota-integrada-user.png');
    background-repeat: no-repeat;
    background-position: center;    
}