/*@brand-primary:         @wet-asphalt;
@brand-secondary:       #0b99d9;
@brand-success:         @emerald;
@brand-warning:         @sun-flower;
@brand-danger:          @alizarin;
@brand-info:            @peter-river;*/
/*@link-color:       			@text-color;
@link-hover-color: 			@main_color;*/
/*@btn-main-hover-bg:					mix(@main_color, white, 80%);
@btn-main-active-bg:				mix(@main_color, black, 85%);

@btn-secondary-hover-bg:			mix(@btn-secondary-hover-bg, white, 80%);
@btn-secondary-active-bg:			mix(@btn-secondary-active-bg, black, 85%);*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
.dropdown-arrow-inverse {
  border-bottom-color: #000000 !important;
  border-top-color: #000000 !important;
}
@font-face {
  font-family: 'Lato';
  src: url('https://fonts.eventscase.com/lato/lato-black-webfont.eot');
  src: url('https://fonts.eventscase.com/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.eventscase.com/lato/lato-black-webfont.woff') format('woff'), url('https://fonts.eventscase.com/lato/lato-black-webfont.ttf') format('truetype'), url('https://fonts.eventscase.com/lato/lato-black-webfont.svg#latoblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('https://fonts.eventscase.com/lato/lato-bold-webfont.eot');
  src: url('https://fonts.eventscase.com/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.eventscase.com/lato/lato-bold-webfont.woff') format('woff'), url('https://fonts.eventscase.com/lato/lato-bold-webfont.ttf') format('truetype'), url('https://fonts.eventscase.com/lato/lato-bold-webfont.svg#latobold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('https://fonts.eventscase.com/lato/lato-bolditalic-webfont.eot');
  src: url('https://fonts.eventscase.com/lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.eventscase.com/lato/lato-bolditalic-webfont.woff') format('woff'), url('https://fonts.eventscase.com/lato/lato-bolditalic-webfont.ttf') format('truetype'), url('https://fonts.eventscase.com/lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('https://fonts.eventscase.com/lato/lato-italic-webfont.eot');
  src: url('https://fonts.eventscase.com/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.eventscase.com/lato/lato-italic-webfont.woff') format('woff'), url('https://fonts.eventscase.com/lato/lato-italic-webfont.ttf') format('truetype'), url('https://fonts.eventscase.com/lato/lato-italic-webfont.svg#latoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('https://fonts.eventscase.com/lato/lato-light-webfont.eot');
  src: url('https://fonts.eventscase.com/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.eventscase.com/lato/lato-light-webfont.woff') format('woff'), url('https://fonts.eventscase.com/lato/lato-light-webfont.ttf') format('truetype'), url('https://fonts.eventscase.com/lato/lato-light-webfont.svg#latolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('https://fonts.eventscase.com/lato/lato-regular-webfont.eot');
  src: url('https://fonts.eventscase.com/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.eventscase.com/lato/lato-regular-webfont.woff') format('woff'), url('https://fonts.eventscase.com/lato/lato-regular-webfont.ttf') format('truetype'), url('https://fonts.eventscase.com/lato/lato-regular-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.btn {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
}
.btn:hover,
.btn:focus {
  outline: none;
  color: white;
}
.btn:active,
.btn.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn > [class^="fui-"] {
  top: 2px;
}
.btn-attendee {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: white !important;
  background-color: #000000;
  display: inline-block;
  cursor: pointer;
}
.btn-attendee:hover,
.btn-attendee:focus {
  outline: none;
  color: white;
}
.btn-attendee:active,
.btn-attendee.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-attendee.disabled,
.btn-attendee[disabled],
fieldset[disabled] .btn-attendee {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn-attendee > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn-attendee > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn-attendee > [class^="fui-"] {
  top: 2px;
}
.btn-attendee:hover,
.btn-attendee.hover,
.btn-attendee:focus,
.btn-attendee:active,
.btn-attendee.active,
.open .dropdown-toggle.btn-attendee {
  color: white;
  background-color: #333333;
  border-color: #333333;
}
.btn-attendee:active,
.btn-attendee.active,
.open .dropdown-toggle.btn-attendee {
  background: #000000;
  border-color: #000000;
}
.btn-attendee.disabled,
.btn-attendee[disabled],
fieldset[disabled] .btn-attendee,
.btn-attendee.disabled:hover,
.btn-attendee[disabled]:hover,
fieldset[disabled] .btn-attendee:hover,
.btn-attendee.disabled.hover,
.btn-attendee[disabled].hover,
fieldset[disabled] .btn-attendee.hover,
.btn-attendee.disabled:focus,
.btn-attendee[disabled]:focus,
fieldset[disabled] .btn-attendee:focus,
.btn-attendee.disabled:active,
.btn-attendee[disabled]:active,
fieldset[disabled] .btn-attendee:active,
.btn-attendee.disabled.active,
.btn-attendee[disabled].active,
fieldset[disabled] .btn-attendee.active {
  background-color: #000000;
  border-color: #000000;
}
.btn-main {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: white !important;
  background-color: #000000;
  display: inline-block;
  cursor: pointer;
}
.btn-main:hover,
.btn-main:focus {
  outline: none;
  color: white;
}
.btn-main:active,
.btn-main.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-main.disabled,
.btn-main[disabled],
fieldset[disabled] .btn-main {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn-main > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn-main > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn-main > [class^="fui-"] {
  top: 2px;
}
.btn-main:hover,
.btn-main.hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active,
.open .dropdown-toggle.btn-main {
  color: white;
  background-color: #333333;
  border-color: #333333;
}
.btn-main:active,
.btn-main.active,
.open .dropdown-toggle.btn-main {
  background: #000000;
  border-color: #000000;
}
.btn-main.disabled,
.btn-main[disabled],
fieldset[disabled] .btn-main,
.btn-main.disabled:hover,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main:hover,
.btn-main.disabled.hover,
.btn-main[disabled].hover,
fieldset[disabled] .btn-main.hover,
.btn-main.disabled:focus,
.btn-main[disabled]:focus,
fieldset[disabled] .btn-main:focus,
.btn-main.disabled:active,
.btn-main[disabled]:active,
fieldset[disabled] .btn-main:active,
.btn-main.disabled.active,
.btn-main[disabled].active,
fieldset[disabled] .btn-main.active {
  background-color: #000000;
  border-color: #000000;
}
.btn-secondary {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: white !important;
  background-color: #ffcd11;
  display: inline-block;
  cursor: pointer;
}
.btn-secondary:hover,
.btn-secondary:focus {
  outline: none;
  color: white;
}
.btn-secondary:active,
.btn-secondary.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn-secondary > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn-secondary > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn-secondary > [class^="fui-"] {
  top: 2px;
}
.btn-secondary:hover,
.btn-secondary.hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: white;
  background-color: #ffd741;
  border-color: #ffd741;
}
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background: #d9ae0e;
  border-color: #d9ae0e;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled.hover,
.btn-secondary[disabled].hover,
fieldset[disabled] .btn-secondary.hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #ffcd11;
  border-color: #ffcd11;
}
.btn-eo {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: white !important;
  background-color: #77AD7D;
  display: inline-block;
  cursor: pointer;
}
.btn-eo:hover,
.btn-eo:focus {
  outline: none;
  color: white;
}
.btn-eo:active,
.btn-eo.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-eo.disabled,
.btn-eo[disabled],
fieldset[disabled] .btn-eo {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn-eo > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn-eo > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn-eo > [class^="fui-"] {
  top: 2px;
}
.btn-eo:hover,
.btn-eo.hover,
.btn-eo:focus,
.btn-eo:active,
.btn-eo.active,
.open .dropdown-toggle.btn-eo {
  color: white;
  background-color: #92bd97;
  border-color: #92bd97;
}
.btn-eo:active,
.btn-eo.active,
.open .dropdown-toggle.btn-eo {
  background: #65936a;
  border-color: #65936a;
}
.btn-eo.disabled,
.btn-eo[disabled],
fieldset[disabled] .btn-eo,
.btn-eo.disabled:hover,
.btn-eo[disabled]:hover,
fieldset[disabled] .btn-eo:hover,
.btn-eo.disabled.hover,
.btn-eo[disabled].hover,
fieldset[disabled] .btn-eo.hover,
.btn-eo.disabled:focus,
.btn-eo[disabled]:focus,
fieldset[disabled] .btn-eo:focus,
.btn-eo.disabled:active,
.btn-eo[disabled]:active,
fieldset[disabled] .btn-eo:active,
.btn-eo.disabled.active,
.btn-eo[disabled].active,
fieldset[disabled] .btn-eo.active {
  background-color: #77AD7D;
  border-color: #77AD7D;
}
.btn-speaker {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: white !important;
  background-color: #E74C3C;
  display: inline-block;
  cursor: pointer;
}
.btn-speaker:hover,
.btn-speaker:focus {
  outline: none;
  color: white;
}
.btn-speaker:active,
.btn-speaker.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-speaker.disabled,
.btn-speaker[disabled],
fieldset[disabled] .btn-speaker {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn-speaker > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn-speaker > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn-speaker > [class^="fui-"] {
  top: 2px;
}
.btn-speaker:hover,
.btn-speaker.hover,
.btn-speaker:focus,
.btn-speaker:active,
.btn-speaker.active,
.open .dropdown-toggle.btn-speaker {
  color: white;
  background-color: #ec7063;
  border-color: #ec7063;
}
.btn-speaker:active,
.btn-speaker.active,
.open .dropdown-toggle.btn-speaker {
  background: #c44133;
  border-color: #c44133;
}
.btn-speaker.disabled,
.btn-speaker[disabled],
fieldset[disabled] .btn-speaker,
.btn-speaker.disabled:hover,
.btn-speaker[disabled]:hover,
fieldset[disabled] .btn-speaker:hover,
.btn-speaker.disabled.hover,
.btn-speaker[disabled].hover,
fieldset[disabled] .btn-speaker.hover,
.btn-speaker.disabled:focus,
.btn-speaker[disabled]:focus,
fieldset[disabled] .btn-speaker:focus,
.btn-speaker.disabled:active,
.btn-speaker[disabled]:active,
fieldset[disabled] .btn-speaker:active,
.btn-speaker.disabled.active,
.btn-speaker[disabled].active,
fieldset[disabled] .btn-speaker.active {
  background-color: #E74C3C;
  border-color: #E74C3C;
}
.btn-default {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: white !important;
  background-color: #bdc3c7;
  display: inline-block;
  cursor: pointer;
}
.btn-default:hover,
.btn-default:focus {
  outline: none;
  color: white;
}
.btn-default:active,
.btn-default.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn-default > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xs.btn-default > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hg.btn-default > [class^="fui-"] {
  top: 2px;
}
.btn-default:hover,
.btn-default.hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: white;
  background-color: #cacfd2;
  border-color: #cacfd2;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background: #a1a6a9;
  border-color: #a1a6a9;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled.hover,
.btn-default[disabled].hover,
fieldset[disabled] .btn-default.hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #bdc3c7;
  border-color: #bdc3c7;
}
.btn-primary {
  color: white !important;
  background-color: #ffcd11;
  display: inline-block;
  cursor: pointer;
}
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #ffd741;
  border-color: #ffd741;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background: #d9ae0e;
  border-color: #d9ae0e;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled.hover,
.btn-primary[disabled].hover,
fieldset[disabled] .btn-primary.hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ffcd11;
  border-color: #ffcd11;
}
.btn-info {
  color: white !important;
  background-color: #0F3C50;
  display: inline-block;
  cursor: pointer;
}
.btn-info:hover,
.btn-info.hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: white;
  background-color: #3f6373;
  border-color: #3f6373;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background: #0d3344;
  border-color: #0d3344;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled.hover,
.btn-info[disabled].hover,
fieldset[disabled] .btn-info.hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #0F3C50;
  border-color: #0F3C50;
}
.btn-danger {
  color: white !important;
  background-color: #E74C3C;
  display: inline-block;
  cursor: pointer;
}
.btn-danger:hover,
.btn-danger.hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: white;
  background-color: #ec7063;
  border-color: #ec7063;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background: #c44133;
  border-color: #c44133;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled.hover,
.btn-danger[disabled].hover,
fieldset[disabled] .btn-danger.hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #E74C3C;
  border-color: #E74C3C;
}
.btn-success {
  color: white !important;
  background-color: #77AD7D;
  display: inline-block;
  cursor: pointer;
}
.btn-success:hover,
.btn-success.hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #92bd97;
  border-color: #92bd97;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background: #65936a;
  border-color: #65936a;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled.hover,
.btn-success[disabled].hover,
fieldset[disabled] .btn-success.hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #77AD7D;
  border-color: #77AD7D;
}
.btn-warning {
  color: white !important;
  background-color: #f1c40f;
  display: inline-block;
  cursor: pointer;
}
.btn-warning:hover,
.btn-warning.hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: white;
  background-color: #f4d313;
  border-color: #f4d313;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background: #cda70d;
  border-color: #cda70d;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled.hover,
.btn-warning[disabled].hover,
fieldset[disabled] .btn-warning.hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-inverse {
  color: white !important;
  background-color: #000000;
  display: inline-block;
  cursor: pointer;
}
.btn-inverse:hover,
.btn-inverse.hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  color: white;
  background-color: #000000;
  border-color: #000000;
}
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  background: #000000;
  border-color: #000000;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled.hover,
.btn-inverse[disabled].hover,
fieldset[disabled] .btn-inverse.hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #000000;
  border-color: #000000;
}
.btn-embossed {
  -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn-embossed.active,
.btn-embossed:active {
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.15);
}
.btn-wide {
  min-width: 140px;
  padding-left: 30px;
  padding-right: 30px;
}
.btn-link {
  color: #444;
}
.btn-link:hover,
.btn-link:focus {
  color: #000000;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #bdc3c7;
  text-decoration: none;
}
.btn-hg {
  padding: 13px 20px !important;
  font-size: 20px !important;
  line-height: 1.227 !important;
  border-radius: 6px;
}
.btn-lg {
  padding: 10px 19px !important;
  font-size: 16px !important;
  line-height: 1.471 !important;
  border-radius: 6px;
}
.btn-sm {
  padding: 9px 13px !important;
  font-size: 12px !important;
  line-height: 1.385 !important;
  border-radius: 4px;
}
.btn-xs {
  padding: 6px 9px !important;
  font-size: 12px !important;
  line-height: 1.083 !important;
  border-radius: 3px;
}
.btn-tip {
  font-weight: 300;
  padding-left: 10px;
  font-size: 92%;
}
.btn-block {
  white-space: normal;
}
[class*="btn-social-"] {
  padding: 10px 15px !important;
  font-size: 12px !important;
  line-height: 1.077 !important;
  border-radius: 4px;
}
.btn-social-pinterest {
  color: white;
  background-color: #cb2028;
}
.btn-social-pinterest:hover,
.btn-social-pinterest:focus {
  background-color: #d54d53;
}
.btn-social-pinterest:active,
.btn-social-pinterest.active {
  background-color: #ad1b22;
}
.btn-social-linkedin {
  color: white;
  background-color: #0072b5;
}
.btn-social-linkedin:hover,
.btn-social-linkedin:focus {
  background-color: #338ec4;
}
.btn-social-linkedin:active,
.btn-social-linkedin.active {
  background-color: #00619a;
}
.btn-social-stumbleupon {
  color: white;
  background-color: #ed4a13;
}
.btn-social-stumbleupon:hover,
.btn-social-stumbleupon:focus {
  background-color: #f16e42;
}
.btn-social-stumbleupon:active,
.btn-social-stumbleupon.active {
  background-color: #c93f10;
}
.btn-social-googleplus {
  color: white;
  background-color: #2d2d2d;
}
.btn-social-googleplus:hover,
.btn-social-googleplus:focus {
  background-color: #575757;
}
.btn-social-googleplus:active,
.btn-social-googleplus.active {
  background-color: #262626;
}
.btn-social-facebook {
  color: white;
  background-color: #2f4b93;
}
.btn-social-facebook:hover,
.btn-social-facebook:focus {
  background-color: #596fa9;
}
.btn-social-facebook:active,
.btn-social-facebook.active {
  background-color: #28407d;
}
.btn-social-twitter {
  color: white;
  background-color: #00bdef;
}
.btn-social-twitter:hover,
.btn-social-twitter:focus {
  background-color: #33caf2;
}
.btn-social-twitter:active,
.btn-social-twitter.active {
  background-color: #00a1cb;
}
/** BUTTONS **/
html,
body {
  font-family: "Lato", 'Myriad Pro', sans-serif !important;
  line-height: 1.62;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
#wrapper {
  margin: 0;
  padding: 0;
  min-height: 100%;
  color: #444;
  font-size: 14px;
}
/**********************************************/
/**************** RESET CSS **********************/
/**********************************************/
/** inputs **/
input,
select,
textarea,
button {
  outline: none;
}
textarea {
  resize: none;
}
a,
a:active,
a:visited {
  text-decoration: none;
}
a,
a:active,
a:visited,
a img {
  border: 0px;
}
ul,
div {
  padding: 0;
  margin: 0;
}
div,
section,
article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
pre {
  margin-left: 50px;
  text-align: left;
}
.clear {
  clear: both !important;
  float: none !important;
}
/**********************************************/
/**************** ICONS **********************/
/**********************************************/
@font-face {
  font-family: "pickevent";
  src: url("https://fonts.eventscase.com/pickevent.eot");
  src: url("https://fonts.eventscase.com/pickevent.eot?#iefix") format("embedded-opentype"), url("https://fonts.eventscase.com/pickevent.woff") format("woff"), url("https://fonts.eventscase.com/pickevent.ttf") format("truetype"), url("https://fonts.eventscase.com/pickevent.svg#pickevent") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: pickevent;
  font-family: "pickevent" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "pickevent" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-settings-outline:before {
  content: "a";
}
.icon-alert:before {
  content: "a";
}
.icon-box-view:before {
  content: "b";
}
.icon-hot:before {
  content: "c";
}
.icon-plus:before {
  content: "d";
}
.icon-profile-outline:before {
  content: "e";
}
.icon-info:before {
  content: "f";
}
.icon-twitter:before {
  content: "g";
}
.icon-trending:before {
  content: "h";
}
.icon-upload:before {
  content: "i";
}
.icon-questionmark:before {
  content: "j";
}
.icon-link:before {
  content: "k";
}
.icon-calendar:before {
  content: "l";
}
.icon-checkmark:before {
  content: "m";
}
.icon-linkedin:before {
  content: "n";
}
.icon-review:before {
  content: "o";
}
.icon-user:before {
  content: "p";
}
.icon-view:before {
  content: "q";
}
.icon-right-arrow:before {
  content: "r";
}
.icon-list-view:before {
  content: "s";
}
.icon-checkmark-circle:before {
  content: "t";
}
.icon-clap:before {
  content: "u";
}
.icon-location:before {
  content: "v";
}
.icon-search:before {
  content: "w";
}
.icon-sent:before {
  content: "x";
}
.icon-lock:before {
  content: "y";
}
.icon-edit:before {
  content: "z";
}
.icon-eo:before {
  content: "A";
}
.icon-media:before {
  content: "B";
}
.icon-settings:before {
  content: "C";
}
.icon-settings-outline:before {
  content: "D";
}
.icon-message:before {
  content: "E";
}
.icon-events-manager:before {
  content: "F";
}
.icon-facebook:before {
  content: "G";
}
.icon-notification:before {
  content: "H";
}
.icon-speaker:before {
  content: "I";
}
.icon-time:before {
  content: "J";
}
.icon-overall:before {
  content: "K";
}
.icon-file:before {
  content: "L";
}
.icon-gplus:before {
  content: "M";
}
.icon-people-outline:before {
  content: "N";
}
.icon-top-triangle:before {
  content: "O";
}
.icon-trash:before {
  content: "P";
}
.icon-pickevent:before {
  content: "Q";
}
.icon-home:before {
  content: "R";
}
.house_gris {
  background-color: #EC9B18 !important;
}
.house_gris:hover {
  opacity: 0.7;
}
.house_icon:before {
  color: #FFFFFF;
  content: "R";
  display: table;
  font-family: pickevent;
  font-size: 14px;
  margin-left: 7px;
  margin-top: 4px;
}
.linkedin_button {
  background: url('https://caterpillar.eventscase.com/img/linkedin.svg') no-repeat;
  background-size: 16px 16px;
  background-color: #045FB4 !important;
  background-position: 9px 8px;
}
.linkedin_button:hover {
  background-color: #4D98DD !important;
}
.linkedin_gris {
  background: url('https://caterpillar.eventscase.com/img/linkedin.svg') no-repeat;
  background-size: 14px 14px;
  background-position: 7px 7px;
  background-color: #045FB4 !important;
}
.linkedin_gris:hover {
  opacity: 0.7;
}
.facebook_button {
  background: url('https://caterpillar.eventscase.com/img/facebook.svg') no-repeat;
  background-size: 9px 18px;
  background-color: #08298A !important;
  background-position: 13px 8px;
}
.facebook_button:hover {
  background-color: #3D5CB8 !important;
}
.facebook_gris {
  background: url('https://caterpillar.eventscase.com/img/facebook.svg') no-repeat;
  background-size: 8px 16px;
  background-color: #3C599F !important;
  background-position: 10px 7px;
}
.facebook_gris:hover {
  opacity: 0.7;
}
.twitter_button {
  background: url('https://caterpillar.eventscase.com/img/twitter.svg') no-repeat;
  background-size: 18px 14px;
  background-color: #000000 !important;
  background-position: 9px 10px;
}
.twitter_button:hover {
  background-color: #000000 !important;
}
.twitter_gris {
  background: url('https://caterpillar.eventscase.com/img/twitter.svg') no-repeat;
  background-size: 16px 13px;
  background-color: #000000 !important;
  background-position: 6px 8px;
}
.twitter_gris:hover {
  opacity: 0.7;
}
#btn-social-ig-color {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
  position: relative;
}
#btn-social-ig-color > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}
.gplus_button {
  background: url('https://caterpillar.eventscase.com/img/gplus.svg') no-repeat;
  background-size: 17px 17px;
  background-color: #DF0101 !important;
  background-position: 10px 9px;
}
.gplus_button:hover {
  background-color: #E25757 !important;
}
.gplus_gris {
  background: url('https://caterpillar.eventscase.com/img/gplus.svg') no-repeat;
  background-size: 19px 16px;
  background-color: #DF0101 !important;
  background-position: 4px 7px;
}
.gplus_gris:hover {
  opacity: 0.7;
}
.clap_button {
  position: relative;
  padding-left: 40px!important;
  font-size: 16px!important;
  width: auto;
}
.clap_button:before {
  font-family: pickevent;
  font-family: "pickevent" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "u";
  color: inherit;
  top: 12px;
  left: 7px;
  position: absolute;
  font-size: 22px;
  top: 5px;
  left: 11px;
}
.clap_button:hover {
  opacity: 0.8;
}
.clap_button p {
  margin-left: 26px;
  margin-top: -8px;
  font-size: 17px;
}
.clap_button_active {
  background-color: white !important;
  border: 1px solid #CCCCCC;
  width: auto;
}
.clap_button_active p {
  color: #A4A4A4;
  display: block;
  font-size: 14px;
  margin-top: -14px !important;
}
.clap_button_active .text {
  display: block;
  margin-left: 25px;
  margin-top: -34px !important;
  font-size: 14px;
  font-weight: normal;
}
.clap_button_active:hover {
  border: 1px solid #CCCCCC !important;
  background: white !important;
  color: #000000 !important;
  transition: linear 0.25s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}
