@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body{
	font-family: "Open Sans", sans-serif;
	padding:0px 13px;
}

.page-login{
	position:relative;
	padding:20px 0;
}
.page-login-logo{
	text-align:center;
	padding-bottom:20px;
	margin:0 -13px 40px -13px;
	border-bottom: 1px solid rgba(216, 229, 240, 1);
}
.page-login-logo img{
	width:calc(100% - 26px);
	height:auto;
}
.page-login-form-inputs{
	width:100%;
	margin:0 auto;
}
.page-login-form-inputs input, .page-login-form-inputs input:focus{
	border:none;
	box-shadow:none;
	border-bottom:1px solid rgba(216, 229, 240, 1);
	margin-bottom:15px;
	color:rgba(24, 50, 142, 1);
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	border-radius:0px;
}
.password-control {
	position: absolute;
	top: 1rem;
	right: .75rem;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(images/pass-view.svg) 0 0 no-repeat;
	text-decoration:none;
}
.password-control span{
	display:none;
	position:absolute;
	right:32px;
	top:3px;
	color:rgba(24, 50, 142, 1);
	font-size:14px;
	line-height: 19px;
}
.password-control.view { background: url(images/pass-noview.svg) 0 0 no-repeat; }
.page-login-form-inputs label{
	color:rgba(24, 50, 142, 1);
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
}
.page-login-form-inputs input.btn{
	border:none;
	background: linear-gradient(90.00deg, rgba(26, 33, 134, 1), rgba(52, 177, 193, 1) 100%);
	color:#fff;
	font-size:24px;
	font-weight:700;
	line-height:33px;
	border-radius:0px;
	padding:20px 0;
	width:150px;
	text-align:center;
	margin-top:35px;
	/*margin-bottom:40px;*/
	margin-bottom:0;
}
.page-login-footer{
	position:relative;
	color: rgba(153, 176, 212, 1);
	font-size:10px;
	font-weight:400;
	line-height:14px;
	letter-spacing:0;
	text-align:center;
}
.page-login-footer ul{
	margin:10px 0;
	padding-left:0;
	list-style-type:none;
}
.page-login-footer ul li{
	display:block;
	margin:15px 0px;
}
.page-login-footer ul li a{
	color: rgba(24, 50, 142, 1);
}


@media (min-width:576px){
	.page-login{ padding:60px 0; }
	.page-login-logo{
		padding-bottom:40px;
		margin:0 -13px 40px -13px;
	}
	.page-login-logo img{ width:502px; }
	.page-login-form-inputs{ width:432px; }
	.password-control span{ display:block; }
	.page-login-form-inputs input.btn{
		width:168px;
		/*margin-bottom:60px;*/
	}
	.page-login-footer ul li{
		display:inline-block;
		margin:0px 3px;
	}
}
@media (min-width:768px){
	.page-login{
		padding:0px;
		height:100vh;
	}
	.page-login-form{
		position:relative;
		top: calc(50% - 220px);
	}
	.page-login-logo img{ width:530px; }
	.page-login-form-inputs{ width:396px; }
	.page-login-form-inputs input.btn{ width:268px; }
}
@media (min-width:992px){
	body{
		padding-left:20px;
		padding-right:20px;
	}
	.page-login-form{
		position:relative;
		top: calc(50% - 220px);
	}
	.page-login-logo{
		margin-left:-20px;
		margin-right:-20px;
	}
	.page-login-logo img{ width:552px; }
	.page-login-form-inputs{ width:359px; }
	.page-login-form-inputs input.btn{ width:184px; }
	
}
@media (min-width:1360px){
	body{
		padding-left:24px;
		padding-right:24px;
	}
	.page-login-form{
		position:relative;
		top: calc(50% - 230px);
	}
	.page-login-logo{
		margin-left:-24px;
		margin-right:-24px;
	}
	.page-login-logo img{ width:642px; }
	.page-login-form-inputs{ width:424px; }
	.page-login-form-inputs input.btn{
		width:214px;
		margin-top:35px;
	}
	.page-login-footer{
		position:absolute;
		bottom:50px;
		left:50%;
		transform: translate(-50%, 0%);
	}
}
@media (min-width:1920px){
	body{
		padding-left:40px;
		padding-right:40px;
	}
	.page-login-form{
		position:relative;
		top: calc(50% - 225px);
	}
	.page-login-logo{
		margin-left:-40px;
		margin-right:-40px;
	}
	.page-login-logo img{
		width:600px;
	}
	.page-login-form-inputs{
		width:460px;
	}
	.page-login-form-inputs input.btn{
		width:290px;
	}
	.page-login-footer{
		position:absolute;
		bottom:50px;
		left:50%;
		transform: translate(-50%, 0%);
	}
}





