/* RESET
______________________________________________ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5, h6, .ui-widget {
  font-family: 'Montserrat', sans-serif;
  margin: 0px;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.table2 {
  border-collapse: collapse;
  border-spacing: 0;
}
table * {
  font-family: 'Arial', sans-serif!important;
}
p {
  margin:0;
}

/* COMPONENTES */
*:focus {
  outline: none!important;
}
.ui-shadow {
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
}
.ui-widget-content {
  border: none!important;
  background: transparent!important;
}
.ui-widget-content * {
  text-shadow: none!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
}
.ui-corner-all {
  -moz-border-radius: 0px!important;
  -webkit-border-radius: 0px!important;
  border-radius: 0px!important;
}
.ui-dialog .ui-dialog-content {
  padding: 0px!important;
  background: white!important;
}
.ui-button-text-only .ui-button-text,
.ui-panel .ui-panel-content,
.ui-panel, .fileupload-buttonbar {
  padding: 0px!important;
}
.contentRight .ui-state-default {
  background: transparent;
  border: none;
}
.ui-datatable-odd, .ui-datatable-even {
  background: white!important;
}
.ui-datatable tbody td {
  white-space: normal!important;
  vertical-align: middle;
}
.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 240px;
  top: 65%;
  margin-top: -8px;
}
.ui-paginator-pages *, ui-paginator-current {
  font-weight: normal!important;
  font-size: 16px!important;
}
.ui-accordion .ui-accordion-content {
  padding: 0px!important;
  margin-top: -1px!important;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
  background: #4DC2D0;
  padding: 4px;
  margin: 0px;
  width: 18px;
  text-align: center;
}
#ui-datepicker-div {
  background: white!important;
  padding: 10px;
  border-radius: 3px!important;
  box-shadow: 0 2px 10px -2px #B1B1B1!important;
  font-size: 12px;
}
a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all {
  margin: 8px 0 0;
}
.ui-datepicker .ui-datepicker-header {
  background: transparent!important;
  padding: 10px 5px 15px!important;
  border-bottom: 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  border: 1px solid #E5E5E5;
}
.ui-datepicker select.ui-datepicker-year {
  margin: 0 0 0 2%!important;
}
.ui-datepicker td a,
.ui-datepicker td a.ui-state-default.ui-state-active,
.ui-datepicker td a.ui-state-default.ui-state-highlight {
  padding: 10px 0 9px!important;
  background-color: transparent!important;
  display: block;
  width: 30px;
  color: #666!important;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}
.ui-datepicker td a.ui-state-default.ui-state-active{
  background-color: #E32F47!important;
}
.ui-datepicker td a.ui-state-default.ui-state-active {
  color: white!important;
}
.ui-datepicker .ui-timepicker-div dl {
  background: transparent;
  padding: 10px 5px 1px;
}
.ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label,
.ui-timepicker-div dl dd.ui_tpicker_time {
  font-weight: bold;
}
.ui_tpicker_hour_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all,
.ui_tpicker_minute_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #ADADAD!important;
  margin: 5px 0 0;
  height: 5px!important;
}
a.ui-slider-handle.ui-state-default.ui-corner-all {
  border: 1px solid #E32F47;
  background: #E32F47;
  border-radius: 15px!important;
  top: -5px;
  cursor: pointer;
  cursor: -webkit-grab;
}
a.ui-slider-handle.ui-state-default.ui-corner-all:active {
  cursor: -webkit-grabbing;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 20px 65px;
}
.ui-growl-item-container {
  opacity: 1!important;
  filter: alpha(opacity=100)!important;
}
.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
  padding: 0!important;
}
.ui-datatable .ui-datatable-header {
  padding: 10px 0 0!important;
}
.ui-autocomplete-panel {
  background: white!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  color: #666!important;
  background: white!important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible {
  background: #FFF!important;
  overflow: hidden;
  border-radius: 4px!important;
  -moz-border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  box-shadow: 0 5px 10px -5px #585858!important;
  -moz-box-shadow: 0 5px 10px -5px #585858!important;
  -webkit-box-shadow: 0 5px 10px -5px #585858!important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-dialog-content.ui-widget-content {
  padding: 0 20px 20px!important;
  line-height: 24px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .ui-dialog-content.ui-widget-content a {
  color: #E32F47;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible textarea {
  width: 98%;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .styledSelect {
  top: 8px;
  position: relative;
}
.ui-datepicker-today .ui-state-default.ui-state-highlight {
  color: #FFF!important;
}
.ui-password-panel {
  float: right;
  background: #9E9E9E!important;
  border: none!important;
  text-shadow: none;
}
.ui-password-panel {
  width: 100%!important;
  padding: 0!important;
  background: transparent!important;
}

.ui-password-panel .ui-password-info {
  color: white;
  font-size: 13px;
  float: right;
  margin: 0 0 15px;
}

.ui-password-panel .ui-password-meter {
  float: left;
  width: 50%;
  margin: 0 0 15px;
}
.invisible {
  visibility: hidden;
}
/* CSS DAVID
______________________________________________ */

.wrapperAuto960 {
  display: block;
  width: 100%;
  min-width: 960px;
  margin: 0 auto;
  position: relative;
}
.wrapperAuto {
  display: table;
  width: auto;
  margin: 0 auto 20px;
}

/* Icons
______________________ */
@font-face {
  font-family: 'octopush-admin';
  src:url('../resources/fonts/octopush-admin.eot?-ehbqbv');
  src:url('../resources/fonts/octopush-admin.eot?#iefix-ehbqbv') format('embedded-opentype'),
  url('../resources/fonts/octopush-admin.ttf?-ehbqbv') format('truetype'),
  url('../resources/fonts/octopush-admin.woff?-ehbqbv') format('woff'),
  url('../resources/fonts/octopush-admin.svg?-ehbqbv#octopush-admin') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'octopush-admin';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-header_logo:before {content: "\e600";}
.icon-header_logout:before {content: "\e601";}
.icon-ico_android:before {content: "\e602";}
.icon-ico_buscar:before {content: "\e603";}
.icon-ico_check:before {content: "\e604";}
.icon-ico_close:before {content: "\e605";}
.icon-ico_delete:before {content: "\e606";}
.icon-ico_edit:before {content: "\e607";}
.icon-ico_flecha_down:before {content: "\e608";}
.icon-ico_flecha_first:before {content: "\e609";}
.icon-ico_flecha_last:before {content: "\e60a";}
.icon-ico_flecha_left:before {content: "\e60b";}
.icon-ico_flecha_right:before {content: "\e60c";}
.icon-ico_flecha_thin_left:before {content: "\e60d";}
.icon-ico_flecha_thin_right:before {content: "\e60e";}
.icon-ico_flecha_up:before {content: "\e60f";}
.icon-ico_img:before {content: "\e610";}
.icon-ico_ios:before {content: "\e611";}
.icon-ico_more:before {content: "\e612";}
.icon-login_logo:before {content: "\e613";}
.icon-menu_ajustes:before {content: "\e614";}
.icon-menu_push:before {content: "\e615";}
.icon-menu_rich:before {content: "\e616";}
.icon-menu_users:before {content: "\e617";}
.icon-menu_volver:before {content: "\e618";}
.icon-file-empty:before {content: "\e619";}
.icon-files-empty:before {content: "\e61a";}
.icon-folder-download:before {content: "\e61b";}
.icon-history:before {content: "\e61c";}
.icon-mobile:before {content: "\e61d";}
.icon-tablet:before {content: "\e61e";}
.icon-spinner8:before {content: "\e61f";}
.icon-stats-dots:before {content: "\e620";}


@font-face {
  font-family: 'glyphicons-halflings-regular';
  src:url('../resources/fonts/glyphicons-halflings-regular.eot?-ehbqbv');
  src:url('../resources/fonts/glyphicons-halflings-regular.eot?#iefix-ehbqbv') format('embedded-opentype'),
  url('../resources/fonts/glyphicons-halflings-regular.ttf?-ehbqbv') format('truetype'),
  url('../resources/fonts/glyphicons-halflings-regular.woff?-ehbqbv') format('woff'),
  url('../resources/fonts/glyphicons-halflings-regular.svg?-ehbqbv#octopush-admin') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-halflings"], [class*=" icon-halflings"] {
  font-family: 'glyphicons-halflings-regular';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-halflings-uni2A:before {
  content: "\2a";
}
.icon-halflings-uni2B:before {
  content: "\2b";
}
.icon-halflings-uni20AC:before {
  content: "\20ac";
}
.icon-halflings-uni2212:before {
  content: "\2212";
}
.icon-halflings-uni2601:before {
  content: "\2601";
}
.icon-halflings-uni2709:before {
  content: "\2709";
}
.icon-halflings-uni270F:before {
  content: "\270f";
}
.icon-halflings-uniE001:before {
  content: "\e001";
}
.icon-halflings-uniE002:before {
  content: "\e002";
}
.icon-halflings-uniE003:before {
  content: "\e003";
}
.icon-halflings-uniE005:before {
  content: "\e005";
}
.icon-halflings-uniE006:before {
  content: "\e006";
}
.icon-halflings-uniE007:before {
  content: "\e007";
}
.icon-halflings-uniE008:before {
  content: "\e008";
}
.icon-halflings-uniE009:before {
  content: "\e009";
}
.icon-halflings-uniE010:before {
  content: "\e010";
}
.icon-halflings-uniE011:before {
  content: "\e011";
}
.icon-halflings-uniE012:before {
  content: "\e012";
}
.icon-halflings-uniE013:before {
  content: "\e013";
}
.icon-halflings-uniE014:before {
  content: "\e014";
}
.icon-halflings-uniE015:before {
  content: "\e015";
}
.icon-halflings-uniE016:before {
  content: "\e016";
}
.icon-halflings-uniE017:before {
  content: "\e017";
}
.icon-halflings-uniE018:before {
  content: "\e018";
}
.icon-halflings-uniE019:before {
  content: "\e019";
}
.icon-halflings-uniE020:before {
  content: "\e020";
}
.icon-halflings-uniE021:before {
  content: "\e021";
}
.icon-halflings-uniE022:before {
  content: "\e022";
}
.icon-halflings-uniE023:before {
  content: "\e023";
}
.icon-halflings-uniE024:before {
  content: "\e024";
}
.icon-halflings-uniE025:before {
  content: "\e025";
}
.icon-halflings-uniE026:before {
  content: "\e026";
}
.icon-halflings-uniE027:before {
  content: "\e027";
}
.icon-halflings-uniE028:before {
  content: "\e028";
}
.icon-halflings-uniE029:before {
  content: "\e029";
}
.icon-halflings-uniE030:before {
  content: "\e030";
}
.icon-halflings-uniE031:before {
  content: "\e031";
}
.icon-halflings-uniE032:before {
  content: "\e032";
}
.icon-halflings-uniE033:before {
  content: "\e033";
}
.icon-halflings-uniE034:before {
  content: "\e034";
}
.icon-halflings-uniE035:before {
  content: "\e035";
}
.icon-halflings-uniE036:before {
  content: "\e036";
}
.icon-halflings-uniE037:before {
  content: "\e037";
}
.icon-halflings-uniE038:before {
  content: "\e038";
}
.icon-halflings-uniE039:before {
  content: "\e039";
}
.icon-halflings-uniE040:before {
  content: "\e040";
}
.icon-halflings-uniE041:before {
  content: "\e041";
}
.icon-halflings-uniE042:before {
  content: "\e042";
}
.icon-halflings-uniE043:before {
  content: "\e043";
}
.icon-halflings-uniE044:before {
  content: "\e044";
}
.icon-halflings-uniE045:before {
  content: "\e045";
}
.icon-halflings-uniE046:before {
  content: "\e046";
}
.icon-halflings-uniE047:before {
  content: "\e047";
}
.icon-halflings-uniE048:before {
  content: "\e048";
}
.icon-halflings-uniE049:before {
  content: "\e049";
}
.icon-halflings-uniE050:before {
  content: "\e050";
}
.icon-halflings-uniE051:before {
  content: "\e051";
}
.icon-halflings-uniE052:before {
  content: "\e052";
}
.icon-halflings-uniE053:before {
  content: "\e053";
}
.icon-halflings-uniE054:before {
  content: "\e054";
}
.icon-halflings-uniE055:before {
  content: "\e055";
}
.icon-halflings-uniE056:before {
  content: "\e056";
}
.icon-halflings-uniE057:before {
  content: "\e057";
}
.icon-halflings-uniE058:before {
  content: "\e058";
}
.icon-halflings-uniE059:before {
  content: "\e059";
}
.icon-halflings-uniE060:before {
  content: "\e060";
}
.icon-halflings-uniE062:before {
  content: "\e062";
}
.icon-halflings-uniE063:before {
  content: "\e063";
}
.icon-halflings-uniE064:before {
  content: "\e064";
}
.icon-halflings-uniE065:before {
  content: "\e065";
}
.icon-halflings-uniE066:before {
  content: "\e066";
}
.icon-halflings-uniE067:before {
  content: "\e067";
}
.icon-halflings-uniE068:before {
  content: "\e068";
}
.icon-halflings-uniE069:before {
  content: "\e069";
}
.icon-halflings-uniE070:before {
  content: "\e070";
}
.icon-halflings-uniE071:before {
  content: "\e071";
}
.icon-halflings-uniE072:before {
  content: "\e072";
}
.icon-halflings-uniE073:before {
  content: "\e073";
}
.icon-halflings-uniE074:before {
  content: "\e074";
}
.icon-halflings-uniE075:before {
  content: "\e075";
}
.icon-halflings-uniE076:before {
  content: "\e076";
}
.icon-halflings-uniE077:before {
  content: "\e077";
}
.icon-halflings-uniE078:before {
  content: "\e078";
}
.icon-halflings-uniE079:before {
  content: "\e079";
}
.icon-halflings-uniE080:before {
  content: "\e080";
}
.icon-halflings-uniE081:before {
  content: "\e081";
}
.icon-halflings-uniE082:before {
  content: "\e082";
}
.icon-halflings-uniE083:before {
  content: "\e083";
}
.icon-halflings-uniE084:before {
  content: "\e084";
}
.icon-halflings-uniE085:before {
  content: "\e085";
}
.icon-halflings-uniE086:before {
  content: "\e086";
}
.icon-halflings-uniE087:before {
  content: "\e087";
}
.icon-halflings-uniE088:before {
  content: "\e088";
}
.icon-halflings-uniE089:before {
  content: "\e089";
}
.icon-halflings-uniE090:before {
  content: "\e090";
}
.icon-halflings-uniE091:before {
  content: "\e091";
}
.icon-halflings-uniE092:before {
  content: "\e092";
}
.icon-halflings-uniE093:before {
  content: "\e093";
}
.icon-halflings-uniE094:before {
  content: "\e094";
}
.icon-halflings-uniE095:before {
  content: "\e095";
}
.icon-halflings-uniE096:before {
  content: "\e096";
}
.icon-halflings-uniE097:before {
  content: "\e097";
}
.icon-halflings-uniE101:before {
  content: "\e101";
}
.icon-halflings-uniE102:before {
  content: "\e102";
}
.icon-halflings-uniE103:before {
  content: "\e103";
}
.icon-halflings-uniE104:before {
  content: "\e104";
}
.icon-halflings-uniE105:before {
  content: "\e105";
}
.icon-halflings-uniE106:before {
  content: "\e106";
}
.icon-halflings-uniE107:before {
  content: "\e107";
}
.icon-halflings-uniE108:before {
  content: "\e108";
}
.icon-halflings-uniE109:before {
  content: "\e109";
}
.icon-halflings-uniE110:before {
  content: "\e110";
}
.icon-halflings-uniE111:before {
  content: "\e111";
}
.icon-halflings-uniE112:before {
  content: "\e112";
}
.icon-halflings-uniE113:before {
  content: "\e113";
}
.icon-halflings-uniE114:before {
  content: "\e114";
}
.icon-halflings-uniE115:before {
  content: "\e115";
}
.icon-halflings-uniE116:before {
  content: "\e116";
}
.icon-halflings-uniE117:before {
  content: "\e117";
}
.icon-halflings-uniE118:before {
  content: "\e118";
}
.icon-halflings-uniE119:before {
  content: "\e119";
}
.icon-halflings-uniE120:before {
  content: "\e120";
}
.icon-halflings-uniE121:before {
  content: "\e121";
}
.icon-halflings-uniE122:before {
  content: "\e122";
}
.icon-halflings-uniE123:before {
  content: "\e123";
}
.icon-halflings-uniE124:before {
  content: "\e124";
}
.icon-halflings-uniE125:before {
  content: "\e125";
}
.icon-halflings-uniE126:before {
  content: "\e126";
}
.icon-halflings-uniE127:before {
  content: "\e127";
}
.icon-halflings-uniE128:before {
  content: "\e128";
}
.icon-halflings-uniE129:before {
  content: "\e129";
}
.icon-halflings-uniE130:before {
  content: "\e130";
}
.icon-halflings-uniE131:before {
  content: "\e131";
}
.icon-halflings-uniE132:before {
  content: "\e132";
}
.icon-halflings-uniE133:before {
  content: "\e133";
}
.icon-halflings-uniE134:before {
  content: "\e134";
}
.icon-halflings-uniE135:before {
  content: "\e135";
}
.icon-halflings-uniE136:before {
  content: "\e136";
}
.icon-halflings-uniE137:before {
  content: "\e137";
}
.icon-halflings-uniE138:before {
  content: "\e138";
}
.icon-halflings-uniE139:before {
  content: "\e139";
}
.icon-halflings-uniE140:before {
  content: "\e140";
}
.icon-halflings-uniE141:before {
  content: "\e141";
}
.icon-halflings-uniE142:before {
  content: "\e142";
}
.icon-halflings-uniE143:before {
  content: "\e143";
}
.icon-halflings-uniE144:before {
  content: "\e144";
}
.icon-halflings-uniE145:before {
  content: "\e145";
}
.icon-halflings-uniE146:before {
  content: "\e146";
}
.icon-halflings-uniE148:before {
  content: "\e148";
}
.icon-halflings-uniE149:before {
  content: "\e149";
}
.icon-halflings-uniE150:before {
  content: "\e150";
}
.icon-halflings-uniE151:before {
  content: "\e151";
}
.icon-halflings-uniE152:before {
  content: "\e152";
}
.icon-halflings-uniE153:before {
  content: "\e153";
}
.icon-halflings-uniE154:before {
  content: "\e154";
}
.icon-halflings-uniE155:before {
  content: "\e155";
}
.icon-halflings-uniE156:before {
  content: "\e156";
}
.icon-halflings-uniE157:before {
  content: "\e157";
}
.icon-halflings-uniE158:before {
  content: "\e158";
}
.icon-halflings-uniE159:before {
  content: "\e159";
}
.icon-halflings-uniE160:before {
  content: "\e160";
}
.icon-halflings-uniE161:before {
  content: "\e161";
}
.icon-halflings-uniE162:before {
  content: "\e162";
}
.icon-halflings-uniE163:before {
  content: "\e163";
}
.icon-halflings-uniE164:before {
  content: "\e164";
}
.icon-halflings-uniE165:before {
  content: "\e165";
}
.icon-halflings-uniE166:before {
  content: "\e166";
}
.icon-halflings-uniE167:before {
  content: "\e167";
}
.icon-halflings-uniE168:before {
  content: "\e168";
}
.icon-halflings-uniE169:before {
  content: "\e169";
}
.icon-halflings-uniE170:before {
  content: "\e170";
}
.icon-halflings-uniE171:before {
  content: "\e171";
}
.icon-halflings-uniE172:before {
  content: "\e172";
}
.icon-halflings-uniE173:before {
  content: "\e173";
}
.icon-halflings-uniE174:before {
  content: "\e174";
}
.icon-halflings-uniE175:before {
  content: "\e175";
}
.icon-halflings-uniE176:before {
  content: "\e176";
}
.icon-halflings-uniE177:before {
  content: "\e177";
}
.icon-halflings-uniE178:before {
  content: "\e178";
}
.icon-halflings-uniE179:before {
  content: "\e179";
}
.icon-halflings-uniE180:before {
  content: "\e180";
}
.icon-halflings-uniE181:before {
  content: "\e181";
}
.icon-halflings-uniE182:before {
  content: "\e182";
}
.icon-halflings-uniE183:before {
  content: "\e183";
}
.icon-halflings-uniE184:before {
  content: "\e184";
}
.icon-halflings-uniE185:before {
  content: "\e185";
}
.icon-halflings-uniE186:before {
  content: "\e186";
}
.icon-halflings-uniE187:before {
  content: "\e187";
}
.icon-halflings-uniE188:before {
  content: "\e188";
}
.icon-halflings-uniE189:before {
  content: "\e189";
}
.icon-halflings-uniE190:before {
  content: "\e190";
}
.icon-halflings-uniE191:before {
  content: "\e191";
}
.icon-halflings-uniE192:before {
  content: "\e192";
}
.icon-halflings-uniE193:before {
  content: "\e193";
}
.icon-halflings-uniE194:before {
  content: "\e194";
}
.icon-halflings-uniE195:before {
  content: "\e195";
}
.icon-halflings-uniE197:before {
  content: "\e197";
}
.icon-halflings-uniE198:before {
  content: "\e198";
}
.icon-halflings-uniE199:before {
  content: "\e199";
}
.icon-halflings-uniE200:before {
  content: "\e200";
}

/* Alertas
______________________ */
.ui-growl {
  max-width: 270px;
}
.ui-growl .ui-state-highlight {
  background: #FFF!important;
  overflow: hidden;
  color: #CE2437!important;
  font-size: 14px;
  line-height: 18px;
  border: none;
  text-shadow: none!important;
  border-radius: 4px!important;
  -moz-border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  box-shadow: 0 5px 10px -5px #585858!important;
  -moz-box-shadow: 0 5px 10px -5px #585858!important;
  -webkit-box-shadow: 0 5px 10px -5px #585858!important;
}
.ui-growl .ui-state-highlight {
  background: #F9B11E!important;
  color: #111!important;
}
.ui-growl-image {
  display: none!important;
}
.ui-growl-message,
.ui-growl-title{
  padding: 0!important;
  float: none!important;
  width: auto!important;
}
.ui-growl-item {
  padding: 10px 15px!important;
}
.ui-growl-item:hover {
  padding-right: 25px!important;
}
.ui-growl-image-info {
}
.ui-growl .ui-icon.ui-icon-closethick {
  margin: 0 10px 0 0!important;
  transform: translate(0,-50%);
  position: absolute;
  top: 50%;
}
/* LINKS */
a, a.visited {
  text-decoration: none;
  color: white;
}
a:hover {
  text-decoration: underline;
}
/* TRANSITIONS CSS3 */
button, button:hover, button:active,
ul.menu li div.btn, ul.menu li div.btn.on,
.headRight div.addApps, .headRight div.addApps:hover,
.activePopUp, .activePopUp:hover,
.ui-icon.ui-icon-closethick, .ui-icon.ui-icon-closethick:hover,
.wrapBtnEditarEnvio, .wrapBtnEditarEnvio:hover,
.wrapBtnReenviarRich, .wrapBtnReenviarRich:hover,
tr.ui-widget-content, tr.ui-widget-content:hover,
.sidebar ul.menu li ul li, .sidebar ul.menu li ul li:hover,
.sidebar:before,
.ui-icon, .ui-icon:hover,
.sidebar:hover, .sidebar,
.contentRight:hover, .contentRight,
.contentRight .ui-chkbox .ui-chkbox-box,
.contentRight .ui-radiobutton .ui-radiobutton-box,
.contentRight .ui-chkbox .ui-chkbox-box.active,
.contentRight .ui-radiobutton .ui-radiobutton-box.active,
#tiposPlantillas table.ui-datagrid-data:hover tr,
#tiposPlantillas table.ui-datagrid-data:hover tr:hover,
#tiposPlantillas table.ui-datagrid-data:hover tr:hover *,
#listadoIdiomaAplicacion .ui-datatable-tablewrapper tr:hover table{
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.headRight div.addApps:active {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

/* TRANSITIONS NEGADAS
______________________________________________ */
.ui-chkbox-icon.ui-icon {
  transition: none 0s ease 0s ;
}
/* LOGIN
______________________________________________ */
body.login {
  background: url("../resources/img/login_background.jpg") no-repeat scroll center center transparent;
  background-size: cover;
  width: -moz-calc(100% - 64px);
  width: -webkit-calc(100% - 64px);
  width: calc(100% - 64px);
  height: -moz-calc(100% - 64px);
  height: -webkit-calc(100% - 64px);
  height: calc(100% - 64px);
  min-height: -moz-calc(100% - 64px);
  min-height: -webkit-calc(100% - 64px);
  min-height: calc(100% - 64px);
  display: block;
  margin: 30px;
  border: 2px solid white;
}
body.login:before {
  /*content: '';
  background: url("../resources/img/login_background.jpg") no-repeat fixed center center #E32F47; */
  background-color: black;
  background-size: cover;
  background-blend-mode: hard-light;
  mix-blend-mode: hard-light;
  height: -moz-calc(100% + 64px);
  height: -webkit-calc(100% + 64px);
  height: calc(100% + 64px);
  min-width: 400px;
  max-width: 400px;
  position: absolute;
  top: -32px;
  left: -32px;
  z-index: -1;
}
body.login .page-wrap,
body.login .page-wrap form#frmLogin {
  position: relative;
  margin: 0;
  padding: 0;
}
body.login .page-wrap:after {
  height: 0;
}
.portadaLogin, .portadaRegistro {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0;
}
body.login .page-wrap, body.login .page-wrap form#frmLogin,
body.login .page-wrap form#frmLogin .portadaLogin,
body.login .page-wrap form#frmLogin .portadaLogin .formulario {
  height: calc(100vh - 64px);
  clear: both;
}
.portadaLogin .info, .portadaRegistro .info {
  width: 400px;
  margin: -32px 0 0 -32px;
  float: left;
  color: #FFF;
  position: absolute;
}
.info .logoH1,
.info p {
  /*font-family: 'Georgia', serif;*/
}
.info .logoH1 {
  font-size: 80px;
  padding: 70px 70px 15px;
}
.info p {
  padding: 0 80px 20px 70px;
  font-size: 18px;
  line-height: 120%;
}
.portadaLogin .formulario, .portadaRegistro .formulario {
  width: -moz-calc(100% - 400px);
  width: -webkit-calc(100% - 400px);
  width: calc(100% - 400px);
  height: 100%;
  max-width: 350px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.portadaLogin .formulario > div, .portadaRegistro .formulario > div {
  display: table-cell;
  vertical-align: middle;
}
.formulario .oneCol {
  width: 100%;
  float: left;
}
.formulario .oneCol label {
  display: block;
}
.formulario .oneCol input {
  border: 0!important;
  box-shadow: none!important;
  background: #FFF!important;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  float: left;
  margin: 10px 0px!important;
  padding: 10px!important;
  font-family: arial;
  font-size: 13px;
}
.oneCol button {
  text-shadow: none!important;
  margin: 20px 0!important;
}
body.login .oneCol button {
  width: 100%;
  margin: 10px 0 20px!important;

  color: #E32F47;
  border: none;
  background: white;

  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
}
body.login .oneCol button:hover {
  color: white;
  background: #E32F47;
}
body.login h2,body.login .oneCol > span,body.login span.oneCol > label{
  color: #FFF;
}
body.login h2 {
  font-size: 30px;
  margin: 0 0 20px;
}
body.login .formulario .oneCol {
  margin: 10px 0 0;
}
body.login .formulario .oneCol input {
  color: white;
  padding: 12px 10px!important;
  background: transparent!important;
  border: 1px solid white!important;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
}

/* HEAD
______________________________________________ */

.container-head {
  background: #DCDCDC;
  height: 83px;
}
.headLeft {
  width: 300px;
  height: 84px;
  float: left;
  background: #E32F47;
  color: white;
  position: relative;
}
.headLeft .logo {
  display: block;
  float: left;
}
.headLeft span.icon-header_logo {
  float: left;
  display: block;
  font-size: 45px;
  margin: 20px 10px 0 20px;
}
.headLeft span.icon-header_logo:hover {
  color: #810000;
}
.headLeft .user {
  float: left;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.headLeft span#userName {
  margin: 15px 0 5px;
  display: block;
}
.headLeft p.userID {
  color: #810000;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.headLeft a#lnkLogout {
  float: right;
  color: #810000;
  font-size: 18px;
  border-left: 1px solid #CF2538;
  padding: 15px 25px;
  margin: 18px 0 0 0;
}
.headLeft a#lnkLogout:hover,
.headLeft .logo:hover {
  text-decoration: none;
  color: white;
}
a.lnkOlvPass {
    display: block;
    margin: 0 0 30px;
    text-align: center;
    letter-spacing: .75px;
}

a.lnkOlvPass span {
  text-decoration: underline;
}
.headRight {
  width: 75%;width:
  -moz-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  height: 83px;
  float: left;
  background: #262626;
  border-bottom: 1px solid #262626;
}
.headRight h1 {
  float: left;
  width: -moz-calc(100% - 205px);
  width: -webkit-calc(100% - 205px);
  width: calc(100% - 210px);
  line-height: 83px;
  text-align: center;
  font-size: 24px;
  color: #FFF;
}
.headRight form#gestionAppsForm1 {
  float: right;
}
.headRight div.addApps {
  padding: 0 20px;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  margin: 23px 20px 0 0;
  background: #E32F47;
  color: #FFF;
}
.headRight div.addApps:hover {
  background: #CE2437;
}
.headRight div.addApps:active {
  box-shadow: 0 2px 2px 0 #444;
  -moz-box-shadow: 0 2px 2px 0 #444;
  -webkit-box-shadow: 0 2px 2px 0 #444;
}
.headRight div.addApps h3 {
  margin: 2px 0 0;
}
.headRight div.addApps h3:before {
  content: "\e612";
  color: #FFF;
  font-family: 'octopush-admin'!important;
  font-size: 12px;
  font-weight: 100;
  float: left;
  display: block;
  margin: 0 10px 0 0;
}
.headRight div.addApps span {
  display: block;
  height: 24px;
  width: 24px;
  left: 20px;
  float: left;
  margin: 0 20px 0 0;
}
/* HEAD 30-70
______________________________________________ */
body.conSidebar .headRight {
}
.menuDesplegable {
  height: 83px;
  color: white;
}
.menuDesplegable .wrapperInfo {
  float: left;
  width: 99%;
  padding: 0 1% 0 0;
  position: relative;
}
.menuDesplegable .thumbApp {
  width: 83px;
  height: 83px;
  display: inline-block;
  float: left;
  margin: 0 20px 0 0;
  overflow: hidden;
}
.menuDesplegable .thumbApp img {
  height: 83px;
  width: auto;
}
.menuDesplegable h2.nombreApp {
  color: white;
  padding: 15px 20px 5px;
  margin: 5px 0 0 0;
  font-size: 22px;
}
.menuDesplegable span.desarrollo {
  text-transform: uppercase;
  color: #FFA202;
  font-size: 12px;
  margin: 5px 0 0 0;
  display: inline-block;
}
.menuDesplegable span.refApp {
  font-size: 12px;
  float: right;
  margin: -20px 10px 0 0;
}
.menuDesplegable span.plataformaApp {
  display: block;
  height: 20px;
  width: 75px;
  float: right;
  margin: 0 10px 0 0;
}
.menuDesplegable span.plataformaAndroid, 
.menuDesplegable span.plataformaiOs,
.menuDesplegable span.plataformaBB, 
.menuDesplegable span.plataformaiOsCaduca, 
.menuDesplegable span.plataformaiOsCaducaYa,
.menuDesplegable span.plataformaWindows {
  font-family: 'octopush-admin'!important;
  font-size: 22px;
  color: #D2D2D2;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
ul.listadoApps li .detalleApp span.plataformaAndroid:before,
.menuDesplegable span.plataformaAndroid:before {
  content: "\e602";
}
ul.listadoApps li .detalleApp span.plataformaiOs:before,
.menuDesplegable span.plataformaiOs:before,
.menuDesplegable span.plataformaiOsCaduca:before{
  content: "\e611";
}
ul.listadoApps li .detalleApp span.plataformaiOsCaducaYa:before,
.menuDesplegable span.plataformaiOsCaducaYa:before {
  content: "\e611";
}
ul.listadoApps li .detalleApp span.plataformaWindows:before,
.menuDesplegable span.plataformaWindows:before {
  content: "\eac2";
}
ul.listadoApps li .detalleApp span.plataformaBB {
  /* PLATAFORMA BLACKBERRY */
}
ul.listadoApps li .detalleApp span.plataformaiOsCaduca,
.menuDesplegable span.plataformaiOsCaduca {
  color: #FD8547;
}
ul.listadoApps li .detalleApp span.plataformainfocaducada,
.menuDesplegable span.plataformainfocaducada {
  color: #810000;
}
ul.listadoApps li .detalleApp span.plataformaiOsCaducaYa,
.menuDesplegable span.plataformaiOsCaducaYa{
  color: #E32F47;
}
.menuDesplegable span.plataformaAndroid {
}
.menuDesplegable span.plataformaiOs {
}
.menuDesplegable span.plataformaiOsCaduca {
}
.menuDesplegable span.plataformaBB {
}
.menuDesplegable .controlAndroid,
.menuDesplegable .controliOs, 
.menuDesplegable .controlWindows {
  float: right;
  margin: 5px 12px 0 0px;
  color: #D2D2D2;
  cursor: context-menu;
  font-size: 14px;
  line-height: 16px;
}

/* CONTENIDO FULL WIDE
______________________________________________ */

.zonaFiltrado {
  padding: 10px 2%;
  background: #FAFAFA;
  border-bottom: 1px solid #E5E5E5;
}
.zonaFiltrado p {
  margin: 0 15px 0 0;
  line-height: 30px;
  font-size: 12px;
  color: #B4B4B4;
  display: block;
  float: left;
}
.zonaFiltrado .ordenarPor, .zonaFiltrado .filtrarPor, .zonaFiltrado .buscador {
  float: left;
  width: 33%;
  margin: 6px 0 0;
}
.zonaFiltrado .filtrarPor > div {
  margin: 0 auto;
  display: table;
}

.zonaFiltrado .buscador{
  float:right;
  margin: 0;
}

.zonaFiltrado .buscador button {
  position: absolute;
  right: 1.5%;
  top: 16px;
  font-family: 'octopush-admin'!important;
}
.zonaFiltrado .buscador button:after {
  content: '\e603';
  font-size: 16px;
  color: #D8D8D8;
}

.zonaFiltrado .buscador .ui-inputfield{
  width:70%;
  float: right;
}

.zonaFiltrado .ui-selectonemenu,
.zonaFiltrado .ui-selectonemenu label{
  width: auto!important;
  background: transparent!important;
  padding: 0!important;
  margin: 0!important;
  border: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}
.zonaFiltrado .ui-selectonemenu label + .ui-selectonemenu-trigger {
  display: none;
}
.zonaFiltrado .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
.zonaFiltrado .ui-selectonemenu label {
  font-size: 14px!important;
  margin: 5px 20px 0 0!important;
  color: #4A4F55!important;
  background: transparent!important;
  border: none!important;
  cursor: pointer!important;
  font-weight: normal!important;

  text-shadow: none!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
}
.zonaFiltrado .ui-selectonemenu label{
  margin: 7px 20px 0 0!important;
}
.ui-selectonemenu-panel {
  background: #FFF!important;
  padding: 0 50px 0 5px;
  border-radius: 3px!important;
  box-shadow: 0 2px 10px -2px #B1B1B1!important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  font-size: 13px;
  padding: 0!important;
  margin: 6px 25px 9px 10px!important;
  background: transparent!important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight {
  color: #E32F47;
}

.zonaFiltrado .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover,
.zonaFiltrado .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.active {
  color: #E32F47!important;
}

.zonaFiltrado .styledSelect {
  border: none;
  width: auto;
  margin: 0;
  background: transparent;
}
.zonaFiltrado .styledSelect:after {
  display: none;
}

.styledSelect {
  position: relative;
  font-size: 14px;
  margin-right: 6px;
  padding-right: 5px;
  color: #666;
  font-weight: normal;
  cursor: pointer;
  float: left;
  border: 1px solid #E5E5E5;
  background: white;
  overflow: hidden;
  width: 88px;
  z-index: 0;
  border-radius: 4px;
  height:37px;

  text-shadow: none!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
}
.styledSelect select {
  background: transparent!important;
  border: none!important;
  padding: 2px 15px 1px 5px;
  margin: 0px;
  color: #333;
  font-size: 12px;
  min-width: 150%;
  line-height: 16px!important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-appearance: none!important;
  cursor: pointer;
}
.styledSelect select option { font-family: 'Montserrat',sans-serif; }
#preferenciasLoad .label, #preferenciasLoad .label span {
  color: #333;
  font-family: 'Montserrat', sans-serif!important;
  font-size: 12px;
}
#selectIdiomaDefecto.styledSelect, .bgGris .styledSelect#selectMensaje {
  width: 170px;
  width: calc(50% - 60px);
  position: relative;
  top: 7px;
}
#selectIdiomaDefecto.styledSelect {
  top: 0;
}
#idiomaLoad .label-arial12 {
  float: left;
  margin: 14px 5px 0 0;
}

#listadoIdiomaAplicacion table table td {
  border: none!important;
  padding: 0!important;
}

#listadoIdiomaAplicacion table table {
  margin: 0;
  text-align: center;
}

