@charset "UTF-8";
/* ---------------------
common
--------------------- */
/* clear fix */
/* place holder */
/* Cubic Bezier Transition */
/* Opacity Transition */
/* Opacity Transition with timing function */
/* Translate 3D Transition */
/* margin auto */
/* font icon */
/* border-radius */
/* boxsizing */
/* linear-gradient */
/* font-size */
/* button */
/* triangle */
/* input */
/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/* Latest tested: Android 6, Chrome 48, Edge 13, Firefox 44, Internet Explorer 11, iOS 9, Opera 35, Safari 9, Windows Phone 8.1 */
/*
 * Normalization
 */
abbr[title] {
  text-decoration: underline;
  /* Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+ */
  text-decoration: underline dotted;
  /* Firefox 40+ */
}

audio:not([controls]) {
  display: none;
  /* Chrome 44-, iOS 8+, Safari 9+ */
}

b,
strong {
  font-weight: bolder;
  /* Edge 12+, Safari 6.2+, and Chrome 18+ */
}

button {
  -webkit-appearance: button;
  /* iOS 8+ */
  overflow: visible;
  /* Internet Explorer 11- */
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  /* Firefox 4+ */
  padding: 0;
  /* Firefox 4+ */
}

button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText;
  /* Firefox 4+ */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

details {
  display: block;
  /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Edge 12+, Internet Explorer 11- */
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+, Windows Phone 8.1+ */
}

hr {
  overflow: visible;
  /* Internet Explorer 11-, Edge 12+ */
}

input {
  -webkit-border-radius: 0;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* iOS 8+ */
}

input[type="number"] {
  width: auto;
  /* Firefox 36+ */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Chrome 45+, Safari 9+ */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Chrome 45+, Safari 9+ */
}

main {
  display: block;
  /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}

pre {
  overflow: auto;
  /* Internet Explorer 11- */
}

progress {
  display: inline-block;
  /* Internet Explorer 11-, Windows Phone 8.1+ */
}

summary {
  display: block;
  /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

template {
  display: none;
  /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}

textarea {
  overflow: auto;
  /* Edge 12+, Internet Explorer 11- */
}

[hidden] {
  display: none;
  /* Internet Explorer 10- */
}

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

* {
  font-size: inherit;
  line-height: inherit;
}

:before,
:after {
  text-decoration: inherit;
  vertical-align: inherit;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/*
 * Opinionated defaults
 */
/* specify the margin and padding of all elements */
* {
  margin: 0;
  padding: 0;
}

/* specify the border style and width of all elements */
*,
:before,
:after {
  border-style: solid;
  border-width: 0;
}

/* remove the tapping delay from clickable elements */
a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* specify the standard appearance of selects */
select::-ms-expand {
  display: none;
  /* Edge 12+, Internet Explorer 11- */
}

select::-ms-value {
  color: currentColor;
  /* Edge 12+, Internet Explorer 11- */
}

/* use current current as the default fill of svg elements */
svg {
  fill: currentColor;
}

/* specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* specify the style of visually hidden yet accessible elements */
[hidden][aria-hidden="false"] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute;
}

[hidden][aria-hidden="false"]:focus {
  clip: auto;
}

/*
 * Configurable defaults
 */
/* specify the background repeat of all elements */
* {
  background-repeat: no-repeat;
}

/* specify the root styles of the document */
:root {
  box-sizing: border-box;
}

/* specify the text decoration of anchors */
a {
  text-decoration: none;
}

/* specify the alignment of media elements */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* specify the coloring of form elements */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
}

/* specify the minimum height of form elements */
button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.5em;
}

/* specify the font family of code elements */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

/* specify the list style of nav lists */
nav ol,
nav ul {
  list-style: none;
}

/* specify the font size of small elements */
small {
  font-size: 75%;
}

/* specify the border styling of tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* specify the resizability of textareas */
textarea {
  resize: vertical;
}

