#CreatorHolder.creator-loading,
#CreatorHolder.creator-loading #editor,
#CreatorHolder.creator-loading #previewEditor {
    top: 1000px !important;
}

#multiPhotoCreator #creator {
    position: relative;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    #multiPhotoCreator #productform {
        margin: 20px;
    }
}

@media (min-width: 1200px) {
    #multiPhotoCreator {
        min-height: 500px;
    }

    #multiPhotoCreator #creator {
        margin: 0 0 0 auto;
    }
}

#multiPhotoCreator .section {
    position: absolute;
}

#multiPhotoCreator #creator #furniture {
    position: absolute;
    z-index: 901;    
}

#multiPhotoCreator #creator #background,
#multiPhotoCreator #creator #overlay, #multiPhotoCreator #creator #overlay_frame {
    position: absolute;    
    top: 0;
    left: 0;
}
#multiPhotoCreator #creator .overlayCalendar {
    position: absolute;    
    top: 0;
    left: 0;
}

#multiPhotoCreator #creator #background {
    z-index: 0;
}
#multiPhotoCreator #creator #overlay, #multiPhotoCreator #creator #overlay_frame {
    z-index: 901;
}
#multiPhotoCreator #creator .overlayCalendar {
    z-index: 901;
}
#multiPhotoCreator #creator .overlayMultiple_calendarMonth {
    z-index: 903 !important;
}

#CreatorManagerSection .toolbar-buttons,
#CreatorSection .toolbar-buttons {
    text-align: right;    
}

#multiPhotoCreator .editoraction {
    width: 30px;
    cursor: pointer;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

@media (max-width: 1199px) {

    #CreatorManagerSection .toolbar-buttons,
    #CreatorSection .toolbar-buttons {
        text-align: center;    
    }

    #multiPhotoCreator #editor {
        position: fixed;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width:100% !important; 
        height:100% !important;
    }

    #multiPhotoCreator #previewEditor {
        position: fixed;
        top: 20%;
        left: 50%;
        -moz-transform: translate(-50%, -20%);
        -ms-transform: translate(-50%, -20%);
        -o-transform: translate(-50%, -20%);
        -webkit-transform: translate(-50%, -20%);
        transform: translate(-50%, -20%);
    }

    #multiPhotoCreator #richTextEditor {
         position: fixed;
         top: 5px;
         left: 50%;
         -moz-transform: translate(-50%, 5px);
         -ms-transform: translate(-50%, 5px);
         -o-transform: translate(-50%, 5px);
         -webkit-transform: translate(-50%, 5px);
         transform: translate(-50%, 5px);
    }

     .editoraction {
        width: 50px;
        cursor: pointer;
        -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }


    #editor .btn,
    #richTextEditor .btn {
        font-size: 20px;
    }
}

@media(max-width: 1199px)  and (orientation: landscape){
    #multiPhotoCreator #editor {
        position: fixed;
        top: 50%;
        left: 40%;
        -moz-transform: translate(-40%, -50%);
        -ms-transform: translate(-40%, -50%);
        -o-transform: translate(-40%, -50%);
        -webkit-transform: translate(-40%, -50%);
        transform: translate(-40%, -50%);
    }
}

#previewEditor {
    min-width: 300px;
}

@media (min-width: 1200px) {
    #multiPhotoCreator #editor,
    #multiPhotoCreator #previewEditor,
    #multiPhotoCreator #richTextEditor  {
        position: absolute;
        top: 0;
        width: 380px;
        right: -400px;
    }
}

#multiPhotoCreator #editor .nav-tabs>li {
    width: 50%;
    font-size: 1.3em;
    font-weight: bold;
    color: #7c7c7c;
}

#multiPhotoCreator #editor canvas {
    width: 260px;
    height: 260px;
    display: block;
}

#multiPhotoCreator #editor .canvasHolder #cropareaholder {
    position: absolute;
    width: 200px;
    height: 250px;
    overflow: hidden;
}

 #multiPhotoCreator .selectbox {
     position: absolute;
     z-index: 904;
     cursor: pointer;
     -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;     
 }

  #multiPhotoCreator .update {
     position: absolute;
     z-index: 904;
     cursor: pointer;
}

 #multiPhotoCreator .update-backgrond {
     background-color: #000;
     opacity: 0.5;
     position: absolute;
     z-index: 905;
     top: 2px;
     left: 2px;
 }

#multiPhotoCreator .btn-success {
    background-color: #73ac1d;
    border: none;
    font-weight: bold;
}

#multiPhotoCreator .btn-success:active, #multiPhotoCreator .btn-success:hover{
    background-color: #659e01;
    border: none;
}

 #multiPhotoCreator #previewEditor form {
     margin: 15px;
 }

 #ProductCreatorContainer #editor,  #ProductCreatorContainer #previewEditor,  #ProductCreatorContainer #multiPhotoCreator #creator {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,0.6);
    -moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,0.6);
    box-shadow: 0px 0px 10px 5px rgba(204,204,204,0.6);
 }

 #CreatorManagerSection .toolbar-top,
 #CreatorSection .toolbar-top {
     border-bottom: #d3d3d3 1px solid;
     margin-bottom: 5px;
     padding-bottom: 5px;
 }

 #CreatorManagerSection .toolbar-bottom,
 #CreatorSection .toolbar-bottom {
     border-top: #d3d3d3 1px solid;
     margin-top: 20px;
     padding-top: 15px;
 }

 #multiPhotoCreator #editor label {
     font-size: 14px;
     padding-top: 5px;
 }

 #multiPhotoCreator #editor .btn.btn-info {
      font-size: 14px;
      padding: 5px;
 }

 #multiPhotoCreator .warning {
     color: red;
 }

 .tiny-device .editor-header,
 .tiny-device .editor-label {
     display: none;
 }

 #ZoomColumn,
 #RotateColumn {
     margin-bottom: 7px;
 }

 #multiPhotoCreator .richtext textarea {
      width: 100%;
      min-height: 20px;
      word-wrap: break-word;
      -moz-resize: none !important;
      -ms-resize: none !important;
      -o-resize: none !important;
      resize: none !important;
  }

