/* Design Studio */

#resizing-panel, #exporting-panel, #loading-panel
{
    width:62%;
    top: -30px;
}


div#content_row {
    overflow: hidden;
    min-width: 1100px;
}


h2#box_name, ul#box_info {
    color: #444;
    padding-left: 10px;
}

ul#box_info li {
    font-weight: bold;
}

span#quick_desc, span#desc {
    font-weight: normal;
}

h3#view_label {
    color: #ffffff;
    display: none !important;
}


div#view {
    width: 100%;
}

ul#views {
    width: 100%;
    text-align: center;
}

ul#views a, ul#views a:visited {
    display: inline-block;
    margin: 0 6px;
    font-size: 17px;
    font-weight: bold;
    width: 55px;
    background: #000;
    padding: 10px;
    border: 1px solid #333;
    text-decoration: none;
    color: #fff;
    cursor: pointer;

    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}


div#contentMain div#viewer {
    overflow: visible;
}


li.ui-draggable img {
    display: inline-block;
}

.panels
{
    display:none;
    overflow: visible;
}

.v3dPanel
{
    padding-top: -20px;
}


/* Details */

div#detailsForm {
    padding: 20px 5px 0 5px;
    background: rgba(255,255,255,1);
    width: 95%;
}




div.images {
    margin: 50px auto;
    width: 99%;
}







/* Tabs */

.etabs {
    margin: 0;
    padding: 0;
    background: black;
}

.tab {
    display: block;
    float: left;
    zoom:1;
    *display:inline;
    background: #595959;
    /* border: solid 1px #000; */
    border: none;
    border-bottom: none;
    margin-bottom: 0;
    /* margin-right: 1px; */
    width: 33.3%;
    /* opacity: 0.4; */

    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);

    /*
border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    */


}

#resizer_tab.tab {
    /*  border-top: 6px solid #d34701; */
    border-right: none;
}

#graphics_tab.tab {
    /* border-bottom: 2px solid #78c009; */
}

#export_tab.tab {
    /* border-bottom: 2px solid #00a9c9; */
    border-left: none;
}


.batch_tabs:before {
    content: attr(data-icon);
}

.batch_tabs {
    font-family: "Batch";
    font-size: 18px;
    line-height: 1;
    margin-top: 5px;
    display: inline-block;
}



.batch_btns:before {
    content: attr(data-icon);
}

.batch_btns {
    font-family: "Batch";
    font-size: 18px;
    line-height: 1;
    margin-top: 5px;
    margin-right: 10px;
    display: inline-block;
}




/*
.batch_arrow:before {
    content: attr(data-icon);
}

.batch_arrow {
    font-family: "Batch";
    font-size: 18px;
    line-height: 1;
    margin-top: 5px;
    float: right;
    display: inline-block;
}
*/




.tab a {
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    line-height: 2em;
    display: block;
    padding: 5px 10px 0 10px;
    outline: none;
    height: 50px;
    font-weight: bold;
}

.tab a:hover {
    color: #fff;
}

.tab.active {
    background: transparent;
    position: relative;
    /* border-color: #d37d13; */
    opacity: 1;

    -webkit-box-shadow: inset 0px 3px 0px -2px rgba(255,255,255,0.75);
    -moz-box-shadow: inset 0px 3px 0px -2px rgba(255,255,255,0.75);
    box-shadow: inset 0px 3px 0px -2px rgba(255,255,255,0.75);

}



.tab a.active {
    background: transparent;
    color: #000;
}

.tab-container .panel-container {
    background: #9d5d0d;
    border: 1px solid #d37d13;
    padding: 10px;
}

div#tab-container.tab-container {
    /* height: 700px; */
    height: 625px;
    width: 358px;
    background: #fb8400;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAPElEQVQYV2P83cLwnwEHuPmagYERlwKQpLooDgUwSZDBGCYgS2IoQJdEUYBNEq4AlyRYwZV8hv8g1+ICADr6Ib1DjKcTAAAAAElFTkSuQmCC) repeat;

    position: relative;
}