/* specify the background color, font color, and drop shadow of text selections */
@font-face {
  font-family: 'forum';
  src: url("../fonts/Forum/Forum-Regular.eot");
  src: url("../fonts/Forum/Forum-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Forum/Forum-Regular.woff2") format("woff2"), url("../fonts/Forum/Forum-Regular.woff") format("woff"), url("../fonts/Forum/Forum-Regular.ttf") format("truetype"), url("../fonts/Forum/Forum-Regular.svg#forumregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NexaRustSlab-BlackShadow01';
  src: url("../fonts/NexaRustSlab-BlackShadow01/NexaRustSlab-BlackShadow01-Free-webfont.eot");
  src: url("../fonts/NexaRustSlab-BlackShadow01/NexaRustSlab-BlackShadow01-Free-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/NexaRustSlab-BlackShadow01/NexaRustSlab-BlackShadow01-Free-webfont.woff2") format("woff2"), url("../fonts/NexaRustSlab-BlackShadow01/NexaRustSlab-BlackShadow01-Free-webfont.woff") format("woff"), url("../fonts/NexaRustSlab-BlackShadow01/NexaRustSlab-BlackShadow01-Free-webfont.ttf") format("truetype"), url("../fonts/NexaRustSlab-BlackShadow01/NexaRustSlab-BlackShadow01-Free-webfont.svg#nexa_rust_slabblack_shadow_01") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url("../fonts/poppins/Poppins-SemiBold.eot");
  src: url("../fonts/poppins/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/poppins/Poppins-SemiBold.woff") format("woff"), url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg"), url("../fonts/poppins/Poppins-SemiBold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url("../fonts/poppins/Poppins-Regular.eot");
  src: url("../fonts/poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/poppins/Poppins-Regular.woff") format("woff"), url("../fonts/poppins/Poppins-Regular.ttf") format("truetype"), url("../fonts/poppins/Poppins-Regular.svg#Poppins-Regular") format("svg"), url("../fonts/poppins/Poppins-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url("../fonts/poppins/Poppins-Medium.eot");
  src: url("../fonts/poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/poppins/Poppins-Medium.woff") format("woff"), url("../fonts/poppins/Poppins-Medium.ttf") format("truetype"), url("../fonts/poppins/Poppins-Medium.svg#Poppins-Medium") format("svg"), url("../fonts/poppins/Poppins-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Light';
  src: url("../fonts/poppins/Poppins-Light.eot");
  src: url("../fonts/poppins/Poppins-Light.woff2") format("woff2"), url("../fonts/poppins/Poppins-Light.woff") format("woff"), url("../fonts/poppins/Poppins-Light.ttf") format("truetype"), url("../fonts/poppins/Poppins-Light.svg#Poppins-Light") format("svg"), url("../fonts/poppins/Poppins-Light.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url("../fonts/poppins/Poppins-Bold.eot");
  src: url("../fonts/poppins/Poppins-Bold.woff2") format("woff2"), url("../fonts/poppins/Poppins-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/poppins/Poppins.woff") format("woff"), url("../fonts/poppins/Poppins.ttf") format("truetype"), url("../fonts/poppins/Poppins.svg#Poppins") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------------------
common
----------------------------------------------------*/
input[type="text"],
input[type="password"],
textarea,
select {
  outline: none;
}

body {
  color: #4e5a64;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Open Sans", sans-serif;
  letter-spacing: 0.05em;
}

i.fa {
  margin-right: 7px;
}

input[disabled] {
  background-color: #f2f2f2 !important;
  cursor: not-allowed !important;
}

.h1, h1 {
  font-size: 36px;
}

.h2, h2 {
  font-size: 30px;
}

.h3, h3 {
  font-size: 24px;
}

.h4, h4 {
  font-size: 18px;
}

.h5, h5 {
  font-size: 16px;
}

.h6, h6 {
  font-size: 14px;
}

hr {
  margin: 20px 0;
  border-top: 1px solid #dddddd;
}

p {
  margin-bottom: 20px;
}

a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #337ab7;
}
a:hover {
  color: #ff9700;
}

a:focus, *:focus {
  outline: none;
}

textarea,
input {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

textarea {
  word-break: keep-all;
}

.strong, strong {
  font-weight: bold !important;
}

/*--------------------------------------------------
font
----------------------------------------------------*/
.font-large {
  font-size: 180% !important;
}

/*--------------------------------------------------
message
----------------------------------------------------*/
.message {
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
}
.message p {
  margin: 0 !important;
}
.message ul {
  font-size: 14px;
  line-height: 160%;
  list-style-position: inside;
}
.message ul li {
  margin-bottom: 5px;
}
.message.error {
  border: 1px solid #fbe1e3;
  border-color: #fbe1e3;
  background-color: #fbe1e3;
  color: #e73d4a;
}
.message.error ul {
  margin-top: 10px;
}
.message.error p {
  color: #e73d4a;
}
.message.success {
  border: 1px solid #95c942;
  border-color: #95c942;
  background-color: #e6f8e9;
  color: #35aa47;
}
.message.success ul {
  margin-top: 10px;
}
.message.success p {
  color: #35aa47;
}

/*--------------------------------------------------
icon
----------------------------------------------------*/
.info-message {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-size: 14px;
  line-height: 160%;
  margin: 0 0 20px 0;
  padding: 20px 20px 0 20px;
  border: 1px solid #dddddd;
  background-color: #fafafa;
}
.info-message p {
  margin: 0 0 20px 0;
}
.info-message ul {
  font-size: 14px;
  line-height: 160%;
  list-style-position: inside;
  margin: 0 0 20px 0;
}
.info-message ul li {
  margin-bottom: 5px;
}
.info-message pre {
  padding-bottom: 20px;
}
.info-message.caution {
  background-color: #FDF5F5 !important;
  color: #e73d4a;
  border-color: #fbe1e3;
}
.info-message.note {
  background-color: #FFF8DC;
  color: #ff9700;
  border-color: #F1C40F;
}
.info-message.note a {
  color: #e73d4a;
}
.info-message.note a:hover {
  color: #ff9700;
}
.info-message.red {
  background-color: #FDF5F5 !important;
  color: #e73d4a;
  border-color: #fbe1e3;
}
.info-message.red ul {
  color: #000;
  list-style: inline;
}
.info-message.red ul li {
  width: 100%;
  float: none;
}
.info-message.success {
  background-color: #e6f8e9;
  color: #09761C;
  border-color: #35aa47;
}
.info-message.error {
  background-color: #FDF5F5;
  color: #A20813;
  border-color: #e73d4a;
}
.info-message .bts {
  display: block;
  margin-top: 5px;
  text-align: center;
}

/*--------------------------------------------------
icon
----------------------------------------------------*/
.icon {
  font-size: 12px;
  line-height: 140%;
  margin-right: 5px;
  padding: 2px 5px;
  font-weight: normal;
  color: #fff;
  font-weight: bold;
}
.icon.blue {
  background-color: #337ab7;
}
.icon.orange {
  background-color: #ff9700;
}
.icon.yellow {
  background-color: #F1C40F;
}
.icon.red {
  background-color: #e73d4a;
}
.icon.green {
  background-color: #35aa47;
}
.icon.gray {
  background-color: #808080;
}
.icon.black {
  background-color: #000;
}

/*--------------------------------------------------
label
----------------------------------------------------*/
.label {
  font-size: 14px;
  line-height: 160%;
  padding: 5px;
  color: #fff;
}
.label.red {
  background-color: #e73d4a;
}
.label.gray {
  background-color: #808080;
}
.label.white {
  background-color: #fff;
  color: #808080;
  border: 1px solid #dddddd;
}
.label.error {
  color: #e73d4a;
}

/*--------------------------------------------------
bt
----------------------------------------------------*/
.bt {
  display: block;
}
.bt.s {
  font-size: 12px;
  line-height: 140%;
  padding: 10px;
}
.bt i {
  margin-right: 5px;
}
.bt.new {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #35aa47;
  border-color: #35aa47;
}
.bt.new.active, .bt.new:hover {
  border-color: #ff9700;
  background-color: #ff9700;
}
.bt.edit {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #35aa47;
  border-color: #35aa47;
}
.bt.edit.active, .bt.edit:hover {
  border-color: #ff9700;
  background-color: #ff9700;
}
.bt.submit {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #35aa47;
  border-color: #35aa47;
}
.bt.submit.active, .bt.submit:hover {
  border-color: #ff9700;
  background-color: #ff9700;
}
.bt.delete {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #e73d4a;
  border-color: #e73d4a;
}
.bt.delete.active, .bt.delete:hover {
  background-color: #A20813;
}
.bt.remove {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #e73d4a;
  border-color: #e73d4a;
}
.bt.remove.active, .bt.remove:hover {
  background-color: #A20813;
}
.bt.start {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.bt.start.active, .bt.start:hover {
  background-color: #1266AB;
}
.bt.cancel {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #e73d4a;
  border-color: #e73d4a;
}
.bt.cancel.active, .bt.cancel:hover {
  background-color: #A20813;
}
.bt.nav {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.bt.nav.active, .bt.nav:hover {
  color: #fff;
  background-color: #4d4d4d;
}
.bt.back {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.bt.back.active, .bt.back:hover {
  color: #fff;
  background-color: #4d4d4d;
}
.bt.nonclick {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #808080;
  background-color: #fff;
  border-color: #808080;
}
.bt.link {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #35aa47;
  border-color: #35aa47;
}
.bt.link.active, .bt.link:hover {
  border-color: #ff9700;
  background-color: #ff9700;
}
.bt.link-detail {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.bt.link-detail.active, .bt.link-detail:hover {
  color: #fff;
  background-color: #4d4d4d;
}
.bt.download {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #ff9700;
  border-color: #ff9700;
}
.bt.download.active, .bt.download:hover {
  background-color: #ffba00;
}
.bt.print {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #ff9700;
  border-color: #ff9700;
}
.bt.print.active, .bt.print:hover {
  background-color: #ffba00;
}
.bt.copy {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #ff9700;
  border-color: #ff9700;
}
.bt.copy.active, .bt.copy:hover {
  background-color: #ffba00;
}
.bt.copyedit {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #ff9700;
  border-color: #ff9700;
}
.bt.copyedit.active, .bt.copyedit:hover {
  background-color: #ffba00;
}
.bt.deselect {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.bt.deselect.active, .bt.deselect:hover {
  color: #fff;
  background-color: #4d4d4d;
}
.bt.declick {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.bt.declick.active, .bt.declick:hover {
  color: #fff;
  background-color: #4d4d4d;
}
.bt.disabled {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #dddddd;
  border-color: #dddddd;
  cursor: not-allowed !important;
}
.bt.disabled.active, .bt.disabled:hover {
  color: #fff;
  background-color: #808080;
}
.bt.disabled:hover {
  background-color: #dddddd;
}
.bt.nav-open {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #35aa47;
  border-color: #35aa47;
}
.bt.nav-open.active, .bt.nav-open:hover {
  border-color: #ff9700;
  background-color: #ff9700;
}
.bt.nav-close {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  padding: 6px 15px;
  margin-bottom: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  background-color: #808080;
  border-color: #808080;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  color: #fff;
  background-color: #808080;
  padding: 6px 6px;
  font-size: 12px;
  padding: 2px 6px;
}
.bt.nav-close.active, .bt.nav-close:hover {
  color: #fff;
  background-color: #4d4d4d;
}

/*--------------------------------------------------
form
----------------------------------------------------*/
/*
form {
    button[type="submit"] {
        display: block;
        margin: $pd-default auto $pd-default auto;
        padding: $pd-half 0;
        width: 200px;
        text-align: center;
        &.large {
            padding: $pd-default 0;
            width: 100%;
        }
        &:disabled {
            background-color: $lightgray !important;
            cursor: not-allowed !important;
            border: none;
        }
        &.wide {
            padding: $pd-half 0;
            width: 320px;
        }
        &.s {
            margin: 0;
            padding: ($pd-half / 2) $pd-half;
            width: auto;
        }
    }
    button[type="submit"],
    button[type="button"] {
        @include font-size();
        margin: $pd-default 0 0 0;
        padding: $pd-default 0;
        text-align: center;
        i {
            margin-right: ($pd-half / 2);
        }
    }
    article {
        @include borderradius(5px);
        padding-bottom: $pd-default;
    }
    label {
        display: block;
        float: left;
        width: 27%;
        text-align: right;
        font-weight: bold;
        padding: $pd-half 0 0 0;
    }
    section {
        float: right;
        width: 80%;
        text-align: left;
        &.files {
            & > div {
                width: 22%;
                margin: 0 $pd-half 0 0;
                img {
                    width: 100%;
                }
            }
            .file {
                float: left;
                margin: 0 $pd-half $pd-half 0;
            }
        }
    }
    fieldset {
        float: left;
        width: 70%;
        margin-left: $pd-default;
        margin-bottom: ($pd-half / 2);
        word-break: break-all;
        &.select {
            width: ($pd-default * 10);
            &.large {
                width: ($pd-default * 25);
            }
        }
        &.inline {
            input {
                width: auto;
                margin-right: $pd-half;
            }
            span {
                display: inline-block;
                padding: $pd-half $pd-half 0 0;
            }
        }
        p {
            @include font-size();
            margin: $pd-half 0 0 0;
        }
        table {
            @include font-size(s);
            margin: $pd-half 0 0 0 !important;
        }
        span {
            margin-bottom: $pd-half;
        }
    }
    input {
        @include input-style();
        margin-bottom: 0;
        &.large {
            width: 100%;
        }
        &.middle {
            width: ($pd-default * 20);
        }
        &.small {
            width: ($pd-default * 10);
        }
        &.x-small {
            width: ($pd-default * 5);
        }
    }
    textarea {
        @include input-style();
        @include font-size(s);
        width: 100%;
        height: ($pd-default * 10);
        margin-bottom: 0;
        &.large {
            height: ($pd-default * 20);
        }
        &.middle {
            height: ($pd-default * 10);
        }
        &.small {
            height: ($pd-default * 5);
        }
        &.x-small {
            height: ($pd-default * 2);
        }
        &:disabled {
            background-color: $lightgray;
        }
    }
    h2 {
        @include font-size(l);
        margin-bottom: $pd-default;
        padding-bottom: $pd-half;
    }
    p {
        @include font-size();
        margin: 0 0;
        margin-bottom: $pd-half;
    }
    ul {
        @include font-size(s);
        li {
            margin-top: ($pd-half / 2);
        }
    }
    .form {
        @include clearfix();
        @include font-size(s);
        display: block;
        margin-bottom: $pd-default;
        section {
            @include clearfix();
            float:none;
            width: 100%;
            margin: ($pd-half / 2) 0 ($pd-half / 2) 0;

        }
        p {
            margin-bottom: $pd-half * 2;
        }
    }
    .action {
        display: block;
        text-align: center;
        button {
            @include button-square();
            margin-right: ($pd-half / 2);
            &:disabled {
                background-color: $gray;
                border-color: $gray;
            }
        }
        &.delete {
            button {
                @include button-square(red);
            }
        }
    }
    .select {
        @include input-select(200px, ($pd-half / 1) ($pd-half + ($pd-half / 2)), $gray, 15px, 10px, $darkestgray, $white);
        margin-bottom: $pd-half;
    }
    .inline {
        text-align: center;
        button[type="submit"] {
            display: inline-block;
        }
        a {
            display: inline-block;
            margin: $pd-default $pd-half;
            padding: $pd-half ($pd-default * 2);
            i {
                margin-right: ($pd-half / 2);
            }
        }
    }
    .thum {
        width: 300px;
        img {
            width: 100%;
        }
    }
    .input {
        &.radio {
            @include input-radio();
        }
        &.checkbox {
            @include input-checkbox();
        }
    }
    .inputwide {
        label {
            width: 15% !important;
        }
        fieldset {
            width: 80% !important;
        }
    }
    .horizon {
        label {
            float: none !important;
            width: 100% !important;
            margin: 0 0 $pd 0;
            text-align: left;
        }
        fieldset {
            float: none !important;
            width: 100% !important;
            margin: 0 0 $pd 0;
        }
    }
    .preview {
        fieldset {
            p {
                @include font-size(s);
            }
        }
    }
}
*/
/*--------------------------------------------------
alert
----------------------------------------------------*/
.alert {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0 0 20px 0;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
}
.alert.success {
  border-color: #95c942;
  background-color: #e6f8e9;
  color: #35aa47;
}
.alert.error {
  border-color: #fbe1e3;
  background-color: #FDF5F5;
  color: #e73d4a;
}
.alert ul {
  margin-left: 30px;
}

/*--------------------------------------------------
Media Queries
----------------------------------------------------*/
.disp-sp {
  display: none;
}

@media (max-width: 1281px) {
  .disp-sp {
    display: none;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .disp-sp {
    display: none;
  }
}
@media (min-width: 993px) and (max-width: 1024px) {
  .disp-sp {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .disp-sp {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .disp-sp {
    display: block;
  }
}
@media (max-width: 575px) {
  .disp-sp {
    display: block;
  }
}
/*--------------------------------------------------
table
----------------------------------------------------*/
table {
  margin: 0 0 20px 0;
  width: 100%;
  /*--------------------------------------------------
  list-table
  ----------------------------------------------------*/
  /*--------------------------------------------------
  entrylist
  ----------------------------------------------------*/
  /*--------------------------------------------------
  img-list
  ----------------------------------------------------*/
  /*--------------------------------------------------
  calendar-list
  ----------------------------------------------------*/
  /*--------------------------------------------------
  default-table
  ----------------------------------------------------*/
}
table .bt {
  margin-right: 5px;
}
table.c th, table.c td {
  text-align: center !important;
}
table.l th, table.l td {
  text-align: left !important;
}
table.r th, table.r td {
  text-align: right !important;
}
table th, table td {
  vertical-align: middle !important;
}
table th.c, table td.c {
  text-align: center !important;
}
table th.l, table td.l {
  text-align: left !important;
}
table th.r, table td.r {
  text-align: right !important;
}
table thead,
table tbody {
  font-size: 14px;
  line-height: 160%;
}
table tr.suspend {
  background-color: #dddddd !important;
}
table tr.close {
  background-color: #dddddd !important;
}
table tr.close .input {
  background-color: #dddddd !important;
}
table tr.done {
  background-color: #dddddd !important;
}
table tr.done .input {
  background-color: #dddddd !important;
}
table tr.checked {
  background-color: #e6f8e9 !important;
}
table tr.checked .input {
  background-color: #e6f8e9 !important;
}
table tr.line-top {
  border-top: 2px solid #808080;
}
table tr.ordered {
  background-color: #e6f8e9 !important;
}
table tr.ordered .input {
  background-color: #e6f8e9 !important;
}
table time {
  font-size: 12px;
  line-height: 140%;
}
table small.d-block {
  line-height: 1.6;
}
table.list-table {
  font-size: 14px;
  line-height: 160%;
  background-color: #fff;
}
table.list-table th {
  padding: 10px 10px;
  white-space: nowrap;
  text-align: left;
}
table.list-table td {
  padding: 5px 10px;
}
table.list-table thead {
  font-size: 14px;
  line-height: 160%;
  background-color: #e73d4a;
  color: #fff;
  text-align: center;
}
table.list-table thead .sub {
  background-color: #FFF8DC;
  color: #094C83;
}
table.list-table tbody {
  font-size: 14px;
  line-height: 160%;
  text-align: left;
}
table.list-table tbody tr {
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
  box-sizing: border-box;
}
table.list-table tbody tr.selected {
  background-color: #FFF8DC;
}
table.list-table tbody tr:nth-child(odd) {
  background-color: #fafafa;
}
table.list-table tbody tr.on {
  background-color: #e6f8e9;
}
table.list-table tbody tr.sub {
  background-color: #ffe4b2;
}
table.list-table tbody tr.delete {
  background-color: #dddddd !important;
}
table.list-table tbody tr.additem td {
  margin: 0;
  padding: 0;
}
table.list-table tbody tr.additem td a {
  margin: 0;
}
table.list-table tbody tr.plus {
  background-color: #FFF8DC;
}
table.list-table tbody tr.minus {
  background-color: #fbe1e3;
}
table.list-table tbody tr td span {
  font-size: 14px;
  line-height: 160%;
}
table.list-table tbody tr td span.plus {
  color: #35aa47;
}
table.list-table tbody tr td span.minus {
  color: #e73d4a;
}
table.list-table tbody tr td small {
  display: block;
}
table.list-table tbody tr td.sub {
  padding-left: 30px;
}
table.list-table tbody h2 {
  margin-bottom: 0;
}
table.list-table tbody h2 small {
  margin-left: 5px;
}
table.list-table tbody p {
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 0;
}
table.list-table tbody code {
  font-size: 14px;
  line-height: 160%;
  display: block;
  margin: 5px 0 5px 0;
  padding: 10px;
  background-color: #f2f2f2;
}
table.list-table tbody .img {
  width: 65px;
}
table.list-table tbody .img img {
  width: 100%;
}
table.list-table tfoot {
  border-top: 2px solid #a0a9b4;
  border-bottom: 2px solid #a0a9b4;
  font-weight: bold;
}
table.list-table ul {
  list-style: none;
}
table.list-table ul li a {
  display: block;
}
table.list-table ul li.selected a {
  color: #ff9700;
}
table.entrylist small {
  display: block;
  line-height: 125%;
}
table.img-list td {
  font-size: 14px;
  line-height: 160%;
}
table.img-list td img {
  width: 45px;
}
table.calendar-list {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
table.calendar-list th, table.calendar-list td {
  padding: 10px 10px;
}
table.calendar-list th.c, table.calendar-list td.c {
  text-align: center;
}
table.calendar-list tr {
  border-bottom: 1px dotted #dddddd;
}
table.calendar-list tr.selected {
  background-color: #ffe4b2;
}
table.calendar-list tr.selected .input {
  background-color: transparent;
}
table.calendar-list .bt {
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 5px;
  padding: 5px 10px;
}
table.calendar-list th {
  padding: 20px 5px;
  vertical-align: top;
  background-color: #f2f2f2;
  border: 1px solid #dddddd;
}
table.calendar-list td.day {
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  padding: 5px 5px;
}
table.calendar-list td.day.sat {
  color: #337ab7;
  background-color: #DEEEFB;
}
table.calendar-list td.day.sun {
  color: #e73d4a;
  background-color: #FDF5F5;
}
table.calendar-list td.day.mon, table.calendar-list td.day.tue, table.calendar-list td.day.wed, table.calendar-list td.day.thurs, table.calendar-list td.day.fri {
  background-color: #fff;
}
table.calendar-list td.icon {
  font-size: 14px;
  line-height: 160%;
  padding: 5px 5px;
  text-align: center;
  width: 80px;
}
table.calendar-list td.icon.orange {
  background-color: #ffba00;
}
table.calendar-list td.text, table.calendar-list td.text-detail {
  padding: 10px 10px;
}
table.calendar-list td.text span, table.calendar-list td.text-detail span {
  font-size: 14px;
  line-height: 160%;
  display: block;
  border-left: 1px solid #dddddd;
  margin-left: 10px;
  padding-left: 10px;
  white-space: nowrap;
}
table.calendar-list td.text span b, table.calendar-list td.text-detail span b {
  color: #e73d4a;
}
table.calendar-list td.ordered_num {
  padding: 10px 0;
  white-space: nowrap;
}
table.calendar-list td.ordered_num span {
  border-left: 1px solid #dddddd;
  margin-left: 10px;
  padding-left: 10px;
}
table.calendar-list td.ordered_num span b {
  color: #e73d4a;
}
table.calendar-list .checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 0;
  border: none;
}
table.calendar-list .checkbox:after {
  top: 0;
  left: 5px;
}
table.calendar-list .checkbox.on {
  background-color: transparent;
}
table.default-table {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
table.default-table th, table.default-table td {
  padding: 10px 10px;
}
table.default-table tr {
  border-bottom: 1px dotted #dddddd;
}
table.default-table .bt {
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 5px;
  padding: 5px 10px;
}
table.default-table th {
  background-color: #f2f2f2;
  border: 1px solid #dddddd;
}

/*--------------------------------------------------
overflow
----------------------------------------------------*/
.overflow {
  overflow-x: auto;
}

/*--------------------------------------------------
.color
----------------------------------------------------*/
.color.black {
  color: #000;
}
.color.red {
  color: #e73d4a;
}
.color.blue {
  color: #337ab7;
}

/*--------------------------------------------------
.nav-buttons
----------------------------------------------------*/
.nav-buttons {
  margin-bottom: 10px;
}
.nav-buttons:before, .nav-buttons:after {
  content: " ";
  display: table;
}
.nav-buttons:after {
  clear: both;
}
.nav-buttons ul li {
  float: left;
  margin-right: 5px;
}

/*--------------------------------------------------
.bg
----------------------------------------------------*/
.bg.bg_color {
  background-color: #fcfbf9;
}
.bg.main_color {
  background-color: #60c59e;
}
.bg.second_color {
  background-color: #eb5062;
}
.bg.white {
  background-color: #fff;
}
.bg.red {
  background-color: #e73d4a;
}
.bg.lightred {
  background-color: #fbe1e3;
}
.bg.lightestred {
  background-color: #FDF5F5;
}
.bg.darkred {
  background-color: #A20813;
}
.bg.darkestred {
  background-color: #560006;
}
.bg.green {
  background-color: #35aa47;
}
.bg.lightgreen {
  background-color: #95c942;
}
.bg.lightestgreen {
  background-color: #e6f8e9;
}
.bg.darkgreen {
  background-color: #09761C;
}
.bg.darkestgreen {
  background-color: #09761C;
}
.bg.azure {
  background-color: #293239;
}
.bg.lightazure {
  background-color: #44515B;
}
.bg.lightestazure {
  background-color: #5F6C77;
}
.bg.darkazure {
  background-color: #192630;
}
.bg.darkestazure {
  background-color: #0E1D28;
}
.bg.whitegray {
  background-color: #f9f9f9;
}
.bg.lightwhitegray {
  background-color: #FFFFFF;
}
.bg.lightestwhitegray {
  background-color: #FFFFFF;
}
.bg.darkwhitegray {
  background-color: #C9C9C9;
}
.bg.darkestwhitegray {
  background-color: #9D9C9C;
}
.bg.orange {
  background-color: #ff9700;
}
.bg.lightorange {
  background-color: #ffe4b2;
}
.bg.lightestorange {
  background-color: #fff6e5;
}
.bg.darkorange {
  background-color: #ffba00;
}
.bg.darkestorange {
  background-color: #cc8400;
}
.bg.gray {
  background-color: #dddddd;
}
.bg.lightgray {
  background-color: #f2f2f2;
}
.bg.lightestgray {
  background-color: #fafafa;
}
.bg.darkgray {
  background-color: #808080;
}
.bg.darkestgray {
  background-color: #4d4d4d;
}
.bg.blue {
  background-color: #337ab7;
}
.bg.lightblue {
  background-color: #7EB1DC;
}
.bg.lightestblue {
  background-color: #DEEEFB;
}
.bg.darkblue {
  background-color: #1266AB;
}
.bg.darkestblue {
  background-color: #094C83;
}
.bg.lightwaterblue {
  background-color: #0DA8FB;
}
.bg.yellow {
  background-color: #F1C40F;
}
.bg.lightyellow {
  background-color: #f9e491;
}
.bg.lightestyellow {
  background-color: #FFF8DC;
}
.bg.darkyellow {
  background-color: #BC9805;
}
.bg.darkestyellow {
  background-color: #947700;
}
.bg.black {
  background-color: #000;
}
.bg.lightblack {
  background-color: #a0a9b4;
}
.bg.darkblack {
  background-color: #4e5a64;
}
.bg.brown {
  background-color: #dcdad4;
}
.bg.lightbrown {
  background-color: #f6f4ed;
}
.bg.darkbrown {
  background-color: #969594;
}
.bg.doing {
  background-color: #FFF8DC;
}
.bg.done {
  background-color: #f2f2f2;
}

/*--------------------------------------------------
link
----------------------------------------------------*/
.link {
  display: inline-block;
  text-decoration: underline;
  padding-bottom: 5px;
}
.link.s {
  font-size: 12px;
  line-height: 140%;
  padding: 5px;
}
.link.green {
  color: #35aa47;
}
.link.green:hover {
  color: #09761C;
  text-decoration: none;
}

/*--------------------------------------------------
hr
----------------------------------------------------*/
hr.dot {
  border-top: 1px dotted #dddddd;
}

/*--------------------------------------------------
ul
----------------------------------------------------*/
ul.inline-list {
  margin-left: 0;
}
ul.inline-list:before, ul.inline-list:after {
  content: " ";
  display: table;
}
ul.inline-list:after {
  clear: both;
}
ul.inline-list li {
  float: left;
  margin-top: 10px;
  margin-right: 20px;
  margin-left: 10px;
  padding: 0;
}
ul.stick-list {
  list-style: none;
}
ul.stick-list li {
  margin: 5px 0;
  padding: 5px 10px;
  border: 1px solid #dddddd;
  background-color: #f2f2f2;
}
ul.stick-list li ul li {
  background-color: #fff;
}
ul.stick-list li ul li li {
  background-color: #f2f2f2;
}
ul.stick {
  list-style: none;
}
ul.stick li {
  margin: 5px 0;
  padding: 5px 10px;
  border: 1px solid #dddddd;
  background-color: #f2f2f2;
}
ul.stick li ul li {
  background-color: #fff;
}
ul.stick li ul li li {
  background-color: #f2f2f2;
}
ul.list {
  padding: 0 0 5px 0;
}
ul.list li {
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  list-style-type: disc;
  list-style-position: outside;
}

/*--------------------------------------------------
tab
----------------------------------------------------*/
nav.pan-nav ul {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #dddddd;
}
nav.pan-nav ul li {
  display: inline;
}
nav.pan-nav ul li:after {
  content: " > ";
  padding-left: 5px;
  padding-right: 5px;
}
nav.pan-nav ul li:last-child:after {
  content: none;
  padding-left: 0;
  padding-right: 0;
}
nav.tab ul {
  margin: 0;
  border-bottom: 1px solid #dddddd;
}
nav.tab ul:before, nav.tab ul:after {
  content: " ";
  display: table;
}
nav.tab ul:after {
  clear: both;
}
nav.tab ul li {
  float: left;
  margin-right: 10px;
  font-weight: bold;
}
nav.tab ul li a {
  display: inline-block;
  border: 1px solid #dddddd;
  border-bottom: none;
  background-color: #f2f2f2;
  color: #000;
  text-align: center;
}
nav.tab ul li a:hover {
  background-color: #35aa47;
  color: #fff;
}
nav.tab ul li a.off {
  background-color: #808080;
  color: #fff;
}
nav.tab ul li a.on {
  background-color: #ff9700;
  color: #fff;
}
nav.tab .tab.large {
  padding: 10px 40px;
}
nav.tab .tab.middle {
  padding: 10px 20px;
}
nav.tab .tab.small {
  padding: 10px 10px;
}

/*--------------------------------------------------
boxs
----------------------------------------------------*/
.boxs {
  margin-bottom: 20px;
}
.boxs:before, .boxs:after {
  content: " ";
  display: table;
}
.boxs:after {
  clear: both;
}
.boxs .box2 {
  margin-top: 20px;
  padding: 10px 20px;
  border: 1px solid #dddddd;
}
.boxs .box2.left {
  float: left;
  width: 49%;
}
.boxs .box2.right {
  float: right;
  width: 49%;
}
.boxs .box3 {
  float: left;
  width: 30%;
  margin-top: 10px;
}
.boxs.h200 {
  overflow: scroll;
  height: 200px;
}
.boxs.h400 {
  overflow: scroll;
  height: 400px;
}
.boxs .boxinner {
  margin: 5px 0;
  padding: 10px 20px;
  border: 1px solid #dddddd;
}

/*--------------------------------------------------
talign
----------------------------------------------------*/
.talign.c {
  text-align: center;
}
.talign.r {
  text-align: right;
}
.talign.l {
  text-align: left;
}

/*--------------------------------------------------
timeline
----------------------------------------------------*/
.timeline {
  position: relative;
}
.timeline:after {
  content: '';
  position: absolute;
  width: 3px;
  background-color: #35aa47;
  top: 0;
  bottom: 0;
  left: 10px;
  margin-left: -3px;
}
.timeline .container {
  position: relative;
}
.timeline .container .content {
  padding: 5px 0px 5px 30px;
}
.timeline .container .content:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  left: 1px;
  background-color: white;
  border: 4px solid #35aa47;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
.timeline .container .content h3 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 16px;
  line-height: 160%;
  padding: 5px 10px;
  border: 1px solid #dddddd;
  background-color: #fff;
}
.timeline .container .content time {
  font-size: 12px;
  line-height: 140%;
  margin-top: 5px;
  margin-left: 5px;
}
.timeline .container .content p {
  font-size: 16px;
  line-height: 160%;
  margin-left: 5px;
  margin-bottom: 10px;
}

/*--------------------------------------------------
list-style
----------------------------------------------------*/
.list-none {
  list-style: none;
}

/*--------------------------------------------------
ballon
----------------------------------------------------*/
.ballon {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 7px 10px;
  background-color: #dddddd;
}
.ballon:before {
  content: "";
  position: absolute;
}
.ballon.left:before {
  top: 50%;
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #dddddd;
}
.ballon.right:before {
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #dddddd;
}
.ballon.top:before {
  top: -30px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #dddddd;
}
.ballon.bottom:before {
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #dddddd;
}

/*--------------------------------------------------
circle
----------------------------------------------------*/
.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

/*--------------------------------------------------
font-medium
----------------------------------------------------*/
.font-medium {
  font-weight: 500;
}

.wp-10 {
  width: 10%;
}

.wp-20 {
  width: 20%;
}

.wp-30 {
  width: 30%;
}

.wp-40 {
  width: 40%;
}

.wp-50 {
  width: 50%;
}

.wp-60 {
  width: 60%;
}

.wp-70 {
  width: 70%;
}

.wp-80 {
  width: 80%;
}

.wp-90 {
  width: 90%;
}

.wp-100 {
  width: 100%;
}

.mg-0 {
  margin: 0px !important;
}

.mg-t0 {
  margin-top: 0px !important;
}

.mg-l0 {
  margin-left: 0px !important;
}

.mg-r0 {
  margin-right: 0px !important;
}

.mg-b0 {
  margin-bottom: 0px !important;
}

.pd-0 {
  padding: 0px;
}

.pd-t0 {
  padding-top: 0px !important;
}

.pd-l0 {
  padding-left: 0px !important;
}

.pd-r0 {
  padding-right: 0px !important;
}

.pd-b0 {
  padding-bottom: 0px !important;
}

.mg-5 {
  margin: 5px !important;
}

.mg-t5 {
  margin-top: 5px !important;
}

.mg-l5 {
  margin-left: 5px !important;
}

.mg-r5 {
  margin-right: 5px !important;
}

.mg-b5 {
  margin-bottom: 5px !important;
}

.pd-5 {
  padding: 5px;
}

.pd-t5 {
  padding-top: 5px !important;
}

.pd-l5 {
  padding-left: 5px !important;
}

.pd-r5 {
  padding-right: 5px !important;
}

.pd-b5 {
  padding-bottom: 5px !important;
}

.mg-10 {
  margin: 10px !important;
}

.mg-t10 {
  margin-top: 10px !important;
}

.mg-l10 {
  margin-left: 10px !important;
}

.mg-r10 {
  margin-right: 10px !important;
}

.mg-b10 {
  margin-bottom: 10px !important;
}

.pd-10 {
  padding: 10px;
}

.pd-t10 {
  padding-top: 10px !important;
}

.pd-l10 {
  padding-left: 10px !important;
}

.pd-r10 {
  padding-right: 10px !important;
}

.pd-b10 {
  padding-bottom: 10px !important;
}

.mg-15 {
  margin: 15px !important;
}

.mg-t15 {
  margin-top: 15px !important;
}

.mg-l15 {
  margin-left: 15px !important;
}

.mg-r15 {
  margin-right: 15px !important;
}

.mg-b15 {
  margin-bottom: 15px !important;
}

.pd-15 {
  padding: 15px;
}

.pd-t15 {
  padding-top: 15px !important;
}

.pd-l15 {
  padding-left: 15px !important;
}

.pd-r15 {
  padding-right: 15px !important;
}

.pd-b15 {
  padding-bottom: 15px !important;
}

.mg-20 {
  margin: 20px !important;
}

.mg-t20 {
  margin-top: 20px !important;
}

.mg-l20 {
  margin-left: 20px !important;
}

.mg-r20 {
  margin-right: 20px !important;
}

.mg-b20 {
  margin-bottom: 20px !important;
}

.pd-20 {
  padding: 20px;
}

.pd-t20 {
  padding-top: 20px !important;
}

.pd-l20 {
  padding-left: 20px !important;
}

.pd-r20 {
  padding-right: 20px !important;
}

.pd-b20 {
  padding-bottom: 20px !important;
}

.mg-25 {
  margin: 25px !important;
}

.mg-t25 {
  margin-top: 25px !important;
}

.mg-l25 {
  margin-left: 25px !important;
}

.mg-r25 {
  margin-right: 25px !important;
}

.mg-b25 {
  margin-bottom: 25px !important;
}

.pd-25 {
  padding: 25px;
}

.pd-t25 {
  padding-top: 25px !important;
}

.pd-l25 {
  padding-left: 25px !important;
}

.pd-r25 {
  padding-right: 25px !important;
}

.pd-b25 {
  padding-bottom: 25px !important;
}

.mg-30 {
  margin: 30px !important;
}

.mg-t30 {
  margin-top: 30px !important;
}

.mg-l30 {
  margin-left: 30px !important;
}

.mg-r30 {
  margin-right: 30px !important;
}

.mg-b30 {
  margin-bottom: 30px !important;
}

.pd-30 {
  padding: 30px;
}

.pd-t30 {
  padding-top: 30px !important;
}

.pd-l30 {
  padding-left: 30px !important;
}

.pd-r30 {
  padding-right: 30px !important;
}

.pd-b30 {
  padding-bottom: 30px !important;
}

.mg-35 {
  margin: 35px !important;
}

.mg-t35 {
  margin-top: 35px !important;
}

.mg-l35 {
  margin-left: 35px !important;
}

.mg-r35 {
  margin-right: 35px !important;
}

.mg-b35 {
  margin-bottom: 35px !important;
}

.pd-35 {
  padding: 35px;
}

.pd-t35 {
  padding-top: 35px !important;
}

.pd-l35 {
  padding-left: 35px !important;
}

.pd-r35 {
  padding-right: 35px !important;
}

.pd-b35 {
  padding-bottom: 35px !important;
}

.mg-40 {
  margin: 40px !important;
}

.mg-t40 {
  margin-top: 40px !important;
}

.mg-l40 {
  margin-left: 40px !important;
}

.mg-r40 {
  margin-right: 40px !important;
}

.mg-b40 {
  margin-bottom: 40px !important;
}

.pd-40 {
  padding: 40px;
}

.pd-t40 {
  padding-top: 40px !important;
}

.pd-l40 {
  padding-left: 40px !important;
}

.pd-r40 {
  padding-right: 40px !important;
}

.pd-b40 {
  padding-bottom: 40px !important;
}

.mg-45 {
  margin: 45px !important;
}

.mg-t45 {
  margin-top: 45px !important;
}

.mg-l45 {
  margin-left: 45px !important;
}

.mg-r45 {
  margin-right: 45px !important;
}

.mg-b45 {
  margin-bottom: 45px !important;
}

.pd-45 {
  padding: 45px;
}

.pd-t45 {
  padding-top: 45px !important;
}

.pd-l45 {
  padding-left: 45px !important;
}

.pd-r45 {
  padding-right: 45px !important;
}

.pd-b45 {
  padding-bottom: 45px !important;
}

.mg-50 {
  margin: 50px !important;
}

.mg-t50 {
  margin-top: 50px !important;
}

.mg-l50 {
  margin-left: 50px !important;
}

.mg-r50 {
  margin-right: 50px !important;
}

.mg-b50 {
  margin-bottom: 50px !important;
}

.pd-50 {
  padding: 50px;
}

.pd-t50 {
  padding-top: 50px !important;
}

.pd-l50 {
  padding-left: 50px !important;
}

.pd-r50 {
  padding-right: 50px !important;
}

.pd-b50 {
  padding-bottom: 50px !important;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.f_clear {
  clear: both;
}

.h100 {
  height: 100px;
}

/*--------------------------------------------------
fa icon css
----------------------------------------------------*/
.fa-chevron-circle-left {
  margin-right: 5px !important;
}

.badge {
  font-size: 90%;
}

/*--------------------------------------------------
flag-icon
----------------------------------------------------*/
.flag-icon {
  border: 1px solid #dddddd;
}

.flag-icon-lang-aa {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ET.svg");
}
.flag-icon-lang-aa.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ET.svg");
}

.flag-icon-lang-ab {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GS.svg");
}
.flag-icon-lang-ab.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GS.svg");
}

.flag-icon-lang-ae {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-ae.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-af {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-af.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-ak {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GH.svg");
}
.flag-icon-lang-ak.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GH.svg");
}

.flag-icon-lang-am {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ET.svg");
}
.flag-icon-lang-am.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ET.svg");
}

.flag-icon-lang-an {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ES.svg");
}
.flag-icon-lang-an.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ES.svg");
}

.flag-icon-lang-ar {
  background-image: url("/fonts/flag-icon-css/flags/4x3/AE.svg");
}
.flag-icon-lang-ar.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/AE.svg");
}

.flag-icon-lang-as {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-as.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-av {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-av.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-ay {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BO.svg");
}
.flag-icon-lang-ay.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BO.svg");
}

.flag-icon-lang-az {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IR.svg");
}
.flag-icon-lang-az.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IR.svg");
}

.flag-icon-lang-ba {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-ba.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-be {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-be.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-bg {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BG.svg");
}
.flag-icon-lang-bg.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BG.svg");
}

.flag-icon-lang-bh {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-bh.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-bi {
  background-image: url("/fonts/flag-icon-css/flags/4x3/VU.svg");
}
.flag-icon-lang-bi.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/VU.svg");
}

.flag-icon-lang-bm {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ML.svg");
}
.flag-icon-lang-bm.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ML.svg");
}

.flag-icon-lang-bn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BD.svg");
}
.flag-icon-lang-bn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BD.svg");
}

.flag-icon-lang-bo {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BT.svg");
}
.flag-icon-lang-bo.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BT.svg");
}

.flag-icon-lang-br {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FR.svg");
}
.flag-icon-lang-br.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FR.svg");
}

.flag-icon-lang-bs {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BA.svg");
}
.flag-icon-lang-bs.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BA.svg");
}

.flag-icon-lang-ca {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ES.svg");
}
.flag-icon-lang-ca.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ES.svg");
}

.flag-icon-lang-ce {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-ce.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-ch {
  background-image: url("/fonts/flag-icon-css/flags/4x3/US.svg");
}
.flag-icon-lang-ch.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/US.svg");
}

.flag-icon-lang-co {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FR.svg");
}
.flag-icon-lang-co.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FR.svg");
}

.flag-icon-lang-cr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CA.svg");
}
.flag-icon-lang-cr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CA.svg");
}

.flag-icon-lang-cs {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CZ.svg");
}
.flag-icon-lang-cs.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CZ.svg");
}

.flag-icon-lang-cu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-cu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-cv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-cv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-cy {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GB.svg");
}
.flag-icon-lang-cy.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GB.svg");
}

