/** {outline: 1px solid red !important;}*/


header#grp-header, .grp-fixed-footer {
   min-width: 960px;
   margin: 0 auto;
}

h1#grp-admin-title {
  padding: 13px 0 10px 0;
  color: #bbb;
}

#grp-breadcrumbs > ul li {
  line-height: 15px;
}

.grp-font-size-m, h3 {
    font-size: 16px;
}

.grp-line-height-m, h3 {
    line-height: 16px;
}

table.grp-table td, table.grp-table th {
    line-height: 19px;
}

a.grp-link-internal {
  padding-left: 0;
  font-weight: bold;
  background-image: none;
}

html, body, div, span, applet, object, iframe,
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,
fieldset.grp-module .grp-row label,
input[type="text"], input[type="password"], input[type="url"],
input[type="email"], input[type="number"], input[type="submit"],
input[type="reset"], textarea, select
{
font-family: 'Roboto', sans-serif;
}


html, body, div, span, applet, object, iframe,
p, blockquote, pre, big, cite, code,
del, dfn, img, ins, 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,
fieldset.grp-module .grp-row label,
input[type="text"], input[type="password"], input[type="url"],
input[type="email"], input[type="number"], input[type="submit"],
input[type="reset"], textarea, select,
table.grp-table td,
table.grp-table th,
table.grp-table tbody tr th,
p.file-upload
{
font-size: 14px;
}

html, body, div, applet, object, iframe,
p, blockquote, pre, big, cite, code,
del, dfn, img, ins, 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,
fieldset.grp-module .grp-row label,
input[type="text"], input[type="password"], input[type="url"],
input[type="email"], input[type="number"], textarea, select
{
line-height: 1.4;
}

select, input[type="submit"], input[type="reset"]
{
line-height: 1;
}

input[type="text"], input[type="password"], input[type="url"], input[type="email"],
input[type="number"], textarea, select
{
font-weight: bold;
color: #222;
height: 28px;
}

.article-edit .grp-row textarea {
    width: 725px;
}

textarea {
  height: 112px;
}

.answer textarea {
  height: 150px;
}


.grp-messagelist > li.grp-success {
  margin-top: 45px;
}

fieldset.grp-module .grp-row label {
  margin: 2px 0px 0px 0px;
}

.opusdeicms-article .grp-module, .opusdeicms-globalpage .grp-module, .youth-youtharticle .grp-module {
  border: none;
}

.grp-description {
  font-size: 13px;
  color: #222;
}

body.grp-login .grp-module-login .grp-module label:first-child {
  margin-top: 0;
}

.grp-listing-small a + span, .grp-listing-small span + span {
    margin: 5px 0 3px;
}


/* ############### Esto ya estaba #################### */
.header_site {
    padding: 10px;
    font-weight: bold;
    float: right;
}

.selected_site {
    position: relative;
    float: right;
    font-weight: bold;
    margin: 5px 15px 0 0;
}
/* #################################################### */

.grp-row ul.errorlist {
    display: block;
    float: none;
    clear: both;
}

.vLargeTextField {
    height: 60px;
}

.grp-button.cancel {
  border: 1px solid #7b7b7b;
  background-image: linear-gradient(#a2a2a2,#888888);
}

.module .title input {
  font-size: 16px;
  height: 30px;
}

.module input.vTextField {
  width: 725px !important;
}

.module label {
  color: #222;
  font-size: 12px;
  font-weight: bold;
}

fieldset.grp-module .grp-row label {
  color: #257793;
}

.module .grp-row .grp-help {
  font-size: 14px !important;
  line-height: 20px;
  color: #444;
  padding-top: 10px;
}

.module .grp-row .grp-help b {
  font-weight: bold;
}


.grp-related-widget-wrapper + p.grp-help {
  padding-top: 12px;
}

fieldset.grp-module .grp-row label {
  padding: 3px;
  font-weight: normal;
}

fieldset.grp-module .grp-row label.required {
  border: 1px solid #257793;
  padding: 2px 5px;
  border-radius: 4px;
}

textarea[disabled]{
  background: transparent;
}

/* Edición de artículos */

#grp-context-navigation {
    padding: 8px 0;
}

.grp-module.article-edit {
  border: none;
  border-top: 10px solid #009B77;
  background: #f5f5f5;
}

.youth-youtharticle .grp-module.article-edit {
  border: none;
  border-top: 10px solid #fac306;
  background: #f5f5f5;
}

