#PrintWIDTH { clear: both; width: 1000px; margin: 0 auto; } #Admin_hr100_10 { clear:both; width:100%; padding:10px 0 10px 0; } #Admin_hr100_2010 { clear:both; width:100%; padding:20px 0 10px 0; } #Admin_hr100_2000 { clear:both; width:100%; padding:20px 0 0 0; } #icon_controls { float:right; padding:0px 5px 0px 0px; } #HeaderLINKS_L { float:left; width:60%; padding-top:4px; } #HeaderLINKS_R { float:right; width:40%; padding-top:9px; text-align:right; } @media print { #HeaderLINKS_L { width:55%; padding-left:8px; } #HeaderLINKS_R { width:35%%; padding-right:8px; } }ri @media print { #Footer_1CONTENT_C1 { padding-left:8px; } #Footer_1CONTENT_C2 { padding-right:8px; } } #BannerTITLE { float:left; font-size:120%; color: #0098D3; } #BannerCONTROL { float:right; } /* Admmin */ #AdminDETAILS_Col1 { clear:left; float:left; width:21%; padding-top:8px; } #AdminDETAILS_Col2 { float:left; width:21%; padding-top:8px; } #AdminDETAILS_Col3 { float:left; width:30%; padding-top:8px; } #AdminDETAILS_Col123{ float:left; width:72%; padding-top:8px; } /* Dashboard */ .dashboard_heading { clear:left; float:left; padding: 30px 0 10px 0; } /* Projects, Activities & Tasks */ #PAT_FLT_LBL_1 { clear:left; float:left; width:17%; padding-top:4px; margin-right:1% } #PAT_FLT_LBL { float:left; padding-top:4px; margin-right:3% } #PAT_FLT_FIELD { float:left; padding-top:4px; margin-right:3% } #PAT_FLT_LBL_R { float:right; padding-top:4px; margin-left:3% } #PAT_FLT_FIELD_R { float:right; padding-top:4px; margin-left:3% } /* Projects */ #ProjectFILTERS_CONTROL { display:none; } #ProjectFILTERS { clear:both; width:100%; display:block; margin-bottom:0px; } #SBF_FL { float:left; padding-top:4px; } #SBF_Label_1 { float:left; width:17%; padding-top:4px; } #SBF_Filter_1 { float:left; width:15%; padding-top:4px; } #GFLT_Pri_LBL { float:left; width:17%; padding-top:4px; margin-right:1% } #GFLT_Pri_FIELD { float:left; padding-top:4px; } #GFLT_Type_LBL_1 { clear:left; float:left; width:17%; padding-top:4px; margin-right:1% } #GFLT_Type_LBL { float:left; padding-top:4px; margin-right:3% } #GFLT_Type_FIELD { float:left; padding-top:4px; margin-right:3% } #GFLT_SearchT_LBL { float:left; width:17%; padding-top:4px; margin-right:1% } #GFLT_SearchT_FIELD { float:left; width:20%; padding-top:4px; margin-right:3% } #GFLT_SearchA_LBL { float:left; padding-top:4px; } #GFLT_SearchA_FIELD { float:left; padding-top:4px; margin-left:1% } #GFLT_Submit { float:left; padding-top:4px; margin-left:2% } #GFLT_Reset { float:left; padding-top:4px; margin-left:1% } #Projects_Header1 { clear:both; float:left; width:25%; padding-top:8px; } #Projects_Header2 { float:left; width:33%; margin-left:1%; padding-top:8px; } #Projects_Header3 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #Projects_Header4 { float:left; width:9%; margin-left:3%; text-align:center; padding-top:8px; } #Projects_Header5 { float:left; width:18%; margin-left:2%; text-align:center; padding-top:8px; } #Projects_Header6 { float:right; text-align:right; padding-top:8px; } #Projects_Col1 { clear:both; float:left; width:25%; color: #0099CC; padding-top:8px; } #Projects_Col2 { float:left; width:33%; margin-left:1%; padding-top:8px; } #Projects_Col3 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #Projects_Col4 { float:left; width:9%; margin-left:3%; text-align:center; padding-top:8px; } #Projects_Col5 { float:left; width:18%; margin-left:2%; text-align:center; padding-top:8px; } #Projects_Col5_PriLBL { float:left; width:9%; margin-left:2%; text-align:center; padding-top:8px; } #Projects_Col5_PriFIELD{ float:left; width:6%; margin-left:0%; text-align:center; padding-top:8px; } #Projects_Col6 { } #Projects_Controls { float:right; min-width:10%; padding:8px 5px 0px 0px; } /* Project View */ #ProjectDETAILS_Col1 { clear:left; float:left; width:21%; padding-top:5px; } #ProjectDETAILS_Col2 { float:left; width:75%; padding-top:5px; } #ProjectDETAILS_Col2S { float:left; width:40%; padding-top:5px; } #ProjectDETAILS_Col3 { float:right; width:35%; padding-top:5px; } #ProjectRELGOAL { position:relative; left:-8px; width:calc(100% + 16px); clear:both; padding: 10px 8px 10px 8px; border-bottom:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #ProjectRELGOAL_Col1 { clear:both; float:left; width:25%; color: #0099CC; padding-top:8px; } #ProjectRELGOAL_Col2 { float:left; width:40%; margin-left:1%; padding-top:8px; } #ProjectRELGOAL_Col3 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #ProjectRELGOAL_Col4 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } /* Project Overview */ .TasksTYPE { float:right; min-width:12%; text-align:center; padding:8px 8px; border: solid 1px #999; margin-left:1%; } .TasksTYPE_TM { background-color:#FFF; } .TasksTYPE_Customer { background-color:#FFFFCC; } .TasksTYPE_Background { background-color:#AFEEEE; } .TasksTYPE_OnHold { background-color:#FFCC99; } #POG_Header1 { clear:both; float:left; width:22%; padding-top:8px; } #POG_Header2 { float:left; width:28%; margin-left:1%; padding-top:8px; } #POG_Header3 { float:left; width:7%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Header4 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Header5 { float:left; width:8%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Header3_QE { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Header4_QE { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Header5_QE { float:left; width:8%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Header6_QE { float:left; width:12%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col1 { clear:both; float:left; width:22%; color: #0099CC; padding-top:8px; } #POG_Col2 { float:left; width:28%; margin-left:1%; } #POG_Col3 { float:left; width:7%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col4 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col5 { float:left; width:8%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col6 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col7 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col3_QE { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col4_QE { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col5_QE { float:left; width:8%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Col6_QE { float:left; width:12%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Controls { float:right; width: 14%; padding:8px 5px 0px 0px; } #POT_Header1 { clear:both; float:left; width:22%; padding-top:5px; } #POT_Header2 { float:left; width:28%; margin-left:1%; padding-top:5px; } #POT_Header3 { float:left; width:7%; margin-left:1%; text-align:center; padding-top:5px; } #POT_Header4 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:5px; } #POT_Header5 { float:left; width:8%; margin-left:1%; text-align:center; padding-top:5px; } #POT_Col1 { clear:both; float:left; width:17%; color:#0099CC; margin-left:5%; padding-top:8px; } #POT_Col2 { float:left; width:28%; margin-left:1%; } #POT_Col3 { float:left; width:7%; margin-left:1%; color:#C1272D; text-align:center; padding-top:8px; } #POT_Col4 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Col5 { float:left; width:8%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Col6 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Col7 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Header3_QE { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Header4_QE { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Header5_QE { float:left; width:8%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Header6_QE { float:left; width:12%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Col3_QE { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Col4_QE { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Col5_QE { float:left; width:6%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Col5_LBL_QE { float:left; width:2%; margin-left:0%; text-align:center; padding-top:8px; } #POT_Col6_QE { float:left; width:12%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Controls { float:right; width: 8%; padding:8px 5px 0px 0px; } #POG_Print_Col1 { clear:both; float:left; width:25%; color: #0099CC; padding-top:8px; } #POG_Print_Col2 { float:left; width:51%; margin-left:1%; padding-top:8px; } #POG_Print_Col3 { float:left; width:7%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Print_Col4 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POG_Print_Col5 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Print_Col1 { clear:both; float:left; width:20%; margin-left:5%; padding-top:8px; } #POT_Print_Col2 { float:left; width:51%; margin-left:1%; padding-top:8px; } #POT_Print_Col3 { float:left; width:7%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Print_Col4 { float:left; width:4%; margin-left:1%; text-align:center; padding-top:8px; } #POT_Print_Col5 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:8px; } /* Risks */ .Risk_Header1 { clear:both; float:left; width:7%; padding-top:5px; } .Risk_Header2 { float:left; width:7%; margin-left:1%; padding-top:5px; } .Risk_Header3 { float:left; width:20%; margin-left:1%; padding-top:5px; } .Risk_Header4 { float:left; width:5%; margin-left:1%; text-align:center; padding-top:5px; } .Risk_Header5 { float:left; width:5%; margin-left:1%; text-align:center; padding-top:5px; } .Risk_Header6 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:5px; } .Risk_Header7 { float:left; width:20%; margin-left:1%; padding-top:5px; } .Risk_Header8 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:5px; } .Risk_Header9 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:5px; } .Risk_Header10 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:5px; } .Risk_Header11 { float:left; width:14%; margin-left:1%; padding-top:5px; } .Risk_Col1 { clear:both; float:left; width:7%; color:#0099CC; font-size:90%; padding-top:8px; } .Risk_Col2 { float:left; width:7%; margin-left:1%; font-size:90%; padding-top:8px; } .Risk_Col3 { float:left; width:20%; margin-left:1%; font-size:90%; padding-top:8px; } .Risk_Col4 { float:left; width:5%; margin-left:1%; text-align:center; font-size:80%; padding:8px 0; margin-top:8px;} .Risk_Col5 { float:left; width:5%; margin-left:1%; text-align:center; font-size:80%; padding:8px 0; margin-top:8px;} .Risk_Col6 { float:left; width:9%; margin-left:1%; text-align:center; font-size:80%; padding:8px 0; margin-top:0px;} .Risk_Col7 { float:left; width:20%; margin-left:1%; font-size:90%; padding-top:0px; padding-bottom: 0px;} .Risk_Col8 { float:left; width:9%; margin-left:1%; text-align:center; font-size:80%; padding:8px 0; margin-top:0px;} .Risk_Col9 { float:left; width:9%; margin-left:1%; text-align:center; font-size:80%; padding:8px 0; margin-top:8px;} .Risk_Col10 { float:left; width:9%; margin-left:1%; text-align:center; font-size:80%; padding:8px 0; margin-top:8px; } .Risk_Col11 { float:left; width:14%; margin-left:1%; font-size:80%; padding-top:8px; } .Risk_Controls { float:right; width: 6%; padding:8px 5px 0px 0px; } .Risk_Indicator_PAGE { float:left; width:20%; margin-right:1%; text-align:center; padding:8px; } .Risk_Indicator_TAB { float:left; width:100%; text-align:center; padding:8px; margin-bottom:8px; box-sizing: border-box; } .Risk_Indicator_LABEL { float:left; width:100%; text-align:center; padding:8px 8px 4px 8px; margin-top:-8px; } .Risk_Indicator_LOW { background-color:#093; color:#fff; } .Risk_Indicator_MEDIUM { background-color:#ffdd17; color:#333; } .Risk_Indicator_HIGH { background-color:#F60; color:#fff; } .Risk_Indicator_EXTREME { background-color:#f00; color:#fff; } /* Tasks Schedule */ #TaskSCHEDULE_PrintTIMES li { background-image: none; } #Task_SCHEDULE_Header1 { clear:both; float:left; width:16.5%; padding-top:5px; margin-right: 0.5%; box-sizing: border-box; } #Task_SCHEDULE_Header2, #Task_SCHEDULE_Header3, #Task_SCHEDULE_Header4, #Task_SCHEDULE_Header5, #Task_SCHEDULE_Header6 { float:left; width:16%; padding:5px 0 0 5px; margin-right: 0.5%; box-sizing: border-box; } #Task_SCHEDULE_Col1 { clear:both; float:left; width:16.5%; padding-top:5px; margin-right: 0.5%; box-sizing: border-box; } #Task_SCHEDULE_Col2, #Task_SCHEDULE_Col3, #Task_SCHEDULE_Col4, #Task_SCHEDULE_Col5, #Task_SCHEDULE_Col6 { float:left; width:16%; padding-top:5px; margin-right: 0.5%; box-sizing: border-box; } #TaskSCHEDULE_Header1 { clear:both; float:left; width:13%; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_Header2 { float:left; width:3%; padding:5px 0 0 5px; margin-right: 5px; box-sizing: border-box; } #TaskSchedule_HeaderDays { float:left; width:83%; box-sizing: border-box; } #TaskSCHEDULE_HeaderDay1, #TaskSCHEDULE_HeaderDay2, #TaskSCHEDULE_HeaderDay3, #TaskSCHEDULE_HeaderDay4, #TaskSCHEDULE_HeaderDay5 { float:left; width:20%; padding:5px 0 0 5px; margin-right: 0px; box-sizing: border-box; } #TaskSCHEDULE_Col1 { clear:both; float:left; width:13%; padding-top:5px; margin-right: 10px; box-sizing: border-box; } #TaskSCHEDULE_Col2 { float:left; width:3%; padding-top:5px; margin-right: 5px; box-sizing: border-box; } #TaskSchedule_Day1, #TaskSchedule_Day2, #TaskSchedule_Day3, #TaskSchedule_Day4, #TaskSchedule_Day5 { float:left; width:20%; height: 1608px; margin:5px 0 0 0; border-right: solid 1px #ccc; box-sizing: border-box;} #TaskSchedule_Day5 { border:none; } #sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #sortable6, #sortable7 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; width:100%; min-height:100px; } #sortable1 li { background-color:#fff; margin: 0px 0px 5px 0px; padding: 5px; width: 100%; box-sizing: border-box; } #sortable2 li, #sortable3 li, #sortable4 li, #sortable5 li, #sortable6 li, #sortable7 li { background-color:#fff; margin: 0px 0px 0px 0px; padding: 5px; width: 100%; box-sizing: border-box; } #TaskSCHEDULE_Controls { float:right; padding:8px 5px 0px 0px; } #TaskSchedule_Days { position:relative; float:left; width:82%; box-sizing: border-box; } #TaskSchedule_Day_1_Slot, #TaskSchedule_Day_2_Slot, #TaskSchedule_Day_3_Slot, #TaskSchedule_Day_4_Slot, #TaskSchedule_Day_5_Slot { clear:both; float:left; width:100%; padding-top:0px; margin-right: 0px; box-sizing: border-box; } #sortable1, #timeslot1,#timeslot2,#timeslot3,#timeslot4,#timeslot5,#timeslot6,#timeslot7,#timeslot8,#timeslot9,#timeslot10,#timeslot11,#timeslot12,#timeslot13,#timeslot14,#timeslot15,#timeslot16,#timeslot17,#timeslot18,#timeslot19,#timeslot20,#timeslot21,#timeslot22,#timeslot23,#timeslot24,#timeslot25,#timeslot26,#timeslot27,#timeslot28,#timeslot29,#timeslot30,#timeslot31,#timeslot32,#timeslot33,#timeslot34,#timeslot35,#timeslot36,#timeslot37,#timeslot38,#timeslot39,#timeslot40,#timeslot41,#timeslot42,#timeslot43,#timeslot44,#timeslot45,#timeslot46,#timeslot47,#timeslot48,#timeslot49,#timeslot50,#timeslot51,#timeslot52,#timeslot53,#timeslot54,#timeslot55,#timeslot56,#timeslot57,#timeslot58,#timeslot59,#timeslot60,#timeslot61,#timeslot62,#timeslot63,#timeslot64,#timeslot65,#timeslot66,#timeslot67,#timeslot68,#timeslot69,#timeslot70,#timeslot71,#timeslot72,#timeslot73,#timeslot74,#timeslot75,#timeslot76,#timeslot77,#timeslot78,#timeslot79,#timeslot80,#timeslot81,#timeslot82,#timeslot83,#timeslot84,#timeslot85,#timeslot86,#timeslot87,#timeslot88,#timeslot89,#timeslot90,#timeslot91,#timeslot92,#timeslot93,#timeslot94,#timeslot95,#timeslot96,#timeslot97,#timeslot98,#timeslot99,#timeslot100,#timeslot101,#timeslot102,#timeslot103,#timeslot104,#timeslot105,#timeslot106,#timeslot107,#timeslot108,#timeslot109,#timeslot110,#timeslot111,#timeslot112,#timeslot113,#timeslot114,#timeslot115,#timeslot116,#timeslot117,#timeslot118,#timeslot119,#timeslot120,#timeslot121,#timeslot122,#timeslot123,#timeslot124,#timeslot125,#timeslot126,#timeslot127,#timeslot128,#timeslot129,#timeslot130,#timeslot131,#timeslot132,#timeslot133,#timeslot134,#timeslot135,#timeslot136,#timeslot137,#timeslot138,#timeslot139,#timeslot140,#timeslot141,#timeslot142,#timeslot143,#timeslot144,#timeslot145,#timeslot146,#timeslot147,#timeslot148,#timeslot149,#timeslot150,#timeslot151,#timeslot152,#timeslot153,#timeslot154,#timeslot155,#timeslot156,#timeslot157,#timeslot158,#timeslot159,#timeslot160,#timeslot161,#timeslot162,#timeslot163,#timeslot164,#timeslot165,#timeslot166,#timeslot167,#timeslot168,#timeslot169,#timeslot170,#timeslot171,#timeslot172,#timeslot173,#timeslot174,#timeslot175,#timeslot176,#timeslot177,#timeslot178,#timeslot179,#timeslot180,#timeslot181,#timeslot182,#timeslot183,#timeslot184,#timeslot185,#timeslot186,#timeslot187,#timeslot188,#timeslot189,#timeslot190,#timeslot191,#timeslot192,#timeslot193,#timeslot194,#timeslot195,#timeslot196,#timeslot197,#timeslot198,#timeslot199,#timeslot200,#timeslot201,#timeslot202,#timeslot203,#timeslot204,#timeslot205,#timeslot206,#timeslot207,#timeslot208,#timeslot209,#timeslot210,#timeslot211,#timeslot212,#timeslot213,#timeslot214,#timeslot215,#timeslot216,#timeslot217,#timeslot218,#timeslot219,#timeslot220,#timeslot221,#timeslot222,#timeslot223,#timeslot224,#timeslot225,#timeslot226,#timeslot227,#timeslot228,#timeslot229,#timeslot230,#timeslot231,#timeslot232,#timeslot233,#timeslot234,#timeslot235,#timeslot236,#timeslot237,#timeslot238,#timeslot239,#timeslot240{ list-style-type: none; margin: 0; padding: 0; float: left; width:100%; min-height:34px; } /* { border: solid 1px #eee } */ #sortable1 li { background-color:#fff; margin: 0px 0px 5px 0px; padding: 5px; width: 100%; box-sizing: border-box; } #timeslot1 li,#timeslot2 li,#timeslot3 li,#timeslot4 li,#timeslot5 li,#timeslot6 li,#timeslot7 li,#timeslot8 li,#timeslot9 li,#timeslot10 li,#timeslot11 li,#timeslot12 li,#timeslot13 li,#timeslot14 li,#timeslot15 li,#timeslot16 li,#timeslot17 li,#timeslot18 li,#timeslot19 li,#timeslot20 li,#timeslot21 li,#timeslot22 li,#timeslot23 li,#timeslot24 li,#timeslot25 li,#timeslot26 li,#timeslot27 li,#timeslot28 li,#timeslot29 li,#timeslot30 li,#timeslot31 li,#timeslot32 li,#timeslot33 li,#timeslot34 li,#timeslot35 li,#timeslot36 li,#timeslot37 li,#timeslot38 li,#timeslot39 li,#timeslot40 li,#timeslot41 li,#timeslot42 li,#timeslot43 li,#timeslot44 li,#timeslot45 li,#timeslot46 li,#timeslot47 li,#timeslot48 li,#timeslot49 li,#timeslot50 li,#timeslot51 li,#timeslot52 li,#timeslot53 li,#timeslot54 li,#timeslot55 li,#timeslot56 li,#timeslot57 li,#timeslot58 li,#timeslot59 li,#timeslot60 li,#timeslot61 li,#timeslot62 li,#timeslot63 li,#timeslot64 li,#timeslot65 li,#timeslot66 li,#timeslot67 li,#timeslot68 li,#timeslot69 li,#timeslot70 li,#timeslot71 li,#timeslot72 li,#timeslot73 li,#timeslot74 li,#timeslot75 li,#timeslot76 li,#timeslot77 li,#timeslot78 li,#timeslot79 li,#timeslot80 li,#timeslot81 li,#timeslot82 li,#timeslot83 li,#timeslot84 li,#timeslot85 li,#timeslot86 li,#timeslot87 li,#timeslot88 li,#timeslot89 li,#timeslot90 li,#timeslot91 li,#timeslot92 li,#timeslot93 li,#timeslot94 li,#timeslot95 li,#timeslot96 li,#timeslot97 li,#timeslot98 li,#timeslot99 li,#timeslot100 li,#timeslot101 li,#timeslot102 li,#timeslot103 li,#timeslot104 li,#timeslot105 li,#timeslot106 li,#timeslot107 li,#timeslot108 li,#timeslot109 li,#timeslot110 li,#timeslot111 li,#timeslot112 li,#timeslot113 li,#timeslot114 li,#timeslot115 li,#timeslot116 li,#timeslot117 li,#timeslot118 li,#timeslot119 li,#timeslot120 li,#timeslot121 li,#timeslot122 li,#timeslot123 li,#timeslot124 li,#timeslot125 li,#timeslot126 li,#timeslot127 li,#timeslot128 li,#timeslot129 li,#timeslot130 li,#timeslot131 li,#timeslot132 li,#timeslot133 li,#timeslot134 li,#timeslot135 li,#timeslot136 li,#timeslot137 li,#timeslot138 li,#timeslot139 li,#timeslot140 li,#timeslot141 li,#timeslot142 li,#timeslot143 li,#timeslot144 li,#timeslot145 li,#timeslot146 li,#timeslot147 li,#timeslot148 li,#timeslot149 li,#timeslot150 li,#timeslot151 li,#timeslot152 li,#timeslot153 li,#timeslot154 li,#timeslot155 li,#timeslot156 li,#timeslot157 li,#timeslot158 li,#timeslot159 li,#timeslot160 li,#timeslot161 li,#timeslot162 li,#timeslot163 li,#timeslot164 li,#timeslot165 li,#timeslot166 li,#timeslot167 li,#timeslot168 li,#timeslot169 li,#timeslot170 li,#timeslot171 li,#timeslot172 li,#timeslot173 li,#timeslot174 li,#timeslot175 li,#timeslot176 li,#timeslot177 li,#timeslot178 li,#timeslot179 li,#timeslot180 li,#timeslot181 li,#timeslot182 li,#timeslot183 li,#timeslot184 li,#timeslot185 li,#timeslot186 li,#timeslot187 li,#timeslot188 li,#timeslot189 li,#timeslot190 li,#timeslot191 li,#timeslot192 li,#timeslot193 li,#timeslot194 li,#timeslot195 li,#timeslot196 li,#timeslot197 li,#timeslot198 li,#timeslot199 li,#timeslot200 li,#timeslot201 li,#timeslot202 li,#timeslot203 li,#timeslot204 li,#timeslot205 li,#timeslot206 li,#timeslot207 li,#timeslot208 li,#timeslot209 li,#timeslot210 li,#timeslot211 li,#timeslot212 li,#timeslot213 li,#timeslot214 li,#timeslot215 li,#timeslot216 li,#timeslot217 li,#timeslot218 li,#timeslot219 li,#timeslot220 li,#timeslot221 li,#timeslot222 li,#timeslot223 li,#timeslot224 li,#timeslot225 li,#timeslot226 li,#timeslot227 li,#timeslot228 li,#timeslot229 li,#timeslot230 li,#timeslot231 li,#timeslot232 li,#timeslot233 li,#timeslot234 li,#timeslot235 li,#timeslot236 li,#timeslot237 li,#timeslot238 li,#timeslot239 li,#timeslot240 li { background-color:#fff; margin: 0px 0px 0px 0px; padding: 5px; width: 100%; box-sizing: border-box; } #TaskSCHEDULE_PW {clear:both; width:1340px; margin:0 auto; } #TaskSCHEDULE_PrintHeader1 { clear:both; float:left; width:120px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintHeader2 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintHeader3 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintHeader4 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintHeader5 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintHeader6 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintCol1 { clear:both; float:left; width:120px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintCol2 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintCol3 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintCol4 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintCol5 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_PrintCol6 { float:left; width:232px; padding-top:5px; margin-right: 10px; } #TaskSCHEDULE_Print li { background-color: #fff; margin: 0px 0px 0px 0px; padding: 5px; width: 220px; border: solid 1px #ccc; box-sizing: border-box; } #TaskSCHEDULE_PrintTIMES li { background-color: #fff; margin: 0px 0px 0px 0px; padding: 5px; width: 100%; height:68px; border: solid 1px #ccc; box-sizing: border-box; } #PopUp_ScheduleINFO { width:400px; max-width: 95% !important; padding:10px; box-sizing: border-box; } #PopUp_ScheduleINFO_Col1 { clear:left; float:left; width:25%; padding-top:5px; } #PopUp_ScheduleINFO_Col2 { float:left; width:72%; padding-top:5px; } #PopUp_TaskCONTENT { width:800px; max-width: 95% !important; padding:25px; box-sizing: border-box; } /* Tasks View */ #TaskHEADER_Col1 { clear:both; float:left; width:21%; color: #0099CC; padding-top:5px; } #TaskHEADER_Col2 { float:left; width:33%; margin-left:0%; padding-top:5px; } #TaskHEADER_Col3 { float:left; width:10%; margin-left:1%; padding-top:5px; } #TaskHEADER_Col4 { float:left; width:9%; margin-left:1%; text-align:center; padding-top:5px; } #RelatedINFORMATION { position:relative; left:-8px; width:calc(100% + 16px); clear:both; padding: 10px 8px 5px 8px ;margin-top: 15px; background-color:#ccc; border-bottom:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #RelatedINFORMATION_Col1 { clear:both; float:left; width:10%; min-height:40px; color: #0099CC; padding-top:10px; text-align:center; } #RelatedINFORMATION_Col2 { float:left; width:25%; min-height:40px; margin-left:1%; padding-top:10px; } #RelatedINFORMATION_Col3 { float:left; width:35%; min-height:40px; margin-left:1%; padding-top:10px; } #TaskHOURS_Calendar { position:relative; left:-8px; width:calc(100% + 16px); clear:both; padding: 10px 8px 5px 8px; background-color:#FF9; border-bottom:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #TaskHOURS_Col1 { clear:left; float:left; width:15%; padding-top:8px; } #TaskHOURS_Col2 { float:left; width:10%; padding-top:8px; } #TaskHOURS_Col3 { float:left; width:5%; padding-top:8px; } #TaskHOURS_Col4 { float:left; width:35%; padding-top:8px; } #TaskHOURS_Col5 { float:left; width:25%; padding-top:8px; } /* TasksALERT */ #TasksALERT_Col1 { clear:left; float:left; width:30%; margin-left:15%; padding-top:8px; } #TasksALERT_Col2 { float:left; width:10%; padding-top:8px; } /* Edit */ #EditDETAILS_Col1 { clear:left; float:left; width:21%; padding-top:8px; } #EditDETAILS_Col1_1 { clear:left; float:left; width:12%; padding-top:8px; } #EditDETAILS_Col1_2 { float:left; width:9%; padding-top:8px; } #EditDETAILS_Col2 { float:left; width:75%; padding-top:8px; } #EditDETAILS_Col25 { float:left; width:25%; padding-top:8px; } #EditDETAILS_Col2_Date { float:left; width:25%; padding-top:8px; } #EditDETAILS_Col2_Option { float:left; width:21%; padding-top:8px; } #EditDETAILS_ColN { float:left; margin-right:1%; padding-top:8px; } #EditDETAILS_Spacer { clear:left; float:left; width:21%; padding-top:8px; } #EditDETAILS_Col2_S { float:left; width:15%; padding-top:8px; } #EditDETAILS_Col3_S { float:left; width:9%; padding-top:8px; } #EditDETAILS_Col4_S { float:left; width:9%; padding-top:8px; } #EditDETAILS_info { float:right; color:#999; padding-top:8px; } @media only screen and (min-device-width : 320px) and (max-device-width : 768px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-width : 320px) and (max-width : 768px) and (orientation : portrait) { /* Styles for portrait screen */ /* Goals */ #GoalFILTERS_CONTROL { display:block; clear:both; } #GoalFILTERS { clear:both; width:100%; display:none; padding-bottom:10px; } #SBF_FL { float:left; padding-top:4px; } #SBF_Label_1 { float:left; width:17%; padding-top:4px; } #SBF_Filter_1 { float:left; width:15%; padding-top:4px; } #GFLT_Pri_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_Pri_FIELD { float:left; width:65%; padding-top:8px; margin-right:0% } #GFLT_Type_LBL_1 { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_Type_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_Type_FIELD { float:left; width:65%; padding-top:8px; margin-right:0% } #GFLT_SearchT_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_SearchT_FIELD { float:left; width:64%; padding-top:8px; margin-right:0% } #GFLT_SearchA_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-left:0% } #GFLT_SearchA_FIELD { float:left; width:65%; padding-top:8px; margin-left:0% } #GFLT_Submit { clear:both; float:left; width:auto; padding-top:0px; margin-left:35% } #GFLT_Reset { float:left; width:auto; padding-top:0px; padding-left:5px; margin-left:0% } #Goals_Header1 { clear:both; float:left; width:50%; padding-top:5px; } #Goals_Header2 { display:none; } #Goals_Header3 { display:none; } #Goals_Header4 { display:none; } #Goals_Header5 { display:none; } #Goals_Header6 { display:none; } #Goals_Col1 { clear:left; float:left; width:100%; padding-top:8px; margin-left:0; } #Goals_Col2 { clear:left; float:left; width:65%; padding-top:8px; margin-left:0; } .Goals_Col3 { display:none; } #Goals_Col4 { display:none; } #Goals_Col5 { clear:left; float:left; width:30%; padding-top:8px; margin-left:0; text-align:left } #Goals_Col6 { } #Goals_Controls { float:right; padding:5px 5px 0px 0px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-width : 320px) and (max-width : 667px) and (orientation : landscape) { /* Styles for landscape screen */ /* Goals */ #GoalFILTERS_CONTROL { display:block; clear:both; } #GoalFILTERS { clear:both; width:100%; display:none; padding-bottom:10px; } #GFLT_Pri_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_Pri_FIELD { float:left; width:65%; padding-top:8px; margin-right:0% } #GFLT_Type_LBL_1 { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_Type_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_Type_FIELD { float:left; width:65%; padding-top:8px; margin-right:0% } #GFLT_SearchT_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-right:0% } #GFLT_SearchT_FIELD { float:left; width:30%; padding-top:8px; margin-left:0% } #GFLT_SearchA_LBL { clear:both; float:left; width:35%; padding-top:8px; margin-left:0% } #GFLT_SearchA_FIELD { float:left; width:60%; padding-top:8px; margin-left:0% } #GFLT_Submit { float:left; width:auto; padding-top:8px; margin-left:5px } #GFLT_Reset { float:left; width:auto; padding-top:8px; padding-left:5px; margin-right:0% } #Goals_Header1 { clear:both; float:left; width:25%; padding-top:5px; } #Goals_Header2 { float:left; width:25%; margin-left:1%; padding-top:5px; } #Goals_Header3 { float:left; width:10%; margin-left:2%; text-align:center; padding-top:5px; } #Goals_Header4 { float:left; width:10%; margin-left:2%; text-align:center; padding-top:5px; } #Goals_Header5 { float:left; width:23%; margin-left:2%; text-align:center; padding-top:5px; } #Goals_Header6 { float:right; text-align:right; padding-top:5px; } #Goals_Col1 { clear:both; float:left; width:25%; padding-top:5px; } #Goals_Col2 { float:left; width:25%; margin-left:1%; padding-top:5px; } .Goals_Col3 { float:left; width:10%; margin-left:2%; text-align:center; padding-top:5px; } #Goals_Col4 { float:left; width:10%; margin-left:2%; text-align:center; padding-top:5px; } #Goals_Col5 { float:left; width:23%; margin-left:2%; text-align:center; padding-top:5px; } #Goals_Col6 { clear:both; padding-top:8px; } #Goals_Controls { float:right; padding:5px 5px 0px 0px; } }