.flag-icon-lang-da {
  background-image: url("/fonts/flag-icon-css/flags/4x3/DK.svg");
}
.flag-icon-lang-da.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/DK.svg");
}

.flag-icon-lang-de {
  background-image: url("/fonts/flag-icon-css/flags/4x3/DE.svg");
}
.flag-icon-lang-de.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/DE.svg");
}

.flag-icon-lang-dv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-dv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-dz {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BT.svg");
}
.flag-icon-lang-dz.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BT.svg");
}

.flag-icon-lang-ee {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PY.svg");
}
.flag-icon-lang-ee.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PY.svg");
}

.flag-icon-lang-el {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GR.svg");
}
.flag-icon-lang-el.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GR.svg");
}

.flag-icon-lang-en {
  background-image: url("/fonts/flag-icon-css/flags/4x3/US.svg");
}
.flag-icon-lang-en.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/US.svg");
}

.flag-icon-lang-eo {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-eo.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-es {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ES.svg");
}
.flag-icon-lang-es.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ES.svg");
}

.flag-icon-lang-et {
  background-image: url("/fonts/flag-icon-css/flags/4x3/EE.svg");
}
.flag-icon-lang-et.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/EE.svg");
}

.flag-icon-lang-eu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FR.svg");
}
.flag-icon-lang-eu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FR.svg");
}

