// Create presentation #create-presentation{ width: 900px; .presentation-inputs{ width:250px; float:left; font-size:12px; margin-right:30px; .input-text{ margin: 5px 0; } input[type="text"]{ font-size: 11px; color: #666666; padding: 6px 9px; width: 99%; font-style: italic; } } .input-line{ margin:10px 0 20px; input[type="checkbox"]{ float: left; } .input-text { float: left; margin-left: 10px; } } .accordian-arrow{ border-right: 1px solid; padding: 6px; margin-right: 10px; } .indicator-detail{ margin-bottom:10px; thead{ tr:nth-of-type(1){ background:#1c81c7; color:#FFF; text-transform: uppercase; } td{ padding:3px; .info-white{ background-image: url("../images/sprite.svg"); background-repeat: no-repeat; background-position: -139px -22px; height: 16px; width: 16px; display: inline-block; top: 2px; position: relative; } &:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4), &:nth-of-type(5){ text-align:right; } } } tbody{ td{ height: 25px; vertical-align: middle; padding: 0 3px; font-size:12px; color:#000; &:nth-of-type(1){ background-color: rgba(216, 216, 216, 0.8); } &:nth-of-type(2){ background-color: rgba(229, 229, 229, 0.6); } &.indi-icon-default{ background-color: rgba(216, 216, 216, 0.8); background-image: url("../images/sprite.svg"); background-repeat: no-repeat; text-align: center; width: 24px; background-position: -135px 2px; } &.indi-icon-yoy-per{ background-color: rgba(216, 216, 216, 0.8); background-image: url("../images/sprite.svg"); background-repeat: no-repeat; text-align: center; background-position: -163px 2px; width:24px; } &.indi-icon-yoy{ background-color: rgba(216, 216, 216, 0.8); background-image: url("../images/sprite.svg"); background-repeat: no-repeat; text-align: center; background-position: -190px 2px; width:24px; } &.indi-icon-mom-per{ background-color: rgba(216, 216, 216, 0.8); background-image: url("../images/sprite.svg"); background-repeat: no-repeat; text-align: center; background-position: -218px 2px; width:24px; } &.indi-icon-mom{ background-color: rgba(216, 216, 216, 0.8); background-image: url("../images/sprite.svg"); background-repeat: no-repeat; text-align: center; background-position: -245px 2px; width:24px; } &.icon-seasonal { width: 17px; text-align: center; img{ width: 95%; } } select{ width:70%; float:right; height:17px; font-size:11px; } } tr{ &:nth-of-type(odd) { background-color: #ededed; } &:last-child{ background:#898989; } .show-input{ input[type="checkbox"]{ float:left; } .show-text{ float:left; font-size:12px; color:#FFF; font-style:italic; margin-left:5px; } } } } } #accordion{ margin-bottom:30px; } }