body{
	margin: 0;
	padding: 0;
}


*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box; 
	font-family: 'PT Sans', sans-serif;
}

.df{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}



.CBS__wrap{
	padding: 15px;
	width: 100%;
	max-width: 100%;
	border: solid 0px #333;
	margin: 0px auto;
}


.CBS__textDescr{
	font-size: 24px;
	text-align: bottom;
	margin-bottom: 22px;
}


.CBS__wrapField{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	justify-content: space-between;
	align-items: bottom;
}


.CBS__text1{
	flex: 0 0 540px;
	font-size: 12pt;
	color: #1e90ff;
	margin-bottom: 10px;
	border-bottom: 1px dotted #222;
    display: inline-block;
}

.CBS__select,
.CBS__input{
flex: 0  0 220px;
max-width: 220px;
border: 1px dotted #222;
height: 40px;
padding: 0 16px;
font-size: 12pt;
	margin-bottom: 10px;

}


.CBS__select:focus,
.CBS__input:focus{

border: solid 1px #111;
box-shadow: 0 0 7px 2px #00000069;
}


.CBS__totalText{
	padding: 5px 35px;
	font-size: 26px;
	font-weight: 600;
	background-color: #0066ff;
	color: #ffffff;
	display: block;
	margin: 40px auto 0;
	text-align: center;
border-radius: 8px;
    box-shadow:  0.3em 0.3em 5px rgba(0,0,0,0.2);

}






@media only screen and (max-width : 1199px){

}

@media only screen and (max-width : 991px){

}

@media only screen and (max-width : 767px){

}



@media only screen and (max-width : 480px){

}

@media only screen and (max-width : 375px){

}













*{
	outline: solid red 0px;
}