#listadoIdiomaAplicacion .ui-datatable-tablewrapper tr:hover td {
  padding: 15px 10px 0!important;
}

#listadoIdiomaAplicacion .ui-datatable-tablewrapper tr:hover table {
  position: relative;
  top: -20px;
}

#listadoIdiomaAplicacion .wrapBtnEditarEnvio a {
  color: #E42C48;
}

.bgGris .styledSelect#selectMensaje {
  top: -5px;
  margin-bottom: -15px;
  margin-right: 15px;
}
.styledSelect:after {
  content: "\e608";
  font-family: 'octopush-admin'!important;
  font-size: 7px;
  font-weight: 100;
  position: absolute;
  color: #A9A9A9;
  line-height: 10px;
  background: white;
  padding: 0 10px 0 5px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: -1;
}
.bgGris .styledSelect#selectMensaje + .ui-chkbox.ui-widget {
  margin: 0;
}
.invitar-perfil .label-arial12 {
  float: left;
  padding-right: 8px;
  padding-top: 12px;
}
.invitar-perfil { margin-left: 15px; }
.bgGris .styledSelect {
  float: none;
  display: inline-block;
}
.bgGris .styledSelect select {
  padding: 10px 15px 9px 5px;
}
.hasDatepicker, .ui-inputmask, .ui-inputtext, .ui-inputfield {
  border: 1px solid #E5E5E5!important;
  background: #FFF!important;
  min-width: 28px;
  text-align: center;
  margin: 0 15px 0 0!important;
  padding: 10px 5px!important;
}
.ui-inputtext {
  text-align: left;
  margin: 0 15px!important;
}
.ui-inputfield {
  margin: 0 4px!important;
  text-align: left;
}
#idiomaTradLoad button {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  color: #999;
  font-size: 25px;
  font-weight: 300;
  height: 39px;
  width: 39px;
  padding: 0;
}
#idiomaTradLoad button:hover {

}
#idiomaTradLoad button span {
  line-height: 1px;
  padding: 0;
}
#idiomaTradLoad .styledSelect {
  border: 1px solid #ccc;
  float: right;
}
.wrapBtnEditarEnvio {
  opacity: 0;
  overflow: hidden;
  height: 0px;
}