div.section {
    height: 550px;
    /* height: 628px; */
    width: 358px;
    /* margin: 20px; */
    /* padding: 20px; */
    /* outline: 2px solid #3b3b3b; */
    /* background: rgba(80,80,80,0.9); */
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    /* overflow: scroll; */
    overflow: hidden;


    /* border-top: 2px solid #706e6c; */
    border: none;



    /*
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    */
}

div.section_content {
    /* height: 500px; */
    height: 415px;
    width: 280px;
    margin: 20px;
    padding: 20px;
    outline: 2px solid #3b3b3b;
    background: rgba(80,80,80,0.9);
    position: absolute;
    bottom: 65px;
    left: 0;
    overflow: scroll;
    overflow-x: hidden;

    border-top: 2px solid #706e6c;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}


div#tab-container h2 {
    font-size: 16px;
    color: #fff;
    border-bottom: 2px solid #838d90;
    margin-bottom: 20px;
}

div#tab-container label {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 5px;
    display: block;
}

div#tab-container input {
    margin-bottom: 20px;
}


div.sideToSide.font {
    width: 40%;
    display: inline-block;
    float: left;
}

div.sideToSide.color {
    width: 30%;
    display: inline-block;
    float: left;
    margin-left: 5px;
}

div.sideToSide.sts_size {
    width: 25%;
    display: inline-block;
    float: left;
    margin-left: -10px;
}

div.sideToSide.bold,
div.sideToSide.italic {
    width: 50%;
    display: inline-block;
    float: left;
}

div.sideToSide.boxColor,
div.sideToSide.useKraft,
div.sideToSide.scoreColor,
div.sideToSide.showScore {
    display: inline-block;
    float: left;
}

div.sideToSide.boxColor,
div.sideToSide.scoreColor {
    width: 48%;
    height: 70px;
}

div.sideToSide.useKraft,
div.sideToSide.showScore {
    width: 48%;
    height: 50px;
    margin-top: 60px;
}

.limited{
  display:none;
}


.centered {
  display:block !important;
  margin:0 auto !important;
}

select.dropdown_tabs {
    width: 90%;
    height: 33px;
    font-size: 15px;
    padding: 8px;
    margin-left: 2px;
    text-align: center;
    background: #ccc;
}



input[type=submit].big_button {
    font-size:16px;
    font-weight:normal;
    padding: 12px 30px;
    float: none;
    width: 100%;
    margin-top: 20px;
}

input[type=button].big_button {
    font-size:16px;
    font-weight:normal;
    padding: 12px 30px;
    float: none;
    width: 100%;
    margin-top: 20px;
}

a#resizeBtn {
    position: absolute;
    bottom: 0;
    margin: 10px;
    width: 73%;
    margin-left: 18px;
}

#resizerWarning {
  display:none;
  color:#ff0000;
  position: absolute;
  bottom: 65px;
  background-color:#f1bc7c;
  width: 100%;
  text-align: center;
}

#resizerWarning2 {
  display:none;
  color:#ff0000;
  position: absolute;
  bottom: 65px;
  background-color:#f1bc7c;
  width: 100%;
  text-align: center;
}


button.reset:hover{
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}

.innerInput {
  position: absolute;
    right: 30px;
    margin: 22px auto;
}

.innerInputSmall {
  position: absolute;
    right: 10px;
    margin: 27px auto;
}


input[type=file].big_button {
    font-size:16px;
    font-weight:normal;
    padding: 12px 30px;
    float: none;
    width: 100%;
    margin-top: 20px;
}