.clap_button_active:hover .p {
  color: #000000 !important;
  transition: linear 0.25s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}
.clap_button_active:hover .text {
  color: #CCCCCC !important;
  transition: linear 0.25s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}
.clap_button_active:hover .clap_icon {
  color: #000000 !important;
  transition: linear 0.25s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}
.clap_icon {
  font-family: pickevent;
  font-weight: normal;
  color: #CCCCCC;
  font-size: 21px !important;
}
/*** FLAT ELEMENTS ***/
/** BIG **/
.titulo_gris {
  color: #6E6E6E !important;
  font-weight: bold;
}
.box_flat {
  width: 75px;
}
.month_flat {
  height: 25px;
  background-color: #E74C3C;
  float: left;
  width: 100%;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.day_flat {
  float: left;
  height: 45px;
  width: 100%;
  text-align: center;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  background: white;
}
.hour_flat {
  float: left;
  height: 22px;
  width: 100%;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8;
  background: white;
}
.month_flat p {
  color: white;
  font-size: 15px;
  font-weight: bold;
}
.day_flat p {
  font-size: 35px;
  color: #6E6E6E;
  font-weight: bold;
  margin-top: -8px;
}
.hour_flat p {
  font-weight: bold;
  color: #6E6E6E;
  font-size: 14px;
  margin-top: -4px;
}
/** MINI **/
.box_flat_min {
  width: 55px;
}
.month_flat_min {
  height: 18px;
  background-color: #E74C3C;
  float: left;
  width: 100%;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.day_flat_min {
  float: left;
  height: 35px;
  width: 100%;
  text-align: center;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  background: white;
}
.hour_flat_min {
  float: left;
  height: 18px;
  width: 100%;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8;
  background: white;
}
.month_flat_min p {
  color: white;
  font-size: 11px;
  font-weight: bold;
}
.day_flat_min p {
  font-size: 27px;
  color: #6E6E6E;
  font-weight: bold;
  margin-top: -7px;
}
.hour_flat_min p {
  font-weight: bold;
  color: #6E6E6E;
  font-size: 11px;
  margin-top: -2px;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
  background-color: #fff;
  border-radius: 3px;
}
.flag {
  width: 16px;
  height: 11px;
  display: inline-block;
  background-image: url("https://caterpillar.eventscase.com/img/flags/flags.png");
}
.flag.flag-ad {
  background-position: -16px 0;
}
.flag.flag-ae {
  background-position: -32px 0;
}
.flag.flag-af {
  background-position: -48px 0;
}
.flag.flag-ag {
  background-position: -64px 0;
}
.flag.flag-ai {
  background-position: -80px 0;
}
.flag.flag-al {
  background-position: -96px 0;
}
.flag.flag-am {
  background-position: -112px 0;
}
.flag.flag-an {
  background-position: -128px 0;
}
.flag.flag-ao {
  background-position: -144px 0;
}
.flag.flag-ar {
  background-position: -160px 0;
}
/*.flag.flag-ar {background-position: 0 -132px}*/
.flag.flag-as {
  background-position: -176px 0;
}
.flag.flag-at {
  background-position: -192px 0;
}
.flag.flag-au {
  background-position: -208px 0;
}
.flag.flag-aw {
  background-position: -224px 0;
}
.flag.flag-az {
  background-position: -240px 0;
}
.flag.flag-ba {
  background-position: 0 -11px;
}
.flag.flag-bb {
  background-position: -16px -11px;
}
.flag.flag-bd {
  background-position: -32px -11px;
}
.flag.flag-be {
  background-position: -48px -11px;
}
.flag.flag-bf {
  background-position: -64px -11px;
}
.flag.flag-bg {
  background-position: -80px -11px;
}
.flag.flag-bh {
  background-position: -96px -11px;
}
.flag.flag-bi {
  background-position: -112px -11px;
}
.flag.flag-bj {
  background-position: -128px -11px;
}
.flag.flag-bm {
  background-position: -144px -11px;
}
.flag.flag-bn {
  background-position: -160px -11px;
}
.flag.flag-bo {
  background-position: -176px -11px;
}
.flag.flag-br {
  background-position: -192px -11px;
}
.flag.flag-bs {
  background-position: -208px -11px;
}
.flag.flag-bt {
  background-position: -224px -11px;
}
.flag.flag-bv {
  background-position: -240px -11px;
}
.flag.flag-bw {
  background-position: 0 -22px;
}
.flag.flag-by {
  background-position: -16px -22px;
}
.flag.flag-bz {
  background-position: -32px -22px;
}
.flag.flag-ca {
  background-position: -48px -22px;
}
.flag.flag-catalonia {
  background-position: -64px -22px;
}
.flag.flag-cd {
  background-position: -80px -22px;
}
.flag.flag-cf {
  background-position: -96px -22px;
}
.flag.flag-cg {
  background-position: -112px -22px;
}
.flag.flag-ch {
  background-position: -128px -22px;
}
.flag.flag-ci {
  background-position: -144px -22px;
}
.flag.flag-ck {
  background-position: -160px -22px;
}
.flag.flag-cl {
  background-position: -176px -22px;
}
.flag.flag-cm {
  background-position: -192px -22px;
}
.flag.flag-cn,
.flag.flag-zh {
  background-position: -208px -22px;
}
.flag.flag-co {
  background-position: -224px -22px;
}
.flag.flag-cr {
  background-position: -240px -22px;
}
.flag.flag-cu {
  background-position: 0 -33px;
}
.flag.flag-cv {
  background-position: -16px -33px;
}
.flag.flag-cw {
  background-position: -32px -33px;
}
.flag.flag-cy {
  background-position: -48px -33px;
}
.flag.flag-cz {
  background-position: -64px -33px;
}
.flag.flag-de {
  background-position: -80px -33px;
}
.flag.flag-dj {
  background-position: -96px -33px;
}
.flag.flag-dk {
  background-position: -112px -33px;
}
.flag.flag-dm {
  background-position: -128px -33px;
}
.flag.flag-do {
  background-position: -144px -33px;
}
.flag.flag-dz {
  background-position: -160px -33px;
}
.flag.flag-ec {
  background-position: -176px -33px;
}
.flag.flag-ee {
  background-position: -192px -33px;
}
.flag.flag-eg {
  background-position: -208px -33px;
}
.flag.flag-eh {
  background-position: -224px -33px;
}
.flag.flag-england {
  background-position: -240px -33px;
}
.flag.flag-er {
  background-position: 0 -44px;
}
.flag.flag-es {
  background-position: -16px -44px;
}
.flag.flag-et {
  background-position: -32px -44px;
}
.flag.flag-eur {
  background-position: -48px -44px;
}
.flag.flag-fi {
  background-position: -64px -44px;
}
.flag.flag-fj {
  background-position: -80px -44px;
}
.flag.flag-fk {
  background-position: -96px -44px;
}
.flag.flag-fm {
  background-position: -112px -44px;
}
.flag.flag-fo {
  background-position: -128px -44px;
}
.flag.flag-fr {
  background-position: -144px -44px;
}
.flag.flag-ga {
  background-position: -160px -44px;
}
.flag.flag-gb {
  background-position: -176px -44px;
}
.flag.flag-en {
  background-position: -176px -44px;
}
.flag.flag-gd {
  background-position: -192px -44px;
}
.flag.flag-ge {
  background-position: -208px -44px;
}
.flag.flag-gf {
  background-position: -224px -44px;
}
.flag.flag-gg {
  background-position: -240px -44px;
}
.flag.flag-gh {
  background-position: 0 -55px;
}
.flag.flag-gi {
  background-position: -16px -55px;
}
.flag.flag-gl {
  background-position: -32px -55px;
}
.flag.flag-gm {
  background-position: -48px -55px;
}
.flag.flag-gn {
  background-position: -64px -55px;
}
.flag.flag-gp {
  background-position: -80px -55px;
}
.flag.flag-gq {
  background-position: -96px -55px;
}
.flag.flag-gr {
  background-position: -112px -55px;
}
.flag.flag-gs {
  background-position: -128px -55px;
}
.flag.flag-gt {
  background-position: -144px -55px;
}
.flag.flag-gu {
  background-position: -160px -55px;
}
.flag.flag-gw {
  background-position: -176px -55px;
}
.flag.flag-gy {
  background-position: -192px -55px;
}
.flag.flag-hk {
  background-position: -208px -55px;
}
.flag.flag-hm {
  background-position: -224px -55px;
}
.flag.flag-hn {
  background-position: -240px -55px;
}
.flag.flag-hr {
  background-position: 0 -66px;
}
.flag.flag-ht {
  background-position: -16px -66px;
}
.flag.flag-hu {
  background-position: -32px -66px;
}
.flag.flag-ic {
  background-position: -48px -66px;
}
.flag.flag-id {
  background-position: -64px -66px;
}
.flag.flag-ie {
  background-position: -80px -66px;
}
.flag.flag-il {
  background-position: -96px -66px;
}
.flag.flag-im {
  background-position: -112px -66px;
}
.flag.flag-in {
  background-position: -128px -66px;
}
.flag.flag-io {
  background-position: -144px -66px;
}
.flag.flag-iq {
  background-position: -160px -66px;
}
.flag.flag-ir {
  background-position: -176px -66px;
}
.flag.flag-is {
  background-position: -192px -66px;
}
.flag.flag-it {
  background-position: -208px -66px;
}
.flag.flag-je {
  background-position: -224px -66px;
}
.flag.flag-jm {
  background-position: -240px -66px;
}
.flag.flag-jo {
  background-position: 0 -77px;
}
.flag.flag-jp {
  background-position: -16px -77px;
}
.flag.flag-ke {
  background-position: -32px -77px;
}
.flag.flag-kg {
  background-position: -48px -77px;
}
.flag.flag-kh {
  background-position: -64px -77px;
}
.flag.flag-ki {
  background-position: -80px -77px;
}
.flag.flag-km {
  background-position: -96px -77px;
}
.flag.flag-kn {
  background-position: -112px -77px;
}
.flag.flag-kp {
  background-position: -128px -77px;
}
.flag.flag-kr {
  background-position: -144px -77px;
}
.flag.flag-kurdistan {
  background-position: -160px -77px;
}
.flag.flag-kw {
  background-position: -176px -77px;
}
.flag.flag-ky {
  background-position: -192px -77px;
}
.flag.flag-kz {
  background-position: -208px -77px;
}
.flag.flag-la {
  background-position: -224px -77px;
}
.flag.flag-lb {
  background-position: -240px -77px;
}
.flag.flag-lc {
  background-position: 0 -88px;
}
.flag.flag-li {
  background-position: -16px -88px;
}
.flag.flag-lk {
  background-position: -32px -88px;
}
.flag.flag-lr {
  background-position: -48px -88px;
}
.flag.flag-ls {
  background-position: -64px -88px;
}
.flag.flag-lt {
  background-position: -80px -88px;
}
.flag.flag-lu {
  background-position: -96px -88px;
}
.flag.flag-lv {
  background-position: -112px -88px;
}
.flag.flag-ly {
  background-position: -128px -88px;
}
.flag.flag-ma {
  background-position: -144px -88px;
}
.flag.flag-mc {
  background-position: -160px -88px;
}
.flag.flag-md {
  background-position: -176px -88px;
}
.flag.flag-me {
  background-position: -192px -88px;
}
.flag.flag-mg {
  background-position: -208px -88px;
}
.flag.flag-mh {
  background-position: -224px -88px;
}
.flag.flag-mk {
  background-position: -240px -88px;
}
.flag.flag-ml {
  background-position: 0 -99px;
}
.flag.flag-mm {
  background-position: -16px -99px;
}
.flag.flag-mn {
  background-position: -32px -99px;
}
.flag.flag-mo {
  background-position: -48px -99px;
}
.flag.flag-mp {
  background-position: -64px -99px;
}
.flag.flag-mq {
  background-position: -80px -99px;
}
.flag.flag-mr {
  background-position: -96px -99px;
}
.flag.flag-ms {
  background-position: -112px -99px;
}
.flag.flag-mt {
  background-position: -128px -99px;
}
.flag.flag-mu {
  background-position: -144px -99px;
}
.flag.flag-mv {
  background-position: -160px -99px;
}
.flag.flag-mw {
  background-position: -176px -99px;
}
.flag.flag-mx {
  background-position: -192px -99px;
}
.flag.flag-my {
  background-position: -208px -99px;
}
.flag.flag-mz {
  background-position: -224px -99px;
}
.flag.flag-na {
  background-position: -240px -99px;
}
.flag.flag-nc {
  background-position: 0 -110px;
}
.flag.flag-ne {
  background-position: -16px -110px;
}
.flag.flag-nf {
  background-position: -32px -110px;
}
.flag.flag-ng {
  background-position: -48px -110px;
}
.flag.flag-ni {
  background-position: -64px -110px;
}
.flag.flag-nl {
  background-position: -80px -110px;
}
.flag.flag-no {
  background-position: -96px -110px;
}
.flag.flag-np {
  background-position: -112px -110px;
}
.flag.flag-nr {
  background-position: -128px -110px;
}
.flag.flag-nu {
  background-position: -144px -110px;
}
.flag.flag-nz {
  background-position: -160px -110px;
}
.flag.flag-om {
  background-position: -176px -110px;
}
.flag.flag-pa {
  background-position: -192px -110px;
}
.flag.flag-pe {
  background-position: -208px -110px;
}
.flag.flag-pf {
  background-position: -224px -110px;
}
.flag.flag-pg {
  background-position: -240px -110px;
}
.flag.flag-ph {
  background-position: 0 -121px;
}
.flag.flag-pk {
  background-position: -16px -121px;
}
.flag.flag-pl {
  background-position: -32px -121px;
}
.flag.flag-pm {
  background-position: -48px -121px;
}
.flag.flag-pn {
  background-position: -64px -121px;
}
.flag.flag-pr {
  background-position: -80px -121px;
}
.flag.flag-ps {
  background-position: -96px -121px;
}
.flag.flag-pt {
  background-position: -112px -121px;
}
.flag.flag-pw {
  background-position: -128px -121px;
}
.flag.flag-py {
  background-position: -144px -121px;
}
.flag.flag-qa {
  background-position: -160px -121px;
}
.flag.flag-re {
  background-position: -176px -121px;
}
.flag.flag-ro {
  background-position: -192px -121px;
}
.flag.flag-rs {
  background-position: -208px -121px;
}
.flag.flag-ru {
  background-position: -224px -121px;
}
.flag.flag-rw {
  background-position: -240px -121px;
}
.flag.flag-sa {
  background-position: 0 -132px;
}
.flag.flag-sb {
  background-position: -16px -132px;
}
.flag.flag-sc {
  background-position: -32px -132px;
}
.flag.flag-scotland {
  background-position: -48px -132px;
}
.flag.flag-sd {
  background-position: -64px -132px;
}
.flag.flag-se {
  background-position: -80px -132px;
}
.flag.flag-sg {
  background-position: -96px -132px;
}
.flag.flag-sh {
  background-position: -112px -132px;
}
.flag.flag-si {
  background-position: -128px -132px;
}
.flag.flag-sk {
  background-position: -144px -132px;
}
.flag.flag-sl {
  background-position: -160px -132px;
}
.flag.flag-sm {
  background-position: -176px -132px;
}
.flag.flag-sn {
  background-position: -192px -132px;
}
.flag.flag-so {
  background-position: -208px -132px;
}
.flag.flag-somaliland {
  background-position: -224px -132px;
}
.flag.flag-sr {
  background-position: -240px -132px;
}
.flag.flag-ss {
  background-position: 0 -143px;
}
.flag.flag-st {
  background-position: -16px -143px;
}
.flag.flag-sv {
  background-position: -80px -132px;
}
.flag.flag-sx {
  background-position: -48px -143px;
}
.flag.flag-sy {
  background-position: -64px -143px;
}
.flag.flag-sz {
  background-position: -80px -143px;
}
.flag.flag-tc {
  background-position: -96px -143px;
}
.flag.flag-td {
  background-position: -112px -143px;
}
.flag.flag-tf {
  background-position: -128px -143px;
}
.flag.flag-tg {
  background-position: -144px -143px;
}
.flag.flag-th {
  background-position: -160px -143px;
}
.flag.flag-tibet {
  background-position: -176px -143px;
}
.flag.flag-tj {
  background-position: -192px -143px;
}
.flag.flag-tk {
  background-position: -208px -143px;
}
.flag.flag-tl {
  background-position: -224px -143px;
}
.flag.flag-tm {
  background-position: -240px -143px;
}
.flag.flag-tn {
  background-position: 0 -154px;
}
.flag.flag-to {
  background-position: -16px -154px;
}
.flag.flag-tr {
  background-position: -32px -154px;
}
.flag.flag-tt {
  background-position: -48px -154px;
}
.flag.flag-tv {
  background-position: -64px -154px;
}
.flag.flag-tw {
  background-position: -80px -154px;
}
.flag.flag-tz {
  background-position: -96px -154px;
}
.flag.flag-ua {
  background-position: -112px -154px;
}
.flag.flag-ug {
  background-position: -128px -154px;
}
.flag.flag-um {
  background-position: -144px -154px;
}
.flag.flag-us {
  background-position: -160px -154px;
}
.flag.flag-uy {
  background-position: -176px -154px;
}
.flag.flag-uz {
  background-position: -192px -154px;
}
.flag.flag-va {
  background-position: -208px -154px;
}
.flag.flag-vc {
  background-position: -224px -154px;
}
.flag.flag-ve {
  background-position: -240px -154px;
}
.flag.flag-vg {
  background-position: 0 -165px;
}
.flag.flag-vi {
  background-position: -16px -165px;
}
.flag.flag-vn {
  background-position: -32px -165px;
}
.flag.flag-vu {
  background-position: -48px -165px;
}
.flag.flag-wales {
  background-position: -64px -165px;
}
.flag.flag-wf {
  background-position: -80px -165px;
}
.flag.flag-ws {
  background-position: -96px -165px;
}
.flag.flag-xk {
  background-position: -112px -165px;
}
.flag.flag-ye {
  background-position: -128px -165px;
}
.flag.flag-yt {
  background-position: -144px -165px;
}
.flag.flag-za {
  background-position: -160px -165px;
}
.flag.flag-zanzibar {
  background-position: -176px -165px;
}
.flag.flag-zm {
  background-position: -192px -165px;
}
.flag.flag-zw {
  background-position: -208px -165px;
}
.flag.flag-eu {
  background-position: -224px -165px;
}
.hasDatepicker {
  position: relative;
}
#ui-datepicker-div {
  z-index: 9999 !important;
}
.ui-datepicker-unselectable span {
  color: #444 !important;
}
.ui-datepicker-unselectable,
.ui-state-disabled {
  opacity: 0.3;
}
/**********************************************/
/**************** Tables **********************/
/**********************************************/
table.dark-table td {
  vertical-align: top;
}
table.dark-table > thead > tr > th,
table.dark-table > thead > tr > th:hover {
  background-color: #000000 !important;
  color: #F0F0F0;
}
/**********************************************/
/**************** COLORS **********************/
/**********************************************/
.main_color {
  color: #000000;
}
.secondary_color {
  color: #ffcd11;
}
.eo_color {
  color: #77AD7D;
}
.attendee_color {
  color: #000000;
}
.speaker_color {
  color: #E74C3C;
}
.bg_eo_color {
  background-color: #77AD7D;
  color: #fff;
}
.bg_main_color {
  background-color: #000000;
  color: #fff;
}
.bg_main_color_light {
  background-color: #262626;
  color: #fff;
}
.bg_attendees_color {
  background-color: #000000;
  color: #fff;
}
.bg_speaker_color {
  background-color: #E74C3C;
  color: #fff;
}
.bg_light_color {
  background-color: #ededed;
  color: #444;
}
.pk_green_success {
  color: #77AD7D;
}
.pk_blue_info {
  color: #0F3C50;
}
.pk_red_error {
  color: #E74C3C;
}
/**********************************************/
/***************** UTILIDADES *******************/
/**********************************************/
.inline-block {
  display: inline-block;
}
.cursor-pointer {
  cursor: pointer;
}
.align-center {
  text-align: center;
}
.width-auto {
  width: auto!important;
}
.full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-pills > li > a {
  padding: 12px 12px 13px;
}
.admin-zone {
  position: relative;
}
.admin-zone .admin-icon {
  background-color: #E74C3C;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  height: 21px;
  line-height: 17px;
  padding: 3px;
  position: absolute;
  right: -13px;
  text-align: center;
  top: -10px;
  vertical-align: middle;
  width: 21px;
}
.admin-zone .admin-icon:hover {
  content: "Only visible for Admins";
  position: absolute;
  right: -36px;
  background-color: #fff;
  color: #333;
  text-transform: uppercase;
  font-size: 12px;
  padding: 2px;
  top: -4px;
}
/**********************************************/
/***************** LOADING *******************/
/**********************************************/
#lightdiv {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
  text-align: center;
}
#lightdiv:before {
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  content: "";
  right: 0px;
  z-index: 999;
  text-align: center;
  z-index: -1;
}
#lightdiv .message {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
/**********************************************/
/***************** ALERTS MSJS *******************/
/**********************************************/
#popup_alert:after {
  content: "";
  position: fixed;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 1000;
  line-height: 100%;
  vertical-align: middle;
  text-align: center;
}
#popup_alert {
  position: fixed;
  top: 50px;
  text-align: center;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1080;
}
#popup_alert .popup {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  width: 580px;
  z-index: 1001;
  background-color: #fff;
  border-radius: 5px;
  padding: 50px;
  position: relative;
}
#popup_alert .popup .buttons > span {
  margin: 0 5px;
}
@media (max-width: 768px) {
  #popup_alert .popup {
    width: 100%;
    position: absolute;
    top: 25px;
    left: 0px;
  }
  #popup_alert .popup .bottom {
    margin-left: -50px !important;
  }
  #popup_alert .popup .bottom .btn-main {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  #popup_alert .popup {
    padding: 25px;
  }
  #popup_alert .popup h6 {
    font-size: 15px;
  }
}
.popup {
  background-color: #f0f0f0;
}
.popup .close_colorbox {
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url("https://caterpillar.eventscase.com/img/delete_icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
}
.popup .msj .alert {
  margin: -50px -50px 30px -50px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px ;
  -moz-border-radius: 6px 6px 0px 0px ;
  -ms-border-radius: 6px 6px 0px 0px ;
  -o-border-radius: 6px 6px 0px 0px ;
  border-radius: 6px 6px 0px 0px ;
}
.popup .msj .alert-danger {
  background-color: #F8F5F5;
}
.popup .titlesup h5,
.popup .titlesup h6 {
  margin-top: 0px;
}
.popup .bottom {
  background-color: #F2F4F6;
  font-size: 15px;
  padding: 26px 0px;
  text-align: center;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px ;
  -moz-border-radius: 0 0 5px 5px ;
  -ms-border-radius: 0 0 5px 5px ;
  -o-border-radius: 0 0 5px 5px ;
  border-radius: 0 0 5px 5px ;
  margin-top: 45px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: -50px;
  margin-right: -50px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: -50px;
}
@media (max-width: 768px) {
  .popup .bottom {
    margin-left: -25px;
    margin-right: -25px;
  }
}
.popup .separator .text {
  background-color: #F4F4F4;
}
.popup .popup_menu {
  margin: -50px;
  display: table;
}
.popup .popup_menu > div {
  display: table-row;
}
.popup .popup_menu > div > div {
  display: table-cell;
  vertical-align: top;
}
.popup .popup_menu .popup_menu_sidebar {
  background-color: #333;
  color: #fff;
  width: 250px;
  border-radius: 4px 0 0 4px;
}
.popup .popup_menu .popup_menu_sidebar #popup_menu_sidebar_container {
  display: inline-block;
  width: 100%;
}
.popup .popup_menu .popup_menu_sidebar h5 {
  padding-left: 30px;
  padding-top: 10px;
}
.popup .popup_menu .popup_menu_sidebar ul {
  display: inline-block;
  list-style: none;
  width: 100%;
}
.popup .popup_menu .popup_menu_sidebar ul li {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.popup .popup_menu .popup_menu_sidebar ul li:first-child {
  border-top: 1px solid #ccc;
}
.popup .popup_menu .popup_menu_sidebar ul li.active {
  background-color: #777;
}
.popup .popup_menu .popup_menu_sidebar ul li:hover {
  background-color: #000000;
}
.popup .popup_menu .popup_menu_sidebar ul li a {
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
}
.popup .popup_menu .popup_menu_content {
  width: 900px;
  max-width: 100%;
  padding: 10px 40px 40px 40px;
}
.popup .popup_menu .popup_menu_open_sidebar {
  display: none;
  margin-top: 25px;
  margin-bottom: 15px;
  line-height: 25px;
  font-size: 1em;
  vertical-align: middle;
}
.popup .popup_menu .popup_menu_open_sidebar span {
  float: left;
  clear: both;
  font-size: 22px;
}
@media (max-width: 768px) {
  .popup .popup_menu .popup_menu_sidebar {
    display: none;
  }
  .popup .popup_menu .popup_menu_sidebar .popup_menu_sidebar_container {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 0px;
    overflow: hidden;
    display: inline-block;
    background-color: #333;
    z-index: 1;
  }
  .popup .popup_menu .popup_menu_sidebar.open {
    display: table-cell;
  }
  .popup .popup_menu .popup_menu_sidebar.open .popup_menu_sidebar_container {
    width: 250px;
  }
  .popup .popup_menu .popup_menu_open_sidebar {
    display: block;
  }
}
.placeholder {
  outline: 1px dashed #4183C4 !important;
}
.popup_opened_black_layout {
  position: fixed;
  z-index: 1050!important;
  top: 0px;
  left: 0px;
  text-align: center;
  bottom: 0px;
  right: 0px;
  background-color: #000;
  opacity: 0.9;
}
.popup_opened {
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  z-index: 1051;
  text-align: center!important;
  opacity: 0;
}
.popup_opened .popup {
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  z-index: 1051;
  text-align: center;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px ;
  -moz-border-radius: 5px ;
  -ms-border-radius: 5px ;
  -o-border-radius: 5px ;
  border-radius: 5px ;
}
.popup_opened .popup .popupcontent {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px ;
  -moz-border-radius: 5px ;
  -ms-border-radius: 5px ;
  -o-border-radius: 5px ;
  border-radius: 5px ;
  background-color: #fff;
  text-align: left;
  max-width: 100%;
  padding: 50px 50px 50px 50px;
}
.popup_opened .popup .buttons > span {
  margin: 0 5px;
}
.popup_opened .close_popup {
  position: absolute;
  right: 25px;
  top: 15px;
  background-image: url("https://caterpillar.eventscase.com/img/delete_icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  z-index: 1060;
  cursor: pointer;
}
.pkpopup.popup_w600 .popup {
  width: 600px;
}
.pkpopup.popup_w600 .popup .popupcontent {
  width: 100%;
}
.pkpopup.popup_w700 .popup {
  width: 700px;
}
.pkpopup.popup_w700 .popup .popupcontent {
  width: 100%;
}
.pkpopup.popup_w800 .popup {
  width: 800px;
}
.pkpopup.popup_w800 .popup .popupcontent {
  width: 100%;
}
.pkpopup.popup_w900 .popup {
  width: 900px;
}
.pkpopup.popup_w900 .popup .popupcontent {
  width: 100%;
}
.pkpopup.popup_w1000 .popup {
  width: 1000px;
}
.pkpopup.popup_w1000 .popup .popupcontent {
  width: 100%;
}
.pkpopup.popup_full_width .popup {
  width: 100%;
}
.pkpopup.popup_full_width .popup_opened {
  top: 0px;
  padding: 10px;
}
.pkpopup.light .popupcontent {
  border: 2px solid #666;
  -webkit-box-shadow: -1px 0px 76px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 0px 76px 1px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 0px 76px 1px rgba(0, 0, 0, 0.75);
}
.pkpopup.light .popup_opened_black_layout {
  background-color: transparent;
}
@media (max-width: 600px) {
  .pkpopup.popup_w600 .popup {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .pkpopup.popup_w700 .popup {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .pkpopup.popup_w800 .popup {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .pkpopup.popup_w900 .popup {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .pkpopup.popup_w1000 .popup {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .popup_opened {
    position: fixed;
    overflow: scroll;
    top: 0px;
    bottom: 0px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .popup_opened .close_popup {
    width: 16px;
    height: 16px;
  }
  .popup_opened .popup {
    min-height: 100%;
    padding: 15px;
    padding-bottom: 100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
    -ms-border-radius: 0 ;
    -o-border-radius: 0 ;
    border-radius: 0 ;
    display: block;
    position: absolute;
    top: 0px;
    background-color: #fff;
    right: 0px;
    left: 0px;
    width: auto;
  }
  .popup_opened .popup > .popup {
    padding: 0!important;
    width: auto!important;
    display: block!important;
    position: static!important;
  }
  .popup_opened .popup > .popupcontent {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
    -ms-border-radius: 0 ;
    -o-border-radius: 0 ;
    border-radius: 0 ;
    padding: 15px;
    padding-bottom: 100px;
  }
  .popup_opened .close_popup {
    position: absolute;
    right: 19px;
    top: 15px;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    z-index: 1060;
  }
  .popup_opened .close_popup:before {
    content: "X";
    font-wight: bold;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .popup-hide-overflow-y {
    overflow-y: hidden;
  }
}
/***************************/
/****** POPUP #2 */
/***************************/
.popup_opened_black_layout_2 {
  position: fixed;
  z-index: 950!important;
  top: 0px;
  left: 0px;
  text-align: center;
  bottom: 0px;
  right: 0px;
  background-color: #000;
  opacity: 0.9;
  display: none;
}
.popup_opened_2 {
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  z-index: 951;
  text-align: center!important;
  opacity: 0;
}
.popup_opened_2 .popup_2 {
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  z-index: 951;
}
.popup_opened_2 .popup_2 .buttons > span {
  margin: 0 5px;
}
.popup_opened_2 .popup_w600_2 {
  width: 600px;
}
.popup_opened_2 .popup_w700_2 {
  width: 600px;
}
.popup_opened_2 .popup_w800_2 {
  width: 800px;
}
.popup_opened_2 .popup_w900_2 {
  width: 900px;
}
.popup_opened_2 .popup_w1000 {
  width: 1000px;
}
@media (max-width: 600px) {
  .popup_opened_2 .popup_w600_2 {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .popup_opened_2 .popup_w700_2 {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .popup_opened_2 .popup_w800_2 {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .popup_opened_2 .popup_w900_2 {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .popup_opened_2 .popup_w1000_2 {
    width: 100%;
  }
}
.popup_opened_2:before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.popup_opened_2 .close_popup_2 {
  position: absolute;
  right: 25px;
  top: 15px;
  background-image: url("https://caterpillar.eventscase.com/img/delete_icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  z-index: 960;
}
@media (max-width: 768px) {
  .popup_opened_2 {
    position: fixed;
    overflow: scroll;
    top: 0px;
    bottom: 0px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .popup_opened_2 .close_popup_2 {
    width: 16px;
    height: 16px;
  }
  .popup_opened_2 .popup_2 {
    min-height: 100%;
    padding: 15px;
    padding-bottom: 100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
    -ms-border-radius: 0 ;
    -o-border-radius: 0 ;
    border-radius: 0 ;
    display: block;
    position: absolute;
    top: 0px;
    background-color: #fff;
    right: 0px;
    left: 0px;
    width: auto;
  }
  .popup_opened_2 .popup_2 > .popup_2 {
    padding: 0!important;
    width: auto!important;
    display: block!important;
    position: static!important;
  }
  .popup_opened_2 .close_popup_2 {
    position: absolute;
    right: 19px;
    top: 15px;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    z-index: 960;
  }
  .popup_opened_2 .close_popup_2:before {
    content: "X";
    font-wight: bold;
    font-size: 20px;
  }
}
/**********************************************/
/***************** ELEMENTS *******************/
/**********************************************/
.separator {
  border-top: 2px solid #BDC3C7;
  text-align: center;
  color: #999;
  margin: 30px 0 20px 0;
}
.separator span {
  background-color: #FFFFFF;
  font-size: 18px;
  line-height: 1.2;
  padding: 2px 10px;
  position: relative;
  top: -13px;
}
@media (max-width: 768px) {
  .separator {
    margin: 22px 0 5px 0;
  }
}
.delimiter {
  padding-bottom: 35px;
}
.well,
.panel-default > .panel-heading,
.jumbotron {
  background-color: #ededed;
}
/***************** TAB PANELS *******************/
div[role='tabpanel'] .tab-content {
  border: 0px;
  padding: 0px;
}
/***************** TAGS INPUT *******************/
.tagsinput {
  border-color: #BDC3C7 !important;
}
/***************** BUTTONS *******************/
.btn-huge {
  font-size: 21.994px;
  line-height: 22px;
  padding: 15px 20px 16px;
}
.btn-default {
  font-weight: bold;
  display: inline-block;
  font-family: "Lato";
  cursor: pointer!important;
  border: 1px solid #444 !important;
  background-color: #fff !important;
  color: #444 !important;
}
.btn-default:hover {
  background-color: #ffffff !important;
  color: #444 !important;
}
.btn-default:active {
  background-color: #ffffff !important;
  color: #444 !important;
}
.btn-default:focus {
  background-color: #ffffff !important;
  color: #444 !important;
}
.btn-default:disabled,
.btn-default.disabled,
.btn-default[disabled] {
  background-color: #ffffff !important;
  color: #444 !important;
}
.btn-default.transparent {
  background-color: transparent!important;
}
/**********************************************/
/***************** TEXT **********************/
/**********************************************/
.note {
  font-size: 13px;
  color: #979da4;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.62;
  font-weight: normal;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}
h3 {
  font-size: 1.17em;
  margin: 0.83em 0;
}
/**********************************************/
/***************** LINKS **********************/
/**********************************************/
a {
  color: #444;
}
/**********************************************/
/***************** FORMS **********************/
/**********************************************/
.show_on_form_error {
  display: none;
  background-color: #C95A61;
  color: #fff;
}
label[disabled],
.disabled {
  color: #AAA !important;
}
input,
select,
textarea,
label {
  margin-top: 0px;
}
input.error,
select.error,
textarea.error,
label.error {
  border-color: #E74C3C !important;
  color: #E74C3C !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input.error:focus,
select.error:focus,
textarea.error:focus,
label.error:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input.success,
select.success,
textarea.success,
label.success {
  border-color: #77AD7D !important;
  color: #77AD7D !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input.success:focus,
select.success:focus,
textarea.success:focus,
label.success:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input.warning,
select.warning,
textarea.warning,
label.warning {
  border-color: #f1c40f !important;
  color: #f1c40f !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input.warning:focus,
select.warning:focus,
textarea.warning:focus,
label.warning:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input.info,
select.info,
textarea.info,
label.info {
  border-color: #0F3C50 !important;
  color: #0F3C50 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input.info:focus,
select.info:focus,
textarea.info:focus,
label.info:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.error input,
.error select,
.error textarea {
  border-color: #E74C3C;
  color: #E74C3C;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.error input:focus,
.error select:focus,
.error textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
input[type="radio"].error + span,
input[type="checkbox"].error + span {
  color: #E74C3C;
}
input[type="radio"].error + span > span,
input[type="checkbox"].error + span > span {
  color: #E74C3C;
}
input[type="radio"].error + label,
input[type="checkbox"].error + label {
  color: #E74C3C;
}
input[type="checkbox"] {
  /***** checked  ******/
  /***** DISABLED ***/
}
input[type="checkbox"] + .icons + .text {
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
input[type="checkbox"] + .icons {
  cursor: pointer;
  display: inline-block;
}
input[type="checkbox"] + .icons span {
  color: #BDC3C7;
  font-size: 21px;
  line-height: 1;
  margin-right: 11px;
  position: relative;
  top: 4px;
}
input[type="checkbox"] + .icons span:last-child {
  display: none;
}
input[type="checkbox"] + .icons span:first-child {
  display: block;
}
input[type="checkbox"]:checked + .icons span {
  color: #000000;
}
input[type="checkbox"]:checked + .icons + .text {
  color: #000000;
}
input[type="checkbox"]:checked + .icons span:last-child {
  display: block;
}
input[type="checkbox"]:checked + .icons span:first-child {
  display: none;
}
input[type="checkbox"]:disabled + .icons span {
  color: #E6E8EA;
}
input[type="checkbox"]:disabled + .icons + .text {
  color: #E6E8EA;
}
input[type="checkbox"]:disabled + .icons span:last-child {
  display: block;
}
input[type="checkbox"]:disabled + .icons span:first-child {
  display: none;
}
/*** form-group ***/
/*** DROPDOWNS */
.checkbox.checked .second-icon {
  color: #000000;
}
/** DROPDOWNS CSS ***/
.form-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.form-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  display: block;
  padding: 9px 41px 7px 6px;
  transition: ease 0s, border-color 0.2s ease 0s;
  white-space: nowrap;
  width: 100%;
  margin: 0;
  min-width: 70px;
  position: relative;
  z-index: 1;
  border: 2px solid #BDC3C7;
  border-radius: 6px;
  box-shadow: none;
  color: #34495E;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.form-select select::-ms-expand {
  display: none;
}
.form-select select[disabled] {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.form-select select:focus {
  border-color: #000000;
  outline: none;
}
.form-select:after,
.form-select:before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.form-select:after {
  z-index: 3;
}
.form-select:after {
  border: solid 4px transparent;
  border-top-color: #666;
  height: 0;
  margin-top: -1px;
  right: 14px;
  top: 50%;
  vertical-align: middle;
  width: 0;
}
.form-select[disabled]:after {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.form-select:before {
  background: #fff;
  bottom: 4px;
  pointer-events: none;
  right: 4px;
  top: 4px;
  width: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
/*** DROPDOWNS (plugin)*/
.open > .dropdown-menu {
  margin-top: 0;
}
.btn-group > .dropdown-toggle:not(:first-child) {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
.select {
  min-height: 41px;
  margin-bottom: 0px!important;
}
.select.full-width .btn {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select.full-width .dropdown-menu {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select .dropdown-menu {
  margin-top: 0px!important;
}
select + .select_dropbox button {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: white !important;
  background-color: #bdc3c7;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  font-family: "Lato";
  cursor: pointer!important;
  border: 1px solid #444 !important;
  background-color: #fff !important;
  color: #444 !important;
  border: 2px solid #BDC3C7 !important;
}
select + .select_dropbox button:hover,
select + .select_dropbox button:focus {
  outline: none;
  color: white;
}
select + .select_dropbox button:active,
select + .select_dropbox button.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select + .select_dropbox button.disabled,
select + .select_dropbox button[disabled],
fieldset[disabled] select + .select_dropbox button {
  background-color: #bdc3c7;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
select + .select_dropbox button > [class^="fui-"] {
  margin: 0 1px;
  position: relative;
  line-height: 1;
  top: 1px;
}
.btn-xsselect + .select_dropbox button > [class^="fui-"] {
  font-size: 11px;
  top: 0;
}
.btn-hgselect + .select_dropbox button > [class^="fui-"] {
  top: 2px;
}
select + .select_dropbox button:hover,
select + .select_dropbox button.hover,
select + .select_dropbox button:focus,
select + .select_dropbox button:active,
select + .select_dropbox button.active,
.open .dropdown-toggleselect + .select_dropbox button {
  color: white;
  background-color: #cacfd2;
  border-color: #cacfd2;
}
select + .select_dropbox button:active,
select + .select_dropbox button.active,
.open .dropdown-toggleselect + .select_dropbox button {
  background: #a1a6a9;
  border-color: #a1a6a9;
}
select + .select_dropbox button.disabled,
select + .select_dropbox button[disabled],
fieldset[disabled] select + .select_dropbox button,
select + .select_dropbox button.disabled:hover,
select + .select_dropbox button[disabled]:hover,
fieldset[disabled] select + .select_dropbox button:hover,
select + .select_dropbox button.disabled.hover,
select + .select_dropbox button[disabled].hover,
fieldset[disabled] select + .select_dropbox button.hover,
select + .select_dropbox button.disabled:focus,
select + .select_dropbox button[disabled]:focus,
fieldset[disabled] select + .select_dropbox button:focus,
select + .select_dropbox button.disabled:active,
select + .select_dropbox button[disabled]:active,
fieldset[disabled] select + .select_dropbox button:active,
select + .select_dropbox button.disabled.active,
select + .select_dropbox button[disabled].active,
fieldset[disabled] select + .select_dropbox button.active {
  background-color: #bdc3c7;
  border-color: #bdc3c7;
}
select + .select_dropbox button:hover {
  background-color: #ffffff !important;
  color: #444 !important;
}
select + .select_dropbox button:active {
  background-color: #ffffff !important;
  color: #444 !important;
}
select + .select_dropbox button:focus {
  background-color: #ffffff !important;
  color: #444 !important;
}
select + .select_dropbox button:disabled,
select + .select_dropbox button.disabled,
select + .select_dropbox button[disabled] {
  background-color: #ffffff !important;
  color: #444 !important;
}
select + .select_dropbox button.transparent {
  background-color: transparent!important;
}
select + .select_dropbox .caret {
  border-top-color: #7F8C8D;
}
select.error + .select_dropbox button {
  border-color: #E74C3C;
  color: #E74C3C;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select.error + .select_dropbox button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.social_uikit {
  height: 33px;
  width: 33px;
}
.social_uikit_sidebar {
  height: 28px;
  padding: 0;
  width: 28px !important;
}
/*** DIALOG ***/
.text_dialog {
  color: grey !important;
  font-size: 16px !important;
}
/*** TOOLTIP ***/
.tooltip_div {
  position: relative;
}
.tooltip_div:hover .tooltip_new,
.tooltip_div.show_tooltip .tooltip_new {
  display: block!important;
}
.tooltip_new {
  background: none repeat scroll 0 0 #000000;
  border-radius: 4px;
  color: #FFFFFF;
  left: 100% ;
  font-family: "Lato", Arial !important;
  font-size: 12px;
  z-index: 1085;
  line-height: 1.2 !important;
  margin-left: 20px;
  top: 0px;
  padding: 10px;
  position: absolute;
  display: none!important;
  text-align: left;
}
.tooltip_w50 {
  width: 50px;
}
.tooltip_w75 {
  width: 75px;
}
.tooltip_w100 {
  width: 100px;
}
.tooltip_w125 {
  width: 125px;
}
.tooltip_w150 {
  width: 150px;
}
.tooltip_w200 {
  width: 200px;
}
.tooltip_w250 {
  width: 250px;
}
.tooltip_w300 {
  width: 300px;
}
.tooltip_w350 {
  width: 350px;
}
.tooltip_w400 {
  width: 400px;
}
.tooltip_new:before {
  border-color: transparent #000000 transparent transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  content: "";
  position: absolute;
  width: 0;
  top: 7px;
  left: -19px;
}
.tooltip_new.tooltip_left {
  margin-right: 13px;
  top: 0px;
  right: 100% ;
  left: auto;
}
.tooltip_new.tooltip_left:before {
  top: 7px;
  right: -19px;
  left: auto;
  border-color: transparent transparent transparent #000000;
}
.tooltip_new.tooltip_top {
  margin-right: 0px;
  margin-bottom: 13px;
  bottom: 100%;
  right: auto ;
  left: -32px;
  top: auto;
}
.tooltip_new.tooltip_top:before {
  bottom: -19px;
  right: auto;
  top: auto;
  left: auto;
  border-color: #000000 transparent transparent transparent;
}
.tooltip_new.tooltip_bottom {
  margin-right: 0px;
  margin-top: 13px;
  top: 100%;
  right: auto ;
  left: -32px;
}
.tooltip_new.tooltip_bottom:before {
  top: -19px;
  right: auto;
  left: auto;
  border-color: transparent transparent #000000 transparent;
}
.tooltip_new.tooltip_left.tooltip_bottom {
  left: auto;
  right: -10px;
}
.tooltip_new.tooltip_left.tooltip_bottom:before {
  left: auto;
  right: 10px;
}
/*** TOP NAV ***/
.top_nav {
  width: 100%;
  height: 70px;
  background: #000000;
}
.logo_pickevent_nav {
  background: url('https://caterpillar.eventscase.com/img/EventsCase/logo_white.png') no-repeat;
  background-size: 155px 30px;
  height: 70px;
  background-position: 50px 17px;
  float: left;
  width: 40%;
}
.logo_user_nav {
  background: url('https://caterpillar.eventscase.com/img/foto1.png') no-repeat;
  background-size: 35px 35px;
  background-position: 40px 15px;
  height: 70px;
  float: right;
  width: 10%;
}
.campana_nav {
  height: 70px;
  float: right;
}
.campana1 {
  margin-top: 12px;
  margin-right: -12px;
  font-size: 22px;
  color: red;
}
/*** CKDITOR BOOTSTRAP PLUGIN **/
/* Custom styles */
.two-col,
.two-col-left,
.two-col-right,
.three-col,
.accordion {
  padding: 8px;
  margin: 10px auto;
}
.two-col .col-md-6 img,
.two-col-left .col-md-6 img,
.two-col-right .col-md-6 img,
.three-col .col-md-6 img,
.accordion .col-md-6 img,
.two-col .col-md-3 img,
.two-col-left .col-md-3 img,
.two-col-right .col-md-3 img,
.three-col .col-md-3 img,
.accordion .col-md-3 img,
.two-col .col-md-4 img,
.two-col-left .col-md-4 img,
.two-col-right .col-md-4 img,
.three-col .col-md-4 img,
.accordion .col-md-4 img,
.two-col .col-md-9 img,
.two-col-left .col-md-9 img,
.two-col-right .col-md-9 img,
.three-col .col-md-9 img,
.accordion .col-md-9 img {
  display: block;
  max-width: 100%;
  height: auto;
}
.two-col .col-md-6,
.two-col-left .col-md-3,
.two-col-left .col-md-9,
.two-col-right .col-md-3,
.two-col-right .col-md-9,
.three-col .col-md-4,
.accordion dd .content,
.accordion dd.accordion-navigation > a {
  border-radius: 5px;
  background: #fff;
  min-height: 5em;
}
.accordion {
  padding-top: 2px;
}
.accordion:before {
  content: 'Accordion';
  text-transform: uppercase;
  padding-bottom: 4px;
  font-size: 10px;
  color: #888;
}
.accordion dd.accordion-navigation > .content,
.accordion dd > .content {
  display: block !important;
}
.accordion dd.accordion-navigation {
  margin-bottom: 0.7em !important;
}
.accordion dd.accordion-navigation > a {
  padding: 5px;
  min-height: 0;
  margin-bottom: 1px;
}
.accordion dd.accordion-navigation > a p {
  margin: 0;
}
.videodetector {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}
.videodetector iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/***************************/
/*** POPUP FULL WIDTH ****/
/***************************/
#popup_full_width {
  background-color: #fff;
  width: 100%;
  min-height: 100%;
  padding: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: absolute;
  z-index: 1051;
  top: 40px;
  left: 0px;
  margin-bottom: 40px;
}
#popup_full_width .close_popup {
  position: absolute;
  right: 25px;
  top: 25px;
  background-image: url(/img/delete_icon.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  z-index: 1200;
}
#popup_full_width_layout {
  position: fixed;
  z-index: 1050 !important;
  top: 0px;
  left: 0px;
  text-align: center;
  bottom: 0px;
  right: 0px;
  background-color: #000;
  opacity: 0.9;
}
@media (max-width: 768px) {
  #popup_full_width {
    position: fixed;
    overflow: scroll;
    top: 0px;
    bottom: 0px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  #popup_full_width .close_popup {
    width: 16px;
    height: 16px;
  }
  #popup_full_width .close_popup {
    position: absolute;
    right: 30px;
    top: 12px;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    z-index: 1060;
  }
  #popup_full_width .close_popup:before {
    content: "X";
    font-wight: bold;
    font-size: 22px;
  }
}
/***** GOOGLE MAPS AUTOCOMPLETE ****/
.pac-container {
  z-index: 9999 !important;
}
/************************ BOOTSRAP EXTRA LARGE COLUMNS ***********************************/
/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
 *   https://github.com/marcvannieuwenhuijzen/BootstrapXL/blob/master/BootstrapXL.css
*
*/
@media (min-width: 1200px) and (max-width: 1599px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important;
}
@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
  .visible-xl-block {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
.jcrop-handle {
  background-color: #000;
  border: 1px solid #eeeeee;
  font-size: 1px;
  height: 12px!important;
  width: 12px!important;
}
/***** estilos cuando esta activo modo traduccion **/
.translate {
  position: relative;
}
.translate:hover::after {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid red;
  position: absolute;
}
/* FONTS  **/
@font-face {
  font-family: 'pacifico';
  src: url('https://fonts.eventscase.com/pacifico-webfont.eot');
  src: url('https://fonts.eventscase.com/pacifico-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.eventscase.com/pacifico-webfont.woff') format('woff'), url('https://fonts.eventscase.com/pacifico-webfont.ttf') format('truetype'), url('https://fonts.eventscase.com/pacifico-webfont.svg#pacificoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  font-family: "Lato", 'Myriad Pro', sans-serif !important;
  color: #666;
  font-size: 16px;
  line-height: 1.62;
  text-align: center;
}
body {
  padding: 0px;
  margin: 0px;
}
#wrapper {
  width: 100%;
}
.box_navbar {
  transition: all 0.2s ease 0s;
}
.box_navbar .icon {
  color: #FFFFFF;
  font-family: pickevent;
  font-size: 20px;
  opacity: 0.5;
}
.tooltip_header {
  z-index: 30;
  color: 666;
}
.tooltip_header a,
.tooltip_header a:focus,
.tooltip_header a:hover {
  color: #666 !important;
}
.tooltip_header ul {
  list-style: none;
}
.tooltip_header .shadow {
  -webkit-box-shadow: 0 0 5px 1px #999;
  box-shadow: 0 0 5px 1px #999;
  margin: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px ;
  -moz-border-radius: 6px ;
  -ms-border-radius: 6px ;
  -o-border-radius: 6px ;
  border-radius: 6px ;
}
#topbar {
  z-index: 1020;
}
#topbar-content {
  position: fixed!important;
}
#topbar-content .language_container:hover .dropdown-menu {
  margin-top: 18px !important;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 768px) {
  #topbar-content .language_container {
    position: absolute;
    z-index: 30;
    right: 60px;
    top: -3px;
    display: inline-block;
    padding-top: 3px;
  }
}
#topbar-content .language_selector .dropdown-menu a {
  color: #444 !important;
}
#topbar-content #ul_event_links {
  float: none;
  padding-top: 0px !important;
}
#topbar-content #ul_event_links li {
  height: 70px;
  padding-bottom: 0px !important;
}
#topbar-content #ul_event_links li a {
  padding-top: 23.33333333px;
  height: 100%;
}
#topbar-content .navbar-brand {
  line-height: 0;
}
#topbar-content.position-relative {
  position: relative!important;
}
#topbar-content .accountPopupTobarMenu {
  margin-left: 25px;
}
.navbar-nav {
  margin-left: 0px!important;
}
.navbar-nav > li > a {
  padding-left: 13px!important;
  padding-right: 13px!important;
}
@media (max-width: 991px) {
  #ul_event_links a#already_registered {
    margin-top: 0px !important;
  }
}
.pickevent_navbar {
  z-index: 10;
  top: -45px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #000000 !important;
}
.pickevent_navbar #ul_event_links > li > a:hover {
  color: #fff !important;
}
.pickevent_navbar.show {
  top: 0px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.pickevent_navbar li .unatend {
  display: none!important;
}
.pickevent_navbar .messages .num {
  background-color: #FF0000;
  border-radius: 15px;
  font-family: Helvetica !important;
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
  padding: 1px 6px;
  position: absolute;
  right: 7px;
  top: 14px;
  color: #fff;
  z-index: 50;
}
.pickevent_navbar #attend + .download {
  display: none;
}
/********** Lightbox ********************/
#cboxLoadedContent {
  margin-bottom: 0px!important;
}
#cboxContent {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
/*********** CHECKBOXES ****************/
input[type=checkbox] {
  display: none;
}
.switch > input[type=checkbox] {
  display: block;
}
input[type=checkbox] + label {
  line-height: 25px;
  vertical-align: middle!important;
}
input[type=checkbox] + label span {
  display: block;
  float: left;
  padding-left: 25px;
  min-height: 25px;
  background: url('https://caterpillar.eventscase.com/img/cb_off.svg') left center no-repeat;
  cursor: pointer;
}
input[type=checkbox]:checked + label span {
  background: url('https://caterpillar.eventscase.com/img/cb_on.svg') left center no-repeat;
  background-size: 20px;
}
/***********************************************************************/
/************ BASIC DATA ***********************************************/
/***********************************************************************/
.page-header {
  margin-top: 45px;
}
#eventbrite_div {
  position: relative;
}
#eventbrite_div .overlay {
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  position: absolute;
  background-color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#div_event_view_details.private_event_wrapper .top_image {
  height: auto;
}
#div_event_view_details.private_event_wrapper .top_image h1 {
  font-size: 45px;
}
#div_event_view_details.private_event_wrapper .top_image .attend_buttons_header {
  font-size: 16px;
}
@media (min-width: 767px) {
  #private_event_survey {
    max-width: 600px;
  }
}
.private_event {
  margin: 0 -15px;
  position: relative;
  background-color: #000000;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  padding-top: 35px;
}
.private_event #private_event_password {
  margin-top: 0px;
  max-width: 505px;
  width: 100%;
  padding: 0 15px;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}
.private_event #private_event_password.fixedTop {
  margin-top: 0px;
  display: none;
  max-width: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  color: #fff;
  background-color: #000000;
  text-align: center;
  z-index: 2;
}
.private_event #private_event_password.fixedTop p {
  display: none;
}
.private_event #private_event_password.fixedTop h1 {
  margin: 0px;
}
.private_event #private_event_password.fixedTop > form {
  display: inline-block;
  margin-bottom: 15px!important;
  margin-top: 15px!important;
}
.private_event #private_event_password.fixedTop .form-group {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.private_event #private_event_password.fixedTop .col-xs-12 {
  display: inline-block !important;
  float: left!important;
  width: auto!important;
}
@media (max-width: 480px) {
  .private_event .buttons a {
    width: 100%;
    float: left;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .private_event {
    padding-top: 0px;
  }
}
@media (max-width: 991px) {
  .private_event #private_event_password.fixedTop {
    position: static!important;
  }
}
.top_image {
  overflow: hidden;
  height: 650px;
  position: relative;
  background-position: center 0px;
  background-size: cover;
  background-color: #000000;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}
.top_image:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 1px;
}
.top_image .contenido {
  display: inline-block;
  max-width: 978px;
  text-align: center;
  padding: 20px;
  position: relative;
  vertical-align: middle;
  white-space: normal;
  max-width: 100%;
}
.top_image:before {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.top_image #event_logo {
  display: none;
}
.top_image #event_logo img {
  max-width: 300px;
  max-height: 200px;
}
.top_image h1 {
  font-weight: normal;
  font-size: 70px;
  font-weight: 200;
  margin-bottom: 45px;
  text-shadow: 0 0 6px #000000;
}
.top_image .parent_container {
  vertical-align: middle;
  display: inline-block;
  z-index: 3;
}
.top_image .parent_container .contenido {
  z-index: 4;
}
.top_image.adapt_to_image {
  height: auto;
  position: relative;
  background: none !important;
}
.top_image.adapt_to_image .main_image {
  width: 100%;
}
.top_image.adapt_to_image .parent_container {
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
}
#top_basic_data_sup_der {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  padding: 20px;
}
#top_basic_data_sup_izq {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  padding: 20px;
}
#top_basic_data_inf_der,
#top_basic_data_inf_der_2 {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  right: 0px;
  padding: 20px;
}
#top_basic_data_inf_izq {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0px;
  padding: 20px;
}
#top_basic_data_center {
  max-width: 100%;
}
#top_basic_data_center img {
  max-width: 100%;
  margin-bottom: 15px;
}
#top_basic_data_bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
}
#top_basic_data_bottom img {
  max-width: 100%;
}
#attend_buttons_header {
  display: inline-block;
}
#attend_buttons_header .btn,
#attend_buttons_header .btn-main,
#attend_buttons_header .btn-default {
  font-size: 20px;
  margin-bottom: 5px;
}
#attend_buttons_header .btn-main,
#attend_buttons_header .btn-eo,
#attend_buttons_header .btn-speaker {
  color: #fff !important;
  margin-bottom: 5px;
}
#event_venue_time_info {
  background-color: #ffcd11;
  color: #fff !important;
  margin: 0 -15px;
  padding: 50px;
  text-align: center;
}
#event_venue_time_info a {
  color: #fff !important;
}
#event_venue_time_info .btn-default {
  color: #fff !important;
  background-color: transparent!important;
  border-color: #fff !important;
}
#event_venue_time_info .btn-default:hover {
  color: #fff !important;
  background-color: transparent!important;
  border-color: #fff !important;
}
#event_venue_time_info .contenido {
  max-width: 978px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#event_venue_time_info .contenido .eo_details {
  text-align: left;
}
#event_venue_time_info .contenido .eo_details .photo {
  width: 80px;
  margin-right: 20px;
}
#event_venue_time_info .contenido .eo_details .photo img {
  width: 80px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100% ;
  -moz-border-radius: 100% ;
  -ms-border-radius: 100% ;
  -o-border-radius: 100% ;
  border-radius: 100% ;
}
#event_venue_time_info .contenido .eo_details .photo a {
  color: #fff !important;
}
#event_venue_time_info .contenido .date {
  text-align: left;
  position: relative;
}
#event_venue_time_info .contenido .date .day {
  text-align: center;
  float: left;
  margin-right: 30px;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