.wrapBtnEditarEnvio button {
  background: transparent!important;
  text-transform: none!important;
  float: left!important;
  border: none!important;
  color: #E32F47!important;
  margin: 0 0 10px!important;
  padding: 0px 15px 0 0!important;
  font-size: 12px!important;
}

td .contentRight button.ui-state-default {
  border: none;
}

.wrapBtnEditarEnvio button:hover {
  text-decoration: underline;
}

.wrapBtnReenviarRich {
  opacity: 0;
  overflow: hidden;
  height: 0px;
}

.wrapBtnReenviarRich button {
  background: transparent!important;
  text-transform: none!important;
  float: left!important;
  color: #09A!important;
  margin: 0 0 10px!important;
  padding: 0px 15px 0 0!important;
  font-size: 12px!important;
}

.wrapBtnReenviarRich button:hover {
  text-decoration: underline;
}

#listadoMensaje tr.ui-widget-content > td:nth-child(2),
#listadoMensaje tr.ui-widget-content > td:first-child, #mensajeNotificacion .ui-editable-column.detalleMensaje {
  word-break: break-all;
  word-wrap: break-word;
}
#destinatarios button { top: 1px; }
#preferenciasLoad .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button .ui-icon-plusthick {
  display: none;
}
#preferenciasLoad .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button .ui-button-text.ui-c {
  font-family: 'Montserrat',sans-serif;
}
#preferenciasLoad .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button {
  text-transform: none;
  border: none;
  padding: 0;
}
.mensaje-modo-asociacion > span {
  color: #333333;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
  display: block;
}
#destinatarios .ui-fileupload.ui-widget {
  float: right;
  margin: -20px 0 0;
  max-height: 15px;
}
.mensaje-modo-asociacion {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.6) !important;
  border: 1px dashed #E2E2E2 !important;
  margin: 20px;
  padding: 10px !important;
}
#destinatarios .mensaje-modo-asociacion {
  margin: 20px 0 0;
  padding: 15px 15px 0!important;
}
hr.dashed {background: transparent; border:none; border-bottom: 1px dashed #DCDCDC; margin: 20px 0; }

.zonaApps {
  padding: 20px 0;
  background: #F7F7F7;
}
ul.listadoApps li {
  float: left;
  height: 200px;
  background: #E5E5E5;
  margin: 0 30px 20px 0;
  border: 1px solid #E5E5E5;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0px 2px 4px 0px #E8E8E8!important;
  -moz-box-shadow: 0px 2px 4px 0px #E8E8E8!important;
  -webkit-box-shadow: 0px 2px 4px 0px #E8E8E8!important;
}
ul.listadoApps li.last {
  margin: 0 0 20px 0;
}
ul.listadoApps li .thumbApp{
  float: left;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

ul.listadoApps li .detalleApp {
  float: left;
  width: -moz-calc(100% - 201px);
  width: -webkit-calc(100% - 201px);
  width: calc(100% - 201px);
  border-left: 1px solid #E5E5E5;
  height: 200px;
  overflow: hidden;
  background: white;
}

ul.listadoApps li .thumbApp {
}
ul.listadoApps li .thumbApp img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  position:relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

ul.listadoApps li .detalleApp {
  color: white;
  position: relative;
}
ul.listadoApps li .detalleApp h2.nombreApp {
  margin: 15px 15px 0;
  font-size: 22px;
  word-wrap: break-word;
  max-height: 65px;
  overflow: hidden;
}
ul.listadoApps li .detalleApp h2.nombreApp a {
  color: #4A4F55;
}
ul.listadoApps li .detalleApp h2.nombreApp a:hover {
  color: #E32F47;
  text-decoration: none;
}
ul.listadoApps li .detalleApp span.testeo,
ul.listadoApps li .detalleApp span.desarrollo,
ul.listadoApps li .detalleApp span.publicada {
  text-transform: uppercase;
  color: #FFA202;
  font-size: 12px;
  padding: 4px 4px 2px;
  margin: 10px;
  display: inline-block;
}

ul.listadoApps li .detalleApp .wrapperPlataformas {
  display: block;
  margin: 0 0 0 15px;
  position: absolute;
  bottom: 60px;
}
ul.listadoApps li .detalleApp span.plataformaAndroid,
ul.listadoApps li .detalleApp span.plataformaiOs,
ul.listadoApps li .detalleApp span.plataformaiOsCaduca,
ul.listadoApps li .detalleApp span.plataformaBB,
ul.listadoApps li .detalleApp span.plataformaiOsCaducaYa,
ul.listadoApps li .detalleApp span.plataformaWindows {
  font-family: 'octopush-admin'!important;
  font-size: 25px;
  color: #A7A7A7;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
ul.listadoApps li .detalleApp span.plataformaAndroid:before {
  content: "\e602";
}
ul.listadoApps li .detalleApp span.plataformaiOs:before {
  content: "\e611";
}
ul.listadoApps li .detalleApp span.plataformaiOsCaducaYa:before {
  content: "\e611";
}
ul.listadoApps li .detalleApp span.plataformaWindows:before {
  content: "\eac2";
}
ul.listadoApps li .detalleApp span.plataformaBB {
  /* PLATAFORMA BLACKBERRY */
}
ul.listadoApps li .detalleApp span.plataformaiOsCaduca {
  color: #FD8547;
}
ul.listadoApps li .detalleApp span.plataformainfocaducada {
  color: #810000;
}
ul.listadoApps li .detalleApp span.plataformaiOsCaducaYa {
  color: #E32F47;
}

ul.listadoApps li .detalleApp span.plataformaiOsCaduca:hover,
.menuDesplegable span.plataformaiOsCaduca:hover {
  cursor: help;
}
ul.listadoApps li .detalleApp .wrapperAppAccion {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
ul.listadoApps li .detalleApp .wrapperAppAccion a {
  display: block;
  float: left;
  width: 49%;
  width: -moz-calc(50% - 0.5px);
  width: -webkit-calc(50% - 0.5px);
  width: calc(50% - 0.5px);
  padding: 0;
  line-height: 50px;
  border-top: 1px solid #E5E5E5;
  font-size: 12px;
  text-align: center;
}
ul.listadoApps li .detalleApp .wrapperAppAccion a:hover {
  color: #E32F47;
}
ul.listadoApps li .detalleApp .wrapperAppAccion a:nth-child(1) {
  border-right: 1px solid #E5E5E5;
}
ul.listadoApps li .detalleApp .wrapperAppAccion a span {
  display: inline-block;
}
ul.listadoApps li .detalleApp .wrapperAppAccion a span:before {
  display: inline-block;
  margin: 0 6px 0 0;
  float: left;
  font-family: 'octopush-admin'!important;
  font-size: 22px;
}
ul.listadoApps li .detalleApp span.eliminarApp:before {
  content: "\e606";
}
ul.listadoApps li .detalleApp span.editarApp:before {
  content: "\e607";
}

.zonaApps .wrapperAuto960 + .wrapperAuto {
  margin: 20px auto 15px;
}
.num.Paginador {
  margin: 0 10px;
  font-size: 16px;
}
.Paginador:after,
.ui-datatable .ui-paginator > span.ui-state-default:after {
  font-family: 'octopush-admin'!important;
  font-size: 10px;
  font-weight: 100;
  color: #B1B1B1;
  margin: 0 10px;
  position: relative;
  top: -2px;
}
.Paginador:hover {
  text-decoration: none;
}
.Paginador.first:after,
.ui-datatable .ui-paginator > span.ui-state-default.ui-paginator-first:after {content:"\e609";}
.Paginador.prev:after,
.ui-datatable .ui-paginator > span.ui-state-default.ui-paginator-prev:after {content:"\e60b";}
.Paginador.next:after,
.ui-datatable .ui-paginator > span.ui-state-default.ui-paginator-next:after {content:"\e60c";}
.Paginador.last:after,
.ui-datatable .ui-paginator > span.ui-state-default.ui-paginator-last:after {content:"\e60a";}

.ui-datatable .ui-paginator span.ui-paginator-pages > span {
  font-family: 'Montserrat', sans-serif!important;
  font-weight: normal!important;
  font-size: 16px!important;
  color: #737373;
}
.ui-datatable .ui-paginator span.ui-paginator-pages > span.ui-state-active {
  color: #444;
  font-weight: bold!important;
}
.ui-datatable .ui-paginator span:hover,
.ui-datatable .ui-paginator span:hover:after {
  box-shadow: none!important;
  color: #444!important;
}
.ui-datatable .ui-paginator > span.ui-state-default {
  margin: 0;
  padding: 0;
}
.ui-datatable .ui-paginator > span.ui-state-default > span {
  display: none;
}
/* CONTENIDO 30-70
______________________________________________ */
.wrapperAuto960.alturaMaxima {
  /*    display: table;*/
  height: 100%;
  margin: 0 auto;
  position: relative;
}
/* SIDEBAR */
.sidebar {
  width: 300px;
  float: left;
  background: none repeat scroll 0 0 #E32F47;
  color: white;
  position: relative;
  height: 100%;
  /* min-height: calc(100vh - 173px); */
}
.sidebar:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: #E32F47;
  width: 300px;
  z-index: -1;
}
.sidebar ul.menu {
  font-size: 16px;
  margin: -1px 0 0;
  font-weight: 300;
  background: #E32F47;
  border-top: 1px solid #CC0D1C;
}
.sidebar ul.menu > li {
  border-bottom: 1px solid #CC0D1C;
}
ul.menu li div.space {
  position: relative;
  padding: 22px 0 22px 56px;
}
ul.menu li.menu-escritorio div.space {
  padding: 0;
}
ul.menu li.menu-escritorio div.space a {
  padding: 22px 0 22px 56px;
  display: block;
}
ul.menu li div.btn {
  cursor: pointer;
}
ul.menu li div.btn.on {
  color: white;
}
ul.menu li.menu-escritorio div.space:before, ul.menu li.menu-envios div.space:before,
ul.menu li.menu-usuarios div.space:before, ul.menu li.menu-ajustes div.space:before,
ul.menu li.menu-dispositivos div.space:before,ul.menu li.menu-estadisticas div.space:before {
  font-family: 'octopush-admin'!important;
  font-size: 20px;
  color: #810000;
  left: 7px;
  width: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 100;
  text-align: center;
}
ul.menu li.menu-escritorio div.space:before {content:"\e618";font-size: 14px;}
ul.menu li.menu-envios div.space:before {content:"\e615";font-size: 16px;}
ul.menu li.menu-envios + li.menu-envios div.space:before {content:"\e616";font-size: 24px;}
ul.menu li.menu-usuarios div.space:before {content:"\e617";}
ul.menu li.menu-ajustes div.space:before {content:"\e614";font-size: 22px;}
ul.menu li.menu-dispositivos div.space:before {content:"\e620";font-size: 22px;}
ul.menu li.menu-estadisticas div.space:before {content:"\e620";font-size: 22px;}

.sidebar ul.menu li ul {
  font-family: 'Montserratl', sans-serif;
  background: #CE2437;
  font-size: 12px;
  border-top: 1px solid #CC0D1C;
}
.sidebar ul.menu li ul li.pasado {
}
.sidebar ul.menu li ul li.actual {
  position: relative;
}
.sidebar ul.menu li ul li.actual:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin: -10px 0 0;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-right:10px solid #F7F7F7;
}
.sidebar ul.menu li ul li a {
  display: block;
  padding: 25px 0;
  margin: 0 0 0 58px;
  border-bottom: 1px solid #CC0D1C;
}

.sidebar ul.menu li ul li:last-child a {
  border-bottom: none;
}

ul.menu li div.space a:hover,
.sidebar ul.menu li ul li a:hover {
  text-decoration: none;
}


/* CONTENT RIGHT */
.contentRight {
  width: -moz-calc(100% - 330px);
  width: -webkit-calc(100% - 330px);
  width: calc(100% - 330px);
  padding: 15px 15px 90px;
  margin: 0;
  background: #F7F7F7;
  height: auto;
  float: left;
  font-size: 14px;
}
.contentRight .bgGris,
.ui-accordion .ui-accordion-content {
  background: white!important;
  border: 1px solid #E4E4E4!important;
  border-top: 0!important;
  margin-bottom: 20px!important;
  padding: 20px 15px!important;
  width: 96%;
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  box-shadow: 0px 2px 4px 0px #E8E8E8!important;
  -moz-box-shadow: 0px 2px 4px 0px #E8E8E8!important;
  -webkit-box-shadow: 0px 2px 4px 0px #E8E8E8!important;
}

.contentRight .bgGris div.bgGris,
.contentRight .bgGris h2,
.contentRight .bgGris .ui-accordion .ui-accordion-header {
  width: 100%;
  box-shadow: none!important;
  border: none!important;
  padding: 0!important;
  margin: 30px 0 0;
}

.contentRight .bgGris h3.ui-accordion-header.ui-state-default .ui-icon {
  top: 14px;
}

.contentRight .bgGris .ui-accordion .ui-accordion-content {
  background: transparent!important;
  box-shadow: none!important;
  border: 0!important;
  padding: 0!important;
  top: 0!important;
  margin: 20px 0 0;
  overflow: visible;
}

.contentRight .bgGris .ui-accordion .ui-accordion-header span + a {
  padding: 0;
}
.contentRight .bgGris h2 {
  margin: 40px 0 0;
}

.ui-accordion .ui-accordion-content {
  top: -19px!important;
  margin-bottom: 0!important;
}

.contentRight .colLeft,
.contentRight .colRight {
  float: left;
  width: 30%;
  width: -moz-calc(30% - 2px);
  width: -webkit-calc(30% - 2px);
  width: calc(30% - 2px);
}
.contentRight .colLeft {
  width: 68%;
  width: -moz-calc(68% - 2px);
  width: -webkit-calc(68% - 2px);
  width: calc(68% - 2px);
  margin-right: 2%;
}
.ui-corner-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.float-left { float: left; }
.float-right { float: right; }


.float-left.faseoNotificaciones {
  max-width: 48%;
  min-width: 280px;
  margin: 0 4% 15px 0;
}
.float-left.faseoNotificaciones + .float-left.faseoNotificaciones {
  margin-right: 0;
}
.float-left.faseoNotificaciones.last {
  margin: 0 4% 0 0;
}
.float-left.faseoNotificaciones input {
  width: 94%;
  width: calc(100% - 16px);
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.contentRight table th.ui-state-default span {
  font-weight: normal;
}
.tabla-preferencias tbody td p {
  color: #000;
  font-size: 12px;
}
.tabla-referencias td input.ui-inputfield {
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
  -ms-box-sizing: border-box; -khtml-box-sizing: border-box;
  color: #555;
  font-size: 11px;
  font-style: italic;
  height: 28px;
  width: 123px;
}
.tabla-preferencias tbody td span {
  color: #333;
  font-size: 11px;
}
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
  padding: 10px;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
  padding: 0;
  border-bottom: 1px solid #A8A8A8;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li {
  top: 9px!important;
  border: 1px solid #E5E5E5;
  border-bottom: none;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li a {
  font-size: 12px!important;
  color: #444;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
  top: 2px!important;
  border: 1px solid #A8A8A8;
  border-bottom: none;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a {
  padding: 10px 20px;
  color: #444;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.incomplete a {
  color: #E32F47!important;
}
.label-arial12 .incomplete {
  color: #E32F47!important;
  font-size: 14px;
}

.label-arial12 .complete {
  color: lightgray!important;
  font-size: 12px;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.incomplete a:after {
  content: ' *';
  font-size: 12px;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.complete a {
  color: lightgray!important;
}

.mensaje-idioma .label-arial12 {
  padding-top: 15px;
}
.mensaje-idioma .styledSelect {
  float: right;
  margin-left: 5px;
}
.mensaje-destinatarios-valores .botonBuscar {
  display: inline-block;
}
#configuracionApp .ui-outputlabel {
  font-family: Arial;
  font-size: 12px;
}
.mensaje-destinatarios-valores .botonBuscar button { margin-top: 0; }
.mensaje-idioma .label {
  float: left;
  padding-top: 10px;
}
.ui-inputfield { font-size: 12px !important; }
.ui-selectmanycheckbox label, .ui-selectoneradio label, tr.ui-widget-content td {
  font-size: 12px;
  margin-right: 5px;
}
.ui-editor {
  background: none repeat scroll 0 0 #ffffff !important;
}
.label-arial12 span, .label-arial12, .mensaje-titulo-descripcion, .mensaje-idioma-defecto, .mensaje-fechainiciofin {
  color: #666;
  display: inline-block;
  font-family: 'Montserrat',sans-serif !important;
  font-size: 12px;
  margin-right: 5px;
}

.label-arial12.idioma {
  position: relative;
  top: -6px;
}
.mensaje-destinatarios-valores input {
  width: 100px;
}
.contentRight .mensaje-destinatarios-valores button.ui-state-default {
  background: none repeat scroll 0 0 transparent;
  color: #E32F47;
  font-size: 26px;
  height: 33px;
  line-height: 1px;
  margin: 20px 0 0;
  padding: 0;
  width: 32px;
}
.contentRight #destinatarios .filtroDestinatario .mensaje-destinatarios-valores button.ui-state-default {
  height: 35px;
  line-height: 35px;
  padding: 0;
}
.contentRight #destinatarios .filtroDestinatario .mensaje-destinatarios-valores button.ui-state-default span {
  line-height: 1px;
  padding: 0;
}
.mensaje-destin-pref-multiplesintipificado {
  display: inline-block;
  float: left;
  width: 80%;
  width: calc(100% - 40px);
  margin: 0;
}
.mensaje-destin-pref-multiplesintipificado .label-arial12 {
  padding-bottom: 5px;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu.ui-widget-content.ui-inputfield {
  padding: 5px 5px 0!important;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu {
  margin: 0 !important;
  max-height: 200px;
  min-height: 30px;
  overflow-y: auto;
  width: 90%;
  width: calc(100% - 20px);
  padding: 5px 0 5px 5px!important;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu .ui-chkbox {
  margin: 0 !important;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu tr.ui-selectlistbox-item.ui-corner-all:hover {
  background: transparent;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu tr.ui-selectlistbox-item.ui-corner-all:hover
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu td {
  font-size: 12px;
  padding-bottom: 5px;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu td:first-child {
  width: 30px;
  padding: 3px 5px 3px;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu td:first-child > div {
  min-width: 0!important;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu td:first-child + td {
  padding: 0;
}
.mensaje-destin-pref-multiplesintipificado .ui-selectmanymenu .ui-helper-hidden-accessible {
  max-width: 20px;
  max-height: 20px;
}
.mensaje-destinatarios-valores .mensaje-destin-pref-multiplesintipificado ~ .botonBuscar {
  margin-top: 27px;
}
.mensaje-destinatarios-valores .mensaje-destin-pref-rango ~ .botonBuscar {
  margin-left: 6px;
  margin-top: 11px;
}
.mensaje-destin-pref-rango {
  float: left;
  margin-top: 10px;
}
#mensajeNotificacionRich .ui-editor.ui-widget-content {
  border: 1px solid #999 !important;
}
.ui-radiobutton {
  margin: 0px 10px -5px 0!important;
}
.ui-radiobutton-icon {
  transition: none 0s ease 0s ;
}
.contentRight ul {
  color: #E32F47;
  font-size: 19px;
}
.contentRight ul li {
  float: left;
  display: block;
  padding: 0 0 0 5px;
}
.contentRight ul li:first-child {
  font-weight: bold;
  font-size: 20px;
}
.contentRight h2, .ui-accordion .ui-accordion-header * {
  color: #4D5152;
  font-size: 18px!important;
  font-weight: bold;
}
.contentRight h2, .ui-accordion .ui-accordion-header {
  background: white;
  border: 1px solid #E4E4E4;
  padding: 18px 15px 15px;
  width: 96%;
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  box-shadow: 0px 2px 4px 0px #E8E8E8!important;
  -moz-box-shadow: 0px 2px 4px 0px #E8E8E8!important;
  -webkit-box-shadow: 0px 2px 4px 0px #E8E8E8!important;
}
.contentRight .colRight h2,
.contentRight .colRight .ui-accordion .ui-accordion-header a {
  font-size: 15px!important;
  padding: 12px 15px;
}
.ui-accordion .ui-accordion-header {
  margin-bottom: 20px;
}

.contentRight h2 > div {
  float: right;
  font-size: 14px;
  line-height: 29px;
  margin: -8px 0 0;
}
.contentRight h2 > div > button {
  padding: 0;
}
.contentRight h2 > div > button {
  padding: 14px!important;
  border-radius: 0 6px 6px 0!important;
}
.contentRight h2 > div > button.activo {
  background: #E32F47;
  border: 1px solid #E32F47;
  color: #FFF;
}
.bgGris div > button.activo {
  background: #E32F47;
  border: 1px solid #E32F47;
  color: #FFF;
}
.contentRight h2 > div > button > span {
  font-size: 12px!important;
}
.contentRight h2 > div > button + button {
  border-radius: 6px 0 0 6px!important;
  border-right: none!important;
  margin-left: 15px!important;
}

h3.ui-accordion-header.ui-state-default .ui-icon {
  background: transparent;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  text-indent: 0;
  left: auto;
  right: 15px;
  top: 32px;
}
h3.ui-accordion-header.ui-state-default .ui-icon:before,
h3.ui-accordion-header.ui-state-active .ui-icon:before {
  content: "\e608";
  font-family: 'octopush-admin'!important;
  font-size: 10px;
  font-weight: 100;
}
h3.ui-accordion-header.ui-state-active .ui-icon:before {
  content: "\e60f";
}
.contentRight table {
  width: 100%;
  margin: 0 0 20px;
}

#tablaDescargaDispositivosDiario,
#tablaModelosDispositivosDiario,
#tablaDescargaDispositivosMensual,
#tablaSegmentosDispositivosDiario,
#tablaSegmentosDispositivosDiarioIntervalos{
  float: left;
  width: 50%;
}

#tablaDescargaDispositivosDiario:after {
  content: "";
  display: block;
  clear: both;
}

#tablaDescargaDispositivosMensual:after {
  content: "";
  display: block;
  clear: both;
}

#tablaModelosDispositivosDiario:after {
  content: "";
  display: block;
  clear: both;
}

#tablaUsuariosDispositivosDiario:after {
  content: "";
  display: block;
  clear: both;
}

.contentRight #listadoHistorialInvitaciones table {
  margin: 0;
}
#eliminarAplicaciones button.ui-button {
  background: none no-repeat scroll 5% center #E32F47;
  border: medium none;
  color: white;
  font-weight: normal;
  margin: 5px 0 5px 20px!important;
  padding: 18px;
  text-transform: uppercase;
}
#eliminarAplicaciones button.btnNoPopUp {
  background: transparent;
  color: #545454;
}
.crear-app-label {
  margin-right: 10px;
  padding-top: 12px;
  width: 160px!important;
}
#crearAplicaciones .ui-dialog-content.ui-widget-content table tbody tr td select {
  float: none;
}
.crearapp1 {
  width: 100%;
}
.crearapp1 .float-left {
  width: -moz-calc(100% - 170px);
  width: -webkit-calc(100% - 170px);
  width: calc(100% - 170px);
}
.crearapp1 input.ui-widget {
  margin: 0 !important;
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px) !important;
}
.crearapp2 {
  margin: 12px 0;
  width: 100%;
}
.crearapp3 {
  margin-bottom: 20px;
  width: 100%;
}
#crearAplicaciones button .ui-button-text.ui-c {
  font-family: 'Montserrat', sans-serif!important;
  font-weight: bold;
}
.crear-app-label ~ .styledSelect {
  top: 0 !important;
  left: -1px;
  margin-right: 0;
}
.modificarall1 .label-arial12 {
  margin-top: 18px !important;
}
.modificarlall1input {
  float: right;
  margin-right: -4px;
}
.modificarall1 {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
#crearAplicaciones .ui-dialog-content > .float-left:nth-child(2) {
  margin-left: 20px;
}
#crearAplicaciones .styledSelect {
  box-sizing: border-box;
  padding: 7px 0 6px;
  width: -moz-calc(100% - 170px);
  width: -webkit-calc(100% - 170px);
  width: calc(100% - 170px);
}