fieldset.grp-module .grp-row,
fieldset.grp-module .grp-row.grp-cells {
  padding: 20px 10px;
}

.opusdeicms-module fieldset.grp-module .grp-row,
.opusdeicms-module fieldset.grp-module .grp-row.grp-cells {
  padding: 20px 10px;
}

.opusdeicms-module fieldset.grp-module .grp-row.grp-row-hidden {
  padding: 0;
}

.opusdeicms-article h1, .opusdeicms-globalpage h1, .youth-youtharticle h1 {
  padding-top: 30px;
}

.main-media {
  background: #f1f1f1;
  border: none;
}

.main-media .embed {
  background: #e5e5e5;
}

.main-media .embed .c-2 {
  width: 758px;
}

.grp-module.main-media .grp-row.embed {
  padding-top: 16px;
}

.opusdeicms-article .colored > h2.grp-collapse-handler,
.opusdeicms-article .grp-collapse.grp-closed > h2.grp-collapse-handler,
.opusdeicms-globalpage .colored > h2.grp-collapse-handler,
.opusdeicms-globalpage .grp-collapse.grp-closed > h2.grp-collapse-handler {
  background-image: linear-gradient(#009B77, #009B7791);
  padding: 15px 15px;
  color: #f5f5f5;
  font-size: 15px;
  text-shadow: none;
  line-height: 2;
}
.colored {
  margin-top: 40px;
}

/*.opusdeicms-article .grp-collapse.grp-open > h2.grp-collapse-handler:hover,*/
/*.opusdeicms-article .grp-collapse.grp-closed > h2.grp-collapse-handler:hover,*/
/*.opusdeicms-globalpage .grp-collapse.grp-open > h2.grp-collapse-handler:hover,*/
/*.opusdeicms-globalpage .grp-collapse.grp-closed > h2.grp-collapse-handler:hover {*/
/*  background: #009B77;*/
/*}*/

/*.opusdeicms-article .grp-collapse > h2.grp-collapse-handler:before,*/
/*.opusdeicms-globalpage .grp-collapse > h2.grp-collapse-handler:before {*/
/*  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 32'%3E%3Cpath fill='%23ffffff' d='M0 0h8.618c6.472 7.413 13.050 14.737 19.499 22.17 6.546-7.37 13.057-14.772 19.569-22.17h8.455v0.081c-1.622 1.679-3.102 3.486-4.653 5.231-7.778 8.894-15.573 17.78-23.335 26.688h-0.192c-9.29-10.662-18.654-21.262-27.961-31.909v-0.091z'%3E%3C/path%3E%3C/svg%3E");*/
/*  display: inline-block;*/
/*  width: 15px;*/
/*  height: 15px;*/
/*  margin-right: 10px;*/
/*  transition: transform 0.3s ease-in-out;*/
/*}*/
/**/
/*.opusdeicms-article .grp-collapse.grp-open > h2.grp-collapse-handler:before,*/
/*.opusdeicms-globalpage .grp-collapse.grp-open > h2.grp-collapse-handler:before {*/
/*  transform: rotate(-180deg);*/
/*}*/











.youth-youtharticle .grp-collapse.grp-open > h2.grp-collapse-handler,
.youth-youtharticle .grp-collapse.grp-closed > h2.grp-collapse-handler {
  background-image: linear-gradient(#fac306, #fac30691);
  padding: 15px 10px;
  color: #333;
  font-size: 15px;
  line-height: 1;
}

.youth-youtharticle .grp-collapse.grp-open > h2.grp-collapse-handler:hover,
.youth-youtharticle .grp-collapse.grp-closed > h2.grp-collapse-handler:hover {
  background: #fac306;
}

.youth-youtharticle .grp-collapse > h2.grp-collapse-handler:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 32'%3E%3Cpath fill='%23000000' d='M0 0h8.618c6.472 7.413 13.050 14.737 19.499 22.17 6.546-7.37 13.057-14.772 19.569-22.17h8.455v0.081c-1.622 1.679-3.102 3.486-4.653 5.231-7.778 8.894-15.573 17.78-23.335 26.688h-0.192c-9.29-10.662-18.654-21.262-27.961-31.909v-0.091z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  transition: transform 0.3s ease-in-out;
}

.youth-youtharticle .grp-collapse.grp-open > h2.grp-collapse-handler:before {
  transform: rotate(-180deg);
}













.grp-closed.main-media .grp-row,
.grp-closed.publication-options .grp-row {
  display: block !important;
  opacity: 0;
  height:0;
  padding: 0 !important;
  border: none  !important;
  transition: opacity 0.4s ease-in-out;
}

.grp-open.main-media .grp-row,
.grp-open.publication-options .grp-row {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

.opusdeicms-article .grp-collapse h2.grp-collapse-handler,
.opusdeicms-globalpage .grp-collapse h2.grp-collapse-handler,
.youth-youtharticle .grp-collapse h2.grp-collapse-handler {
  color: #000;
  text-shadow: none;
}

.youth-youtharticle .grp-collapse h2.grp-collapse-handler {
  color: #333;
  text-shadow: none;
}

.nested_item_copies {
clear: both;
padding: 20px;
}

.nested_item_copies strong:not(:last-child):after {
content: ",";
padding-right: 6px;
}

.nested_item_copies strong:last-child:after {
content: ".";
}

.modal-content{
  background-color:#fafafa;
  width: 450px;
  padding: 20px;
  margin: 20% auto;
  position: relative;
}
.modal{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
  z-index:101;
}

#write-review-modal:target{
  opacity:1;
  pointer-events:auto;
}

#write-review-modal .modal-head {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
border-bottom: 1px dotted #309bbf;
padding-bottom: 7px;
font-size: 20px;
}

