/* Minification failed. Returning unminified contents.
: run-time error CSS1066: Unexpected end of file encountered
 */
/*global*/
html, body { margin: 0px; padding: 0px; font-family: Calibri; overflow: hidden; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #6a6a6a; margin: 7px 0px; padding: 0px; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



/*scroll bars*/
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background-color: #414141; margin-top: -1px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 3px; background: #9a9a9a; -webkit-box-shadow: inset 5px 0px 8px rgba(255,255,255,0.3); }
::-webkit-scrollbar-thumb:window-inactive { background: #9a9a9a; }

/*canvas*/
#scene { top: 0px; left: 0px; z-index: -1; }

/*resizeable*/
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }

/*autocomplete*/
.ui-autocomplete { text-transform: capitalize; position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; padding: 4px 0; margin: 0 0 10px 25px; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; }
.ui-menu-item > a.ui-corner-all { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; text-decoration: none; }
.ui-state-hover, .ui-state-active, .ui-state-focus { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; }


/*sliders*/
.sliderTrack { display: inline-block; width: 118px; background-color: #808080; border-radius: 10px; box-shadow: inset -2px -2px 5px 2px rgba(0,0,0,0.2); }
.ui-slider { position: relative; text-align: left; width: 108px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 10px; height: 10px; border-radius: 10px; cursor: default; background-color: #ededed; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: 10px; }
.ui-slider-horizontal .ui-slider-handle { }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.sliderInput { background-color: transparent !important; width: 29px !important; height: 20px !important; vertical-align: 2px; text-align: right; padding: 0px !important; }

/*Layer*/
#layer .icon { display: inline-block; vertical-align: middle; width: 25px; text-align: center; }
#layer .icon img { max-height: 16px; max-width: 19px; margin: auto; display: block; }
.layerzone { list-style: none; margin: 0px; padding: 0px; font-size: 12px; color: #ededed; min-height: 2px; }
.layerzone ul li .label { padding-left: 20px; position: relative; }
.layerzone li .label { border-bottom: 1px solid #393939; line-height: 25px; vertical-align: middle; cursor: default; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.layerzone li.selected { background-color: #6d7d92; }
.layerzone li .label:hover { background-color: rgba(255,255,255,0.1); }
.layerzone .placeholder { border-bottom: 1px solid #393939; height: 25px; background-color: #6a6a6a; }
.layerzone .lock { position: absolute; right: 5px; top: 4px; opacity: 0.1; }
/*Input, buttons etc (tab content)*/
.light { background-color: rgba(255,255,255,0.1) }
.light2 { background-color: rgba(255,255,255,0.05) }
.setting { display: table; width: 100%; height: 25px; margin-top: 5px; }
.setting .name, .setting .value { display: table-cell; font-size: 12px; white-space:nowrap; padding-left: 5px; color: #ededed; vertical-align: middle; }
.setting input[type="text"], .setting select { font-size: 11px; width: 150px; border: 0px; outline: 0px; background-color: #727272; height: 25px; color: #fff; }
input { vertical-align: middle; }
.setting .name.fixed { width: 72px; }
.setting input[type="text"] { padding-left: 5px; }
.setting .value { text-align: right; vertical-align: middle; padding-right: 2px; }
.setting .value.left { text-align: left; padding-left: 15px; padding-right: 0px; }
.setting .smallInput { width: 65px !important; }
.smallButton { display: inline-block; background-color: #9a9a9a; font-weight: bold; border-radius: 2px; width: 15px; height: 15px; text-align: center; line-height: 15px; cursor: pointer; }
.bigButton { display: inline-block; background-color: #9a9a9a; font-weight: bold; border-radius: 2px; height: 20px; text-align: center; line-height: 20px; cursor: pointer; padding-left: 20px; padding-right: 20px; color: #fff; font-size: 12px; width: 110px; }
.bigButton.copycol { margin-left: 3px; width: calc(50% - 43px); margin-top: 3px; }
.bigButton.inactive { background-color: #606060; color: #818181; cursor: default; }
.listBox { background-color: #414141; color: #9a9a9a; margin-left: 2px; margin-right: 2px; margin-top: -2px; font-size: 11px; text-align: center; min-height: 20px; line-height: 20px; box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.2); }
.list_item { border-bottom: 1px solid #3a3a3a; color: #ededed; text-align: left; padding-left: 5px; cursor: pointer; }
.list_item.active { background-color: #6d7d92; }
.layerfilter input { font-size: 11px; width: 150px; border: 0px; outline: 0px; background-color: #727272; height: 16px; color: #fff;  }
.layerfilter input::placeholder { color: #dcdcdc; }

input.normal:not(:focus), input.rotation:not(:focus), input.scale:not(:focus), input.animationspeed:not(:focus) { cursor: row-resize; }

/*Shape Edit Mode Overlay*/
#exit_editMode { position: fixed; z-index: 3; width: 200px; margin-left: -250px; left: 50%; top: -1000px; border-radius: 15px; background-color: #6a6a6a; color: #ededed; height: 40px; font-size: 20px; line-height: 40px; text-align: center; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); cursor: pointer; }
#exit_editMode.visible { top: 50px !important; }
#exit_editMode:hover { background-color: #858585; }

/*Panels*/
#rightPanel { position: fixed; width: 250px; right: 0px; top: 0px; bottom: 0px; background-color: #3a3a3a; border-left: 1px solid #000; display: none; }
#bottomPanel { position: fixed; right: 250px; left: 0px; bottom: 0px; height: 5px; padding-bottom: 0px; }

/*Default Tab (Right panel)*/
.ui-tabs { margin: 1px; border: 1px solid #282828; padding-bottom: 22px; }
.ui-tabs-nav { margin: 0px; padding: 0px; margin-bottom: -2px; position: relative; z-index: 2; }
.ui-tabs-nav .ui-tabs-active { background-color: #535353; border-top: 1px solid #6a6a6a; position: relative; }
.ui-tabs-nav li { margin: 1px; display: inline-block; position: relative; margin-left: 0px; }
.ui-tabs-nav li a { color: #fff; text-decoration: none; display: block; padding: 2px 8px 5px 8px; font-size: 10px; font-weight: bold; outline: none; }
.ui-tabs-panel { background-color: #535353; border-top: 1px solid #6a6a6a; border-bottom: 1px solid #383838; height: 100%; }
.ui-tabs-panel .inner { overflow-y: auto; height: 100%; }

/*Bottom  Tab*/
#bottomPanel .ui-tabs { margin: 0px; border: 0px; overflow: visible !important; height: 250px; top: -240px; }
#bottomPanel .ui-tabs .ui-tabs-nav { display: inline-block; margin-top: -22px; }
#bottomPanel .ui-tabs .ui-tabs-nav li { position: relative; }
#bottomPanel .ui-tabs #hide_bottom { color: #ededed; cursor: pointer; }

/*Collider options*/
#collider_options { display: none; }


/*Asset browser*/
#asset-tab { position: relative; height: 100%; }
#asset-tab #menu { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 250px; border-right: 3px #414141 dotted; }
#asset-tab #textures { position: absolute; display: block; left: 255px; right: 2px; top: 2px; bottom: 15px; overflow-y: auto; background-color: #575757; margin: 0px; padding: 0px; list-style: none; vertical-align: top; }
.texture { width: 80px; height: 80px; margin: 4px; border: 1px solid #717171; display: inline-block; text-align: center; vertical-align: top; position: relative; }
.texture .name { display: block; height: 20px; width: 100%; line-height: 20px; background-color: #6C6C6C; text-overflow: ellipsis; overflow: hidden; color: #ededed; font-size: 11px; white-space: nowrap; }
.texture .image { display: block; height: 60px; background-color: #878787; line-height: 60px; width: 100%; vertical-align: middle; font-size: 0px; }
.texture.hover .image { background-color: #949494; }
.texture .image img { max-height: 50px; max-width: 78px; vertical-align: middle; }
.texture .delete { position: absolute; bottom: 2px; left: 2px; display: none; }
.texture .edit { position: absolute; bottom: 2px; right: 2px; display: none; }
.texture.hover .delete { display: block; cursor: pointer; }
.texture.hover .edit { display: block; cursor: pointer; }

/*level settings*/
#background_drop { position: relative; width: 50px; height: 50px; border: 2px dashed #9a9a9a; display: inline-block; cursor: default; }
#background_drop .preview { position: absolute; width: 100%; height: 100%; }
#background_drop .preview img { max-width: 100%; max-height: 100%; }
#background_drop .text { text-align: center; position: absolute; z-index: 1; width: 100%; height: 100%; padding-top: 3px; }

/*Popup*/
.popup_container { position:fixed; top:0px; left:0px; z-index:99 }
.popup { position: absolute !important; top: 70px; left: 50%; background-color: #d7d7d7; border-radius: 10px; box-shadow: 0px 0px 15px rgba(0,0,0,0.5); }
.popup .headline { position: relative; width: 100%; height: 30px; line-height: 30px; text-align: center; border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: #6d7d92; color: #ededed; cursor: move; }
.popup .headline .close { height: 24px; width: 24px; background-image: url('/gfx/popup_close.png'); opacity: 0.5; position: absolute; right: 3px; top: 3px; cursor: pointer; }
.popup .headline .close:hover { opacity: 0.8; }

/*upload popup dropzone*/
.dropzones { position: relative; margin: auto; width: calc(100% - 16px); height: 230px; line-height: 240px; margin-top: 15px; border: 2px dashed #6a6a6a; text-align: center; color: #6a6a6a; }
.dropzones.hover { border: 3px dashed #6fdd19; background-color: rgba(111, 221, 25, 0.15); }
.dropzones img { pointer-events:none; }
.progress-bg { background-color: #6a6a6a; height: 10px; width: 280px; margin: auto; margin-top: 5px; border-radius: 10px; }
.progress-bg #upload-progress { background-color: #6fdd19; border-radius: 10px; height: 10px; width: 0%; }

/*Edit texture popup*/
.popup.edittexture { color: #808080; font-weight: bold; }
.popup.edittexture .preview { height: 160px; border-bottom: 1px solid #a3a3a3; text-align: center; line-height: 160px; vertical-align: middle; font-size: 0px; }
.popup.edittexture .preview img { max-height: 160px; max-width: 250px; display: inline-block; vertical-align: middle; }
.popup.edittexture .info { padding-left: 10px; }
.popup.edittexture .info .bigButton { margin-top: 10px; }
.popup.edittexture input { width: 95%; }
.popup.edittexture .confirm_text { text-align:center; }
.popup.edittexture .bigButton.confirm {  position:absolute; left:5px; bottom:5px; background-color: #48900f;  }
.popup.edittexture .bigButton.cancel {  position:absolute; right:5px; bottom:5px;   }


/*Load level popup*/
.popup.load_level .load_lvl_button { background-color: rgb(109, 125, 146); display: inline-block; padding-left: 7px; padding-right: 7px; margin-left: 2; border-radius: 4px; line-height: 17px; color: #fff; cursor: pointer; }
.popup.load_level .load_lvl_button:hover { background-color: rgb(132, 148, 169); }
.popup.load_level .header { background-color: rgb(181, 186, 193); font-weight: bold; }
.popup.load_level .level { display: table; width: 100%; font-size: 12px; line-height: 20px; }
.popup.load_level .level .col1 { display: table-cell; width: 50px; }
.popup.load_level .level .col2 { display: table-cell; }
.popup.load_level .level .col3 { display: table-cell; width: 140px; }
.popup.load_level .load_list { overflow-y: auto; height: 240px; padding-left:10px; }
.popup.load_level .load_list .level:nth-child(even) { background-color: rgb(222, 222, 222); }

/*tags*/
#tags { list-style: none; padding: 0px; margin: 0px; vertical-align: top; }
#tags li { display: inline-block; vertical-align: top; padding: 0px 4px 0px 4px; background-color: #c8c8c8; font-size: 11px; line-height: 16px; height: 16px; margin: 2px; text-transform: capitalize; border-radius: 3px; cursor: pointer; }
#tags li.active { background-color: #b6ff00; }

.signin_overlay { position: fixed; width: 100%; height: 100%; z-index: 100; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.96) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.96) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) -30%,rgba(0,0,0,1) 100%); }
.signin_overlay .logo { background-position: 0px -34px; height: 147px; width: 315px; background-image: url('/Gfx/layout.png'); position: absolute; left: 50%; top: calc(50% - 236px); margin-left: -157px; }
.signin_overlay .signinBox { width: 60%; min-width: 500px; height: 200px; position: fixed; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); }
.signin_overlay .signinBox .headline { position: absolute; top: 5px; text-align: center; width: 100%; font-size: 30px; color: #f5f2ee; font-weight: bold; }



.signin_overlay .signinBox .button { display: inline-block; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.91); cursor: pointer; border-radius: 3px; height: 38px; font-size: 19px; font-family: Calibri; color: #ffffff; line-height: 38px; text-align: center; }
.signin_overlay .signinBox .button_social { text-align: left !important; }


.signin_overlay .signinBox .headline2 { position: absolute; text-align: center; color: #f5f2ee; font-weight: bold; top: 52px; width: 100%; }
.signin_overlay .signinBox .button_container { position: absolute; width: 286px; margin: auto; left: 0px; right: 0px; top: 77px; }
.signin_overlay .signinBox .button_login_facebook { position: absolute; width: 140px; top: 0px; left: 0px; background-color: #3b5999; }
.signin_overlay .signinBox .button_login_google { position: absolute; width: 140px; top: 44px; left: 146px; background-color: #dd4b39; }
.signin_overlay .signinBox .button_login_twitter { position: absolute; width: 140px; top: 44px; left: 0px; background-color: #28a9e2; }
.signin_overlay .signinBox .button_login_steam { position: absolute; width: 140px; top: 0px; left: 146px; background-color: #2b2b2b; }
.signin_overlay .signinBox .button_social { text-align: left !important; }
.signin_overlay .signinBox .button_social .icon { display: inline-block; height: 32px; width: 32px; background-image: url('/Gfx/layout.png'); vertical-align: -10px; margin-left: 6px; margin-right: 6px; }
.signin_overlay .signinBox .button_login_facebook .icon { background-position: 0px 0px; }
.signin_overlay .signinBox .button_login_google .icon { background-position: -34px 0px; }
.signin_overlay .signinBox .button_login_twitter .icon { background-position: -68px 0px; }
.signin_overlay .signinBox .button_login_steam .icon { background-position: -100px 0px; }

#user_overlay { top: 0px; left: 0px; position: fixed; z-index: 98; background-color:black; height:46px; width:235px; background-color:#444444; border-bottom:1px solid #000; border-right:1px solid #000; border-bottom-right-radius:10px; }
#user_overlay #avatar { position:absolute; left:3px; top:3px; height:40px; width:40px; box-sizing:border-box; border:1px solid #535353; border-radius:3px; overflow:hidden; }
#user_overlay #username { position:absolute; color:#ffffff; left:49px; top:2px; max-width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#user_overlay #button_logout { position:absolute; color:#8b8b8b; right:10px; bottom:5px; font-size:12px; cursor:pointer; }
#user_overlay #button_logout:hover { color:#fff; }
#user_overlay #avatar img { height:100%; width:100%; }

#user_overlay .button {  position:absolute; padding:2px 10px; border:1px solid #757575; text-transform:uppercase; font-size:13px; font-weight:bold; color:#dedede; border-radius:3px; top:51px; cursor:pointer; }
#user_overlay .button:hover {color:#fff; }
#user_overlay #load_button { left:3px; }
#user_overlay #load_button:hover { background-color:#455363; }
#user_overlay #save_button { left:59px;  }
#user_overlay #save_button:hover { background-color:#516345;  }
#user_overlay #try_button { left:112px;  }
#user_overlay #try_button:hover { background-color:#45546c;  }
#user_overlay #publish_button { left:159px; }
#user_overlay #publish_button:hover { background-color:#7e5353; }

.ui-anglepicker {
    width: 20px;
    height: 20px;
    vertical-align: -6px;

    background: #dbdbdb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2UxZTFkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dbdbdb 0%, #e1e1de 20%, #f8f8f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(20%,#e1e1de), color-stop(100%,#f8f8f3));
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: -o-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: -ms-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    
    border: 2px solid #666;

    -moz-box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
    -webkit-box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
    box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}
.ui-anglepicker-pointer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;

    margin: -2px 0 0 -2px;
    -moz-transform-origin: 2px 2px;
    -webkit-transform-origin: 2px 2px;
    -ms-transform-origin: 2px 2px;
    -o-transform-origin: 2px 2px;
    transform-origin: 2px 2px;
}

.ui-anglepicker:hover, .ui-anglepicker.ui-anglepicker-dragging {
    border-color: #494949;
}

.ui-anglepicker-dragging .ui-anglepicker-dot, .ui-anglepicker-dragging .ui-anglepicker-line,
.ui-anglepicker:hover .ui-anglepicker-dot, .ui-anglepicker:hover .ui-anglepicker-line {
    background: #494949;
}

.ui-anglepicker-dot {
    height: 4px;
    width: 4px;
    position: absolute;
    background: #838383;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ui-anglepicker-line {
    margin-top: 1.5px;
    margin-right: -2px;
    height: 1px;
    background: #838383;
}​