#crearAplicaciones .ui-dialog-content > .float-left {
  margin-bottom: 15px;
}
#crearAplicaciones button.ui-button, #modificarAplicaciones button.ui-button, .contentRight button.ui-state-default, .ui-dialog-content button.ui-state-default{
  background: white;
  color: #E32F47;
  border: 1px solid #E32F47;
  font-family: 'Montserrat', sans-serif!important;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  padding: 20px 15px 18px;
}
#crearAplicaciones button.ui-button.btnLink, #modificarAplicaciones button.ui-button.btnLink, .contentRight button.ui-state-default.btnLink, .ui-dialog-content button.ui-state-default.btnLink,
#crearAplicaciones button.ui-button.btnLink:hover, #modificarAplicaciones button.ui-button.btnLink:hover, .contentRight button.ui-state-default.btnLink:hover, .ui-dialog-content button.ui-state-default.btnLink:hover {
  border: none;
  background: transparent;
  text-transform: none;
  padding: 10px 0!important;
}
#crearAplicaciones button.ui-button.btnLink:hover, #modificarAplicaciones button.ui-button.btnLink:hover, .contentRight button.ui-state-default.btnLink:hover, .ui-dialog-content button.ui-state-default.btnLink:hover {
  color: #4A4F55!important;
  text-decoration: underline!important;
}
.contentRight button.ui-state-default , .ui-dialog-content button.ui-state-default{
  float: right;
}
.contentRight button.ui-state-default + .clear + div.ui-datatable {
  margin: 20px 0 -10px;
}
.contentRight button.ui-state-default span , .ui-dialog-content button.ui-state-default span{
  line-height: 0;
  font-size: 14px;
}
#mensajeNotificacionRich > .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible {
  width: 636px !important; }
  .mensaje-fechafin { margin-left: 15px; }
  #detalleEnvio .mensaje-fechainicio.float-left,
  #detalleEnvio .mensaje-fechafin.float-left {
    float: none;
    margin: 20px 0 0;
  }
  #detalleEnvio .mensaje-fechainicio.float-left:before,
  #detalleEnvio .mensaje-fechafin.float-left:before {
    content: '\e61c';
    display: block;
    width: 40px;
    float: left;
    font-family: 'octopush-admin';
    text-align: center;
    line-height: 16px;
    color: #F00;
  }
  #detalleEnvio .mensaje-fechafin.sends-notifications.float-left:before {
    content: '\2709';
    font-size: 12px;
    font-family: 'glyphicons-halflings-regular';
  }
  #detalleEnvio .mensaje-fechafin.usuario.float-left:before {
    content: '\e617';
  }
  #detalleEnvio .ENVIADO.float-left:before { content: '\e604'; }
  #detalleEnvio .broadcast.float-left:before { content: '\e61d'; }
  #detalleEnvio .push.float-left:before { content: '\e615'; font-size: 10px; }

  .mensaje-titulo .label-arial12 { width: 39px; }
  .mensaje-titulo, .mensaje-descripcion { width: 49%; }
  .mensaje-titulo-descripcion, .mensaje-fechainiciofin { width: 100%; }
  .mensaje-idioma-defecto { width: 100%; margin-bottom: 5px; }

  .mensaje-fechainiciofin > div,
  .mensaje-titulo-descripcion > div{
    float: left;
    width: 47%;
    width: calc(50% - 7.5px);
  }
  .mensaje-idioma.float-left {
    width: 50%;
  }
  .mensaje-idioma .styledSelect {
    width: 85%;
    width: calc(100% - 80px);
  }
  .mensaje-fechainiciofin .label-arial12,
  .mensaje-fechainiciofin .label-arial12 + span,
  .mensaje-titulo-descripcion .label-arial12,
  .mensaje-titulo-descripcion .label-arial12 + input {
    display: block;
    margin-top: 5px!important;
  }
  .mensaje-fechainiciofin input,
  .mensaje-titulo-descripcion input {
    width: 96%;
    width: calc(100% - 10px);
    margin: 0 0 20px!important;
  }
  .mensaje-titulo-descripcion .mensaje-descripcion.float-left {
    margin-left: 15px;
  }

  span#formContenido\:panelModifMensajeRich {
    width: 100%;
    display: block;
  }
  span#formContenido\:panelModifMensajeRich > span {
    margin-right: 5px;
  }
  span#formContenido\:panelModifMensajeRich > input[type=text] {
    margin-right: 10px!important;
    width: 30%;
    width: calc(50% - 97px);
  }
  span#formContenido\:panelModifMensajeRich > input[type=text]:nth-child(4) {
    margin-right: 0px!important;
  }

  span#formContenido\:panelModifMensajeRich div#formContenido\:modifContMenRichTexto {
    margin: 20px 0 0;
  }
  span#formContenido\:panelModifMensajeRich div#formContenido\:modifContMenRichTexto .ui-editor {
    width: 100%!important;
    width: calc(100% - 2px)!important;
  }
  span#formContenido\:panelModifMensajeRich .styledSelect {
    width: 30%;
    top: 15px;
  }
  span#formContenido\:panelModifMensajeRich .ui-chkbox.ui-widget {
    position: relative;
    top: 4px;
    left: 5px;
  }
  span#formContenido\:panelModifMensajeRich button {
    margin: 15px 0 0;
  }


  .ui-timepicker-div dl {
    background: none repeat scroll 0 0 #eee;
    padding: 5px;
  }
  .ui-datepicker td {
    padding: 0.2em;
  }
  .ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
  }
  .ui-datepicker .ui-datepicker-current-day .ui-state-default {
    padding: 0.2em;
    width: auto;
  }
  .contentRight button.ui-state-default:hover , .ui-dialog-content button.ui-state-default:hover {
    color: white;
    background: #E32F47;
  }
  .contentRight textarea.ui-state-default {
    background: #FFF;
    color: #333;
    text-transform: none;
    padding: 1%;
    border: 1px solid #CCC;
    width: 100%;
    resize: none;
    margin: 20px 0 0!important;
    text-align: left;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
    -ms-box-sizing: border-box; -khtml-box-sizing: border-box;
  }
 .contentRight .ui-editor  {
    display: block!important;
    overflow: auto;
    border: 1px solid #e5e5e5;
    width: calc(100% - 22px)!important;
    height: calc(100% - 65px)!important;
    border-top: 0;
    padding: 10px;
    font-size: 12px;
  }
 /*Este hace que la barra del rich se deshabilite por lo que dejo el de arriba*//*
.contentRight .ui-editor  textarea {
    display: block!important;
    overflow: auto;
    border: 1px solid #e5e5e5;
    width: calc(100% - 22px)!important;
    height: calc(100% - 65px)!important;
    border-top: 0;
    padding: 10px;
    font-size: 12px;
  }*/
  .contentRight textarea.ui-state-default:hover {
    background: #FFF;
  }
  .counterText {
    font-size: 12px;
    font-style: italic;
    margin: 20px 0;
    float: left;
  }
  .contentRight .ui-chkbox .ui-chkbox-box {
    background: white;
    margin: 0 10px 0 0;
    border: 1px solid #E4E4E4;
    cursor: pointer;
  }
  .contentRight .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #E32F47;
    border: 1px solid #E32F47;
  }
  .contentRight .ui-chkbox .ui-chkbox-box.ui-state-active > span {
    background: transparent!important;
    text-indent: 0!important;
  }
  .contentRight .ui-chkbox .ui-chkbox-box.ui-state-active > span:before {
    font-family: 'octopush-admin'!important;
    content: "\e604";
    font-size: 12px;
    line-height: 12px;
    display: block;
    text-align: center;
    margin: 4px 0;
    color: #FFF;
  }
  .contentRight .bgGris .ui-chkbox.ui-widget {
    margin: 0 20px 0 0;
    min-width: 62px;
  }
  .contentRight .bgGris.inactivo * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
  }
  
  .contentRight .bgGris.inactivo {
    position: relative
  }
  .contentRight .bgGris.inactivo:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .contentRight .bgGris.inactivo *:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  .contentRight .ui-chkbox .ui-chkbox-label {
    float: none;
    margin: 0px;
    position: relative;
    top: -3px;
    z-index: 0;
  }
  .contentRight #programar .ui-chkbox .ui-chkbox-box,
  .contentRight #faseoMensajeDiv .ui-chkbox .ui-chkbox-box,
  .contentRight #destinatarios .ui-chkbox .ui-chkbox-box,
  .contentRight .ui-radiobutton .ui-radiobutton-box {
    border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    -webkit-border-radius: 20px!important;
    border: 1px solid #E4E4E4;
    background: white;
    cursor: pointer;
  }
  .contentRight #programar .ui-chkbox .ui-chkbox-box.ui-state-active,
  .contentRight #faseoMensajeDiv .ui-chkbox .ui-chkbox-box.ui-state-active,
  .contentRight #destinatarios .ui-chkbox .ui-chkbox-box.ui-state-active,
  .contentRight .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border: 4px solid #E32F47;
    height: 10px;
    width: 10px;
  }
  .contentRight #programar .ui-chkbox .ui-chkbox-box > span,
  .contentRight #faseoMensajeDiv .ui-chkbox .ui-chkbox-box > span,
  .contentRight #destinatarios .ui-chkbox .ui-chkbox-box > span,
  .contentRight .ui-radiobutton .ui-radiobutton-box > span {
    display: none;
  }

  .mensaje-wysiwyg .ui-editor.ui-widget-content, .mensaje-wysiwyg iframe {
    width: 100% !important;
  }
  .mensaje-wysiwyg {
    width: calc(100% - 2px);
    margin: 10px 0 12px;
  }
  .mensaje-plus-btn button.ui-state-default, #mensajeNotificacion > table > tbody > tr:first-child button {
    margin-top: 0;
    float: right;
    font-size: 14px;
    padding: 19px 15px;
  }
  .mensaje-plus-btn button.ui-state-default span, #mensajeNotificacion > table > tbody > tr:first-child button span {
    line-height: 0;
  }
  #zonaPerfil .label-arial12 {
    margin-bottom: 20px;
    width: 125px;
  }
  .ui-state-default {
    box-shadow: none;
    text-shadow: inherit;
  }
  #invitarUsuario input.ui-inputfield {
    box-shadow: none;
    box-sizing: border-box;
    font-family: 'Montserrat',sans-serif;
    font-size: 12px;
    height: 38px !important;
    padding: 5px !important;
  }
  #mensajeNotificacion .ui-datatable table, #mensajeNotificacion h3 {
    width: 95%;
    margin: 30px auto -10px;
  }
  #mensajeNotificacion table tr td {
    vertical-align: top;
  }
  .ui-datatable tbody td, .ui-datatable tfoot td {
    padding: 15px 10px!important;
  }
  .mensaje-plus-btn button.ui-state-default:hover, #mensajeNotificacion > table > tbody > tr:first-child button:hover,
  .contentRight button.ui-state-default:hover , .ui-dialog-content button.ui-state-default:hover{
    color: white;
    background: #E32F47;
  }
  #plataforma .ui-chkbox-label, #programar .ui-chkbox-label, #faseoMensajeDiv .ui-chkbox-label, #destinatarios .ui-chkbox-label {
    color: #333333;
    font-family: 'Montserrat',sans-serif;
  }
  #configuracionOpcionalNotificacion h3 a {
    display: inline;
    padding: 0 !important;
    text-align: left;
    width: auto;
  }
  #configuracionOpcionalNotificacion #opcionales table td { vertical-align: top; }
  .ui-state-hover a,.ui-state-hover a:hover,
  #configuracionOpcionalNotificacion h3 a:hover,
  #configuracionOpcionalNotificacion h3 a:active{
    color: #4F4F4F;
  }
  #destinatarios p.textoEnvio {
    color: #000;
    font-size: 12px;
    margin: 10px 0;
  }
  #mensajeNotificacion button { margin-top: 10px !important; }
  .mensaje-defecto {
    margin-top: 12px;
    margin-left: 10px;
  }
  #mensajeNotificacion span.label, .ui-chkbox .ui-chkbox-label {
    font-size: 12px;
    margin: 10px;
    color: #666;
  }
  .bgGris .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
    background: white;
    margin-bottom: 0;
  }
  .bgGris .ui-widget-header {
    background: transparent;
    border: none;
    text-align: left!important;
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: lighter;
    text-transform: uppercase;
  }
  .ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
  }
  .contentRight th.ui-state-default {
    height: 41px;
    width: 15%!important;
    vertical-align: middle;
    color: #AFAFAF;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 8px;
  }
  .contentRight th.ui-state-default:first-child{
    text-align: left;
    padding: 0 10px;
    width: 60%!important;
  }
  .contentRight #listadoHistorialAcciones tr td ~ td {
    text-align: center;
  }
  .contentRight .filtroDestinatario th.ui-state-default:first-child {
    width: 40%!important;
  }
  .contentRight .filtroDestinatario th.ui-state-default {
    width: 20%;
  }
  .contentRight .preferencias-tabla-idiomas th.ui-state-default:nth-child(1) { width: 25%!important; }
  .contentRight .preferencias-tabla-idiomas th.ui-state-default:nth-child(2) { width: 25%!important; padding-left: 10px;}
  .contentRight .preferencias-tabla-idiomas th.ui-state-default:nth-child(3) { width: 50%!important; padding-left: 10px;}
  .contentRight .preferencias-tabla-idiomas th.ui-state-default { text-align: left; }

  .mensaje-destinatarios-preferencias .label-arial12, .mensaje-destinatarios-operadores .label-arial12 {
    float: left;
    margin-right: 5px;
    padding-top: 8px;
  }
  .mensaje-destinatarios-operadores, .mensaje-destinatarios-preferencias, .mensaje-destinatarios-valores {
    width: 29%;
    width: calc(33.3333% - 20px);
    margin: 0 30px 0 0;
  }
  .mensaje-destinatarios-valores {
    margin: 0;
  }
  #selectPreferencia.styledSelect {
    width: 100%;
    margin-bottom: 20px;
  }
  #selectPreferencia > select {
    padding: 8px 15px 7px 5px;
    width: 100%;
  }
  #selectOperador.styledSelect {
    width: 100%;
  }
  #selectOperador > select {
    padding: 8px 15px 7px 5px;
    width: 100%;
  }
  .contentRight th.ui-state-default.col10 {
    width: 10%!important;
  }
  .col10 button {
    height: 20px;
    background: transparent!important;
  }
  .contentRight th.ui-state-default.col13 {
    width: 13%!important;
  }
  td.col13 {
    text-align: center;
  }
  .contentRight th.ui-state-default.col20 {
    width: 20%!important;
  }
  .contentRight th.ui-state-default.col50 {
    width: 50%!important;
    text-align: left;
  }
  .ui-editable-column.col20, .ui-editable-column.col80 {
    text-align: left;
    padding: 0 10px;
    vertical-align: middle;
  }
  td.col60 {
    padding: 10px 10px 0!important;
  }
  .contentRight th.ui-state-default.col80 {
    width: 80%!important;
    text-align: left;
  }
  .ui-datatable-data.ui-widget-content .ui-widget-content.ui-datatable-empty-message td {
    border: none!important;
    border-bottom: 3px solid #DCDCDC!important;
    background: white!important;
  }