input[type=button].save_button, a.save_button {
    font-size:17px;
    font-weight:normal;
    padding: 15px 30px;
    float: none;
    /* display: block; */
    display: inline-block;
    /* width: 358px; */
    width: 75%;
    margin: 15px auto 15px 0;
    -moz-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    box-shadow:inset 0px 1px 0px 0px #a8a8a8;

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #13bc3d), color-stop(1, #178f2d));
    background:-moz-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:-webkit-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:-o-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:-ms-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:linear-gradient(to bottom, #13bc3d 5%, #178f2d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#13bc3d', endColorstr='#178f2d',GradientType=0);

    background-color:#13bc3d;

    -webkit-appearance: push-button;
    -webkit-user-select: none;
    align-items: flex-start;
    text-align: center;
    cursor: default;

    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    color: #fffefe;
    font-family: arial;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;
}

input[type=button].save_button:hover, a.save_button:hover {


    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #178f2d), color-stop(1, #13bc3d));
    background:-moz-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:-webkit-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:-o-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:-ms-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:linear-gradient(to bottom, #178f2d 5%, #13bc3d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#178f2d', endColorstr='#13bc3d',GradientType=0);

    background-color:#178f2d;
}


input[type=button].saveAsBtn {
    width: 22%;
    display: inline-block;
    height: 52px;
    font-weight: bold;
    text-align: center;
}



textarea.textarea_tabs	{
    width: 90%;
    height: 100px;
    padding: 10px;
    margin: 2px 2px 10px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 10pt;
    float: right;

    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

span.format {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
}

input[type=checkbox]
{
    /*
            margin-top: 5px;
            margin-left: 8px;
      -ms-transform: scale(2);
      -moz-transform: scale(2);
      -webkit-transform: scale(2);
      -o-transform: scale(2);
      padding: 10px;
    */
}



/* Measurements Section */

div#resizer.section .accordion{
    width: 100%;
    margin: 10px auto;
}

div#resizer.section {
    /*
overflow-x: hidden;
    overflow-y: scroll;
    */
    overflow: hidden;
}

div#resizer.section .accordion div.measurements_section {
    margin-bottom: 50px;

    /* height: 500px; */
    /* width: 280px; */
    margin: 20px 0;
    padding: 5px;
    outline: 2px solid #3b3b3b;
    background: rgba(80,80,80,0.9);
    /* position: absolute; */
    bottom: 50px;
    left: 0;
    /* overflow: scroll; */
    /* overflow-x: hidden; */

    border-top: 2px solid #706e6c;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

div#resizer.section .ui-widget-content {
    border: none;
}

div#resizer.section .accordion label{
    padding: 5px 20px;
    position: relative;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #fff;
}

div#resizer.section .accordion label.advancedLabel {
    cursor: default;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 5px;
    display: block;
    height: auto;
}

label.accordionSection {
    background: url("../../css/BoxItNow/images/arrow.png") no-repeat right center;
}


/*
div#resizer.section .accordion form#emailFiles-form label,
div#resizer.section .accordion form#uploadFtp-form label {
        cursor: default;
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding-left: 5px;
display: block;
height: auto;
}
*/

div#resizer.section h2 {
    text-transform: none;
}

div#resizer.section .accordion label:hover{

}
div#export.section .accordion input + label {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#resizer.section .accordion input:checked + label,
div#resizer.section .accordion input:checked + label:hover{
}

div#resizer.section .accordion input{
    display: none;
}

div#resizer.section .accordion input.big_button,
div#resizer.section .accordion input.small {
    display: block;
}

/*
div#export.section .accordion div#addText_form label,
div#export.section .accordion form#designSettings_form label {
        cursor: default;
        font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding-left: 5px;
display: block;
height: auto;
}
*/



/*
div#export.section .accordion div#addText_form select.dropdown_tabs {
        margin-bottom: 20px;
}
*/




div#resizer.section .accordion table input[type=checkbox] {
    display: inline-block;
    margin-top: 2px;
    margin-left: 2px;
    padding: 4px;
    float: left;
}

div#resizer.section .accordion table td {
    margin: 0 !important;
    margin-top: 5px;
    padding: 0 !important;
}



div#resizer.section .accordion .article{
    /* background: #4e453b; */
    margin-top: 10px;
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


div#resizer.section .accordion input:checked ~ .article{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
div#resizer.section .accordion input:checked ~ .article.ac-small{
    height: 155px;
}
div#resizer.section .accordion input:checked ~ .article.ac-medium{
    height: 195px;
}
div#resizer.section .accordion input:checked ~ .article.ac-large{
    height: auto;
    min-height: 50px;
    max-height: 1000px;
}




