@charset "UTF-8";
/*
@ In the name of Allah
Description   Siftal CSS Framework! made in Ermile
Author        Ermile
Author URI    Ermile.ir/siftal
Version       1.0.0
*/
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Black.eot");
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Black.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/5.5/woff2/IRANSansWeb_Black.woff2") format("woff2"), url("../fonts/IRANSans/5.5/woff/IRANSansWeb_Black.woff") format("woff"), url("../fonts/IRANSans/5.5/ttf/IRANSansWeb_Black.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Bold.eot");
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/5.5/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/IRANSans/5.5/woff/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/IRANSans/5.5/ttf/IRANSansWeb_Bold.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Medium.eot");
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/5.5/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/IRANSans/5.5/woff/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/IRANSans/5.5/ttf/IRANSansWeb_Medium.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Light.eot");
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/5.5/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/IRANSans/5.5/woff/IRANSansWeb_Light.woff") format("woff"), url("../fonts/IRANSans/5.5/ttf/IRANSansWeb_Light.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_UltraLight.eot");
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/5.5/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../fonts/IRANSans/5.5/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/IRANSans/5.5/ttf/IRANSansWeb_UltraLight.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb.eot");
  src: url("../fonts/IRANSans/5.5/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/5.5/woff2/IRANSansWeb.woff2") format("woff2"), url("../fonts/IRANSans/5.5/woff/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSans/5.5/ttf/IRANSansWeb.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebbold.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebbold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanwebbold.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanwebbold.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebthin.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebthin.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanwebthin.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanwebthin.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanweblight.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanweblight.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanweblight.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanweblight.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebregular.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebregular.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanwebregular.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanwebregular.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebmedium.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebmedium.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanwebmedium.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanwebmedium.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebextrabold.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebextrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanwebextrabold.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanwebextrabold.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebblack.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebblack.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanwebblack.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanwebblack.ttf") format("truetype"); }
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 950;
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebextrablack.eot");
  src: url("../fonts/IRANYekan/3.0//eot/iranyekanwebextrablack.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANYekan/3.0//woff/iranyekanwebextrablack.woff") format("woff"), url("../fonts/IRANYekan/3.0//ttf/iranyekanwebextrablack.ttf") format("truetype"); }
/* lato fontface for en text*/
@font-face {
  font-family: 'LatoLatinWebBlack';
  src: url(../fonts/lato/LatoLatin-Black.eot);
  src: url(../fonts/lato/LatoLatin-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Black.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Black.woff) format("woff"), url(../fonts/lato/LatoLatin-Black.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebBlack';
  src: url(../fonts/lato/LatoLatin-BlackItalic.eot);
  src: url(../fonts/lato/LatoLatin-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-BlackItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-BlackItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-BlackItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWeb';
  src: url(../fonts/lato/LatoLatin-Bold.eot);
  src: url(../fonts/lato/LatoLatin-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Bold.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Bold.woff) format("woff"), url(../fonts/lato/LatoLatin-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWeb';
  src: url(../fonts/lato/LatoLatin-BoldItalic.eot);
  src: url(../fonts/lato/LatoLatin-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-BoldItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-BoldItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-BoldItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWeb';
  src: url(../fonts/lato/LatoLatin-Italic.eot);
  src: url(../fonts/lato/LatoLatin-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Italic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Italic.woff) format("woff"), url(../fonts/lato/LatoLatin-Italic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWeb';
  src: url(../fonts/lato/LatoLatin-Regular.eot);
  src: url(../fonts/lato/LatoLatin-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Regular.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Regular.woff) format("woff"), url(../fonts/lato/LatoLatin-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebHairline';
  src: url(../fonts/lato/LatoLatin-Hairline.eot);
  src: url(../fonts/lato/LatoLatin-Hairline.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Hairline.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Hairline.woff) format("woff"), url(../fonts/lato/LatoLatin-Hairline.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebHairline';
  src: url(../fonts/lato/LatoLatin-HairlineItalic.eot);
  src: url(../fonts/lato/LatoLatin-HairlineItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-HairlineItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-HairlineItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-HairlineItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebHeavy';
  src: url(../fonts/lato/LatoLatin-Heavy.eot);
  src: url(../fonts/lato/LatoLatin-Heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Heavy.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Heavy.woff) format("woff"), url(../fonts/lato/LatoLatin-Heavy.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebHeavy';
  src: url(../fonts/lato/LatoLatin-HeavyItalic.eot);
  src: url(../fonts/lato/LatoLatin-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-HeavyItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-HeavyItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-HeavyItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebLight';
  src: url(../fonts/lato/LatoLatin-Light.eot);
  src: url(../fonts/lato/LatoLatin-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Light.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Light.woff) format("woff"), url(../fonts/lato/LatoLatin-Light.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebLight';
  src: url(../fonts/lato/LatoLatin-LightItalic.eot);
  src: url(../fonts/lato/LatoLatin-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-LightItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-LightItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-LightItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebMedium';
  src: url(../fonts/lato/LatoLatin-Medium.eot);
  src: url(../fonts/lato/LatoLatin-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Medium.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Medium.woff) format("woff"), url(../fonts/lato/LatoLatin-Medium.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebMedium';
  src: url(../fonts/lato/LatoLatin-MediumItalic.eot);
  src: url(../fonts/lato/LatoLatin-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-MediumItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-MediumItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-MediumItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebSemibold';
  src: url(../fonts/lato/LatoLatin-Semibold.eot);
  src: url(../fonts/lato/LatoLatin-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Semibold.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Semibold.woff) format("woff"), url(../fonts/lato/LatoLatin-Semibold.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebSemibold';
  src: url(../fonts/lato/LatoLatin-SemiboldItalic.eot);
  src: url(../fonts/lato/LatoLatin-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-SemiboldItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-SemiboldItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-SemiboldItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebThin';
  src: url(../fonts/lato/LatoLatin-Thin.eot);
  src: url(../fonts/lato/LatoLatin-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Thin.woff2) format("woff2"), url(../fonts/lato/LatoLatin-Thin.woff) format("woff"), url(../fonts/lato/LatoLatin-Thin.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: 'LatoLatinWebThin';
  src: url(../fonts/lato/LatoLatin-ThinItalic.eot);
  src: url(../fonts/lato/LatoLatin-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-ThinItalic.woff2) format("woff2"), url(../fonts/lato/LatoLatin-ThinItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-ThinItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-display: fallback; }
@font-face {
  font-family: "siftal";
  src: url("../fonts/siftal/siftal.eot");
  src: url("../fonts/siftal/siftal.eot?#iefix") format("embedded-opentype"), url("../fonts/siftal/siftal.woff") format("woff"), url("../fonts/siftal/siftal.ttf") format("truetype"), url("../fonts/siftal/siftal.svg#siftal") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

main, article, aside, figure, figcaption, footer, header, nav, section, details, menu, summary {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
/* force a vertical scrollbar to prevent a jumpy page */
html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
  line-height: 1.15;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

body.rtl {
  direction: rtl;
  font-family: IRANSans, "Segoe UI", Helvetica, sans-serif; }

body.ltr {
  direction: ltr;
  font-family: LatoLatinWeb, IRANSans, "Segoe UI", Helvetica, sans-serif; }

html[data-jibres] body.rtl {
  font-family: IRANYekan, "Segoe UI", Helvetica, sans-serif; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
object,
embed {
  max-width: 100%; }

img {
  border-style: none;
  outline: none;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: 0; }

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
  In fact, it *will* cause problems with Google Maps' controls at small size.
  If this is the case for you, try uncommenting the following:

#map img {
  max-width: none;
}
*/
/* we use a lot of ULs that aren't bulleted.
  you'll have to restore the bullets within content,
  which is fine because they're probably customized anyway */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #4080c0;
  text-decoration: none;
  background: transparent; }

del {
  text-decoration: line-through; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

abbr[title], dfn[title] {
  cursor: help;
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

/* tables still need cellspacing="0" in the markup */
table {
  font-size: inherit;
  font: 100%;
  border-collapse: separate;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: middle; }

td {
  font-weight: normal;
  vertical-align: middle; }

td img {
  vertical-align: middle; }

hr {
  display: block;
  height: 0;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  box-sizing: content-box;
  overflow: visible; }

small {
  font-size: 80%; }

b,
strong {
  font-weight: inherit;
  font-weight: bolder; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  middle: -0.25em; }

/* standardize any monospaced elements */
code, samp {
  font-family: monospace, sans-serif;
  font-size: 1em;
  display: inline-block;
  direction: ltr; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  word-wrap: break-word;
  /* IE */
  display: block;
  direction: ltr;
  font-family: monospace, sans-serif;
  font-size: 1em;
  overflow: auto; }

kbd {
  margin: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
  font-family: monospace, sans-serif;
  font-size: 1em;
  display: inline-block;
  direction: ltr;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 2px 6px;
  transition: 0.3s;
  border-radius: 0.25rem;
  line-height: 1.25; }

kbd:hover {
  background-color: rgba(0, 0, 0, 0.2); }

audio,
video {
  display: inline-block;
  max-width: 100%;
  outline: none; }

audio:not([controls]) {
  display: none;
  height: 0; }

svg:not(:root) {
  max-width: 100%;
  overflow: hidden; }

/* Forms
   ========================================================================== */
input {
  font-family: IRANSans, "Segoe UI", Helvetica, sans-serif;
  max-width: 100%;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  vertical-align: middle;
  overflow: visible;
  outline: none; }

input[type="file"] {
  cursor: pointer; }

input[type="radio"] {
  vertical-align: text-bottom;
  padding: 0;
  box-sizing: border-box; }

input[type="checkbox"] {
  vertical-align: bottom;
  padding: 0;
  box-sizing: border-box; }

html input[type="button"], input[type="submit"], input[type="reset"] {
  width: auto;
  cursor: pointer;
  -webkit-appearance: button; }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
input[type="button"]:-moz-focusring,
input[type="reset"]:-moz-focusring,
input[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

select {
  font-family: IRANSans, "Segoe UI", Helvetica, sans-serif;
  max-width: 100%;
  margin: 0;
  vertical-align: middle;
  font-size: 100%;
  line-height: 1.15;
  text-transform: none;
  outline: none; }

optgroup {
  font-family: IRANSans, "Segoe UI", Helvetica, sans-serif;
  max-width: 100%;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button {
  font-family: IRANSans, "Segoe UI", Helvetica, sans-serif;
  max-width: 100%;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  width: auto;
  overflow: visible;
  cursor: pointer;
  text-transform: none;
  -webkit-appearance: button;
  outline: none; }

textarea {
  font-family: IRANSans, "Segoe UI", Helvetica, sans-serif;
  max-width: 100%;
  max-height: 500px;
  overflow: auto;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  outline: none; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

address {
  font-style: normal; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* hand cursor on clickable elements */
.clickable {
  cursor: pointer; }

/* let's clear some floats */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

#ermileBadge {
  padding: 10px 1.5em;
  background-color: #24292e;
  color: #eee;
  transition: 0.3s;
  height: 70px;
  user-select: none; }

#ermileBadge:hover {
  background-color: #044f6f; }

#ermileBadge img {
  border-radius: 50%;
  background-color: #eee;
  width: 50px;
  height: 50px;
  display: block;
  vertical-align: middle;
  overflow: hidden;
  transition: 0.3s;
  padding: 2px; }

#ermileBadge img:hover {
  background-color: #fff; }

#ermileBadge h2 {
  color: #eee;
  font-size: 2em;
  margin: 0;
  line-height: 30px;
  transition: 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#ermileBadge h2:hover {
  color: #fff; }

#ermileBadge h3 {
  color: #eee;
  font-size: 1em;
  margin: 0;
  line-height: 20px;
  transition: 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#ermileBadge h3:hover {
  color: #fff; }

.siftal #sidebar #ermileBadge h2 {
  max-width: 170px; }

.siftal #sidebar #ermileBadge h3 {
  max-width: 170px; }

/* list */
ul {
  list-style: none inside none;
  line-height: 1.5em; }

ul.list {
  list-style: square outside none;
  margin: 0 2em; }

ul.list li {
  padding: 0.5em 1em; }

ul.list li a {
  padding: 0.3em 0.5em; }

.rtl ul {
  line-height: 2em; }

/* very usefull styles*/
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text; }

.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .5s linear;
  -o-transition: opacity .5s linear;
  -moz-transition: opacity .5s linear;
  transition: opacity .5s linear; }

.hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0 0.5s,opacity .5s linear;
  -o-transition: visibility 0 0.5s,opacity .5s linear;
  -moz-transition: visibility 0 0.5s,opacity .5s linear;
  transition: visibility 0s 0.5s,opacity .5s linear; }

.hide {
  display: none !important; }

.ltr {
  direction: ltr; }

.rtl {
  direction: rtl; }

.center {
  text-align: center; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.3em;
  color: inherit;
  outline: none; }

h1 {
  font-size: 2.2em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.8em; }

h4 {
  font-size: 1.7em; }

h5 {
  font-size: 1.5em; }

h6 {
  font-size: 1.3em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: 700;
  color: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: 400; }

p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  margin-bottom: 1em;
  line-height: 1.7; }

.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
  line-height: 1.5; }

.rtl p {
  line-height: 2.2;
  margin-bottom: 1.5em; }

a:hover {
  color: #3077c0;
  text-decoration: none;
  outline: 0; }

a:focus {
  color: #2070c0;
  outline: 0; }

a:active {
  outline: 0; }

div {
  outline: none; }

span {
  outline: none; }

span:focus {
  outline: none; }

::-webkit-selection {
  background-color: #cce0ff;
  color: rgba(0, 0, 0, 0.87); }

::-moz-selection {
  background-color: #cce0ff;
  color: rgba(0, 0, 0, 0.87); }

::selection {
  background-color: #cce0ff;
  color: rgba(0, 0, 0, 0.87); }

/* grid */
.cn {
  position: relative;
  width: 90%;
  min-width: 920px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0; }

.f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.f.gutters > div {
  padding-right: 15px;
  padding-left: 15px; }

.f.g > div {
  padding-right: 10px;
  padding-left: 10px; }

.ltr .f .os {
  margin-left: auto; }

.rtl .f .os {
  margin-right: auto; }

.f > * {
  position: relative;
  width: 100%;
  min-height: 1px; }

.f > .c, .f > div {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -moz-box-flex: 1;
  flex-grow: 1;
  max-width: 100%; }

.f > .transition {
  transition: 0.3s; }

.f > .cauto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: auto; }

.c0 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 0;
  -ms-flex: 0 0 0;
  -moz-box-flex: 0;
  flex: 0 0 0;
  max-width: 0;
  display: none !important; }

.f > .c1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  -moz-box-flex: 0;
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.f > .c2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  -moz-box-flex: 0;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.f > .c3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  -moz-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%; }

.f > .c4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  -moz-box-flex: 0;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.f > .c5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  -moz-box-flex: 0;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.f > .c6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  -moz-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%; }

.f > .c7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  -moz-box-flex: 0;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.f > .c8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  -moz-box-flex: 0;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.f > .c9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  -moz-box-flex: 0;
  flex: 0 0 75%;
  max-width: 75%; }

.f > .c10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  -moz-box-flex: 0;
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.f > .c11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  -moz-box-flex: 0;
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.f > .c12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -moz-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%; }

.flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: -moz-box !important;
  display: flex !important; }

.inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: -moz-inline-box !important;
  display: inline-flex !important; }

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  flex: 1; }

.f-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  -moz-box-orient: horizontal !important;
  -moz-box-direction: normal !important;
  flex-direction: row !important; }

.f-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  -moz-box-orient: vertical !important;
  -moz-box-direction: normal !important;
  flex-direction: column !important; }

.f-row-reverse, .rtl .f.fix, .rtl .flex.fix {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  -moz-box-orient: horizontal !important;
  -moz-box-direction: reverse !important;
  flex-direction: row-reverse !important; }

.f-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  -moz-box-orient: vertical !important;
  -moz-box-direction: reverse !important;
  flex-direction: column-reverse !important; }

.justify-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  -moz-box-pack: start !important;
  justify-content: flex-start !important; }

.justify-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  -moz-box-pack: end !important;
  justify-content: flex-end !important; }

.justify-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  -moz-box-pack: center !important;
  justify-content: center !important; }

.justify-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  -moz-box-pack: justify !important;
  justify-content: space-between !important; }

.justify-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  -moz-box-align: start !important;
  align-items: flex-start !important; }

.align-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  -moz-box-align: end !important;
  align-items: flex-end !important; }

.align-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  -moz-box-align: center !important;
  align-items: center !important; }

.align-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  -moz-box-align: baseline !important;
  align-items: baseline !important; }

.align-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  -moz-box-align: stretch !important;
  align-items: stretch !important; }

.self-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.self-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important; }

.self-baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.self-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important; }

.wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.align-content-start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

/* ALert Box */
.alert {
  position: relative;
  margin-bottom: 1.5em;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.5em 2.5em;
  overflow: hidden; }

.alert .close {
  font-family: "FontAwesome";
  content: "\f00d";
  cursor: pointer;
  position: relative;
  display: block;
  opacity: 0.5;
  transition: all .2s ease-in;
  font-size: 1.2em;
  line-height: 130%;
  float: right;
  right: -21px; }

.rtl .alert .close {
  float: left;
  right: auto;
  left: -21px; }

.alert:hover .close {
  color: #000; }

.alert a {
  font-weight: bold; }

.alert-heading {
  color: inherit; }

.alert-success, table .alert-success td {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.alert-danger, table .alert-danger td {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7; }

.alert-error, table .alert-error td {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #eed3d7; }

.alert-info, table .alert-info td {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.alert-good, table .alert-good td {
  color: #000000;
  background-color: #ebf8a4;
  border-color: #a2d246; }

.alert-block {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em; }

.alert-block > p, .alert-block > ul {
  margin-bottom: 0; }

.alert-block p + p {
  margin-top: 0.5em; }

.callout {
  padding: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  border: 1px solid #eee;
  border-left-width: .25em;
  border-radius: .25em;
  background-color: transparent !important; }

.rtl .callout {
  border-right-width: .25em; }

.callout h4 {
  margin-top: 0;
  margin-bottom: .25em; }

.callout p:last-child {
  margin-bottom: 0; }

.callout + .callout {
  margin-top: -.25em; }

.ltr .callout.success {
  border-left-color: #20b040; }
  .ltr .callout.success h3 {
    color: #20b040; }
  .ltr .callout.success h4 {
    color: #20b040; }

.rtl .callout.success {
  border-right-color: #20b040; }
  .rtl .callout.success h3 {
    color: #20b040; }
  .rtl .callout.success h4 {
    color: #20b040; }

.ltr .callout.danger {
  border-left-color: #e02020; }
  .ltr .callout.danger h3 {
    color: #e02020; }
  .ltr .callout.danger h4 {
    color: #e02020; }

.rtl .callout.danger {
  border-right-color: #e02020; }
  .rtl .callout.danger h3 {
    color: #e02020; }
  .rtl .callout.danger h4 {
    color: #e02020; }

.ltr .callout.warn {
  border-left-color: #ffc000; }
  .ltr .callout.warn h3 {
    color: #ffc000; }
  .ltr .callout.warn h4 {
    color: #ffc000; }

.rtl .callout.warn {
  border-right-color: #ffc000; }
  .rtl .callout.warn h3 {
    color: #ffc000; }
  .rtl .callout.warn h4 {
    color: #ffc000; }

.ltr .callout.info {
  border-left-color: #00b0aa; }
  .ltr .callout.info h3 {
    color: #00b0aa; }
  .ltr .callout.info h4 {
    color: #00b0aa; }

.rtl .callout.info {
  border-right-color: #00b0aa; }
  .rtl .callout.info h3 {
    color: #00b0aa; }
  .rtl .callout.info h4 {
    color: #00b0aa; }

.msg {
  position: relative;
  transition: 0.3s;
  padding: 1em 1.5em;
  margin-bottom: 1em;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  min-height: 1em;
  line-height: 1.5;
  opacity: 0.7;
  background-color: #f7f7f7;
  color: #333; }

.rtl .msg {
  line-height: 2; }

.msg:empty {
  display: none; }

.msg.minimal {
  padding: 1em 0.5em; }

.msg.special {
  opacity: 1;
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15); }

.msg .title {
  font-size: 120%;
  font-weight: bold; }

.msg ul {
  margin-top: 0.5em; }

.msg > a {
  font-weight: bold; }

.msg h2 {
  margin-bottom: 0; }

.msg h3 {
  margin-bottom: 0; }

.msg h4 {
  margin-bottom: 0; }

.msg:hover {
  border-color: rgba(0, 0, 0, 0.1); }

.msg:focus {
  border-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8; }

.msg:active, .msg.active {
  border-color: rgba(0, 0, 0, 0.2);
  opacity: 0.85; }

.badge {
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 0.25rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  transition: background-color 0.3s; }
  .badge:empty {
    display: none; }
  .badge:hover {
    color: #fff; }
  .badge:focus {
    color: #fff; }

.rtl .badge {
  padding: 0.25em 0.5em 0.15em; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge.rounded {
  padding-right: 0.5em;
  padding-left: 0.5em; }

.badge.circle {
  padding-right: 1em;
  padding-left: 1em; }

a.badge.danger {
  color: #fff !important; }

.badge.clicked {
  animation: pulsePulseBorder 0.5s infinite ease-in-out; }

@keyframes pulsePulseBorder {
  0% {
    box-shadow: 0 0 5px 2px #ddd; }
  70% {
    box-shadow: 0 0 5px 2px #aaa; }
  100% {
    box-shadow: 0 0 5px 2px #ddd; } }
[class^="sf-"].vlmiddle:before {
  vertical-align: middle; }

[class^="sf-"].vlbottom:before {
  vertical-align: bottom; }

[class^="sf-"].vltop:before {
  vertical-align: top; }

[class^="sf-"].style1 {
  background-color: #eee;
  padding: 5px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 32px;
  font-size: 1.2em;
  display: block;
  margin: 0 auto; }

[class^="sf-"].style2 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #eee;
  border-radius: 30%;
  display: inline-block; }

@-webkit-keyframes spiny {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  to {
    transform: rotate(3600deg);
    -webkit-transform: rotate(360deg); } }
[class^="sf-"].spiny:before {
  -webkit-animation: spiny 2s infinite linear;
  -webkit-animation-timing-function: cubic-bezier(0.43, 0.84, 0.61, 0.14);
  animation-timing-function: cubic-bezier(0.43, 0.84, 0.61, 0.14);
  transform-origin: 50% 50%; }

@-moz-keyframes spiner {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spiner {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes spiner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-moz-keyframes shaker {
  0% {
    -moz-transform: rotate(0deg); }
  25% {
    -moz-transform: rotate(45deg); }
  50% {
    -moz-transform: rotate(0deg); }
  75% {
    -moz-transform: rotate(-45deg); }
  100% {
    -moz-transform: rotate(0deg); } }
@-webkit-keyframes shaker {
  0% {
    -webkit-transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(45deg); }
  50% {
    -webkit-transform: rotate(0deg); }
  75% {
    -webkit-transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@keyframes shaker {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(45deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(0deg); } }
[class^="sf-"].redPlus {
  color: #e91e1e;
  transform: scale(1);
  animation: pulseNotificationHeart 0.7s infinite ease-in-out; }

@keyframes pulseHeart {
  0% {
    opacity: .7; }
  80% {
    opacity: .9;
    transform: scale(1.05); }
  100% {
    opacity: .7; } }
/* breadcrumb */
.breadcrumb {
  padding: 5px 1em;
  display: block;
  line-height: 30px;
  height: 30px;
  outline: none; }

.breadcrumb a {
  font-size: 1em;
  line-height: 20px;
  float: left;
  font-weight: 500;
  transition: 0.3s; }

.breadcrumb a:last-child {
  font-weight: 900; }

.breadcrumb > a + a:before {
  font-family: "siftal";
  content: "\63";
  padding: 0px 8px;
  float: left; }

.rtl .breadcrumb a {
  float: right; }

.rtl .breadcrumb > a + a:before {
  content: "\62";
  float: right; }

.breadcrumb2 {
  padding: 5px 1em;
  display: block;
  line-height: 30px;
  height: 30px; }

.breadcrumb2 a {
  font-size: 1em;
  line-height: 20px;
  float: left;
  font-weight: 500;
  transition: 0.3s; }

.breadcrumb2 a:last-child {
  font-weight: 900; }

.breadcrumb2 > a + a:before {
  content: "/";
  padding: 0px 8px;
  float: left; }

.rtl .breadcrumb2 a {
  float: right; }

.rtl .breadcrumb2 > a + a:before {
  float: right; }

.tbox .breadcrumb {
  line-height: 2em;
  height: 2em;
  padding: 1px 1em;
  font-size: 85%; }

.tbox .breadcrumb:empty {
  display: none; }

.pagination {
  text-align: center;
  position: relative;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid rgba(0, 0, 0, 0.1);
  user-select: none;
  background-color: #fff;
  border-radius: 1rem;
  opacity: 0.8; }

.pagination:hover {
  opacity: 1; }

.pagination .detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: auto; }

.pagination a {
  position: relative;
  padding: 1em 1.5em;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  cursor: pointer;
  background-color: transparent;
  color: #777;
  border: 1px solid transparent; }

.pagination a:link:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #777;
  opacity: 0.8; }

.pagination a:link:focus {
  background-color: rgba(0, 0, 0, 0.15); }

.pagination a:not([href]) {
  cursor: default; }

.pagination .active {
  font-weight: 700;
  background-color: #6c7ae0;
  color: #fff; }

progress {
  -webkit-appearance: progress-bar;
  display: block;
  width: 100%;
  border: none; }

progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; }

meter {
  display: block;
  width: 100%; }

progress.xs, meter.xs {
  height: 5px; }

progress.sm, meter.sm {
  height: 12px; }

progress.lg, meter.lg {
  height: 25px; }

progress.xl, meter.xl {
  height: 40px; }

/************************************************************** progress */
.progress {
  position: relative;
  display: block;
  max-width: 100%;
  border: none;
  margin: 1em 0 1.5em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  padding: 0;
  -webkit-border-radius: .28571429rem;
  -moz-border-radius: .28571429rem;
  border-radius: .28571429rem;
  font-size: 1rem;
  opacity: 1;
  transition: 0.3s; }

.progress::before {
  content: attr(data-percent);
  white-space: nowrap;
  position: absolute;
  width: auto;
  font-size: 1em;
  top: 2px;
  right: .5em;
  left: auto;
  bottom: auto;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
  font-weight: 700;
  text-align: left;
  display: none; }

.progress.shadow {
  opacity: 0; }

.progress > .bar {
  display: block;
  line-height: 1;
  height: 1.75em;
  position: relative;
  width: 0;
  min-width: 2em;
  background: #888;
  -webkit-border-radius: .28571429rem;
  -moz-border-radius: .28571429rem;
  border-radius: .28571429rem;
  -webkit-transition: width .3s ease,background-color .3s ease;
  -o-transition: width .3s ease,background-color .3s ease;
  -moz-transition: width .3s ease,background-color .3s ease;
  transition: width .3s ease,background-color .3s ease; }

.progress > .bar::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-border-radius: .28571429rem;
  -moz-border-radius: .28571429rem;
  border-radius: .28571429rem;
  -webkit-animation: progress-active 2s ease infinite;
  -moz-animation: progress-active 2s ease infinite;
  -o-animation: progress-active 2s ease infinite;
  animation: progress-active 2s ease infinite; }

.progress > .detail {
  position: absolute;
  width: 100%;
  font-size: 1em;
  top: 100%;
  right: auto;
  left: 0;
  bottom: auto;
  color: #afafaf;
  font-weight: 700;
  text-shadow: none;
  margin-top: .5em;
  text-align: center;
  -webkit-transition: color .4s ease;
  -o-transition: color .4s ease;
  -moz-transition: color .4s ease;
  transition: color .4s ease;
  line-height: 2em; }

.progress > .label {
  position: absolute;
  width: 100%;
  font-size: 1.2em;
  line-height: 2em;
  top: 100%;
  right: auto;
  left: 0;
  bottom: auto;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 700;
  text-shadow: none;
  margin-top: .2em;
  text-align: center;
  -webkit-transition: color .4s ease;
  transition: color .4s ease; }

@-webkit-keyframes progress-active {
  0% {
    opacity: .3;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }
@-moz-keyframes progress-active {
  0% {
    opacity: .3;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }
@-o-keyframes progress-active {
  0% {
    opacity: .3;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }
@keyframes progress-active {
  0% {
    opacity: .3;
    width: 0; }
  100% {
    opacity: 0;
    width: 100%; } }
.progress[data-percent^="1"] .bar {
  width: 10%; }

.progress[data-percent^="2"] .bar {
  width: 20%; }

.progress[data-percent^="3"] .bar {
  width: 30%;
  background-color: #EFBC72; }

.progress[data-percent^="4"] .bar {
  width: 40%;
  background-color: #E6BB48; }

.progress[data-percent^="5"] .bar {
  width: 50%;
  background-color: #E6BB48; }

.progress[data-percent^="6"] .bar {
  width: 60%;
  background-color: #DDC928; }

.progress[data-percent^="7"] .bar {
  width: 70%;
  background-color: #B4D95C; }

.progress[data-percent^="8"] .bar {
  width: 80%;
  background-color: #B4D95C; }

.progress[data-percent^="9"] .bar {
  width: 90%;
  background-color: #66DA81; }

.progress[data-percent^="100"] .bar {
  width: 100%;
  background-color: #66DA81; }

.progress[data-percent="1"] .bar {
  width: 1%; }

.progress[data-percent="2"] .bar {
  width: 2%; }

.progress[data-percent="3"] .bar {
  width: 3%; }

.progress[data-percent="4"] .bar {
  width: 4%; }

.progress[data-percent="5"] .bar {
  width: 5%; }

.progress[data-percent="6"] .bar {
  width: 6%; }

.progress[data-percent="7"] .bar {
  width: 7%; }

.progress[data-percent="8"] .bar {
  width: 8%; }

.progress[data-percent="9"] .bar {
  width: 9%; }

.tbl {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  margin-bottom: 1em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  color: #777;
  line-height: 1.5em;
  -fs-table-paginate: paginate; }

.tbl td, .tbl th {
  padding: 0.7em 0.7em;
  max-width: 600px;
  text-overflow: ellipsis; }

.tbl tbody tr > * {
  border-top: 1px solid rgba(30, 30, 30, 0.1); }

.tbl tr:first-child > * {
  border-top: none; }

.tbl thead {
  display: table-header-group; }

.tbl thead th {
  vertical-align: center;
  border-bottom: 2px solid rgba(30, 30, 30, 0.1);
  background-color: rgba(10, 10, 40, 0.1);
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 700;
  overflow: hidden; }

.tbl.fixAlign th {
  text-align: left; }

.rtl.fixAlign .tbl th {
  text-align: right; }

.tbl tfoot th {
  vertical-align: center;
  border-top: 2px solid rgba(30, 30, 30, 0.1);
  background-color: rgba(10, 10, 40, 0.1);
  padding-top: 1em;
  padding-bottom: 1em;
  font-style: normal;
  font-weight: 400; }

.tbl.padded td, .tbl.padded th {
  padding: 1em 1em; }

.tbl.padded thead th {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.tbl.padded tfoot th {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.tbl.compact {
  display: table; }

.tbl.compact td, .tbl.compact th {
  padding: 0.25em 0.5em; }

.tbl.compact thead th {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.tbl.compact tfoot th {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.tbl:not(.dead) tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 30, 0.03); }

.tbl.dark:not(.dead) tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.03); }

.tbl.secondary:not(.dead) tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.03); }

.tbl.bordered td, .tbl.bordered th {
  border: 1px solid rgba(0, 0, 0, 0.05); }

.tbl.dark.bordered td, .tbl.dark.bordered th {
  border: 1px solid rgba(255, 255, 255, 0.05); }

.tbl.secondary.bordered td, .tbl.secondary.bordered th {
  border: 1px solid rgba(255, 255, 255, 0.05); }

.tbl tbody tr {
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color; }

.tbl:not(.dead) tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.07);
  opacity: 1; }

.tbl.dark:not(.dead) tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.07);
  opacity: 1; }

.tbl.secondary:not(.dead) tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.07);
  opacity: 1; }

.tbl.dead tbody tr {
  background-color: inherit; }

.tbl.fix {
  table-layout: fixed; }

.tbl .positive {
  background-color: #fcfff5 !important;
  color: #2c662d !important;
  opacity: 0.7; }

.tbl .negative {
  background-color: #fff6f6 !important;
  color: #9f3a38 !important;
  opacity: 0.7; }

.tbl .warning {
  background-color: #fffaf3 !important;
  color: #573a08 !important;
  opacity: 0.7; }

.tbl .active {
  background-color: rgba(0, 105, 255, 0.1) !important;
  color: #333;
  opacity: 0.7; }

.tbl td.collapsing, .tbl th.collapsing {
  width: 1px;
  white-space: nowrap; }

.tbl tbody .selectable {
  transition: background-color 0.3s; }

.tbl tbody .selectable a {
  display: block;
  color: inherit; }

.tbl tbody .selectable:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.tbl thead th[data-sort] {
  transition: background-color 0.3s;
  cursor: pointer;
  padding: 0;
  position: relative; }

.tbl thead th[data-sort]:hover {
  background-color: rgba(0, 0, 0, 0.2); }

.tbl thead th[data-sort] a {
  display: block;
  color: inherit;
  padding: 1em;
  position: relative; }

.tbl thead th[data-sort]::after {
  font-family: "siftal";
  display: inline-block;
  cursor: pointer;
  vertical-align: bottom;
  padding: 0 2px;
  position: absolute;
  top: 55%;
  right: 0;
  margin-top: -10px; }

.rtl .tbl thead th[data-sort]::after {
  right: inherit;
  left: 0; }

.tbl thead th[data-sort='desc']::after {
  content: "\58"; }

.tbl thead th[data-sort='asc']::after {
  content: "\59"; }

.tbl tr .rowAction {
  margin-top: 0.5em;
  opacity: 0;
  transition: 0.3s opacity;
  user-select: none; }

.tbl tr:hover .rowAction {
  opacity: 1; }

.tbl p {
  margin: 0; }

.tbl [class^="sf-"] {
  display: inline-block; }

.tblBox {
  overflow-x: auto; }

.tbl1 {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  line-height: 1.4;
  margin-bottom: 1em;
  border-collapse: collapse; }

.tbl1 .repeatHead {
  -fs-table-paginate: paginate; }

.rtl .tbl1 {
  line-height: 2; }

.tbl1.cbox {
  display: table;
  padding: 0; }

.tbl1.layoutFixed {
  table-layout: fixed; }

.tbl1 thead {
  font-size: 1.2em;
  display: table-row-group; }

.tbl1.repeatHead thead {
  display: table-header-group; }

.tbl1 th {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1rem;
  text-align: left;
  max-width: 600px;
  text-overflow: ellipsis; }

.ltr .tbl1 th.collapsing, .ltr .tbl1 td.collapsing {
  width: 1px;
  white-space: nowrap; }

.rtl .tbl1 th.collapsing, .rtl .tbl1 td.collapsing {
  width: 1px;
  white-space: nowrap; }

.rtl .tbl1 th {
  text-align: right;
  padding-right: 0;
  padding-left: 1rem; }

.tbl1 tr {
  transition: 0.3s; }

.tbl1 tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.tbl1 tbody tr:active {
  background-color: rgba(0, 0, 0, 0.15) !important; }

.tbl1 tbody tr[data-selected] {
  background-color: rgba(0, 0, 0, 0.1); }

.tbl1 td {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1rem;
  color: #808080;
  transition: 0.3s; }

.tbl1 td.breakWord {
  word-break: break-word; }

.tbl1 td.breakAll {
  word-break: break-all; }

.rtl .tbl1 td {
  text-align: right;
  padding-right: 0;
  padding-left: 1rem; }

.ltr .tbl1 tr th:first-of-type, .ltr .tbl1 tr td:first-of-type {
  padding-left: 3rem; }

.rtl .tbl1 tr th:first-of-type, .rtl .tbl1 tr td:first-of-type {
  padding-right: 3rem; }

.tbl1 tr th {
  width: 200px; }

.tbl1.txtC th, .tbl1.txtC td {
  text-align: center; }

/*================================================================== [ v1 ]*/
.tbl1.v1 {
  border-radius: 1rem;
  box-shadow: 0 0px 1.5em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 1.5em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 1.5em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 1.5em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 1.5em 0px rgba(0, 0, 0, 0.15); }

.tbl1.v1 thead {
  color: #fff;
  background-color: #6c7ae0; }

.tbl1.v1 thead a {
  color: #eee; }

.tbl1.v1 thead a:focus {
  color: #fff; }

.tbl1.v1 tbody tr:nth-child(even) {
  background-color: #f8f6ff; }

.tbl1.v1 tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.1); }

/*================================================================== [ Ver2 ]*/
.tbl1.v2 {
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15); }

.tbl1.v2 thead {
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
  color: #fa4251;
  background-color: transparent; }

.tbl1.v2 tbody tr:first-of-type td {
  padding-top: 2em; }

.tbl1.v2 tr {
  border-bottom: 1px solid #f2f2f2; }

/*================================================================== [ v3 ]*/
.tbl1.v3 {
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  background-color: #393939; }

.tbl1.v3 thead {
  font-size: 1em;
  text-transform: uppercase; }

.tbl1.v3 thead tr {
  color: #00ad5f;
  background-color: #393939; }

.tbl1.v3 tbody tr {
  background-color: #222; }

.tbl1.v3 tbody tr:hover {
  background-color: #333; }

.tbl1.v3 tbody tr th {
  color: #aaa; }

.tbl1.v3 tbody tr a {
  color: #bbb; }

.tbl1.v3 tbody tr a:hover {
  color: #ccc; }

.tbl1.v3 tbody tr a:focus {
  color: #ddd; }

/*================================================================== [ v4 ]*/
.tbl1.v4 thead {
  color: #4272d7;
  background-color: transparent;
  border-bottom: 2px solid #f2f2f2; }

.tbl1.v4 tr {
  border-bottom: 1px solid #f2f2f2; }

.ltr .tbl1.v4 tr td:first-of-type {
  padding-left: 1rem; }

.rtl .tbl1.v4 tr td:first-of-type {
  padding-right: 1rem; }

.ltr .tbl1.v4 th.collapsing, .ltr .tbl1.v4 td.collapsing {
  width: 1px;
  white-space: nowrap;
  padding-right: 1em; }

.rtl .tbl1.v4 th.collapsing, .rtl .tbl1.v4 td.collapsing {
  width: 1px;
  white-space: nowrap;
  padding-left: 1em; }

.tbl1.v4 tbody tr:hover {
  background-color: #ebebeb; }

.tbl1 tbody tr[data-selected] {
  background-color: #daecf9 !important;
  color: #2c662d !important; }

.tbl1 tbody tr[data-selected="warn"] {
  background-color: #f9f7da !important;
  color: #573a08 !important; }

/*================================================================== [ v5 ]*/
.tbl1.v5 {
  border-collapse: separate;
  border-spacing: 0 1rem;
  padding: 0 1rem; }

.tbl1.v5 thead {
  font-size: 1em;
  color: #555555;
  text-transform: uppercase;
  background-color: transparent; }

.tbl1.v5 thead th {
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

.tbl1.v5 tbody tr {
  overflow: hidden;
  border-bottom: 1rem solid #fff;
  border-radius: 1rem;
  background-color: #f7f7f7; }

.tbl1.v5 tbody tr:hover {
  background-color: #ebebeb; }

.tbl1.v5 tbody td {
  border: solid 1px transparent;
  border-style: solid none;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.ltr .tbl1.v5 tbody td:first-child {
  border-left-style: solid;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem; }

.ltr .tbl1.v5 tbody td:last-child {
  border-right-style: solid;
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem; }

.rtl .tbl1.v5 tbody td:first-child {
  border-right-style: solid;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem; }

.rtl .tbl1.v5 tbody td:last-child {
  border-left-style: solid;
  border-bottom-left-radius: 1rem;
  border-top-left-radius: 1rem; }

/*================================================================== [ v6 ]*/
.tbl1.v6 {
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15); }

.tbl1.v6 thead {
  color: #fff;
  background-color: #36304a; }

.tbl1.v6 tbody tr:nth-child(even) {
  background-color: #f5f5f5; }

.tbl1.v6 tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.1); }

/*================================================================== [ v7 ]*/
.tbl1.v7 {
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15); }

.tbl1.v7 thead {
  color: #fff;
  background-color: #333; }

.tbl1.v7 td {
  color: #808080; }

.tbl1.v7 tbody tr:nth-child(even) {
  background-color: #eaf8e6; }

.tbl1.v7 tbody tr:hover {
  background-color: #83d160; }

/*================================================================== [ v8 ]*/
.tbl1.v8 {
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15); }

.tbl1.v8 thead {
  color: #fff;
  background-color: #6c7ae0; }

.tbl1.v8 thead th {
  text-align: center !important; }

.tbl1.v8 tr th:first-of-type, .tbl1.v8 tr td:first-of-type {
  padding-left: 1rem; }

.tbl1.v8 tr {
  border-bottom: 1px solid #e5e5e5; }

.tbl1.v8 td {
  text-align: center !important;
  color: #808080; }

.tbl1.v8 tbody tr:hover {
  background-color: #fcebf5; }

.tbl1.v8 td:hover {
  background-color: #e03e9c;
  color: #fff; }

/*================================================================== [ v9 ]*/
.tbl1.v9 {
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15); }

.tbl1.v9 thead {
  color: #fff;
  background-color: #002933; }

.tbl1.v9 td {
  color: #808080; }

.tbl1.v9 tbody tr:nth-child(even) {
  background-color: #e9faff; }

.tbl1.v9 tbody tr:hover td {
  color: #fe3e64;
  background-color: #bee5f1; }

/*================================================================== [ v10 ]*/
.tbl1.v10 {
  border-radius: 1rem;
  box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 3em 0px rgba(0, 0, 0, 0.15);
  background: #7918f2;
  background: -webkit-linear-gradient(-68deg, #ac32e4, #4801ff);
  background: -o-linear-gradient(-68deg, #ac32e4, #4801ff);
  background: -moz-linear-gradient(-68deg, #ac32e4, #4801ff);
  background: linear-gradient(-68deg, #ac32e4, #4801ff); }

.tbl1.v10 thead {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  padding-top: 2em;
  padding-bottom: 2em; }

.tbl1.v10 th {
  color: #fff; }

.tbl1.v10 td {
  color: #fff; }

.tbl1.v10 tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.1); }

.tbl1.v10 tr.disabled {
  opacity: 0.3; }

.tbl1.v10 a {
  color: #fff;
  font-weight: 700; }

.tbl1 thead th[data-sort] {
  transition: background-color 0.3s;
  cursor: pointer;
  position: relative; }

.tbl1 thead th[data-sort]:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.tbl1 thead th[data-sort] a {
  display: block;
  color: inherit;
  padding: 1em;
  position: relative; }

.tbl1 thead th[data-sort]::after {
  font-family: "siftal";
  display: inline-block;
  cursor: pointer;
  vertical-align: bottom;
  padding: 0 5px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px; }

.rtl .tbl1 thead th[data-sort]::after {
  right: inherit;
  left: 0; }

.tbl1 thead th[data-sort='desc']::after {
  content: "\58"; }

.tbl1 thead th[data-sort='asc']::after {
  content: "\59"; }

.ltr .tbl1 tr.positive {
  border-left: 5px solid #10c000; }

.rtl .tbl1 tr.positive {
  border-right: 5px solid #10c000; }

.tbl1 tbody tr.positive:hover {
  background-color: rgba(16, 192, 0, 0.2); }

.ltr .tbl1 tr.negative {
  border-left: 5px solid #f07040; }

.rtl .tbl1 tr.negative {
  border-right: 5px solid #f07040; }

.tbl1 tbody tr.negative:hover {
  background-color: rgba(240, 64, 64, 0.3); }

.ltr .tbl1 tr.active {
  border-left: 5px solid #50b5f0; }

.rtl .tbl1 tr.active {
  border-right: 5px solid #50b5f0; }

.tbl1 tbody tr.active:hover {
  background-color: rgba(0, 105, 255, 0.2); }

.ltr .tbl1 tr.warning {
  border-left: 5px solid #c0c010; }

.rtl .tbl1 tr.warning {
  border-right: 5px solid #c0c010; }

.tbl1 tbody tr.warning:hover {
  background-color: rgba(192, 192, 16, 0.3); }

.ltr .tbl1 tr.disabled {
  border-left: 5px solid #807070; }

.rtl .tbl1 tr.disabled {
  border-right: 5px solid #807070; }

.tbl1 tbody tr.disabled:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.cbox {
  font-size: 1.4em;
  margin: 0 auto 1.5em;
  padding: 1em 1.5em;
  display: block;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #555;
  position: relative;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, box-shadow, border; }

.cbox.minimal {
  padding: 1em 0.5em; }

.cbox .simple {
  border-bottom-color: transparent; }

.cbox h1 {
  font-size: 1.5em; }

.cbox h2 {
  font-size: 1.4em; }

.cbox h3 {
  font-size: 1.3em; }

.cbox h4 {
  font-size: 1.2em; }

.cbox h5 {
  font-size: 1.1em; }

.cbox h6 {
  font-size: 1em; }

.cbox h2, .cbox h3, .cbox h4 {
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0;
  font-weight: bold;
  transition: 0.3s border-color;
  color: #777; }

.cbox h2:hover, .cbox h3:hover, .cbox h4:hover {
  border-bottom-color: #80c0d0; }

.cbox h2 [class^="sf-"]:before, .cbox h2 [class*=" sf-"]:before {
  vertical-align: middle;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color;
  color: #ccc;
  font-size: 1.3em; }

.cbox:hover h2 [class^="sf-"]:before {
  color: #777; }

.cbox h3 [class^="sf-"]:before, .cbox h3 [class*=" sf-"]:before {
  vertical-align: middle;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color;
  color: #ccc;
  font-size: 1.3em; }

.cbox:hover h3 [class^="sf-"]:before {
  color: #777; }

.cbox h4 [class^="sf-"]:before, .cbox h4 [class*=" sf-"]:before {
  vertical-align: middle;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color;
  color: #ccc;
  font-size: 1.3em; }

.cbox:hover h4 [class^="sf-"]:before {
  color: #777; }

.cbox .mediaBox {
  position: relative;
  overflow: hidden; }

.cbox .mediaBox img {
  display: block;
  margin: 0 auto;
  max-height: 500px; }

.cbox .mediaBox::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg); }

.cbox .mediaBox:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }
@keyframes shine {
  100% {
    left: 125%; } }
.cbox .example {
  padding: 1em; }

.ibox {
  background-color: #eee;
  border-radius: 0.25rem;
  display: block;
  padding: 1em 1.5em;
  margin: 1em; }

.pbox {
  border-bottom: 2px dotted #eee;
  position: relative;
  font-size: 1.1em; }

.pbox header {
  padding: 1rem 1.5rem;
  font-weight: 700;
  color: #222;
  border: none;
  box-shadow: none;
  transition: 0.3s;
  background-color: #fff;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent; }

.pbox header:hover {
  background-color: #fefefe; }

.pbox header[data-kerkere-status="open"] {
  border-right-color: #27bf27;
  border-left-color: #27bf27; }

.pbox .body {
  background-color: #fff;
  border-right: 2px solid #27bf27;
  border-left: 2px solid #27bf27;
  padding: 5px; }

.panel {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #dadce0;
  overflow: hidden; }

.panel hr {
  border-color: #dadce0;
  margin: 0; }

.panel .pad {
  padding: 1em 1.5em; }

.panel .padH {
  padding: 1.5em 2em; }

.panel a.special {
  display: block;
  transition: 0.3s; }

.panel a.special:hover {
  background-color: #f5f5f5; }

.panel a.special:focus {
  background-color: #eee; }

.dcard {
  font-size: 1.2em;
  margin: 0 5px 10px;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.8);
  color: #555;
  padding: 10px 1.5em;
  opacity: 0.8;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, border;
  min-height: 100px;
  max-height: 100px;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dcard:hover {
  opacity: 1;
  background-color: white; }

a.dcard:hover {
  border-color: #bbb; }

.dcard h1, .dcard h2, .dcard h3, .dcard h4, .dcard h5 {
  margin: 0; }

.dcard .fc-mute {
  font-weight: 100; }

.dcard.x07 {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
  padding: 0;
  display: block; }

.dcard.x1 {
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  overflow: hidden; }

.dcard.x2 {
  height: 210px;
  min-height: 210px;
  max-height: 210px;
  overflow: hidden; }

.dcard.x3 {
  height: 320px;
  min-height: 320px;
  max-height: 320px;
  overflow: hidden; }

.dcard.x4 {
  height: 430px;
  min-height: 430px;
  max-height: 430px;
  overflow: hidden; }

.dcard.x5 {
  height: 540px;
  min-height: 540px;
  max-height: 540px;
  overflow: hidden; }

.dcard .chart {
  height: 100px; }

.dcard.x2 .chart {
  height: 210px; }

.dcard.x3 .chart {
  height: 320px; }

.dcard.x4 .chart {
  height: 430px; }

.dcard.x07 .value {
  font-size: 2em;
  text-align: center;
  font-weight: 100;
  color: #363049;
  height: 50px;
  line-height: 50px; }

.dcard.x07 .label {
  font-size: 0.8em;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  min-height: 20px;
  line-height: 10px; }

.dcard .progress {
  margin: 0; }

.dcard.active {
  border-color: #0E6EB8; }

.dcard.active:before {
  position: absolute;
  display: block;
  border-top: 28px solid #0E6EB8;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 1; }

.dcard.active:after {
  position: absolute;
  display: block;
  content: "";
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 5px;
  width: 10px;
  right: 2px;
  top: 4px;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.dcard[data-kerkere-status="open"] {
  border-color: #0E6EB8; }

.dcard[data-kerkere-status="open"]:before {
  position: absolute;
  display: block;
  border-top: 15px solid #0E6EB8;
  border-left: 15px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 1; }

.dcard img {
  width: 100%; }

.ltr .f .c:first-child .dcard {
  margin-left: 0; }

.ltr .f .c:last-child .dcard {
  margin-right: 0; }

.rtl .f .c:first-child .dcard {
  margin-right: 0; }

.rtl .f .c:last-child .dcard {
  margin-left: 0; }

.vcard {
  position: relative;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border: none;
  border-radius: 0.4rem;
  overflow: hidden;
  line-height: 1.25;
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 auto;
  transition: 0.3s;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; }

.vcard.shadow:hover, .vcard.active {
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5, 0 5px 20px rgba(0, 0, 0, 0.19), 0 5px 7px rgba(0, 0, 0, 0.23); }

.vcard > :first-child {
  border-radius: 0.3rem 0.3rem 0 0 !important;
  border-top: none !important; }

.vcard[class^="sf-"]:before {
  vertical-align: top; }

.vcard img, .vcard .img {
  position: relative;
  display: block;
  padding: 0;
  width: 100%;
  height: auto; }

.vcard .content {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 1em 1em;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.vcard .content .header {
  display: block;
  color: #222;
  font-weight: 700;
  font-size: 1.2em;
  margin-top: -0.2em;
  line-height: 1.5em; }

.vcard .content .desc {
  clear: both;
  color: #777;
  margin-top: 0.5em;
  display: block;
  line-height: 1.5; }

.vcard .content.title {
  background-color: #eee;
  color: #333;
  padding: 7em 0;
  text-align: center; }

.vcard .content.title .header {
  font-size: 2em; }

.vcard .meta {
  clear: both;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
  transition: 0.3s;
  display: block; }

.vcard .meta a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s; }

.vcard .meta a:hover {
  color: rgba(0, 0, 0, 0.6); }

.vcard .meta a:focus {
  color: rgba(0, 0, 0, 0.7); }

.ltr .vcard .meta * {
  margin-right: 0.2em; }

.ltr .vcard .meta:last-child {
  margin-right: 0; }

.rtl .vcard .meta * {
  margin-left: 0.2em; }

.rtl .vcard .meta:last-child {
  margin-left: 0; }

.vcard .footer {
  max-width: 100%;
  min-height: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background-color: transparent;
  padding: 0.75em 1em;
  transition: 0.2s;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.vcard .footer:empty {
  padding: 0; }

.vcard .footer.pAn .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

img.avatar {
  min-width: 2em;
  min-height: 2em;
  width: 2em;
  height: 2em;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden; }

.ltr .vcard .avatar {
  margin-right: 0.3em; }

.rtl .vcard .avatar {
  margin-left: 0.3em; }

img.mini {
  width: 35px;
  height: auto;
  border-radius: 0.2rem;
  margin: 0.1em; }

.vcard.red {
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5, 0 3px 0 0 #db2828; }

.vcard.blue {
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5, 0 3px 0 0 #2185d0; }

.vcard.green {
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5, 0 3px 0 0 #b5cc18; }

.vcard.yellow {
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5, 0 3px 0 0 #fbbd08; }

.vcard.black {
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5, 0 3px 0 0 #1b1c1d; }

.mini .vcard {
  width: 150px;
  min-width: 150px;
  max-width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 0.8em;
  margin: 7px 5px; }

.mini .vcard img {
  width: 35px;
  height: 35px;
  display: inline-block;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.mini .vcard .content {
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5px 5px 5px;
  height: 35px; }

.mini .vcard .content .header {
  height: 18px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.mini .vcard .content .btn {
  height: 25px;
  min-height: 25px;
  line-height: 21px;
  padding-top: 2px;
  padding-bottom: 2px; }

.tiny .vcard {
  width: 180px;
  min-width: 180px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 0.9em;
  margin: 10px 5px; }

.tiny .vcard img {
  width: 40px;
  height: 40px;
  display: inline-block;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.tiny .vcard .content {
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5px 5px 0;
  height: 40px; }

.tiny .vcard .content .header {
  height: 22px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis; }

.tiny .vcard .content .btn {
  height: 30px;
  min-height: 30px;
  line-height: 24px;
  padding-top: 3px;
  padding-bottom: 3px; }

.small .vcard {
  width: 200px;
  min-width: 200px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 0.9em;
  margin: 10px 7px; }

.small .vcard img {
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.small .vcard .content {
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5px 5px 0;
  height: 50px; }

.small .vcard .content .header {
  height: 28px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis; }

.small .vcard .content .btn {
  height: 40px;
  min-height: 40px;
  line-height: 34px;
  padding-top: 3px;
  padding-bottom: 3px; }

.normal .vcard {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  text-align: center; }

.normal .vcard img {
  max-height: 200px; }

.large .vcard {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  text-align: center;
  font-size: 1.1em; }

.large .vcard img {
  max-height: 220px; }

.big .vcard {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  font-size: 1.3em;
  text-align: center; }

.big .vcard img {
  max-height: 250px; }

.huge .vcard {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  font-size: 1.4em;
  text-align: center; }

.huge .vcard img {
  max-height: 300px; }

.massive .vcard {
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  font-size: 1.6em;
  text-align: center; }

.massive .vcard img {
  max-height: 400px; }

.live .vcard {
  opacity: 0.5; }

.live .vcard[data-live="hidden"] {
  opacity: 0.1;
  display: none; }

.live .vcard[data-live="deactive"] {
  opacity: 0.2;
  cursor: not-allowed; }

.live .vcard[data-live="on"] {
  opacity: 1; }

.live .vcard[data-live="half"] {
  opacity: 0.8; }

.live .vcard[data-live="none"] {
  opacity: 1; }

.live .vcard:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ccc;
  width: 5px;
  height: 5px;
  margin: 5px;
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulseOff 2s infinite; }

.rtl .live .vcard:before {
  right: inherit;
  left: 0; }

.live .vcard[data-live="on"]:before {
  background-color: #20b040;
  box-shadow: 0 0 0 0 rgba(15, 161, 166, 0.7);
  animation: pulseOn 1.25s infinite cubic-bezier(0.66, 0, 0, 1); }

.live .vcard[data-live="off"]:before {
  opacity: 0.5; }

.live .vcard[data-live="half"]:before {
  background-color: #b5cc18; }

.live .vcard[data-live="none"]:before {
  display: none; }

@keyframes pulseOn {
  to {
    box-shadow: 0 0 0 0.4em rgba(232, 76, 61, 0); } }
@keyframes pulseOff {
  0% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); }
  70% {
    box-shadow: 0 0 0 0.5em rgba(204, 169, 44, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }
.vcard .mini .vcard {
  min-width: auto;
  margin: 0;
  width: 100%; }

.vcard .mini .vcard .content .header {
  margin: 0;
  height: 25px;
  line-height: 25px; }

.vcard .mini .vcard .content .btn {
  height: 35px;
  line-height: 31px; }

.icard {
  background-color: #fff;
  color: #777;
  border: 1px solid #eee;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 1em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.icard:hover {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25), 0 0px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25), 0 0px 0px rgba(0, 0, 0, 0.22); }

.icard > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 5px; }

.icard small {
  display: block;
  margin-top: 5px;
  color: #888; }

.ltr .icard .vdivider {
  border-right: 1px solid #eee;
  margin: 5px 0; }

.rtl .icard .vdivider {
  border-left: 1px solid #eee;
  margin: 5px 0; }

/* Modals - v2*/
.modal {
  position: fixed;
  overflow: auto;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none; }

.modal-dialog {
  position: fixed;
  top: 40%;
  left: 50%;
  padding: 2em;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
  pointer-events: none; }

.modal.visible .modal-dialog {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
  pointer-events: auto;
  cursor: auto; }

.modal.visible {
  opacity: 1;
  pointer-events: auto;
  cursor: progress; }

.modal-body {
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.4;
  margin-bottom: 50px; }

.modal-footer-old {
  position: absolute;
  bottom: 10%;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0); }

.modal-header {
  margin: 0 auto; }

.modal-footer {
  margin: 0 auto; }

.deadline {
  text-align: center;
  display: block;
  overflow: hidden;
  border-radius: 0.5em;
  margin: 1em auto;
  font-size: 0.8em;
  color: #fff;
  min-width: 12em;
  max-width: 15em;
  min-height: 100px; }

.deadline .title {
  display: block;
  background-color: #0fa1a6;
  font-size: 1em;
  padding: 0.5em 0.5em;
  font-weight: 100; }

.deadline .info {
  display: block;
  background-color: #1a8083;
  transition: 0.2s;
  padding: 1em 0; }

.deadline .info time {
  display: block;
  font-size: 5em;
  font-weight: 700;
  line-height: 1; }

.deadline .info span {
  display: block; }

.deadline.yellow .title {
  background-color: #a5890e; }

.deadline.yellow .info {
  background-color: #bda926; }

.deadline.orange .title {
  background-color: #940606; }

.deadline.orange .info {
  background-color: #b32626; }

.deadline.red .title {
  background-color: #b32626; }

.deadline.red .info {
  background-color: #ec0707; }

.deadline.black .title {
  background-color: #333; }

.deadline.black .info {
  background-color: #000;
  color: #fff; }

.line {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  display: block;
  z-index: 1000;
  text-align: center;
  padding: 1em; }

.line.top {
  bottom: inherit;
  top: 0; }

.clock .time {
  text-align: center;
  font-size: 3em;
  font-weight: 500;
  text-shadow: 0 0 1px #000;
  direction: ltr; }

.clock .time span {
  display: inline-block; }

.clock .date {
  text-align: center; }

.steps {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 1em 0;
  line-height: 1.1em;
  border-radius: .25rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
  width: 100%; }

.steps .step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  vertical-align: middle;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0;
  padding: 1em 2em;
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border-radius: 0;
  border: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; }

.steps .step:after {
  display: none;
  position: absolute;
  z-index: 2;
  content: '';
  top: 50%;
  right: 0;
  border: medium none;
  background-color: #fff;
  width: 1.1em;
  height: 1.1em;
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0 1px 1px 0;
  -webkit-transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
  transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  transform: translateY(-50%) translateX(50%) rotate(-45deg); }

.rtl .steps .step:after {
  right: inherit;
  left: -1.1em;
  border-width: 1px 0 0 1px; }

.ltr .steps .step:first-child {
  padding-left: 2em;
  border-radius: 0.25rem 0 0 0.25rem; }

.rtl .steps .step:first-child {
  padding-right: 2em;
  border-radius: 0.25rem 0 0 0.25rem; }

.ltr .steps .step:last-child {
  border-radius: 0 .25rem .25rem 0;
  border-right: none;
  margin-right: 0; }

.rtl .steps .step:last-child {
  border-radius: .25rem 0 0 .25rem;
  border-left: none;
  margin-left: 0; }

.steps .step:only-child {
  border-radius: 0.25rem; }

.steps .step .title {
  font-size: 1.1em;
  font-weight: 700; }

.steps .step > .title {
  width: 100%; }

.steps .step .description {
  font-weight: 400;
  font-size: .9em;
  color: rgba(0, 0, 0, 0.87); }

.steps .step > .description {
  width: 100%; }

.steps .step .title ~ .description {
  margin-top: 0.25em; }

.steps .step > [class^="sf-"] {
  line-height: 1;
  font-size: 2.5em;
  margin: 0 1rem; }

.steps .step > [class^="sf-"], .steps .step > [class^="sf-"] ~ .content {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: middle;
  -ms-grid-row-align: middle;
  align-self: middle; }

.steps:not(.vertical) .step > [class^="sf-"] {
  width: auto; }

.ordered.steps {
  counter-reset: ordered; }

.ordered.steps .step:before {
  display: block;
  position: static;
  text-align: center;
  content: counters(ordered,".");
  -ms-flex-item-align: middle;
  -ms-grid-row-align: middle;
  align-self: middle;
  margin: 0 1rem;
  font-size: 2.5em;
  counter-increment: ordered;
  font-weight: 700; }

.ordered.steps .step > * {
  display: block;
  -ms-flex-item-align: middle;
  -ms-grid-row-align: middle;
  align-self: middle; }

.vertical.steps {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: visible; }

.vertical.steps .step {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 0;
  padding: 1.1em 2em;
  border-right: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15); }

.vertical.steps .step:first-child {
  padding: 1.1em 2em;
  border-radius: 0.25rem 0.25rem 0 0; }

.vertical.steps .step:last-child {
  border-bottom: none;
  border-radius: 0 0 0.25rem 0.25rem; }

.vertical.steps .step:only-child {
  border-radius: 0.25rem; }

.vertical.steps .step:after {
  display: none; }

.vertical.steps .step:after {
  top: 50%;
  right: 0;
  border-width: 0 1px 1px 0; }

.vertical.steps .step:after {
  display: none; }

.vertical.steps .active.step:after {
  display: block; }

.vertical.steps .step:last-child:after {
  display: none; }

.vertical.steps .active.step:last-child:after {
  display: block; }

@media (max-width: 767px) {
  .steps:not(.unstackable) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .steps:not(.unstackable) .step {
    width: 100% !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0;
    padding: 1.1em 2em; }

  .steps:not(.unstackable) .step:first-child {
    padding: 1.1em 2em;
    border-radius: 0.25rem 0.25rem 0 0; }

  .steps:not(.unstackable) .step:last-child {
    border-radius: 0 0 0.25rem 0.25rem; }

  .steps:not(.unstackable) .step:after {
    display: none !important; }

  .steps:not(.unstackable) .step .content {
    text-align: center; }

  .ordered.steps:not(.unstackable) .step:before, .steps:not(.unstackable) .step > [class^="sf-"] {
    margin: 0 0 1rem 0; } }
.steps .link.step:hover, .steps .link.step:hover::after, .steps a.step:hover, .steps a.step:hover::after {
  background: #f9fafb;
  color: rgba(0, 0, 0, 0.8); }

.steps .link.step:active, .steps .link.step:active::after, .steps a.step:active, .steps a.step:active::after {
  background: #f3f4f5;
  color: rgba(0, 0, 0, 0.9); }

.steps .step.active {
  cursor: auto;
  background: #f3f4f5; }

.steps .step.active:after {
  background: #f3f4f5; }

.steps .step.active .title {
  color: #4183c4; }

.ordered.steps .step.active:before, .steps .active.step [class^="sf-"] {
  color: rgba(0, 0, 0, 0.85); }

.steps .step:after {
  display: block; }

.steps .active.step:after {
  display: block; }

.steps .step:last-child:after {
  display: none; }

.steps .active.step:last-child:after {
  display: none; }

.steps .link.active.step:hover, .steps .link.active.step:hover::after, .steps a.active.step:hover, .steps a.active.step:hover::after {
  cursor: pointer;
  background: #dcddde;
  color: rgba(0, 0, 0, 0.87); }

.ordered.steps .step.completed:before, .steps .step.completed > [class^="sf-"]:before {
  color: #21ba45; }

.steps .disabled.step {
  cursor: auto;
  background: #fff;
  pointer-events: none; }

.steps .disabled.step, .steps .disabled.step .description, .steps .disabled.step .title {
  color: rgba(40, 40, 40, 0.3); }

.steps .disabled.step:after {
  background: #fff; }

@media (max-width: 991px) {
  .ui[class*="tablet stackable"].steps {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .ui[class*="tablet stackable"].steps .step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0;
    padding: 1.1em 2em; }

  .ui[class*="tablet stackable"].steps .step:first-child {
    padding: 1.1em 2em;
    border-radius: 0.25rem 0.25rem 0 0; }

  .ui[class*="tablet stackable"].steps .step:last-child {
    border-radius: 0 0 0.25rem 0.25rem; }

  .ui[class*="tablet stackable"].steps .step:after {
    display: none !important; }

  .ui[class*="tablet stackable"].steps .step .content {
    text-align: center; }

  .ui[class*="tablet stackable"].ordered.steps .step:before, .ui[class*="tablet stackable"].steps .step > [class^="sf-"] {
    margin: 0 0 1rem 0; } }
.fluid.steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.attached.steps {
  width: calc(100% + 2px) !important;
  margin: 0 -1px 0;
  max-width: calc(100% + 2px);
  border-radius: 0.25rem 0.25rem 0 0; }

.attached.steps .step:first-child {
  border-radius: 0.25rem 0 0 0; }

.attached.steps .step:last-child {
  border-radius: 0 0.25rem 0 0; }

.bottom.attached.steps {
  margin: 0 -1px 0;
  border-radius: 0 0 0.25rem 0.25rem; }

.bottom.attached.steps .step:first-child {
  border-radius: 0 0 0 0.25rem; }

.bottom.attached.steps .step:last-child {
  border-radius: 0 0 0.25rem 0; }

.eight.steps, .five.steps, .four.steps, .one.steps, .seven.steps, .six.steps, .three.steps, .two.steps {
  width: 100%; }

.eight.steps > .step, .five.steps > .step, .four.steps > .step, .one.steps > .step, .seven.steps > .step, .six.steps > .step, .three.steps > .step, .two.steps > .step {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.statistic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1em auto;
  max-width: auto; }

.ltr .statistic + .statistic {
  margin-left: 1.5em; }

.rtl .statistic + .statistic {
  margin-right: 1.5em; }

.statistic:first-child {
  margin-top: 0; }

.statistic:last-child {
  margin-bottom: 0; }

.statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.statistics > .statistic {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: auto; }

.statistics:after {
  display: block;
  content: ' ';
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.statistics:first-child {
  margin-top: 0; }

.statistics:last-child {
  margin-bottom: 0; }

.statistic > .value, .statistics .statistic > .value {
  font-size: 4em;
  font-weight: 400;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center; }

.statistic > .label, .statistics .statistic > .label {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }

.statistic > .label ~ .value, .statistics .statistic > .label ~ .value {
  margin-top: 0; }

.statistic > .value ~ .label, .statistics .statistic > .value ~ .label {
  margin-top: 0; }

.statistic > .value [class^="sf-"], .statistics .statistic > .value [class^="sf-"] {
  opacity: 1;
  width: auto;
  margin: 0;
  font-size: 0.8em;
  vertical-align: middle; }

.statistic > .value [class^="sf-"]:before {
  line-height: inherit; }

.statistic > .text.value, .statistics .statistic > .text.value {
  line-height: 1em;
  min-height: 2em;
  font-weight: 700;
  text-align: center;
  font-size: 2em !important; }

.statistic > .text.value + .label, .statistics .statistic > .text.value + .label {
  text-align: center; }

.statistic > .value img, .statistics .statistic > .value img {
  max-height: 3em;
  vertical-align: baseline; }

.ten.statistics {
  margin: 0 0 -2em; }

.ten.statistics .statistic {
  min-width: 10%;
  margin: 0 0 2em; }

.nine.statistics {
  margin: 0 0 -2em; }

.nine.statistics .statistic {
  min-width: 11.11111111%;
  margin: 0 0 2em; }

.eight.statistics {
  margin: 0 0 -2em; }

.eight.statistics .statistic {
  min-width: 12.5%;
  margin: 0 0 2em; }

.seven.statistics {
  margin: 0 0 -2em; }

.seven.statistics .statistic {
  min-width: 14.28571429%;
  margin: 0 0 2em; }

.six.statistics {
  margin: 0 0 -2em; }

.six.statistics .statistic {
  min-width: 16.66666667%;
  margin: 0 0 2em; }

.five.statistics {
  margin: 0 0 -2em; }

.five.statistics .statistic {
  min-width: 20%;
  margin: 0 0 2em; }

.four.statistics {
  margin: 0 0 -2em; }

.four.statistics .statistic {
  min-width: 25%;
  margin: 0 0 2em; }

.three.statistics {
  margin: 0 0 -2em; }

.three.statistics .statistic {
  min-width: 33.33333333%;
  margin: 0 0 2em; }

.two.statistics {
  margin: 0 0 -2em; }

.two.statistics .statistic {
  min-width: 50%;
  margin: 0 0 2em; }

.one.statistics {
  margin: 0 0 -2em; }

.one.statistics .statistic {
  min-width: 100%;
  margin: 0 0 2em; }

.horizontal.statistic {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.horizontal.statistics {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  max-width: none; }

.horizontal.statistics .statistic {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: none;
  margin: 1em 0; }

.horizontal.statistic > .text.value, .horizontal.statistics > .statistic > .text.value {
  min-height: 0 !important; }

.horizontal.statistic > .value [class^="sf-"], .horizontal.statistics .statistic > .value [class^="sf-"] {
  width: 1.18em; }

.horizontal.statistic > .value, .horizontal.statistics .statistic > .value {
  display: inline-block;
  vertical-align: middle;
  font-size: 3em !important; }

.horizontal.statistic > .label, .horizontal.statistics .statistic > .label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 .75em; }

.rtl .horizontal.statistic > .label, .horizontal.statistics .statistic > .label {
  margin: 0 .75em 0 0; }

.red.statistic > .value, .red.statistics .statistic > .value, .statistics .red.statistic > .value {
  color: #db2828; }

.orange.statistic > .value, .orange.statistics .statistic > .value, .statistics .orange.statistic > .value {
  color: #f2711c; }

.statistics .yellow.statistic > .value, .yellow.statistic > .value, .yellow.statistics .statistic > .value {
  color: #fbbd08; }

.olive.statistic > .value, .olive.statistics .statistic > .value, .statistics .olive.statistic > .value {
  color: #b5cc18; }

.green.statistic > .value, .green.statistics .statistic > .value, .statistics .green.statistic > .value {
  color: #21ba45; }

.statistics .teal.statistic > .value, .teal.statistic > .value, .teal.statistics .statistic > .value {
  color: #00b5ad; }

.blue.statistic > .value, .blue.statistics .statistic > .value, .statistics .blue.statistic > .value {
  color: #2185d0; }

.statistics .violet.statistic > .value, .violet.statistic > .value, .violet.statistics .statistic > .value {
  color: #6435c9; }

.purple.statistic > .value, .purple.statistics .statistic > .value, .statistics .purple.statistic > .value {
  color: #a333c8; }

.pink.statistic > .value, .pink.statistics .statistic > .value, .statistics .pink.statistic > .value {
  color: #e03997; }

.brown.statistic > .value, .brown.statistics .statistic > .value, .statistics .brown.statistic > .value {
  color: #a5673f; }

.grey.statistic > .value, .grey.statistics .statistic > .value, .statistics .grey.statistic > .value {
  color: #767676; }

.inverted.statistic .value, .inverted.statistics .statistic > .value {
  color: #fff; }

.inverted.statistic .label, .inverted.statistics .statistic > .label {
  color: rgba(255, 255, 255, 0.9); }

.inverted.red.statistic > .value, .inverted.red.statistics .statistic > .value, .statistics .inverted.red.statistic > .value {
  color: #ff695e; }

.inverted.orange.statistic > .value, .inverted.orange.statistics .statistic > .value, .statistics .inverted.orange.statistic > .value {
  color: #ff851b; }

.inverted.yellow.statistic > .value, .inverted.yellow.statistics .statistic > .value, .statistics .inverted.yellow.statistic > .value {
  color: #ffe21f; }

.inverted.olive.statistic > .value, .inverted.olive.statistics .statistic > .value, .statistics .inverted.olive.statistic > .value {
  color: #d9e778; }

.inverted.green.statistic > .value, .inverted.green.statistics .statistic > .value, .statistics .inverted.green.statistic > .value {
  color: #2ecc40; }

.inverted.teal.statistic > .value, .inverted.teal.statistics .statistic > .value, .statistics .inverted.teal.statistic > .value {
  color: #6dffff; }

.inverted.blue.statistic > .value, .inverted.blue.statistics .statistic > .value, .statistics .inverted.blue.statistic > .value {
  color: #54c8ff; }

.inverted.violet.statistic > .value, .inverted.violet.statistics .statistic > .value, .statistics .inverted.violet.statistic > .value {
  color: #a291fb; }

.inverted.purple.statistic > .value, .inverted.purple.statistics .statistic > .value, .statistics .inverted.purple.statistic > .value {
  color: #dc73ff; }

.inverted.pink.statistic > .value, .inverted.pink.statistics .statistic > .value, .statistics .inverted.pink.statistic > .value {
  color: #ff8edf; }

.inverted.brown.statistic > .value, .inverted.brown.statistics .statistic > .value, .statistics .inverted.brown.statistic > .value {
  color: #d67c1c; }

.inverted.grey.statistic > .value, .inverted.grey.statistics .statistic > .value, .statistics .inverted.grey.statistic > .value {
  color: #dcddde; }

[class*="left floated"].statistic {
  float: left;
  margin: 0 2em 1em 0; }

[class*="right floated"].statistic {
  float: right;
  margin: 0 0 1em 2em; }

.floated.statistic:last-child {
  margin-bottom: 0; }

.share1 a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 5px;
  width: 35px;
  height: 35px;
  font-size: 0;
  line-height: 0;
  border-radius: 1px;
  background-color: #333; }

.share1 a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  -webkit-transition: box-shadow .3s;
  transition: box-shadow .2s; }

.share1 a::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 2;
  font-family: "siftal" !important;
  color: #eee;
  font-size: 20px;
  line-height: 1;
  padding: 7px; }

.share1 .facebook::before {
  box-shadow: inset 0 0 0 48px #3b5998; }

.share1 .facebook:hover::before {
  box-shadow: inset 0 0 0 4px #3b5998; }

.share1 .facebook::after {
  content: "\e18f"; }

.share1 .twitter::before {
  box-shadow: inset 0 0 0 48px #4099ff; }

.share1 .twitter:hover::before {
  box-shadow: inset 0 0 0 4px #4099ff; }

.share1 .twitter::after {
  content: "\e054"; }

.share1 .googleplus::before {
  box-shadow: inset 0 0 0 48px #d34836; }

.share1 .googleplus:hover::before {
  box-shadow: inset 0 0 0 4px #d34836; }

.share1 .googleplus::after {
  content: "\e0e5"; }

.share1 .github::before {
  box-shadow: inset 0 0 0 48px #333; }

.share1 .github:hover::before {
  box-shadow: inset 0 0 0 4px #333; }

.share1 .github::after {
  content: "\5f"; }

.share1 .rss::before {
  box-shadow: inset 0 0 0 48px #ee802f; }

.share1 .rss:hover::before {
  box-shadow: inset 0 0 0 4px #ee802f; }

.share1 .rss::after {
  content: "\e009"; }

.share1 .telegram::before {
  box-shadow: inset 0 0 0 48px #34a3dd; }

.share1 .telegram:hover::before {
  box-shadow: inset 0 0 0 4px #34a3dd; }

.share1 .telegram::after {
  content: "\e10d"; }

.share1 .linkedin::before {
  box-shadow: inset 0 0 0 48px #1283ad; }

.share1 .linkedin:hover::before {
  box-shadow: inset 0 0 0 4px #1283ad; }

.share1 .linkedin::after {
  content: "\e052"; }

.share1 .instagram::before {
  box-shadow: inset 0 0 0 48px #f22579; }

.share1 .instagram:hover::before {
  box-shadow: inset 0 0 0 4px #f22579; }

.share1 .instagram::after {
  content: "\e045"; }

.sharePage1 a {
  color: #fff;
  margin: 5px; }

.sharePage1 a:hover {
  color: #fff; }

.sharePage1 a span {
  font-size: 1.5em;
  display: inline-block; }

.sharePage1 .facebook {
  background-color: #3b5998; }

.sharePage1 .facebook:hover {
  background-color: #2d4373; }

.sharePage1 .twitter {
  background-color: #00aced; }

.sharePage1 .twitter:hover {
  background-color: #0087ba; }

.sharePage1 .linkedin {
  background-color: #007bb6; }

.sharePage1 .linkedin:hover {
  background-color: #005983; }

.sharePage1 .telegram {
  background-color: #36aee2; }

.sharePage1 .telegram:hover {
  background-color: #1f95c8; }

.sharePage1 .email {
  background-color: #a08119; }

.sharePage1 .email:hover {
  background-color: #a08000; }

/* print preview style on screen*/
@media screen {
  .printArea {
    background: #fff;
    box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3);
    margin: 0 auto 1em;
    overflow: visible;
    position: relative;
    box-sizing: border-box;
    page-break-after: always; }

  .printArea[data-size='A3'] {
    width: 297mm;
    height: 419mm; }

  .printArea[data-size='A3.landscape'] {
    width: 420mm;
    height: 296mm; }

  .printArea[data-size='A4'] {
    width: 210mm;
    height: 296mm; }

  .printArea[data-size='A4.landscape'] {
    width: 297mm;
    height: 209mm; }

  .printArea[data-size='A5'] {
    width: 148mm;
    height: 209mm; }

  .printArea[data-size='A5.landscape'] {
    width: 210mm;
    height: 147mm; }

  .printArea[data-size='A6'] {
    width: 105mm;
    height: 148mm; }

  .printArea[data-size='A6.landscape'] {
    width: 147mm;
    height: 105mm; }

  .printArea[data-size='letter'] {
    width: 216mm;
    height: 279mm; }

  .printArea[data-size='letter.landscape'] {
    width: 280mm;
    height: 215mm; }

  .printArea[data-size='legal'] {
    width: 216mm;
    height: 356mm; }

  .printArea[data-size='legal.landscape'] {
    width: 357mm;
    height: 215mm; }

  .printArea[data-size='receipt8'] {
    width: 84mm;
    padding: 18mm 4mm 1mm; }

  .printArea[data-height='auto'] {
    height: auto; } }
.printArea {
  -webkit-print-color-adjust: exact; }

.ltr .printArea .tbl1 tr th:first-of-type, .ltr .printArea .tbl1 tr td:first-of-type {
  padding-left: 1rem; }

.rtl .printArea .tbl1 tr th:first-of-type, .rtl .printArea .tbl1 tr td:first-of-type {
  padding-right: 1rem; }

body.errorPage {
  background-color: #0e5860;
  color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden; }

body.errorPage.s20 {
  background-color: #102060; }

body.errorPage.s50 {
  background-color: #750700; }

.errorPage .wrapper {
  min-width: 280px;
  width: 80%;
  margin: 0 auto;
  padding: 5% 0 0; }

.errorPage h1 {
  font-size: 4em;
  font-weight: bold; }

.errorPage a {
  color: #eee; }

.errorPage .slash {
  padding: 0 2px; }

.errorPage ol {
  font-size: 1.4em;
  direction: ltr;
  padding: 2em 2em 0; }

.errorPage li {
  padding-bottom: 5px; }

.errorPage #no {
  font-family: sans-serif;
  position: absolute;
  bottom: 5%;
  right: 5%;
  opacity: 0.3;
  line-height: 1;
  font-size: 100px;
  font-size: 20vw;
  animation: pulseLow 2s infinite ease-in-out;
  user-select: none; }

.errorPage #smile {
  font-size: 10em;
  margin-top: 20px; }

@keyframes pulseLow {
  0% {
    opacity: .3; }
  50% {
    opacity: .5; }
  100% {
    opacity: .3; } }
.errorPage #nodes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 0; }

.device48 {
  width: 48px;
  height: 48px; }

.device48[data-device='mobile'] {
  background: no-repeat url("../images/account/devices48.png") 0 -441px;
  background-size: 48px 783px; }

.device48[data-device='android'] {
  background: no-repeat url("../images/account/devices48.png") 0 -294px;
  background-size: 48px 783px; }

.device48[data-device='iphone'] {
  background: no-repeat url("../images/account/devices48.png") 0 -735px;
  background-size: 48px 783px; }

.device48[data-device='windows'] {
  background: no-repeat url("../images/account/devices48.png") 0 -147px;
  background-size: 48px 783px; }

.device48[data-device='linux'] {
  background: no-repeat url("../images/account/devices48.png") 0 -539px;
  background-size: 48px 783px; }

.device48[data-device='mac'] {
  background: no-repeat url("../images/account/devices48.png") 0 -343px;
  background-size: 48px 783px; }

.device48[data-device='chromebook'] {
  background: no-repeat url("../images/account/devices48.png") 0 -49px;
  background-size: 48px 783px; }

.device48[data-device='androidtablet'] {
  background: no-repeat url("../images/account/devices48.png") 0 -98px;
  background-size: 48px 783px; }

.device48[data-device='ipad'] {
  background: no-repeat url("../images/account/devices48.png") 0 -245px;
  background-size: 48px 783px; }

.device72 {
  width: 72px;
  height: 72px; }

.device72[data-device='mobile'] {
  background: no-repeat url("../images/account/devices72.png") 0 -657px;
  background-size: 72px 1167px; }

.device72[data-device='android'] {
  background: no-repeat url("../images/account/devices72.png") 0 -438px;
  background-size: 72px 1167px; }

.device72[data-device='iphone'] {
  background: no-repeat url("../images/account/devices72.png") 0 -1095px;
  background-size: 72px 1167px; }

.device72[data-device='windows'] {
  background: no-repeat url("../images/account/devices72.png") 0 -219px;
  background-size: 72px 1167px; }

.device72[data-device='linux'] {
  background: no-repeat url("../images/account/devices72.png") 0 -803px;
  background-size: 72px 1167px; }

.device72[data-device='mac'] {
  background: no-repeat url("../images/account/devices72.png") 0 -511px;
  background-size: 72px 1167px; }

.device72[data-device='chromebook'] {
  background: no-repeat url("../images/account/devices72.png") 0 -73px;
  background-size: 72px 1167px; }

.device72[data-device='androidtablet'] {
  background: no-repeat url("../images/account/devices72.png") 0 -146px;
  background-size: 72px 1167px; }

.device72[data-device='ipad'] {
  background: no-repeat url("../images/account/devices72.png") 0 -365px;
  background-size: 72px 1167px; }

.scr::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  transition: 0.3s; }

.scr::-webkit-scrollbar:hover {
  background: rgba(0, 0, 0, 0.15); }

.scr::-webkit-scrollbar-track {
  background: none; }

.scr::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0; }

.scr::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2); }

.scr.dark::-webkit-scrollbar {
  background: rgba(255, 255, 255, 0.1); }

.scr.dark::-webkit-scrollbar:hover {
  background: rgba(255, 255, 255, 0.15); }

.scr.dark::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1); }

.scr.dark::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2); }

.cms {
  color: #777;
  overflow: hidden;
  font-size: 1.5em; }

.cms h3 {
  font-size: 1.5em; }

.cms hr, hr.special {
  border-color: #0aa;
  position: relative;
  max-width: 100%; }

.cms .msg {
  overflow: hidden; }

.cms .thumb {
  width: 250px;
  height: auto;
  display: inline-block;
  padding: 0;
  margin: 0 .5em .5em;
  border: 1px solid transparent;
  transition: 0.3s; }

.cms .thumb:hover {
  border-color: #aaa;
  opacity: 0.9; }

.cms .wide {
  width: 100%;
  display: block;
  margin: 1em auto; }

.cms blockquote {
  display: block;
  max-width: 60%;
  margin: 3em auto;
  color: #777;
  padding: 1.5em 2em 1.5em 3em;
  border: 1px solid transparent;
  border-left: 8px solid #78C0A8;
  line-height: 2;
  background: #ededed;
  position: relative;
  overflow: hidden;
  transition: 0.3s; }

.cms blockquote:hover {
  border-color: #587; }

.cms blockquote::before {
  font-family: Arial;
  content: "\201C";
  color: #78C0A8;
  font-size: 5em;
  position: absolute;
  line-height: 1;
  height: 1em;
  left: 10px;
  transition: .3s;
  top: -20px; }

.cms blockquote:hover::before {
  top: 30px;
  bottom: 0;
  color: #587;
  font-size: 7em; }

.cms blockquote::after {
  content: ""; }

.cms blockquote span {
  display: block;
  color: #333;
  font-style: normal;
  font-weight: 700;
  margin-top: 1em; }

.cms .tagBox {
  clear: both; }

.cms .tagBox a {
  padding: .5em;
  margin: .5em;
  background-color: #eee;
  border-radius: 3px;
  transition: .3s;
  display: inline-block; }

.cms .tagBox a:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.cms .tagBox a:focus {
  background-color: rgba(0, 0, 0, 0.2); }

.h_iframe-aparat_embed_frame {
  position: relative; }

.h_iframe-aparat_embed_frame .ratio {
  display: block;
  width: 100%;
  height: auto; }

.h_iframe-aparat_embed_frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

iframe.gMap {
  min-height: 200px;
  max-height: 400px;
  height: 300px;
  width: 100%;
  border: none; }

.cms .gallery {
  text-align: center;
  margin: 2em 0;
  clear: both; }

.cms .gallery a {
  display: inline-block;
  max-width: 45%;
  width: 220px;
  margin: 0.5em 2%; }

.cms .gallery img {
  margin: 0 auto;
  border: 1px solid #ddd;
  transition: 0.3s; }

.cms .gallery img:hover {
  border-color: #777; }

.cms .gallery video {
  width: 200px;
  max-width: 45%;
  margin: 0 auto; }

.cms .gallery audio {
  width: 200px;
  max-width: 45%;
  margin: 0 auto; }

.cms .galleryMedia {
  text-align: center; }

.cms .galleryMedia video {
  width: 700px;
  max-width: 90%;
  margin: 2em auto;
  display: block; }

.cms .galleryMedia audio {
  width: 500px;
  max-width: 90%;
  margin: 1em auto;
  display: block; }

.cms .postListPreview {
  width: 70%;
  min-width: 280px;
  margin: 0 auto; }

.cms .postListPreview section {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 3em;
  overflow: hidden; }

.cms ul {
  list-style: square outside none;
  margin: 0 2em;
  line-height: 2em; }

.cms ul li {
  padding-bottom: 0.5em; }

.cms ul li a {
  padding: 0 0.5em;
  transition: 0.3s;
  display: block; }

.cms ul li a:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.cms ul li a:focus {
  background-color: rgba(0, 0, 0, 0.1); }

/* timeline */
.sTimeline {
  position: relative;
  background-color: #fff;
  padding: 0 10%;
  padding: 2em 0 3em;
  max-width: 1080px;
  margin: 0 auto;
  border-radius: 0.25rem;
  overflow: hidden; }

.sTimeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 1px;
  background: #aaa; }

.sTimeline .event {
  position: relative;
  margin: 0;
  overflow: hidden; }

.sTimeline .event:before {
  content: "";
  position: absolute;
  top: 31px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  left: 50%;
  margin-left: -4px;
  box-shadow: 0px 0px 2px 8px #fff;
  z-index: 1; }

.sTimeline .event[data-done]:before {
  background-color: green; }

.ltr .sTimeline .event:nth-child(even) .box {
  float: right; }

.ltr .sTimeline .event:nth-child(even) .box::before {
  top: 30px;
  left: auto;
  right: 100%;
  border-color: transparent;
  border-right-color: #e8eded; }

.rtl .sTimeline .event:nth-child(even) .box {
  float: left; }

.rtl .sTimeline .event:nth-child(even) .box::before {
  top: 30px;
  left: 100%;
  right: auto;
  border-color: transparent;
  border-left-color: #e8eded; }

.sTimeline .event .box {
  position: relative;
  margin-left: 60px;
  margin-right: 30px;
  background: #e8eded;
  border-radius: 2px;
  padding: 1em;
  transition: 0.3s;
  color: #fff;
  padding: 1em;
  width: 45%;
  margin: 0 2%; }

.sTimeline .event .box h2 {
  color: rgba(0, 0, 0, 0.9);
  margin-top: 0;
  margin-bottom: 5px; }

.sTimeline .event .box p {
  color: rgba(0, 0, 0, 0.7);
  margin: 1em 0; }

.sTimeline .event .detail {
  background: #f5f6f8;
  padding: 5px 10px;
  color: rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  line-height: 2em; }

.sTimeline .event .box::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #e8eded;
  top: 30px;
  left: 100%;
  border-color: transparent;
  border-left-color: #e8eded; }

.rtl .sTimeline .event .box::before {
  left: auto;
  right: 100%;
  border-color: transparent;
  border-right-color: #e8eded; }

.sTimeline .event .box:hover {
  background-color: #e4e5e7; }

@media only screen and (max-width: 768px) {
  .sTimeline::before {
    left: 10px; }

  .sTimeline .event {
    margin-bottom: 1em; }

  .sTimeline .event:before {
    left: 10px; }

  .sTimeline .event .box {
    width: 88%;
    float: none !important;
    margin-left: 30px; }

  .sTimeline .event .box::before {
    top: 30px !important;
    left: auto !important;
    right: 100% !important;
    border-color: transparent !important;
    border-right-color: #e8eded !important; } }
.seoPreview {
  direction: ltr;
  position: relative;
  margin-bottom: 1em; }

.seoPreview img {
  width: 100px;
  margin: 10px 0;
  filter: grayscale(100%);
  transition: 0.3s; }

.seoPreview:hover img {
  filter: none;
  opacity: 1; }

.seoPreview a {
  font-weight: 400;
  cursor: pointer;
  display: block;
  max-width: 640px; }

.seoPreview h3 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left; }

.rtl .seoPreview h3 {
  direction: rtl; }

.seoPreview a h3 {
  color: #1a0dab; }

.seoPreview a:visited h3 {
  color: #609; }

.seoPreview a:hover h3 {
  text-decoration: underline; }

.seoPreview cite {
  margin: 0;
  font-size: 1.3rem;
  font-style: normal;
  line-height: 2rem;
  color: #006621;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.seoPreview .desc {
  display: block;
  max-width: 640px;
  font-size: 1.3rem;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left; }

.seoPreview .desc p {
  display: inline;
  margin: 0;
  color: #545454; }

.rtl .seoPreview .desc p {
  direction: rtl; }

.seoPreview .desc time {
  color: #777;
  display: inline-block; }

.rtl .seoPreview .desc time {
  direction: rtl; }

[class^="sf-"] {
  margin: 0;
  min-width: 1.2em;
  text-align: center;
  backface-visibility: hidden;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color; }

[data-icon]:before {
  font-family: "siftal", "tahoma" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color; }

[class^="sf-"]:before,
[class*=" sf-"]:before {
  font-family: "siftal","tahoma" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color; }

.sf-cash:before {
  content: "\e104"; }

.sf-pos:before {
  content: "\e078"; }

.sf-cheque:before {
  content: "\e0ac"; }

.sf-angle-down:before {
  content: "\61"; }

.sf-angle-left:before {
  content: "\62"; }

.sf-angle-right:before {
  content: "\63"; }

.sf-angle-up:before {
  content: "\64"; }

.sf-bell:before {
  content: "\65"; }

.sf-bell-o:before {
  content: "\66"; }

.sf-bell-slash:before {
  content: "\67"; }

.sf-bell-slash-o:before {
  content: "\68"; }

.sf-bug:before {
  content: "\69"; }

.sf-bolt:before {
  content: "\6a"; }

.sf-check:before {
  content: "\6f"; }

.sf-chain-broken:before {
  content: "\70"; }

.sf-cc-paypal:before {
  content: "\6b"; }

.sf-cc-visa:before {
  content: "\6c"; }

.sf-cloud-download:before {
  content: "\6d"; }

.sf-cloud-upload:before {
  content: "\6e"; }

.sf-cloud:before {
  content: "\71"; }

.sf-comment:before {
  content: "\72"; }

.sf-comment-o:before {
  content: "\73"; }

.sf-commenting:before {
  content: "\74"; }

.sf-clone:before {
  content: "\75"; }

.sf-commenting-o:before {
  content: "\76"; }

.sf-comments:before {
  content: "\77"; }

.sf-comments-o:before {
  content: "\78"; }

.sf-cog:before {
  content: "\79"; }

.sf-desktop:before {
  content: "\7a"; }

.sf-envelope-o:before {
  content: "\41"; }

.sf-envelope:before {
  content: "\42"; }

.sf-ellipsis-v:before {
  content: "\43"; }

.sf-ellipsis-h:before {
  content: "\44"; }

.sf-crop:before {
  content: "\45"; }

.sf-crosshairs:before {
  content: "\46"; }

.sf-bar-chart:before {
  content: "\47"; }

.sf-balance-scale:before {
  content: "\48"; }

.sf-arrows-h:before {
  content: "\49"; }

.sf-arrows-v:before {
  content: "\4a"; }

.sf-arrows-alt:before {
  content: "\4b"; }

.sf-arrows:before {
  content: "\4c"; }

.sf-android:before {
  content: "\4d"; }

.sf-align-right:before {
  content: "\4e"; }

.sf-align-left:before {
  content: "\4f"; }

.sf-align-justify:before {
  content: "\50"; }

.sf-align-center:before {
  content: "\51"; }

.sf-bullhorn:before {
  content: "\52"; }

.sf-asterisk:before {
  content: "\53"; }

.sf-bookmark-o:before {
  content: "\54"; }

.sf-bookmark:before {
  content: "\55"; }

.sf-caret-right:before {
  content: "\56"; }

.sf-caret-left:before {
  content: "\57"; }

.sf-caret-down:before {
  content: "\58"; }

.sf-caret-up:before {
  content: "\59"; }

.sf-file-code-o:before {
  content: "\5a"; }

.sf-file-audio-o:before {
  content: "\30"; }

.sf-file-archive-o:before {
  content: "\31"; }

.sf-file-excel-o:before {
  content: "\32"; }

.sf-file:before {
  content: "\33"; }

.sf-file-pdf-o:before {
  content: "\34"; }

.sf-file-powerpoint-o:before {
  content: "\35"; }

.sf-file-text:before {
  content: "\36"; }

.sf-file-text-o:before {
  content: "\37"; }

.sf-file-word-o:before {
  content: "\38"; }

.sf-files-o:before {
  content: "\39"; }

.sf-film:before {
  content: "\21"; }

.sf-file-video-o:before {
  content: "\22"; }

.sf-floppy-o:before {
  content: "\23"; }

.sf-file-image-o:before {
  content: "\24"; }

.sf-file-o:before {
  content: "\25"; }

.sf-flag:before {
  content: "\26"; }

.sf-flag-checkered:before {
  content: "\27"; }

.sf-flag-o:before {
  content: "\28"; }

.sf-gavel:before {
  content: "\29"; }

.sf-heart:before {
  content: "\2a"; }

.sf-heart-o:before {
  content: "\2b"; }

.sf-history:before {
  content: "\2c"; }

.sf-home:before {
  content: "\2d"; }

.sf-hourglass:before {
  content: "\2e"; }

.sf-hourglass-end:before {
  content: "\2f"; }

.sf-hourglass-half:before {
  content: "\3a"; }

.sf-hourglass-o:before {
  content: "\3b"; }

.sf-info:before {
  content: "\3c"; }

.sf-industry:before {
  content: "\3d"; }

.sf-graduation-cap:before {
  content: "\3e"; }

.sf-globe:before {
  content: "\3f"; }

.sf-glass:before {
  content: "\40"; }

.sf-line-chart:before {
  content: "\5b"; }

.sf-github-square:before {
  content: "\5d"; }

.sf-github-alt:before {
  content: "\5e"; }

.sf-github:before {
  content: "\5f"; }

.sf-language:before {
  content: "\60"; }

.sf-laptop:before {
  content: "\7b"; }

.sf-quote-left:before {
  content: "\7c"; }

.sf-quote-right:before {
  content: "\7d"; }

.sf-spinner:before {
  content: "\7e"; }

.sf-star:before {
  content: "\5c"; }

.sf-star-half:before {
  content: "\e000"; }

.sf-star-half-o:before {
  content: "\e001"; }

.sf-star-o:before {
  content: "\e002"; }

.sf-sort-amount-asc:before {
  content: "\e003"; }

.sf-sort-alpha-desc:before {
  content: "\e004"; }

.sf-sort-alpha-asc:before {
  content: "\e005"; }

.sf-sort-amount-desc:before {
  content: "\e006"; }

.sf-sort-numeric-desc:before {
  content: "\e007"; }

.sf-sort-numeric-asc:before {
  content: "\e008"; }

.sf-rss:before {
  content: "\e009"; }

.sf-windows:before {
  content: "\e00a"; }

.sf-unlock:before {
  content: "\e00b"; }

.sf-unlock-alt:before {
  content: "\e00c"; }

.sf-youtube-play:before {
  content: "\e00d"; }

.sf-user-plus:before {
  content: "\e00e"; }

.sf-user:before {
  content: "\e00f"; }

.sf-user-md:before {
  content: "\e010"; }

.sf-user-secret:before {
  content: "\e011"; }

.sf-users:before {
  content: "\e012"; }

.sf-user-times:before {
  content: "\e013"; }

.sf-volume-up:before {
  content: "\e014"; }

.sf-volume-off:before {
  content: "\e015"; }

.sf-volume-down:before {
  content: "\e016"; }

.sf-wrench:before {
  content: "\e017"; }

.sf-thumbs-down:before {
  content: "\e018"; }

.sf-thumbs-o-down:before {
  content: "\e019"; }

.sf-thumbs-o-up:before {
  content: "\e01a"; }

.sf-thumbs-up:before {
  content: "\e01b"; }

.sf-thumb-tack:before {
  content: "\e01c"; }

.sf-trello:before {
  content: "\e01d"; }

.sf-tachometer:before {
  content: "\e01e"; }

.sf-recycle:before {
  content: "\e01f"; }

.sf-graph-bar:before {
  content: "\e020"; }

.sf-graph-horizontal:before {
  content: "\e021"; }

.sf-check-1:before {
  content: "\e022"; }

.sf-monitor:before {
  content: "\e023"; }

.sf-wrench-1:before {
  content: "\e024"; }

.sf-widget:before {
  content: "\e025"; }

.sf-thumbnails:before {
  content: "\e026"; }

.sf-save:before {
  content: "\e027"; }

.sf-chart-pie:before {
  content: "\e028"; }

.sf-chart-line:before {
  content: "\e029"; }

.sf-chart-bar:before {
  content: "\e02a"; }

.sf-chart-area:before {
  content: "\e02b"; }

.sf-chat:before {
  content: "\e02c"; }

.sf-flow-tree:before {
  content: "\e02d"; }

.sf-gauge:before {
  content: "\e02e"; }

.sf-flight:before {
  content: "\e02f"; }

.sf-graph:before {
  content: "\e030"; }

.sf-grid:before {
  content: "\e031"; }

.sf-dzone:before {
  content: "\e032"; }

.sf-enter:before {
  content: "\e033"; }

.sf-pinboard:before {
  content: "\e034"; }

.sf-share:before {
  content: "\e035"; }

.sf-out:before {
  content: "\e036"; }

.sf-signout:before {
  content: "\e038"; }

.sf-sign-out:before {
  content: "\e037"; }

.sf-lock:before {
  content: "\e039"; }

.sf-info-circle:before {
  content: "\e03a"; }

.sf-question:before {
  content: "\e03b"; }

.sf-question-circle:before {
  content: "\e03c"; }

.sf-plus-circle:before {
  content: "\e03d"; }

.sf-plus:before {
  content: "\e03e"; }

.sf-search:before {
  content: "\e03f"; }

.sf-times-circle:before {
  content: "\e040"; }

.sf-times:before {
  content: "\e041"; }

.sf-filter:before {
  content: "\e042"; }

.sf-clipboard:before {
  content: "\e043"; }

.sf-at:before {
  content: "\e044"; }

.sf-instagram:before {
  content: "\e045"; }

.sf-archive:before {
  content: "\e046"; }

.sf-print:before {
  content: "\e047"; }

.sf-tags:before {
  content: "\e048"; }

.sf-tag:before {
  content: "\e049"; }

.sf-bars:before {
  content: "\e04a"; }

.sf-cogs:before {
  content: "\e04b"; }

.sf-tasks:before {
  content: "\e04c"; }

.sf-analytics-chart-graph:before {
  content: "\e04d"; }

.sf-chart:before {
  content: "\e04e"; }

.sf-database:before {
  content: "\e04f"; }

.sf-whatsapp:before {
  content: "\e050"; }

.sf-linkedin-square:before {
  content: "\e051"; }

.sf-linkedin:before {
  content: "\e052"; }

.sf-twitter-square:before {
  content: "\e053"; }

.sf-twitter:before {
  content: "\e054"; }

.sf-retweet:before {
  content: "\e055"; }

.sf-refresh:before {
  content: "\e056"; }

.sf-load-c:before {
  content: "\e057"; }

.sf-trophy:before {
  content: "\e058"; }

.sf-ribbon-b:before {
  content: "\e059"; }

.sf-ribbon-a:before {
  content: "\e05a"; }

.sf-edit-write:before {
  content: "\e05b"; }

.sf-building:before {
  content: "\e05c"; }

.sf-pencil-square-o:before {
  content: "\e05d"; }

.sf-pencil-square:before {
  content: "\e05e"; }

.sf-pencil:before {
  content: "\e05f"; }

.sf-bold:before {
  content: "\e060"; }

.sf-crop-1:before {
  content: "\e061"; }

.sf-align-center-1:before {
  content: "\e062"; }

.sf-align-justify-1:before {
  content: "\e063"; }

.sf-align-left-1:before {
  content: "\e064"; }

.sf-indent:before {
  content: "\e065"; }

.sf-outdent:before {
  content: "\e066"; }

.sf-superscript:before {
  content: "\e067"; }

.sf-subscript:before {
  content: "\e068"; }

.sf-align-right-1:before {
  content: "\e069"; }

.sf-font:before {
  content: "\e06a"; }

.sf-list:before {
  content: "\e06b"; }

.sf-pencil-square-1:before {
  content: "\e06c"; }

.sf-text-height:before {
  content: "\e06d"; }

.sf-trash:before {
  content: "\e06e"; }

.sf-trash-o:before {
  content: "\e06f"; }

.sf-ban:before {
  content: "\e070"; }

.sf-minus-circle:before {
  content: "\e071"; }

.sf-minus-square:before {
  content: "\e072"; }

.sf-link:before {
  content: "\e073"; }

.sf-link-external:before {
  content: "\e074"; }

.sf-tools:before {
  content: "\e075"; }

.sf-wrench-2:before {
  content: "\e076"; }

.sf-power-off:before {
  content: "\e077"; }

.sf-credit-card:before {
  content: "\e078"; }

.sf-user-7:before {
  content: "\e079"; }

.sf-user-6:before {
  content: "\e07a"; }

.sf-user-4:before {
  content: "\e07b"; }

.sf-user-3:before {
  content: "\e07c"; }

.sf-user-5:before {
  content: "\e07d"; }

.sf-forum-user:before {
  content: "\e07e"; }

.sf-file-1:before {
  content: "\e07f"; }

.sf-folder:before {
  content: "\e080"; }

.sf-folder-1:before {
  content: "\e081"; }

.sf-medal:before {
  content: "\e082"; }

.sf-network:before {
  content: "\e083"; }

.sf-save-1:before {
  content: "\e084"; }

.sf-star-1:before {
  content: "\e085"; }

.sf-display:before {
  content: "\e086"; }

.sf-dollar:before {
  content: "\e087"; }

.sf-euro:before {
  content: "\e088"; }

.sf-pound:before {
  content: "\e089"; }

.sf-money-banknote:before {
  content: "\e08a"; }

.sf-male-rounded-1:before {
  content: "\e08b"; }

.sf-female-rounded-1:before {
  content: "\e08c"; }

.sf-female:before {
  content: "\e08d"; }

.sf-male:before {
  content: "\e08e"; }

.sf-arrows-out:before {
  content: "\e08f"; }

.sf-print-1:before {
  content: "\e090"; }

.sf-zoom-out:before {
  content: "\e091"; }

.sf-earth:before {
  content: "\e092"; }

.sf-building-o:before {
  content: "\e093"; }

.sf-briefcase:before {
  content: "\e094"; }

.sf-interface-windows:before {
  content: "\e095"; }

.sf-angle-double-down:before {
  content: "\e096"; }

.sf-angle-double-left:before {
  content: "\e097"; }

.sf-angle-double-right:before {
  content: "\e098"; }

.sf-angle-double-up:before {
  content: "\e099"; }

.sf-arrow-circle-down:before {
  content: "\e09a"; }

.sf-arrow-circle-left:before {
  content: "\e09b"; }

.sf-arrow-circle-o-down:before {
  content: "\e09c"; }

.sf-area-chart:before {
  content: "\e09d"; }

.sf-arrow-circle-o-left:before {
  content: "\e09e"; }

.sf-arrow-circle-o-right:before {
  content: "\e09f"; }

.sf-arrow-circle-o-up:before {
  content: "\e0a0"; }

.sf-arrow-circle-right:before {
  content: "\e0a1"; }

.sf-arrow-circle-up:before {
  content: "\e0a2"; }

.sf-arrow-down:before {
  content: "\e0a3"; }

.sf-arrow-left:before {
  content: "\e0a4"; }

.sf-arrow-right:before {
  content: "\e0a5"; }

.sf-arrow-up:before {
  content: "\e0a6"; }

.sf-battery-empty:before {
  content: "\e0a7"; }

.sf-battery-full:before {
  content: "\e0a8"; }

.sf-battery-half:before {
  content: "\e0a9"; }

.sf-battery-quarter:before {
  content: "\e0aa"; }

.sf-battery-three-quarters:before {
  content: "\e0ab"; }

.sf-barcode:before {
  content: "\e0ac"; }

.sf-at-1:before {
  content: "\e0ad"; }

.sf-bed:before {
  content: "\e0ae"; }

.sf-binoculars:before {
  content: "\e0af"; }

.sf-bold-1:before {
  content: "\e0b0"; }

.sf-book:before {
  content: "\e0b1"; }

.sf-bus:before {
  content: "\e0b2"; }

.sf-calculator:before {
  content: "\e0b3"; }

.sf-calendar:before {
  content: "\e0b4"; }

.sf-calendar-check-o:before {
  content: "\e0b5"; }

.sf-calendar-minus-o:before {
  content: "\e0b6"; }

.sf-camera:before {
  content: "\e0b7"; }

.sf-camera-retro:before {
  content: "\e0b8"; }

.sf-car:before {
  content: "\e0b9"; }

.sf-cart-plus:before {
  content: "\e0ba"; }

.sf-cc-mastercard:before {
  content: "\e0bb"; }

.sf-check-circle:before {
  content: "\e0bc"; }

.sf-check-circle-o:before {
  content: "\e0bd"; }

.sf-check-square:before {
  content: "\e0be"; }

.sf-check-square-o:before {
  content: "\e0bf"; }

.sf-chevron-down:before {
  content: "\e0c0"; }

.sf-chevron-left:before {
  content: "\e0c1"; }

.sf-chevron-right:before {
  content: "\e0c2"; }

.sf-chevron-up:before {
  content: "\e0c3"; }

.sf-child:before {
  content: "\e0c4"; }

.sf-chrome:before {
  content: "\e0c5"; }

.sf-circle-o-notch:before {
  content: "\e0c6"; }

.sf-code:before {
  content: "\e0c7"; }

.sf-code-fork:before {
  content: "\e0c8"; }

.sf-coffee:before {
  content: "\e0c9"; }

.sf-compress:before {
  content: "\e0ca"; }

.sf-copyright:before {
  content: "\e0cb"; }

.sf-css3:before {
  content: "\e0cc"; }

.sf-diamond:before {
  content: "\e0cd"; }

.sf-eject:before {
  content: "\e0ce"; }

.sf-exchange:before {
  content: "\e0cf"; }

.sf-eur:before {
  content: "\e0d0"; }

.sf-exclamation:before {
  content: "\e0d1"; }

.sf-exclamation-circle:before {
  content: "\e0d2"; }

.sf-exclamation-triangle:before {
  content: "\e0d3"; }

.sf-expand:before {
  content: "\e0d4"; }

.sf-expeditedssl:before {
  content: "\e0d5"; }

.sf-external-link:before {
  content: "\e0d6"; }

.sf-eyedropper:before {
  content: "\e0d7"; }

.sf-fast-backward:before {
  content: "\e0d8"; }

.sf-fast-forward:before {
  content: "\e0d9"; }

.sf-fax:before {
  content: "\e0da"; }

.sf-firefox:before {
  content: "\e0db"; }

.sf-flask:before {
  content: "\e0dc"; }

.sf-folder-o:before {
  content: "\e0dd"; }

.sf-folder-2:before {
  content: "\e0de"; }

.sf-folder-open:before {
  content: "\e0df"; }

.sf-folder-open-o:before {
  content: "\e0e0"; }

.sf-font-1:before {
  content: "\e0e1"; }

.sf-frown-o:before {
  content: "\e0e2"; }

.sf-gift:before {
  content: "\e0e3"; }

.sf-gratipay:before {
  content: "\e0e4"; }

.sf-google-plus:before {
  content: "\e0e5"; }

.sf-google:before {
  content: "\e0e6"; }

.sf-git-square:before {
  content: "\e0e7"; }

.sf-git:before {
  content: "\e0e8"; }

.sf-hand-peace-o:before {
  content: "\e0e9"; }

.sf-header:before {
  content: "\e0ea"; }

.sf-headphones:before {
  content: "\e0eb"; }

.sf-heartbeat:before {
  content: "\e0ec"; }

.sf-hourglass-start:before {
  content: "\e0ed"; }

.sf-html5:before {
  content: "\e0ee"; }

.sf-indent-1:before {
  content: "\e0ef"; }

.sf-inbox:before {
  content: "\e0f0"; }

.sf-internet-explorer:before {
  content: "\e0f1"; }

.sf-italic:before {
  content: "\e0f2"; }

.sf-linux:before {
  content: "\e0f3"; }

.sf-lightbulb-o:before {
  content: "\e0f4"; }

.sf-life-ring:before {
  content: "\e0f5"; }

.sf-level-down:before {
  content: "\e0f6"; }

.sf-level-up:before {
  content: "\e0f7"; }

.sf-list-ol:before {
  content: "\e0f8"; }

.sf-list-ul:before {
  content: "\e0f9"; }

.sf-location-arrow:before {
  content: "\e0fa"; }

.sf-magic:before {
  content: "\e0fb"; }

.sf-map-marker:before {
  content: "\e0fc"; }

.sf-map:before {
  content: "\e0fd"; }

.sf-meh-o:before {
  content: "\e0fe"; }

.sf-map-pin:before {
  content: "\e0ff"; }

.sf-mars:before {
  content: "\e100"; }

.sf-microphone:before {
  content: "\e101"; }

.sf-microphone-slash:before {
  content: "\e102"; }

.sf-mobile:before {
  content: "\e103"; }

.sf-money:before {
  content: "\e104"; }

.sf-moon-o:before {
  content: "\e105"; }

.sf-motorcycle:before {
  content: "\e106"; }

.sf-mouse-pointer:before {
  content: "\e107"; }

.sf-music:before {
  content: "\e108"; }

.sf-paint-brush:before {
  content: "\e109"; }

.sf-picture-o:before {
  content: "\e10a"; }

.sf-phone-square:before {
  content: "\e10b"; }

.sf-phone:before {
  content: "\e10c"; }

.sf-paper-plane:before {
  content: "\e10d"; }

.sf-paper-plane-o:before {
  content: "\e10e"; }

.sf-pie-chart:before {
  content: "\e10f"; }

.sf-play:before {
  content: "\e110"; }

.sf-play-circle-o:before {
  content: "\e111"; }

.sf-plug:before {
  content: "\e112"; }

.sf-plus-square:before {
  content: "\e113"; }

.sf-plus-square-o:before {
  content: "\e114"; }

.sf-power-off-1:before {
  content: "\e115"; }

.sf-registered:before {
  content: "\e116"; }

.sf-rocket:before {
  content: "\e118"; }

.sf-rss-square:before {
  content: "\e119"; }

.sf-scissors:before {
  content: "\e11a"; }

.sf-safari:before {
  content: "\e11b"; }

.sf-search-plus:before {
  content: "\e11c"; }

.sf-search-minus:before {
  content: "\e11d"; }

.sf-sellsy:before {
  content: "\e11e"; }

.sf-server:before {
  content: "\e11f"; }

.sf-share-alt:before {
  content: "\e120"; }

.sf-share-alt-square:before {
  content: "\e121"; }

.sf-share-square:before {
  content: "\e122"; }

.sf-share-square-o:before {
  content: "\e123"; }

.sf-shield:before {
  content: "\e124"; }

.sf-shopping-cart:before {
  content: "\e125"; }

.sf-sign-in:before {
  content: "\e126"; }

.sf-signal:before {
  content: "\e127"; }

.sf-sitemap:before {
  content: "\e128"; }

.sf-slack:before {
  content: "\e129"; }

.sf-sliders:before {
  content: "\e12a"; }

.sf-sort:before {
  content: "\e12b"; }

.sf-smile-o:before {
  content: "\e12c"; }

.sf-sort-asc:before {
  content: "\e12d"; }

.sf-sort-desc:before {
  content: "\e12e"; }

.sf-soundcloud:before {
  content: "\e12f"; }

.sf-space-shuttle:before {
  content: "\e130"; }

.sf-stack-overflow:before {
  content: "\e131"; }

.sf-sun-o:before {
  content: "\e132"; }

.sf-superscript-1:before {
  content: "\e133"; }

.sf-table:before {
  content: "\e134"; }

.sf-tablet:before {
  content: "\e135"; }

.sf-taxi:before {
  content: "\e136"; }

.sf-television:before {
  content: "\e137"; }

.sf-terminal:before {
  content: "\e138"; }

.sf-text-height-1:before {
  content: "\e139"; }

.sf-text-width:before {
  content: "\e13a"; }

.sf-th:before {
  content: "\e13b"; }

.sf-th-large:before {
  content: "\e13c"; }

.sf-th-list:before {
  content: "\e13d"; }

.sf-trademark:before {
  content: "\e13e"; }

.sf-tree:before {
  content: "\e13f"; }

.sf-underline:before {
  content: "\e141"; }

.sf-umbrella:before {
  content: "\e142"; }

.sf-tty:before {
  content: "\e143"; }

.sf-trophy-1:before {
  content: "\e144"; }

.sf-upload:before {
  content: "\e145"; }

.sf-usd:before {
  content: "\e146"; }

.sf-venus:before {
  content: "\e147"; }

.sf-wheelchair:before {
  content: "\e148"; }

.sf-weixin:before {
  content: "\e149"; }

.sf-video-camera:before {
  content: "\e14a"; }

.sf-wifi:before {
  content: "\e14b"; }

.sf-wordpress:before {
  content: "\e14c"; }

.sf-youtube:before {
  content: "\e14d"; }

.sf-pin:before {
  content: "\e14e"; }

.sf-anchor:before {
  content: "\e14f"; }

.sf-alarm:before {
  content: "\e150"; }

.sf-instagram-1:before {
  content: "\e151"; }

.sf-heart-1:before {
  content: "\e152"; }

.sf-task:before {
  content: "\e153"; }

.sf-broadcast:before {
  content: "\e154"; }

.sf-bug-1:before {
  content: "\e155"; }

.sf-star-2:before {
  content: "\e156"; }

.sf-mark-github:before {
  content: "\e157"; }

.sf-flag-1:before {
  content: "\e158"; }

.sf-bug-2:before {
  content: "\e159"; }

.sf-android-1:before {
  content: "\e15a"; }

.sf-bluetooth:before {
  content: "\e15b"; }

.sf-heart-2:before {
  content: "\e15c"; }

.sf-hashtag:before {
  content: "\e15d"; }

.sf-windows-1:before {
  content: "\e15e"; }

.sf-barcode-1:before {
  content: "\e15f"; }

.sf-glass-1:before {
  content: "\e160"; }

.sf-tags-1:before {
  content: "\e161"; }

.sf-tag-1:before {
  content: "\e162"; }

.sf-skype:before {
  content: "\e163"; }

.sf-yang-ying:before {
  content: "\e164"; }

.sf-address-book:before {
  content: "\e165"; }

.sf-alert:before {
  content: "\e166"; }

.sf-adjust:before {
  content: "\e167"; }

.sf-code-1:before {
  content: "\e168"; }

.sf-basket:before {
  content: "\e169"; }

.sf-attach:before {
  content: "\e16a"; }

.sf-globe-1:before {
  content: "\e16b"; }

.sf-lamp:before {
  content: "\e16c"; }

.sf-left-quote:before {
  content: "\e16d"; }

.sf-headphones-1:before {
  content: "\e16e"; }

.sf-moon-stroke:before {
  content: "\e16f"; }

.sf-moon-fill:before {
  content: "\e170"; }

.sf-mic:before {
  content: "\e171"; }

.sf-home-1:before {
  content: "\e172"; }

.sf-chat-alt-fill:before {
  content: "\e173"; }

.sf-bolt-1:before {
  content: "\e174"; }

.sf-right-quote:before {
  content: "\e175"; }

.sf-right-quote-alt:before {
  content: "\e176"; }

.sf-pin-1:before {
  content: "\e177"; }

.sf-atom:before {
  content: "\e178"; }

.sf-celcius:before {
  content: "\e179"; }

.sf-thermometer:before {
  content: "\e17a"; }

.sf-sun-black:before {
  content: "\e17b"; }

.sf-sun:before {
  content: "\e17c"; }

.sf-card:before {
  content: "\e17e"; }

.sf-edit:before {
  content: "\e17f"; }

.sf-pencil-1:before {
  content: "\e180"; }

.sf-plane:before {
  content: "\e181"; }

.sf-bag:before {
  content: "\e182"; }

.sf-new-sign:before {
  content: "\e183"; }

.sf-sell-sign:before {
  content: "\e184"; }

.sf-load-a:before {
  content: "\e185"; }

.sf-load-d:before {
  content: "\e186"; }

.sf-load-b:before {
  content: "\e187"; }

.sf-spin-alt:before {
  content: "\e188"; }

.sf-pull-request:before {
  content: "\e189"; }

.sf-network-1:before {
  content: "\e18a"; }

.sf-merge:before {
  content: "\e18b"; }

.sf-fork-repo:before {
  content: "\e18c"; }

.sf-publish:before {
  content: "\e18d"; }

.sf-facebook-square:before {
  content: "\e18e"; }

.sf-facebook-official:before {
  content: "\e18f"; }

.sf-pinterest-square:before {
  content: "\e17d"; }

.sf-pinterest-p:before {
  content: "\e190"; }

.sf-skype-1:before {
  content: "\e191"; }

.sf-model-s:before {
  content: "\e192"; }

.sf-vcard:before {
  content: "\e193"; }

.sf-clock-o:before {
  content: "\e194"; }

.sf-calendar-o:before {
  content: "\e195"; }

.sf-arrow-vertical:before {
  content: "\e196"; }

.sf-arrow-horizontal:before {
  content: "\e197"; }

.sf-repeat:before {
  content: "\e117"; }

.sf-undo:before {
  content: "\e140"; }

.sf-calendar-1:before {
  content: "\e198"; }

.sf-date:before {
  content: "\e199"; }

.sf-university:before {
  content: "\e19a"; }

.sf-banknote:before {
  content: "\e19b"; }

.sf-receipt-shopping-streamline:before {
  content: "\e19c"; }

.sf-invoice:before {
  content: "\e19d"; }

.sf-settings:before {
  content: "\e19e"; }

.sf-android-options:before {
  content: "\e19f"; }

.sf-ios-toggle:before {
  content: "\e1a0"; }

.sf-toggle-filled:before {
  content: "\e1a1"; }

.sf-toggle:before {
  content: "\e1a2"; }

.sf-email-envelope:before {
  content: "\e1a3"; }

.sf-apple:before {
  content: "\e1a4"; }

.sf-amazon:before {
  content: "\e1a5"; }

.sf-ambulance:before {
  content: "\e1a6"; }

.sf-birthday-cake:before {
  content: "\e1a7"; }

.sf-calendar-plus-o:before {
  content: "\e1a8"; }

.sf-calendar-times-o:before {
  content: "\e1a9"; }

.sf-cart-arrow-down:before {
  content: "\e1aa"; }

.sf-dropbox:before {
  content: "\e1ab"; }

.sf-eye:before {
  content: "\e1ac"; }

.sf-eye-slash:before {
  content: "\e1ad"; }

.sf-download:before {
  content: "\e1ae"; }

.sf-eraser:before {
  content: "\e1af"; }

.sf-fire:before {
  content: "\e1b0"; }

.sf-futbol-o:before {
  content: "\e1b1"; }

.sf-hand-pointer-o:before {
  content: "\e1b2"; }

.sf-hand-paper-o:before {
  content: "\e1b3"; }

.sf-hdd-o:before {
  content: "\e1b4"; }

.sf-list-1:before {
  content: "\e1b5"; }

.sf-medkit:before {
  content: "\e1b6"; }

.sf-paperclip:before {
  content: "\e1b7"; }

.sf-stethoscope:before {
  content: "\e1b8"; }

.sf-suitcase:before {
  content: "\e1b9"; }

.sf-sticky-note:before {
  content: "\e1ba"; }

.sf-sticky-note-o:before {
  content: "\e1bb"; }

.sf-street-view:before {
  content: "\e1bc"; }

.sf-subway:before {
  content: "\e1bd"; }

.sf-truck:before {
  content: "\e1be"; }

.sf-owl-lite:before {
  content: "\e1bf"; }

.sf-mail:before {
  content: "\e1c0"; }

.sf-mail-accept:before {
  content: "\e1c1"; }

.sf-mail-add:before {
  content: "\e1c2"; }

.sf-mail-cancel:before {
  content: "\e1c3"; }

.sf-mail-edit:before {
  content: "\e1c4"; }

.sf-mail-fwd:before {
  content: "\e1c5"; }

.sf-mail-remove:before {
  content: "\e1c6"; }

.sf-mail-run:before {
  content: "\e1c7"; }

.sf-mail-security:before {
  content: "\e1c8"; }

.sf-mailbox:before {
  content: "\e1c9"; }

.sf-mailbox-down:before {
  content: "\e1ca"; }

.sf-mailbox-eject:before {
  content: "\e1cb"; }

.sf-mailbox-settings:before {
  content: "\e1cc"; }

.sf-recent-changes:before {
  content: "\e1cd"; }

.sf-eye-galsses:before {
  content: "\e1ce"; }

.sf-content-34:before {
  content: "\e1cf"; }

.sf-content-7:before {
  content: "\e1d0"; }

.sf-cloud-upload-2:before {
  content: "\e1d1"; }

.sf-cloud-download-2:before {
  content: "\e1d2"; }

.sf-cloud-1:before {
  content: "\e1d3"; }

.sf-cloud-sun:before {
  content: "\e1d4"; }

.sf-clouds-cloudy:before {
  content: "\e1d5"; }

.sf-gift-1:before {
  content: "\e1d6"; }

.sf-skype-2:before {
  content: "\e1d7"; }

.sf-tag-stroke:before {
  content: "\e1d8"; }

.sf-tag-fill:before {
  content: "\e1d9"; }

.sf-movie:before {
  content: "\e1da"; }

.sf-paperclip-1:before {
  content: "\e1db"; }

.sf-aim:before {
  content: "\e1dc"; }

.sf-group-full:before {
  content: "\e1dd"; }

.sf-group-full-add:before {
  content: "\e1de"; }

.sf-group-full-edit:before {
  content: "\e1df"; }

.sf-group-full-remove:before {
  content: "\e1e0"; }

.sf-group-full-security:before {
  content: "\e1e1"; }

.sf-group-half:before {
  content: "\e1e2"; }

.sf-images:before {
  content: "\e1e3"; }

.sf-art-gallery:before {
  content: "\e1e4"; }

.sf-prohibited:before {
  content: "\e1e5"; }

.sf-denied-block:before {
  content: "\e1e6"; }

.sf-keyboard-o:before {
  content: "\e1e7"; }

.sf-hand-o-up:before {
  content: "\e1e8"; }

.sf-hand-o-right:before {
  content: "\e1e9"; }

.sf-hand-o-left:before {
  content: "\e1ea"; }

.sf-hand-o-down:before {
  content: "\e1eb"; }

.sf-key:before {
  content: "\e1ec"; }

.sf-leaf:before {
  content: "\e1ed"; }

.sf-lemon-o:before {
  content: "\e1ee"; }

.sf-odnoklassniki:before {
  content: "\e1ef"; }

.sf-pagelines:before {
  content: "\e1f0"; }

.sf-paw:before {
  content: "\e1f1"; }

.sf-paypal:before {
  content: "\e1f2"; }

.sf-play-circle:before {
  content: "\e1f3"; }

.sf-random:before {
  content: "\e1f4"; }

.sf-qrcode:before {
  content: "\e1f5"; }

.sf-puzzle-piece:before {
  content: "\e1f6"; }

.sf-anchor-1:before {
  content: "\e1f7"; }

.sf-fonticons:before {
  content: "\e1f8"; }

.sf-ios-football:before {
  content: "\e1f9"; }

.sf-burst-sale:before {
  content: "\e1fa"; }

.sf-buy-sign:before {
  content: "\e1fb"; }

.sf-cart-shopping-1:before {
  content: "\e1fc"; }

.sf-credit-card-1:before {
  content: "\e1fd"; }

.sf-cardiac-pulse:before {
  content: "\e1fe"; }

.sf-caddie-shopping-streamline:before {
  content: "\e1ff"; }

.sf-caddie-shop-shopping-streamline:before {
  content: "\e200"; }

.sf-shopping-cart-1:before {
  content: "\e201"; }

.sf-bag-1:before {
  content: "\e202"; }

.sf-share-1:before {
  content: "\e203"; }

.sf-share-2:before {
  content: "\e204"; }

.sf-share-3:before {
  content: "\e205"; }

.sf-ios-people:before {
  content: "\e206"; }

.sf-person:before {
  content: "\e207"; }

.sf-person-add:before {
  content: "\e208"; }

.sf-person-stalker:before {
  content: "\e209"; }

.sf-user-close-settings:before {
  content: "\e20a"; }

.sf-user-close-security:before {
  content: "\e20b"; }

.sf-user-close:before {
  content: "\e20c"; }

.sf-user-close-add:before {
  content: "\e20d"; }

.sf-user-close-edit:before {
  content: "\e20e"; }

.sf-user-close-information:before {
  content: "\e20f"; }

.sf-user-close-remove:before {
  content: "\e210"; }

.sf-ping:before {
  content: "\e211"; }

.sf-garden:before {
  content: "\e212"; }

.sf-log-in:before {
  content: "\e213"; }

.sf-log-out:before {
  content: "\e214"; }

.sf-ios-paw:before {
  content: "\e215"; }

.sf-foot:before {
  content: "\e216"; }

.sf-tag-2:before {
  content: "\e217"; }

.sf-burst:before {
  content: "\e218"; }

.sf-box:before {
  content: "\e219"; }

.sf-package:before {
  content: "\e21a"; }

.sf-carton-milk:before {
  content: "\e21b"; }

.sf-pin-2:before {
  content: "\e21c"; }

.sf-pin-filled:before {
  content: "\e21d"; }

.sf-favorite-map-pin:before {
  content: "\e21e"; }

.sf-ios-monitor:before {
  content: "\e21f"; }

.sf-ios-monitor-outline:before {
  content: "\e220"; }

.sf-monitor-screen-1:before {
  content: "\e221"; }

.sf-social-windows:before {
  content: "\e222"; }

.sf-social-apple:before {
  content: "\e223"; }

.sf-prize-award:before {
  content: "\e224"; }

.sf-award-stroke:before {
  content: "\e225"; }

.sf-award-fill:before {
  content: "\e226"; }

.sf-caret-square-up:before {
  content: "\e227"; }

.sf-checkbox:before {
  content: "\e228"; }

.sf-chart-graph-file-1:before {
  content: "\e229"; }

.sf-bar-chart-1:before {
  content: "\e22a"; }

.sf-bullseye:before {
  content: "\e22b"; }

.sf-codepen:before {
  content: "\e22c"; }

.sf-connectdevelop:before {
  content: "\e22d"; }

.sf-columns:before {
  content: "\e22e"; }

.sf-cube:before {
  content: "\e22f"; }

.sf-cubes:before {
  content: "\e230"; }

.sf-fire-extinguisher:before {
  content: "\e231"; }

.sf-pause:before {
  content: "\e232"; }

.sf-share-4:before {
  content: "\e233"; }

.sf-reply:before {
  content: "\e234"; }

.sf-reply-all:before {
  content: "\e235"; }

.sf-ticket:before {
  content: "\e236"; }

.sf-clock:before {
  content: "\e237"; }

.sf-screen:before {
  content: "\e238"; }

.sf-settings-1:before {
  content: "\e239"; }

.sf-in:before {
  content: "\e23a"; }

.sf-in-alt:before {
  content: "\e23b"; }

.sf-trash-alt:before {
  content: "\e23c"; }

.sf-cloud-2:before {
  content: "\e23d"; }

.sf-grid-1:before {
  content: "\e23e"; }

.sf-googleplus:before {
  content: "\e23f"; }

.sf-grid-alt:before {
  content: "\e240"; }

.sf-hyperlink:before {
  content: "\e241"; }

.sf-windows-2:before {
  content: "\e242"; }

.sf-internet:before {
  content: "\e243"; }

.sf-server-accept:before {
  content: "\e244"; }

.sf-tab:before {
  content: "\e245"; }

.sf-xml:before {
  content: "\e246"; }

.sf-user-profile:before {
  content: "\e247"; }

.sf-laptop-1:before {
  content: "\e248"; }

.sf-campfire:before {
  content: "\e249"; }

.sf-camera-surveillance-1:before {
  content: "\e24a"; }

.sf-camera-video-3:before {
  content: "\e24b"; }

.sf-cup-2:before {
  content: "\e24c"; }

.sf-crhistmas-spruce-tree:before {
  content: "\e24d"; }

.sf-hand-stop:before {
  content: "\e24e"; }

.sf-hand-hold:before {
  content: "\e24f"; }

.sf-hat-magician:before {
  content: "\e250"; }

.sf-hospital:before {
  content: "\e251"; }

.sf-magnet:before {
  content: "\e252"; }

.sf-tree-1:before {
  content: "\e253"; }

.sf-television-tv:before {
  content: "\e254"; }

.sf-wallet-money:before {
  content: "\e255"; }

.sf-rocket-1:before {
  content: "\e256"; }

.sf-radar-2:before {
  content: "\e257"; }

.sf-plus-zoom:before {
  content: "\e258"; }

.sf-minus-zoom:before {
  content: "\e259"; }

.sf-phone-1:before {
  content: "\e25a"; }

.sf-back-in-time:before {
  content: "\e25b"; }

.sf-flashlight:before {
  content: "\e25c"; }

.sf-hourglass-1:before {
  content: "\e25d"; }

.sf-graduation-cap-1:before {
  content: "\e25e"; }

.sf-mic-1:before {
  content: "\e25f"; }

.sf-picture:before {
  content: "\e260"; }

.sf-quote:before {
  content: "\e261"; }

.sf-shuffle:before {
  content: "\e262"; }

.sf-fork:before {
  content: "\e263"; }

.sf-article:before {
  content: "\e264"; }

.sf-list-2:before {
  content: "\e265"; }

.sf-trash-can:before {
  content: "\e266"; }

.sf-star-3:before {
  content: "\e267"; }

.sf-star-empty:before {
  content: "\e268"; }

.sf-star-half-1:before {
  content: "\e269"; }

.sf-barbell:before {
  content: "\e26a"; }

.sf-character:before {
  content: "\e26b"; }

.sf-heart-3:before {
  content: "\e26c"; }

.sf-shop:before {
  content: "\e26d"; }

.sf-truck-1:before {
  content: "\e26e"; }

.sf-study:before {
  content: "\e26f"; }

.sf-n-a:before {
  content: "\e270"; }

.sf-cloud-1-1:before {
  content: "\e271"; }

.sf-cloud-2-1:before {
  content: "\e272"; }

.sf-cloud-moon:before {
  content: "\e273"; }

.sf-cloud-sun-1:before {
  content: "\e274"; }

.sf-fog-sunrise:before {
  content: "\e276"; }

.sf-hail:before {
  content: "\e277"; }

.sf-lightning-1:before {
  content: "\e278"; }

.sf-rain-1:before {
  content: "\e279"; }

.sf-rain-2:before {
  content: "\e27a"; }

.sf-snow-1:before {
  content: "\e27b"; }

.sf-snow-2:before {
  content: "\e27c"; }

.sf-snow-4:before {
  content: "\e27d"; }

.sf-wind-rain:before {
  content: "\e27e"; }

.sf-wind-cloud:before {
  content: "\e27f"; }

.sf-sunrise:before {
  content: "\e280"; }

.sf-sun-half:before {
  content: "\e281"; }

.sf-fog-moon:before {
  content: "\e275"; }

.sf-fog-sun:before {
  content: "\e282"; }

.sf-compass:before {
  content: "\e283"; }

.sf-browser:before {
  content: "\e284"; }

.sf-calendar-2:before {
  content: "\e285"; }

.sf-zoo:before {
  content: "\e286"; }

.sf-swimming:before {
  content: "\e287"; }

.sf-toilets:before {
  content: "\e288"; }

.sf-hierarchy:before {
  content: "\e289"; }

.sf-paypal-1:before {
  content: "\e28a"; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  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); }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  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;
  /* The following are set in WordPress (wp-admin/css/revisions.css) - reset them to initial values */
  overflow: visible;
  margin: 0;
  padding: 0;
  z-index: auto;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.rtl .popover.top > .arrow:after {
  margin-left: 0;
  margin-right: -10px; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0; }

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.rtl .popover.bottom > .arrow:after {
  margin-right: -10px; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff; }

.text-primary {
  color: #428bca; }

.clockpicker {
  position: relative; }

.clockpicker .input-group-addon {
  cursor: pointer; }

.clockpicker-moving {
  cursor: move; }

.clockpicker-align-left.popover > .arrow {
  left: 25px; }

.clockpicker-align-top.popover > .arrow {
  top: 17px; }

.clockpicker-align-right.popover > .arrow {
  left: auto;
  right: 25px; }

.clockpicker-align-bottom.popover > .arrow {
  top: auto;
  bottom: 6px; }

.clockpicker-popover .popover-title {
  background-color: #fff;
  color: #999;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  direction: ltr; }

.clockpicker-popover .popover-title span {
  cursor: pointer; }

.clockpicker-popover .popover-content {
  background-color: #f8f8f8;
  padding: 12px; }

.popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.clockpicker-plate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
  /* Disable text selection highlighting. Thanks to Hermanya */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.clockpicker-canvas,
.clockpicker-dial {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1px;
  top: -1px; }

.clockpicker-minutes {
  visibility: hidden; }

.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: absolute;
  cursor: pointer; }

.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: #c0e5f7;
  background-color: rgba(0, 149, 221, 0.25); }

.clockpicker-button {
  background-image: none;
  background-color: #fff;
  border-width: 1px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
  padding: 10px 0; }

.clockpicker-button:hover {
  background-image: none;
  background-color: #ebebeb; }

.clockpicker-button:focus {
  outline: none !important; }

.clockpicker-dial {
  -webkit-transition: -webkit-transform 350ms, opacity 350ms;
  -moz-transition: -moz-transform 350ms, opacity 350ms;
  -ms-transition: -ms-transform 350ms, opacity 350ms;
  -o-transition: -o-transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms; }

.clockpicker-dial-out {
  opacity: 0; }

.clockpicker-hours.clockpicker-dial-out {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2); }

.clockpicker-minutes.clockpicker-dial-out {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8); }

.clockpicker-canvas {
  -webkit-transition: opacity 175ms;
  -moz-transition: opacity 175ms;
  -ms-transition: opacity 175ms;
  -o-transition: opacity 175ms;
  transition: opacity 175ms; }

.clockpicker-canvas-out {
  opacity: 0.25; }

.clockpicker-canvas-bearing {
  stroke: none;
  fill: #0095dd; }

.clockpicker-canvas-fg {
  stroke: none;
  fill: rgba(0, 149, 221, 0.5); }

.clockpicker-canvas-bg {
  stroke: none;
  fill: #c0e5f7; }

.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25); }

.clockpicker-canvas line {
  stroke: #0095dd;
  stroke-width: 1;
  stroke-linecap: round;
  /*shape-rendering: crispEdges;*/ }

.clockpicker-button.am-button {
  margin: 1px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

.clockpicker-button.pm-button {
  margin: 1px 1px 1px 136px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px; }

/*
** persian-datepicker - v1.1.1
** Reza Babakhani <babakhani.reza@gmail.com>
** http://babakhani.github.io/PersianWebToolkit/docs/datepicker
** Under WTFPL license
*/
.datepicker-plot-area {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn {
  transition: all 100ms ease; }

.datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable {
  border-radius: 0; }

.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn {
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.datepicker-plot-area .datepicker-time-view .down-btn {
  border-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.datepicker-plot-area, .datepicker-plot-area .datepicker-time-view > .time-segment {
  border-radius: 0; }

.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item, .datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  border-radius: 0; }

.datepicker-plot-area {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item, .datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable, .datepicker-plot-area .datepicker-time-view > .time-segment, .datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn, .datepicker-plot-area .datepicker-time-view input, .datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev, .datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today {
  cursor: pointer; }

.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
  background-color: #fff;
  color: #333;
  border: 0;
  text-shadow: none; }

.datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable {
  background-color: #f1f1f1;
  color: #ccc;
  border: none;
  text-shadow: none;
  cursor: default; }

.datepicker-plot-area .datepicker-day-view .table-days td.today span {
  background-color: #333;
  color: #fff;
  border: 0;
  text-shadow: none; }

.datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
  background-color: transparent;
  color: #ccc;
  border: none;
  text-shadow: none; }

.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
  background-color: #005299;
  color: #fff;
  border: none;
  text-shadow: 1px 1px 1px #000; }

.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover {
  background-color: #007be6;
  color: #fff;
  border: 0;
  text-shadow: none; }

.datepicker-container {
  display: block;
  position: absolute;
  z-index: 100000;
  top: 0;
  direction: ltr; }

.datepicker-container.pwt-hide {
  display: none; }

.datepicker-plot-area {
  box-sizing: border-box;
  overflow: hidden;
  min-height: 70px;
  display: block;
  width: 200px;
  min-width: 200px;
  padding: 3px;
  position: absolute;
  font-size: 12px;
  border: 1px solid #ccc;
  background-color: #fff; }

.datepicker-plot-area.datepicker-state-only-time {
  padding: 0; }

.datepicker-plot-area table,
.datepicker-plot-area th,
.datepicker-plot-area td {
  border: 0;
  background: none; }

.datepicker-plot-area * {
  text-align: center;
  color: #333; }

.datepicker-plot-area .datepicker-day-view,
.datepicker-plot-area .datepicker-month-view,
.datepicker-plot-area .datepicker-year-view {
  display: block;
  width: 100%;
  float: left;
  min-height: 200px;
  margin: 0; }

.datepicker-plot-area-inline-view {
  display: block;
  width: 100%;
  position: static;
  float: left; }

.datepicker-plot-area .datepicker-time-view {
  display: block;
  float: left;
  width: 100%;
  padding: 5px;
  background: #f9f9f9;
  border-top: 1px solid #f1f1f1; }

.datepicker-plot-area .datepicker-time-view > .time-segment {
  display: block;
  width: 22%;
  float: left;
  overflow: hidden; }

.datepicker-plot-area .datepicker-time-view > .time-segment:hover .down-btn,
.datepicker-plot-area .datepicker-time-view > .time-segment:hover .up-btn {
  font-weight: bold; }

.datepicker-plot-area .datepicker-time-view .divider {
  display: block;
  width: 3%;
  height: 60px;
  line-height: 60px;
  float: left;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold; }

.datepicker-plot-area .datepicker-time-view .divider span {
  height: 60px;
  line-height: 60px; }

.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  height: 20px;
  line-height: 22px;
  color: #ccc; }

.datepicker-plot-area .datepicker-time-view .down-btn:hover,
.datepicker-plot-area .datepicker-time-view .up-btn:hover {
  background-color: rgba(250, 250, 250, 0.3);
  color: #807f7f; }

.datepicker-plot-area .datepicker-time-view input {
  display: block;
  width: 90%;
  margin: 0 5%;
  height: 20px;
  padding: 0;
  outline: none;
  border: none;
  background: transparent; }

.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view {
  padding: 0 5px;
  margin: 0; }

.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view > .time-segment,
.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view > .divider {
  padding: 5px 0; }

.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view > .time-segment {
  width: 31.33%; }

.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view > .meridian-divider {
  display: none; }

.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view > .time-segment {
  width: 31.33%; }

.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view > .second-divider {
  display: none; }

.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .time-segment {
  width: 48%; }

.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .second-divider,
.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .meridian-divider {
  display: none; }

.datepicker-plot-area .datepicker-day-view .table-days {
  width: 100%;
  float: left;
  direction: rtl; }

.datepicker-plot-area .datepicker-day-view .table-days td {
  width: 14.2%;
  height: 26px;
  padding: 0;
  margin: 0;
  position: relative; }

.datepicker-plot-area .datepicker-day-view .table-days td .alter-calendar-day {
  font-style: normal;
  position: absolute;
  font-size: 8.5px;
  bottom: 0;
  right: 2px;
  color: #f1f1f1; }

.datepicker-plot-area .datepicker-day-view .table-days td span {
  display: block;
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0; }

.datepicker-plot-area .datepicker-day-view .month-grid-box {
  display: block;
  width: 100%;
  float: right;
  min-height: 180px;
  margin: 8px 0; }

.datepicker-plot-area .datepicker-day-view .month-grid-box .header {
  display: block;
  width: 100%;
  float: left;
  padding-bottom: 8px; }

.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row {
  display: block;
  width: 100%;
  height: 25px;
  float: left; }

.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
  display: block;
  width: 14.2%;
  height: 25px;
  float: right;
  line-height: 25px;
  font-size: 11px;
  font-weight: bold;
  color: #333; }

.datepicker-plot-area .datepicker-year-view,
.datepicker-plot-area .datepicker-month-view {
  padding-top: 10px; }

.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item {
  display: block;
  width: 33.333333%;
  margin: 2px 0 0;
  float: right;
  height: 42px;
  line-height: 42px; }

.datepicker-plot-area .datepicker-navigator {
  display: block;
  width: 100%;
  float: left; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  display: block;
  float: left;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  background-color: rgba(250, 250, 250, 0.1);
  color: #333; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
  background-color: rgba(250, 250, 250, 0.3); }

.datepicker-plot-area .datepicker-navigator .pwt-btn-next {
  display: block;
  width: 15%;
  float: left; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
  display: block;
  width: 66%;
  margin: 0 2%;
  float: left; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  display: block;
  width: 15%;
  float: left; }

.datepicker-plot-area .toolbox {
  display: block;
  float: left;
  width: 100%;
  margin-top: 5px; }

.datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today {
  background-color: rgba(250, 250, 250, 0.1);
  float: right;
  display: block;
  font-weight: bold;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  margin: 0 auto;
  margin-left: 5px;
  padding: 0 5px;
  min-width: 50px; }

.datepicker-plot-area .toolbox .pwt-btn-submit:hover,
.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,
.datepicker-plot-area .toolbox .pwt-btn-today:hover {
  background-color: rgba(250, 250, 250, 0.3); }

.datepicker-plot-area .datepicker-navigator {
  display: block;
  width: 100%;
  float: left; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  display: block;
  float: left;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  background-color: rgba(250, 250, 250, 0.1);
  color: #333; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
  background-color: rgba(250, 250, 250, 0.3); }

.datepicker-plot-area .datepicker-navigator .pwt-btn-next {
  display: block;
  width: 15%;
  float: left; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
  display: block;
  width: 66%;
  margin: 0 2%;
  float: left; }

.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  display: block;
  width: 15%;
  float: left; }

@media (max-device-width: 480px) {
  .datepicker-container.pwt-mobile-view {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    overflow: hidden;
    transition: all 1s; }

  .datepicker-container.pwt-mobile-view.pwt-hide {
    top: 100vh;
    height: 0; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td,
  .datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span {
    height: 44px;
    line-height: 44px;
    font-size: 1.3em; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-year-view .year-item,
  .datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-month-view .month-item {
    height: 70px;
    line-height: 70px;
    font-size: 1.3em; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area [class*='pwt-btn'] {
    height: 48px;
    line-height: 48px; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area .pwt-btn-today {
    float: left; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time {
    background: rgba(0, 0, 0, 0.7);
    border: 0;
    padding-top: 60%; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit {
    margin-right: 5px; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view input {
    height: 40px;
    line-height: 40px;
    margin: 5px 0; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider,
  .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider span {
    display: block;
    height: 144px;
    line-height: 144px; }

  .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .down-btn,
  .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .up-btn {
    height: 48px;
    line-height: 48px; }

  .datepicker-container.pwt-mobile-view .datepicker-time-view input {
    height: 32px;
    line-height: 34px; }

  .datepicker-container.pwt-mobile-view .datepicker-time-view .divider,
  .datepicker-container.pwt-mobile-view .datepicker-time-view .divider span {
    height: 120px;
    line-height: 120px; }

  .datepicker-container.pwt-mobile-view .datepicker-time-view .down-btn,
  .datepicker-container.pwt-mobile-view .datepicker-time-view .up-btn {
    height: 40px;
    line-height: 40px; } }
/* sortable list styles*/
.sortable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.sortable > li.disabled {
  opacity: .5; }

.sortable > li.highlight {
  background: #FEE25F; }

.sortable > li.sortable-placeholder {
  border-color: #CCC; }

.sortable > li .handle {
  cursor: move; }

.sortable > li .title {
  cursor: move;
  cursor: -webkit-grabbing; }

li.sortable-placeholder {
  border: 1px dashed #CCC; }

.input-group.sortable.drag-big li.sortable-placeholder {
  height: 75px; }

.sortable > li {
  margin-bottom: 1em; }

/*.sortable>li .element{margin:0}*/
.sortable .isChoosen {
  opacity: 0.7; }

.sortable .handle {
  cursor: move !important; }

/*
* iziToast | v1.4.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/
.iziToast-capsule {
  font-size: 0;
  height: 0;
  width: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }

.iziToast-capsule,
.iziToast-capsule * {
  box-sizing: border-box; }

.iziToast-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 997; }

.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  font-size: 14px;
  padding: 8px 45px 9px 0;
  background: rgba(238, 238, 238, 0.9);
  border-color: rgba(238, 238, 238, 0.9);
  width: 100%;
  pointer-events: all;
  cursor: default;
  transform: translateX(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 54px; }

.iziToast > .iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2); }

.iziToast > .iziToast-progressbar > div {
  height: 2px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 3px 3px; }

.iziToast.iziToast-balloon:before {
  content: '';
  position: absolute;
  right: 8px;
  left: auto;
  width: 0px;
  height: 0px;
  top: 100%;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  border-radius: 0; }

.iziToast.iziToast-balloon .iziToast-progressbar {
  top: 0;
  bottom: auto; }

.iziToast.iziToast-balloon > div {
  border-radius: 0 0 0 3px; }

.iziToast > .iziToast-cover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1); }

.iziToast > .iziToast-close {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  padding: 0;
  opacity: 0.6;
  width: 42px;
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
  cursor: pointer;
  outline: none; }

.iziToast > .iziToast-close:hover {
  opacity: 1; }

.iziToast > .iziToast-body {
  position: relative;
  padding: 0 0 0 10px;
  height: auto;
  min-height: 36px;
  margin: 0 0 0 15px;
  text-align: left; }

.iziToast > .iziToast-body:after {
  content: "";
  display: table;
  clear: both; }

.iziToast > .iziToast-body .iziToast-texts {
  margin: 10px 0 0 0;
  padding-right: 2px;
  display: inline-block;
  float: left; }

.iziToast > .iziToast-body .iziToast-inputs {
  min-height: 19px;
  float: left;
  margin: 3px -2px; }

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]),
.iziToast > .iziToast-body .iziToast-inputs > select {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 4px 7px;
  font-size: 13px;
  letter-spacing: 0.02em;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  min-height: 26px; }

.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus,
.iziToast > .iziToast-body .iziToast-inputs > select:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6); }

.iziToast > .iziToast-body .iziToast-buttons {
  min-height: 17px;
  float: left;
  margin: 4px -2px; }

.iziToast > .iziToast-body .iziToast-buttons > a,
.iziToast > .iziToast-body .iziToast-buttons > button,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  color: #000; }

.iziToast > .iziToast-body .iziToast-buttons > a:hover,
.iziToast > .iziToast-body .iziToast-buttons > button:hover,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
  background: rgba(0, 0, 0, 0.2); }

.iziToast > .iziToast-body .iziToast-buttons > a:focus,
.iziToast > .iziToast-body .iziToast-buttons > button:focus,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6); }

.iziToast > .iziToast-body .iziToast-buttons > a:active,
.iziToast > .iziToast-body .iziToast-buttons > button:active,
.iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
  top: 1px; }

.iziToast > .iziToast-body .iziToast-icon {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: table;
  font-size: 23px;
  line-height: 24px;
  margin-top: -12px;
  color: #000;
  width: 24px;
  height: 24px; }

.iziToast > .iziToast-body .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%; }

.iziToast > .iziToast-body .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast > .iziToast-body .iziToast-title {
  padding: 0;
  margin: 0;
  line-height: 16px;
  font-size: 14px;
  text-align: left;
  float: left;
  color: #000;
  white-space: normal; }

.iziToast > .iziToast-body .iziToast-message {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  white-space: normal; }

.iziToast.iziToast-animateInside .iziToast-title,
.iziToast.iziToast-animateInside .iziToast-message,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-buttons-child,
.iziToast.iziToast-animateInside .iziToast-inputs-child {
  opacity: 0; }

.iziToast-target {
  position: relative;
  width: 100%;
  margin: 0 auto; }

.iziToast-target .iziToast-capsule {
  overflow: hidden; }

.iziToast-target .iziToast-capsule:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.iziToast-target .iziToast-capsule .iziToast {
  width: 100%;
  float: left; }

.iziToast-wrapper {
  z-index: 99999;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column; }

.iziToast-wrapper .iziToast.iziToast-balloon:before {
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  right: 8px;
  left: auto; }

.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
  text-align: left; }

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px; }

.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right; }

.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
  text-align: left; }

.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px; }

.iziToast-wrapper-topRight {
  top: 0;
  right: 0;
  text-align: right; }

.iziToast-wrapper-topCenter {
  top: 0;
  left: 0;
  right: 0;
  text-align: center; }

.iziToast-wrapper-bottomCenter {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.iziToast-wrapper-center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  align-items: center; }

.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px; }

.iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0; }

.iziToast-rtl .iziToast-close {
  right: auto;
  left: 0; }

.iziToast-rtl .iziToast-body {
  padding: 0 10px 0 0;
  margin: 0 16px 0 0;
  text-align: right; }

.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title,
.iziToast-rtl .iziToast-body .iziToast-message {
  float: right;
  text-align: right; }

.iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0; }

@media (min-width: 480px) {
  .iziToast-wrapper {
    padding: 10px 15px; }

  .iziToast {
    margin: 5px 0;
    border-radius: 3px;
    width: auto; }

  .iziToast:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1), 0 8px 8px -5px rgba(0, 0, 0, 0.25); }

  .iziToast:not(.iziToast-rtl) .iziToast-cover {
    border-radius: 3px 0 0 3px; }

  .iziToast.iziToast-rtl .iziToast-cover {
    border-radius: 0 3px 3px 0; }

  .iziToast.iziToast-color-dark:after {
    box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.25); }

  .iziToast.iziToast-balloon .iziToast-progressbar {
    background: transparent; }

  .iziToast.iziToast-balloon:after {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25), inset 0 10px 20px -5px rgba(0, 0, 0, 0.25); }

  .iziToast-target .iziToast:after {
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1); } }
.iziToast.iziToast-theme-dark {
  background: #565c70;
  border-color: #565c70; }

.iziToast.iziToast-theme-dark .iziToast-title {
  color: #fff; }

.iziToast.iziToast-theme-dark .iziToast-message {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300; }

.iziToast.iziToast-theme-dark .iziToast-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px; }

.iziToast.iziToast-theme-dark .iziToast-icon {
  color: #fff; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%; }

.iziToast.iziToast-theme-dark .iziToast-buttons > a,
.iziToast.iziToast-theme-dark .iziToast-buttons > button,
.iziToast.iziToast-theme-dark .iziToast-buttons > input {
  color: #fff;
  background: rgba(255, 255, 255, 0.1); }

.iziToast.iziToast-theme-dark .iziToast-buttons > a:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
  background: rgba(255, 255, 255, 0.2); }

.iziToast.iziToast-theme-dark .iziToast-buttons > a:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6); }

.iziToast.iziToast-color-red {
  background: rgba(255, 175, 180, 0.9);
  border-color: rgba(255, 175, 180, 0.9); }

.iziToast.iziToast-color-orange {
  background: rgba(255, 207, 165, 0.9);
  border-color: rgba(255, 207, 165, 0.9); }

.iziToast.iziToast-color-yellow {
  background: rgba(255, 249, 178, 0.9);
  border-color: rgba(255, 249, 178, 0.9); }

.iziToast.iziToast-color-blue {
  background: rgba(157, 222, 255, 0.9);
  border-color: rgba(157, 222, 255, 0.9); }

.iziToast.iziToast-color-green {
  background: rgba(166, 239, 184, 0.9);
  border-color: rgba(166, 239, 184, 0.9); }

.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts,
.iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
  width: 100%; }

.iziToast.iziToast-layout3 {
  border-radius: 2px; }

.iziToast.iziToast-layout3::after {
  display: none; }

.iziToast.revealIn,
.iziToast .revealIn {
  -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  -moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both; }

.iziToast.slideIn,
.iziToast .slideIn {
  -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  -moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both; }

.iziToast.bounceInLeft {
  -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
  animation: iziT-bounceInLeft 0.7s ease-in-out both; }

.iziToast.bounceInRight {
  -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
  animation: iziT-bounceInRight 0.85s ease-in-out both; }

.iziToast.bounceInDown {
  -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
  animation: iziT-bounceInDown 0.7s ease-in-out both; }

.iziToast.bounceInUp {
  -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
  animation: iziT-bounceInUp 0.7s ease-in-out both; }

.iziToast.fadeIn,
.iziToast .fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both; }

.iziToast.fadeInUp {
  -webkit-animation: iziT-fadeInUp 0.7s ease both;
  animation: iziT-fadeInUp 0.7s ease both; }

.iziToast.fadeInDown {
  -webkit-animation: iziT-fadeInDown 0.7s ease both;
  animation: iziT-fadeInDown 0.7s ease both; }

.iziToast.fadeInLeft {
  -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; }

.iziToast.fadeInRight {
  -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; }

.iziToast.flipInX {
  -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both; }

.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both; }

.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast.fadeOutUp {
  -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast.fadeOutLeft {
  -webkit-animation: iziT-fadeOutLeft 0.5s ease both;
  animation: iziT-fadeOutLeft 0.5s ease both; }

.iziToast.fadeOutRight {
  -webkit-animation: iziT-fadeOutRight 0.5s ease both;
  animation: iziT-fadeOutRight 0.5s ease both; }

.iziToast.flipOutX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; }

.iziToast-overlay.fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both; }

.iziToast-overlay.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both; }

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }
@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }
@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  70% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px); }
  50% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  70% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(10px); }
  70% {
    -webkit-transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px); }
  70% {
    -webkit-transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0); } }
@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  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); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }
@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }
@-webkit-keyframes iziT-flipOutX {
  from {
    -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; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }
@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }
@-o-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }
@keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1); }
  100% {
    opacity: 1; } }
@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-o-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-moz-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@-o-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px); }
  50% {
    opacity: 1;
    transform: translateX(-20px); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
@-moz-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@-o-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px); }
  50% {
    opacity: 1;
    transform: translateX(20px); }
  70% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
@-moz-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
@-o-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
@keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  50% {
    opacity: 1;
    transform: translateY(10px); }
  70% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
@-moz-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }
@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }
@-o-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }
@keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  50% {
    opacity: 1;
    transform: translateY(-10px); }
  70% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0); } }
@-moz-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes iziT-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-o-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-moz-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-o-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-moz-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-o-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-moz-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-o-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-moz-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  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); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  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); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@-o-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  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); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg); }
  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); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@-moz-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes iziT-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@-o-keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes iziT-fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@-moz-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-o-keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes iziT-fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-moz-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }
@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }
@-o-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }
@keyframes iziT-fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }
@-moz-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }
@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }
@-o-keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }
@keyframes iziT-fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); } }
@-moz-keyframes iziT-flipOutX {
  from {
    -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; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@-webkit-keyframes iziT-flipOutX {
  from {
    -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; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@-o-keyframes iziT-flipOutX {
  from {
    -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; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes iziT-flipOutX {
  from {
    -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; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.rtl .iziToast-wrapper-bottomLeft {
  text-align: right; }

.rtl .iziToast-wrapper-bottomRight {
  text-align: left; }

.rtl .iziToast-wrapper-topLeft {
  text-align: right; }

.rtl .iziToast-wrapper-topRight {
  text-align: left; }

.chartBox {
  max-height: 600px !important;
  min-height: auto !important;
  height: 100% !important;
  width: 100%;
  display: block; }

.chart {
  direction: ltr;
  width: 100%;
  max-height: 600px;
  user-select: none; }

.chart .amcharts-chart-div > a {
  display: none !important; }

.rtl .chart {
  text-align: right; }

.chart.x1 {
  min-height: 100px; }

.chart.x2 {
  min-height: 200px; }

.chart.x3 {
  min-height: 300px; }

.chart.x4 {
  min-height: 400px; }

.chart.x5 {
  min-height: 500px; }

.highcharts-root {
  font-family: IRANSans, Tahoma, sans-serif !important; }

.highcharts-title {
  font-weight: bold; }

.highcharts-tooltip > span {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid silver;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #888;
  padding: 8px; }

.rtl .highcharts-tooltip > span {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed; }

.rtl .highcharts-tooltip > span b {
  display: inline-block;
  direction: ltr; }

.rtl .highcharts-contextmenu {
  text-align: right; }

.chart .chartServiceLogo {
  y: calc(100% - 32px);
  x: calc(100% - 32px); }

[class^="spay-256-"] {
  background: url("../images/spay/spay256.png") no-repeat;
  display: inline-block;
  width: 256px;
  height: 256px;
  background-position: 256px 256px; }

.spay-256-saderat {
  background-position: 0 0; }

.spay-256-mellat {
  background-position: -256px 0; }

.spay-256-tejarat {
  background-position: -512px 0; }

.spay-256-melli {
  background-position: -768px 0; }

.spay-256-sepah {
  background-position: -1024px 0; }

.spay-256-keshavarzi {
  background-position: 0 -256px; }

.spay-256-parsian {
  background-position: -256px -256px; }

.spay-256-maskan {
  background-position: -512px -256px; }

.spay-256-refah {
  background-position: -768px -256px; }

.spay-256-novin {
  background-position: -1024px -256px; }

.spay-256-ansar {
  background-position: 0 -512px; }

.spay-256-pasargad {
  background-position: -256px -512px; }

.spay-256-saman {
  background-position: -512px -512px; }

.spay-256-sina {
  background-position: -768px -512px; }

.spay-256-post {
  background-position: -1024px -512px; }

.spay-256-ghavamin {
  background-position: 0 -768px; }

.spay-256-taavon {
  background-position: -256px -768px; }

.spay-256-shahr {
  background-position: -512px -768px; }

.spay-256-ayande {
  background-position: -768px -768px; }

.spay-256-sarmayeh {
  background-position: -1024px -768px; }

.spay-256-day {
  background-position: 0 -1024px; }

.spay-256-hekmat {
  background-position: -256px -1024px; }

.spay-256-iranzamin {
  background-position: -512px -1024px; }

.spay-256-karafarin {
  background-position: -768px -1024px; }

.spay-256-gardeshgari {
  background-position: -1024px -1024px; }

.spay-256-madan {
  background-position: 0 -1280px; }

.spay-256-tsaderat {
  background-position: -256px -1280px; }

.spay-256-khavarmiyane {
  background-position: -512px -1280px; }

.spay-256-ivbb {
  background-position: -768px -1280px; }

.spay-256-irkish {
  background-position: -1024px -1280px; }

.spay-256-asanpardakht {
  background-position: 0 -1536px; }

.spay-256-zarinpal {
  background-position: -256px -1536px; }

.spay-256-payir {
  background-position: -512px -1536px; }

.spay-256-resalat {
  background-position: -768px -1536px; }

[class^="spay-128-"] {
  background: url("../images/spay/spay128.png") no-repeat;
  display: inline-block;
  width: 128px;
  height: 128px;
  background-position: 128px 128px; }

.spay-128-saderat {
  background-position: 0 0; }

.spay-128-mellat {
  background-position: -128px 0; }

.spay-128-tejarat {
  background-position: -256px 0; }

.spay-128-melli {
  background-position: -384px 0; }

.spay-128-sepah {
  background-position: -512px 0; }

.spay-128-keshavarzi {
  background-position: 0 -128px; }

.spay-128-parsian {
  background-position: -128px -128px; }

.spay-128-maskan {
  background-position: -256px -128px; }

.spay-128-refah {
  background-position: -384px -128px; }

.spay-128-novin {
  background-position: -512px -128px; }

.spay-128-ansar {
  background-position: 0 -256px; }

.spay-128-pasargad {
  background-position: -128px -256px; }

.spay-128-saman {
  background-position: -256px -256px; }

.spay-128-sina {
  background-position: -384px -256px; }

.spay-128-post {
  background-position: -512px -256px; }

.spay-128-ghavamin {
  background-position: 0 -384px; }

.spay-128-taavon {
  background-position: -128px -384px; }

.spay-128-shahr {
  background-position: -256px -384px; }

.spay-128-ayande {
  background-position: -384px -384px; }

.spay-128-sarmayeh {
  background-position: -512px -384px; }

.spay-128-day {
  background-position: 0 -512px; }

.spay-128-hekmat {
  background-position: -128px -512px; }

.spay-128-iranzamin {
  background-position: -256px -512px; }

.spay-128-karafarin {
  background-position: -384px -512px; }

.spay-128-gardeshgari {
  background-position: -512px -512px; }

.spay-128-madan {
  background-position: 0 -640px; }

.spay-128-tsaderat {
  background-position: -128px -640px; }

.spay-128-khavarmiyane {
  background-position: -256px -640px; }

.spay-128-ivbb {
  background-position: -384px -640px; }

.spay-128-irkish {
  background-position: -512px -640px; }

.spay-128-asanpardakht {
  background-position: 0 -786px; }

.spay-128-zarinpal {
  background-position: -128px -786px; }

.spay-128-payir {
  background-position: -256px -786px; }

.spay-128-resalat {
  background-position: -384px -786px; }

[class^="spay-64-"] {
  background: url("../images/spay/spay64.png") no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  background-position: 64px 64px; }

.spay-64-saderat {
  background-position: 0 0; }

.spay-64-mellat {
  background-position: -64px 0; }

.spay-64-tejarat {
  background-position: -128px 0; }

.spay-64-melli {
  background-position: -192px 0; }

.spay-64-sepah {
  background-position: -256px 0; }

.spay-64-keshavarzi {
  background-position: 0 -64px; }

.spay-64-parsian {
  background-position: -64px -64px; }

.spay-64-maskan {
  background-position: -128px -64px; }

.spay-64-refah {
  background-position: -192px -64px; }

.spay-64-novin {
  background-position: -256px -64px; }

.spay-64-ansar {
  background-position: 0 -128px; }

.spay-64-pasargad {
  background-position: -64px -128px; }

.spay-64-saman {
  background-position: -128px -128px; }

.spay-64-sina {
  background-position: -192px -128px; }

.spay-64-post {
  background-position: -256px -128px; }

.spay-64-ghavamin {
  background-position: 0 -192px; }

.spay-64-taavon {
  background-position: -64px -192px; }

.spay-64-shahr {
  background-position: -128px -192px; }

.spay-64-ayande {
  background-position: -192px -192px; }

.spay-64-sarmayeh {
  background-position: -256px -192px; }

.spay-64-day {
  background-position: 0 -256px; }

.spay-64-hekmat {
  background-position: -64px -256px; }

.spay-64-iranzamin {
  background-position: -128px -256px; }

.spay-64-karafarin {
  background-position: -192px -256px; }

.spay-64-gardeshgari {
  background-position: -256px -256px; }

.spay-64-madan {
  background-position: 0 -320px; }

.spay-64-tsaderat {
  background-position: -64px -320px; }

.spay-64-khavarmiyane {
  background-position: -128px -320px; }

.spay-64-ivbb {
  background-position: -192px -320px; }

.spay-64-irkish {
  background-position: -256px -320px; }

.spay-64-asanpardakht {
  background-position: 0 -384px; }

.spay-64-zarinpal {
  background-position: -64px -384px; }

.spay-64-payir {
  background-position: -128px -384px; }

.spay-64-resalat {
  background-position: -192px -384px; }

[class^="spay-32-"] {
  background: url("../images/spay/spay32.png") no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-position: 32px 32px; }

.spay-32-saderat {
  background-position: 0 0; }

.spay-32-mellat {
  background-position: -32px 0; }

.spay-32-tejarat {
  background-position: -64px 0; }

.spay-32-melli {
  background-position: -96px 0; }

.spay-32-sepah {
  background-position: -128px 0; }

.spay-32-keshavarzi {
  background-position: 0 -32px; }

.spay-32-parsian {
  background-position: -32px -32px; }

.spay-32-maskan {
  background-position: -64px -32px; }

.spay-32-refah {
  background-position: -96px -32px; }

.spay-32-novin {
  background-position: -128px -32px; }

.spay-32-ansar {
  background-position: 0 -64px; }

.spay-32-pasargad {
  background-position: -32px -64px; }

.spay-32-saman {
  background-position: -64px -64px; }

.spay-32-sina {
  background-position: -96px -64px; }

.spay-32-post {
  background-position: -128px -64px; }

.spay-32-ghavamin {
  background-position: 0 -96px; }

.spay-32-taavon {
  background-position: -32px -96px; }

.spay-32-shahr {
  background-position: -64px -96px; }

.spay-32-ayande {
  background-position: -96px -96px; }

.spay-32-sarmayeh {
  background-position: -128px -96px; }

.spay-32-day {
  background-position: 0 -128px; }

.spay-32-hekmat {
  background-position: -32px -128px; }

.spay-32-iranzamin {
  background-position: -64px -128px; }

.spay-32-karafarin {
  background-position: -96px -128px; }

.spay-32-gardeshgari {
  background-position: -128px -128px; }

.spay-32-madan {
  background-position: 0 -160px; }

.spay-32-tsaderat {
  background-position: -32px -160px; }

.spay-32-khavarmiyane {
  background-position: -64px -160px; }

.spay-32-ivbb {
  background-position: -96px -160px; }

.spay-32-irkish {
  background-position: -128px -160px; }

.spay-32-asanpardakht {
  background-position: 0 -192px; }

.spay-32-zarinpal {
  background-position: -32px -192px; }

.spay-32-payir {
  background-position: -64px -192px; }

.spay-32-resalat {
  background-position: -96px -192px; }

.tagDetector .tagBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.tagDetector .tagBox span {
  background-color: #e7e7e7;
  color: #777;
  padding: 2px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  margin: 0.5em 0.2em;
  line-height: 2em;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.tagDetector .tagBox span:hover {
  opacity: 0.7; }

.tagDetector .tagBox .isExist {
  background: #ddd; }

.tippy-touch {
  cursor: pointer !important; }

.tippy-notransition {
  transition: none !important; }

.tippy-popper {
  max-width: 350px;
  -webkit-perspective: 700px;
  perspective: 700px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
  line-height: 1.5; }

.tippy-popper[data-html] {
  max-width: 96%;
  max-width: calc(100% - 20px); }

.tippy-popper[x-placement^=top] .tippy-backdrop {
  border-radius: 40% 40% 0 0; }

.tippy-popper[x-placement^=top] .tippy-roundarrow {
  width: 23px;
  height: 23px;
  fill: #333;
  bottom: -15px;
  margin: 0 6px; }

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 7px; }

.tippy-popper[x-placement^=top] .tippy-backdrop {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(5.5) translate(-50%, 25%);
  transform: scale(5.5) translate(-50%, 25%);
  opacity: 1; }

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1) translate(-50%, 25%);
  transform: scale(1) translate(-50%, 25%);
  opacity: 0; }

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px); }

.tippy-popper[x-placement^=top] [data-animation=perspective] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom; }

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px) rotateX(0);
  transform: translateY(-10px) rotateX(0); }

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(90deg);
  transform: translateY(0) rotateX(90deg); }

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px); }

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1); }

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  border-radius: 0 0 30% 30%; }

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
  width: 23px;
  height: 23px;
  fill: #333;
  top: -15px;
  margin: 0 6px; }

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 7px; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
  -webkit-transform-origin: 0 -100%;
  transform-origin: 0 -100%; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(5.5) translate(-50%, -125%);
  transform: scale(5.5) translate(-50%, -125%);
  opacity: 1; }

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1) translate(-50%, -125%);
  transform: scale(1) translate(-50%, -125%);
  opacity: 0; }

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  -webkit-transform-origin: top;
  transform-origin: top; }

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px) rotateX(0);
  transform: translateY(10px) rotateX(0); }

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(-90deg);
  transform: translateY(0) rotateX(-90deg); }

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px); }

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateY(10px) scale(1);
  transform: translateY(10px) scale(1); }

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0); }

.tippy-popper[x-placement^=left] .tippy-backdrop {
  border-radius: 30% 0 0 30%; }

.tippy-popper[x-placement^=left] .tippy-roundarrow {
  width: 23px;
  height: 23px;
  fill: #333;
  right: -15px;
  margin: 4px 0; }

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.tippy-popper[x-placement^=left] .tippy-arrow {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 4px 0; }

.tippy-popper[x-placement^=left] .tippy-backdrop {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(5.5) translate(33%, -50%);
  transform: scale(5.5) translate(33%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1.5) translate(33%, -50%);
  transform: scale(1.5) translate(33%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px); }

.tippy-popper[x-placement^=left] [data-animation=perspective] {
  -webkit-transform-origin: right;
  transform-origin: right; }

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px) rotateY(0);
  transform: translateX(-10px) rotateY(0); }

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(-90deg);
  transform: translateX(0) rotateY(-90deg); }

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px); }

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(-10px) scale(1);
  transform: translateX(-10px) scale(1); }

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0); }

.tippy-popper[x-placement^=right] .tippy-backdrop {
  border-radius: 0 30% 30% 0; }

.tippy-popper[x-placement^=right] .tippy-roundarrow {
  width: 23px;
  height: 23px;
  fill: #333;
  left: -15px;
  margin: 4px 0; }

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.tippy-popper[x-placement^=right] .tippy-arrow {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 4px 0; }

.tippy-popper[x-placement^=right] .tippy-backdrop {
  -webkit-transform-origin: -100% 0;
  transform-origin: -100% 0; }

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
  -webkit-transform: scale(5.5) translate(-133%, -50%);
  transform: scale(5.5) translate(-133%, -50%);
  opacity: 1; }

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
  -webkit-transform: scale(1.5) translate(-133%, -50%);
  transform: scale(1.5) translate(-133%, -50%);
  opacity: 0; }

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px); }

.tippy-popper[x-placement^=right] [data-animation=perspective] {
  -webkit-transform-origin: left;
  transform-origin: left; }

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px) rotateY(0);
  transform: translateX(10px) rotateY(0); }

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(90deg);
  transform: translateX(0) rotateY(90deg); }

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px); }

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
  opacity: 1;
  -webkit-transform: translateX(10px) scale(1);
  transform: translateX(10px) scale(1); }

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0); }

.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: 1.2rem;
  padding: .3rem .6rem;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333; }

.tippy-tooltip[data-size=small] {
  padding: .2rem .4rem;
  font-size: .8rem; }

.tippy-tooltip[data-size=large] {
  padding: .4rem .8rem;
  font-size: 2rem; }

.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent; }

.tippy-tooltip[data-animatefill] .tippy-content {
  transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98); }

.tippy-tooltip[data-interactive] {
  pointer-events: auto; }

.tippy-tooltip[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); }

.tippy-tooltip[data-inertia][data-state=hidden] {
  transition-timing-function: ease; }

.tippy-arrow, .tippy-roundarrow {
  position: absolute;
  width: 0;
  height: 0; }

.tippy-roundarrow {
  pointer-events: none; }

.tippy-roundarrow path {
  pointer-events: auto; }

.tippy-backdrop {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 26%;
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tippy-backdrop:after {
  content: "";
  float: left;
  padding-top: 100%; }

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(100% 100% at 50% 50%);
  clip-path: ellipse(100% 100% at 50% 50%); }

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(5% 50% at 50% 50%);
  clip-path: ellipse(5% 50% at 50% 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(135% 100% at 0 50%);
  clip-path: ellipse(135% 100% at 0 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(25% 100% at 0 50%);
  clip-path: ellipse(25% 100% at 0 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
  -webkit-clip-path: ellipse(135% 100% at 100% 50%);
  clip-path: ellipse(135% 100% at 100% 50%); }

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
  -webkit-clip-path: ellipse(25% 100% at 100% 50%);
  clip-path: ellipse(25% 100% at 100% 50%); }

@media (max-width: 480px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px); } }
.dropzone {
  padding: 3em 1em 1em;
  border: 1px dashed #eee;
  background-color: #fcfcfc;
  text-align: center;
  transition: 0.3s; }

.dropzone:hover {
  border-color: #ccc; }

.dropzone:focus {
  border-color: #aaa; }

.dropzone input[type="file"] {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }

/*
 * # Semantic UI 2.3.3 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important; }

.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px; }

.hidden.transition {
  display: none;
  visibility: hidden; }

.visible.transition {
  display: block !important;
  visibility: visible !important; }

.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.transition.browse {
  -webkit-animation-duration: .5s;
  animation-duration: .5s; }

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn; }

.transition.browse.left.out, .transition.browse.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft; }

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight; }

@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0);
    transform: scale(0.8) translateZ(0);
    z-index: -1; }
  10% {
    -webkit-transform: scale(0.8) translateZ(0);
    transform: scale(0.8) translateZ(0);
    z-index: -1;
    opacity: .7; }
  80% {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
    opacity: 1;
    z-index: 999; }
  100% {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    z-index: 999; } }
@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0);
    transform: scale(0.8) translateZ(0);
    z-index: -1; }
  10% {
    -webkit-transform: scale(0.8) translateZ(0);
    transform: scale(0.8) translateZ(0);
    z-index: -1;
    opacity: .7; }
  80% {
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
    opacity: 1;
    z-index: 999; }
  100% {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    z-index: 999; } }
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
    transform: translateX(0) rotateY(0) rotateX(0); }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0; } }
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
    transform: translateX(0) rotateY(0) rotateX(0); }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0; } }
@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
    transform: translateX(0) rotateY(0) rotateX(0); }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0; } }
@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
    transform: translateX(0) rotateY(0) rotateX(0); }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0; } }
.drop.transition {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn; }

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut; }

@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%); } }
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%); } }
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%); } }
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); } }
.flip.transition.in, .flip.transition.out {
  -webkit-animation-duration: .6s;
  animation-duration: .6s; }

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut; }

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn; }

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut; }

@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
    opacity: 1; } }
@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
    opacity: 1; } }
@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0);
    transform: perspective(2000px) rotateX(0);
    opacity: 1; } }
@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0);
    transform: perspective(2000px) rotateX(0);
    opacity: 1; } }
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }
@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }
@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0);
    transform: perspective(2000px) rotateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }
@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0);
    transform: perspective(2000px) rotateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn; }

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut; }

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
.transition.fly {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -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); }

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn; }

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp; }

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown; }

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft; }

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight; }

.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut; }

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp; }

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown; }

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft; }

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight; }

@-webkit-keyframes flyIn {
  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 flyIn {
  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); } }
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 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 flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 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); } }
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 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 flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 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; } }
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 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 flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 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; } }
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 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 flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 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; } }
@-webkit-keyframes flyOut {
  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 flyOut {
  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); } }
@-webkit-keyframes flyOutUp {
  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 flyOutUp {
  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); } }
@-webkit-keyframes flyOutDown {
  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 flyOutDown {
  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); } }
@-webkit-keyframes flyOutRight {
  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 flyOutRight {
  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); } }
@-webkit-keyframes flyOutLeft {
  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 flyOutLeft {
  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); } }
.transition.slide.in, .transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

.transition.slide.out, .transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }
@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }
@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }
@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }
.transition.swing {
  -webkit-animation-duration: .8s;
  animation-duration: .8s; }

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

.transition.swing.out, .transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  transform-origin: center left; }

@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0); } }
@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0); } }
@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0); } }
@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0); } }
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0); }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }
@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0); }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }
@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0); }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }
@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0); }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }
.transition.zoom.in {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

.transition.zoom.out {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0); } }
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0); } }
.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash; }

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake; }

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce; }

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada; }

.pulse.transition {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: pulse;
  animation-name: pulse; }

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle; }

.transition.glow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.transition.glow {
  -webkit-animation-name: glow;
  animation-name: glow; }

@-webkit-keyframes flash {
  0%,100%,50% {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
@keyframes flash {
  0%,100%,50% {
    opacity: 1; }
  25%,75% {
    opacity: 0; } }
@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }
@keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }
@-webkit-keyframes bounce {
  0%,100%,20%,50%,80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%,100%,20%,50%,80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: .7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: .7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes jiggle {
  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 jiggle {
  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); } }
@-webkit-keyframes glow {
  0% {
    background-color: #fcfcfd; }
  30% {
    background-color: #fff6cd; }
  100% {
    background-color: #fcfcfd; } }
@keyframes glow {
  0% {
    background-color: #fcfcfd; }
  30% {
    background-color: #fff6cd; }
  100% {
    background-color: #fcfcfd; } }
/*
 * # Semantic UI 2.3.1 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  max-width: 100%; }

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity; }

.ui.dropdown .menu > * {
  white-space: nowrap; }

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important; }

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em; }

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none; }

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1.4em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 0.9em;
  text-transform: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
  transition: 0.3s background-color; }

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px; }

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important; }

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important; }

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em; }

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase; }

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em; }

.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem; }

.ui.dropdown .menu > .header + .input {
  margin-top: 0em; }

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4); }

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal; }

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4); }

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important; }

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none; }

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em; }

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em; }

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem; }

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  min-height: 28px;
  min-width: 28px;
  max-height: 28px;
  max-width: 28px; }

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none; }

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none; }

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em; }

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%; }

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em; }

.ui.button.dropdown .menu {
  min-width: 100%; }

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 100px;
  height: 36px;
  background: #FFFFFF;
  display: inline-block;
  padding: 5px 2.1em 5px 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease, border 0.3s; }

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10; }

select.ui.dropdown {
  height: 36px;
  padding: 0.5em;
  padding: 5px 1em;
  color: rgba(191, 191, 191, 0.87);
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
  -webkit-appearance: none; }

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 10px 10px;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px; }

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% +  2px );
  width: calc(100% +  2px );
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none; }

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem; }

@media (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem; } }
@media (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem; } }
@media (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem; } }
@media (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem; } }
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal; }

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none; }

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8); }

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3; }

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: ''; }

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit; }

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2; }

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
  transition: 0.3s color;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 25px;
  padding: 5px 2.1em 5px 1em; }

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 25px;
  padding: 5px 2.1em 5px 1em;
  display: none;
  white-space: pre;
  font-size: 1.2em; }

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto; }

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none; }

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45; }

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important; }

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 12em; } }
@media (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 14em; } }
@media (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16em; } }
@media (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 23em; } }
/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
  height: auto; }

.ui.multiple.dropdown .menu {
  cursor: auto; }

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text; }

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: ''; }

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important; }

.ui.multiple.dropdown > .label ~ .text {
  display: none; }

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.search.dropdown > .label ~ .text {
  display: none; }

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em; }

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit; }

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.21428571em;
  vertical-align: baseline; }

.ui.inline.dropdown > .text {
  font-weight: bold; }

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem; }

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 12; }

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13; }

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important; }

.ui.loading.selection.dropdown > i.icon {
  padding: 17px 1.28571429em !important; }

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em; }

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none; }

@-webkit-keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87); }

.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87); }

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none; }

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1; }

.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important; }

.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important; }

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.95); }

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden; }

.ui.dropdown .filtered.item {
  display: none !important; }

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38; }

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4; }

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item {
  color: #9F3A38; }

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4; }

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2; }

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF; }

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45; }

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px; }

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important; }

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important; }

.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.28571429rem !important; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em; }

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important; }

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }

.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto; }

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important; }

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none; }

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none; }

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block; }

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% -  17px ); } }
@media (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem; } }
@media (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem; } }
@media (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }
@media (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }
/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none; }

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1; }

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1; }

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden; }

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block; }

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em; }

.ui.fluid.dropdown > .dropdown.icon {
  float: right; }

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important; }

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important; }

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2; }

.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em; }

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em; }

.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em; }

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em; }

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important; }

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto; }

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto; }

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto; }

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em; }

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em; }

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
  font-weight: normal;
  font-style: normal; }
.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center; }

.ui.dropdown > .dropdown.icon {
  width: auto; }

.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7'; }

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: ""; }

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: ""; }

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: ""; }

/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*******************************
        User Overrides
*******************************/
.ui.dropdown {
  display: block;
  width: 100%;
  min-width: 0em; }

.rtl .ui.dropdown > .dropdown.icon {
  float: right; }

.rtl .ui.dropdown {
  text-align: right; }

.rtl .ui.dropdown .menu {
  text-align: right; }

.rtl .ui.dropdown .menu > .item {
  text-align: right; }

.rtl .ui.selection.dropdown > .search.icon,
.rtl .ui.selection.dropdown > .delete.icon,
.rtl .ui.selection.dropdown > .dropdown.icon {
  right: initial;
  left: 1em; }

.rtl .ui.dropdown > .text > .icon,
.rtl .ui.dropdown > .text > .label,
.rtl .ui.dropdown > .text > .flag,
.rtl .ui.dropdown > .text > img,
.rtl .ui.dropdown > .text > .image,
.rtl .ui.dropdown .menu > .item > .icon,
.rtl .ui.dropdown .menu > .item > .label,
.rtl .ui.dropdown .menu > .item > .flag,
.rtl .ui.dropdown .menu > .item > .image,
.rtl .ui.dropdown .menu > .item > img {
  margin-right: 0em;
  margin-left: 0.78571429rem; }

.rtl .ui.selection.dropdown {
  padding-right: 1em;
  padding-left: 2.1em; }

.rtl .ui.dropdown .menu > .item > .flag {
  margin-right: 1rem;
  margin-left: 0; }

.rtl .ui.dropdown > .text > .description,
.rtl .ui.dropdown .menu > .item > .description {
  float: left;
  margin: 0em 1em 0em 0em; }

.ui.dropdown > .text {
  display: block; }

.rtl .ui.search.selection.dropdown > input.search {
  padding: 5px 1em 5px 2.1em; }

.rtl .ui.multiple.search.dropdown > input.search {
  padding: 0;
  margin: 0.45238095em 0.64285714em 0.45238095em 0; }

.rtl .ui.multiple.search.dropdown > .text {
  right: 0; }

.rtl .ui.multiple.dropdown > .label {
  margin: 0.14285714rem 0em 0.14285714rem 0.28571429rem; }

.ui.dropdown .text {
  line-height: 24px; }

label + .ui.dropdown {
  margin-bottom: 10px; }

.ui.dropdown.posList {
  padding-top: 0;
  padding-bottom: 0; }

.ui.dropdown.posList [class^="spay-32-"] {
  display: block; }

.ui.dropdown.posList .default.text {
  top: 5px; }

.ui.dropdown.posList .menu > .item {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/*
 * # Semantic UI 2.3.1 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  vertical-align: baseline;
  margin: 0 .5em 0 0;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

i.flag:not(.icon):before {
  display: inline-block;
  content: '';
  background: url(../images/tools/flags.png) no-repeat -108px -1976px;
  width: 16px;
  height: 11px; }

i.flag.ad:before, i.flag.andorra:before {
  background-position: 0 0; }

i.flag.ae:before, i.flag.uae:before, i.flag.united.arab.emirates:before {
  background-position: 0 -26px; }

i.flag.af:before, i.flag.afghanistan:before {
  background-position: 0 -52px; }

i.flag.ag:before, i.flag.antigua:before {
  background-position: 0 -78px; }

i.flag.ai:before, i.flag.anguilla:before {
  background-position: 0 -104px; }

i.flag.al:before, i.flag.albania:before {
  background-position: 0 -130px; }

i.flag.am:before, i.flag.armenia:before {
  background-position: 0 -156px; }

i.flag.an:before, i.flag.netherlands.antilles:before {
  background-position: 0 -182px; }

i.flag.angola:before, i.flag.ao:before {
  background-position: 0 -208px; }

i.flag.ar:before, i.flag.argentina:before {
  background-position: 0 -234px; }

i.flag.american.samoa:before, i.flag.as:before {
  background-position: 0 -260px; }

i.flag.at:before, i.flag.austria:before {
  background-position: 0 -286px; }

i.flag.au:before, i.flag.australia:before {
  background-position: 0 -312px; }

i.flag.aruba:before, i.flag.aw:before {
  background-position: 0 -338px; }

i.flag.aland.islands:before, i.flag.ax:before {
  background-position: 0 -364px; }

i.flag.az:before, i.flag.azerbaijan:before {
  background-position: 0 -390px; }

i.flag.ba:before, i.flag.bosnia:before {
  background-position: 0 -416px; }

i.flag.barbados:before, i.flag.bb:before {
  background-position: 0 -442px; }

i.flag.bangladesh:before, i.flag.bd:before {
  background-position: 0 -468px; }

i.flag.be:before, i.flag.belgium:before {
  background-position: 0 -494px; }

i.flag.bf:before, i.flag.burkina.faso:before {
  background-position: 0 -520px; }

i.flag.bg:before, i.flag.bulgaria:before {
  background-position: 0 -546px; }

i.flag.bahrain:before, i.flag.bh:before {
  background-position: 0 -572px; }

i.flag.bi:before, i.flag.burundi:before {
  background-position: 0 -598px; }

i.flag.benin:before, i.flag.bj:before {
  background-position: 0 -624px; }

i.flag.bermuda:before, i.flag.bm:before {
  background-position: 0 -650px; }

i.flag.bn:before, i.flag.brunei:before {
  background-position: 0 -676px; }

i.flag.bo:before, i.flag.bolivia:before {
  background-position: 0 -702px; }

i.flag.br:before, i.flag.brazil:before {
  background-position: 0 -728px; }

i.flag.bahamas:before, i.flag.bs:before {
  background-position: 0 -754px; }

i.flag.bhutan:before, i.flag.bt:before {
  background-position: 0 -780px; }

i.flag.bouvet.island:before, i.flag.bv:before {
  background-position: 0 -806px; }

i.flag.botswana:before, i.flag.bw:before {
  background-position: 0 -832px; }

i.flag.belarus:before, i.flag.by:before {
  background-position: 0 -858px; }

i.flag.belize:before, i.flag.bz:before {
  background-position: 0 -884px; }

i.flag.ca:before, i.flag.canada:before {
  background-position: 0 -910px; }

i.flag.cc:before, i.flag.cocos.islands:before {
  background-position: 0 -962px; }

i.flag.cd:before, i.flag.congo:before {
  background-position: 0 -988px; }

i.flag.central.african.republic:before, i.flag.cf:before {
  background-position: 0 -1014px; }

i.flag.cg:before, i.flag.congo.brazzaville:before {
  background-position: 0 -1040px; }

i.flag.ch:before, i.flag.switzerland:before {
  background-position: 0 -1066px; }

i.flag.ci:before, i.flag.cote.divoire:before {
  background-position: 0 -1092px; }

i.flag.ck:before, i.flag.cook.islands:before {
  background-position: 0 -1118px; }

i.flag.chile:before, i.flag.cl:before {
  background-position: 0 -1144px; }

i.flag.cameroon:before, i.flag.cm:before {
  background-position: 0 -1170px; }

i.flag.china:before, i.flag.cn:before {
  background-position: 0 -1196px; }

i.flag.co:before, i.flag.colombia:before {
  background-position: 0 -1222px; }

i.flag.costa.rica:before, i.flag.cr:before {
  background-position: 0 -1248px; }

i.flag.cs:before, i.flag.serbia:before {
  background-position: 0 -1274px; }

i.flag.cu:before, i.flag.cuba:before {
  background-position: 0 -1300px; }

i.flag.cape.verde:before, i.flag.cv:before {
  background-position: 0 -1326px; }

i.flag.christmas.island:before, i.flag.cx:before {
  background-position: 0 -1352px; }

i.flag.cy:before, i.flag.cyprus:before {
  background-position: 0 -1378px; }

i.flag.cz:before, i.flag.czech.republic:before {
  background-position: 0 -1404px; }

i.flag.de:before, i.flag.germany:before {
  background-position: 0 -1430px; }

i.flag.dj:before, i.flag.djibouti:before {
  background-position: 0 -1456px; }

i.flag.denmark:before, i.flag.dk:before {
  background-position: 0 -1482px; }

i.flag.dm:before, i.flag.dominica:before {
  background-position: 0 -1508px; }

i.flag.do:before, i.flag.dominican.republic:before {
  background-position: 0 -1534px; }

i.flag.algeria:before, i.flag.dz:before {
  background-position: 0 -1560px; }

i.flag.ec:before, i.flag.ecuador:before {
  background-position: 0 -1586px; }

i.flag.ee:before, i.flag.estonia:before {
  background-position: 0 -1612px; }

i.flag.eg:before, i.flag.egypt:before {
  background-position: 0 -1638px; }

i.flag.eh:before, i.flag.western.sahara:before {
  background-position: 0 -1664px; }

i.flag.england:before, i.flag.gb.eng:before {
  background-position: 0 -1690px; }

i.flag.er:before, i.flag.eritrea:before {
  background-position: 0 -1716px; }

i.flag.es:before, i.flag.spain:before {
  background-position: 0 -1742px; }

i.flag.et:before, i.flag.ethiopia:before {
  background-position: 0 -1768px; }

i.flag.eu:before, i.flag.european.union:before {
  background-position: 0 -1794px; }

i.flag.fi:before, i.flag.finland:before {
  background-position: 0 -1846px; }

i.flag.fiji:before, i.flag.fj:before {
  background-position: 0 -1872px; }

i.flag.falkland.islands:before, i.flag.fk:before {
  background-position: 0 -1898px; }

i.flag.fm:before, i.flag.micronesia:before {
  background-position: 0 -1924px; }

i.flag.faroe.islands:before, i.flag.fo:before {
  background-position: 0 -1950px; }

i.flag.fr:before, i.flag.france:before {
  background-position: 0 -1976px; }

i.flag.ga:before, i.flag.gabon:before {
  background-position: -36px 0; }

i.flag.gb:before, i.flag.united.kingdom:before {
  background-position: -36px -26px; }

i.flag.gd:before, i.flag.grenada:before {
  background-position: -36px -52px; }

i.flag.ge:before, i.flag.georgia:before {
  background-position: -36px -78px; }

i.flag.french.guiana:before, i.flag.gf:before {
  background-position: -36px -104px; }

i.flag.gh:before, i.flag.ghana:before {
  background-position: -36px -130px; }

i.flag.gi:before, i.flag.gibraltar:before {
  background-position: -36px -156px; }

i.flag.gl:before, i.flag.greenland:before {
  background-position: -36px -182px; }

i.flag.gambia:before, i.flag.gm:before {
  background-position: -36px -208px; }

i.flag.gn:before, i.flag.guinea:before {
  background-position: -36px -234px; }

i.flag.gp:before, i.flag.guadeloupe:before {
  background-position: -36px -260px; }

i.flag.equatorial.guinea:before, i.flag.gq:before {
  background-position: -36px -286px; }

i.flag.gr:before, i.flag.greece:before {
  background-position: -36px -312px; }

i.flag.gs:before, i.flag.sandwich.islands:before {
  background-position: -36px -338px; }

i.flag.gt:before, i.flag.guatemala:before {
  background-position: -36px -364px; }

i.flag.gu:before, i.flag.guam:before {
  background-position: -36px -390px; }

i.flag.guinea-bissau:before, i.flag.gw:before {
  background-position: -36px -416px; }

i.flag.guyana:before, i.flag.gy:before {
  background-position: -36px -442px; }

i.flag.hk:before, i.flag.hong.kong:before {
  background-position: -36px -468px; }

i.flag.heard.island:before, i.flag.hm:before {
  background-position: -36px -494px; }

i.flag.hn:before, i.flag.honduras:before {
  background-position: -36px -520px; }

i.flag.croatia:before, i.flag.hr:before {
  background-position: -36px -546px; }

i.flag.haiti:before, i.flag.ht:before {
  background-position: -36px -572px; }

i.flag.hu:before, i.flag.hungary:before {
  background-position: -36px -598px; }

i.flag.id:before, i.flag.indonesia:before {
  background-position: -36px -624px; }

i.flag.ie:before, i.flag.ireland:before {
  background-position: -36px -650px; }

i.flag.in:before, i.flag.india:before {
  background-position: -36px -702px; }

i.flag.indian.ocean.territory:before, i.flag.io:before {
  background-position: -36px -728px; }

i.flag.iq:before, i.flag.iraq:before {
  background-position: -36px -754px; }

i.flag.ir:before, i.flag.iran:before {
  background-position: -36px -780px; }

i.flag.iceland:before, i.flag.is:before {
  background-position: -36px -806px; }

i.flag.it:before, i.flag.italy:before {
  background-position: -36px -832px; }

i.flag.jamaica:before, i.flag.jm:before {
  background-position: -36px -858px; }

i.flag.jo:before, i.flag.jordan:before {
  background-position: -36px -884px; }

i.flag.japan:before, i.flag.jp:before {
  background-position: -36px -910px; }

i.flag.ke:before, i.flag.kenya:before {
  background-position: -36px -936px; }

i.flag.kg:before, i.flag.kyrgyzstan:before {
  background-position: -36px -962px; }

i.flag.cambodia:before, i.flag.kh:before {
  background-position: -36px -988px; }

i.flag.ki:before, i.flag.kiribati:before {
  background-position: -36px -1014px; }

i.flag.comoros:before, i.flag.km:before {
  background-position: -36px -1040px; }

i.flag.kn:before, i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px; }

i.flag.kp:before, i.flag.north.korea:before {
  background-position: -36px -1092px; }

i.flag.kr:before, i.flag.south.korea:before {
  background-position: -36px -1118px; }

i.flag.kuwait:before, i.flag.kw:before {
  background-position: -36px -1144px; }

i.flag.cayman.islands:before, i.flag.ky:before {
  background-position: -36px -1170px; }

i.flag.kazakhstan:before, i.flag.kz:before {
  background-position: -36px -1196px; }

i.flag.la:before, i.flag.laos:before {
  background-position: -36px -1222px; }

i.flag.lb:before, i.flag.lebanon:before {
  background-position: -36px -1248px; }

i.flag.lc:before, i.flag.saint.lucia:before {
  background-position: -36px -1274px; }

i.flag.li:before, i.flag.liechtenstein:before {
  background-position: -36px -1300px; }

i.flag.lk:before, i.flag.sri.lanka:before {
  background-position: -36px -1326px; }

i.flag.liberia:before, i.flag.lr:before {
  background-position: -36px -1352px; }

i.flag.lesotho:before, i.flag.ls:before {
  background-position: -36px -1378px; }

i.flag.lithuania:before, i.flag.lt:before {
  background-position: -36px -1404px; }

i.flag.lu:before, i.flag.luxembourg:before {
  background-position: -36px -1430px; }

i.flag.latvia:before, i.flag.lv:before {
  background-position: -36px -1456px; }

i.flag.libya:before, i.flag.ly:before {
  background-position: -36px -1482px; }

i.flag.ma:before, i.flag.morocco:before {
  background-position: -36px -1508px; }

i.flag.mc:before, i.flag.monaco:before {
  background-position: -36px -1534px; }

i.flag.md:before, i.flag.moldova:before {
  background-position: -36px -1560px; }

i.flag.me:before, i.flag.montenegro:before {
  background-position: -36px -1586px; }

i.flag.madagascar:before, i.flag.mg:before {
  background-position: -36px -1613px; }

i.flag.marshall.islands:before, i.flag.mh:before {
  background-position: -36px -1639px; }

i.flag.macedonia:before, i.flag.mk:before {
  background-position: -36px -1665px; }

i.flag.mali:before, i.flag.ml:before {
  background-position: -36px -1691px; }

i.flag.burma:before, i.flag.mm:before, i.flag.myanmar:before {
  background-position: -73px -1821px; }

i.flag.mn:before, i.flag.mongolia:before {
  background-position: -36px -1743px; }

i.flag.macau:before, i.flag.mo:before {
  background-position: -36px -1769px; }

i.flag.mp:before, i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px; }

i.flag.martinique:before, i.flag.mq:before {
  background-position: -36px -1821px; }

i.flag.mauritania:before, i.flag.mr:before {
  background-position: -36px -1847px; }

i.flag.montserrat:before, i.flag.ms:before {
  background-position: -36px -1873px; }

i.flag.malta:before, i.flag.mt:before {
  background-position: -36px -1899px; }

i.flag.mauritius:before, i.flag.mu:before {
  background-position: -36px -1925px; }

i.flag.maldives:before, i.flag.mv:before {
  background-position: -36px -1951px; }

i.flag.malawi:before, i.flag.mw:before {
  background-position: -36px -1977px; }

i.flag.mexico:before, i.flag.mx:before {
  background-position: -72px 0; }

i.flag.malaysia:before, i.flag.my:before {
  background-position: -72px -26px; }

i.flag.mozambique:before, i.flag.mz:before {
  background-position: -72px -52px; }

i.flag.na:before, i.flag.namibia:before {
  background-position: -72px -78px; }

i.flag.nc:before, i.flag.new.caledonia:before {
  background-position: -72px -104px; }

i.flag.ne:before, i.flag.niger:before {
  background-position: -72px -130px; }

i.flag.nf:before, i.flag.norfolk.island:before {
  background-position: -72px -156px; }

i.flag.ng:before, i.flag.nigeria:before {
  background-position: -72px -182px; }

i.flag.ni:before, i.flag.nicaragua:before {
  background-position: -72px -208px; }

i.flag.netherlands:before, i.flag.nl:before {
  background-position: -72px -234px; }

i.flag.no:before, i.flag.norway:before {
  background-position: -72px -260px; }

i.flag.nepal:before, i.flag.np:before {
  background-position: -72px -286px; }

i.flag.nauru:before, i.flag.nr:before {
  background-position: -72px -312px; }

i.flag.niue:before, i.flag.nu:before {
  background-position: -72px -338px; }

i.flag.new.zealand:before, i.flag.nz:before {
  background-position: -72px -364px; }

i.flag.om:before, i.flag.oman:before {
  background-position: -72px -390px; }

i.flag.pa:before, i.flag.panama:before {
  background-position: -72px -416px; }

i.flag.pe:before, i.flag.peru:before {
  background-position: -72px -442px; }

i.flag.french.polynesia:before, i.flag.pf:before {
  background-position: -72px -468px; }

i.flag.new.guinea:before, i.flag.pg:before {
  background-position: -72px -494px; }

i.flag.ph:before, i.flag.philippines:before {
  background-position: -72px -520px; }

i.flag.pakistan:before, i.flag.pk:before {
  background-position: -72px -546px; }

i.flag.pl:before, i.flag.poland:before {
  background-position: -72px -572px; }

i.flag.pm:before, i.flag.saint.pierre:before {
  background-position: -72px -598px; }

i.flag.pitcairn.islands:before, i.flag.pn:before {
  background-position: -72px -624px; }

i.flag.pr:before, i.flag.puerto.rico:before {
  background-position: -72px -650px; }

i.flag.palestine:before, i.flag.ps:before {
  background-position: -72px -676px; }

i.flag.portugal:before, i.flag.pt:before {
  background-position: -72px -702px; }

i.flag.palau:before, i.flag.pw:before {
  background-position: -72px -728px; }

i.flag.paraguay:before, i.flag.py:before {
  background-position: -72px -754px; }

i.flag.qa:before, i.flag.qatar:before {
  background-position: -72px -780px; }

i.flag.re:before, i.flag.reunion:before {
  background-position: -72px -806px; }

i.flag.ro:before, i.flag.romania:before {
  background-position: -72px -832px; }

i.flag.rs:before, i.flag.serbia:before {
  background-position: -72px -858px; }

i.flag.ru:before, i.flag.russia:before {
  background-position: -72px -884px; }

i.flag.rw:before, i.flag.rwanda:before {
  background-position: -72px -910px; }

i.flag.sa:before, i.flag.saudi.arabia:before {
  background-position: -72px -936px; }

i.flag.sb:before, i.flag.solomon.islands:before {
  background-position: -72px -962px; }

i.flag.sc:before, i.flag.seychelles:before {
  background-position: -72px -988px; }

i.flag.gb.sct:before, i.flag.scotland:before {
  background-position: -72px -1014px; }

i.flag.sd:before, i.flag.sudan:before {
  background-position: -72px -1040px; }

i.flag.se:before, i.flag.sweden:before {
  background-position: -72px -1066px; }

i.flag.sg:before, i.flag.singapore:before {
  background-position: -72px -1092px; }

i.flag.saint.helena:before, i.flag.sh:before {
  background-position: -72px -1118px; }

i.flag.si:before, i.flag.slovenia:before {
  background-position: -72px -1144px; }

i.flag.jan.mayen:before, i.flag.sj:before, i.flag.svalbard:before {
  background-position: -72px -1170px; }

i.flag.sk:before, i.flag.slovakia:before {
  background-position: -72px -1196px; }

i.flag.sierra.leone:before, i.flag.sl:before {
  background-position: -72px -1222px; }

i.flag.san.marino:before, i.flag.sm:before {
  background-position: -72px -1248px; }

i.flag.senegal:before, i.flag.sn:before {
  background-position: -72px -1274px; }

i.flag.so:before, i.flag.somalia:before {
  background-position: -72px -1300px; }

i.flag.sr:before, i.flag.suriname:before {
  background-position: -72px -1326px; }

i.flag.sao.tome:before, i.flag.st:before {
  background-position: -72px -1352px; }

i.flag.el.salvador:before, i.flag.sv:before {
  background-position: -72px -1378px; }

i.flag.sy:before, i.flag.syria:before {
  background-position: -72px -1404px; }

i.flag.swaziland:before, i.flag.sz:before {
  background-position: -72px -1430px; }

i.flag.caicos.islands:before, i.flag.tc:before {
  background-position: -72px -1456px; }

i.flag.chad:before, i.flag.td:before {
  background-position: -72px -1482px; }

i.flag.french.territories:before, i.flag.tf:before {
  background-position: -72px -1508px; }

i.flag.tg:before, i.flag.togo:before {
  background-position: -72px -1534px; }

i.flag.th:before, i.flag.thailand:before {
  background-position: -72px -1560px; }

i.flag.tajikistan:before, i.flag.tj:before {
  background-position: -72px -1586px; }

i.flag.tk:before, i.flag.tokelau:before {
  background-position: -72px -1612px; }

i.flag.timorleste:before, i.flag.tl:before {
  background-position: -72px -1638px; }

i.flag.tm:before, i.flag.turkmenistan:before {
  background-position: -72px -1664px; }

i.flag.tn:before, i.flag.tunisia:before {
  background-position: -72px -1690px; }

i.flag.to:before, i.flag.tonga:before {
  background-position: -72px -1716px; }

i.flag.tr:before, i.flag.turkey:before {
  background-position: -72px -1742px; }

i.flag.trinidad:before, i.flag.tt:before {
  background-position: -72px -1768px; }

i.flag.tuvalu:before, i.flag.tv:before {
  background-position: -72px -1794px; }

i.flag.taiwan:before, i.flag.tw:before {
  background-position: -72px -1820px; }

i.flag.tanzania:before, i.flag.tz:before {
  background-position: -72px -1846px; }

i.flag.ua:before, i.flag.ukraine:before {
  background-position: -72px -1872px; }

i.flag.ug:before, i.flag.uganda:before {
  background-position: -72px -1898px; }

i.flag.um:before, i.flag.us.minor.islands:before {
  background-position: -72px -1924px; }

i.flag.america:before, i.flag.united.states:before, i.flag.us:before {
  background-position: -72px -1950px; }

i.flag.uruguay:before, i.flag.uy:before {
  background-position: -72px -1976px; }

i.flag.uz:before, i.flag.uzbekistan:before {
  background-position: -108px 0; }

i.flag.va:before, i.flag.vatican.city:before {
  background-position: -108px -26px; }

i.flag.saint.vincent:before, i.flag.vc:before {
  background-position: -108px -52px; }

i.flag.ve:before, i.flag.venezuela:before {
  background-position: -108px -78px; }

i.flag.british.virgin.islands:before, i.flag.vg:before {
  background-position: -108px -104px; }

i.flag.us.virgin.islands:before, i.flag.vi:before {
  background-position: -108px -130px; }

i.flag.vietnam:before, i.flag.vn:before {
  background-position: -108px -156px; }

i.flag.vanuatu:before, i.flag.vu:before {
  background-position: -108px -182px; }

i.flag.gb.wls:before, i.flag.wales:before {
  background-position: -108px -208px; }

i.flag.wallis.and.futuna:before, i.flag.wf:before {
  background-position: -108px -234px; }

i.flag.samoa:before, i.flag.ws:before {
  background-position: -108px -260px; }

i.flag.ye:before, i.flag.yemen:before {
  background-position: -108px -286px; }

i.flag.mayotte:before, i.flag.yt:before {
  background-position: -108px -312px; }

i.flag.south.africa:before, i.flag.za:before {
  background-position: -108px -338px; }

i.flag.zambia:before, i.flag.zm:before {
  background-position: -108px -364px; }

i.flag.zimbabwe:before, i.flag.zw:before {
  background-position: -108px -390px; }

i.flag.cn {
  min-width: initial; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

.rtl #nprogress .bar {
  left: initial;
  right: 0; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

#nprogress .peg {
  left: initial;
  right: 0px; }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

.rtl #nprogress .spinner {
  right: initial;
  left: 15px; }

.siftal #nprogress .spinner {
  right: 50px; }

.rtl.siftal #nprogress .spinner {
  right: initial;
  left: 50px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.rtl #nprogress .spinner-icon {
  border-right-color: #29d;
  border-left-color: transparent; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes alerty2-show {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes alerty2-show {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes alerty2-hide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@keyframes alerty2-hide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; } }
@-webkit-keyframes alerty2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0; }
  54% {
    top: 1.0625em;
    left: .125em;
    width: 0; }
  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% {
    top: 2.8125em;
    left: .875em;
    width: 1.5625em; } }
@keyframes alerty2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0; }
  54% {
    top: 1.0625em;
    left: .125em;
    width: 0; }
  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em; }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em; }
  100% {
    top: 2.8125em;
    left: .875em;
    width: 1.5625em; } }
@-webkit-keyframes alerty2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em; } }
@keyframes alerty2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0; }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em; }
  100% {
    top: 2.375em;
    right: .5em;
    width: 2.9375em; } }
@-webkit-keyframes alerty2-rotate-success-circular-line {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }
@keyframes alerty2-rotate-success-circular-line {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg); } }
@-webkit-keyframes alerty2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  50% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  80% {
    margin-top: -.375em;
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    margin-top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes alerty2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  50% {
    margin-top: 1.625em;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0; }
  80% {
    margin-top: -.375em;
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    margin-top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes alerty2-animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }
@keyframes alerty2-animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1; } }
body.alerty2-toast-shown .alerty2-container {
  position: fixed;
  background-color: transparent; }

body.alerty2-toast-shown .alerty2-container.alerty2-shown {
  background-color: transparent; }

body.alerty2-toast-shown .alerty2-container.alerty2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

body.alerty2-toast-shown .alerty2-container.alerty2-top-end, body.alerty2-toast-shown .alerty2-container.alerty2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto; }

body.alerty2-toast-shown .alerty2-container.alerty2-top-start, body.alerty2-toast-shown .alerty2-container.alerty2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0; }

body.alerty2-toast-shown .alerty2-container.alerty2-center-start, body.alerty2-toast-shown .alerty2-container.alerty2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

body.alerty2-toast-shown .alerty2-container.alerty2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

body.alerty2-toast-shown .alerty2-container.alerty2-center-end, body.alerty2-toast-shown .alerty2-container.alerty2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

body.alerty2-toast-shown .alerty2-container.alerty2-bottom-start, body.alerty2-toast-shown .alerty2-container.alerty2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0; }

body.alerty2-toast-shown .alerty2-container.alerty2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

body.alerty2-toast-shown .alerty2-container.alerty2-bottom-end, body.alerty2-toast-shown .alerty2-container.alerty2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto; }

body.alerty2-toast-column .alerty2-toast {
  flex-direction: column;
  align-items: stretch; }

body.alerty2-toast-column .alerty2-toast .alerty2-actions {
  flex: 1;
  align-self: stretch;
  height: 2.2em;
  margin-top: .3125em; }

body.alerty2-toast-column .alerty2-toast .alerty2-loading {
  justify-content: center; }

body.alerty2-toast-column .alerty2-toast .alerty2-input {
  height: 2em;
  margin: .3125em auto;
  font-size: 1em; }

body.alerty2-toast-column .alerty2-toast .alerty2-validation-message {
  font-size: 1em; }

body.siftal.alerty2-toast-shown .alerty2-container.alerty2-top-end, body.siftal.alerty2-toast-shown .alerty2-container.alerty2-top-right {
  top: 50px; }

body.siftal.alerty2-toast-shown .alerty2-container.alerty2-top-start, body.siftal.alerty2-toast-shown .alerty2-container.alerty2-top-left {
  top: 50px; }

body.rtl.alerty2-toast-shown .alerty2-container.alerty2-top-end, body.rtl.alerty2-toast-shown .alerty2-container.alerty2-top-right {
  right: auto;
  left: 0; }

body.rtl.alerty2-toast-shown .alerty2-container.alerty2-top-start, body.rtl.alerty2-toast-shown .alerty2-container.alerty2-top-left {
  right: 0;
  left: auto; }

.alerty2-popup.alerty2-toast {
  flex-direction: row;
  align-items: center;
  width: auto;
  padding: .625em;
  box-shadow: 0 0 .625em #d9d9d9;
  overflow-y: hidden; }

.alerty2-popup.alerty2-toast .alerty2-header {
  flex-direction: row; }

.alerty2-popup.alerty2-toast .alerty2-title {
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 .6em;
  font-size: 1em; }

.alerty2-popup.alerty2-toast .alerty2-footer {
  margin: .5em 0 0;
  padding: .5em 0 0;
  font-size: .8em; }

.alerty2-popup.alerty2-toast .alerty2-close {
  position: initial;
  width: .8em;
  height: .8em;
  line-height: .8; }

.alerty2-popup.alerty2-toast .alerty2-content {
  justify-content: flex-start;
  font-size: 1em; }

.alerty2-popup.alerty2-toast .alerty2-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0; }

.alerty2-popup.alerty2-toast .alerty2-icon-text {
  font-size: 2em;
  font-weight: 700;
  line-height: 1em; }

.alerty2-popup.alerty2-toast .alerty2-icon.alerty2-success .alerty2-success-ring {
  width: 2em;
  height: 2em; }

.alerty2-popup.alerty2-toast .alerty2-icon.alerty2-error [class^='alerty2-x-mark-line'] {
  top: .875em;
  width: 1.375em; }

.alerty2-popup.alerty2-toast .alerty2-icon.alerty2-error [class^='alerty2-x-mark-line'][class$='left'] {
  left: .3125em; }

.alerty2-popup.alerty2-toast .alerty2-icon.alerty2-error [class^='alerty2-x-mark-line'][class$='right'] {
  right: .3125em; }

.alerty2-popup.alerty2-toast .alerty2-actions {
  height: auto;
  margin: 0 .3125em; }

.alerty2-popup.alerty2-toast .alerty2-styled {
  margin: 0 .3125em;
  padding: .3125em .625em;
  font-size: 1em; }

.alerty2-popup.alerty2-toast .alerty2-styled:focus {
  box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); }

.alerty2-popup.alerty2-toast .alerty2-success {
  border-color: #a5dc86; }

.alerty2-popup.alerty2-toast .alerty2-success [class^='alerty2-success-circular-line'] {
  position: absolute;
  width: 2em;
  height: 2.8125em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 50%; }

.alerty2-popup.alerty2-toast .alerty2-success [class^='alerty2-success-circular-line'][class$='left'] {
  top: -.25em;
  left: -.9375em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 2em 2em;
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em; }

.alerty2-popup.alerty2-toast .alerty2-success [class^='alerty2-success-circular-line'][class$='right'] {
  top: -.25em;
  left: .9375em;
  -webkit-transform-origin: 0 2em;
  transform-origin: 0 2em;
  border-radius: 0 4em 4em 0; }

.alerty2-popup.alerty2-toast .alerty2-success .alerty2-success-ring {
  width: 2em;
  height: 2em; }

.alerty2-popup.alerty2-toast .alerty2-success .alerty2-success-fix {
  top: 0;
  left: .4375em;
  width: .4375em;
  height: 2.6875em; }

.alerty2-popup.alerty2-toast .alerty2-success [class^='alerty2-success-line'] {
  height: .3125em; }

.alerty2-popup.alerty2-toast .alerty2-success [class^='alerty2-success-line'][class$='tip'] {
  top: 1.125em;
  left: .1875em;
  width: .75em; }

.alerty2-popup.alerty2-toast .alerty2-success [class^='alerty2-success-line'][class$='long'] {
  top: .9375em;
  right: .1875em;
  width: 1.375em; }

.alerty2-popup.alerty2-toast.alerty2-show {
  -webkit-animation: showAlertToast .5s;
  animation: showAlertToast .5s; }

.alerty2-popup.alerty2-toast.alerty2-hide {
  -webkit-animation: hideAlertToast .2s forwards;
  animation: hideAlertToast .2s forwards; }

.alerty2-popup.alerty2-toast .alerty2-animate-success-icon .alerty2-success-line-tip {
  -webkit-animation: animate-toast-success-tip .75s;
  animation: animate-toast-success-tip .75s; }

.alerty2-popup.alerty2-toast .alerty2-animate-success-icon .alerty2-success-line-long {
  -webkit-animation: animate-toast-success-long .75s;
  animation: animate-toast-success-long .75s; }

@-webkit-keyframes showAlertToast {
  0% {
    -webkit-transform: translateY(-0.625em) rotateZ(2deg);
    transform: translateY(-0.625em) rotateZ(2deg);
    opacity: 0; }
  33% {
    -webkit-transform: translateY(0) rotateZ(-2deg);
    transform: translateY(0) rotateZ(-2deg);
    opacity: .5; }
  66% {
    -webkit-transform: translateY(0.3125em) rotateZ(2deg);
    transform: translateY(0.3125em) rotateZ(2deg);
    opacity: .7; }
  100% {
    -webkit-transform: translateY(0) rotateZ(0);
    transform: translateY(0) rotateZ(0);
    opacity: 1; } }
@keyframes showAlertToast {
  0% {
    -webkit-transform: translateY(-0.625em) rotateZ(2deg);
    transform: translateY(-0.625em) rotateZ(2deg);
    opacity: 0; }
  33% {
    -webkit-transform: translateY(0) rotateZ(-2deg);
    transform: translateY(0) rotateZ(-2deg);
    opacity: .5; }
  66% {
    -webkit-transform: translateY(0.3125em) rotateZ(2deg);
    transform: translateY(0.3125em) rotateZ(2deg);
    opacity: .7; }
  100% {
    -webkit-transform: translateY(0) rotateZ(0);
    transform: translateY(0) rotateZ(0);
    opacity: 1; } }
@-webkit-keyframes hideAlertToast {
  0% {
    opacity: 1; }
  33% {
    opacity: .5; }
  100% {
    -webkit-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
    opacity: 0; } }
@keyframes hideAlertToast {
  0% {
    opacity: 1; }
  33% {
    opacity: .5; }
  100% {
    -webkit-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
    opacity: 0; } }
@-webkit-keyframes animate-toast-success-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0; }
  54% {
    top: .125em;
    left: .125em;
    width: 0; }
  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em; }
  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em; }
  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em; } }
@keyframes animate-toast-success-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0; }
  54% {
    top: .125em;
    left: .125em;
    width: 0; }
  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em; }
  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em; }
  100% {
    top: 1.125em;
    left: .1875em;
    width: .75em; } }
@-webkit-keyframes animate-toast-success-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% {
    top: 1.25em;
    right: .9375em;
    width: 0; }
  84% {
    top: .9375em;
    right: 0;
    width: 1.125em; }
  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em; } }
@keyframes animate-toast-success-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0; }
  65% {
    top: 1.25em;
    right: .9375em;
    width: 0; }
  84% {
    top: .9375em;
    right: 0;
    width: 1.125em; }
  100% {
    top: .9375em;
    right: .1875em;
    width: 1.375em; } }
body.alerty2-shown:not(.alerty2-no-backdrop):not(.alerty2-toast-shown) {
  overflow: hidden; }

body.alerty2-height-auto {
  height: auto !important; }

body.alerty2-no-backdrop .alerty2-shown {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  background-color: transparent; }

body.alerty2-no-backdrop .alerty2-shown > .alerty2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

body.alerty2-no-backdrop .alerty2-shown.alerty2-top {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

body.alerty2-no-backdrop .alerty2-shown.alerty2-top-start, body.alerty2-no-backdrop .alerty2-shown.alerty2-top-left {
  top: 0;
  left: 0; }

body.alerty2-no-backdrop .alerty2-shown.alerty2-top-end, body.alerty2-no-backdrop .alerty2-shown.alerty2-top-right {
  top: 0;
  right: 0; }

body.alerty2-no-backdrop .alerty2-shown.alerty2-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

body.alerty2-no-backdrop .alerty2-shown.alerty2-center-start, body.alerty2-no-backdrop .alerty2-shown.alerty2-center-left {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

body.alerty2-no-backdrop .alerty2-shown.alerty2-center-end, body.alerty2-no-backdrop .alerty2-shown.alerty2-center-right {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

body.alerty2-no-backdrop .alerty2-shown.alerty2-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

body.alerty2-no-backdrop .alerty2-shown.alerty2-bottom-start, body.alerty2-no-backdrop .alerty2-shown.alerty2-bottom-left {
  bottom: 0;
  left: 0; }

body.alerty2-no-backdrop .alerty2-shown.alerty2-bottom-end, body.alerty2-no-backdrop .alerty2-shown.alerty2-bottom-right {
  right: 0;
  bottom: 0; }

.alerty2-container {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: transparent;
  z-index: 1060;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

.alerty2-container.alerty2-top {
  align-items: flex-start; }

.alerty2-container.alerty2-top-start, .alerty2-container.alerty2-top-left {
  align-items: flex-start;
  justify-content: flex-start; }

.alerty2-container.alerty2-top-end, .alerty2-container.alerty2-top-right {
  align-items: flex-start;
  justify-content: flex-end; }

.alerty2-container.alerty2-center {
  align-items: center; }

.alerty2-container.alerty2-center-start, .alerty2-container.alerty2-center-left {
  align-items: center;
  justify-content: flex-start; }

.alerty2-container.alerty2-center-end, .alerty2-container.alerty2-center-right {
  align-items: center;
  justify-content: flex-end; }

.alerty2-container.alerty2-bottom {
  align-items: flex-end; }

.alerty2-container.alerty2-bottom-start, .alerty2-container.alerty2-bottom-left {
  align-items: flex-end;
  justify-content: flex-start; }

.alerty2-container.alerty2-bottom-end, .alerty2-container.alerty2-bottom-right {
  align-items: flex-end;
  justify-content: flex-end; }

.alerty2-container.alerty2-grow-fullscreen > .alerty2-modal {
  display: flex !important;
  flex: 1;
  align-self: stretch;
  justify-content: center; }

.alerty2-container.alerty2-grow-row > .alerty2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center; }

.alerty2-container.alerty2-grow-column {
  flex: 1;
  flex-direction: column; }

.alerty2-container.alerty2-grow-column.alerty2-top, .alerty2-container.alerty2-grow-column.alerty2-center, .alerty2-container.alerty2-grow-column.alerty2-bottom {
  align-items: center; }

.alerty2-container.alerty2-grow-column.alerty2-top-start, .alerty2-container.alerty2-grow-column.alerty2-center-start, .alerty2-container.alerty2-grow-column.alerty2-bottom-start, .alerty2-container.alerty2-grow-column.alerty2-top-left, .alerty2-container.alerty2-grow-column.alerty2-center-left, .alerty2-container.alerty2-grow-column.alerty2-bottom-left {
  align-items: flex-start; }

.alerty2-container.alerty2-grow-column.alerty2-top-end, .alerty2-container.alerty2-grow-column.alerty2-center-end, .alerty2-container.alerty2-grow-column.alerty2-bottom-end, .alerty2-container.alerty2-grow-column.alerty2-top-right, .alerty2-container.alerty2-grow-column.alerty2-center-right, .alerty2-container.alerty2-grow-column.alerty2-bottom-right {
  align-items: flex-end; }

.alerty2-container.alerty2-grow-column > .alerty2-modal {
  display: flex !important;
  flex: 1;
  align-content: center;
  justify-content: center; }

.alerty2-container:not(.alerty2-top):not(.alerty2-top-start):not(.alerty2-top-end):not(.alerty2-top-left):not(.alerty2-top-right):not(.alerty2-center-start):not(.alerty2-center-end):not(.alerty2-center-left):not(.alerty2-center-right):not(.alerty2-bottom):not(.alerty2-bottom-start):not(.alerty2-bottom-end):not(.alerty2-bottom-left):not(.alerty2-bottom-right):not(.alerty2-grow-fullscreen) > .alerty2-modal {
  margin: auto; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .alerty2-container .alerty2-modal {
    margin: 0 !important; } }
.alerty2-container.alerty2-fade {
  transition: background-color .1s; }

.alerty2-container.alerty2-shown {
  background-color: rgba(0, 0, 0, 0.4); }

.alerty2-popup {
  display: none;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 32em;
  max-width: 100%;
  padding: 1.25em;
  border-radius: .3125em;
  background: #fff;
  font-family: inherit;
  font-size: 1.4rem;
  box-sizing: border-box; }

.alerty2-popup:focus {
  outline: none; }

.alerty2-popup.alerty2-loading {
  overflow-y: hidden; }

.alerty2-popup .alerty2-header {
  display: flex;
  flex-direction: column;
  align-items: center; }

.alerty2-popup .alerty2-title {
  display: block;
  position: relative;
  max-width: 100%;
  margin: 0 0 .4em;
  padding: 0;
  color: #595959;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word; }

.alerty2-popup .alerty2-actions {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 1.25em auto 0;
  z-index: 1; }

.alerty2-popup .alerty2-actions:not(.alerty2-loading) .alerty2-styled[disabled] {
  opacity: .4; }

.alerty2-popup .alerty2-actions:not(.alerty2-loading) .alerty2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.alerty2-popup .alerty2-actions:not(.alerty2-loading) .alerty2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.alerty2-popup .alerty2-actions.alerty2-loading .alerty2-styled.alerty2-confirm {
  width: 2.5em;
  height: 2.5em;
  margin: .46875em;
  padding: 0;
  border: .25em solid transparent;
  border-radius: 100%;
  border-color: transparent;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  box-sizing: border-box;
  -webkit-animation: alerty2-rotate-loading 1.5s linear 0 infinite normal;
  animation: alerty2-rotate-loading 1.5s linear 0 infinite normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.alerty2-popup .alerty2-actions.alerty2-loading .alerty2-styled.alerty2-cancel {
  margin-right: 30px;
  margin-left: 30px; }

.alerty2-popup .alerty2-actions.alerty2-loading :not(.alerty2-styled).alerty2-confirm::after {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  border: 3px solid #999;
  border-radius: 50%;
  border-right-color: transparent;
  box-shadow: 1px 1px 1px #fff;
  content: '';
  -webkit-animation: alerty2-rotate-loading 1.5s linear 0 infinite normal;
  animation: alerty2-rotate-loading 1.5s linear 0 infinite normal; }

.alerty2-popup .alerty2-styled {
  margin: .3125em;
  padding: .625em 2em;
  font-weight: 500;
  box-shadow: none; }

.alerty2-popup .alerty2-styled:not([disabled]) {
  cursor: pointer; }

.alerty2-popup .alerty2-styled.alerty2-confirm {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #3085d6;
  color: #fff;
  font-size: 1.0625em; }

.alerty2-popup .alerty2-styled.alerty2-cancel {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #aaa;
  color: #fff;
  font-size: 1.0625em; }

.alerty2-popup .alerty2-styled:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); }

.alerty2-popup .alerty2-styled::-moz-focus-inner {
  border: 0; }

.alerty2-popup .alerty2-footer {
  justify-content: center;
  margin: 1.25em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #eee;
  color: #545454;
  font-size: 1em; }

.alerty2-popup .alerty2-image {
  max-width: 100%;
  margin: 1.25em auto; }

.alerty2-popup .alerty2-close {
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  transition: color .1s ease-out;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #ccc;
  font-family: serif;
  font-size: 2.5em;
  line-height: 1.2;
  cursor: pointer;
  overflow: hidden; }

.alerty2-popup .alerty2-close:hover {
  -webkit-transform: none;
  transform: none;
  color: #f27474; }

.alerty2-popup > .alerty2-input, .alerty2-popup > .alerty2-file, .alerty2-popup > .alerty2-textarea, .alerty2-popup > .alerty2-select, .alerty2-popup > .alerty2-radio, .alerty2-popup > .alerty2-checkbox {
  display: none; }

.alerty2-popup .alerty2-content {
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #545454;
  font-size: 1.125em;
  font-weight: 300;
  line-height: normal;
  z-index: 1;
  word-wrap: break-word; }

.alerty2-popup #alerty2-content {
  text-align: center; }

.alerty2-popup .alerty2-input, .alerty2-popup .alerty2-file, .alerty2-popup .alerty2-textarea, .alerty2-popup .alerty2-select, .alerty2-popup .alerty2-radio, .alerty2-popup .alerty2-checkbox {
  margin: 1em auto; }

.alerty2-popup .alerty2-input, .alerty2-popup .alerty2-file, .alerty2-popup .alerty2-textarea {
  width: 100%;
  transition: border-color .3s,box-shadow .3s;
  border: 1px solid #d9d9d9;
  border-radius: .1875em;
  font-size: 1.125em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  box-sizing: border-box; }

.alerty2-popup .alerty2-input.alerty2-inputerror, .alerty2-popup .alerty2-file.alerty2-inputerror, .alerty2-popup .alerty2-textarea.alerty2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important; }

.alerty2-popup .alerty2-input:focus, .alerty2-popup .alerty2-file:focus, .alerty2-popup .alerty2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: 0 0 3px #c4e6f5; }

.alerty2-popup .alerty2-input::-webkit-input-placeholder, .alerty2-popup .alerty2-file::-webkit-input-placeholder, .alerty2-popup .alerty2-textarea::-webkit-input-placeholder {
  color: #ccc; }

.alerty2-popup .alerty2-input:-ms-input-placeholder, .alerty2-popup .alerty2-file:-ms-input-placeholder, .alerty2-popup .alerty2-textarea:-ms-input-placeholder {
  color: #ccc; }

.alerty2-popup .alerty2-input::-ms-input-placeholder, .alerty2-popup .alerty2-file::-ms-input-placeholder, .alerty2-popup .alerty2-textarea::-ms-input-placeholder {
  color: #ccc; }

.alerty2-popup .alerty2-input::placeholder, .alerty2-popup .alerty2-file::placeholder, .alerty2-popup .alerty2-textarea::placeholder {
  color: #ccc; }

.alerty2-popup .alerty2-range input {
  width: 80%; }

.alerty2-popup .alerty2-range output {
  width: 20%;
  font-weight: 600;
  text-align: center; }

.alerty2-popup .alerty2-range input, .alerty2-popup .alerty2-range output {
  height: 2.625em;
  margin: 1em auto;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em; }

.alerty2-popup .alerty2-input {
  height: 2.625em;
  padding: 0 .75em; }

.alerty2-popup .alerty2-input[type='number'] {
  max-width: 10em; }

.alerty2-popup .alerty2-file {
  font-size: 1.125em; }

.alerty2-popup .alerty2-textarea {
  height: 6.75em;
  padding: .75em; }

.alerty2-popup .alerty2-select {
  min-width: 50%;
  max-width: 100%;
  padding: .375em .625em;
  color: #545454;
  font-size: 1.125em; }

.alerty2-popup .alerty2-radio, .alerty2-popup .alerty2-checkbox {
  align-items: center;
  justify-content: center; }

.alerty2-popup .alerty2-radio label, .alerty2-popup .alerty2-checkbox label {
  margin: 0 .6em;
  font-size: 1.125em; }

.alerty2-popup .alerty2-radio input, .alerty2-popup .alerty2-checkbox input {
  margin: 0 .4em; }

.alerty2-popup .alerty2-validation-message {
  display: none;
  align-items: center;
  justify-content: center;
  padding: .625em;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300;
  overflow: hidden; }

.alerty2-popup .alerty2-validation-message::before {
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 .625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
  content: '!';
  zoom: normal; }

.alerty2-range output {
  display: none; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .alerty2-range input {
    width: 100% !important; }

  .alerty2-range output {
    display: none; } }
.alerty2-icon {
  position: relative;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 1.25em auto 1.875em;
  border: .25em solid transparent;
  border-radius: 50%;
  line-height: 5em;
  cursor: default;
  box-sizing: content-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  zoom: normal; }

.alerty2-icon-text {
  font-size: 3.75em; }

.alerty2-icon.alerty2-error {
  border-color: #f27474; }

.alerty2-icon.alerty2-error .alerty2-x-mark {
  position: relative;
  flex-grow: 1; }

.alerty2-icon.alerty2-error [class^='alerty2-x-mark-line'] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: .3125em;
  border-radius: .125em;
  background-color: #f27474; }

.alerty2-icon.alerty2-error [class^='alerty2-x-mark-line'][class$='left'] {
  left: 1.0625em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.alerty2-icon.alerty2-error [class^='alerty2-x-mark-line'][class$='right'] {
  right: 1em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.alerty2-icon.alerty2-warning {
  border-color: #facea8;
  color: #f8bb86; }

.alerty2-icon.alerty2-info {
  border-color: #9de0f6;
  color: #3fc3ee; }

.alerty2-icon.alerty2-question {
  border-color: #c9dae1;
  color: #87adbd; }

.alerty2-icon.alerty2-success {
  border-color: #a5dc86; }

.alerty2-icon.alerty2-success [class^='alerty2-success-circular-line'] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 50%; }

.alerty2-icon.alerty2-success [class^='alerty2-success-circular-line'][class$='left'] {
  top: -.4375em;
  left: -2.0635em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 3.75em 3.75em;
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em; }

.alerty2-icon.alerty2-success [class^='alerty2-success-circular-line'][class$='right'] {
  top: -.6875em;
  left: 1.875em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 3.75em;
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0; }

.alerty2-icon.alerty2-success .alerty2-success-ring {
  position: absolute;
  top: -.25em;
  left: -.25em;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
  z-index: 2;
  box-sizing: content-box; }

.alerty2-icon.alerty2-success .alerty2-success-fix {
  position: absolute;
  top: .5em;
  left: 1.625em;
  width: .4375em;
  height: 5.625em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1; }

.alerty2-icon.alerty2-success [class^='alerty2-success-line'] {
  display: block;
  position: absolute;
  height: .3125em;
  border-radius: .125em;
  background-color: #a5dc86;
  z-index: 2; }

.alerty2-icon.alerty2-success [class^='alerty2-success-line'][class$='tip'] {
  top: 2.875em;
  left: .875em;
  width: 1.5625em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.alerty2-icon.alerty2-success [class^='alerty2-success-line'][class$='long'] {
  top: 2.375em;
  right: .5em;
  width: 2.9375em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.alerty2-progresssteps {
  align-items: center;
  margin: 0 0 1.25em;
  padding: 0;
  font-weight: 600; }

.alerty2-progresssteps li {
  display: inline-block;
  position: relative; }

.alerty2-progresssteps .alerty2-progresscircle {
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #3085d6;
  color: #fff;
  line-height: 2em;
  text-align: center;
  z-index: 20; }

.alerty2-progresssteps .alerty2-progresscircle:first-child {
  margin-left: 0; }

.alerty2-progresssteps .alerty2-progresscircle:last-child {
  margin-right: 0; }

.alerty2-progresssteps .alerty2-progresscircle.alerty2-activeprogressstep {
  background: #3085d6; }

.alerty2-progresssteps .alerty2-progresscircle.alerty2-activeprogressstep ~ .alerty2-progresscircle {
  background: #add8e6; }

.alerty2-progresssteps .alerty2-progresscircle.alerty2-activeprogressstep ~ .alerty2-progressline {
  background: #add8e6; }

.alerty2-progresssteps .alerty2-progressline {
  width: 2.5em;
  height: .4em;
  margin: 0 -1px;
  background: #3085d6;
  z-index: 10; }

[class^='alerty2'] {
  -webkit-tap-highlight-color: transparent; }

.alerty2-show {
  -webkit-animation: alerty2-show .3s;
  animation: alerty2-show .3s; }

.alerty2-show.alerty2-noanimation {
  -webkit-animation: none;
  animation: none; }

.alerty2-hide {
  -webkit-animation: alerty2-hide .15s forwards;
  animation: alerty2-hide .15s forwards; }

.alerty2-hide.alerty2-noanimation {
  -webkit-animation: none;
  animation: none; }

.alerty2-rtl .alerty2-close {
  right: auto;
  left: 0; }

.alerty2-animate-success-icon .alerty2-success-line-tip {
  -webkit-animation: alerty2-animate-success-line-tip .75s;
  animation: alerty2-animate-success-line-tip .75s; }

.alerty2-animate-success-icon .alerty2-success-line-long {
  -webkit-animation: alerty2-animate-success-line-long .75s;
  animation: alerty2-animate-success-line-long .75s; }

.alerty2-animate-success-icon .alerty2-success-circular-line-right {
  -webkit-animation: alerty2-rotate-success-circular-line 4.25s ease-in;
  animation: alerty2-rotate-success-circular-line 4.25s ease-in; }

.alerty2-animate-error-icon {
  -webkit-animation: alerty2-animate-error-icon .5s;
  animation: alerty2-animate-error-icon .5s; }

.alerty2-animate-error-icon .alerty2-x-mark {
  -webkit-animation: alerty2-animate-error-x-mark .5s;
  animation: alerty2-animate-error-x-mark .5s; }

@-webkit-keyframes alerty2-rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes alerty2-rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@media print {
  body.alerty2-shown:not(.alerty2-no-backdrop):not(.alerty2-toast-shown) {
    overflow-y: scroll !important; }

  body.alerty2-shown:not(.alerty2-no-backdrop):not(.alerty2-toast-shown) > [aria-hidden='true'] {
    display: none; }

  body.alerty2-shown:not(.alerty2-no-backdrop):not(.alerty2-toast-shown) .alerty2-container {
    position: initial !important; } }
[data-kerkere] {
  cursor: pointer; }

[data-kerkere-content] {
  display: block; }

[data-kerkere-content="hide"] {
  display: none; }

[data-kerkere-icon]::before {
  content: "\e026";
  font-family: "siftal","tahoma" !important;
  margin: 0 0.5em;
  vertical-align: middle; }

[data-kerkere-icon="open"]::before {
  content: "\e0c0"; }

[data-kerkere-icon="close"]::before {
  content: "\e0c2"; }

.rtl [data-kerkere-icon="close"]::before {
  content: "\e0c1"; }

[data-copy] {
  position: relative; }

[data-copy]::after {
  position: absolute;
  display: block;
  content: "copied";
  font-size: 0.9em;
  line-height: 2em;
  padding: 0 1em;
  color: #fff;
  background-color: #777;
  border-radius: 0.25rem;
  opacity: 0;
  transition: 0.2s; }

.copied[data-copy] {
  overflow: visible !important; }

.copied[data-copy]::after {
  opacity: 1; }

body.redirecting {
  background-color: #f0c000;
  overflow: hidden;
  min-height: 100%; }

body.redirecting .detail {
  font-family: IRANSans,"Segoe UI",Helvetica,sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 300px;
  margin: 0 auto;
  text-align: center; }

body.redirecting .detail h1 {
  text-transform: uppercase;
  font-weight: 700; }

[lang="fa"] body.redirecting .detail h1 {
  direction: rtl; }

body.redirecting .detail h2 {
  font-size: 0.9em;
  font-weight: 100; }

body.redirecting .detail h2 a {
  font-weight: 100; }

body.redirecting .jet {
  position: relative;
  margin: 150px auto 50px;
  height: 35px;
  width: 130px;
  animation: speeder .4s linear infinite; }

body.redirecting .jet > .base {
  position: relative;
  top: 20px; }

body.redirecting .jet > span {
  height: 5px;
  width: 35px;
  background: #000;
  position: absolute;
  top: 0;
  left: 60px;
  border-radius: 2px 10px 1px 0; }

body.redirecting .base span {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 100px solid #000;
  border-bottom: 6px solid transparent; }

body.redirecting .base span:before {
  content: "";
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  right: -110px;
  top: -16px; }

body.redirecting .base span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 55px solid #000;
  border-bottom: 16px solid transparent;
  top: -16px;
  right: -98px; }

body.redirecting .face {
  position: absolute;
  height: 12px;
  width: 20px;
  background: #000;
  border-radius: 20px 20px 0 0;
  transform: rotate(-40deg);
  left: 105px;
  top: -15px; }

body.redirecting .face:after {
  content: "";
  height: 12px;
  width: 12px;
  background: #000;
  right: 4px;
  top: 7px;
  position: absolute;
  transform: rotate(40deg);
  transform-origin: 50% 50%;
  border-radius: 0 0 0 2px; }

body.redirecting .jet > span > span:nth-child(1),
body.redirecting .jet > span > span:nth-child(2),
body.redirecting .jet > span > span:nth-child(3),
body.redirecting .jet > span > span:nth-child(4) {
  width: 30px;
  height: 1px;
  background: #000;
  position: absolute;
  animation: fazer1 .2s linear infinite; }

body.redirecting .jet > span > span:nth-child(2) {
  top: 3px;
  animation: fazer2 .4s linear infinite; }

body.redirecting .jet > span > span:nth-child(3) {
  top: 1px;
  animation: fazer3 .4s linear infinite;
  animation-delay: -1s; }

body.redirecting .jet > span > span:nth-child(4) {
  top: 4px;
  animation: fazer4 1s linear infinite;
  animation-delay: -1s; }

@keyframes fazer1 {
  0% {
    left: 0; }
  100% {
    left: -80px;
    opacity: 0; } }
@keyframes fazer2 {
  0% {
    left: 0; }
  100% {
    left: -100px;
    opacity: 0; } }
@keyframes fazer3 {
  0% {
    left: 0; }
  100% {
    left: -50px;
    opacity: 0; } }
@keyframes fazer4 {
  0% {
    left: 0; }
  100% {
    left: -150px;
    opacity: 0; } }
@keyframes speeder {
  0% {
    transform: translate(2px, 1px) rotate(0deg); }
  10% {
    transform: translate(-1px, -3px) rotate(-1deg); }
  20% {
    transform: translate(-2px, 0px) rotate(1deg); }
  30% {
    transform: translate(1px, 2px) rotate(0deg); }
  40% {
    transform: translate(1px, -1px) rotate(1deg); }
  50% {
    transform: translate(-1px, 3px) rotate(-1deg); }
  60% {
    transform: translate(-1px, 1px) rotate(0deg); }
  70% {
    transform: translate(3px, 1px) rotate(-1deg); }
  80% {
    transform: translate(-2px, -1px) rotate(1deg); }
  90% {
    transform: translate(2px, 1px) rotate(0deg); }
  100% {
    transform: translate(1px, -2px) rotate(-1deg); } }
body.redirecting .longfazers {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%; }

body.redirecting .longfazers span {
  position: absolute;
  height: 2px;
  width: 20%;
  background: #000; }

body.redirecting .longfazers span:nth-child(1) {
  top: 20%;
  animation: lf .6s linear infinite;
  animation-delay: -5s; }

body.redirecting .longfazers span:nth-child(2) {
  top: 40%;
  animation: lf2 .8s linear infinite;
  animation-delay: -1s; }

body.redirecting .longfazers span:nth-child(3) {
  top: 60%;
  animation: lf3 .6s linear infinite; }

body.redirecting .longfazers span:nth-child(4) {
  top: 80%;
  animation: lf4 .5s linear infinite;
  animation-delay: -3s; }

@keyframes lf {
  0% {
    left: 200%; }
  100% {
    left: -200%;
    opacity: 0; } }
@keyframes lf2 {
  0% {
    left: 200%; }
  100% {
    left: -200%;
    opacity: 0; } }
@keyframes lf3 {
  0% {
    left: 200%; }
  100% {
    left: -100%;
    opacity: 0; } }
@keyframes lf4 {
  0% {
    left: 200%; }
  100% {
    left: -100%;
    opacity: 0; } }
/* Initial CSS */
body.enter {
  background-color: #d7d8d8;
  background-image: url("../images/bg/1.jpg");
  background-repeat: repeat;
  background-size: cover;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: -moz-box !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  -moz-box-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  -moz-box-align: center !important;
  align-items: center !important;
  background-attachment: fixed;
  position: relative;
  min-height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

body.enter.bg1 {
  background-image: url("../images/bg/1.jpg"); }

body.enter.bg2 {
  background-image: url("../images/bg/2.jpg"); }

body.enter.bg3 {
  background-image: url("../images/bg/3.jpg"); }

body.enter.bg4 {
  background-image: url("../images/bg/4.jpg"); }

body.enter.bg5 {
  background-image: url("../images/bg/5.jpg"); }

body.enter.bg6 {
  background-image: url("../images/bg/6.jpg"); }

body.enter.bg7 {
  background-image: url("../images/bg/7.jpg"); }

body.enter.bg8 {
  background-image: url("../images/bg/8.jpg"); }

body.enter.bg9 {
  background-image: url("../images/bg/9.jpg"); }

body.enter.bg10 {
  background-image: url("../images/bg/10.jpg"); }

body.enter.bg11 {
  background-image: url("../images/bg/11.jpg"); }

body.enter.bg12 {
  background-image: url("../images/bg/12.jpg"); }

body.enter.bg12 {
  background-image: url("../images/bg/12.jpg"); }

body.enter.bg13 {
  background-image: url("../images/bg/13.jpg"); }

body.enter.bg14 {
  background-image: url("../images/bg/14.jpg"); }

body.enter.bg15 {
  background-image: url("../images/bg/15.jpg"); }

/* Layout */
.enter #enter {
  width: 20%;
  min-width: 380px;
  max-width: 450px;
  min-height: 370px;
  margin: 5px 0 50px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
  color: #fff; }

.enter #enter.large {
  height: 400px; }

.enter #enter #band {
  position: relative;
  width: 100px;
  height: 10px;
  margin: 0 auto 20px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.25); }

.enter #enter #band::before {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  width: 50%;
  height: 3000px;
  margin: auto;
  content: '';
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0px -5px 5px #757575;
  border-radius: 0; }

.enter #enter .logo {
  margin: 0; }

.enter #enter .logo a {
  display: block; }

.enter #enter .logo a:focus img {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%; }

.enter #enter .logo img {
  display: block;
  max-width: 100%;
  height: 90px;
  margin: 0 auto;
  transition: 0.3s;
  overflow: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 2px; }

.enter #enter .logo span {
  display: none !important; }

.enter #enter h2 {
  font-size: 1.2em;
  font-weight: 100;
  overflow: hidden;
  margin: 10px 0;
  text-align: center;
  color: #fff; }

.enter #enter h2 abbr {
  cursor: pointer; }

.enter #enter .text p {
  font-size: 1.2em;
  line-height: 2em;
  margin-bottom: 2em;
  transition: 0.3s;
  padding: 0.5em; }

.enter #enter .text p:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.enter #enter .text a {
  color: #eee;
  padding: 1em 0.5em;
  display: inline-block;
  transition: 0.3s; }

.enter #enter .text a:hover {
  background-color: rgba(255, 255, 255, 0.1); }

/* sessions style*/
.enter #enter .sessions > div {
  font-size: 1.1em;
  line-height: 2em;
  margin-bottom: 2em;
  transition: 0.3s;
  padding: 0.5em;
  position: relative; }

.enter #enter .sessions > div:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.enter #enter .sessions > div abbr {
  float: right; }

.enter #enter .sessions .browser {
  font-weight: 700; }

.enter #enter .sessions .os {
  color: #eee; }

.enter #enter .sessions .ip {
  color: #ddd; }

.enter #enter .sessions .lastseen {
  color: #ddd;
  position: absolute;
  right: 0.5em;
  top: 0.5em; }

.enter #enter .sessions a {
  background-color: #eee;
  opacity: 0;
  padding: 0.2em 1em;
  display: inline-block;
  color: #333;
  border: 2px solid transparent;
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  transition: 0.3s; }

.enter #enter .sessions > div:hover a {
  opacity: 0.5; }

.enter #enter .sessions a:hover {
  border-color: #cab530;
  opacity: 0.6; }

.enter #enter .sessions a:focus {
  border-color: #444;
  opacity: 0.8; }

.enter.rtl #enter .sessions .lastseen {
  left: 0.5em;
  right: inherit; }

.enter.rtl #enter .sessions a {
  left: 0.5em;
  right: inherit; }

.enter #enter footer a {
  color: #eee;
  font-size: 1em;
  padding: 1em 1em;
  transition: 0.3s;
  display: block; }

.enter #enter footer a:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.enter #enter footer a:focus {
  background-color: rgba(0, 0, 0, 0.2); }

.enter #enter footer a:last-child {
  text-align: right; }

.enter.rtl #enter footer a:last-child {
  text-align: left; }

/* form new styles*/
.enter form {
  line-height: 30px;
  font-size: 1.8em;
  overflow: hidden; }

.enter form p {
  font-size: 0.8em; }

.enter form .flex {
  border-radius: 3px;
  height: 50px;
  margin: 1rem 0; }

.enter form .flex.hide {
  display: none !important; }

.enter form .flex label {
  padding: 0;
  border: none;
  direction: ltr;
  min-width: 50px;
  width: 50px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ddd;
  transition: 0.3s;
  cursor: pointer;
  text-align: center;
  font-size: 0.8em;
  line-height: 50px; }

.enter form .flex label:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.enter form .flex label i {
  margin: 0;
  display: block; }

.enter form .flex input {
  padding: 0 1em;
  line-height: 50px;
  border: 1px solid transparent;
  direction: ltr;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  color: #eee;
  transition: 0.3s;
  font-weight: 100; }

.enter form .flex input.error {
  border-color: #ffa000; }

.enter form .flex input:disabled {
  opacity: 0.8; }

.enter form .flex input:hover {
  background-color: rgba(0, 0, 0, 0.15); }

.enter form .flex input:focus {
  background-color: rgba(0, 0, 0, 0.25); }

.enter form .flex input::-webkit-outer-spin-button, .enter form .flex input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.enter form .flex ::-webkit-input-placeholder {
  color: #ccc; }

.enter label {
  padding: 1em 0;
  display: block;
  font-size: 0.8em; }

.enter form textarea {
  min-height: 120px;
  max-height: 200px;
  padding: 1em;
  line-height: 2em;
  background-color: rgba(0, 0, 0, 0.1);
  color: #eee;
  font-size: 0.8em;
  min-width: 100%; }

/* custom style for some inputs*/
.enter form #emobile label {
  font-size: 2em;
  line-height: 40px; }

.enter form #eramz label,
.enter form #eramzNew label,
.enter form #displaynameBox label,
.enter form #eusername label {
  font-size: 1.5em;
  line-height: 50px; }

.enter .agreement {
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 1.1rem;
  line-height: 2rem;
  padding: 5px 1em;
  color: #ddd; }

.enter .agreement a {
  color: #fff;
  font-weight: 700; }

.enter form #email, .enter form #emailNew {
  font-size: 0.8em; }

/* change style of autocomplete*/
.enter input:-webkit-autofill, .enter input:-webkit-autofill:hover, .enter input:-webkit-autofill:focus, .enter input:-webkit-autofill {
  border: none;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 0.3 ease-in-out 0s; }

.enter.loading-form #enter {
  cursor: progress; }

.enter form .flex button {
  line-height: 30px;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  outline: none;
  background-color: #0275d8;
  color: #fff;
  opacity: 0.6;
  transition: 0.3s; }

.enter form .flex button:hover {
  opacity: 0.8; }

.enter form .flex button:focus {
  opacity: 1; }

.enter form .flex button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #0d3050; }

.enter.loading-form form .flex button:after {
  content: "\e188";
  font-family: "siftal","tahoma" !important;
  display: inline-block;
  float: right;
  padding: 5px;
  font-size: 1.2em;
  line-height: 1;
  vertical-align: middle;
  animation: spiner 1s ease infinite;
  animation: spiner 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite; }

.enter.loading-form.rtl form .flex button:after {
  float: left; }

.enter form .link {
  color: #eee;
  font-size: 0.6em;
  padding: 0.5em 1em;
  transition: 0.3s;
  display: block; }

.enter form .link:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.enter form .link:focus {
  background-color: rgba(0, 0, 0, 0.2); }

.enter hr {
  margin-bottom: 1em; }

.enter #eMethods {
  font-size: 0.5em;
  font-weight: 100; }

.enter #eMethods p {
  font-size: 1.4em; }

.enter #eMethods a {
  height: 40px;
  line-height: 40px;
  margin: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  display: inline-block;
  color: #eee;
  border-radius: 3px;
  overflow: hidden;
  min-width: 40%; }

.enter #eMethods a:hover {
  opacity: 0.8; }

.enter #eMethods a:focus {
  opacity: 0.7; }

.enter #eMethods a i {
  width: 40px;
  height: 40px;
  min-width: 40px;
  float: left;
  margin: 0 10px 0 0;
  font-size: 2.5em; }

.enter #eMethods a span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.2em; }

.enter #eMethods a abbr {
  display: none; }

.enter #eMethods a.active {
  background-color: rgba(0, 0, 0, 0.8);
  display: none; }

.enter.rtl #eMethods a i {
  float: right;
  margin: 0 0 0 10px; }

.enter #eMethods #ebgoogle {
  min-width: 150px; }

.enter #eMethods #ebgoogle i {
  background-color: #DD4B39;
  padding-top: 3px; }

.enter #eMethods #ebmobile {
  min-width: 150px; }

.enter #eMethods #ebmobile svg {
  margin: 0; }

.enter #eMethods #ebusername {
  min-width: 170px; }

.enter.rtl #eMethods #ebgoogle {
  min-width: 110px; }

.enter.rtl #eMethods #ebmobile {
  min-width: 120px; }

.enter.rtl #eMethods #ebusername {
  min-width: 160px; }

/*langlist*/
.enter .langlist {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em; }

.enter.rtl .langlist {
  left: inherit;
  right: 0; }

.enter .langlist a {
  display: inline-block;
  padding: 1em 2em;
  color: #fff;
  background-color: #000;
  transition: 0.3s;
  opacity: 0.3;
  margin: 0 0.5em; }

.enter .langlist a:hover {
  opacity: 0.6; }

.enter .langlist a:focus {
  opacity: 8;
  background-color: #000;
  color: #fff; }

/*type effect*/
.enter .typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.enter .typer__cursor--blink {
  -webkit-animation: blink 1s infinite;
  -moz-animation: blink 1s infinite;
  animation: blink 1s infinite; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes blink {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* responsive design*/
@media all and (max-width: 767px) {
  .enter #enter {
    min-width: 300px;
    min-height: 300px;
    padding: 10px 20px;
    width: 50%;
    margin-bottom: 42px; }

  .enter form .flex {
    margin: 5px 0;
    height: 40px; }

  .enter .langlist {
    position: absolute; }

  .enter #eMethods a {
    height: 30px;
    line-height: 30px; }

  .enter form .flex label {
    line-height: 40px; }

  .enter form #eramz label, .enter form #eramzNew label, .enter form #displaynameBox label, .enter form #eusername label {
    line-height: 40px; }

  .enter form .flex button {
    padding: 5px 10px; }

  .enter form .flex input {
    line-height: 40px; } }
/* Design for print */
@media print {
  .enter footer {
    display: none; } }
.transparent {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  outline: none !important; }

.input {
  position: relative;
  font-weight: 400;
  font-style: normal;
  color: rgba(0, 0, 0, 0.9);
  width: 100%;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rtl .input.fix {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

span.input {
  display: inline-flex;
  width: auto; }

.input input {
  font-weight: 400;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  line-height: 1;
  height: 36px;
  padding: 8px 1em;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
  transition-property: opacity, background-color, color, border;
  border-radius: 0.25rem;
  outline: none;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.input input:hover {
  border-color: rgba(0, 0, 0, 0.15); }

.input input:focus, .input.focus input {
  border-color: rgba(128, 192, 208, 0.9); }

.input.active input {
  border-color: rgba(0, 0, 0, 0.4); }

.input.error input {
  border-color: rgba(255, 0, 0, 0.5); }

.input.requirement input {
  border-color: rgba(255, 0, 0, 0.3); }

.input.warning input {
  border-color: rgba(255, 145, 0, 0.5); }

.input.ok input {
  border-color: rgba(39, 128, 39, 0.5); }

.input input.error {
  border-color: rgba(255, 0, 0, 0.5); }

.input input.requirement {
  border-color: rgba(255, 0, 0, 0.3); }

.input input.warning {
  border-color: rgba(255, 145, 0, 0.5); }

.input input.ok {
  border-color: rgba(39, 128, 39, 0.5); }

.input.preview.error label {
  border-color: rgba(255, 0, 0, 0.5); }

.input.preview.requirement label {
  border-color: rgba(255, 145, 0, 0.3); }

.input.preview.warning label {
  border-color: rgba(255, 145, 0, 0.5); }

.input.preview.ok label {
  border-color: rgba(39, 128, 39, 0.5); }

.input .addon {
  padding: 5px 1em;
  line-height: 24px;
  text-align: center;
  border-radius: 0.25rem;
  white-space: nowrap;
  vertical-align: middle;
  margin: 0;
  font-style: normal;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: auto; }

.input .addon.small {
  font-size: 70%;
  padding-right: 0.5em;
  padding-left: 0.5em; }

.input .addon:not(.btn) {
  color: #444;
  background-color: rgba(0, 0, 0, 0.05); }

.input .addon.basic {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.input .addon:empty {
  padding: 5px; }

.ltr .input > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ltr .input > :not(div):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rtl .input:not(.fix) > :first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rtl .input:not(.fix) > :not(div):last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ltr .input > .addon:first-child {
  border-right-width: 0; }

.ltr .input > .addon:last-child {
  border-left-width: 0; }

.ltr .input > .addon:not(:first-child):not(:last-child) {
  border-left-width: 0; }

.rtl .input:not(.fix) > .addon:first-child {
  border-left-width: 0; }

.rtl .input:not(.fix) > .addon:last-child {
  border-right-width: 0; }

.rtl .input:not(.fix) > .addon:not(:first-child):not(:last-child) {
  border-right-width: 0; }

.ltr .input > :not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right-width: 0; }

.rtl .input:not(.fix) > :not(:first-child):not(:last-child) {
  border-radius: 0;
  border-left-width: 0; }

.input.error .addon {
  color: red; }

.input.warning .addon {
  color: #ff9100; }

.input.ok .addon {
  color: #278027; }

input.input {
  font-weight: 400;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  height: 36px;
  line-height: 1;
  padding: 5px 1em;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border-radius: 0.25rem;
  outline: none;
  width: auto; }

input.input:hover {
  border-color: rgba(0, 0, 0, 0.15); }

input.input:focus, input.input.focus {
  border-color: rgba(128, 192, 208, 0.9); }

input.input.active {
  border-color: rgba(0, 0, 0, 0.4); }

input.input.error {
  border-color: rgba(255, 0, 0, 0.5); }

input.input.requirement {
  border-color: rgba(255, 0, 0, 0.3); }

input.input.warning {
  border-color: rgba(255, 145, 0, 0.5); }

input.input.ok {
  border-color: rgba(39, 128, 39, 0.5); }

/* handle all type of files*/
.input.preview input[type='file'] {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }

.input.preview input:focus + label:after {
  color: rgba(128, 192, 208, 0.9); }

.input.preview label {
  position: relative;
  display: block;
  height: 110px;
  width: 110px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid transparent; }

.input.preview label:after {
  font-family: "siftal";
  content: "3";
  color: #bbb;
  display: inline-block;
  text-align: center;
  line-height: 110px;
  font-size: 50px;
  vertical-align: middle; }

.input.preview label[for^='avatar']:after {
  content: ""; }

.input.preview label[for^='logo']:after {
  content: "$"; }

.input.preview label:hover {
  background-color: rgba(0, 0, 0, 0.07); }

.input.preview label span {
  display: inline-block;
  width: auto; }

.input.preview label img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  max-width: 108px;
  max-height: 108px;
  width: auto;
  height: auto;
  padding: 0;
  background-color: #eee;
  opacity: 0;
  transition: 0.3s; }

.input.preview label img[src] {
  opacity: 1; }

label {
  font-weight: bold;
  padding: 5px 0;
  line-height: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 80%; }

label + .input {
  margin-bottom: 10px; }

.input label {
  width: 100%;
  margin-top: 10px; }

input[type="tel"],
input[type="email"],
input[type="date"],
input[type="url"],
input[name="email"],
input[name="website"] {
  direction: ltr; }

input[type="number"] {
  direction: ltr;
  -moz-appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* checkbox type 1*/
.check1 {
  padding: 8px 0;
  overflow: hidden; }

.check1 input {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }

.check1 label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: inline-block;
  line-height: 20px; }

.check1 label::before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.msg .check1 label::before {
  border-color: #333; }

.check1 label::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background-color: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.1s; }

.check1 label:hover::before {
  border-color: rgba(0, 0, 0, 0.2); }

.check1 input:checked + label::after {
  opacity: 1; }

.check1 input:checked + label::before {
  background-color: #4090d0;
  border-color: transparent; }

.check1 input:focus + label::before {
  border-color: rgba(128, 192, 208, 0.9); }

.check1 input:checked:focus + label::before {
  background-color: #105090;
  border-color: transparent; }

.check1 input:disabled + label {
  color: #bbb;
  cursor: auto; }

.check1 input:disabled + label::before {
  background-color: #ddd; }

.rtl .check1 label::before {
  margin-right: 0;
  margin-left: 10px; }

.rtl .check1 label::after {
  left: 0;
  right: 13px; }

.check1.red input:checked + label::before {
  background-color: #da4041; }

.check1.green input:checked + label::before {
  background-color: #2ecc71; }

.switch1 {
  overflow: hidden;
  margin: 0 auto 10px;
  vertical-align: middle;
  height: 36px; }

.f > .switch1 {
  margin: 0 0 5px 0; }

.switch1 input {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }

.switch1 label {
  padding: 5px 5px;
  cursor: pointer;
  display: inline;
  overflow: hidden; }

.switch1 label:first-of-type {
  position: relative;
  cursor: pointer;
  height: 36px;
  width: 80px;
  background: #efefef;
  border-radius: 20px;
  transition: .2s;
  border: 1px solid transparent;
  overflow: hidden;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: inline-block; }

.switch1 label:first-of-type:hover {
  border-color: rgba(0, 0, 0, 0.1); }

.switch1 input:focus + label:first-of-type {
  border-color: rgba(76, 175, 80, 0.9); }

.switch1 label:first-of-type:before {
  content: "OFF";
  position: absolute;
  line-height: 27px;
  font-size: 12px;
  font-weight: bold;
  transition: all .2s;
  top: 3px;
  right: 10px;
  color: #999;
  transition: 0.3s;
  overflow: hidden; }

.switch1 label:first-of-type:after {
  content: '';
  position: absolute;
  width: 27px;
  height: 27px;
  transition: all .2s ease-in-out;
  border-radius: 50%;
  background: #7F8C9A;
  top: 3px;
  left: 3px; }

.switch1 input.disabled + label:first-of-type {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none; }

.switch1 input:disabled + label:first-of-type {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none; }

.switch1 input:checked + label:first-of-type {
  background-color: #40d060; }

.switch1 input:focus:checked + label:first-of-type {
  background-color: #40c060; }

.switch1 input:checked + label:first-of-type:before {
  content: "ON";
  left: 10px;
  right: inherit;
  color: #fff; }

.switch1 input:checked + label:first-of-type:after {
  background: #fff;
  top: 3px;
  left: calc(100% - 30px); }

html[lang=fa] .switch1 label:first-of-type:before {
  content: "غیرفعال";
  font-size: 8px; }

html[lang=fa] .switch1 input:checked + label:first-of-type:before {
  content: "فعال";
  font-size: 10px; }

.switch1 label:first-of-type[data-off]:before {
  content: attr(data-off) !important; }

.switch1 input:checked + label:first-of-type[data-on]:before {
  content: attr(data-on) !important; }

.switch1.gender label:first-of-type:before {
  content: "Male"; }

.switch1.gender input:checked + label:first-of-type:before {
  content: "Female";
  font-size: 10px; }

.switch1.gender label:first-of-type:after {
  content: "\e08e";
  font-family: "siftal" !important;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 100;
  padding: 5px; }

.switch1.gender input:checked + label:first-of-type:after {
  content: "\e08d";
  font-family: "siftal" !important;
  color: #333;
  font-size: 18px;
  line-height: 1;
  font-weight: 100;
  padding: 5px; }

.switch1.gender input:checked + label:first-of-type {
  background-color: #d0408b; }

.switch1.gender input:focus:checked + label:first-of-type {
  background-color: #901041; }

html[lang=fa] .switch1.gender label:first-of-type:before {
  content: "مرد";
  font-size: 12px; }

html[lang=fa] .switch1.gender input:checked + label:first-of-type:before {
  content: "زن";
  font-size: 12px; }

.switch1.flat label:first-of-type {
  border-radius: 0; }

.radio1 {
  padding: 8px 0;
  overflow: hidden; }

.radio1 input {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer; }

.radio1 label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: inline-block;
  line-height: 1; }

.radio1 label:first-of-type::before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.radio1 label:first-of-type::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background-color: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.1s; }

.radio1 label:first-of-type:hover::before {
  border-color: rgba(0, 0, 0, 0.2); }

.radio1 input:checked + label:first-of-type::after {
  opacity: 1; }

.radio1 input:checked + label:first-of-type::before {
  background-color: #4090d0;
  border-color: transparent; }

.radio1 input:not(:checked):focus + label:first-of-type::before {
  border-color: rgba(128, 192, 208, 0.9); }

.radio1 input:checked:focus + label:first-of-type::before {
  opacity: 0.7; }

.radio1 input:disabled + label:first-of-type {
  color: #bbb;
  cursor: auto; }

.radio1 input:disabled + label:first-of-type::before {
  background-color: #ddd; }

.rtl .radio1 label:first-of-type::before {
  margin-right: 0;
  margin-left: 10px; }

.rtl .radio1 label:first-of-type::after {
  left: 0;
  right: 13px; }

.radio1.red input:checked + label:first-of-type::before {
  background-color: #e74c3c; }

.radio1.yellow input:checked + label:first-of-type::before {
  background-color: #f1c40f; }

.radio1.green input:checked + label:first-of-type::before {
  background-color: #2ecc71; }

.radio1.black input:checked + label:first-of-type::before {
  background-color: #333; }

.radio1.likeBtn {
  display: block;
  padding: 0; }

.radio1.likeBtn label {
  padding: 7px 10px;
  background-color: #f6f8fa;
  display: block;
  border: 1px solid transparent; }

.radio1.likeBtn input:checked + label:first-of-type {
  border-color: #2080d0; }

.radio1.likeBtn label:first-of-type::after {
  top: 16px;
  left: 23px; }

.rtl .radio1.likeBtn label:first-of-type::after {
  left: 0;
  right: 23px; }

/* radio type 2*/
.radio2 {
  background-color: #f7f7f7;
  border-radius: 3px; }

.radio2 label[for] {
  cursor: pointer; }

.radio2 input[type="radio"] {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }

.radio2 input[type="radio"] + label {
  position: relative;
  display: block;
  color: #777;
  font-size: 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 35px 5px 0;
  line-height: 25px;
  text-align: center; }

.radio2 input[type="radio"] + label::before {
  -webkit-transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #999;
  border: 0 solid #999;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.radio2 input[type="radio"] + label::after {
  -webkit-transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  content: "";
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #999;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.radio2 input[type="radio"] + label:hover::before {
  background-color: #4090d0; }

.radio2 input[type="radio"]:checked + label::before {
  background-color: transparent;
  width: 30px;
  height: 30px;
  border-width: 2px;
  top: -10px; }

.radio2 input[type="radio"]:checked + label::after {
  width: 20px;
  height: 20px;
  background-color: #4090d0; }

.radio2 input[type="radio"]:checked + label:hover::before {
  border-color: #4090d0; }

.radio2 input[type="radio"]:focus + label::before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); }

.radio2 img {
  max-width: 120px;
  max-height: 120px; }

/* radio type 1 - vertical*/
.radio2.v input[type="radio"] + label {
  padding: 0 20px;
  line-height: 50px;
  padding-left: 40px;
  text-align: left;
  height: 50px; }

.radio2.v input[type="radio"] + label::before {
  bottom: 25px;
  left: 20px; }

.radio2.v input[type="radio"] + label::after {
  bottom: 25px;
  left: 20px; }

.rtl .radio2.v input[type="radio"] + label {
  padding-left: 5px;
  padding-right: 40px;
  text-align: right; }

.rtl .radio2.v input[type="radio"] + label::before {
  left: initial;
  right: 20px;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.rtl .radio2.v input[type="radio"] + label::after {
  left: initial;
  right: 20px;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.radio3 {
  padding: 0;
  position: relative;
  min-width: 80px; }

.radio3 input {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }

.radio3 label {
  display: block;
  padding: 7px 10px;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  transition: 0.3s;
  background-color: #f6f8fa;
  min-width: 50px;
  height: 36px;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  white-space: nowrap; }

.radio3 label::before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  transition: 0.3s;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.radio3 label::after {
  content: '';
  position: absolute;
  left: 15px;
  top: 16px;
  background-color: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.1s; }

.radio3 label:hover::before {
  border-color: rgba(0, 0, 0, 0.2); }

.radio3 input:checked + label {
  border-color: #2080d0; }

.radio3 input:checked + label::after {
  opacity: 1; }

.radio3 input:checked + label::before {
  background-color: #4090d0;
  border-color: transparent; }

.radio3 input:not(:checked):focus + label::before {
  border-color: rgba(128, 192, 208, 0.9); }

.radio3 input:checked:focus + label::before {
  opacity: 0.7; }

.radio3 input:disabled + label {
  color: #bbb;
  cursor: auto; }

.radio3 input:disabled + label::before {
  background-color: #ddd; }

.rtl .radio3 label::before {
  margin-right: 0;
  margin-left: 10px; }

.rtl .radio3 label::after {
  left: 0;
  right: 23px; }

.radioGateway {
  margin: 5px;
  position: relative;
  cursor: pointer;
  display: inline-flex; }

.radioGateway input {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0; }

.radioGateway label {
  position: relative;
  cursor: pointer;
  border: 2px solid #f8f8f8;
  transition: 0.3s;
  background-color: #f8f8f8;
  width: 68px;
  height: 68px;
  border-radius: 0.25rem;
  padding: 2px; }

.radioGateway img {
  width: 100%;
  height: auto; }

.radioGateway input:checked + label {
  border-color: #1f8fff;
  background-color: #fff; }

.radioGateway input:hover + label {
  opacity: 0.8;
  border-color: #1f8fff; }

.radioGateway input:focus + label {
  background-color: #fff; }

.radioGateway input + label:after {
  font-family: "siftal", "tahoma" !important;
  content: "\e022";
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  text-align: center;
  background-color: #1f8fff;
  color: #fff;
  position: absolute;
  top: -7px;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.25s cubic-bezier(0.2, 1, 0.2, 1);
  -moz-transition: all 0.25s cubic-bezier(0.2, 1, 0.2, 1);
  -o-transition: all 0.25s cubic-bezier(0.2, 1, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.2, 1, 0.2, 1); }

.ltr .radioGateway input + label:after {
  left: -7px; }

.rtl .radioGateway input + label:after {
  right: -7px; }

.radioGateway input:checked + label:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.radioGateway.blink label::before {
  content: "";
  position: absolute;
  top: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  animation: pulseOn 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  box-shadow: 0 0 0 0 rgba(108, 166, 15, 0.7); }

.ltr .radioGateway.blink label::before {
  left: 0; }

.rtl .radioGateway.blink label::before {
  right: 0; }

@keyframes pulseOn {
  100% {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
.radioRating .rateBox {
  display: inline-block;
  min-height: 3em; }

.radioRating input[type="radio"] {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer; }

.radioRating label {
  float: right;
  padding: 0.5rem 1rem;
  color: #777;
  transition: all .2s;
  cursor: pointer; }

.radioRating label:before {
  font-family: "siftal", "tahoma" !important;
  content: '\e002';
  font-size: 3em;
  line-height: 1em;
  margin: 2px;
  vertical-align: bottom; }

.radioRating label:hover {
  transform: rotate(-15deg) scale(1.3); }

.radioRating input:checked ~ label {
  transform: rotate(-10deg) scale(1.1); }

.radioRating input:checked ~ label:before {
  content: '\5c';
  color: #FD4;
  transition: all .25s; }

.radioRating input:first-of-type:checked ~ label:before {
  color: #FE7;
  text-shadow: 0 0 10px #979922; }

.radioRating input:last-of-type:checked ~ label:before {
  color: #F62; }

.radioRating.heart label:before {
  content: '\2b'; }

.radioRating.heart input:checked ~ label:before {
  content: '\2a';
  color: #F77; }

.radioRating.heart input:first-of-type:checked ~ label:before {
  color: #F44;
  text-shadow: 0 0 10px #992222; }

.radioRating.heart input:last-of-type:checked ~ label:before {
  color: #ec9595; }

.radioRating.bell label:before {
  content: '\66'; }

.radioRating.bell input:checked ~ label:before {
  content: '\65'; }

.radioRating.bookmark label:before {
  content: '\54'; }

.radioRating.bookmark input:checked ~ label:before {
  content: '\55'; }

.radioRating.flag label:before {
  content: '\28'; }

.radioRating.flag input:checked ~ label:before {
  content: '\26'; }

.radioRating.like label:before {
  content: '\e01a'; }

.radioRating.like input:checked ~ label:before {
  content: '\e01b'; }

.radioRating.dislike label:before {
  content: '\e019'; }

.radioRating.dislike input:checked ~ label:before {
  content: '\e018'; }

.radioRating.user1 label:before {
  content: '\e07a'; }

.radioRating.user1 input:checked ~ label:before {
  content: '\e079'; }

/* radio type selector*/
.radioType {
  margin: 0.5em;
  font-size: 1.4em;
  min-width: 100px;
  min-height: 90px;
  position: relative; }

.radioType input {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer; }

.radioType label {
  cursor: pointer;
  display: block;
  min-height: 60px;
  background: #fff;
  border: 2px solid #efefef;
  border-radius: 0.25rem;
  padding: 2em 1em 1em;
  line-height: 1.5;
  margin-top: 1.1em;
  text-align: center;
  box-shadow: 0px 0 10px -2px rgba(161, 170, 166, 0.5);
  position: relative;
  transition: 0.3s ease-out; }

.radioType input:disabled ~ label {
  color: #bcc2bf;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.7; }

.radioType input:checked + label {
  background: #64db84;
  color: #fff;
  box-shadow: 0px 0px 20px #64db84;
  border-color: transparent; }

.radioType input + label::after {
  color: #3d3f43;
  font-family: "Siftal";
  border: 2px solid #efefef;
  content: " ";
  font-size: 1.2em;
  position: absolute;
  top: -1em;
  left: 50%;
  transform: translateX(-50%);
  height: 2em;
  width: 2em;
  line-height: 1.8em;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 0 10px -2px rgba(161, 170, 166, 0.5);
  transition: 0.3s ease-out; }

.radioType input:checked + label::after {
  content: "\6f";
  border-color: #1dc973;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
  opacity: 1; }

.radioType.default input + label {
  border-color: #64da85; }

.radioType.default input + label::after {
  border-color: #64da85; }

.radioType:hover label {
  border-color: #ccc; }

.radioType:hover label:after {
  border-color: #ccc; }

.radioType input:focus + label {
  border-color: #00a0f0; }

.radioType input:focus + label::after {
  border-color: #00a0f0; }

.radioType input:active + label {
  transform: translateY(5px); }

.txt {
  display: block;
  margin: 0;
  -webkit-appearance: none;
  padding: 0.7em 1em;
  background-color: #fff;
  outline: 0;
  color: #444;
  border-radius: 0.25rem;
  transition: border-color 0.3s;
  resize: vertical;
  line-height: 1.5;
  font-size: 1em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 36px;
  max-height: 30em;
  overflow: hidden;
  overflow-y: auto; }

.txt:hover {
  border-color: rgba(0, 0, 0, 0.2); }

.txt:focus {
  border-color: #80c0d0; }

.txt[rows] {
  resize: none; }

.txt[rows="1"] {
  line-height: 1; }

.txt.error {
  border-color: rgba(255, 0, 0, 0.5); }

.select {
  display: block;
  font-weight: 400;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  line-height: 1;
  padding: 5px 1em;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border-radius: 0.25rem;
  outline: none;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.select:hover {
  border-color: rgba(0, 0, 0, 0.15); }

.select:focus, .select.focus {
  border-color: rgba(128, 192, 208, 0.9); }

.select.active {
  border-color: rgba(0, 0, 0, 0.4); }

.select.error {
  border-color: rgba(255, 0, 0, 0.5); }

.select.requirement {
  border-color: rgba(255, 0, 0, 0.3); }

.select.warning {
  border-color: rgba(255, 145, 0, 0.5); }

.select.ok {
  border-color: rgba(39, 128, 39, 0.5); }

.select.preview.error label {
  border-color: rgba(255, 0, 0, 0.5); }

.select.preview.warning label {
  border-color: rgba(255, 145, 0, 0.5); }

.select.preview.ok label {
  border-color: rgba(39, 128, 39, 0.5); }

.rangeSlider1 {
  margin: 10px 0;
  width: 100%;
  transition: 0.3s;
  opacity: 0.8;
  text-align: center; }

.rangeSlider1:hover {
  opacity: 1; }

.rangeSlider1 input {
  -webkit-appearance: none;
  width: calc(100% - (75px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0; }

.rangeSlider1 input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: .15s ease-in-out; }

.rangeSlider1 input::-webkit-slider-thumb:hover {
  background: #1abc9c; }

.rangeSlider1 input:active::-webkit-slider-thumb {
  background: #1abc9c; }

.rangeSlider1 input::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: .15s ease-in-out; }

.rangeSlider1 input::-moz-range-thumb:hover {
  background: #1abc9c; }

.rangeSlider1 input:active::-moz-range-thumb {
  background: #1abc9c; }

.rangeSlider1 input:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c; }

.rangeSlider1 output {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 10px;
  min-height: 30px;
  vertical-align: middle; }

.rangeSlider1 output:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: ''; }

.rtl .rangeSlider1 output {
  margin-left: initial;
  margin-right: 10px; }

.rtl .rangeSlider1 output:after {
  left: initial;
  right: -7px;
  border-right: none;
  border-left: 7px solid #2c3e50; }

.rangeSlider1 ::-moz-range-track {
  background: #d7dcdf;
  border: 0; }

.rangeSlider1 input::-moz-focus-inner,
.rangeSlider1 input::-moz-focus-outer {
  border: 0; }

.btn {
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 5px 1.2em;
  text-decoration: none;
  text-align: center;
  transition: .2s ease-out;
  border-radius: .25rem;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  height: 36px;
  line-height: 24px;
  font-weight: 700;
  background-color: #e2e2e2;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  font-size: 0.9em;
  max-width: 100%;
  text-overflow: ellipsis; }

.outline {
  background-color: transparent;
  border-color: #e2e2e2;
  color: #aaa; }

.btn:hover {
  background-color: #dcdcdc;
  color: rgba(0, 0, 0, 0.8); }

.btn:focus {
  background-color: #cdcdcd;
  color: black; }

.btn:active, .btn.active {
  background-color: #bbbbbb;
  color: black; }

.btn.disabled {
  cursor: default;
  opacity: 0.4; }

.btn.xs {
  height: 20px;
  font-size: 60%;
  padding: 1px 1em;
  line-height: 18px; }

.btn.sm {
  height: 30px;
  font-size: 75%;
  padding: 5px 1em;
  line-height: 20px; }

.btn.lg {
  height: 50px;
  font-size: 120%;
  padding: 10px 1em;
  line-height: 30px; }

.btn.xl {
  height: 60px;
  font-size: 150%;
  padding: 15px 1em;
  line-height: 30px; }

.btn.hauto {
  height: auto;
  white-space: normal; }

.btn.weAreHere {
  border-color: #168187; }

.btn[data-shortkey] kbd {
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.07);
  transition: none; }

.btn[data-shortkey] kbd.floatLa {
  font-size: 1.3em; }

.btn.clicked {
  animation: pulsePulseBorder 0.5s infinite ease-in-out; }

@keyframes pulsePulseBorder {
  0% {
    box-shadow: 0 0 5px 2px #ddd; }
  70% {
    box-shadow: 0 0 5px 2px #aaa; }
  100% {
    box-shadow: 0 0 5px 2px #ddd; } }
.loading-form form.submitedForm button.btn:after {
  content: "\e188";
  font-family: "siftal","tahoma" !important;
  display: inline-block;
  float: right;
  padding: 5px;
  font-size: 1.2em;
  line-height: 1;
  vertical-align: middle;
  animation: spiner 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
  cursor: wait; }

.loading-form.rtl form.submitedForm button.btn:after {
  float: left; }

.pA0 {
  padding: 0px 0px; }

.pT0 {
  padding-top: 0px; }

.pB0 {
  padding-bottom: 0px; }

.pR0 {
  padding-right: 0px; }

.pL0 {
  padding-left: 0px; }

.pTB0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.pLR0 {
  padding-left: 0px;
  padding-right: 0px; }

.ltr .pRa0 {
  padding-right: 0px; }

.rtl .pRa0 {
  padding-left: 0px; }

.ltr .pLa0 {
  padding-left: 0px; }

.rtl .pLa0 {
  padding-right: 0px; }

.pA0-f {
  padding: 0px 0px !important; }

.pT0-f {
  padding-top: 0px !important; }

.pB0-f {
  padding-bottom: 0px !important; }

.pR0-f {
  padding-right: 0px !important; }

.pL0-f {
  padding-left: 0px !important; }

.pTB0-f {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.pLR0-f {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.ltr .pRa0-f {
  padding-right: 0px !important; }

.rtl .pRa0-f {
  padding-left: 0px !important; }

.ltr .pLa0-f {
  padding-left: 0px !important; }

.rtl .pLa0-f {
  padding-right: 0px !important; }

.pA1 {
  padding: 1px 1px; }

.pT1 {
  padding-top: 1px; }

.pB1 {
  padding-bottom: 1px; }

.pR1 {
  padding-right: 1px; }

.pL1 {
  padding-left: 1px; }

.pTB1 {
  padding-top: 1px;
  padding-bottom: 1px; }

.pLR1 {
  padding-left: 1px;
  padding-right: 1px; }

.ltr .pRa1 {
  padding-right: 1px; }

.rtl .pRa1 {
  padding-left: 1px; }

.ltr .pLa1 {
  padding-left: 1px; }

.rtl .pLa1 {
  padding-right: 1px; }

.pA1-f {
  padding: 1px 1px !important; }

.pT1-f {
  padding-top: 1px !important; }

.pB1-f {
  padding-bottom: 1px !important; }

.pR1-f {
  padding-right: 1px !important; }

.pL1-f {
  padding-left: 1px !important; }

.pTB1-f {
  padding-top: 1px !important;
  padding-bottom: 1px !important; }

.pLR1-f {
  padding-left: 1px !important;
  padding-right: 1px !important; }

.ltr .pRa1-f {
  padding-right: 1px !important; }

.rtl .pRa1-f {
  padding-left: 1px !important; }

.ltr .pLa1-f {
  padding-left: 1px !important; }

.rtl .pLa1-f {
  padding-right: 1px !important; }

.pA2 {
  padding: 2px 2px; }

.pT2 {
  padding-top: 2px; }

.pB2 {
  padding-bottom: 2px; }

.pR2 {
  padding-right: 2px; }

.pL2 {
  padding-left: 2px; }

.pTB2 {
  padding-top: 2px;
  padding-bottom: 2px; }

.pLR2 {
  padding-left: 2px;
  padding-right: 2px; }

.ltr .pRa2 {
  padding-right: 2px; }

.rtl .pRa2 {
  padding-left: 2px; }

.ltr .pLa2 {
  padding-left: 2px; }

.rtl .pLa2 {
  padding-right: 2px; }

.pA2-f {
  padding: 2px 2px !important; }

.pT2-f {
  padding-top: 2px !important; }

.pB2-f {
  padding-bottom: 2px !important; }

.pR2-f {
  padding-right: 2px !important; }

.pL2-f {
  padding-left: 2px !important; }

.pTB2-f {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

.pLR2-f {
  padding-left: 2px !important;
  padding-right: 2px !important; }

.ltr .pRa2-f {
  padding-right: 2px !important; }

.rtl .pRa2-f {
  padding-left: 2px !important; }

.ltr .pLa2-f {
  padding-left: 2px !important; }

.rtl .pLa2-f {
  padding-right: 2px !important; }

.pA3 {
  padding: 3px 3px; }

.pT3 {
  padding-top: 3px; }

.pB3 {
  padding-bottom: 3px; }

.pR3 {
  padding-right: 3px; }

.pL3 {
  padding-left: 3px; }

.pTB3 {
  padding-top: 3px;
  padding-bottom: 3px; }

.pLR3 {
  padding-left: 3px;
  padding-right: 3px; }

.ltr .pRa3 {
  padding-right: 3px; }

.rtl .pRa3 {
  padding-left: 3px; }

.ltr .pLa3 {
  padding-left: 3px; }

.rtl .pLa3 {
  padding-right: 3px; }

.pA3-f {
  padding: 3px 3px !important; }

.pT3-f {
  padding-top: 3px !important; }

.pB3-f {
  padding-bottom: 3px !important; }

.pR3-f {
  padding-right: 3px !important; }

.pL3-f {
  padding-left: 3px !important; }

.pTB3-f {
  padding-top: 3px !important;
  padding-bottom: 3px !important; }

.pLR3-f {
  padding-left: 3px !important;
  padding-right: 3px !important; }

.ltr .pRa3-f {
  padding-right: 3px !important; }

.rtl .pRa3-f {
  padding-left: 3px !important; }

.ltr .pLa3-f {
  padding-left: 3px !important; }

.rtl .pLa3-f {
  padding-right: 3px !important; }

.pA5 {
  padding: 5px 5px; }

.pT5 {
  padding-top: 5px; }

.pB5 {
  padding-bottom: 5px; }

.pR5 {
  padding-right: 5px; }

.pL5 {
  padding-left: 5px; }

.pTB5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.pLR5 {
  padding-left: 5px;
  padding-right: 5px; }

.ltr .pRa5 {
  padding-right: 5px; }

.rtl .pRa5 {
  padding-left: 5px; }

.ltr .pLa5 {
  padding-left: 5px; }

.rtl .pLa5 {
  padding-right: 5px; }

.pA5-f {
  padding: 5px 5px !important; }

.pT5-f {
  padding-top: 5px !important; }

.pB5-f {
  padding-bottom: 5px !important; }

.pR5-f {
  padding-right: 5px !important; }

.pL5-f {
  padding-left: 5px !important; }

.pTB5-f {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.pLR5-f {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.ltr .pRa5-f {
  padding-right: 5px !important; }

.rtl .pRa5-f {
  padding-left: 5px !important; }

.ltr .pLa5-f {
  padding-left: 5px !important; }

.rtl .pLa5-f {
  padding-right: 5px !important; }

.pA10 {
  padding: 10px 10px; }

.pT10 {
  padding-top: 10px; }

.pB10 {
  padding-bottom: 10px; }

.pR10 {
  padding-right: 10px; }

.pL10 {
  padding-left: 10px; }

.pTB10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.pLR10 {
  padding-left: 10px;
  padding-right: 10px; }

.ltr .pRa10 {
  padding-right: 10px; }

.rtl .pRa10 {
  padding-left: 10px; }

.ltr .pLa10 {
  padding-left: 10px; }

.rtl .pLa10 {
  padding-right: 10px; }

.pA10-f {
  padding: 10px 10px !important; }

.pT10-f {
  padding-top: 10px !important; }

.pB10-f {
  padding-bottom: 10px !important; }

.pR10-f {
  padding-right: 10px !important; }

.pL10-f {
  padding-left: 10px !important; }

.pTB10-f {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.pLR10-f {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.ltr .pRa10-f {
  padding-right: 10px !important; }

.rtl .pRa10-f {
  padding-left: 10px !important; }

.ltr .pLa10-f {
  padding-left: 10px !important; }

.rtl .pLa10-f {
  padding-right: 10px !important; }

.pA15 {
  padding: 15px 15px; }

.pT15 {
  padding-top: 15px; }

.pB15 {
  padding-bottom: 15px; }

.pR15 {
  padding-right: 15px; }

.pL15 {
  padding-left: 15px; }

.pTB15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.pLR15 {
  padding-left: 15px;
  padding-right: 15px; }

.ltr .pRa15 {
  padding-right: 15px; }

.rtl .pRa15 {
  padding-left: 15px; }

.ltr .pLa15 {
  padding-left: 15px; }

.rtl .pLa15 {
  padding-right: 15px; }

.pA15-f {
  padding: 15px 15px !important; }

.pT15-f {
  padding-top: 15px !important; }

.pB15-f {
  padding-bottom: 15px !important; }

.pR15-f {
  padding-right: 15px !important; }

.pL15-f {
  padding-left: 15px !important; }

.pTB15-f {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.pLR15-f {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.ltr .pRa15-f {
  padding-right: 15px !important; }

.rtl .pRa15-f {
  padding-left: 15px !important; }

.ltr .pLa15-f {
  padding-left: 15px !important; }

.rtl .pLa15-f {
  padding-right: 15px !important; }

.pA20 {
  padding: 20px 20px; }

.pT20 {
  padding-top: 20px; }

.pB20 {
  padding-bottom: 20px; }

.pR20 {
  padding-right: 20px; }

.pL20 {
  padding-left: 20px; }

.pTB20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pLR20 {
  padding-left: 20px;
  padding-right: 20px; }

.ltr .pRa20 {
  padding-right: 20px; }

.rtl .pRa20 {
  padding-left: 20px; }

.ltr .pLa20 {
  padding-left: 20px; }

.rtl .pLa20 {
  padding-right: 20px; }

.pA20-f {
  padding: 20px 20px !important; }

.pT20-f {
  padding-top: 20px !important; }

.pB20-f {
  padding-bottom: 20px !important; }

.pR20-f {
  padding-right: 20px !important; }

.pL20-f {
  padding-left: 20px !important; }

.pTB20-f {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.pLR20-f {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.ltr .pRa20-f {
  padding-right: 20px !important; }

.rtl .pRa20-f {
  padding-left: 20px !important; }

.ltr .pLa20-f {
  padding-left: 20px !important; }

.rtl .pLa20-f {
  padding-right: 20px !important; }

.pA25 {
  padding: 25px 25px; }

.pT25 {
  padding-top: 25px; }

.pB25 {
  padding-bottom: 25px; }

.pR25 {
  padding-right: 25px; }

.pL25 {
  padding-left: 25px; }

.pTB25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.pLR25 {
  padding-left: 25px;
  padding-right: 25px; }

.ltr .pRa25 {
  padding-right: 25px; }

.rtl .pRa25 {
  padding-left: 25px; }

.ltr .pLa25 {
  padding-left: 25px; }

.rtl .pLa25 {
  padding-right: 25px; }

.pA25-f {
  padding: 25px 25px !important; }

.pT25-f {
  padding-top: 25px !important; }

.pB25-f {
  padding-bottom: 25px !important; }

.pR25-f {
  padding-right: 25px !important; }

.pL25-f {
  padding-left: 25px !important; }

.pTB25-f {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.pLR25-f {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.ltr .pRa25-f {
  padding-right: 25px !important; }

.rtl .pRa25-f {
  padding-left: 25px !important; }

.ltr .pLa25-f {
  padding-left: 25px !important; }

.rtl .pLa25-f {
  padding-right: 25px !important; }

.pA50 {
  padding: 50px 50px; }

.pT50 {
  padding-top: 50px; }

.pB50 {
  padding-bottom: 50px; }

.pR50 {
  padding-right: 50px; }

.pL50 {
  padding-left: 50px; }

.pTB50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.pLR50 {
  padding-left: 50px;
  padding-right: 50px; }

.ltr .pRa50 {
  padding-right: 50px; }

.rtl .pRa50 {
  padding-left: 50px; }

.ltr .pLa50 {
  padding-left: 50px; }

.rtl .pLa50 {
  padding-right: 50px; }

.pA50-f {
  padding: 50px 50px !important; }

.pT50-f {
  padding-top: 50px !important; }

.pB50-f {
  padding-bottom: 50px !important; }

.pR50-f {
  padding-right: 50px !important; }

.pL50-f {
  padding-left: 50px !important; }

.pTB50-f {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.pLR50-f {
  padding-left: 50px !important;
  padding-right: 50px !important; }

.ltr .pRa50-f {
  padding-right: 50px !important; }

.rtl .pRa50-f {
  padding-left: 50px !important; }

.ltr .pLa50-f {
  padding-left: 50px !important; }

.rtl .pLa50-f {
  padding-right: 50px !important; }

.pA100 {
  padding: 100px 100px; }

.pT100 {
  padding-top: 100px; }

.pB100 {
  padding-bottom: 100px; }

.pR100 {
  padding-right: 100px; }

.pL100 {
  padding-left: 100px; }

.pTB100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.pLR100 {
  padding-left: 100px;
  padding-right: 100px; }

.ltr .pRa100 {
  padding-right: 100px; }

.rtl .pRa100 {
  padding-left: 100px; }

.ltr .pLa100 {
  padding-left: 100px; }

.rtl .pLa100 {
  padding-right: 100px; }

.pA100-f {
  padding: 100px 100px !important; }

.pT100-f {
  padding-top: 100px !important; }

.pB100-f {
  padding-bottom: 100px !important; }

.pR100-f {
  padding-right: 100px !important; }

.pL100-f {
  padding-left: 100px !important; }

.pTB100-f {
  padding-top: 100px !important;
  padding-bottom: 100px !important; }

.pLR100-f {
  padding-left: 100px !important;
  padding-right: 100px !important; }

.ltr .pRa100-f {
  padding-right: 100px !important; }

.rtl .pRa100-f {
  padding-left: 100px !important; }

.ltr .pLa100-f {
  padding-left: 100px !important; }

.rtl .pLa100-f {
  padding-right: 100px !important; }

.pAn {
  padding: 0 !important; }

.mA0 {
  margin: 0px 0px; }

.mT0 {
  margin-top: 0px; }

.mB0 {
  margin-bottom: 0px; }

.mR0 {
  margin-right: 0px; }

.mL0 {
  margin-left: 0px; }

.mTB0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.mLR0 {
  margin-left: 0px;
  margin-right: 0px; }

.ltr .mRa0 {
  margin-right: 0px; }

.rtl .mRa0 {
  margin-left: 0px; }

.ltr .mLa0 {
  margin-left: 0px; }

.rtl .mLa0 {
  margin-right: 0px; }

.mA0-f {
  margin: 0px 0px !important; }

.mT0-f {
  margin-top: 0px !important; }

.mB0-f {
  margin-bottom: 0px !important; }

.mR0-f {
  margin-right: 0px !important; }

.mL0-f {
  margin-left: 0px !important; }

.mTB0-f {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.mLR0-f {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.ltr .mRa0-f {
  margin-right: 0px !important; }

.rtl .mRa0-f {
  margin-left: 0px !important; }

.ltr .mLa0-f {
  margin-left: 0px !important; }

.rtl .mLa0-f {
  margin-right: 0px !important; }

.mA1 {
  margin: 1px 1px; }

.mT1 {
  margin-top: 1px; }

.mB1 {
  margin-bottom: 1px; }

.mR1 {
  margin-right: 1px; }

.mL1 {
  margin-left: 1px; }

.mTB1 {
  margin-top: 1px;
  margin-bottom: 1px; }

.mLR1 {
  margin-left: 1px;
  margin-right: 1px; }

.ltr .mRa1 {
  margin-right: 1px; }

.rtl .mRa1 {
  margin-left: 1px; }

.ltr .mLa1 {
  margin-left: 1px; }

.rtl .mLa1 {
  margin-right: 1px; }

.mA1-f {
  margin: 1px 1px !important; }

.mT1-f {
  margin-top: 1px !important; }

.mB1-f {
  margin-bottom: 1px !important; }

.mR1-f {
  margin-right: 1px !important; }

.mL1-f {
  margin-left: 1px !important; }

.mTB1-f {
  margin-top: 1px !important;
  margin-bottom: 1px !important; }

.mLR1-f {
  margin-left: 1px !important;
  margin-right: 1px !important; }

.ltr .mRa1-f {
  margin-right: 1px !important; }

.rtl .mRa1-f {
  margin-left: 1px !important; }

.ltr .mLa1-f {
  margin-left: 1px !important; }

.rtl .mLa1-f {
  margin-right: 1px !important; }

.mA2 {
  margin: 2px 2px; }

.mT2 {
  margin-top: 2px; }

.mB2 {
  margin-bottom: 2px; }

.mR2 {
  margin-right: 2px; }

.mL2 {
  margin-left: 2px; }

.mTB2 {
  margin-top: 2px;
  margin-bottom: 2px; }

.mLR2 {
  margin-left: 2px;
  margin-right: 2px; }

.ltr .mRa2 {
  margin-right: 2px; }

.rtl .mRa2 {
  margin-left: 2px; }

.ltr .mLa2 {
  margin-left: 2px; }

.rtl .mLa2 {
  margin-right: 2px; }

.mA2-f {
  margin: 2px 2px !important; }

.mT2-f {
  margin-top: 2px !important; }

.mB2-f {
  margin-bottom: 2px !important; }

.mR2-f {
  margin-right: 2px !important; }

.mL2-f {
  margin-left: 2px !important; }

.mTB2-f {
  margin-top: 2px !important;
  margin-bottom: 2px !important; }

.mLR2-f {
  margin-left: 2px !important;
  margin-right: 2px !important; }

.ltr .mRa2-f {
  margin-right: 2px !important; }

.rtl .mRa2-f {
  margin-left: 2px !important; }

.ltr .mLa2-f {
  margin-left: 2px !important; }

.rtl .mLa2-f {
  margin-right: 2px !important; }

.mA3 {
  margin: 3px 3px; }

.mT3 {
  margin-top: 3px; }

.mB3 {
  margin-bottom: 3px; }

.mR3 {
  margin-right: 3px; }

.mL3 {
  margin-left: 3px; }

.mTB3 {
  margin-top: 3px;
  margin-bottom: 3px; }

.mLR3 {
  margin-left: 3px;
  margin-right: 3px; }

.ltr .mRa3 {
  margin-right: 3px; }

.rtl .mRa3 {
  margin-left: 3px; }

.ltr .mLa3 {
  margin-left: 3px; }

.rtl .mLa3 {
  margin-right: 3px; }

.mA3-f {
  margin: 3px 3px !important; }

.mT3-f {
  margin-top: 3px !important; }

.mB3-f {
  margin-bottom: 3px !important; }

.mR3-f {
  margin-right: 3px !important; }

.mL3-f {
  margin-left: 3px !important; }

.mTB3-f {
  margin-top: 3px !important;
  margin-bottom: 3px !important; }

.mLR3-f {
  margin-left: 3px !important;
  margin-right: 3px !important; }

.ltr .mRa3-f {
  margin-right: 3px !important; }

.rtl .mRa3-f {
  margin-left: 3px !important; }

.ltr .mLa3-f {
  margin-left: 3px !important; }

.rtl .mLa3-f {
  margin-right: 3px !important; }

.mA5 {
  margin: 5px 5px; }

.mT5 {
  margin-top: 5px; }

.mB5 {
  margin-bottom: 5px; }

.mR5 {
  margin-right: 5px; }

.mL5 {
  margin-left: 5px; }

.mTB5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.mLR5 {
  margin-left: 5px;
  margin-right: 5px; }

.ltr .mRa5 {
  margin-right: 5px; }

.rtl .mRa5 {
  margin-left: 5px; }

.ltr .mLa5 {
  margin-left: 5px; }

.rtl .mLa5 {
  margin-right: 5px; }

.mA5-f {
  margin: 5px 5px !important; }

.mT5-f {
  margin-top: 5px !important; }

.mB5-f {
  margin-bottom: 5px !important; }

.mR5-f {
  margin-right: 5px !important; }

.mL5-f {
  margin-left: 5px !important; }

.mTB5-f {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.mLR5-f {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.ltr .mRa5-f {
  margin-right: 5px !important; }

.rtl .mRa5-f {
  margin-left: 5px !important; }

.ltr .mLa5-f {
  margin-left: 5px !important; }

.rtl .mLa5-f {
  margin-right: 5px !important; }

.mA10 {
  margin: 10px 10px; }

.mT10 {
  margin-top: 10px; }

.mB10 {
  margin-bottom: 10px; }

.mR10 {
  margin-right: 10px; }

.mL10 {
  margin-left: 10px; }

.mTB10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mLR10 {
  margin-left: 10px;
  margin-right: 10px; }

.ltr .mRa10 {
  margin-right: 10px; }

.rtl .mRa10 {
  margin-left: 10px; }

.ltr .mLa10 {
  margin-left: 10px; }

.rtl .mLa10 {
  margin-right: 10px; }

.mA10-f {
  margin: 10px 10px !important; }

.mT10-f {
  margin-top: 10px !important; }

.mB10-f {
  margin-bottom: 10px !important; }

.mR10-f {
  margin-right: 10px !important; }

.mL10-f {
  margin-left: 10px !important; }

.mTB10-f {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mLR10-f {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.ltr .mRa10-f {
  margin-right: 10px !important; }

.rtl .mRa10-f {
  margin-left: 10px !important; }

.ltr .mLa10-f {
  margin-left: 10px !important; }

.rtl .mLa10-f {
  margin-right: 10px !important; }

.mA15 {
  margin: 15px 15px; }

.mT15 {
  margin-top: 15px; }

.mB15 {
  margin-bottom: 15px; }

.mR15 {
  margin-right: 15px; }

.mL15 {
  margin-left: 15px; }

.mTB15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mLR15 {
  margin-left: 15px;
  margin-right: 15px; }

.ltr .mRa15 {
  margin-right: 15px; }

.rtl .mRa15 {
  margin-left: 15px; }

.ltr .mLa15 {
  margin-left: 15px; }

.rtl .mLa15 {
  margin-right: 15px; }

.mA15-f {
  margin: 15px 15px !important; }

.mT15-f {
  margin-top: 15px !important; }

.mB15-f {
  margin-bottom: 15px !important; }

.mR15-f {
  margin-right: 15px !important; }

.mL15-f {
  margin-left: 15px !important; }

.mTB15-f {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.mLR15-f {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.ltr .mRa15-f {
  margin-right: 15px !important; }

.rtl .mRa15-f {
  margin-left: 15px !important; }

.ltr .mLa15-f {
  margin-left: 15px !important; }

.rtl .mLa15-f {
  margin-right: 15px !important; }

.mA20 {
  margin: 20px 20px; }

.mT20 {
  margin-top: 20px; }

.mB20 {
  margin-bottom: 20px; }

.mR20 {
  margin-right: 20px; }

.mL20 {
  margin-left: 20px; }

.mTB20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mLR20 {
  margin-left: 20px;
  margin-right: 20px; }

.ltr .mRa20 {
  margin-right: 20px; }

.rtl .mRa20 {
  margin-left: 20px; }

.ltr .mLa20 {
  margin-left: 20px; }

.rtl .mLa20 {
  margin-right: 20px; }

.mA20-f {
  margin: 20px 20px !important; }

.mT20-f {
  margin-top: 20px !important; }

.mB20-f {
  margin-bottom: 20px !important; }

.mR20-f {
  margin-right: 20px !important; }

.mL20-f {
  margin-left: 20px !important; }

.mTB20-f {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mLR20-f {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.ltr .mRa20-f {
  margin-right: 20px !important; }

.rtl .mRa20-f {
  margin-left: 20px !important; }

.ltr .mLa20-f {
  margin-left: 20px !important; }

.rtl .mLa20-f {
  margin-right: 20px !important; }

.mA25 {
  margin: 25px 25px; }

.mT25 {
  margin-top: 25px; }

.mB25 {
  margin-bottom: 25px; }

.mR25 {
  margin-right: 25px; }

.mL25 {
  margin-left: 25px; }

.mTB25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.mLR25 {
  margin-left: 25px;
  margin-right: 25px; }

.ltr .mRa25 {
  margin-right: 25px; }

.rtl .mRa25 {
  margin-left: 25px; }

.ltr .mLa25 {
  margin-left: 25px; }

.rtl .mLa25 {
  margin-right: 25px; }

.mA25-f {
  margin: 25px 25px !important; }

.mT25-f {
  margin-top: 25px !important; }

.mB25-f {
  margin-bottom: 25px !important; }

.mR25-f {
  margin-right: 25px !important; }

.mL25-f {
  margin-left: 25px !important; }

.mTB25-f {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.mLR25-f {
  margin-left: 25px !important;
  margin-right: 25px !important; }

.ltr .mRa25-f {
  margin-right: 25px !important; }

.rtl .mRa25-f {
  margin-left: 25px !important; }

.ltr .mLa25-f {
  margin-left: 25px !important; }

.rtl .mLa25-f {
  margin-right: 25px !important; }

.mA50 {
  margin: 50px 50px; }

.mT50 {
  margin-top: 50px; }

.mB50 {
  margin-bottom: 50px; }

.mR50 {
  margin-right: 50px; }

.mL50 {
  margin-left: 50px; }

.mTB50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.mLR50 {
  margin-left: 50px;
  margin-right: 50px; }

.ltr .mRa50 {
  margin-right: 50px; }

.rtl .mRa50 {
  margin-left: 50px; }

.ltr .mLa50 {
  margin-left: 50px; }

.rtl .mLa50 {
  margin-right: 50px; }

.mA50-f {
  margin: 50px 50px !important; }

.mT50-f {
  margin-top: 50px !important; }

.mB50-f {
  margin-bottom: 50px !important; }

.mR50-f {
  margin-right: 50px !important; }

.mL50-f {
  margin-left: 50px !important; }

.mTB50-f {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.mLR50-f {
  margin-left: 50px !important;
  margin-right: 50px !important; }

.ltr .mRa50-f {
  margin-right: 50px !important; }

.rtl .mRa50-f {
  margin-left: 50px !important; }

.ltr .mLa50-f {
  margin-left: 50px !important; }

.rtl .mLa50-f {
  margin-right: 50px !important; }

.mA100 {
  margin: 100px 100px; }

.mT100 {
  margin-top: 100px; }

.mB100 {
  margin-bottom: 100px; }

.mR100 {
  margin-right: 100px; }

.mL100 {
  margin-left: 100px; }

.mTB100 {
  margin-top: 100px;
  margin-bottom: 100px; }

.mLR100 {
  margin-left: 100px;
  margin-right: 100px; }

.ltr .mRa100 {
  margin-right: 100px; }

.rtl .mRa100 {
  margin-left: 100px; }

.ltr .mLa100 {
  margin-left: 100px; }

.rtl .mLa100 {
  margin-right: 100px; }

.mA100-f {
  margin: 100px 100px !important; }

.mT100-f {
  margin-top: 100px !important; }

.mB100-f {
  margin-bottom: 100px !important; }

.mR100-f {
  margin-right: 100px !important; }

.mL100-f {
  margin-left: 100px !important; }

.mTB100-f {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }

.mLR100-f {
  margin-left: 100px !important;
  margin-right: 100px !important; }

.ltr .mRa100-f {
  margin-right: 100px !important; }

.rtl .mRa100-f {
  margin-left: 100px !important; }

.ltr .mLa100-f {
  margin-left: 100px !important; }

.rtl .mLa100-f {
  margin-right: 100px !important; }

.mLRa {
  margin-right: auto;
  margin-left: auto; }

.floatR {
  float: right; }

.floatL {
  float: left; }

.floatN {
  float: none; }

.floatR-f {
  float: right !important; }

.floatL-f {
  float: left !important; }

.floatN-f {
  float: none !important; }

.ltr .floatRa {
  float: right; }

.rtl .floatRa {
  float: left; }

.ltr .floatLa {
  float: left; }

.rtl .floatLa {
  float: right; }

.ltr .floatRa-f {
  float: right !important; }

.rtl .floatRa-f {
  float: left !important; }

.ltr .floatLa-f {
  float: left !important; }

.rtl .floatLa-f {
  float: right !important; }

.fs05 {
  font-size: 0.5em; }

.fs06 {
  font-size: 0.6em; }

.fs07 {
  font-size: 0.7em; }

.fs08 {
  font-size: 0.8em; }

.fs09 {
  font-size: 0.9em; }

.fs10 {
  font-size: 1em; }

.fs11 {
  font-size: 1.1em; }

.fs12 {
  font-size: 1.2em; }

.fs13 {
  font-size: 1.3em; }

.fs14 {
  font-size: 1.4em; }

.fs15 {
  font-size: 1.5em; }

.fs16 {
  font-size: 1.6em; }

.fs17 {
  font-size: 1.7em; }

.fs18 {
  font-size: 1.8em; }

.fs19 {
  font-size: 1.9em; }

.fs20 {
  font-size: 2em; }

.fs25 {
  font-size: 2.5em; }

.fs30 {
  font-size: 3em; }

.fs35 {
  font-size: 3.5em; }

.fs40 {
  font-size: 4em; }

.fs50 {
  font-size: 5em; }

.fs60 {
  font-size: 6em; }

.fs70 {
  font-size: 7em; }

.fs80 {
  font-size: 8em; }

.fs90 {
  font-size: 9em; }

.fs100 {
  font-size: 10em; }

.fw1 {
  font-weight: 100; }

.fw3 {
  font-weight: 300; }

.fw4 {
  font-weight: 400; }

.fw5 {
  font-weight: 500; }

.fw7 {
  font-weight: 700; }

.fw9 {
  font-weight: 900; }

.fc-red {
  color: #B03060; }

.fc-orange {
  color: #FE9A76; }

.fc-yellow {
  color: #FFD700; }

.fc-olive {
  color: #32CD32; }

.fc-green {
  color: #016936; }

.fc-teal {
  color: #008080; }

.fc-blue {
  color: #0E6EB8; }

.fc-violet {
  color: #EE82EE; }

.fc-purple {
  color: #B413EC; }

.fc-pink {
  color: #FF1493; }

.fc-brown {
  color: #A52A2A; }

.fc-grey {
  color: #A0A0A0; }

.fc-graylight {
  color: #EEEEEE; }

.fc-black {
  color: #000000; }

.fc-white {
  color: #FFFFFF; }

.fc-mute {
  color: #8d9ea7; }

.fc-danger {
  color: #cbb2ae; }

.fc-warn {
  color: #b9b9a8; }

.fc-info {
  color: #aec9cb; }

.fc-gold {
  color: #FCC200; }

.bg-red {
  background-color: #B03060; }

.bg-orange {
  background-color: #FE9A76; }

.bg-yellow {
  background-color: #FFD700; }

.bg-olive {
  background-color: #32CD32; }

.bg-green {
  background-color: #016936; }

.bg-teal {
  background-color: #008080; }

.bg-blue {
  background-color: #0E6EB8; }

.bg-violet {
  background-color: #EE82EE; }

.bg-purple {
  background-color: #B413EC; }

.bg-pink {
  background-color: #FF1493; }

.bg-brown {
  background-color: #A52A2A; }

.bg-grey {
  background-color: #A0A0A0; }

.bg-graylight {
  background-color: #EEEEEE; }

.bg-black {
  background-color: #000000; }

.bg-white {
  background-color: #FFFFFF; }

.op0 {
  opacity: 0;
  filter: alpha(opacity=0); }

.op05 {
  opacity: 0.05;
  filter: alpha(opacity=5); }

.op10 {
  opacity: 0.1;
  filter: alpha(opacity=10); }

.op15 {
  opacity: 0.15;
  filter: alpha(opacity=15); }

.op20 {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.op30 {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.op40 {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.op50 {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.op60 {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.op70 {
  opacity: 0.7;
  filter: alpha(opacity=70); }

.op80 {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.op90 {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.op95 {
  opacity: 0.95;
  filter: alpha(opacity=95); }

.op100 {
  opacity: 1;
  filter: alpha(opacity=100); }

.ovh {
  overflow: hidden; }

.ova {
  overflow: auto; }

.txtCut {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.code1 {
  padding: 0.2em 0.5em;
  color: #c04040;
  background-color: #f8f8f8;
  border-radius: 0.25rem;
  font-size: 90%; }

body .w100 {
  width: 100px;
  max-width: 100%; }

body .w125 {
  width: 125px;
  max-width: 100%; }

body .w150 {
  width: 150px;
  max-width: 100%; }

body .w200 {
  width: 200px;
  max-width: 100%; }

body .w250 {
  width: 250px;
  max-width: 100%; }

body .w300 {
  width: 300px;
  max-width: 100%; }

body .w400 {
  width: 400px;
  max-width: 100%; }

body .w500 {
  width: 500px;
  max-width: 100%; }

body .we50 {
  min-width: 50px;
  width: 50px; }

body .we70 {
  min-width: 70px;
  width: 70px; }

body .we80 {
  min-width: 80px;
  width: 80px; }

body .we100 {
  min-width: 100px;
  width: 100px; }

body .we125 {
  min-width: 125px;
  width: 125px; }

body .we150 {
  min-width: 150px;
  width: 150px; }

body .we200 {
  min-width: 200px;
  width: 200px; }

body .we250 {
  min-width: 250px;
  width: 250px; }

body .we300 {
  min-width: 300px;
  width: 300px; }

body .we400 {
  min-width: 400px;
  width: 400px; }

body .we500 {
  min-width: 500px;
  width: 500px; }

.max-w50 {
  max-width: 50px !important; }

.max-w100 {
  max-width: 100px !important; }

.max-w150 {
  max-width: 150px !important; }

.max-w200 {
  max-width: 200px !important; }

.max-w250 {
  max-width: 250px !important; }

.max-w300 {
  max-width: 300px !important; }

.size-we20 {
  max-width: 20px !important;
  min-width: 20px !important;
  width: 20px !important; }

.size-we25 {
  max-width: 25px !important;
  min-width: 25px !important;
  width: 25px !important; }

.size-we30 {
  max-width: 30px !important;
  min-width: 30px !important;
  width: 30px !important; }

.size-we40 {
  max-width: 40px !important;
  min-width: 40px !important;
  width: 40px !important; }

.size-we50 {
  max-width: 50px !important;
  min-width: 50px !important;
  width: 50px !important; }

.size-we60 {
  max-width: 60px !important;
  min-width: 60px !important;
  width: 60px !important; }

.size-we70 {
  max-width: 70px !important;
  min-width: 70px !important;
  width: 70px !important; }

.size-we80 {
  max-width: 80px !important;
  min-width: 80px !important;
  width: 80px !important; }

.size-we90 {
  max-width: 90px !important;
  min-width: 90px !important;
  width: 90px !important; }

.size-we100 {
  max-width: 100px !important;
  min-width: 100px !important;
  width: 100px !important; }

.size-we150 {
  max-width: 150px !important;
  min-width: 150px !important;
  width: 150px !important; }

.size-we200 {
  max-width: 200px !important;
  min-width: 200px !important;
  width: 200px !important; }

.size-we250 {
  max-width: 250px !important;
  min-width: 250px !important;
  width: 250px !important; }

.size-we300 {
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important; }

.size-we400 {
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important; }

.size-we500 {
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important; }

.size-he20 {
  max-height: 20px !important;
  min-height: 20px !important;
  height: 20px !important; }

.size-he25 {
  max-height: 25px !important;
  min-height: 25px !important;
  height: 25px !important; }

.size-he30 {
  max-height: 30px !important;
  min-height: 30px !important;
  height: 30px !important; }

.size-he40 {
  max-height: 40px !important;
  min-height: 40px !important;
  height: 40px !important; }

.size-he50 {
  max-height: 50px !important;
  min-height: 50px !important;
  height: 50px !important; }

.size-he60 {
  max-height: 60px !important;
  min-height: 60px !important;
  height: 60px !important; }

.size-he70 {
  max-height: 70px !important;
  min-height: 70px !important;
  height: 70px !important; }

.size-he80 {
  max-height: 80px !important;
  min-height: 80px !important;
  height: 80px !important; }

.size-he90 {
  max-height: 90px !important;
  min-height: 90px !important;
  height: 90px !important; }

.size-he100 {
  max-height: 100px !important;
  min-height: 100px !important;
  height: 100px !important; }

.size-he150 {
  max-height: 150px !important;
  min-height: 150px !important;
  height: 150px !important; }

.size-he200 {
  max-height: 200px !important;
  min-height: 200px !important;
  height: 200px !important; }

.size-he250 {
  max-height: 250px !important;
  min-height: 250px !important;
  height: 250px !important; }

.size-he300 {
  max-height: 300px !important;
  min-height: 300px !important;
  height: 300px !important; }

.size-he400 {
  max-height: 400px !important;
  min-height: 400px !important;
  height: 400px !important; }

.size-he500 {
  max-height: 500px !important;
  min-height: 500px !important;
  height: 500px !important; }

.size-he600 {
  max-height: 600px !important;
  min-height: 600px !important;
  height: 600px !important; }

.size-hauto {
  max-height: 600px !important;
  min-height: auto !important;
  height: auto !important; }

.size-h100 {
  max-height: 600px !important;
  min-height: auto !important;
  height: 100% !important; }

.block {
  display: block;
  width: 100%; }

.compact {
  display: inline-block; }

.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.rounded {
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  border-radius: 10rem; }

.radius5px {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.radius10px {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

.radius1em {
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  border-radius: 10em; }

.box50 {
  display: block;
  margin: 0 auto;
  width: 50px;
  overflow: hidden; }

.box100 {
  display: block;
  margin: 0 auto;
  width: 100px;
  overflow: hidden; }

.box200 {
  display: block;
  margin: 0 auto;
  width: 200px;
  overflow: hidden; }

.box300 {
  display: block;
  margin: 0 auto;
  width: 300px;
  overflow: hidden; }

.box400 {
  display: block;
  margin: 0 auto;
  width: 400px;
  overflow: hidden; }

.box500 {
  display: block;
  margin: 0 auto;
  width: 500px;
  overflow: hidden; }

.box600 {
  display: block;
  margin: 0 auto;
  width: 600px;
  overflow: hidden; }

.box700 {
  display: block;
  margin: 0 auto;
  width: 700px;
  overflow: hidden; }

.box800 {
  display: block;
  margin: 0 auto;
  width: 800px;
  overflow: hidden; }

.box900 {
  display: block;
  margin: 0 auto;
  width: 900px;
  overflow: hidden; }

.box1000 {
  display: block;
  margin: 0 auto;
  width: 1000px;
  overflow: hidden; }

[data-confirm] {
  cursor: pointer; }

.xs {
  font-size: 60%; }

.sm {
  font-size: 85%; }

.lg {
  font-size: 120%; }

.xl {
  font-size: 150%; }

.disabled-f, :disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6; }

.loading-form form {
  cursor: progress; }

.loading-form form :disabled {
  pointer-events: auto;
  cursor: progress; }

.loading-form form.submitedForm :disabled {
  cursor: wait; }

.disabled {
  opacity: 0.6; }

.txtR {
  text-align: right !important; }

.txtL {
  text-align: left !important; }

.txtC {
  text-align: center !important; }

.ltr .txtRa {
  text-align: right !important; }

.rtl .txtRa {
  text-align: left !important; }

.ltr .txtLa {
  text-align: left !important; }

.rtl .txtLa {
  text-align: right !important; }

.txtB {
  font-weight: 700 !important; }

.fadeIn {
  display: none; }

.primary {
  background-color: #2080d0;
  color: #fff; }

.primary.outline {
  background-color: transparent;
  border-color: #2080d0;
  color: #2080d0; }

.primary:hover {
  background-color: #1678c2;
  color: #fff; }

.primary:focus {
  background-color: #0d71bb;
  color: #fff; }

.primary:active, .primary.active {
  background-color: #0060b0;
  color: #fff; }

.primary > a {
  color: #eee; }
  .primary > a:hover {
    color: #efefef; }
  .primary > a:focus {
    color: #fff; }
  .primary > a:active {
    color: #fff; }

.secondary {
  background-color: #111111;
  color: #fff; }

.secondary.outline {
  background-color: transparent;
  border-color: #111111;
  color: #111111; }

.secondary:hover {
  background-color: #333333;
  color: #fff; }

.secondary:focus {
  background-color: #444444;
  color: #fff; }

.secondary:active, .secondary.active {
  background-color: #555555;
  color: #fff; }

.secondary > a {
  color: #fff; }
  .secondary > a:hover {
    color: #fff; }
  .secondary > a:focus {
    color: #fff; }
  .secondary > a:active {
    color: #fff; }

.secondary .active, .secondary :active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff; }

.success {
  background-color: #20b040;
  color: #fff; }

.success.outline {
  background-color: transparent;
  border-color: #20b040;
  color: #20b040; }

.success:hover {
  background-color: #10a030;
  color: #fff; }

.success:focus {
  background-color: #009020;
  color: #fff; }

.success:active, .success.active {
  background-color: #008010;
  color: #fff; }

.success > a {
  color: #fff; }
  .success > a:hover {
    color: #fff; }
  .success > a:focus {
    color: #fff; }
  .success > a:active {
    color: #fff; }

.danger {
  background-color: #e02020;
  color: #fff; }

.danger.outline {
  background-color: transparent;
  border-color: #e02020;
  color: #e02020; }

.danger:hover {
  background-color: #d02020;
  color: #fff; }

.danger:focus {
  background-color: #c02020;
  color: #fff; }

.danger:active, .danger.active {
  background-color: #b02020;
  color: #fff; }

.danger > a {
  color: #fff; }
  .danger > a:hover {
    color: #fff; }
  .danger > a:focus {
    color: #fff; }
  .danger > a:active {
    color: #fff; }

.warn {
  background-color: #ffc000;
  color: #111; }

.warn.outline {
  background-color: transparent;
  border-color: #ffc000;
  color: #ffc000; }

.warn:hover {
  background-color: #ffb000;
  color: #111; }

.warn:focus {
  background-color: #eeb000;
  color: #111; }

.warn:active, .warn.active {
  background-color: #ddb000;
  color: #111; }

.warn > a {
  color: #111; }
  .warn > a:hover {
    color: #111; }
  .warn > a:focus {
    color: #111; }
  .warn > a:active {
    color: #111; }

.info {
  background-color: #00b0aa;
  color: #fff; }

.info.outline {
  background-color: transparent;
  border-color: #00b0aa;
  color: #00b0aa; }

.info:hover {
  background-color: #00a0a0;
  color: #fff; }

.info:focus {
  background-color: #009090;
  color: #fff; }

.info:active, .info.active {
  background-color: #008080;
  color: #fff; }

.info > a {
  color: #fff; }
  .info > a:hover {
    color: #fff; }
  .info > a:focus {
    color: #fff; }
  .info > a:active {
    color: #fff; }

.light {
  background-color: #f6f8fa;
  color: #333; }

.light.outline {
  background-color: transparent;
  border-color: #f6f8fa;
  color: #f6f8fa; }

.light:hover {
  background-color: #e2e6ea;
  color: #333 !important; }

.light:focus {
  background-color: #d0d6e0;
  color: #111 !important; }

.light:active, .light.active {
  background-color: #c0d0e0;
  color: #111; }

.light > a {
  color: #111; }
  .light > a:hover {
    color: #111; }
  .light > a:focus {
    color: #111; }
  .light > a:active {
    color: #111; }

.dark {
  background-color: #444444;
  color: #fff; }

.dark.outline {
  background-color: transparent;
  border-color: #444444;
  color: #444444; }

.dark:hover {
  background-color: #333333;
  color: #fff; }

.dark:focus {
  background-color: #222222;
  color: #fff; }

.dark:active, .dark.active {
  background-color: #000000;
  color: #fff; }

.dark > a {
  color: #fff; }
  .dark > a:hover {
    color: #fff; }
  .dark > a:focus {
    color: #fff; }
  .dark > a:active {
    color: #fff; }

.dark .active, .dark :active {
  background-color: #000000;
  color: #fff; }

.link {
  background-color: transparent;
  color: #007bff; }

.link.outline {
  background-color: transparent;
  border-color: #007bff;
  color: #007bff; }

.link:hover {
  background-color: transparent;
  color: #0070f0; }

.link:focus {
  background-color: transparent;
  color: #0060e0; }

.link:active, .link.active {
  background-color: transparent;
  color: #0050d0;
  text-decoration: underline; }

.link > a {
  color: #111; }
  .link > a:hover {
    color: #111; }
  .link > a:focus {
    color: #111; }
  .link > a:active {
    color: #111; }

.pain {
  background-color: #6c7ae0;
  color: #fff; }

.pain.outline {
  background-color: transparent;
  border-color: #6c7ae0;
  color: #6c7ae0; }

.pain:hover {
  background-color: #7070f0;
  color: #fff; }

.pain:focus {
  background-color: #6060f0;
  color: #fff; }

.pain:active, .pain.active {
  background-color: #5050f0;
  color: #fff; }

.pain > a {
  color: #eee; }
  .pain > a:hover {
    color: #efefef; }
  .pain > a:focus {
    color: #fff; }
  .pain > a:active {
    color: #fff; }

.primary2 {
  background-color: #cce5ff;
  color: #004085; }

.primary2.outline {
  background-color: transparent;
  border-color: #2080d0;
  color: #2080d0; }

.secondary2 {
  background-color: #dddfe2;
  color: #464a4e; }

.secondary2.outline {
  background-color: transparent;
  border-color: #111111;
  color: #111111; }

.success2 {
  background-color: #d4edda;
  color: #155724; }

.success2.outline {
  background-color: transparent;
  border-color: #20b040;
  color: #20b040; }

.danger2 {
  background-color: #f8d7da;
  color: #721c24; }

.danger2.outline {
  background-color: transparent;
  border-color: #e02020;
  color: #e02020; }

.warn2 {
  background-color: #fff3cd;
  color: #856404; }

.warn2.outline {
  background-color: transparent;
  border-color: #ffc000;
  color: #ffc000; }

.info2 {
  background-color: #d1ecf1;
  color: #0c5460; }

.info2.outline {
  background-color: transparent;
  border-color: #00b0aa;
  color: #00b0aa; }

.light2 {
  background-color: #fefefe;
  color: #818182; }

.light2.outline {
  background-color: transparent;
  border-color: #f6f8fa;
  color: #f6f8fa; }

.dark2 {
  background-color: #d6d8d9;
  color: #1b1e21; }

.dark2.outline {
  background-color: transparent;
  border-color: #444444;
  color: #444444; }

.link {
  background-color: transparent;
  color: #007bff; }

.link.outline {
  background-color: transparent;
  border-color: #007bff;
  color: #007bff; }

.light3 {
  background-color: #f7f7f7;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.light3.apply, .search.apply .light3 {
  background-color: #e5fbea;
  border-color: #82e06b;
  box-shadow: 0 0 3px 0px #82e06b; }

.light3.outline {
  background-color: transparent;
  border-color: #f7f7f7;
  color: #f7f7f7; }

.light3:hover {
  background-color: #e2e6ea;
  color: #333 !important; }

.light3:focus, .dropdown.active .light3 {
  background-color: #d0d6e0;
  color: #111 !important; }

.light3:active, .light3.active {
  background-color: #c0d0e0;
  color: #111; }

.light3 > a {
  color: #111; }
  .light3 > a:hover {
    color: #111; }
  .light3 > a:focus {
    color: #111; }
  .light3 > a:active {
    color: #111; }

.grShadow {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.grGreen1 {
  background: linear-gradient(33deg, #6de195, #c4e759); }

.grGreen2 {
  background: linear-gradient(33deg, #41c7af, #54e38e);
  color: #fff; }

.grGreen3 {
  background: linear-gradient(33deg, #99e5a2, #d4fc78); }

.grBlue1 {
  background: linear-gradient(33deg, #abc7ff, #c1e3ff); }

.grBlue2 {
  background: linear-gradient(33deg, #6cacff, #8debff); }

.grBlue3 {
  background: linear-gradient(33deg, #5583ee, #41d8dd); }

.fcWhite900 {
  color: #fff;
  font-weight: 900 !important; }

.fcWhite900:hover, .fcWhite900:focus, .fcWhite900:active {
  color: #fff; }

/* siftal layout */
.siftal {
  min-height: 100%;
  height: 100%;
  color: #333;
  background-color: #f2f2f2;
  background: linear-gradient(0deg, #eee 0%, #f6f6f6 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-touch-callout: none;
  cursor: default;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0 !important;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.siftal #main {
  min-height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transition: all 300ms cubic-bezier(0.694, 0.0482, 0.335, 1); }

.siftal.ltr #main {
  margin-left: 250px; }

.siftal.rtl #main {
  margin-right: 250px; }

.siftal #main:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: 9;
  cursor: col-resize;
  background-color: rgba(0, 0, 0, 0);
  transition: .3s;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.siftal #main:after {
  content: "\e041";
  font-family: "siftal", "tahoma" !important;
  font-size: 40px;
  line-height: 50px;
  color: #ccc;
  padding: 0 2rem;
  position: fixed;
  top: -50px;
  left: 250px;
  height: 50px;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  transition: .3s;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.siftal.rtl #main:after {
  left: initial;
  right: 250px; }

.siftal #main:before:hover {
  background-color: rgba(0, 0, 0, 0.2); }

.siftal #main:hover:after {
  color: #eee; }

.siftal[data-clean].ltr #main {
  margin-left: 0; }

.siftal[data-clean].rtl #main {
  margin-right: 0; }

.siftal[data-clean] #sidebar {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -250px; }

.siftal[data-clean].rtl #sidebar {
  right: -250px;
  left: initial; }

.siftal[data-clean] #sidebar figure {
  margin: 2em 0; }

.siftal[data-clean] .dashHead .sidenavHandler {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  max-width: initial;
  display: flex !important; }

.siftal[data-sidebar].ltr #sidebar {
  left: 0 !important; }

.siftal[data-sidebar].rtl #sidebar {
  right: 0 !important; }

.siftal[data-sidebar] #main:before {
  bottom: 0;
  height: 100%; }

.siftal[data-sidebar] #main:after {
  top: 0; }

.siftal .dashHead.cloner {
  position: fixed;
  z-index: 8;
  top: -100%;
  width: 100%;
  width: calc( 100% - 250px);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transform: translateX(0); }

.siftal .dashHead.cloner[data-cloner-trigger] {
  top: 0; }

.siftal[data-clean] .dashHead.cloner {
  right: 0;
  left: 0;
  width: 100%; }

.tbox {
  margin: 0 0 10px;
  font-size: 1.2em;
  position: relative;
  padding: 5px 1em;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  line-height: 1.25;
  opacity: 0.8;
  background-color: #f7f7f7;
  color: #444;
  transition-duration: 0.3s;
  transition-property: opacity, background-color, box-shadow, border;
  user-select: none;
  overflow: hidden; }

.tbox:hover {
  border-color: #fff; }

.ltr .tbox.pictogram {
  padding-right: 5em; }

.rtl .tbox.pictogram {
  padding-left: 5em; }

.tbox p {
  color: #777;
  margin-bottom: 0; }

.tbox:hover {
  opacity: 1; }

.tbox h2 {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 28px;
  margin: 0;
  display: inline-block; }

.tbox h2 .badge {
  font-size: 65%;
  line-height: 1.3; }

.tbox p .badge {
  line-height: 1.3; }

.tbox.pictogram > span[class^="sf-"] {
  font-size: 3em;
  transition: color 0.1s;
  position: absolute;
  line-height: 50px;
  top: 50%;
  right: 10px;
  margin-top: -0.5em;
  color: #aaa; }

.tbox.pictogram > span[class^="sf-"]:before {
  vertical-align: -webkit-baseline-middle;
  display: block; }

.rtl .tbox.pictogram > span[class^="sf-"] {
  right: initial;
  left: 10px; }

.tbox.pictogram:hover > span[class^="sf-"] {
  color: #398cd4; }

.titleBox {
  margin: 0;
  min-height: 48px;
  font-size: 1.2em;
  position: relative;
  padding: 10px 0;
  opacity: 0.95;
  color: #444;
  transition: 0.3s;
  user-select: none; }

.titleBox .equalPad {
  padding: 5px; }

.titleBox:hover {
  opacity: 1; }

.titleBox h2 {
  font-weight: 400;
  font-size: 2.2em;
  line-height: 36px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
  max-width: 50vw; }

.titleBox .actions .btn {
  padding-left: 0.5em;
  padding-right: 0.5em; }

.btn.master {
  font-size: 1em;
  font-weight: 100;
  transition: all 150ms ease-out;
  background-color: #2080d0;
  color: #fff;
  background: linear-gradient(to left, #2080d0, #6b7ae0); }

.btn.master.back {
  background-color: #333;
  background: linear-gradient(to left, #302b2b, #2268a5);
  padding-left: 0.5em;
  padding-right: 0.5em;
  min-width: 36px; }

.btn.master:hover {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.3rem #2080d0; }

.btn.master:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #6b7ae0; }

.btn.master:active {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #2080d0;
  transition-duration: 75ms; }

.btn.master kbd {
  font-size: 1em;
  vertical-align: middle;
  font-family: monospace, sans-serif; }

.searchBox {
  font-size: 1.2em;
  padding-bottom: 10px; }

.searchBox .input.search input {
  background-color: #f7f7f7; }

.searchBox .input.search input:hover {
  background-color: #e2e6ea; }

.searchBox .input.search input:focus {
  background-color: #fff; }

.searchBox .input.search.apply input {
  background-color: #e5fbea;
  border-color: #82e06b;
  box-shadow: 0 0 3px 0px #82e06b; }

.applyFilters {
  font-size: 1.2em;
  overflow: hidden; }

.applyFilters .btn {
  display: inline-block;
  margin-bottom: 10px; }

.filterBox {
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-size: 1.2em;
  padding: 10px;
  margin-bottom: 10px;
  overflow: hidden; }

.siftal #main #content {
  padding: 10px 2% 1em; }

body.siftal .full {
  width: 100%;
  height: 100%; }

body.siftal .full .middle {
  width: 100%;
  max-height: 100%; }

.siftal form #mobile {
  direction: ltr; }

.siftal form #email {
  direction: ltr; }

.tblFiles tbody .thumb {
  width: 50px;
  white-space: nowrap; }

.tblFiles tbody .thumb a {
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  overflow: hidden;
  text-align: center; }

.tblFiles tbody .thumb a img {
  display: block;
  position: relative;
  z-index: 2; }

.tblFiles tbody .thumb a:hover img {
  border-color: #777; }

.tblFiles tbody .thumb a:focus img {
  border-color: #333; }

.tblFiles tbody .thumb a div {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.tblFiles tbody .thumb a span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  direction: ltr;
  border-radius: 0.5em;
  box-shadow: 30px -40px 0 0 #5bab6e inset;
  transition: 0.3s; }

.tblFiles tbody .thumb a div:after {
  content: '';
  position: absolute;
  z-index: -1;
  border-width: 0;
  border-bottom: 20px solid #448353;
  border-right: 20px solid rgba(0, 0, 0, 0);
  top: -4px;
  right: 4px; }

.tblFiles tbody .fileName {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px; }

.siftal[data-in="api"] body {
  background-color: #eee; }

.siftal[data-in="api"] pre {
  background-color: #333;
  color: #eee;
  padding: 1em;
  margin-bottom: 1em;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text; }

.siftal[data-in="api"] code {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 0 0.5em; }

.siftal[data-in="api"] .msg.url {
  direction: ltr;
  font-family: monospace, sans-serif; }

.siftal[data-in="api"] .msg.url span {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text; }

.siftal[data-in="api"] .cbox ol {
  margin: 0 2em; }

.siftal[data-in="api"] .cbox ol li {
  padding: 0.5em 0 0; }

.siftal .alerty2-popup .langlist a {
  border: 1px solid #eee;
  padding: 0.5em 1em;
  margin: 0 3px;
  transition: 0.3s;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -moz-box-flex: 1;
  flex-grow: 1;
  max-width: 100%; }

.siftal .alerty2-popup .langlist a.active {
  min-width: 10rem;
  border-color: #5cb85c; }

.siftal .alerty2-popup .langlist a.active::after {
  content: "\6f";
  display: inline-block;
  color: #5cb85c;
  font-family: siftal;
  padding: 0 5px;
  float: right;
  vertical-align: bottom; }

.siftal.rtl .alerty2-popup .langlist a.active::after {
  float: left; }

.siftal .alerty2-popup .langlist a:hover {
  border-color: #ccc; }

.siftal .alerty2-popup .langlist a:focus {
  border-color: #aaa; }

.siftal .alerty2-popup .langlist a:active {
  border-color: #777; }

.ck.ck-content.ck-editor__editable {
  min-height: 200px; }

.ck.ck-link-form {
  direction: ltr; }

.rtl .ck.ck-content.ck-editor__editable {
  direction: rtl; }

.rtl .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
  font-family: IRANSans, tahoma; }

.rtl .ck.ck-tooltip .ck-tooltip__text {
  font-family: IRANSans, tahoma; }

.rtl .ck.ck-labeled-input .ck-labeled-input__status {
  font-family: IRANSans, tahoma; }

.siftal[data-theme="night"] {
  background: none;
  background-color: #333; }

.siftal[data-theme="night"] .dashHead {
  background-color: #111;
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2); }

.siftal[data-theme="night"] .tbox {
  background-color: #111;
  color: #bbb; }

.siftal[data-theme="night"] .tbox:hover {
  border-color: #444; }

.siftal[data-theme="night"] .tbox .badge.light {
  background-color: #555;
  color: #bbb; }

.siftal[data-theme="night"] .cbox {
  background-color: #222;
  color: #aaa; }

.siftal[data-theme="night"] .dcard {
  background-color: rgba(0, 0, 0, 0.3);
  color: #aaa; }

.siftal[data-theme="night"] .chart rect.highcharts-background {
  fill: #111; }

.siftal[data-theme="night"] .chart rect.highcharts-button-box {
  fill: #222; }

.siftal[data-theme="night"] .chart path.highcharts-axis-line {
  stroke: #000; }

.siftal[data-theme="night"] .chart path.highcharts-grid-line {
  stroke: #000; }

.siftal[data-theme="night"] .msg {
  background-color: #444;
  color: #ddd; }

.siftal[data-theme="night"] .input {
  color: #777; }

.siftal[data-theme="night"] .input input {
  background-color: #000;
  color: #eee; }

.siftal[data-theme="night"] .input .addon:not(.btn) {
  color: #bbb; }

.siftal[data-theme="night"] .select {
  background-color: #000;
  color: #eee; }

.siftal[data-theme="night"] .txt {
  background-color: #000;
  color: #bbb; }

.siftal[data-theme="night"] .txt:hover {
  border-color: #777; }

.siftal[data-theme="night"] .switch1 label:first-of-type {
  background-color: #555; }

.siftal[data-theme="night"] .switch1 input:checked + label:first-of-type {
  background-color: #225c8a; }

.siftal[data-theme="night"] .input input:focus, .siftal[data-theme="night"] .input.focus input {
  border-color: #777; }

.siftal[data-theme="night"] .select:focus, .siftal[data-theme="night"] .select.focus {
  border-color: #777; }

.siftal[data-theme="night"] .btn {
  background-color: #333;
  color: #ccc; }

.siftal[data-theme="night"] .dark.outline {
  color: #ccc; }

.siftal[data-theme="night"] .pagination {
  background-color: #000; }

.siftal[data-theme="night"] .pagination a {
  color: #ccc; }

.siftal[data-theme="night"] .pagination a:link:hover {
  color: #eee;
  background-color: #333; }

.siftal[data-theme="light"] {
  background: #fff; }

.siftal[data-theme="light"] .dashHead {
  box-shadow: none; }

.siftal[data-theme="light"] .dashHead.cloner {
  display: none; }

.siftal[data-theme="light"] .tbox {
  background-color: #fff; }

.siftal[data-theme="light"] .cbox {
  border: 1px solid #eee; }

.siftal[data-theme="light"] #sidebar {
  background-color: #fff; }

.siftal[data-theme="light"] #sidebar figure {
  color: #3c4040; }

.siftal[data-theme="light"] #sidebar ul > li > a {
  color: #3c4040; }

.siftal[data-theme="light"].ltr #sidebar ul > li > a {
  -webkit-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0; }

.siftal[data-theme="light"].rtl #sidebar ul > li > a {
  -webkit-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px; }

.siftal[data-theme="light"] #sidebar ul > li > a.weAreHere {
  background-color: #e8f0fe;
  color: #1a73e8; }

.siftal[data-theme="light"] #sidebar ul > li > a:hover {
  background-color: #f5f5f5; }

.siftal[data-theme="light"] #sidebar ul > li > a:focus {
  background-color: #e0e0e0; }

.siftal[data-theme="light"] #sidebar ul > li > ul {
  background-color: #fff; }

.siftal[data-theme="light"] #sidebar ul > li.title {
  background-color: #fff;
  color: #3c4040; }

.siftal[data-theme="light"] #sidebar ul > li.title:hover {
  background-color: #f5f5f5; }

.siftal[data-theme="light"] #sidebar .hr {
  border-top-color: #dadce0 !important; }

.siftal[data-theme="light"] #sidebar .activeContent {
  border-color: #1a73e8;
  color: #3c4040; }

.siftal[data-theme="light"] #ermileBadge {
  background-color: #fff; }

.siftal[data-theme="light"] #ermileBadge h2 {
  color: #555; }

.siftal[data-theme="light"] #ermileBadge h3 {
  color: #555; }

/* header */
.siftal .dashHead {
  height: 50px;
  flex-shrink: 0;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  user-select: none;
  z-index: 1; }

.siftal .dashHead:hover {
  overflow: visible; }

.siftal .dashHead .sidenavHandler {
  width: 50px;
  text-align: center;
  font-size: 1.2em;
  cursor: pointer !important; }

.siftal .dashHead .sidenavHandler:hover {
  background-color: rgba(0, 0, 0, 0.2); }

.siftal .dashHead .sidenavHandler i {
  width: 100%;
  padding: 0; }

.siftal .dashHead .logo {
  transition: 0.3s;
  padding: 0 5px;
  width: 60px; }

.siftal .dashHead .logo:focus {
  background-color: rgba(0, 0, 0, 0.15); }

.siftal .dashHead .logo img {
  display: block;
  margin: 0 auto;
  max-width: 50px;
  height: 50px; }

.siftal .dashHead h1 {
  margin: 0;
  overflow: hidden;
  min-width: 100px;
  font-size: 1.5em;
  height: 50px; }

.siftal .dashHead h1 a {
  margin: 0;
  padding: 0 1em;
  color: #333;
  transition-duration: 0.3s;
  transition-property: color, background-color;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%; }

.siftal .dashHead h1 a:hover {
  color: #444;
  background-color: rgba(0, 0, 0, 0.1); }

.siftal .dashHead h1 a:focus {
  color: #444;
  background-color: rgba(0, 0, 0, 0.15); }

.siftal .dashHead h1 img {
  height: 50px;
  width: 50px;
  max-width: 50px;
  min-width: 50px;
  padding: 5px;
  overflow: hidden; }

.siftal .dashHead h1 span {
  padding: 0 0.5em;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* header flex */
.siftal .dashHead i {
  padding: 0;
  cursor: pointer;
  transition-duration: 0.3s;
  transition-property: color, background-color;
  display: block;
  height: 100%;
  width: 40px;
  color: #888;
  line-height: 45px; }

.siftal .dashHead i:before {
  font-size: 1.5em;
  vertical-align: -webkit-baseline-middle !important; }

.siftal .dashHead .hm a, .siftal .dashHead .hm div {
  position: relative;
  transition-duration: 0.3s;
  transition-property: color, background-color;
  color: #888;
  max-height: 50px;
  outline: none;
  cursor: pointer; }

.siftal .dashHead .hm div:before {
  content: "\e20c";
  font-family: "siftal","tahoma" !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  line-height: 50px;
  text-align: center;
  font-size: 1.5em; }

.siftal .dashHead .hm a:hover, .siftal .dashHead .hm div:hover {
  color: #555;
  background-color: rgba(0, 0, 0, 0.1); }

.siftal .dashHead .hm a:focus, .siftal .dashHead .hm div:focus {
  color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

/* vertical menu nav */
.siftal .dashHead .vm nav {
  max-width: 200px;
  min-width: 140px;
  width: auto;
  position: absolute;
  top: 50px;
  opacity: 0;
  background-color: #ccc;
  transition: opacity 0.3s;
  visibility: hidden;
  z-index: 1; }

.siftal .dashHead .vm nav > a {
  display: block;
  padding: 1em 1em;
  transition: background-color 0.3s;
  margin: 0.5em;
  background-color: #eee; }

.siftal .dashHead .vm nav > a:hover {
  background-color: #fff; }

.siftal .dashHead .vm nav > a:focus {
  background-color: rgba(255, 255, 255, 0.4); }

.siftal .dashHead .vm nav .isActive, .siftal .dashHead .vm nav .active {
  cursor: alias; }

.siftal .dashHead .vm nav .isActive::after, .siftal .dashHead .vm nav .active::after {
  content: "\6f";
  display: inline-block;
  color: #5cb85c;
  font: normal normal normal 14px/11px siftal;
  padding: 0 5px;
  float: right;
  vertical-align: bottom; }

.siftal.rtl .dashHead .vm nav .isActive::after, .siftal.rtl .dashHead .vm nav .active::after {
  float: left; }

.siftal .dashHead .vm:hover nav {
  opacity: 1;
  visibility: visible; }

.siftal.ltr .dashHead .right {
  margin-left: auto; }

.siftal.rtl .dashHead .right {
  margin-right: auto; }

.siftal .dashHead .profileShow img {
  height: 40px;
  width: 40px;
  max-width: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin: 5px;
  position: relative; }

.siftal .dashHead .notification[data-new]:after {
  content: "\2a";
  font-family: "siftal","tahoma" !important;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #f02020;
  font-size: 1.1em;
  animation: pulseNotificationHeart 0.7s infinite ease-in-out; }

.siftal .dashHead .notification[data-new] .sf-bell {
  font-size: 1.3em;
  transition: 0.1s; }

@keyframes pulseNotificationHeart {
  0% {
    opacity: .7; }
  80% {
    opacity: .9;
    transform: scale(1.4); }
  100% {
    opacity: .7; } }
.siftal #sidebar {
  overflow: hidden;
  overflow-y: auto;
  width: 250px;
  height: 100%;
  position: relative;
  background-color: #302b2b;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transition: all 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition-property: right,left;
  transform: translateX(0); }

.siftal.ltr #sidebar {
  left: 0; }

.siftal.rtl #sidebar {
  right: 0; }

/* sidebar */
.siftal #sidebar .scr {
  overflow: hidden;
  overflow-y: auto;
  height: 80%;
  height: calc(100% - 70px); }

.siftal #sidebar figure {
  padding: 2em 0;
  text-align: center;
  color: #ddd; }

.siftal #sidebar figure .avatar {
  position: relative;
  width: 100px;
  margin: 1em auto;
  display: block;
  height: 100px; }

.siftal #sidebar figure .avatar:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  transition: .3s;
  border: 2px solid transparent;
  border-color: transparent #888;
  border-radius: 50%; }

.siftal #sidebar figure .avatar:after {
  font-family: "siftal";
  content: "\e20c";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  line-height: 90px;
  font-size: 2em;
  border-radius: 50%;
  color: #fff;
  opacity: 0.3;
  transition: 0.3s;
  margin: 5px; }

.siftal #sidebar figure .avatar img {
  display: block;
  max-width: 100%;
  height: 100%;
  padding: .5em;
  border-radius: 50%;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  transition: 0.3s; }

.siftal #sidebar figure .avatar:hover img {
  transform: scale(1.2); }

.siftal #sidebar figure .avatar:focus img {
  transform: scale(1.4); }

.siftal #sidebar figure:hover .avatar:before {
  border-color: transparent #fff; }

.siftal #sidebar figure:hover .avatar:after {
  content: "\e05f";
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1; }

.siftal #sidebar figure figcaption {
  max-width: 100%;
  margin: 0 auto;
  padding: 1em 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.siftal #sidebar .menu {
  overflow-y: auto; }

[data-debugger] .siftal #sidebar figure .avatar:before {
  border-color: #f69900; }

#sidebar .toggleClean {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 5px;
  margin: 5px;
  font-size: 2em;
  z-index: -1;
  opacity: 0;
  transition: 0.3s; }

#sidebar:hover .toggleClean {
  z-index: 1;
  opacity: 1; }

/* change avatar placeholder on page loading */
.siftal.loading-page #sidebar .avatar:before {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: flash;
  -webkit-animation-name: flash;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0.5; } }
@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0.5; } }
/* sidenav menu */
.siftal #sidebar ul.sidenav {
  font-size: 1.2em;
  margin-bottom: 1em; }

.siftal #sidebar ul.sidenavService {
  font-size: 1.2em;
  margin-bottom: 1em; }

.siftal #sidebar ul > li {
  color: #d5d5d5; }

.siftal #sidebar ul > li.title {
  background-color: #333;
  transition: 0.3s;
  padding: 0.5em 1em;
  margin-top: 0.7em; }

.siftal #sidebar ul > li.title:hover {
  background-color: #000; }

.siftal #sidebar ul > li.detail {
  background-color: #333;
  padding: 0.7em 1em;
  transition: 0.3s; }

.siftal #sidebar ul > li.detail:hover {
  background-color: #222; }

.siftal #sidebar ul > li.detail .progress {
  background-color: rgba(0, 0, 0, 0.3); }

.siftal #sidebar ul > li.detail .btn {
  padding: 10px 1.2em;
  line-height: normal; }

.siftal #sidebar ul > li > a {
  position: relative;
  display: block;
  padding: 1em 1.5em;
  color: #d5d5d5;
  transition: background-color 0.3s;
  cursor: pointer;
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.5em; }

.siftal #sidebar ul > li.item {
  padding: 1em 1.5em;
  color: #d5d5d5;
  transition: background-color 0.3s;
  cursor: pointer;
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.5em; }

.siftal #sidebar ul > li > a > i {
  font-size: 1.4em;
  display: inline-block;
  margin: 0 0.5em 0 0; }

.rtl.siftal #sidebar ul > li > a > i {
  margin: 0 0 0 0.5em; }

.siftal #sidebar ul > li > a:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.siftal #sidebar ul > li > a:focus {
  background-color: rgba(0, 0, 0, 0.7); }

.siftal #sidebar ul > li > a:active {
  background-color: rgba(0, 0, 0, 0.7); }

.siftal #sidebar ul > li > ul {
  background-color: #252525;
  font-size: 0.9em; }

.siftal #sidebar ul > li > ul > li > a {
  position: relative;
  padding: 0.7em 2.5em; }

.ltr.siftal #sidebar ul > li > ul > li > a {
  padding-right: 0; }

.rtl.siftal #sidebar ul > li > ul > li > a {
  padding-left: 0; }

.siftal #sidebar ul > li > ul > li > ul > li > a {
  position: relative;
  padding: 0.7em 4em; }

.ltr.siftal #sidebar ul > li > ul > li > ul > li > a {
  padding-right: 0; }

.rtl.siftal #sidebar ul > li > ul > li > ul > li > a {
  padding-left: 0; }

.siftal #sidebar ul > li > a.weAreHere {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff; }

.siftal #sidebar .activeContent {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff; }

.siftal.ltr #sidebar .activeContent {
  border-left: 7px solid #fff; }

.siftal.rtl #sidebar .activeContent {
  border-right: 7px solid #fff; }

.siftal.ltr #sidebar #ermileBadge {
  padding-right: 0; }

.siftal.rtl #sidebar #ermileBadge {
  padding-left: 0; }

.siftal #sidebar .hr {
  width: 80%;
  border-top: 1px solid #777;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 1em auto; }

.siftal #sidebar ul > li > a.clicked {
  margin-left: 5px;
  margin-right: 5px; }

.siftal #sidebar ul > li > a.clicked:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 1px solid #fff;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulseSlow 0.5s infinite ease-in-out; }

@keyframes pulseSlow {
  0% {
    opacity: .3; }
  70% {
    opacity: .5; }
  100% {
    opacity: .3; } }
/* footer */
.siftal #main > footer {
  flex-shrink: 0;
  background-color: #eaeaea;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
  user-select: none; }

.siftal #main > footer #copyright {
  padding: 0 1em; }

.siftal.ltr #main > footer #copyright {
  margin-left: auto; }

.siftal.rtl #main > footer #copyright {
  margin-right: auto; }

.siftal #main > footer #copyright span {
  display: inline-block;
  line-height: 25px;
  height: 25px; }

.siftal #main > footer #copyright abbr {
  display: inline-block;
  line-height: 25px;
  height: 25px; }

.siftal[data-in="pay"] .tbox {
  display: none; }

.payTicket {
  min-width: 280px;
  height: 120px;
  overflow: hidden;
  box-shadow: 0px 0px 4rem 1px #eee;
  border-radius: 0.5rem;
  margin: 1em auto;
  color: #777; }

.payTicket .topBox .payPriceBox {
  background: #d7dbde;
  text-align: center;
  padding: 0 1rem;
  height: 120px;
  overflow: hidden;
  width: 100%; }

.payTicket .topBox .price {
  display: inline-block;
  max-width: 100%;
  height: 120px;
  vertical-align: middle;
  font-size: 30px;
  line-height: 120px;
  overflow: hidden;
  transition: 0.2s; }

.payTicket .topBox .unit {
  display: block;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  font-size: 1.5em; }

.payTicket .breakLine {
  width: 20px;
  height: 100px;
  margin: 10px 0;
  position: relative;
  box-shadow: 0 1px 0 0 #fff, 0 -1px 0 0 #fff;
  background-color: #d7dbde; }

.payTicket .breakLine:before, .payTicket .breakLine:after {
  content: '';
  position: absolute;
  right: -5px;
  width: 30px;
  height: 30px;
  top: 50%;
  border: 5px solid transparent;
  border-top-color: #d7dbde;
  border-right-color: #d7dbde;
  border-radius: 100%;
  pointer-events: none;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg); }

.payTicket .breakLine:before {
  top: -25px; }

.payTicket .breakLine:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 95px; }

.payTicket .breakLine i {
  display: block;
  width: 0;
  height: 100%;
  margin: 0 auto;
  border-right: 3px dotted #fff; }

.payTicket .status {
  background-color: #d7dbde;
  position: relative;
  height: 120px;
  overflow: hidden; }

.payTicket .status .myStatus {
  font-size: 60px;
  min-width: 60px;
  line-height: 110px;
  overflow: hidden;
  height: 120px;
  display: block;
  text-align: center; }

.payTicket .status .statusDesc {
  position: absolute;
  bottom: 2rem;
  right: 0;
  left: 0;
  text-align: center;
  font-weight: 900; }

.payTicket.active {
  color: #1f8fff; }

.payTicket.active .topBox .payPriceBox {
  background: #c5e2ff;
  transition: 0.3s; }

.payTicket.active .breakLine {
  background-color: #c5e2ff;
  transition: 0.3s; }

.payTicket.active .breakLine:before, .payTicket.active .breakLine:after {
  border-top-color: #c5e2ff;
  border-right-color: #c5e2ff;
  transition: 0.3s; }

.payTicket.active .status {
  background-color: #c5e2ff;
  transition: 0.3s; }

.payTicket.active:hover .topBox .payPriceBox {
  background: #b0d8ff; }

.payTicket.active:hover .breakLine {
  background-color: #b0d8ff; }

.payTicket.active:hover .breakLine:before, .payTicket.active:hover .breakLine:after {
  border-top-color: #b0d8ff;
  border-right-color: #b0d8ff; }

.payTicket.active:hover .status {
  background-color: #b0d8ff; }

.payTicket.positive {
  color: #2c662d; }

.payTicket.positive .topBox .payPriceBox {
  background: #9dd026; }

.payTicket.positive .breakLine {
  background-color: #9dd026; }

.payTicket.positive .breakLine:before, .payTicket.positive .breakLine:after {
  border-top-color: #9dd026;
  border-right-color: #9dd026; }

.payTicket.positive .status {
  background-color: #9dd026; }

.payTicket.negative {
  color: #9f3a38; }

.payTicket.negative .topBox .payPriceBox {
  background: #fff6f6; }

.payTicket.negative .breakLine {
  background-color: #fff6f6; }

.payTicket.negative .breakLine:before, .payTicket.negative .breakLine:after {
  border-top-color: #fff6f6;
  border-right-color: #fff6f6; }

.payTicket.negative .status {
  background-color: #fff6f6; }

.payTicket.warning {
  color: #573a08; }

.payTicket.warning .topBox .payPriceBox {
  background: #eadc2c; }

.payTicket.warning .breakLine {
  background-color: #eadc2c; }

.payTicket.warning .breakLine:before, .payTicket.warning .breakLine:after {
  border-top-color: #eadc2c;
  border-right-color: #eadc2c; }

.payTicket.warning .status {
  background-color: #eadc2c; }

.payTicketDetail {
  color: #555;
  font-size: 1.2em;
  margin: 0 auto; }

.payTicketDetail .msg {
  background-color: #fff; }

.blogEx.sample {
  font-size: 1.7em; }

.minimalW {
  max-width: 600px;
  width: 90%;
  margin: 0 auto; }

/*header*/
.blogEx > header {
  text-align: center;
  font-size: 1.2em;
  user-select: none;
  max-width: 600px;
  width: 90%;
  margin: 70px auto;
  overflow: hidden; }

.blogEx > header h1 {
  margin: 0; }

.blogEx > header h1 a {
  font-weight: 300;
  transition: 0.3s; }

.rtl .blogEx > header h1 a {
  font-weight: 900; }

.blogEx > header h2 {
  font-size: 1em;
  font-weight: 100; }

/*nav*/
.blogEx > nav {
  border-top: 1px solid #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
  text-align: center;
  margin: 0 auto 2em;
  user-select: none;
  line-height: 2;
  max-width: 600px;
  width: 90%;
  margin: 0 auto 50px;
  overflow: hidden; }

.blogEx > nav a {
  padding: 0 0.5em;
  display: inline-block;
  transition: 0.3s;
  font-weight: 100; }

.blogEx > nav a:hover {
  background-color: #ecf0f1; }

.blogEx > nav a:focus {
  background-color: #eee; }

.blogEx main {
  max-width: 600px;
  width: 90%;
  margin: 0 auto; }

.blogEx.sample article {
  margin-bottom: 3em;
  padding: 20px 0; }

.blogEx.sample article a:visited {
  color: #22bb88; }

.blogEx article h2 {
  margin: 1em 0 0;
  transition: 0.3s;
  font-weight: 900; }

.blogEx.sample article h2 {
  border-bottom: 10px solid #333;
  padding-bottom: 5px;
  margin-bottom: 10px; }

.blogEx article h2 a {
  font-weight: 100; }

.blogEx article h3 {
  margin: 0.5em 0 0;
  transition: 0.3s;
  font-weight: 700; }

.blogEx.sample article h3 {
  border-bottom: 3px solid #777;
  padding-bottom: 5px;
  margin-bottom: 5px; }

.blogEx article .meta {
  color: #aaa;
  font-weight: 100;
  text-transform: uppercase;
  overflow: hidden; }

.blogEx article .meta time {
  font-weight: 100; }

.ltr .blogEx article p {
  font-weight: 100; }

.blogEx article p {
  margin: 0 0 1.5em; }

.blogEx ul {
  list-style: square inside;
  margin: 1em 0 1.5em; }

.blogEx li {
  margin-bottom: 1em; }

.blogEx article .thumb {
  display: block;
  margin: 1rem auto; }

.blogEx article img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

.blogEx .tagBox a {
  padding: 0.5em 0.5em;
  margin: 0.5em 0.5em;
  background-color: #eee;
  border-radius: 3px;
  transition: 0.3s;
  display: inline-block; }

.blogEx .tagBox a:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.blogEx .tagBox a:focus {
  background-color: rgba(0, 0, 0, 0.2); }

.blogEx .gallery {
  text-align: center;
  margin: 2em 0;
  clear: both; }

.blogEx .gallery a {
  display: inline-block;
  max-width: 220px;
  width: 45%;
  margin: 0 1% 1em; }

.blogEx .gallery img {
  margin: 0 auto;
  border: 1px solid #ddd;
  transition: 0.3s; }

.blogEx .gallery img:hover {
  border-color: #777; }

.blogEx .gallery video {
  width: 200px;
  max-width: 45%;
  margin: 0 auto; }

.blogEx .gallery audio {
  width: 200px;
  max-width: 45%;
  margin: 0 auto; }

.blogEx .gallery2 {
  text-align: center; }

.blogEx .gallery2 video {
  width: 500px;
  max-width: 90%;
  margin: 1em auto;
  display: inline-block; }

.blogEx .gallery2 audio {
  width: 250px;
  max-width: 90%;
  margin: 1em auto;
  display: inline-block; }

.blogEx iframe.gMap {
  min-height: 300px;
  max-height: 400px;
  width: 100%;
  border: none; }

.blogEx footer {
  color: #899596;
  background-color: rgba(0, 0, 0, 0.05);
  margin: 4em 0 0;
  padding: 2em;
  text-align: center; }

/*header lang*/
.blogEx footer .langlist {
  margin: 1em 0; }

.blogEx footer .langlist a {
  color: #999;
  background-color: #fff;
  padding: .5em 1em;
  margin: 0.5rem;
  transition: 0.3s color;
  display: inline-block; }

.blogEx footer .langlist a:hover {
  color: #aaa; }

.blogEx footer .langlist a:focus {
  color: #bbb; }

.blogEx footer .langlist a.active {
  color: #22bb88; }

.blogEx.box article {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
  padding: 1em 4%; }

@media (min-width: 1400px) {
  .cn {
    max-width: 1400px;
    min-width: 1024px; }

  .f > .x {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    max-width: 100%; }

  .f > .xauto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: auto; }

  .x0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0;
    -ms-flex: 0 0 0;
    -moz-box-flex: 0;
    flex: 0 0 0;
    max-width: 0;
    display: none !important; }

  .f > .x1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -moz-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .f > .x2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -moz-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .f > .x3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -moz-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }

  .f > .x4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -moz-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .f > .x5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -moz-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .f > .x6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }

  .f > .x7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -moz-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .f > .x8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -moz-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .f > .x9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    -moz-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }

  .f > .x10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -moz-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .f > .x11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -moz-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .f > .x12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; }

  .x-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -moz-box !important;
    display: flex !important; }

  .x-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; }

  .x-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    flex-direction: row !important; }

  .x-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    flex-direction: column !important; }

  .x-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: reverse !important;
    flex-direction: row-reverse !important; }

  .x-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: reverse !important;
    flex-direction: column-reverse !important; }

  .x-justify-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    -moz-box-pack: start !important;
    justify-content: flex-start !important; }

  .x-justify-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    -moz-box-pack: end !important;
    justify-content: flex-end !important; }

  .x-justify-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    -moz-box-pack: center !important;
    justify-content: center !important; }

  .x-justify-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    -moz-box-pack: justify !important;
    justify-content: space-between !important; }

  .x-justify-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .x-align-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    -moz-box-align: start !important;
    align-items: flex-start !important; }

  .x-align-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    -moz-box-align: end !important;
    align-items: flex-end !important; }

  .x-align-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    -moz-box-align: center !important;
    align-items: center !important; }

  .x-align-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    -moz-box-align: baseline !important;
    align-items: baseline !important; }

  .x-align-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    -moz-box-align: stretch !important;
    align-items: stretch !important; }

  .x-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .x-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .x-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }

  .x-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .x-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; }

  .x-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .x-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .x-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .x-align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .x-align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .x-align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .x-align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .x-align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .x-align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .xp0 {
    padding: 0; }

  .xm0 {
    padding: 0; }

  .siftal.ltr #main {
    margin-left: 300px; }

  .siftal.rtl #main {
    margin-right: 300px; }

  .siftal.ltr #main:after {
    left: 300px;
    right: initial; }

  .siftal.rtl #main:after {
    left: initial;
    right: 300px; }

  .siftal .dashHead.cloner {
    width: calc( 100% - 300px); }

  .siftal #sidebar {
    width: 300px; }

  .siftal[data-clean].ltr #sidebar {
    left: -300px; }

  .siftal[data-clean].rtl #sidebar {
    right: -300px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .cn {
    min-width: 710px;
    max-width: 940px; }

  .f > .m {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    max-width: 100%; }

  .f > .mauto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: initial;
    display: flex !important; }

  .m0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0;
    -ms-flex: 0 0 0;
    -moz-box-flex: 0;
    flex: 0 0 0;
    max-width: 0;
    display: none !important; }

  .f > .m1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -moz-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .f > .m2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -moz-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .f > .m3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -moz-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }

  .f > .m4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -moz-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .f > .m5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -moz-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .f > .m6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }

  .f > .m7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -moz-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .f > .m8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -moz-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .f > .m9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    -moz-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }

  .f > .m10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -moz-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .f > .m11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -moz-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .f > .m12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; }

  .m-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -moz-box !important;
    display: flex !important; }

  .m-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; }

  .m-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    flex-direction: row !important; }

  .m-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    flex-direction: column !important; }

  .m-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: reverse !important;
    flex-direction: row-reverse !important; }

  .m-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: reverse !important;
    flex-direction: column-reverse !important; }

  .m-justify-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    -moz-box-pack: start !important;
    justify-content: flex-start !important; }

  .m-justify-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    -moz-box-pack: end !important;
    justify-content: flex-end !important; }

  .m-justify-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    -moz-box-pack: center !important;
    justify-content: center !important; }

  .m-justify-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    -moz-box-pack: justify !important;
    justify-content: space-between !important; }

  .m-justify-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .m-align-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    -moz-box-align: start !important;
    align-items: flex-start !important; }

  .m-align-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    -moz-box-align: end !important;
    align-items: flex-end !important; }

  .m-align-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    -moz-box-align: center !important;
    align-items: center !important; }

  .m-align-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    -moz-box-align: baseline !important;
    align-items: baseline !important; }

  .m-align-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    -moz-box-align: stretch !important;
    align-items: stretch !important; }

  .m-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .m-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .m-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }

  .m-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .m-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; }

  .m-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .m-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .m-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .m-align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .m-align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .m-align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .m-align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .m-align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .m-align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  .siftal.ltr #main {
    margin-left: 0; }

  .siftal.rtl #main {
    margin-right: 0; }

  .siftal.ltr #sidebar {
    left: -250px; }

  .siftal.rtl #sidebar {
    right: -250px; }

  .siftal .dashHead.cloner {
    width: 100%; }

  .siftal .toggleClean {
    display: none; }

  .mp0 {
    padding: 0; }

  .mm0 {
    padding: 0; } }
@media (max-width: 767px) {
  .cn {
    min-width: 280px;
    max-width: 750px;
    width: 96%; }

  .f > .s {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    max-width: 100%; }

  .f > .sauto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    display: flex !important; }

  .s0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0;
    -ms-flex: 0 0 0;
    -moz-box-flex: 0;
    flex: 0 0 0;
    max-width: 0;
    display: none !important; }

  .f > .s1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -moz-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .f > .s2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -moz-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .f > .s3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -moz-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }

  .f > .s4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -moz-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .f > .s5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -moz-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .f > .s6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }

  .f > .s7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -moz-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .f > .s8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -moz-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .f > .s9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    -moz-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }

  .f > .s10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -moz-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .f > .s11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -moz-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .f > .s12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0; }

  .s-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -moz-box !important;
    display: flex !important; }

  .s-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; }

  .s-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    flex-direction: row !important; }

  .s-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    flex-direction: column !important; }

  .s-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: reverse !important;
    flex-direction: row-reverse !important; }

  .s-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: reverse !important;
    flex-direction: column-reverse !important; }

  .s-justify-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    -moz-box-pack: start !important;
    justify-content: flex-start !important; }

  .s-justify-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    -moz-box-pack: end !important;
    justify-content: flex-end !important; }

  .s-justify-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    -moz-box-pack: center !important;
    justify-content: center !important; }

  .s-justify-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    -moz-box-pack: justify !important;
    justify-content: space-between !important; }

  .s-justify-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }

  .s-align-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    -moz-box-align: start !important;
    align-items: flex-start !important; }

  .s-align-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    -moz-box-align: end !important;
    align-items: flex-end !important; }

  .s-align-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    -moz-box-align: center !important;
    align-items: center !important; }

  .s-align-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    -moz-box-align: baseline !important;
    align-items: baseline !important; }

  .s-align-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    -moz-box-align: stretch !important;
    align-items: stretch !important; }

  .s-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }

  .s-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }

  .s-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important; }

  .s-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }

  .s-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important; }

  .s-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }

  .s-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }

  .s-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }

  .s-align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }

  .s-align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }

  .s-align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }

  .s-align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }

  .s-align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }

  .s-align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }

  kbd {
    display: none; }

  .siftal .dashHead h1 a {
    padding: 0; }

  .siftal .wrapper {
    padding: 2em 1em; }

  .siftal .card .card-data img {
    max-height: 25px; }

  .siftal .card .card-data span {
    font-size: 1.6em; }

  .siftal .card .card-desc {
    font-size: 1.4em; }

  body .w100 {
    min-width: 75px;
    width: 75px; }

  body .w125 {
    min-width: 100px;
    width: 100px; }

  body .w150 {
    min-width: 125px;
    width: 125px; }

  body .w200 {
    min-width: 150px;
    width: 150px; }

  .siftal .dashHead h1 {
    max-width: 60%;
    max-width: calc( 100% - 110px);
    font-size: 1.2em; }

  .siftal .dashHead .notification {
    display: none !important; }

  .siftal.ltr #main {
    margin-left: 0; }

  .siftal.rtl #main {
    margin-right: 0; }

  .siftal .dashHead.cloner {
    width: 100%; }

  .siftal.ltr #sidebar {
    left: -250px; }

  .siftal.rtl #sidebar {
    right: -250px; }

  .siftal #sidebar figure {
    margin: 0.5em 0;
    padding: 0; }

  .siftal #sidebar figure .avatar {
    display: inline-block;
    vertical-align: middle;
    width: 75px;
    height: 75px;
    margin: 1em; }

  .siftal #sidebar figure figcaption {
    display: inline-block;
    max-width: 140px;
    line-height: 1.5;
    vertical-align: middle; }

  .siftal #sidebar figure .avatar:after {
    line-height: 70px; }

  .siftal #sidebar ul > li > a {
    padding: 1.2em 2em; }

  .siftal .toggleClean {
    display: none; }

  .tbox2 {
    padding: 5px; }

  .tbox2 .pageTitle {
    padding: 0; }

  .tbox2 nav {
    margin-top: 1em; }

  .siftal .tbox p {
    display: none; }

  .siftal .tbox i {
    display: none; }

  .ltr .tbox.pictogram {
    padding-right: 1em; }

  .rtl .tbox.pictogram {
    padding-left: 1em; }

  .tbox.pictogram > span[class^="sf-"] {
    display: none; }

  .siftal .tbox h2 {
    font-size: 1.2em; }

  .tbl td.collapsing.sauto, .tbl th.collapsing.sauto {
    white-space: initial; }

  .tbl.responsive tr {
    width: auto !important;
    display: block !important;
    border-top: 1px solid rgba(30, 30, 30, 0.1);
    padding-top: 0.8em;
    padding-bottom: 0.8em; }

  .tbl.responsive th, .tbl.responsive td {
    width: auto !important;
    display: block !important;
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
    border: none !important;
    background-color: transparent !important; }

  .tbl1 td.collapsing.sauto, .tbl1 th.collapsing.sauto {
    white-space: initial; }

  .tbl1.responsive tr {
    width: auto !important;
    display: block !important;
    border-top: 1px solid rgba(30, 30, 30, 0.1);
    padding-top: 0.8em;
    padding-bottom: 0.8em; }

  .tbl1.responsive th, .tbl1.responsive td {
    width: auto !important;
    display: block !important;
    padding: 0.25em 1em !important;
    border: none !important;
    background-color: transparent !important; }

  .s12 .cbox {
    padding: 1em 0.5em; }

  .breadcrumb {
    padding: 5px 5px;
    height: auto; }

  .breadcrumb2 {
    padding: 5px 5px;
    height: auto; }

  .breadcrumb2 a {
    width: 100%; }

  .pagination a:not([href]):not(.active) {
    padding-right: 2px;
    padding-left: 2px; }

  .sp0 {
    padding: 0; }

  .sm0 {
    padding: 0; }

  ul.list li {
    padding-right: 0.1em;
    padding-left: 0.1em; }

  .alert {
    padding: 0.5em; } }
@media screen and (max-width: 280px) {
  html:before {
    font-size: 100vw;
    position: absolute;
    right: 0;
    left: 0;
    content: ":\\";
    text-align: center;
    color: #f4f4f4; }

  html body {
    display: none !important;
    background: #333 !important; }

  html body.enter {
    display: none !important; } }
/* Design for print */
@media print {
  html {
    height: auto;
    min-height: initial; }

  body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #000;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility; }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; }

  textarea {
    overflow: auto; }

  .alerty2-container {
    display: none !important; }

  body.siftal {
    background-color: transparent; }

  .siftal #main:after {
    display: none; }

  .siftal > #sidebar {
    display: none; }

  .siftal > #main > .dashHead {
    display: none; }

  .siftal > #main > footer {
    display: none; }

  .siftal .scr::-webkit-scrollbar {
    display: none; }

  .siftal .tbox .badge {
    display: none; }

  .siftal .tbox.pictogram > span[class^="sf-"] {
    font-size: 3em; }

  .highcharts-button {
    display: none; }

  .superAdmin {
    display: none; }

  #xaccess {
    display: none; }

  .iziToast-wrapper {
    display: none; }

  video {
    display: none; }

  audio {
    display: none; }

  #nprogress {
    display: none; }

  .p0 {
    display: none; }

  .pBlock {
    display: block; }

  .tbl1.v1 thead {
    color: #000;
    background-color: #ccc; }

  .tbl1 td {
    color: #000; } }
[data-app] .enter .langlist {
  display: none; }

[data-app] .enter #enter {
  margin-bottom: 10px; }

[data-app] .siftal #sidebar {
  display: none; }

[data-app] .siftal .dashHead {
  display: none; }

[data-app] .siftal #main {
  margin: 0 !important; }

[data-app] #xaccess {
  display: none; }

[data-app] .tbox .breadcrumb {
  display: none; }

[data-app] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

svg.barcodePrev {
  height: 70px; }

.Test-describe {
  font-size: 1.5em;
  margin: 60px 0 20px; }

.Test-describe, .Test-it {
  background: #fff;
  border-left: 5px solid #666;
  color: #666;
  font-family: sans-serif;
  font-weight: bold;
  margin: 20px 0;
  padding: 0.75em 20px; }

.Test-run--highlightEl > * {
  outline: 1px solid #ADD8E6; }

#form-collection-margins {
  outline: 1px solid #ADD8E6;
  overflow: hidden; }

@-webkit-keyframes grid {
  0% {
    width: 100%; }
  45% {
    width: 90%; }
  55% {
    width: 90%; }
  100% {
    width: 100%; } }
@-moz-keyframes grid {
  0% {
    width: 100%; }
  45% {
    width: 90%; }
  55% {
    width: 90%; }
  100% {
    width: 100%; } }
@keyframes grid {
  0% {
    width: 100%; }
  45% {
    width: 90%; }
  55% {
    width: 90%; }
  100% {
    width: 100%; } }
.animated {
  margin: 0 auto;
  -webkit-animation: grid 7s ease infinite;
  -moz-animation: grid 7s ease infinite;
  animation: grid 7s ease infinite; }

.f.animated {
  background-color: rgba(0, 0, 0, 0.1); }

.example {
  position: relative;
  border: 3px solid #f6f6f6;
  margin: 1em;
  padding: 1em 1.5em;
  transition: 0.3s; }

.example:hover {
  border-color: #d8d8c8; }

.example .vcard img.frame {
  opacity: 0.5; }

body [data-response-hide] {
  display: none !important; }

.superAdmin {
  position: fixed;
  z-index: 10;
  top: 45px;
  left: 5px;
  width: 30px;
  height: 30px;
  transition: 0.3s;
  border-radius: 50%;
  overflow: hidden; }

.superAdmin:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ccc;
  width: 10px;
  height: 10px;
  margin: 10px;
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 0 0 rgba(70, 160, 20, 0.4);
  animation: pulseOff 1s infinite; }

.superAdmin.public:before {
  background-color: #20b040;
  box-shadow: 0 0 0 0 rgba(15, 161, 166, 0.7);
  animation: pulseOn 1s infinite cubic-bezier(0.66, 0, 0, 1); }

@keyframes pulseOn {
  to {
    box-shadow: 0 0 0 1em rgba(232, 76, 61, 0); } }
@keyframes pulseOff {
  0% {
    box-shadow: 0 0 0 0 rgba(70, 160, 20, 0.4); }
  70% {
    box-shadow: 0 0 0 1em rgba(70, 160, 20, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(70, 160, 20, 0); } }
/* xaccess*/
#xaccess {
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 10;
  font-size: 1.4em;
  width: 50px; }

#xaccess a {
  display: block;
  background-color: #000;
  opacity: 0.3;
  transition: 0.3s;
  margin-bottom: 0.2em;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  float: right; }

#xaccess a:hover {
  opacity: 0.8;
  width: 50px; }

#xaccess [class^="sf-"]:before {
  vertical-align: middle; }

.rtl #xaccess {
  left: 0;
  right: initial; }

.rtl #xaccess a {
  left: 0;
  right: initial;
  float: left; }

svg g[opacity="0.3"][style][filter] {
  display: none; }

svg g[opacity="0.4"][style][filter] {
  display: none; }

/*# sourceMappingURL=siftal.css.map */