#event_venue_time_info .contenido .date .day .month {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0 ;
  -moz-border-radius: 4px 4px 0 0 ;
  -ms-border-radius: 4px 4px 0 0 ;
  -o-border-radius: 4px 4px 0 0 ;
  border-radius: 4px 4px 0 0 ;
  font-size: 14px;
  padding: 2px 10px;
  font-weight: normal;
  background-color: #fff;
  color: #ffcd11;
}
#event_venue_time_info .contenido .date .day .num_day {
  font-size: 30px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px ;
  -moz-border-radius: 0 0 4px 4px ;
  -ms-border-radius: 0 0 4px 4px ;
  -o-border-radius: 0 0 4px 4px ;
  border-radius: 0 0 4px 4px ;
  width: 100%;
  min-width: 65px;
  border: 3px solid #fff;
}
#event_venue_time_info .contenido .date .details {
  font-size: 13px;
}
#event_venue_time_info .contenido .date .btn-default {
  background-color: transparent!important;
  color: #fff !important;
}
#event_venue_time_info .contenido .date #add_to_calendar_icons {
  margin-top: 5px;
  padding: 5px 10px;
  margin-left: -12px;
  background-color: #fff;
  width: 130px;
  position: absolute;
  left: 111px;
  display: none;
  bottom: -51px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
