/* CSS Document */ @media only screen and (max-width: 1366px) { body {} /* background-color:orange; */ .notification-topper .notification-topper-data .notification-topper-data-description, .notification-topper-2 .notification-topper-data .notification-topper-data-description {font-size:14px;} #summaryBlockNewActivities, #summaryBlockDeletedActivities, #summaryBlockEditedActivities {min-height:4.5em;} #newActivity #popup-centerpoint #adding-popup{min-height:60%; margin-bottom:5em;} /* cheats for now */ #pane1-actionsx {margin-top:2.5em;} #pane2-actionsx {margin-top:3.65em;} #pane3-actionsx {margin-top:4.5em;} /* New Activity Wizard - Pane 3 */ #type-overview, #activity-overview{clear:both; width:100%;} #type-overview-data, #activity-overview-data {padding-bottom:0.5em;} #activity-overview-data {padding-bottom:2.5em;} #type-overview-data h2, #activity-overview-data h2 {font-size:1.5em; line-height: 1.2;} #pane3-notes-textarea {height:18.4em;} } @media only screen and (max-width: 1280px) { body {} #newActivity #popup-centerpoint {top:2.5em;} /* cheats for now */ #pane2-actionsx {margin-top:2.9em;} #pane3-actionsx {margin-top:3.8em;} } /* ------------------------------------ iPad - (Landscape) ------------------------------------ */ @media only screen and (max-width: 1120px) { body {} /* background-color:orange; */ h2{font-size:1.7em; line-height: 1.2;} .lg-res {display:none;} .sm-res {display:inline;} /* Dashboard */ #header #percenatge-calculator {position:absolute; right:0%; top:1em; padding:0%;} /* left:60%; width:37.7%; */ #header #percenatge-calculator #circle-graphic {float:left; width:35%; font-size:0px;} #header #percenatge-calculator #circle-graphic-desc {display:none;} #calculated-hours, #unstructured-hours, #remaining-hours {width:33%; min-height:3.5em;} .activity-header-col-data {padding: 0.1em 0em 0.1em 2.2em;} .activity-header .activity-header-col {float:left; width:24%; min-width:24%; display:table-cell; vertical-align:center;} .activity-header-col#date, .activity-header-col#name{width:auto; float:left; min-width:auto;} /* Header items text size */ .activity-header-col#date, .activity-header-col#name, .activity-header-col#calculated_hours {padding-top:0.3em; font-size:14px;} .calculated_hours_amount {margin-top:-0.4em;} .activity-header-col#name .activity-header-col-data {padding-left:0.5em;} .activity-header-col#name .activity-header-col-data span::before {content: "- ";} /* .activity-header-col#name .activity-header-col-data span::after {content: ") ";} */ .group-statusHours{float:right; width:40%;} .activity-header-col#status {width:48%; float:left; min-width:24%;} .activity-header-col#status .activity-header-col-data {padding: 0.1em 0em 0.1em 1em;} .activity-header-col#calculated_hours {width:48%; float:left; min-width:24%;} .activity-header-col#calculated_hours .activity-header-col-data {padding: 0.1em 1em 0.1em 1em;} .calculated_hours_amount {min-width:1.5em; display:inline-block;} .activity-body-data {width:100%; font-size:14px;} .activity-body-col {width:50%;} .activity-body-col#col1 {} .activity-body-col#col2 {clear:both; margin:0em;} .activity-body-col#col3 {position:absolute; float:none; right:0em; padding:0em 0em 0em 0em;} .activity-body-col-group {padding-right:2.2em;} .activity-body-col#col4 {} .activity-body-col#col4 .activity-body-col-data .file-items {clear:left; margin-bottom:-0.3em;} .activity-body-col#col4 .activity-body-col-data .file-upload-action {clear:left;} .activity-type-action-edit {clear:right; float:right; width:65%;} .activity-type-action-remove {clear:right; float:right; width:65%;} /* New Activity Wizard */ #newActivity {top:0px; left:0px; width:100%; min-height:100%; position: absolute; z-index:5; background: rgba(255, 255, 255, 0.8);} #newActivity #popup-centerpoint {width:86%; left:7%; position: relative; height:100%; background: rgba(255, 255, 255, 0.1)} #newActivity #popup-centerpoint #adding-popup{overflow:hidden; min-height:70%; height:auto; margin-bottom:5em; background-color:#8aa8da;} #activity-wizard {width:100%; margin:0 auto;} /* Global Activity Wizard */ #pane1-data, #pane2-data , #pane3-data {position:relative; left:5%; width:90%; margin:0 auto; display:inline-block;} #pane1-actionsx, #pane2-actionsx, #pane3-actionsx {clear:both; margin-top:3em; display:block; width:100%; position:relative; bottom:auto; left:auto; top:0em;} /* New Activity Wizard - Pane 1 */ .activityCategory {width:95%; padding:1em 0em 1em 1em;} .activityTypes {width:97%;} .activityTypeSelect{min-height: 47px; display:inline-block;} /* New Activity Wizard - Pane 2 */ #date-picker {width:90%;} #pane2-options {width: 50%;} #pane2-field-list #date-data {min-width:88.2%; width:88.2%; max-width:88.2%;} #pane2-field-list {width: 50%;} #pane2-field-list-data {padding-right:12%;} .form-label {display:block; width:90%} .form-input {display:block; float:left; width:100%; margin:0em 0em 0.5em 1.7em;} .form-input .file {margin-left:0em; margin-bottom:-1em; position:relative; top:-0.5em; left:-1em; } #pane2-field-list #date-data, #pane2-field-list #calculatedHours-data {clear:both; margin-top:0.2em;} #pane2-field-list #date, #pane2-field-list #calculatedHours {margin-bottom:0.4em;} #pane2-field-list #date, #pane2-field-list #calculatedHours {height:100%;} #form-key {float:right;} #hours-capped-notice {max-width: 95%; margin-top:0.5em; padding-left: 0em;} #calculatedHours-disclaimer {float:right; width:50%;} /* New Activity Wizard - Pane 3 */ #pane3-options {width: 60%;} #activity-overview-data {width:99%;} a.btn-downloadAttachmentb {width:2em; background-position: center top;} a.btn-deleteAttachmentb {margin-left:1px; width:2em; background-position: center top; } #pane3-options-data table, #attachments, #attachments-disclaimer, #visibility, #visibility-disclaimer {width:92%;} #pane3-options-data table {padding-bottom:0em; margin-bottom:0em; } #attachments-disclaimer {margin-bottom:1em;} /* Attachments Panels */ #attachmentsPanel #popup-centerpoint {left:20%; width:60%;} #quickAttachmentPanel #popup-centerpoint{top:13%; min-height:65%;} /* Help Panel */ #helpPanel #popup-centerpoint {min-height:55%; width:86%; left:7%;} #feedback {clear:both; float:left; width:100%; margin-bottom:2em;} #help-data-list {clear:both; float:left; width:100%;} .help-data-item {width:100%;} #feedback-textarea {width:95%; height:8em;} #feedback-btnSubmit {width:96%;} /* Errors */ #error-popup-centerpoint, #review-popup-centerpoint{left: 35%;} #error-popup, #review-popup{width:60%;} } /* ------------------------------------ iPad - (Portrait) ------------------------------------ */ @media only screen and (max-width: 960px) { body {} /* background-color:purple; */ h2{font-size:1.5em; line-height: 1.2;} /* Dashboard */ #calculated-hours, #unstructured-hours, #remaining-hours {min-height:4em;} #organizations-list {display:block;} .activity-header-col#status {text-align:center;} .activity-header-col#status .sm-res {display:none;} .activity-header-col#status {width:30%;} .activity-header-col#calculated_hours {width:66%;} /* Notes */ #notesPanel #popup-centerpoint{ height:50%; min-height:50%; top:15%; left:15%; width:70%; } .notes-popup-topper{width:70%;} /* New Activity Wizard */ #newActivity #popup-centerpoint #adding-popup {margin-bottom:12em;} /*tooltips*/ .help-area{min-width:90%; max-width:90%;} .tooltip {max-width:100%;} /* New Activity Wizard - Pane 1 */ .activityTypeSelect{width:27%; min-height: 35px;} /* New Activity Wizard - Pane 2 */ #pane2-field-list-data {padding-right:20%;} #pane2-field-list #date-data {min-width:87.6%; width:87.6%; max-width:87.6%;} #pane3-data #pane3-notes {margin-top:2em;} #calculatedHours-disclaimer {float:right; text-align:right; width:60%;} /* New Activity Wizard - Pane 3 */ /* #type-overview, #activity-overview{clear:both; width:100%;} #type-overview-data, #activity-overview-data {padding-bottom:0.5em;} */ #pane3-options {clear:both; width: 90%; margin-top:1.5em;} a.btn-downloadAttachmentb {width:3em; } a.btn-deleteAttachmentb {width:3em;} #pane3-notes {clear:both; float: left; width: 90%; margin-top:0.7em;} #pane3-options-data table, #attachments, #attachments-disclaimer, #visibility, #visibility-disclaimer {width:100%;} #attachments {height:10em;} #attachments-data .attachment-row {margin-bottom:0.5em;} #pane3-notes-textarea {height:10em; width:90%; padding-right:4.3em;} /* Attachments Panels */ #quickAttachmentPanel #popup-centerpoint{top:8%; left:15%; width:70%;} /* Help Panel */ #helpPanel #popup-centerpoint #adding-popup{margin-bottom:12em;} .help-title {width:100%;} .help-description {width:100%;} #error-popup{bottom:25%;} } /* ------------------------------------ Mobile - (Landscape) -- iPhone6 ------------------------------------ */ @media only screen and (max-width: 740px) { .notification-topper-2 {margin-top:-0em;} body {font-size:13px;} /* background-color:yellow; */ h2{font-size:1.3em; line-height: 1.2;} .activity-header-col#date, .activity-header-col#name, .activity-header-col#status, .activity-header-col#calculated_hours, .activity-body-data, input, textarea{font-size:0.9em;} #topper {height:100px;} #topper .project-details .company-name {float:left; color:#fff; text-transform:uppercase; margin-top:-0.8em;} #topper .project-details .project-description {clear:both; margin:0.3em 0em 0em 0em;} #topper .project-details .project-description .project-long-description, #footer .project-details .project-description .project-long-description {display:none;} #topper .project-details .project-description .project-short-description, #footer .project-details .project-description .project-short-description {display:inline;} #topper .project-details .project-description{margin-left:-1em;} #topper #project-options {position:absolute; top:-0.8em; right:0em;} /* Dashboard */ #calculated-hours, #unstructured-hours, #remaining-hours {width:32.8%; } #activities-today-header {} .activity-header .activity-header-col {float:left; width:50%; min-width:50%;} .activity-header-col#name,.activity-header-col#status {text-align:left;} .group-statusHours{float:right; width:auto;} #status {display:none;} .activity-header-col#calculated_hours{width:auto; float:right;} .activity-header-col#calculated_hours .activity-header-col-data {text-align:right; width:auto; min-width:auto;} .activity-header-data {padding-bottom:0.5em;} .inactive-activity .activity-header-data {padding-bottom:0.5em;} .activity-body-data {display:table; width:100%;} .activity-body-col {} .activity-body-col#col1 {display:table-row-group; padding:0em; margin:0em; clear:both; width: 100%;} .activity-body-col#col2 {display:table-row-group; padding:0em; margin:0em; clear:both; width: 100%;} .activity-body-col#col3 { position:relative; right:auto; top:auto; float:none; display:table-footer-group; padding:0em; margin:0em; clear:both; width: 100%; margin-top:1em; } .activity-body-col-group {padding:1em 2.5em 0em 0em;} .activity-body-col-data {padding-left:2.4em; padding-top:0em; padding-bottom:0em; } .activity-body-col#col3 .activity-body-col-data{padding:0em 1em 0em 0em;} .activity-body-col#col4 {display:table-row-group; padding:0em; margin:0em; clear:both; width: 100%;} .activity-body-col#col4 .activity-body-col-data {padding-left:2.4em; padding-right:0em; overflow:hidden;} .activity-body-col#col4 .activity-body-col-data div {padding-left:0em;} .activity-body-col-data#actualHours {clear:right; float:right; border-bottom:0px;} .activity-body-col-data#actualHours div {padding:0em;} .row .form-group {margin-left:-1em;} .activity-type-actions{overflow:hidden; border-top:1px solid #c1c1c1; width:95%;} .activity-type-action-edit, .activity-type-action-remove {width:100%;} /* Notes */ #notesPanel #popup-centerpoint{ height:62%; min-height:62%; top:10%; } /* New Activity Wizard */ #newActivity #popup-centerpoint {top:2em;} #activity-wizard {margin-top:-1em;} .form-label {width:120%} .form-input {width:87%;} /* New Activity Wizard - Pane 1 */ .activityTypeSelect{width: 43%;} /* New Activity Wizard - Pane 2 */ #pane2-options {width: 55%;} #pane2-field-list {width: 45%;} #pane2-field-list .label-title {width:80%;} #pane2-field-list-data {padding-right:17%;} #pane2-field-list #pane2-field-list-data #plannedHours {min-width:35%; width:35%;} #pane2-field-list #calculatedHours {width:95%;} #pane2-field-list #calculatedHours-data {min-width:29%; width:29%;} #hours-capped-notice {max-width: 95%; margin-top:0.5em; padding-left: 0em;} /* New Activity Wizard - Pane 3 */ a.btn-downloadAttachmentb {width:2em;} a.btn-deleteAttachmentb {width:2em;} /* Help Panel */ #feedback-textarea{width:90%;} /* Attachments Panels */ #attachmentsPanel #popup-centerpoint {left:10%; width:80%;} #quickAttachmentPanel #popup-centerpoint{top:10%; min-height:65%;} /* position: relative; margin-top:4em; */ #attachmentsPanel input, #quickAttachmentPanel input {width:80%;} .custom-file-input-file-name {margin-bottom:0.5em;} /* Errors */ #error-popup, #review-popup{top:14%;} #error-popup{bottom:15%;} /* Print/Download options */ #btn-print, #btn-download, #btn-csv {width:40%;} #btn-print-txt, #btn-download-txt, #btn-csv-txt {padding:0em 0.5em;} } /* ------------------------------------ Mobile - (Landscape) -- iPhone5 ------------------------------------ */ @media only screen and (max-width: 570px) { body {} /* background-color:red; */ /* Dashboard */ #info-block {margin-bottom:1em;} #calculated-hours, #unstructured-hours, #remaining-hours {width:100%; text-align:left; min-height:1em;} .activity-header .activity-header-col {float:left; width:100%; min-width:100%;} #complete-calculated-hours-description, #allowed-unstructured-hours-description, #hours-remaining-description {padding-bottom:0.5em;} /* New Activity Wizard - Pane 2 */ /* #pane2-field-list .label-title {width:85%;} #pane2-field-list-data {padding-right:20%;} #hours-capped-notice {max-width: 65%; margin-top: 0; line-height: 8px; font-size: 10px;} */ #pane2-options {width: 100%; clear:both;} #date-picker {width: 100%;} #date-picker-disclaimer {width:99%; margin-top:0.2em;} #pane2-field-list {width: 100%; clear:both; margin-top:1em;} #pane2-field-list-data {padding-right:10%;} .icon-arrow {float:left; background: url(/images/icon-ArrowUp.png);} #pane2-field-list #calculatedHours-data {margin-left:7.5%;} #calculatedHours-disclaimer {width:99%; float:left; padding-left:0em; text-align:left;} #hours-capped-notice {margin-left:7.5%; max-width: 92%;} /* New Activity Wizard - Pane 3 */ #type-overview-data h2 span, #activity-overview-data h2 span{display:block;} #visibility-disclaimer {text-align:left; width:98%; margin:0.2em 0em 0em 2.2em;} .attachment-responseValue {display:block; overflow:hidden; width:20.5em; white-space: nowrap; text-overflow: ellipsis;} /* Help Panel */ #feedback-textarea{width:89%;} /* Attachments Panels */ #quickAttachmentPanel #popup-centerpoint{left:10%; width:80%;} /* Errors */ #error-popup-centerpoint, #review-popup-centerpoint {left: 25%;} #error-popup, #review-popup{width:80%;} #error-popup{bottom:13%} } /* ------------------------------------ Mobile - (Portrait) -- iPhone4 (landscape) ------------------------------------ */ @media only screen and (max-width: 480px) { body {} /* background-color:blue; */ h4{font-size:1.1em;} /* Dashboard */ #info-block {margin-top:-1em; margin-bottom:1.5em;} .activity-header-col#name {clear:left; margin-left:1.8em; margin-top:-0.4em;} .activity-header-col#name .activity-header-col-data span::before {content: "";} .group-statusHours {clear:left; float:right;} /* clear:left; float:left; margin-left:1.15em; margin-top:-0.3em; */ .activity-header-col#calculated_hours .activity-header-col-data {text-align:left; padding-right:0em;} .activity-body-title{clear:both; float:left;} .activity-body-description {clear:both; float:left;} /* clear:both; float:left; */ .activity-body-col-data {padding-left:1.9em;} .activity-body-col#col1 .activity-body-description{margin-right:0.5em;} .activity-body-col#col1 .italic {margin:0em;} .activity-body-col#col4 .activity-body-col-data .file-items {padding-bottom:0.5em;} .quickAttachment-data-description {margin-right:3em;} /* width:80%; */ .activity-body-col#col4 .activity-body-col-data {padding-left:2.4em;} .quickNotes {clear:both; margin-top:0em;} .activity-body-col-data#actualHours .activity-body-col-data-row{float:right; margin-top:1em; padding:0em;} .activity-body-col-data-row span {float:left; margin-left:0.5em;} .activity-type-actions{width:90%;} /* New Activity Wizard - Pane 1 */ .activityTypeSelect{width:92%; min-height: 32px;} /* New Activity Wizard - Pane 2 */ #pane2-field-list {margin-top:2em;} #pane2-field-list #calculatedHours-data {margin-left:0%;} #hours-capped-notice {margin-left:0%; max-width: 96%;} /* New Activity Wizard - Pane 3 */ #pane3-notes-textarea {width:82%;} #pane3-options-data .label-title {width:85%;} .attachment-responseValue {width:10.5em;} /* Help Panel */ #feedback-textarea{width:84%;} /* Attachments Panels */ #attachmentsPanel #popup-centerpoint {left:5%; width:90%;} #quickAttachmentPanel #popup-centerpoint{min-height:70%;} /* Change History */ .changeHistory-data-item-title .change-date {clear:both; float:left;} .changeHistory-data-item-description {clear:both; float:left;} /* Errors */ #error-popup{top:10%; bottom:10%} /* Print/Download options */ #btn-print, #btn-download {width:43%; min-height:10.5em;} } /* ------------------------------------ Mobile - (Portrait) -- iPhone4, iPhone5 ------------------------------------ */ @media only screen and (max-width: 320px) { body {} /* background-color:green; */ /* New Activity Wizard - Pane 3 */ .attachment-responseValue {width:8em;} }