@charset "utf-8";

/*
   @media screen and (orientation: landscape) {
   }
   @media screen and (orientation: portrait) {
   }
 */
body {
  padding-bottom: 40px;
  overflow: hidden;
}

input[type="number"] {
  text-align: right;
}

a.link-label {
  color: #fff;
}

a.link-label:hover, a.link-label:focus {
  text-decoration: none;
}

#whole {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #000;
  background-image: url('../images/bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

#whole > div.container-fluid {
  padding: 0;
}

.svg-block {

}
.svg-block {
  width: 100%;
  height: 100%;
  
}

/* footer */
footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 47px;
  padding: 0;
  background-image: url("../images/bg-bottom-menu.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
}

footer ul.list-inline {
  text-align: justify;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 47px;
}

footer ul.list-inline li {
  padding: 0;
  margin: 0;
}

#sidebar li.list-group-item {
  background-color: rgba(255,255,255,0.5);
  padding: 0;
  height: 40px;
}

#sidebar li.list-group-item img {
  height: 100%;
}

#sidebar li.list-group-item.sub-menu-title {
  height: 20px;
  text-align: center;
  padding: 3px;
  background-color: rgba(128,128,128,0.5);
}

.configuration {
  background-color: #ccc;
  border: 0;
}

.configuration table th, .configuration table td {
  border: 0;
}

.configuration table th {
  background-color: #000;
  color: #fff;
  text-align: justify;
  border: 0;
}

.customize-table input[type="radio"] {
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
}

table.no-border, table.no-border th, table.no-border td {
  border: none;
}

.preview-contents svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* 吹きだし*/
.popover-static .popover {
  position: relative;
  display: block;
  float: left;
  margin-left: 20px;
  max-width: none;
}

/* bottom menu item. */
.bottom-menu-item {
  width: 53px;
  height: 47px;
  display: block;
  background-repeat: no-repeat;
  background-size: auto 47px;
}

#menuShirts {
  background-image: url("../images/menu-01.png");
}

#menuShirts.active {
  background-image: url("../images/menu-01-on.png");
}

#menuShirts.disabled {
  background-image: url("../images/menu-01-out.png");
}

#menuPants {
  background-image: url("../images/menu-02.png");
}

#menuPants.active {
  background-image: url("../images/menu-02-on.png");
}

#menuPants.disabled {
  background-image: url("../images/menu-02-out.png");
}

#menuSox {
  background-image: url("../images/menu-03.png");
}

#menuSox.active {
  background-image: url("../images/menu-03-on.png");
}
#menuSox.disabled {
  background-image: url("../images/menu-03-out.png");
}

#menuNumber {
  background-image: url("../images/menu-04.png");
}

#menuNumber.active {
  background-image: url("../images/menu-04-on.png");
}

#menuNumber.disabled {
  background-image: url("../images/menu-04-out.png");
}

#menuName {
  background-image: url("../images/menu-05.png");
}

#menuName.active {
  background-image: url("../images/menu-05-on.png");
}

#menuName.disabled {
  background-image: url("../images/menu-05-out.png");
}

#menuEmblem {
  background-image: url("../images/menu-06.png");
}

#menuEmblem.active {
  background-image: url("../images/menu-06-on.png");
}

#menuEmblem.disabled {
  background-image: url("../images/menu-06-out.png");
}

/* bottom-menu */
.bottom-menu {
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  width: 100%;
  height: 200px;
  position: fixed;
  bottom: -200px;
}

.bottom-menu.active {
  bottom: 47px;
}

