@import '/css/fonts.css?v=1.1';

@charset "UTF-8";
/* CSS Document */
:root {
  --color-grey: #333;
  --color-lightGrey: #e6e6e6;
  --color-whiteGrey: #f1f1f1;
  --color-white: #FFF;
  --color-black: #000;

  --color-pccCyan: #00BBB3;
  --color-pccLightCyan:rgba(153,204,204,1);
  --color-pccDarkGreen: #264C4C;
  --color-pccLightGrey: #f2f2f2;

  --color-fb: #3B5998;
  --color-google:#DB4437;
  --color-py: #003087;
  --color-ox:#efb341;
}
.color-grey{
	color:var(--color-grey);
}
.color-whiteGrey{
	color:var(--color-whiteGrey);
}
.color-lightGrey{
	color:var(--color-lightGrey);
}
.color-pccCyan{
	color:var(--color-pccCyan);
}
.color-pccLightCyan{
	color:var(--color-pccLightCyan);
}
.color-pccDarkGreen{
	color:var(--color-pccDarkGreen);
}

.bg-transparent{
	background:none !important;
}
.bg-white{
	background:var(--color-white);
}
.bg-black{
	background:var(--color-black);
}
.bg-grey{
	background:var(--color-grey);
}
.bg-whiteGrey{
	background:var(--color-whiteGrey);
}
.bg-lightGrey{
	background:var(--color-lightGrey);
}

.bg-pccCyan{
	background:var(--color-pccCyan);
}
.bg-pccLightCyan{
	background:var(--color-pccLightCyan);
}
.bg-pccDarkGreen{
	background:var(--color-pccDarkGreen);
}
.bg-pccLightGrey{
	background:var(--color-pccLightGrey);
}

.bg-fb{
	background:var(--color-fb);
}
.bg-google{
	background:var(--color-google);
}
.bg-py{
	background:var(--color-py);
}
.bg-ox{
	background:var(--color-ox);
}


/* POSITIONS */
.middle{
	display: flex;
    align-items: center;
}
.middle-middle{
	justify-content: center;
}
.middle-left{
	justify-content: left;
}
.middle-right{
	justify-content: right;
}

/* FONT SIZES */
.font-10{
	font-size:10px !important;
}
.font-12{
	font-size:12px !important;
}
.font-14{
	font-size:14px !important;
}
.font-16{
	font-size:16px !important;
}
.font-18{
	font-size:18px !important;
}
.font-20{
	font-size:20px !important;
}
.font-22{
	font-size:22px !important;
}
.font-24{
	font-size:24px !important;
}
.font-26{
	font-size:26px !important;
}
.font-28{
	font-size:28px !important;
}
.font-32{
	font-size:32px !important;
}
.font-36{
	font-size:36px !important;
}
.font-48{
	font-size:48px !important;
}
.font-60{
	font-size:60px !important;
}

/* BUTTONS */
.underline-0{
	text-decoration: none;
}
.btn-login{
	border:2px solid var(--color-pccDarkGreen) !important;
	background:var(--color-white) !important;
	color:var(--color-pccDarkGreen) !important;
}

.btn-login:hover{
	background:var(--color-pccDarkGreen) !important;
	color:var(--color-white) !important;
}
.btn-circle{
	border-radius: 50%;
    width: 50px;
    height: 50px;
}
.btn-circle-l{
	border-radius: 50%;
    width: 75px;
    height: 75px;
}
.btn-circle-xl{
	border-radius: 50%;
    width: 100px;
    height: 100px;
}
.btn-circle-xxl{
	border-radius: 50%;
    width: 140px;
    height: 140px;
}
.btn-cyan{
	border:2px solid var(--color-pccCyan) !important;
	background:var(--color-pccCyan) !important;
	color:var(--color-white) !important;
}
.btn-cyan:hover{
	background:var(--color-white) !important;
	color:var(--color-pccCyan) !important;
}