/*.ui-datatable-data.ui-widget-content tr.ui-widget-content{
    position:relative;
    }*/
    .ui-datatable-data.ui-widget-content tr.ui-widget-content td span.not-sent {
      color:#E32F47;
    }
    .ui-datatable-data.ui-widget-content tr.ui-widget-content td span.not-sent-cancell {
      color:#070707;
    }
    .ui-datatable-data.ui-widget-content tr.ui-widget-content td span.not-sent:after {
      content: "L";
      position: relative;
      top: -14px;
      right: -10px;
      border-radius: 100%;
      color: red;
      font-weight: bold;
      float: right;
      font-size: 10px;
      border: 1px solid #E32F47;
      padding: 0px 2px 2px 4px;
    }
    .ui-datatable-data.ui-widget-content tr.ui-widget-content td span.not-sent:after {
      content: "L";
      position: relative;
      top: 0px;
      right: 8px;
      border-radius: 100%;
      color: red;
      font-weight: bold;
      float: left;
      font-size: 7px;
      border: 1px solid #E32F47;
      padding: 0px 2px 3px 3px;
      width: 5px;
    }
    tr.ui-widget-content td {
      border: none!important;
      border-bottom: 1px dashed #DCDCDC!important;
    }
    td.ui-editable-column {
      text-align: center;
    }
    .ui-editable-column.detalleMensaje {
      padding: 10px 10px 0;
    }
    .ui-editable-column.detalleMensaje p {
    }
    p.textoEnvio {
      width: 100%;
      display: block;
      word-break: break-word;
      text-align: left;
    }
    tr.ui-widget-content:hover {
      background: #F1F1F1!important;
    }
    tr.ui-widget-content:hover .wrapBtnEditarEnvio {
      opacity: 1;
      height: 30px;
      margin: 10px 5px 0 0;
    }
    tr.ui-widget-content:hover .wrapBtnReenviarRich {
      opacity: 1;
      height: 30px;
      margin: 10px 5px 0 0;
    }

    tr.ui-widget-content .wrapBtnEditarEnvio button span {
      font-size: 12px;
      line-height: 30px;
    }
    #mensajeNotificacion tr.ui-widget-content .wrapBtnEditarEnvio button {
      margin: 0!important;
    }

    tr.ui-widget-content.ui-datatable-empty-message td {
      padding: 10px;
    }
    .zonaLocalizador .label, #zonaPerfil .label {
      width: 100px;
      margin: 0 0 20px;
      display: inline-block;
    }
    #map-canvas {
      height: 300px;
      margin: 0px;
      padding: 0px
    }
    #map-canvas2 {
      height: 500px;
      margin: 0px;
      padding: 0px
    }
    #zonaPerfil .datosUsuario, #zonaPerfil .datosPassword {
      width: 49%!important;
    }
    #zonaPerfil .datosPassword .label {
      width: 160px;
    }
    #zonaPerfil input {
      width: calc(100% - 12px);
      margin: 0 0 20px!important;
    }
    .contentRight .tableCenter {
      text-align: center;
    }
    .contentRight .ui-paginator {
      display: table;
      margin: 20px auto!important;
      width: auto;
    }
    .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all, .ui-datepicker-close {
      background: none no-repeat scroll 5% center #666 !important;
      border: medium none !important;
      color: white !important;
      font-weight: normal !important;
      margin: 10px 0 !important;
      padding: 4px 6px !important;
    }
    .mensaje-destin-pref-inputsimple {
      float: left;
      width: 80%;
      width: calc(100% - 40px);
    }
    .mensaje-destin-pref-inputsimple input {
      font-size: 12px !important;
      height: 23px !important;
      padding: 2px 8px !important;
    }
    .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover, .ui-datepicker-close:hover {
      background: none no-repeat 5% center #111!important;
    }
    #programar.bgGris input {
      font-size: 12px;
      min-width: 0 !important;
      text-align: center;
      width: auto;
    }
    #faseoMensajeDiv.bgGris input {
      font-size: 12px;
      min-width: 0 !important;
      text-align: center;
      width: auto;
    }
    .bgGris#programar .styledSelect {
      padding: 0 5px;
      margin: 0;
      width: 50%;
      float: right;
    }
    .bgGris#faseoMensajeDiv .styledSelect {
      padding: 0 5px;
      margin: 0;
      width: 50%;
      float: right;
    }
    #faseoMensajeDiv.bgGris .styledSelect select {
      width: 110% !important;
      padding: 10px 0 9px;
    }
    #programar.bgGris .styledSelect select {
      width: 110% !important;
      padding: 10px 0 9px;
    }
    .bgGris#faseoMensajeDiv .styledSelect {
      padding: 0 5px;
      margin: 0;
      width: 50%;
      float: right;
    }
    #faseoMensajeDiv.bgGris .styledSelect select {
      width: 110% !important;
      padding: 10px 0 9px;
    }
    .mensaje-destin-pref-multipletipificado .ui-selectmanymenu {
      margin: 5px 0 0 -20px!important;
      max-height: 200px;
      width: 100%;
      overflow-x: hidden;
    }
    .mensaje-destin-pref-multipletipificado .ui-selectmanymenu .ui-chkbox.ui-widget {
        min-width: inherit;
    }
    .mensaje-destin-pref-multipletipificado td:first-child div {
      margin: 0 !important;
    }
    .mensaje-destin-pref-multipletipificado td { font-size: 12px; }
    .mensaje-destin-pref-multipletipificado td:first-child {
      width: 30px;
    }
    .bgGris#programar .styledSelect#ampm {
      min-width: 0!important;
      width: 50px!important;
      text-align: center;
    }
    .bgGris#faseoMensajeDiv .styledSelect#ampm {
      min-width: 0!important;
      width: 50px!important;
      text-align: center;
    }
    .bgGris#programar .styledSelect#ampm select {
      width: 90px!important;
      min-width: 0px!important;
    }
    .bgGris#faseoMensajeDiv .styledSelect#ampm select {
      width: 90px!important;
      min-width: 0px!important;
    }
    #eliminarAplicaciones button.ui-button span {
      font-weight: bold;
    }
    div.h3, .bgGris h3 {
      margin: 0 0 20px;
      font-family: 'Montserrat',sans-serif!important;
      font-size: 18px;
      font-weight: 300;
      color: #222;
    }
    div.h3, .bgGris h3 > span {
      display: block;
      margin: 6px 0 0;
      font-size: 12px;
      color: #666;
    }
    .opcionesiOs, .opcionesAndroid {
      width: 100%;
    }
    .opcionesiOs input, .opcionesAndroid input {
      font-size: 12px !important;
      width: 25%;
    }
    #opcionales.bgGris .margin input {
      font-size: 12px;
    }
    #opcionales.bgGris button.ui-state-default {
      float: right;
      height: 27px;
      margin: 0;
    }
    .mensaje-modo-asociacion b {
      font-weight: bold;
    }
    #programar .label-arial12, #opcionales .label-arial12, .opcionesiOs .label-arial12, .opcionesAndroid .label-arial12 {
      width: auto;
      line-height: 35px;
    }
    #programar .label-arial12 + span input, #opcionales .label-arial12 + input, .opcionesiOs .label-arial12 + input, .opcionesAndroid .label-arial12 + input {
      float: right;
      width: 50%;
      margin: 0 0 15px 0!important;
    }
    .bgGris#opcionales .label {
      margin: 0 20px 0 0;
    }
    .bgGris#opcionales .margin {
      display: block;
      margin-bottom: 30px;
    }
    .bgGris#opcionales button.ui-state-default {
      margin: 0 0 0 20px;
    }
    span.retraso {
      display: block;
      font-size: 12px;
      margin: 15px 0 0;
      line-height: 18px;
    }
    span.retraso span {
      font-family: 'Montserrat',sans-serif;
    }
    span.retraso .ui-chkbox.ui-widget {
      margin: 0px!important;
      float: left;
    }
    #configuracionApp .label, #invitarUsuario .label {
      width: 100px;
      margin: 0 0 20px;
      display: inline-block;
    }
    #configuracionApp .noInput {
      background: none repeat scroll 0 0 #ddd;
      border: 1px solid #999;
      color: #545454;
      display: inline-block;
      margin-right: 20px;
      padding: 5px;
    }

    div#configuracionAppImage .ui-fileupload {
      display: none!important;
    }
    #spanMaxDispMens, #spanTiempoReenvio{
      background: none repeat scroll 0 0 #ddd;
      border: 1px solid #999;
      color: #545454;
      display: inline-block;
      margin-right: 20px;
      padding: 5px;
    }

    #configuracionesAppleApp .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button {
      margin: 0;
      padding: 7px 10px 7px 30px;
    }
    #configuracionesAppleApp .diasCaducidad {
      color: #E32F47;
      font-size: 17px;
    }
    #configuracionesAppleApp #formContenido\:upKeyStore {
      margin: -19px 20px 0 0;
    }
    #configuracionesAppleApp button#formContenido\:downloadKeyStoreLink {
      float: none;
      margin-right: 5px;
    }
    #configuracionesAppleApp fieldset > .ui-fieldset-content > .float-left.x1,
    #configuracionesAppleApp fieldset > .ui-fieldset-content > .float-left.x2 {
      width: 49%;
      margin: 5px 2% 10px 0;
    }
    #configuracionesAppleApp fieldset > .ui-fieldset-content > .float-left.x2 {
      margin-right: 0;
    }

    #configuracionesAppleApp label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button span.ui-button-icon-left.ui-icon.ui-c.ui-icon-plusthick:before {
      content: '\e619';
    }

    #configuracionesGoogleApp input#formContenido\:passAndroid {
      width: 36%;
      max-width: calc(100% - 210px);
    }
    #configuracionesGoogleApp input#formContenido\:passAndroid2 {
      width: 36%;
      max-width: calc(100% - 210px);
    }
    #configuracionesGoogleApp fieldset{
        margin-bottom: 20px;
    }
    #configuracionesGoogleApp fieldset:last-child{
        margin-bottom: 0;
    }
    #configuracionesWindowsApp input#formContenido\:passWindows2 {
        width: 36%;
        max-width: calc(100% - 210px);
    }

    .bgGris#imageLoad .label-arial12 {
      margin: 10px 0 20px;
    }
    .bgGris#imageLoad .ui-panel-content.ui-widget-content {
      margin: 0 0 20px;
    }
    .bgGris#imageLoad .imgWrapper {
      background: #F0F0F0!important;
      cursor: pointer;
    }
    .bgGris#imageLoad img {
      display: block;
      margin: auto;
      padding: 0;
      max-width: 100%;
    }
    #modificarAplicaciones div.float-left {
      margin-top: 11px;
    }
    #eliminarAplicaciones button.ui-button, #crearAplicaciones button.ui-button,
    #modificarAplicaciones button.ui-button, .bgGris#imageLoad button, .bgGris #configuracionApp button, .bgGris #zonaPerfil button {
      float: right;

      font-weight: normal;
      margin: 0 0 5px;
    }
    #invitarUsuario.bgGris button {
      float: right;
      font-weight: normal;
      margin: 0;
      padding: 19px 15px;
    }
    .bgGris#configServ button, #invitarUsuario.bgGris button span {
      line-height: 0;
    }
    #listadoHistorialInvitaciones tr td {
      vertical-align: top;
    }

    #listadoMensajeNotificacion tr td {
      vertical-align: top;
    }
    #listadoMensajeNotificacion button {
      border: none;
    }
    #listadoMensajeNotificacion button span {
      line-height: 30px;
    }
    #configServ fieldset legend {
      font-size: 20px;
      font-weight: normal;
      margin: 0 0 20px;
    }
    .filtroDestinatario input[type="text"] {
      background: none repeat scroll 0 0 #fff !important;
      border: 1px solid #ccc !important;
      font-size: 12px;
      height: 17px;
      margin: 0 15px 20px 0 !important;
      padding: 5px !important;
      width: 90%;
      width: calc(100% - 20px);
    }
    .filtroDestinatario.localizadorMap input[type="text"] {width: 80%; width: calc(100% - 105px);}
    .filtroDestinatario.usuarios input[type="text"] {width: 68%; width: calc(100% - 185px);}
    .filtroDestinatario.dispositivos input[type="text"] {width: 65%; width: calc(100% - 210px);}

    .filtroDestinatario.usuarios label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button span.ui-button-icon-left.ui-icon.ui-c.ui-icon-plusthick {
      display: none;
    }
    .filtroDestinatario.usuarios label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button span.ui-button-text.ui-c {
      padding: 0;
      text-transform: none;
      line-height: 14px;
      font-size: 14px;
    }
    .filtroDestinatario label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button {
      color: #E32F47;
      border: none;
      height: 15px;
      margin: -8px;
    }
    .filtroDestinatario label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button:hover {
      background: transparent;
      text-decoration: underline!important;
      color: #666;
    }

    .filtroDestinatario .label,
    .filtroDestinatario .label-arial12 span {
      margin: 0 0 5px 0;
      display: block;
      font-size: 16px;
      color: #4F4F4F;
    }
    .filtroDestinatario .label-arial12 {
      display: block;
      float: none;
      padding: 0;
      margin: 0;
    }
    .filtroDestinatario button, .filtroDestinatario .botonBuscar,
    #destinatarios .filtroDestinatario button {
      float: right;
      color: white;
      border: none;
      background: #4A4F55;
      font-size: 14px;
      padding: 0 15px;
      line-height: 29px;
      height: 29px;
      cursor: pointer;
    }
    .filtroDestinatario button:hover, .filtroDestinatario .botonBuscar:hover, #destinatarios .filtroDestinatario button:hover {
      background: #666;
    }
    #destinatarios input.ui-autocomplete-input {
      font-size: 12px;
      padding: 6px 4px !important;
    }

    #modificarPerfilUsuario label {
      display: block;
      float: left;
      width: 160px;
      line-height: 35px;
      margin-bottom: 20px;
    }
    #modificarPerfilUsuario input {
      width: calc(100% - 180px)!important;
      float: right;
      margin: 0!important;
    }
    #modificarPerfilUsuario .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible .styledSelect {
      top: 0;
      margin: 0 0 30px!important;
      float: right;
      width: calc(100% - 175px);
    }

    #eliminarPermisoUsuario button {
      background: transparent!important;
      margin: 30px 0 0 5px!important;
    }
    #eliminarPermisoUsuario button:hover {
      color: white!important;
      background: #4A4F55!important;
      border: 1px solid #4A4F55!important;
    }
    #eliminarPermisoUsuario button + button {
      border: none;
      text-transform: none;
    }
    #eliminarPermisoUsuario button + button:hover {
      color: #4A4F55!important;
      background: transparent!important;
      border: 0!important;
    }