.bottom-menu .btn-close{
  background-image: url("../images/btn-close01.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 41px;
  height: 30px;
  padding-left: 41px;
  padding-top: 30px;
}

.bottom-menu .pane {
  position: absolute;
  top: 30px;
  background-color: #000;
  width: 100%;
  height: 170px;
}


.bottom-menu .customize-table  {
  background-color: rgb(45,45,45);
}

ul.remarks {
}

ul.remarks li {
  list-style: none;
  text-indent: -1em;
}

ul.remarks li:before {
  content: "※ ";
  
}

.attention {
  color: #a00;
}

.customize-table th {
  border: 0;
  background-color: #000;
  color: #fff;
  padding: 2px;
}
.customize-table label.color-box{
  position: relative;
  top: 0;
  left: 0;
}

.customize-table .color-box input[type="radio"].box-radio{
  width: 22px;
  height: 22px;
  margin: 3px;
  background-color: #ccc;
  border: solid 2px #fff;
  bordre-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.customize-table label.color-box span{
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin: 7px;
  bordre-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

input[type="radio"].img-radio {
  -webkit-appearance: none;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.customize-table input[type="radio"].img-radio:checked {
}

.customize-table .color-box input[type="radio"].box-radio:checked {
  border-color: rgb(235,235,0);
  border-width: 2px;
}

/* uniform. */
.img-radio.shirts-type {
  width: 47px;
  height: 47px;
  background-size: 37px 29px;
}

.img-radio.shirts-type:checked {
  background-color: #000;
  
}

#shirtsType_shirts-s {
  background-image: url("../images/icon-uniform01.png");
}

#shirtsType_shirts-s:checked {
  background-image: url("../images/icon-uniform01-on.png");
}

#shirtsType_shirts-l {
  background-image: url("../images/icon-uniform02.png");
}

#shirtsType_shirts-l:checked {
  background-image: url("../images/icon-uniform02-on.png");
}

/* pants. */
.img-radio.pants-type {
  width: 47px;
  height: 47px;
  background-size: 33px 29px;
}

.img-radio.pants-type:checked {
  background-color: #000;
}

#pantsType_pants-l {
  background-image: url("../images/icon-pants01.png");
}

#pantsType_pants-l:checked {
  background-image: url("../images/icon-pants01-on.png");
}

#pantsType_pants-s {
  background-size: 30px 20px;
  background-image: url("../images/icon-pants02.png");
}

#pantsType_pants-s:checked {
  background-image: url("../images/icon-pants02-on.png");
}

/* number. */
.img-radio.number-on {
  width: 47px;
  height: 47px;
  background-size: 37px 29px;
}

.img-radio.number-on:checked {
  background-color: #000;
}

#numberOn_1 {
  background-image: url("../images/icon-uniform01.png");
}

#numberOn_1:checked {
  background-image: url("../images/icon-uniform01-on.png");
}

#numberOn_2 {
  background-image: url("../images/icon-uniform01b.png");
}

#numberOn_2:checked {
  background-image: url("../images/icon-uniform01b-on.png");
}

#numberOn_3 {
  background-image: url("../images/icon-pants01.png");
}

#numberOn_3:checked {
  background-image: url("../images/icon-pants01-on.png");
}

/* number position */
.img-radio.number-position, .img-radio.back-number-position, .img-radio.pants-number-position {
  width: 75px;
  height: 60px;
  background-size: 75px 60px;
}

.number-position.center /*#numberPositionOnFront_1*/ {
  background-image: url("../images/uniform-num01-1.png");
}

.number-position.center:checked /*#numberPositionOnFront_1:checked*/ {
  background-image: url("../images/uniform-num01-1-on.png");
}

.number-position.side /*#numberPositionOnFront_2*/ {
  background-image: url("../images/uniform-num01-2.png");
}

.number-position.side:checked /*#numberPositionOnFront_2:checked*/ {
  background-image: url("../images/uniform-num01-2-on.png");
}

.number-position.chest-left /*#numberPositionOnFront_3*/ {
  background-image: url("../images/uniform-num01-3.png");
}

.number-position.chest-left:checked /*#numberPositionOnFront_3:checked*/ {
  background-image: url("../images/uniform-num01-3-on.png");
}

.number-position.chest-right /*#numberPositionOnFront_4*/ {
  background-image: url("../images/uniform-num01-4.png");
  
}

.number-position.chest-right:checked /*#numberPositionOnFront_4:checked*/ {
  background-image: url("../images/uniform-num01-4-on.png");
  
}

.number-position.no-number /*#numberPositionOnFront_0*/ {
  background-image: url("../images/uniform-num01-5.png");
  
}

.number-position.no-number:checked /*#numberPositionOnFront_0:checked*/ {
  background-image: url("../images/uniform-num01-5-on.png");
  
}

.back-number-position.center /*#numberPositionOnBack_1*/{
  background-image: url("../images/uniform-num01b-1.png");
}

.back-number-position.center:checked /*#numberPositionOnBack_1:checked*/{
  background-image: url("../images/uniform-num01b-1-on.png");
}

.back-number-position.no-number/*#numberPositionOnBack_0*/{
  background-image: url("../images/uniform-num01b-2.png");
}

