@font-face {
  font-family: 'Lato';
  src: url('../../common-css/flat/fonts/lato/lato-black.eot');
  src: url('../../common-css/flat/fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../../common-css/flat/fonts/lato/lato-black.woff') format('woff'), url('../../common-css/flat/fonts/lato/lato-black.ttf') format('truetype'), url('../../common-css/flat/fonts/lato/lato-black.svg#latoblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../../common-css/flat/fonts/lato/lato-bold.eot');
  src: url('../../common-css/flat/fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../../common-css/flat/fonts/lato/lato-bold.woff') format('woff'), url('../../common-css/flat/fonts/lato/lato-bold.ttf') format('truetype'), url('../../common-css/flat/fonts/lato/lato-bold.svg#latobold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../../common-css/flat/fonts/lato/lato-bolditalic.eot');
  src: url('../../common-css/flat/fonts/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../../common-css/flat/fonts/lato/lato-bolditalic.woff') format('woff'), url('../../common-css/flat/fonts/lato/lato-bolditalic.ttf') format('truetype'), url('../../common-css/flat/fonts/lato/lato-bolditalic.svg#latobold-italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../../common-css/flat/fonts/lato/lato-italic.eot');
  src: url('../../common-css/flat/fonts/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../../common-css/flat/fonts/lato/lato-italic.woff') format('woff'), url('../../common-css/flat/fonts/lato/lato-italic.ttf') format('truetype'), url('../../common-css/flat/fonts/lato/lato-italic.svg#latoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../../common-css/flat/fonts/lato/lato-light.eot');
  src: url('../../common-css/flat/fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../../common-css/flat/fonts/lato/lato-light.woff') format('woff'), url('../../common-css/flat/fonts/lato/lato-light.ttf') format('truetype'), url('../../common-css/flat/fonts/lato/lato-light.svg#latolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../../common-css/flat/fonts/lato/lato-regular.eot');
  src: url('../../common-css/flat/fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../../common-css/flat/fonts/lato/lato-regular.woff') format('woff'), url('../../common-css/flat/fonts/lato/lato-regular.ttf') format('truetype'), url('../../common-css/flat/fonts/lato/lato-regular.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Flat-UI-Icons";
  src: url('../../common-css/flat/fonts/flat-ui-icons-regular.eot');
  src: url('../../common-css/flat/fonts/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../../common-css/flat/fonts/flat-ui-icons-regular.woff') format('woff'), url('../../common-css/flat/fonts/flat-ui-icons-regular.ttf') format('truetype'), url('../../common-css/flat/fonts/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'Flat-UI-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="fui-"] {
*/
.fui-arrow-right,
.fui-arrow-left,
.fui-cmd,
.fui-check-inverted,
.fui-heart,
.fui-location,
.fui-plus,
.fui-check,
.fui-cross,
.fui-list,
.fui-new,
.fui-video,
.fui-photo,
.fui-volume,
.fui-time,
.fui-eye,
.fui-chat,
.fui-search,
.fui-user,
.fui-mail,
.fui-lock,
.fui-gear,
.fui-radio-unchecked,
.fui-radio-checked,
.fui-checkbox-unchecked,
.fui-checkbox-checked,
.fui-calendar-solid,
.fui-pause,
.fui-play,
.fui-check-inverted-2 {
  display: inline-block;
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fui-arrow-right:before {
  content: "\e02c";
}
.fui-arrow-left:before {
  content: "\e02d";
}
.fui-cmd:before {
  content: "\e02f";
}
.fui-check-inverted:before {
  content: "\e006";
}
.fui-heart:before {
  content: "\e007";
}
.fui-location:before {
  content: "\e008";
}
.fui-plus:before {
  content: "\e009";
}
.fui-check:before {
  content: "\e00a";
}
.fui-cross:before {
  content: "\e00b";
}
.fui-list:before {
  content: "\e00c";
}
.fui-new:before {
  content: "\e00d";
}
.fui-video:before {
  content: "\e00e";
}
.fui-photo:before {
  content: "\e00f";
}
.fui-volume:before {
  content: "\e010";
}
.fui-time:before {
  content: "\e011";
}
.fui-eye:before {
  content: "\e012";
}
.fui-chat:before {
  content: "\e013";
}
.fui-search:before {
  content: "\e01c";
}
.fui-user:before {
  content: "\e01d";
}
.fui-mail:before {
  content: "\e01e";
}
.fui-lock:before {
  content: "\e01f";
}
.fui-gear:before {
  content: "\e024";
}
.fui-radio-unchecked:before {
  content: "\e02b";
}
.fui-radio-checked:before {
  content: "\e032";
}
.fui-checkbox-unchecked:before {
  content: "\e033";
}
.fui-checkbox-checked:before {
  content: "\e034";
}
.fui-calendar-solid:before {
  content: "\e022";
}
.fui-pause:before {
  content: "\e03b";
}
.fui-play:before {
  content: "\e03c";
}
.fui-check-inverted-2:before {
  content: "\e000";
}
.dropdown-arrow-inverse {
  border-bottom-color: #34495e !important;
  border-top-color: #34495e !important;
}

.checkbox,
.radio {
  padding-left: 32px;
  position: relative;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
  font-size: 12px;
  line-height: 35px;
}
.checkbox input,
.radio input {
  outline: none !important;
  display: none;
}
.checkbox .icons,
.radio .icons {
  color: #bdc3c7;
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}
.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox:hover,
.radio:hover {
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}
.checkbox:hover .first-icon,
.radio:hover .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox:hover .second-icon,
.radio:hover .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox.checked,
.radio.checked {
}
.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.checked .second-icon,
.radio.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #28aae6;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}
.checkbox.disabled,
.radio.disabled {
  cursor: default;
  color: #ccc;
}
.checkbox.disabled .icons,
.radio.disabled .icons {
  color: #ccc;
}
.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
  color: #e6e8ea;
}
.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ccc;
}
.checkbox.primary .icons,
.radio.primary .icons {
  color: #34495e;
}
.checkbox.primary.checked,
.radio.primary.checked {
  color: #28aae6;
}
.checkbox.primary.checked .icons,
.radio.primary.checked .icons {
  color: #28aae6;
}
.checkbox.primary.disabled,
.radio.primary.disabled {
  cursor: default;
  color: #bdc3c7;
}
.checkbox.primary.disabled .icons,
.radio.primary.disabled .icons {
  color: #bdc3c7;
}
.checkbox.primary.disabled.checked .icons,
.radio.primary.disabled.checked .icons {
  color: #bdc3c7;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: 10px;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #f1c40f;
}
.has-warning .form-control {
  color: #f1c40f;
  border-color: #f1c40f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:-moz-placeholder {
  color: #f1c40f;
}
.has-warning .form-control::-moz-placeholder {
  color: #f1c40f;
  opacity: 1;
}
.has-warning .form-control:-ms-input-placeholder {
  color: #f1c40f;
}
.has-warning .form-control::-webkit-input-placeholder {
  color: #f1c40f;
}
.has-warning .form-control.placeholder {
  color: #f1c40f;
}
.has-warning .form-control:focus {
  border-color: #f1c40f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  color: #f1c40f;
  border-color: #f1c40f;
  background-color: #ffffff;
}
.has-error label,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #e74c3c;
}
.has-error .form-control {
  color: #e74c3c;
  border-color: #e74c3c;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select.has-error{
  border-color: #e74c3c;
}
.has-error .form-control:-moz-placeholder {
  color: #e74c3c;
}
.has-error .form-control::-moz-placeholder {
  color: #e74c3c;
  opacity: 1;
}
.has-error .form-control:-ms-input-placeholder {
  color: #e74c3c;
}
.has-error .form-control::-webkit-input-placeholder {
  color: #e74c3c;
}
.has-error .form-control.placeholder {
  color: #e74c3c;
}
.has-error .form-control:focus {
  border-color: #e74c3c;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  color: #e74c3c;
  border-color: #e74c3c;
  background-color: #ffffff;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #28aae6;
}
.has-success .form-control {
  color: #28aae6;
  border-color: #28aae6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:-moz-placeholder {
  color: #28aae6;
}
.has-success .form-control::-moz-placeholder {
  color: #28aae6;
  opacity: 1;
}
.has-success .form-control:-ms-input-placeholder {
  color: #28aae6;
}
.has-success .form-control::-webkit-input-placeholder {
  color: #28aae6;
}
.has-success .form-control.placeholder {
  color: #28aae6;
}
.has-success .form-control:focus {
  border-color: #28aae6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  color: #28aae6;
  border-color: #28aae6;
  background-color: #ffffff;
}
.form-group.focus .input-group-addon,
.input-group.focus .input-group-addon {
  border-color: #28aae6;
}
.login-form .login-field:focus + .login-field-icon {
  color: #28aae6;
}
.login-form .login-field-icon {
  font-size: 16px;
  position: absolute;
  left: 5px;
  top: 8px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.tagsinput {
  width:500px;
  background: white;
  border: 1px solid #CCCCCC;
  height: 100px;
  padding: 2px 6px;
  overflow-y: auto;
  text-align: left;
}
.tagsinput .tag {
  background-color: #28aae6;
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 5px;
  overflow: hidden;
  line-height: 15px;
  padding:5px 13px 7px 19px;
  position: relative;
  vertical-align: middle;
  -webkit-transition: 0.25s linear;
  transition: 0.25s linear;
}
.tagsinput .tag:hover {
  background-color: #28aae6;
  color: #ffffff;
  padding-left: 12px;
  padding-right: 20px;
}
.tagsinput .tag:hover .tagsinput-remove-link {
  color: #ffffff;
  opacity: 1;
  display: block\9;
}
.tagsinput input {
  /*background: transparent;*/
  border: none;
  color: #34495e;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 0 0 0 5px;
  outline: none !important;
  vertical-align: top;
  width: 110px;
  height: 26px;
}
.tagsinput-remove-link {
  bottom: 0;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  opacity: 0;
  padding: 7px 7px 5px 0;
  position: absolute;
  right: 0;
  text-align: right;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 2;
  display: none\9;
}
.tagsinput-remove-link:before {
  color: #ffffff;
  content: "\e00b";
  font-family: "Flat-UI-Icons";
}
.tagsinput-add-container {
  vertical-align: middle;
  display: inline-block;
}
.tagsinput-add {
  background-color: #28aae6;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 7px 7px 6px 7px;
  vertical-align: top;
  -webkit-transition: 0.25s linear;
  transition: 0.25s linear;
  position: relative;
}
.tagsinput-add:hover {
  background-color: #28aae6;
}
.tagsinput-add:before {
  content: "\e009";
  font-family: "Flat-UI-Icons";
}
.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}
.not_valid {
  background: #fbd8db !important;
  color: #90111a !important;
  margin-left: 5px !important;
}