.page-main-header{
	padding:4px 0;
}
.page-main-header img.logo{
	width:154px;
	height:auto;
}
.page-main-header .logout{
	color: rgba(24, 50, 142, 1);
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-decoration:none;
}
.page-main-header .logout img{
	width:28px;
	height:auto;
}
.page-main-title{
	background: rgba(216, 229, 240, 1);
	color: rgba(24, 50, 142, 1);
	font-size:20px;
	font-weight:600;
	line-height:24px;
	margin:0 -13px;
	padding:10px 13px;
}
.page-main-filter{}
.page-main-filter-title{
	color: rgba(24, 50, 142, 1);
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	padding:10px 20px;
	border-left:1px solid rgba(216, 229, 240, 1);
	border-right:1px solid rgba(216, 229, 240, 1);
}
.page-main-filter form{
	border:1px solid rgba(216, 229, 240, 1);
	padding:10px 20px 20px 20px;
}
.page-main-filter form label{
	color:rgba(24, 50, 142, 1);
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	margin-left:16px;
	display:block;
}
.page-main-filter form .otst{
	margin-top:14px;
	margin-bottom:14px;
}
.page-main-filter form .form-group{
	display:inline-block;
	text-align:center;
	margin-right:30px;
}
.page-main-filter form .form-group label{
	margin-left:0px;
}
.page-main-filter form .form-group p{
	margin-bottom:0;
	margin-top:6px;
}
.page-main-filter form select, .page-main-filter form select:focus{
	color:rgba(24, 50, 142, 1);
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	margin-top:6px;
	border-radius:0px;
	box-shadow:none;
	padding:18px 16px;
}
.page-main-filter .select2-container{
	width:100%!important;
	margin-top:6px;
}
.page-main-filter .select2-selection--single{
	border-radius:0px;
	border: 1px solid rgba(216, 229, 240, 1);
	height:56px;
}
.select2-dropdown{
	border-radius:0px;
	border: 1px solid rgba(216, 229, 240, 1);
}
.page-main-filter .select2-selection--single .select2-selection__rendered{
	color:rgba(24, 50, 142, 1);
	line-height:56px;
	padding-left: 16px;
    padding-right: 16px;
}
.page-main-filter .select2-selection--single .select2-selection__arrow{
	height:56px;
	width:24px;
}
.page-main-filter .select2-selection--single .select2-selection__arrow b{
	background-image: url(images/selectstr.svg);
	border:none;
	width:24px;
	height:24px;
	margin-top:-12px;
	margin-left:-24px;
}
.page-main-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	background-image: url(images/selectstr2.svg);
	border:none;
}
.select2-results__option{
	padding:9px 15px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background:rgba(24, 50, 142, 1);
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border: 1px solid rgba(52, 177, 193, 1);
	outline: none;
	background:url(images/search.svg) 100% 5px no-repeat;
}
.page-main-filter form input.minimal{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	width: 24px;
	height: 24px;
}
.page-main-filter form input.minimal::after{
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	font-size: 24px;
	background-image: url(images/checkbox-unchecked.svg);
	background-repeat: no-repeat;
}
.page-main-filter form input.minimal:checked::after {
	background-image: url(images/checkbox-checked.svg);
}
.page-main-filter form .btn{
	background:rgba(24, 50, 142, 1);
	width: 185px;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	color:#fff;
	text-align:center;
	padding:20px 0;
	border-radius:0px;
	margin-top:24px;
}
.page-main-charts{
	padding-bottom:40px;
}
.onechart{
	border:1px solid rgba(216, 229, 240, 1);
	padding:12px;
	margin-top:10px;
}
.onechart-title{
	color: rgba(24, 50, 142, 1);
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	padding-bottom:10px;
}
.onechart .testchart{
	height:240px;
}
.onechart .testchart.scrollblock{
	height:260px;
}
.onechart table{
	width:100%;
	margin-top:20px;
}
.onechart table tr{}
.onechart table tr:nth-child(even) { background:rgba(216, 229, 240, 1); }
.onechart table tr th{ font-size:14px;font-weight:700;line-height:19px; }
.onechart table tr td{
	color:rgba(24, 50, 142, 1);
	font-size: 10px;
	font-weight: 400;
	line-height: 14px;
	padding:2px 0;
}
.onechart table tr td:first-child{
	padding-left:12px;
}