.back-number-position.no-number:checked /*#numberPositionOnBack_0:checked*/{
  background-image: url("../images/uniform-num01b-2-on.png");
}

.pants-number-position.thigh-right /*#numberPositionOnPants_1*/{
  background-image: url("../images/pants-num01-1.png");
}

.pants-number-position.thigh-right:checked /*#numberPositionOnPants_1:checked*/{
  background-image: url("../images/pants-num01-1-on.png");
}

.pants-number-position.thigh-left /*#numberPositionOnPants_2*/{
  background-image: url("../images/pants-num01-2.png");
}

.pants-number-position.thigh-left:checked /*#numberPositionOnPants_2:checked*/{
  background-image: url("../images/pants-num01-2-on.png");
}

.pants-number-position.no-number /*#numberPositionOnPants_0*/{
  background-image: url("../images/pants-num01-3.png");
}

.pants-number-position.no-number:checked /*#numberPositionOnPants_0:checked*/{
  background-image: url("../images/pants-num01-3-on.png");
}

/* number style */
.img-radio.number-style {
  position: relative;
  margin: 1px 1px;
  width: 60px;
  height: 44px;
  background-size: 80px 44px;
  background-color: #444;
}
.img-radio.number-style:checked {
  background-color: #a00;
}

#numberStyleOnFront_1 {
  background-image: url("../images/font-01.png");
}

#numberStyleOnFront_1:checked {
  background-image: url("../images/font-01-on.png");
}

#numberStyleOnFront_2 {
  background-image: url("../images/font-02.png");
}

#numberStyleOnFront_2:checked {
  background-image: url("../images/font-02-on.png");
}

#numberStyleOnFront_3 {
  background-image: url("../images/font-03.png");
  
}

#numberStyleOnFront_3:checked {
  background-image: url("../images/font-03-on.png");
}

#numberStyleOnFront_4 {
  background-image: url("../images/font-04.png");
}

#numberStyleOnFront_4:checked {
  background-image: url("../images/font-04-on.png");
}

#numberStyleOnFront_5 {
  background-image: url("../images/font-05.png");
}

#numberStyleOnFront_5:checked {
  background-image: url("../images/font-05-on.png");
}

#numberStyleOnFront_6 {
  background-image: url("../images/font-06.png");
}

#numberStyleOnFront_6:checked {
  background-image: url("../images/font-06-on.png");
}

#numberStyleOnBack_1 {
  background-image: url("../images/font-01.png");
}

#numberStyleOnBack_1:checked {
  background-image: url("../images/font-01-on.png");
}

#numberStyleOnBack_2 {
  background-image: url("../images/font-02.png");
}

#numberStyleOnBack_2:checked {
  background-image: url("../images/font-02-on.png");
}

#numberStyleOnBack_3 {
  background-image: url("../images/font-03.png");
}

#numberStyleOnBack_3:checked {
  background-image: url("../images/font-03-on.png");
}

#numberStyleOnBack_4 {
  background-image: url("../images/font-04.png");
}

#numberStyleOnBack_4:checked {
  background-image: url("../images/font-04-on.png");
}

#numberStyleOnBack_5 {
  background-image: url("../images/font-05.png");
}

#numberStyleOnBack_5:checked {
  background-image: url("../images/font-05-on.png");
}

#numberStyleOnBack_6 {
  background-image: url("../images/font-06.png");
}

#numberStyleOnBack_6:checked {
  background-image: url("../images/font-06-on.png");
}

#numberStyleOnPants_1 {
  background-image: url("../images/font-01.png");
}

#numberStyleOnPants_1:checked {
  background-image: url("../images/font-01-on.png");
}

#numberStyleOnPants_2 {
  background-image: url("../images/font-02.png");
}

#numberStyleOnPants_2:checked {
  background-image: url("../images/font-02-on.png");
}

#numberStyleOnPants_3 {
  background-image: url("../images/font-03.png");
}

#numberStyleOnPants_3:checked {
  background-image: url("../images/font-03-on.png");
}

#numberStyleOnPants_4 {
  background-image: url("../images/font-04.png");
}

#numberStyleOnPants_4:checked {
  background-image: url("../images/font-04-on.png");
}

#numberStyleOnPants_5 {
  background-image: url("../images/font-05.png");
}

#numberStyleOnPants_5:checked {
  background-image: url("../images/font-05-on.png");
}

