body{font-family:'Open Sans', Helvetica, sans-serif;background:#f5f5f5}body #builder>.container{background:#f5f5f5}#loader,#canvasOverlay{background:#ffd300}#loader span,#loader .loader,#canvasOverlay span,#canvasOverlay .loader{color:#222}.screen{margin-top:10px;width:96%}.screen .frameWrapper{box-shadow:0 5px 20px rgba(40,40,40,0.25)}.screen .start span{background:#222;color:#ffd300;box-shadow:0 5px 20px rgba(40,40,40,0.25)}.screen .toolbar .left.red{background:#FF5C5A}.screen .toolbar .left.yellow{background:#FFBE42}.screen .toolbar .left.green{background:#0DCB4E}.aceEditor{background-color:#344D5F !important}.ace-twilight .ace_comment{color:#4E7FA9 !important}.ace-twilight .ace_tag,.ace-twilight .ace_string{color:#F7D86D !important}.ace-twilight .ace_text{color:#17CB82 !important}.ace-twilight .ace_attribute-name{color:#E78842 !important}header{background:#222;height:60px}.nav-pills li a{width:60px;height:60px;padding:20px 18px;background:#222 !important;color:#999;border:none}.nav-pills li a:hover,.nav-pills li a:focus,.nav-pills li a:active{background-color:#ffd300 !important}.nav-pills li.active a{background:#222 !important;color:#fff}.nav-pills li a:hover,.nav-pills li.active a:hover{background-color:#f0c600 !important;color:#3c3c3c}.menu .toggle{background:#ffd300;box-shadow:none;height:60px;width:60px;line-height:60px;right:-60px}.menu .toggle .custom-icon{background:url(../images/animat-customize.gif) center center no-repeat;background-size:60px;width:60px;height:60px;display:block}.btn{padding:20px 15px 19px}header .btn span,header .btn:hover span{width:100%;padding-right:13px}.btn-primary.nohover,.btn-inverse.nohover{background-color:#222;color:#999}.btn-primary.nohover:hover,.btn-primary.nohover.hover,.btn-primary.nohover:focus,.btn-primary.nohover:active,.btn-primary.nohover.active,.btn-inverse.nohover:hover,.btn-inverse.nohover.hover,.btn-inverse.nohover:focus,.btn-inverse.nohover:active,.btn-inverse.nohover.active{background-color:#f0c600;color:#3c3c3c}#clearScreen:hover,#clearScreen.hover,#clearScreen:focus,#clearScreen:active,#clearScreen.active{background-color:#f23f16;color:#fff}.btn.disabled{background-color:#fff !important;border:none;color:#bbb}.sideButtons a#addPage{background:#ffd300;color:#222;font-size:14px}.sideButtons a#addPage>span{margin-right:9px}.sideButtons a#addPage:hover,.sideButtons a#addPage:focus,.sideButtons a#addPage:active{background-color:#f0c600;color:#3c3c3c}.screen li .frameCover{right:0;top:0;background:#ffd300;border-radius:0;height:auto;opacity:0;transition:opacity 0.5s;box-shadow:-2px 10px 15px rgba(40,40,40,0.15)}.screen li .frameCover label{margin-top:0;padding:12px 15px;padding-left:29px;cursor:pointer}.screen li .frameCover label input{top:13px}.screen li .frameCover label input:checked+.icons .icon-checked,.screen li .frameCover label input:active+.icons .icon-checked{color:#222 !important}.screen li .frameCover label>span.icons{top:13px;color:#3c3c3c}.screen li .frameCover button span{width:auto}.screen li .frameCover .btn{padding:13px 15px 14px;background:#ffd300;color:#222}.screen li .frameCover .btn.deleteBlock:hover{background:#f23f16;color:#fff}.screen li .frameCover .btn.dragBlock:hover{cursor:-webkit-grab}.screen li .frameCover .btn.dragBlock:active:hover{cursor:-webkit-grabbing}.screen li .frameCover button:hover{background-color:#f0c600;color:#3c3c3c}.screen li .frameCover button:hover span{width:auto}.screen li .frameCover .fui-gear{display:none}.screen li .editorButtons{box-shadow:-2px 10px 15px rgba(40,40,40,0.15)}.screen li .editorButtons button{background:#ffd300;color:#222;padding:13px 15px 14px;padding-right:15px !important}.screen li .editorButtons button.editCancelButton{background:#222;color:#999}.screen li .editorButtons button span{width:auto !important}.screen li .editorButtons button:hover{background-color:#f0c600;color:#3c3c3c}.screen li:hover .frameCover{opacity:1}.menu .main{background:#222}.menu .main h3 span{color:#ffd300}.menu .main ul{margin-top:21px}.menu .main ul>li>a{padding-top:5px;padding-bottom:5px;color:#999;font-weight:normal;transition:all 0.3s;transition-delay:.1s}.menu .main ul>li>a:hover{background-color:#f0c600 !important;color:#3c3c3c !important}.menu .main>hr{border-color:transparent !important;margin-bottom:10px}.menu .main ul#pages li{height:45px}.menu .main ul#pages li.active,.menu .main ul#pages li a:hover{background:#000 !important;color:#ffd300 !important}.menu .main ul#pages li a{color:#fff}.menu .main ul#pages li.active>a{color:#ffd300}.menu .main ul#pages li span{margin-top:10px}.menu .main ul#pages li span .fileEdit{font-size:14px;color:#fff}.menu .main ul#pages li span .fileDel{font-size:14px;margin-right:5px}.menu .main ul#pages li span .fileSave{background:#ffd300;color:#222 !important;top:-10px !important;padding-top:17px;padding-bottom:16px;right:-20px}.menu .main ul#pages li span .fileSave:hover{color:#ffd300 !important}.menu .main ul#pages li input{height:45px;margin-left:20px}.menu .second{background:#000;border:none}.modal-dialog{max-width:560px}.modal-header{padding-right:26px}.modal-body{padding:30px 24px}.modal-body .form-group{margin-bottom:0}.modal-body p{font-weight:300}.modal-title{color:#222}.modal-title span{font-size:19px;margin-right:5px}.modal-footer{padding:0;text-align:inherit}.modal-footer button{width:50%;float:left}.modal-footer button:hover{background-color:#f0c600 !important;color:#3c3c3c}.modal-footer .btn+.btn{margin-left:0}.modal-footer .btn-default{background:#222;color:#999}.modal-footer .btn-primary{background:#ffd300;color:#222}.form-horizontal .control-label{text-align:left;font-size:16px}.form-control:focus{border-color:#222}.styleEditor{box-shadow:none;background:#000;color:#999}.styleEditor h3{color:#fff}.styleEditor h3 span{color:#ffd300}.styleEditor>a.close{color:#fff;margin-top:10px;opacity:1;text-shadow:none}.styleEditor ul.breadcrumb{background:#414141;color:#fff}.styleEditor ul.breadcrumb li::after{color:#fff;margin-top:-1px}.styleEditor ul.breadcrumb .active{color:#ffd300;text-transform:lowercase;font-weight:300}.styleEditor .nav-tabs{margin-bottom:2px}.styleEditor .nav-tabs a{color:#999;transition:all 0.3s}.styleEditor .nav-tabs a span{color:#999;margin-right:5px}.styleEditor .nav-tabs a:hover{background-color:#2f2f2f !important;color:#b3b3b3}.styleEditor .nav-tabs li.active a{background-color:#414141 !important;border:none;color:#fff}.styleEditor .nav-tabs li.active a span{color:#ffd300}.styleEditor .tab-content{margin-left:-20px;margin-right:-20px;padding:18px 20px 10px;background:#414141;border:none}.styleEditor .tab-content .form-control{border-color:dimgray;background:#5a5a5a;color:#fff}.styleEditor .tab-content .form-group>.sp-replacer{border-color:dimgray;background:#5a5a5a}.styleEditor form{margin-bottom:0}.styleEditor form .form-group{margin-bottom:5px}.styleEditor p.or{border:none;text-align:left;font-weight:300}.styleEditor p.or span{background:none;color:#fff}.styleEditor #saveStyling{background:#ffd300;color:#222}.styleEditor .sideButtons .btn{background:#222}.styleEditor .sideButtons .btn:hover{background-color:#f0c600;color:#3c3c3c}.styleEditor .sideButtons #resetStyleButton:hover,.styleEditor .sideButtons #removeElementButton:hover{background:#f23f16;color:#fff}.styleEditor .alert{color:#fff}.styleEditor .alert.alert-success{background:#747474;border-color:#929292}.styleEditor .alert .close{color:#222;text-shadow:none;opacity:1}.sp-dd{color:#fff}.select-primary .select2-choice{background:inherit}.select-primary .select2-choice:hover{background:#555}.select2-drop{border-radius:0}.select2-drop .select2-results>li>.select2-result-label{border-radius:0 !important}.select2-drop .select2-highlighted>.select2-result-label,.chosen-container .chosen-results li.highlighted{background:#a8b1ba}.chosen-container-single .chosen-single{background:#5a5a5a;color:#fff;border:none;padding-left:15px}.chosen-container-single .chosen-single:hover{background:#555}.chosen-container-single .chosen-single span{line-height:40px}.chosen-container-single .chosen-drop{margin-top:0;border:none}.chosen-container-active.chosen-with-drop .chosen-single{border:none}.fileinput .btn-file,.fileinput a.fileinput-exists{padding-top:15px;padding-bottom:14px;width:50%;float:left}.fileinput .btn-file{background:#ffd300;color:#222}.fileinput a.fileinput-exists{background:#f23f16;color:#fff}.sp-choose{background-color:#ffd300 !important;color:#222 !important}