.picker__frame{
		top: 0px !important;
	}

	.left_category_button{
		min-height: 100px !important; 
		max-height: 150px !important;
	}



	body{
		/*height: 100vh;*/
		background-color: #f5f5f5;
		transition: display 2s;
		transition: background-color 1s;
	}

	.line{
		background: black;
		height: 2px;
	}

	.btn-circle.btn-xl {
	    width: 60px;
	    height: 60px;
	    padding: 10px 16px;
	    border-radius: 35px;
	    font-size: 24px;
	    line-height: 1.33;
	}

	.btn-circle {
	    width: 30px;
	    height: 30px;
	    padding: 6px 0px;
	    border-radius: 15px;
	    text-align: center;
	    font-size: 12px;
	    line-height: 1.42857;
	}

	div.whole_container{
		/* footer is 71 and header is 88 */
		height: calc(100vh - 88px);
		/*height: 86vh;*/
		/*height: auto;*/
	}
	div.main_card{
	    	background-color: #f5f5f5;
		overflow: auto;
		transition: padding 0.5s;
	}
	div.whole_container > div.card {
		height: inherit;
	}
	div.whole_container > div.card > div.card-body{
		height: inherit;
	}

	div.small_accordion > div.card {
		border-radius: 0;
		color: white;
	}

	.progbar_container{
		/*background: lightgrey; */
		background: white;
		width: 100%;
		height: 19%;
	}
	div.large_accordion{
		display: flex;
		flex-direction: column;
		height: 100%;
	}


	div.large_accordion > div.card {
		height: 25%;
		flex: 1;
		/*background-color: #007bff;
		border-color: #007bff;*/
		border-radius: 0;
		color: white;
	}

	div.large_accordion > div.card  > div.card-header{
		height: 100%;
	}

	div.card  > div.card-header > h1.CENTERED{
		text-align: center;
		min-width: 240px;
	}

	div.accordion_buttons{
		text-align: center;
		vertical-align: middle;
	}

	.active_accordion {
		box-shadow: inset 0 3px 20px rgba(0, 0, 0, 0.325)!important;
	}

	.large_info_display{
		border-radius: 0px;
	}
	div.large_info_display > div.card-header{
	    color: white;
		border-radius: 0;
	}

	/*.progger{
		display: flex;
	}

	.progger > div.col-1 {
		text-align: center;
	}*/