#numberStyleOnPants_6 {
  background-image: url("../images/font-06.png");
}

#numberStyleOnPants_6:checked {
  background-image: url("../images/font-06-on.png");
}

/* name */
.img-radio.name-on {
  width: 47px;
  height: 47px;
  background-size: 37px 29px;
}

.img-radio.name-on:checked {
  background-color: #000;
}

#nameOn_1 {
  background-image: url("../images/icon-uniform01.png");
}

#nameOn_1:checked {
  background-image: url("../images/icon-uniform01-on.png");
}

#nameOn_2 {
  background-image: url("../images/icon-uniform01b.png");
}

#nameOn_2:checked {
  background-image: url("../images/icon-uniform01b-on.png");
}

/* name position */
.img-radio.name-position, .img-radio.back-name-position {
  width: 75px;
  height: 60px;
  background-size: 75px 60px;
}


.name-position.center {
  background-image: url("../images/uniform-logo01-1.png");
}
.name-position.center:checked {
  background-image: url("../images/uniform-logo01-1-on.png");
}

/*
   #namePositionOnFront_1 {
   background-image: url("../images/uniform-logo01-1.png");
   }

   #namePositionOnFront_1:checked {
   background-image: url("../images/uniform-logo01-1-on.png");
   }
 */
.name-position.no-logo {
  background-image: url("../images/uniform-logo01-2.png");
}

.name-position.no-logo:checked {
  background-image: url("../images/uniform-logo01-2-on.png");
}
/*
   #namePositionOnFront_0 {
   background-image: url("../images/uniform-logo01-2.png");
   }

   #namePositionOnFront_0:checked {
   background-image: url("../images/uniform-logo01-2-on.png");
   }
 */
.back-name-position.back-up /*#namePositionOnBack_1*/ {
  background-image: url("../images/uniform-name01b-1.png");
}

.back-name-position.back-up:checked /*#namePositionOnBack_1:checked*/ {
  background-image: url("../images/uniform-name01b-1-on.png");
}

.back-name-position.back-down /*#namePositionOnBack_2*/ {
  background-image: url("../images/uniform-name01b-2.png");
}

.back-name-position.back-down:checked /*#namePositionOnBack_2:checked*/ {
  background-image: url("../images/uniform-name01b-2-on.png");
}

.back-name-position.no-logo /*#namePositionOnBack_0*/ {
  background-image: url("../images/uniform-name01b-3.png");
}

.back-name-position.no-logo:checked /*#namePositionOnBack_0:checked*/ {
  background-image: url("../images/uniform-name01b-3-on.png");
}

/* name style */
.img-radio.name-style {
  position: relative;
  margin: 1px auto;
  width: 120px;
  height: 44px;
  background-size: 120px 44px;
  background-color: #444;
}
.img-radio.name-style:checked {
  background-color: #a00;
}

#nameStyleOnFront_1 {
  background-image: url("../images/logo-font-01.png");
}

#nameStyleOnFront_1:checked {
  background-image: url("../images/logo-font-01-on.png");
}

#nameStyleOnFront_2 {
  background-image: url("../images/logo-font-02.png");
}

#nameStyleOnFront_2:checked {
  background-image: url("../images/logo-font-02-on.png");
}

#nameStyleOnBack_1 {
  background-image: url("../images/logo-font-01.png");
  
}

#nameStyleOnBack_1:checked {
  background-image: url("../images/logo-font-01-on.png");
}

#nameStyleOnBack_2 {
  background-image: url("../images/logo-font-02.png");
}

#nameStyleOnBack_2:checked {
  background-image: url("../images/logo-font-02-on.png");
}

/* name pattern */
.img-radio.name-pattern {
  position: relative;
  width: 120px;
  height: 40px;
  background-size: 120px 40px;
  background-color: #444;
}
.img-radio.name-pattern:checked{
  background-color: #a00;
}

#namePatternOnFront_1 {
  background-image: url("../images/pattern01.png");
}

#namePatternOnFront_1:checked {
  background-image: url("../images/pattern01-on.png");
}

#namePatternOnFront_2 {
  background-image: url("../images/pattern02.png");
}

#namePatternOnFront_2:checked {
  background-image: url("../images/pattern02-on.png");
}

#namePatternOnFront_3 {
  background-image: url("../images/pattern03.png");
}

