body{font-size:15px;color:#1d1d1d;font-style:normal;-webkit-font-smoothing:antialiased;font-weight:400}.top-container{padding:0 35px 8px 35px;background-color:#394250;color:white}.nav-row{color:white}.nav-row a{color:white}.nav-row a:hover{color:white;text-decoration:underline}.navbar-nav{font-size:15px}.navbar-default .navbar-nav>li>a{color:white}.logo{margin-top:15px}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:white}.top-right-menu{font-size:15px}.top-right-menu .account a{color:white}.footer{padding-left:35px;padding-right:35px}.box-container{margin:0 auto;max-width:none;padding:0}.main-content{padding:20px 35px 20px 35px}.btn{margin-bottom:2px;border-radius:4px}.btn-red{border-color:white;color:white!important}.app{text-align:center}.app .header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:28px}.app *{box-sizing:border-box}.app .editor{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding-bottom:20px}.app .canvas-wrapper__outer{position:relative;border:1px solid #000}.drawArea{border:1px solid #000;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;left:0;outline:none}.path{fill:none;stroke-width:1px;stroke:red;stroke-linejoin:round;stroke-linecap:round}.drawing{width:100%;height:100%}.app .text-editor{position:absolute;border:none;overflow:hidden;outline:2px solid #118ff6;outline-offset:-1px;background:none;min-width:100px;min-height:24px;resize:none;word-break:keep-all;line-height:1;padding-bottom:4px}.app .drop{position:relative}.app .drop:hover .drop-body{display:block}.app .drop-body{display:none;position:absolute;right:0;background:#fff;min-width:50px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.app .controls{display:-webkit-flex;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app .controls__item{width:28px;height:28px;line-height:24px;padding:4px;-webkit-transition:.2s;transition:.2s}.app .controls__item:hover{background:#ccc}.app .controls__item svg{height:100%;width:100%}.app .controls__text{font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700}.app .input-file{position:absolute;left:-9999px}.app .Options,.app .shape-options,.app .text-options{display:-webkit-flex;display:flex}.app .Options{background-color:#f5f5f5;padding:8px;color:#222;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;width:100%;position:absolute;top:0;left:0;z-index:5}.app .Options i{font-size:15px}.app .FontWrapper{min-width:115px;font-size:11px;padding-right:8px;border-right:1px solid #ccc}.app .FontWrapper:hover .FontsList{display:block}.app .SelectFont{cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.app .SelectFontName{font-size:11px;color:#222}.app .FontsList{min-width:125px;text-align:left}.app .FontsListBody{max-height:250px;overflow-y:auto;background-color:#f5f5f5}.app .Dropdown{display:inline-block;position:relative}.app .Dropdown:hover .DropdownList{display:block}.app .DropdownList{display:none;position:absolute;z-index:5;top:100%;left:0;padding-top:28px}.app .DropdownList:before{content:"";left:calc(50% - 6px);top:16px;position:absolute;border:6px solid transparent;border-bottom-color:#f5f5f5}.app .Bold{padding-left:5px;display:inline-block;cursor:pointer}.app .Italic,.app .Underline{padding:0 5px;display:inline-block;cursor:pointer}.app .TextColor{padding-left:5px;cursor:pointer;font-size:14px}.app .TextColor,.app .TextColorIcon{display:inline-block;position:relative}.app .TextColorIcon{padding-right:5px}.app .TextColorIcon i:last-child{display:block;margin-top:-9px}.app .ColorPickerWrapper{left:calc(-50% - 70px)}.app .ColorPicker{background-color:#f5f5f5;width:234px;padding:10px}.app .ColorItem{width:25px;height:25px;margin-right:2px;display:inline-block}.app .ColorItem:nth-child(8n){margin-right:0}.app .ColorPickerList{padding-bottom:10px}.app .UploadColor{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.app .InputColor{outline:none;display:inline-block;width:calc(50% - 5px);height:20px;line-height:20px;border:1px solid #eee;border-radius:3px;margin-right:5px;position:relative}.app .UpdateButton{cursor:pointer;color:#fff;font-size:11px;display:inline-block;padding:5px 10px;text-align:center;background-color:#247fef;border-radius:3px}.app .UpdateButton.Disabled{background:#5a5a5a;cursor:not-allowed}.app .FontSizeTitle{display:block;width:100%;text-align:center;border-bottom:1px solid #5a5a5a;background-color:#d5d5d5}.app .FontSize{display:-webkit-flex;display:flex;padding-left:6px}.app .FontSize.Visible .FontSizeList,.app .TextColor.Visible .ColorPickerWrapper{display:block}.app .FontSizeList{-webkit-transform:translateX(-40%);transform:translateX(-40%);padding:28px}.app .FontSizeInput{width:60px;border:1px solid #eee;border-radius:3px;margin-right:10px;outline:none;padding:0 4px}.app .FontSizeListBody{display:-webkit-flex;display:flex}.app .FontItem{font-size:11px;padding:10px;cursor:pointer}.app .FontSizeItem{padding-bottom:10px;cursor:pointer;background-color:#f5f5f5;-webkit-transition:color .app .FontSizeItem 0 ease-out .5s;transition:color .app .FontSizeItem 0 ease-out .5s}.app .FontSizeItem:last-child{padding-bottom:0}.app .FontItem:hover,.app .FontSizeItem:hover{background:#5e5e5e;color:#fff}.app .Color{display:inline-block;position:relative;vertical-align:bottom}.app .SelectColor{width:20px;height:20px;border-radius:3px}.app .ColorList{width:140px;background-color:#242a30;padding:10px;position:absolute;text-align:left;z-index:5;top:20px;right:-15px}.app .DrawMode{display:-webkit-flex;display:flex}.app .DrawMode .icon{opacity:.5;width:24px;cursor:pointer}.app .DrawMode .icon:hover{background:#ccc}.app .DrawMode .icon.selected{opacity:1}.main-content{padding:20px 0 0 0}.box-edit-container{max-width:100%;padding:0}.edit-container{min-height:750px}.edit-container input.name{color:#7c7d7c;padding:2px;font-size:28px;border:2px solid white}.edit-container input.name:hover{border:2px solid #eee;border-radius:5px;outline:none}.edit-container input.name:focus{border:2px solid #2780e3;border-radius:5px;outline:none}.edit-container .processing-container{margin-top:150px}.edit-header{margin-top:50px;text-align:center}.edit-wrapper{background-color:#fcfcfc;min-height:500px}.edit-holder{position:relative;display:flex;width:auto}.edit-left,.edit-main,.edit-right{flex:1 1 auto;box-sizing:border-box}.edit-left{width:150px;text-align:center;padding-top:45px;position:absolute;top:0;right:0;left:0;bottom:0;overflow:auto}.edit-right{width:150px;text-align:center;padding-top:45px}.edit-main{width:100%;margin-left:150px}#editor .app .header{height:45px;vertical-align:center;justify-content:center;cursor:pointer}#editor .app .header .controls *{cursor:pointer}#editor .app .header .controls .controls__item{margin:9px 9px 0 9px}#editor .app .header .controls .controls__item:hover{border-radius:3px}#editor .app .header .controls .download{display:none}#editor .app .header .options{margin-left:50px;margin-top:9px}#editor .canvas-wrapper__outer{border:1px solid #d4d4d4;background-color:white;border-radius:5px}#editor .controls__text{font-size:22px}#editor .main{}#editor .drawArea{border:none}.thumbnail-holder{position:relative;margin:0 auto;cursor:pointer;font-size:12px;color:#333;width:100px}.thumbnail-empty{width:100px;background-color:white}.thumbnail-holder .thumbnail-wrapper{position:relative;background-color:#dcdcdc;width:100px;left:0;right:0;top:0;border-radius:5px}.thumbnail-holder-select .thumbnail-wrapper{background-color:#394250}.thumbnail-holder .thumbnail-wrapper .image{position:absolute;top:2px;left:2px;right:2px;width:96px;overflow:hidden;background-color:transparent}.thumbnail-holder .thumbnail-wrapper .controls{position:absolute;bottom:0;left:7px;right:7px;height:18px}.thumbnail-holder .thumbnail-wrapper .controls a{color:white}.thumbnail-holder .index{position:absolute;bottom:0;height:20px}.thumbnail-holder .remove-wrapper{display:table;position:relative;top:2px;left:2px;right:2px;width:96px;overflow:hidden;background-color:rgba(220,220,220,0.75)}.thumbnail-holder .remove-wrapper span{display:table-cell;vertical-align:middle}.thumbnail-holder .remove-wrapper a{color:black;font-size:14px;font-weight:bold}.submenu .icon-thumbnail{margin-right:10px;width:15px}.submenu nav{display:block;text-align:center}.submenu nav ul{margin:0;padding:0;list-style:none;text-align:left}.submenu .nav a{display:block;color:#333;text-decoration:none;padding:13px 30px;position:relative}.submenu .nav{vertical-align:top;display:inline-block;border-radius:6px}.submenu .nav *{font-size:15px}.submenu .nav li{position:relative}.submenu .nav>li{float:left;border-bottom:4px solid transparent;margin-right:1px;border-radius:3px}.submenu .nav>li>a{margin-bottom:1px;padding:5px 10px}.submenu .nav>li:hover,.submenu .nav>li:hover>a{color:black;border-radius:5px}.submenu .nav li:hover>a{background-color:#eee}.submenu .nav>li:first-child{}.submenu .nav>li:first-child>a{}.submenu .nav>li:last-child{margin-right:0}.submenu .nav>li:last-child>a{}.submenu .nav li li a{}.submenu .nav li a:first-child:nth-last-child(2):before{position:absolute;height:0;width:0;border:5px solid transparent;top:50%;right:5px}.submenu .nav ul{position:absolute;white-space:nowrap;margin:0;padding:0;z-index:1;background-color:white;left:-99999em}.submenu .nav>li>ul{background-color:white;border-radius:3px}.submenu .nav>li>ul>a{}.submenu .nav>li:hover>ul{left:auto;margin-top:0;min-width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.submenu .nav>li li:hover>ul{left:100%;margin-left:1px;top:-1px;background-color:white;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}.submenu .nav>li>a:first-child:nth-last-child(2):before{border-top-color:#aaa}.submenu .nav>li:hover>a:first-child:nth-last-child(2):before{border:5px solid transparent;margin-top:-5px}.submenu .nav li li>a:first-child:nth-last-child(2):before{border-left-color:#aaa;margin-top:-5px;content:""}.submenu .nav li li:hover>a:first-child:nth-last-child(2):before{border:5px solid transparent;right:10px}