/* POP UP
______________________________________________ */
.ui-widget-content * {
  font-family: 'Montserrat', sans-serif!important;
  font-weight: normal;
}
div#crearAplicaciones {
  height: 100%;
}
.ui-widget-header {
  background: white;
  padding: 0!important;
}
.ui-dialog .ui-dialog-title {
  margin: 30px 20px!important;
  font-size: 18px;
  font-weight: bold;
}
.ui-dialog-content.ui-widget-content table {
  width: 100%;
}
table#gestionAppsForm\:modificacionAtributos img,
table#frmModals\:creacionAplicacion img{
  max-width: 100%;
  margin: 10px 0 20px;
  height: auto;
}
.ui-dialog-content.ui-widget-content table tbody tr td {
  font-size: 16px;
}
.ui-dialog-content.ui-widget-content table tbody tr td input {
  margin: 10px 0;
  border: 1px solid #CCCCCC;
  width: 328px;
  float: right;
}
.ui-dialog-content.ui-widget-content table tbody tr td button, #enviarNotificacion button,  .oneCol button {
  font-size: 14px;
  color: white;
  border: 1px solid #E32F47;
  background: #E32F47;
  font-family: 'Montserrat',sans-serif;
  text-transform: uppercase;
  margin: 30px 0;
  padding: 19px 15px;
  width: auto;
}
.ui-dialog-content.ui-widget-content table tbody tr td button span, #enviarNotificacion button span, #enviarNotificacionesEnIos button span, .oneCol button span {
  line-height: 0!important;
}
.ui-dialog-content.ui-widget-content table tbody tr td button:hover, #enviarNotificacion button:hover,
#crearAplicaciones button.ui-button:hover, #modificarAplicaciones button.ui-button:hover {
  color: white;
  background: #4A4F55;
  border: 1px solid #4A4F55;
}

#enviarNotificacionesEnIos button {
  border: none;
  text-transform: none;
}

#enviarNotificacionesEnIos button:hover {
  background: none;
  color: inherit;
}
#enviarNotificacionesEnIos button:hover span {
  text-decoration: underline;
}
#enviarNotificacionesEnIos button {
  position: fixed;
  bottom: 24px;
  right: 12%;
  z-index: 3;
  margin: 0;
}

#enviarNotificacion button {
  position: fixed;
  bottom: 22px;
  right: 1%;
  z-index: 3;
  margin: 0;
}

#botonAtrasDiv button {
  position: fixed;
  bottom: 22px;
  right: 350px;/*right: 28%;*/
  z-index: 3;
  margin: 0;
}
#botonSiguienteDiv button {
  position: fixed;
  bottom: 22px;
  right: 230px;
  z-index: 3;
  margin: 0;
}

.ui-dialog-content.ui-widget-content table tbody tr td button:hover {
  background: #73BE41;
}
.ui-dialog-content.ui-widget-content table tbody tr td button:active {
  border-bottom: 1px solid #4B7D2B;
  margin-top: 31px;
}
.ui-widget-header.fileupload-buttonbar {
  background: transparent;
  border: none;
}
.fileupload-content.ui-widget-content.ui-corner-bottom {
  padding: 0;
}
.fileupload-content.ui-widget-content.ui-corner-bottom tr {
  margin: 5px 0 0;
  display: block;
}
.fileupload-content.ui-widget-content.ui-corner-bottom tr td.name {
  word-break: break-word;
}
label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button {
  float: right;
  background: transparent;
  color: #E32F47;
  border: 1px solid #E32F47;
  text-transform: uppercase;
  margin: 0;
  padding: 7px 10px 7px 30px;
}
label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button span.ui-button-text.ui-c {
  font-size: 14px;
  padding: 10px 0;
  line-height: 0;
}
label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button span.ui-button-icon-left.ui-icon.ui-c.ui-icon-plusthick {
  font-family: 'octopush-admin'!important;
  background: transparent;
  color: #E32F47;
  font-size: 16px;
  text-indent: 0;
  overflow: visible;
}
label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button span.ui-button-icon-left.ui-icon.ui-c.ui-icon-plusthick:before {
  content: "\e610";
}
label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button:hover {
  color: #222;
  box-shadow: none!important;
  text-decoration: underline!important;
}
#configuracionesAppleApp label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button:hover,
#frmModals\:creacionAplicacion label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button:hover,
#gestionAppsForm\:modificacionAtributos label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button:hover{
  color: white!important;
  background: #E32F47;
  text-decoration: none!important;
}