#write-review-modal p + p {
margin-top: 20px;
}

#write-review-modal #reason {
width: 375px;
height: 100px;
margin-left: 15px;
}

#review-frame .rf, #pending_reviews, #admin-notifications {
  border: 1px solid #bbb;
  padding: 10px;
  margin: 15px 0;
  border-radius: 5px;
  background: #ab2b2b05;
  color: #ff6766;
  width: max-content;
}

#review-frame h3 {
color: #444;
font-size: 16px;
margin-bottom: 10px;
}

#admin-notifications {
border: 1px solid #5aa;
background: #5555aa05;
}

#admin-notifications .info {
color: green;
}

#admin-notifications .warning {
color: #ff8c00;
}

#admin-notifications .critical {
color: red;
}

/* Lista de módulos de una sección */

#modules {
  min-width: 960px;
}

.grd {
  display: grid;
  grid-template-columns: 65px 70px 2fr 1fr 80px 80px 80px 90px 70px 90px;
  background:#ef9f131f;
}

.cell {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  line-height: 1.2;
  height: 40px;
  cursor: default;
}

.cell:nth-child(3), .cell:nth-child(4) {
  justify-content: flex-start;
}

.wrap {
  word-break: break-word;
}

.titles {
  font-weight: bold;
  background: #ef9f1355;
  color: #333;
  letter-spacing: 0.2px;
}

.inherited, .overwritten, .disabled {
  background: #ef9f1322;
}

.disabled {
  color: #888;
}

.center {
  justify-content: center;
}

.bold {
  font-weight: bold;
}

.number {
  background: #f5f5f5;
  border-radius: 50%;
  padding: 6px;
  min-width: 16px;
  text-align: center;
  font-size: 11px;
  color: #444;
}

.disabled .number {
  background: #efefef;
}

#modules a, a.add {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  padding: 5px 10px;
  font-weight: bold;
  border-radius: 5px;
  background: #ef9f13;
  color: #fff;
}

#modules a.preview-link {
  background: #ef9f13;
  min-width: 0;
}

#modules a.preview-link svg {
  fill: currentColor;
  margin: 0 3px;
}

#modules a.edit {
  background: #3498db;
}

#modules a.delete {
  background: #ff6766;
}

#modules a.enable {
  background: #11bb51;
}

#modules a.disable {
  background: #888888;
}

#modules a.override {
  background: #555555;
}

a.add {
  margin-top: 5px;
  padding: 16px;
  font-size: 16px;
  letter-spacing: 0.5px;
  background: #ef9f13;
  color: #fff;
  justify-content: center;
}

a.add:hover {
  color: #222;
  background: #ef9f13ee;
}

#modules a:hover {
  color: #000;
  opacity: 0.8;
}

.you-must {
  clear: both;
  padding-top: 20px;
  font-weight: bold;
  color: #282;
  font-size: 16px;
}

/* END Lista de módulos de una sección */

/* Edición de secciones */

.page-edit {
  margin: 0 0 1px;
  border-top: 10px solid #ef9f13;
}