.flag-icon-lang-fa {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IR.svg");
}
.flag-icon-lang-fa.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IR.svg");
}

.flag-icon-lang-ff {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CM.svg");
}
.flag-icon-lang-ff.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CM.svg");
}

.flag-icon-lang-fi {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FI.svg");
}
.flag-icon-lang-fi.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FI.svg");
}

.flag-icon-lang-fj {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FJ.svg");
}
.flag-icon-lang-fj.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FJ.svg");
}

.flag-icon-lang-fo {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FO.svg");
}
.flag-icon-lang-fo.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FO.svg");
}

.flag-icon-lang-fr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FR.svg");
}
.flag-icon-lang-fr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FR.svg");
}

.flag-icon-lang-fy {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NL.svg");
}
.flag-icon-lang-fy.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NL.svg");
}

.flag-icon-lang-ga {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IE.svg");
}
.flag-icon-lang-ga.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IE.svg");
}

.flag-icon-lang-gd {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IE.svg");
}
.flag-icon-lang-gd.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IE.svg");
}

.flag-icon-lang-gl {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PT.svg");
}
.flag-icon-lang-gl.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PT.svg");
}

.flag-icon-lang-gn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PY.svg");
}
.flag-icon-lang-gn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PY.svg");
}

.flag-icon-lang-gu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-gu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-gv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-gv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-ha {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NG.svg");
}
.flag-icon-lang-ha.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NG.svg");
}

