/* ==========
   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: 13px;}
#navbar #login_form .form-control {border: 0 !important;}
@media all and (max-width: 345px) {#navbar #login_form button {width: 100% !important; padding: 6px 12px !important; font-size: 14px !important; line-height: inherit !important; margin-bottom: 4px;}}
    
/* Filters */

#filters #btn-area-refresh {float: right;}
#filters #opt-filter {padding: 0px; text-align: left; 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; left: -15px;}

/* 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;}
.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;}

/* 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 .icon-comments {font-size: 1.3em; margin-right: 5px; display: inline-block;}
#proposal-list .proposal .proposal-info a {color: #999999;}
#proposal-list .proposal .proposal-desc {text-align: justify;}
#proposal-list .tags a {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-proposal-account, .btn-new-debate-top, .btn-new-alert-top, .btn-new-proposal-session {width: 100%; font-size: 1.7em; padding: 15px;}
.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;}
#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 a {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;}
.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 {display:none; margin-top: 0px; font-size: 1.5em; font-style: normal; padding: 2%; border: 1px solid #e2df75; background: lightyellow; margin-bottom: 0px;}
.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;}
#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;}
#new_proposal #btn-send {margin: 20px; width: 95%;}
#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;}

/* Login */

#login-form #login_form #btn-login {width:100%}
#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: 10px 0px;}
#login-form #login_form #form-foot #register {text-align: left;}
#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: 30px auto 40px auto !important;}
#login-form #brand-log {text-align: center;}
#login-form #brand-log button {border: 0 !important; padding: 10px 25px 10px 15px; min-width: 270px; border-radius: 100px !important;}
#login-form #brand-log button i.fa {border-right: 1px solid #fff; min-width: 37px; padding: 5px; margin-right: 5px;}
#login-form #brand-log button i.fa.fa-google {border-right: 1px solid #000;}
#login-form #brand-log button span {padding: 5px;}
#login-form #brand-log #goo-login button {border: 1px solid #000 !important;}
#login-form .with-mail-wrapper {position: relative; overflow: hidden; margin: 25px auto; text-align: center;}
#login-form .with-mail-wrapper p {display: inline-block; background: #fff; padding: 0 10px; position: relative; z-index: 1;}
#login-form .with-mail-wrapper hr {position: absolute; width: 100%; top: -10px; border-top: 1px solid #dfe0e4 !important;}
#login-form #form-foot {margin-top: 25px !important; overflow: hidden;}
#login-form #form-foot #register {float: left; max-width: 220px;}
#login-form #form-foot #forgotPwd {float: right; max-width: 220px;}
@media all and (max-width: 500px) {#login-form #form-foot #register, #login-form #form-foot #forgotPwd {float: none; width: 100%; max-width: 100%; text-align: center !important; margin-bottom: 15px;}}

/* 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 .auth .panel{padding: 10px 0;}
#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;}
#myData .input {margin-bottom: 10px; margin-right: 10px;}
#signup-form #myData .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;}

/* My Account */
.dni_error{color: red; display: none; margin: 10px 0px 0px 0px!important;}
.dni_rem{color: red; text-align: justify; font-style: italic;}
.account-alert-msg{color: red; font-size: 16px;}

/* 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, #processes-list .result .process-status, #processes-list .result .process-info, #processes-list .result .process-dates {padding: 0 20px 0 20px;}
#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; padding: 10px 20px 10px 20px;}
#processes-list .result .process-dates {width: auto; font-size: 1em; font-style: normal; padding: 20px; border: 1px solid #e2df75; border-left: 0; border-right: 0; background: lightyellow; overflow: hidden;}
#processes-list .process-dates #end_date {float: left;}
#processes-list .process-dates #start_date {float:left; padding-right: 15px;}
#processes-list .submenu {margin-left: 0px; margin-bottom: 20px;}
select#sel-process {padding: 10px; margin-bottom: 15px; font-weight: bold; font-size: 1.2em; border: 1px solid #828282; overflow: hidden !important; width: 100%; text-overflow: ellipsis;}
.ms-parent{min-width: 300px; 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; padding-bottom: 20px;}
.details {margin-bottom: 2em; text-align: left;}
.jumbo-header {padding-bottom: 2em;}
.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;}


/* Participation Layout */
div#processes-list, div#tracking, div#no_results, div#proposal-list, div#signup-form{min-height: 250px !important;}

/* 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: 22px; 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: 85px;}
.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; font-size: 60%; 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: 2em; padding: 10px; margin: 2.5px; border: 2px solid #5cb85c; color: #5cb85c;}
.disagree {display: inline-block; font-size: 2em; 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: 1200px) {
.btn-new-proposal-session {font-size: 1em;}
}

@media all and (max-width: 992px) {
.btn-new-proposal-session {font-size: 1.7em;}
}

@media all and (min-width: 992px) {
.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: 991px) {
.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 #back-row, #login-form #back-row {float: none; margin: 0 auto 15px auto; max-width: 480px; width: 100%;}
#signup-form .column.centered, #login-form .column.centered {max-width: 480px; width: 95%;}
select#sel-process {padding: 10px; margin-bottom: 15px; font-weight: bold; font-size: 1.2em; border: 1px solid #828282; width: 100%;}
.debates-right {border-left: 0px solid #e5e6e9; padding-top: 15px; padding-bottom: 15px;}
}

@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-list #filters, #proposal-list #opt-filter {text-align: center; width: 100%;}
#proposal-list .prop-info {text-align: center; width: 100%; margin-bottom: 10px;}
.proposal-desc {height: 40px;}
}

/* ==========
   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'); }