#modules .mlist {
  padding: 15px 10px 11px 10px;
  font-weight: bold;
  font-size: 13px;
}

.modules-list {
  margin-top: 0px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: #222;
}

/* Edición de módulos */

#module_form {
  border: 3px solid #3498db;
  border-top: 10px solid #3498db;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #3498db11;
}

.module-edit {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.grp-module h3 {
  padding: 10px 10px;
}

.grp-module > h3 + .grp-tools, .grp-module.grp-closed > h3 + .grp-tools {
  top: -29px;
}
.grp-collapse.grp-open > h3.grp-collapse-handler, .grp-collapse.grp-closed > h3.grp-collapse-handler {
  font-size: 13px;
}

.metatags .taggit-labels.taggit-list .taggit-tag {
  margin: 3px 5px 3px 5px;
}

body.grp-popup #grp-content {
  padding: 20px 10px 120px 10px;
}

.help-items-module:first-of-type:after {
  content: 'Items in this module';
  padding: 20px 0px 20px 10px;
  display: block;
  clear: both;
  font-size: 13px;
  font-weight: bold;
  border-top: 3px solid #3498db;
}

#module_form .inline-group {
  padding: 0px;
  margin: 0px 0px 20px 10px;
  width: 930px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 10px 0px #ddd;
}

#module_form .inline-group:first-of-type {
  margin-top: 20px;
}

.grp-module.module-edit {
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  background: #3498db22;
}

.grp-module.module-edit .grp-row:not(tr):last-of-type {
  border-bottom: none;
}

#module_form h2.grp-collapse-handler {
  background-image: none;
  border: none;
  margin: 0;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 16px;
  padding: 11px 10px;
  background: #fff;
}

#module_form .inline-related {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #aaa;
  border-radius: 0;
  margin: 0px 0px;
  background: none;
  min-width: 0;
  position: relative;
}

#singleitem_set-group h2.grp-collapse-handler,
#singleitem_set-group a.grp-add-handler {color: #1C8172;}
#card_set-group h2.grp-collapse-handler,
#card_set-group a.grp-add-handler {color: #e86100;}
#articlebundle_set-group h2.grp-collapse-handler,
#articlebundle_set-group a.grp-add-handler {color: #0072CE;}
#dailytextbundle_set-group h2.grp-collapse-handler,
#dailytextbundle_set-group a.grp-add-handler {color: #B65A65;}
#datedgospelbundle_set-group h2.grp-collapse-handler,
#datedmeditationbundle_set-group h2.grp-collapse-handler,
#datedgospelbundle_set-group a.grp-add-handler {color: #FF7F41;}
#datedmeditationbundle_set-group a.grp-add-handler {color: #FF7F41;}
#anniversarybundle_set-group h2.grp-collapse-handler,
#anniversarybundle_set-group a.grp-add-handler {color: #F2A900;}

#singleitem_set-group {border: 3px solid #1C8172;}
#card_set-group {border: 3px solid #e86100;}
#articlebundle_set-group {border: 3px solid #0072CE;}
#dailytextbundle_set-group {border: 3px solid #B65A65;}
#datedgospelbundle_set-group {border: 3px solid #FF7F41;}
#datedmeditationbundle_set-group {border: 3px solid #FF7F41;}
#anniversarybundle_set-group {border: 3px solid #F2A900;}

#singleitem_set-group h3 {background: #1C817277;}
#card_set-group h3 {background: #e8610077;}
#articlebundle_set-group h3 {background: #0072CE77;}
#dailytextbundle_set-group h3 {background: #B65A6577;}
#datedgospelbundle_set-group h3 {background: #FF7F41aa;}
#datedmeditationbundle_set-group h3 {background: #FF7F41aa;}
#anniversarybundle_set-group h3 {background: #F2A90088;}

#singleitem_set-group .single-edit {background: #1C817211;}
#card_set-group .single-edit {background: #e8610011;}
#articlebundle_set-group .bundle-edit {background: #0072CE11;}
#dailytextbundle_set-group .bundle-edit {background: #B65A6511;}
#datedgospelbundle_set-group .bundle-edit {background: #FF7F4111;}
#datedmeditationbundle_set-group .bundle-edit {background: #FF7F4111;}
#anniversarybundle_set-group .bundle-edit {background: #F2A90011;}

