.buttons_line h1.assetsTitle.link3dchild
{
   line-height:60px;
}
.buttons_line h1.assetsTitle.link3dchild a
{
  float:left;
  display:block;
}
.buttons_line h1.assetsTitle.link3dchild a.link3dfullscreen{
    width: 226px;
    height: 60px;
    background: url(../images/3d/icons/fullscreen.png) left center no-repeat;
    
    margin-left: 1em;
}


.btn360, .btn360:hover
{
  background-image:url('../images/icons/360-image.svg');
}

.close360
{
  width:30px;
  height:30px;
  position:absolute;
  top:5px;
  right:5px;
  z-index:99999;
  background-color:#a0a0a0;
  border-radius:5px;
  background-image:url('../images/icons/svg/close.svg');
  background-repeat: no-repeat;
  background-size: contain;
  
}

.view360.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: white;
}

#customSizes input
{
  width:auto;
  margin:0px 5px;
}


.deleteallfiles
{
border-color: #df2a2a;
    color: #df2a2a;
}
#uploadmessage
{
  display: none;
  background-color: #FFF;
  height: 36px; 
  color: #666;
  text-align: center;
  border: none;
  background-image: none;
  box-sizing: content-box;
  border-bottom: none!important;
  padding: 0px!important;
}
#uploadstatus {
  margin: 0px;
}

#progress
{
  width: 0%;
  background-color: #00C88A;
box-sizing: content-box;
  height:25px;
}

#progressbar {
    width: 100%;
    float: left;
    margin-right: 10px;
    border: 1px solid #CCC;
    height: 35px;
    box-sizing: content-box;
    margin-top: -2px;
    margin-left: -2px;
}
#fileprogress {
  color: #999;
  float: left;
  margin-right: 20px;
  line-height: 25px;
}

#currentfile {
  float: left;
  overflow: hidden;
  text-align: left;
  font-weight: 600;
  line-height: 25px;
  margin-right: 20px;
  max-width: 200px;
}

#cancelCurrentFile {
  display: block;
  float: left;
  color: #FD502F;
  background-position: left center;
  padding-left: 30px;
  background-repeat: no-repeat;
  transition: background 0.5s, color 0.5s;
  height: 25px;
  line-height: 25px;
}
.dropzone.drag
{
  border-color: #00c88a;
  color: #00c88a;
}

.container3d
{
  text-align:center;
  position:relative;
  min-height:500px;
  max-height:500px;
}

.container3d.fullscreen
{
  max-height:none;
  border: none !important;
}

.overlay3d .left
{
  float:left;
  width:70%;
}

.overlay3d
{
  position:absolute;
  width:100%;
  min-height:100%;
  margin:0;
  background-color:white;
  top:0px;
  left:0px;
  z-index:100;
  display:none;
}

.overlay3d .container3d
{
  border:none;
  position:relative;
}

.options3d
{
  display:none;
  padding:5px 20px;
  
}

.options3d.fullscreen
{
  display:block;
}

.options3d .fileselectImages
{
  display:none;
}

.options3d .selectedOnly
{
  display:none;
}

.overlay3d .right
{
  float:right;
  width:30%;


}

.options3d .colorpicker input
{
   border:1px solid #9B9B9B;
   width: 120px;
   height: 35px;
   cursor: pointer;
}

.options3d .slider
{
  margin:15px 0px;
}

.options3d .bgList li, .options3d .reflList li
{
   float:left;
   border:1px solid #9B9B9B;
   margin:7px;
   
}

.options3d .bgList:after, .options3d .reflList:after, .tab-selectors:after, p.resetOptions:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.options3d .bgList li.selected, .options3d .reflList li.selected
{
  border-color: #00AFF2;
  -webkit-box-shadow: 0px 0px 10px 1px #00AFF2;
  -moz-box-shadow: 0px 0px 10px 1px #00AFF2;
  box-shadow: 0px 0px 10px 1px #00AFF2;
  
}

.studio3d
{
  position:absolute;
  right:10px;
  top:10px;
  display:none;
}

img.exitfullscreen, img.fullscreen
{

  width:165px;
  height:54px;
}
.studio3d.fullscreen .exitfullscreen
{
  display:inline;
}

.studio3d.fullscreen .fullscreen
{
  display:none;
}

.studio3d .exitfullscreen
{
  display:none;
}

.studio3d .fullscreen
{
  display:inline;
}

.tab-selectors
{
  float:left;
  width:100%;
  border-bottom: 1px solid #48294F;
}

.tab-selectors li
{
  float:left;
  border:1px solid #48294F;
  border-bottom: none;
  margin:0px 5px;
}

.tab-selectors li a
{
  display:block;
  padding:5px 10px;
  color: #666;
}

.tab-selectors li.selected
{
  background-color: #48294F;
}

.tab-selectors li.selected a
{
  font-weight:bold;
  color: white;
}

.tab-selectors li.disabled
{
   background-color:#eee;
   border-color:#ddd;

}

.tab-selectors li.disabled a
{
  color:#ddd;
  cursor: default;
}

.reflectionBlock
{
  display:none;
}

p.resetOptions a {

  background-color: #48294F;
  display: block;
  float: left;
  padding: 4px 10px;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
}

p.resetOptions
{
  margin-top:10px;
}

.downloadimporttemplate
{
  display:none;
}

.validationBlock
{
  display:none;
}

.confirmWarn
{
  display:none;
}

.proceedUploadTemplate
{
  display:none;
}

.proceedUploadTemplate a
{
  color: #666 !important;
}

