html {font-size: 15px;}
html, body {width: 100%; height: 100%;}

ul, ol, li {list-style: none; padding: 0; margin: 0;}

.alert {text-align: center; display: none;}

.mt_design {box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; }
.mt_design_inverse {box-shadow: 2px 0 5px rgba(0,0,0,0.19), 0 2px 10px rgba(0,0,0,0.23);}
.mt_design:hover {box-shadow: 0 2px 5px 0 rgba(0,0,0,.18), 0 2px 10px 0 rgba(0,0,0,.15); transition: all 0.3s ease;}

#cont_erro_generic {position: fixed; top: 100px; right: -110%; max-width: 90%; border-radius: 30px; text-align: center; padding: 0.5rem 1rem; background: #000c14; color: #fff; transition: all ease-out 0.3s; z-index: 31;}

.position_center {left: 0; transition: 0.3s;}
.position_right {left: 110%; transition: 0.3s;}
.position_left {left: -110%; transition: 0.3s;}

.btn_1 {background: transparent; border-color: #47bfc0; color: #47bfc0;}
.btn_2 {background: #47bfc0; color: #fff;}
.btn_3 {background: #fff; border-color: #47bfc0; color: #47bfc0;}

.snapshot-generator, 
.snapshot-generator_2 {display: block; height: auto; left: 0; object-fit: contain; position: fixed; top: 0; width: 1px; z-index: -1; background: red;}


#menu_left {height: 100%; width: 250px; position: fixed; left: -110%; top: 50px; transition: 0.3s; background: #47bfc0; color: #fff;}
#menu_left > div {width: 250px; padding: 1rem;}

@media screen and (min-width: 770px) {
	
	#menu_left {left: 0%;}
	#part_left {padding-left: 250px;}
}