#singleitem_set-group .inline-related:not(.has_original) h3 {background: #1C817233;}
#card_set-group .inline-related:not(.has_original) h3 {background: #e8610033;}
#articlebundle_set-group .inline-related:not(.has_original) h3 {background: #0072CE44;}
#dailytextbundle_set-group .inline-related:not(.has_original) h3 {background: #B65A6544;}
#datedgospelbundle_set-group .inline-related:not(.has_original) h3 {background: #FF7F4144;}
#datedmeditationbundle_set-group .inline-related:not(.has_original) h3 {background: #FF7F4144;}
#anniversarybundle_set-group .inline-related:not(.has_original) h3 {background: #F2A90055;}

#singleitem_set-group .inline-related {border-bottom: 1px solid #1C8172;}
#card_set-group .inline-related {border-bottom: 1px solid #e86100;}
#articlebundle_set-group .inline-related {border-bottom: 1px solid #0072CE;}
#dailytextbundle_set-group .inline-related {border-bottom: 1px solid #B65A65;}
#datedgospelbundle_set-group .inline-related {border-bottom: 1px solid #FF7F41;}
#datedmeditationbundle_set-group .inline-related {border-bottom: 1px solid #FF7F41;}
#anniversarybundle_set-group .inline-related {border-bottom: 1px solid #F2A900;}

#singleitem_set-group .inline-related:first-child {border-top: 1px solid #1C8172;}
#card_set-group .inline-related:first-child {border-top: 1px solid #e86100;}
#articlebundle_set-group .inline-related:first-child {border-top: 1px solid #0072CE;}
#dailytextbundle_set-group .inline-related:first-child {border-top: 1px solid #B65A65;}
#datedgospelbundle_set-group .inline-related:first-child {border-top: 1px solid #FF7F41;}
#datedmeditationbundle_set-group .inline-related:first-child {border-top: 1px solid #FF7F41;}
#anniversarybundle_set-group .inline-related:first-child {border-top: 1px solid #F2A900;}


#module_form .single-edit {
  min-width: 0;
}

#module_form .bundle-edit {
  min-width: 0;
}

.grp-group {
  border-radius: 0px;
}

.grp-group:not(.grp-tabular) .grp-module {
margin-bottom: 0;
}

.inline-group .c-1 {
  padding-right: 10px !important;
  width: 110px !important;
  min-width: 110px !important;
}

#module_form .inline-group .grp-cells-2 .c-1,
#module_form .inline-group .grp-cells-3 .c-1 {
  padding-right: 10px !important;
  width: 70px !important;
  min-width: 70px !important;
}

.inline-group .subcategories .subcategories .c-1 {
  width: 0px !important;
  min-width: 0px !important;
}

#articlebundle_set-group .inline-related .category .grp-tools {
  display: none;
}

#module_form .inline-group a.grp-add-handler {
  display: block;
  font-size: 16px;
  padding: 11px 10px;
  margin: 0;
  background: #fff;
  position: relative;
}

#module_form .inline-group a.grp-add-handler:hover {
  color: #000;
  background: #f5f5f5;
}

#module_form .inline-group a.grp-add-handler::after {
  content: '+';
  position: absolute;
  right: 12px;
  font-size: 24px;
  top: 7px;
}

.grp-tools li {
  margin-left: 20px;
}

#module_form .inline-group .grp-transparent {
  padding: 0px;
  border-bottom: none;
  min-width: 0;
}

#module_form .inline-group .grp-transparent .grp-row {
  padding: 0px;
}

#module_form .inline-group h3 {
  background-image: none;
  border: none;
  color: #000;
  text-shadow: none;
  border-radius: 0px;
  line-height: 1;
}

#module_form .inline-group .ui-sortable-helper h3 {
  background-image: none;
  border: none;
  background: linear-gradient(#3498dbcc,#3498db);
  color: #000;
  text-shadow: none;
  border-radius: 0px;
}

#module_form .inline-group .inline-related.ui-sortable-helper .grp-tools {
  filter: invert(0) brightness(1);
}

#module_form .inline-group .inline-related.grp-predelete .grp-tools .grp-delete-handler {
  filter: invert(1) brightness(1);
}

#module_form .inline-group h3:before, #module_form .more-content h2:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 32'%3E%3Cpath fill='%23000000' d='M0 0h8.618c6.472 7.413 13.050 14.737 19.499 22.17 6.546-7.37 13.057-14.772 19.569-22.17h8.455v0.081c-1.622 1.679-3.102 3.486-4.653 5.231-7.778 8.894-15.573 17.78-23.335 26.688h-0.192c-9.29-10.662-18.654-21.262-27.961-31.909v-0.091z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  margin-left: 32px;
  transition: transform 0.3s ease-in-out;
}