/* Graphics Accordion */


div#graphics.section .accordion{
    width: 100%;
    margin: 10px auto;
}

div#graphics.section {
    overflow-x: hidden;
    overflow-y: scroll;
}

div#graphics.section .accordion div.graphics_section {
    margin-bottom: 50px;

    /* height: 500px; */
    /* width: 280px; */
    margin: 20px;
    padding: 10px;

    margin: 13px;
    padding: 3px;

    outline: 2px solid #3b3b3b;
    background: rgba(80,80,80,0.9);
    /* position: absolute; */
    bottom: 50px;
    left: 0;
    /* overflow: scroll; */
    /* overflow-x: hidden; */

    border-top: 2px solid #706e6c;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

div#graphics.section .ui-widget-content {
    border: none;
}

li.ui-widget-content.ui-corner-tr.ui-draggable {
    list-style-type: none !important;
}

div#graphics.section .accordion label{
    padding: 5px 20px;
    position: relative;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #fff;
}

div#graphics.section h2 {
    text-transform: none;
}

div#graphics.section .accordion label:hover{

}
div#graphics.section .accordion input + label {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#graphics.section .accordion input:checked + label,
div#graphics.section .accordion input:checked + label:hover{
}

div#graphics.section .accordion input{
    display: none;
}

div#graphics.section .accordion input.big_button,
div#graphics.section .accordion input.small {
    display: block;
}

div#graphics.section .accordion div#addText_form label,
div#graphics.section .accordion form#designSettings_form label {
    cursor: default;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 5px;
    display: block;
    height: auto;
    width: 200px;
}


div#myGraphics {
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

div#standardGraphics {
    height: 350px;
    overflow-y: scroll;
    margin-bottom: 20px;
}


li.draggableGraphicsContainer {
    width: 100px;
    height: 100px;
    float: left;
    padding: 10px;
}

img.draggableGraphics {
    width: 99%;
    height: auto;
    max-width: 99px;
    max-height: 99px;
}


div#graphics.section .accordion div#addText_form select.dropdown_tabs {
    margin-bottom: 20px;
}




div#graphics.section .accordion #addText_form input[type=checkbox],
div#graphics.section .accordion #designSettings_form input[type=checkbox] {
    display: inline-block;
    margin-top: 6px;
    margin-left: 8px;
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    padding: 10px;
}

input#textColor {
    display: block !important;
}

input#textColor {
    display: none !important;
}

input[type=file] {
    display: block !important;
}

input#myfile {
    display: none !important;
}


div#graphics.section .accordion .article {
    /* background: #4e453b; */
    margin-top: 10px;
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


div#graphics.section .accordion input:checked ~ .article{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
div#graphics.section .accordion input:checked ~ .article.ac-small{
    height: 155px;
}

div#graphics.section .accordion input:checked ~ .article.ac-fullGraphics {
    height: 250px;
}

div#graphics.section .accordion input:checked ~ .article.ac-colorSettings {
    height: 170px;
}

div#graphics.section .accordion input:checked ~ .article.ac-panelSettings {
    height: 90px;
}
div#graphics.section .accordion .article.ac-panelSettings .sp-replacer {
    margin-left: 20px;
}


div#graphics.section .accordion input:checked ~ .article.ac-medium{
    height: 195px;
}

div#graphics.section .accordion input:checked ~ .article.ac-addText{
    height: 200px;
}

div#graphics.section .accordion input:checked ~ .article.ac-myGraphics{
    height: 390px;
}

div#graphics.section .accordion input:checked ~ .article.ac-standardGraphics{
    height: 350px;
}

div#graphics.section .accordion input:checked ~ .article.ac-large{
    height: 480px;
}
div#graphics.section .article.ac-myGraphics #myGraphicsAcceptedFileTypes{
    position: relative;
    bottom: 0px;
    margin-top: 70px;
    /** padding-top: 50px; **/ /**blocks clickability**/
    /** color: #fff; **/
}


/* Export Section */

div#export.section .accordion{
    width: 100%;
    margin: 10px auto;
}