.flag-icon-lang-he {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IL.svg");
}
.flag-icon-lang-he.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IL.svg");
}

.flag-icon-lang-hi {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-hi.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-ho {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PG.svg");
}
.flag-icon-lang-ho.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PG.svg");
}

.flag-icon-lang-hr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/HR.svg");
}
.flag-icon-lang-hr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/HR.svg");
}

.flag-icon-lang-ht {
  background-image: url("/fonts/flag-icon-css/flags/4x3/HT.svg");
}
.flag-icon-lang-ht.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/HT.svg");
}

.flag-icon-lang-hu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/HU.svg");
}
.flag-icon-lang-hu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/HU.svg");
}

.flag-icon-lang-hy {
  background-image: url("/fonts/flag-icon-css/flags/4x3/AM.svg");
}
.flag-icon-lang-hy.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/AM.svg");
}

.flag-icon-lang-hz {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NA.svg");
}
.flag-icon-lang-hz.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NA.svg");
}

.flag-icon-lang-ia {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-ia.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-id {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ID.svg");
}
.flag-icon-lang-id.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ID.svg");
}

.flag-icon-lang-ie {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-ie.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-ig {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NG.svg");
}
.flag-icon-lang-ig.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NG.svg");
}

.flag-icon-lang-ii {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CN.svg");
}
.flag-icon-lang-ii.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CN.svg");
}