#module_form .more-content h2:before  {
  margin-left: 0px;
}

#module_form .more-content h2 {
  text-transform: none;
  font-size: 13px;
  line-height: 13px;
}

#module_form .inline-group .grp-open h3:before, #module_form .more-content.grp-open h2:before {
  transform: rotate(-180deg);
}

#module_form .more_content_url::after, #module_form .category_name.category_url::after {
  content: "Or internal link (any content within our own site)";
  display: block;
  margin-top: 10px;
  margin-bottom: -20px;
  background: #fff9;
  margin-left: -7px;
  padding: 8px 5px 6px 5px;
  text-indent: 5px;
}

.grp-closed .bundle-edit, .grp-closed .single-edit {
  display: block !important;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.grp-open .bundle-edit, .grp-open .single-edit {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

#module_form h2 + .grp-tools {
  display: none !important;
}

#module_form .inline-group .inline-related .grp-tools {
  filter: invert(100%) brightness(2);
}

#module_form .grp-tools a.grp-drag-handler {
  padding: 0px;
  border: 1px solid #000;
  height: 22px;
  margin-right: 0px;
  cursor: n-resize;
}

#module_form .grp-tools a.grp-drag-handler:hover {
  filter: invert(1) brightness(2);
  background-position: 0 -2595px;
}

#module_form .grp-tools a.grp-delete-handler:hover {
  filter: invert(1) brightness(2);
  background-position: 0 -2507px;
}

#module_form .inline-related:not(.has_original) h3::after {
  content: 'New element: click to edit';
  display: inline;
  background: #fff;
  border-radius: 5px;
  padding: 3px 10px;
  margin-left: 10px;
}

#module_form .inline-group a.grp-add-handler + .grp-tools {
  display: none;
}

#module_form .inline-group .grp-module h4 {
  margin: 0;
  border: 0;
  background: #fff;
  padding: 15px 10px 10px 10px;
  font-size: 13px;
  color: #257793;
}

#singleitem_set-group .ordered-single-item-svg, #card_set-group .ordered-single-item-svg {
  display: inline-block !important;
  vertical-align: top;
  margin-left: 0px;
  padding: 0px 5px;
}

#singleitem_set-group .ordered-single-item, #card_set-group .ordered-single-item {
  display: inline-block !important;
  margin-left: 0px;
  padding-right: 5px;
}





.inline-group {
  counter-reset: section;
}

.inline-related::before {
  counter-increment: section;
  content: counter(section);
  color: #555;
  background: #fff7;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  padding: 1px;
  line-height: 12px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 8px;
  left: 10px;
}


.grp-group:not(.grp-tabular) .grp-module.single-edit,
.grp-group:not(.grp-tabular) .grp-module.bundle-edit {
  margin: 0;
  border: 0;
}

.field-box.grp-cell.l-2c-fluid.l-d-4.order {
    display: none;
}

#module_form .grp-collapse .module:not(.advanced) h4.grp-collapse-handler {
  cursor: auto;
  background: #fff;
  color: inherit;
}

.grp-closed .advanced.grp-collapse.grp-closed {
  display: none !important;
}

.grp-open .advanced.grp-collapse h4 {
  padding: 13px 10px 12px 10px !important;
}

.grp-open .advanced.grp-collapse h4::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 32'%3E%3Cpath fill='%23257793' d='M0 0h8.618c6.472 7.413 13.050 14.737 19.499 22.17 6.546-7.37 13.057-14.772 19.569-22.17h8.455v0.081c-1.622 1.679-3.102 3.486-4.653 5.231-7.778 8.894-15.573 17.78-23.335 26.688h-0.192c-9.29-10.662-18.654-21.262-27.961-31.909v-0.091z'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    width: 13px;
    height: auto;
    margin-right: 10px;
    margin-left: 0px;
    transition: transform 0.3s ease-in-out;
}

.grp-open .advanced.grp-collapse.grp-open h4::before {
    transform: rotate(-180deg);
}

.grp-open .advanced.grp-collapse.grp-closed h4::after {
/*  content:'Click to open';*/
/*  display: inline;*/
}



/*Filtros de article*/

#grp-filters.grp-filter .grp-row a:not(.grp-button) {
  padding: 4px 10px;
  color: #309bbf;
  font-size: 14px;
}