#event_venue_time_info .contenido .date #add_to_calendar_icons:before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 56px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
#event_venue_time_info .contenido .venue {
  text-align: left;
  font-size: 13px;
}
#event_venue_time_info .contenido .venue .icon {
  float: left;
  font-size: 78px;
  width: 75px;
  margin-top: 5px;
  display: inline-block;
  margin-right: 8px;
}
#event_venue_time_info .contenido .venue .details {
  display: inline-block;
}
#event_venue_time_info .contenido .venue a {
  color: #fff;
}
#event_venue_time_info .contenido .venue a:hover {
  color: #fff;
}
#event_venue_time_info .contenido .venue .btn-default {
  background-color: transparent!important;
  color: #fff !important;
}
#event_basic_data_share .views {
  margin-bottom: 28px;
}
#event_basic_data_share .views .icon {
  font-size: 22px;
  width: 35px;
  display: inline-block;
  position: relative;
  top: 3px;
}
#venue_map {
  height: 0px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  margin: 0 -15px;
}
#venue_map.show {
  height: 350px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
#buttons_attendee {
  text-align: center;
  margin-bottom: 35px;
}
#event_basic_data_description {
  text-align: center;
  margin-top: 50px;
}
#event_basic_data_description .content {
  display: inline-block;
  text-align: left;
  max-width: 978px;
  width: 100%;
}
#event_basic_data_description #hidden_description {
  max-height: 182px;
  overflow: hidden;
  position: relative;
}
#event_basic_data_description #hidden_description #view_all_description_container {
  text-align: center;
}
#event_basic_data_description #hidden_description #view_all_description_container {
  position: absolute;
  bottom: 10px;
  text-align: center;
  left: 0px;
  right: 0px;
}
#event_basic_data_description #hidden_description::before {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 96%, #ffffff 97%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(96%, rgba(255, 255, 255, 0.99)), color-stop(97%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 96%, #ffffff 97%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 96%, #ffffff 97%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 96%, #ffffff 97%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 96%, #ffffff 97%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  bottom: 0;
  content: "";
  height: 85px;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transition: 3s;
  transition: 3s;
}
#event_basic_data_description #hidden_description.active {
  height: auto;
  max-height: none;
  overflow: visible;
  display: inline-block;
}
#event_basic_data_description #hidden_description.active #view_all_description_container {
  display: none!important;
}
#event_basic_data_description #hidden_description.active::before {
  display: none;
}
#event_basic_data_description #hidden_description {
  text-align: center;
}
#event_basic_data_description ol,
#event_basic_data_description ul,
#event_basic_data_description dl {
  /* IE7: reset rtl list margin. (#7334) */
  *margin-right: 0px;
  /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
  padding: 0 40px;
}
#event_basic_data_description h1,
#event_basic_data_description h2,
#event_basic_data_description h3,
#event_basic_data_description h4,
#event_basic_data_description h5,
#event_basic_data_description h6 {
  font-weight: normal;
  line-height: 1.5em;
}
#event_basic_data_description h1 {
  font-size: 2em;
  margin: 21px 0;
}
#event_basic_data_description h2 {
  font-size: 1.5em;
  margin: 19px 0;
}
#event_basic_data_description h3 {
  font-size: 1.2em;
  margin: 19px 0;
}
#event_basic_data_description h4 {
  font-size: 1em;
  margin: 21px 0;
}
#event_basic_data_description h5 {
  font-size: 0.8em;
  margin: 21px 0;
}
#event_basic_data_description h6 {
  font-size: 0.7em;
  margin: 26px 0;
}
#event_basic_data_description hr {
  border: 0px;
  border-top: 1px solid #ccc;
}
#event_basic_data_description img.right {
  border: 1px solid #ccc;
  float: right;
  margin-left: 15px;
  padding: 5px;
}
#event_basic_data_description img.left {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
  padding: 5px;
}
#event_basic_data_description pre {
  white-space: pre-wrap;
  /* CSS 2.1 */
  word-wrap: break-word;
  /* IE7 */
}
#event_basic_data_share > span {
  vertical-align: bottom;
}
.btn-main.magic_share.btn-xs {
  padding-top: 9px!important;
  padding-bottom: 9px!important;
  font-size: 15px!important;
  overflow: hidden;
  position: relative;
  width: auto!important;
  padding-left: 35px!important;
}
.btn-main.magic_share.btn-xs.active {
  background-color: #FCD209 !important;
}
.btn-main.magic_share.btn-xs.active .icon {
  position: absolute;
  left: 8px;
  top: 9px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.btn-main.magic_share.btn-xs.active .star1 {
  top: 5px;
  left: 140px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.btn-main.magic_share.btn-xs.active .star2 {
  top: 30px;
  left: -15px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.btn-main.magic_share.btn-xs.active .star3 {
  top: -15px;
  left: 88px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.btn-main.magic_share.btn-xs:hover {
  background-color: #E8BE2A !important;
}
.btn-main.magic_share.btn-xs:hover .star1 {
  top: -4px;
  left: -6px;
}
.btn-main.magic_share.btn-xs:hover .star2 {
  top: -2px;
  left: 120px;
}
.btn-main.magic_share.btn-xs:hover .star3 {
  top: 28px;
  left: 68px;
}
.btn-main.magic_share.btn-xs .icon {
  display: inline-block;
  font-size: 18px;
  margin: -1px 0;
  vertical-align: middle;
  margin-right: 20px;
  position: absolute;
  z-index: 2;
  top: 30px;
  width: 18px;
  height: 18px;
  left: -30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn-main.magic_share.btn-xs .star {
  position: absolute;
  color: #EBEBA8;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 1;
}
.btn-main.magic_share.btn-xs .star1 {
  top: -1px;
  left: 10px;
}
.btn-main.magic_share.btn-xs .star2 {
  top: 2px;
  left: 131px;
}
.btn-main.magic_share.btn-xs .star3 {
  top: 28px;
  left: 68px;
}
/***********************************************************************/
/************ big image ************************************/
/***********************************************************************/
/***********************************************************************/
/************ big image ************************************/
/***********************************************************************/
.big_image_module {
  color: #fff;
  text-shadow: 0 0 6px #000000;
  font-size: 22px;
  text-align: center!important;
  min-height: 400px;
  line-height: 400px;
}
.big_image_module > div {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.big_image_module .centered {
  text-align: center;
}
.big_image_module.height450 {
  min-height: 450px;
  line-height: 450px;
}
.big_image_module.height400 {
  min-height: 400px;
  line-height: 400px;
}
.big_image_module.height350 {
  min-height: 350px;
  line-height: 350px;
}
.big_image_module.height300 {
  min-height: 300px;
  line-height: 300px;
}
.big_image_module.height250 {
  min-height: 250px;
  line-height: 250px;
}
.big_image_module.height200 {
  min-height: 200px;
  line-height: 200px;
}
.big_image_module.height100 {
  min-height: 100px;
  line-height: 100px;
}
.big_image_module h1,
.big_image_module h2,
.big_image_module h3,
.big_image_module h4,
.big_image_module h5,
.big_image_module h6 {
  color: #fff !important;
}
/***********************************************************************/
/************ attend_big_horizontal ************************************/
/***********************************************************************/
#attend_big_horizontal {
  background-color: #000000;
  color: #fff;
  padding: 30px;
  text-align: center;
  display: table;
  width: 100%;
}
#attend_big_horizontal .full-width {
  width: auto;
  display: inline-block !important;
}
#attend_big_horizontal .btn-main {
  width: auto!important;
}
#attend_big_horizontal .contenido {
  display: table-cell !important;
  vertical-align: middle;
}
#html_section {
  text-align: center;
}
#html_section .contenido {
  max-width: 978px;
  width: 100%;
  text-align: left;
  display: inline-block;
}
/***********************************************************************/
/************ SPEAKERS ***********************************************/
/***********************************************************************/
#speakers {
  margin: 0 -15px;
  padding: 50px 0 15px;
  text-align: center;
}
#speakers .contenido {
  max-width: 978px;
  text-align: center;
  width: 100%;
  display: inline-block;
}
#speakers .contenido #speakers_content {
  margin: 0 -15px;
}
#speakers .contenido #speakers_content .speaker {
  display: inline-block;
  width: 222px;
  height: 350px;
  margin: 7px;
  position: relative;
  top: 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 20px;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
