/*
    Document   : design_studio_default
    Created on : Feb 24, 2014, 11:06:45 AM
    Author     : ktabert
    Description:
        Purpose of the stylesheet follows.
*/

.grid_5 							{margin:0 10px 0 10px;}
/*.grid_7 							{margin:0 5px 0 5px; }*/



body {
    background: #000 url("../../css/BoxItNow/images/background.jpg");
}

div#content_row {
    position: relative;z-index: 10;

}

div#resizing-panel span, div#exporting-panel span, div#loading-panel span, .loading-panel span
{
    text-align: center; font-size: 14px; color: #fff; left: -50px; position: relative; padding: 5px;
}

div#resizing-panel img, div#exporting-panel img, div#loading-panel img, .loading-panel img
{
    height: 40px;
}

div#studioPanel
{
    position:relative;
    min-width: 700px;
    /*left:-20px;*/
}

div#container
{
    width:700px;
}

#measurements .loading-panel
{
    display:inline-block ;width:100%;height:100%; z-index: 9999999; padding-left: 45%;padding-top: 60%;
}

.ipad_grid_5
{
    position:absolute;right:0;top:0;
}


.save_button .singleSaveBtn
{
    position:relative;z-index:19999999;
}


#legendDiv, #savingWidget, .displayNone, #relogins-dialog-modal
{
    display: none;
}

#page-step-bar {
    font-size:16px;
    color:#000;

    text-align: center;
    color:#fff;
    height:30px;
    line-height: 30px;
    width: 98%;
    font-weight: bold;
    background-color: #164E7E;
    text-shadow: 1px 1px 1px #666;
    margin:0;
    padding: 0;
    padding-right: 2%;
    /*box-shadow: 0px 8px 20px #ddd;
    //*/
}

#full-3d-panel
{
    display:none;width:100%;height:100%;position: fixed;left:0;top:0;background-color: rgba(0,0,0,1);z-index: 99999999;text-align: center;
}
#close-full-3d
{
    position: absolute;right:8px;bottom:8px;
}
#f3d-bin-icon
{
    position: absolute;right:8px;top:8px;
}

#f3d-bin-icon img
{
    width:300px;height:auto;
}


#LoginForm_username, #LoginForm_password
{
    width:200px
}
#loginBtn
{
    font-size:12px;
}

#bin-context-menu
{
    display:none;position:absolute;z-index:99999999;
}

div.cssPanel img { outline: 1px solid transparent; }

.selectedView li
{
    color: #f00;
}
input.allowance
{
    background-color: transparent;
    border: 0;
    display: none;;

}

ul#views{
    z-index: 99999999;
    position: relative;
}

div#view {
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 5px;
}

ul#views li {
    margin-bottom: 0;
    list-style-type: none !important;
}


ul#views a:hover, ul#views a:focus {
    border: 1px solid #414141;
    color: #00a9ca;
}

div#viewer div.images {
    float: left;
}

#changeDims
{
    float:right;
    font-size: 14px;
}

#container, #viewer {

    position: relative;
    left:-15px;
    margin-left: -1px;
}


.ui-menu { width: 150px; }

#filedrag {
    width: 40px;
    height: 10px;
}

#cafwfbinet{
    width: 40px;
}


.panels
{
    margin: 10px;
}
#v3dPanel
{
    margin: 0px;
}


#containment-wrapper { top:-30px; height:828px; position:absolute;}
.ui-widget-content
{
    background: none;
}

.ui-draggable-dragging
{
    background: none;
    border: 0;
}
.ui-state-highlight
{
    background: none;
}


.max-img-search2 {
    max-height: 30px;
    max-width: 30px;
    margin-top: 5px;
}

.ui-dialog .ui-dialog-content {
    background: #ddd;/* url("../../css/BoxItNow/images/background.jpg");*/
}
.ui-widget-content {
    background: #ddd;/* url("../../css/BoxItNow/images/background.jpg");*/
}
#dialog-fileTypesExport .row {
    width: auto;
}
a.rename
{
    margin-left: 30px;font-size:12px;color:#6ae;cursor: pointer;
}

a.pdfPreview
{
    margin-left: 30px;font-size:12px;color:#6ae;cursor: pointer;
}


#containment-wrapper { top:34px; height:828px; position:absolute;}
.ui-widget-content
{
    background: none;
}

.ui-draggable-dragging
{
    background: none;
    border: 0;
}
.ui-state-highlight
{
    background: none;
}

#bin-context-menu.ui-widget-content
{
    background: #eee;
    color: #444;
}
.ui-menu .ui-menu-item a
{
    color: #444;
}

a.Btn li
{
    /* z-index: 9999999; */
    position: relative;
}
.ui-dialog { z-index: 100000001 !important ;}

#resizing-panel, #exporting-panel, #loading-panel
{
    display: none;
    position: absolute;
    height:70%;
    z-index: 9999999;
    padding-left: 45%;
    padding-top: 40%;
    margin-left: -20px;
    background : url('images/background.jpg');

}

#loading-panel
{
    display: block;
}

.exporting-display
{
    display: none;
    background-color: rgba(180,180,180,0.5);
    z-index: 99999999;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: -50px;
    color: #eee;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


#myGraphics .mediaFileBox.ui-draggable,
#standardGraphics .mediaFileBox.ui-draggable {
    /* width: 50% !important; */
    width: 99% !important;
    height: auto !important;
    margin: 10px auto;
}

#myGraphics,
#standardGraphics {
    overflow-x: hidden;
}

#myGraphics::-webkit-scrollbar,
#standardGraphics::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

#myGraphics::-webkit-scrollbar-track,
#standardGraphics::-webkit-scrollbar-track {
    background-color: rgba(57,57,57, .6);
    border-radius: 8px;
}

#myGraphics::-webkit-scrollbar-thumb,
#standardGraphics::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}

#graphics.section img.mediaFilePic {
    /* width: 99% !important; */
    height: 25px !important;
    width: auto !important;
    max-width: 25% !important;
}

.mediaFileDelete {
    /* width: 99% !important; */
    height: 25px !important;
    width: auto !important;
    max-width: 25% !important;
}

.mediaFileBoxDelete {
    /* width: 99% !important; */
    height: 25px !important;
    width: auto !important;
    max-width: 25% !important;
}