html, body { height: 100%; overflow: hidden; } body.pma { position: relative; } body.pma *:focus {outline: none;} body.pma button { position: relative; left: 0; height: 27px; min-width: 57px; border-radius: 4px 4px 4px 4px; cursor: pointer; text-align: center; } body.pma button.lightBlue { height: 30px; border: 1px solid #5982B8; background: #C7CEDE; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } body.pma button.lightBlue:hover, body.pma button.lightBlue.selected { background: #46659c; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: color All 0.2s ease; } body.pma button.lightBlue.disabled:hover, body.pma button.lightBlue.disable:hover { color: #0F67A6; border: 1px solid #5982B8; background: #C7CEDE; } body.pma button.darkBlue { border: 1px solid #254A77; background: #254A77; border-radius: 6px 6px 6px 6px; } body.pma button.darkBlue:hover, body.pma button.darkBlue.selected { background: #254A77; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } body.pma button.darkBlue.chartControl:hover, body.pma button.darkBlue.chartControl.selected { background: #9b2c23; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } body.pma button.darkBlue.disabled:hover, body.pma button.darkBlue.disable:hover { border: 1px solid #254A77; background: #254A77; border-radius: 6px 6px 6px 6px; } body.pma button.small { padding: 5px 8px 3px; } body.pma button.medium { padding: 9px 2px; } body.pma button.large { padding: 12px 2px; } input::-moz-focus-inner { border: 0; padding: 0; margin-top:-2px; margin-bottom: -2px; } body.pma button::-moz-focus-inner { border: 0; padding: 0; margin-top:-2px; margin-bottom: -2px; } button::-moz-focus-inner { border: 0 !important; padding: 0 !important; margin: 0 !important; } /*CSS SHAPES*/ .arrowWrapper { position: absolute; top: 75px; left: 180px; width: 39px; height: 40px; } .arrowWrapper .arrowHead { position: relative; } .arrowWrapper .arrowHead > span { position: absolute; display: inline-block; width: 0; height: 0; line-height: 0; border: 20px solid transparent; border-left: 20px solid #9b2923; left: 30px; top: 0px; } .arrowWrapper .arrowHead > span + span { position: absolute; top: 11px; left: 12px; width: 23px; height: 18px; background-color: #9B2923; border: none; display: inline-block; } /* http://apps.eky.hk/css-triangle-generator/ _border-color: #000000 #000000 #9b2d23 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); */ .errorArrow { position: absolute; top: 0; left: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 12px 18px 12px; border-color: transparent transparent #9b2d23 transparent; line-height: 0px; border-style: inset; -webkit-transform:rotate(360deg); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .errorArrow.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .selectArrowDown { position: absolute; top: 0; left: 0; width: 0px; height: 0px; border-style: solid; border-width: 19px 12px 0 12px; border-color: #9b2d23 transparent transparent transparent; line-height: 0px; _border-color: #9b2d23 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); border-style: inset; -webkit-transform:rotate(360deg); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .selectArrowDown.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; z-index: 3004; } .selectArrowRight { position: relative; top: -3px !important; left: 3px; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #9b2d23; line-height: 0px; _border-color: #000000 #000000 #000000 #9b2d23; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); border-style: inset; -webkit-transform:rotate(360deg); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .selectArrowRight.show { opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; z-index: 3004; } body.pma input.error { border: 1px solid #9b2d23; color: #9b2d23; } input.error::-moz-placeholder { color: #9b2d23; } input.error::-webkit-input-placeholder { color: #9b2d23; } input.error::-ms-input-placeholder { color: #9b2d23; } .sectionImageTemp { position: relative; width: 100%; height: 98%; margin-top: 6px; } #administration-imageTemp.sectionImageTemp { background: url("../images/user-tab-temp.png") no-repeat; } #visualization-imageTemp.sectionImageTemp { background: url("../images/test-image-chartBubble-2.png") no-repeat; } #spreadsheets-imageTemp.sectionImageTemp { background: url("../images/test-image-chartBubble-2.png") no-repeat; } #scenarios-imageTemp.sectionImageTemp { background: url("../images/test-image-chartBubble-2.png") no-repeat; } #bodyFadeWrapper { position: relative; width: 100%; height: 100%; min-height: 100%; background: url("../images/background-body-greyer.jpg") repeat; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); overflow: auto; } #mainThrobberWrapper { position: absolute; top: 37%; left: 42%; width: 52%; height: 128px; z-index: 40001; text-align: left; display: none; } #mainThrobberWrapper.modal { left: 22%; } #throbberMain { position: relative; top: 0; left: 0; width: 128px; height: 128px; float: left; clear: left; } #throbberMain.show { opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -webkit-transition: opacity 0.82s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; display: inline !important; } #throbberMain.hide { opacity: 0 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #throbberMainText { position: relative; top: 54px; left: 0; margin-left: 18px; float: left; clear: right; } header { position: relative; width: 100%; height: 60px; top: 0; left: 0; background-color: #c7cede; } body.pma #logoMain { position: relative; top: 18px; left: 21px; height: 35px; width: 336px; cursor: pointer; } #entry { display: none; } body.pma #menuFadeWrapper { width: auto; height: 100%; margin: 0 auto; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } body.pma #menuWrapper { position: relative; height: 38px; background: #254a77; z-index: 2; width: 100%; } body.pma #menuWrapper .menuItem { position: relative; height: 100%; margin-right: 0; background: #254a77; text-align: center; z-index: 3; cursor: pointer; } body.pma #menuWrapper .menuItem:hover { z-index: 5; } body.pma #menuWrapper .menuItem .menuItemText { position: relative; top: 10px; color:#89A4CF; } body.pma #menuWrapper .menuItem:hover .menuItemText { color: #254a77; z-index: 4; } body.pma #menuWrapper .menuItem.selected { cursor: auto; } body.pma #menuWrapper .menuItem.selected .menuItemText { color: #fff; } body.pma #menuWrapper .menuItem.selected .menuItemText:hover { } body.pma #menuWrapper .menuItem.first { margin-left: 0 !important; } body.pma #menuWrapper .menuItem:last-of-type { margin-right: 0; } body.pma #menuWrapper .menuItemSelectedBG { position: absolute; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; background: #254a77; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NGE3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMjU0YTc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiMzMTUxNzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iIzNjNTU3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjNGI1ZjgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjNmU3YTkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjODc4ZmE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjOTlhMGIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjYTliMWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjYjliZmNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYzNjYmQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjY2NkNGUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjY2NkNGUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjYzBjNmQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjYWNiNGMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjOTY5ZGFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjNmU3YTkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjNGM2MDgxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjMzQ1MTc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1NGE3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #254a77 0%, #254a76 1%, #315178 3%, #3c557d 4%, #4b5f80 6%, #6e7a92 12%, #878fa4 17%, #99a0b2 22%, #a9b1be 27%, #b9bfcd 34%, #c3cbd8 40%, #ccd4e1 48%, #ccd4e1 52%, #c0c6d4 60%, #acb4c1 69%, #969daf 76%, #6e7a92 86%, #4c6081 92%, #345179 97%, #254a77 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#254a77), color-stop(1%,#254a76), color-stop(3%,#315178), color-stop(4%,#3c557d), color-stop(6%,#4b5f80), color-stop(12%,#6e7a92), color-stop(17%,#878fa4), color-stop(22%,#99a0b2), color-stop(27%,#a9b1be), color-stop(34%,#b9bfcd), color-stop(40%,#c3cbd8), color-stop(48%,#ccd4e1), color-stop(52%,#ccd4e1), color-stop(60%,#c0c6d4), color-stop(69%,#acb4c1), color-stop(76%,#969daf), color-stop(86%,#6e7a92), color-stop(92%,#4c6081), color-stop(97%,#345179), color-stop(100%,#254a77)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* IE10+ */ background: linear-gradient(to right, #254a77 0%,#254a76 1%,#315178 3%,#3c557d 4%,#4b5f80 6%,#6e7a92 12%,#878fa4 17%,#99a0b2 22%,#a9b1be 27%,#b9bfcd 34%,#c3cbd8 40%,#ccd4e1 48%,#ccd4e1 52%,#c0c6d4 60%,#acb4c1 69%,#969daf 76%,#6e7a92 86%,#4c6081 92%,#345179 97%,#254a77 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254a77', endColorstr='#254a77',GradientType=1 ); /* IE6-8 */ } body.pma #menuWrapper .menuItem.selected .menuItemSelectedBG { position: absolute; top: 81%; left: 43%; width: 9%; height: 18%; border-radius: 50% 50% 50% 50%; opacity: 0.7; z-index: 3; display: none; } body.pma #menuWrapper .menuItem.selected:hover .menuItemSelectedBG { position: absolute; top: 81%; left: 43%; width: 9%; height: 18%; border-radius: 50% 50% 50% 50%; opacity: 0.7; z-index: 3; display: none; } body.pma #menuWrapper .menuItem:hover .menuItemSelectedBG { opacity: 1; left: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.2s ease; } body.pma #menuWrapper #menuItem-visualization { width: 264px; } body.pma #menuWrapper #menuItem-spreadsheets { width: 219px; } body.pma #menuWrapper #menuItem-scenarios { width: 276px; } body.pma #menuWrapper #menuItem-administration { width: 207px; } body.pma #menuWrapper #menuItem-contact { width: 236px; } #loginProfileWrapper { position: relative; width: 50px; height: 100px; right: 0; top: 0; float: right; clear: right; z-index: 10; } #mainAnnounceWrapper-top { opacity: 0; } #content-main { width: 1024px; height: 875px; margin: 0 auto; text-align: left; } #main { width: 100%; height: 765px; } img#testImage1 { position: absolute; top: 0; left: 0; width: 1176px; height: 771px; z-index: 2; opacity: .5; display: none; } img#main-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #form-wrapper { position: absolute; width: 100%; height: 100%; } .sectionOpacityMask { position: absolute; width: 100%; height: auto; min-height: 89%; background: #F9F9F9; opacity: .3; } #mainContent-wrapper { position: absolute; top: 17px; left: 1.6%; width: 98.2%; height: 97.5%; border: none; border-top: 2px solid #254a77; border-left: 2px solid #254a77; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; background: #ebecf0; overflow: hidden; -webkit-box-shadow: 5px 16px 26px 16px rgba(26, 49, 85, 0.3); -webkit-box-shadow: -30px 14px 37px -34px rgba(26, 49, 85, 0.6); box-shadow: -30px 5px 37px -34px rgba(88, 89, 91, 0.6); } #mainContent-wrapper #centerThrobberWrapper { position: absolute; top: 40%; left: 31%; width: 66%; height: 120px; z-index: 1; } #mainContent-wrapper .localMask { width: 73%; height: 92%; z-index: 1000; } #mainContent-wrapper #centerThrobberWrapper.hide { opacity: 0 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainContent-wrapper #centerThrobberWrapper.show { opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } #mainContent-wrapper #centerThrobberWrapper .throbberImageCenter { position: relative; top: 0; left: 0; width: 100px; height: 100px; float: left; } #mainContent-wrapper #centerThrobberWrapper .throbberCenterText { position: relative; top: 40px; left: 0; margin-left: 18px; float: left; } body.pmt #content { position: relative; width: 100%; height: 100%; max-width: 100%; min-width: 100%; } #topMain .horizontal-line { width: 100%; display: none; } #topMain { position: relative; top: 0; left: 0; width: 98%; height: 57px; padding: 0 0 0 21px; margin-bottom: 0; } #topMain.show { opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } #topMain.hide { opacity: 0 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .mainAnnounce-top { margin: 20px 6px 15px 0; float: left; } #mainCenter { position: relative; width: 100%; height: 689px; padding: 0; background: #ebecf0; overflow-y: auto; overflow-x: hidden; display: block; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } #mainCenter.show { opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } #mainCenter.hide { opacity: 0 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #formWrapper-main { position: absolute; top: 0; left: 19%; width: 627px; height: 447px; z-index: 3002; } #formWrapper-main #pageSectionBorder-top { position: relative; top: 0; left: 0; width: 100%; height: 36px; padding: 21px 0 0 0; text-align: center; background: #B6C7D9; } #formWrapper-main #pageSectionBorderTop-announce { } #formWrapper-main #pageSectionBorder-middle { position: relative; top: 0; left: 0; } #formWrapper-main .pageSectionBorder-wrapper { width: 0; height: 0; padding: 0; background: #EBECF0; border: none; -webkit-border--radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.6s ease; } #formWrapper-main .horizontal-line { position: relative; width: 76%; margin: 0 auto; background: #A7ACAF; opacity: .6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } #formWrapper-main .centerAnnounce-top { position: relative; width: 96%; margin: 21 auto; text-align: center; } #formWrapper-main .centerAnnounce-top.error { color: #9B2C23; } .formWrapper { position: relative; } #mainCenter .formWrapper-login { width: 80%; margin: 36px auto 0; } #mainCenter .formSectionWrapper { position: relative; margin: 24px 0 39px 0; text-align: center; } #mainCenter .formSectionWrapper .formErrorWrapper { position: absolute; top: 60px; left: 0; width: 100%; text-align: center; } #mainCenter .formSectionWrapper .formErrorWrapper .formErrorText.hide { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .8 ease; -moz-transition: opacity .8 ease; -o-transition: opacity .8 ease; -ms-transition: opacity .8 ease; transition: opacity .8 ease; } #mainCenter .formSectionWrapper .formErrorWrapper .formErrorText.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity .8 ease; -moz-transition: opacity .8 ease; -o-transition: opacity .8 ease; -ms-transition: opacity .8 ease; transition: opacity .8 ease; } #mainCenter .formSectionWrapper .formElementWrapper { width: 375px; margin: 0 auto; } #mainCenter .formSectionWrapper input { width: 375px; height: 51px; color: #696e71; text-align: left; } #mainCenter .formSectionWrapper input.error { border-color: #9b2c23; color: #9b2c23; } #mainCenter .formSectionWrapper input.placeholder { text-align: center; } #mainCenter .formSectionWrapper input:focus { border-color: #89a4cf; text-align: left; } input::-moz-placeholder { text-align: center; } input:-moz-placeholder { text-align: center; } input::-webkit-input-placeholder { text-align: center; } input:-ms-input-placeholder { text-align: center; } #formWrapper-main .centerAnnounce-bottom { position: relative; width: 100%; height: 39px; margin: 36px auto 0; padding-bottom: 6px; text-align: center; } #mainCenter .formWrapper button { height: 36px; padding: 9px 3px 7px; } #mainCenter .formWrapper .formSubmitWrapper { position: relative; width: 246px; height: 39px; vertical-align: bottom; } #mainCenter .formWrapper .formSubmitWrapper .formSubmitThrobberWrapper { position: relative; width: 100%; height: 39px; padding-left: 3px; text-align: center; } #mainCenter .formWrapper .formSubmitWrapper .formSubmitThrobberWrapper.hide { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .formWrapper .formSubmitWrapper .formSubmitThrobberWrapper.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .formWrapper .formSubmitWrapper .formSubmitThrobberWrapper .formSubmitThrobberImage { position: relative; top: 4px; } #mainCenter .formWrapper .formSubmitWrapper .formSubmitThrobberWrapper .formSubmitThrobberText { position: relative; top: -7px; margin-left: 9px; } #mainCenter .formWrapper button.save { width: 180px; height: 39px; margin: 0 auto; background: #f69322; border: 1px solid #254A77; display: block; } #mainCenter .formWrapper button.save.show { cursor: pointer; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .formWrapper button.save.hide { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .formWrapper button.save:hover { background: #46659c; background: #9b2923; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #mainCenter .formWrapper button.save.disable { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); cursor: auto; } #mainCenter .formWrapper button.save.disable:hover { background: #f69322; } #mainCenter .formWrapper button.info { color: #0f67a6; background: #C7CEDE; border: 1px solid #254A77; } #mainCenter .formWrapper button.info.forgot-login { width: 129px; margin-left: -3px; } #mainCenter .formWrapper button.info.contact-admin { width: 129px; } #mainCenter .formWrapper button.info.return-login { width: 156px; margin-left: -3px; } #mainCenter .formWrapper button.info:hover { background: #46659c; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } /*TABS*/ #mainCenter .tabStripWrapper { position: relative; width: 100%; height: 100%; border: none; } #mainContent-wrapper .tabStripWrapper #sectionThrobberWrapper { position: absolute; top: 50%; left: 36%; width: 462px; height: 66px; z-index: 3001; } #mainContent-wrapper .tabStripWrapper #sectionThrobberWrapper.hide { opacity: 0 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainContent-wrapper .tabStripWrapper #sectionThrobberWrapper.show { opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } #mainContent-wrapper .tabStripWrapper #sectionThrobberWrapper .throbberImageSection { position: relative; top: 0; left: 0; width: 66px; height: 66px; float: left; } #mainContent-wrapper .tabStripWrapper #sectionThrobberWrapper .throbberSectionText { position: relative; top: 18px; left: 0; margin-left: 9px; float: left; } #mainContent-wrapper .tabStripWrapper #subSectionThrobberWrapper { position: absolute; top: 42%; left: 23%; width: 98%; height: 99px; text-align: center; } #mainContent-wrapper .tabStripWrapper #subSectionThrobberWrapper.hide { opacity: 0 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; z-index: 1; } #mainContent-wrapper .tabStripWrapper #subSectionThrobberWrapper.show { opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; z-index: 3001; } #mainContent-wrapper .tabStripWrapper #subSectionThrobberWrapper .throbberImageSection { position: relative; top: 0; left: 0; width: 66px; height: 66px; float: left; } #mainContent-wrapper .tabStripWrapper #subSectionThrobberWrapper .throbberSectionText { position: relative; top: 18px; left: 0; margin-left: 9px; float: left; } #mainCenter .k-tabstrip { width: 98.8%; height: 100%; padding: 0 0 0 12px; background: none; border: none; overflow: hidden; } #mainCenter .k-tabstrip .k-loading, #mainCenter .k-state-hover .k-loading { display: none; } #mainCenter .k-tabstrip .k-tabstrip-items { margin-top: 6px; padding: 0; } #mainCenter .k-tabstrip li.adminTab { margin-right: 30px; background-color: #C7CEDE; border-color: #696e71; } #mainCenter .k-tabstrip li.adminTab:last-of-type { margin-right: 0; } #mainCenter .k-tabstrip li.adminTab a.k-link { color: #254a77 !important; } #mainCenter .k-tabstrip li.adminTab.k-state-active { background-color: #5982B8; border-color: #254a77; z-index: 4; } #mainCenter .k-tabstrip li.adminTab.k-state-active a.k-link { color: #FFF !important; } #mainCenter .k-tabstrip li.adminTab.k-state-hover { background-color: #5982B8; border-color: #254a77; } #mainCenter .k-tabstrip li.adminTab.k-state-hover a.k-link { color: #FFF !important; } #mainCenter .tabContentWrapper.admin, #mainCenter .k-tabstrip .k-content.k-state-active { position: relative; width: 98.4%; left: 0; height: 651px; margin: 0; padding: 0 0 0 15px; background: #fff; border-bottom-width: 0; border-right-width: 0; border-color: #254A77; z-index: auto; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionTop { position: relative; top: 0; left: 0; width: 100%; height: 27px; padding-top: 18px; text-align: left; } #mainCenter .tabStripWrapper .tabSectionTop .tabSectionTopAnnounce { position: relative; top: 0; left: 0; padding-left: 9px; } #mainCenter .tabStripWrapper .arrowWrapper { display: none; } #mainCenter .tabStripWrapper .tabSectionTop button.tabContact { left: 61%; display: none; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottom { position: relative; top: 0; left: 0; width: 100%; height: 606px; padding-bottom: 1px; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottom .tabSectionBottomLeft { position: relative; top: 0; left: 0; width: 112px; height: 552px; padding-top: 57px; float: left; clear: left; -webkit-transition: width 0.8s ease; -moz-transition: width 0.8s ease; -o-transition: width 0.8s ease; -ms-transition: width 0.8s ease; transition: width 0.8s ease; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottom #buttonSection-reports.tabSectionBottomLeft { height: 93%; padding-top: 36px; padding-bottom: 1px; } #mainCenter .tabStripWrapper .tabContentWrapper #buttonSection-reports.tabSectionBottomLeft button.subsectionSelect.selected { left: 27px; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottom .tabSectionBottomLeft.subSectionSmall { width: 9%; padding-left: 0; -webkit-transition: width 0.8s ease; -moz-transition: width 0.8s ease; -o-transition: width 0.8s ease; -ms-transition: width 0.8s ease; transition: width 0.8s ease; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomLeft button.subsectionSelect { left: 0; width: 106px; margin-bottom: 42px; padding: 5px 2px 4px 2px; font-size: 14px; line-height: 18px; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 0.6s ease; -ms-transition: All 0.6s ease; transition: left All 0.6s ease; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomLeft button.subsectionSelect.disable { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); cursor: auto; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomLeft button.subsectionSelect.disable:hover { background: #C7CEDE; color: #0F67A6; } #mainCenter .tabStripWrapper .tabContentWrapper #buttonSection-system.tabSectionBottomLeft button.subsectionSelect { margin-bottom: 42px; } #mainCenter .tabStripWrapper .tabContentWrapper #buttonSection-reports.tabSectionBottomLeft button.subsectionSelect { margin-bottom: 30px; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomLeft button.subsectionSelect.selected { left: 16px; z-index: 2; cursor: auto; -webkit-transition: left 0.6s ease; -moz-transition: left 0.6s ease; -o-transition: left 0.6s ease; -ms-transition: left 0.6s ease; transition: left 0.6s ease; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomLeft button.subsectionSelect:last-of-type { margin-bottom: 0; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomLeft button.subsectionSelect.subSectionSmall { font-size: 12px; width: 79px; height: 74px; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomRight { position: relative; top: 0; left: -6px; width: 90%; height: 586px; margin-top: 18px; padding-left: 0; padding-right: 6px; float: right; clear: right; border: 1px solid #46659C; border-right: none; border-bottom: none; -webkit-border--radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; background: #EBECF0; overflow: hidden; } #mainCenter .tabStripWrapper .tabContentWrapper #subSection-users.tabSectionBottomRight { left: 0; width: 88%; padding-left: 0; padding-right: 0; } #mainCenter .tabStripWrapper .tabContentWrapper #buttonSection-users.tabSectionBottomLeft button.subsectionSelect { height: 42px; } #mainCenter .tabStripWrapper .tabContentWrapper #subSection-income.tabSectionBottomRight { left: 0; width: 885px; padding-left: 0; padding-right: 0; } #mainCenter .tabStripWrapper .tabContentWrapper .tabSectionBottomRight.subSectionSmall { width: 89%; left: 0; padding-left: 10px; } #mainCenter .tabSectionBottomRight .subSectionWrapper { position: relative; width: 100%; height: 84%; min-height: 585px; top: 0; left: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper #opacityWrapper { position: absolute; left: 24px; top: 22%; width: 96%; height: 75%; z-index: 3001; display: none; } #mainCenter .tabSectionBottomRight .subSectionWrapper #opacityWrapper.opacityFade { background: none repeat scroll 0 0 #EBECF0; opacity: 0.6; display: block; } #mainCenter .tabSectionBottomRight .subSectionWrapper.show { opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } #mainCenter .tabSectionBottomRight .subSectionWrapper.hide { opacity: 0 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionWrapper .subSectionInnerWrapper { position: relative; width: 99%; height: 100%; padding: 0 0 0 7px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .subSectionTop { position: relative; width: 100%; height: 10%; margin-top: 1.7%; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop .subSectionAnnounceTop { position: relative; top: 3px; height: 23px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.income .subSectionTop .subSectionAnnounceTop { position: relative; height: 46px; line-height: 26px; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .subSectionTop .subSectionAnnounceTop { top: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop .horizontal-line { width: 98%; margin: 18px auto 0; background: #C5C5C5; } #mainCenter .tabSectionBottomRight .subSectionWrapper .subSectionTop button.tabContact { position: absolute; top: 16px; left: 82%; display: none; } /*UPDATE QB*/ #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper { width: 98%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .subSectionTop { height: 11%; margin-top: 1%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .subSectionTop .subSectionAnnounceTop { height: 95%; line-height: 140%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .subSectionMiddle { height: 75%; margin-top: 6.1%; } /*UPDATE SUCCESS*/ /*UPDATE PROGRESS*/ #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper { position: relative; width: 100%; height: 33%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper { position: relative; left: 0; width: 98.4%; height: 37%; margin: 0 auto; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .updateProgressAnnounce { position: relative; width: auto; min-width: 40px; height: 45%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .throbberImageSection { position: relative; top: 14px; width: 36px; height: 36px; margin-left: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .throbberImageSection.animatedGIF { background: url("../images/throbber-fan-32x32.gif") no-repeat; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .throbberImageSection canvas { position: relative; width: 33px; height: 33px; display: block; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateProgress { position: relative; left: -0.2%; width: 98.9%; height: 57%; margin: 0 auto; text-align: left; border: 1px solid #c5c5c5; background: #C7CEDE; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem { position: relative; width: 9.5%; height: 29%; padding-bottom: 3%; padding-left: 0.8%; padding-right: 0.8%; padding-top: 3%; line-height: 18px; text-align: center; float: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem:last-of-type { width: 9.6%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem .updateProgressAnnounce { position: absolute; top: 21%; left: 5%; width: 90%; transform: translate(0px, 22%); -webkit-transform: translate(0px, 22%); } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem.red { background: #9b2c23; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem.green { background: #3CAF6B; background: #357C7F; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateMonthYearWrapper { position: relative; width: 100%; height: 57%; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateMonthYearWrapper .updateMainAnnounce { position: relative; width: auto; min-width: 40px; height: 37%; line-height: 33px; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateMonthYearWrapper .updateMonthYearWidgetWrapper { position: relative; width: 36%; height: 28%; margin: 0 auto; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .updateMonthYearWrapper .updateMonthYearWidgetWrapper .kendoDropDownList { margin-left: 10%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .uploadSuccessStartButtonWrapper { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .uploadSuccessStartButtonWrapper button { } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .successSectionWrapper { position: relative; width: 100%; height: 64%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper { position: relative; width: 100%; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper { position: relative; width: 57%; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce { margin-bottom: 1%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce.statusAnnounce { margin-bottom: 2%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounceTarget { position: relative; margin-bottom: 5%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounceStatusWrapper { position: relative; width: 60%; height: 31%; margin: 0 auto; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounceStatusWrapper .announceItem { position: relative; width: auto; height: 28%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.update .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce.alertAnnounce { position: relative; padding-top: 2%; margin-bottom: 0; } /*UPLOAD*/ #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper { width: 98%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .subSectionTop { height: 11%; margin-top: 1%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .subSectionTop .subSectionAnnounceTop { height: 95%; line-height: 140%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .subSectionMiddle { height: 75%; margin-top: 6.1%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper { position: relative; width: 100%; height: 32%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper .uploadUIWrapper { position: relative; width: 100%; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper .uploadFileAnnounce { position: relative; width: auto; min-width: 10%; max-width: 54%; margin: 4% auto; text-align: center; line-height: 28px; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper .progressBox.upload { position: relative; height: 5%; width: 33%; margin: 4% auto 0; padding: 3%; text-align: center; border: 1px solid #cecece; border-radius: 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .progressBox.upload .progressBar { position: relative; width: 100%; height: 100%; margin-top: 4%; background-color: #5982B8; border-radius: 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .progressBox.upload .progressStatus { position: absolute; top: 6px; left: 31%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper .buttonWrapper { position: relative; margin-top: 3%; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper .uploadUIWrapper { position: relative; width: 70%; height: 100%; margin: 0 auto; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper .uploadUIWrapper #browseUpload { position: relative; top: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadFormWrapper form { position: absolute; top: -150%; left: -150%; width: 100%; height: 6%; visibility: hidden; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessSectionWrapper { position: relative; width: 100%; height: 64%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessSectionWrapper.error { height: 64%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessWrapper { position: relative; width: 70%; margin: 0 auto; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessItemWrapper { position: relative; width: 99%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessAnnounceWrapper { height: 18%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce { position: relative; margin-bottom: 0.5%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce.error { } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessActionWrapper { height: 70%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessErrorWrapper { height: 70%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessAnnounceTop { height: 12%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessDateWrapper { height: 11%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessActionWrapper .uploadSuccessDateWrapper .uploadSuccessDateAnnounce { } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessActionWrapper .uploadSuccessDateWrapper .uploadSuccessDate { } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessStartWrapper { height: 38%; margin-top: 2%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessStartWrapper .uploadSuccessStartAnnounce { height: 37%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessStartWrapper.upDateError .uploadSuccessStartAnnounce { height: 100%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessStartWrapper .uploadSuccessStartMonthTarget { } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessStartConfirm { margin-top: 1%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessErrorWrapper .uploadSuccessStartConfirm { margin-top: 9%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessActionWrapper .uploadSuccessStartButtonWrapper { } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .uploadSuccessActionWrapper button { } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper { position: relative; width: 100%; height: 33%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper { position: relative; left: 0; width: 98.4%; height: 37%; margin: 0 auto; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .updateProgressAnnounce { position: relative; width: auto; min-width: 40px; height: 45%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .throbberImageSection { position: relative; top: 14px; width: 36px; height: 36px; margin-left: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .throbberImageSection.animatedGIF { background: url("../images/throbber-fan-32x32.gif") no-repeat; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateThrobberWrapper .throbberImageSection canvas { position: relative; width: 33px; height: 33px; display: block; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateProgress { position: relative; left: -0.2%; width: 99.9%; height: 57%; margin: 0 auto; text-align: left; border: 1px solid #c5c5c5; background: #C7CEDE; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem { position: relative; width: 10.86%; height: 41%; padding-bottom: 3%; padding-left: 0.9%; padding-right: 0.9%; padding-top: 3%; line-height: 18px; text-align: center; float: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem:last-of-type { width: 9.6%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem .updateProgressAnnounce { position: absolute; top: 21%; left: 5%; width: 90%; transform: translate(0px, 22%); -webkit-transform: translate(0px, 22%); } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem.red { background: #9b2c23; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .updateProgressWrapper .updateProgress .updateProgressItem.green { background: #3CAF6B; background: #357C7F; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper { position: relative; width: 100%; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper { position: relative; width: 57%; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce { margin-bottom: 1%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce.statusAnnounce { margin-bottom: 2%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounceTarget { position: relative; margin-bottom: 5%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounceStatusWrapper { position: relative; width: 62%; height: 28%; margin: 0 auto; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounceStatusWrapper .announceItem { position: relative; width: auto; height: 31%; } #mainCenter .tabSectionBottomRight .subSectionWrapper.upload .subSectionInnerWrapper .finalAnnounceWrapper .uploadSuccessAnnounceWrapper .uploadSuccessAnnounce.alertAnnounce { position: relative; padding-top: 2%; margin-bottom: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .subSectionMiddle { position: relative; width: 100%; height: 69px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .subSectionBottom { position: relative; top: 0; left: 0; } /*GRID*/ /* Column header: selected: best: 5882b8 or d4deea normal: b6c7d9 zebra stripes: ebecef + ffffff */ #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-toolbar { padding: 0; background: #fff; border-bottom: 1px solid grey; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-toolbar .subSectionTop { position: relative; top: 0; left: 0; height: 27px; margin-top: 21px; margin-bottom: 12px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-toolbar .subSectionTop .subSectionAnnounceTop { position: relative; top: 0; left: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-toolbar .subSectionTop button { position: absolute; top: -3px; left: 82%; } /*USER GRID*/ #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-users { position: relative; top: 0; left: 0; width: 95%; margin: 42px 0 0 24px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-header { background: #D4DEEA; background: #b6c7d9; background: #5982B8; /*same as button*/ } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-state-selected { background-color: #BCC1C4; border-color: #BCC1C4; color: #0F67A6; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-header .k-header { padding: 9px 9px 3px; border-right-width: 1px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-header .k-header.text-left { position: absolute; left: 8px; width: 99%; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-header .k-header a { } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-header .k-header .k-icon { position: absolute; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-content { color: #234A78; } /*add and edit user*/ #mainCenter .tabSectionBottomRight #subSectionWrapper #compImage { position: absolute; top: 6px; left: -2px; width: 100%; height: 99%; opacity: .2; background: url("../images/pma-addUser-comp-middle.jpg") no-repeat; display: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionTop span.hasSelect { left: -159px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionTop span.hasSelectWide { left: -219px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.deleteUser .subSectionTop span.hasSelectWide { left: -45px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.deleteUser.confirm .subSectionTop span.hasSelectWide { left: -21px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionTop button.tabContact, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser subSectionTop button.tabContact { left: 783px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-incomeExpense { height: 67px; margin-top: 21px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-incomeExpense.subSectionTop button.tabContact { top: 11px; left: 819px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-incomeExpense { height: 39px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-incomeExpense.throbberShow { top: 10px; left: -88px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop .clearControl { position: absolute; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #clearAll-incomeExpense { top: 6px; left: 71%; width: 179px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #confirmClear-incomeExpense { top: 8px; left: 76%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #cancelClear-incomeExpense { top: 8px; left: 86%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #clearAll-expenseGrouping { top: 0; left: 75%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #confirmClear-expenseGrouping { top: 0; left: 70%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #cancelClear-expenseGrouping { top: 0; left: 81%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #clearAll-expenseAssignment { top: 1px; left: 78%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #clearAll-employeeAssignment { top: -9px; left: 82%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #confirmClear-expenseAssignment { top: -6px; left: 81%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #confirmClear-employeeAssignment { top: -6px; left: 79%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #cancelClear-expenseAssignment { top: -6px; left: 91%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #cancelClear-employeeAssignment { top: -6px; left: 90%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-incomeExpense.subSectionTop #cancelClear-incomeExpense:hover, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-incomeExpense.subSectionTop #cancelClear-expenseGrouping:hover { background: #46659c; background: #9b2923; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-grouping.subSectionTop #clearAll-expenseAssignment, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-grouping.subSectionTop #clearAll-employeeAssignment { position: absolute; top: -3px; left: 74%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-expenseAssignment.subSectionTop #clearAll-expenseAssignment, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-employeeAssignment.subSectionTop #clearAll-expenseAssignment { position: absolute; top: -6px; left: 77%; width: 141px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #subSectionTopThrobberWrapper { position: absolute; width: 32px; height: 32px; top: -2px; left: 70%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-grouping #subSectionTopThrobberWrapper { top: 4px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-incomeExpense #subSectionTopThrobberWrapper { top: 4px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #subSectionTopThrobberWrapper.confirmGrouping { top: 4px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-incomeExpense.subSectionTop #subSectionTopThrobberWrapper { left: 65%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionMiddle { height: 66.4%; margin-top: 6.1%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper { position: relative; width: 819px; margin: 0 auto; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper #editUserSelectWrapper { position: absolute; top: -115px; left: 400px; width: 220px; height: 36px; z-index: 3002; } /*DELETE USER EXCEPTIONS*/ #mainCenter .tabSectionBottomRight #subSectionWrapper-deleteUser .subSectionTop #editUserSelectWrapper { position: absolute; top: -4px; width: 220px; height: 36px; } #mainCenter .tabSectionBottomRight #subSectionWrapper-deleteUser button.tabContact { top: 18px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper #editUserSelectWrapper.hasSelectWide { left: 447px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-row, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-row{ height: 36px; margin-bottom: 39px; position: relative; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-row.first, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-row.first { } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-row.last, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-row.last { height: 18px; margin-bottom: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionFormWrapper .formWrapper-row .formWrapper-column.left { position: relative; width: 102px; float: left; clear: left; text-align: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionFormWrapper .formWrapper-row .formWrapper-column.right { position: relative; max-width: 681px; min-width: 246px; margin-left: 33px; float: left; clear: right; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser input#email, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser input#email { width: 216px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser input#username, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser input#username { width: 216px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-inputWrapper { position: relative; min-width: 393px; height: 36px; text-align: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-inputWrapper.wide { min-width: 426px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-inputWrapper:last-of-type, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-inputWrapper:last-of-type { left: -11px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-inputWrapper.second, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-inputWrapper.second { clear: none; } #mainCenter .tabSectionBottomRight .subSectionFormWrapper .formWrapper-inputAnnounce { position: relative; padding-top: 11px; float: right; clear: left; } #mainCenter .tabSectionBottomRight .subSectionFormWrapper .formWrapper-inputAnnounce.kendoAnnounce { padding-top: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-spacer, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-spacer { margin-right: 99px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-inputWrapper.second .formWrapper-inputAnnounce, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-inputWrapper.second .formWrapper-inputAnnounce { margin-left: 30px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-inputAnnounce + span, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-inputAnnounce + span { left: -3px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-inputWrapper.second .formWrapper-inputAnnounce + span, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-inputWrapper.second .formWrapper-inputAnnounce + span { left: -21px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .radioGroupAnnounce, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .radioGroupAnnounce { position: relative; top: -6px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-radioGroup, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-radioGroup { position: relative; width: 600px; text-align: left; float: left; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-radioGroup .formWrapper-radioWrapper, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-radioGroup .formWrapper-radioWrapper { position: relative; left: -6px; width: 123px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-radioGroup .formWrapper-radioWrapper.last, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-radioGroup .formWrapper-radioWrapper.last { margin-bottom: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-radioGroup .radioAnnounce, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-radioGroup .radioAnnounce { } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper .formWrapper-radioGroup input, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper .formWrapper-radioGroup input { margin-right: 6px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input::-moz-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input:-moz-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input::-webkit-input-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input:-ms-input-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input::-moz-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input:-moz-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input::-webkit-input-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input:-ms-input-placeholder { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input { margin-left: 27px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionFormWrapper .formWrapper-column input { margin-left: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input#lastName, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input#lastName { margin-right: 30px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input[type="radio"], #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input[type="radio"]{ margin-left: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input.tabSubSectionInput, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input.tabSubSectionInput { width: 216px; height: 36px; padding-top: 3px; color: #696E71; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.addUser .subSectionFormWrapper input.tabSubSectionInput:focus, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.editUser .subSectionFormWrapper input.tabSubSectionInput:focus { border-color: #89a4cf; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom { } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .horizontal-line { width: 98%; margin: 2px auto 0; background: #C5C5C5; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper { position: relative; width: 100%; padding-top: 18px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper .save { left: 27px; width: 113px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper .save:hover { background: #46659c; background: #9b2923; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper .save.disable { opacity: 0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper.save.disable:hover { cursor: auto; background: #254A77; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper .clear { left: 273px; width: 108px; } /*addUser form kendo*/ #mainCenter .tabSectionBottomRight .subSectionFormWrapper .k-dropdown { height: 34px; } #mainCenter .tabSectionBottomRight .k-dropdown-wrap, #mainCenter .tabSectionBottomRight .k-picker-wrap { height: 33px; font-size: 16px; border: 1px solid; } .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover { border: 1px solid #A9AEB1; } #mainCenter .tabSectionBottomRight .k-dropdown-wrap .k-input { height: 33px; text-align: left; line-height: 36px; color: #696E71; font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif; } #mainCenter .tabSectionBottomRight .topSelect .k-dropdown-wrap .k-input { color: #254A77; } #mainCenter .tabSectionBottomRight .k-dropdown-wrap .k-icon { margin-top: 10px; } body.pma .k-list-container { text-align: left; box-shadow: none; } body.pma .k-list-container ul.k-list li.k-item { margin-top: 3px; font-size: 15px; color: #696e71; line-height: 18px; font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif; } body.pma .k-list-container ul.k-list li.k-item.k-state-hover, body.pma .k-list-container ul.k-list li.k-item.k-state-hover:hover { background: #C7CEDE; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .summaryWrapper { position: relative; width: 56%; margin: 0 auto; padding: 15px 0 0 0; text-align: left; } /*addUserSuccess*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.success .subSectionTop { padding-top: 24px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.success .subSectionMiddle { height: 420px; margin-top: 0; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.success #newUserAnnounce { position: relative; width: 80%; margin: 0 auto; padding-top: 36px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.success .summaryWrapper { position: relative; width: 56%; margin: 0 auto; padding: 15px 0 0 0; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .summarySectionWrapper { position: relative; margin-top: 18px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .summaryItemAnnounce { position: relative; width: 141px; margin-right: 12px; text-align: right; float: left; clear: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .summaryItemGroupWrapper { position: relative; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .summaryItemGroupWrapper .summaryItem { width: auto; min-width: 18px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .summaryItemWrapper { position: relative; width: 306px; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .summaryItem { position: relative; width: 100%; word-break: } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper button.success { margin-right: 72px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper button.success:hover { background: #9b2923; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper button.editUserSuccess { margin-right: 72px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper button.editUserSuccess:hover { background: #9b2923; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } /*DELETE USER SUCCESS*/ #mainCenter .tabSectionBottomRight .subSectionMiddle.deleteUserSuccess { height: 186px; } #mainCenter .tabSectionBottomRight .subSectionMiddle.deleteUserSuccess .summaryWrapper { position: relative; width: 56%; margin: 0 auto; padding: 45px 0 0 0; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionMiddle.deleteUserSuccess .summarySectionWrapper { position: relative; margin-top: 36px; } #mainCenter .tabSectionBottomRight .subSectionMiddle.deleteUserSuccess .summaryItemAnnounce { width: 204px; } /*PERMISSION VIEW*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.permissionsView .subSectionTop span.hasSelect { left: -195px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.permissionsView .subSectionTop span.hasSelectWide { left: -219px; } #mainCenter .tabSectionBottomRight #subSectionWrapper-permissionsView #opacityWrapper { position: absolute; top: 13%; width: 97%; height: 87%; z-index: 3001; display: none; } #mainCenter .tabSectionBottomRight #subSectionWrapper-permissionsView #opacityWrapper.opacityFade { background: none repeat scroll 0 0 #EBECF0; opacity: 0; display: block; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.permissionsView .subSectionMiddle { height: 492px; margin-top: 0; padding-top: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.permissionsView .subSectionFormWrapper #editUserSelectWrapper { position: absolute; top: -58px; left: 528px; width: 220px; height: 36px; z-index: 3002; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.permissionsView .subSectionFormWrapper { position: absolute; top: 0; left: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.permissionsView #gridWrapper-permissionView { position: relative; top: 0; left: 0; width: 90%; height: 468px; padding: 21px 0 0 45px; } /*PERMISSION GRID*/ #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-permissionsView { position: relative; top: 0; left: 0; width: 97%; margin: 33px 0 0 12px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-permissionsView #grid-userPermissions { width: 84%; margin: 0 auto; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-grid-content { min-height: 152px; max-height: 339px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-grid-toolbar { padding-bottom: 9px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .subSectionAnnounceTop { height: 36px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-grid-toolbar #currentPermissionWrapper { position: relative; top: -2px; margin-left: 4px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-grid-toolbar .k-input { height: 30px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-grid-toolbar .k-dropdown-wrap, #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-grid-toolbar .k-picker-wrap { height: 30px; font-size: 14px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-master-row td:last-of-type, #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-detail-cell td:last-of-type { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions td .k-input { height: 21px; line-height: 21px; color: #254A77; } body.pma .k-list-container { border-color: #A9AEB1; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions td.k-picker-wrap { font-size: 13px; height: 21px; border: 1px solid; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions td .k-dropdown-wrap, #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions td .k-picker-wrap { font-size: 13px; height: 21px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions td .k-icon { margin-top: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .k-hierarchy-cell { padding-right: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions td.k-detail-cell { padding: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions #sectionGrid { } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions #sectionGrid .k-grid-header { } #mainCenter .tabSectionBottomRight .subSectionWrapper #grid-userPermissions .sectionGrid #subsectionGrid { } /*INCOME*/ #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionTop-income { height: 6%; margin-top: 1.3%; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionTop-income .subSectionAnnounceTop { height: 41px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionTop-income .horizontal-line { margin: 0 auto; } .#mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionBottom-income { } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionBottom-income .buttonWrapper { padding-top: 18px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionBottom-income .buttonWrapper #save-income { top: 0; left: 120px; width: 72px; } #mainCenter .tabSectionBottomRight #subSectionWrapper-changedTransactions .subSectionInnerWrapper #subSectionBottom-income .buttonWrapper #save-income { left: 120px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper .incomeAction { width: 132px; left: 0; margin-right: 12px; float: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income { height: auto; margin-top: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateVerify-income { position: relative; width: 100%; height: 86%; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateVerify-income .horizontal-line { background: none repeat scroll 0 0 #c5c5c5; width: 80%; margin: 0 auto; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income .updateVerifyAnnounce { position: relative; width: 94%; margin: 0 auto; padding-top: 27px; padding-bottom: 12px; line-height: 27px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income .updateVerifyAnnounce.top { position: relative; padding-top: 21px; padding-bottom: 18px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateSummaryWrapper { position: relative; width: 63%; margin: 0 auto; padding-top: 33px; padding-bottom: 0; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateSummaryWrapper .updateVerifyItemWrapper { position: relative; padding-bottom: 15px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateSummaryWrapper .updateVerifyItemWrapper.first { position: relative; padding-bottom: 15px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateSummaryWrapper .updateVerifyItem { position: relative; padding-bottom: 6px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateSummaryWrapper .updateVerifyItem.detail { position: relative; padding-left: 12px; padding-bottom: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateVerifyBottom { position: relative; width: 80%; margin: 0 auto; padding-top: 33px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateVerifyBottom #go-income { width: 162px; margin: 0 auto; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income #updateVerifyBottom #cancel-income { float: right; clear: right; } /*NO GRID*/ #mainCenter .noGridWrapper { position: relative; width: 97%; height: auto; min-height: 115px; max-height: 450px; overflow-y: hidden; margin: 18px auto 0; border: 1px solid #254a77; background: #fff; } #mainCenter.visualization .noGridWrapper { width: 99%; max-height: 561px; } #mainCenter .noGridMain { position: relative; width: 100%; height: auto; max-height: 450px; } #mainCenter.visualization .noGridMain { width: 100%; max-height: 561px; } #mainCenter .noGridBottom { } #mainCenter .noGridCategoryAnnounceWrapper { position: relative; width: 100%; height: 32px; text-align: left; background: none repeat scroll 0 0 #B6C7D9; border-bottom: 1px solid #254a77; overflow-y: scroll; } #mainCenter.visualization .noGridCategoryAnnounceWrapper { height: 35px; } #mainCenter .noGridWrapper .noGridRow.announce { height: 32px; width: 835px; } #mainCenter.visualization .noGridWrapper .noGridRow.announce { height: 35px; width: 778px; } #mainCenter .noGridWrapper .verticalLine { width: 1px; height: 100%; background: #c5c5c5; } #mainCenter .noGridWrapper .verticalLine.dark { background: #254a77; } #mainCenter .noGridWrapper .categoryAnnounce { position: relative; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 12px; vertical-align: top; text-align: center; word-wrap: break-word; } #mainCenter.visualization .noGridWrapper .categoryAnnounce { height: auto; max-height: 69px; overflow-y: auto; } #mainCenter.visualization .noGridWrapper .categoryAnnounce { line-height: 13px; } #mainCenter .noGridWrapper .categoryAnnounce.changed { top: 8%; } #mainCenter .noGridWrapper .categoryAnnounce.six { width: 6%; } #mainCenter .noGridWrapper .categoryAnnounce.eight { width: 8%; } #mainCenter .noGridWrapper .categoryAnnounce.ten { width: 10%; } #mainCenter .noGridWrapper .categoryAnnounce.twelve { width: 12%; } #mainCenter .noGridWrapper .categoryAnnounce.fifteen { width: 15%; } #mainCenter .noGridWrapper .categoryAnnounce.seventeen { width: 17%; } #mainCenter .noGridWrapper .categoryAnnounce.twentyOne { width: 21%; } #mainCenter .noGridWrapper .categoryAnnounce.twentyEight { width: 28%; } #mainCenter .noGridWrapper .controlWrapper { position: relative; width: 18%; padding-top: 3px; vertical-align: top; } #mainCenter.visualization .noGridWrapper .controlWrapper { width: 9%; } #mainCenter.visualization .noGridWrapper .controlWrapper button { margin: 16px 0 0 16px; } #mainCenter .noGridWrapper .radioWrapper { position: relative; width: 91%; padding-left: 15px; padding-top: 6px; vertical-align: top; } #mainCenter .noGridWrapper .radioWrapper input { position: relative; padding: 0; margin: 0; } #mainCenter .noGridWrapper .radioWrapper label, #mainCenter .noGridWrapper .radioWrapper span { position: relative; top: 1px; padding-left: 6px; } #mainCenter .noGridWrapper .radioWrapper input.narrow { top: 5px; } #mainCenter .noGridWrapper .radioWrapper span.narrow { top: 13px; width: 60px; } #mainCenter .noGridWrapper .controlWrapper.changed { position: absolute; width: 15%; height: 100%; left: 85%; padding-top: 0; background: #fff; } #mainCenter .noGridWrapper .controlWrapper.changed .radioWrapper { left: 15px; width: 74%; padding-top: 12px; } #mainCenter .noGridWrapper .categoryAnnounce.control { padding-left: 46px; } #mainCenter.visualization .noGridWrapper .categoryAnnounce.control { padding-left: 25px; } #mainCenter .noGrid { position: relative; width: 100%; height: auto; max-height: 381px; overflow-y: scroll; overflow-x: hidden; text-align: left; } #mainCenter.visualization .noGrid { max-height: 519px; min-height: 519px; } #mainCenter .noGridWrapper .noGridRow { position: relative; width: 835px; height: 81px; } #mainCenter.visualization .noGridWrapper .noGridRow { width: 778px; } #mainCenter.noGridWrapper .noGridRow.bold { border-bottom: 1px solid #254a77; } #mainCenter .noGridWrapper .noGridRow.total { height: 32px; border-top: 1px solid #254a77; } #mainCenter .noGridRow.total.subtotal { border-bottom: 1px solid #254a77; border-top: 1px solid #254a77; } #mainCenter .noGridWrapper .noGridRow.total .totalAnnounceWrapper { width: 459px; height: 100%; text-align: right; vertical-align: top; } #mainCenter .noGridWrapper .noGridRow.total.subtotal .totalAnnounceWrapper { width: 68.6%; } #mainCenter .noGridWrapper .noGridRow.total .totalAnnounce { padding-right: 12px; padding-top: 10px; vertical-align: top; } #mainCenter .noGridWrapper .noGridRow.total .totalWrapper { width: 17.8%; text-align: left; vertical-align: top; } #mainCenter .noGridWrapper .noGridRow.total .total { padding-top: 12px; padding-left: 17px; vertical-align: top; } #mainCenter .noGridWrapper .noGridRow.changed { height: 84px; } #mainCenter .noGridWrapper .noGridRow.changed.bottomBorder { border-bottom: 1px solid #254a77; } #mainCenter .noGridWrapper .noGridRow .subRowWrapper { position: relative; width: 100%; height: 100%; background-color: #fff; } #mainCenter .noGridWrapper .noGridRow.changed .subRowWrapper .subRowTop { position: relative; height: 49%; border-bottom: 1px solid #C5C5C5; background-color: #fff; } #mainCenter .noGridWrapper .noGridRow.changed .subRowWrapper .subRowBottom { position: relative; height: 49.5%; background-color: #ebecef; } /*PROGRESS*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income .updateProgressWrapper { position: relative; width: 100%; height: 40%; padding-top: 135px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income .updateProgressWrapper .updateProgressAnnounce { position: relative; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-income .updateProgressWrapper .updateProgressImage { position: relative; top: 9px; width: 32px; height: 32px; margin-left: 0; margin-right: 9px; background: url("../images/throbber-fan-32x32.gif") no-repeat; } /*SYSTEM*/ #mainCenter .tabStripWrapper .tabContentWrapper #buttonSection-system.tabSectionBottomLeft button.subsectionSelect { margin-bottom: 27px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-systemGeneral { height: 432px; margin-top: 18px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionTop #subSectionAnnounceTop-systemGeneral { left: -36px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-row { margin-bottom: 27px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionFormWrapper #formWrapper-systemGeneral .formWrapper-column.right { min-width: 285px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral input.tabSubSectionInput { width: 272px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral input#practiceName { width: 486px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral { width: 951px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.first { min-width: 375px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.first .formWrapper-column.right { min-width: 222px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.middle { left: -24px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-column.left { width: 128px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-column.left.wide { width: 138px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-column.wide .formWrapper-inputAnnounce { padding-top: 4px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-column.right { margin-left: 15px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-row.first .formWrapper-column.right { margin-left: 15px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.middle { max-width: 297px; min-width: 140px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.middle .formWrapper-column.right { max-width: 201px; min-width: 180px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.middle .formWrapper-column.left { width: 83px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.last { left: -18px; min-width: 222px; float: right; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.last .formWrapper-column.left { width: 78px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.last .formWrapper-column.right { min-width: 198px; } /*update widget*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.updateWidget { min-width: 261px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.updateWidget .formWrapper-column.left { width: 138px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.updateWidget .formWrapper-column.right { min-width: 123px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.updateWidget .innerAnnounce { margin-right: 7px; margin-left: 0; padding-top: 10px; float: left; clear: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .formWrapper-inputWrapper.updateWidget #frequencyInternalWrapper { left: -2px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral input.kendoNumericTextBox { height: 33px; margin-left: 0; padding-left: 6px; padding-top: 1px; color: #919699; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .k-numeric-wrap { border-width: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral .k-numeric-wrap .k-select { padding-top: 3px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral span.setLeft { position: relative; top: -1px; margin-left: 3px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-systemGeneral input#email { } #mainCenter .tabSectionBottomRight #subSectionWrapper-systemGeneral .subSectionInnerWrapper .subSectionBottom .buttonWrapper { padding-top: 12px; } /*REPORTS SECTION GRID border-color: #9b2c23; color: #9b2c23; border #254A77 color: #9b2c23; */ .k-grid table, .k-grid table tr, .k-grid table tbody { position: relative; } .k-grid > table > tbody .k-group-cell + td, .k-grid > .k-grid-content .k-group-cell + td, .k-grid .k-hierarchy-cell + td { position: relative; border-left-width: 0; line-height: 14px; padding: 8px 0 8px 0; } .k-grid .k-group-col, .k-grid .k-hierarchy-col { width: 24px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-state-selected { background-color: #FFF; color: #234A78; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-alt.k-state-selected { background-color: #EBECEF; color: #234A78; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .highlightFlash { color: #9b2c23 !important; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .highlightFlashRemove { color: #234A78; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.8s ease; } /*EXPENSE GROUPING*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-grouping { padding-top: 6px; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-grouping { left: 18px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-grouping.throbberShow { left: 189px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-grouping.successShow { left: 216px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-expenseAssignment.throbberShow { left: 183px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-expenseAssignment.successShow { left: 216px; } body.pma .k-list-container li.k-item span.gridDropDownItem { font-size: 13px; line-height: 15px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper.grouping .subSectionMiddle { height: 82%; margin-top: 0; padding-top: 9px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping { position: relative; height: 98%; top: 0; left: 0; width: 97%; margin: 9px 0 0 12px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-grid-header { display: table-header-group; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping tr.k-detail-row td.k-detail-cell { padding-top: 3px; padding-right: 0; padding-bottom: 9px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-master-row td { padding-top: 12px; padding-bottom: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .coaGrid .k-master-row td { padding-top: 15px; padding-bottom: 15px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-grid-edit { margin-top: 0; margin-bottom: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .coaGrid .k-grid-header { display: table-header-group; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .coaGrid.child .k-grid-header .k-header { display: none; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-grid-header .k-header { padding: 9px 0 6px 0px; text-align: left; border-right-width: 0; font-size: 14px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-grid-header th.k-header:nth-of-type(3) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-grid-header th.k-header:nth-of-type(4) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-grid-header th.k-header:nth-of-type(5) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-grid-header th.k-header:nth-of-type(6) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-icon.k-plus, #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-grouping .k-icon.k-minus { position: relative; top: -1px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping { width: 98%; height: auto; max-height: 99%; min-height: 177px; margin: 0 auto; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .k-grid-content { position: relative; min-height: 110px; max-height: 387px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .k-grid-content tr.k-master-row { position: relative; z-index: 1; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .k-grid-content .k-hierarchy-cell { padding-left: 3px; padding-right: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid.child { top: -8px; left: 1px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid.child .k-grid-header { display: none; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid .k-grid-content { min-height: 37px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid .tableCheckboxWrapper { position: relative; top: -1px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid .tableCheckboxWrapper .tableCheckbox { position: relative; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid .tableCheckboxWrapper .tableCheckboxAnnounce { position: relative; top: 2px; margin-left: 9px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .k-grid-toolbar .subSectionTop { position: relative; height: 21px; margin-top: 15px; margin-bottom: 6px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping td input.allocationTextInput { width: 30px; margin: 0 auto; padding-top: 3px; display: block; font-size: 12px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .gridDropDown { height: 25px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .gridDropDown .k-dropdown-wrap { height: 24px; border: 1px solid #C5C5C5; font-size: 13px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .gridDropDown .k-dropdown-wrap .k-input { height: 24px; color: #696E71; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; line-height: 26px; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .gridDropDown .k-dropdown-wrap .k-icon { margin-top: 2px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-update, #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-cancel, #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-edit { font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; font-size: 12px; padding-top: 3px; padding-bottom: 1px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-update .k-icon { margin-top: -2px; margin-left: 3px; margin-bottom: 0; margin-right: 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-cancel .k-icon { margin-top: -2px; margin-left: 3px; margin-bottom: 0; margin-right: 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-grid-edit .k-icon { margin-top: -2px; margin-left: -5px; margin-bottom: 0; margin-right: 4px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-icon.k-plus, #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .k-icon.k-minus { position: relative; top: -3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .coaGrid .k-numeric-wrap .k-icon { margin-top: 0px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .k-widget.k-tooltip-validation { margin-left: -70px !important; padding-top: 8px; padding-right: 8px; background-color: #D3D4D7; border-color: #234A78; color: #234A78; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .k-tooltip-validation .k-warning { position: relative; top: -2px; margin-right: 6px; vertical-align: text-top; } #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid .k-master-row td:last-of-type, #mainCenter .tabSectionBottomRight .subSectionWrapper .grid-grouping .coaGrid .k-detail-cell td:last-of-type { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .coaGrid.first .k-grid-header .k-header { border-right-width: 1px; padding: 6px 9px 3px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .coaGrid.first .k-grid-header th.k-hierarchy-cell +th { text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .coaGrid.child .k-grid-header .k-header { display: none; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper tr.k-detail-row td.k-detail-cell { padding-right: 0; } /*INCOME-EXPENSE*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-incomeExpense { left: -65px; max-width: 549px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-incomeExpense { height: 420px; margin-top: 12px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #incomeExpenseLeftAnnounce { position: absolute; top: 156px; left: 33px; width: 144px; height: 132px; border: 1px solid red; display: block; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #incomeExpenseLeftAnnounce.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense { left: 15px; height: 94%; width: 564px; margin: 0 auto; padding-top: 0; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense.projectClasses { left: 39px; width: 864px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .columnAnnounceTop { position: relative; height: 21px; margin-bottom: -1px; padding-top: 9px; border: 1px solid #FF0000; text-align: center; background-color: #C7CEDE; border-color: #696E71; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .columnAnnounceTop.active { background-color: #5982B8; border-color: #254A77; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense #columnLeft-incomeExpense .columnAnnounceTop { width: 224px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense.projectClasses #columnLeft-incomeExpense .columnAnnounceTop { width: 258px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense #columnMiddle-incomeExpense .columnAnnounceTop { width: 257px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense #columnRight-incomeExpense .columnAnnounceTop { width: 263px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense.projectClasses #columnRight-incomeExpense .columnAnnounceTop { width: 223px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense #columnRight-incomeExpense .columnAnnounceTop.expense { } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewWrapper { position: relative; width: 100%; text-align: center; } .listViewItemWrapper.incomeExpense { position: relative; height: 15px; width: 192px; padding: 9px 3px 5px 3px; margin: 3px auto 5px; border-radius: 4px 4px 4px 4px; text-align: center; cursor: pointer; line-height: 13px; background-color: #C7CEDE; border: 1px solid #696E71; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewItemWrapper { position: relative; height: 15px; width: 192px; padding: 9px 3px 5px 3px; margin: 3px auto 5px; border-radius: 4px 4px 4px 4px; text-align: center; cursor: pointer; line-height: 13px; background-color: #fff; border: 1px solid #919699; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewItemWrapper.k-alt { background-color: #EBECEF; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewItemWrapper.move { cursor: move; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewItemWrapper:hover, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewItemWrapper.k-alt:hover { background-color: #C7CEDE; border-color: #696E71; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewItemWrapper.dragging, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense .listViewItemWrapper.k-alt.dragging { position: relative; height: 15px; width: 192px; padding: 9px 3px 5px 3px; margin: 3px auto 5px; background-color: #C7CEDE; border-color: #696E71; border-radius: 4px 4px 4px 4px; text-align: center; cursor: pointer; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #columnLeft-incomeExpense { position: relative; width: 40%; float: left; clear: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #columnLeft-incomeExpense.projectClasses { width: 30%; margin-right: 5%; margin-left: 14%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #columnLeft-listViewWrapper { position: relative; height: 90%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #listView-incomeExpense { position: relative; height: 354px; padding-top: 5px; border: 1px solid #919699; overflow-y: auto } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #columnRight-incomeExpense { position: relative; width: 47%; margin-left: 24px; float: left; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #columnMiddle-incomeExpense.projectClasses { position: relative; width: 30%; float: left; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #columnRight-incomeExpense.projectClasses { width: 26%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #listViewWrapper-income { position: relative; height: 42%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #listView-income { position: relative; height: 153px; padding-top: 5px; border: 1px solid #919699; overflow-y: auto; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #listViewWrapper-expense { position: relative; height: 42%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #listView-expense { position: relative; height: 153px; padding-top: 5px; border: 1px solid #919699; overflow-y: auto; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense.projectClasses #listView-expense { height: 354px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #formWrapper-incomeExpense.projectClasses #listView-income { height: 354px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionBottom .buttonWrapper #save-incomeExpense { left: -27px; } /*EXPENSE ASSIGNMENT AND EMPLOYEE ASSIGNMENT*/ #mainCenter .tabSectionBottomRight #subSectionWrapper-expenseAssignment, #mainCenter .tabSectionBottomRight #subSectionWrapper-employeeAssignment { padding-left: 0; } #mainCenter .tabSectionBottomRight #subSectionWrapper-expenseAssignment .subSectionInnerWrapper.expenseAssignment, #mainCenter .tabSectionBottomRight #subSectionWrapper-expenseAssignment .subSectionInnerWrapper.employeeAssignment { width: 99.4%; max-width: 1003px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-expenseAssignment { height: 10%; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-employeeAssignment { height: 10%; margin-top: 2%; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-expenseAssignment, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-employeeAssignment { left: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-expenseAssignment.project, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-employeeAssignment.project { left: 66px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-expenseAssignment button.viewControl, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-employeeAssignment button.viewControl { position: absolute; top: 57px; left: 46%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-expenseAssignment button.viewControl.first, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-employeeAssignment button.viewControl.first { left: 18%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-expenseAssignment button.viewControl.disable, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-employeeAssignment button.viewControl.disable { cursor: auto; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-expenseAssignment button.viewControl.disable:hover, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionTop-employeeAssignment button.viewControl.disable:hover { background: #c7cede; border: 1px solid #5982b8; color: #254a77; } /*CONTROL BUTTONS*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment { height: 90%; max-height: 501px; margin-top: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-expenseAssignment, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-employeeAssignment { position: absolute; top: 0; left: 0; width: 402px; height: 42px; display: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-expenseAssignment .controlSectionWrapper, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-employeeAssignment .controlSectionWrapper{ position: relative; top: 0; left: 0; width: 100%; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-expenseAssignment .controlSectionWrapper .controlItemWrapper, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-employeeAssignment .controlSectionWrapper .controlItemWrapper { } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-expenseAssignment .controlSectionWrapper .controlItemWrapper.controlAnnounce, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-employeeAssignment .controlSectionWrapper .controlItemWrapper.controlAnnounce { } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-expenseAssignment .controlSectionWrapper .controlItemWrapper.months. #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #controlWrapper-employeeAssignment .controlSectionWrapper .controlItemWrapper.months { } /*GRIDS*/ /*EMPLOYEE AND EXPENSE GRID WRAPPER*/ #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment .gridWrapper, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment .gridWrapper { position: relative; top: 0; left: 3px; width: 98%; height: 100%; min-height: 476px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #gridWrapper-employees_new { left: 9px; height: 183px; min-height: 183px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #gridWrapper-employees { left: 9px; height: 303px; min-height: 303px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #gridSeparator { position: relative; top: 0; left: 3px; width: 843px; height: 12px; margin-left: 6px; background: 0 0 #ebecf0; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-expenseAssignment .gridWrapper .k-icon.k-plus, #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-employeeAssignment .gridWrapper .k-icon.k-minus { position: relative; top: -4px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment .gridWrapper .expenseAssignmentGrid { height: auto; max-height: 100%; min-height: 468px; float: left; clear: left; opacity: 1; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment .gridWrapper #grid-employees_new { height: auto; max-height: 182px; min-height: 180px; opacity: 1; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment .gridWrapper #grid-employees { height: auto; max-height: 300px; min-height: 300px; opacity: 1; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment .gridWrapper .expenseAssignmentGrid.hide, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment .gridWrapper .expenseAssignmentGrid.hide { opacity: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-expenseAssignment .gridWrapper .k-grid-toolbar, #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-employeeAssignment .gridWrapper .k-grid-toolbar { padding: 0; background: #fff; border-bottom: 1px solid grey; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-expenseAssignment .k-grid-toolbar .subSectionTop, #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-employeeAssignment .k-grid-toolbar .subSectionTop { position: relative; height: 30px; margin-top: 9px; margin-bottom: 0; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-expenseAssignment .k-grid-toolbar .subSectionTop .subSectionAnnounceTop, #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-employeeAssignment .k-grid-toolbar .subSectionTop .subSectionAnnounceTop { position: relative; top: 6px; height: auto; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment .expenseAssignmentGrid div.k-grid-header, #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment .expenseAssignmentGrid div.k-grid-header { display: block; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment .expenseAssignmentGrid div.k-grid-header th.k-header { border-right: 0 none; font-size: 14px; padding: 9px 0 3px; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment .expenseAssignmentGrid div.k-grid-header th.k-header { border-right: 0 none; font-size: 14px; padding: 9px 0 3px 6px; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid div.k-grid-header th.k-header { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid div.k-grid-header th.k-header:nth-of-type(1) { text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid div.k-grid-header th.k-header:nth-of-type(2), #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees_new.expenseAssignmentGrid div.k-grid-header th.k-header:nth-of-type(2) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid div.k-grid-header th.k-header:nth-of-type(3) { padding: 9px 0 3px 0; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid div.k-grid-header th.k-header:nth-of-type(4) { padding: 9px 0 3px 33px; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment .expenseAssignmentGrid .k-grid-content { height: auto; max-height: 421px; min-height: 421px; font-size: 12px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees_new.expenseAssignmentGrid .k-grid-content { height: auto; max-height: 113px; min-height: 113px; font-size: 12px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees_new.expenseAssignmentGrid .k-grid-content button.employeeAllocation_new { position: relative; width: 210px; height: 18px; margin: 6px 0 6px 51px; display: block; float: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees_new.expenseAssignmentGrid .k-grid-content button.employeeAllocation_new:nth-of-type(1) { width: 96px; clear: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees_new.expenseAssignmentGrid .k-grid-content button.employeeAllocation_new:nth-of-type(2) { width: 96px; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content { height: auto; max-height: 232px; min-height: 232px; font-size: 12px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content button.employeeAllocation { position: relative; height: 15px; margin: 6px 0 6px 15px; float: left; display: block; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content button.employeeAllocation:nth-of-type(1) { width: 93px; height: 30px; min-width: 149px; margin-left: 30px; line-height: 14px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content button.employeeTemplate { position: relative; height: 12px; width: 39px; min-width: 39px; margin: 6px 0 6px 12px; float: left; display: block; clear: right; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content td { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content td:nth-of-type(1) { text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content td div.employeeTemplateAnnounce { position: relative; width: auto; max-width: 222px; margin: 6px 0 6px 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-employeeAssignment #grid-employees.expenseAssignmentGrid .k-grid-content td div.employeeTemplateAnnounceName { position: relative; width: auto; max-width: 222px; } /*EXPENSE GRID*/ #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-grid-content .k-hierarchy-cell { padding-left: 3px; padding-right: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .coaGrid.first .k-grid-header .k-header { padding: 6px 9px 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .coaGrid.first .k-grid-header .k-header:nth-of-type(1) { border-right-width: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .coaGrid.first .k-grid-header .k-header:nth-of-type(2) { padding: 6px 9px 3px 9px; border-left-width: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .coaGrid.first .k-grid-header .k-header:nth-of-type(2) { position: absolute; left: -1px; width: 69%; padding: 6px 9px 3px 9px; border-left-width: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid tr.k-detail-row td.k-detail-cell { padding-top: 0; padding-right: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid tr.k-detail-row td.k-detail-cell { padding-top: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid.first tr.k-detail-row .k-detail-cell { padding-top: 3px; padding-bottom: 9px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid.middle tr.k-detail-row .k-detail-cell { padding-top: 3px; padding-bottom: 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid.child { left: 1px; top: -3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid .k-master-row td:nth-of-type(3) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid .k-master-row td:last-of-type, #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid .k-detail-cell td:last-of-type, #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid.employees tr td:last-of-type { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid.employees .k-grid-header tr th:first-of-type { padding-left: 7px; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid.employees .k-grid-header .k-header:nth-of-type(2) { position: relative !important; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-button, #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-edit-form-container .k-button { font-size: 11px; margin-bottom: 3px; margin-left: 0.16em; margin-right: 0.16em; margin-top: 3px; color: #254A77; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-button:hover, #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-edit-form-container .k-button:hover { color: #fff; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-button.dark, #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-edit-form-container .k-button.dark { background-color: #5882B8; border-color: #254A77; color: #ebecef; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-button.dark:hover, #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-edit-form-container .k-button.dark:hover { background-color: #B6C7D9; border-color: #C5C5C5; color: #373737; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .headerButton.floatButton { width: 54px; min-width: 0; margin-right: 6px; float: right; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid #incomeSummaryClose { position: relative; top: -2px; left: 0; padding: 3px 0 1px; width: 54px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton { width: 144px; height: 27px; margin: 9px 0 9px 0; padding: 4px 8px 3px 9px; display: inline-block; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid span.preAllocated { position: relative; margin: 3px 0 3px 0; padding: 2px 0 2px 0; color: #254A77; font-size: 12px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton.floatButton { width: 105px; margin-left: 21px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton.floatButton.editAssignments { width: 113px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton.hide { display: none; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton.show { display: inline-block; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton.disable { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; display: none; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton.disable:hover { cursor: auto; background: #B6C7D9; color: #254A77; border-color: #C5C5C5; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid a.expenseAllocationButton.show.changeAssignments { margin-top: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper span.kendoCheckMarkSmall.buttonRow { position: relative; top: -3px; margin-top: 0; margin-left: 5px; } #mainCenter .tabSectionBottomRight .subSectionWrapper span.kendoMinusSmall.buttonRow { position: relative; top: -3px; margin-top: 0; margin-left: 5px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid .k-button-icontext .k-icon { margin-bottom: 0; margin-left: -3px; margin-right: 3px; margin-top: -2px; vertical-align: text-top; } /*Profit Center Setup*/ #mainCenter .tabSectionBottomRight #subSectionWrapper-profitCenterSetup { padding-left: 0; } #mainCenter .tabSectionBottomRight #subSectionWrapper-profitCenterSetup .subSectionInnerWrapper.profitCenter { width: 99%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-profitCenterSetup { left: -84px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup { height: 495px; margin-top: 15px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper { position: relative; position: absolute; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup #gridWrapper-employee { width: 591px; width: 519px; width: 486px; margin-left: 15px; margin-left: 12px; margin-right: 6px; z-index: 3001; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup #gridWrapper-income { width: 333px; width: 465px; width: 486px; right: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper .expenseAssignmentGrid { margin: 0 auto; width: 99%; float: left; opacity: 1; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper .expenseAssignmentGrid.hide { opacity: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper #gridWrapper-expense { clear: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper #gridWrapper-income { clear: right; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .gridWrapper .k-grid-toolbar { padding: 0; background: #fff; border-bottom: 1px solid grey; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .k-grid-toolbar .subSectionTop { position: relative; height: auto; min-height: 21px; margin-top: 9px; margin-bottom: 0; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .k-grid-toolbar .subSectionTop .subSectionAnnounceTop { position: relative; height: auto; min-height: 21px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .k-grid-toolbar .subSectionTop #subSectionAnnounceTop-incomeFlip.subSectionAnnounceTop { max-width: 414px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .expenseAssignmentGrid div.k-grid-header { display: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .expenseAssignmentGrid .k-grid-content { max-height: 456px; min-height: 456px; font-size: 12px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-grid-content .k-hierarchy-cell { padding-right: 0; padding-bottom: 0; padding-left: 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .hierarchyAnnounceRow { position: relative; margin-top: 6px; display: block; } #mainCenter .tabSectionBottomRight .subSectionWrapper .hierarchyAnnounce { position: relative; } #mainCenter .tabSectionBottomRight .subSectionWrapper .hierarchyAnnounce.horizontal { margin-right: 3px; float: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper .hierarchyIcon.horizontal { width: 4px; height: 11px; margin: 5px 5px 0 3px; float: left; background-position: -22px -275px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .k-master-row .hierarchyIcon.horizontal { margin-top: 2px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounce { padding-top: 4px; padding-bottom: 0; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper { position: relative; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper.employee { height: 21px; padding-top: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper .hierarchyTopWrapper { position: relative; width: 100%; margin-top: 3px; line-height: 17px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper .hierarchyTopWrapper .hierarchyAnnounceTop { } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper .hierarchyTopWrapper .hierarchyWrapper { position: relative; width: 431px; height: auto; min-height: 15px; margin-top: 6px; margin-left: 12px; padding-top: 6px; padding-bottom: 5px; padding-left: 6px; border: 1px solid #CBD0D3; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper .hierarchyTopWrapper .hierarchyWrapper .hierarchyIcon.horizontal { margin: 3px 5px 0 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper .mainRowActionWrapper { position: relative; padding-top: 6px; padding-bottom: 6px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .mainRowAnnounceWrapper .mainRowActionWrapper .mainRowActionAnnounce { position: relative; width: 98%; line-height: 17px; float: left; clear: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .mainRowAnnounceWrapper .mainRowActionWrapper button { top: -2px; margin-right: 6px; margin-left: 12px; padding-top: 3px; float: right; clear: right; } /*MOVE THIS*/ #mainCenter .tabSectionBottomRight .subSectionWrapper #slideBox-incomeGrid #grid-incomeFlip .coaGrid td:nth-child(2) { text-align: center; } /*TREE VIEWS - SLIDE BOX*/ .k-in, .k-in.k-state-hover,.k-in.k-state-active, .k-in.k-state-focused,.k-in.k-state-selected { background-color: #F9F9F9; border-color: #F9F9F9; color: #254A77; box-shadow: none; } .slideBoxHierarchyTarget.k-treeview .k-plus, .slideBoxHierarchyTarget.k-treeview .k-minus, .slideBoxHierarchyTarget.k-treeview .k-plus-disabled, .slideBoxHierarchyTarget.k-treeview .k-minus-disabled { margin-top: 5px; } /*SUB-SECTION CONTROL TYPE - BUTTON*/ /* SPREADSHEETS (CUSTOM REPORTS)*/ #reportType_DropDown_listbox li.k-item, #profitCenter_DropDown_listbox li.k-item, #dateType_DropDown-list li.k-item, #year_DropDown-list li.k-item, #quarterMonth_DropDown-list li.k-item { margin-top: 3px; font-size: 12px; color: #696e71; line-height: 15px; font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif; } #spreadsheetsControlWrapper-main { position: absolute; left: 26%; width: 65%; height: auto; z-index: 3001; display: none; } button#showReport-spreadsheetsMain { position: relative; top: 17px; margin-left: 18px; width: 207px; float: left; } button#showChartTop-spreadsheetsMain { position: relative; top: 17px; margin-left: 18px; width: 171px; float: left; } button#hideSpreadsheetTop-spreadsheetsMain { position: relative; top: 17px; margin-left: 18px; width: 171px; float: left; } button#showChartAnalysis-spreadsheetsMain { position: relative; top: 17px; margin-left: 18px; width: 171px; float: left; } /*CONTROL WRAPPER*/ .subSectionControlWrapper { position: relative; top: 0; left: 0; width: 100%; height: 100%; display: none; } .subSectionControlWrapper .slideDownOpacityWrapper { position: relative; height: 100%; } .subSectionControlWrapper .horizontal-line { position: relative; width: 99%; height: 1px; margin: 0 auto; background: #C5C5C5; } .subSectionControlWrapper .controlTop { height: 30px; text-align: center; } .subSectionControlWrapper .controlMiddle { height: 141px; padding-top: 15px; text-align: center; } .subSectionControlWrapper .controlBottom { height: 54px; text-align: center; } .subSectionControlWrapper .controlBottom button { top: 6px; width: 138px; height: 36px; } .subSectionControlWrapper .sectionOpacityMask { position: absolute; width: 100%; height: auto; min-height: 89%; background: #F9F9F9; opacity: .3; } .subSectionControlWrapper .sectionOpacityMask.hide { display: none; } .subSectionControlWrapper .controlBottom .horizontal-line { margin-bottom: 21px; } .subSectionControlWrapper .controlTop .controlAnnounce { position: relative; padding-top: 6px; padding-bottom: 6px; } .subSectionControlWrapper .controlSectionWrapper { position: relative; width: 89%; height: 27%; text-align: left; } .subSectionControlWrapper .controlSectionWrapper.first { left: 6px; height: 30px; margin: 12px auto 12px; } .subSectionControlWrapper .controlItemWrapper { position: relative; width: 201px; float: left; } .subSectionControlWrapper .controlItemWrapper.first { width: 300px; } .subSectionControlWrapper .controlItemWrapper.narrow { width: 145px; } .subSectionControlWrapper .controlItemWrapper.middle { width: 96px; clear: none; } .subSectionControlWrapper .controlItemWrapper.last { width: 95px; clear: right; } .subSectionControlWrapper .controlItemWrapper.controlAnnounce { } .subSectionControlWrapper .controlItemWrapper.controlAnnounce.wide { width: 195px; } .subSectionControlWrapper .controlItemWrapper.controlAnnounce { width: 100%; margin-bottom: 12px; float: none; clear: both; } .subSectionControlWrapper #spreadsheetsWrapperMain .controlItem { position: relative; margin-left: 12px; margin-right: 12px; } .subSectionControlWrapper .controlBottom button.orange { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .subSectionControlWrapper .controlBottom button.orange:hover { background: #9b2923; color: #fff; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .subSectionControlWrapper .controlBottom button.orange.disable { opacity: .3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .subSectionControlWrapper .controlBottom button.orange.disable:hover { background: #F69322; border: 1px solid #254A77; color: #fff; } .subSectionControlWrapper .controlItemWrapper .k-dropdown-wrap, .subSectionControlWrapper .controlItemWrapper .k-picker-wrap { border: 1px solid #A9AEB1; } .subSectionControlWrapper .controlItemWrapper .k-dropdown-wrap .k-input { text-align: left; color: #696E71; font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif; } #mainCenter #reportsControlSlideWrapper { position: absolute; width: 204%; height: 687px; height: 681px; } #mainCenter #reportsControlSlideWrapper .reportsControlSlideItem { position: relative; width: 49%; height: 100%; } #mainCenter #reportsControlSlideWrapper #slideItem-reportControlWrapper.reportsControlSlideItem { } #mainCenter #reportsControlSlideWrapper #slideItem-spreadsheetsWrapper.reportsControlSlideItem { } #slideItem-reportControlWrapper .reportControlWrapper { position: relative; width: 100%; height: 100%; } #slideItem-reportControlWrapper .reportControlWrapper-sectionTop { position: relative; width: 100%; height: 20%; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControlWrapper-sectionTop { height: 14%; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControlWrapper-sectionTop { height: 14%; } #slideItem-reportControlWrapper .reportControlWrapper-sectionTop .reportControl-topAnnounce { position: relative; left: -21px; width: 60%; margin: 0 auto; padding: 15px 0 15px 0; line-height: 33px; } #slideItem-reportControlWrapper .reportControlWrapper-sectionTop .reportControl-topAnnounce.centerLeft { left: 93px; -webkit-transition: left 1s ease; -moz-transition: left 1s ease; -o-transition: left 1s ease; -ms-transition: left 1s ease; transition: left 1s ease; } #mainCenter.spreadsheets #slideItem-reportControlWrapper .reportControlWrapper-sectionTop .horizontal-line { position: relative; width: 80%; height: 1px; margin: 0 auto; background: #C5C5C5; } #slideItem-reportControlWrapper .reportControl-sectionMiddle { position: relative; width: 86%; height: 66%; padding-top: 4%; padding-left: 13%; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-sectionMiddle { padding-top: 10%; padding-left: 12.5%; } #slideItem-reportControlWrapper .reportControl-sectionMiddle.moved { top: 3%; width: 98%; padding-top: 0; padding-left: 0; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-sectionMiddle.moved { top: 0; width: 87%; height: 71%; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper { position: relative; left: 0; top: 0; height: auto; margin-left: 93px; float: left; border-radius: 6px; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper:first-of-type { margin-bottom: 69px; clear: left; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper:nth-of-type(2n) { margin-right: 0; clear: right; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper:nth-of-type(3) { clear: left; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper:last-of-type { clear: right; } #slideItem-reportControlWrapper .reportControl-sectionMiddle.moved .reportControl-flipWrapper { margin-bottom: 0; clear: none; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-sectionMiddle.moved .reportControl-flipWrapper { margin-left: 12px; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper.moved { position: absolute; top: 0; width: 174px; height: 139px; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper.selected { position: absolute; margin-bottom: 0; margin-left: 0; clear: none; background: #F9F9F9 !important; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper.selected { background: transparent !important; } #slideItem-reportControlWrapper .reportControl-sectionMiddle .reportControl-flipWrapper .reportHomeFlipTarget { position: relative; padding: 6px; text-align: center; border: 2px solid #C5C5C5; border-radius: 6px; -webkit-border--radius: 0; -moz-border-radius: 0; overflow: hidden; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; background: #fff; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #slideItem-reportControlWrapper .reportControl-flipWrapper .homeFlipButton { position: relative; width: 201px; height: 132px; height: 99px; padding: 11% 5% 5% 5%; border-radius: 12px; background: #254a77; color: #fff; text-align: center; cursor: pointer; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #slideItem-reportControlWrapper .reportControl-flipWrapper.selected .homeFlipButton { background: #fff; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #slideItem-reportControlWrapper .reportControl-flipWrapper.moved .homeFlipButton { width: 156px; height: auto; min-height: 71px; font-size: 13px; padding-top: 15%; padding-bottom: 12%; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-flipWrapper.moved .homeFlipButton { margin-top: 48px; } #slideItem-reportControlWrapper .reportControl-flipWrapper .homeFlipButton:hover { background: #9b2c23 !important; color: #fff !important; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #slideItem-reportControlWrapper .reportControl-flipWrapper .homeFlipButton .homeFlipButton-announceWrapper { height: auto; min-height: 64px; line-height: 161%; } #slideItem-reportControlWrapper .reportControl-flipWrapper #buttonThrobberWrapper { position: absolute; height: 262px; width: 482px; text-align: center; } #slideItem-reportControlWrapper .reportControl-flipWrapper #buttonThrobberWrapper canvas { position: relative; width: 120px; height: 120px; margin: 17% auto 20%; left: 12%; } /*VISUALIZATION*/ button#visualizationReturn { position: absolute; top: 12px; left: 12px; width: 120px; } #mainCenter.visualization { padding-left: 0; } #mainCenter.visualization #reportControlReturnWrapper { position: absolute; top: 0; left: 300px; width: 40px; height: 28px; } #mainCenter.visualization .reportControlWrapper-sectionTop #reportControl-topAnnounce-insertTarget { } #mainCenter.visualization .reportControlWrapper-sectionTop #reportControl-topAnnounce-controlWrapper { position: absolute; top: 36%; left: 81%; width: 186px; height: 28px; } #slideItem-reportControlWrapper .reportControlWrapper-sectionTop #mainCenter.visualization .reportControl-flipWrapper { margin-left: 18px; } #mainCenter.visualization.initial .reportControl-flipWrapper { margin-left: 99px; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-flipWrapper #buttonThrobberWrapper { position: relative; top: 36%; left: 21%; width: 73%; height: auto; text-align: left; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-flipWrapper #buttonThrobberWrapper span { position: absolute; left: 31%; top: 41%; } #mainCenter.visualization #slideItem-reportControlWrapper .reportControl-flipWrapper #buttonThrobberWrapper canvas { position: relative; width: 120px; height: 120px; left: 0; margin: 0; } #mainCenter.visualization .visualizationControlWrapper { position: relative; width: 100%; height: 100%; } #mainCenter.visualization .reportGridWrapper { position: relative; width: 100%; height: 100%; } #mainCenter.visualization #reportRepositoryWrapper { position: relative; width: 100%; height: 100%; } #mainCenter.visualization #reportRepositoryWrapper { } /*NEW REPORTS*/ #mainCenter.visualization #newReportWizardWrapper { position: relative; width: 100%; height: 91%; padding: 60px 0 0 0; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop { position: relative; top: 0; height: 23%; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease; -ms-transition: All .8s ease; transition: All .8s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial { height: 19%; top: 31%; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease; -ms-transition: All .8s ease; transition: All .8s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial.intro { height: 51%; top: 13%; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop #newReportWizardIntroWrapper, #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial #newReportWizardIntroWrapper { position: relative; display: none; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.intro #newReportWizardIntroWrapper { position: relative; height: 100%; text-align: center; display: block; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.intro #newReportWizardIntroAnnounce { position: relative; height: 77%; line-height: 27px; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop #newReportWizardIntroButtonWrapper #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial #newReportWizardIntroButtonWrapper { position: relative; display: none; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.intro #newReportWizardIntroButtonWrapper { width: 94%; height: 13%; text-align: center; display: block; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.intro #newReportWizardIntroButtonWrapper button { position: relative; height: 36px; left: 12px; padding: 9px 15px 3px; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.intro #newReportWizardIntroButtonWrapper button.start { margin: 0 auto; float: none; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial.intro #newReportWizardControlWrapper { display: none; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial #newReportWizardControlWrapper { position: relative; height: 82px; margin-top: -12px; margin-bottom: 57px; margin-bottom: 21px; text-align: center; display: block; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease; -ms-transition: All .8s ease; transition: All .8s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial.intro #newReportWizardControlWrapper { display: none; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop #newReportWizardControlWrapper { position: relative; margin-top: 26px; margin-bottom: 18px; text-align: center; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial #newReportWizardControlAnnounce { position: relative; float: none; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop #newReportWizardControlAnnounce { position: relative; width: 74%; margin-left: 96px; line-height: 27px; float: left; clear: left; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop .reportDropDownWrapper { position: absolute; top: 66px; left: 34%; width: 23%; height: 27px; margin-left: 0;; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial .reportDropDownWrapper { top: 45px; margin: 4px auto 15px; float: none; display: block; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial span.kendoDropDownList { display: block; opacity: 1; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop span.kendoDropDownList { display: none; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; } #mainCenter.visualization .k-dropdown-wrap, #mainCenter.visualization .k-picker-wrap, #slideDownWrapper .k-dropdown-wrap, #slideDownWrapper .k-dropdown-wrap { border: 1px solid #A9AEB1; } #mainCenter.visualization .k-dropdown-wrap .k-input, #slideDownWrapper .k-dropdown-wrap .k-input { height: 22px; padding-top: 2px; text-align: left; color: #696E71; font-family: "Helvetica-Light", "Arial Narrow", Arial, sans-serif; } #mainCenter.visualization .k-icon, #slideDownWrapper .k-icon { margin-top: 5px; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop button { position: relative; margin-left: 15px; float: left; clear: right; display: block; opacity: 1; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial button.select { display: none; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; } #mainCenter.visualization #newReportWizardWrapper .horizontal-line { position: relative; width: 80%; margin: 0 auto; background: #C5C5C5; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop.initial .horizontal-line.top { top: -44px; display: block; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTop .horizontal-line.top { } #wizardThrobberWrapper { position: relative; top: 23%; left: 20%; width: 73%; height: auto; text-align: left; } #wizardThrobberWrapper.newChart { top: 35%; left: 12%; width: 59%; } #wizardThrobberWrapper.allocation { top: 39%; left: 34%; width: 59%; z-index: 5001; } #wizardThrobberWrapper.allocationSelect { position: absolute; top: 34%; left: 12%; width: 70%; z-index: 5001; } #wizardThrobberWrapper.templateAllocations { top: 39%; left: 15%; width: 59%; z-index: 5001; } #wizardThrobberWrapper span { position: absolute; left: 26%; top: 41%; } #wizardThrobberWrapper.allocationSelect span { position: absolute; left: 23%; top: 26%; } #wizardThrobberWrapper.slideDown { top: 40%; left: 26%; } #wizardThrobberWrapper.timelinePreviewThrobber { top: 96%; left: 0; width: 32%; z-index: 5001; } #wizardThrobberWrapper.timelinePreviewThrobber span { top: 36%; left: 35%; } #wizardThrobberWrapper.timelineSaveThrobber { top: 36%; left: 36%; width: 53%; z-index: 5001; } #wizardThrobberWrapper.timelineSaveThrobber span { top: 41%; left: 26%; } #mainCenter.visualization canvas, #wizardThrobberWrapper canvas { position: relative; width: 120px; height: 120px; left: 0; margin: 0; } #mainCenter.visualization #newReportWizardWrapper #newReportDropDownWrapper { position: absolute; top: 60px; left: 76%; width: 171px; height: 28px; z-index: 2; -webkit-transition: top .2s ease; -moz-transition: top .2s ease; -o-transition: top .2s ease; -ms-transition: top .2s ease; transition: top .2s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportDropDownWrapper.moved { top: 76.9%; -webkit-transition: top .2s ease; -moz-transition: top .2s ease; -o-transition: top .2s ease; -ms-transition: top .2s ease; transition: top .2s ease; } #mainCenter.visualization #newReportWizardWrapper #newReportWizardTarget { position: relative; width: 88%; height: 77%; padding-top: 30px; padding-left: 99px; overflow: auto; } #mainCenter.visualization #newReportWizardTarget #reportSelectWrapper { position: relative; width: 100%; height: auto; min-height: 100%; overflow: auto; } #mainCenter.visualization #reportSelectWrapper #reportSelectTop { position: relative; width: 100%; height: 8%; } #mainCenter.visualization #reportSelectWrapper #reportSelectTop #reportSelectAnnounce-main { position: relative; top: 3px; } #mainCenter.visualization #reportSelectWrapper #reportSelectAnnounce-top { position: relative; width: 90%; margin-left: 18px; margin-bottom: 12px; } #mainCenter.visualization #reportSelectWrapper .reportSelectSectionWrapper { position: relative; width: 100%; height: 39%; } #mainCenter.visualization #reportSelectWrapper .reportSelectSectionWrapper .reportSelectSectionTop { position: relative; width: 80%; height: 78%; padding-left: 24px; } #mainCenter.visualization #reportSelectWrapper .reportSelectSectionWrapper .reportSelectSectionAnnounce-top { position: relative; height: 25%; } #mainCenter.visualization #reportSelectWrapper .reportSelectSectionWrapper .reportSelectSectionAnnounce-main { position: relative; width: 80%; margin-bottom: 18px; padding-left: 30px; } #mainCenter.visualization #reportSelectWrapper .reportSelectSectionWrapper .reportSelectSectionButtonWrapper { position: relative; width: 80%; height: 27%; padding-left: 48px; text-align: center; } #mainCenter.visualization #reportSelectWrapper .reportSelectSectionWrapper .reportSelectSectionButtonWrapper button { position: relative; width: 186px; height: 36px; } #mainCenter.visualization #reportSelectWrapper .reportSelectSectionWrapper .reportSelectSectionButtonWrapper button.example { left: -12px; margin-right: 30px; } /*REPORT EXAMPLES*/ #mainCenter.visualization .reportExampleWrapper { position: absolute; top: 3px; left: 15px; width: 95%; height: 98%; } #mainCenter.visualization .reportExampleWrapper .reportExampleImageWrapper { position: relative; width: 99%; height: 92%; } #mainCenter.visualization .reportExampleWrapper .reportExampleImageWrapper .reportExampleImage { position: relative; } #mainCenter.visualization .reportExampleWrapper .reportExampleButtonWrapper { position: relative; bottom: 10px; height: 9%; text-align: center; } #mainCenter.visualization .reportExampleWrapper .reportExampleButtonWrapper button { position: relative; left: -21px; width: 186px; height: 36px; } #mainCenter.visualization .reportExampleWrapper .reportExampleButtonWrapper button.exampleHide { left: -51px; margin-right: 14px; } /*NEW REPORT WIZARD*/ #chartMakerComp { position: absolute; top: 39%; left: 31%; opacity: .3; } #slideItem-newReportWizard { } #slideItem-newReportWizard #chartMaker-top { position: relative; width: 100%; height: 15%; margin-bottom: 9px; border-bottom: 1px solid #3a3a3c; } #slideItem-newReportWizard #chartMaker-top #chartMakerControlWrapper-top { position: relative; width: 21%; height: 100%; float: left; clear: left; padding-left: 24px; } #slideItem-newReportWizard #chartMakerControlWrapper-top #chartMakerDropDownWrapper { position: relative; width: 171px; height: 31%; margin-bottom: 18px; } #slideItem-newReportWizard #chartMakerControlWrapper-top button { position: relative; width: 171px; height: 27px; margin-top: 15px; } #slideItem-newReportWizard #chartMaker-top #chartMakerControlAnnounce-top { position: relative; width: 72%; margin-top: 39px; float: left; clear: right; } #slideItem-newReportWizard #chartMaker-target { position: relative; width: 97%; height: 84%; left: 6px; margin: 0 auto; } #slideItem-newReportWizard #chartMaker-target #chartMakerOutlineImageWrapper { position: absolute; top: 47px; left: 212px; width: 538px; height: 416px; z-index: 400; } #slideItem-newReportWizard #chartMaker-target #chartMakerOutlineImageWrapper img#chartMaker-outline { position: absolute; top: 0; left: 0; width: 547px; height: 416px; } #slideItem-newReportWizard #chartMaker-target #chartMakerOutlineImageWrapper img#chartMaker-outline-additional { position: absolute; top: 29px; left: 78px; width: 379px; height: 240px; z-index: 400; } #slideItem-newReportWizard #chartMaker-target .reportExampleWrapper { top: 27px; left: 36px; height: 89%; z-index: 4; } #slideItem-newReportWizard #chartMaker-target .reportExampleWrapper .reportExampleImageWrapper { height: 94%; } #mainCenter.visualization #chartMaker-target .reportExampleWrapper .reportExampleButtonWrapper { position: relative; } #mainCenter.visualization #chartMaker-target .reportExampleWrapper .reportExampleButtonWrapper button.exampleHide { position: relative; left: 9px; } #mainCenter.visualization #chartMaker-target #chartMakerContentWrapper { position: absolute; top: 0; left: 0; width: 966px; height: 570px; margin: 3px auto 0; z-index: auto; } #mainCenter.visualization .chartMakerParameterSelect { position: absolute; width: 211px; height: auto; max-height: 527px; min-height: 114px; line-height: 18px; text-align: center; border: 1px solid #7f7f7f; } #mainCenter.visualization .chartMakerParameterSelect.itemPicker { top: 24px; left: 2px; } #mainCenter.visualization .chartMakerParameterSelect.profitCenterPicker { max-height: 324px; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.itemPicker.options { height: 300px; max-height: 300px; min-height: 300px; z-index: 3001; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.profitCenterPicker { top: 24px; left: 749px; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.profitCenterPicker.options { z-index: 3001; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.datePicker { top: 387px; top: 344px; left: 749px; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.datePicker.options { z-index: 3001; } .chartMakerParameterSelect-top { position: relative; width: 97%; height: 34px; padding: 6px 3px 6px 3px; text-align: center; background: #c7cede; border-bottom: 1px solid #7f7f7f; } .chartMakerParameterSelect-middle { position: relative; width: 100%; height: auto; min-height: 60px; max-height: 349px; overflow: auto; background: none repeat scroll 0 0 #e2e2e2; } .chartMakerParameterSelect.profitCenterPicker .chartMakerParameterSelect-middle { max-height: 180px; } .itemPickerSection { position: relative; width: 100%; height: auto; border-top: 1px solid #7f7f7f; } .itemPickerSection:first-of-type { border-top: none; } .itemPickerSection:last-of-type { border-bottom: none; } .itemPickerSectionAnnounce { position: relative; top: 3px; width: 92%; height: 16px; padding: 1% 0 1% 4%; } .chartMakerParameterSelect-wildcard { position: relative; width: 100%; height: 69px; padding-top: 6px; background: none repeat scroll 0 0 #e2e2e2; border-top: 1px solid #828999; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.itemPicker.options .chartMakerParameterSelect-middle button { position: relative; height: 42px; width: 177px; margin-top: 18px; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.itemPicker.options .chartMakerParameterSelect-middle { height: 201px; max-height: 201px; min-height: 201px; } #chartMakerDatePicker #chartMakerTarget-datePicker { max-height: 108px; } #chartMakerAnnounce-datePicker { height: 51px; } #chartMakerAnnounce-datePicker.initial { height: 34px; } #chartMakerDatePicker #chartMakerTarget-datePicker.initial { height: 108px; max-height: 108px; overflow: hidden; } .chartMakerItemWrapper { position: relative; width: 165px; height: auto; max-height: 28px; min-height: 14px; margin: 11px auto; padding: 6px 3px 6px 3px; text-align: center; line-height: 14px; } .chartMakerParameterSelect-middle .chartMakerItemWrapper { position: relative; width: 165px; height: auto; max-height: 28px; min-height: 14px; margin: 11px auto; padding: 6px 3px 6px 3px; text-align: center; line-height: 14px; border-radius: 6px; border: 1px solid #c7cede; border: 1px solid #828999; background: #dedede; background: #c0c0c0; } .chartMakerParameterSelect-middle .chartMakerItemWrapper.empty { height: 51px; margin: 6px auto 15px; color: #919699; line-height: 18px; background: none; border: none; } /* #chartMakerDatePicker #chartMakerTarget-datePicker .chartMakerItemWrapper { position: relative; width: 165px; height: auto; max-height: 28px; min-height: 14px; margin: 11px auto; padding: 6px 3px 6px 3px; text-align: center; line-height: 14px; } #chartMakerDatePicker #chartMakerTarget-datePicker .chartMakerItemWrapper.empty { height: 51px; margin: 6px auto 15px; color: #919699; line-height: 18px; background: none; border: none; } */ #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper { position: relative; width: 100%; height: 100%; text-align: center; } #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper .itemWrapper { position: relative; width: 100%; margin-top: 9px; margin-bottom: 9px; text-align: left; } #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper .itemWrapper.empty { display: none; } #chartMakerDatePicker #chartMakerTarget-datePicker.initial .datePickerAnnounceWrapper .itemWrapper.empty { width: 76%; margin: 18px auto 0; padding: 0; line-height: 24px; color: #919699; text-align: center; display: block; } #chartMakerDatePicker #chartMakerTarget-datePicker.initial .datePickerAnnounceWrapper .itemWrapper { display: none; } #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper .itemWrapper.empty .itemAnnounce { width: 89%; height: 65%; margin: 0 auto; text-align: center; } #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper .itemWrapper .itemAnnounce { position: relative; width: 32%; height: 18px; margin-left: 15px; text-align: left; float: left; clear: left; } #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper .itemWrapper .dateItem { position: relative; text-align: left; float: left; clear: left; } #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper .itemWrapper .dateItem.monthQuarter { width: auto; margin-left: 2px; margin-right: 3px; clear: none; } #chartMakerDatePicker #chartMakerTarget-datePicker .datePickerAnnounceWrapper .itemWrapper .dateItem.year { width: 19%; clear: right; } #chartMakerDatePicker .chartMakerParameterSelect-bottom { height: 36px text-align: center; } #chartMakerDatePicker .chartMakerParameterSelect-bottom button { width: 159px; height: 27px; margin: 2px auto 0; } .chartMakerItemWrapper.checkbox { left: 3px; width: 141px; height: 16px; margin: 3px auto 0; text-align: left; background: none; border: none; } .chartMakerItemWrapper.checkbox input[type="checkbox"] { } .chartMakerItemWrapper.checkbox label { position: relative; top: 2px; left: 6px; } .chartMakerItemWrapper .chartMakerItemAnnounce { max-width: 85%; height: auto; max-height: 42px; min-height: 14px; margin: 0 auto; } .chartMakerItemWrapper .chartMakerItemClose { position: relative; width: 12px; padding-left: 4px; margin: 0 4px 0 0; float: right; clear: right; cursor: pointer; } .chartMakerItemWrapper .chartMakerItemClose:hover { color: #0f67a6; } .chartMakerParameterSelect-bottom { position: relative; width: 100%; height: 38px; padding-top: 12px; border-top: 1px solid #7f7f7f; background: none repeat scroll 0 0 #e2e2e2; } #chartMakerProfitCenterPicker .chartMakerParameterSelect-bottom { height: 45px; } .chartMakerParameterSelect-bottom button { position: relative; height: 30px; width: 162px; margin: 0 auto; display: block; } .chartMakerParameterSelect-bottom button.allPL { margin: 9px auto 0; } #mainCenter.visualization #chartMaker-target .chartMakerParameterSelect.itemPicker.options .chartMakerParameterSelect-bottom button { width: 102px; } #mainCenter.visualization #chartMaker-target #itemDisplayOuterWrapper { position: absolute; top: 132px; left: 272px; width: 398px; height: 182px; border: none; z-index: 401; } #mainCenter.visualization #chartMaker-target #itemDisplayOuterWrapper .itemDisplayWrapper { position: relative; width: 37%; height: 99%; z-index: 401; } #mainCenter.visualization #chartMaker-target #itemDisplayOuterWrapper .itemDisplayWrapper.first { margin-left: -6px; margin-right: 16%; } #mainCenter.visualization #chartMaker-target #itemDisplayOuterWrapper .itemDisplayWrapper .displayItem { position: absolute; bottom: 1px; height: 0; display: block; } #mainCenter.visualization #chartMakerBottomWrapper { position: absolute; bottom: -2px; left: 22%; width: 55%; height: 69px; border: none; } #mainCenter.visualization #chartMakerBottomWrapper #chartMakerBottomWrapper-buttonWrapper { position: relative; width: 156px; bottom: 0; left: -9px; margin: 0 auto; padding-top: 63px; text-align: center; } #mainCenter.visualization #chartMakerBottomWrapper #chartMakerBottomWrapper-buttonWrapper button { width: 156px; height: 30px; } /*CHART TARGET*/ #mainCenter.visualization #chartMaker-newChartWrapper { position: relative; width: 99%; height: 83%; margin: 0 auto; } #mainCenter.visualization #chartMaker-newChartWrapper #chartMaker-newChartTarget { position: relative; top: -3px; left: -1px; width: 100%; min-height: 100%; height: auto; margin: 0 auto; border: 1px solid; overflow-y: auto; width: 995px; height: 570px; text-align: center; } #slideDownWrapper.chartMaker #wizardThrobberWrapper { position: absolute; top: 174px; top: 44%; left: 30%; width: 67%; height: auto; text-align: left; -ms-transform: translateY(-44%); -webkit-transform: translateY(-44%); -moz-transform: translateY(-44%); -o-transform: translateY(-44%); transform: translateY(-44%); } #slideDownWrapper.chartMaker #wizardThrobberWrapper span { position: absolute; top: 41%; left: 23%; } #slideDownWrapper.chartMaker #wizardThrobberWrapper canvas { position: relative; left: 0; width: 120px; height: 120px; margin: 0; } #slideDownWrapper.showCOA_Expense { height: 571px !important; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } #slideDownWrapper.showCOA_Income { height: 529px !important; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } #slideDownWrapper.showPractice_Management { height: 468px !important; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } #slideDownWrapper.showPL_Centers { height: 468px !important; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } #slideDownWrapper #itemPickerModalComp { position: absolute; width: 100%; height: 100%; display: none; } #slideDownWrapper #itemPickerModalComp img { position: relative; width: 900px; height: 479px; margin: 80 auto 0; opacity: .3; display: block; } #slideDownWrapper .slideDownModalWrapper.itemPicker { position: relative; width: 100%; height: 96%; padding: 12px 0 12px 0; text-align: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalTop { position: relative; width: 99%; height: 11%; padding: 0 0 0 1%; border-bottom: 1px solid #7f7f7f; text-align: left; line-height: 24px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalTop .slideDownModalTopAnnounce { position: relative; width: 69%; height: 94%; text-align: center; float: left; clear: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalTop .slideDownModalTopControl { position: relative; width: 30%; height: 76%; padding-top: 9px; float: left; clear: right; } #slideDownWrapper .slideDownModalWrapper.itemPicker #itemPickerModalDropDownWrapper { position: relative; float: left; clear: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalTop #itemPickerModalTopControl input { } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalTop #itemPickerModalTopControl button { position: relative; float: right; clear: right; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle { position: relative; width: 100%; height: 91%; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle .leftSection { position: relative; width: 69%; height: 96%; padding: 2% 0 0 1.6%; float: left; clear: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle .leftSection #gridWrapper-itemPicker { position: relative; width: 99%; height: 99%; } #slideDownWrapper .slideDownModalWrapper.itemPicker #grid-itemPicker { position: relative; width: 99%; height: 100%; clear: left; float: left; height: auto; margin: 0 auto; max-height: 90%; min-height: 468px; opacity: 1; position: relative; width: 99%; } #slideDownWrapper .slideDownModalWrapper.itemPicker #grid-itemPicker.COA_Income { min-height: 429px; max-height: 85%; } #slideDownWrapper .slideDownModalWrapper.itemPicker #grid-itemPicker.Practice_Management { min-height: 378px; max-height: 85%; } #slideDownWrapper .slideDownModalWrapper.itemPicker #grid-itemPicker.PL_Centers { min-height: 378px; max-height: 85%; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection { position: relative; width: 28%; height: auto; min-height: 300px; max-height: 96%; padding: 2% 0 0 0; float: left; clear: right; } .slideDownModalWrapper.itemPicker #itemPickerModalSelectWrapper { position: relative; width: 100%; border: 1px solid #7f7f7f; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection .chartMakerParameterSelect-top { width: 93%; padding: 6px 9px; line-height: 18px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection .chartMakerParameterSelect-middle { max-height: 365px; } #slideDownWrapper.showCOA_Income .slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection .chartMakerParameterSelect-middle { max-height: 326px; } #slideDownWrapper.showPL_Centers .slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection .chartMakerParameterSelect-middle { max-height: 276px; } #slideDownWrapper.showPractice_Management slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection .chartMakerParameterSelect-middle { max-height: 276px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection .chartMakerItemWrapper { margin: 15px auto; } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalMiddle .rightSection button { } #slideDownWrapper .slideDownModalWrapper.itemPicker .slideDownModalBottom { display: none; } /*no grid ITEM PICKER GRID*/ #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerMainGridWrapper.plGrid.itemPickerGrid { position: relative; width: 96%; height: 354px; background-color: #d6d7da; border: 1px solid #7f7f7f; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid { position: relative; width: 100%; height: 354px; max-height: 354px; min-height: 354px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .verticalLine { position: absolute; width: 1px; height: 100%; background: #c5c5c5 none repeat scroll 0 0; z-index: 1; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid .verticalLine.middle { left: 74%; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid .noGrid { position: relative; width: 100%; height: 354px; max-height: 354px; background: #fff; overflow-x: hidden; overflow-y: scroll; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid .noGrid .horizontalLine { position: relative; width: 100%; height: 1px; background: #c5c5c5; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid .noGrid.BG-odd { background: #fff; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid .allocationWizardNoGridRow { position: relative; width: 100%; height: 23px; padding-top: 14px; padding-bottom: 1px; text-align: left; background-color: #fff; line-height: 14px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid .allocationWizardNoGridRow.odd { background: #ebecf0; } #slideDownWrapper .slideDownModalWrapper.itemPicker .itemPickerScrollWrapper-plGrid .allocationWizardNoGridRow.selected { color: #9b2c23; } /*SECTION ANNOUNCE ROW*/ #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow.sectionAnnounce { position: relative; width: 99%; height: 27px; padding: 12px 0 0 12px; line-height: 15px; background: #FFF; border-bottom: 1px solid #7f7f7f; z-index: 2; z-index: 0; } /*CHILD ANNOUNCE ROW*/ #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow.sectionAnnounce.child { padding-left: 4%; width: 96%; } /*SECTION ROW - CHILD*/ #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow.child { padding-left: 4%; width: 96%; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow.sectionAnnounce .sectionAnnounceName { position: relative; top: 4px; width: auto; max-width: 372px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow .openClose.k-icon { position: relative; left: 1px; width: 16px; height: 16px; margin-left: 6px; margin-right: 3px; margin-top: -1px; float: left; clear: left; cursor: pointer; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow .openClose.placemark { position: relative; left: 1px; width: 16px; height: 100%; margin-left: 6px; margin-right: 3px; margin-top: -1px; float: left; clear: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow .announceText { position: relative; top: 1px; width: auto; max-width: 424px; min-width: 288px; height: 14px; margin-left: 0; padding-left: 0; float: left; clear: none; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow.child .announceText { max-width: 403px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow button.gridButtonSpecial { position: relative; top: -5px; left: 0; width: 108px; height: 21px; margin-right: 15px; text-align: center; float: right; clear: none; border: 1px solid; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow button.gridButtonSpecial.deleteFromPicker { background-color: #5882b8; border-color: #254a77; color: #ebecef; } #slideDownWrapper .slideDownModalWrapper.itemPicker .noGrid .allocationWizardNoGridRow button.gridButtonSpecial.deleteFromPicker:hover { background-color: #B6C7D9; border-color: #5982b8; color: #373737; } /*ITEM PICKER GRID*/ #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .table { width: 100%; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid { border-width: 1px 0 1px 1px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-grid-toolbar { padding: 0; background: #fff; border-bottom: 1px solid grey; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-grid-toolbar .subSectionTop { position: relative; height: auto; min-height: 21px; margin-top: 9px; margin-bottom: 0; text-align: center; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-state-selected { background-color: #fff; color: #234a78; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-alt.k-state-selected { background-color: #ebecef; color: #234a78; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-grid-toolbar .subSectionTop .subSectionAnnounceTop { position: relative; height: auto; min-height: 21px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid.child .k-grid-header .k-header { display: none; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid.child .k-grid-header { display: none; } /*???*/ #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .first .coaGrid.middle div.k-grid-header { display: block; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .first .coaGrid.middle th.k-header:nth-of-type(1) { padding-right: 0; padding-left: 0; border-right: none; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .first .coaGrid.middle th.k-header:nth-of-type(2) { padding-left: 0; border-left: none; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .first .coaGrid.middle th.k-header:nth-of-type(3) { text-align: center; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .coaGrid div.k-grid-header { display: none; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid div.k-grid-header th.k-header { border-right: 0 none; font-size: 14px; padding: 9px 0 3px 6px; text-align: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .coaGrid div.k-grid-header th.k-header { font-size: 12px; text-align: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid .k-grid-content { max-height: 409px; min-height: 409px; font-size: 12px; overflow-x: hidden; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid.COA_Income .k-grid-content { max-height: 370px; min-height: 370px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid.Practice_Management .k-grid-content { max-height: 319px; min-height: 319px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid.PL_Centers .k-grid-content { max-height: 319px; min-height: 319px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-grid-content .k-hierarchy-cell { padding-right: 0; padding-bottom: 0; padding-left: 3px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid.first .k-grid-header .k-header.income { left: 4px; width: 98%; padding: 6px 0 3px 3px; border-right-width: 1px; text-align: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid.first .k-grid-header .k-header { padding: 6px 9px 3px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid .coaGrid.first .k-grid-header .k-header:nth-of-type(1) { border-right-width: 0; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid .coaGrid.first .k-grid-header .k-header:nth-of-type(2) { padding: 6px 9px 3px 9px; border-left-width: 0; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid .coaGrid.first .k-grid-header .k-header:nth-of-type(2) { position: absolute; left: -1px; width: 69%; padding: 6px 9px 3px 9px; border-left-width: 0; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid tr.k-detail-row td.k-detail-cell { padding-top: 0; padding-right: 0; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid.COA_Income tr.k-detail-row td.k-detail-cell { padding-top: 0; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid .coaGrid tr.k-detail-row td.k-detail-cell { padding-top: 6px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid .coaGrid.first tr.k-detail-row .k-detail-cell { padding-top: 0; padding-bottom: 9px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .expenseGrid .coaGrid.middle tr.k-detail-row .k-detail-cell { padding-top: 0; padding-bottom: 3px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .coaGrid.child { left: 1px; top: -3px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid .k-master-row td:nth-of-type(3) { text-align: center; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid .k-master-row td:last-of-type, #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid .k-detail-cell td:last-of-type, #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper . .coaGrid.employees tr td:last-of-type { text-align: center; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid.employees .k-grid-header tr th:first-of-type { padding-left: 7px; text-align: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid.employees .k-grid-header .k-header:nth-of-type(2) { position: relative !important; text-align: center; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid .k-master-row td:last-of-type { text-align: left; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .coaGrid .coaGrid.middle .k-master-row td:last-of-type { text-align: center; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .incomeGrid .coaGrid .incomeWriteInsert { position: relative; padding-top: 0; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-button, #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-edit-form-container .k-button { font-size: 11px; margin-bottom: 3px; margin-left: 0.16em; margin-right: 0.16em; margin-top: 3px; color: #254A77; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-button.deleteItem { color: #fff; border-color: #254A77; background-color: #5882B8; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-button.deleteItem:hover { color: #254A77; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-button:hover, #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-edit-form-container .k-button:hover { color: #fff; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-button.dark, #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-edit-form-container .k-button.dark { background-color: #5882B8; border-color: #254A77; color: #ebecef; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-button.dark:hover, #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-edit-form-container .k-button.dark:hover { background-color: #B6C7D9; border-color: #C5C5C5; color: #373737; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper a.expenseAllocationButton { position: relative; width: 124px; height: 24px; left: 2px; margin: 5px auto 3px; padding: 3px 0 0; display: block; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper a.expenseAllocationButton.hide { display: none; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper a.expenseAllocationButton.show { display: inline-block; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper a.expenseAllocationButton.disable { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -ms-transition: opacity 0.8s ease; transition: opacity 0.8s ease; display: none; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper a.expenseAllocationButton.disable:hover { cursor: auto; background: #B6C7D9; color: #254A77; border-color: #C5C5C5; } #slideDownWrapper .slideDownModalWrapper.itemPicker span.kendoCheckMarkSmall.buttonRow { position: relative; top: -3px; margin-top: 0; margin-left: 5px; } #slideDownWrapper .slideDownModalWrapper.itemPicker span.kendoMinusSmall.buttonRow { position: relative; top: -3px; margin-top: 0; margin-left: 5px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .k-icon { margin-top: -6px; } #slideDownWrapper .slideDownModalWrapper.itemPicker .gridWrapper .coaGrid .k-button-icontext .k-icon { margin-bottom: 0; margin-left: -3px; margin-right: 3px; margin-top: -2px; vertical-align: text-top; } /*DATE PICKER*/ /* STARTS HERE height: 384px !important; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease */ #slideDownWrapper.showdatePicker { height: 384px !important; } #slideDownWrapper.showdatePicker.preview { height: 712px !important; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height .2s ease } #slideDownWrapper .slideDownModalWrapper.datePicker { position: absolute; width: 98.6%; height: 363px; height: auto; min-height: 363px; padding-top: 12px; padding-left: 1%; text-align: center; } #datePickerModalWrapper { position: relative; left: -4px; width: 99%; height: 351px; height: auto; min-height: 351px; margin: 0 auto; border: 1px solid #80a5d2; } #datePickerWrapper.quick { } #datePickerWrapper.detailed { } /*DATE PICKER -- TOP*/ #datePickerModal-top { position: relative; width: 948px; width: 100%; height: 285px; margin: 0 auto; border-bottom: 1px solid #80a5d2; border-bottom: 1px solid #c5c5c5; } #datePickerModal-top .modalInsertColumn { position: relative; height: 100%; background: #f3f3f3; } #datePickerModal-top .modalInsertColumn.left { width: 22%; float: left; clear: left; text-align: center; border-right: 1px solid #c5c5c5; } #datePickerModal-top .modalInsertColumn.right, #datePickerModal-top .modalInsertColumn.intro { width: 77.6%; text-align: center; float: left; clear: right; } #datePickerModalIntro-announce { position: relative; height: 7%; width: 100%; margin: 0 auto; padding: 1% 0 0 0; } #datePickerModalIntro-full { position: relative; width: 99%; height: 89%; margin-left: 3px; text-align: left; } #datePickerModalIntro-imageWrapperFull { position: relative; width: 100%; height: 100%; } #datePickerModalIntro-imageWrapperFull img.introImageFull { position: absolute; top: 9%; left: 0; width: 510px;; height: 230px; text-align: left; } #datePickerModalIntro-full .datePickerModalIntro-announce { position: absolute; text-align: center; } #datePickerModalIntro-announceTop { top: 2%; left: 49%; width: 151px; height: 25px; } #datePickerModalIntro-announceBottom { top: 65%; left: 25%; width: 151px; height: 25px; } #datePickerModalIntro-announceBottom { height: 25px; left: 48%; top: 53%; width: 165px; } #datePickerModalIntro-announceLeft { top: 38%; left: 10%; width: 151px; height: 90px; } #datePickerModalIntro-announceTopMiddle { top: 19.8%; left: 33%; width: 81px; height: 48px; line-height: 14px; } #datePickerModalIntro-announceBottomMiddle { top: 73%; left: 33%; width: 81px; height: 48px; line-height: 14px; } #datePickerModalIntro-announceTopLeft { top: 16.4%; left: 74%; width: 180px; height: 61px; line-height: 19px; } #datePickerModalIntro-announceBottomLeft { top: 66.8%; left: 74%; width: 180px; height: 76px; line-height: 19px; } #datePickerModal-top .modalInsertColumn.intro .datePickerModalIntroItem { position: relative; height: 89%; margin-left: 1%; text-align: left; float: left; } #datePickerModal-top #datePickerModalIntro-left { width: 18%; clear: left; text-align: left; } #datePickerModalIntro-left .datePickerModalIntro-announceLeft { position: absolute; top: 26%; left: 16%; width: 86%; height: 45px; line-height: 14px; text-align: center; } #datePickerModalIntro-left .datePickerModalIntro-announceLeft.first { } #datePickerModalIntro-left .datePickerModalIntroImageWrapper { position: relative; width: 98%; height: 36%; margin-top: 15px; } #datePickerModalIntro-left .datePickerModalIntroImageWrapper.first { margin-top: 58px; } #datePickerModalIntro-left .datePickerModalIntroImageWrapper img { position: relative; width: 17px; height: 90px; } #datePickerModalIntro-middle { width: 55%; clear: none; } #datePickerModalIntro-middle .datePickerModalIntroImageWrapper { position: relative; width: 97%; height: 35%; margin-top: 15px; } #datePickerModalIntro-middle .datePickerModalIntroImageWrapper.first { margin-top: 67px; } #datePickerModalIntro-middle .datePickerModalIntroImageWrapper img.chartExample { position: relative; width: 172px; height: 81px; float: left; clear: left; } #datePickerModalIntro-middle .datePickerModalIntroImageWrapper img.bracket { position: relative; top: -4px; left: 0; width: 14px; height: 79px; margin-left: 12px; float: left; clear: none; } #datePickerModalIntro-right { width: 21%; clear: right; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper { position: relative; height: 98%; width: 97%; margin: 0 auto; padding: 3% 0 0 0; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionAnnounce { position: relative; top: 6px; width: 90%; height: 24.3%; margin: 0 auto; padding-top: 0; line-height: 18px; } #datePickerModal-top .modalInsertColumn.left .horizontal-line { background: #c5c5c5; width: 82%; margin: 0 auto; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .horizontal-line { display: none; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideCurrent .horizontal-line #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideNext .horizontal-line { display: block; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .horizontal-line.first { top: 10px; left: -5px; width: 104%; display: block; } #datePickerModal-top .modalInsertColumn.left .datePicker-actionWrapper { position: relative; left: 0; width: 99%; height: 24%; margin-top: 13%; text-align: left; } #datePickerModal-top .modalInsertColumn.left .datePicker-actionWrapper.last { margin-top: 15%; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .datePicker-actionWrapper { display: none; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideCurrent .datePicker-actionWrapper, #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideNext .datePicker-actionWrapper { display: block; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .datePicker-actionWrapper.last { display: block; margin-top: 52%; } #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideCurrent .datePicker-actionWrapper.last #datePickerModal-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideNext .datePicker-actionWrapper.last { margin-top: 20%; } #datePickerModal-top .modalInsertColumn.left .datePicker-actionWrapper .radioWrapper.datePicker { position: relative; width: 100%; height: 29%; padding-left: 3%; } #datePickerModal-top .modalInsertColumn.left .datePicker-actionWrapper .radioWrapper.datePicker input { position: relative; top: -1px; margin-right: 1px; } #datePickerModal-top .modalInsertColumn.left .datePicker-actionWrapper .radioWrapper.datePicker span { position: relative; width: auto; height: 16px; } #datePickerModal-top .modalInsertColumn.left .datePicker-actionWrapper .editInstruction.datePicker { position: relative; width: 87%; float: right; clear: both; line-height: 14px; } #datePickerModalViewEditWrapper, #datePickerModalViewEditWrapper-review { position: relative; width: 100%; height: 281px; padding-top: 4px; } #datePickerModalView-announce { position: relative; height: 69px; margin-bottom: 9px; padding-left: 12px; text-align: left; border-bottom: 1px solid #c5c5c5; } /* #datePickerModalWrapper .allocationWizardModalInsert-editAnnounceWrapper { position: relative; top: 4px; width: 99%; height: 15%; padding-top: 1%; padding-left: 1%; background: #fff; border: 1px solid #80a5d2; border-bottom: none; } */ #datePickerModalWrapper .editAnnounceSectionAnnounce { position: relative; width: 100%; height: 29%; } #datePickerModalWrapper .editAnnounceItemWrapper { position: relative; width: 100%; height: 22%; margin-top: 4px; } #datePickerModalWrapper .editAnnounceItemAnnounce { position: relative; width: auto; margin-right: 1%; margin-left: 2%; line-height: 18px; float: left; clear: left; } #datePickerModalWrapper .editAnnounceItem { position: relative; width: 64%; line-height: 18px; float: left; clear: right; } /*DATE PICKER MODAL - MIDDLE INSERT STARTS HERE*/ /*COMBINED - CONTINUOUS & NON-CONTINUOUS Edit Section */ #datePickerModal-continuous, #datePickerModal-nonContinuous { position: absolute; width: 78%; height: 198px; text-align: left; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #datePickerModal-continuous.hide, #datePickerModal-nonContinuous.hide { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #datePickerContinuous-announce, #datePickerNonContinuous-announce { position: absolute; top: 15px; left: 12px; width: 264px; height: 24px; } #arrowWrapper-continuous, #arrowWrapper-nonContinuous { position: absolute; top: 38px; left: 99px; width: 48px; height: 72px; } #datePickerModalWrapper #arrowWrapper-continuous img { width: 44px; height: 71px; } #datePickerModalWrapper #datePickerModalContinuous-middleWrapper, #datePickerModalWrapper #datePickerModalNonContinuous-middleWrapper { position: absolute; top: 27px; left: 148px; width: 28.5%; height: 156px; } #datePickerModalContinuous-middleWrapper .bracket, #datePickerModalNonContinuous-middleWrapper .bracket { position: relative; top: 13px; left: 0; width: 19px; height: 124px; float: left; } #datePickerModalContinuous-middleWrapper #quickEdit-bracketLeft.bracket, #datePickerModalNonContinuous-middleWrapper #quickEdit-bracketLeft.bracket { clear: left; } #datePickerModalContinuous-middleWrapper #quickEdit-bracketRight.bracket, #datePickerModalNonContinuous-middleWrapper #quickEdit-bracketRight.bracket { clear: right; } #datePickerModalContinuous-middleWrapper .actionWrapper.continuous, #datePickerModalNonContinuous-middleWrapper .actionWrapper.continuous { position: relative; top: 24px; left: 0; width: 86px; height: 113px; margin-left: 18px; margin-right: 9px; padding: 0; float: left; clear: none; } #datePickerModalContinuous-middleWrapper .radioWrapper, #datePickerModalNonContinuous-middleWrapper .radioWrapper { position: relative; top: -2px; height: 24px; margin-bottom: 19px; } #datePickerModalContinuous-middleWrapper .radioWrapper input, #datePickerModalNonContinuous-middleWrapper .radioWrapper input { position: relative; top: -1px; } #datePickerModalContinuous-middleWrapper .radioWrapper div.announce, #datePickerModalNonContinuous-middleWrapper .radioWrapper div.announce{ position: relative; margin-left: 3px; } /*RIGHT WRAPPER*/ #datePickerModal-continuous .datePickerModalContinuous-rightWrapper, #datePickerModal-nonContinuous .datePickerModalContinuous-rightWrapper { position: absolute; top: 12px; left: 56.5%; width: 39%; height: 153px; padding: 7px 0 0 12px; border: 1px solid #c5c5c5; text-align: left; } #datePickerModalWrapper #datePickerModalContinuous-confirmAnnounceWrapper, #datePickerModalWrapper #datePickerModalNonContinuous-confirmAnnounceWrapper { position: relative; width: 100%; height: 18px; } #datePickerModalContinuous-rightWrapper .actionWrapper, #datePickerModalNonContinuous-rightWrapper .actionWrapper { position: relative; width: 98%; height: 79%; top: 6px; left: 0; text-align: left; } #datePickerModalContinuous-rightWrapper .actionWrapper .datePickerSelectWrapper { position: relative; top: 0; left: 0; width: 90%; height: 48%; margin: 0 auto; text-align: left; } #datePickerModalContinuous-rightWrapper .actionWrapper .datePickerSelectWrapper.startDate { } #datePickerModalContinuous-rightWrapper .actionWrapper .datePickerSelectWrapper .dateSelect-announce { position: relative; top: 0; left: 0; width: 100%; margin-right: 0; -webkit-transition: All 0.1s ease; -moz-transition: All 0.1s ease; -o-transition: All 0.1s ease; -ms-transition: All 0.1s ease; transition: All 0.1s ease; } #datePickerModalContinuous-rightWrapper .actionWrapper.years .datePickerSelectWrapper .dateSelect-announce { top: 16px; left: 22px; width: 37%; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #datePickerModalContinuous-rightWrapper .actionWrapper .datePickerSelectWrapper .dateDropDownSelectWrapper { position: relative; top: 0; left: 0; margin-right: 9px; clear: none; float: left; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #datePickerModalContinuous-rightWrapper .actionWrapper.years .datePickerSelectWrapper .dateDropDownSelectWrapper { top: -6px; left: 82px; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #datePickerModalContinuous-rightWrapper .actionWrapper .datePickerSelectWrapper .dateDropDownSelectWrapper.month { opacity: 1; width: 94px; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #datePickerModalContinuous-rightWrapper .actionWrapper.years .datePickerSelectWrapper .dateDropDownSelectWrapper.month { opacity: 0; width: 0; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; -ms-transition: All 0.8s ease; transition: All 0.8s ease; } #slideDownWrapper .actionWrapper .datePickerSelectWrapper .k-dropdown-wrap { height: 20px; } #slideDownWrapper .actionWrapper .datePickerSelectWrapper .k-dropdown-wrap .k-input { height: 18px; line-height: 18px; } #slideDownWrapper .actionWrapper .datePickerSelectWrapper .k-icon { margin-top: 3px; } #monthDropDown-datePickerStart-list.k-list-container ul.k-list li.k-item, #yearDropDown-datePickerStart-list.k-list-container ul.k-list li.k-item, #monthDropDown-datePickerStop-list.k-list-container ul.k-list li.k-item, #yearDropDown-datePickerStop-list.k-list-container ul.k-list li.k-item { color: #696e71; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; font-size: 12px; line-height: 14px; margin-top: 1px; } #datePickerModalContinuous-rightWrapper .actionWrapper .horizontal-line { width: 82%; margin: 0 auto 6px; background: #c5c5c5 none repeat scroll 0 0; } #datePickerModal-buttonWrapper { position: relative; left: 38%; width: 20%; height: 70%; margin-left: 6px; } #datePickerModal-buttonWrapper button { position: relative; width: 138px; height: 28px; display: block; } #button-previewDatePicker { margin: 60px auto 0; } #button-setDate { margin: 30px auto 0; } #datePickerModal-middle { position: relative; width: 100%; height: 0; padding-top: 6px; padding-bottom: 6px; text-align: center; background: #f3f3f3; border-bottom: 1px solid #c5c5c5; } #datePickerModal-middle #wizardThrobberWrapper { } #datePickerModal-previewWrapper { position: relative; width: 100%; height: 100%; } #datePickerModal-previewImageWrapper { position: absolute; left: 35%; width: 65%; height: 98%; } #datePickerModal-previewImageWrapper img { position: relative; top: 8%; width: 543px; height: 285px; } #datePickerModal-previewImageWrapper.single img { position: relative; top: 14%; width: 444px; height: 245px; } #datePickerModal-previewTextWrapper { position: absolute; width: 100%; height: 100%; z-index: 3; text-align: left; } #datePickerModal-previewTextLeft { position: relative; width: 37%; height: 100%; text-align: center; float: left; clear: left; } #datePickerModal-previewTextLeft .horizontal-line { width: 67%; margin: 16% auto 0; background: #c5c5c5; } #datePickerModal-previewTextLeft .horizontal-line.last { margin: 5% auto 0; } #datePickerModal-previewTextLeft .datePickerModal-previewText { position: relative; width: 74%; height: auto; margin: 2% auto 0; } #datePickerModal-previewTextLeft .datePickerModal-previewText.announce { margin: 4% auto 0; } #datePickerModal-previewTextRight { position: relative; width: 61%; height: 100%; text-align: left; float: left; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail { position: absolute; top: 7%; width: 70%; height: 21px; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail.single { top: 7%; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail.month { left: 22%; width: 70%; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail.quarter { left: 11%; width: 78%; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail.year { left: 21%; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail.month.single { left: 24%; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail.quarter.single { left: 20%; } #datePickerModal-previewTextRight .datePickerModal-previewText.topDetail.year.single { left: 25%; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce { position: absolute; top: 90.5%; left: 73%; width: 72px; height: 18px; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.month { left: 72%; width: 78px; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.quarter { width: 137px; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.year { left: 72%; width: 84px; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.month.single { left: 43%; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.quarter.single { left: 38%; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.year.single { left: 43%; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.first.single { display: none; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.first.month { left: 15%; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.first.quarter { left: 5%; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.first.year { left: 14%; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.middle { top: 87%; left: 43.3%; width: 120px; } #datePickerModal-previewTextRight .datePickerModal-previewText.dateAnnounce.middle.single { display: none; } /* DATE PICKER MODAL - BOTTOM STARTS HERE*/ #datePickerModal-bottom { position: relative; width: 100%; height: 48px; padding-top: 16px; text-align: center; background: #f3f3f3; } #datePickerModal-bottom button.itemPickerClose { left: 0; width: 144px; height: 33px; margin: 0 auto; -webkit-transition: left 1s ease; -moz-transition: left 1s ease; -o-transition: left 1s ease; -ms-transition: left 1s ease; transition: left 1s ease; } #datePickerModal-bottom #button-setDatePreview { left: -33px; width: 153px; height: 33px; margin: 0 auto; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; } #datePickerModal-bottom.preview button.itemPickerClose { left: 26%; width: 144px; height: 33px; margin: 0 auto; -webkit-transition: left 1s ease; -moz-transition: left 1s ease; -o-transition: left 1s ease; -ms-transition: left 1s ease; transition: left 1s ease; } #datePickerModal-bottom.preview #button-setDatePreview { left: 81px; width: 153px; height: 33px; margin: 0 auto; opacity: 1; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; } /*Allocation Wizard*/ /* NEW STARTS HERE*/ #allocationWizardImageTemp { position: absolute; top: 10%; width: 978px; height: 96px; padding-left: 9px; opacity: 1; } #allocationWizardImageTemp img { position: relative; width: 988px; height: 96px; margin: 0 auto; display: block; } #allocationWizardImageTemp2 { position: absolute; top: 9%; width: 100%; height: 168px; opacity: 1; } #allocationWizardImageTemp2 img { position: relative; top: 12px; display: block; width: 988px; height: 143px; margin: 0 auto; } #slideDownWrapper.allocationWizard { left: 6px; width: 921px; width: 947px; width: 98%; width: 1008px; height: 740px; height: 0; } #slideDownWrapper .slideDownModalWrapper.allocationWizard { position: absolute; width: 98.6%; height: 98%; padding-top: 12px; padding-left: 1%; text-align: center; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.employee { position: absolute; width: 98.6%; height: 98%; padding-top: 12px; padding-left: 1%; text-align: center; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.timeline { position: relative; top: 15%; top: 0; width: 99%; height: auto; z-index: 5002; } #modalOverlayWrapper { position: absolute; z-index: 5001; } /*MODAL TOP SECTION*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop { position: relative; width: 987px; height: 168px; text-align: center; line-height: 24px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTopAnnounce { position: relative; width: 100%; height: 66px; line-height: 30px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTopAnnounce .allocationWizardNameTarget { width: auto; max-width: 836px; margin: 0 auto; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop button { position: absolute; top: 6px; left: 85%; width: 135px; height: 45px; } /*MODAL TOP SECTION MIDDLE*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper { position: relative; width: 985px; height: 90px; text-align: left; border: 1px solid #7f7f7f; background: #fff; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.intro { height: 195px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper .bottomSectionIntro { display: none; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.intro .bottomSectionIntro { position: relative; width: 100%; height: 90px; display: block; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.intro .bottomSectionIntro .horizontal-line { width: 97%; margin: 15px auto 18px; background: #c5c5c5; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper .bottomSectionIntro button.allocationWizard-cancel { position: relative; left: 0; width: 172px; margin: 0 auto; display: block; } /*MODAL TOP SECTION MIDDLE ---> EMPLOYEE*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionLeft { position: relative; width: 17%; height: 81px; padding: 9px 0 0 3px; text-align: left; float: left; clear: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionRight { position: relative; width: 80.9%; height: 100%; max-height: 90px; padding: 0; text-align: center; float: left; clear: right; } .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionLeftAnnounce { position: relative; top: 9px; line-height: 20px; text-align: center; } .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionLeftAnnounce .allocationWizardNameTarget { position: relative; max-width: 98%; } .slideDownModalTopSectionWrapper.employee .verticalLine { position: relative; top: 9px; width: 1px; height: 72px; margin-left: 9px; background: #c5c5c5; float: left; clear: none; } .slideDownModalTopSectionWrapper.employee .allocationWizardModal-imageWrapper { position: relative; width: 17px; height: 89px; float: left; clear: none; } .slideDownModalTopSectionWrapper.employee .allocationWizardModal-imageWrapper img { position: relative; top: 10px; width: 17px; height: 74px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionRight button { position: relative; top: 21px; left: 0; width: 132px; height: 54px; margin-left: 35px; padding: 5px 3px 3px; line-height: 18px; float: left; display: block; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionRight button:hover .hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionRight button.selected .hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionRight button:nth-of-type(1) { width: 120px; margin-left: 15px; clear: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionRight button:nth-of-type(2) { width: 120px clear: none; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalTop .slideDownModalTopSectionWrapper.employee .allocationWizardModal-topSectionRight button.last { width: 102px; clear: right; } /*MODAL MIDDLE */ #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle { position: relative; width: 97%; height: 62%; height: 69%; margin: 0 auto; padding-left: 1%; background: #fff; border: 1px solid #7f7f7f; overflow-y: auto; overflow-x: hidden; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.insert { overflow-y: hidden; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.bracketChoice { position: relative; width: 976px; height: 543px; margin: 0; padding-left: 9px; overflow: hidden; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.employee .slideDownModalMiddle.bracketChoice.hide { opacity: 0; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.bracketChoice .horizontal-line { position: absolute; width: 100%; height: 1px; background: #c5c5c5; } /*TOP ANNOUNCE WRAPPER*/ /*ALLOCATION GRID*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.bracketChoice .topAnnounceWrapper.allocationGrid { position: relative; width: auto; height: 51px; padding-left: 15px; padding-top: 9px; text-align: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.bracketChoice .topAnnounceWrapper.allocationGrid .horizontal-line { top: 99%; left: -10px; width: 101%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.bracketChoice .topAnnounceWrapper.allocationGrid .topAnnounce { position: relative; width: auto; height: 21px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.bracketChoice .topAnnounceWrapper.allocationGrid .topAnnounce.main { width: auto; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalMiddle.bracketChoice .topAnnounceWrapper.allocationGrid .topAnnounce .topAnnouncePrefix { position: relative; margin-right: 2px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardModalMiddle-columnWrapper { position: relative; width: 100%; height: 525px; margin-left: 0; padding-top: 12px; text-align: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardModalMiddle-columnWrapper .allocationWizardModalColumn { position: relative; height: 519px; text-align: left; vertical-align: top; float: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardModalMiddle-columnWrapper .allocationWizardModalColumn.left { width: 632px; clear: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardModalMiddle-columnWrapper .allocationWizardModalColumn.middle { width: 330px; margin-left: 2px; text-align: left; clear: right; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainSection-topAnnounce { position: relative; width: 100%; height: 27px; margin-top: 6px; } /*MODAL No-Grid */ #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardModalMiddle-columnWrapper .allocationWizardScrollWrapper-mainGrid.plGrid { position: relative; width: 100%; height: 488px; max-height: 488px; min-height: 488px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid { position: relative; width: 100%; height: 519px; background-color: #d6d7da; border: 1px solid #7f7f7f; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid .allocationWizardSectionWrapper { position: relative; width: 100%; height: 30px; padding-top: 12px; text-align: center; background: #fff none repeat scroll 0 0; border-bottom: 1px solid #7f7f7f; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid .allocationWizardSectionWrapper .allocationWizardSectionAnnounce { position: relative; left: 12px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.employeeCopy .allocationWizardSectionWrapper .allocationWizardSectionAnnounce { left: -6px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid .allocationWizardSectionWrapper button.explain { position: relative; top: -2px; height: 24px; width: 66px; margin-right: 16px; padding: 4px 0 2px; float: right; clear: right; display: block; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid .verticalLine { position: absolute; height: 100%; width: 1px; background: #c5c5c5; z-index: 1; } /*ALLOCATION GRID*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.allocationGrid .verticalLine.first { left: 50%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.allocationGrid .verticalLine.middle { left: 87%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.allocationGrid .verticalLine.end { left: 97.6%; } /*EMPLOYEE TEMPLATE GRID*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .verticalLine.first { left: 48%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .verticalLine.middle { left: 62%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .verticalLine.end { left: 97.6%; } /*EMPLOYEE GRID*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.employeeGrid .verticalLine.first { left: 41%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.employeeGrid .verticalLine.middle { left: 69%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid.employeeGrid .verticalLine.end { left: 97.6%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid .announceWrapper-main { position: relative; width: 100%; height: 30px; text-align: center; background: #ebecf0; border-bottom: 1px solid #7f7f7f; } /*ALLOCATION GRID*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.allocationGrid .announceWrapper-main .section { position: relative; top: 11px; float: left; line-height: 14px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.allocationGrid .announceWrapper-main .section.first { width: 83%; padding-left: 12px; text-align: left; clear: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.allocationGrid .announceWrapper-main .section.action { top: 6px; left: 17px; width: 63px; height: 84%; line-height: 11px; text-align: center; clear: right; } /*EMPLOYEE TEMPLATE GRID*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .announceWrapper-main .section { position: relative; top: 11px; float: left; line-height: 14px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .announceWrapper-main .section.first { width: 48%; padding-left: 12px; text-align: left; clear: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .announceWrapper-main section.middle { } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .announceWrapper-main .section.action { top: 12px; left: 87px; width: 63px; line-height: 11px; text-align: center; clear: right; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid .allocationWizardSectionWrapper button.gridControl { position: relative; top: -2px; width: 156px; height: 24px; float: left; clear: left; margin-left: 9px; padding: 4px 0 2px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.plGrid .allocationWizardSectionWrapper button.gridControl:hover .hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .allocationWizardMainGrid-bottomWrapper { position: relative; width: 100%; height: 489px; min-height: 489px; max-height: 489px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .allocationWizardMainGrid-bottomWrapper .noGrid { position: relative; width: 100%; height: 488px; /*was auto*/ max-height: 488px; overflow-y: scroll; overflow-x: hidden; background: #ebecf0; background: #89a4cf; background: #c5c5c5; background: #fff; } /*EMPLOYEE GRID*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeGrid .announceWrapper-main .section { position: relative; top: 11px; float: left; line-height: 14px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeGrid .announceWrapper-main .section.first { width: 44%; padding-left: 12px; text-align: left; clear: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeGrid .announceWrapper-main .section.action { top: 13px; left: 90px; width: 63px; line-height: 11px; text-align: center; clear: right; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .allocationWizardMainGrid-bottomWrapper { position: relative; width: 100%; height: 445px; min-height: 445px; max-height: 445px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .allocationWizardMainGrid-bottomWrapper .noGrid { position: relative; width: 100%; height: 445px; /*was auto*/ max-height: 489px; overflow-y: scroll; overflow-x: hidden; background: #ebecf0; background: #89a4cf; background: #c5c5c5; background: #fff; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .allocationWizardMainGrid-bottomWrapper .noGrid .horizontalLine { position: relative; width: 100%; height: 1px; background: #c5c5c5; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .allocationWizardMainGrid-bottomWrapper .noGrid.BG-odd { background: #fff; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow { position: relative; width: 100%; height: 21px; padding-top: 11px; padding-bottom: 1px; text-align: left; background-color: #fff; line-height: 14px; } /*WHEN ANNOUNCE IS IN TOP ROW FOR DEFAULT*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .systemSetAnnounceWrapper.defaultAnnounce { position: relative; top: 0; left: 0; text-align: left; float: left; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .systemSetAnnounceWrapper.defaultAnnounce .systemSetAnnounce { } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.employeeCopy { position: relative; width: 100%; height: 27px; padding-top: 15px; padding-bottom: 0; background-color: #fff; line-height: 14px; text-align: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.employeeCopy.templateNameInsert { height: auto; max-height: 49px; padding-top: 9px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .noGrid .allocationWizardNoGridRow { height: 28px; padding-top: 18px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid .noGrid .allocationWizardNoGridRow.selected { } /*SECTION ANNOUNCE NOT USED*/ /* #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .sectionAnnounce { position: relative; width: 100%; height: 24px; } */ /*SECTION ANNOUNCE ROW*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce { position: relative; width: 99%; height: 22px; padding: 12px 0 0 12px; line-height: 15px; background: #FFF; border-bottom: 1px solid #7f7f7f; z-index: 2; z-index: 0; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce .sectionAnnounceName { position: relative; top: 4px; width: auto; max-width: 372px; } /*TOP ANNOUNCE WHEN GROUP SYSTEM SET*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.first { width: 98%; height: 30px; margin-top: 0; z-index: 2; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.first.hasSystemSet.height75 { height: 75px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.first.hasSystemSet.height75 .systemSetAnnounceWrapper { position: relative; width: 88%; margin-top: 6px; text-align: left; line-height: 21px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.first.hasSystemSet.height75 .systemSetAnnounceWrapper { position: relative; width: 99%; margin-top: -1px; line-height: 18px; text-align: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.first.hasSystemSet.height75 button.gridButtonSpecial { width: 108px; height: 24px; font-size: 11px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.first.hasSystemSet.height75 .systemSetAnnounceWrapper .systemSetAnnounce { position: relative; width: auto; max-width: 73%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.first.hasSystemSet.height75 .systemSetAnnounce { top: 7px; max-width: 83%; margin-right: 36px; } /*CHILD ANNOUNCE ROW*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child { padding-left: 4%; width: 96%; border-top: 1px solid #7f7f7f; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child.tall { height: 111px !important; } /*CHILD ROWS ANNOUNCE WHEN GROUP SYSTEM SET*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child .sectionAnnounceZeroInsert { position: relative; left: 3px; width: 88%; margin-top: 6px; text-align: left; color: #9b2c23; line-height: 18px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child .sectionAnnounceZeroInsert .zeroInsertMainAnnounce { position: relative; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child .sectionAnnounceZeroInsert .zeroInsertMain { position: relative; margin-top: 0; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child .sectionAnnounceZeroInsert .sectionAnnounceZeroInsertName { position: relative; top: 3px; width: auto; max-width: 42%; line-height: 12px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child .sectionAnnounceZeroInsert .zeroInsertEnd { position: relative; width: 285px; margin-top: 12px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.groupZeroAnnounce.child.tall button.gridButtonSpecial { position: relative; top: 0; left: 0; width: 96px; height: 24px; } /*CHILD ANNOUNCE ROW - GROUP IS ZERO ANNOUNCE*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child.groupZeroAnnounce { height: 54px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper .allocationWizardNoGrid-childWrapper .allocationWizardNoGridRow.sectionAnnounce.child { padding-left: 8%; width: 92%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child { width: 96%; padding-left: 4%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child.groupZeroAnnounce .systemSetAnnounceWrapper.defaultAnnounce { position: relative; top: 0; left: 0; margin-top: 3px; text-align: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child.groupZeroAnnounce.parent .systemSetAnnounceWrapper.defaultAnnounce { position: relative; top: 0; left: 0; margin-top: 3px; text-align: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child.defaultSet .systemSetAnnounceWrapper.defaultAnnounce .systemSetAnnounce { } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.sectionAnnounce.child.groupZeroAnnounce button.gridButtonSpecial { position: relative; top: -1px; left: 21px; width: 84px; height: 18px; padding: 4px 3px 3px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper .allocationWizardNoGrid-childWrapper .allocationWizardNoGridRow.child { padding-left: 8%; width: 92%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child.firstChildRow { margin-top: 6px; margin-top: 0; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child.lastChildRow { } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.last { height: 34px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.odd { background: #ebecf0; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .openClose.k-icon { position: relative; width: 16px; height: 16px; left: 1px; margin-top: -1px; margin-left: 6px; margin-right: 3px; cursor: pointer; float: left; clear: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .openClose.placemark { position: relative; width: 16px; height: 100%; left: 1px; margin-top: -1px; margin-left: 6px; margin-right: 3px; float: left; clear: left; } /*ALLOCATION GRID EMPLOYEE TEMPLATE GRID EMPLOYEE GRID*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceText { position: relative; top: 1px; width: auto; min-width: 288px; max-width: 315px; height: 14px; margin-left: 0px; padding-left: 0; float: left; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.evenly .announceText { min-width: 242px; max-width: 242px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceText.allocationGrid { width: 84%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceText.employeeTemplateGrid { width: 47%; margin-left: 12px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceText.employeeCopy { top: 0; width: 39%; min-width: 39%; max-width: 39%; margin-left: 12px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.templateNameInsert .announceText.employeeCopy { top: 3px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceDate.employeeTemplateGrid { width: 72px; margin-left: 18px; float: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.employeeCopy .announceDate.employeeTemplateGrid { width: 162px; height: auto; max-height: 42px; margin-bottom: 6px; overflow: hidden; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow button.employeeTemplateGrid.selectGridInfo { position: relative; top: -5px; width: 60px; min-width: 60px; height: 24px; padding: 3px; float: left; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow button.employeeTemplateGrid.selectGridInfo:nth-of-type(1) { margin-left: 36px; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow button.employeeTemplateGrid.selectGridInfo:nth-of-type(2) { margin-left: 24px; clear: right; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.employeeCopy button.employeeTemplateGrid.selectGridInfo:nth-of-type(1) { top: -5px; margin-left: 24px; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.employeeCopy button.employeeTemplateGrid.selectGridInfo:nth-of-type(2) { top: -5px; margin-left: 24px; clear: right; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.employeeCopy.templateNameInsert button.employeeTemplateGrid.selectGridInfo:nth-of-type(1) { top: 2px; margin-left: 24px; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.employeeCopy.templateNameInsert button.employeeTemplateGrid.selectGridInfo:nth-of-type(2) { top: 2px; margin-left: 24px; clear: right; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceText.employeeGrid { width: 84%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.terminal .announceText { margin-left: 6px; width: 88%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceValue { position: relative; top: -1px; left: 0; height: 14px; margin-right: 8px; text-align: center; float: right; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow .announceValue.allocationGrid { width: 6%; margin-left: 4%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child .announceValue { margin-left: 24px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGridRow.child .announceValue.allocationGrid { margin-left: 2.5%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper .allocationWizardNoGrid-childWrapper .allocationWizardNoGridRow.child .announceValue { margin-left: 3.1%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper { position: relative; width: 100%; height: auto; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper.selectedView { color: #9b2c23; border-bottom: 6px solid #d6d7da; border-top: 6px solid #d6d7da; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper.selectedView.disabled { color: #919699; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper .horizontalLine { left: 0; width: 101%; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper .allocationWizardNoGrid-childWrapper { width: 98.4%; width: 100%; margin-left: 0; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid .noGrid .allocationWizardNoGrid-childWrapper .allocationWizardNoGrid-childWrapper .horizontalLine { left: 0; width: 101%; } /*ANIMATION WRAPPER*/ #slideDownWrapper .animationActionWrapper.allocationWizard { position: relative; width: 100%; height: 489px; padding: 30px 0 0 0; background: none repeat scroll 0 0 #ebecf0; border: 1px solid #7f7f7f; border-left: none; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeTemplateGrid, #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate, #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate { height: 519px; padding-top: 0; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeTemplateGrid .actionAnnounceTop { position: relative; width: 100%; height: 24px; padding: 14px 0 5px 0; text-align: center; } #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate .actionAnnounceTop { position: relative; width: 100%; height: 23px; padding: 21px 0 9px; text-align: center; } /*Top Section*/ #slideDownWrapper .animationActionWrapper.allocationWizard .animationTopAnnounceWrapper { position: relative; width: 100%; height: auto; min-height: 27px; margin-top: 15px; margin-bottom: 14px; text-align: center; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounceWrapper { margin-top: 9px; margin-bottom: 14px; } #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate .animationTopAnnounceWrapper { } #slideDownWrapper .animationActionWrapper.allocationWizard.allocationGrid .animationTopAnnounce { position: relative; width: 85%; margin: 0 auto; text-align: center; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeTemplateGrid .animationTopAnnounce, #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate .animationTopAnnounce { width: 94%; text-align: left; } #slideDownWrapper .animationActionWrapper.allocationWizard .animationTopAnnounce-targetAnnounce { position: relative; width: 66px; height: auto; float: left; clear: left; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounce-targetAnnounce { } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounce-targetAnnounce:nth-of-type(3) { width: 120px; } #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate .animationTopAnnounce-targetAnnounce:nth-of-type(3) { width: 105px; } #slideDownWrapper .animationActionWrapper.allocationWizard .animationTopAnnounce-targetAnnounce:nth-of-type(5) { width: 165px; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounce-targetAnnounce:nth-of-type(5) { position: relative; top: 3px; width: 114px; max-height: 63px; line-height: 19px; } #slideDownWrapper .animationActionWrapper.allocationWizard .animationTopAnnounceTarget { position: relative; width: 100%; height: auto; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeTemplateGrid .animationTopAnnounceTarget, #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate .animationTopAnnounceTarget { position: relative; width: auto; min-width: 116px; max-width: 246px; height: auto; max-height: 72px; word-wrap: break-word; float: left; clear: none; } #slideDownWrapper .animationActionWrapper.allocationWizard.newTemplate .animationTopAnnounceTarget { position: relative; top: 5px; max-width: 204px; height: 54px; line-height: 15px; overflow: hidden; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounceTarget { top: 3px; max-width: 241px; line-height: 16px; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounceTarget:nth-of-type(4), #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounceTarget:nth-of-type(6), #slideDownWrapper .animationActionWrapper.allocationWizard.employeeCopy .animationTopAnnounceTarget_employeeCopyTemplate { position: relative; top: 3px; max-width: 196px; max-height: 54px; line-height: 19px; overflow: hidden; } #slideDownWrapper .slideDownModalMiddle.bracketChoice .animationActionWrapper.allocationWizard .horizontal-line { position: relative; width: 90%; margin: 0 auto; } /*Action Control Section*/ #slideDownWrapper .animationActionWrapper.allocationWizard .animationActionControlWrapper { position: relative; width: 94%; height: auto; margin: 0 auto; } /*ALLOCATION GRID*/ #slideDownWrapper .animationActionWrapper.allocationWizard .animationActionControlWrapper.allocationGrid { min-height: 94px; max-height: 255px; margin: 24px auto 9px; text-align: left; } #slideDownWrapper .animationActionWrapper.allocationWizard .animationActionControlWrapper.employeeTemplateGrid { position: relative; width: 100%; height: 100%; } #slideDownWrapper .animationActionWrapper.allocationWizard .animationActionControlWrapper #allocationWizard-announceSectionWrapper { position: relative; width: 100%; height: auto; min-height: 39px; max-height: 165px; } #slideDownWrapper .animationActionControlWrapper .allocationWizard-announceSectionWrapper .announceWrapper { position: relative; width: 99%; height: auto; min-height: 33px; max-height: 72px; line-height: 14px; } #slideDownWrapper .animationActionControlWrapper .allocationWizard-announceSectionWrapper .announceWrapper.first { margin-top: 0; } #slideDownWrapper .animationActionControlWrapper .allocationWizard-announceSectionWrapper .announceWrapper .announcePrefix { position: relative; width: auto; margin-right: 3px; float: left; clear: left; } #slideDownWrapper .animationActionControlWrapper .allocationWizard-announceSectionWrapper .announceItem { position: relative; width: auto; min-width: 116px; max-width: 185px; height: auto; max-height: 72px; word-wrap: break-word; float: left; clear: none; } #slideDownWrapper .animationActionControlWrapper .allocationWizard-announceSectionWrapper button { top: -4px; width: 47px; min-width: 47px; height: 21px; margin-left: 9px; padding: 3px; float: left; clear: right; } /*BUTTON SECTION*/ /*ALLOCATION GRID*/ #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper { position: relative; top: 0; width: 94%; min-width: 135px; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.allocationGrid { height: 63px; margin: 36px 0 36px 3px; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.allocationGrid button { position: relative; width: 201px; height: 63px; margin: 0 auto; line-height: 23px; display: block; } /*EMPLOYEE TEMPLATE GRID*/ #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid { height: 354px; margin: 21px auto 0; text-align: center; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate { height: 405px; margin: 21px auto 0; text-align: center; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid button, #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate button { position: relative; width: 135px; height: 42px; margin: 36px auto 0; line-height: 15px; display: block; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeCopy .animationActionControlWrapper button:nth-of-type(1) { width: 249px; height: 84px; margin-top: 12px; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeCopy .animationActionControlWrapper button:nth-of-type(2) { margin-bottom: 30px; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid button.disable:hover, #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate button.disable:hover { background: #c7cede; color: #254a77; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid button:nth-of-type(1), #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate button:nth-of-type(1) { width: 201px; height: 54px; margin: 0 auto 21px; line-height: 23px; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid button:nth-of-type(3), #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate button:nth-of-type(3) { margin: 36px auto 36px } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizard-buttonWrapper button.lightBlue:hover .hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizard-buttonWrapper button.lightBlue.disable:hover .hoverChange { font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; background: #c7cede; color: #254a77; } #slideDownWrapper .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizard-buttonWrapper button.disable.lightBlue:hover .hoverChange { color: #254a77; font-family: "Helvetica-Condensed-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper button.lightBlue:hover .hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper button.disable.lightBlue:hover .hoverChange { color: #254a77; font-family: "Helvetica-Condensed-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalBottom { position: relative; width: 100%; height: 7%; margin-top: 6px; text-align: center; } /*ALLOCATION GRID*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.allocationGrid .slideDownModalBottom { position: relative; width: 100%; height: 10%; margin-top: 33px; text-align: center; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.allocationGrid .slideDownModalBottom button { position: relative; top: 9px; left: -7px; width: 201px; height: 36px; margin: 0 auto; } /*EMPLOYEE TEMPLATE GRID*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .slideDownModalBottom, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .slideDownModalBottom { position: relative; width: 100%; height: 14%; margin-top: 24px; text-align: center; } #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid .slideDownModalBottom button:nth-of-type(1), #slideDownWrapper .animationActionWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate .slideDownModalBottom button:nth-of-type(1) { position: relative; top: 0; width: 201px; height: 42px; margin: 0 auto 0; } /*ANIMATION INSERT WRAPPER - EMPLOYEE TEMPLATE GRID 1px solid #80a5d2*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline { position: absolute; width: 99%; height: 96%; margin: 0 auto; padding: 3% 0 0; background: #fafafa; border: 1px solid #80a5d2; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline { position: relative; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .horizontal-line.last, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .horizontal-line.last{ } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmTopAnnounceWrapper, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmTopAnnounceWrapper { position: relative; width: 100%; height: 27px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper { position: relative; width: 100%; height: 176px; margin-top: 12px; margin-bottom: 12px; text-align: center; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper { height: 30px; margin-bottom: 27px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper:nth-of-type(3), #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper:nth-of-type(3) { height: 57px; margin-bottom: 0; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper .editInstruction.timeline, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper .editInstruction.timeline{ position: relative; top: -6px; left: 92px; width: 156px; height: 18px; text-align: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper:nth-of-type(3) .editInstruction.timeline, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper:nth-of-type(3) .editInstruction.timeline { height: 39px; margin-top: 3px; line-height: 14px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper input, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper input { position: relative; top: -1px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper div.announce, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .radioWrapper div.announce { position: relative; margin-left: 3px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .dateSelectWrapper, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .dateSelectWrapper { position: relative; top: -6px; width: 100%; height: 72px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .editInstructionDates, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .editInstructionDates { position: relative; width: 100%; height: 33px; margin: 0 auto; line-height: 14px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmActionWrapper .dateDropDownSelectWrapper, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmActionWrapper .dateDropDownSelectWrapper { position: relative; width: 35%; height: 30px; } body.pma .k-animation-container #monthDropDown-employeeTemplateGrid-list ul.k-list li.k-item, body.pma .k-animation-container #yearDropDown-employeeTemplateGrid-list ul.k-list li.k-item { font-size: 11px !important; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper, #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.newTemplate .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper { position: relative; width: 100%; height: 27%; margin-top: 18px; text-align: center; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button:nth-of-type(1), #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button:nth-of-type(1) { width: 214px; height: 39px; line-height: 23px; margin: 0 auto 15px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button:nth-of-type(2), #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button:nth-of-type(2) { margin-top: 0; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button.hoverChange, #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button.hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button.darkBlue:hover .hoverChange, #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button.darkBlue:hover .hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.employeeTemplateGrid .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button:nth-of-type(2), #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizard-buttonWrapper.newTemplate .allocationWizardSectionInsert.timeline .confirmControlBottomWrapper button:nth-of-type(2) { height: 33px; } /*CREATE TEMPLATE MODAL*/ #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal { position: relative; width: 100%; height: 519px; background-color: #fff; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .announceWrapper-main { position: relative; width: 100%; height: 66px; text-align: center; background: none; border: none; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .announceWrapper-main button.explain { position: absolute; top: 17px; left: 89%; width: 63px; height: 24px; padding: 4px 0 2px; display: block; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .announceWrapper-main .sectionAnnounce { position: relative; width: 390px; margin: 6px auto 0; line-height: 46px; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .horizontal-line { position: relative; width: 90%; margin: 0 auto; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementWrapper { position: relative; width: 98%; height: 82%; padding: 2% 0 2% 2%; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection { position: relative; width: 100%; height: 35%; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection.opacityHide { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .templateManagementItem { position: relative; margin-left: 6px; top: 39px; float: left; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .selectArrowRight { top: 36px !important; left: 0; margin-right: 12px; margin-left: 0; border-color: transparent transparent transparent #919699; border-width: 11px 0 12px 16px; opacity: 0.3; transition: opacity 0.2s ease 0s; clear: left; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .templateManagement-stepAnnounce { margin-left: 0; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .allocationWizardModal-imageWrapper { top: 9px; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection allocationWizardModal-imageWrapper img { } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .templateManagementSectionAnnounce { top: 25px; left: 0; width: 126px; margin-left: 0; text-align: center; line-height: 24px; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .templateManagementSectionAnnounce.last { top: 29px; left: 9px; width: 132px; line-height: 18px; text-align: left; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .templateManagementSectionAnnounce.last.long { top: 21px; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection #newEmployeeTemplateName { top: 24px; width: 297px; height: 45px; margin-left: 6px; clear: right; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection button { position: absolute; top: 32px; left: 549px; width: 63px; height: 32px; line-height: 11px; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .newEmployeeTemplateInputAnnounce { position: absolute; top: 78px; left: 247px; width: 284px; height: 18px; text-align: center; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection button.createNotes { position: relative; top: 18px; left: 0; width: 189px; height: 58px; margin-right: 0; line-height: 21px; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementItem.templateManagementSubSection { width: 189px; top: 9px; left: 0; margin-left: 12px margin-right: 12px line-height: 29px; text-align: center; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSubSection .radioWrapper { position: relative; width: 193px; height: 51px; text-align: left; float: left; clear: left; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSubSection .radioWrapper input { position: relative; top: -8px; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSubSection .radioWrapper .announce { position: relative; left: 9px; line-height: 16px; text-align: left; } #slideDownWrapper .allocationWizardMainGridWrapper.newTemplate.employee.modal .templateManagementSection .allocationWizardModal-imageWrapper.last { top: 1px; } /*CLONE VARIATIONS*/ /*CLONE BUTTONS*/ /*CLONE EMPLOYEE GRID*/ #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.employeeTemplateGrid.cloneEmployeeTemplate .announceWrapper-main .section.action { width: 228px; left: 9px; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.cloneEmployeeTemplate .noGrid .allocationWizardNoGridRow button.employeeTemplateGrid.selectGridInfo.cloneEmployeeTemplate { } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.cloneEmployeeTemplate .noGrid .allocationWizardNoGridRow button.employeeTemplateGrid.selectGridInfo.cloneEmployeeTemplate:nth-of-type(1) { width: 79px; margin-left: 27px; clear: none; } #slideDownWrapper .allocationWizardMainGridWrapper.plGrid.cloneEmployeeTemplate .noGrid .allocationWizardNoGridRow button.employeeTemplateGrid.selectGridInfo.cloneEmployeeTemplate:nth-of-type(2) { margin-left: 24px; clear: right; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .animationTopAnnounceWrapper { height: 42px; min-height: 42px; margin-top: 0px; margin-bottom: 6px; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .animationTopAnnounce { width: 92%; height: 100%; padding: 3px 0 0 21px; text-align: left; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .animationTopAnnounce-targetAnnounce { position: relative; width: 222px; height: auto; float: none; clear: both; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .animationTopAnnounceTarget { position: relative; width: auto; min-width: 300px; max-width: 300px; height: auto; max-height: 24px; word-wrap: break-word; float: none; clear: both; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .allocationWizard-buttonWrapper.employeeTemplateGrid { height: 429px; margin: 0 auto 0; text-align: center; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate #inputSectionWrapper_cloneEmployeeTemplate { position: relative; width: 100%; height: 165px; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate #inputSectionWrapper_cloneEmployeeTemplate.opacityHide { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .templateManagementSectionAnnounce.cloneEmployeeTemplate { position: relative; width: 100%; margin: 21px 0 3px 11px; text-align: left; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate #inputSectionWrapper_cloneEmployeeTemplate #newEmployeeTemplateName_cloneEmployeeTemplate { position: relative; width: 297px; height: 45px; margin-left: 6px; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate #innerSectionWrapper_cloneEmployeeTemplate { position: relative; width: 100%; height: 66px; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate #innerSectionWrapper_cloneEmployeeTemplate .newEmployeeTemplateInputAnnounce { position: relative; top: 21px; left: 12px; width: 201px; height: 18px; text-align: left; float: left; clear: left; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate #innerSectionWrapper_cloneEmployeeTemplate button.cloneEmployeeTemplate { width: 87px; height: 33px; margin: 15px 7px 21px 0; float: right; clear: right; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .animationActionControlWrapper { position: relative; width: 100%; height: 238px; margin: 27px auto 0px; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .animationActionControlWrapper button:nth-of-type(1) { position: relative; width: 201px; height: 54px; margin: 0 auto 15px; line-height: 23px; display: block; } #slideDownWrapper .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .animationActionControlWrapper button:nth-of-type(2) { position: relative; width: 162px; height: 48px; margin: 21px auto 24px; line-height: 15px; display: block; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .slideDownModalBottom { position: relative; width: 100%; height: 22%; margin-top: 33px; text-align: center; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .animationActionWrapper.allocationWizard.cloneEmployeeTemplate .slideDownModalBottom button { } /* OLD SELECT PL STARTS HERE*/ /* #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainSection { position: relative; height: auto; width: 100%; min-height: 27%; margin-top: 6px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainSection.levelOne { height: 36%; margin-top: 9px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainSection.levelTwo { height: 50%; height: 36%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainSection-topAnnounce { position: relative; width: 100%; height: 27px; margin-top: 6px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainSection-topAnnounce.verticalInsert { margin-top: 15px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardScrollWrapper-mainGrid { position: relative; width: 100%; height: auto; max-height: 142px; min-height: 126px; border: 1px solid #7f7f7f; overflow-y: scroll; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardScrollWrapper-mainGrid.levelOne { height: 142px; overflow-x: hidden; overflow-y: scroll; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardScrollWrapper-mainGrid.levelThree { max-height: 10000px; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper { position: relative; width: 100%; height: 153px; background-color: #d6d7da; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .allocationWizardMainGridWrapper.levelOne { height: 142px; } .allocationWizardMainGridWrapper .verticalLine { position: absolute; height: 100%; width: 1px; background: #c5c5c5; z-index: 1; } .allocationWizardMainGridWrapper .verticalLine.first { left: 50%; } .allocationWizardMainGridWrapper .verticalLine.middle { left: 78%; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper { position: relative; width: 100%; height: 42px; text-align: center; background: #ebecf0; border-bottom: 1px solid #7f7f7f; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section { position: relative; top: 17px; float: left; line-height: 14px; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section.first { width: 48%; padding-left: 9px; text-align: left; clear: left; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section.middle { top: 9px; left: 13px; width: 15%; font-size: 11px; text-align: center; clear: none; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section.action { top: 5px; left: 23px; width: 33%; height: 84%; text-align: center; clear: right; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section.action.levelOne { top: 9px; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section.action .announceName-control { position: relative; top: 4px; width: auto; max-width: 50%; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section.action .announceName-control:last-of-type { top: 2px; max-width: 97%; } .allocationWizardMainGridWrapper .allocationWizardNoGrid-announceWrapper .section.action.levelOne .announceName-control:last-of-type { top: 2px; max-width: 100%; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper { position: relative; width: 100%; height: auto; max-height: 98px; padding-bottom: 1px; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper .noGrid { position: relative; width: 66%; height: auto; max-height: 99px; float: left; clear: left; overflow-y: scroll; background: #ebecf0; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper .noGrid.BG-odd { background: #fff; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper .noGrid .horizontalLine { position: relative; width: 100%; height: 1px; background: #c5c5c5; } .allocationWizardMainGridWrapper .noGrid .allocationWizardNoGridRow { position: relative; width: 100%; height: 33px; text-align: left; background-color: #fff; } .allocationWizardMainGridWrapper .noGrid .allocationWizardNoGridRow.last { height: 34px; } .allocationWizardMainGridWrapper .noGrid .allocationWizardNoGridRow.odd { background: #ebecf0; } .allocationWizardMainGridWrapper .noGrid .allocationWizardNoGridRow .sectionAnnounce { position: relative; width: 100%; height: 24px; } .allocationWizardMainGridWrapper .noGrid .allocationWizardNoGridRow .announceText { position: absolute; top: 16%; width: 74%; height: auto; max-height: 24px; padding-left: 21px; } .allocationWizardMainGridWrapper .noGrid .allocationWizardNoGridRow .announceValue { position: absolute; top: 16%; left: 86%; width: 9%; height: 27px; text-align: center; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper .allocationWizardBracket { position: absolute; width: 350px; height: 30px; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper .allocationActionSelect { position: relative; width: 33%; height: 99px; padding-left: 3px; float: left; clear: right; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper .allocationActionSelect button { position: relative; top: 27%; height: 51px; width: 60%; margin: 0 auto; line-height: 18px; display: block; } .allocationWizardMainGridWrapper .allocationWizardMainGrid-bottomWrapper .allocationActionSelect button.lightBlue:hover .hoverChange { color: #f69322; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; } #slideDownWrapper .slideDownModalWrapper.allocationWizard .slideDownModalBottom { position: relative; width: 100%; height: 7%; margin-top: 7px; text-align: center; } */ /*START HERE FOR RE-DO OF ALLOCATION SELECT*/ #slideDownWrapper .slideDownModalWrapper.allocationWizard.insert .slideDownModalTop { height: 5%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.insert .slideDownModalMiddle { left: 4px; width: 99%; height: 92%; padding-left: 0; background: none; border: none; text-align: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.insert.slideDownModalBottom { height: 8%; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.insert .slideDownModalBottom button { position: relative; top: 6px; width: 201px; height: 33px; float: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.insert .slideDownModalBottom button.scenarioSave { width: 228px; margin-left: 22%; clear: left; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.insert .slideDownModalBottom button.returnEdit { margin-left: 26%; clear: none; } #slideDownWrapper .slideDownModalWrapper.allocationWizard.insert .slideDownModalBottom button.cancel { margin-left: 20%; clear: right; } .slideDownModalMiddle.insert .modalInsertColumn { position: relative; height: 100%; } .slideDownModalMiddle.insert .modalInsertColumn.left { width: 70%; float: left; clear: left; } .slideDownModalMiddle.insert .modalInsertColumn.right { width: 29%; height: 100%; padding: 0; text-align: center; float: left; clear: right; background: #ebecf0; } .slideDownModalMiddle.insert .allocationWizardModalInsert-editAnnounceWrapper { position: relative; top: 4px; width: 99%; height: 15%; padding-top: 1%; padding-left: 1%; background: #fff; border: 1px solid #80a5d2; border-bottom: none; } .allocationWizardModalInsert-editAnnounceWrapper .editAnnounceSectionAnnounce { position: relative; width: 100%; height: 29%; } .allocationWizardModalInsert-editAnnounceWrapper .editAnnounceItemWrapper { position: relative; width: 100%; height: 22%; } .allocationWizardModalInsert-editAnnounceWrapper .editAnnounceItemAnnounce { position: relative; width: 25%; margin-left: 2%; line-height: 18px; float: left; clear: left; } .allocationWizardModalInsert-editAnnounceWrapper .editAnnounceItem { position: relative; width: 64%; line-height: 18px; float: left; clear: right; } .slideDownModalMiddle.insert .allocationWizardEdit { position: relative; width: 100%; height: 83%; border: 1px solid #80a5d2; } .allocationWizardEdit .slideBox-insertWrapper { width: 97%; } .allocationWizardEdit .slideBoxTitle .subSectionAnnounceTop { padding-top: 3px; padding-bottom: 3px; } /*slide box edit*/ .allocationWizardEdit .slideBoxMiddle { height: 100%; width: 100%; background: #FFFFFF; } .allocationWizardEdit .slideBoxMiddle #allocationEditWrapper { position: relative; height: 100%; width: 100%; border: 1px solid #cdcdcd; border-bottom: none; border-left: none; } .allocationWizardEdit .editWrapper .editAnnounceWrapper { position: relative; width: 100%; height: 28px; background: #B6C7D9; } .allocationWizardEdit .editWrapper .editAnnounce { width: 13%; padding: 4px 11px 0 5px; } .allocationWizardEdit .editWrapper .editAnnounce.first { width: 47%; margin-left: 1px; padding-right: 9px; float: left; } .allocationWizardEdit .editWrapper .editAnnounce.last { width: 22%; padding-right: 0; padding-left: 7%; } .allocationWizardEdit .editWrapper .editWrapperSpacer { position: relative; top: -4px; height: 29px; width: 1px; background: #DEDEDE; } .allocationWizardEdit .editWrapper #editSectionItemWrapper_allocation.editSectionItemWrapper { position: relative; width: 68%; height: 67%; height: 371px; padding-bottom: 1px; border-top: 1px solid #80A5D2; border-right: 1px solid #80A5D2; overflow-y: scroll; } .allocationWizardEdit .editWrapper #editSectionItemWrapper_allocation.editSectionItemWrapper .targetWrapper { border-bottom: 1px solid #80A5D2; /* display: none; */ } .allocationWizardEdit .editWrapper #editSectionItemWrapper_allocation.editSectionItemWrapper .targetWrapper.remaining { display: block; } .allocationWizardEdit .editWrapper #editSectionItemWrapper_allocation.editSectionItemWrapper .targetWrapper .openClose.k-icon { position: relative; width: 18px; left: 3px; margin-top: -4px; cursor: pointer; } .allocationWizardEdit .editWrapper .editRowItem { position: relative; height: 30px; } .allocationWizardEdit .editWrapper #editSectionItemWrapper_allocation.editSectionItemWrapper .targetWrapper .editRowItem.section { height: 30px; background: #F9F9F9; border-bottom: 1px solid #80A5D2; } .allocationWizardEdit .editWrapper #editSectionItemWrapper_allocation.editSectionItemWrapper .targetWrapper .editItemHideShowWrapper { /* display: none; */ } .allocationWizardEdit .editWrapper .editRowAnnounce { position: relative; height: 81%; width: 68%; margin-left: 6%; padding-top: 5px; padding-bottom: 0; float: left; } .allocationWizardEdit .editWrapper .editRowItem.section .editRowAnnounce { margin-left: 0; left: 0; width: 68%; float: none; } .allocationWizardEdit .editWrapper .editRowItemSpacer { position: relative; top: -1px; left: 3px; height: 100%; width: 1px; background: #DEDEDE; float: left; } .allocationWizardEdit .editWrapper #editSectionItemWrapper_allocation.editSectionItemWrapper .targetWrapper .editRowItem.section .editRowItemSpacer { top: -5px; left: 4px; float: none; } .allocationWizardEdit .editWrapper .editRowInputWrapper { position: relative; top: 3px; width: 15%; margin-left: 8%; padding-top: 0; padding-bottom: 0; float: left; } .allocationWizardEdit .editWrapper .editRowInputWrapper input { width: 39px; height: 21px; } .allocationWizardEdit .editWrapper .editRowInputWrapper .editRowInputSuffix { margin-left: 3px; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper { position: relative; width: 68%; height: 27%; padding-bottom: 1px; border-top: 1px solid #DEDEDE; border-right: 1px solid #80A5D2; text-align: left; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editAnnounceWrapper.section { border-top: 1px solid #80A5D2; border-bottom: 1px solid #80A5D2; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editAnnounceWrapper.section .editAnnounce { width: 68%; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editTotalWrapper { height: 30px; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editTotalWrapper:last-of-type { height: 29px; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editWrapperSpacer { left: 0; top: -4px; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editTotalWrapper:nth-child(4) { border-bottom: none; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editTotalWrapper:last-of-type { border-top: 1px solid #80A5D2; border-bottom: none; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editTotalWrapper .editTotalAnnounce { width: 62%; margin-right: 8%; margin-left: 7px; padding-top: 6px; padding-bottom: 0; text-align: right; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editTotalWrapper .editTotal_allocationWrapper { position: relative; width: 26%; } .allocationWizardEdit .editWrapper #editTotalOuterWrapper .editTotalWrapper button#button-recalculateAllocations { position: absolute; top: 2px; left: 6px; } .allocationWizardEdit .editWrapper .editTotalWrapper .editTotal { position: relative; left: 36%; width: 24px; margin: 0 auto; } .allocationWizardEdit .editWrapper .editTotalWrapper .editTotalSuffix { position: absolute; top: 0; left: 69px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control { position: absolute; top: 28px; left: 67%; height: 95%; width: 32%; padding: 0 0 0 6px; border-top: 1px solid #80A5D2; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapperControlAnnounce { position: relative; height: 27px; width: 93%; margin: 1px auto 9px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalButtonWrapper { position: relative; height: 92%; width: 90%; margin: 31px auto 0; text-align: center; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapper_control_buttonSection { position: relative; padding-top: 18px; padding-bottom: 5px; border-top: 1px solid #DEDEDE; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapper_control_buttonSection.first { } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapper_control_buttonSection:nth-child(2) { padding-bottom: 2px; padding-top: 15px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapper_control_buttonSection:nth-child(3) { padding-bottom: 9px; padding-top: 19px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapper_control_buttonSection.last { padding-top: 30px; padding-bottom: 0; border-bottom: 1px solid #DEDEDE; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalButtonWrapper button { width: 138px; height: 33px; margin-bottom: 15px; padding: 6px 3px 4px 3px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapper_control_buttonSection button.large { padding: 4px 3px 4px 5px; margin-bottom: 27px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalWrapper_control_buttonSection button.large:hover { background: #f69322; border: 1px solid #254a77; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalButtonWrapper button#save-expenseAllocation-scenario { height: 42px; margin-bottom: 18px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalButtonWrapper button#button-evenRemainingAllocations { height: 42px; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalButtonWrapper button.disable { opacity: 0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalButtonWrapper button.disable:hover { background: #C7CEDE; color: #254A77; } .allocationWizardEdit .editWrapper #editTotalWrapper_control .editTotalButtonWrapper button.save.disable:hover { background: #254A77; color: #fff; } /*timeline-notes*/ /*THIS WILL DONE WITH ID'S*/ #allocationWizardModalInsert-right .insertColumnSection { position: relative; width: 100%; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-color: #80a5d2; } #allocationWizardModalInsert-right .insertColumnSection:last-of-type { } #slideDownModalTop-details { top: 4px; width: 68%; height: 16%; padding-top: 1.8%; line-height: 18px; border-bottom: none; } #slideDownModalTop-details .slideDownModalAnnounce-details { position: relative; width: 100%; height: 50%; margin-top: 5px; line-height: 20px; text-align: center; } #slideDownModal-viewDetails { position: relative; width: 95%; height: 12%; margin: 0 auto; padding: 5% 0 2% 4%; } #slideDownModal-viewDetails .viewAllocationDetails-topAnnounce { position: relative; width: 100%; height: 18px; } #viewAllocationDetails-buttonWrapper { position: relative; width: 100%; height: 25px; margin-top: 1%; text-align: left; } #viewAllocationDetails-buttonWrapper button.selectTimeline { width: 41%; margin-left: 5%; } #viewAllocationDetails-buttonWrapper button.selectTimeline.last { } #allocationWizardModalInsert-timelineWrapper { top: -6px; width: 96%; height: 44.1%; text-align: center; border-bottom: none; } #allocationTimeline-top { position: relative; width: 91%; height: 20%; margin: 0 auto; padding: 2% 1% 8% 1%; } #allocationTimeline-displayWrapper { position: relative; width: 100%; height: auto; margin: 0 auto 0; text-align: center; } .allocationTimeline-displayAnnounce { position: relative; width: 100%; height: 24px; padding-top: 5px; text-align: center; background: #b6c7d9; border-bottom: 1px solid #80a5d2; } #allocationTimeline-display { position: relative; width: 100%; height: 72%; margin: 0 auto 5%; background: #fff; border-bottom: 1px solid #80a5d2; overflow-y: scroll; overflow-x: hidden; } #allocationTimeline-display .allocationTimelineDateWrapper { position: relative; width: 97%; height: 21px; padding: 9px 0 8px 10px; text-align: left; border-bottom: 1px solid #b3b3b3; } #allocationTimeline-display .allocationTimelineDateWrapper:last-of-type { border-bottom: none; } #allocationTimeline-display .allocationTimelineDateWrapper:hover { color: #254a77; cursor: pointer; } #allocationTimeline-display .allocationTimelineDateWrapper.selected:hover { color: #9b2c23; cursor: auto; } #allocationTimeline-display .allocationTimelineDateItem { position: relative; width: 135px; height: 18px; text-align: left; float: left; } #allocationTimeline-display .allocationTimelineDateItem:nth-of-type(2) { width: 123px; } #allocationTimeline-display button.selectAllocationPeriod { top: 0; max-height: 24px; min-width: 31px; margin-left: 7%; padding: 5px 2px 3px 3px; float: left; clear: right; } #allocationTimeline-display .allocationTimelineDateWrapper.selected button.editTimeline { margin-left: 32%; } #allocationTimeline-display button.editTimeline #allocationTimeline-bottom { position: relative; width: 98%; height: 13%; padding: 0; text-align: center; } #allocationWizardModalInsert-notesWrapper { position: relative; top: -7px; width: 96%; height: 254px; padding-bottom: 5px; border: 1px solid #cdcdcd; background: #fff; } #allocationTimeline-notesWrapper { position: relative; width: 100%; height: 226px; margin: 0 auto; padding-top: 1%; background: #fff; } #allocationTimeline-notesWrapper .allocationTimeline-notesTop { position: relative; width: 93%; height: 20%; margin: 0 auto; padding: 0; text-align: left; } #allocationTimeline-notesWrapper .allocationTimelineNoteAnnounceWrapper { position: relative; top: 1px; width: 100%; height: 21px; text-align: left; } #allocationTimeline-notesWrapper .allocationTimelineNoteAnnounce { position: relative; width: auto; height: 15px; text-align: left; float: left; clear: left; } #allocationTimeline-notesWrapper .allocationTimelineNoteItem { position: relative; width: auto; max-width: 72%; height: 15px; margin-left: 6px; text-align: left; float: left; clear: right; } #allocationTimeline-notesWrapper .allocationTimeline-notes.display { position: relative; width: 94%; height: 44%; padding: 3% 0% 2% 6%; text-align: left; line-height: 16px; overflow-y: auto; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; } #allocationTimeline-notesWrapper .allocationTimeline-notesBottom { position: relative; top: -10px; width: 100%; height: 9.9%; margin-top: 11%; text-align: center; } #allocationWizardModalInsert-right button.buttonMain { width: 133px; min-height: 25px; padding: 6px 3px 4px; } #allocationTimeline-notesWrapper .allocationTimeline-notesBottom button { width: 82px; } #allocationTimeline-notesWrapper .allocationTimeline-notesBottom button:last-of-type { margin-left: 8%; } /*edit errors*/ .allocationWizardEdit .editRowErrorInsert { position: absolute; top: 3px; left: 20%; } .allocationWizardEdit .editWrapper .oddClass { background-color: #EBECEF !important; } .allocationWizardEdit .editWrapper .evenClass { background-color: #FFF !important; } .allocationWizardEdit .editWrapper .editRowInputWrapper input.error { color: #254a77; border: 1px solid #9b2c23; } /*TIMELINE EDIT*/ #monthDropDown-insertPeriodStart-list.k-list-container ul.k-list li.k-item, #yearDropDown-insertPeriodStart-list.k-list-container ul.k-list li.k-item, #monthDropDown-insertPeriodEnd-list.k-list-container ul.k-list li.k-item, #yearDropDown-insertPeriodEnd-list.k-list-container ul.k-list li.k-item { color: #696e71; font-family: "Helvetica-Light","Arial Narrow",Arial,sans-serif; font-size: 12px; line-height: 14px; margin-top: 1px; } #slideDownWrapper #allocationWizardModalTimeline-detailedEdit .k-dropdown-wrap { height: 20px; } #slideDownWrapper #allocationWizardModalTimeline-detailedEdit .k-dropdown-wrap .k-input { height: 18px; line-height: 18px; } #slideDownWrapper #allocationWizardModalTimeline-detailedEdit .k-icon { margin-top: 3px; } #timelineWidgetWrapper { position: relative; left: -4px; width: 99%; height: auto; min-height: 345px; margin: 0 auto; border: 1px solid #80a5d2; -webkit-transition: height .8s ease; -moz-transition: height .8s ease; -o-transition: height .8s ease; -ms-transition: height .8s ease; transition: color height .8s ease; } /*USE THIS?*/ #timelineWidgetWrapper.quickEdit { height: 495px; -webkit-transition: height .8s ease; -moz-transition: height .8s ease; -o-transition: height .8s ease; -ms-transition: height .8s ease; transition: color height .8s ease; } #allocationWizardModalTimeline-top { position: relative; width: 948px; width: 100%; height: 285px; margin: 0 auto; border-bottom: 1px solid #80a5d2; border-bottom: 1px solid #c5c5c5; } #allocationWizardModalTimeline-top .modalInsertColumn { position: relative; height: 100%; background: #f3f3f3; } #allocationWizardModalTimeline-top .modalInsertColumn.left { width: 16%; float: left; clear: left; text-align: center; border-right: 1px solid #c5c5c5; } #allocationWizardModalTimeline-top .modalInsertColumn.right { width: 83.8%; text-align: center; float: left; clear: right; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper { position: relative; height: 98%; width: 97%; margin: 0 auto; padding: 3% 0 0 3%; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionAnnounce { position: relative; top: 12px; width: 90%; height: 24.5%; margin: 0 auto; padding-top: 0; line-height: 21px; } #allocationWizardModalTimeline-top .modalInsertColumn.left .horizontal-line { background: #c5c5c5; width: 82%; margin: 0 auto; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .horizontal-line { display: none; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideCurrent .horizontal-line #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideNext .horizontal-line { display: block; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .horizontal-line.first { top: 10px; left: -5px; width: 104%; display: block; } #allocationWizardModalTimeline-top .modalInsertColumn.left .timeline-actionWrapper { position: relative; top: 0; left: 0; width: 99%; height: 30%; margin-top: 13%; text-align: left; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .timeline-actionWrapper { display: none; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideCurrent .timeline-actionWrapper, #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideNext .timeline-actionWrapper { display: block; } #allocationWizardModalTimeline-top .modalInsertColumn.left .timeline-actionWrapper.last { height: 24%; margin-top: 13%; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideBoth .timeline-actionWrapper.last { display: block; margin-top: 52%; } #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideCurrent .timeline-actionWrapper.last #allocationWizardModalTimeline-top .modalInsertColumn.left .editAnnounceSectionWrapper.hideNext .timeline-actionWrapper.last { margin-top: 20%; } #allocationWizardModalTimeline-top .modalInsertColumn.left .timeline-actionWrapper .radioWrapper.timeline { position: relative; width: 85%; height: 21px; padding-left: 10%; } #allocationWizardModalTimeline-top .modalInsertColumn.left .timeline-actionWrapper .radioWrapper.timeline input { position: relative; top: -1px; margin-right: 1px; } #allocationWizardModalTimeline-top .modalInsertColumn.left .timeline-actionWrapper .radioWrapper.timeline span { } #allocationWizardModalTimeline-top .modalInsertColumn.left .timeline-actionWrapper .editInstruction.timeline { position: relative; width: 76%; float: right; clear: right; line-height: 15px; } /*TIMELINE EDIT CONTROL*/ /*DETAILED EDIT*/ #allocationWizardModalTimeline-detailedEdit { position: absolute; width: 100%; height: 201px; text-align: left; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #allocationWizardModalTimeline-detailedEdit.opacityFade { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=2); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #allocationTimelineControlWrapper.allocationWizardModal { position: relative; width: 100%; height: 100%; } #allocationTimelineControlWrapper.allocationWizardModal .allocationTimelineControlSection { position: relative; height: 100%; float: left; } #allocationTimelineControlWrapper.allocationWizardModal .allocationTimelineControlSection.opacityFade { opacity: .2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=2); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #allocationTimelineControlWrapper.allocationWizardModal .allocationTimelineControl-initialAnnounce { display: none; } #allocationTimelineControlWrapper.allocationWizardModal.start .allocationTimelineControl-initialAnnounce { position: absolute; height: 100%; text-align: center; display: block; } #allocationTimelineControlWrapper.allocationWizardModal.start .allocationTimelineControl-initialAnnounce.first { width: 22%; margin-left: 2%; } #allocationTimelineControlWrapper.allocationWizardModal.start .allocationTimelineControl-initialAnnounce.warning { width: 47%; margin-left: 50%; } .timelineEditWarning { position: relative; width: 100%; height: 100%; } .timelineEditWarning .warningAnnounce { position: relative; margin-top: 6px; margin-bottom: 12px; } .timelineEditWarning .timelineEditWarningMain { position: relative; line-height: 18px; } #allocationTimelineControlWrapper.allocationWizardModal .allocationTimelineControl-initialAnnounce .editAnnounceSectionAnnounce { position: relative; width: 100%; height: 49%; margin-top: 36%; line-height: 21px; display: block; } #allocationTimelineControlWrapper.allocationWizardModal #allocationTimelineControlLeft { width: 24%; margin-left: 0; padding-left: 0; clear: left; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; -ms-transition: width 0.6s ease; transition: width 0.6s ease; } #allocationTimelineControlWrapper.allocationWizardModal.start #allocationTimelineControlLeft { margin-left: 23%; width: 24%; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; -ms-transition: width 0.6s ease; transition: width 0.6s ease; } #allocationTimelineControlWrapper.allocationWizardModal #allocationTimelineControlMiddle { width: 40%; clear: none; } #allocationTimelineControlWrapper.allocationWizardModal.start #allocationTimelineControlMiddle { display: none; } #allocationTimelineControlWrapper.allocationWizardModal #allocationTimelineControlRight { width: 35.5%; clear: right; } #allocationTimelineControlWrapper.allocationWizardModal .bracket { position: relative; top: 8%; left: 0; width: 22px; height: 159px; float: left; } #allocationTimelineControlWrapper.allocationWizardModal #timeLineEdit-bracketLeft.bracket { display: none; clear: left; } #allocationTimelineControlWrapper.allocationWizardModal.start #timeLineEdit-bracketLeft.bracket { display: block; } #allocationTimelineControlWrapper.allocationWizardModal #timeLineEdit-bracketRight.bracket { clear: right; display: block; } #allocationTimelineControlWrapper.allocationWizardModal.start #timeLineEdit-bracketRight.bracket { display: none; } #timeLineEditButtonWrapper-select { position: relative; top: 6%; width: 150px; height: 153px; margin-left: 18px; text-align: center; float: left; clear: none; } #timeLineEditButtonWrapper-select button.editTimeline { width: 144px; height: 32px; margin-top: 18px; padding: 6px 3px 4px; } .timeLineEdit-controlActionWrapper { position: relative; width: 99%; height: 95%; border: 1px solid #c5c5c5; } /*TIMELINE EDIT DATE SELECT*/ .timeLineEdit-announce { position: relative; width: 98%; height: 10%; margin-top: 6px; text-align: center; } .timeLineEdit-controlActionWrapper .horizontalLine { position: relative; width: 92%; height: 1px; margin: 6px auto 15px; background: #c5c5c5; } .timeLineEdit-controlActionWrapper .dateSelectWrapper { position: relative; top: 0; left: 0; width: 94%; height: 13%; margin: 0 auto; text-align: left; } .timeLineEdit-controlActionWrapper .dateSelectWrapper .dateSelect-announce { position: relative; width: 43%; margin-right: 6px; text-align: right; float: left; clear: right; } .timeLineEdit-controlActionWrapper .dateSelectWrapper .dateDropDownSelectWrapper { position: relative; margin-right: 9px; float: left; clear: none; } .timeLineEdit-controlActionWrapper .dateSelectWrapper .dateDropDownSelectWrapper:last-of-type { margin-right: 0; clear: right; } #timeLineDetailedEdit-typeWrapper { width: 90%; height: 63px; margin: 9px auto 12px; } #timeLineDetailedEdit-typeAnnounce { position: relative; width: 43%; height: 21px; margin-right: 6px; float: left; clear: left; text-align: right; } #timeLineDetailedEdit-radioWrapper { position: relative; height: 100%; width: 46%; float: left; clear: right; } #timeLineDetailedEdit-radioWrapper .radioWrapper { position: relative; height: 50%; width: 100%; -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; -ms-transition: height 0.4s ease; transition: height0.4s ease; } #timeLineDetailedEdit-typeWrapper.tall #timeLineDetailedEdit-radioWrapper .radioWrapper { height: 36%; -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; -ms-transition: height 0.4s ease; transition: height0.4s ease; } #timeLineDetailedEdit-typeWrapper #timeLineDetailedEdit-radioWrapper .radioWrapper.indefinitely { display: none; } #timeLineDetailedEdit-typeWrapper.tall #timeLineDetailedEdit-radioWrapper .radioWrapper.indefinitely { display: block; } #timeLineDetailedEdit-radioWrapper .radioWrapper input { position: relative; top: 0; margin-right: 4px; } /*PREVIEW CONTROL RIGHT -- ANNOUNCE AND BUTTON*/ #allocationTimelineControlWrapper.allocationWizardModal #allocationTimelineControlRight .timeLineEdit-controlActionWrapper { border: none; width: 100%; height: 93%; padding-top: 10px; } #allocationTimelineControlWrapper.allocationWizardModal #allocationTimelineControlRight #timeLineEdit-bracketLeftPreview { position: absolute; top: 1%; left: 6px; width: 24px; height: 186px; } #allocationTimelineControlRight #timeLineEdit-previewAnnounceTop-Wrapper, #allocationTimelineControlRight #timeLineEdit-previewAnnounceTopInitial-Wrapper { position: relative; width: 246px; height: 180px; margin-left: 39px; text-align: center; } #allocationTimelineControlRight.initial #timeLineEdit-previewAnnounceTop-Wrapper { display: none; } #allocationTimelineControlRight.initial #timeLineEdit-previewAnnounceTopInitial-Wrapper { width: 231px; height: 138px; padding-top: 27px; text-align: center; display: block; } #allocationTimelineControlRight #timeLineEdit-previewAnnounceTopInitial-Wrapper { display: none; } #timeLineEdit-previewAnnounceTop-Wrapper #timeLineEdit-previewAnnounceTop { position: relative; width: 92%; height: 62%; text-align: center; line-height: 19px; } #timeLineEdit-previewAnnounce-target { } #button-editTimeline-preview { top: 6px; left: -15px; width: 183px; height: 48px; line-height: 16px; margin: 0 auto; } /*MOVE THIS?*/ /*TIMELINE VIEW OUTER WRAPPER*/ #allocationWizardModalTimeline-middle { position: relative; width: 948px; width: 100%; height: 0; border-bottom: 1px solid #c5c5c5; } #allocationTimelineDetail-mainAnnounceWrapper { position: relative; width: 100%; height: 33px; } #allocationTimelineView.showPreview #allocationTimelineDetail-mainAnnounceWrapper { display: none; } #allocationTimelineDetail-mainAnnounceWrapper .timelineEditSectionAnnounce, #allocationTimelineDetail-mainAnnounceWrapper-review .timelineEditSectionAnnounce { position: relative; top: 24%; width: 100%; height: 19px; } #allocationTimelineWrapper.editShow, #allocationTimelineWrapper-review.editShow { margin: 12px auto; } #allocationWizardModalTimeline-previewWrapper { position: relative; width: 948px; width: 100%; height: 0; border-bottom: 1px solid #c5c5c5; } /*TIMELINE VIEW ANNOUNCE*/ /*TIMELINE EDIT WRAPPER*/ #allocationTimelineViewEditWrapper, #allocationTimelineViewEditWrapper-review { position: relative; width: 100%; height: 281px; padding-top: 4px; } /*TIMELINE VIEW*/ #allocationTimelineView, #allocationTimelineView-review { position: relative; width: 99%; width: 100%; height: 181px; height: 189px; margin: 0 auto; overflow-x: auto; overflow-y: hidden; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #allocationTimelineView-announce { position: relative; height: 69px; margin-bottom: 9px; padding-left: 12px; text-align: left; border-bottom: 1px solid #c5c5c5; } #allocationTimelineView-announce .editAnnounceSectionAnnounce { height: 24px; } #allocationTimelineView-announce .editAnnounceItemWrapper { height: 28%; } #allocationTimelineView-announce .editAnnounceItemAnnounce { width: 120px; margin-left: 9px; } #allocationTimelineView-announce .editAnnounceItem { width: 537px; } #allocationWizardModalTimeline-previewControlWrapper { position: relative; width: 100%; height: 177px; } #timeLinePreviewControl-innerWrapper { position: relative; width: 100%; height: 100%; } #timeLinePreviewControl-innerWrapper #timeLinePreview-announceTop { position: relative; width: 80%; height: 33px; } #timeLinePreview-middle { position: relative; width: 100%; height: 177px; } #timeLinePreview-middle .timeLinePreviewSectionWrapper { position: relative; width: 100%; height: 100%; } #timeLinePreview-middle .timeLinePreviewSectionWrapper.previewFinal { } #timeLinePreview-middle .timeLinePreviewSectionWrapper .timeLinePreviewSection { position: relative; height: 100%; float: left; } #timeLinePreview-middle .timeLinePreviewSectionWrapper #timeLinePreviewSection-left { top: 15px; width: 28%; height: 87%; margin-left: 2%; } #timeLinePreview-middle .timeLinePreviewSectionWrapper #timeLinePreviewSection-left.warning { width: 25%; height: 91%; margin-left: 27px; } #timeLinePreview-middle .bracket { position: relative; height: 126px; margin-top: 12px; float: left; clear: left; } #timeLinePreview-middle .timeLinePreviewSectionWrapper #timeLinePreviewSection-left .bracket.right { clear: right; } #timeLinePreview-middle .timeLinePreview-summaryAnnounce { position: relative; width: 88%; height: 72%; margin-top: 31px; float: left; clear: none; } #timeLinePreview-middle #timeLinePreviewSection-left.warning .timeLinePreview-summaryAnnounce.left { width: 86%; margin-top: 15px; } #timeLinePreview-warningMain { position: relative; width: 100%; height: 29%; line-height: 20px; } #timeLinePreview-middle .timeLinePreview-summaryAnnounce.right { width: 33%; height: 100%; margin-top: 0; float: left; clear: none; } #timeLinePreview-middle .timeLinePreview-summaryAnnounce.right .bracket { position: relative; width: 22px; height: 140px; margin-top: 21px; float: left; clear: left; } #timeLinePreview-middle .timeLinePreview-summaryAnnounceWrapper { position: relative; width: 92%; height: 92%; line-height: 18px; float: left; clear: right; } #timeLinePreview-middle .timeLinePreview-summaryAnnounceWrapper .timeLinePreview-summaryAnnounce_warningTop { margin-top: 24px; } #timeLinePreview-middle .timeLinePreview-summaryAnnounceWrapper .timeLinePreview-summaryAnnounce_warning { margin-top: 12px; } #timeLinePreview-middle .timeLinePreview-summaryAnnounceWrapper .timeLinePreview-summaryAnnounce_warning.first { margin-top: 24px; } #button-confirmTimelineVerify-detailed { width: 251px; height: 33px; margin-top: 21px; } #timeLinePreview-boxWrapper { width: 37%; text-align: left; clear: none; } #timeLinePreview-middle .timeLinePreviewSectionWrapper.previewFinal #timeLinePreview-boxWrapper { left: 18px; } #timeLinePreview-boxWrapper .boxSection { position: relative; width: 100%; } #timeLinePreview-boxWrapper #boxSection-top { height: 25%; margin-top: 12px; margin-bottom: 12px; } #timeLinePreview-boxWrapper #boxSection-top .selectArrowDown { position: absolute; top: 90%; left: 43%; width: 0; height: 0; line-height: 0; opacity: 0.4; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; z-index: 2; } #timeLinePreview-boxWrapper #boxSection-middle { height: 25%; } .previewBox { position: relative; width: 26%; height: 42px; margin-left: 4%; border: 1px solid #5982b8; background: #c7cede; line-height: 15px; float: left; } #timeLinePreview-newBox { position: absolute; left: 35.1%; margin: 0; background: #c7cede; z-index: 3; } #timeLinePreviewBox-left { margin: 0; clear: left; } #timeLinePreviewBox-middle { width: 35%; clear: none; text-align: center; border: 1px dashed #5982b8; background: #d7dcdf; } #timeLinePreviewBox-next { clear: right; } .previewBox .timeLinePreview-boxAnnounce { position: relative; top: 34%; left: 0; width: 54px; height: 37%; margin: 0 auto; text-align: center; } #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { top: 33%; width: 69px; } .previewBox.double .timeLinePreview-boxAnnounce { top: 16%; height: 64%; } #boxSection-bottom.pointBoth_single .bottomImageWrapper { position: relative; top: -4px; left: -5px; width: 76%; height: 100%; margin: 0 auto; } /*VARIOUS GRAPHICAL SECTIONS*/ /*COMMON*/ #timeLinePreview-boxWrapper #boxSection-bottom { height: 30%; margin-top: 3px; } #boxSection-bottom #bottomImageOverlayAnnounce { position: absolute; top: 29%; left: 15%; width: 68%; height: 21px; padding-top: 9px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.pointBoth_single .bottomImageWrapper img { position: relative; width: 99%; height: 34px; } /*pointBoth_single --> double arrow with center announce*/ #boxSection-bottom.pointBoth_single .bottomImageWrapper { position: relative; top: -4px; left: -5px; width: 76%; height: 100%; margin: 0 auto; } #boxSection-bottom.pointBoth_single #bottomImageOverlayAnnounce { position: absolute; top: 29%; left: 15%; width: 68%; height: 21px; padding-top: 9px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.pointBoth_single .bottomImageWrapper img { position: relative; width: 99%; height: 34px; } /*pointBoth_double --> 2 arrow with 2 UNCONNECTED center announce*/ #timeLinePreview-boxWrapper #boxSection-bottom.pointBoth_double { height: 34%; margin-top: 2px; } #boxSection-bottom.pointBoth_double .bottomImageWrapper { position: relative; top: -4px; left: 5px; width: 32%; height: 100%; margin: 0; } #boxSection-bottom.pointBoth_double .bottomImageWrapper:last-of-type { left: 38.1%; } #boxSection-bottom.pointBoth_double #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.pointBoth_double .bottomImageWrapper img { position: relative; left: 32%; width: 12px; height: 34px; } /*noPrevious --> TOP: flush left; MIDDLE: no left box-long right box; BOTTOM: 1 arrow with 1 UNCONNECTED center announce*/ #boxSection-top.noPrevious #timeLinePreview-newBox { left: 9.1%; } #boxSection-top.noPrevious #timeLinePreviewBox-newBox .timeLinePreview-boxAnnounce { top: 17%; } #timeLinePreview-boxWrapper #boxSection-top.noPrevious .selectArrowDown { left: 17%; } #boxSection-middle.noPrevious #timeLinePreviewBox-next { width: 51%; } #boxSection-middle.noPrevious #timeLinePreviewBox-next .timeLinePreview-boxAnnounce { top: 17%; } #boxSection-bottom.noPrevious .bottomImageWrapper { position: relative; top: -4px; left: 58.1%; width: 32%; height: 100%; margin: 0; } #boxSection-bottom.noPrevious #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.noPrevious .bottomImageWrapper img { position: relative; left: 32%; width: 12px; height: 34px; } /*right --> TOP: flush right; MIDDLE: no right box-long left box; BOTTOM: 1 arrow with 1 UNCONNECTED center announce*/ /*SAME AS SPLIT BUT 2 ARROWS IN BOTTOM*/ #boxSection-bottom.right .bottomImageWrapper { position: relative; top: -4px; left: 0; width: 32%; height: 100%; margin: 0; } #boxSection-bottom.right .bottomImageWrapper:last-of-type { left: 38.4%; } #boxSection-bottom.right #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.right .bottomImageWrapper img { position: relative; left: 32%; width: 12px; height: 34px; } /*rightWithNoNext --> TOP: flush right; MIDDLE: no right box-long left box; BOTTOM: 1 arrow with 1 UNCONNECTED center announce*/ #boxSection-top.noNext #timeLinePreview-newBox { left: 66%; } #boxSection-top.noNext #timeLinePreviewBox-newBox .timeLinePreview-boxAnnounce { top: 17%; } #timeLinePreview-boxWrapper #boxSection-top.noNext .selectArrowDown { left: 74.4%; } #boxSection-middle.noNext #timeLinePreviewBox-left { width: 57%; } #boxSection-bottom.noNext .bottomImageWrapper { position: relative; top: -4px; left: 17.5%; width: 32%; height: 100%; margin: 0; } #boxSection-bottom.noNext #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.noNext .bottomImageWrapper img { position: relative; left: 32%; width: 12px; height: 34px; } /*warning variation no next but exact match */ /*WARNING MESSAGES*/ /*these are cases 6-9*/ /*noPrevNoNext --> TOP: center right; MIDDLE: no right or left box - middle box; BOTTOM: 1 arrow with 1 UNCONNECTED center announce case 6 */ #boxSection-middle.noPrevNoNext { margin-left: 0; } #boxSection-middle.noPrevNoNext #timeLinePreviewBox-middle { width: 96%; margin-left: 0; } #boxSection-bottom.noPrevNoNext .bottomImageWrapper { position: relative; top: -4px; left: 17%; width: 83%; height: 100%; margin: 0; } #boxSection-bottom.noPrevNoNext #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.noPrevNoNext .bottomImageWrapper img { position: relative; left: 35.5%; width: 12px; height: 34px; } /*case 7 hasPrevOnly_warning */ #boxSection-top.prevOnlyExact_warning #timeLinePreview-newBox { position: absolute; left: 45.1%; margin: 0; background: #c7cede none repeat scroll 0 0; z-index: 3; } #timeLinePreview-boxWrapper #boxSection-top.prevOnlyExact_warning .selectArrowDown { position: absolute; top: 90%; left: 53.5%; width: 0; height: 0; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; line-height: 0; opacity: 0.4; z-index: 2; } #boxSection-middle.prevOnlyExact_warning #timeLinePreviewBox-left { width: 19%; } #boxSection-middle.prevOnlyExact_warning { margin-left: 0; } #boxSection-middle.prevOnlyExact_warning #timeLinePreviewBox-middle { width: 75%; margin-left: 6px; } #boxSection-bottom.prevOnlyExact_warning .bottomImageWrapper { position: relative; top: -4px; left: 28%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.prevOnlyExact_warning #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.prevOnlyExact_warning .bottomImageWrapper img { position: relative; left: 35.5%; width: 12px; height: 34px; } /*case 8 noPreviousExact_warning */ #boxSection-top.noPreviousExact_warning #timeLinePreview-newBox { position: absolute; left: 19.5%; margin: 0; background: #c7cede none repeat scroll 0 0; z-index: 3; } #timeLinePreview-boxWrapper #boxSection-top.noPreviousExact_warning .selectArrowDown { position: absolute; top: 90%; left: 27.5%; width: 0; height: 0; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; line-height: 0; opacity: 0.4; z-index: 2; } #boxSection-middle.noPreviousExact_warning #timeLinePreviewBox-left { width: 19%; } #boxSection-middle.noPreviousExact_warning { margin-left: 0; } #boxSection-middle.noPreviousExact_warning #timeLinePreviewBox-middle { width: 65%; margin-left: 0; } #boxSection-bottom.noPreviousExact_warning .bottomImageWrapper { position: relative; top: -4px; left: 2%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.noPreviousExact_warning #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.noPreviousExact_warning .bottomImageWrapper img { position: relative; left: 35.2%; width: 12px; height: 34px; } /*case 9 hasPrevAndNext_warning */ #boxSection-bottom.prevAndNextExact_warning .bottomImageWrapper { position: relative; top: -4px; left: 15%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.prevAndNextExact_warning #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -2%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.prevAndNextExact_warning .bottomImageWrapper img { position: relative; left: 38%; width: 12px; height: 34px; } /*TRAVERSE STUFF*/ .topAnnounce-deleted { position: absolute; left: 0; top: 0; width: 26%; height: 87px; line-height: 13px; text-align: center; } .topAnnounce-deleted .timeLinePreview-boxDeletedAnnounce { position: relative; left: 0; top: 0; width: 120px; height: 24px; line-height: 13px; text-align: center; } .topAnnounce-deleted .deleteBox { position: absolute; top: 68%; left: 22%; width: 55%; height: 20%; background: #90b9ef none repeat scroll 0 0; border: 1px dashed #9b2c23; z-index: 3; } #timeLinePreview-middle .topAnnounce-deleted img { position: absolute; right: 72px; top: 52px; width: 10px; height: 37px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); /*for IE*/ transform: rotate(90deg); z-index: 3; } .topAnnounce-deleted .timeLinePreview-boxDeletedAnnounceBottom { position: absolute; right: -17px; top: 64px; width: 70px; height: 15px; line-height: 13px; text-align: left; z-index: 3; } #timeLinePreview-leftBoxDeleted { top: 10px; left: -3px; } #timeLinePreview-rightBoxDeleted { top: 10px; left: 70%; } #timeLinePreview-boxWrapper #boxSection-top .selectArrowDown.leftBoxDeleted { top: 90%; left: 7%; } #timeLinePreview-boxWrapper #boxSection-top .selectArrowDown.rightBoxDeleted { top: 90%; left: 75%; } /*noPrevNoNext --> CASE 10 */ /*topAnnounce*/ #boxSection-top.noPrevNoNext_traverse .topAnnounce-deleted { top: 9px; left: 14px; width: 56%; } #boxSection-top.noPrevNoNext_traverse .topAnnounce-deleted .deleteBox { left: 8%; width: 45%; height: 18%; padding-top: 4px; opacity: 0.8; } #timeLinePreview-boxWrapper #boxSection-top.noPrevNoNext_traverse .selectArrowDown { position: absolute; top: 90%; left: 68%; width: 0; height: 0; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; line-height: 0; opacity: 0.4; z-index: 2; } #timeLinePreview-boxWrapper #boxSection-top.noPrevNoNext_traverse .topAnnounce-deleted .selectArrowDown { top: 33%; left: 21%; } #boxSection-top.noPrevNoNext_traverse #timeLinePreview-newBox { position: absolute; left: 59.5%; margin: 0; background: #c7cede none repeat scroll 0 0; z-index: 3; } #boxSection-middle.noPrevNoNext_traverse #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { top: 37%; left: 26%; } #boxSection-bottom.noPrevNoNext_traverse .bottomImageWrapper { position: relative; top: -4px; left: 32%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.noPrevNoNext_traverse #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -2%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.noPrevNoNext_traverse .bottomImageWrapper img { position: relative; left: 39%; width: 12px; height: 34px; } #boxSection-middle.noPrevNoNext_traverse { margin-left: 0; } #boxSection-middle.noPrevNoNext_traverse #timeLinePreviewBox-middle { width: 96%; margin-left: 0; } #boxSection-bottom.noPrevNoNext_traverse .bottomImageWrapper { position: relative; top: -4px; left: 6%; width: 91%; height: 100%; margin: 0; } #boxSection-bottom.noPrevNoNext_traverse #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: 21%; width: 78%; height: 30px; padding-top: 3px; padding-left: 0; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.noPrevNoNext_traverse .bottomImageWrapper img { position: relative; left: 72%; width: 12px; height: 34px; } /*hasPrevOnly_traverse --> case 11 */ #boxSection-top.hasPrevOnly_traverse #timeLinePreview-leftBoxDeleted { width: 30%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevOnly_traverse .rightBoxDeleted { top: 10px; left: 68%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevOnly_traverse .selectArrowDown.rightBoxDeleted { top: 90%; left: 75%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevOnly_traverse #timeLinePreview-boxDeletedAnnounce { left: -17px; } #boxSection-top.hasPrevOnly_traverse .topAnnounce-deleted .deleteBox { left: 10%; } #boxSection-middle.hasPrevOnly_traverse { margin-left: 0; } #boxSection-middle.hasPrevOnly_traverse #timeLinePreviewBox-left { margin-left: 0; margin-right: 13px; } #boxSection-middle.hasPrevOnly_traverse #timeLinePreviewBox-middle { width: 65%; margin-left: 0; } #boxSection-middle.hasPrevOnly_traverse #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { left: -23%; } #boxSection-bottom.hasPrevOnly_traverse .bottomImageWrapper { position: relative; top: -4px; left: 15%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.hasPrevOnly_traverse #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -2%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.hasPrevOnly_traverse .bottomImageWrapper img { position: relative; left: 39%; width: 12px; height: 34px; } /*hasNextOnly_traverse --> case 12 */ #boxSection-top.hasNextOnly_traverse #timeLinePreview-newBox { position: absolute; left: 32.1%; margin: 0; background: #c7cede none repeat scroll 0 0; z-index: 3; } #timeLinePreview-boxWrapper #boxSection-top.hasNextOnly_traverse .timeLinePreview-boxDeletedAnnounce { left: -13px; } #timeLinePreview-boxWrapper #boxSection-top.hasNextOnly_traverse .selectArrowDown.leftBoxDeleted { top: 90%; left: 7%; } #timeLinePreview-boxWrapper #boxSection-top.hasNextOnly_traverse .selectArrowDown { position: absolute; top: 90%; left: 40.5%; width: 0; height: 0; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; line-height: 0; opacity: 0.4; z-index: 2; } #boxSection-middle.hasNextOnly_traverse #timeLinePreviewBox-left { width: 19%; } #boxSection-middle.hasNextOnly_traverse { margin-left: 0; } #boxSection-middle.hasNextOnly_traverse #timeLinePreviewBox-middle { width: 65%; margin-left: 0; } #boxSection-middle.hasNextOnly_traverse #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { left: 19%; } #boxSection-bottom.hasNextOnly_traverse .bottomImageWrapper { position: relative; top: -4px; left: 15%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.hasNextOnly_traverse #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.hasNextOnly_traverse .bottomImageWrapper img { position: relative; left: 35.5%; width: 12px; height: 34px; } /*hasPrevAndNext_traverse --> case 13 */ #timeLinePreview-boxWrapper #boxSection-top.hasPrevAndNext_traverse .topAnnounce-deleted .timeLinePreview-boxDeletedAnnounce{ top: 7px; left: -9px; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevAndNext_traverse .selectArrowDown.leftBoxDeleted { top: 71%; left: 29%; border-width: 55px 8px 0; transform: rotate(-44deg); } #boxSection-bottom.hasPrevAndNext_traverse .bottomImageWrapper { position: relative; top: -4px; left: 14%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.hasPrevAndNext_traverse #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: 0; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.hasPrevAndNext_traverse .bottomImageWrapper img { position: relative; left: 39.5%; width: 12px; height: 34px; } /*Right Preview sections*/ #timeLinePreview-right { width: 31%; text-align: left; } #timeLinePreview-middle .timeLinePreviewSectionWrapper.previewFinal #timeLinePreview-right { width: 61%; margin-left: 18px; } #timeLinePreview-middle .timeLinePreviewSectionWrapper #timeLinePreview-right .bracket.right { top: 15px; clear: left; } #timeLinePreview-actionWrapper { position: relative; width: 51%; height: 67%; margin-top: 29px; margin-left: 12px; border: 1px solid #c5c5c5; float: left; } #timeLinePreview-actionWrapper { border: 1px solid #c5c5c5; float: left; height: 67%; margin-left: 12px; margin-top: 29px; position: relative; width: 51%; } #timeLinePreview-middle .timeLinePreviewSectionWrapper #timeLinePreview-right.four { height: 96%; margin-top: 3px; } #timeLinePreview-right.four #timeLinePreview-actionWrapper { position: relative; width: 51%; height: 90%; margin-top: 12px; margin-left: 12px; border: 1px solid #c5c5c5; float: left; } #timeLinePreview-actionWrapper { border: 1px solid #c5c5c5; float: left; height: 67%; margin-left: 12px; margin-top: 29px; position: relative; width: 51%; } #timeLineEdit-announceAllocationMethod { height: 18px; margin-top: 3px; } #timeLinePreview-actionWrapper .horizontalLine { position: relative; width: 92%; height: 1px; margin: 6px auto 0; background: #c5c5c5 none repeat scroll 0 0; } #timeLinePreview-actionWrapper .timeline-actionWrapper.preview { width: 83%; left: 2px; margin: 0 auto; } /*THREE RADIOS*/ #timeLinePreview-right.three #timeLinePreview-actionWrapper .timeline-actionWrapper.preview { height: 78px; } #timeLinePreview-right.three #timeLinePreview-actionWrapper .radioWrapper { margin-top: 9px; } #timeLinePreview-right.three #timeLinePreview-actionWrapper .radioWrapper.first { margin-top: 0; } /*FOUR RADIOS*/ #timeLinePreview-right.four #timeLinePreview-actionWrapper .timeline-actionWrapper.preview { height: 108px; } #timeLinePreview-middle .timeLinePreviewSectionWrapper #timeLinePreview-right.four .bracket.right { height: 156px; margin-top: -3px; } #timeLinePreview-right.four #timeLinePreview-actionWrapper .radioWrapper { margin-top: 10px; } #timeLinePreview-right.four #timeLinePreview-actionWrapper .radioWrapper.first { margin-top: 0; } /*Right Save Wrapper*/ #timeLinePreview-right .previewRightSaveWrapper { position: relative; width: 43%; height: 100%; float: left; clear: right; } #timeLinePreview-right .previewRightSaveWrapper.announce { } #timeLinePreview-right .previewRightSaveWrapper .bracket.left { top: -3px; width: 24px; height: 160px; margin-left: 12px; clear: left; } #timeLinePreview-middle .previewRightSaveWrapper.announce .bracket.left { top: 4px; width: 21px; height: 146px; margin-right: 4px; } #timeLinePreview-middle .previewRightSaveWrapper .timeLinePreview-summaryAnnounceWrapper { position: relative; width: 82%; text-align: center; line-height: 21px; clear: right; } #timeLinePreview-middle .previewRightSaveWrapper .timeLinePreview-summaryAnnounceWrapper .timeLinePreview-summaryAnnounce_warningTop { margin-top: 26px; } #timeLinePreview-middle .previewRightSaveWrapper .timeLinePreview-summaryAnnounceWrapper .timeLinePreview-summaryAnnounce_warning.first { margin-top: 24px; } #timeLinePreview-right .previewRightSaveWrapper .previewRightButtonWrapper { position: relative; width: 84%; height: 30%; text-align: center; } #timeLinePreview-right .previewRightSaveWrapper .previewRightButtonWrapper.first { margin-top: 21px; margin-bottom: 33px; } #timeLinePreview-right .previewRightSaveWrapper .editInstruction.preview { position: relative; width: 100%; height: 14px; margin: 0 auto; line-height: 12px; } #timeLinePreview-right .previewRightSaveWrapper button { width: 142px; height: 33px; top: 6px; left: -5px; line-height: 16px; margin: 0 auto; display: block; } #timeLinePreview-right .previewRightSaveWrapper button#createScenarioTimeline-detailed { } #timeLinePreview-right .previewRightSaveWrapper button#saveEditAllocations-detailed { } /*noPrev_traverse --> case 14 */ #boxSection-top.noPrev_traverse #timeLinePreview-newBox { position: absolute; left: 32.1%; margin: 0; background: #c7cede none repeat scroll 0 0; z-index: 3; } #timeLinePreview-boxWrapper #boxSection-top.noPrev_traverse .timeLinePreview-boxDeletedAnnounce { left: -13px; } #timeLinePreview-boxWrapper #boxSection-top.noPrev_traverse .selectArrowDown.leftBoxDeleted { top: 90%; left: 7%; } #timeLinePreview-boxWrapper #boxSection-top.noPrev_traverse .selectArrowDown { position: absolute; top: 90%; left: 40.5%; width: 0; height: 0; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; line-height: 0; opacity: 0.4; z-index: 2; } #boxSection-middle.noPrev_traverse #timeLinePreviewBox-left { width: 19%; } #boxSection-middle.noPrev_traverse { margin-left: 0; } #boxSection-middle.noPrev_traverse #timeLinePreviewBox-middle { width: 65%; margin-left: 0; } #boxSection-middle.noPrev_traverse #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { left: 19%; } #boxSection-bottom.noPrev_traverse .bottomImageWrapper { position: relative; top: -4px; left: 3%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.noPrev_traverse .bottomImageWrapper:last-of-type { position: absolute; left: 72%; width: 18%; width: 29%; } #boxSection-bottom.noPrev_traverse #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 85%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.noPrev_traverse .bottomImageWrapper img { position: relative; left: 35.5%; width: 12px; height: 34px; } #boxSection-bottom.noPrev_traverse .bottomImageWrapper:last-of-type img { left: 31.5%; } /*hasPrevHasNext_traverseSplitRight --> case 15 */ #boxSection-top.hasPrevHasNext_traverseSplitRight #timeLinePreview-newBox { position: absolute; left: 32.1%; margin: 0; background: #c7cede none repeat scroll 0 0; z-index: 3; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitRight .timeLinePreview-boxDeletedAnnounce { left: -13px; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitRight .selectArrowDown.leftBoxDeleted { top: 90%; left: 7%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitRight .selectArrowDown { position: absolute; top: 90%; left: 40.5%; width: 0; height: 0; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; line-height: 0; opacity: 0.4; z-index: 2; } #boxSection-middle.hasPrevHasNext_traverseSplitRight #timeLinePreviewBox-left { width: 19%; } #boxSection-middle.hasPrevHasNext_traverseSplitRight { margin-left: 0; } #boxSection-middle.hasPrevHasNext_traverseSplitRight #timeLinePreviewBox-middle { width: 65%; margin-left: 0; } #boxSection-middle.hasPrevHasNext_traverseSplitRight #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { left: 19%; } #boxSection-bottom.hasPrevHasNext_traverseSplitRight .bottomImageWrapper { position: relative; top: -4px; left: 3%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.hasPrevHasNext_traverseSplitRight .bottomImageWrapper:last-of-type { position: absolute; left: 72%; width: 18%; width: 29%; } #boxSection-bottom.hasPrevHasNext_traverseSplitRight #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: -7%; width: 85%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.hasPrevHasNext_traverseSplitRight .bottomImageWrapper img { position: relative; left: 35.5%; width: 12px; height: 34px; } #boxSection-bottom.hasPrevHasNext_traverseSplitRight .bottomImageWrapper:last-of-type img { left: 30.5%; } /*hasPrevNoNext_traverseSplitLeft --> case 16 */ #boxSection-top.hasPrevNoNext_traverseSplitLeft #timeLinePreview-leftBoxDeleted { left: -12px; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevNoNext_traverseSplitLeft .timeLinePreview-boxDeletedAnnounce { left: -13px; } #boxSection-top.hasPrevNoNext_traverseSplitLeft #timeLinePreview-newBox { position: absolute; left: 32.1%; margin: 0; background: #c7cede none repeat scroll 0 0; z-index: 3; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevNoNext_traverseSplitLeft .selectArrowDown.leftBoxDeleted { top: 90%; left: 5%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevNoNext_traverseSplitLeft #timeLinePreview-rightBoxDeleted { top: 10px; left: 70%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevNoNext_traverseSplitLeft .selectArrowDown.rightBoxDeleted { top: 90%; left: 77%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevNoNext_traverseSplitLeft .selectArrowDown { position: absolute; top: 90%; left: 40.5%; width: 0; height: 0; border-color: #9b2d23 transparent transparent; border-style: solid; border-width: 29px 19px 0; line-height: 0; opacity: 0.4; z-index: 2; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevNoNext_traverseSplitLeft .topAnnounce-deleted .deleteBox { left: 18%; } #boxSection-middle.hasPrevNoNext_traverseSplitLeft #timeLinePreviewBox-left { width: 19%; } #boxSection-middle.hasPrevNoNext_traverseSplitLeft { margin-left: 0; } #boxSection-middle.hasPrevNoNext_traverseSplitLeft #timeLinePreviewBox-middle { width: 74%; margin-left: 9px; } #boxSection-middle.hasPrevNoNext_traverseSplitLeft #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { left: -18%; } #boxSection-bottom.hasPrevNoNext_traverseSplitLeft .bottomImageWrapper { position: relative; top: -4px; left: 3%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.hasPrevNoNext_traverseSplitLeft #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: 13%; width: 85%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.hasPrevNoNext_traverseSplitLeft .bottomImageWrapper img { position: relative; left: 50%; width: 12px; height: 34px; } /*case 17 - hasPrevHasNext_traverseSplitLeft*/ #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitLeft #timeLinePreview-leftBoxDeleted { left: 3px; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitLeft .topAnnounce-deleted .timeLinePreview-boxDeletedAnnounce { top: 0; left: -17px; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitLeft .topAnnounce-deleted .deleteBox { left: 11%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitLeft .selectArrowDown.leftBoxDeleted { left: 8%; } #timeLinePreview-boxWrapper #boxSection-middle.hasPrevHasNext_traverseSplitLeft #timeLinePreviewBox-middle { width: 35%; } #timeLinePreview-boxWrapper #boxSection-middle.hasPrevHasNext_traverseSplitLeft #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { left: 0; } #boxSection-bottom.hasPrevHasNext_traverseSplitLeft .bottomImageWrapper { position: relative; top: -4px; left: 14%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.hasPrevHasNext_traverseSplitLeft #bottomImageOverlayAnnounce { position: absolute; top: 37%; left: 0; width: 87%; height: 30px; padding-top: 3px; padding-left: 2px; text-align: center; line-height: 14px; border: 1px solid #bebebe; background: #d7dcdf; z-index: 4; } #boxSection-bottom.hasPrevHasNext_traverseSplitLeft .bottomImageWrapper img { position: relative; left: 39.5%; width: 12px; height: 34px; } /*case 18 - hasPrevHasNext_traverseSplitBoth*/ #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitBoth #timeLinePreview-leftBoxDeleted { left: 3px; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitBoth .topAnnounce-deleted .timeLinePreview-boxDeletedAnnounce { top: -6px; left: -13px; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitBoth .topAnnounce-deleted .deleteBox { top: -6px; left: 11%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitBoth .selectArrowDown.leftBoxDeleted { left: 8%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitBoth .selectArrowDown { top: 79%; } #timeLinePreview-boxWrapper #boxSection-top.hasPrevHasNext_traverseSplitBoth .selectArrowDown.rightBoxDeleted { left: 77%; } #timeLinePreview-boxWrapper #boxSection-middle.hasPrevHasNext_traverseSplitBoth #timeLinePreviewBox-middle { width: 35%; } #timeLinePreview-boxWrapper #boxSection-middle.hasPrevHasNext_traverseSplitBoth #timeLinePreviewBox-middle .timeLinePreview-boxAnnounce { left: 0; } #boxSection-bottom.hasPrevHasNext_traverseSplitBoth .bottomImageWrapper:first-of-type { position: absolute; top: 18px; left: -3%; width: 33%; height: 72%; margin: 0; text-align: center; line-height: 12px; } #boxSection-bottom.hasPrevHasNext_traverseSplitBoth .bottomImageWrapper:last-of-type { position: relative; top: -4px; left: 26%; width: 82%; height: 100%; margin: 0; } #boxSection-bottom.hasPrevHasNext_traverseSplitBoth .selectArrowDown { top: -41px; left: 112px; opacity: 0.4; border-width: 41px 5px 0; transform: rotate(234deg); } #boxSection-bottom.hasPrevHasNext_traverseSplitBoth .bottomImageWrapper:last-of-type #bottomImageOverlayAnnounce { left: 5%; width: 81%; height: 30px; } #boxSection-bottom.hasPrevHasNext_traverseSplitBoth .bottomImageWrapper:last-of-type img { position: relative; left: 25%; width: 12px; height: 34px; } /*TIMELINES*/ #allocationTimelineView.hide, #allocationTimelineView-review.hide { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #allocationTimelineView #allocationViewImageTemp, #allocationTimelineView-review #allocationViewImageTemp { position: absolute; } #allocationTimelineView #allocationViewImageTemp img, #allocationTimelineView-review #allocationViewImageTemp img { } /*timeline view Section */ #allocationTimelineDetailWrapper, #allocationTimelineDetailWrapper-review { position: relative; width: auto; height: 100%; margin: 0 auto; overflow-x: auto; overflow-y: hidden; overflow: hidden; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #allocationTimelineDetailWrapper.hide, #allocationTimelineDetailWrapper-review.hide { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #allocationTimelineWrapper, #allocationTimelineWrapper-review { position: relative; top: 0; left: 15px; width: 100%; height: 64px; text-align: left; background: #9FB0B9; border: 1px solid #c5c5c5; } #allocationTimelineWrapper-review { margin-bottom: 6px; } #allocationTimelineView.showPreview #allocationTimelineDetailWrapper #allocationTimelineWrapper, #allocationTimelineView.showPreview #allocationTimelineDetailWrapper #allocationTimelineWrapper-review { height: 51px; } .allocationTimelinePeriod { position: relative; width: auto; min-width: 36px; height: 97%; margin-left: 2px; background: #c7cede; border: 1px solid #5982b8; line-height: 12px; text-align: center; } .allocationTimelinePeriod.first { margin-left: 12px; } .allocationTimelinePeriod.last { } .allocationTimelinePeriod.bufferEnd { width: 15px; opacity: 0; } .allocationTimelinePeriod .allocationTimelineAnnounce { position: relative; top: 30%; width: auto; min-width: 33px; max-width: 100px; margin: 0 auto; padding: 0 3px 0 3px; } #allocationTimelineDetailWrapper .horizontalLine { position: absolute; top: 77px; width: 100%; height: 1px; background: #c5c5c5; } .allocationTimelineWrapper.monthOuterAnnounce { position: relative; width: 100%; height: 36px; overflow: hidden; } #allocationTimelineView.showPreview #allocationTimelineDetailWrapper .horizontalLine { top: 121px; } .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceBoxWrapper { position: relative; top: 0; width: auto; height: 100%; text-align: left; } .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceBoxWrapper .monthAnnounceBox { position: relative; width: 45px; height: 100%; text-align: left; } .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceBoxWrapper .monthAnnounceBox.first { margin-left: 27px; } .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceBoxWrapper .monthAnnounceBox.last { width: 69px !important; } .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceBoxWrapper .monthAnnounceBox .verticalLine { position: absolute; top: 0; left: 0; width: 1px; height: 66%; background: #c5c5c5; } .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceItem { position: relative; height: 16px; top: 56%; left: -9px; width: auto; } #allocationTimelineView.showPreview #allocationTimelineDetailWrapper .allocationTimelineWrapper.monthOuterAnnounce { height: 33px; } #allocationTimelineView.showPreview #allocationTimelineDetailWrapper .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceBoxWrapper .monthAnnounceBox .verticalLine { height: 54%; } #allocationTimelineView.showPreview #allocationTimelineDetailWrapper .allocationTimelineWrapper.monthOuterAnnounce .monthAnnounceItem { top: 47%; } .allocationTimelineWrapper.yearOuter { position: relative; top: 3px; width: 100%; height: 21px; text-align: left; } #allocationTimelineView.showPreview .allocationTimelineWrapper.yearOuter { height: 18px; } .allocationTimelineWrapper.yearOuter .allocationTimelineWrapper.year { position: relative; width: auto; min-width: 53px; height: 100%; border-left: 1px solid #c5c5c5; text-align: center; } .allocationTimelineWrapper.yearOuter .allocationTimelineWrapper.year:first-of-type { margin-left: 27px; } .allocationTimelineWrapper.yearOuter .allocationTimelineWrapper .yearAnnounce { position: relative; top: 30%; width: 39px; margin: 0 auto; } #allocationTimelineView.showPreview .allocationTimelineWrapper.yearOuter .allocationTimelineWrapper .yearAnnounce { top: 15%; } /*Quick Edit Section */ #allocationWizardModalTimeline-quickEdit { position: absolute; width: 100%; height: 198px; text-align: left; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #allocationWizardModalTimeline-quickEdit.hide { opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: color opacity .4s ease; } #quickEdit-announce { position: relative; top: 15px; left: 21px; width: 222px; height: 24px; } #arrowWrapper-quickEdit { position: absolute; top: 37px; left: 87px; width: 59px; height: 79px; } #arrowWrapper-quickEdit img { width: 40px; height: 67px; } #timelineQuickEdit-middleWrapper { position: absolute; top: 30px; left: 135px; width: 241px; height: 130px; } #timelineQuickEdit-middleWrapper .bracket { position: relative; top: 13px; left: 0; width: 18px; height: 108px; float: left; } #timelineQuickEdit-middleWrapper #quickEdit-bracketLeft.bracket { clear: left; } #timelineQuickEdit-middleWrapper #quickEdit-bracketRight.bracket { clear: right; } #timelineQuickEdit-middleWrapper .timeline-actionWrapper.quickEdit { position: relative; top: 24px; left: 0; width: 172px; height: 87px; margin-left: 6px; margin-right: 5px; padding: 0; float: left; clear: none; } #timelineQuickEdit-middleWrapper .radioWrapper.first { height: 30px; margin-bottom: 27px; } #timelineQuickEdit-middleWrapper .radioWrapper { height: 36px; } #timelineQuickEdit-middleWrapper .radioWrapper input { position: relative; top: -1px; } #timelineQuickEdit-middleWrapper .radioWrapper div.announce { position: relative; margin-left: 3px; } #timelineQuickEdit-middleWrapper .radioWrapper div.announce.disableCurrent { line-height: 19px; } #timelineQuickEdit-middleWrapper .radioWrapper .editInstruction.timeline { position: relative; top: -6px; left: 21px; width: 156px; height: 18px; } #timelineQuickEdit-rightWrapper { position: absolute; top: 6px; left: 366px; width: 309px; height: 174px; padding: 7px 0 0 12px; border: 1px solid #c5c5c5; text-align: left; } #timelineEdit-confirmAnnounceWrapper, timelineEdit-confirmAnnounceWrapper-detailed { position: relative; width: 100%; height: 17px; } .timelineEdit-confirmAnnounce { position: relative; top: 8px; left: 18px; height: 22px; width: 200px; text-align: left; } .timeline-actionWrapper { position: relative; width: 240px; height: 87px; top: 7px; left: 42px; text-align: left; } .timeline-actionWrapper .radioWrapper { height: 24px; height: 18px; margin-top: 2px; } .timeline-actionWrapper.tall .radioWrapper { margin-top: 10px; } .timeline-actionWrapper.tall .radioWrapper.first { margin-top: 6px; } .timeline-actionWrapper .radioWrapper span { position: relative; top: 1px; margin-left: 2px; } .timeline-actionWrapper .radioWrapper span.insert { top: 0px; left: -2px; } #button-setEditAllocations-quickEdit { top: 9px; width: 192px; height: 28px; margin: 0 auto; display: block; } /*TIMELINE BOTTOM*/ #allocationWizardModalTimeline-bottom { position: relative; width: 100%; height: 48px; padding-top: 16px; text-align: center; background: #f3f3f3; } #allocationWizardModalTimeline-bottom button { width: 144px; height: 33px; } #allocationWizardModalTimeline-bottom button#saveEditAllocations-detailed { top: -2px; width: 183px; margin-left: 108px; } /*Profit Center Setup*/ #mainCenter .tabSectionBottomRight #subSectionWrapper-profitCenterSetup { padding-left: 0; } #mainCenter .tabSectionBottomRight #subSectionWrapper-profitCenterSetup .subSectionInnerWrapper.profitCenter { width: 99%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionAnnounceTop-profitCenterSetup { left: -84px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup { height: 495px; margin-top: 15px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper { position: relative; position: absolute; height: 100%; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup #gridWrapper-employee { width: 591px; width: 519px; width: 486px; margin-left: 15px; margin-left: 12px; margin-right: 6px; z-index: 3001; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup #gridWrapper-income { width: 333px; width: 465px; width: 486px; right: 9px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper .expenseAssignmentGrid { margin: 0 auto; width: 99%; float: left; opacity: 1; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper .expenseAssignmentGrid.hide { opacity: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper #gridWrapper-expense { clear: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .gridWrapper #gridWrapper-income { clear: right; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .gridWrapper .k-grid-toolbar { padding: 0; background: #fff; border-bottom: 1px solid grey; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .k-grid-toolbar .subSectionTop { position: relative; height: auto; min-height: 21px; margin-top: 9px; margin-bottom: 0; text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .k-grid-toolbar .subSectionTop .subSectionAnnounceTop { position: relative; height: auto; min-height: 21px; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-profitCenterSetup .k-grid-toolbar .subSectionTop #subSectionAnnounceTop-incomeFlip.subSectionAnnounceTop { max-width: 414px; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .expenseAssignmentGrid div.k-grid-header { display: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-profitCenterSetup .expenseAssignmentGrid .k-grid-content { max-height: 456px; min-height: 456px; font-size: 12px; } #mainCenter .tabSectionBottomRight .subSectionWrapper .expenseAssignmentGrid .k-grid-content .k-hierarchy-cell { padding-right: 0; padding-bottom: 0; padding-left: 3px; } /*jaspersoft*/ #mainCenter.visualization #chartSectionWrapper { position: relative; width: 972px; height: 689px; padding: 0 0 0 18px; overflow: hidden; } #chartSectionWrapper #optionsWrapper { position: relative; width: 30%; height: 97%; text-align: left; float: left; clear: left; } #chartSectionWrapper #optionsWrapper .announce.top { position: relative; width: 100%; height: auto; min-height: 4%; margin-top: 12px; } #chartSectionWrapper #optionsWrapper .announce .announceItem { position: relative; text-align: center; } #chartSectionWrapper #optionsWrapper #optionsTarget { position: relative; width: 100%; height: 92%; margin-top: 12px; } #chartSectionWrapper #optionsWrapper #optionsTarget .optionsItemWrapper { position: relative; width: 100%; height: 33px; } #chartSectionWrapper #optionsWrapper label { margin-right: 3px; } #chartSectionWrapper #optionsWrapper select { height: 22px; padding-top: 2px; } #chartSectionWrapper #optionsWrapper #optionsTarget #optionsBottomWrapper { position: relative; width: 100%; height: 33px; margin-top: 12px; text-align: center; } #chartSectionWrapper #optionsWrapper #optionsTarget #optionsBottomWrapper #optionsSubmit { position: relative; } #chartSectionWrapper #chartTarget { position: relative; width: 70%; height: 657px; padding-bottom: 12px; overflow: auto; float: left; clear: right; } #chartSectionWrapper #chartTarget ._jr_report_container_ { } #chartSectionWrapper #chartTarget .highcharts-container { width: 100% !important; height: 654px !important; margin: 0 !important; overflow: auto; } #chartSectionWrapper #chartTarget .highcharts-container svg { width: 100% !important; height: 654px !important; margin: 0 !important; } #mainCenter.visualization #chartSectionWrapper .horizontal-line.visualization { position: relative; width: 100%; height: 1px; margin: 0 auto 18px; background: #C5C5C5; } #mainCenter.spreadsheets { width: 100% padding-left: 0; } #mainCenter.spreadsheets .horizontal-line.spreadsheets { position: relative; width: 94%; height: 1px; margin: 0 auto; background: #C5C5C5; } #mainCenter.spreadsheets .spreadsheetsWrapper { position: relative; width: 99%; height: 98%; margin-top: 6px; margin-left: 6px; overflow: auto; } #mainCenter.spreadsheets #spreadsheets-mainLeftWrapper { position: relative; left: 0; width: 48%; height: auto; max-height: 96%; float: left; clear: left; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 1.2s ease; -moz-transition: margin 0.2s ease; -o-transition: margin 0.2s ease; -ms-transition: margin 0.2s ease; transition: all .6s ease; } #mainCenter.spreadsheets #spreadsheets-mainLeftWrapper.modal { width: 100%; opacity: 1; } #mainCenter.spreadsheets #spreadsheets-mainLeftWrapper.wide { width: 99%; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; -ms-transition: all 1.2s ease; transition: all .6s ease; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper { position: relative; left: 0; width: 48%; height: auto; max-height: 96%; padding-top: 18px; padding-right: 0; float: right; clear: right; opacity: 1; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; -ms-transition: all 1.2s ease; transition: all .6s ease; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper.wide { position: relative; left: 0; width: 99%; height: auto; max-height: 98%; margin: 0 auto; float: none; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; -ms-transition: all 1.2s ease; transition: all .6s ease; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #parallel-chart-2-testImage { position: relative; background: url("../images/project-detail-v1-closed") no-repeat; height: 583px; width: 100%; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #parallel-chart-2-testImage.full { position: relative; background: url("../images/project-detail-v1-closed") no-repeat; height: 583px; width: 538px; } #mainCenter.spreadsheets #spreadsheets-embeddedWrapper { width: 70%; } #mainCenter.spreadsheets #spreadsheets-mainLeftWrapper.wide-x { width: 99%; margin: 0 auto; padding-left: 0; } #mainCenter.spreadsheets #spreadsheets-mainLeftWrapper.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter.spreadsheets #spreadsheets-mainLeftWrapper.hide { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter.spreadsheets .spreadsheets-report { position: relative; height: auto; max-height: 643px; width: 99%; margin: 0 auto; border: 1px solid #0F67A6; } #mainCenter.spreadsheets #spreadsheets-reportPL { } /*GRID*/ #mainCenter.spreadsheets .k-grid-header thead .zeroPad-left { padding-left: 3px !important; } #mainCenter.spreadsheets .k-grid > table > tbody .k-group-cell + td, #mainCenter.spreadsheets .k-grid > .k-grid-content .k-group-cell + td, #mainCenter.spreadsheets .k-grid .k-hierarchy-cell + td { position: relative; border-left-width: 0; line-height: 14px; } #mainCenter.spreadsheets .k-grid > table > tbody .k-group-cell + td { padding: 8px 0 8px 3px; } #mainCenter.spreadsheets .k-grid > .k-grid-content .k-group-cell + td { padding: 8px 0 8px 3px; } #mainCenter.spreadsheets .k-grid .k-hierarchy-cell + td { padding: 8px 0 8px 3px; } #mainCenter.spreadsheets .k-grid .k-master-row .k-hierarchy-cell + td { padding: 8px 0 0 3px; } #mainCenter.spreadsheets .footerAnnounceWrapper, #mainCenter.spreadsheets .tableAnnounceWrapper { position: relative; top: 0; right: 12px; } #mainCenter.spreadsheets .tableAnnounceWrapperRow { border-top: 1px solid #0F67A6; border-bottom: 1px solid #0F67A6; background: #fff; } #mainCenter.spreadsheets .tableAnnounceWrapperRow td { border-top: 1px solid #0F67A6; } #mainCenter.spreadsheets .spreadsheets.incomeExpense .footerAnnounce.main { position: relative; top: 3px; right: 12px; } #mainCenter.spreadsheets .tableParentExpandMod { color: #919699; opacity: .8; } #mainCenter.spreadsheets .monthShowing .footerAnnounceWrapper { position: relative; right: 12px; } #mainCenter.spreadsheets .monthShowing .footerAnnounceWrapper .footerAnnounce { left: 0; } #mainCenter.spreadsheets .footerAnnounce.main { border: none; } #mainCenter.spreadsheets div.k-grid.middle { border-bottom-width: 0; border-top: 1px solid #0F67A6; border-left: 1px solid #0F67A6; } #mainCenter.spreadsheets div.k-grid-footer, .k-grid-footer { border-top: 1px solid #0f67a6; border-bottom-width: 0; } #mainCenter.spreadsheets .spreadsheets.middle tr.k-footer-template td { border-bottom: 1px solid #0F67A6; border-top: 1px solid #0F67A6; } #mainCenter.spreadsheets .spreadsheets.middle.practiceAnalysis tr.k-footer-template td { border-bottom: 1px solid #0F67A6; border-top: 0; } #mainCenter.spreadsheets .spreadsheets.middle.practiceAnalysis tr.k-footer-template td:nth-of-type(1) { } #mainCenter.spreadsheets .spreadsheets.middle.practiceAnalysis tr.k-footer-template td:nth-of-type(2) { text-align: right; border-left: medium none; } #mainCenter.spreadsheets .k-footer-template > td:nth-of-type(3) { } #mainCenter.spreadsheets .spreadsheets.incomeExpense.middle .k-footer-template > td:nth-of-type(3) { border-left: 1px solid #C5C5C5; } #mainCenter.spreadsheets .spreadsheets.incomeExpense.middle td:nth-of-type(3) { /*border-left: 1px solid #0F67A6;*/ } #mainCenter.spreadsheets .spreadsheets.middle tr.k-footer-template td.k-hierarchy-cell { border-bottom: 1px solid #0F67A6; border-top: 1px solid #0F67A6; } #mainCenter.spreadsheets .k-group-footer td, #mainCenter.spreadsheets .k-grid-footer, #mainCenter.spreadsheets .k-footer-template td, #mainCenter.spreadsheets .tableAnnounceWrapper { background: #fff; text-align: right; font-family: "Helvetica-Condensed-Bold", "Arial Black", "Arial Bold", Gadget, sans-serif; color: #0F67A6; } #mainCenter.spreadsheets .practiceAnalysis .k-group-footer td, #mainCenter.spreadsheets .practiceAnalysis .k-footer-template td { text-align: center; } #mainCenter.spreadsheets .k-detail-row div.spreadsheets.middle { position: relative; top: -8px; border-right: medium none; } #mainCenter.spreadsheets .k-detail-row div.spreadsheets.middle .k-grid-content { max-height: 246px; min-height: 66px; } #mainCenter.spreadsheets .k-icon { margin-top: 5px; } #mainCenter.spreadsheets .k-select .k-icon { margin-top: 5px; } #mainCenter.spreadsheets th .k-icon { margin-top: -1px; margin-left: 2px; } .k-grid-header .k-header .k-link { position: relative; } #mainCenter.spreadsheets .tallHead th .k-icon { position: absolute; right: 3px; top: 38% } #mainCenter.spreadsheets .spreadsheets-report.kendoGrid .k-grid-content { max-height: 511px; min-height: 66px; } #mainCenter.spreadsheets .k-hierarchy-cell, #mainCenter.spreadsheets .k-grid.spreadsheets .k-hierarchy-cell { } #mainCenter.spreadsheets .k-grid.spreadsheets .k-detail-cell table { left: 0; } #mainCenter.spreadsheets .spreadsheets-report tbody:first-of-type th:nth-child(3) { } #mainCenter.spreadsheets .k-grid.spreadsheets thead.k-grid-header { display: none; } #mainCenter.spreadsheets .incomeExpense .k-grid-header-wrap { display: none; } .k-grid-content td span.tdInsert { padding-left: 2px; } #mainCenter.spreadsheets .tdOpacityHide { opacity: 0; } /*TOOLBAR*/ #mainCenter.spreadsheets .k-grid-toolbar { position: relative; background: #fff; min-height: 42px; max-height: 63px; } #mainCenter.spreadsheets .practiceAnalysis .k-grid-toolbar { position: relative; background: #fff; min-height: 42px; max-height: 99px; } #mainCenter.spreadsheets .pLHeaderWrapper { position: relative; padding-top: 15px; padding-bottom: 9px; text-align: left; } #mainCenter.spreadsheets .practiceAnalysis .pLHeaderWrapper { position: relative; padding-top: 12px; padding-bottom: 9px; text-align: left; } #mainCenter.spreadsheets .practiceAnalysis .plHeaderColumn { position: relative; } #mainCenter.spreadsheets .practiceAnalysis .plHeaderColumn.left { width: 60%; } #mainCenter.spreadsheets .practiceAnalysis .plHeaderColumn.left .pLHeaderWrapperTop { } #mainCenter.spreadsheets .pLHeaderWrapperTop { position: relative; text-align: left; } #mainCenter.spreadsheets .pLHeaderWrapperMiddle { position: relative; text-align: left; margin-top: 3px; } #mainCenter.spreadsheets .practiceAnalysis .pLHeaderWrapperMiddle { position: relative; text-align: left; margin-top: 6px; } #mainCenter.spreadsheets .pLHeaderWrapperTop .pLHeaderAnnounceWrapper { position: relative; width: 98%; margin-left: 12px; } #mainCenter.spreadsheets .practiceAnalysis .pLHeaderWrapperTop .pLHeaderAnnounceWrapper { position: relative; width: 98%; margin-left: 12px; } #mainCenter.spreadsheets .pLHeaderWrapperMiddle .pLHeaderAnnounceWrapper { margin-left: 21px; padding: 6px 0 6px 0; } #mainCenter.spreadsheets .pLHeaderWrapperTop .pLHeaderTopAnnounceWrapper .pLHeaderAnnounce.top { line-height: 21px; } /*PRACTICE ANALYSIS*/ #mainCenter.spreadsheets .k-grid.practiceAnalysis thead.k-grid-header { display: table-header-group; } #mainCenter.spreadsheets .k-grid.practiceAnalysis.middle td { border-bottom: 1px solid #254A77; } #mainCenter.spreadsheets .k-grid.practiceAnalysis .k-detail-row .k-hierarchy-cell + td { padding-top: 15px; } #mainCenter.spreadsheets .k-grid.practiceAnalysis .noDataInsert { position: relative; top: -6px; } /*Explore*/ #spreadsheetsEmbeddedTable { position: fixed; top: 0; right: 0; bottom: 0; left: 6%; left: 12.5%; width: 1160px; width: 1024px; height: 0; max-height: 740px; z-index: 6001; background: #EBECF0; display: none; } #spreadsheetsEmbeddedTable #spreadsheetsSlideWrapper-embeddedTable { position: relative; width: 99%; height: 99%; } #spreadsheetsEmbeddedTable #mainCenter.spreadsheets .spreadsheets-report { position: relative; width: 99%; height: auto; margin: 0 auto; max-height: 643px; border: 1px solid #0F67A6; } #spreadsheetsEmbeddedTable #slideDownOpacityWrapper-embeddedTable { position: relative; width: 98%; height: 86%; padding: 18px 1px 24px 18px; opacity: 0; } #spreadsheetsEmbeddedTable #embeddedTableAnnounceWrapper { position: relative; width: 90% height: 21px; margin: 6px 0 3px 23px; } #spreadsheetsEmbeddedTable #embeddedTableAnnounceWrapper .embeddedTableAnnounce { position: relative; margin-right: 27px; text-align: left; } #spreadsheetsEmbeddedTable #embeddedTableAnnounceWrapper button.subsectionButton { position: relative; top: 18px; } #spreadsheetsEmbeddedTable #embeddedTableAnnounceWrapper .horizontal-line { width: 97%; } #mainCenter.spreadsheets #spreadsheetsEmbeddedTable .spreadsheets-report.kendoGrid .k-grid-content { max-height: 446px; min-height: 66px; } /*NOT USED YET*/ #mainCenter.spreadsheets .k-detail-cell .embdeddedTableControlWrapper { position: relative; width: 37%; height: 81px; margin-top: 6px; margin-bottom: 6px; padding: 6px 6px 0 6px; border: 1px solid #C5C5C5; border-radius: 6px; background: #F9F9F9; text-align: center; } #mainCenter.spreadsheets .k-detail-cell .embdeddedTableControlWrapper .embdeddedTableControlAnnounce { line-height: 18px; } #mainCenter.spreadsheets .k-detail-cell .embdeddedTableControlWrapper button { margin-top: 9px; } #mainCenter.spreadsheets .compareEmbeddedControlWrapper { position: relative; } #mainCenter.spreadsheets button.embdeddedTable { position: relative; top: -1px; height: 18px; width: 81px; margin-top: 8px; margin-left: 10%; margin-bottom: 9px; } #mainCenter.spreadsheets #slideDownOpacityWrapper-embeddedTable button.embdeddedTable { width: 150px; } #mainCenter.spreadsheets .k-grid.practiceAnalysis .k-detail-row.embeddedTable .k-hierarchy-cell, #mainCenter.spreadsheets .k-grid.practiceAnalysis .k-detail-row.embeddedTable .k-hierarchy-cell + td { padding-top: 6px; } #mainCenter.spreadsheets .k-grid.practiceAnalysis .k-detail-row.embeddedTable .k-detail-row div.spreadsheets.middle { top: 0; } #mainCenter.spreadsheets button.compareMasterRow { position: relative; top: 0; margin-top: 8px; margin-left: 2%; margin-bottom: 9px; } /*CHARTS*/ #mainCenter.spreadsheets #spreadsheets-mainRightWrapper.wide #chartWrapper { position: relative; width: 100%; height: 96%; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #chartMain { position: relative; height: 642px; height: 98%; width: 1060px; width: 80%; color: #254a77 !important; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #chartMain.wide { width: 97%; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #chartMain.narrow { width: 44%; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #chartMain .toolTipWrapper { padding: 8px 6px 6px 6px; background: #EBECF0; text-align: center; line-height: 12px; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #chartMain .toolTipWrapper .tooltipClickAnnounce { margin-top: 9px; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #chartMain .toolTipWrapper .show { display: block; } #mainCenter.spreadsheets #spreadsheets-mainRightWrapper #chartMain .toolTipWrapper .hide { display: none; } #mainCenter.spreadsheets .drillDownWrapper { position: relative; width: 17%; height: 606px; padding: 20px 12px 3px 12px; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; text-align: center; float: right; clear: right; } #mainCenter.spreadsheets .drillDownAnnounceWrapper { position: relative; width: 98%; height: auto; min-height: 63px; margin: 0 auto; } #mainCenter.spreadsheets .drillDownAnnounceWrapper.tall { margin: 0 auto 6px; } #mainCenter.spreadsheets .drillDownAnnounceWrapper .drillDownAnnounce { position: relative; line-height: 18px; } #mainCenter.spreadsheets .drillDownAnnounceWrapper .horizontal-line { width: 99%; margin: 4px auto 8px; background: #D8D8D8; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper { position: relative; margin-top: 15px; padding-left: 9px; text-align: left; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.first { margin-top: 0; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi { } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper .drillDownSectionAnnounce { position: relative; height: 16px; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi .drillDownSectionAnnounce { position: relative; height: 16px; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper .drillDownItemWrapper { position: relative; height: 18px; padding-left: 12px; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi .drillDownItemWrapper { height: auto; margin-top: 6px; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi .drillDownItemWrapper:first-of-type { margin-top: 0; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi .drillDownItemSectionWrapper { position: relative; height: 17px; padding-left: 12px; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper .drillDownItemWrapper .drillDownItemAnnounce { position: relative; height: 16px; float: left; clear: left; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi .drillDownItemWrapper .drillDownItemAnnounce { position: relative; height: 16px; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi .drillDownItemSectionWrapper .drillDownItemAnnounce { position: relative; height: 14px; margin-bottom: 3px; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper .drillDownItemWrapper .drillDownItemTarget { position: relative; height: 16px; margin-right: 12px; float: right; clear: right; } #mainCenter.spreadsheets .drillDownWrapper .drillDownSectionWrapper.multi .drillDownItemWrapper .drillDownItemTarget { height: 14px; } #tempImage { width: 795px; height: 482px; margin: 0 auto; background: url("../images/project-detail-v2-closed.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } #tempImage.full { width: 795px; height: 730px; background: url("../images/project-detail-v2-full.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } /*MODAL*/ /*GENERAL*/ .chartModalWrapper { position: fixed; top: 0 !important; left: 6% !important; left: 0 !important; width: 100%; height: 100%; opacity: 0; z-index: 4001 !important; } .chartModalWrapper .sectionOpacityMask { height: 100%; opacity: 0; display: none; z-index: 5000; } .chartModalWrapper .sectionOpacityMask.showMask { display: block; } .chartModalSlideWrapper { position: absolute; margin: 0 auto; background: #E5E5E5; border-radius: 0 0 8px 8px } .modalChart-head { position: relative; width: 100%; text-align: center; background: #B8C7D9; } .chartModalSlideWrapper .modalThrobberWrapper { position: absolute; width: 62%; top: 42%; height: 99px; left: 26%; text-align: left; z-index: 4003; opacity: 0; } .chartModalSlideWrapper .modalThrobberWrapper .throbberImageModal { position: relative; top: 0; left: 0; width: 88px; height: 88px; float: left; clear: left; } .chartModalSlideWrapper .modalThrobberWrapper .throbberModalText { position: relative; top: 29px; left: 0; margin-left: 6px; float: left; clear: right; } .chartModalSlideWrapper .breakdownModalWrapper { position: relative; width: 100%; height: 100%; background: #EBECF0; } .modalChartInnerWrapper { position: relative; opacity: 0; z-index: 4002; } .multiChart {} .modalChartInnerWrapper { position: relative; width: 100%; height: 100%; } .modalChartSectionWrapper { position: relative; width: 100%; } .modalChartSectionTop { position: relative; } .modalChartSectionMiddle { position: relative; width: 100%; height: 100%; } .modalChartSectionBottom { position: relative; width: 100%; height: 100%; } .modalChartSection { position: relative; border: 1px solid #919699; border-radius: 6px; -webkit-border--radius: 6px; -moz-border-radius: 6px; background: "#EBECF0"; } .modalChartInnerSection { position: relative; width: 100%; } .modalChartSection. last { background: #fff; float: left; } .modalChartSection.multiChartSection.first { padding-bottom: 1px; clear: left; } .modalChartSection.multiChartSection.last { clear: right; } .innerSectionAnnounce { position: relative; line-height: 13px; } .modalChartSection .horizontal-line { background: #C5C5C5; } .selectAnnounce { position: relative; } /*Breakdown chart*/ #breakdownModalWrapper {} #breakdownModalWrapper #modalSlideWrapper { position: relative; top: 0; width: 1016px !important; height: 0; margin: 0 auto !important; padding: 0 !important; } #modalSlideWrapper #modalThrobberMain { position: absolute; width: 100%; height: 100%; } #tempImage { position: absolute; width: 795px; height: 482px; background: url("../images/project-detail-v4-full.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); opacity: .2; } #tempImage.full { width: 795px; height: 730px; background: url("../images/project-detail-v4-full.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } #breakdownModalWrapper #detailChartWrapper-PLPeriod { width: 100%; height: 100%; } #breakdownModalWrapper .modalChart-head { width: 100%; height: 39px; } #breakdownModalWrapper .modalHeadAnnounce { position: relative; width: auto; padding-top: 11px; } #breakdownModalWrapper .modalChartInnerWrapper { width: 98%; height: auto; padding: 16px 0 0 17px; } #breakdownModalWrapper #PLPeriod-top.modalChartSectionWrapper { width: 100%; height: 381px; text-align: left; } /*MAIN CHART TOP*/ #breakdownModalWrapper #modalChartMain-PLPeriod.modalChartSection { width: 98%; height: 96%; padding: 9px 0 0 9px; background: #EBECF0; } #breakdownModalWrapper #mainChartWrapper-multiPieModal { width: 77%; height: 89%; margin-left: 2%; float: left; } #breakdownModalWrapper #innerSectionTop-PLPeriod { height: 87px; width: 100%; } #breakdownModalWrapper #PLPeriodColorBlock-revenue { width: 81%; height: 45px; background: none repeat scroll 0 0 #357C7F; text-align: center; } #breakdownModalWrapper #PLPeriodColorBlock-revenue .PLPeriodColorBlockAnnounce { position: relative; top: 27%; height: auto; } #breakdownModalWrapper #PLPeriodFloatWrapper { position: relative; width: 100%; height: auto; padding-top: 3%; } #breakdownModalWrapper #PLPeriodFloatWrapper .chartColorBlock { position: relative; width: 28%; height: 57px; margin-right: 8%; text-align: center; float: left; } #breakdownModalWrapper #PLPeriodFloatWrapper .chartColorBlock.first { clear: left; } #breakdownModalWrapper #PLPeriodFloatWrapper .chartColorBlock.last { margin-right: 0; clear: right; } #breakdownModalWrapper #PLPeriodFloatWrapper #PLPeriodColorBlock-direct { background: #BA9D3E; } #breakdownModalWrapper #PLPeriodFloatWrapper #PLPeriodColorBlock-indirect { background: #4C537F; } #breakdownModalWrapper #PLPeriodFloatWrapper #PLPeriodColorBlock-netIncome { background: #3CAF6B; } #breakdownModalWrapper #PLPeriodFloatWrapper .chartColorBlock .PLPeriodColorBlockAnnounce { margin-top: 11px; line-height: 19px; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod { position: relative; height: 183px; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod .pieChartWrapper { position: relative; width: 28%; height: 100%; margin-right: 8%; float: left; } #breakdownModalWrapper .modalChartInnerSection .pieChartWrapper .chartTriangle { position: absolute; top: -27px; left: 16%; width: 0; height: 0; border-bottom: 72px solid #D2D8E8; border-left: 61px solid rgba(0, 0, 0, 0); border-right: 61px solid rgba(0, 0, 0, 0); opacity: 0.3; display: none; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod .pieChartWrapper.first { clear: left; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod .pieChartWrapper.last { clear: right; margin-right: 0; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod .chartTarget { position: relative; width: 185px; height: 178px; width: 97%; height: 97%; margin: 0 auto; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod .chartTarget svg { margin: 0 auto 0 !important; left: 0 !important; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapper { position: relative; width: 100%; height: 30%; display: block !important; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapperContent { position: relative; width: 100%; height: 97%; margin-top: 6px; text-align: center; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapper .pieChartWrapper-hoverTarget { position: relative; width: auto; height: 84%; min-width: 27%; margin: 0 auto; padding: 0 6px 3px 9px; background: #F7F8FC; border: 1px solid #919699; border-radius: 6px; text-align: left; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapper .pieChartWrapper-hoverTarget.first { margin-left: 1.5%; margin-right: 10.7%; clear: left; display: none !important; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapper .pieChartWrapper-hoverTarget.last { margin-right: 0; clear: right; display: none !important; } #breakdownModalWrapper .pieChartWrapper-hoverTarget .modalChartInnerSection { height: 19px; width: 100%; padding-bottom: 3px; } #breakdownModalWrapper .pieChartWrapper-hoverTarget .modalChartInnerSection.innerSection-top { height: 12px; padding-top: 9px; padding-bottom: 6px; text-align: center; } #breakdownModalWrapper .pieChartWrapper-hoverTarget .modalChartInnerSection.innerSection-top .topAnnounce { line-height: 14px; } #breakdownModalWrapper .pieChartWrapper-hoverTarget .modalChartInnerSection.innerSection-middle { margin-left: 16%; padding-bottom: 3px; width: 186px; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapper #hoverClickAnnounce { position: relative; width: auto; height: auto; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapper .modalChartInnerSection .innerSectionAnnounce { position: relative; } #breakdownModalWrapper #innerSectionMiddle-PLPeriod-slideWrapper .selectAnnounce { position: absolute; top: 11px; left: 34%; width: 278px; height: 21px; display: none !important; } #breakdownModalWrapper #modalChartLegend-PLPeriod { top: -46px; width: 17%; height: 354px; margin-right: 1%; border: 1px solid #C5C5C5; border-radius: 6px; text-align: center; background: #F7F8FC; float: right; } #breakdownModalWrapper #modalChartLegend-PLPeriod .innerSection-top { height: 10%; text-align: center; } #breakdownModalWrapper #modalChartLegend-PLPeriod .innerSectionAnnounce { padding-top: 6px; line-height: 140%; } #breakdownModalWrapper #modalChartLegend-PLPeriod .horizontal-line { width: 88%; margin: 3px auto 0; } #breakdownModalWrapper #modalChartLegend-PLPeriod .innerSection-middle { width: 91%; height: 88%; padding-left: 9%; overflow-y: auto; } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendItem { position: relative; width: 95%; height: 10%; cursor: pointer; text-align: left; } #breakdownModalWrapper #modalChartLegend-PLPeriod .triangle-20 { position: absolute; width: 0; height: 0; border-left: 10px solid rgba(0, 0, 0, 0); border-radius: 52px; border-right: 10px solid rgba(0, 0, 0, 0); transform: translate(0px, 22%); -webkit-transform: translate(0px, 22%); } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendItem .triangleRight { position: absolute; width: 0; height: 0; border-left: 14px solid #9b2c23; border-top: 9px solid transparent; border-bottom: 9px solid transparent !important; border-radius: 52px; transform: translate(5px, 27%); -webkit-transform: translate(5px, 27%); -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendItem .triangleRightOLD { border-bottom: 9px solid rgba(0, 0, 0, 0) !important; border-left: 14px solid #FF0000 !important; border-radius: 52px; border-top: 9px solid rgba(0, 0, 0, 0) !important; height: 0; position: absolute; transform: translate(5px, 27%) !important; width: 0; } #breakdownModalWrapper #modalChartLegend-PLPeriod #a.triangle-20 { border-bottom: 16px solid #0396ff; } #breakdownModalWrapper #modalChartLegend-PLPeriod #b.triangle-20 { border-bottom: 16px solid #2c76ff; } #breakdownModalWrapper #modalChartLegend-PLPeriod #c.triangle-20 { border-bottom: 16px solid #5557ff; } #breakdownModalWrapper #modalChartLegend-PLPeriod #d.triangle-20 { border-bottom: 16px solid #7f37ff; } #breakdownModalWrapper #modalChartLegend-PLPeriod #e.triangle-20 { border-bottom: 16px solid #9a22ff; } #breakdownModalWrapper #modalChartLegend-PLPeriod #f.triangle-20 { border-bottom: 16px solid #c403ff; } #breakdownModalWrapper #modalChartLegend-PLPeriod #g.triangle-20 { border-bottom: 16px solid #d285FF; } #breakdownModalWrapper #modalChartLegend-PLPeriod #h.triangle-20 { border-bottom: 16px solid #e5b6FF; } #breakdownModalWrapper #modalChartLegend-PLPeriod #i.triangle-20 { border-bottom: 16px solid #Ead8FF; } #breakdownModalWrapper #modalChartLegend-PLPeriod #j.triangle-20 { border-bottom: 16px solid #E9e6FF; } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendAnnounce { position: absolute; top: 47%; width: 75%; line-height: 11px; transform: translate(27px, -61%); -webkit-transform: translate(27px, -61%); } #breakdownModalWrapper #modalChartLegend-PLPeriod .triangle-20.first { clear: left; } #breakdownModalWrapper #modalChartLegend-PLPeriod .triangle-20.last { clear: right; } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendAnnounce.first { clear: left; } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendAnnounce.last { clear: right; } #breakdownModalWrapper #modalChartLegend-PLPeriod .innerSection-bottom { } /*MAIN CHART MIDDLE*/ #breakdownModalWrapper #PLPeriod-middle.modalChartSectionWrapper { width: 99.8%; height: 255px; height: 306px; padding-top: 12px; display: none; opacity: 0; text-align: left; } #breakdownModalWrapper #PLPeriod-middle.modalChartSectionWrapper #PLDetailWrapper.modalChartSection { position: relative; height: 245px; width: 95.7%; height: 96%; padding: 6px 0 0 27px; background: #EBECF0; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperTop { position: relative; width: 97%; height: 9%; padding-top: 0.4%; text-align: center; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperTop .PLDetailAnnounce { width: auto; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperTop .PLDetailAnnounce.last { width: auto; max-width: 273px; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperTop .horizontal-line { margin-top: 0.4%; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom { position: relative; width: 99%; height: 90%; text-align: left; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom #tempImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; z-index: 4002; display: none; background: url("../images/newSection.png") no-repeat; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .multiChartSection { position: relative; width: 22%; height: 95%; margin-right: 3%; margin-left: 1%; margin-top: 1%; float: left; z-index: 2; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom #detailWrapperType { position: relative; width: 17%; margin-right: 0; float: right; clear: right; z-index: 1; } #breakdownModalWrapper #PLDetailWrapper button#percentAmountButton { left: 10%; position: absolute; top: 23%; width: auto; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .modalChartInnerSectionWrapper { position: relative; width: auto; height: 75%; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .modalChartInnerSectionWrapper .listItemWrapper { position: relative; width: auto; height: auto; margin-top: 34%; margin-left: 14%; text-align: left; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .modalChartInnerSectionWrapper .listItemWrapper.first { margin-top: 20%; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .modalChartInnerSectionWrapper .listItemAnnounce { position: relative; width: auto; height: 24px; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .modalChartInnerSectionWrapper .horizontal-line { position: absolute; top: 46%; left: -477%; width: 468%; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper { margin-right: 7%; margin-left: 0; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper.first { margin-left: 0; clear: left; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper.last { margin-right: 0; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .multiChartSectionTop { position: relative; width: 100%; height: 23%; margin-top: 4%; text-align: center; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .multiChartSectionTop-announceMain { position: relative; width: auto; height: auto; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .multiChartSectionTop .horizontal-line { position: relative; width: 95%; margin: 0 auto; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .multiChartSectionTop-announceTypeWrapper { position: relative; width: auto; height: auto; padding-top: 3%; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .multiChartSectionTop-announceTypeWrapper .listItemAnnounce { position: relative; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .multiChartSectionTop-announceTypeWrapper .listAmount { position: relative; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper { position: relative; width: 100%; height: 75%; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper .percentWrapper .percentageItem.zero { opacity: .8; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper .percentageItem { position: relative; width: 51%; height: 33%; margin: 0 auto; text-align: center; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper .percentageItem.top { background: #BA9D3E; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper .percentageItem.middle { background: #4C537F; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper .percentageItem.bottom { background: #3CAF6B; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper .percentageItem.redBlock { background: #9B2C23; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom .barWrapper .percentWrapper .percentageItem .percentageItemTarget { position: relative; top: 37%; } #breakdownModalWrapper #PLDetailWrapper #PLDetailWrapperBottom #PLPeriodTotals-PLPeriod { display: none; } /*MAIN CHART BOTTOM*/ #breakdownModalWrapper #PLPeriod-bottom.modalChartSectionWrapper { width: 100%; height: 6%; padding-top: 12px; text-align: center; } #breakdownModalWrapper #PLPeriod-bottom.modalChartSectionWrapper button#modalChart-close { width: 95; height: 33px; margin: 15px auto 0; } #breakdownModalWrapper #PLPeriod-bottom.modalChartSectionWrapper button#modalChart-close { width: 126px; height: 33px; margin: 0 auto; padding-top: 4px; } #breakdownModalWrapper #PLPeriod-bottom.modalChartSectionWrapper button#modalChart-close:hover { background: #9b2c23; } /*EMBEDDED CHARTS*/ #breakdownModalWrapper #spreadSheetInsertWrapper { position: absolute; top: 16px; left: 61%; width: 39%; height: 92%; border: none; } #breakdownModalWrapper #spreadSheetInsertWrapper .embeddedSpreadsheet { position: relative; } #breakdownModalWrapper #spreadSheetInsertWrapper #PLPeriod-spreadsheet-multiPieModal.multiChartSection { width: 100%; height: 100%; } #breakdownModalWrapper #spreadSheetInsertWrapper #PLPeriod-spreadsheet-multiPieModal.multiChartSection #sectionThrobberWrapper { position: absolute; top: 25%; left: 31%; width: 55%; height: 32px; z-index: 1; } #breakdownModalWrapper #spreadSheetInsertWrapper #PLPeriod-spreadsheet-multiPieModal.multiChartSection #sectionThrobberWrapper.hide { display: none; } #breakdownModalWrapper #spreadSheetInsertWrapper #PLPeriod-spreadsheet-multiPieModal.multiChartSection #throbberImageModalSection { position: relative; top: 0; left: 0; width: 30px; height: 30px; float: left; clear: left } #breakdownModalWrapper #spreadSheetInsertWrapper #PLPeriod-spreadsheet-multiPieModal.multiChartSection #throbberModalSectionText { position: relative; top: 6px; left: 0; margin-left: 12px; float: left; clear: right; } #breakdownModalWrapper #spreadSheetInsertWrapper #PLPeriod-spreadsheet-multiPieModal.multiChartSection #spreadsheetModal-main { position: relative; width: 100%; height: 100%; } #PLPeriod-spreadsheet-multiPieModal.multiChartSection #spreadsheetModal-main #spreadsheets-reportPLModal-main.spreadsheets-report { max-height: 620px; opacity: 0; } /*grid in chart*/ #mainCenter.spreadsheets #PLPeriod-spreadsheet-multiPieModal .k-grid-toolbar { position: relative; min-height: 27px; background: none repeat scroll 0 0 #FFFFFF; } #mainCenter.spreadsheets #PLPeriod-spreadsheet-multiPieModal .pLHeaderWrapper { position: relative; padding-bottom: 0; padding-top: 8px; text-align: left; } #mainCenter.spreadsheets #PLPeriod-spreadsheet-multiPieModal div.k-grid-footer, #PLPeriod-spreadsheet-multiPieModal .k-grid-footer { border-top: 1px solid #0F67A6; font-size: 11px; } #mainCenter.spreadsheets #PLPeriod-spreadsheet-multiPieModal .spreadsheets-report.kendoGrid .k-grid-content { height: auto !important; max-height: 525px !important; min-height: 60px !important; } #breakdownModalWrapper .slimScrollBar { height: 30px !important; z-index: 4002 !important; display: block !important; } #breakdownModalWrapper .slimScrollRail { z-index: 4001 !important; display: block !important; } /*ADDED WIDTH*/ #breakdownModalWrapper.fullView { -webkit-transition: width 0.8s ease; -moz-transition: width 0.8s ease; -o-transition: width 0.8s ease; -ms-transition: width 0.8s ease; transition: width 0.4s ease; } #breakdownModalWrapper.fullView #modalSlideWrapper { width: 1022px !important; } #breakdownModalWrapper.fullView .modalChartInnerWrapper { padding-left: 12px; } #breakdownModalWrapper.fullView #PLPeriod-top.modalChartSectionWrapper { width: 60% !important; height: 346px !important; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } #breakdownModalWrapper.fullView #mainChartWrapper-multiPieModal { height: 86%; } #breakdownModalWrapper.fullView #innerSectionMiddle-PLPeriod { height: 162px; } #breakdownModalWrapper.fullView #innerSectionMiddle-PLPeriod .pieChartWrapper { } #breakdownModalWrapper.fullView #innerSectionMiddle-PLPeriod .chartTarget { width: 155px; width: 127px; height: 165px; } #breakdownModalWrapper.fullView #PLPeriod-middle.modalChartSectionWrapper { width: 59.8%; } #breakdownModalWrapper.fullView #innerSectionMiddle-PLPeriod-slideWrapper { display: none !important; } #breakdownModalWrapper.fullView #modalChartLegend-PLPeriod .innerSection-middle { padding-left: 4px; } #breakdownModalWrapper.fullView #modalChartLegend-PLPeriod .innerSectionAnnounce { padding-top: 6px; font-size: 12px; line-height: 15px; } #breakdownModalWrapper.fullView #modalChartLegend-PLPeriod .legendItem { font-size: 9px !important; line-height: 11px !important; transform: translate(4px, 2%) !important; } #breakdownModalWrapper.fullView #modalChartLegend-PLPeriod .legendAnnounce { transform: translate(23px, -54%); } #breakdownModalWrapper.fullView #modalChartLegend-PLPeriod .triangle-20 { border-left: 8px solid rgba(0, 0, 0, 0) !important; border-right: 8px solid rgba(0, 0, 0, 0) !important; position: absolute !important; transform: translate(0px, 25%) !important; border-bottom-width: 14px !important; } #breakdownModalWrapper.fullView #PLPeriod-bottom.modalChartSectionWrapper { position: absolute; right: 4%; bottom: -1%; width: 30%; height: 6%; padding-top: 0; text-align: center; display: none; } /*TEST Jaspersoft*/ /* #tempJasperWrapper { position: relative; width: 966px; height: 689px; padding: 0 0 0 33px; overflow: hidden; } #tempJasperWrapper #tempOptionsWrapper { position: relative; width: 30%; height: 97%; text-align: left; float: left; clear: left; } #tempJasperWrapper #tempOptionsWrapper .announce.top { position: relative; width: 100%; height: auto; min-height: 4%; margin-top: 12px; } #tempJasperWrapper #tempOptionsWrapper .announce .announceItem { position: relative; text-align: center; } #tempJasperWrapper #tempOptionsWrapper #optionsTarget { position: relative; width: 100%; height: 92%; margin-top: 12px; } #tempJasperWrapper #tempOptionsWrapper #optionsTarget .optionsItemWrapper { position: relative; width: 100%; height: 33px; } #tempJasperWrapper #tempOptionsWrapper label { margin-right: 3px; } #tempJasperWrapper #tempOptionsWrapper select { height: 22px; padding-top: 2px; } #tempJasperWrapper #tempOptionsWrapper #optionsTarget #optionsBottomWrapper { position: relative; width: 100%; height: 33px; margin-top: 12px; text-align: center; } #tempJasperWrapper #tempOptionsWrapper #optionsTarget #tempOptionsBottomWrapper #optionsSubmit { position: relative; } #tempJasperWrapper #tempTarget { position: relative; width: 70%; height: auto; overflow: auto; float: left; clear: right; } #mainCenter.visualization #tempJasperWrapper .horizontal-line.visualization { position: relative; width: 100%; height: 1px; margin: 0 auto 18px; background: #C5C5C5; } */ /* #breakdownModalWrapper #modalChartLegend-PLPeriod .legendAnnounce { line-height: 14px; position: absolute; top: 47%; transform: translate(19px, -61%); width: 80%; } */ /*---portBox 1.0 - jQuery plugin------------------------------------- * * written by Joey Navarro * http://www.joeynavarro.com * * Copyright (c) 2013 Joey Navarro (http://www.joeynavarro.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built for jQuery library * http://jquery.com * .portBox-overlay { height: 100%; width: 100%; background: transparent; opacity: 0 !important; filter: alpha(opacity=60) !important;; position: absolute !important; top: 0; left: 0; z-index: -1 !important; display: none !important; } .portBox { max-width:1280px; position: absolute; display:none; background: #ffffff; z-index: 4001 !important; padding: 30px; text-align:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 10px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); min-width:200px; font-family: 'Source Sans Pro', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .close-portBox{ font-size: 20px; line-height: .5; position: absolute; top: -6px; right: -7px; color: #fff !important; text-shadow:none; font-family: 'Source Sans Pro', sans-serif; font-weight:bold; cursor: pointer; border-radius:50%; padding:5px; background-color:#5c5c5c; overflow:visible; border:2px solid #fff; text-decoration:none; display: none !important; } .close-portBox:hover{ color: #5c5c5c !important; background-color:#fff; border:2px solid #5c5c5c; display: none !important; } */ /*---------------------------------------- porBox Content CSS .project-pics{ width:70%; float:left; } .project-pics img{ width:100%; } .project-info { float: left; width:30%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:0 0 0 40px; line-height:28px; } .project-info h3, .project-info h4, .project-info ul, .project-info p, .project-button{ margin:10px 0; float:left; width:100%; } .project-info h3{ font-size:28px; font-weight:bold; color:#030303; } .project-info p{ font-size:16px; color:#030303; } .project-info h4{ font-size:18px; color:#bfbfbf; border-bottom: 1px solid #e3e3e3; margin-top:20px; letter-spacing:2px; } .project-info ul{ list-style:none; padding:0; color:#000; } .project-info ul li{ margin-bottom:10px; font-size:16px; } .project-button{ line-height: 45px; height: 45px; border-radius: 3px; color:#ffffff; text-decoration:none; background-color:#99cd4e; text-align:center; margin-top:15px; letter-spacing:2px; border: 1px solid #bbb; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear; text-shadow:none; } .project-button:hover{ background: #d0d0d0; color: #fff !important; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; box-shadow: inset 0 0 1px 1px #eaeaea; cursor: pointer; } .project-button:active { background-color:#e3e3e3; color:#bfbfbf !important; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; } @media only screen and (max-width: 1024px){ .project-pics{ width: 100%; } .project-info{ width: 100%; padding:0; margin-top:40px; } } @media only screen and (max-width: 420px){ .project-info{ text-align:center; margin-top:0; } .project-info h3{ font-size:25px; line-height:30px; } } -----------------------------------------*/ /*INCOME GRID*/ /* #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .first .coaGrid.middle div.k-grid-header { display: block; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .first .coaGrid.middle th.k-header:nth-of-type(1) { padding-right: 0; padding-left: 0; border-right: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .first .coaGrid.middle th.k-header:nth-of-type(2) { padding-left: 0; border-left: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .first .coaGrid.middle th.k-header:nth-of-type(3) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .coaGrid div.k-grid-header { display: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .coaGrid div.k-grid-header th.k-header { font-size: 12px; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income #grid-incomeFlip .coaGrid div.k-grid-header th.k-header:nth-of-type(2) { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .coaGrid .k-grid-content { font-size: 12px; height: auto; max-height: 5000px; min-height: 77px; overflow: hidden; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .coaGrid .k-grid-content { height: auto; max-height: 5000px; min-height: 77px; font-size: 12px; overflow: hidden; } #mainCenter .tabSectionBottomRight .subSectionWrapper .gridWrapper .coaGrid.first .k-grid-header .k-header.income { left: 4px; width: 98%; padding: 6px 0 3px 3px; border-right-width: 1px; text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-income .coaGrid .k-master-row td:last-of-type { text-align: left; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-income .coaGrid .coaGrid.middle .k-master-row td:last-of-type { text-align: center; } #mainCenter .tabSectionBottomRight .subSectionWrapper #gridWrapper-income .coaGrid .incomeWriteInsert { position: relative; padding-top: 0; } */ /*older*/ /* .allocationWizardEdit .slideBoxColumnWrapper { position: relative; padding-top: 3px; width: 100%; } .allocationWizardEdit #slideBoxColumnWrapper-timeline.slideBoxColumnWrapper { height: 316px; } .allocationWizardEdit #sli width: 93%; margin: 0; padding-bottom: 6px; bor width: 93%; margin: 0; padding-bottom: 6px; border-bottom: 1px solid #dedede; } .allocationWizardEdit #slideBoxColumnWrapper-timeline.slideBoxColumnWrapper #timeline-imageTemp { width: 611px; height: 291px; margin: 0 auto; background: url("../images/allocation-timeline-only.jpg") no-repeat; background: url("../images/allocation-timeline-new¢.jpg") no-repeat; } .allocationWizardEdit #slideBoxColumnWrapper-editAssignment.slideBoxColumnWrapper { height: 411px; padding-top: 15px; border-top: 1px solid #C5C5C5; } .allocationWizardEdit .slideBoxColumn { position: relative; height: 100%; float: left; } .allocationWizardEdit .slideBoxColumn.left { width: 36%; margin-top: 0; padding-left: 6px; clear: left; } .allocationWizardEdit .slideBoxColumn.left .hierarchyWrapper { min-height: 47px; max-height: 119px; overflow: hidden; padding-bottom: 0; } .allocationWizardEdit .slideBoxColumn.left .slideBoxHierarchyTarget { max-width: 86%; height: auto; max-height: 101px; margin: 6px auto 0; padding: 3px 0 6px; overflow-y: auto; } .allocationWizardEdit .slideBoxColumn.right { width: 63%; clear: none; } .allocationWizardEdit .slideBoxColumn.right .slideBoxTop .sectionAnnounce { width: 251px; margin: 0 auto; } .allocationWizardEdit .slideBoxColumn.right .slideBoxMiddle { position: relative; padding-top: 9px; border-radius: 3px; background: none repeat scroll 0 0 #F9F9F9; } */ /* #EBECF0 #breakdownModalWrapper #modalChartLegend-PLPeriod .triangle-20 { width: 0; height: 0; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 16px solid #FFA500; border-radius: 52px; float: left; } #breakdownModalWrapper #modalChartLegend-PLPeriod .triangle-20 { border-bottom: 16px solid #FFA500; border-left: 10px solid rgba(0, 0, 0, 0); border-radius: 52px; border-right: 10px solid rgba(0, 0, 0, 0); bottom: 0; height: 0; margin: auto; position: absolute; top: 0; width: 0; } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendAnnounce { bottom: 0; display: block; height: auto; line-height: 14px; margin: auto; max-height: 30px; padding-top: 2px; position: absolute; right: 0; top: 0; vertical-align: middle; width: 81px; } #breakdownModalWrapper #modalChartLegend-PLPeriod .legendAnnounce { position: relative; width: 81px; margin-left: 6px; padding-top: 2px; line-height: 14px; float: left; } */ /*not used*/ /* .allocationWizardEdit .slideBoxColumn.right .slideBoxTop button { top: -3px; margin-right: 12px; float: right; clear: right; } .allocationWizardEdit .slideBoxColumn.right .slideBoxBottom { position: relative; height: 27px; padding-top: 9px; border: none; } .allocationWizardEdit .slideBoxColumn.right .slideBoxBottom button { height: 27px; width: 111px; margin-left: 12px; } .allocationWizardEdit .slideBoxColumn.right .slideBoxBottom button.disable:hover { background: #254A77; } .allocationWizardEdit .slideBoxBottom .slideBoxButtonWrapper { width: 49%; margin-left: 50%; text-align: left; } .allocationWizardEdit .slideBoxBottom .slideBoxButtonWrapper button { width: 147px; padding: 4px 3px 4px 5px; } */ /*SLIDE BOX*/ /* .slideBox { height: auto; min-height: 485px; text-align: center; background: #fff; display: none; } .slideBox .underline { text-decoration: underline; } .slideBox .center { text-align: center; } #slideBox-incomeGrid { width: 99%; max-height: 488px; min-height: 488px; text-align: center; background: #fff; border: 1px solid #C5C5C5; overflow: hidden; } .slideBox .slideBox-insertWrapper { position: absolute; width: 95%; height: 100%; margin: 0 auto; padding: 0 12px; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .slideBox-insertWrapper { width: 455px; width: 100%; text-align: center; background: #fff; } .slideBox #slideBox-insertWrapper-income { width: 100%; padding: 0; } .slideBox .gridWrapper #grid-incomeFlip { width: 100% !important; height: 488px; border: none; } .slideBox .gridWrapper #grid-incomeFlip table { width: 410px !important; } .slideBox .gridWrapper #grid-incomeFlip table tbody { width: 410px !important; } .slideBox .gridWrapper #grid-incomeFlip table tbody tr { width: 410px !important; } .slideBox .expenseAssignmentGrid div.k-grid-header th.k-header { border-right-width: 1px; padding: 6px 9px 3px; text-align: center; } #subSectionMiddle-expenseAssignment #grid-incomeFlip.expenseAssignmentGrid .k-grid-header { display: none; } #subSectionMiddle-expenseAssignment #grid-incomeFlip.expenseAssignmentGrid .k-hierarchy-cell { padding: 2px; } .slideBox .gridWrapper #grid-incomeFlip tr.k-detail-row td.k-detail-cell { padding-top: 0; padding-bottom: 0; } .slideBox .gridWrapper #grid-incomeFlip .coaGrid { width: 406px; border-right-width: 0; border-bottom-width: 0; } .slideBox #grid-incomeFlip .coaGrid .k-grid-content { width: 407px; height: 345px; overflow-y: scroll; } .slideBox #grid-incomeFlip .coaGrid.employee .k-grid-content { height: 402px; overflow-y: scroll; } #grid-incomeFlip.expenseAssignmentGrid td.k-detail-cell .k-grid-header { display: block; } .slideBox .slideBox-insertWrapper.hide { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .slideBox .slideBoxTitle { position: relative; width: 100%; height: 30px; top: 0; left: 0; margin-top: 9px; margin-bottom: 9px; text-align: center; border-bottom: 1px solid #C5C5C5; } .slideBox .slideBoxSection { width: 100%; margin: 0 auto; text-align: left; display: block; } .slideBox .slideBoxSourceTarget { margin-right: 15px; } .slideBox .slideBoxTitle .subSectionAnnounceTop { position: relative; height: auto; min-height: 23px; padding-bottom: 6px; } .slideBox #slideBoxTitle-expenseAssignment.slideBoxTitle .subSectionAnnounceTop { padding-bottom: 0; } .slideBox .slideBoxTitle #slideBoxTitle-expenseAssignment_evenly.subSectionAnnounceTop { padding-bottom: 9px; } .slideBox .slideBoxTop { position: relative; height: auto; min-height: 27px; } .slideBox .sectionAnnounce { position: relative; height: auto; min-height: 21px; } .slideBox .slideBoxMiddle { position: relative; height: auto; min-height: 165px; max-height: 315px; padding-top: 12px; padding-bottom: 18px; } .slideBox .slideBoxMiddle.slideBoxControl { height: 216px; padding-top: 6px; padding-bottom: 0; } .slideBox .slideBoxControl .slideBoxControlWrapper { position: relative; height: 84%; padding-top: 12px; } .slideBox .slideBoxControl .slideBoxControlWrapper.left { width: 20%; float: left; clear: left; } .slideBox .slideBoxControl .slideBoxControlWrapper.left button { margin-top: 12px; width: 72px; } .slideBox .slideBoxControl .slideBoxControlWrapper.left button.first { margin-top: 12px; } .slideBox .slideBoxControl .slideBoxControlWrapper.right { width: 78%; float: right; clear: right; } .slideBox .slideBoxMiddle.slideBoxControl #allocation-changes-control-imageTemp { width: 242px; height: 159px; margin: 0 0 0 12px; background: url("../images/allocation-changes-control.jpg") no-repeat; } .slideBox .slideBoxMiddle.evenly { padding-bottom: 9px; } .slideBox .slideBoxItemWrapper { position: relative; margin-bottom: 12px; } .slideBox div.slideBoxItemWrapper.inlineGroupWrapper { padding-top: 6px; } .slideBox div.slideBoxItemWrapper.inlineGroup { top: -2px; max-width: 70%; margin-left: 4px; padding: 9px 0 6px 18px; border: 1px solid #DEDEDE; background: #F9F9F9; border-radius: 3px; float: left; clear: right; } .slideBox div.slideBoxItemWrapper.inlineGroup.evenly { width: 256px; } .slideBox div.slideBoxItemWrapper.inlineGroup.evenly button { top: -1px; left: 15px; } .slideBox .slideBoxItemWrapper.child { margin-top: -12px; padding-left: 15px; } .slideBox .slideBoxItemWrapper.hide { display: none; } .slideBox .slideBoxItemWrapper.group { } .slideBox .slideBoxItemWrapper.group .slideBoxSourceTarget { margin-right: 12px; } .slideBox .slideBoxItemWrapper .slideBoxItemAnnounce { position: relative; top: 0; } .slideBox .slideBoxItemWrapper span.slideBoxItemAnnounce.inlineGroup { margin-right: 9px; float: left; clear: left; } .slideBox .slideBoxItemWrapper.evenly span.slideBoxItemAnnounce.inlineGroup { top: 8px; } .slideBox .slideBoxItemWrapper.group .slideBoxItemAnnounce { margin-right: 6px; } .slideBox .slideBoxSectionWrapper { position: relative; height: auto; min-height: 18px; margin-top: 12px; padding-left: 18px; } .slideBox .slideBoxSectionWrapper.first { margin-top: 6px; } .slideBox .slideBoxSectionWrapper .sectionIcon.k-icon { position: relative; top: -2px; } .slideBox .slideBoxSectionWrapper .sectionAnnounce-inline { margin-right: 3px; } .slideBox .slideBoxSectionWrapper .slideBoxItemAnnounce { } .slideBox .hierarchyWrapper { position: relative; height: auto; min-height: 47px; max-height: 222px; padding-bottom: 18px; overflow-y: auto; } .slideBox .hierarchyWrapper .slideBoxHierarchyTarget { position: relative; max-width: 60%; height: auto; min-height: 23px; max-height: 150px; margin-bottom: 18px; margin: 6px auto 0; padding: 3px 0 6px 12px; border: 1px solid #DEDEDE; background: #F9F9F9; border-radius: 3px; } .slideBox .hierarchyWrapper .slideBoxHierarchyTarget.hide { opacity: 0; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .slideBox .hierarchyWrapper .slideBoxHierarchyTarget.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .slideBox .hierarchyWrapper .slideBoxHierarchyTarget .k-icon.k-plus, .slideBox .hierarchyWrapper .slideBoxHierarchyTarget .k-icon.k-minus { top: 0; } .slideBoxHierarchyTarget .k-icon.k-plus, .slideBoxHierarchyTarget .k-icon.k-minus { top: -3px; } .slideBox .slideBoxActionWrapper { position: relative; width: 100%; padding-top: 6px; text-align: center; } .slideBox .slideBoxActionWrapper.evenly { } .slideBox .slideBoxActionWrapper button.slideBoxSelect { background: none repeat scroll 0 0 #46659C; color: #FFFFFF; transition: all 0.2s ease 0s; } .slideBox button.slideBoxSelect:hover { background: none repeat scroll 0 0 #C7CEDE; background: none repeat scroll 0 0 #f69322; transition: all 0.2s ease 0s; color: #254A77; color: #fff; } .slideBox .slideBoxActionWrapper button.slideBoxSelect.large { left: -6px; width: 161px; margin-left: 24px; padding-bottom: 4px; padding-top: 4px; line-height: 17px; } .slideBox .slideBoxBottom { position: relative; width: 100%; height: 42px; padding-top: 18px; border-top: 1px solid #C5C5C5; display: block; } .slideBox .slideBoxBottom .slideBoxButtonWrapper { position: relative; text-align: center; } .slideBox .slideBoxBottom .slideBoxButtonWrapper button { width: 139px; padding: 4px 3px 4px 5px; } .slideBox .slideBoxBottom .slideBoxButtonWrapper.evenly button { margin-left: 21px; padding: 8px 3px 6px; width: 158px; } .slideBox button.small { padding: 2px 3px 1px; } */ /*OLD SLIDE BOX*/ /* #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectonSlideUp .subSectonSlideUp { position: absolute; top: -49px; left: 4px; width: 1003px; height: 538px; border-top: 1px solid #C5C5C5; -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -o-transition: height 0.2s ease; -ms-transition: height 0.2s ease; transition: height 1.5s ease; background: #fff; z-index: 3001; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionMiddle .subSectonSlideUp.shrink { height: 0; top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -o-transition: height 0.2s ease; -ms-transition: height 0.2s ease; transition: height 1.5s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionMiddle .subSectonSlideUp.hide { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper .subSectionMiddle .subSectonSlideUp.show { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #expenseAssignment-slideUp { } */ /* #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-expense.fixedDivStart { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 95.2%; height: 0; margin: 0; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-expense.fixedDiv { width: 95.2%; height: 99%; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-expense.fixedDivReturn { top: 34%; transition: all 1s ease 0s; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income { width: 98%; left: 900px; float: right; clear: right; z-index: 1; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income { clear: right; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income.gridWrapper .k-grid-toolbar { display: none; } #mainCenter .tabSectionBottomRight .subSectionInnerWrapper #subSectionMiddle-expenseAssignment #gridWrapper-income .coaGrid.first div.k-grid-header { display: block; } #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-expenseAssignment .k-grid-toolbar .subSectionTop #subSectionAnnounceTop-incomeFlip.subSectionAnnounceTop, #mainCenter .tabSectionBottomRight .subSectionWrapper #subSectionMiddle-employeeAssignment .k-grid-toolbar .subSectionTop #subSectionAnnounceTop-incomeFlip.subSectionAnnounceTop { max-width: 414px; } */