body { margin: 0 !important; padding: 0 !important; height: 100% !important; overflow: hidden !important; color: white !important; } /* Move on ja Sissejuhatus Button */ button:disabled{ opacity: 0.5; cursor: not-allowed; } .moveOn{ display: inline-block; border: none; padding: 6px 12px; margin-botton: 0; font-size: 1rem; font-weight: normal; text-align: center; cursor: pointer; border-radius: 4px; background-color: #4BB543; color: white; } /* Modal Stuff */ .closeModalButton { border-radius: 50px; } .modalButton{ background-color: rgba(0,136,169,1) !important; border: none !important; border-radius: 50px !important; cursor: pointer !important; transition: all 0.3 ease 0 !important; font-size: 1.2rem !important; text-align: center !important; margin-left: 30px !important; } .modalButton:hover{ background-color: rgba(0,136,169,0.8) !important; } /* Main */ .wrapper { height: 100%; display: flex; } /* Toolbar */ .intro{ text-align: center; border-bottom: 2px solid gray; padding: 7px; } #toolbar { display: flex; flex-direction: column; align-items: center; padding: 5px; width: 20%; min-width:350px; background-color: #202020; } #clear{ background-color: #1565c0; border: none; border-radius: 4px; font-size:1.3rem; color:white; padding: 2px; } #toolbar * {margin-bottom: 6px;} #toolbar input {width: 50%;} form { display: table !important;} input { display: table-cell !important;} .toolbarDiv {width: 100% !important;} label { display: table-cell !important; font-size: 1.2rem !important; } /* Img Picker */ .pickingSec { height: 50%; overflow: hidden; overflow-y: scroll; } .valiTxt { border-bottom: 4px solid gray; padding-top: 10px; } .picked{ border: 2px solid lime; } .pickImg { width: 50%; height: auto; padding: 10px; margin-left: calc(25% - 5px); } /* Canvas */ canvas{ display: block; margin: 0 auto; }