@media (min-width:576px){
	.page-main-header{
		padding:8px 0;
	}
	.page-main-header img.logo{
		width:247px;
	}
	.page-main-header .logout{
		position:relative;
		top:10px;
		font-size: 20px;
		font-weight: 600;
		line-height: 30px;
	}
	.page-main-title{
		font-size:24px;
		line-height:28px;
	}
	.page-main-filter-title{
		font-size: 22px;
		line-height: 33px;
	}
	.page-main-filter form .form-group{
		margin-right:40px;
	}
	.page-main-filter form .btn{
		width:241px;
		font-size: 14px;
		line-height: 19px;
	}
	.onechart table tr{
		border-bottom:1px solid rgba(216, 229, 240, 1);
	}
	.onechart table tr:nth-child(even) { background:#fff; }
	.onechart table tr td{
		font-size: 14px;
		line-height: 19px;
	}
	.onechart table tr td:first-child{
		padding-left:0px;
	}
}
@media (min-width:768px){
	.page-main-header{
		padding:12px 0;
	}
	.page-main-header img.logo{
		width:330px;
	}
	.page-main-header .logout{
		top:15px;
	}
	.page-main-filter form .form-group{
		margin-top:19px;
	}
	.page-main-filter form .btn{
		width:184px;
		font-size: 12px;
		line-height: 16px;
		margin-top:0px;
	}
	.page-main-filter form .otst{
		margin:0;
	}
	.onechart{
		padding:20px;
	}
}
@media (min-width:992px){
	.page-main-header img.logo{
		width:288px;
	}
	.page-main-header .logout{
		top:10px;
	}
	.page-main-title{
		margin:0 -20px;
		padding:10px 20px;
	}
	.page-main-filter form .form-group{
		margin-right:20px;
		margin-top:24px;
	}
	.page-main-filter form .btn{
		margin-top:6px;
		float:right;
	}
	.onechart .testchart{
		height:250px;
	}
	.onechart .testchart.scrollblock{
		height:270px;
	}
}
@media (min-width:1360px){
	.page-main-header img.logo{
		width:330px;
	}
	.page-main-header .logout{
		top:15px;
	}
	.page-main-title{
		margin:0 -24px;
		padding:10px 24px;
		font-size: 28px;
		font-weight: 500;
		line-height: 42px;
	}
	.page-main-filter form .form-group{
		margin-right:50px;
	}
	.page-main-filter form .btn{
		width:auto;
		padding-left:12px;
		padding-right:12px;
		font-size: 14px;
		line-height: 19px;
	}
}
@media (min-width:1920px){
	.page-main-title{
		margin:0 -40px;
		padding:10px 40px;
	}
	.page-main-filter form .form-group{
		margin-right:90px;
	}
	.page-main-filter form .btn{
		width:auto;
		padding-left:26px;
		padding-right:26px;
		font-size: 18px;
		line-height: 25px;
	}
	.onechart .testchart{
		height:260px;
	}
	.onechart .testchart.scrollblock{
		height:280px;
	}
}



/*
.page-main-header{
	padding:4px 0;
}
.page-main-header img.logo{
	width:154px;
}
.page-main-header .logout{
	font-size: 14px;
	line-height: 21px;
}
.page-main-title{
	font-size:20px;
	line-height:24px;
	margin:0 -13px;
	padding:10px 13px;
}
.page-main-filter-title{
	font-size: 18px;
	line-height: 22px;
	padding:10px 20px;
}
.page-main-filter form{
	padding:10px 20px 20px 20px;
}
.page-main-filter form .form-group{
	margin-right:30px;
}
.page-main-filter form .btn{
	width: 185px;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	padding:20px 0;
	margin-top:24px;
}
.page-main-charts{
	padding-bottom:40px;
}
.onechart{
	border:1px solid rgba(216, 229, 240, 1);
	padding:12px;
	margin-top:10px;
}


*/