// Indicator information popup #dashboard-report{} .dashboard-report{ width: 625px; .input-line{ input[type="checkbox"]{ float: left; } .input-text{ float: left; margin-left: 10px; } } .save-as{ font-size: 11px; padding: 15px 22px; .save-as-text{ float: left; margin-top: 8px; } input[type="text"]{ float: left; margin-left: 15px; font-size: 11px; color: #666666; padding: 6px 9px; width: 215px; font-style: italic; } } .spacer35{ height: 35px; } .include-option{ margin: 35px 0 25px; .report-text{ margin: 8px 0; font-size: 11px; } select{ float: left; margin-left: 15px; font-size: 11px; color: #000; padding: 6px 9px; width: 175px; height:27px; line-height:27px; } .available-section{ float: left; width: 45%; } .center-arrows{ float: left; width: 10%; margin-top: 75px; .right-side-arrow{ background-image: url("../img/sprite.svg"); width: 35px; height: 50px; background-position: -84px -1px; cursor: pointer; margin: 1px auto; transition:0.3s ease 0s; -moz-transition:0.3s ease 0s; -webkit-transition:0.3s ease 0s; &:hover{ background-position: -84px -52px; } } .left-side-arrow{ background-image: url("../img/sprite.svg"); width: 35px; height: 50px; background-position: -41px -1px; cursor: pointer; margin: 1px auto; transition:0.3s ease 0s; -moz-transition:0.3s ease 0s; -webkit-transition:0.3s ease 0s; &:hover{ background-position: -41px -52px; } } } .include-section{ float: left; width: 45%; } .select-all-set{ margin: 10px 0; input[type="checkbox"]{ float: left; } .select-all-text{ float: left; font-size: 11px; color: #000; margin: 0 5px; } } } .report-option{ margin: 35px 0 25px; .report-text{ float: left; margin-top: 8px; font-size: 11px; } select{ float: left; margin-left: 15px; font-size: 11px; color: #000; padding: 6px 9px; width: 175px; height:27px; line-height:27px; } } } @media screen and (max-width:$mobile-landscape){ .dashboard-report{ width:450px; } }