/* ==========
   GOVERNALIA
   ========== */

/* General */

body {font-family: 'Roboto', sans-serif !important; padding-right: 0px !important;}
button, input, optgroup, select, textarea {font-family: 'Roboto', sans-serif;}
::selection {background: #2a2a2a; color: #fff; text-shadow: none;}
::-moz-selection {background: #2a2a2a; color: #fff; text-shadow: none;}
::-webkit-selection {background: #2a2a2a; color: #fff; text-shadow: none;}
.centered {margin: 0 auto; float: none;}
.btn.btn-flat {border-radius: 0; box-shadow: none; border-width: 1px;}
.row.actions {text-align: right;}
.back {cursor: pointer;}
.form-control {border-radius: 0;}
.panel .row-btn {margin-top: 15px;}
select:disabled {background-color: #eee;}
select.has-error, textarea.has-error {border: 1px solid #a94442;}
a, button, .btn {cursor: pointer; transition: all .25s ease-in-out;}
table tr {transition: all .25s ease-in-out;}
input[type="submit"], select, button, .btn, .form-control, input, textarea {border-radius: 3px !important; transition: all .25s ease-in-out;}
input, select, textarea {border: 1px solid #ccc; padding: 5px;}
input:hover, input:active, input:focus, select:hover, select:active, select:focus, textarea:hover, textarea:active, textarea:focus {border: 1px solid #999;}
.sidebar .input-group #input-search {border-radius: 3px 0 0 3px !important;}
.label-proposal-title {clear: both;}
.label {padding: .3em .6em .3em .6em;}

/* Header */

.navbar-form {border-top: 0px solid transparent; border-bottom: 0px solid transparent; box-shadow: none; margin: 8px; padding: 0;}
.navbar.navbar-inverse {border-radius: 0;}
#navbar #logged_header {float: right; color: #fff; font-weight: normal; margin-bottom: 0px;}
#navbar #logged_header a {color: #00c0ef; cursor: pointer; font-weight: normal;}
#navbar #logged_header label {font-weight: normal; margin-right: 10px;}
#navbar #login_form button {color: #000 !important;}
#navbar #login_form #btn-forgot-pwd {float: right; margin-left: 3px; overflow: hidden; width: 121px; line-height: 12px; color: #000; white-space: normal; padding: 4px 12px; font-size: 0.9em;}
#navbar #login_form .form-control {border: 0 !important;}
@media all and (max-width: 345px) {#navbar #login_form button.btn-lgn-grp {width: 100% !important; padding: 6px 12px !important; font-size: 1em !important; line-height: inherit !important; margin-bottom: 4px;}}
    
/* Filters */

select#sel-process {padding: 10px; margin-bottom: 15px; font-weight: bold; font-size: 1.2em; border: 1px solid #828282; overflow: hidden !important; width: 500px; text-overflow: ellipsis;}
#filters #btn-area-refresh {float: right;}
#filters #opt-filter {padding: 0px; text-align: center; font-size: .9em;}
#filters #opt-filter > label{ margin: 5px;}
#filters #opt-filter > label:hover{ margin: 5px; cursor: pointer;}
.ms-drop {z-index: 10} 
.ms-drop ul > li label {text-align: left;}
.ms-drop ul > li {padding: 0; font-size: 1.2em;}
.ms-drop ul > li > label > input[type=checkbox] {margin-top: 0;}
.ms-choice > span.placeholder, .ms-choice > span {font-size: 1.2em; line-height: 25px;}
#filters #btn-refresh {float: right;}
.input-group-addon {cursor: pointer;}

/* Pagination */

.pagination {position: relative; display: flex; justify-content: center}
.page-link {padding: 5px 11px!important;}

/* Tags */

.tag-list .l, .cat-list .l, .proc-list .l {cursor: pointer; margin-right: 5px; background: #ececec; border-radius: 0.375rem; color: #222222; display: inline-block; margin-bottom: 0.5rem; padding: 0.375rem 0.5rem; text-decoration: none;}
.cat-list .l {background: #E7F2FC; color: #2895F1;}
.cat-list input {cursor: pointer;}
.proc-list .l {background: #fcf8e3; color: #8a6d3b;}
.tag-list .l:hover {background: #e0e0e0; text-decoration: none;}
.cat-list .l:hover {background: #E7F2FC; color: #2178BF;}
.proc-list .l:hover {background: #faebcc; color: #8a6d3b;}
.ui-helper-hidden-accessible {display:none;}
.limit-tag-list {max-height: 350px; overflow-y: auto;}
.tagson.selected { color: #2895F1; background: #E7F2FC; font-weight: bold; border: 1px solid #2895F1; }

/* Back */

#back-row {padding: 0px;}

/* Submenu */

.submenu {background: white; border-bottom: 1px solid #DEE0E3; clear: both; margin-bottom: 0.75rem;}
.submenu a {color: #222222; display: inline-block; margin-right: 0.75rem; position: relative; text-align: left; text-decoration: none; line-height: 1.5em; font-size: 1.2em;}
.submenu a.active {border-bottom: 2px solid #004A83; color: #004A83; pointer-events: none;}

/* Proposals */

#proposal-side-menu {float: right;}
.btn-new-proposal-inner{display: none;}
#proposal-list {margin-top: 0px;}
#proposal-list .proposal {border: 0px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; margin-bottom: 20px;}
#proposal-list .label-proposal-area {color: #FFA42D; display: inline-block; text-transform: uppercase; margin-right: 5px; font-size: .9em;}
#proposal-list .label-proposal-area a {color: #FFA42D; text-decoration: none;}
#proposal-list .label-proposal-status {display: inline-block; text-transform: uppercase; margin-right: 5px; font-size: .9em;}
#proposal-list .label-process-title {display: inline-block; text-transform: uppercase; margin-right: 5px; font-size: .9em;}
#proposal-list .icon-proposals {color: #FFA42D;}
#proposal-list .label-proposal-title:hover {text-decoration: underline;}
#proposal-list .proposal .proposal-info {color: #999999; font-size: .9em;}
#proposal-list .proposal .proposal-info a {color: #999999;}
#proposal-list .proposal .proposal-desc {text-align: justify;}
#proposal-list .tags .tag-element {background: #ececec; border-radius: 0.375rem; color: #222222; display: inline-block; font-size: 0.8em; margin-bottom: 0.5rem; padding: 0.375rem 0.5rem; text-decoration: none;}
.btn-new-proposal, .btn-new-proposal-account, .btn-new-proposal-prop, .btn-new-debate-top, .btn-new-alert-top, .btn-new-proposal-session, .btn-edit-proposal { white-space: normal; overflow-wrap: break-word; width: 100%; font-size: 1.7em; padding: 15px; max-width: 500px;}
.action-buttons{ display: flex; flex-wrap: wrap; align-items: center;}
.action-buttons button{ margin: 5px; width: 100%; padding: 15px; font-size: 1.5em;}
.btn-new-proposal-session {padding: 10px; width: 100%; font-size: 1.3em;}
#btn-new-debate {width: 100%; font-size: 1.7em; padding: 15px;}
#btn-new-alert {width: 100%; font-size: 1.7em; padding: 15px;}
#input-search {width: 100%;}
#proposal-list .tag-cloud h3 {border-top: 2px solid #004A83; display: inline-block; font-size: 1.3em; padding-top: 1em; text-transform: uppercase;}
#dashboard-panes #proposal-list {margin-top:0px; width: 100%;} 
#dashboard-panes #proposal-list #pagination {text-align: left;}
#proposal-list .yellow {color: #f39c12;}
#proposal-list .red {color: #f56954;}
#proposal-list .green {color: #00a65a;}
#proposal-list .blue {color: #0000ff;}
#proposal-list .grey {color: #b6b8ba;}
#dashboard-panes #proposal-list .label-proposal-title {margin-top: 5px; cursor: pointer; display: inline; margin-left: 5px;}
#proposal-list .label-proposal-title {cursor: pointer; margin-top: 0; font-size: 2em;}
#proposal-list .supports {background: #FFA42D; color: #fff; border-top: 1px solid #CC8425; padding: 10px 10px; position: relative; border: 1px solid #CC8425; margin: 25px 0 15px 0; text-align: center; font-size: 1.5em; border-radius: 5px; font-weight: bold; display: inline-block; line-height: 1em;}
#proposal-list .supports .total-supports {display: block; float: none; margin-left: 0; padding: 5px 0;}
#proposal-list .supports .total-supports span {display: block; text-align: center;}
#proposal-list .votos {background: #FFA42D; color: #fff; border-top: 1px solid #CC8425; padding: 0.875rem 0.75rem; position: relative; border: 1px solid #CC8425; text-align: center;}
#proposal-list .result .row {padding: 0.75rem 0.75rem 0 0.75rem; border: 1px solid; border-color: #DEE0E3; border-radius: 3px; /*margin-right: 0px;*/ margin-bottom: 10px; transition: all 0.25s ease; overflow: hidden;}
#proposal-list .result .row:hover, #proposal-list .result .row:active, #proposal-list .result .row:focus {border-color: #999;}
#proposal-list .result .row .btn {width: 100%; font-weight: bold; white-space: pre-wrap!important;}
#proposal-list .result #noProp {text-align: center; text-decoration: none; font-weight: bold; margin: 20px; color: #2e6da4;}
#proposal-list .status {text-align: right;}
#proposal-list .tags {font-size: 1.2em;}
#proposal-list .tags .tag-element {margin-right: 5px;}
#proposal-list #btn-delete {margin-left: 10px;}
#proposal-list .supports-container {width: 115px; float: right;}
#proposal-list .supports-container .supports {float: right;border-radius: 25px;top:-30px;}
#proposal-list #submenu-nav a {display:none;}
#proposal-list .fa-thumbs {font-size: 0.9em;}
.tag-cloud button {display:none;}
.proposal-desc {height: 80px; overflow: hidden; position: relative; margin-bottom: 10px;}
.truncate {bottom: 0px; height: 25px; position: absolute; width: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.seguimiento {margin-bottom: 10px; height: 100%; width: 100%;}
.prop-info{float:left;}
.max-prop-info {max-width: 500px;display:none; margin-top: 0px; font-size: 1.5em; font-style: normal; padding: 2%; border: 1px solid #e2df75; background: lightyellow; margin-bottom: 5px;}
.max-prop-info span {margin-left: 20px;}
.supp_container{position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.prop-supports {display: flex; position: absolute; background: rgba(255, 255, 150, 0.9); height: 100%; width: 100%; left: 0; top: 0; font-weight: bold; color: #000 !important; justify-content: center; align-items: center; padding: 5px;}
.proposal_details {padding: 0px;}

/* Proposals Grid View */

#proposal-grid {padding-top: 0px;}
#proposal-grid .grid-view .proposal .panel-default {border-color: #9C9C9C;}
#proposal-grid .grid-view .proposal .panel-body {font-family: 'Roboto', sans-serif !important; padding: 0 0 55px 0;}
#proposal-grid .grid-view .proposal h4 {margin: 0; padding: 25px 15px 25px 15px; text-transform: uppercase; cursor: pointer;}
#proposal-grid .grid-view .proposal h4:hover {text-decoration: underline;}
#proposal-grid .grid-view .proposal img {cursor: pointer;}
#proposal-grid .grid-view .proposal {display: flex;}
#proposal-grid .grid-view .proposal .panel-resultados {margin: 10px auto; border-radius: 0; flex: 1; position: relative;}
#proposal-grid .grid-view .proposal .panel-footer {padding: 10px 15px; background-color: #fff; border-top: 1px solid #CFCFCF; border-radius: 0px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; overflow: hidden;}
#proposal-grid, #proposal-list {display: none;}
#proposal-grid .grid-view .proposal .panel-footer .fa, #proposal-grid .grid-view .proposal .panel-footer .fa-solid, #proposal-grid .grid-view .proposal .panel-footer .fa-regular {font-size: 1.4em;}
#proposal-grid .grid-view .proposal .panel-footer .footer-left {float: left; margin: 0;}
#proposal-grid .grid-view .proposal .panel-footer .footer-left .fa, #proposal-grid .grid-view .proposal .panel-footer .footer-left .fa-solid, #proposal-grid .grid-view .proposal .panel-footer .footer-left .fa-regular {vertical-align: bottom;}
#proposal-grid .grid-view .proposal .panel-footer .footer-right {float: right; margin: 0;}
#proposal-grid .proposal .fa-heart {cursor: pointer; color: lightgray;}
#proposal-grid .proposal .red {color: red; cursor: auto;}

@media all and (min-width: 784px) {#proposal-grid .col-sm-12 {width: 33.33%;}}
@media all and (max-width: 991px) {#proposal-grid {padding-top: 0px;} #proposal-grid.container {width: 100%;}}

/* Proposal View */

.proposal-view {margin-top: 0px; padding-bottom: 20px;}
.proposal-view .back {color: #999999; margin-left: 5px;}
.proposal-view .proposal-info {clear: both; color: #999999; font-size: .9em; line-height: 3rem; position: relative;}
.proposal-view .proposal-code {padding: 15px 0 15px 10px; border-left: 1px solid #DDDDDD;}
.proposal-view aside h3 {border-top: 2px solid #004A83; display: inline-block; font-size: 1em; padding-top: 1em; text-transform: uppercase; font-weight: bold;}
.proposal-view aside .supports {background: #FFA42D; border-top: 1px solid #CC8425; color: #fff; font-size: 1.7em;}
.proposal-view .prop-code {display:none;}
.proposal-view .supports {background: #FFA42D; color: #fff; border-top: 1px solid #CC8425; padding: 0.875rem 0.75rem; position: relative; border: 1px solid #CC8425; margin: 10px 0; text-align: center; font-size: 1.7em; border-radius: 3px;}
.proposal-view .supports .total-supports {display: block; float: none; margin-left: 0; padding: 5px 0;}
.proposal-view .supports .total-supports span {display: block; text-align: center;}
.proposal-view .support-prop button {width: 95%; font-weight: bold;}
#dashboard-panes .proposal-view {margin-top: 0px; text-align: left;}
.reason-txt {color: red;}
.included-txt {color: green;}
.comments-title {margin-top: 25px;}
#comments-list span {color: #717171; display: inline-block; padding: 0 0 0 10px; font-size: .9em; font-weight: bold; border-left: 1px solid #737373; float: none !important; margin: 0 0 0 10px;}
.comments-container { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); padding: 10px;}
#proposal-view aside {float: right; margin-top: 20px; margin-bottom: 20px; z-index: 1;}
#proposal-view ul.tagit {border: none;}
.aditional_info {margin-top: 15px;}
.aditional_info > span {padding: 5px;}
.aditional_info > .error-points {display:none; color: red; margin-top: 10px; }
.social-share-button {display: inline;}
.social-share-button .fa, .social-share-button .fa-solid, .social-share-button .fa-regular {color: white; font-size: 2em;}
.social-share-button-twitter {display: inline-block; background: #45B0E3; color: white; height: 5rem; position: relative; width: 5rem; border-radius: 3px;}
.social-share-button-twitter .fa, .social-share-button-twitter .fa-solid, .social-share-button-twitter .fa-regular {margin-left: 12px; margin-top: 11px;}
.social-share-button-twitter:hover, .social-share-button-twitter:active, .social-share-button-twitter:focus {transform: scale(.9);}
.social-share-button-facebook {display: inline-block; background: #354F88; color: white; height: 5rem; position: relative; width: 5rem; border-radius: 3px;}
.social-share-button-facebook .fa, .social-share-button-facebook .fa-solid, .social-share-button-facebook .fa-regular {margin-left: 17px; margin-top: 11px;}
.social-share-button-facebook:hover, .social-share-button-facebook:active, .social-share-button-facebook:focus {transform: scale(.9);}
.social-share-button-google_plus {display: inline-block; background: #DE4C34; color: white; height: 5rem; position: relative; width: 5rem; border-radius: 3px; display: none !important;}
.social-share-button-google_plus .fa, .social-share-button-google_plus .fa-solid, .social-share-button-google_plus .fa-regular {margin-left: 7px; margin-top: 11px;}
.social-share-button-google_plus:hover, .social-share-button-google_plus:active, .social-share-button-google_plus:focus {transform: scale(.9);}
.social-share-button-whatsapp {display: inline-block; background: #25d366; color: white; height: 5rem; position: relative; width: 5rem; border-radius: 3px;}
.social-share-button-whatsapp .fa, .social-share-button-whatsapp .fa-solid, .social-share-button-whatsapp .fa-regular {margin-left: 12px; margin-top: 11px;}
.social-share-button-whatsapp:hover, .social-share-button-whatsapp:active, .social-share-button-whatsapp:focus {transform: scale(.9);}
#prop_status {font-size: 1.5em; font-style: normal; padding: 2%; border: 1px solid #e2df75; background: lightyellow; border-radius: 3px;}
#prop_status.approved, #prop_status.vote, #prop_status.selected {color: #16A765;}
#prop_status.rejected {color: #F56954;}
#prop_status .included-txt {color: #333; font-weight: 500;}
#prop_status .reason-txt {color: #333; font-weight: 500;}
#prop_review_obs.review-highlight {background: #F56954; color: white; padding: 2%; font-size: 1.5em; font-style: normal;}
#desc_row img{max-width: 100%!important;height: auto!important;}
/* Proposal New */

#proposal-new .recommendations {list-style: none; padding: 5px;}
#proposal-new h3 {border-top: 2px solid #004A83; display: inline-block; font-size: 1.3em; padding-top: 1em; text-transform: uppercase;}
#proposal-new .recommendations li {padding: 10px 0;}
#proposal-new .recommendations li .fa, #proposal-new .recommendations li .fa-solid, #proposal-new .recommendations li .fa-regular {color: #FFA42D; margin-right: 5px;}
#budget-aside {display: none;}
#area-budget {display: none;}
#new_proposal {padding: 10px 0; margin: 10px auto; border-top: 4px solid #880015; background: #f5f5f5 url(/style/governalia/img/vote-pobla.png) no-repeat right 125px; background-size: 60px; background-position-y: top;}
#new_proposal #prop-title label {font-size: 1.5em; color: #880015; text-transform: uppercase;}
#new_proposal #prop-title input#title {margin-top: 10px;}
#new_proposal input, #new_proposal select, #new_proposal iframe, #new_proposal #my-tags, #new_proposal textarea {border-radius: 4px !important;}
#new_proposal .row.actions {margin: 0; text-align: center;}
#new_proposal #btn-send {margin: 20px; width: 70%;}
#area-budget {font-size: 1.2em; font-style: normal; padding: 0.5%; border: 1px solid #e2df75; background: lightyellow;}
.money {font-size: 1.2em; margin-left: 5px;}
#proposal-new #my-tags {background: #fff;}

/*Leaflet clases*/
#map_proposals_index .leaflet-top.leaflet-left {display: none;}

.leaflet-control-attribution.leaflet-control {display: none !important;}

/*Proposals Map*/

#container-map-proposals {position: relative;width: 100%;height: 200px; overflow: hidden;}
#map_proposals_index{width: 100%; height: 200px; display: block; clear: both;}
#layer-opaque-hover { position: absolute;top: 0;left: 0;width: 100%;height: 200px;background-color: rgba(0, 0, 0, 0.45); display: flex;justify-content: center; align-items: center;  opacity: 0;transition: opacity 0.3s ease; z-index: 99999 !important;; pointer-events: none;}   
#container-map-proposals:hover #layer-opaque-hover {opacity: 1;pointer-events: auto;}
.proposals-button-map-center {display: inline-block !important;padding: 12px 24px;font-size: 15px;font-weight: bold;color: #ffffff;background-color: #FFA42D; border: none;border-radius: 4px;cursor: pointer;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);transition: transform 0.2s ease, background-color 0.2s ease;}
.proposals-button-map-center:hover {background-color: #FFA42D;transform: scale(1.05); }


/* Login */

#login-form #login_form #btn-login {width:100%; font-size: 1em;}
#login-form #fb-login {margin-bottom: 10px;}
#login-form #fb-login button {background:#4568b2; color:#fff;}
#login-form #goo-login button {background:#fff; border-color: #767676;}
#login-form #login_form #form-foot {margin: 15px 0px;}
#login-form #login_form #form-foot #forgotPwd {text-align: right;}
#login-form .auth .centered {margin: 0 auto; float: none; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
#login-form .column.centered {border-radius: 3px;}
#login-form {padding-top: 20px; padding-bottom: 20px; text-align: left;}
#login-form .panel h2, #signup-form .panel h2 {text-align: center; margin: 25px auto !important;}
#login-form #forgotPwd {float: right; max-width: 220px;}

/* Sign Up */

.auth-page {background-repeat: no-repeat; background-size: cover; text-align: center;}
#signup-form {padding-top: 20px; padding-bottom: 20px; text-align: left;}
#signup-form .column.centered {border-radius: 3px;}
#signup-form .has-error .form-control {border-color:#FF0000;}
#signup-form .has-error .checkbox, #signup-form .has-error .checkbox-inline, #signup-form .has-error .control-label, #signup-form .has-error .help-block, #signup-form .has-error .radio, #signup-form .has-error .radio-inline, #signup-form .has-error.checkbox label, #signup-form .has-error.checkbox-inline label, #signup-form .has-error.radio label, #signup-form .has-error.radio-inline label {color:#FF0000;}
#signup-form .auth h2 {margin-top: 0px;}
#signup-form .auth {min-height: 30rem; max-width: 1170px;}
#signup-form .auth .centered {margin: 0 auto; float: none; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
#signup-form label {display: block;}
#signup-form form input[type]:not([type=submit]):not([type=file]):not([type=checkbox]) {background: #F8F8F8; height: 3rem; margin-bottom: 1rem; width: 100%;}
#signup-form #btn-signup {width: 100%; line-height: 2em;}
#myDataContent .input {margin-bottom: 10px; margin-right: 10px;}
#signup-form #myDataContent .fa-check {color: #5cb85c;}
#signup-form .verify {display:none;}
#signup-form button {width: 100%;}
#signup-form #user_data div, #signup-form #email_data div {word-break:break-all;}
#signup-form .alert-msg {float:right; color:red; font-size: 1.2em;}
#signup-form .alert-msg .fa, #signup-form .alert-msg .fa-solid, #signup-form .alert-msg .fa-regular {font-size:1.2em; margin-right: 5px;}
#signup-form #pwd_data2 button {margin-bottom: 15px;}
.prop-voted {font-size: 1.2em;}
#signup-form #contact-row, #signup-form #note-row {margin-top: 20px;}
#signup-form #terms_data {margin-top: 15px;}
.g-recaptcha{display:flex; justify-content:center; align-items:center; margin-bottom: 10px;}
#modal-need-username *{ text-align: center!important; }
#modal-need-username .modal-dialog{ max-width: 450px!important; }

/* Sign Up & Login */
:is(#login-form, #new_user) #brand-log {text-align: center;}
:is(#login-form, #new_user) #brand-log button {border: 0 !important; padding: 10px 25px 10px 15px; min-width: 270px; border-radius: 100px !important;}
:is(#login-form, #new_user) #brand-log button i.fa {border-right: 1px solid #fff; min-width: 37px; padding: 5px; margin-right: 5px;}
:is(#login-form, #new_user) #brand-log button i.fa.fa-google {border-right: 1px solid #000;}
:is(#login-form, #new_user) #brand-log button span {padding: 5px;}
:is(#login-form, #new_user) #brand-log #goo-login button {border: 1px solid #000 !important;}
:is(#login-form, #new_user) .with-mail-wrapper, #new_user .with-mail-wrapper  {position: relative; overflow: hidden; margin: 20px auto; text-align: center;}
:is(#login-form, #new_user) .with-mail-wrapper p {display: inline-block; background: #fff; padding: 0 10px; margin: 0px; position: relative; z-index: 1;}
:is(#login-form, #new_user) .with-mail-wrapper hr {position: absolute; width: 100%; top: -10px; border-top: 1px solid #dfe0e4 !important;}
:is(#login-form, #new_user) .g_id_signin  {padding: 0px !important;}
:is(#signup-form, #login-form) .upper-label  {margin: 10px 0px;}

/* My Account */

#my-account-container {padding-top: 20px; padding-bottom: 20px; text-align: left;}
#my-account-container .column.centered {border-radius: 3px;}
#my-account-container .has-error .help-block, #my-account-container .dni_error, #my-account-container .dni_rem, #my-account-container .account-alert-msg, #my-account-container .alert-msg,#my-account-container #err_mobile, #my-account-container #err_mobile_dup, #my-account-container #err_nexmo_service {color:#FF0000;}
#my-account-container .auth {min-height: 30rem; max-width: 1170px;}
#my-account-container .auth .centered {margin: 0 auto; float: none; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
#my-account-container label {display: block; z-index: 100;}
#my-account-container #myDataContent .fa-check {color: #5cb85c;}
#my-account-container .verify {display:none;}
#my-account-container #btn-check-census-data, #my-account-container #btn-check-mobile, #my-account-container #btn-validate-tel {width: 100%;}
#my-account-container #user_data div, #my-account-container #email_data div {word-break: break-all;}
#my-account-container .alert-msg {float:right; font-size: 1.2em;}
#my-account-container .alert-msg .fa, #my-account-container .alert-msg .fa-solid, #my-account-container .alert-msg .fa-regular {font-size:1.2em; margin-right: 5px;}
#my-account-container #pwd_data2 button {margin-bottom: 15px;}
#my-account-container .dni_error {display: none; margin: 10px 0px 0px 0px !important;}
#my-account-container .dni_rem {text-align: justify; font-style: italic;}
#my-account-container .account-alert-msg {font-size: 1.15em;}
#my-account-container .title-label {margin: 5px 0px;}
#my-account-container #mySecurity, #my-account-container #myParticipation, #my-account-container #myLogout {display: none;}
#my-account-container .title-pointer {cursor: default; pointer-events: none; text-align: center; margin: 30px auto!important; font-size: 2em; font-weight: bold;}
.myAccount-menu {margin-top: 60px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;min-height: 150px;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;text-align: center;padding-right: 10px;padding-left: 10px;}
.myAccount-menu-content {border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
.myAccount-menuOption {cursor: pointer;}
.myAccount-menuOption.active {font-weight: bold;}
.myAccount-menuOption { padding: 15px 0px; width: 100%; }
.myAccount-menuOption + .myAccount-menuOption { border-top: 1px solid #ccc; padding: 15px 0px; width: 100%; }
.buttonAuthenticatorContainer {display: flex; justify-content: center;}
.authenticatorValidationVerify {display: flex; justify-content: space-evenly; padding: 0;}
#qrContainer {padding: 0;}
#codigo-2fa {padding: 10px;}
#verificationResContainer {text-align: center; margin: 10px 0px;}
#verificationResContainer .green {color: green;}
#verificationResContainer .red {color: red;}
#buttonCopy {background-color: transparent; color: #333; border: 1px solid #ccc; border-radius: 4px; padding: 6px 12px; cursor: pointer; transition: all 0.3s ease;}
#buttonCopy:hover {background-color: #f0f0f0; border-color: #999;}
#tooltipCode {visibility: hidden; background-color: #333; color: #fff; text-align: center; border-radius: 5px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; transform: translateX(-50%); white-space: nowrap; opacity: 0; transition: opacity 0.3s;}
.eye-icon{position: absolute; right: 10px; top: 10px; cursor: pointer;}
::-ms-reveal {display: none;}

.btn-myParticipation.active{ color: lightgreen;}
.btn-myParticipation{margin: 5px 0px;}
.my-participation-votes-container { text-align: center; margin: 10px 0px; }
.my-participation-proposal { border: 1px solid #DEE0E3; border-radius: 3px; margin: 1.5em 0em; padding: 0px; cursor: pointer; position: relative; display: flex; align-items: center; }
.my-participation-proposal + .my-participation-proposal { margin: 0em 0em 1em 0em!important; }
.my-participation-process { border: 2px solid #286090; border-radius: 3px; margin: 1em 0em; padding: 0px 5px!important;}
.my-participation-process label { position: absolute; top: -10px; background-color: white; padding: 0px 10px; font-size: 15px; font-weight:bold; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.my-participation-process .process_proposals_container{ display: none; padding: 0px 5px!important; overflow-y: auto; max-height: 450px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.my-participation-supports, .my-participation-votes { color: #FFF; font-size: 1.25em; background-color: #FFA42D; border: 1px solid #CC8425; border-radius: 5px; padding: 5px; margin: 2.5px 0px; }
.my-participation-status { text-align: center; position: absolute; top: -10px; right: 20px; background-color: #FFF;padding: 0px 10px; }
.my-participation-status .yellow {color: #f39c12;}
.my-participation-status .red {color: #f56954;}
.my-participation-status .green {color: #00a65a;}
.my-participation-status .blue {color: #0000ff;}
.my-participation-status .grey {color: #b6b8ba;}
.view-process-arrow {color: #5cb85c;margin-right:5px;} 
.fa-google-favicon {width: 20px; height: auto;}
.acces-cont{ display: flex; align-items: center; justify-content: space-between; margin: 5px; padding: 10px; flex-wrap: wrap; gap: 5px;}
.acces-method{ display: flex; align-items: center; gap: 8px;}

/* SelCitizen */
#dni_data .dni_error {display: none; margin: 10px 0px 0px 0px !important; color:#FF0000;}

/* 2FA Verification */

#optBoxContainer {width: 100%;display: flex;align-items: center;justify-content: center;}
#otpBoxMailVerify, #otpBoxAuthVerify {width: 80%;display: flex;justify-content: space-around;align-items: center;}
#otpBoxMailVerify .otp-input-verify, #otpBoxAuthVerify .otp-input-verify {width: 100%;max-width: 40px;font-size: 1.8em;text-align: center;padding: 8px;box-sizing: border-box;}
#btn-verify-mail:disabled {opacity: 0.6;cursor: not-allowed;}

/* Processes */

#processes-list {margin-top: 0px; padding-bottom: 20px;}
#processes-list h3.title-prox-proces {text-align: center; width: 100%; border-top: 1px solid #DEE0E3; display: inline-block; margin: 20px auto 0 auto; padding: 25px 0; clear: both;}
#processes-list aside h3 {border-top: 2px solid #004A83; display: inline-block; font-size: 1em; padding-top: 1em; text-transform: uppercase;}
.poll-done {color: green; font-weight: bold;}
#processes-list .result .process:first-child {border-top: 1px solid #DEE0E3;}
#processes-list .result .process {border: 1px solid #DEE0E3; border-top: none; padding: 0 0 10px 0; border-radius: 3px; transition: all 0.25s ease; width: 100%;}
#processes-list .result .process:hover, #processes-list .result .process:active, #processes-list .result .process:focus {border: 1px solid #999;}
#processes-list .result .process-status {display: block; text-transform: uppercase; margin-right: 5px; font-size: .9em; font-weight: bold;}
#processes-list .coming-soon .process {padding-bottom: 10px;}
#processes-list .label-process-image {color: #303030; font-size: 3em; text-align: center; padding: 15px; border-radius: 3px 3px 0 0;}
#processes-list .process img.img-responsive {border-radius: 3px 3px 0 0;}
#processes-list .result .label-process-title {padding: 0 20px 0 20px;}
 #processes-list .result .process-status, #processes-list .result .process-dates {padding: 0 10px 0 10px;}
#processes-list .result .label-process-title {font-size: 1.6em; font-weight: bold; text-align: center; margin: 20px 0;}
#processes-list .result .label-process-title i {margin-right: 0px;}
#processes-list .result .label-process-title i.fa.fa-lock, #processes-list .result .label-process-title i.fa.fa-unlock, #processes-list .result .label-process-title i.fa.fa-calendar, #processes-list .result .label-process-title i.fa {margin-right: 5px;}
#processes-list .result .process-info {text-align: left; margin: 10px 20px 10px 20px;}
#processes-list .result .process-info:empty {padding: 0px;}

#processes-list .result .process-dates {width: auto; font-size: 1em; font-style: normal; padding: 5px; border: 1px solid #e2df75; border-left: 0; border-right: 0; background: lightyellow; overflow: hidden; text-align: center;}
#processes-list .result .process-dates div {display: flex; text-align: center;}
#processes-list .result .process-dates div p {width: 50%; margin: 0; padding: 0 5px !important; float: none !important;}
#processes-list .result .process-dates div #start_date {border-right: 1px solid #e2df75;}
#processes-list .result .process-dates div p strong {display: inline-block; width: 100%;}
#processes-list .result .process-dates .local-hour {display: none!important; margin: 0; overflow-wrap: break-word; border-top: 1px solid #e2df75; padding-top: 10px; width: 100%; font-size: .9em;}

#processes-list .submenu {margin-left: 0px; margin-bottom: 20px;}
.ms-parent{min-width: 360px; width: auto !important; margin-bottom: 5px;}
.cbox {width: 350px; margin: 5px; display: flex;}
.flexi {display: flex; flex-wrap: wrap; justify-content: center;}
.process-link {text-transform: uppercase; margin: 0 4px; display: inline-block; font-size: .9em;}
.process-menu-bottom {text-align: center; padding: 10px 5px 0 5px; font-weight: bold; border-top: 1px solid #DEE0E3; margin: 0; clear: both;}
.process-menu-bottom span {padding: 0 2px;}
#procFile .fa-file-text-o {border-radius: 3px;}
.techNotify{border: 1px solid #000; margin: 2px; border-radius: 50px; padding: 4px 8px;}
.techNotifyBlocked{color: #58151C; background-color: #FFBAC0; border-color: #F48A95;}
.techNotifyAble{color: #0A3622; background-color: #7AF6B3; border-color: #49C27F; cursor: pointer;}
.techNotifyActive{color: #052C65; background-color: #CFE2FF; border-color: #9EC5FE; cursor: pointer;}

/* Process View */

#process-view {margin-top: 0px;}
.details {margin-bottom: 2em; text-align: left;}
.jumbo-timeline {border-bottom: 1px solid #DEE0E3; border-top: 4px solid black; color: black; padding-top: 1.5rem;}
.jumbo-timeline .row {margin-left: auto; margin-right: auto; font-size: 1.2em;}
.jumbo-timeline .fa, .jumbo-timeline .fa-solid, .jumbo-timeline .fa-regular {margin-left: 5px;}
.btn-row button {margin-right: 1em;}
#process-view .label-process-desc {line-height: 1.7em; color: #4e4e4e; margin-top: 25px;}
#errorMessageContainer{display:none;}
#errorMessageContainer #errorMessage {display: flex; justify-content: center;}
#errorMessageContainer #errorMessage div {text-align: center;}


/* Participation Layout */

div#processes-list, div#tracking, div#no_results, div#proposal-list, div#signup-form{min-height: 250px !important;}
#no_results {display: none; text-align: center;margin-top: 30px;}
#no_results #btn-processes {margin-top: 40px;color: black;}

/* Dashboard Participation */

#accordion .ui-state-hover, #accordion .ui-state-active, #accordion .ui-state-default, #accordion .ui-widget-content ul, #accordion .ui-widget-content li, #accordion .ui-accordion-header:hover {background-color: #f9f9f9 !important; color: #555555 !important; }
#accordion .ui-icon {background-image: url("../../../common/style/images/ui-icons_222222_256x240.png") !important;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {left: inherit; right: .5em;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {top: 50%; margin-top: -8px;}
#accordion .empty-item .ui-accordion-header-icon {display: none;}
.ui-layout-west {background: #f4f4f4!important; box-shadow: inset -3px 0px 8px -4px rgba(0,0,0,0.07);}
#accordion h3.active .ion, #accordion li.active .fa, #accordion li.active .fa-solid, #accordion li.active .fa-regular {color: #FFA42D;}
#accordion h3 {padding-left: 10px; text-align: left; font-size: .8em; border-top: 1px solid #fff !important; border-bottom: 1px solid #dbdbdb !important; height: 45px; line-height: 35px;}
#accordion h3 .ion {width: 20px; font-size: 1.2em; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;}
#accordion .ui-accordion-content {padding: 0px; border: 0px;}
#accordion li {padding: 7px;}
#accordion .ui-accordion-content li {border-bottom: none;}
#accordion .ui-widget-content li {height: 30px; line-height: 15px; margin-left: 20px; list-style: none;}
#accordion .ui-accordion-content .fa, #accordion .ui-accordion-content .fa-solid, #accordion .ui-accordion-content .fa-regular {margin-right: 10px;}
#dashboard-panes .right-side > .content-header > h1 {text-align: left;}
#dashboard-panes .page-header, #dashboard-panes .content-header {text-align: left; height: 55px; border-bottom: 1px solid #ccc;}
#dashboard-panes .content-header h1 button {margin-left: 15px;}
#dashboard-panes input, #dashboard-panes button, #dashboard-panes select, #dashboard-panes textarea {line-height: normal;}
#dashboard-panes .row-btn {text-align: right; margin-top: 30px; border-top: 1px solid lightgray; padding-top: 10px;}
#dashboard-panes .popup-panel .row {background-color: #fff; vertical-align: middle; line-height: 30px; margin-bottom: 10px;}
#dashboard-panes .dataTables_length label, #dashboard-pia .dataTables_filter label {font-weight: normal;}
#dashboard-panes .dataTables_length label, #dashboard-panes .dataTables_filter label {font-weight: normal;}
#dashboard-panes .dataTable thead th, #dashboard-panes .dataTable tfoot th {font-size: .9em; text-align: center; padding: 10px 18px 6px 18px; color: #5A5655; vertical-align: middle; border-bottom: 1px solid #111;}
#dashboard-panes .dataTable tbody {font-size: .9em;}
#dashboard-panes .dataTables_wrapper .dataTables_paginate .paginate_button {font-size: .8em; border-radius: 0px;}
#dashboard-panes .paging_full_numbers a.current {background: #005487; color: #fff !important;}
#dashboard-panes .dataTables_info, #dashboard-panes .dataTables_length {font-size: .8em;}
#dashboard-part .table th, #dashboard-part .table tr, #dashboard-part .table td{text-align: center;}
.dt-button-collection {max-height: 350px; overflow-y: scroll!important;}

/* Fancy Attach */

.buttons-file {float:right; margin-top: 20px;}

/* Loading */

#myLoading {z-index: 8010; background: url("/style/simplyAll/ajax_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); top: 0; left: 0; overflow: hidden; position: absolute; width:auto; height:auto; display: none;}
#myLoading.loading-overlay {bottom: 0; position: fixed; right: 0;}
#myLoading #image-loading {background-image: url("/style/simplyAll/ajax_loading.gif"); cursor: pointer; left: 50%; margin-left: -42px; margin-top: -42px; opacity: 0.8; position: fixed; top: 50%; z-index: 8060; height:42px; width:42px;}

/* Polls */

#voters-total .icon {top: 2px !important;}
#census-input {display:none; margin-top: 5px;}
#census-input input {color: black;}
#opciones li {font-size: 1.6em; font-weight: bold; color: green;}
#polls-container #fPoll .form-group table .ss-gridrow {width: 30px !important;}

/* Debates */

.container #deb-title {margin-top: 35px;}

/* Toggle */

.navbar-toggle {width: 100px;}
.navbar-toggle .icon-bar {float: right;}
.navbar-toggle .menu-toggle-txt {float: left; text-align: left; color: #fff; line-height: 14px;}

/* Seguimiento Propuestas */

#tracking.container {margin-top: 0px;}
#tracking .row {display: flex; flex-wrap: wrap; justify-content: center;}
#tracking .row .col-sm-6 {display: flex;}
#tracking .panel {border-radius: 3px; box-shadow: none; opacity: 1 !important; transform: none !important;}
#tracking .row .col-sm-6 .panel {border-radius: 3px; width: 100%; display: flex; flex-direction: column; justify-content: flex-start;}
#tracking .panel-heading {border-radius: 3px 3px 0 0; border-bottom: 0; text-align: center;}
#tracking h4 {margin: 0 auto 15px auto; text-align: center;}
#tracking .progressbar {margin: 15px auto; width: 150px; height: 150px; position: relative;}
#tracking .propuesta h1 {margin: 0;}
#tracking .propuesta h2 {margin: 10px 0 50px 0;}
#tracking .propuesta h2 .label {padding: 5px 10px; text-transform: none;}
#tracking .propuesta h3 {border-bottom: 1px solid #e4e4e4; padding-bottom: 20px;}
.documents a {margin-right: 10px;}
#tracking .result {display: flex; flex-wrap: wrap; width: 100%;}
#tracking .proposal {display: flex;}
#tracking .panel {width: 100%; display: flex; flex-direction: column; justify-content: space-between;}

/* Communications */

#proposal-list .icon-debates {color: #2E6DA4;}
#proposal-list #row-back {margin-bottom: 20px;}
.debates-right {text-align: center; border-left: 1px solid #e5e6e9; padding-top: 25px; padding-bottom: 25px;}

.in-favor {display: inline-block; font-size: 2em; padding: 10px; border: 2px solid #5cb85c; margin: 5px; color: #5cb85c; transition: all .25s ease; border-radius: 3px;}
.in-favor:hover, .in-favor:active, .in-favor:focus {background: #5cb85c; color: #fff !important; cursor: pointer;}
.in-favor-sel {display: inline-block; font-size: 2em; padding: 10px; border: 2px solid #5cb85c; margin: 5px; background: #5cb85c; color: #fff; transition: all .25s ease; border-radius: 3px;}
.in-favor-sel:hover, .in-favor-sel:active, .in-favor-sel:focus {cursor:auto !important;}
.against {display: inline-block; font-size: 2em; padding: 10px; border: 2px solid #ff0000; margin: 5px; color: #ff0000; transition: all .25s ease; border-radius: 3px;}
.against:hover, .against:active, .against:focus {background: #ff0000; color: #fff !important; cursor: pointer;}
.against-sel {display: inline-block; font-size: 2em; padding: 10px; border: 2px solid #ff0000; margin: 5px; background: #ff0000; color: #fff !important; transition: all .25s ease; border-radius: 3px;}
.against-sel:hover, .against-sel:active, .against-sel:focus {cursor:auto !important;}

.total-votes {font-size: 1.7em;margin-top: 20px;}
.total-likes {display: block;font-size: 2.7em;}
.favor-off {opacity: 0.5; cursor: pointer;}
.against-off {opacity: 0.4; cursor: pointer;}
.agree{display: inline-block; font-size: 1.7em; padding: 10px; margin: 2.5px; border: 2px solid #5cb85c; color: #5cb85c;}
.disagree {display: inline-block; font-size: 1.7em; padding: 10px; margin: 2.5px; border: 2px solid #ff0000; color: #ff0000;}

#new_communication {padding: 10px 0; margin: 10px auto; border-top: 4px solid #880015;}
#new_communication #com-title label {font-size: 1.5em; color: #880015; text-transform: uppercase;}
#new_communication #com-title input#title {margin-top: 10px;}
#new_communication input, #new_communication iframe, #new_communication #my-tags, #new_communication textarea {border-radius: 4px !important;}
.commu-form {background: #f5f5f5 !important;}
#btn-send-deb {margin-right: 30px;}
#btn-del-debate {margin: 10px 0px 10px 0px;}
#percentmin-input {display:none; margin-top: 5px;}
#percentmin-input input {color: black;}
#percentmin {width: 60px;}

/* Category */

#category-grid {margin-top: 0px;}
#category-grid .panel-body {cursor:pointer;}
#category-grid .panel-footer p {display:inline-block; margin:0;}
#category-grid .panel-footer .footer-right {float: right;}
#category-grid .panel-body h4 {cursor:pointer; text-align:center;}
#category-grid .panel-body .label-process-image {color: #303030; font-size: 3em; text-align: center; padding: .5em 0;}

/* Pobla Map */

.btn-poblal-map {display: none; margin-bottom: 10px; font-weight: bold;}
#poblaMap .modal-body {text-align: center;}
#poblaMap .modal-body img {width: 100%; height: auto; max-width: 543px;}

/* Modals*/

#myVote, #myVoteCancel {position: fixed;}
.modal-dialog-lopd {width: 60%; margin: 30px auto; position: relative; max-width: 700px; text-align: left;}
.modal-dialog-lopd .modal-content {overflow: hidden; border-radius: 6px;}
.modal-dialog-lopd .modal-body {padding: 25px; max-height: calc(100vh - 130px); overflow: auto; height: 500px;}
.modal-dialog-lopd .modal-body h5:first-child {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.modal-dialog-lopd .modal-body #terms_data {margin: 10px 10px 0px 10px; text-align: center;}
.modal-dialog-lopd .modal-body #terms_data .form-control {height: auto !important; vertical-align: middle; margin-bottom: 0; padding: 15px; border: 2px solid #ccc;}
.modal-dialog-lopd .modal-body #terms_data .form-control input {vertical-align: middle; margin: 0;}
#modal_content_lopd {scroll-behavior: smooth;} 
.modal { padding-right: 0px !important; }

/* Results */

.resultados {margin-top: 0px !important; padding-bottom: 20px;}
.resultados .table-responsive {font-size: 1.3em;}
.resultados .panel-resultados.panel-selected {border-color: #77d077;}
.resultados .panel-resultados.panel-selected .panel-heading {background-color: #77d077; border-color: #77d077; color: #000;}
.resultados .panel-resultados.panel-selected .panel-footer {border-top: 1px solid #77d077;}
.resultados .table tr.prop-selected {background: #77d077;}
.resultados .panel-resultados {border-radius: 3px !important;}
.resultados .panel-resultados .panel-heading {border-radius: 3px 3px 0 0 !important;}
.resultados .row-panel .panel-footer {border-radius: 0 0 3px 3px !important;}

/* ==========
   IE 10+
   ========== */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#processes-list .result .label-process-image {display: none !important;}
}

/* ==========
   RESPONSIVE
   ========== */

@media all and (max-width: 991.9px) {
    .action-buttons button{ font-size: 1.5em;}
    .btn-new-proposal, .btn-new-proposal-account, .btn-new-proposal-prop, .btn-new-debate-top, .btn-new-alert-top, .btn-new-proposal-session, .btn-edit-proposal, .btn-new-proposal-session {font-size: 1.5em!important;}
}

@media all and (min-width: 991.9px) {
.btn-new-debate-top, .btn-new-alert-top {display: none;}
#signup-form .column.centered, login-form .column.centered {max-width: 480px; width: 95%;}
}

@media all and (max-width: 991.9px) {
.navbar-fixed-bottom, .navbar-fixed-top {position: relative;}
#proposal-list {margin-top: 0px;}
#proposal-side-menu {position: inherit;}
.btn-new-proposal-inner{display: block;}
.btn-new-proposal-side{display: none;}
.supports-wrapper {text-align: center;}
#proposal-list .supports {float: none !important; height: 100%; width: 100%;}
.btn-new-debate-top, .btn-new-alert-top {display: block; margin-bottom: 20px;}
#signup-form .column.centered, #login-form .column.centered {max-width: 480px; width: 95%;}
select#sel-process {padding: 10px; margin-bottom: 15px; font-weight: bold; border: 1px solid #828282; width: 100%;font-size: 1em;}
#results select#sel-process {font-size: 1.2em;}
.debates-right {border-left: 0px solid #e5e6e9; padding-top: 15px; padding-bottom: 15px;}
#proposal-list #filters, #proposal-list #opt-filter {text-align: center; width: 100%;}
#proposal-list .prop-info {text-align: center; width: 100%; margin-bottom: 10px;}
}

@media all and (max-width: 767px) {
.timeline li {overflow: hidden; height: auto !important;}
.timeline > li:before, .timeline > li:after {content: " "; display: inline;}
.timeline .timeline-image {float: none !important; margin: 0 auto !important;}
.timeline .timeline-panel {float: none !important;}
.timeline .timeline-heading {text-align: center;}
.timeline .timeline-body {text-align: center;}
#fPoll .option {display: block !important;}
.option .title {border-right: 0px solid #ccc !important;}
.modal-dialog-lopd {width: 80%;}
.proposal-desc {height: 40px;}
#signup-form #back-row, #login-form #back-row {float: none; margin: 0 auto 15px auto; max-width: 480px; width: 100%;}
.myAccount-menu-container{display: none!important;}
#mySecurity, #myData, #myParticipation, #myLogout{display: block!important;}
.myaccount-content{display: none; padding: 10px;}
.dataContainer .title-pointer {cursor: pointer!important; pointer-events: auto!important; margin: 20px 0px!important;font-size: 1.5em!important;}
.dataContainer + .dataContainer{border-top: 1px solid #ccc;}
#my-account-container {padding-top: 0px !important;}
#my-account-container .auth {margin-top: 20px !important;}
#otpBoxMailVerify, #otpBoxAuthVerify {width: 80%;}
.my-participation-proposal{ display: block; }
.my-participation-proposal .my-participation-votes-container{ display: flex; justify-content: space-around; }
}

@media all and (max-width: 500px) {
    #otpBoxMailVerify, #otpBoxAuthVerify {width: 100%;}
}
@media all and (max-width: 425px) {
    #secretoClave{font-size: 0.75em;}
}
@media all and (max-width: 400px) {
    #results select#sel-process {font-size: 1em;}
    .btn-new-proposal, .btn-new-proposal-account, .btn-new-proposal-prop, .btn-new-debate-top, .btn-new-alert-top, .btn-new-proposal-session, .btn-edit-proposal, .btn-new-proposal-session {font-size: 1em!important; padding: 10px!important;}
}
@media all and (max-width: 350px) {
    #secretoClave{font-size: 0.7em;}
}

/* ==========
   POLLS
   ========== */

/* ---------- New adjustments temporarily added for Elda and Llucmajor: "Hide empty cell" - REVERT FOR A NEW POLL */
#polls-container #fPoll .form-group.row {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
#polls-container #fPoll .form-group.row .col-sm-12.ss-q-title {width: 100%; display: block;}
#polls-container #fPoll .form-group.row .col-sm-10.option {width: 100%; max-width: 350px; border: 1px solid #ccc; margin: 10px 10px 10px 0; flex-direction: column; padding: 10px; font-size: .9em;}
#polls-container #fPoll .form-group.row .col-sm-10.option .col-sm-5 {display: none !important;}
#polls-container #fPoll .form-group.row .col-sm-10.option .col-sm-5.title {width: 100% !important; display: block !important; border-right: 0px solid #ccc; padding: 0; font-size: 1.1em; font-weight: bold;}
#polls-container #fPoll .form-group.row .col-sm-10.option .col-sm-5.title img {margin: 10px auto;}
#polls-container #fPoll #res15 {display: flex; flex-wrap: wrap;}
/* ---------- End of "New adjustments temporarily added" */

#polls-container {font-size: 1.2em;}
#polls-container .ss-q-title {font-size: 1.3em !important;}
#polls-container #fPoll .form-group table {width: 100%;}
@media all and (max-width: 767px) {
#polls-container #fPoll .form-group.row {flex-direction: column;}
#polls-container #fPoll .form-group.row .col-sm-10.option {margin: 10px auto;}
}

/* ==========
   FONTS
   ========== */

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v19-latin-regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-regular.woff2') format('woff2'), url('fonts/roboto-v19-latin-regular.woff') format('woff'), url('fonts/roboto-v19-latin-regular.ttf') format('truetype'), url('fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('fonts/roboto-v19-latin-italic.eot'); src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/roboto-v19-latin-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-italic.woff2') format('woff2'), url('fonts/roboto-v19-latin-italic.woff') format('woff'), url('fonts/roboto-v19-latin-italic.ttf') format('truetype'), url('fonts/roboto-v19-latin-italic.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('fonts/roboto-v19-latin-500italic.eot'); src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('fonts/roboto-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-500italic.woff2') format('woff2'), url('fonts/roboto-v19-latin-500italic.woff') format('woff'), url('fonts/roboto-v19-latin-500italic.ttf') format('truetype'), url('fonts/roboto-v19-latin-500italic.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v19-latin-500.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-500.woff2') format('woff2'), url('fonts/roboto-v19-latin-500.woff') format('woff'), url('fonts/roboto-v19-latin-500.ttf') format('truetype'), url('fonts/roboto-v19-latin-500.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts/roboto-v19-latin-700italic.eot'); src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/roboto-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-700italic.woff2') format('woff2'), url('fonts/roboto-v19-latin-700italic.woff') format('woff'), url('fonts/roboto-v19-latin-700italic.ttf') format('truetype'), url('fonts/roboto-v19-latin-700italic.svg#Roboto') format('svg'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v19-latin-700.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v19-latin-700.woff2') format('woff2'), url('fonts/roboto-v19-latin-700.woff') format('woff'), url('fonts/roboto-v19-latin-700.ttf') format('truetype'), url('fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); }