.flag-icon-lang-ik {
  background-image: url("/fonts/flag-icon-css/flags/4x3/US.svg");
}
.flag-icon-lang-ik.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/US.svg");
}

.flag-icon-lang-io {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-io.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-is {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IS.svg");
}
.flag-icon-lang-is.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IS.svg");
}

.flag-icon-lang-it {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IT.svg");
}
.flag-icon-lang-it.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IT.svg");
}

.flag-icon-lang-iu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-iu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-ja {
  background-image: url("/fonts/flag-icon-css/flags/4x3/JP.svg");
}
.flag-icon-lang-ja.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/JP.svg");
}

.flag-icon-lang-jv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ID.svg");
}
.flag-icon-lang-jv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ID.svg");
}

.flag-icon-lang-ka {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GS.svg");
}
.flag-icon-lang-ka.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GS.svg");
}

.flag-icon-lang-kg {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CD.svg");
}
.flag-icon-lang-kg.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CD.svg");
}

.flag-icon-lang-ki {
  background-image: url("/fonts/flag-icon-css/flags/4x3/KE.svg");
}
.flag-icon-lang-ki.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/KE.svg");
}

.flag-icon-lang-kj {
  background-image: url("/fonts/flag-icon-css/flags/4x3/AO.svg");
}
.flag-icon-lang-kj.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/AO.svg");
}

.flag-icon-lang-kk {
  background-image: url("/fonts/flag-icon-css/flags/4x3/KZ.svg");
}
.flag-icon-lang-kk.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/KZ.svg");
}

.flag-icon-lang-kl {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GL.svg");
}
.flag-icon-lang-kl.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GL.svg");
}

.flag-icon-lang-km {
  background-image: url("/fonts/flag-icon-css/flags/4x3/KH.svg");
}
.flag-icon-lang-km.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/KH.svg");
}

.flag-icon-lang-kn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-kn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-ko {
  background-image: url("/fonts/flag-icon-css/flags/4x3/KR.svg");
}
.flag-icon-lang-ko.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/KR.svg");
}

.flag-icon-lang-kr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NE.svg");
}
.flag-icon-lang-kr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NE.svg");
}

.flag-icon-lang-ks {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-ks.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-ku {
  background-image: url("/fonts/flag-icon-css/flags/4x3/TR.svg");
}
.flag-icon-lang-ku.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/TR.svg");
}

.flag-icon-lang-kv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-kv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-kw {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GB.svg");
}
.flag-icon-lang-kw.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GB.svg");
}

.flag-icon-lang-ky {
  background-image: url("/fonts/flag-icon-css/flags/4x3/KG.svg");
}
.flag-icon-lang-ky.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/KG.svg");
}

.flag-icon-lang-la {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CH.svg");
}
.flag-icon-lang-la.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CH.svg");
}

.flag-icon-lang-lb {
  background-image: url("/fonts/flag-icon-css/flags/4x3/LU.svg");
}
.flag-icon-lang-lb.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/LU.svg");
}

.flag-icon-lang-lg {
  background-image: url("/fonts/flag-icon-css/flags/4x3/UG.svg");
}
.flag-icon-lang-lg.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/UG.svg");
}

.flag-icon-lang-li {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BE.svg");
}
.flag-icon-lang-li.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BE.svg");
}

.flag-icon-lang-ln {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CD.svg");
}
.flag-icon-lang-ln.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CD.svg");
}

.flag-icon-lang-lo {
  background-image: url("/fonts/flag-icon-css/flags/4x3/LA.svg");
}
.flag-icon-lang-lo.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/LA.svg");
}

.flag-icon-lang-lt {
  background-image: url("/fonts/flag-icon-css/flags/4x3/LT.svg");
}
.flag-icon-lang-lt.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/LT.svg");
}

.flag-icon-lang-lu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CD.svg");
}
.flag-icon-lang-lu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CD.svg");
}

.flag-icon-lang-lv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/LV.svg");
}
.flag-icon-lang-lv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/LV.svg");
}

.flag-icon-lang-mg {
  background-image: url("/fonts/flag-icon-css/flags/4x3/MG.svg");
}
.flag-icon-lang-mg.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/MG.svg");
}

.flag-icon-lang-mh {
  background-image: url("/fonts/flag-icon-css/flags/4x3/MH.svg");
}
.flag-icon-lang-mh.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/MH.svg");
}

.flag-icon-lang-mi {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NZ.svg");
}
.flag-icon-lang-mi.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NZ.svg");
}

.flag-icon-lang-mk {
  background-image: url("/fonts/flag-icon-css/flags/4x3/MK.svg");
}
.flag-icon-lang-mk.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/MK.svg");
}

.flag-icon-lang-ml {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-ml.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-mn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/MN.svg");
}
.flag-icon-lang-mn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/MN.svg");
}

.flag-icon-lang-mr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-mr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-ms {
  background-image: url("/fonts/flag-icon-css/flags/4x3/MY.svg");
}
.flag-icon-lang-ms.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/MY.svg");
}

.flag-icon-lang-mt {
  background-image: url("/fonts/flag-icon-css/flags/4x3/MT.svg");
}
.flag-icon-lang-mt.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/MT.svg");
}

.flag-icon-lang-my {
  background-image: url("/fonts/flag-icon-css/flags/4x3/MM.svg");
}
.flag-icon-lang-my.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/MM.svg");
}

.flag-icon-lang-na {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NR.svg");
}
.flag-icon-lang-na.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NR.svg");
}

.flag-icon-lang-nb {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NO.svg");
}
.flag-icon-lang-nb.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NO.svg");
}

.flag-icon-lang-nd {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BW.svg");
}
.flag-icon-lang-nd.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BW.svg");
}

.flag-icon-lang-ne {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NP.svg");
}
.flag-icon-lang-ne.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NP.svg");
}

.flag-icon-lang-ng {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NA.svg");
}
.flag-icon-lang-ng.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NA.svg");
}

.flag-icon-lang-nl {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NL.svg");
}
.flag-icon-lang-nl.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NL.svg");
}

.flag-icon-lang-nn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NO.svg");
}
.flag-icon-lang-nn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NO.svg");
}

.flag-icon-lang-no {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NO.svg");
}
.flag-icon-lang-no.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NO.svg");
}

.flag-icon-lang-nr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-nr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

.flag-icon-lang-nv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/US.svg");
}
.flag-icon-lang-nv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/US.svg");
}

.flag-icon-lang-ny {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZM.svg");
}
.flag-icon-lang-ny.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZM.svg");
}