div#export.section {
    overflow-x: hidden;
    overflow-y: scroll;
}

div#export.section .accordion div.export_section {
    margin-bottom: 50px;

    /*     height: 500px; */
    /* width: 280px; */
    margin: 20px;
    padding: 10px;

    margin: 13px;
    padding: 3px;

    outline: 2px solid #3b3b3b;
    background: rgba(80,80,80,0.9);
    /* position: absolute; */
    bottom: 50px;
    left: 0;
    /* overflow: scroll; */
    /* overflow-x: hidden; */

    border-top: 2px solid #706e6c;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

div#export.section .ui-widget-content {
    border: none;
}

div#export.section .accordion label{
    padding: 5px 20px;
    position: relative;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #fff;
}

div#export.section .accordion form#emailFiles-form label,
div#export.section .accordion form#uploadFtp-form label {
    cursor: default;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 5px;
    display: block;
    height: auto;
}

input#EmailFilesForm_zipFiles {
    display: block !important;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
}

input.ft_cb {
    display: block !important;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
}

form#emailFiles-form label {
    display: inline-block !important;
    margin-left: 5px;
}

div#export.section h2 {
    text-transform: none;
}

div#export.section .accordion label:hover{

}
div#export.section .accordion input + label {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
div#export.section .accordion input:checked + label,
div#export.section .accordion input:checked + label:hover{
}

div#export.section .accordion input{
    display: none;
}

div#export.section .accordion input.big_button,
div#export.section .accordion input.small {
    display: block;
}

/*
div#export.section .accordion div#addText_form label,
div#export.section .accordion form#designSettings_form label {
        cursor: default;
        font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding-left: 5px;
display: block;
height: auto;
}
*/



/*
div#export.section .accordion div#addText_form select.dropdown_tabs {
        margin-bottom: 20px;
}
*/




div#export.section .accordion table input[type=checkbox] {
    display: inline-block;
    margin-top: 2px;
    margin-left: 2px;
    padding: 4px;
    float: left;
}

div#export.section .accordion table td {
    margin: 0 !important;
    margin-top: 5px;
    padding: 0 !important;
}

/*
.graphics_section {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.graphics_section:hover {
    border-top: 2px solid #fff  !important;
}
.graphics_section:hover {
    background: #6B8982 !important;
    background: rgba(70,80,100,0.9)  !important;
}

.article {

    background: rgba(80,80,80,0.9)  !important;
}*/

div#export.section .accordion .article{
    /* background: #4e453b; */
    margin-top: 10px;
    overflow: hidden;
    /*     height: 580px; */
    height: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


div#export.section .accordion input:checked ~ .article{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/*
div#export.section .accordion input:checked ~ .article.ac-small{
    height: 155px;
}
*/
/*
div#export.section .accordion input:checked ~ .article.ac-medium{
    height: 195px;
}
*/
/*
div#export.section .accordion input:checked ~ .article.ac-large{
        height: 580px;
}
*/

div#export.section .accordion input:checked ~ .article.ac-emailFiles {
    height: 745px;
}

div#export.section .accordion input:checked ~ .article.ac-ftpUpload {
    height: 465px;
}

div#export.section .accordion input:checked ~ .article.ac-sendLink {
    height: 335px;
}

div#export.section .accordion input:checked ~ .article.ac-download {
    height: 270px;
}


.fxtd_cb{
    opacity: 0;
    transition: opacity .6s;
}

#fileTypesDownload:hover .fxtd_cb {
    opacity: 1;

}




/* Upload Button */



.form input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
    left:0;
}

.add-photo-btn {
    position:relative;
    /* overflow:hidden; */
    cursor:pointer;
    text-align:center;
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 24px 0 24px !important;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    color:#fff;display:block;
    width: 75%;
    height:31px;
    float:left;
}
input[type="text"]{
}


.add-photo-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}




#contentMain {

    margin: 0;
    overflow: visible;
    min-width: 700px;
}




img#cad_img, img#flat_img {
    width: 95%;
    border: 10px solid #fff;

    -webkit-box-shadow: -5px -5px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    -5px -5px 7px rgba(0, 0, 0, 0.1);
    box-shadow:         -5px -5px 7px rgba(0, 0, 0, 0.1);
}