#speakers .contenido #speakers_content .speaker .photo {
  width: 197px;
  cursor: pointer;
  height: 197px;
  margin: -10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
  margin-bottom: 15px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100% ;
  -moz-border-radius: 100% ;
  -ms-border-radius: 100% ;
  -o-border-radius: 100% ;
  border-radius: 100% ;
}
#speakers .contenido #speakers_content .speaker .photo a {
  display: inline-block;
  width: 197px;
  height: 197px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100% ;
  -moz-border-radius: 100% ;
  -ms-border-radius: 100% ;
  -o-border-radius: 100% ;
  border-radius: 100% ;
  background-color: #E74C3C;
  background-size: cover;
  background-position: center center;
}
#speakers .contenido #speakers_content .speaker .photo.photo-no-circle {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  -webkit-border-radius: 0% ;
  -moz-border-radius: 0% ;
  -ms-border-radius: 0% ;
  -o-border-radius: 0% ;
  border-radius: 0% ;
}
#speakers .contenido #speakers_content .speaker .photo.photo-no-circle a {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  -webkit-border-radius: 0% ;
  -moz-border-radius: 0% ;
  -ms-border-radius: 0% ;
  -o-border-radius: 0% ;
  border-radius: 0% ;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#speakers .contenido #speakers_content .speaker .details {
  vertical-align: top;
  z-index: 2;
}
#speakers .contenido #speakers_content .speaker .details .name,
#speakers .contenido #speakers_content .speaker .details .name a {
  font-weight: bold;
  margin-bottom: 10px;
  height: 25px;
  font-size: 18px;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