.flag-icon-lang-oc {
  background-image: url("/fonts/flag-icon-css/flags/4x3/FR.svg");
}
.flag-icon-lang-oc.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/FR.svg");
}

.flag-icon-lang-oj {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CA.svg");
}
.flag-icon-lang-oj.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CA.svg");
}

.flag-icon-lang-om {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ET.svg");
}
.flag-icon-lang-om.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ET.svg");
}

.flag-icon-lang-or {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-or.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-os {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GS.svg");
}
.flag-icon-lang-os.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GS.svg");
}

.flag-icon-lang-pa {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-pa.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-pi {
  background-image: url("/fonts/flag-icon-css/flags/4x3/LK.svg");
}
.flag-icon-lang-pi.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/LK.svg");
}

.flag-icon-lang-pl {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PL.svg");
}
.flag-icon-lang-pl.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PL.svg");
}

.flag-icon-lang-ps {
  background-image: url("/fonts/flag-icon-css/flags/4x3/AF.svg");
}
.flag-icon-lang-ps.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/AF.svg");
}

.flag-icon-lang-pt {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PT.svg");
}
.flag-icon-lang-pt.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PT.svg");
}

.flag-icon-lang-qu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/AR.svg");
}
.flag-icon-lang-qu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/AR.svg");
}

.flag-icon-lang-rm {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-rm.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-rn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BI.svg");
}
.flag-icon-lang-rn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BI.svg");
}

.flag-icon-lang-ro {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RO.svg");
}
.flag-icon-lang-ro.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RO.svg");
}

.flag-icon-lang-ru {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-ru.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-rw {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RW.svg");
}
.flag-icon-lang-rw.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RW.svg");
}

.flag-icon-lang-sa {
  background-image: url("/fonts/flag-icon-css/flags/4x3/.svg");
}
.flag-icon-lang-sa.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/.svg");
}

.flag-icon-lang-sc {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IT.svg");
}
.flag-icon-lang-sc.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IT.svg");
}

.flag-icon-lang-sd {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PK.svg");
}
.flag-icon-lang-sd.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PK.svg");
}

.flag-icon-lang-se {
  background-image: url("/fonts/flag-icon-css/flags/4x3/SE.svg");
}
.flag-icon-lang-se.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/SE.svg");
}

.flag-icon-lang-sg {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CF.svg");
}
.flag-icon-lang-sg.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CF.svg");
}

.flag-icon-lang-si {
  background-image: url("/fonts/flag-icon-css/flags/4x3/LK.svg");
}
.flag-icon-lang-si.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/LK.svg");
}

.flag-icon-lang-sk {
  background-image: url("/fonts/flag-icon-css/flags/4x3/SK.svg");
}
.flag-icon-lang-sk.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/SK.svg");
}

.flag-icon-lang-sl {
  background-image: url("/fonts/flag-icon-css/flags/4x3/SI.svg");
}
.flag-icon-lang-sl.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/SI.svg");
}

.flag-icon-lang-sm {
  background-image: url("/fonts/flag-icon-css/flags/4x3/WS.svg");
}
.flag-icon-lang-sm.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/WS.svg");
}

.flag-icon-lang-sn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZW.svg");
}
.flag-icon-lang-sn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZW.svg");
}

.flag-icon-lang-so {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ET.svg");
}
.flag-icon-lang-so.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ET.svg");
}

.flag-icon-lang-sq {
  background-image: url("/fonts/flag-icon-css/flags/4x3/AL.svg");
}
.flag-icon-lang-sq.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/AL.svg");
}

.flag-icon-lang-sr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RS.svg");
}
.flag-icon-lang-sr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RS.svg");
}

.flag-icon-lang-ss {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-ss.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

.flag-icon-lang-st {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-st.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

.flag-icon-lang-su {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ID.svg");
}
.flag-icon-lang-su.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ID.svg");
}

.flag-icon-lang-sv {
  background-image: url("/fonts/flag-icon-css/flags/4x3/SE.svg");
}
.flag-icon-lang-sv.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/SE.svg");
}

.flag-icon-lang-sw {
  background-image: url("/fonts/flag-icon-css/flags/4x3/UG.svg");
}
.flag-icon-lang-sw.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/UG.svg");
}

.flag-icon-lang-ta {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-ta.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-te {
  background-image: url("/fonts/flag-icon-css/flags/4x3/IN.svg");
}
.flag-icon-lang-te.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/IN.svg");
}

.flag-icon-lang-tg {
  background-image: url("/fonts/flag-icon-css/flags/4x3/TJ.svg");
}
.flag-icon-lang-tg.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/TJ.svg");
}

.flag-icon-lang-th {
  background-image: url("/fonts/flag-icon-css/flags/4x3/TH.svg");
}
.flag-icon-lang-th.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/TH.svg");
}

.flag-icon-lang-ti {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ET.svg");
}
.flag-icon-lang-ti.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ET.svg");
}

.flag-icon-lang-tk {
  background-image: url("/fonts/flag-icon-css/flags/4x3/TM.svg");
}
.flag-icon-lang-tk.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/TM.svg");
}

.flag-icon-lang-tl {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PH.svg");
}
.flag-icon-lang-tl.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PH.svg");
}

.flag-icon-lang-tn {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-tn.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

.flag-icon-lang-to {
  background-image: url("/fonts/flag-icon-css/flags/4x3/TO.svg");
}
.flag-icon-lang-to.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/TO.svg");
}

.flag-icon-lang-tr {
  background-image: url("/fonts/flag-icon-css/flags/4x3/TR.svg");
}
.flag-icon-lang-tr.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/TR.svg");
}

.flag-icon-lang-ts {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-ts.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

.flag-icon-lang-tt {
  background-image: url("/fonts/flag-icon-css/flags/4x3/RU.svg");
}
.flag-icon-lang-tt.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/RU.svg");
}

.flag-icon-lang-tw {
  background-image: url("/fonts/flag-icon-css/flags/4x3/GH.svg");
}
.flag-icon-lang-tw.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/GH.svg");
}

.flag-icon-lang-ty {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PF.svg");
}
.flag-icon-lang-ty.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PF.svg");
}

.flag-icon-lang-ug {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CN.svg");
}
.flag-icon-lang-ug.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CN.svg");
}

.flag-icon-lang-uk {
  background-image: url("/fonts/flag-icon-css/flags/4x3/UA.svg");
}
.flag-icon-lang-uk.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/UA.svg");
}

.flag-icon-lang-ur {
  background-image: url("/fonts/flag-icon-css/flags/4x3/PK.svg");
}
.flag-icon-lang-ur.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/PK.svg");
}

.flag-icon-lang-uz {
  background-image: url("/fonts/flag-icon-css/flags/4x3/UZ.svg");
}
.flag-icon-lang-uz.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/UZ.svg");
}

.flag-icon-lang-ve {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-ve.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

.flag-icon-lang-vi {
  background-image: url("/fonts/flag-icon-css/flags/4x3/VN.svg");
}
.flag-icon-lang-vi.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/VN.svg");
}

.flag-icon-lang-vo {
  background-image: url("/fonts/flag-icon-css/flags/4x3/DE.svg");
}
.flag-icon-lang-vo.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/DE.svg");
}

.flag-icon-lang-wa {
  background-image: url("/fonts/flag-icon-css/flags/4x3/BE.svg");
}
.flag-icon-lang-wa.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/BE.svg");
}

.flag-icon-lang-wo {
  background-image: url("/fonts/flag-icon-css/flags/4x3/SN.svg");
}
.flag-icon-lang-wo.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/SN.svg");
}

.flag-icon-lang-xh {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-xh.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

.flag-icon-lang-yi {
  background-image: url("/fonts/flag-icon-css/flags/4x3/DE.svg");
}
.flag-icon-lang-yi.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/DE.svg");
}

.flag-icon-lang-yo {
  background-image: url("/fonts/flag-icon-css/flags/4x3/NG.svg");
}
.flag-icon-lang-yo.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/NG.svg");
}

.flag-icon-lang-za {
  background-image: url("/fonts/flag-icon-css/flags/4x3/VN.svg");
}
.flag-icon-lang-za.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/VN.svg");
}

.flag-icon-lang-zh {
  background-image: url("/fonts/flag-icon-css/flags/4x3/CN.svg");
}
.flag-icon-lang-zh.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/CN.svg");
}

.flag-icon-lang-zu {
  background-image: url("/fonts/flag-icon-css/flags/4x3/ZA.svg");
}
.flag-icon-lang-zu.flag-icon-squared {
  background-image: url("/fonts/flag-icon-css/flags/1x1/ZA.svg");
}

/*--------------------------------------------------
alert
----------------------------------------------------*/
.alert ul {
  margin-bottom: 0;
}

/*--------------------------------------------------
btn
----------------------------------------------------*/
.btn {
  -webkit-box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.8);
  -moz-box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.8);
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.8);
}

/*--------------------------------------------------
form-control
----------------------------------------------------*/
.form-control {
  font-size: 0.875rem;
}

/*--------------------------------------------------
form-validation-engine
----------------------------------------------------*/
.formError .formErrorContent {
  font-size: 14px;
  line-height: 160%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 10px 20px;
}
.formError .formErrorArrow div {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}