img#flat_img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

input.ft_cb {
    display: block !important;
    margin-left: 8px !important;
    margin-right: 8px;
    margin-bottom: 10px !important;
}

div.subCheckboxes {
    margin-left: 25px;
}

div.subCheckboxes label {
    height: 10px !important;
}


div#menu_row.row {
    border-bottom: none !important;
}

div.breadcrumbs a:link,
div.breadcrumbs a:visited {
    color: #fff;
    text-shadow: none;
}

div.breadcrumbs a:focus,
div.breadcrumbs a:hover {
    color: #00a9c9;
}


/* Legend */

#legendDiv table {
    border: 1px dotted rgba(100,100,100,0.2);
    width: 358px;
    position: relative;
    border-collapse: initial;
}

#legendDiv table td {
    color: #999;

    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

#legendDiv table:hover td {
    color: #fffefe;
}

#legendDiv table td {
    padding: 7px auto;
    margin: 0px;
    width: 50%;
}

#legendDiv table tr.oddRow {
    background-color: rgba(100,100,100,0.1);
}


td#moreLink {
    position: absolute;
    right: 0;
    text-align: right;
}

td#moreLink a {
    color: #fff !important;
}

td#moreLink a:hover,
td#moreLink a:focus {
    color: #00a9c9 !important;
}


/* Legend Horizontal */

/*
div#legendHorizDiv {
        width: 99%;
}
*/

/*
ul#legendUl {
        width: 99%;
}
*/

ul#legendUl li {
    display: inline-block;
    float: left;
    margin-right: 30px;
}


/* CSS Breakpoints */

/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

    input[type=button].save_button, a.save_button {
        padding: 15px 30px;
        display: inline-block;
        width: 60%;
    }

    input[type=button].saveAsBtn {
        width: 17%;
    }


}


/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {



    h3#view_label {
        font-size: 18px;
    }



    ul#views a, ul#views a:visited {
        font-size: 13px;
        padding: 7px 0;
        margin: 0 5px;
    }



    div#tab-container.tab-container {
        height: 625px;
        width: 290px;
        position: relative;
    }

    .tab {
        display: block;
        float: left;
        zoom:1;
        *display:inline;
        background: #595959;
        border: solid 1px #a86512;
        border-bottom: none;
        margin-bottom: 0;
        width: 32.8%;

    }

    .tab a {
        font-size: 10px;
        line-height: 2em;
        display: block;
        padding: 5px 5px 0 5px;
        outline: none;
        height: 60px;
        font-weight: bold;
    }

    div#tab-container.tab-container input.small {
        width: 86%;
    }

    textarea.textarea_tabs	{
        width: 86%;
    }



    /*
    div.section {
            height: 640px !important;
            width: 270px;
            padding: 10px;
            position: absolute;
            bottom: 0;
            left: -8px;
            overflow: scroll;
            overflow-x: hidden;
    }
    */

    div#resizer.section {
        overflow: hidden;
    }

    div.section_content {
        /* height: 500px; */
        height: 415px;
        width: 225px;
        margin: 20px;
        padding: 20px;
        outline: 2px solid #3b3b3b;
        background: rgba(80,80,80,0.9);
        position: absolute;
        bottom: 65px;
        left: 0;
        overflow: scroll;
        overflow-x: hidden;

        border-top: 2px solid #706e6c;

        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    }

    div#graphics.section,
    div#export.section {
        margin: 0;
        padding: 0;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    li.draggableGraphicsContainer {
        width: 80px;
        height: 80px;
        float: left;
        padding: 6px;
    }

    img.draggableGraphics {
        width: 99%;
        height: auto;
        max-width: 79px;
        max-height: 79px;
    }

    div#resizer.section {
        left: -8px;
    }

    /*
input[type=submit].save_button {
        float: none;
        display: block;
        width: 290px;
        margin: 15px auto 15px 0;
        position: static;
    }

    input[type=button].save_button {
        width: 290px;
    }
    */

    input[type=button].save_button, a.save_button {
        padding: 15px 30px;
        display: inline-block;
        width: 75%;
    }

    input[type=button].saveAsBtn {
        width: 23%;
        padding: 10px;
    }


    div.tab.row {
        display: block;
        float: none;
        zoom: none;
        display: inherit;
        background: none;
        border: none;
        border-bottom: none;
        margin-bottom: none;
        width: 768px;
    }

    div#tab-container h2 {
        font-size: 15px;
    }

    a#resizeBtn {
        width: 58% !important;
    }

    a.big_button {
        width: 71% !important;
        font-size: 15px !important;
    }

    .gallery li img {
        margin: 2px;
        width: 80px !important;
        height: auto !important;
    }

    div#detailsForm tr th {
        font-size: 12px;
        width: 35%;
    }

    div#detailsForm input#_input.customInput {
        font-size: 13px;
        padding: 5px;
    }

    img#flat_img {
        width: 85%;
        margin: 0 auto;
        display: block;
    }

    div#view {
        margin-bottom: 0px;
    }

    h2#box_name {
        font-size: 23px;
    }

    div#graphics.section .accordion #addText_form input[type=checkbox], div#graphics.section .accordion #designSettings_form input[type=checkbox] {
        display: inline-block;
        margin-top: 6px;
        margin-left: 8px;
        -ms-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        padding: 10px;
    }

    div.sideToSide.boxColor,
    div.sideToSide.useKraft,
    div.sideToSide.scoreColor,
    div.sideToSide.showScore {
        width: 90%;
    }


    div#graphics.section .accordion input:checked ~ .article.ac-colorSettings {
        height: 260px;
    }


    #legendDiv table {
        width: 292px;
        font-size: 87%;
    }



}