#speakers .contenido #speakers_content .speaker .details .location {
  color: #666;
  margin-bottom: 17px;
  height: 71px;
  overflow: hidden;
  width: 100%;
  vertical-align: top;
  display: inline-block;
}
#speakers .contenido #speakers_content .speaker .details .location .motto {
  text-align: center;
}
#speakers .contenido #speakers_content .speaker .details .buttons {
  vertical-align: top;
}
#speakers .contenido #speakers_content .speaker .details .buttons .btn-default {
  color: #666;
}
#speakers .contenido #speakers_content .speaker:hover .details {
  display: block;
}
#speakers .show_speakers .speaker {
  top: 0px!important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
@media (max-width: 767px) {
  #speakers .contenido #speakers_content {
    margin: 0 0px;
  }
  #speakers .contenido #speakers_content .speaker {
    top: 0px!important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    height: auto!important;
    width: 100%!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    text-align: left!important;
  }
  #speakers .contenido #speakers_content .speaker #speakers_content {
    margin: 0!important;
  }
  #speakers .contenido #speakers_content .speaker .photo,
  #speakers .contenido #speakers_content .speaker .photo a {
    width: 75px!important;
    margin-top: 3px!important;
    height: 75px!important;
    float: left!important;
    margin-right: 25px;
  }
  #speakers .contenido #speakers_content .speaker .details {
    display: inline!important;
  }
  #speakers .contenido #speakers_content .speaker .details .name,
  #speakers .contenido #speakers_content .speaker .details .location,
  #speakers .contenido #speakers_content .speaker .details a {
    width: auto!important;
  }
  #speakers .contenido #speakers_content .speaker .details .name {
    padding-right: 10px;
    display: inline!important;
  }
  #speakers .contenido #speakers_content .speaker .details .name a {
    font-size: 16px!important;
    display: inline!important;
  }
  #speakers .contenido #speakers_content .speaker .details .location {
    display: inline!important;
  }
  #speakers .contenido #speakers_content .speaker .details .location .motto {
    text-align: left!important;
    font-size: 12px!important;
  }
}
/***********************************************************************/
/************ SCHEDULE ***********************************************/
/***********************************************************************/
#schedule {
  padding: 50px 0 10px 0;
  font-size: 16px;
  text-align: center;
}
#schedule .contenido {
  max-width: 978px;
  text-align: left;
  display: inline-block;
  width: 100%;
}
#schedule .contenido .days {
  text-align: center;
  margin-bottom: 70px;
}
#schedule .contenido .days .day,
#schedule .contenido .days .box_flat {
  display: inline-block;
  margin: 0 5px;
}
#schedule .contenido .days .box_flat {
  cursor: pointer;
  opacity: 0.4;
}
#schedule .contenido .days .box_flat .day_flat {
  border-bottom: 1px solid #D8D8D8;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px ;
  -moz-border-radius: 0 0 4px 4px ;
  -ms-border-radius: 0 0 4px 4px ;
  -o-border-radius: 0 0 4px 4px ;
  border-radius: 0 0 4px 4px ;
}
#schedule .contenido .days .box_flat.active {
  opacity: 1;
}
#schedule .contenido .day_sessions {
  width: 100%;
}
#schedule .contenido .day_sessions .session-container {
  position: relative;
  margin-bottom: 8px;
}
#schedule .contenido .day_sessions .session-container .session-box {
  position: relative;
  z-index: 4;
}
#schedule .contenido .day_sessions .session-container .tab_stream {
  transition: top 0.3s ease 0s;
  right: 5px;
  position: absolute;
  z-index: 4;
  right: 15px;
  top: 0px;
  overflow: hidden;
  color: #fff;
  width: auto;
  height: 20px !important;
  font-size: 0.7em;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#schedule .contenido .day_sessions .session-container .tab_stream .stream_name {
  padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
}
#schedule .contenido .day_sessions .session-container:hover .tab_stream {
  transition: top 0.3s ease 0s;
  top: -20px;
}
#schedule .contenido .day_sessions .session {
  border-left-style: solid;
  border-left-width: 4px;
  border-left-color: rgba(255, 255, 255, 0);
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);
  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);
  margin-bottom: 0!important;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  z-index: 3;
}
#schedule .contenido .day_sessions .session .type {
  margin-right: 25px;
  float: left;
}
#schedule .contenido .day_sessions .session .header .title {
  font-size: 18px;
  display: block;
  overflow: hidden;
}
#schedule .contenido .day_sessions .session .title {
  font-size: 18px;
  vertical-align: middle;
}
#schedule .contenido .day_sessions .session .title.arrow_down {
  cursor: pointer;
}
#schedule .contenido .day_sessions .session .title.arrow_down::after {
  background-image: url("https://caterpillar.eventscase.com/img/arrow_down.svg");
  background-size: cover;
  content: "";
  display: inline-block;
  height: 8px;
  margin-top: -5px;
  margin-left: 10px;
  position: relative;
  width: 14px;
  vertical-align: middle;
}
#schedule .contenido .day_sessions .session .time_session {
  padding-right: 15px;
  vertical-align: middle;
  color: #555;
}
#schedule .contenido .day_sessions .session .time_session .time {
  vertical-align: middle;
}
#schedule .contenido .day_sessions .session .time_session .fui-time {
  font-size: 0.8em;
  vertical-align: middle;
}
#schedule .contenido .day_sessions .session .more_info {
  padding-top: 15px;
  display: none;
}
#schedule .contenido .day_sessions .session .more_info .speakers {
  margin-top: 30px;
  margin-bottom: 5px;
}
#schedule .contenido .day_sessions .session .more_info .speakers .title {
  font-weight: bold;
  font-size: 18px;
  padding-right: 15px;
}
#schedule .contenido .day_sessions .session .more_info .description {
  padding-top: 8px;
}
#schedule .contenido .day_sessions .session .more_info .speaker {
  width: 45px;
  height: 45px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