#frmModals\:creacionAplicacion .ui-button-text-icon-left .ui-icon,
#gestionAppsForm\:modificacionAtributos .ui-button-text-icon-left .ui-icon {
  margin-top: -12px!important;
}

label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button:hover span.ui-button-icon-left.ui-icon.ui-c.ui-icon-plusthick {
  color: white;
}

#imageLoad label.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.fileinput-button {
  width: 100%;
}
span.labelPopUp {
  padding-top: 14px;
  display: block;
  float: left;
}
.btnSiPopUp, .btnNoPopUp {
  width: 100px!important;
  margin: 30px 20px!important;
}
.btnSiPopUp {
  background: #E32F47!important;
}
#mensajeNotificacionRich > span {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
#mensajeNotificacionRich #formContenido\:panelCarrousselRich {
  width: 95%;
  margin: 0 auto;
}
#preferencias-dato-tipificado { width: 125px; }
.preferencias-tabla-idiomas { display: inline-block; width: 100%; }
.preferencias-tabla-idiomas .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all,
.preferencias-tabla-idiomas .ui-tabs-panel.ui-widget-content.ui-corner-bottom,
.ui-dialog .ui-dialog-titlebar { padding: 0; }
.idiomtaTradLoad-btn button { margin-top: 0 !important; }
.preferencias-dato-tipificado {
  box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;
  -o-box-sizing: border-box; -ms-box-sizing: border-box; -khtml-box-sizing: border-box;
  margin: 30px auto 20px;
  position: relative;
}
.preferencias-dato-tipificado > .ui-fileupload {
  float: right;
  height: 20px;
}
.pref-cod-val-an-codigo {
  width: 230px;
}
.pref-cod-val-an-valor {
  margin-left: 20px;
  width: 67%;
  width: calc(100% - 290px);
}
.pref-cod-val-an-valor input.ui-widget {
  width: 88%;
}
.preferencias-tituto-agregar {
  font-size: 16px;
  font-weight: 300;
  float: left;
}
.preferencias-dato-tipificado div.ui-datalist-content ul li {
  background: none repeat scroll 0 0 #999;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  height: 16px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 5px 10px;
  line-height: 16px;
}
.preferencias-dato-tipificado div.ui-datalist-content ul li a {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  color: #FFF;
  display: inline-block;
  float: right;
  font-size: 8px;
  height: 12px;
  margin-left: 5px;
  padding-top: 4px;
  text-align: center;
  width: 17px;
  line-height: 8px;
}
.preferencias-agregar-identificador-btn button {
  margin-top: 0 !important;
}
.preferencias-codigo-valor-anadir {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}
.preferencias-anadir-preferencia-btn button span {
  font-size: 16px;
}
.preferencias-anadir-preferencia-btn button {
}
.preferencias-dato-tipificado ul.ui-datalist-data {
  border: 0 none;
  display: inline-block;
  margin: 15px 15px 0;
  padding: 0;
}
.preferenciasadm3 div.label-arial12 {
  float: left;
  padding-right: 5px;
  padding-top: 13px;
}
.preferenciasadm2 { margin: 0 20px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: pointer!important;
  padding: 5px 15px;
}
#preferencias-select-idioma { width: 170px; }
#idiomaTradLoad {
  /*border-top: 1px dashed #ccc;*/
  display: inline-block;
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
}
.ui-carousel.ui-widget.ui-widget-content.ui-corner-all {
  background: none repeat scroll 0 0 #fafafa !important;
  height: 222px;
  padding: 0 !important;
  width: 100% !important;
}
.ui-carousel .ui-carousel-viewport {
  border: 0 none;
  margin-top: 17px;
  overflow: hidden;
  position: relative;
  height: 205px !important;
  width: 100% !important;
}
.car-msg-mensaje, .car-msg-mensaje span, .car-msg-mensaje span font {
  background: none repeat scroll 0 0 transparent !important;
  color: #fff;
  font-weight: normal !important;
  font-family: Arial,sans-serif !important;
  font-size: 12px;
  max-height: 84px;
  overflow: hidden;
  margin: 10px 0 0;
}

.car-msg-botones .wrapBtnReenviarRich {
  height: auto;
  opacity: 1;
  overflow: inherit;
}
.car-msg-botones button span { display: none !important; }
.car-msg-botones button:hover {
  background-color: #eee !important;
}
.car-msg-botones button {
  height: 26px;
  margin: 0 !important;
  padding: 0 !important;
  width: 26px;
}
.car-msg-botones {
  bottom: 0;
  height: 26px;
  position: absolute;
  right: 23px;
  width: 26px;
  z-index: 1;
}
.car-msg-idioma span {
  font-family: 'Montserrat',sans-serif;
  font-size: 11px;
  text-transform: none;
}
.car-msg-idioma,
.car-msg-idioma-detalle,
.car-msg-titulo-detalle {
  background: none repeat scroll 0 0 #B9B9B9;
  bottom: 0;
  box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;
  -o-box-sizing: border-box; -ms-box-sizing: border-box; -khtml-box-sizing: border-box;
  color: #fff;
  height: 26px;
  left: 23px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 0;
  padding-top: 4px;
  position: absolute;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 181px;
  font-size: 14px;
  line-height: 20px;
}
.car-msg-botones .wrapBtnEditarEnvio {
  height: auto;
  opacity: 1;
  overflow: inherit;
}

.car-msg-botones .wrapBtnEditarEnvio button {
  background-color: #D5D5D5!important;
  color: #414141!important;
  z-index: 1;
}
.car-msg-botones .wrapBtnEditarEnvio button:hover {
  background-color: #414141!important;
  color: #FFF!important;
}
.car-msg-botones .wrapBtnEditarEnvio button:before {
  content: '\e607';
  font-family: 'octopush-admin';
  font-size: 15px;
  font-weight: 100;
  line-height: 29px;
}

.car-msg-titulo-detalle {
  top:59px;
  width: 207px;
}

.car-msg-idioma-detalle {
  bottom: 0;
  width: 207px;
}

.car-msg-mensaje-titulo {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 15px;
  padding-top: 9px;
}
.ui-carousel .ui-carousel-viewport,
.ui-carousel .ui-carousel-header{
  background: white;
}
span.ui-carousel-button.ui-carousel-prev-button.ui-icon.ui-icon-circle-triangle-w,
span.ui-carousel-button.ui-carousel-next-button.ui-icon.ui-icon-circle-triangle-e {
  background: white;
  text-indent: 0;
  text-align: center;
  position: relative;
}
span.ui-carousel-button.ui-carousel-prev-button.ui-icon.ui-icon-circle-triangle-w:after,
span.ui-carousel-button.ui-carousel-next-button.ui-icon.ui-icon-circle-triangle-e:after {
  font-family: 'octopush-admin'!important;
  color: #B1B1B1;
  font-size: 20px;
  position: relative;
  top: 50%;
  transform: translate(0,-50%);
  content: '\e60b';
}
span.ui-carousel-button.ui-carousel-next-button.ui-icon.ui-icon-circle-triangle-e:after {
  content: '\e60c';
}
.ui-carousel-button.ui-carousel-prev-button, .ui-carousel-button.ui-carousel-next-button {
  height: 222px;
  margin: 0 !important;
  position: relative;
  width: 32px;
  z-index: 2;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
.ui-carousel-button.ui-carousel-prev-button {
  float: left !important;
}
.ui-carousel-button.ui-carousel-next-button {
}
.ui-carousel .ui-carousel-viewport ul { padding: 0 0 0 42px !important; }
.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-page-links { display: none !important; }
.ui-carousel .ui-carousel-viewport ul li .car-msg-bg {
  box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;
  -o-box-sizing: border-box; -ms-box-sizing: border-box; -khtml-box-sizing: border-box;
  height: 205px;
  overflow: hidden;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 88px;
  position: relative;
  width: 253px;


}
.ui-carousel .ui-carousel-viewport ul {
  padding: 0 0 0 42px;
}
.ui-carousel .ui-carousel-header {
  height: 222px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute;
  width: 100%;
}
#mensajeNotificacionRich > .ui-chkbox.ui-widget {
  margin-top: 30px;
}
.ui-icon.ui-icon-closethick {
  font-family: 'octopush-admin'!important;
  background: transparent;
  font-size: 16px;
  color: #111;
  text-indent: 0;
  overflow: visible;
  margin: 25px 20px!important;
}
.ui-icon.ui-icon-closethick:before {
  content: "\e605";
}
.ui-icon.ui-icon-closethick:hover {
  border: none;
  color: white;
  text-decoration: none;
}
.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all,
.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  border: none;
  text-decoration: none;
  background: transparent;
  padding: 0px!important;
  margin: 4px;
}


/* SELECCION DE PLANTILLA */
#tiposPlantillas table.ui-datagrid-data {
  display: block;
  width: 100%;
}
#tiposPlantillas table.ui-datagrid-data tr {
  display: block;
  width: calc(33.3333% - 30px);
  width: -moz-calc(33.3333% - 30px);
  width: -webkit-calc(33.3333% - 30px);
  margin: 0 30px 30px 0;
  float: left;
}
#tiposPlantillas table.ui-datagrid-data tr:nth-child(3n) {
  margin-right: 0;
}
#tiposPlantillas table.ui-datagrid-data tr td,
#tiposPlantillas table.ui-datagrid-data tr td a,
#tiposPlantillas table.ui-datagrid-data tr td a div {
  width: 100%;
  display: block;
}
#tiposPlantillas table.ui-datagrid-data tr td a div.content {
  float: left;
  width: calc(100% - 50px);
}
#tiposPlantillas table.ui-datagrid-data tr td a div.content h3 {
  font-size: 16px;
  font-weight: bold;
  color: #999;
  margin: 5px 0 10px;
}
#tiposPlantillas table.ui-datagrid-data tr a:hover {
  text-decoration: none;
}

#tiposPlantillas table.ui-datagrid-data tr span.ui-panel-title {
  font-size: 12px;
  font-weight: bold;
  color: #999;
  display: block;
  min-height: 30px;
  margin: 0 0 5px;
  float: left;
  max-width: calc(100% - 45px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#tiposPlantillas table.ui-datagrid-data tr td a div.wrapperPlataformas {
  float: right;
  width: auto;
}

#tiposPlantillas table.ui-datagrid-data tr td a div.wrapperPlataformas > span {
  font-family: 'octopush-admin'!important;
  font-size: 18px;
  font-weight: 100;
  color: #A7A7A7;
  display: block;
  float: left;
  margin: 0 0 0 5px;
}

#tiposPlantillas table.ui-datagrid-data tr td a div.wrapperPlataformas > span.ios:after {
  content: '\e611';
}

#tiposPlantillas table.ui-datagrid-data tr td a div.wrapperPlataformas > span.android:after {
  content: '\e602';
}
#tiposPlantillas table.ui-datagrid-data tr td a div.wrapperPlataformas > span.windows:after {
  content: '\eac2';
}

#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content {
  padding: 15px!important;
  background: #F7F7F7!important;
  width: calc(100% - 30px);
}

#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content:after {
  content: '';
  display: block;
  clear: both;
}

#tablaDetalleMensajeTraducciones .ui-panel-content img.icon,
#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content img.icon {
  float: left;
  margin-right: 20px;
  /*margin-bottom: 40px;*/
}
#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content p,
#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content .buttons {
  font-size: 12px;
  line-height: 18px;
  color: #999;
  margin-bottom: 15px;
}
#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content hr {
  border-top: 1px solid #ccc;
  margin-bottom: 15px;
}
#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content .buttons span {
  margin-right: 10px;
}
#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content img:not(.icon) {
  margin: 5px 0 15px;
  float: right;
}

#tiposPlantillas table.ui-datagrid-data:hover tr:hover * {
  color: #444;
}

#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content,
#tiposPlantillas table.ui-datagrid-data tr div.ui-panel-content {
  box-shadow: 0 3px 6px -2px rgba(0,0,0,0.35)!important;
  -moz-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.35)!important;
  -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.35)!important;
}

#tiposPlantillas table.ui-datagrid-data tr .active div.ui-panel-content,
#tiposPlantillas table.ui-datagrid-data tr:hover div.ui-panel-content {
  box-shadow: 0 6px 12px -4px rgba(0,0,0,0.70)!important;
  -moz-box-shadow: 0 6px 12px -4px rgba(0,0,0,0.70)!important;
  -webkit-box-shadow: 0 6px 12px -4px rgba(0,0,0,0.70)!important;
}

#tiposPlantillas table.ui-datagrid-data tr .active div.ui-panel-content {
  border: 1px solid #E86879!important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#tiposPlantillas table.ui-datagrid-data tr .active span.ui-panel-title {
  color: #E32F47;
}

/* PANTALLA ENVIO PUSH POR PLANTILLAS */
div#botonAtrasMensajePush a,
div#botonAtrasFiltroPush a {
  color: #E32F47;
  text-decoration: underline;
  margin: 2px 0 0;
  display: block;
}

div#formContenido\:tabsIdiomas\:0\:j_idt108 {
  padding: 0;
}

div#botonAtrasMensajePush a:hover {
  text-decoration: none;
}

#cuerpoMensajePush #titulo .label-arial12 label{
  font-size: 14px;
  font-weight: 600;
  display: block;
  clear: both;
  margin: 25px 0 10px;
}

#cuerpoMensajePush #titulo .label-arial12 + input{
  width: calc(100% - 15px);
  margin: 0 0 10px!important;
  display: block;
}

#cuerpoMensajePush #icono .label-arial12,
#cuerpoMensajePush #imagenDiv .label-arial12,
#cuerpoMensajePush #desc .label-arial12{
  display: block;
  margin: 15px 0 -5px;
  padding-bottom: 5px;
}

#cuerpoMensajePush #icono .label-arial12 + table.ui-selectoneradio,
#cuerpoMensajePush #imagenDiv .label-arial12 + .styledSelect + span table.ui-selectoneradio{
  width: auto;
  float: right;
  margin: -17px 0 0!important;
}

#cuerpoMensajePush #icono .label-arial12 + table.ui-selectoneradio td:nth-child(3),
#cuerpoMensajePush #imagenDiv .label-arial12 + .styledSelect + span table.ui-selectoneradio td:nth-child(3){
  padding-left:20px;
}
#cuerpoMensajePush #imagenDiv .label-arial12 + .styledSelect{
  margin: 10px 0 20px!important;
}
#cuerpoMensajePush #icono input,
#cuerpoMensajePush #imagenDiv input{
  margin: 10px 0 20px!important;
  width: calc(100% - 15px);
}

#cuerpoMensajePush #desc textarea{
  margin: 10px 0 0!important;
  width: 100%;
}

#cuerpoMensajePush #icono .imgWrapper,
#cuerpoMensajePush #imagenDiv .imgWrapper,
#cuerpoMensajePush #icono .ui-fileupload,
#cuerpoMensajePush #imagenDiv .ui-fileupload{
  float: left;
  width: auto;
  margin-right: 15px;
  margin-top: 5px;
}

#cuerpoMensajePush #icono .ui-fileupload,
#cuerpoMensajePush #imagenDiv .ui-fileupload{
  margin-top: 6px;
  width: calc(100% - 140px);
}

#cuerpoMensajePush #imagenDiv .ui-fileupload{
  width: calc(100% - 360px);
}

#cuerpoMensajePush #icono .ui-fileupload label,
#cuerpoMensajePush #imagenDiv .ui-fileupload label{
  float: left;
}

#cuerpoMensajePush #icono .ui-fileupload label:hover,
#cuerpoMensajePush #imagenDiv .ui-fileupload label:hover{
  background: #E32F47;
  color: white;
  text-decoration: none!important;
}

#cuerpoMensajePush #icono .imgWrapper ~ .label-arial12,
#cuerpoMensajePush #imagenDiv .imgWrapper ~ .label-arial12{
  width: 40%;
  margin: -5px 0 0!important;
  float: left;
  line-height: 16px;
}

#cuerpoMensajePush #divButtons table.ui-selectoneradio td,
#cuerpoMensajePush2 #divButtons2 table.ui-selectoneradio td{
  float: left;
}

#cuerpoMensajePush #divButtons table.ui-selectoneradio,
#cuerpoMensajePush2 #divButtons2 table.ui-selectoneradio{
  margin: 5px 0 0;
}
#cuerpoMensajePush #divButtons table.ui-selectoneradio td:nth-child(2),
#cuerpoMensajePush2 #divButtons2 table.ui-selectoneradio td:nth-child(2){
  margin-right: 20px;
}