#multiPhotoCreator #richTextEditor #richTextCanvas {
    border-bottom: #d3d3d3 1px solid;
}


#multiPhotoCreator #richTextEditor .richtexteditor-option-btn {
    -moz-min-width: 50px;
    -ms-min-width: 50px;
    -o-min-width: 50px;
    -webkit-min-width: 50px;
    min-width: 50px;
}

#multiPhotoCreator #richTextEditor .flyout-menu .richtexteditor-option-btn {
    -moz-min-height: 50px;
    -ms-min-height: 50px;
    -o-min-height: 50px;
    -webkit-min-height: 50px;
    min-height: 50px;
}

#multiPhotoCreator #editor .canvasHolder {
    margin: 10px auto;
    padding: 10px 0;
}

#multiPhotoCreator #editor .effectHolder {
    margin: 10px auto;
    padding: 10px 0;
}

@media (max-width: 1199px) {
    html.ProductCreatorActive #header,
    html.ProductCreatorActive #pre-footer,
    html.ProductCreatorActive #footer,
    html.ProductCreatorActive .breadcrumb {
        display: none;
    }

    .ProductCreatorActive #content {
        padding-top: 0;
    }

    /*#CreatorManagerSection #creator {
        margin: 0 auto;
    }*/
}

@media (min-width: 1200px) {
    #ProductCreatorManagerContainer {
        padding-bottom: 20px;
    }
}

.vertical-center {
    display: table-cell;
    vertical-align: middle;
}

.richtext-watermark {
    width: 50%;
    margin: 0 auto;
    font-size: 13px;
    overflow: hidden;
}

#CreatorManagerSectionToolBarTop {
    padding: 15px 0;
}

@media (max-width: 1199px) {
    html.ProductCreatorActive .container {
        width: 100%;
    }

    #CreatorManagerSectionToolBarTop {
        background-color: #ffffff;
        text-align: center;
    }
}

#richTextCanvasHolder {
    margin: 0 auto;
}

#richTextCanvasHolder .canvas-container {
    background-color: #fff;
}

@media (min-width: 1200px) {    
    #CreatorManagerSectionToolBarTop {
        text-align: right;
    }

    #CreatorManagerSectionToolBarTop .product-creator-heading {
        text-align: left;
    }

    #richTextCanvasHolder {
        margin: 20px auto;
    }
}

html.ProductCreatorActive {
    background-color: #ededed;
}

.editorMenu {
    margin-bottom: 20px;
}

.flyout-menu.open {
    margin-bottom: 20px;
}

#CreatorManagerSectionToolBarTop .btn {
    font-size: 14px;
}

@media (min-width: 640px) {
    #CreatorManagerSectionToolBarTop .btn {
        font-size: large;
    }
}
#multiPhotoCreator #editor .btn-success,#multiPhotoCreator #previewEditor .btn-success,#multiPhotoCreator #richTextEditor .btn-success{
    background-color:#e7505a;border:none}
#multiPhotoCreator #editor .nav-tabs>li.active>a{
    color:#e7505a}
#multiPhotoCreator #editor .canvasHolder #cropareaselected{
    border:4px solid #e7505a;position:absolute;cursor:move}
#multiPhotoCreator .selectbox.selected{
    border-right: 5px solid #e7505a;
    border-bottom: 5px solid #e7505a;
    border-top: 5px solid #e7505a;
    border-left: 5px solid rgba(231,80,90,0.25);
    outline: 5px solid rgba(0,184,217,0);
    box-shadow: 0 0 10px 2px #e7505a;
    z-index:904

}
#multiPhotoCreator #editor .canvasHolder{
    background-color:#ededed
}
#multiPhotoCreator #editor,#multiPhotoCreator #previewEditor,#multiPhotoCreator #richTextEditor{
    z-index:999;background-color:#fff
}
.imageLibraryItem .libraryRefCountOverlay{background-color:#f76f01!important}
.b-edit-photos {
    padding: 0;
    margin: 0;
}


.li-print {
    position: relative;
    padding: 8px;
    background: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    box-shadow: rgba(0,0,0,.25) 0 4px 15px;
    margin: 0 0 10px 10px;
}
.li-print .img {
    overflow: hidden;
    width: 210px;
    height: 210px;
}

.li-print .img img{
    width: 210px;
    height: 210px;
}

.li-print .img canvas{
    width: 210px;
    height: 210px;
    cursor: pointer;
}

.li-print .form-text {
    width: 100%;
    max-width: 212px;
    height: 34px;
    margin: 6px 0 0;
    padding: 5px;
    text-align: center;
    color: #000000;
/*    border: 1px dashed #ccc;
    border-radius: 0;*/
    border: none;
    font-family: times new roman,sans-serif;
    font-size: 16px;
}
.form-textarea, .form-text {
    height: 50px;
    margin: 0;
    padding: 12px 22px;
    vertical-align: top;
    color: #000;
    border: 1px solid #c2c2c2;
    border-radius: 6px;
    outline: 0;
    background: #fff;
    font-family: avenir-medium;
    font-size: 14px;
}
input, textarea {
    color: #000;
    font: 14px avenir-heavy,sans-serif;
}