body {
	font-family: 'Roboto_cond', Roboto, sans-serif;
	background-color: #f8f9fa;
	color: #212529;
}

.wrapper .title {
    text-align: center;
    font-size: 32px;
}

.wrapper .title p {
	margin-top: 50px;
    margin-bottom: 50px;
}

.wrapper .title-rating {
    text-align: center;
    font-size: 24px;
}

.wrapper .title-rating p {
	margin-top: 50px;
    margin-bottom: 10px;
}

.gkhinf {
	color: #fe61c4;
    font-weight: bold;
}

a {
	color: #6cb5fa;
    text-decoration: underline;
}

.wrapper > .text {
	margin-right: 50px;
	margin-left: 50px;
}

@media all and (max-device-width: 900px) {
	.wrapper > .text {
		margin-right: 10px;
		margin-left: 10px;
	}
}

.wrapper > .text > p {
	font-size: 20px;

	margin-top: 30px;
    margin-bottom: 30px;
}


.wrapper > .appeal {
	margin-right: 50px;
	margin-left: 50px;

	font-size: 20px;

	display: block;
        /*flex-direction: column;*/
/*	align-items: center;*/
}

.wrapper .appeal-data {
	display: flex;
	flex-direction: column;
}

.wrapper .appeal-data .info {
	display: flex;
	flex-direction: row;

	/* height: 35px; */
	/* height: 100%; */
	height: auto;
	margin-top: 7px;
	margin-bottom: 7px;
}

.wrapper .appeal-data .info .name {
	/* width: 300px; */
	width: 30%;
}

.wrapper .appeal-data .info .value {
	color: #6cb5fa;
	width: 70%;
}

.wrapper .appeal-data .info.statuses {
	height: 100%;
}

.wrapper .appeal-data .info .status-table thead {
	color: #848484;
}

.wrapper .appeal-data .info .status-table tbody {
	color: #212529;
}

.wrapper .appeal-data .info .status-table tbody tr {
	height: 30px;
}

.wrapper .appeal-data .rating-button .value .btn {
	color: #fff;
	background-color: #6cb5fa;
	border-color: #76cdff;
	cursor: pointer;

	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;

	border: 1px solid transparent;
  
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.wrapper .appeal-data .rating-button .value .btn:hover {
	background-color: #569dfa;
	border-color: #4daffa;
}

.desc .value {
	text-align: justify;
}

.file-app .value, .file-close .value {
	overflow-y: hidden;
}

.type > .value, .classifier > .value, .desc > .value, .file-app > .value > a, .file-close > .value > a {
	color: #002097!important;
}

.img-dateplan .name {
	position: relative;
	top: -50px;
}

.img-dateplan {
	height: 0!important;
}

.desc {
	min-height: 75px;
}

.spec > .value > .spec-name {
	color: #212529;
}

.spec {
	margin-top: 12px!important;
}

.spec-img {
	width: 75%;
}

@media all and (max-width: 800px) {
	.wrapper .appeal-data .info .name {
		width: 230px;
	}

	.wrapper > .appeal {
		margin-right: 10px;
		margin-left: 10px;
	}
}

@media all and (max-width: 650px) {
	.wrapper .appeal-data .info {
		display: flex;
		flex-direction: column;
	
		/* height: 70px; */
		height: auto;
	}

	.wrapper .appeal-data .info .name {
		width: auto;
	}
	
	.wrapper .appeal-data .info .value {
		width: auto;
	}

	.spec .name img {
		height: 75px;
	}

	.img-dateplan {
		height: 50px!important;
	}
	
	.img-dateplan .name {
		position: inherit;
		top: auto;
	}
}

@media all and (max-width: 450px) {
	.wrapper > .appeal {
		font-size: 18px;
	}
}

@media all and (max-width: 400px) {
	.wrapper > .appeal {
		font-size: 18px;
	}

	.wrapper .appeal-data .info .status-table tbody tr .date {
		text-align: center;
	}
}

.ref-title > p, .pw-change-title > p {
	color: #0b50ad;
}
.ref-logo {
	width: 25%;
}
@media all and (max-width: 800px) {
	.ref-logo {
		width: 30%;
	}
}
@media all and (max-width: 600px) {
	.ref-logo {
		width: 35%;
	}
}
@media all and (max-width: 500px) {
	.ref-logo {
		width: 40%;
	}
	.ref-title > p {
		font-size: 30px !important;
	}
}
@media all and (max-width: 450px) {
	.ref-logo {
		width: 45%;
	}
	.ref-title > p {
		font-size: 28px !important;
	}
}
@media all and (max-width: 400px) {
	.ref-logo {
		width: 50%;
	}
	.ref-title > p {
		font-size: 26px !important;
	}
}
@media all and (max-width: 350px) {
	.ref-logo {
		width: 60%;
	}
	.ref-title > p {
		font-size: 24px !important;
	}
}

.pw-change-logo {
	width: 15%;
}

.input-group-pw {
	text-align: center; 
	color: #0b50ad;
	width: 100%;
}

.input-group-pw .open-close-obj {
	cursor: pointer;
	background-color: #fff !important;
}

.input-group-pw .open-close-obj:hover {
	/* background-color: #eceef0; */
}

.input-group-pw .open-close-img {
	width: 30px;
}

.input-group-pw .input-col-pw {
	height: 100px;
}

.button-pw button {
	background-color: #6cb5fa;
	border-color: #6cb5fa;
}

.button-pw button:hover {
	background-color: #569dfa;
	border-color: #4daffa;
}

@media all and (max-width: 1400px) {
	.pw-change-logo {
		width: 17%;
	}
}

@media all and (max-width: 1200px) {
	.pw-change-logo {
		width: 19%;
	}
}

@media all and (max-width: 1100px) {
	.pw-change-logo {
		width: 20%;
	}
}

@media all and (max-width: 1000px) {
	.pw-change-logo {
		width: 23%;
	}
}

@media all and (max-width: 900px) {
	.pw-change-logo {
		width: 25%;
	}
}

@media all and (max-width: 800px) {
	.pw-change-logo {
		width: 27%;
	}
}

@media all and (max-width: 700px) {
	.pw-change-logo {
		width: 30%;
	}
}

@media all and (max-width: 600px) {
	.pw-change-logo {
		width: 33%;
	}
}

@media all and (max-width: 500px) {
	.pw-change-logo {
		width: 36%;
	}
}

@media all and (max-width: 400px) {
	.pw-change-logo {
		width: 38%;
	}
}

@media all and (max-width: 300px) {
	.pw-change-logo {
		width: 40%;
	}
}