#schedule .contenido .day_sessions .session .more_info .speaker div {
  width: 45px;
  height: 45px;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100% ;
  -moz-border-radius: 100% ;
  -ms-border-radius: 100% ;
  -o-border-radius: 100% ;
  border-radius: 100% ;
  background-size: cover;
  background-position: middle;
}
#schedule .contenido .day_sessions .session .booked_session {
  color: #ffcd11;
  padding: 6px 15px;
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
}
#schedule .contenido .day_sessions .session .booked_session .booked {
  font-weight: bold;
}
#schedule .contenido .day_sessions .session .speaker-row {
  margin-top: 15px;
  margin-left: 15px;
  cursor: pointer;
}
@media (max-width: 768px) {
  #schedule .contenido .day_sessions .session .speaker-row {
    margin-left: 0px;
  }
}
#schedule .contenido .day_sessions .session .speaker-row .imgtobg {
  display: inline-block;
  float: left;
  width: 35px;
  height: 35px;
}
@media (max-width: 768px) {
  #schedule .contenido .day_sessions .session .speaker-row .imgtobg {
    margin-top: 13px;
  }
}
#schedule .contenido .day_sessions .session .speaker-row .speaker-row-info {
  display: inline-block;
  min-height: 35px;
  float: left;
  padding-top: 5px;
  padding-left: 10px;
  word-wrap: break-word;
}
@media (max-width: 768px) {
  #schedule .contenido .day_sessions .session .speaker-row .speaker-row-info {
    padding-top: 0px;
    margin-top: -5px;
  }
}
@media (max-width: 768px) {
  #schedule .contenido .day_sessions .session .speaker-row .speaker-row-info .company,
  #schedule .contenido .day_sessions .session .speaker-row .speaker-row-info .role {
    display: block;
  }
}
@media (max-width: 991px) {
  #schedule .room {
    margin-top: 5px;
  }
  #schedule .time_session {
    margin-top: 5px;
  }
  .title {
    display: inline!important;
  }
  .type {
    margin-right: 10px!important;
  }
  .type img {
    margin-bottom: 5px;
    margin-top: 0px;
    width: 26px;
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .type {
    margin-right: 10px!important;
  }
  .type img {
    margin-bottom: 5px;
    margin-top: 0px;
    width: 26px;
    margin-bottom: 0px;
  }
}
/***********************************************************************/
/*********** CONTACT US *****************************************************/
/***********************************************************************/
.contacts-2:after {
  background-color: #000000;
}
/***********************************************************************/
/*********** SPONSORS *****************************************************/
/***********************************************************************/
#sponsors,
#members {
  text-align: center;
  margin: -5px;
  padding: 25px 0 20px 0;
}
#sponsors .contenido,
#members .contenido {
  max-width: 978px;
  display: inline-block;
  width: 100%;
}
#sponsors .sponsor,
#members .sponsor {
  display: inline-block;
  margin: 10px 5px;
  max-width: 100%;
}
#sponsors .sponsor img,
#members .sponsor img {
  max-height: 150px;
  max-width: 100%;
}
/***********************************************************************/
/*********** MEDIA *****************************************************/
/***********************************************************************/
#media_section {
  margin: 20px -15px;
  padding: 20px 0;
  text-align: center;
}
#media_section .contenido {
  max-width: 978px;
  display: inline-block;
  width: 100%;
}
#media_section .contenido #media_content {
  margin: 0 15px;
  text-align: center;
}
#media_section .contenido #media_content .media_elem {
  float: none;
}
#media_section .contenido .name {
  font-weight: 200!important;
  font-size: 40px!important;
}
.media_elem {
  position: relative;
  border: 1px solid #EDEDED;
  background-color: #fff;
  width: 180px;
  height: 180px;
  margin: 17px;
  margin-bottom: 40px;
  -webkit-border-radius: 6px ;
  -moz-border-radius: 6px ;
  -ms-border-radius: 6px ;
  -o-border-radius: 6px ;
  border-radius: 6px ;
  display: inline-block;
}
.media_elem .content {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 6px ;
  -moz-border-radius: 6px ;
  -ms-border-radius: 6px ;
  -o-border-radius: 6px ;
  border-radius: 6px ;
}
.media_elem .content .dark {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.media_elem .content img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -37px;
  margin-top: -37px;
}
.media_elem .content .link {
  margin-left: -47px;
  margin-top: -26px;
}
.media_elem .content .rich {
  margin-top: -45px;
  magin-left: -36px;
}
.media_elem .hover_content {
  display: none;
  background-color: #51C7C4;
  padding: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-border-radius: 6px ;
  -moz-border-radius: 6px ;
  -ms-border-radius: 6px ;
  -o-border-radius: 6px ;
  border-radius: 6px ;
}
.media_elem .hover_content .content {
  background-color: #fff;
  color: #444;
  height: 138px;
  cursor: pointer;
  font-size: 12px;
  width: 100%;
  position: relative;
  padding: 15px;
}
.media_elem .hover_content .content > .delete {
  display: none;
}
.media_elem .hover_content .bottom {
  text-align: center;
  padding: 7px;
}
.media_elem .hover_content .bottom img {
  margin: 0 3px;
  cursor: pointer;
}
.media_elem .hover_content .bottom .edit {
  height: 17px;
}
.media_elem .embed {
  display: none;
}
.media_elem .name_media_elem {
  text-align: center;
  padding: 3px 0px;
  height: 42px;
  margin-top: 3px;
  font-size: 14px;
  line-height: 19px;
  overflow: hidden;
}
.media_elem.empty {
  border: 1px dashed #EDEDED !important;
}
.media_elem:hover .hover_content {
  display: block;
}
/***********************************************************************/
/*********** attend big horizontal *****************************************************/
/***********************************************************************/
#attend_big_horizontal {
  text-align: center;
}
#attend_big_horizontal .contenido {
  max-width: 978px;
  display: inline-block;
}
/***********************************************************************/
/*********** OTHER EVENTS *****************************************************/
/***********************************************************************/
#other_events {
  margin: 20px -15px;
  padding: 20px 0;
  text-align: center;
}
#other_events .contenido {
  max-width: 978px;
  display: inline-block;
  width: 100%;
}
#other_events .contenido > div.pk2 {
  display: inline-block;
  margin: 5px;
}
/***********************************************************************/
/*********** GROUPS *****************************************************/
/***********************************************************************/
#share_groups_popup {
  position: fixed;
  top: -400px;
  left: 25px;
  background-color: #fff;
  border: 1px solid #aaa;
  width: 327px;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
  padding: 20px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