div#divButtons .label-arial12,
div#divButtons2 .label-arial12{
  margin-bottom: 10px;
}
div#divButtons .styledSelect,
div#divButtons2 .styledSelect{
  width: calc(100% - 5px);
  margin: 0 0 20px;
}

div#divButtons .styledSelect:last-child,
div#divButtons2 .styledSelect:last-child{
  margin-bottom: 0;
}

/* FONDO POPUP ENVIAR NOTIF */
/* LOADING */
#bgPopUp {
  width: 100%;
}
#bgPopUp.activePopUp,.loading,
.ui-widget-overlay,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible:after {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 100;
  filter: Alpha(Opacity=100);
  z-index: 10;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-draggable.ui-overlay-visible:after {
  content: '';
  z-index: -1;
}
.loading {
  transition: all 0.3s cubic-bezier(0.29, 0.82, 0.57, 0.97);
  -moz-transition: all 0.3s cubic-bezier(0.29, 0.82, 0.57, 0.97);
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0.82, 0.57, 0.97);
}
.loading > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -20px;
  overflow: hidden;
  animation-name: loader;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
}
.loading > span:before {
  font-size: 70px;
  color: white;
}
@keyframes loader {
  from {height: 0;}
  to {height: 100px;}
}
/* footer
______________________________________________ */

.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
html, body {
  height: auto;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  min-height: 100vh;
  background: #F7F7F7;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin:0 0 -90px;
}
body.login .page-wrap {
  min-height: 0;
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 90px;
}
.site-footer {
  background: white;
  border-top: 1px solid #E5E5E5;
  height: 89px;
}
.site-footer ul {
  margin: 0 0 0 1%;
  padding: 0;
  float: left;
}
.site-footer ul li {
  float: left;
  margin: 0 35px 0 0;
}
.site-footer ul li a {
  color: #4A4F55;
  font-size: 0.8em;
  line-height: 89px;
}

html.cssanimations .page-wrap{
  margin: 0;
  background: #E32F47;
}
html.cssanimations .page-wrap:after {
  height: 0;
}
html.cssanimations .site-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  width: -moz-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  z-index: 2;
}
/* MEDIA QUERY
______________________________________________ */
@media screen and (min-width: 1850px) {
  .zonaApps .wrapperAuto960 { max-width: 90%; }
  ul.listadoApps li {
    width: -moz-calc(25% - 25px);
    width: -webkit-calc(25% - 25px);
    width: calc(25% - 25px);
  }
  ul.listadoApps li.last { margin: 0 30px 20px 0; }
  ul.listadoApps li:nth-child(4n) {
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 1850px) {
  .zonaApps .wrapperAuto960 { max-width: 90%; }
  ul.listadoApps li {
    width: -moz-calc(33.3333% - 22px);
    width: -webkit-calc(33.3333% - 22px);
    width: calc(33.3333% - 22px);
  }
}
@media screen and (max-width: 1366px) {
  .zonaApps .wrapperAuto960 { max-width: 97%; }

  .sidebar {
    width: 55px;
    overflow: hidden;
  }
  .sidebar:before {
    width: 55px;
  }
  .sidebar:hover,
  .sidebar:hover:before,
  .sidebar form {
    width: 300px;
  }
  .sidebar .on + .opened * {
    transition: padding .3s ease, line-height .3s ease;
  }
  .sidebar:not(:hover) .on + .opened * {
    line-height: 0px;
    padding: 0;
    overflow: hidden;
    border: 0;
  }
  .sidebar ul.menu {
    margin: 0;
  }
  .contentRight {
    width: -moz-calc(100% - 85px);
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px);
  }
  .sidebar:hover + * div.contentRight {
    width: -moz-calc(100% - 330px);
    width: -webkit-calc(100% - 330px);
    width: calc(100% - 330px);
  }
  html.cssanimations .site-footer {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  ul.listadoApps li {
    width: -moz-calc(50% - 17px);
    width: -webkit-calc(50% - 17px);
    width: calc(50% - 17px);
  }
  ul.listadoApps li.last { margin: 0 30px 20px 0; }
  ul.listadoApps li:nth-child(2n) {
    margin: 0 0 20px 0;
  }
  html.cssanimations .site-footer {
    width: 100%;
  }
  #tablaDetalleMensajeTraducciones,#tablaDetalleMensajeDispositivosLeidos{
    padding-top:5%;
  }
}

/*#tablaDetalleMensajeDispositivos.detallePush,*/
#tablaDetalleMensajeDispositivosLeidos.detallePush{
  width:90%;
  padding-left:5%;
  padding-right:5%;
}

div#frmModals\:panelDetalleCarrousselRich {
  margin: 40px 0 0;
}


.unaTabla{
  width:50%;
  margin-left:25%;
  float:left;
}
.dosTablas{
  width:45%;
  margin:2%;
  float:left;
}
.pie{
  width:400px;
  height:300px;
  float:left;
}
table.jqplot-table-legend{
  width:100px;
}
.imagenReenvioRich{
  background-image: url("../resources/img/ico_envios.png") !important;
}

/*MENSAJE ERROR */
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
  font-size: 15px;
  -moz-border-radius: 3px!important;
  -webkit-border-radius: 3px!important;
  border-radius: 3px!important;
}
.ui-messages-info{
  height:16px;
}
.ui-messages-info ul{
  border-bottom: none;
  margin:0;
}


.txtVersion {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    text-align: center;
    color: #FFF;
    font-size: 0.7em;
}

.appVersion{
  line-height: 89px;
  color: #999;
  font-size: 0.7em;
}

.acordeonFiltro > .ui-accordion .ui-accordion-content{
  top: 19px;
}

span#validoIOS {
  float: right;
  margin: -23px 1% 0 0;
  font-size: 14px;
  color: #fff;
}

span#validoIOS h1 {
  background: rgba(0,0,0,.6);
  display: block;
  max-width: 100%;
  padding: 8px 10px;
  position: relative;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  white-space: nowrap;
}
span#validoIOS h1::after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(0,0,0,.6);
  bottom: -10px;
  content: "";
  height: 0;
  left: 90%;
  position: absolute;
  transform: translateX(-90%);
  width: 0;
}

span#validoIOS h1.hidden {display: none;}
span#validoIOS h1.show{display: block;}

#destinatarios .enviarPrueba button{
  float: right;
  color: white;
  border: none;
  background: #000000;
  font-size: 14px;
  padding: 0 15px;
  line-height: 29px;
  height: 29px;
  cursor: pointer;
}

/*estilos encabezado wizard*/
/*
ul #pasosHeaders li .pasoWiz{
    font-size: 18px !important;;
    margin: -1px 0 0 !important;;
    font-weight: 300 !important;;
    background: #FFFFFF !important;;
}
ul #pasosHeaders  li .pasoWizCompleto{
    font-size: 18px !important;;
    margin: -1px 0 0 !important;;
    font-weight: 300 !important;;
    background: #F5A9A9 !important;;
    color: #FFFFFF !important;;
}
ul #pasosHeaders li .pasoWizActual{
    font-size: 18px !important;;
    margin: -1px 0 0 !important;;
    font-weight: 300 !important;;
    background: #E32F47 !important;;
    color: #FFFFFF !important;;
}
ul #pasosHeadersSinPush  li .pasoWizCompleto{
    font-size: 18px !important;;
    margin: -1px 0 0 !important;;
    font-weight: 300 !important;;
    background: #F5A9A9 !important;;
    color: #FFFFFF !important;;
}
ul #pasosHeadersSinPush li .pasoWizActual{
    font-size: 18px !important;;
    margin: -1px 0 0 !important;;
    font-weight: 300 !important;;
    background: #E32F47 !important;;
    color: #FFFFFF !important;;
}
*/

.clear2{
  clear: both;
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 40px 40px 40px;
}

/* Wizard Steps */
.wizard-steps {
  float: right;
  padding-right: 5px;
}
.wizard-steps::after {
  clear: both;
  content: "";
  display: block;
}
.wizard-steps li {
  margin-right: 20px;
}
.wizard-steps li:last-child {
  margin-right: 0;
}
.wizard-steps .pasoWiz {
  color: #9E9E9E;
  font-size: 12px !important;
}
.wizard-steps .pasoWiz span {
  background-color: #9E9E9E;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  padding: 7px 12px;
}
.wizard-steps .pasoWiz.pasoWizActual {
  color: #E32F47;
  font-weight: 700;
}
.wizard-steps .pasoWiz.pasoWizActual span {
  background-color: #E32F47;
}
.wizard-steps .pasoWiz.pasoWizCompleto {
  color: #E32F47;
  opacity: .35;
}
.wizard-steps .pasoWiz.pasoWizCompleto span {
  background-color: #E32F47;
  opacity: .35;
}

#tiposPlantillas.newPushTemplate table.ui-datagrid-data tr {
  max-width: 377px;
  width: 100%;
}

/* Vista previa reenvio */
.ui-carousel .ui-carousel-viewport ul {
  position: relative !important;
}
#tablaDetalleMensajeTraducciones {
  color: #444;
  margin-top: 30px;
}
#tablaDetalleMensajeTraducciones #tiposPlantillasDetalle {
  float: left;
}
#tablaDetalleMensajeTraducciones ul li table {
  margin-bottom: 10px !important;
}
#tablaDetalleMensajeTraducciones li.ui-carousel-item.ui-widget-content.ui-corner-all {
  background: #F7F7F7!important;
  box-shadow: 0 3px 6px -2px rgba(0,0,0,0.35)!important;
  -moz-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.35)!important;
  -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.35)!important;
  max-width: 300px !important;
  padding: 15px!important;
  width: 300px !important;
}
#tablaDetalleMensajeTraducciones .ui-carousel .ui-carousel-header{
  height: 100% !important;
  overflow: inherit;
}
#tablaDetalleMensajeTraducciones span.ui-carousel-button.ui-carousel-prev-button.ui-icon.ui-icon-circle-triangle-w,
#tablaDetalleMensajeTraducciones span.ui-carousel-button.ui-carousel-next-button.ui-icon.ui-icon-circle-triangle-e {
  height: 100%;  
}
#tablaDetalleMensajeTraducciones li.ui-carousel-item.ui-widget-content.ui-corner-all {
  position: relative;
}
#tablaDetalleMensajeTraducciones .ui-carousel.ui-widget.ui-widget-content.ui-corner-all,
#tablaDetalleMensajeTraducciones .ui-carousel .ui-carousel-viewport{
  height: auto !important;
  padding: 30px 0;
}
#tablaDetalleMensajeTraducciones .ui-panel-content img.icon {
  float: left;
  margin-bottom: 40px;
  margin-right: 20px;
}
#tablaDetalleMensajeTraducciones .ui-panel-content p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 15px;
}
#tablaDetalleMensajeTraducciones .ui-panel-content hr {
  border-top: 1px solid #ccc;
  margin-bottom: 15px;
}
#tablaDetalleMensajeTraducciones .ui-panel-content div.content {
  float: left;
  margin-bottom: 0;
  width: calc(100% - 50px);
}
#tablaDetalleMensajeTraducciones .ui-panel-content img:not(.icon) {
  border: 1px solid #E4E4E4;
  float: right;
  margin: 5px 0 15px;
  width: 100%;
}
#tablaDetalleMensajeTraducciones .ui-panel-content .buttons span {
  margin-right: 10px;
}
#tablaDetalleMensajeTraducciones .ui-panel-content .content {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 15px;
}
#tablaDetalleMensajeTraducciones .ui-panel-content .content .buttons {
  display: inline-table;
}
#tablaDetalleMensajeTraducciones .ui-panel-content .content .buttons span {
  background: rgba(0,0,0,.08);
  border-radius: 5px;
  padding: 5px 7px;
}
#tablaDetalleMensajeTraducciones .ui-panel-content .content .buttons span:hover,
#tablaDetalleMensajeTraducciones .ui-panel-content .content .buttons span:active {
  background: rgba(0,0,0,.15);
}
h3#tituloPlantillaDetalle {
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 10px;
}
.col-highlight h2 {
  background: #E32F47;
  border-color: #E32F47;
  color: #fff;
}
.col-highlight #cuerpoMensajePush {
  border-color: #E32F47 !important;
}
.floated-default-text {
  color: #999 !important;
  font-weight: bold;
  font-size: 16px;
  left: 50%;
  position: absolute;
  top: -25px;
  transform: translateX(-50%);
  white-space: nowrap;
}
/*CORRECTIVO ESTADISTICA - DISPOSITIVOS ACTUALES*/
.contentRight #formContenido .bgGris #tipoDeInforme .mostrar-dispositivos-por{
  width: 31%;
  float: left;
}
.fecha-inicio, .fecha-fin {
  width: 25%;
  float: left;
  margin-left: 1%;
  margin-top:34px;
}
.fecha-inicio input, .fecha-fin input{
  border-radius: 4px !important;
  height: 17px;
}
.btn-visualizar {
  float: right;
  margin-top: 34px;
}

#ui-datepicker-calendar .tbody {
  width: 150px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  padding: 10px 0;
}

/* ESTADISTICAS */
.tabla__estadisticas {
  box-sizing: border-box;
  padding: 10px 0 0 20px;
}
.tabla__estadisticas table tbody {
  float: none !important;
}
.tabla__estadisticas tbody tr td {
  text-align: center;
}
.tabla__estadisticas tbody tr td:first-child {
  text-align: left;
}
.tabla__estadisticas--title {
  margin-top: 8px;
}
.separation {
  margin-bottom: 20px;
}

.titulo-dispositivo {
  font-weight: bold;
  margin: 0px 0 15px;
}

#formContenido\:descargas tbody {
  float: left;
}

/* MEDIA QUERY
______________________________________________ */
@media screen and (max-width: 1364px) {
  .fecha-inicio, .fecha-fin {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-top: 9px;
  }
  .contentRight #formContenido .bgGris .mostrar-dispositivos-por{
    width: 34%;
    float: left;
  }
}

/* ENVÍO NOTIFICACIÓN */
.form-block .label-arial12 {display:block;margin-bottom: 10px;}
.form-block input, .form-block textarea  {margin-bottom: 30px!important;}
.number-field input {max-width:100px}

.button-block button.ui-state-default {margin-top:20px; margin-bottom: 20px;}

/* Feedback */
.feedback:after,
#feedback:after{
    content: '';
    display: table;
    clear: both;
}
.feedback .ui-widget,
#feedback div.ui-widget{
    min-width: initial!important;
    margin: 0 5px 0 0!important;
}

.feedback .ui-widget .ui-widget,
#feedback div.ui-widget .ui-widget{
    position: relative;
    top: 4px;
}

.feedback #selectPreferencia {
    margin: 15px 0;
}

#feedback .ui-selectoneradio {
    margin: 15px 0;
}

#feedback .ui-selectoneradio td .ui-radiobutton {
    top: 1px;
}

#feedback .ui-selectoneradio td label {
    position: relative;
    left: -12px;
}

#feedback .params {
    display: block;
    font-weight: bold;
    padding-top: 10px;
    font-size: 12px;
}

#feedback .params + span {
    font-size: 12px;
    margin-top: 5px;
    display: block;    
}

/* Informe */
.informe:after {
    content: '';
    display: table;
    clear: both;
}

.informe h3 {
    width: 90%!important;
    margin: 0 auto!important;
}

.informe .mensaje-fechainicio {
    position: relative;
}

.informe .mensaje-fechainicio::before {
    position: absolute;
    left: -35px;
    top: 2px;
    width: auto;
}

.informe button {
    margin: 15px 30px 0 0!important;
}

[id*="csvPref"]{
    float: left;
    margin-top: 10px;
}
#intervaloFechasAplicacion:after {
    content: '';
    display: table;
    clear: both;
}
#intervaloFechasAplicacion .toggleActive button {
    padding: 14px;
}
#intervaloFechasAplicacion .toggleActive button span {
    font-size: 12px;
}
#intervaloFechasAplicacion .toggleActive button:first-child {
    border-radius: 0 6px 6px 0!important;
}
#intervaloFechasAplicacion .toggleActive button:last-child {
    border-radius: 6px 0 0 6px!important;
}
#intervaloFechasAplicacion .mensaje-fechainicio,
#intervaloFechasAplicacion .mensaje-fechafin {
    width: calc(30% - 7.5px);
}

#logofeder {
    float: left;
    margin: 10px 15px 0 25px;
    height: 70px;
}