@media (min-width: 768px) { 
	.radio-flex {
		display: flex; /*Quitar para vista en vertical en movil*/
	}
}
.radio-flex  > .btn {
	flex-basis: 100%;
	min-width: 10rem;
	text-align: left;
	width: 100%;
}
.radio-flex  > label {
	border: 1px solid #ddd;
	border-radius: 0;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
	color: #212529;
	background-color: #dae0e5;
	border-color: #e4701e;
	border-style: dashed;
	border-width: 1px;
}
.invalid-feedback {
	margin-top: 0;
	margin-bottom: .25rem;
	font-size: 90%;
}
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label, .invalid-feedback {
	color: #972933;
}
.radio-header {
	font-weight: 600;
}
.radio-text {
	font-size: 0.95rem;
}
.form-check-label{
	margin-bottom: 0.25rem;
}
.form-check-input:checked + .form-check-label {
	color: #e4701e;
	font-size: 1.1rem;
	margin-top: -0.1rem;
}
.form-check-input {
	position: absolute;
	margin-top: 0.4rem;
}
.ex-table-header {
	font-size: 1.2rem;
	font-weight: 600;
}



.modelInfo {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9rem;
}
.modelInfo div {
	margin-right: 2rem;
}
.modelInfoLabel {
	font-weight: 700;
}
#assessmentModal .modal-header, #criterionInfo .modal-header{
	background-color: #e8e8e8;
	border-bottom: 1px solid #a8a8a8;
}
#infoReference a, #criterionReference a{
	text-decoration: underline;
}
.navbar-brand {
	font-size: 1.6rem;
}

.barra-superior {
	min-height: 100px;
	background-color: #3039520f !important;
}

.login-vertical {
	height: calc(100vh - 240px);
}

.breadcrumb {
	background: none;
}
.infoHeading {
	font-weight: 600;
	border-bottom: 1px solid #eee;
	font-size: 1.1rem;
}
.assessment-route {
	padding: .75rem 0rem;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 5;
	border-radius: 0;
}
.assessment-route p{
	margin-bottom: 0;
}
.assessment-route li{
	padding: 0 3rem 0.5rem 0.5rem;
}
.assessment-route li:not(:first-child){
	min-width: 10rem;
}
.assessment-route li:not(:last-child){
	background: url('../images/chevron-right.svg') no-repeat;
	background-size: 3rem;
	background-position: right -5px top 0.7rem;

}
.assessment-route li:last-child p{
	color: #e4701e;
	font-weight: 600;
}
.text-progress {
	line-height: 0.9rem;
}

div[id^='sphere-'] .card-header{
	padding: 0rem 15px;
	background: #bcc2d5;
	color: #303952;
}
div[id^='sphere-'] .text-muted{
	color: #303952 !important;
}
.sphere-chevron {
	font-size: 1.7rem;
	background: rgba(48, 57, 82, 0.2);
	align-items: center;
	display: flex;
	width: 3rem;
	padding-top: 1rem;
}

div[id^='component-'] .card-header{
	padding: 0rem 15px;
	background: #DADDE7;
}
.component-chevron {
	font-size: 1.5rem;
	background: rgba(48, 57, 82, 0.2);
	align-items: center;
	display: flex;
	width: 2.8rem;
	padding-top: 1rem;
}

div[id^='criterion-'] .card-header{
	padding: 0rem;
	background: transparent;
	text-align: right;
	border-bottom: none;
}
div[id^='criterion-'] .card-header button{
	padding: 0.2rem;
	min-width: 2rem;
	color: #303952;
}
div[id^='criterion-'] .card-body{
	padding-top: 0rem;
}
div[id^='criterion-'] .card-footer{
	background-color: #30395210;
}
div[id^='criterion-'] .card-footer .switch-no-padding .custom-control-label{
	padding-bottom: 0rem !important;
}
.exAnteButton {
	border-top: 1px dashed #ddd;
	margin-top: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 20px;
	text-align: center;  
}
fieldset[id^='fieldset-exmidi'] {
	border-top: 1px dashed #ddd;
	margin-top: 1rem;
	padding-top: 0.5rem;
}
.crEvaluated fieldset[id^='fieldset-exmidi'] {
	border-color: #47a8ad;
}
fieldset[id^='fieldset-done'] {
	border-top: 1px dashed #ddd;
	margin-top: 1rem;
	padding-top: 0.5rem;
}
.crEvaluated fieldset[id^='fieldset-done'] {
	border-color: #47a8ad;
}

