@import "./variables.less";
.sw5e.sheet.item {
  min-height: 660px;
  min-width: 680px;

  /* ----------------------------------------- */
  /*  Sheet Header                             */
  /* ----------------------------------------- */

  .sheet-header {
    img.profile {
      border: 2px solid #000;
    }
    h1 {
    	input {
    		font-size: 26px;
    	}
    }
    .header-details.flexrow {
      h1 {
        font-size: 26px;
      }
      .charname {
      	font-size: 26px;
      }
    }
    .item-subtitle {
      flex: 0 0 80px;
      height: 60px;
      margin: 0;
      padding: 5px;
      text-align: right;
      color: @colorTan;

      .item-type {
        font-size: 20px;
        line-height: 24px;
        margin: 0;
      }

      .item-status {
        font-size: 16px;
        line-height: 24px;
      }
      
      .summary {
        li {
      	  font-size: 16px;
        }      	
      }
      
    }
  }

  .sheet-navigation {
    margin-bottom: 5px;
    .item {
      font-size: 16px;
    }
  }

  .sheet-body {
    overflow: hidden;
    
    h1 {
    	font-family: 'Russo One';
    	font-size: 20px;
    	font-weight: 400;
    	text-transform: uppercase;
    	letter-spacing: 0.5px;
    	border-bottom: none;
    	color: #c40f0f;
    }
    
    h2 {
		  font-family: 'Russo One';
		  font-size: 18px;
		  font-weight: 400;
		  text-transform: uppercase;
		  letter-spacing: 0.5px;
		  border-bottom: 2px solid rgb(13, 153, 204);
		  color: #c40f0f;
	  }
	  
	  h3 {
	  	font-family: 'Russo One';
	  	font-size: 16px;
	  	font-weight: 400;
	  	text-transform: uppercase;
	  	letter-spacing: 0.5px;
	  	border-bottom: none;
	  	color: #c40f0f;
	  }
	  .smalltable {
	  	table {
	  		border-top: none;
	  		border-bottom: none;
	  		width: 200px;
	  	}
			td {
				&:nth-child(odd) {
					width: 50px;
					margin: 0.5em 0.5em;
					text-align: center;
				}
				&:nth-child(even) {
					width: 150px;
					margin: 0.5em 0.5em;
					padding: 0 10px 0 10px;
					text-align: left;
				}
			}
			thead {
				border-bottom: 0;
			}
			th {
				color: #000000;
				text-shadow: none;
				border-bottom: 0;
				background-color: #bdc8cc;
				text-transform: none;
				font-weight: bold;
				font-family: 'Open Sans';
				&:nth-child(odd) {
					width: 50px;
					margin: 0.5em 0.5em;
					text-align: center;					
				}
				&:nth-child(even) {
					width: 150px;
					margin: 0.5em 0.5em;
					padding: 0 10px 0 10px;
					text-align: left;
				}
			}
		}
		.medtable {
			table {
				width: 500px;
				border: 0;
				margin: 0.5em 0.5em;
			}
			td {
				&:nth-child(odd) {
					width: 50px;
					margin: 0.5em 0.5em;
					text-align: center;
				}
				&:nth-child(even) {
					width: 450px;
					margin: 0.5em 0.5em;
					padding: 0 10px 0 0;
					text-align: left;
				}
			}
			thead {
				border-bottom: 0;
			}
			th {
				color: #000000;
				text-shadow: none;
				border-bottom: 0;
				background-color: #bdc8cc;
				text-transform: none;
				font-weight: bold;
				font-family: 'Open Sans';
				&:nth-child(odd) {
					text-align: center;
				}
				&:nth-child(even) {
					text-align: left;
				}
			}
		}
		.classtable {
			blockquote {
				border-left: 0;
				border-right: 0;
				background-color: #bdc8cc;
				width: 600px;
				h3 {
					color: #000000;
					text-transform: uppercase;
					font-family: 'Russo One'; 
					font-size: 16px;
				}
			}
			table {
				width: 100%;
				border-collapse: collapse;
				background: rgba(0, 0, 0, 0.05);
				border-left: 0;
				border-right: 0;
				border-top: 0;
				border-bottom: 0;
				margin: 0.5em 0;
				font-style: normal;
				text-shadow: none;
			}
			thead {
				color: #000000;
				text-shadow: none;
				border-bottom: 0;
				background-color: #bdc8cc;
				text-transform: none;
				font-style: normal;
				font-family: 'Open Sans';
			}
			th {
				color: #000000;
				text-shadow: none;
				border-bottom: 0;
				background-color: #bdc8cc;
				text-transform: none;
				font-style: normal;
				font-weight: bold;
				font-family: 'Open Sans';
			}
			tbody {
				text-align: center;
			}
		}
		.speciestable {
			blockquote {
				width: 620px;
				padding: 15px 10px;
				margin: 15px;
				line-height: 20px;
				background-color: #bdc8cc;
				border-top: 2px solid #0d99cc !important;
				border-bottom: 2px solid #0d99cc !important;
				border-left: 0 !important;
				border-right: 0 !important;
				-webkit-box-shadow: 0 0 1.5em rgba(13, 153, 204, .5) !important;
				box-shadow: 0 0 1.5em rgba(13, 153, 204, .5) !important;
				overflow-x: auto;
				h3 {
					color: #000000;
					font-size: 22px;
					border-bottom: none;
				}
			}
			table {
				background-color: #bdc8cc;
				border-collapse: collapse;
				width: 100%;
				line-height: 18px;
				margin-bottom: 15px;
				border: 0;
				border-bottom: none;
				overflow-x: auto;
				tbody {
					tr {
						&:nth-child(odd) {
							background-color: #c9d6db;
						}
						&:nth-child(even) {
							background-color: #bdc8cc;
						}
					}
				}
				td {
					&:nth-child(1) {
						padding-right: 5px;
						width: 100px;
						font-style: italic;
						font-weight: 800;
					}
				}
				h3 {
					font-family: 'Russo One';
					color: #000000;
					font-size: 15px;
					text-transform: uppercase;
				}
				thead {
					font-style: normal;
					font-size: 18px;
					background-color: #bdc8cc;
					text-shadow: none;
					text-align: left;
					line-height: 20px;
					border-top: 5px solid #0d99cc;
					border-bottom: 0;
				}
			}
		}
		.icon {
			&:before {
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
			}
		}
		a.entity-link {
			background: #DDD;
			padding: 1px 4px;
			border: 1px solid #4b4a44;
			border-radius: 2px;
			white-space: nowrap;
			word-break: break-all;
			i {
				&::before {
					content: url("ui/jedi-order.svg") !important;
					display: inline-block;
					position: relative;
					top: 2px;
					height: 15px;
					width: 15px;
				}
			}
		}
		#species-description {
			h2 {
				font-family: 'Russo One';
				font-size: 20px;
				font-weight: 400;
				letter-spacing: 0.5px;
				border-bottom: 2px solid rgb(13, 153, 204);
				color: #c40f0f;
			}
		}
		#Traits {
			h2 {
				font-family: 'Russo One';
				font-size: 20px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				border-bottom: 2px solid rgb(13, 153, 204);
				color: #c40f0f;
			}
		}
	  
    .tab {
      padding: 0 5px;
      overflow: hidden auto;
    }

    .item-properties {
      flex: 0 0 120px;
      margin: 5px 5px 5px 0;
      padding-right: 5px;
      border-right: @borderGroove;

      .form-group {
        margin: 0;
        label {
          line-height: 20px;
        }
        input {
          text-align: right;
        }
      }

      .properties-list {
        list-style: none;
        margin: 0;
        padding: 0;

        li {
          margin: 3px 0;
          padding: 0 2px;
          background: rgba(0, 0, 0, 0.05);
          border: @borderGroove;
          text-align: center;
          font-size: 12px;
          line-height: 18px;
        }
      }
    }
  }

  /* ----------------------------------------- */
  /*  Item Details Form                        */
  /* ----------------------------------------- */

  .details {

    // Item Sheet form fields
    input[type="text"],
    input[type="number"],
    select {
      height: 24px;
      border: 1px solid @colorTan;
      background: rgba(0, 0, 0, 0.05);
    }

    .form-group {
      span {
        text-align: center;
        line-height: 24px;
      }
    }

    .form-group.input-select {
      select {
        flex: 1.8;
      }
    }

    .form-group.input-select-select {
      select {
        flex: 1.5;
      }
    }

    .form-group.uses-per {
      .form-fields {
        flex-wrap: nowrap;
      }
      input {
        flex: 0 0 32px;
      }
      span {
        flex: 0 0 16px;
        margin: 0 4px 0 0;
      }
    }
    span.sep {
      flex: 0 0 8px;
    }

    .prepared {
      flex: 1.3 !important;
      text-align: right;
      padding-right: 10px;
    }

    // Power Materials
    .power-materials {
      flex: 0 0 100%;
      margin: 0.25em 0;
      justify-content: flex-end;
      label {
        flex: 0 0 64px;
        text-align: right;
        margin-right: 5px;
        font-size: 12px;
        line-height: 24px;
      }
      input[type="text"] {
        flex: 0 0 48px;
        margin-right: 10px;
      }
    }
  }

  /* ----------------------------------------- */
  /*  Item Actions                             */
  /* ----------------------------------------- */

  h4.damage-header {
    margin: 0;
    padding: 0;
    font-weight: bold;
    line-height: 24px;
    color: @colorOlive;
  }

  .damage-parts {
    list-style: none;
    margin: 0;
    padding: 0;

    .damage-part {
      flex: 0 0 100%;
      padding: 0;
      input {
        flex: 3;
      }
      select {
        margin-left: 5px;
        flex: 1;
      }
    }
  }

  .damage-control {
    width: 18px;
    flex: 0 0 18px;
    line-height: 24px;
    float: right;
    text-align: right;
    color: @colorTan;
  }
 
  .recharge.form-group {
    span {
      text-align: right;
      padding-right: 3px;
    }
    input[type="text"] {
      flex: 0 0 32px;
      text-align: center;
    }
    label.checkbox {
      flex: none;
      input {
        width: 16px;
        height: 16px;
        top: 4px;
      }
    }
  }
 
  /* ----------------------------------------- */
  /*  Item Actions                             */
  /* ----------------------------------------- */

  .weapon-properties label.checkbox {
    flex: 0 0 98px;
  }

  /* ----------------------------------------- */
  /*  Loot Sheet (No Tabs)                     */
  /* ----------------------------------------- */

  .loot-header {
    margin-bottom: 10px;
  }
}