#grp-filters.grp-filter .grp-row.grp-selected a:not(.grp-button) {
  padding-left: 19px;
  color: #444;
  background-position: 0px -2082px;
}

/*Aviso en el módulo Tres columnas: el número de items debe ser múltiplo de tres.*/

.warning-3-col, .warning-youth-module {
  color: #a00;
  font-weight: bold;
}

.warning-3-col .number, .warning-youth-module .number {
  color: #a00;
  position: relative;
}

.warning-3-col .number:after, .warning-youth-module .number:after {
  content: ' (*)';
}

.warning-3-col .number:before, .warning-youth-module .number:before {
  display: none;
  position: absolute;
  width: 210px;
  left: -95px;
  top: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 0px 10px #ccc;
  text-wrap: balance;
}

.warning-3-col .number:before {
  content: 'The "Three columns" template needs the number of articles to be a multiple of three. Please, edit this module and correct the number of articles.';
}

.warning-youth-module .number:before {
  content: 'The number of articles in this module is not correct. Please edit this module to fix it.';
}

.warning-3-col .number:hover:before, .warning-youth-module .number:hover:before {
  display: block;
}

/*   Dragging de módulos en page-edit */

body.dragging, body.dragging * {
  cursor: n-resize !important;
}

.dragged {
  position: absolute;
  opacity: 0.8;
  z-index: 2000;
}

div.sortable-modules div.placeholder {
  position: relative;
  display: block;
  background: red;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}

div.sortable-modules div.placeholder:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 8px;
  border-left-color: transparent;
  border-left-color: red;
  margin-top: -8px;
  left: -8px;
  border-right: none;
}

div.sortable-modules div.placeholder:after {
  position: absolute;
  content: "";
  border-bottom: 3px solid red;
  width: 100%;
  height: 3px;
  top:-4px;
  left:-1px;
}

div.drag-icon div {
  background-image: url("/static/grappelli/images/spritesheet-1694777276.25100c3127fe.png");
  background-position: 0px -21740px;
  background-position-x: 0px;
  background-position-y: -21743px;
  background-repeat: no-repeat;
  width: 30px;
  height: 24px;
  cursor: n-resize;
}

div.drag-icon:hover div {
  filter: invert(1) brightness(0.9);
}

/*  End  Dragging */


.select2-container {
    min-width: 725px !important;
}

/*Distinguir visualmente los leaders en el select de admin*/

#selected_site option.leader {
  background: #f1f1f1;
  color: #000;
  font-weight: bold;
}


/* Listado elementos en el admin, estilos en función de si es una copia, original o deshabilitado */

span.owned {
  background: inherit;
  text-transform: uppercase;
}

span.inherited {
  background: inherit;
  text-transform: uppercase;
  color: #0a0;
}

span.overwritten {
  background: inherit;
  text-transform: uppercase;
  color: #00a;
}

span.disabled {
  background: inherit;
  text-transform: uppercase;
  color: #a00;
}


/* Ayuda gráfica para elegir el template de un article */



#toggle:checked ~ .table-thumbnails, #toggle2:checked ~ .table-thumbnails {
  display: block;
}

label[for='toggle'], label[for='toggle2'], label.help-admin {
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
}

label.help-admin {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.table-thumbnails {
  display: none;
}

.visually-hidden {
  position: absolute;
  left: -100vw;
}

.click {
  display: block;
  margin-top: 10px;
}

.article-template-help {
  max-width: 758px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 20px;
}

.article-template-help > span:not(:nth-child(5n)):not(:last-child)
 {
  padding-right: 3px;
  border-right: 1px dotted gray;
}

.article-template-help b {
  font-size: 14px;
  font-weight: bold;
  color: #223;
}

.article-template-help img {
  display: block;
  width: 100px;
  height: auto;
  margin: 10px 0 15px 0;
  border: 1px solid #222;
}

.article-template-help.modulos img {
  width: 125px;
}

.article-template-help.one-image img {
  width: 400px;
}

.article-template-help.one-image {
  margin-top: 5px;
}

.ico-ver {
  vertical-align: middle;
  margin-right: 5px;
}

.ico-new-tab {
  vertical-align: middle;
  margin-left: 5px;
  color: #309bbf;
  fill: currentColor;
}

.help-admin a:hover {
    color: inherit;
}

#topnews_form .file-upload img {
  width: 57px;
  height: 57px;
  object-fit: cover;
  border: 2px solid #fff;
  outline: 1px solid #999;
}

