body{font-family:'Open Sans';font-size:16px}
select{border:1px solid #d3d3d3;background:#fff;padding:5px 3px;font-size:15px;font-family:Arial;font-weight:normal}
.outTable{border-collapse:collapse;width:auto}
.outTable td{white-space:nowrap;padding:4px 10px;color:#333;font-size:15px;border:0}
#previewBox, #previewBoxSol{background:#f7f7f7;width:100%;height:450px;padding:20px 0;box-shadow:1px 1px 5px 1px #ccc;text-align:center}
#previewBox .preview, #previewBoxSol .preview{width:450px;height:450px;margin: 0 auto;}
h3{border-bottom:1px solid #d6d6d6;font-size:15px;font-weight:700;margin-bottom:20px;position:relative}
h3 span{border-bottom:2px solid #00a9e0;padding-bottom:10px;display:inline-block;position:relative;top:1px}
h3+div{margin-bottom:30px}
.errorBox{border:solid 1px #F6D4D4;background:#FBDFDF;color:#B62724;font-weight:bold;font-size:12pt;padding:12px;width:100%;margin:0 0 20px 0;border-radius:3px;display:none}
#loaderb{top:170px;position:absolute;left:calc(50% - 32px)}
.smBtn{color:#888;cursor:pointer;display:inline-block;border:solid 1px #ccc;padding:3px 8px;border-radius:3px;}
option:disabled{color:#999}
.tool-title{margin:0 0 5px;font-size:26px;font-style:normal;font-weight:700;line-height:1.2;color:#2f3235;}
.tool-desc{margin:0 0 30px;font-size:16px;line-height:1.2;color:#2f3235;padding:0 0 5px;border-bottom:solid 1px #f5f5f5}
.su-preview{border-collapse:collapse;border-spacing:0;border:3px solid #000;width:auto;margin:0 auto;}
.su-preview td{padding:0px;}
.su-wall{border-bottom:3px solid #000;}
.su-cell{width:43px;height:43px;text-align:center;border:1px solid #000;font-size: 26px;}
.su-cell-wall{width:60px;height:60px;text-align:center;border:1px solid #000;font-size: 26px;line-height:26px;}
.su-wall-r{border-right:3px solid #000;}
.su-cell-shade{background: #f0f0f0;}
.sd-16 .su-cell, .sd-16 .su-cell-wall{width:25px;height:25px;font-size: 15px;}
.sd-4 .su-cell, .sd-4 .su-cell-wall{width:70px;height:70px;font-size: 30px;}
#control_box{margin:5px 0 0;background-color:#f0f0f0;padding:10px;text-align:center}
#control_box ul{list-style:none;padding:0;margin:0}
#control_box li{float:left;font-size:18px;cursor:pointer;border:1px solid #ddd;background-color:#fff;margin:2px;text-align:center;line-height:38px;width:40px;height:40px}
#control_box li.selected{background-color:#ff9}
.su-preview td:not(.su-filled){cursor:pointer}
#solResult{text-align:center;margin-top:10px}
#wrapper{text-align:center;margin:0 auto 0;padding:0;width:100%}
#drop-area{margin-top:0;width:100%;height:100px;background-color:white;border:3px dashed grey}
.drop-text{margin-top:25px;color:grey;font-size:18px;font-weight:bold}
#drop-area img{max-width:200px}
#themeBox ul{list-style: none; padding: 0; margin: 0;}
#themeBox li{margin: 5px;padding: 10px;background-color: #f9f9f9;display: inline-block;}
#themeBox li.selected{background-color: #fdd;}
#themeBox img{width:120px;height:auto}