#namePatternOnFront_3:checked {
  background-image: url("../images/pattern03-on.png");
}

#namePatternOnBack_1 {
  background-image: url("../images/pattern01.png");
}

#namePatternOnBack_1:checked {
  background-image: url("../images/pattern01-on.png");
}

#namePatternOnBack_2 {
  background-image: url("../images/pattern02.png");
}

#namePatternOnBack_2:checked {
  background-image: url("../images/pattern02-on.png");
}

#namePatternOnBack_3 {
  background-image: url("../images/pattern03.png");
}

#namePatternOnBack_3:checked {
  background-image: url("../images/pattern03-on.png");
}

/* emblem position */
.img-radio.emblem-position {
  width: 75px;
  height: 60px;
  background-size: 75px 60px;
}

.emblem-position.chest-left /*#emblemPosition_1*/ {
  background-image: url("../images/uniform-emb01-1.png");
}

.emblem-position.chest-left:checked /*#emblemPosition_1:checked*/ {
  background-image: url("../images/uniform-emb01-1-on.png");
}

.emblem-position.chest-right/*#emblemPosition_2*/ {
  background-image: url("../images/uniform-emb01-2.png");
}

.emblem-position.chest-right:checked /*#emblemPosition_2:checked*/ {
  background-image: url("../images/uniform-emb01-2-on.png");
}

.emblem-position.no-emblem/*#emblemPosition_0*/ {
  background-image: url("../images/uniform-emb01-3.png");
}

.emblem-position.no-emblem:checked /*#emblemPosition_0:checked*/ {
  background-image: url("../images/uniform-emb01-3-on.png");
}

/* emblem design */
.img-radio.emblem-design {
  position: relative;
  width: 44px;
  height: 44px;
  background-size: 44px 44px;
  background-color: #444;
}
.img-radio.emblem-design:checked{
  background-color: #a00;
}

#emblemDesign_1 {
  background-image: url("../images/emblem-01.png");
}

#emblemDesign_1:checked {
  background-image: url("../images/emblem-01-on.png");
}

#emblemDesign_2 {
  background-image: url("../images/emblem-02.png");
}

#emblemDesign_2:checked {
  background-image: url("../images/emblem-02-on.png");
}

#emblemDesign_3 {
  background-image: url("../images/emblem-03.png");
}

#emblemDesign_3:checked {
  background-image: url("../images/emblem-03-on.png");
}

#emblemDesign_4 {
  background-image: url("../images/emblem-04.png");
}

#emblemDesign_4:checked {
  background-image: url("../images/emblem-04-on.png");
}

#emblemDesign_5 {
  background-image: url("../images/emblem-05.png");
}

#emblemDesign_5:checked {
  background-image: url("../images/emblem-05-on.png");
}

#emblemDesign_6 {
  background-image: url("../images/emblem-06.png");
}

#emblemDesign_6:checked {
  background-image: url("../images/emblem-06-on.png");
}

/* emblem print */
.img-radio.emblem-print {
  width: 69px;
  height: 69px;
  background-size: 69px 69px;
}

.emblem-print.embroidery/*#emblemPrint_1*/ {
  background-image: url("../images/emblem-print01.png");
}

.emblem-print.embroidery:checked /*#emblemPrint_1:checked*/ {
  background-image: url("../images/emblem-print01-on.png");
}

.emblem-print.inkjet /*#emblemPrint_2*/ {
  background-image: url("../images/emblem-print02.png");
}

.emblem-print.inkjet:checked /*#emblemPrint_2:checked*/ {
  background-image: url("../images/emblem-print02-on.png");
}

/* switch block. */
.switch-block {
  display: none;
}

.switch-block.active {
  display: block;
}


.bottom-menu .pane .form-type-switch {
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
  height: 170px;
  background-color: #979797;
  border-right: solid 2px rgb(45,45,45);
}

/* ----- http://codepen.io/skwbr/pen/QjaBLV ----- */

.nav-horizontal {
  /*background-color: #979797;*/
  overflow: hidden;
  height: 170px;
  width: 100%;
}