/*--------------------------------------------------
form-validation
----------------------------------------------------*/
.formvalidation span.error {
  font-size: 12px;
  line-height: 140%;
  padding: 10px 20px;
  color: #fff;
  background-color: #cc0000;
  position: relative;
  margin-top: 10px;
  display: block;
  margin: 0 0 10px 0;
}
.formvalidation span.error:before {
  position: absolute;
  top: 0;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  z-index: 99;
  border-style: solid;
  margin-top: -10px;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #cc0000 transparent;
}
.formvalidation input {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.formvalidation input.has-error {
  background-color: #fbe1e3 !important;
  border-color: #e73d4a !important;
}
.formvalidation input.has-success {
  background-color: #e6f8e9 !important;
  border-color: #35aa47 !important;
}
.formvalidation textarea {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.formvalidation textarea.has-error {
  background-color: #fbe1e3 !important;
  border-color: #e73d4a !important;
}
.formvalidation textarea.has-success {
  background-color: #e6f8e9 !important;
  border-color: #35aa47 !important;
}

/*--------------------------------------------------
DataTable
----------------------------------------------------*/
/*
.dataTables_wrapper {
    @include clearfix();
    @include font-size();
    .dataTables_length {
        float: left;
        width: 40%;
        select {
            @include input-style();
            @include font-size(s);
            padding: 10px 20px;
            width: 100px;
            height: 40px;
        }
    }
    .dataTables_filter {
        float: right;
        width: 40%;
        text-align: right;
        label {
            @include input-style();
            @include font-size(s);
        }
    }
    .dataTables_info {
        float: left;
        width: 40%;
    }
    .dataTables_paginate {
        @include font-size(xs);
        float: right;
        width: 40%;
        text-align: right;
        a {
            @include button-square(whitegreen);
            margin-left: 5px;
            &.current {
                @include button-square(green);
            }
        }
        .paginate_button {
            &.current {
                @include button-square(green);
            }
        }
    }
}
.dataTable {
    tbody {
        tr {
            &.selected {
                background-color: $lightorange !important;
            }
        }
    }
}
table.dataTable.no-footer {
    border-top: none;
    border-bottom: 1px solid $gray;
    margin-bottom: $pd-half;
}
table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid $gray;
    text-align: left;
}
table.dataTable tbody th,
table.dataTable tbody td {
//  border-bottom: 1px solid $gray;
}
table.dataTable tbody tr {
    &.odd {
        background-color: $lightestgray;
    }
}
#data-table_filter {
    label {
        padding: 0;
        input {
            padding: 7px 10px;
            cursor: default;
            &:focus {
                outline: 0;
            }
        }
    }
}
#data-table_length {
    label {
        @include input-select(200px, ($pd-half / 1) $pd-default, $gray, 15px, 10px, $darkestgray, $white);
        select {
            @include font-size();
            margin-bottom: (($pd-half / 2) * 3);
            height: 43px;
        }
    }
}
*/
/*--------------------------------------------------
    [CUBEPORTFOLIO]
----------------------------------------------------*/
#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

.modal_close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  z-index: 2;
}

/*--------------------------------------------------
WYSIWYG
----------------------------------------------------*/
#toolbar {
  display: block;
  line-height: 1em;
}
#toolbar ul {
  list-style: none;
}
#toolbar ul:before, #toolbar ul:after {
  content: " ";
  display: table;
}
#toolbar ul:after {
  clear: both;
}
#toolbar ul li {
  float: left;
}
#toolbar ul li a.toolbar-bt {
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
  padding: 5px;
  margin: 0;
  border: 1px solid #dddddd;
  width: 30px;
  height: 28px;
  color: rgba(0, 0, 0, 0.75);
}
#toolbar ul li a.toolbar-bt i {
  margin-right: 0;
  text-align: center;
}
#toolbar ul li a.toolbar-bt.wysihtml5-command-active, #toolbar ul li a.toolbar-bt:hover {
  background: #dddddd;
}

/*--------------------------------------------------
colorpicker
----------------------------------------------------*/
th.ui-widget-content {
  display: none;
}

#mycolor {
  position: relative;
  background-color: #000;
}

.evo-pop {
  position: absolute;
  display: none;
  width: 212px;
  padding: 8px 3px 0;
}

.evo-color span {
  font-size: 11px;
  line-height: 130%;
  margin-top: -1px;
}

/*--------------------------------------------------
fileupload
----------------------------------------------------*/
#fileupload nav ul:before, #fileupload nav ul:after {
  content: " ";
  display: table;
}
#fileupload nav ul:after {
  clear: both;
}
#fileupload nav ul li {
  float: left;
  margin-right: 5px;
}
#fileupload nav i {
  margin-right: 5px;
}
#fileupload table {
  font-size: 14px;
  line-height: 160%;
}
#fileupload table tr td {
  padding: 10px 10px;
}
#fileupload table tr:nth-child(odd) {
  background-color: #fafafa;
}
#fileupload table tr p {
  margin: 5px 0;
}
#fileupload .bt {
  font-size: 14px;
  line-height: 160%;
}
#fileupload .bt.start, #fileupload .bt.cancel {
  font-size: 14px;
  line-height: 160%;
}
#fileupload .error {
  color: #e73d4a;
}
#fileupload .progress {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 0 0 rgba(0, 0, 0, 0.1);
  height: 20px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #fafafa;
}
#fileupload .progress-bar-success {
  background-color: #95c942;
  height: 20px;
}
#fileupload .progress-extended {
  font-size: 12px;
  line-height: 140%;
  margin: 0 0 10px 0;
}
#fileupload button i {
  margin-right: 5px;
}

/*--------------------------------------------------
date-picker
----------------------------------------------------*/
.ui-datepicker {
  font-size: 90%;
  z-index: 99 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-color: #fbe1e3;
}

.ui-widget-header {
  background: none;
  background-color: #f9e491;
  border: none;
}

.ui-datepicker-week-end {
  color: #337ab7;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #fbe1e3;
  font-weight: bold;
}

table.ui-datepicker-calendar tr th:last-child {
  color: #e73d4a;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #f9e491;
}

/*--------------------------------------------------
select2
----------------------------------------------------*/
.select2-dropdown {
  border: 1px solid #f2f2f2;
}

.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
  border-color: #ff9700;
}

.select2-selection:focus {
  border-color: #ff9700;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  background-color: #fff6e5;
}

/*
.select2-container--default {
    .select2-selection--single {
        .select2-selection__rendered {
            color: inherit;
        }
    }
}
*/
/*
.select2-container--default {
    .select2-selection--single {
        @include font-size();
        height: 40px;
        border-color: $gray;
        padding-top: 7px;
        padding-bottom: 7px;
        .select2-selection__arrow {
            top: 7px;
        }
    }
    .select2-search--dropdown {
        .select2-search__field {
            border-color: $gray;
        }
    }
    .select2-results__option--highlighted[aria-selected] {
        background-color: $gray;
        color: $black;
    }
    .select2-results__option[aria-selected=true] {
        background-color: $yellow;
        color: $white;
    }
    .select2-selection {
        &.select2-selection--single {
            outline: none;
            &:focus {
                border:1px solid $red;
            }
        }
    }
    .select2-search__field {
        outline: none;
    }
}
.select2 {
    .select2-selection__rendered {
        @include font-size();
    }
}
.select2-results {
    @include font-size(s);
}
*/
/*--------------------------------------------------
multi-select-menu
----------------------------------------------------*/
.ms-container {
  width: 100%;
}

.ms-list span {
  padding: 5px !important;
}

.ms-container .ms-selectable {
  float: right;
  background-color: #fafafa;
}
.ms-container .ms-selection {
  float: left;
}

/*--------------------------------------------------
jquery ui tooltip
----------------------------------------------------*/
.ui-tooltip-custom {
  font-size: 14px;
  line-height: 160%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 20px;
  border: 1px solid #35aa47;
  background-color: #fff;
}

/*--------------------------------------------------
dropzone
----------------------------------------------------*/
#dropzone {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 20px;
  width: 100%;
  min-height: 400px;
  border: 1px solid #35aa47;
  background-color: #fff;
}
#dropzone:before, #dropzone:after {
  content: " ";
  display: table;
}
#dropzone:after {
  clear: both;
}
#dropzone p {
  font-size: 30px;
  line-height: 36px;
  margin: 10px 0;
  text-align: center;
  color: #35aa47;
  font-weight: bold;
}
#dropzone i {
  font-size: 21px;
  line-height: 140%;
}
#dropzone .bt {
  font-size: 14px;
  line-height: 160%;
}
#dropzone .dz-preview {
  position: relative;
  float: left;
  display: inline-block;
  margin: 0 10px 10px 0;
}
#dropzone .dz-filename,
#dropzone .dz-size {
  font-size: 14px;
  line-height: 160%;
  display: none;
}
#dropzone .dz-success-mark {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #35aa47;
}
#dropzone .dz-error-mark {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #e73d4a;
}
#dropzone .dz-success-mark,
#dropzone .dz-error-mark {
  display: none;
}

/*--------------------------------------------------
multiple-select
----------------------------------------------------*/
ul.ms-list li {
  width: 100% !important;
}

.ms-container .ms-selectable {
  float: left;
}
.ms-container .ms-selectable li.ms-hover {
  background-color: #35aa47;
}
.ms-container .ms-selection {
  float: right;
}
.ms-container .ms-selection li.ms-hover {
  background-color: #35aa47;
}

/*--------------------------------------------------
select2-container--default
----------------------------------------------------*/
.select2-container--default .select2-selection--single {
  margin-bottom: 0;
}

/* ---------------------
project
--------------------- */
/*--------------------------------------------------
login-register
----------------------------------------------------*/
.login-register {
  background-color: #1266AB;
}

/*--------------------------------------------------
min 320px
----------------------------------------------------*/
/*--------------------------------------------------
// 481px - 768px
----------------------------------------------------*/
/*--------------------------------------------------
// 769px - 992px
----------------------------------------------------*/
/*--------------------------------------------------
// 769px -
----------------------------------------------------*/
/*--------------------------------------------------
// 993px - 1024px
----------------------------------------------------*/
/*--------------------------------------------------
// 993px -
----------------------------------------------------*/
/*--------------------------------------------------
// 1025px - 1280px
----------------------------------------------------*/
/*--------------------------------------------------
// 1025px -
----------------------------------------------------*/
/*--------------------------------------------------
// 1281px -
----------------------------------------------------*/