label[for='hideDismissed'] {
	padding-bottom: 0 !important;
}

.rotate{
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.rotate.down{
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}



.crEvaluated{
	border-style: solid;
	border-color: #47a8ad;/*129490*//*c89666*/
	border-left-width: 5px;
	/*background-color: #e1b3824f;/*e1b3824f*/
	-webkit-transition: background-color 500ms linear, border 1000ms linear;
	-moz-transition: background-color 500ms linear, border 1000ms linear;
	transition: background-color 500ms linear, border 1000ms linear;
}
.crEvaluated .card-footer{
	background-color: #52c2c84f !important;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
.crEvaluated .form-check-input:checked + .form-check-label {
	color: #aa4b08;
}

.crPendding{
	border-style: solid;
	border-color: #b5e3bd;
	border-left-width: 5px;
}

.crNotEvaluated{
	border-style: solid;
	border-color: #ddd;
	border-left-width: 5px;
}

.crError{
	border-style: solid;
	border-color: #f4491e;
	border-left-width: 5px;
}

.evaluated-legend{
	justify-content: flex-end;
	font-size: 0.8rem;
}
.evaluated-legend .card{
	width: 9rem;
	flex: initial;
	margin-left: 0;
}
.evaluated-legend .card-body{
	padding: 0.3rem;
}


.alert-ist {
	color: #fff;
	background-color: #434d6a;
	border-color: #1a1f2d;
}


a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin: 20px 0px;
	line-height: inherit;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
fieldset {
	padding-bottom: 20px;
}
.btn-size {
	width: 8rem;
}
.page-container {
	margin-bottom: 80px;
}
.reverse-column {
	flex-direction: row-reverse;
}
.icon-sized {
	font-size: 1.5rem;
	padding: 0 0.55rem;
}
.icon-text {
	margin-bottom: 0;
}
.celda-estrecha {
	width: 4.5rem;
}
.btn-wide {
	width: 8rem;
	margin-right: 20px;
}


.sphere-title {
	font-size: 1.7rem;
}
.component-title {
	font-size: 1.4rem;
}


.progress {
	height: 0.31rem;
	margin-top: 0.5rem;
	background-color: #00000030;
}
.progress-bar {
	background-color: #303952;
}


@media (max-width: 768px) {
	.barra-superior {
		min-height: 0;
	}

	.barra-superior .navbar-nav {
		flex-direction: row;
	}

	.barra-superior .navbar-nav li{
		margin-left: 1rem;
	}

	.navbar-brand {
		white-space: normal;
	}

	.assessment-route {
		font-size: 0.8rem;
	}

	.assessment-route li{
		padding: 0 2.5rem 0.5rem 0.5rem;
	}

	.assessment-route li:not(:last-child){
		background-size: 2.5rem;
		background-position: right -5px top 0.6rem;
	}

	.evaluated-legend {
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-top: 1rem;
	}

	.evaluated-legend .card{
		margin-left: 1rem;
		margin-bottom: 0px;
	}
}


/* CUSTOM BUTTONS & COLORS */
.btn-ist:not(:disabled):hover, .btn-ist:not(:disabled):not(.disabled).active, .btn-ist:not(:disabled):not(.disabled):active, .show > .btn-ist.dropdown-toggle {
	color: #fff;
	background-color: #303952;
	border-color: #1a1f2d;
}
.btn-ist:hover {
	color: #fff;
	text-decoration: none;
}
.btn-ist {
	color: #fff !important;
	background-color: #445688;
	border-color: #1a1f2d;
}

.crEvaluated .btn-ist{
	background: #396884;
	border-color: #254355;
}
.crEvaluated .btn-ist:hover{
	background: #254355;
}

.btn.disabled, .btn:disabled {
	opacity: .35;
	cursor: unset;
}
.btn.focus, .btn:focus {
	box-shadow: 0 0 0 .2rem rgba(26, 31, 45,.25);
}

.btn-white {
	padding-bottom: 0;
	min-width: 2.5rem;
}
.btn-white:not(:disabled):hover {
	background: #00000020;
}
.btn-white-active {
	background: #212529;
	color: #fff;
}
.page-item.active .page-link {
	background-color: #303952;
	border-color: #1a1f2d;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #3039520f;
}
.table-hover tbody tr:hover {
	background-color: #30395215;
}

/* SWITCH */
.custom-switch .custom-control-label::after {
	right: calc(-1.35rem + 2px);
	left: unset;
}

.custom-control-label::after {
	right: -1.5rem;
	left: unset;
}
.custom-switch .custom-control-label::before {
	right: -2.6rem;
	left: unset;
}
.custom-switch, .custom-control-label {
	padding-left: 0rem;
}
.custom-control-label::before {
	top: 0rem;
}
.custom-control-label:hover::before, .custom-control-label:hover::after  {
	cursor:pointer;
}

.custom-switch .custom-control-label::after {
	top: calc(0rem + 2px);
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #1a1f2d;
	background-color: #445688;
}
.crEvaluated .custom-control-input:checked ~ .custom-control-label::before {
	border-color: #254355;
	background-color: #396884;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: rgba(26, 31, 45,.25);
}
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 .2rem rgba(26, 31, 45,.25);
}
.custom-switch .custom-control-label::after {
	/*background-color: #445688;*/
}
.custom-control-label::before {
	border: #1a1f2d solid 1px;
}
/* for sm */
.custom-switch.custom-switch-sm .custom-control-label {
	padding-right: 0.5rem;
	padding-bottom: 1rem;
}
.custom-switch.custom-switch-sm .custom-control-label::before {
	height: 1rem;
	width: calc(1rem + 0.75rem);
	border-radius: 2rem;
}
.custom-switch.custom-switch-sm .custom-control-label::after {
	width: calc(1rem - 4px);
	height: calc(1rem - 4px);
	border-radius: calc(1rem - (1rem / 2));
}
.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(calc(1rem - 0.25rem));
}