.nav-horizontal .mask {
  height: 200px;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.nav-horizontal .list {
  display: inline-table;
  margin: 0 auto;
  max-width: 100%;
}

.nav-horizontal .list li {
  display: table-cell;
}

.nav-horizontal .list a {
  display: block;
  padding: 0 1em;
  text-decoration: none;
  color: #333;
  height: 3em;
  line-height: 3;
}

.nav-horizontal .list a:hover {
  border-bottom: 2px solid black;
  background-color: #666666;
}


.cell {
  height: 170px; margin: 1px;
}
.fixed-width-cell {
  width: 150px; height: 170px; margin: 1px;
}

.cell .cell-header, .fixed-width-cell .cell-header {
  color: #fff; background-color: #000; text-align: center;
}

.cell .cell-body, .fixed-width-cell .cell-body  {

}

.customize-table .list .customize-block {
  position: relative;
  height: 170px;
  margin: 1px;
  margin-top: 0px;
  background-color: #666666;
  
}

.customize-table .list .customize-block .customize-header {
  color: #fff;
  background-color: #000;
  text-align: center;
}

.customize-table .list .customize-block .customize-body {
  background-color: #979797;
  padding: 2px;
  /*height: 100%;*/
  height: 150px;
}

/* carousel control overwrite */
.carousel-control.right {
  background-image: none;
}
.carousel-control.left {
  background-image: none;
}

.carousel-control .arrow {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  display: block;
  box-sizing: obrder-box;
  line-height: 28px;
  background-repeat: no-repeat;
  background-size: 56px 28px;
  width: 56px;
  height: 28px;
  padding: 14px 28px;
}

.carousel-control.left .arrow {
  left: 50%;
  margin-left: -14px;
  background-image: url("../images/arrow-left.png");
}

.carousel-control.right .arrow {
  right: 50%;
  margin-right: -14px;
  background-image: url("../images/arrow-right.png");
}

/* */
.register-user {
  background-image: url("../images/icon-user.png");
  background-repeat: no-repeat;
  background-size: 27px 27px;
  padding-left: 30px;
  line-height: 27px;
}

.login-facebook {
  background-image: url("../images/icon-fb.png");
  background-repeat: no-repeat;
  background-size: 27px 27px;
  padding-left: 30px;
  line-height: 27px;
}

.login-twitter {
  background-image: url("../images/icon-tw.png");
  background-repeat: no-repeat;
  background-size: 27px 27px;
  padding-left: 30px;
  line-height: 27px;
}


#preview {
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  position: relative;
}
#preview-contents {position: relative; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#modalSave .modal-content .modal-body {
  background: linear-gradient(90deg, rgb(77,77,77), rgb(0,0,0));
}

#preview .svg-shirts, #preview .svg-pants, #preview .svg-sox{
  display: none;
}
#preview.shirts .svg-default, #preview.pants .svg-default, #preview.sox .svg-default{
  display: none;
}

#preview.shirts .svg-shirts, #preview.pants .svg-pants, #preview.sox .svg-sox{
  display: block;
}

/* brand logo. */
.logo{
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

.logo.adidas {
  background-image: url("../images/logo_adidas.png");
}

.logo.asics {
  background-image: url("../images/logo_asics.png");
}

.logo.athleta {
  background-image: url("../images/logo_athleta.png");
}

.logo.diadora {
  background-image: url("../images/logo_diadora.png");
}

.logo.gavic {
  background-image: url("../images/logo_gavic.png");
}

.logo.gol {
  background-image: url("../images/logo_gol.png");
}

.logo.hummel {
  background-image: url("../images/logo_hummel.png");
}

.logo.kappa {
  background-image: url("../images/logo_kappa.png");
}

.logo.kelme {
  background-image: url("../images/logo_kelme.png");
}

.logo.nike {
  background-image: url("../images/logo_nike.png");
}

.logo.original {
  background-image: url("../images/logo_original.png");
}

.logo.penalty {
  background-image: url("../images/logo_penalty.png");
}

.logo.puma {
  background-image: url("../images/logo_puma.png");
}

.logo.sfida {
  background-image: url("../images/logo_sfida.png");
}

.logo.soccer-junky {
  background-image: url("../images/logo_soccerjunky.png");
}

.logo.spazio {
  background-image: url("../images/logo_spazio.png");
}

.logo.svolme {
  background-image: url("../images/logo_svolme.png");
}

.logo.umbro {
  background-image: url("../images/logo_umbro.png");
}

.logo.underarmour {
  background-image: url("../images/logo_underarmour.png");
}

/* field error messages. */
form .ng-active .alert {
  margin-top: 3px;
  padding: 5px 15px;
}