#share_groups_popup strong {
  font-size: 16px;
}
#share_groups_popup .btn-default {
  padding-top: 6px;
  padding-bottom: 6px;
}
#share_groups_popup #close_icon {
  position: absolute;
  right: 25px;
  top: 15px;
  background-image: url("https://caterpillar.eventscase.com/img/delete_icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  z-index: 1060;
}
#share_groups_popup.visible {
  top: 65px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media (max-width: 978px) {
  #attending .users {
    margin: 0 15px!important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #topbar-content .container {
    width: auto;
  }
  #attendees {
    padding-top: 20px;
    margin-top: -20px;
  }
  .search_attendees {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0  !important;
    -moz-border-radius: 0  !important;
    -ms-border-radius: 0  !important;
    -o-border-radius: 0  !important;
    border-radius: 0  !important;
  }
  #content_sessions .session div.more_info,
  #content_sessions .session div.room,
  #content_sessions .session div.time_session {
    padding-left: 16px !important;
  }
  #content_sessions .session .time_session {
    padding-right: 15px;
  }
}
@media (min-width: 769px) {
  .login_signup {
    float: right!important;
    margin-right: 15px;
  }
}
@media (max-width: 768px) {
  .top_image {
    height: 500px;
  }
  .top_image h1 {
    font-size: 35px;
    font-weight: 400!important;
  }
  #event_basic_data_description .content {
    width: 100%!important;
  }
  #event_basic_data_description .description {
    width: 100%;
    overflow: hidden;
  }
  #event_basic_data_description .description table {
    width: 100%!important;
  }
  #event_logo {
    display: none;
  }
  #div_event_view_details .venue .icon {
    font-size: 23px!important;
    width: auto!important;
    margin-right: 8px!important;
    width: 26px!important;
    display: inline-block !important;
  }
  #div_event_view_details .venue .btn-location {
    display: none!important;
  }
  #attendees {
    padding-top: 0px;
    margin-top: -20px;
  }
  .search_attendees {
    text-align: center;
  }
  .search_attendees label {
    text-align: center;
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 27px;
  }
  .search_attendees input {
    width: 100%!important;
    max-width: 350px;
  }
  .search_attendees {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0  !important;
    -moz-border-radius: 0  !important;
    -ms-border-radius: 0  !important;
    -o-border-radius: 0  !important;
    border-radius: 0  !important;
  }
  #search_attendees {
    max-width: none!important;
    width: 100%!important;
  }
  .title_section h4 {
    font-size: 30px!important;
  }
  #content_sessions .session div.more_info,
  #content_sessions .session div.room,
  #content_sessions .session div.time_session {
    padding-left: 16px !important;
    text-align: left;
  }
  #content_sessions .session div.room,
  #content_sessions .session .time_session {
    text-align: left!important;
    font-weight: bold;
  }
  #content_sessions .session .time_session {
    padding-right: 15px;
  }
  #event_venue_time_info .eo_details,
  #event_venue_time_info .date,
  #event_venue_time_info .venue {
    padding: 15px 0!important;
  }
}
#content_sessions div.room {
  text-align: right;
}
#content_sessions .book_session {
  padding-top: 15px;
  text-align: center;
}
span.room {
  text-align: right;
  color: #555;
  vertical-align: middle;
}
span.room .icon {
  vertical-align: middle;
  font-size: 0.8em;
}
span.room .room_name {
  vertical-align: middle;
}
#event_password_wrapper {
  background-color: #2298D5;
  color: #fff !important;
  width: 100%;
  height: 100%;
  position: fixed;
}
#event_password_wrapper h1 {
  color: #fff;
  width: 100%;
  text-align: center;
}
#event_password_wrapper #main_box {
  width: 300px;
  margin: 0 auto;
  margin-top: 100px;
  font-size: 16px;
}
#event_password_wrapper #main_box p {
  font-size: 14px;
  width: 100%;
  text-align: center;
}
#event_password_wrapper #main_box input {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px ;
  -moz-border-radius: 4px ;
  -ms-border-radius: 4px ;
  -o-border-radius: 4px ;
  border-radius: 4px ;
  border: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#event_password_wrapper #main_box input[type="submit"] {
  margin-top: 5px;
}
#event_password_wrapper #main_box #pickevent_logo {
  margin-top: 30px;
  text-align: center;
}
/*****************************************************************/
/*********** WIDGET ATTENDEES ***********************************/
/*****************************************************************/
.widget_attendees {
  font-size: 14px;
}
.widget_attendees .section_title {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.widget_attendees #attending {
  padding: 0px;
}
.widget_attendees #attending .reason {
  padding-left: 20px;
  padding-right: 20px;
}
.widget_attendees #attending a.details {
  background-color: transparent!important;
}
@media (max-width: 768px) {
  .widget_attendees .search_attendees {
    height: 73px!important;
  }
  .widget_attendees .search_attendees input {
    width: 100%;
    padding-right: 120px;
  }
  .widget_attendees .search_attendees .btn-default {
    position: relative;
    float: right;
    top: -41px;
    padding-bottom: 9px;
    border-radius: 0px 4px 4px 0px;
    background-color: #f0f0f0 !important;
  }
}
@media (max-width: 480px) {
  .widget_attendees {
    font-size: 14px;
  }
  .widget_attendees #attendees {
    padding-bottom: 0px!important;
  }
  .widget_attendees .section_title {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .widget_attendees .search_attendees {
    height: 73px!important;
  }
  .widget_attendees .search_attendees input {
    width: 100%;
    padding-right: 120px;
  }
  .widget_attendees .search_attendees .btn-default {
    position: relative;
    float: right;
    top: -41px;
    padding-bottom: 9px;
    border-radius: 0px 4px 4px 0px;
    background-color: #f0f0f0 !important;
  }
  .widget_attendees #attending {
    padding: 0px;
  }
  .widget_attendees #attending .reason {
    padding-left: 20px;
    padding-right: 20px;
  }
  .widget_attendees #attending .reason .users {
    display: none;
  }
  .widget_attendees #attending .active {
    margin-bottom: 10px;
  }
  .widget_attendees #attending .active .users {
    display: block;
    max-height: 150px!important;
  }
  .widget_attendees #attending .reason_name {
    font-size: 16px;
  }
  .widget_attendees #attending .users {
    padding: 0px;
    margin: 0px 10px!important;
  }
  .widget_attendees #attending .users .user {
    text-align: center;
    width: 50%;
    height: 106px;
    margin-bottom: 18px;
    font-size: 14px;
  }
  .widget_attendees #attending .users .user a {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 0px;
    float: none;
  }
  .widget_attendees #attending .users .user a img {
    width: 40px;
    height: 40px;
  }
  .widget_attendees #attending .users .user .details {
    width: 100%;
  }
  .widget_attendees #attending .users .load_all {
    width: 100%;
  }
  .widget_attendees #attending .users .load_all span.icon {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
  }
}
.pklinks {
  font-size: 14px!important;
}
.pklinks > ul:before {
  background-color: black;
  position: relative;
  bottom: 0;
  content: "";
  display: inline-block;
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.pklinks > ul {
  left: 0;
  margin-left: 0;
  padding-left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: -1;
}
.pklinks > ul li {
  color: #fff;
  display: inline-block;
  list-style: none outside none;
  margin-right: 20px;
  padding: 15px;
}
.pklinks > ul li .icon {
  margin-right: 5px;
}
.pklinks > ul li .icon,
.pklinks > ul li .text_navbar {
  color: #fff;
}
.navbar-brand:hover .pklinks > ul {
  display: block;
}
.header_slider {
  background-color: #000000;
}
#sublinks_container {
  position: relative;
  z-index: 300;
}
.sublinks {
  margin-top: -5px;
  width: 100%;
  float: left;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  display: none;
  background-color: #000000;
  text-align: center;
}
.sublinks a {
  color: #fff;
  text-align: left;
  display: inline-block;
  padding: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}
#ul_event_links li a.mouseover {
  background-color: #000000;
}
body #modal-simple-sidebar {
  display: none;
  background: none !important;
}
body #sidebar-wrapper {
  -webkit-transition: margin 0.5s ease;
  -moz-transition: margin 0.5s ease;
  -o-transition: margin 0.5s ease;
  transition: margin 0.5s ease;
  margin-left: -250px;
  border-right: 1px solid #000000;
  z-index: 11000;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #000000;
}
body #sidebar-wrapper .sidebar-contents {
  padding: 15px 0;
}
body #sidebar-wrapper .sidebar-contents ul ul li a {
  padding-left: 30px;
}
body #sidebar-wrapper .sidebar-contents .active {
  background-color: #ffcd11;
}
body #sidebar-wrapper .sidebar-contents .language_container {
  padding: 12px 15px;
  text-align: left;
}
body #sidebar-wrapper .sidebar-contents .language_container .language_selector {
  float: none !important;
}
body #sidebar-wrapper .sidebar-contents .language_container .language_selector .dropdown-menu {
  left: 0;
}
body #sidebar-wrapper .sidebar-contents .language_container .language_selector .dropdown-menu a {
  color: #444 !important;
}
body #sidebar-wrapper .sidebar-contents li > a {
  text-align: left;
  display: block;
  padding: 12px 15px;
  border-bottom: 2px solid #000000;
  font-size: 0.9em;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
}
body.toggled-left {
  overflow-y: hidden;
}
body.toggled-left #sidebar-wrapper {
  -webkit-transition: margin 0.5s ease;
  -moz-transition: margin 0.5s ease;
  -o-transition: margin 0.5s ease;
  transition: margin 0.5s ease;
  margin-left: 0px;
}
.user_details_popup {
  min-width: 0px;
  max-width: none;
}
.user_details_popup .photo {
  width: 150px;
  height: 150px;
  position: relative;
  float: left;
  margin-right: 20px;
}
.user_details_popup .photo.photo-no-circle {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  -webkit-border-radius: 0% ;
  -moz-border-radius: 0% ;
  -ms-border-radius: 0% ;
  -o-border-radius: 0% ;
  border-radius: 0% ;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.user_details_popup .photo header img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-border-radius: 100% ;
  -moz-border-radius: 100% ;
  -ms-border-radius: 100% ;
  -o-border-radius: 100% ;
  border-radius: 100% ;
}
.user_details_popup .photo .user_type {
  height: 30px;
  position: absolute;
  right: 5px;
  top: 12px;
  width: 30px !important;
}
.user_details_popup .profile_info .name h1 {
  font-size: 18px!important;
  margin-top: 0px;
}
.user_details_popup .profile_info .follow_message a {
  color: #fff;
}
@media (min-width: 1023px) {
  .user_details_popup {
    min-width: 450px;
    max-width: 550px;
  }
}
#send_message_form,
#ask_form {
  overflow: hidden;
  height: 0px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
}
#send_message_form.active {
  height: 283px;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#ask_form.active {
  height: 224px;
  width: 100%;
}
@media (max-width: 768px) {
  .user_details_popup {
    min-width: 0px;
  }
  .user_details_popup .left_colum {
    text-align: center;
    padding: 0 40px!important;
    padding-bottom: 30px;
  }
  .user_details_popup .left_colum .photo {
    display: inline-block;
    float: none;
    margin-bottom: 15px;
  }
  .user_details_popup .profile_info {
    width: 100%;
    float: left;
    text-align: center;
  }
  .user_details_popup .location .icon {
    width: 18px;
    margin-right: 4px;
  }
}
.membership {
  /*
    http://www.cssportal.com/css-ribbon-generator/
    */
}
.membership.gold .ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.membership.gold .ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(yellow 0%, #B8B808 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
.membership.gold .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #B8B808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #B8B808;
}
.membership.gold .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #B8B808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #B8B808;
}
.membership.platinum .ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.membership.platinum .ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#E5E4E2 0%, #9C9B9A 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
.membership.platinum .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #9C9B9A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #9C9B9A;
}
.membership.platinum .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #9C9B9A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #9C9B9A;
}
.membership.bronze .ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.membership.bronze .ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#D18233 0%, #A86829 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
.membership.bronze .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #A86829;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #A86829;
}
.membership.bronze .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #A86829;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #A86829;
}