.validationResult ul
{
  max-height:200px;
  overflow-y:auto;
}
#applyArtwork
{
display:none;
}

.block-beauty
{
  background-image: url("../images/publications/beauty-bg.jpg");
  width:30%;
  min-height: 680px;
  background-position: center top;
  background-repeat: no-repeat;
  float: left;
  margin-right: 20px;
  background-color: #000;
}

.block-beauty .logo-beauty {
    margin-top: 20px;
}


.block-beauty ul li, .block-food ul li {
   border-bottom: 1px solid #555;
   padding: 5px;
   text-align:center;
}

.block-pharma ul li {
   border-bottom: 1px solid #ccc;
   padding: 5px;
   text-align:center;
}

.block-beauty ul li a {
  color:#ffffff;
}

.block-food ul li a {
  color:#ffcb2c;
}

.block-pharma ul li a {
  color:#00a7e4;
}


.block-beauty .button-publications {
    display: block;
    text-align: center;
    border: 1px solid #ffffff;
    width: 110px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    margin: 300px auto 20px auto;
}

.block-food
{
  background-image: url("../images/publications/food-bg.jpg");
  width:30%;
  min-height: 680px;
  background-position: center top;
  background-repeat: no-repeat;
  float: left; 
  margin-right: 20px;
  background-color: #372c25;
}

.block-food .logo-food
{
    margin-top: 20px;
}

.block-food .button-publications {
    display: block;
    text-align: center;
    border: 1px solid #ffcb2c;
    width: 110px;
    color: #ffcb2c;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    margin: 300px auto 20px auto;
}

.block-pharma
{
  background-image: url("../images/publications/pharma-bg.jpg");
  width:30%;
  min-height: 680px;
  background-position: center top;
  background-repeat: no-repeat;
  float: left;
  background-color: #efefeb;
}

.block-pharma .logo-pharma
{
    margin-top: 20px;
}

.block-pharma .button-publications {
    display: block;
    text-align: center;
    border: 1px solid #00a7e4;
    width: 110px;
    color: #00a7e4;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    margin: 300px auto 20px auto;
}

.beauty-upper
{
  background-image: url("../images/publications/beauty-page-bg.jpg");
  width:100%;
  height: 300px;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: contain;
}

.beauty-upper-left
{
  float: left;
  width: 40%;
  padding: 30px;
  margin-top: 60px;
}

.beauty-upper-middle
{
  float: left;
  width: 35%;
  margin-left: 40px;
}

.beauty-upper h2
{
  color: White !important;
  margin-top: 90px;
  font-size: 25px;
  line-height: normal;
}

.beauty-upper-middle .beauty-buttons
{
  margin-top: 40px;
  margin-left: 80px;
} 

.beauty-upper-middle .beauty-button
{
    text-align: center;
    border: 1px solid #fff;
    width: 110px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    margin-right: 20px;
}

#beauty-lower-external
{
  background-color: #1C1C1C;
}

.beauty-lower li
{
  margin: 20px;
  float: left;
}

.beauty-lower ul
{

}

.beauty-comingissue
{
  float: left;
  min-width: 260px;
  min-height: 346px;
  background-color: #363636;
}

#issue-name
{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-top: 140px;
  color: #C2A6AB;
  text-transform: uppercase;
}

#coming-soon
{
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  margin-top: 5px;
  color: white;
}

.food-upper
{
  background-image: url("../images/publications/food-page-bg.jpg");
  width:100%;
  height: 300px;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #28231D;
  background-size: contain;
}

.food-upper-left
{
  float: left;
  width: 25%;
  padding: 30px;
  margin-top: 60px;
}

.food-upper h2
{
  color:#ffcb2c !important;
  margin-top: 90px;
  font-size: 35px;
  line-height: normal;
}

.food-upper-middle
{
  float: left;
  width: 35%;
  margin-left: 40px;
}

.food-upper-middle .food-buttons
{
  margin-top: 40px;
  margin-left: 80px;
}

.food-upper-middle .food-button
{
    text-align: center;
    border: 1px solid #ffcb2c;
    width: 110px;
    color: #ffcb2c;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    margin-right: 20px;
}

#food-lower-external
{
  background-color: #372c25;
}

.food-lower li
{
  margin: 20px;
  float: left;
}

.food-lower ul
{

}

.food-comingissue
{
  float: left;
  min-width: 260px;
  min-height: 346px;
  background-color: #363636;
}

.pharma-upper
{
  background-image: url("../images/publications/pharma-page-bg.jpg");
  width:100%;
  height: 300px;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: #efefeb;
  background-size: contain;
}

.pharma-upper-left
{
  float: left;
  width: 40%;
  padding: 30px;
  margin-top: 60px;
}

.pharma-upper h2
{
  color:#00a7e4 !important;
  margin-top: 80px;
  font-size: 25px;
  line-height: normal;

}

.pharma-upper-middle
{
  float: left;
  width: 35%;
  margin-left: 100px;
}

.pharma-upper-middle .pharma-buttons
{
  margin-top: 40px;
  margin-left: 70px;
}

.pharma-upper-middle .pharma-button
{
    text-align: center;
    border: 1px solid #00a7e4;
    width: 110px;
    color:#00a7e4;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    margin-right: 20px;
}

#pharma-lower-external
{
  background-color: #efefeb;
}

.pharma-lower li
{
  margin: 20px;
  float: left;
}

.pharma-lower ul
{

}

.pharma-comingissue
{
  float: left;
  min-width: 260px;
  min-height: 346px;
  background-color: #363636;
}