#topnews_form .file-upload a.grp-button.clear-button {
    top: 13px;
}

/*Selectores de tags, related, etc.*/

.select2-selection__clear, .select2-selection__choice__remove {color: #444 !important;}
.select2-selection__clear:hover, .select2-selection__choice__remove:hover {color: #888 !important;}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  white-space: break-spaces;
}

/*External link group*/

.external-link-shadow-group .grp-row {
  border: none !important;
  background: #4441;
}


.nada {
  border: none !important;
  margin-bottom: 0px !important;
}

.grp-row.local_view, .grp-row.content_type, .grp-row.object_id,
.grp-row.category_local_view, .grp-row.category_content_type, .grp-row.category_object_id {
    border: none !important;
    background: #4441 !important;
}

/*Doc de Grappelli*/

.grp-doc header#grp-header {
  min-width: 0;
}

.grp-doc #grp-content {
  width: auto;
}

.grp-doc .g-d-24 {
  max-width: 650px;
}

.grp-doc .g-d-c {
  width: auto;
}

/*Selección de user en admin*/

.grp-user-options {
  overflow-y: scroll;
  height: 80vh;
}

#grp-user-tools>li a {
  padding: 10px 20px;
}

/* Time in the header */

.admin-time {
  font-weight: bold;
  float: right;
  padding: 10px 20px 0 0;
}

/*Fix pixel compilations*/

table.grp-table td.field-download > a:first-child {
    top: 0;
}


#grp-changelist #result_list div.drag {
    background-image: url("/static/grappelli/images/spritesheet-1694777276.25100c3127fe.png");
    background-position-x: 50%;
    background-position-y: -21743px;
    background-repeat: no-repeat;
    cursor: n-resize;
}


/* Para generic_form (p.ej. newsletter-test y article-copy) */

#generic-form {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#generic-form label {
  display: inline-block;
  width: min-content;
  min-width: 100px;
  color: #257793;
}

#generic-form .grp-button {
  width: min-content;
  margin-top: 30px;
}

#generic-form #id_emails {
  width: 600px;
}

#generic-form .helptext {
    display: block;
    margin-left: 100px;
    margin-top: 20px;
}

#generic-form li {
  list-style: none;
}

.grp-font-size-l, h2 {
  font-size: 14px;
}

.grp-nested-list {
    padding: 10px 0;
    margin: 10px;
    position: relative;
    top: 10px;
}

.grp-row input[type="checkbox"], .grp-row input[type="radio"] {
  top: 0;
}

ul.errorlist {
  margin-bottom: 16px;
}

body.grp-change-list table.grp-table {
  margin: -1px 0 -1px -1px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice[title^="_"] {
    background-color: #fc05;
}

.help-generate-calendars {
  max-width: 600px;
  margin: 20px 0 40px 0;
}


/*Dark mode fixes*/

@media (prefers-color-scheme: dark) {
  .tree-node.children { background-image: url("../mptt/disclosure-down-white.ec4c7552c913.png")  !important; }
  .tree-node.closed { background-image: url("../mptt/disclosure-right-white.d6493f18627d.png")  !important; }
  .drag-handle { background-image: url("../mptt/arrow-move-white.012ecec6e780.png")  !important; }
}

.field-CoreWebVitals {
  width: 200px !important;
  height: 100px !important;
}

.field-PlausiblePageViews {
  width: 110px !important;
  height: 100px !important;
}

.field-CoreWebVitals img.whole_img {
  width: 200px;
  height: 100px;
}

.field-PlausiblePageViews img.whole_img {
  width: 110px;
  height: 100px;
}

.field-CoreWebVitals a, .field-PlausiblePageViews a {
  color: #444;
}

.field-CoreWebVitals a:hover, .field-PlausiblePageViews a:hover {
  color: #444;
}


#card_set-group.inline-group {
 min-width: 1480px;
}


.dashboard .django-unarchive-wrapper {
  margin: 0;
}


/*Señalar claramente en la cabecera que estamos en localhost (bueno, en DEBUG mode).*/
header.localhost #grp-navigation {
background: repeating-linear-gradient(
  -45deg,
  #000,
  #000 5px,
  #333 5px,
  #333 10px
);
}

header.localhost h1#grp-admin-title:after {
  content:"(LOCALHOST)";
  color: #FAC306;
  font-weight: normal;
}