/* Hacks */


@-moz-document url-prefix() {

    div.section_content {
        box-shadow: none !important;
    }

    div#resizer.section .accordion div.measurements_section {
        outline: none !important;
    }

    div#graphics.section .accordion div.graphics_section,
    div#export.section .accordion div.export_section {
        box-shadow: none !important;
    }

    select.dropdown_tabs {
        height: auto !important;
    }

    input.small {
        height: auto !important;
    }

    div.searchResult.row {
        outline: none !important;
        box-shadow: none !important;
    }


}


input[type=button].singleSaveBtn, a.singleSaveBtn {
    display: block;
    width: 358px;
}

/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

    input[type=button].singleSaveBtn, a.singleSaveBtn {
        padding: 15px 30px;
        display: inline-block;
        width: 358px;
    }



}

input[type=button].singleSaveBtn, a.singleSaveBtn {
    padding: 15px 30px;
    display: inline-block;
    width: 358px;
}


div#standardGraphics {
    height: 195px;
}

ul#views {
}

ul#views a, ul#views a:visited {
    display: inline-block;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    width: auto;
    /*background: rgba(111, 111, 111, 0.5);*/
    /*background: rgba(54,142,238, 1.0);*/
    background: #595959;
    border-color: #595959;
    border-width: 1px;
    color : #fff;
    border-bottom-color: #222;
    /*   border: none;
       border-right: 1px solid #333;
       border-left: 1px solid #333;*/
}

ul#views a.selectedView {
    background: #f1bc7c;
    border-width: 1px;
    color : #fff;
    border-top-color: #fff;
}

ul#views a:hover, ul#views a:focus {
    border: auto;
    /*border-top-color: #fff;*/
    color: #fff;
    background-color: #6B8982;
}

.selectedView li
{
    border-top-color: #fff;
    color: #fff;
}

/*
.designStudio-tools {
    margin: 0 10px 0 10px;
}

@media only screen and (min-width:1200px) {
    .designStudio-tools {
        margin: 0 20px 0 20px;
        overflow: hidden;
        position: absolute;
        right: 0;
    }
}

.designStudio-tools {
    width: 368px;
    margin: 0 16px 0 16px;
    overflow: hidden;
}

#content_row {

    position: absolute;
    left: 0;
    right: 0;
    width: auto;
}
*/