.btn-darkGreen{
	border:2px solid var(--color-pccDarkGreen) !important;
	background:var(--color-pccDarkGreen) !important;
	color:var(--color-white) !important;
}
.btn-darkGreen:hover{
	background:var(--color-white) !important;
	color:var(--color-pccDarkGreen) !important;
}

/* TEST */
label.question-label.active{
	background-color: var(--color-pccDarkGreen) !important;
	border-color: var(--pcc-DarkGreen) !important;
	color: #fff;
	border-width: 2px;
}
.test-question-number{
	width:55px;
	height:55px;
	background-size: cover;
}
.test-question-number.q-one{
	background:url(/img/test/q_q-01.svg) no-repeat center;
}
.test-question-number.rev-q-one{
	background:url(/img/test/iconos/q-01.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-two{
	background:url(/img/test/q_q-02.svg) no-repeat center;
}
.test-question-number.rev-q-two{
	background:url(/img/test/iconos/q-02.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-three{
	background:url(/img/test/q_q-03.svg) no-repeat center;
}
.test-question-number.rev-q-three{
	background:url(/img/test/iconos/q-03.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-four{
	background:url(/img/test/q_q-04.svg) no-repeat center;
}
.test-question-number.rev-q-four{
	background:url(/img/test/iconos/q-04.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-five{
	background:url(/img/test/q_q-05.svg) no-repeat center;
}
.test-question-number.rev-q-five{
	background:url(/img/test/iconos/q-05.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-six{
	background:url(/img/test/q_q-06.svg) no-repeat center;
}
.test-question-number.rev-q-six{
	background:url(/img/test/iconos/q-06.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-seven{
	background:url(/img/test/q_q-07.svg) no-repeat center;
}
.test-question-number.rev-q-seven{
	background:url(/img/test/iconos/q-07.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-eight{
	background:url(/img/test/q_q-08.svg) no-repeat center;
}
.test-question-number.rev-q-eight{
	background:url(/img/test/iconos/q-08.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-nine{
	background:url(/img/test/q_q-09.svg) no-repeat center;
}
.test-question-number.rev-q-nine{
	background:url(/img/test/iconos/q-09.svg) no-repeat center;
	background-size: contain;
}

.test-question-number.q-ten{
	background:url(/img/test/q_q-10.svg) no-repeat center;
}
.test-question-number.rev-q-ten{
	background:url(/img/test/iconos/q-10.svg) no-repeat center;
	background-size: contain;
}

.test-answers{
	top:-30px;
}
.test-answer.active{
	background:var(--color-pccDarkGreen);
}
.donita-svg h3, .donita-svg h4{
	top:45%;
	left:0;
	width:100%;
}
.test-res-inner-rectangle{
	border: 1px solid #00BBB3;
	border-radius: 3px;
}


/* NEWS FEED */
.feed-title{
	font-size: 24px;
	text-align: center;
	margin: 0px 0px 25px 0px;
}

.feed-item-title{
	text-align: left !important;
    font-weight: bold;
    font-size: 16px;
}

.feed-item-desc{
	text-align: left !important;
    font-size: 14px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.pointer{
	cursor: pointer;
}

/* EXTRAS */
.ribbon-cyan{
	width:305px;
	height:45px;
	background:url(/img/liston.svg) no-repeat center;
	background-size:contain;
}
label.reminder input{
	visibility: hidden;
}
label.reminder.active{
	background:var(--color-pccCyan) !important;
	color:var(--color-white) !important;
}
label.card-meta.active{
	border-color: var(--pcc-DarkGreen) !important;
	border-width: 2px;
}
label.mes-label.active{
	border-color: var(--pcc-DarkGreen) !important;
	border-width: 2px;
}
label.planRetiro-label.active{
	border-color: var(--pcc-DarkGreen) !important;
	border-width: 2px;
}
label.anios-label.active{
	border-color: var(--pcc-DarkGreen) !important;
	border-width: 2px;
}
.border2darkGreen{
	border-color: var(--pcc-DarkGreen) !important;
	border-width: 2px;
}

.steps{
	display: none;
}