/* for md */
.custom-switch.custom-switch-md .custom-control-label {
	padding-right: 0.5rem;
	padding-bottom: 1.5rem;
}
.custom-switch.custom-switch-md .custom-control-label::before {
	height: 1.5rem;
	width: calc(2rem + 0.75rem);
	border-radius: 3rem;
}
.custom-switch.custom-switch-md .custom-control-label::after {
	width: calc(1.5rem - 4px);
	height: calc(1.5rem - 4px);
	border-radius: calc(2rem - (1.5rem / 2));
}
.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */
.custom-switch.custom-switch-lg .custom-control-label {
	padding-right: 0.5rem;
	padding-bottom: 2rem;
}
.custom-switch.custom-switch-lg .custom-control-label::before {
	height: 2rem;
	width: calc(3rem + 0.75rem);
	border-radius: 4rem;
}
.custom-switch.custom-switch-lg .custom-control-label::after {
	width: calc(2rem - 4px);
	height: calc(2rem - 4px);
	border-radius: calc(3rem - (2rem / 2));
}
.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */
.custom-switch.custom-switch-xl .custom-control-label {
	padding-right: 0.5rem;
	padding-bottom: 2.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::before {
	height: 2.5rem;
	width: calc(4rem + 0.75rem);
	border-radius: 5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::after {
	width: calc(2.5rem - 4px);
	height: calc(2.5rem - 4px);
	border-radius: calc(4rem - (2.5rem / 2));
}
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(calc(2.5rem - 0.25rem));
}

/* CUSTOM CHECKBOX */
.custom-check input[type="checkbox"] {
	opacity: 0;
}

.custom-check label {
	position: relative;
	display: inline-block;
	padding-left: 1.5rem;
}
.custom-check label:hover {
	cursor:pointer;
}

.custom-check label::before,
.custom-check label::after {
	position: absolute;
	content: "";
	display: inline-block;
}

/*Outer box of the fake checkbox*/
.custom-check label::before{
	height: 1rem;
	width: 1rem;
	border: 1px solid;
	left: 0px;
	top: 5px;
}

/*Checkmark of the fake checkbox*/
.custom-check label::after {
	height: 0.31rem;
	width: 0.56rem;
	border-left: 0.13rem solid;
	border-bottom: 0.13rem solid;
	transform: rotate(-45deg);
	left: 4px;
	top: 9px;
}

/*Hide the checkmark by default*/
.custom-check input[type="checkbox"] + label::after {
	content: none;
}

/*Unhide on the checked state*/
.custom-check input[type="checkbox"]:checked + label::after {
	content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.custom-check input[type="checkbox"]:focus + label::before {
	outline: #e4701e solid 2px;
}

/* CUSTOM RADIOBUTTON */
.custom-radio input[type="radio"] {
	opacity: 0;
}

.custom-radio label {
	position: relative;
	display: inline-block;
	padding-left: 1.5rem;
}
.custom-radio label:hover {
	cursor:pointer;
}

.custom-radio label::before,
.custom-radio label::after {
	position: absolute;
	content: "";
	display: inline-block;
}

/*Outer box of the fake checkbox*/
.custom-radio label::before{
	height: 1rem;
	width: 1rem;
	border: 1px solid;
	left: 0px;
	top: 5px;
	border-radius: 0.5rem;
}

/*Checkmark of the fake checkbox*/
.custom-radio label::after {
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 0.5rem;
	border: 0.13rem solid;
	background-color: #e4701e;
	left: 4px;
	top: 9px;
}

.crEvaluated .custom-radio label::after {
	background-color: #aa4b08;
}

/*Hide the checkmark by default*/
.custom-radio input[type="radio"] + label::after {
	content: none;
}

/*Unhide on the checked state*/
.custom-radio input[type="radio"]:checked + label::after {
	content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.custom-radio input[type="radio"]:focus + label::before {
	outline: #e4701e solid 2px;
}

/* TOC */
.help-index {
	position: -webkit-sticky;
	position: sticky;
	top: 1rem;
	border-left: 1px solid #eee;
}

.criteriaTree-index {
	/*position: -webkit-sticky;*/
	/*position: sticky;*/
	top: 1rem;
	border-left: 1px solid #eee;
}

.help-index p, .criteriaTree-index p{
	padding: .125rem 1.5rem;
	margin-bottom: 0;
}

.help-toc, .criteriaTree-toc {
	font-size: .875rem;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 1rem;
}
.help-toc ul, .criteriaTree-toc ul {
	padding-left: 1rem;
}
.help-toc li, .criteriaTree-toc li{
	list-style: none;
}
.help-toc a, .criteriaTree-toc a {
	display: block;
	padding: .125rem 1.5rem;
	color: #77757a;
}
.help-content img, .criteriaTree-content img{
	margin:  auto;
	display: block;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	max-width: 100%;
}
.help-content h6, .criteriaTree-content h6{
	text-align: center;
	font-size:  .875rem;
}
#help-button:focus, #criteria-tree-button: focus{
	box-shadow: none;
	border:  1px dotted;
}
.modal-ultrawide {
  max-width: calc(100% - 40px);
}
.big-close{
	font-size: 2.5rem;
}