.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100%; } * { margin: 0; } form { margin: 0; } ol, ul { list-style-type: none; margin: 0; padding: 0; } html, body, #UI { height: 100%; } body { background-color: #fff; color: #000000; font-family: "Avant Garde","Century Gothic",Futura,"URW Gothic L","Apple Gothic",AppleGothic,sans-serif; background-repeat: repeat-x; font-size: 100%; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; padding: 0; text-align: center; } body { text-align: -moz-center; } h1, h2, h3, h4, h5 { color: #444; font-weight: normal; } form input:-webkit-autofill, form textarea:-webkit-autofill, form select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #85C7F6 inset; } form input:-webkit-autofill:focus, form textarea:-webkit-autofill:focus, form select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #85C7F6 inset; } #UI { width: 100%; } .container { text-align: left; position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0; z-index: 2; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; } body.viewSignIn { background-color: #0452AC; } .modLogin { width: 420px; background-color: #fff; padding: 0; padding: 20px; min-height: auto; } #Content .container { padding-left: 20px; padding-right: 20px; } #Header { position: absolute; top: 0; left: 0; width: 100%; display: none; } body.viewContent #Header { display: block; } body.viewSignIn #Header { display: none; } body.viewContent #Header .logo { display: block; position: absolute; left: 10px; top: 15px; } @media only screen and (max-width:587px) { body.viewContent #Header .logo { top: 110px; } } #Header #Tagline { display: none; } #Hdr_Content .title { display: none; } #Hdr_Main { clear: both; height: 88px; width: 100%; background-color: #0C4088; } body.viewSignIn #Hdr_Main { display: none; } #Cnt_Main { clear: both; height: auto; width: 100%; } #Cnt_Begin { display: none; } #Cnt_End { display: none; } body.viewContent #Cnt_End { clear: both; display: block; width: 100%; background-color: #000; height: 20px; padding-bottom: 0px; } body.viewContent.viewSignIn #Cnt_End { background-color: transparent; } #Cnt_Content { width: 100%; background-color: #0452AC; } body.viewSignIn #Cnt_Content { display: none; } #Cnt_Content #Sidebar { width: 135px; padding-right: 0px; float: left; padding-top: 0; background-color: #0452AC; } #Cnt_Content #Content { float: none; clear: none; padding-left: 135px; padding-top: 0; text-align: left; color: #555; } #Cnt_Content #Content .module { background-color: #f9f9fc; } #Cnt_Content #Content .module .module { background-color: transparent; } #Header .cmdDrawer { background-image: url('../images/skin/icon.menu.png'); background-size: 36px 36px; width: 48px; height: 48px; display: none; position: absolute; top: 2px; left: 3px; text-indent: -9999px; } #Ftr_Main { height: auto; width: 100%; clear: both; -moz-box-shadow: 3px 3px 3px 1px #b7c1c7; -webkit-box-shadow: 3px 3px 3px 1px #b7c1c7; box-shadow: 3px 3px 3px 1px #b7c1c7; background-color: #333; } body.viewSignIn #Ftr_Main { display: none; } #StickyPush { display: none; } .textbox input { line-height: 20px; } .table, table { display: table; table-layout: fixed; width: auto; margin-bottom: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .table .tr { display: table-row; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .table .tcaption { display: table-caption; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .table .td, table td { display: table-cell; word-wrap: break-word; padding: 5px; } .table .th, table th { display: table-cell; padding: 5px; } .table .th[sortkey] { cursor: pointer; } .table .thead { position: relative; top: 0; left: 0; display: table-row-group; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .table .thead .th.sortAsc:after { content: '▼' } .table .thead .th.sortDesc:after { content: '▲' } .table .tbody { position: relative; top: 0; left: 0; display: table-row-group; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .table.dragging .thead { display: none; } .table.dragging .tbody { display: block; margin-top: 20px; } .table.dragging { display: block; } .table.dragging .tr { display: block; } #Hdr_Main .title { display: none; } #Hdr_Main .lnkLogo { position: absolute; left: 0px; top: 87px; z-index: 2; } #Nav_Main { display: block; width: 135px; height: auto; color: #fff; left: 0px; top: 0; position: relative; z-index: 3; padding: 0; margin: 0; background-repeat: no-repeat; } #Nav_Main .navItem { float: left; list-style-type: none; padding: 0; } #Nav_Main .navItem { display: block; width: 136px; height: 30px; line-height: 36px; padding: 0; float: left; font-size: 14px; cursor: pointer; margin: 0; margin-top: 40px; margin-left: 0px; margin-bottom: 0px; background-image: url(/images/skin/nav.sprite.png); background-position: top left; background-size: 100px 600px; background-repeat: no-repeat; } #Nav_Main .navItem .command { width: 136px; display: block; height: 30px; } #Nav_Main .navItem .command a { display: block; width: 100%; color: #293941; height: 36px; line-height: 30px; padding: 0; margin: 0; float: left; font-size: 14px; font-weight: normal; cursor: pointer; text-align: center; text-decoration: none; padding-top: 23px; color: #a6b3bc; } #Nav_Main .navItem .command a:hover { text-decoration: underline; } #Nav_Main .navItem .command.selected a { color: #e9eef1; } #Nav_Main .navItem .command.selected { background-position: right 14px; background-image: url(/images/skin/nav.selected.gif?v=1.0.1); background-repeat: no-repeat; } #Nav_Main #Ni_Dashboard { background-position: 20px -314px; } #Nav_Main #Ni_Dashboard.selected { background-position: 20px 0px; } #Nav_Main #Ni_Activity { background-position: 20px -390px; } #Nav_Main #Ni_Activity.selected { background-position: 20px -76px; } #Nav_Main #Ni_Parts { background-position: 20px -470px; } #Nav_Main #Ni_Parts.selected { background-position: 20px -156px; } #Nav_Main #Ni_People { background-position: 20px -550px; } #Nav_Main #Ni_People.selected { background-position: 20px -236px; } #Nav_Main #Ni_Support { background-position: 20px -675px; } #Nav_Main #Ni_Support.selected { background-position: 20px -620px; } #Progress_Indeterminate { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } #Progress_Indeterminate .bar { height: 3px; width: 100%; position: relative; overflow: hidden; background-color: rgba(133, 199, 246, 0.5); } @keyframes loader-progress-indeterminate { from { left: -10px; } 50% { width: 100%; } to { left: 100%; } } #Progress_Indeterminate .bar:before { display: block; position: absolute; content: ""; left: -10px; width: 10px; height: 3px; background-color: #85C7F6; animation: loader-progress-indeterminate 1.5s linear infinite; } #Dv_PageInfo .division { width: 100%; float: left; } #Dv_PageInfo .copyright { width: 100%; float: left; } #Dv_PageInfo .logo { float: right; padding: 15px; display: none; } @media only screen and (min-width:510px) { #Dv_PageInfo .logo { float: right; padding: 0; top: 5px; right: 0; position: absolute; } } @media only screen and (min-width:870px) { #Dv_PageInfo { padding-bottom: 50px; } #Dv_PageInfo .division { width: 350px; float: left; } #Dv_PageInfo .copyright { width: 370px; float: right; } #Dv_PageInfo .logo { position: absolute; float: none; padding-left: 0; left: 43%; right: auto; top: 5px; } } #Dv_PageInfo p { font-weight: bold; font-size: 16px; color: #27373f; padding-top: 20px; } #Dv_PageInfo ul { margin: 0; padding: 0; list-style-type: none; } #Dv_PageInfo ul li { float: left; padding: 0; margin-right: 5px; } #Dv_PageInfo a { color: #1c3e6f; text-decoration: none; font-size: 20px; font-weight: bold; } #Dv_PageInfo a:hover { text-decoration: underline } #Dt_Greeting { display: block; text-align: left; position: absolute; width: auto; top: 25px; right: 0px; height: 40px; z-index: 4; font-size: 11px; } #Dt_Greeting .username { cursor: default; display: block; white-space: nowrap; overflow: hidden; padding: 0; margin: 0; width: auto; padding-left: 50px; height: 40px; text-overflow: ellipsis; font-size: 11px; line-height: 40px; color: #fff; padding-right: 20px; } #Dt_Greeting .username .icon { padding: 0; margin: 0; font-size: 16px; color: #0452AC; font-weight: bold; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; } #Dt_Greeting a { display: block; text-align: left; z-index: 2; position: relative; top: 0; left: 0; } #Dt_Greeting a { display: none; } #Dt_Greeting a { background-color: #0452AC; color: #fff; padding: 4px; } #Dt_Greeting:hover { height: 100px; } #Dt_Greeting:hover a { display: block; } .command { cursor: pointer; } .calendarPicker .cmdClose { width: 11px; height: 12px; position: absolute; top: 5px; right: 5px; background: url(/images/skin/command.close.gif) no-repeat 0 0; border: 1px solid transparent } .calendarPicker .cmdClose:hover { border: 1px solid #ccc; border-radius: 3px } .calendarPicker .header { width: auto; background-color: #0C4088; margin: 0 0 2px 0; color: #FFF; font-weight: bold; height: 37px; text-align: center; font-size: 14px; border-radius: 4px 4px 0 0 } .calendarPicker .header .year { } .calendarPicker .header .month { } .calendarPicker .header .command { top: 27px; width: 22px; height: 22px; display: block; text-indent: -9999px; position: absolute; padding: 0; margin: 0 } .calendarPicker .cmdPreviousYear { display: block; background: url(/images/skin/ui.calendar.sprite.png) no-repeat -23px -22px; width: 22px; height: 22px; text-indent: -9999px; position: absolute; left: 26px } .calendarPicker .cmdPreviousYear:hover { background-position: -72px -22px } .calendarPicker .cmdNextYear { display: block; background: url(/images/skin/ui.calendar.sprite.png) no-repeat -1px 0; width: 22px; height: 22px; text-indent: -9999px; position: absolute; right: 28px } .calendarPicker .cmdNextYear:hover { background-position: -50px 0 } .calendarPicker .cmdNextMonth { display: block; background: url(/images/skin/ui.calendar.sprite.png) no-repeat -24px 0; width: 22px; height: 22px; text-indent: -9999px; position: absolute; right: 65px } .calendarPicker .cmdNextMonth:hover { background-position: -73px 0 } .calendarPicker .cmdPreviousMonth { display: block; background: url(/images/skin/ui.calendar.sprite.png) no-repeat 0 -22px; width: 22px; height: 22px; text-indent: -9999px; position: absolute; left: 61px } .calendarPicker .cmdPreviousMonth:hover { background-position: -49px -22px } .calendarPicker .board { float: left; margin: 0; border-right: 1px solid #555555; } .calendarPicker .content { float: left; margin: 0 } .calendarPicker .calendar { font-family: verdana; float: left; clear: both; width: auto; height: auto } .calendar .week { width: auto; clear: both; float: left } .calendar .week .day { padding: 1px; float: left; background-color: #fff } .calendar .week .day .number { padding: 1px; width: 25px; height: 18px; line-height: 18px; border: 1px solid #bbb; color: #333; text-align: center; overflow: hidden; } .calendar .week .day.hasAppts .number { font-weight: bold; color: #000; } .calendar .week .day.isClosed .number { color: #666; } .calendar .week .valid.day { cursor: pointer; color: #45600A } .calendar .week .valid.day .number:hover { background-color: #85C7F6; border: 1px solid #3074C6; color: #000 } .calendar .week .today.day .number { background-color: #facbcd; border: 1px solid #D5DEE5; color: #000 } .calendar .week .today.day .number:hover { background-color: #85C7F6; border: 1px solid #D5DEE5; color: #000 } .calendar .week .selected.day .number { background-color: #85C7F6; border: 1px solid #D5DEE5; color: #333 } .calendar .week .selected.day .number:hover { background-color: #85C7F6; border: 1px solid #D5DEE5; color: #333 } .calendar .week .selected.isClosed.day .number { color: #999; } .calendar .week .selected.isClosed.day .number:hover { color: #999; } .calendar .week .today.isClosed.day .number { background-color: #ededed; color: #cc8790; } .calendar .week .today.isClosed.day .number:hover { background-color: #ededed; color: #c58790; } .calendar .week .compare.selected.day .number { background-color: #733F1C; border: 1px solid #D5DEE5; color: #fff } .calendar .week .compare.selected.day .number:hover { background-color: #733F1C; border: 1px solid #D5DEE5; color: #fff } .calendar .week .base.compare.selected.day .number { background-color: #B3612B; border: 1px solid #D5DEE5; color: #fff } .calendar .week .base.compare.selected.day .number:hover { background-color: #B3612B; border: 1px solid #D5DEE5; color: #fff } .calendar .week .blocked.today.day .number:hover { background-color: #fafbfd; border: 1px solid #D5DEE5; color: #000 } .calendar .week .trailing { display: none } .calendar .week .blocked { cursor: default } .calendar .week .blocked.day .number { text-decoration: line-through; border: 1px solid #ddd; background-color: #EDEDED; color: #ccc; cursor: default } .calendar .week .blocked.day .number:hover { text-decoration: line-through; color: #ccc; border: 1px solid #ddd; background-color: #EDEDED } .mode-month .calendar { width: 160px; } .mode-month .calendar .month { float: left; width: 43px; display: block; padding: 1px; float: left; background-color: #fff; margin: 2px; padding: 2px; text-align: center; cursor: pointer; border: 1px solid #fff; } .mode-month .calendar .month .name { line-height: 18px; color: #000; text-align: center; } .mode-month .calendar .month { cursor: pointer; color: #45600A } .mode-month .calendar .month:hover { background-color: #fafbfd; border: 1px solid #3074C6; color: #000 } .mode-month .calendar .today.month { background-color: #fafbfd; border: 1px solid #D5DEE5; color: #000 } .mode-month .calendar .today.month:hover { background-color: #fafbfd; border: 1px solid #3074C6; color: #000 } .mode-month .calendar .selected.month { background-color: #cEdBfE; border: 1px solid #D5DEE5; color: #333 } .mode-month .calendar .selected.month:hover { background-color: #deefff; border: 1px solid #D5DEE5; color: #333 } .mode-month .calendar .blocked.today.month:hover { background-color: #fafbfd; border: 1px solid #D5DEE5; color: #000 } .mode-month .calendar .blocked.month { cursor: default } .mode-month .calendar .blocked.month { border: 1px solid #ddd; background-color: #EDEDED; color: #ccc; cursor: default } .mode-month .calendar .blocked.month:hover { color: #ccc; border: 1px solid #ddd; background-color: #EDEDED } form { padding-bottom: 0; margin-bottom: 0; } #DateRangeLogger .caption { display: block; color: #fff; } #DateRangeLogger .dates .caption { display: none; } #Rng_Calendar .controls { position: relative; left: 0; top: 5px; } .dateRange { display: block; float: left; height: auto; width: 320px; margin-top: 11px; margin-bottom: 11px; color: #fff; } .dateRange .datetime { float: left; width: 140px; height: auto; display: block; margin: 0; } .datetime input { border: 4px solid transparent; width: 120px; } .datetime.active input { border: 4px solid #d0d0ff; } #Dp_Calendar .board { border: 0; } #Dp_Calendar { z-index: 900; position: absolute; background-color: #fff; font-size: 11px; padding: 20px; box-shadow: 5px 5px 10px #263842; border-radius: 4px; } .ie7 #Dp_Calendar { border: 1px solid #D5DEE5 } #Dp_Calendar .cmdClose { width: 11px; height: 12px; position: absolute; top: 5px; right: 5px; background: url(/images/skin/command.close.gif) no-repeat 0 0; border: 1px solid transparent } #Dp_Calendar .cmdClose:hover { border: 1px solid #ccc; border-radius: 3px } #Pp_Percent { z-index: 900; position: absolute; background-color: #F7FAFC; font-size: 11px; padding: 20px; box-shadow: 8px 9px 15px #333333; border-radius: 4px } .ie7 #Pp_Percent { border: 1px solid #D5DEE5 } #Pp_Percent .cmdClose { width: 11px; height: 12px; position: absolute; top: 5px; right: 5px; background: url(/images/skin/command.close.gif) no-repeat 0 0; border: 1px solid transparent } #Pp_Percent .cmdClose:hover { border: 1px solid #ccc; border-radius: 3px } .singledate { position: relative; width: 200px; margin: 0; padding: 0; } .singledate .cmdGetDate { position: absolute; right: 2px; bottom: 15px; height: 20px; width: 26px; margin: 4px 0 0 6px; text-indent: -9999px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; background-position: -286px -27px; clear: none } .singledate .cmdGetDate:hover { background-position: -257px -27px } #Items_PartResult { height: auto; padding-bottom: 80px; width: auto; } #Items_PartResult .result { border-top: 1px solid #e5e9eb; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stateGridView #Items_PartResult .result { width: 28%; margin-left: 2%; border: 0; padding: 1%; } #Items_PartResult .result .photo { width: 125px; margin-left: 20px; margin-right: 40px; padding-right: 0px; float: left; padding-top: 0; background-color: #fff; } .stateGridView #Items_PartResult .result .photo { width: 100%; margin: 0; padding: 0; float: left; padding-top: 0; background-color: #fff; text-align: center; height: auto; margin-bottom: 10px; border: 1px solid #e9e9e9; } #Items_PartResult .result .item { float: none; clear: none; padding-left: 185px; padding-top: 0; text-align: left; color: #61737d; } .stateGridView #Items_PartResult .result .item { float: none; clear: none; padding: 0; text-align: left; color: #61737d; } #Items_PartResult .item { position: relative; top: 0; float: left; left: 0; padding: 0; line-height: 15px; } #Items_PartResult .result:first-child { border-top: 0; } .stateGridView #Items_PartResult .result:nth-child(3n+1) { clear: left } #Items_PartResult .result.isRemoved .data { text-decoration: line-through; } #Items_PartResult .commands { float: left; position: relative; z-index: 2; width: 100%; line-height: 25px; font-size: 11px; font-weight: bold; color: #5b686f; } #Items_PartResult .commands .command { float: left; margin-left: 10px; } #Items_PartResult .commands .command:hover .text { text-decoration: underline; } #Dv_ListPartResults { position: relative; top: 0; left: 0; padding-top: 15px; } #Cmd_AddPart { position: absolute; top: 15px; width: auto; left: 10px; line-height: 25px; font-size: 11px; font-weight: normal; color: #5b686f; z-index: 2; } #Cmd_AddPart { background-color: #fff; width: auto; padding-right: 10px; text-align: center; float: left; color: #0452AC; font-size: 14px; line-height: 21px; } #Cmd_AddPart .icon { margin-left: 2px; background-color: #0452AC; border-radius: 15px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; float: left; background-position: -146px 0px; margin-right: 7px; } #Cmd_AddPart:hover { color: #85C7F6; } #Cmd_AddPart:hover .icon { background-color: #85C7F6; } #Cmd_AddPart .text { color: #999; } #Cmd_AddPart:hover .text { text-decoration: underline; } #Options_SearchView { position: absolute; top: 15px; width: auto; right: 360px; line-height: 25px; font-size: 11px; font-weight: normal; color: #5b686f; z-index: 2; } #Options_SearchView .command { background-color: #fff; width: auto; padding-right: 10px; text-align: center; float: left; color: #85C7F6; font-size: 14px; line-height: 21px; } #Options_SearchView .command .icon { margin-left: 2px; background-image: url(/images/skin/secondary.sprite.png); background-size: 700px 118px; width: 25px; height: 25px; float: left; margin-right: 7px; } #Options_SearchView #Cmd_GridView { color: #0C4088; } #Options_SearchView #Cmd_GridView .icon { background-position: -555px -70px; } #Options_SearchView #Cmd_ListView .icon { background-position: -587px -22px; } .stateGridView #Options_SearchView #Cmd_GridView { color: #85C7F6; } .stateGridView #Options_SearchView #Cmd_GridView .icon { background-position: -555px -21px; } .stateGridView #Options_SearchView #Cmd_ListView { color: #0C4088; } .stateGridView #Options_SearchView #Cmd_ListView .icon { background-position: -587px -71px; } body.viewEvents #Options_SearchView { display: none; } #Items_PartResult .item .cmdApply { width: 136px; background-color: #124f9c; position: absolute; left: auto; right: 0px; top: 35px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; padding-top: 10px; padding-bottom: 10px; cursor: pointer; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; } #Items_PartResult .item .cmdApply:hover { text-decoration: underline } #Search { } #Cmd_Search { width: auto; background-color: #124f9c; float: right; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; margin-right: 24px; padding: 10px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 30px; } #Cmd_Search:hover { text-decoration: underline } @media only screen and (max-width:1015px) { #Sidebar { width: 90%; padding: 0; margin: 0; position: relative; top: 0; left: 0; } #Cmd_Search { float: none; width: 85px; position: absolute; left: 200px; top: 55px; background-color: #124f9c; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; padding-top: 10px; padding-bottom: 10px; cursor: pointer; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; } } @media only screen and (max-width:720px) { #Items_PartResult .item { padding: 0; } #Items_PartResult .item .icon { display: none; } } #Dv_Location { max-width: 777px; float: left; padding-top: 35px; } #Items_PartResult .distance { display: none; position: absolute; top: 55px; left: 4px; font-size: 11px; font-style: italic; } .hasLocKw #Items_PartResult .distance { display: block; } #LogStat { font-size: 12px; color: #ccc; line-height: 14px; display: none; } #Pgr_ListResults { display: none; } #Sidebar h3 { color: #27373f; font-size: 24px; font-weight: bold; text-transform: uppercase; width: 100%; float: none; clear: both; display: block; } .appForm .group { width: 100%; float: none; clear: both; margin-right: 3px; margin-top: 7px; padding-left: 7px; } .appForm .edit .group { margin-bottom: 10px; } .appForm .subgroup { width: auto; float: none; clear: both; margin-right: 3px; margin-top: 7px; padding-left: 7px; } .appForm .set .subgroup { float: left; clear: none; margin: 0; } .appForm .set { clear: both; float: none; } .appForm .set { float: left; width: 100%; } .appForm .set .group { width: auto; clear: none; float: left; } .appForm .commands { width: 100%; float: left; height: auto; clear: both; } .appForm .hud { float: left; margin-left: 7px; clear: both; width: auto; height: auto; padding: 10px; font-weight: bold; color: #27373f; background-color: #fff; line-height: 1.5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #e73b3b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .appForm .hud p { margin: 0; font-size: 13px; line-height: 16px; } .appForm .list .hud { width: 90%; } .appForm .commands .command { width: auto; float: right; margin-left: 17px; } .appForm .invalidate .highlight { background-color: #fefdfd; border: 1px solid #ff9b9b; } .editableTable .hud { caption-side: bottom; width: 80%; margin-right: 1.5%; height: auto; padding: 10px; font-weight: bold; color: #27373f; background-color: #fff; line-height: 1.5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #e73b3b; } .editableTable.invalidate .highlight { background-color: #fefdfd; border: 1px solid #ff9b9b; } .editableTable .hud p { margin: 0; } .appForm .subtitle { margin-top: 0px; margin-bottom: 4px; } .appForm .formname { margin-top: 0px; margin-bottom: 10px; } .appForm .static { display: block; } .appForm .stateEditMode .static { display: none; } .appForm .edit { display: none; } .appForm .stateEditMode .edit { display: block; } .appForm .stateCreateMode .static { display: none; } .appForm .stateCreateMode .edit { display: none; } .appForm .stateCreateMode .cmdCancel { display: none; } .appForm .formname { display: none; } .appForm .stateCreateMode .formname { display: block; } .appForm .stateCreateMode.hasListItems .cmdCancel { display: block; } .appForm .createListItem { display: none; } .appForm .editListItem { clear: both; width: 100%; } .appForm .stateCreateMode .createListItem { display: block; } .appForm .radioList input { margin: 0; float: left; } .appForm .radioList label { margin: 0; margin-left: 10px; float: left; margin-right: 10px; } .appForm .checkboxGroup input { margin: 0; float: left; line-height: 14px; padding: 0; margin: 0; } .appForm .checkboxGroup label { margin: 0; margin-left: 10px; float: left; margin-right: 10px; line-height: 14px; } .appForm .textareaGroup { margin-top: 10px; width: 100%; display: block; float: left; height: auto; } .appForm .textareaGroup textarea { width: 90%; height: 80px; } #Dv_Contact .textareaGroup textarea { width: 97%; height: 80px; } @media only screen and (max-width:720px) { .appForm .hud { margin-left: 5px; margin-right: 5px; } .editableTable .hud { margin-left: 5px; margin-right: 5px; } .appForm .list .hud { margin-left: 5px; margin-right: 5px; } body #Pv_Info .appForm .textareaGroup textarea { width: 90%; } } .appForm .cmdSave { width: auto; background-color: #124f9c; text-decoration: none; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; } .appForm .cmdSave:hover { text-decoration: underline } .appForm .cmdContinue { width: auto; background-color: #124f9c; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; } .appForm .cmdContinue:hover { text-decoration: underline } .appForm .cmdCancel { text-decoration: underline; font-size: 14px; line-height: 20px; padding: 20px; padding-top: 10px; padding-bottom: 10px; } .appForm .cmdCancelListItem { text-decoration: underline; font-size: 14px; line-height: 20px; padding: 20px; padding-top: 10px; padding-bottom: 10px; } .appForm .cmdNext { display: none; } .appForm .stateIncomplete .cmdNext { display: block; } .appForm .list .form { margin-top: 10px; float: left; width: auto; margin: 0 auto; background-color: #fff; margin: 10px; padding: 10px; padding-right: 17px; } .appForm .list .form .commands { width: 100%; margin-top: 7px; } .appForm .cmdSaveListItem { width: 150px; background-color: #124f9c; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 0px; float: right; } .appForm .cmdSaveListItem:hover { text-decoration: underline } .appForm .cmdNewListItem { text-decoration: underline; font-size: 14px; line-height: 20px; margin: 0; padding: 0; margin-left: 20px; padding-top: 0px; margin-bottom: 10px; } .appForm .cmdNewListItem:hover { text-decoration: underline } #Dv_Contact { padding-bottom: 40px; float: left; width: 100%; clear: both; } .dataViewForm .section { position: relative; top: 0; left: 0; width: 100%; float: left; clear: both; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #Dv_Contact .section { position: relative; top: 0; left: 0; width: 100%; float: left; clear: both; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .cmdCancel { display: block; } .dataViewForm .stateIncomplete .cmdCancelListItem { display: none; } .dataViewForm .cmdNoListItem { display: none; } .dataViewForm .stateIncomplete .cmdNoListItem { display: block; } .dataViewForm .stateIncomplete.stateEditMode .cmdCancel { display: none; } .dataViewForm .hasListItems.stateCreateMode .cmdCancelListItem { display: block; } .dataViewForm .hasListItems .stateEditMode .cmdCancelListItem { display: block; } .dataViewForm .hasListItems .cmdCancelListItem.cmdNoListItem { display: none; } .group .required { color: #ff0000; font-weight: bold; font-size: 16px; line-height: 12px; } .appForm .cmdChange { width: auto; float: left; position: absolute; top: 0; right: 0; background-color: #124f9c; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; } .appForm .cmdChange:hover { text-decoration: underline } .appForm .grpCity input { width: 140px; } .appForm .grpState input { width: 40px; } .appForm .grpZip input { width: 100px; } .appForm .grpAddr .addrLine1 { display: block; clear: both; width: 330px; } .appForm .grpAddr .addrLine2 { display: block; clear: both; width: 330px; } .appForm .grpShortDesc input { width: 330px; } .appForm .grpLongDesc input { width: 90%; } .appForm .grpNumeric input { width: 80px; } .appForm .grpLargeNumeric input { width: 110px; } .appForm .list { width: 100%; height: auto; float: left; margin: 0; padding: 0; padding-bottom: 10px; } .appForm .list .listItems { margin-bottom: 0px; clear: both; float: left; width: 100%; float: left; } .appForm .list .listItem { margin-bottom: 7px; background-color: #f9f9f9; float: left; clear: both; display: block; position: relative; top: 0; left: 0; width: 100%; display: block; padding-bottom: 7px; } .appForm .list .listItem .content { padding-right: 150px; } .appForm .listItem .setname { font-size: 14px; line-height: 16px; font-weight: bold; width: 130px; padding: 5px; display: block; float: left; position: relative; top: 0; left: 0; width: 100%; } @media only screen and (min-width:720px) { .appForm .listItem .setname { width: 140px; clear: none; } } .appForm { color: #333; } .appForm p { font-size: 13px; line-height: 15px; font-style: normal; } .appForm .note { font-size: 12px; line-height: 14px; font-style: italic; } .appForm .group { font-size: 14px; line-height: 16px; } .appForm .group .caption { font-weight: bold; } .appForm .listItem .group { font-size: 12px; line-height: 14px; } .appForm .listItem .dt .caption { font-weight: normal; } .appForm .listItem .group.dt .caption { font-weight: bold; } .appForm .listItem .title { font-weight: normal; font-size: 14px; font-weight: bold; } .appForm .listItem .content { float: left; clear: none; } .appForm .listItem .break { clear: both; } .appForm .list .listItem[key="0"] { display: none; } .appForm .list .listCommands { float: right; width: 180px; padding-bottom: 7px; padding-right: 7px; position: absolute; top: 0px; right: 0; } .appForm .list[required="required"] .listItem[index="0"] .listCommands .cmdRemoveListItem { display: none; } .appForm .list .listCommands .command { float: right; padding: 0; margin: 0; margin-left: 14px; line-height: 20px; display: block; width: auto; font-size: 11px; background-color: #124f9c; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; padding: 5px; padding-top: 2px; padding-bottom: 3px; cursor: pointer; line-height: 14px; font-size: 11px; font-weight: bold; text-align: center; text-transform: none; position: relative; top: -3px; left: 0; } .appForm .list .listCommands .cmdEdit { background-color: #124f9c; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; cursor: pointer; line-height: 20px; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; } .appForm .list .listCommands .command:hover { text-decoration: underline } .appForm .validated input[type="text"][validationtype], .appForm .validated input[type="password"][validationtype] { background-image: url(/images/skin/icon.validated.gif); background-position: right top 0px; background-repeat: no-repeat; } .appForm .invalidate .invalid select { background-image: url(/images/skin/icon.invalid.gif); background-position: right 25px top 3px; background-repeat: no-repeat; } .appForm .invalidate .invalid input[type="text"], .appForm .invalidate .invalid input[type="text"] { background-image: url(/images/skin/icon.invalid.gif); background-position: right top 3px; background-repeat: no-repeat; } .appForm .invalidate .invalid textarea { background-image: url(/images/skin/icon.invalid.gif); background-position: right top 3px; background-repeat: no-repeat; } .appForm .invalidate .invalid .radioList { background-color: #e73b3b; padding: 10px; color: #fff; float: left; } .appForm .invalidate .invalid input[validationtype="date"] { background-position: right 25px top 3px; } .editableTable.validated input[type="text"][validationtype], .editableTable.validated input[type="password"][validationtype] { background-image: url(/images/skin/icon.validated.gif); background-position: right top 0px; background-repeat: no-repeat; } .editableTable.invalidate .invalid select { background-image: url(/images/skin/icon.invalid.gif); background-position: right 25px top 0px; background-repeat: no-repeat; } .editableTable.invalidate .invalid .chosen-container a { background: none; background-image: url(/images/skin/icon.invalid.gif); background-position: right 0px top 0px; background-repeat: no-repeat; background-color: #fff; } .editableTable.invalidate .invalid input[type="text"], .editableTable.invalidate .invalid input[type="text"] { background-image: url(/images/skin/icon.invalid.gif); background-position: right top 0px; background-repeat: no-repeat; } .editableTable.invalidate .invalid textarea { background-image: url(/images/skin/icon.invalid.gif); background-position: right top 0px; background-repeat: no-repeat; } .editableTable.invalidate .invalid .radioList { background-color: #e73b3b; padding: 10px; color: #fff; float: left; } .editableTable.invalidate .invalid input[validationtype="date"] { background-position: right 25px top 0px; } #Content .appForm .set .grpCity { float: left; margin-right: 10px; } #Content .appForm .set .grpState { float: left; margin-right: 10px; width: 50px; } #Content .appForm .set .grpZip { float: left; } @media only screen and (max-width:720px) { .appForm .subtitle { margin-right: 160px; font-size: 16px; line-height: 20px; margin-bottom: 24px; } .appForm .group { font-size: 12px; margin-top: 4px; } } #Cnt_NoResults, #Cnt_NoPeopleResults { position: relative; top: -20px; font-weight: normal; font-size: 20px; line-height: 24px; text-align: center; } .resultLoader { cursor: pointer; width: auto; background-color: #124f9c; margin-bottom: 20px; padding: 20px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; float: left; clear: both; width: 95%; } .resultLoader:hover { text-decoration: underline; } @media only screen and (max-width:720px) { .appForm .commands .cmdContinue, .appForm .commands .cmdSaveListItem { margin: 0; width: 100%; height: auto; position: relative; right: 0; left: auto; top: 0px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; padding: 0px; color: #fff; padding-top: 10px; padding-bottom: 10px; cursor: pointer; font-size: 19px; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 20px; } .appForm .commands .cmdSaveListItem { width: 95%; } .appForm .cmdNewListItem { background-color: #e3881b; margin: 0; width: auto; display: block; height: auto; position: relative; right: 0; left: auto; top: 0px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; padding: 0px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; color: #fff; font-size: 19px; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 20px; text-decoration: none; } .appForm .list .listCommands .cmdEditListItem, .appForm .list .listCommands .cmdRemoveListItem { margin-top: 4px; width: auto; display: block; height: auto; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; padding: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 20px; text-decoration: none; } input[type="text"], input[type="password"] { line-height: 25px; font-size: 20px; height: 20px; padding-top: 5px; padding-bottom: 5px; } body.viewSplash input[type="text"] { line-height: 30px; font-size: 30px; height: 30px; padding-top: 5px; padding-bottom: 5px; } } #Content #Mod_404 { padding-bottom: 300px; font-family: arial,verdana,geneva; color: #27373f; text-align: center; padding-top: 100px; } #Content #Mod_404 .header { font-size: 80px; margin-bottom: 30px; } #Content #Mod_404 .header .subtitle { font-size: inherit; } #Content #Mod_404 div.caption { font-size: 20px; line-height: 20px; margin-bottom: 5px; } #Content #Mod_404 p { font-size: 20px; line-height: 20px; } #Content #Mod_404 a { text-decoration: underline; } #Items_PartResult .result .commands .command:hover { text-decoration: underline; background-color: #0452AC; color: #fff; text-decoration: underline; } body.viewSignIn h1 { display: none; } #Mod_Login { margin-top: 100px; } #Cnt_SignIn .group label { float: left; width: 120px; display: block; text-align: right; padding-right: 10px; color: #333; font-weight: normal; } #Cnt_SignIn .required { color: #cc0000; font-weight: normal; } #Hdr_Login .subtitle { padding-top: 0; font-size: 45px; color: #0C4088; font-weight: normal; text-align: center; margin-top: 40px; margin-bottom: 30px; text-transform: uppercase; font-family: arial,geneva,helvetica } #Opt_Existing .subcaption { display: none; color: #27373f; } #Hdr_SignIn .subtitle { padding-top: 25px; color: #27373f; padding-bottom: 15px; display: none; } #Opt_New .subcaption { color: #27373f; font-size: 30px; } #Opt_New #Cmd_Register { margin-bottom: 50px; width: 150px; font-size: 18px; font-weight: bold; height: 36px; line-height: 30px; color: #333; } #Pnl_Forgot p { color: #fff; text-align: center; padding-bottom: 10px; } #Pnl_SignIn .tips { position: absolute; bottom: 30px; left: 20px; } #Pnl_SignIn #Cmd_ForgotPassword { float: left; } #Pnl_SignIn #Cmd_ForgotPassword a, #Mod_Login .cmdCancel a { font-size: 14px; font-weight: bold; height: 36px; line-height: 30px; color: #a6b3bc; text-decoration: underline; float: left; } #Cph_UI_ModuleSignIn_BtnSignIn, #BtnSendPassword { margin-bottom: 25px; background-color: #e9eef1; border: 0; margin-top: 10px; clear: both; color: #0452AC; cursor: pointer; display: block; float: right; font-size: 16px; font-weight: normal; line-height: 22px; padding: 7px 5px; text-align: center; text-decoration: none; width: auto; padding-left: 15px; padding-right: 15px; } #Cnt_Content #Content #Secondary_Search { width: 100%; clear: both; float: left; } #Cnt_Content #Content .authLookupModule { width: 100%; clear: both; float: left; background-color: #e9eef1; min-height: 700px; } #Cnt_Content #Content #Mod_PartDetail { width: 100%; clear: both; float: left; background-color: #fff; } #Cnt_Content #Content #Mod_EventDetail { width: 100%; clear: both; float: left; background-color: #fff; } #Cnt_Content #Content .authLookupModule #Sidebar_Search { width: 240px; padding-right: 0px; float: left; padding-top: 0px; background-color: #fff; } #Cnt_Content #Content .authLookupModule #Content_Search { float: none; clear: none; padding-top: 30px; background-color: #fff; position: relative; top: 0; left: 0; } #Cnt_Content #Content #Mod_PartSearch #Content_Search { margin-left: 260px; } #Cnt_Content #Content .authLookupModule #Content_Search #Dv_ListPartResults { width: 100%; float: left; background-color: #fff; } #Cnt_Content #Content #Mod_EventSearch #Content_Search { margin-left: 260px; } #Cnt_Content #Content .authLookupModule #Content_Search #Dv_ListEventResults { width: 100%; float: left; background-color: #fff; } #Mod_PartDetail .sectiontitle { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #85C7F6; color: #000; font-size: 16px; line-height: 22px; text-transform: none; background-color: #0C4088; color: #fff; padding: 0; padding-left: 7px; padding-right: 7px; font-weight: normal; margin-top: 20px; clear: both; float: left; } #Cnt_Content #Content #Cnt_Dashboard { width: 100%; float: left; } #Cnt_Content #Content #Mod_CurrentFeeds { float: left; padding-top: 20px; } #Cnt_Content #Content #Mod_CurrentFeeds #Dv_OpenItems { width: 46%; width: calc(50% - 10px); margin-right: 10px; float: left; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Cnt_Content #Content .authLookupModule #Dv_RecentActivity { float: none; clear: none; padding-top: 0px; background-color: #fff; position: relative; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 10px; } #Cnt_Content #Content #Mod_CurrentFeeds .separator { float: left; width: 20px; display: block; } #Cnt_Content #Content #Mod_CurrentFeeds #Dv_RecentActivity { float: left; width: 46%; width: calc(50% - 10px); } #Dv_OpenItems { padding: 20px; padding-top: 5px; } #Dv_RecentActivity { padding: 20px; padding-top: 5px; } @media only screen and (max-width:1200px) { #Cnt_Content #Content #Mod_CurrentFeeds #Dv_OpenItems { width: 44%; width: calc(50% - 10px); } #Cnt_Content #Content #Mod_CurrentFeeds #Dv_RecentActivity { width: 44%; width: calc(50% - 10px); } } @media only screen and (max-width:900px) { #Cnt_Content #Content #Mod_CurrentFeeds #Dv_OpenItems { width: 100%; margin-right: 0; margin-bottom: 20px; } #Cnt_Content #Content #Mod_CurrentFeeds #Dv_RecentActivity { width: 100%; margin-left: 0; } } #Hdr_ListPartResults { display: none; } #Items_PartResult { } #Items_PartResult .result { float: left; width: 100%; height: auto; padding-top: 7px; padding-bottom: 7px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Items_PartResult .result .data { font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Items_PartResult .item .richTextView .command .icon { background: none; position: static; height: auto; width: auto; } #Items_PartResult .item .data { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Items_PartResult .item .data.partNumber { display: inline; float: left; padding: 0; line-height: 23px; font-size: 19px; font-weight: normal; color: #61737d; padding-right: 20px; } #Items_PartResult .item .data.modified { display: inline; padding: 0; line-height: 23px; font-size: 14px; font-weight: normal; color: #a6a6a6; font-style: italic; float: right; padding-right: 20px; } .stateGridView #Items_PartResult .item .data.modified { padding: 0; margin: 0; float: left; } #Items_PartResult .item .data.skus, #Items_PartResult .item .data.retailSkus, #Items_PartResult .item .data.customers, #Items_PartResult .item .data.category, #Items_PartResult .item .data.name { display: block; width: 100%; padding: 0; line-height: 23px; font-size: 14px; font-weight: normal; color: #7f8082; float: left; } #Items_PartResult .item .itemdescription { display: block; padding: 0; line-height: 18px; font-size: 14px; font-weight: normal; color: #27373f; width: auto; padding-right: 150px; } #Items_PartResult .item .details .richTextView { display: block; padding: 0; line-height: 18px; font-size: 14px; font-weight: normal; color: #27373f; width: auto; padding-right: 150px; } #Items_PartResult .item .itemdescription .cmdDetail { display: block; color: #124f9c; font-weight: bold; margin-top: 17px; } #Items_PartResult .result .command { float: left; cursor: pointer; width: auto; background-color: #0452AC; padding: 0px; padding-left: 20px; padding-right: 20px; line-height: 20px; margin-top: 6px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 11px; -webkit-border-radius: 0px; border-radius: 0px; } #Items_PartResult .result .command:hover { text-decoration: underline; background-color: #ccc; color: #333; text-decoration: underline; } #Items_PartResult .result .command a { text-decoration: none; color: #fff; text-indent: 0; } #Dv_ListPartResults #P_NoResults { padding-top: 100px; } #Dv_ListPartResults #P_NoPeopleResults { padding-top: 100px; } #Hdr_Parts { position: absolute; top: 15px; left: 10px; width: auto; display: none; } #Hdr_Parts .subtitle { font-size: 18px; padding: 0; margin: 0; text-transform: uppercase; font-weight: normal; font-weight: bold; color: #333; } #Grp_CategorySort .caption { color: #5a5958; font-size: 16px; font-weight: normal; margin: 0; position: relative; top: -4px; left: 0; font-size: 14px; color: #7f8082; line-height: 16px; } #Secondary_Search { position: relative; top: 0; left: 0; } #Grp_CategorySort { position: absolute; right: 60px; width: auto; bottom: -70px; z-index: 3; } body.viewDetail #Grp_CategorySort, .loadingDetail #Grp_CategorySort { display: none; } .radioList label { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkboxList label { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #Mod_PartDetail { padding-top: 20px; position: relative; top: 0; left: 0; min-height: 700px; } #Mod_PartDetail #Apply_SectionTerms { display: none; } #PartCommands { position: absolute; top: -30px; right: 0; width: 320px; } #Pager_PartDetail { position: absolute; right: 11px; top: 0; font-size: 10px; float: left; margin: 0; } #Pager_PartDetail .command { height: auto; line-height: 28px; padding: 0; margin-top: 0; color: #696969; padding: 0; padding-left: 5px; padding-right: 5px; } .ctrlLookup .pagerDetail { float: right; margin: 0; } .ctrlLookup .pagerDetail .command, #Cmd_BackToSearch { float: left !important; height: 28px; line-height: 28px; padding: 0; margin-top: 0; font-weight: bold; text-decoration: underline; cursor: pointer } .ctrlLookup #Mod_PartDetail .pagerResults { display: none } .ctrlLookup #Cmd_BackToSearch { margin: 0; height: auto; line-height: 28px; color: #696969; float: left !important; position: absolute; top: -30px; left: auto; right: 0; background-color: #0452AC; padding: 0px; padding-left: 20px; padding-right: 20px; text-decoration: none; font-weight: normal; line-height: 20px; margin-top: 6px; color: #fff; text-align: center; font-size: 14px; } .ctrlLookup #Cmd_BackToSearch a { color: #fff; } body.viewDetail #Hdr_Parts, .loadingDetail #Hdr_Parts { display: none; } #Mod_PartSearch #Grp_Term { display: none; } @media only screen and (max-width:720px) { #Mod_PartDetail { padding-right: 0; } #Mod_PartDetail .appForm .subtitle { margin-right: 0; } #Dv_PartSearch { display: none; } #Mod_PartSearch #Dv_ListPartResults { float: none; clear: none; padding-left: 0px; } } body.viewPolicy .lastModifiedDate { color: #333333; font-size: 12px; font-style: italic; position: absolute; right: 0; top: 50px; } body.viewPolicy h2 { color: #898383; font-size: 19px; font-weight: bold; margin-bottom: 20px; } body.viewPolicy h3 { color: #4b4949; font: bold 16px Tahoma,sans-serif; margin-bottom: 20px; } body.viewPolicy p { color: #4b4949; font: 13px Tahoma,sans-serif; margin-bottom: 20px; } body.viewPolicy h5 { color: #4b4949; font: bold 13px Tahoma,sans-serif; margin-bottom: 20px; } body.viewPolicy .document { max-width: 960px; text-align: left; } .ctrlLookup .resultHud, .ctrlLookup .resultLoader { float: left; width: 100%; height: 35px; text-align: center; line-height: 35px; color: #FFF; font-size: 16px; font-weight: bold; font-style: normal; padding: 0; margin: 5px 0 0 0; background-color: #0C4088; border: 1px solid #1356A6; position: relative; left: 0; top: 0; padding: 0; border-radius: 3px } .ctrlLookup .resultLoader img { display: none; padding: 0; margin: 0; padding-left: 20px; padding-right: 10px; line-height: 35px; position: relative; left: auto; top: -1px; } body.viewParts #Cmd_PreviousResults, body.viewParts .resultLoader input, body.viewEvents #Cmd_PreviousResults, body.viewEvents .resultLoader input, .ctrlLookup .loadingAll .resultLoader img, .ctrlLookup .loadingAll .resultLoader { display: none } .ctrlLookup .loadingAll .resultHud { height: 300px; background-color: #E5EAED; border: 0; height: 700px; } .ctrlLookup .loading .resultLoader img { display: inline; } .ctrlLookup .resultLoader .text:hover { text-decoration: underline; } .ctrlLookup .loading .resultLoader .text { display: none; } #PartForm { float: left; width: 100%; } #Rl_SearchStores { float: left; width: auto; height: auto; position: relative; } #Rl_SearchStores .radio { float: left; width: auto; height: 105px; width: 105px; position: relative; cursor: pointer; margin: 0; padding: 0; margin-right: 10px; } #Rl_SearchStores .radio label { height: auto; position: absolute; top: 60px; left: 0; text-align: center; width: 105px; font-size: 11px; color: #0C4088; cursor: pointer; padding-top: 50px; top: 0; } body.viewEvents #Rl_SearchStores .radio label { color: #0C4088; } #Rl_SearchStores .data.radio.checked label { color: #85C7F6; } #Rl_SearchStores .radio input { position: absolute; left: 50px; top: 5px; } #Rl_SearchStores .radio .icon { width: 55px; height: 50px; position: absolute; z-index: 2; background-color: #fff; top: 0; left: 20px; background-image: url(/images/skin/secondary.sprite.png); background-size: 700px 118px; background-position: 0 0; } #Rl_SearchStores #Rad_Store1 .icon { background-position: -201px -57px; } #Rl_SearchStores #Rad_Store2 .icon { background-position: -62px -57px; } #Rl_SearchStores #Rad_Store3 .icon { background-position: -268px -57px; } #Rl_SearchStores #Rad_Store0 .icon { background-position: -128px -57px; } #Rl_SearchStores #Rad_Store1.checked .icon { background-position: -201px -10px; } #Rl_SearchStores #Rad_Store2.checked .icon { background-position: -62px -10px; } #Rl_SearchStores #Rad_Store3.checked .icon { background-position: -268px -10px; } #Rl_SearchStores #Rad_Store0.checked .icon { background-position: -128px -10px; } body.viewEvents #Rl_SearchStores #Rad_Store1 .icon { background-position: -485px -53px; } body.viewEvents #Rl_SearchStores #Rad_Store3 .icon { background-position: -400px -53px; } body.viewEvents #Rl_SearchStores #Rad_Store1.checked .icon { background-position: -481px -5px; } body.viewEvents #Rl_SearchStores #Rad_Store3.checked .icon { background-position: -400px -5px; } body.viewEvents #Rad_Store1 { display: none; } body.viewEvents .mG #Rad_Store1 { display: block; } #Flt_Store, #Flt_Category { clear: both; float: left; height: auto; width: 100%; } #Flt_Store .cmdClear, #Flt_Category .cmdClear { float: left; width: auto; height: 75px; width: 95px; position: relative; } #Flt_Store .caption, #Flt_Category .caption { display: block; height: auto; position: absolute; top: 52px; left: 0; text-align: center; width: 95px; color: #85C7F6; font-size: 11px; } #Flt_Store.filtered .caption, #Flt_Category.filtered .caption { color: #0C4088; } #Flt_Store .cmdClear .icon, #Flt_Category .cmdClear .icon { width: 55px; height: 50px; position: absolute; z-index: 2; background-color: #fff; top: 0; left: 20px; background-image: url(/images/skin/secondary.sprite.png); background-size: 700px 118px; background-position: -8px -10px; } #Flt_Store.filtered .cmdClear .icon, #Flt_Category.filtered .cmdClear .icon { background-position: -8px -57px; } #Flt_Category .cmdUpdate, #Flt_Store .cmdUpdate { display: none; } #Cnt_Parts { float: left; width: 100%; height: auto; } #Cnt_Groups { float: left; width: 100%; height: auto; } #Cnt_Events { float: left; width: 100%; height: auto; } #Hdr_Events { position: absolute; top: 15px; left: 10px; width: auto; display: none; } #Hdr_Events .subtitle { font-size: 18px; padding: 0; margin: 0; text-transform: uppercase; font-weight: normal; font-weight: bold; color: #333; } #UI #Content #Secondary_Search { clear: both; float: left; background-color: #fff; margin-top: 20px; margin-bottom: 20px; } body.viewDetail #UI #Content #Secondary_Search, body.loadingDetail #UI #Content #Secondary_Search { background-color: transparent; margin-top: 10px; margin-bottom: 10px; } #Secondary_Search .keywordForm { width: 300px; padding-left: 0px; float: right; padding-right: 30px; padding-top: 0px; } #Secondary_Search #Dv_PartStore { float: none; clear: none; padding-right: 330px; padding-top: 0px; } #Secondary_Search #Dv_EventCategory { float: none; clear: none; padding-right: 330px; padding-top: 0px; } body.viewDetail #Secondary_Search .keywordForm, body.loadingDetail #Secondary_Search .keywordForm { width: 450px; padding-left: 0px; float: left; padding-right: 30px; padding-top: 0px; } body.viewDetail #Secondary_Search .keywordForm h3, body.loadingDetail #Secondary_Search .keywordForm h3 { float: left; margin-right: 20px; } body.viewDetail #Secondary_Search .keywordForm .grpKeyword, body.loadingDetail #Secondary_Search .keywordForm .grpKeyword { margin-top: 10px; } body.viewDetail #Secondary_Search .keywordForm .textboxGroup { float: left; width: 300px; } body.viewDetail #Secondary_Search #Dv_PartStore, body.loadingDetail #Secondary_Search #Dv_PartStore { display: none; } .keywordForm .textbox input { width: 100%; display: block; line-height: 22px; font-size: 18px; height: 20px; padding: 10px; } .keywordForm .cmdSearch { display: block; width: auto; height: 32px; position: absolute; top: 0; right: 0; } .keywordForm .cmdReset { display: block; width: auto; height: 32px; position: absolute; top: 0; right: 0; background-image: url(/images/skin/layoutbar.sprite.png); width: 20px; height: 20px; right: 15px; top: 70px; background-position: -245px 0px; } body.viewDetail .keywordForm .cmdReset { left: 390px; top: 20px; } .keywordForm .command input { display: none; } #Dv_Part .dropzone.dragover { border: 5px dashed #999; color: #666; box-sizing: border-box; padding: 2px; padding-top: 10px; padding-bottom: 10px; } #Cnt_PartSearch { padding: 20px; padding-top: 5px; } #Cnt_PartSearch .group .subcaption { color: #5a5958; font-size: 16px; font-weight: normal; margin: 0; padding: 0; } #Cnt_PartSearch .group { position: relative; float: left; width: 100%; margin-bottom: 5px; } #Cnt_PartSearch label { font-size: 12px; line-height: 22px; padding: 0; margin: 0; } #Cnt_PartSearch .filterGroup { position: relative; float: left; width: 100%; } #Cnt_PartSearch .group .cmdClear { text-decoration: underline; font-size: 11px; margin: 0; padding: 0; position: absolute; top: 14px; right: 17px; display: block; color: #296cc0 } #Cnt_PartSearch .group .cmdClearDates { text-decoration: underline; font-size: 11px; margin: 0; padding: 0; position: absolute; top: 14px; right: 17px; display: block; color: #296cc0 } #Cnt_PartSearch .singledate .caption { font-size: 11px; } #Cnt_PartSearch .singledate input { width: 180px; } #Cnt_PartSearch .singledate .cmdGetDate { right: 10px; top: 1px; } #Cnt_PartSearch .cmdUpdate { display: none } #Cnt_EventSearch { padding: 20px; padding-top: 5px; } #Cnt_EventSearch .group .subcaption { color: #5a5958; font-size: 16px; font-weight: normal; margin: 0; padding: 0; } #Cnt_EventSearch .group { position: relative; float: left; width: 100%; margin-bottom: 5px; } #Cnt_EventSearch label { font-size: 12px; line-height: 22px; padding: 0; margin: 0; } #Cnt_EventSearch .filterGroup { position: relative; float: left; width: 100%; } #Cnt_EventSearch .group .cmdClear { text-decoration: underline; font-size: 11px; margin: 0; padding: 0; position: absolute; top: 14px; right: 17px; display: block; color: #296cc0 } #Cnt_EventSearch .group .cmdClearDates { text-decoration: underline; font-size: 11px; margin: 0; padding: 0; position: absolute; top: 14px; right: 17px; display: block; color: #296cc0 } #Cnt_EventSearch .singledate .caption { font-size: 11px; } #Cnt_EventSearch .singledate input { width: 180px; } #Cnt_EventSearch .singledate .cmdGetDate { right: 10px; top: 1px; } #Cnt_EventSearch .cmdUpdate { display: none } #Cnt_SearchStatuses .radioGroup { width: 100%; position: relative; top: 0; left: 0; margin: 0; margin-bottom: 7px; float: left; } #Cnt_SearchStatuses .radioGroup .caption { float: left; width: 100px; padding: 5px; margin: 0; line-height: 12px; font-weight: normal; font-size: 11px; } #Cnt_SearchStatuses .radioGroup .radioList { float: right; padding: 0; margin: 0; height: 25px; margin-right: 10px; -webkit-border-radius: 2px; border-radius: 2px; } #Cnt_SearchStatuses .radioList .data { float: left; position: relative; top: 0; left: 0; padding: 0px; padding-left: 6px; padding-right: 6px; margin: 0; } #Cnt_SearchStatuses .radioList .data input { float: left; margin: 0px; padding: 0; left: 0; } #Cnt_SearchStatuses .radioList .data label { float: left; margin: 0px; padding: 0; left: 0; font-size: 10px; } #Cnt_SearchStatuses .radioList .data label { position: absolute; left: 0px; text-align: center; width: 100%; display: block; height: 20px; background-color: #fff; line-height: 20px; border: 1px solid #eee; color: #666; } #Cnt_SearchStatuses .radioList .data:first-child label { border-radius: 1px 0 0 1px; -webkit-border-radius: 1px 0 0 1px; } #Cnt_SearchStatuses .radioList .data:last-child label { border-radius: 0 1px 1px 0; -webkit-border-radius: 0 1px 1px 0; } #Cnt_SearchStatuses .radioList .data label { border-width: 1px 1px 1px 1px; cursor: pointer; } #Cnt_SearchStatuses .radioList .data:active label { background-color: #85C7F6; color: #000; font-weight: normal; border-width: 1px 1px 1px 1px; } #Cnt_SearchStatuses .radioList .data.checked label { background-color: #85C7F6; font-weight: normal; border: 1px solid #0C4088; color: #0C4088; top: 0; left: 0; z-index: 2; } .radioList label { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #Cnt_Content #Content #Dv_Part { padding-left: 20px; } #Cnt_Content #Content #Dv_PartOverview { width: 100%; clear: both; float: left; background-color: #fff; } #Cnt_Content #Content #Dv_PartOverview #Mod_PartImageViewer { width: 300px; height: auto; padding-right: 0px; float: left; padding-top: 0px; } #Cnt_Content #Content #Dv_PartOverview #Mod_PartImageViewer #Media_PartImageViewer { width: 300px; height: auto; text-align: center; } #Cnt_Content #Content #Dv_PartOverview #Mod_PartImageViewer #Media_PartImageViewer img { width: 100%; } #Cnt_Content #Content #Dv_PartOverview #Dv_PartInfo { float: none; clear: none; padding-left: 325px; padding-top: 0px; } #Cnt_Content #Content #Dv_Event { padding-left: 20px; } #Cnt_Content #Content #Dv_PartAssets { width: 100%; clear: both; float: left; background-color: #fff; } #Cnt_Content #Content #Dv_PartAssets #Lv_Assets { width: 295px; padding-right: 0px; float: left; padding-top: 5px; } #Cnt_Content #Content #Dv_PartAssets #Viewspace_Detail { float: none; clear: none; padding-left: 315px; padding-top: 10px; padding-right: 38px; } #Cnt_Content #Content #Dv_PartAssets #Viewspace_Detail .space { background-color: #eee; padding: 15px; float: left; height: auto; width: 99%; } #Cnt_Content #Content #Dv_PartBom { width: 100%; clear: both; float: left; background-color: #fff; } #Cnt_Content #Content #Dv_PartBom #Lv_Bom { width: 295px; padding-right: 0px; float: left; padding-top: 5px; } #Cnt_Content #Content #Dv_PartBom #Viewspace_Part { float: none; clear: none; padding-left: 315px; padding-top: 10px; padding-right: 38px; } #Cnt_Content #Content #Dv_PartBom #Viewspace_Part .space { background-color: #eee; padding: 15px; float: left; height: auto; width: 99%; } #Cnt_Content #Content #Dv_HideFabcard { display: none; } #Cnt_Content #Content .hideFabcard #Dv_Fabcard { display: none; } .mWrite #Cnt_Content #Content .hideFabcard #Dv_Fabcard { display: block; } #Cnt_Content #Content .hideFabcard #Dv_HideFabcard { display: block; } .mWrite #Cnt_Content #Content .hideFabcard #Dv_HideFabcard { display: none; } #Cnt_Content #Content #Dv_Fabcard { width: 100%; clear: both; float: left; background-color: #fff; } #Cnt_Content #Content #Dv_Fabcard #Lv_Fabcard { width: 295px; padding-right: 0px; float: left; padding-top: 5px; } #Cnt_Content #Content #Dv_Fabcard #Viewspace_Fabcard { float: none; clear: none; padding-left: 315px; padding-top: 10px; padding-right: 38px; } #Cnt_Content #Content #Dv_Fabcard #Viewspace_Fabcard .space { background-color: #eee; padding: 15px; float: left; height: auto; width: 99%; } #Cnt_Content #Content #Dv_HideFabcard { width: 100%; clear: both; float: left; background-color: #FFF; } #Cnt_Content #Content #Dv_HideFabcard .notice { font-size: 30px; text-transform: uppercase; padding-top: 150px; padding-bottom: 150px; background-color: #EEE; margin-right: 25px; position: relative; text-align: center; margin-bottom: 25px; } #Cnt_Content #Content #Dv_Fabcard #Drafted_Fabcard { min-height: 250px; margin-bottom: 15px; display: none; } #Cnt_Content #Content #Dv_Fabcard .draft #Drafted_Fabcard { display: block; } #Cnt_Content #Content #Dv_Fabcard .draft #Viewer_Fabcard { display: none; } .mWrite #Cnt_Content #Content #Dv_Fabcard .draft #Drafted_Fabcard { display: none; } .mWrite #Cnt_Content #Content #Dv_Fabcard .draft #Viewer_Fabcard { display: block; } #List_PartImageViewer { left: 0; top: 0; width: 410px; padding: 0; margin: 10px 0 0 0 } #Dv_Part #List_PartImageViewer .media { cursor: pointer; float: left; margin-right: 4px; margin-bottom: 4px; border: 1px solid #d5d5d5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 48px; width: 48px; padding: 2px; } #Dv_Part #List_PartImageViewer .selected { border: 1px solid #0452AC } #Media_AssetViewer { position: relative; top: 0; left: 0; } #Preview_MasterAsset { position: relative; left: 0; top: 0; z-index: 1; width: 100%; } #Preview_GroupAsset { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; } #Preview_DiffAsset { opacity: 1; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; } #Preview_AssetText { position: relative; left: 0; top: 0; z-index: 1; width: 100%; background-color: #fff; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; } #Preview_MasterAssetText { position: relative; left: 0; top: 0; z-index: 1; width: 100%; } #Preview_GroupAssetText { position: relative; left: 0; top: 0; z-index: 2; width: 100%; } #Preview_DiffAssetText { opacity: 1; position: relative; left: 0; top: 0; z-index: 3; width: 100%; } #Viewer_Asset.isMaster #LayoutCanvas #Preview_GroupAsset { display: none !important; } #Viewer_Asset.isMaster #LayoutCanvas #Preview_DiffAsset { display: none !important; } #Viewer_Asset .scopeNoDiff #LayoutCanvas #Preview_DiffAsset { display: none !important; } #Viewer_Asset.isMaster #LayoutCanvas #Preview_GroupAssetText { display: none !important; } #Viewer_Asset.isMaster #LayoutCanvas #Preview_DiffAssetText { display: none !important; } #Viewer_Asset .scopeNoDiff #LayoutCanvas #Preview_DiffAssetText { display: none !important; } #Viewer_Asset.noImage .btnMode[scope="Image"] { display: none; } #Viewer_Asset.noText .btnMode[scope="Text"] { display: none; } #Viewer_Asset.noText.noImage #Tgl_ViewMode { display: none; } #Viewer_Asset.isMaster .btnScope { display: none; } #Viewer_Asset.isMaster #Btn_ToggleDiff { display: none; } #Viewer_Asset.scopeMaster #LayoutCanvas #Preview_GroupAsset { display: none; } #Viewer_Asset.scopeMaster #Preview_AssetText #Preview_GroupAssetText { display: none; } #Viewer_Asset.scopeBoth #Preview_AssetText #Preview_GroupAssetText { display: none; } #Viewer_Asset.scopeMaster #Preview_AssetText #Preview_DiffAssetText { display: none; } #Viewer_Asset.scopeGroup #Preview_AssetText #Preview_MasterAssetText { display: none; } #Viewer_Asset.scopeBoth #Preview_AssetText #Preview_MasterAssetText { display: none; } #Viewer_Asset.scopeGroup #Preview_AssetText #Preview_DiffAssetText { display: none; } #Viewer_Asset.scopeText #Zoom { display: none; } #Preview_NoPreview { display: none; position: relative; left: 0; top: 0; z-index: 1; width: 100%; background-color: #fff; padding: 40px; padding-bottom: 240px; text-align: center; font-size: 18px; margin-top: 20px; } #Viewer_Asset.noText.noImage #Preview_NoPreview { display: block; } #Viewer_Asset.noImage #Layout { position: fixed; left: -9999px; top: 0; } #Viewer_Asset.noImage #LayoutCanvas #Preview_GroupAsset { display: none; } #Viewer_Asset.noImage #LayoutCanvas #Preview_MasterAsset { display: none; } #Viewer_Asset.noImage #LayoutCanvas #Preview_DiffAsset { display: none; } #Viewer_Asset.noText #Preview_AssetText { display: none; } #Viewer_Asset.scopeText #Layout { position: fixed; left: -9999px; top: 0; } #Viewer_Asset.scopeText #Preview_AssetText #Preview_GroupAsset { display: none; } #Viewer_Asset.scopeText #Preview_AssetText #Preview_MasterAsset { display: none; } #Viewer_Asset.scopeText #Preview_AssetText #Preview_DiffAsset { display: none; } #Viewer_Asset.scopeImage #Preview_AssetText { display: none; } #Viewer_Asset.scopeMaster [scope='Master'], #Viewer_Asset.scopeGroup [scope='Group'], #Viewer_Asset.scopeBoth [scope='Both'] { border: 1px solid #0452ac; background-color: #0452ac; color: #fff; } #Viewer_Asset.scopeImage [scope='Image'], #Viewer_Asset.scopeText [scope='Text'] { border: 1px solid #0452ac; background-color: #0452ac; color: #fff; } #Viewer_Asset #Btn_ToggleDiff { border: 1px solid #0452ac; background-color: #0452ac; color: #fff; } #Viewer_Asset #Btn_ToggleDiff .on { display: block; } #Viewer_Asset #Btn_ToggleDiff .off { display: none; } #Viewer_Asset .scopeNoDiff #Btn_ToggleDiff { border: 1px solid #0452ac; color: #0452ac; background-color: transparent; } #Viewer_Asset .scopeNoDiff #Btn_ToggleDiff .on { display: none; } #Viewer_Asset .scopeNoDiff #Btn_ToggleDiff .off { display: block; } #List_PartImageViewer { display: none; } #Dv_PartInfo { line-height: 22px; font-size: 13px; } #Dv_PartInfo .table { margin-top: 7px; margin-bottom: 7px; } #Lbl_PartTitle { font-size: 25px; line-height: 30px; padding: 0; margin: 0; height: auto; margin-bottom: 7px; } #Dt_PartModified { font-style: italic; font-weight: normal; color: #a6a6a6; } #Dt_PartModified b { font-weight: normal; } #Dt_PartSize { margin-top: 10px; } .command { background-repeat: no-repeat; } #Mod_PartImageViewer { position: relative; top: 0; left: 0; border: 1px solid #fff; } #Mod_PartImageViewer .cmdUpload { display: none; background-color: #0452AC; width: auto; padding-right: 10px; text-align: center; float: left; color: #fff; font-size: 14px; line-height: 25px; } #Mod_PartImageViewer .create { position: absolute; top: 3px; left: 3px; display: none; width: 90%; } .pE #Mod_PartImageViewer .create { display: block; } #Mod_PartImageViewer .cmdUpload .icon { margin-left: 2px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 25px; height: 25px; float: left; background-position: -75px 3px; } .pE #Mod_PartImageViewer:hover { border: 1px solid #ccc; } .pE #Mod_PartImageViewer:hover .cmdUpload { display: block; } .pE #Mod_PartImageViewer .cmdUpload:hover { background-color: #85C7F6; } #Assets_Master .masterCreate { position: absolute; top: 15px; right: 3px; display: none; } #Assets_Master h4 { display: none; } .mA #Assets_Master h4 { display: block; } .aA #Assets_Master .masterCreate { display: block; } #Dt_AccessGroups { display: none; margin-top: 7px; } .mP #Dt_AccessGroups { display: block; } #Dt_DraftStatus { display: none; margin-top: 7px; width: 200px; color: #FFF; font-size: 20px; cursor: pointer; text-align: center; } #Dt_DraftStatus .check { visibility: hidden; } #Dt_DraftStatus .draft { width: 50%; background: #999; float: left; border: 1px solid #FFF; box-sizing: border-box; padding: 5px } #Dt_DraftStatus .live { width: 50%; background: #999; float: left; border: 1px solid #FFF; box-sizing: border-box; padding: 5px } #Dt_DraftStatus.isDraft .draft { background: #0452AC; } #Dt_DraftStatus.isDraft .draft .check { visibility: visible; } #Dt_DraftStatus.isLive .live { background: #0452AC; } #Dt_DraftStatus.isLive .live .check { visibility: visible; } .mP #Dt_DraftStatus { display: block; } .mP #Dt_DraftStatus input { margin-top: -2px; margin-right: 5px; } #Assets_Master .masterCreate .cmdUpload { background-color: #fff; width: auto; padding-right: 10px; text-align: center; float: left; color: #0452AC; font-size: 14px; line-height: 21px; } #Assets_Master .masterCreate .cmdUpload .icon { margin-left: 2px; background-color: #0452AC; border-radius: 15px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; float: left; background-position: -146px 0px; margin-right: 7px; } #Assets_Master .masterCreate .cmdUpload:hover { color: #85C7F6; } #Assets_Master .masterCreate .cmdUpload:hover .icon { background-color: #85C7F6; } #Lv_Bom .parts .part .editcommands .command { width: auto; padding-right: 10px; text-align: left; color: #0452AC; font-size: 14px; line-height: 30px; } #Lv_Bom .parts .part .editcommands .command a { color: #0452AC; text-decoration: none; } #Lv_Bom .parts .part .editcommands .create .icon { background-position: -163px 3px; } #Lv_Bom .create { position: absolute; top: 15px; right: 3px; } #Lv_Bom .create .cmdNew { background-color: #fff; width: auto; padding-right: 10px; text-align: center; float: left; color: #0452AC; font-size: 14px; line-height: 21px; } #Lv_Bom .create .cmdNew .icon { margin-left: 2px; background-color: #0452AC; border-radius: 15px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; float: left; background-position: -146px 0px; margin-right: 7px; } #Lv_Bom .create .cmdNew:hover { color: #85C7F6; } #Lv_Bom .create .cmdNew:hover .icon { background-color: #85C7F6; } #Lv_Bom #Items_ComponentParts .cmdNew { background-color: #fff; width: auto; padding-right: 10px; text-align: center; float: left; color: #0452AC; font-size: 14px; line-height: 21px; z-index: 1; position: relative; top: 0; left: 0; } #Lv_Assets { margin-bottom: 20px; } #Lv_Assets h4 { font-size: 20px; line-height: 30px; } #Lv_Assets .assets { float: left; width: 300px; position: relative; top: 0; left: 0; } #Lv_Assets .assets .asset { float: left; display: block; height: auto; margin-top: 5px; margin-bottom: 5px; background-color: #33784d; font-size: 15px; line-height: 17px; position: relative; top: 0; left: 0; } #Lv_Assets .assets .asset[assetstatus="-1"] { background-color: #0452AC; } #Lv_Assets .assets .asset[assetstatus="0"] { background-color: #fbd72a; } #Lv_Assets .assets .asset[assetstatus="20"] { background-color: #f7931d; } #Lv_Assets .assets .asset[assetstatus="80"] { background-color: #c0d4c4; } #Lv_Assets .assets .asset[assetstatus="100"] { background-color: #32784d; } #Lv_Assets .assets .asset[assetstatus="120"] { background-color: #ec242e; } #Lv_Bom .parts { float: left; width: 300px; position: relative; top: 0; left: 0 } #Lv_Bom .parts .part { float: left; display: block; height: auto; margin-top: 5px; margin-bottom: 5px; background-color: #33784d; font-size: 15px; line-height: 17px; position: relative; top: 0; left: 0; } #Lv_Fabcard .cards { float: left; width: 300px; position: relative; top: 0; left: 0 } #Lv_Fabcard .cards .card { float: left; display: block; height: auto; margin-top: 5px; margin-bottom: 5px; background-color: #33784d; font-size: 15px; line-height: 17px; position: relative; top: 0; left: 0; } #Lv_Fabcard .cards .abandoned.card { background-color: #4a7ff9; } #Lv_Assets .assets .asset .cmdShow { width: 226px; margin-left: 14px; height: auto; padding: 10px; padding-right: 45px; position: relative; top: 0; left: 0; background-color: #f7f8f9; overflow: hidden; float: left; display: block; text-overflow: ellipsis; } #Lv_Assets .assets .asset.isRenamed .cmdShow { padding-top: 15px; padding-bottom: 6px; } #Lv_Assets .assets .asset .masterCaption { width: 200px; margin-left: 14px; font-size: 10px; line-height: 12px; padding-left: 10px; position: absolute; float: left; text-overflow: ellipsis; overflow: hidden; height: 13px; top: 2px; left: 0; } #Lv_Assets .assets .asset .editcommands { display: none; width: auto; margin-left: 14px; height: auto; padding-right: 25px; position: relative; top: 0; left: 0; background-color: #f7f8f9; } #Lv_Assets .assets .asset .cmdShow .icon { margin-left: 2px; background-color: #0452AC; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 25px; height: 25px; float: right; background-position: -123px 3px; position: absolute; right: 5px; top: 5px; z-index: 2; } #Lv_Assets .assets .asset .cmdShow .version { position: absolute; right: 35px; text-align: center; width: auto; padding-left: 5px; padding-right: 5px; top: 7px; height: 20px; border: 1px solid #999; line-height: 20px; background-color: #fff; color: #666; border-radius: 3px; font-size: 14px; font-weight: normal; } #Lv_Bom .parts .part .cmdShow { width: 226px; margin-left: 14px; height: auto; padding: 10px; padding-right: 45px; position: relative; top: 0; left: 0; background-color: #f7f8f9; overflow: hidden; float: left; display: block; text-overflow: ellipsis; } #Lv_Bom .parts .part .cmdShow .icon { margin-left: 2px; background-color: #0452AC; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 25px; height: 25px; float: right; background-position: -123px 3px; position: absolute; right: 5px; top: 5px; z-index: 2; } #Lv_Bom .parts .part .cmdShow .version { position: absolute; right: 35px; text-align: center; width: auto; padding-left: 5px; padding-right: 5px; top: 7px; height: 20px; border: 1px solid #999; line-height: 20px; background-color: #fff; color: #666; border-radius: 3px; font-size: 14px; font-weight: normal; } #Lv_Bom .parts .part.focus { margin-left: 16px; margin-bottom: 16px; margin-top: 16px; } #Lv_Bom .parts .part.focus .cmdShow { background-color: #eee; position: relative; top: 0; left: 0; width: 250px; padding-right: 25px; } #Lv_Bom .parts .part.focus .cmdShow .version { right: 10px; } #Lv_Bom .parts .part.focus .cmdShow .icon { display: none; } #Lv_Fabcard .cards .card .cmdShow { width: 226px; margin-left: 14px; height: auto; padding: 10px; padding-right: 45px; position: relative; top: 0; left: 0; background-color: #f7f8f9; overflow: hidden; float: left; display: block; text-overflow: ellipsis; } #Lv_Fabcard .cards .card .cmdShow .icon { margin-left: 2px; background-color: #0452AC; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 25px; height: 25px; float: right; background-position: -123px 3px; position: absolute; right: 5px; top: 5px; z-index: 2; } #Lv_Fabcard .cards .card .cmdShow .version { position: absolute; right: 35px; text-align: center; width: auto; padding-left: 5px; padding-right: 5px; top: 7px; height: 20px; border: 1px solid #999; line-height: 20px; background-color: #fff; color: #666; border-radius: 3px; font-size: 14px; font-weight: normal; } #Lv_Fabcard .cards .card.focus { margin-left: 16px; margin-bottom: 16px; margin-top: 16px; } #Lv_Fabcard .cards .card.focus .cmdShow { background-color: #eee; position: relative; top: 0; left: 0; width: 250px; padding-right: 25px; } #Lv_Fabcard .cards .card.focus .cmdShow .version { right: 10px; } #Lv_Fabcard .cards .card.focus .cmdShow .icon { display: none; } #Lv_Assets .assets .asset.focus { margin-left: 16px; margin-bottom: 16px; margin-top: 16px; } #Lv_Assets .assets .asset.focus .cmdShow { background-color: #eee; position: relative; top: 0; left: 0; width: 250px; padding-right: 25px; } #Lv_Assets .assets .asset.focus .cmdShow .version { right: 10px; } #Lv_Assets .assets .asset.focus .editcommands { float: left; display: block; background-color: #eee; position: relative; top: 0; left: 0; width: 250px; padding-left: 10px; padding-bottom: 20px; } #Lv_Assets .assets .asset.focus .cmdShow .icon { display: none; } #Lv_Assets .assets .asset .editcommands .command { width: auto; padding-right: 10px; text-align: left; color: #0452AC; font-size: 14px; line-height: 30px; } #Lv_Assets .assets .asset .editcommands .command a { color: #0452AC; text-decoration: none; } .editcommands .command .icon { margin-left: 2px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 24px; float: left; margin-right: 7px; } #Lv_Assets .assets .asset .editcommands .create .icon { background-position: -163px 3px; } #MenuItem_ChangeAssetName .command .icon { background-position: -185px 3px; } #MenuItem_DeleteAsset .command .icon { background-position: -232px 3px; } #MenuItem_DuplicateAsset .command .icon { background-position: -209px 3px; } #MenuItem_ShareAsset .command .icon { background-position: -430px 3px; } #Lv_Assets { margin-bottom: 20px; } #Lv_Assets h4 { font-size: 20px; line-height: 30px; } #Lv_Bom { margin-bottom: 20px; } #Lv_Bom h4 { font-size: 20px; line-height: 30px; } #Lv_Fabcard { margin-bottom: 20px; } #Lv_Fabcard h4 { font-size: 20px; line-height: 30px; } #Viewer_Part, #Viewer_Asset, #Viewer_Fabcard { font-size: 13px; margin-bottom: 20px; position: relative; top: 0; left: 0; } #Viewer_Asset h3 { font-size: 20px; line-height: 32px; color: #8a8e90; margin: 0; padding: 0; } #Viewer_Asset h3 #Asset_Membership { font-size: 24px; line-height: 30px; margin: 0; margin-right: 5px; padding: 0; color: #61737d; } #Viewer_PartSummary { font-size: 13px; margin-bottom: 20px; position: relative; top: 0; left: 0; } #Viewer_PartSummary h3 { font-size: 20px; line-height: 32px; color: #8a8e90; margin: 0; padding: 0; } #Viewer_Fabcard { font-size: 13px; margin-bottom: 20px; position: relative; top: 0; left: 0; } #Viewer_Fabcard h3 { font-size: 20px; line-height: 32px; color: #8a8e90; margin: 0; padding: 0; } #PartBomInfo { font-size: 30px; text-transform: uppercase; width: 50%; padding-top: 150px; padding-bottom: 150px; left: 25%; position: relative; } #PartAssetInfo { font-size: 30px; text-transform: uppercase; width: 50%; padding-top: 150px; padding-bottom: 150px; left: 25%; position: relative; } canvas { width: 100%; height: 100%; } #Viewspace_Detail #LayoutPane { width: 100%; float: left; height: auto; position: relative; top: 0; left: 0; margin-bottom: 20px; } #Viewspace_Detail #LayoutEditor { width: 100%; height: auto; background-color: #7f7f7f; overflow: auto; position: relative; top: 0; left: 0; } #Viewspace_Detail #LayoutEditor #Layout { background-color: #bfbfbf; border-top: 18px solid #fff; border-left: 18px solid #fff; float: left; width: 100%; } #LayoutCanvas { -moz-box-shadow: 0 1px 5px #777; -webkit-box-shadow: 0 1px 5px #777; box-shadow: 0 1px 5px #777; position: relative; top: 0; left: 0; z-index: 0; outline: none; background-color: #fff; } #LayoutCanvasWorkspace { width: 100%; } #LayoutCanvasWorkspace .canvas-container { } #Viewspace_Detail #LayoutEditor .canvas { width: 100%; height: auto; background-color: transparent; } #Viewspace_Detail #LayoutEditor #Ruler { position: absolute; top: -18px; left: -18px; width: 1px; height: 1px; z-index: 1; } #Viewspace_Detail #LayoutEditor #Ruler .label { position: absolute; top: 2px; font-size: 6px; z-index: 2; left: 1px; text-transform: uppercase; } #Viewspace_Detail #LayoutEditor #Ruler #RulerCanvasX { width: 100%; height: 19px; background-color: #fff; position: absolute; top: 0; left: 0; -moz-box-shadow: 0 1px 2px #777; -webkit-box-shadow: 0 1px 2px #777; box-shadow: 0 1px 2px #777; } #Viewspace_Detail #LayoutEditor #Ruler #RulerCanvasY { width: 19px; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; -moz-box-shadow: 0 1px 2px #777; -webkit-box-shadow: 0 1px 2px #777; box-shadow: 0 1px 2px #777; } #Viewspace_Detail #LayoutEditor #Ruler #RulerMarkX { position: absolute; z-index: 3; width: 1px; height: 18px; border-left: 1px solid #3399ff; top: 0; left: 18px; } #Viewspace_Detail #LayoutEditor #Ruler #RulerMarkY { position: absolute; z-index: 3; height: 1px; width: 18px; border-top: 1px solid #3399ff; top: 18px; left: 0; } #LayoutToolbar { width: 100%; float: left; height: auto; position: relative; top: 0; left: 0; z-index: 3; background-color: #eee; } #LayoutToolbar .button, #Zoom .button { position: relative; left: 0; top: 0; margin-top: 5px; width: 24px; height: 24px; margin-bottom: 11px; float: left; display: block; background-image: url(/images/skin/layoutbar.sprite.png); border: 1px solid #eee; background-repeat: no-repeat; cursor: default; } #LayoutToolbar .set { float: left; width: auto; height: auto; margin: 0; padding: 0; display: block; margin-right: 15px; padding-top: 7px; } #LayoutToolbar .set .setname { padding: 0; margin: 0; display: block; font-size: 12px; line-height: 13px; } #Viewer_Asset #LayoutToolbar .button:hover, #Zoom .button:hover { background-color: #bacbdb; color: #0452ac; } #LayoutToolbar .button { background-image: none; width: 90px; padding: 0; border: 1px solid #0452ac; border-collapse: collapse; box-sizing: border-box; color: #0452ac; } #LayoutToolbar .button .tooltip { width: auto; display: block; width: 100%; padding: 0; margin: 0; font-size: 13px; line-height: 24px; opacity: 1; text-align: center; } #Zoom .button { background-image: url(/images/skin/layoutbar.sprite.png); width: 24px; border: 0; } #Zoom .button .tooltip, #Zoom .button .tooltip { display: none; opacity: 1; } #Zoom .button:hover .tooltip, #Zoom .button:hover .tooltip { display: block; position: absolute; top: 27px; left: -20px; font-size: 9px; width: 60px; text-align: center; height: auto; border: 1px solid transparent; background-color: #fff; z-index: 2; color: #0452ac; } #Zoom .button.in { background-position: -448px 0; } #Zoom .button.out { background-position: -478px 0; } #LayoutToolbar #Zoom { float: right; margin-right: 7px; } #Layout { position: relative; top: 0; left: 0; } #Zoom #Lbl_Zoom { display: none; } #Viewer_Asset #LayoutToolbar [scope='Text'], #Viewer_Asset #LayoutToolbar [scope='Both'], #Viewer_Asset #LayoutToolbar [scope='Group'] { border-left: 0; } #Viewer_Asset.scopeText #LayoutToolbar [scope='Text']:hover, #Viewer_Asset.scopeImage #LayoutToolbar [scope='Image']:hover, #Viewer_Asset.scopeMaster #LayoutToolbar [scope='Master']:hover, #Viewer_Asset.scopeGroup #LayoutToolbar [scope='Group']:hover, #Viewer_Asset.scopeBoth #LayoutToolbar [scope='Both']:hover, #Viewer_Asset #LayoutToolbar #Btn_ToggleDiff:hover { border: 1px solid #0452ac; background-color: #0452ac; color: #fff; } #Viewer_Asset .scopeNoDiff #LayoutToolbar #Btn_ToggleDiff:hover { background-color: #bacbdb; color: #0452ac; } #Viewer_Asset.scopeText #LayoutToolbar #Tgl_DiffChange { display: none; } #Viewer_Asset [ref='Group'] { display: none; } #Viewer_Asset.isGroup [ref='Group'] { display: block; } #Flt_Store .subcaption { position: relative; top: 0; left: 20px; } #PartForm { background-color: #fff; } #EventForm { background-color: #fff; } #Content .manageForm { font-size: 11px; margin-top: 20px; padding: 0px; float: left; width: 540px; position: relative; top: 0; left: 0; clear: both; background-color: #f9f9f9; border-top: 1px solid #eee; padding-top: 7px; margin-left: auto; margin-right: auto; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; box-shadow: 0 2px 2px #ccc; padding-bottom: 17px; } #Content .manageForm h3 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; margin-top: 0; display: block; float: left; } #Content .manageForm h4 { font-size: 9px; font-weight: bold; margin: 0; padding: 0; margin-top: 1px; display: block; float: left; } #Content .manageForm h5 { font-size: 9px; font-weight: normal; margin: 0; padding: 0; margin-top: 1px; display: block; float: left; } #Content .manageForm hr { display: block; width: 100%; clear: both; margin: 0; float: left; margin-bottom: 3px; margin-top: 3px; border: 0; position: relative; left: -10px; border-top: 1px solid #ddd; } #Content .manageForm .group { float: left; font-size: 11px; line-height: 25px; padding: 0; margin: 0; position: relative; top: 0; left: 0; } #Content .manageForm .group label { font-size: 10px; width: 130px; margin: 0; padding: 0; line-height: 12px; } #Content .manageForm .commands { clear: both; float: none; width: 100%; } #Content .manageForm .target { width: 100%; clear: both; float: left; padding-left: 20px; padding-top: 10px; } #Content .manageForm .target .group { width: 200px; } #Content .manageForm .target .group select { width: 180px; } #Content .manageForm .textbox label { width: 180px; margin: 0; padding: 0; } #Content .manageForm .textbox input { width: 180px; margin-right: 4px; } #Content .manageForm .goalPercent label { width: 100px; margin: 0; padding: 0; } #Content .manageForm .goalPercent input { width: 120px; margin-right: 4px; } #Content .manageForm .allocation { padding-left: 100px; } #Content .manageForm .section { position: relative; display: block; left: 0; top: 0; float: left; width: 100%; } #Content .manageForm .section h4 { position: absolute; display: block; width: 100px; left: -100px; top: 0; } #Content .manageForm .target .commentsEntry { clear: both; width: 600px; float: left; margin-top: 7px; } #Content .manageForm .target .commentsEntry input { width: 570px; } #Content .manageForm { padding-bottom: 35px; } #Content .pnlSummaryForm .footer { position: relative; top: 0; left: 0; width: 100%; float: left; clear: both; } #Content .pnlSummaryForm .footer .cmdSave { position: absolute; right: 1.5%; bottom: 20px; height: 20px; margin: 0; padding: 10px; padding-top: 2px; padding-bottom: 2px; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; width: 80px; } #Content #Cnt_SavePart { width: 100%; } .form .editInfo { display: none; position: relative; background-color: #333; color: #fff; text-align: right; height: 50px; width: 100%; float: left; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; box-shadow: 0 2px 2px #ccc; } .form .editInfo { display: block; } .form .editInfo p { position: absolute; right: 120px; top: 10px; font-size: 13px; } #UI .form .editInfo .cmdCancel { position: absolute; right: 10px; background-color: transparent; color: #eee; text-decoration: underline; top: 10px; cursor: pointer; } #UI .form .editInfo .cmdCancel:hover { text-decoration: underline; color: #fff; } #Menu_Asset .menuItem { display: none; } #Menu_Asset .publicItem { display: block; } .aA #Assets_Master #Menu_Asset .addItem { display: block; } .aC #Assets_Master #Menu_Asset .copyItem { display: block; } .aD #Assets_Master #Menu_Asset .deleteItem { display: block; } .aE #Assets_Master #Menu_Asset .editItem { display: block; } .gaA #Assets_Group #Menu_Asset .addItem { display: block; } .gaC #Assets_Group #Menu_Asset .copyItem { display: block; } .gaD #Assets_Group #Menu_Asset .deleteItem { display: block; } .gaE #Assets_Group #Menu_Asset .editItem { display: block; } #Assets_Group #MenuItem_DuplicateAsset { display: none; } .gaC #Assets_Group #Menu_Asset #MenuItem_DuplicateAsset { display: none; } #Menu_Asset .group { display: none; } #Assets_Group #Menu_Asset .master { display: none; } #Assets_Group #Menu_Asset .group { display: inline; } #Assets_Group .isMaster #Menu_Asset .versioned { display: none; } #MenuItem_ChangeAssetName .form { display: none; } #MenuItem_ChangeAssetName.selected .form { display: block; } #Assets_Group #MenuItem_ChangeAssetName .master { display: none; } #MenuItem_ShareAsset .form { display: none; } #MenuItem_ShareAsset.selected .form { display: block; } #History_Asset { padding-right: 15px; margin-top: 40px; } #Assets_Previous { margin-top: 7px; } #Assets_Previous .file { margin-bottom: 10px; background-color: #f9f9f9; float: left; width: 100%; padding: 20px; -webkit-box-sizing: border-box; margin-left: 6px; -moz-box-sizing: border-box; box-sizing: border-box; } #Assets_Previous .caption a { color: #61737d; font-size: 14px; } #Assets_Previous .created { color: #8a8e90; font-size: 13px; } #Comments_Asset { } #Comments_Asset label { display: none; } #Comments_Asset { padding-right: 15px; margin-top: 40px; } #Comments_Asset .group { margin: 0; margin-top: 6px; } #Comments_Asset textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #Comments_Asset .commands { width: 100%; margin-bottom: 20px; } #List_Comments .comment { margin-bottom: 10px; background-color: #f9f9f9; float: left; width: 100%; padding: 20px; -webkit-box-sizing: border-box; margin-left: 6px; -moz-box-sizing: border-box; box-sizing: border-box; } #List_Comments .by { color: #61737d; font-size: 13px; } #List_Comments .created { color: #8a8e90; font-size: 11px; } #List_Comments .msg { color: #333; font-size: 12px; line-height: 20px; } #Form_Asset { float: left; margin-bottom: 20px; padding: 7px; } #Form_Asset .cmdCancel { cursor: pointer; font-size: 13px; text-decoration: underline; float: left; display: inline; } #Form_Asset .cmdSave { cursor: pointer; width: auto; float: right; background-color: #124f9c; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; color: #fff; padding: 10px; padding-top: 2px; padding-bottom: 2px; cursor: pointer; line-height: 16px; font-size: 14px; font-weight: bold; text-align: center; text-transform: normal; } #Form_ShareAsset { float: left; margin-bottom: 20px; padding: 7px; } #Form_ShareAsset .cmdCancel { cursor: pointer; font-size: 13px; text-decoration: underline; float: left; display: inline; } #Form_ShareAsset .cmdSave { cursor: pointer; width: auto; float: right; background-color: #124f9c; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; color: #fff; padding: 10px; padding-top: 2px; padding-bottom: 2px; cursor: pointer; line-height: 16px; font-size: 14px; font-weight: bold; text-align: center; text-transform: normal; } #Menu_Asset .menuItem .command:hover { text-decoration: underline; } #Items_ListGroup { height: auto; padding-bottom: 80px; width: auto; } #Items_ListGroup .group { position: relative; top: 0; left: 0; } #Items_ListGroup .group { float: left; width: 100%; height: auto; padding-top: 7px; padding-bottom: 7px; line-height: 30px; } #Items_ListGroup .group .group { width: auto; } #Items_ListGroup .group .data { font-size: 12px; } #Items_ListGroup .group .name { display: block; width: 100%; padding: 0; line-height: 30px; margin: 0; padding-top: 7px; font-size: 30px; font-weight: normal; color: #7f8082; } #Items_ListGroup .group .address { position: absolute; top: 17px; right: 5px; line-height: 16px; font-size: 13px; font-weight: normal; color: #7f8082; } #Items_ListGroup .group .groupCommands { position: absolute; top: 30px; width: 350px; right: 5px; line-height: 25px; font-size: 11px; font-weight: normal; color: #5b686f; } #Items_ListGroup .group .groupCommands .command { float: right; margin-left: 10px; } #Items_ListGroup .group .groupCommands .command .text { color: #999; } #Items_ListGroup .group .groupCommands .command:hover .text { text-decoration: underline; } #Items_ListGroup .group .people { padding-left: 12px; } #Items_ListGroup .person { position: relative; top: 0; left: 0; padding-top: 9px; margin-top: 10px; padding-bottom: 30px; padding-left: 45px; float: left; clear: both; float: none; background-color: #f7f8f9; } #Items_ListGroup .person .icon { font-size: 16px; color: #0C4088; font-weight: bold; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top: 6px; left: 7px; width: 30px; height: 30px; text-align: center; text-transform: uppercase; line-height: 30px; } #Items_ListGroup .person .richTextView .command .icon { background: none; position: static; height: auto; width: auto; } #Items_ListGroup .person .persontitle { display: block; width: 100%; padding: 0; margin: 0; line-height: 23px; padding-bottom: 0px; margin-bottom: 4px; font-size: 20px; font-weight: normal; color: #7f8082; width: 100%; } #Items_ListGroup .person .persondescription { display: block; padding: 0; line-height: 18px; font-size: 14px; font-weight: normal; color: #27373f; width: auto; padding-right: 150px; } #Items_ListGroup .person .details .richTextView { display: block; padding: 0; line-height: 18px; font-size: 14px; font-weight: normal; color: #27373f; width: auto; padding-right: 150px; } #Items_ListGroup .person .persondescription .cmdDetail { display: block; color: #124f9c; font-weight: bold; margin-top: 17px; } #Items_ListGroup .person .personCommands { position: absolute; bottom: 10px; width: auto; left: 45px; line-height: 13px; font-size: 11px; font-weight: normal; color: #5b686f; } #Items_ListGroup .person .personCommands .command { float: left; margin-right: 10px; } #Items_ListGroup .person .personCommands .command .text { color: #999; } #Items_ListGroup .person .personCommands .command:hover .text { text-decoration: underline; } #Cmd_ChangeAccess { font-size: 11px; color: #999; } #Cmd_ChangeAccess .text { } #Cmd_ChangeAccess .text { text-decoration: underline; } #Items_ListGroup .group.editing .groupCommands { display: none; } #Items_ListGroup .person.editing .personCommands { display: none; } #Pnl_GroupList { position: relative; top: 0; left: 0; float: left; width: 100%; } #Items_ListGroup { position: relative; top: 0; left: 0; padding-top: 25px; } #Cmd_AddGroup { position: absolute; top: -10px; left: 10px; line-height: 25px; font-size: 11px; font-weight: normal; color: #5b686f; z-index: 2; } #Cmd_AddGroup { background-color: #fff; width: 150px; padding-right: 10px; text-align: left; float: left; color: #0452AC; font-size: 14px; line-height: 21px; } #Cmd_AddGroup .icon { margin-left: 2px; background-color: #0C4088; border-radius: 15px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; float: left; background-position: -146px 0px; margin-right: 7px; } #Cmd_AddGroup:hover { color: #85C7F6; } #Cmd_AddGroup:hover .icon { background-color: #85C7F6; } #Cmd_AddGroup .text { color: #0C4088; } #Cmd_AddGroup:hover .text { text-decoration: none; color: #85C7F6; } #Items_ListGroup .person .cmdApply { width: 136px; background-color: #124f9c; position: absolute; left: auto; right: 0px; top: 35px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #fff; padding-top: 10px; padding-bottom: 10px; cursor: pointer; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; } #Items_ListGroup .person .cmdApply:hover { text-decoration: underline } #Dv_Group { padding-bottom: 20px; } #Dv_Group .form .editInfo { margin-bottom: 20px; } #Items_ListGroup .group .groupCommands .cmdHide { display: none; } #Content .appForm .set .group { margin-left: 10px; margin-bottom: 10px; } #Content .appForm .set .radioGroup input { float: left; margin-right: 4px; height: auto; width: auto; } #Content .appForm .set .radioGroup .label { float: left; } #Content .appForm .set .radioGroup .radio, #Content .appForm .set .radioGroup .checkbox { float: left; clear: both; margin-top: 7px; } #Content .appForm .set .radioGroup .radio, #Content .appForm .set .radioGroup .checkbox, #Content .appForm .set .radioGroup label { width: auto; float: left; } #Content .appForm .set .radioGroup .tip { clear: both; float: left; display: block; } #Content .appForm .set .checkboxGroup input { float: left; margin-right: 4px; width: auto; height: auto; } #Content .appForm .set .checkboxGroup .label { float: left; } #Content .appForm .set .checkboxGroup .checkbox, #Content .appForm .set .checkboxGroup .checkbox { float: left; clear: both; margin-top: 7px; } #Content .appForm .set .checkboxGroup .checkbox, #Content .appForm .set .checkboxGroup .checkbox, #Content .appForm .set .checkboxGroup label { width: auto; float: left; } #Content .appForm .set .checkboxGroup .tip { clear: both; float: left; display: block; } #Items_PartResult .result.editing { border-top: 10px solid #ff0000; } #Items_ListGroup .group.editing { border-top: 10px solid #333; background-color: #fdfdfd; padding: 10px; width: 99%; margin-top: 10px; } #Items_ListGroup .person.editing { border-top: 10px solid #333; background-color: #fdfdfd; margin-top: 10px; } #Items_ListGroup .group .person .details { font-size: 12px; line-height: 14px; } _#Items_ListGroup .group .person .details div { float: left; width: 160px; padding-right: 10px; } #Items_ListGroup .group .person .details .roles { font-size: 10px; } #Items_EventResult .result.editing { border-top: 10px solid #ff0000; } #UI #Content #Cnt_SaveAccess h3 { font-weight: normal; font-size: 14px; padding-left: 10px; } #UI #Content #Cnt_SaveAccess .grpGroup { height: auto; margin: 7px; width: 100%; } #UI #Content #Cnt_SaveAccess .grpGroup .checkbox { position: relative; top: 0; left: 0; } #UI #Content #Cnt_SaveAccess .grpGroup .checkbox { margin: 0; padding: 0; width: 20%; margin-left: 2%; border: 0; margin-bottom: 7px; float: left; clear: none; } #UI #Content #Cnt_SaveAccess .grpGroup .checkbox label { font-size: 11px; padding: 0; margin: 0; line-height: 14px; } #UI #Content #Cnt_SaveAccess .grpGroup .checkbox:nth-child(4n+1) { clear: left } #UI #Content #Cnt_SaveAccess .grpGroup .checkbox input { position: relative; top: -3px; left: 0; } #UI #Content #Pnl_SaveAccess .commands .cmdCancel { position: absolute; left: auto; top: auto; bottom: 10px; right: 120px; } #UI #Content #Cnt_SavePerson .set .grpRole { margin-bottom: 10px; } #Frozen_Designer { position: fixed; top: 0; left: 0; z-index: 200 !important; background-color: #000; opacity: .8 !important; width: 100vw; height: 100vh; padding: 0; margin: 0; } .workflowInt { border: 1px solid #ECECEC; z-index: 1000; position: absolute; left: 0; top: 0; width: 550px; height: auto; min-height: 245px; background-color: #fff; padding: 20px; } .workflowInt .cmdClose { text-indent: -9999px; width: 12px; height: 12px; background-image: url(/images/skin/command.close.gif); position: absolute; top: 6px; right: 7px } .workflowInt h2 { font-size: 11px; line-height: 14px; text-transform: uppercase; text-align: left; display: none; } .workflowInt h3 { font-size: 36px; line-height: 40px; text-transform: uppercase; text-align: left; } .workflowInt .content { text-align: left; } #Error_Dialog { height: auto; } .workflowInt .content .command { padding: 15px; float: left; position: relative; top: 0; left: 0; margin-right: 25px; background-color: #009900; float: right; text-decoration: none; color: #fff; padding: 10px; cursor: pointer; font-size: 17px; text-align: center; text-transform: none; margin-top: 14px; } .reqAprReq { width: 240px; z-index: 2; } .aditionalAprReq { margin-right: 49px; width: 165px; z-index: 2; } .command .cmdStart .aprReq { float: right; margin-right: 85px; } .aprRequestContainer { float: left; margin-left: 50px; } .workflowInt .content .cmdStart.denyStart { margin-right: 40px; background-color: #ec242e; width: 165px; margin-left: 65px; } .denyCancel { width: 100px !important; } .denialHeader { margin-left: 45px; } .denialParagraph { margin-left: 45px; } .workflowInt .content .cmdStartSecondary { background-color: #999; padding: 10px 25px 10px 25px; } .workflowInt .content .cmdDeny { background-color: #ec242e; padding: 10px 22px 10px 22px; } .workflowInt .content .cmdCancel { background-color: #999; float: left; width: 105px; margin-right: 20px; } .workflowInt .content .cmdStart { background-color: #33784d; float: left; margin-right: 20px; padding: 10px 20px 10px 20px; } .workflowInt .content .cmd { background-color: #999; } .workflowInt .content .cmdConfirm { width: 250px; margin-left: 55px } .workflowInt p { font-size: 20px; z-index: 2; margin-left: 55px; width: 435px; } .workflowInt .title { background-color: #fff; height: auto; margin: 0; margin-top: 7px; margin-bottom: 20px; width: 100%; padding: 0; } #RequestApproval_Dialog { background-color: #e9eef1; height: auto; } #ApproveRequest_Dialog { background-color: #e9eef1; } #SecondaryRequestApproval_Dialog { background-color: #e9eef1; } #DenyRequest_Dialog { background-color: #e9eef1; } #Feedback_Dialog .content .cmdStart { float: right; } #ShareRequest_Dialog .cmdCancel { width: auto; } #SecondaryApproverCommands { margin-left: 55px; } #RequestApprovalCommands { margin-left: 55px; } #DenialCommands { margin-left: -10px; } .uploadable .progress { padding-top: 10px; padding-bottom: 10px; top: 0; left: 0; position: relative; width: 92%; padding-left: 4%; padding-right: 4%; height: auto; background-color: #dfdfdf; border-top: 1px solid #bfbfbf; font-size: 11px; } .uploadable .progress .cmdCancel { display: block; font-size: 7px; text-decoration: underline; padding: 5px; margin-top: 10px; } .uploadable .progress .bar { display: block; width: auto; height: 2px; background-color: #00afde; } .form .set #Grp_Teams { clear: both; float: left; width: 100%; height: auto; } .form .set #Grp_Teams .create .group { clear: both; float: left; width: auto; height: auto; } .form .set #Grp_Teams .create { clear: both; float: left; padding: 20px; height: auto; background-color: #fff; position: relative; top: 0; left: 0; margin-bottom: 20px; } .form .set #Grp_Teams .checkboxGroup { width: 100%; padding-bottom: 10px; float: left; } #Grp_Teams #Rl_Teams .checkbox { float: left; width: 120px; clear: none; } #Grp_Teams #Rl_Teams .checkbox label { font-size: 12px; } #Grp_Teams .cmdAdd { text-decoration: underline; clear: both; float: left; margin-bottom: 10px; position: relative; left: 18px; top: 0; } #Grp_Teams .cmdSave { float: left; position: relative; top: 15px; left: 0; margin-left: 10px; height: 12px; line-height: 12px; font-size: 12px; padding: 5px; border-radius: 0; } #Grp_Teams .cmdCancel { position: absolute; right: 40px; bottom: 0; font-size: 10px; } #Grp_Teams .cmdOk { background: #124f9c; color: #fff; padding: 0px 5px; font-weight: bold; float: right; position: absolute; right: 20px; bottom: 5px; } #Grp_Teams #Rl_Teams .checkbox .commands { font-size: 10px; display: none; float: left; margin: 0; padding: 0; clear: both; } #Grp_Teams #Rl_Teams .checkbox .commands .command { display: block; float: left; text-align: left; color: #0066aa; } #Grp_Teams #Rl_Teams .checkbox:hover .commands { display: block; float: left; text-align: left; } #Grp_Teams #Rl_Teams .checkbox .commands .command:hover { text-decoration: underline; } .treeFilters { background-color: #EDEDED; display: block; top: 0; float: left; height: auto; height: auto; padding-top: 6px; z-index: 2; padding-bottom: 21px; position: relative; top: 0; left: 0; } .treeFilters .filterGroup { display: block; width: auto; clear: both; float: left; height: auto; padding-left: 64px; position: relative; left: 0; top: 0; margin: 0 auto; } .treeFilters .heading { font-size: 9px; font-weight: normal; text-transform: uppercase; padding: 0; padding-left: 7px; margin: 0; float: left; display: block; width: 60px; height: 22px; overflow: visible; line-height: 13px; position: absolute; left: 0px; top: 0; x-index: 2; text-align: right; } .optionable { float: left; width: auto; height: auto; margin-left: 10px; position: relative; top: 0; left: 0; -moz-user-select: none; margin-bottom: 8px; } .optionable .static.toggle { cursor: pointer; width: 100px; display: block; background-color: #ddd; position: relative; top: 0; left: 0; z-index: 3; float: left; height: 18px; -moz-user-select: none; line-height: 18px; font-size: 12px; text-align: center; color: #333; -webkit-border-radius: 3px; border-radius: 3px; } .optionable.filtered .static.toggle { color: #fff; background-color: #4E8BCE; } .dirty .optionable.filtered .static.toggle { color: #fff; background-color: #555; } #Grp_EventGroupTeam .optionable .static.toggle { display: none; } .optionable .static.toggle:hover { background-color: #ccc; } .optionable.active .static.toggle { background-color: #555; z-index: 10; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #fff; } .optionable.filtered .static.toggle:hover { background-color: #666; } .optionable .options { display: block; position: absolute; z-index: 4; width: auto; height: auto; left: 0px; top: 18px; display: block; float: left; height: auto; font-size: 9px; width: auto; text-align: center; color: #efe9ee; cursor: pointer; } .optionable .options .command { cursor: pointer; } .optionable .options .cmdApply { position: relative; float: right; height: 20px; margin-bottom: 10px; margin-right: 10px; padding: 10px; padding-top: 2px; padding-bottom: 2px; text-align: center; line-height: 20px; color: #f4f4f4; font-size: 12px; font-weight: bold; width: 80px; font-size: 11px; text-decoration: underline; right: 125px; } .optionable .treeView { padding-top: 0px; width: auto; height: auto; } .exactMatchable .treeView { padding-top: 20px; } .switchable .treeView { padding-top: 20px; width: auto; height: auto; } .treeView .tree { font-size: 11px; display: block; float: left; height: auto; } .treeView .tree.expanded { width: 575px; height: 200px; overflow: hidden; overflow-y: scroll; } .treeView .tree { background-color: #f9f9f9; color: #333; margin-left: 20px; margin-right: 10px; margin-bottom: 10px; width: 530px; padding-top: 10px; padding-bottom: 10px; } .treeView .caption { display: none; } .exactMatchable .treeView .tree { float: left; width: 260px; display: none; } .exactMatchable.filtered .treeView .tree { display: block; } .exactMatchable .treeView .form { width: 282px; float: left; } .exactMatchable .treeView .caption { display: block; float: left; width: auto; height: auto; font-size: 11px; font-weight: bold; padding-left: 12px; padding-right: 12px; } .exactMatchable .treeView .textbox { display: block; float: left; width: auto; height: auto; } .exactMatchable .treeView .textbox input { display: block; float: left; width: auto; height: auto; line-height: 11px; height: 11px; font-size: 13px; width: 98px; } .treeView .cmdCancel { float: right; text-align: center; width: 100%; position: relative; bottom: 0; left: 0px; padding-right: 1px; margin-left: 0px; background-color: #4E8BCE; color: #f4f4f4; font-weight: bold; border-radius: 0 0 3px 3px; } .exactMatchable .treeView .textbox .command { display: block; float: left; width: auto; height: auto; margin: 0; padding: 5px; padding-top: 2px; padding-bottom: 2px; text-align: center; line-height: 17px; color: #f4f4f4; font-size: 11px; font-weight: bold; background-color: #4E8BCE; border-radius: 5px; width: 70px; margin-left: 4px; } .switchable .treeView .tree { background-color: #f9f9f9; color: #333; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; width: auto; padding-top: 10px; padding-bottom: 10px; } .treeView .tree .toggle { font-size: 14px; font-weight: bold; display: block; float: left; width: 20px; line-height: 22px; height: 22px; cursor: pointer; -moz-user-select: none; position: absolute; top: 0; left: 0; } .treeView .tree .inactive { text-align: -9999px; } .treeView .tree .branch { display: block; float: left; margin: 0; } .treeView .tree .branch ul { margin: 0 0 10px 2px; } .treeView .tree .node { display: block; float: left; padding-left: 20px; width: 100%; text-wrap: normal; height: auto; margin-left: 10px; height: auto; position: relative; top: 0; left: 0; } .treeView .tree .node.expanded { height: auto; } .treeView .selectAll { display: block; float: left; margin-right: 30px; width: 120px; position: relative; z-index: 2; color: #333; left: 25px; top: 0px; padding: 7px; color: #f9f9f9; } .treeView .selectAll label { font-size: 10px; line-height: 12px; padding-left: 2px; text-align: left; padding-top: 5px; } .treeView .tree .checkbox { display: block; float: left; margin-right: 30px; width: 120px; } .treeView .tree .checkbox label { font-size: 15px; line-height: 12px; padding-left: 2px; text-align: left; padding-top: 5px; } .branch .node { list-style-type: none; margin: 0; padding: 0; margin-left: 8px; } .switchable .branch .node { list-style-type: none; margin: 0; padding: 0; margin-left: 8px; } .switchable .treeView .tree .toggle { display: none; } .switchable .treeView .tree .checkbox { float: left; position: relative; width: 140px; height: auto; padding: 0; margin: 0; margin-bottom: 5px; } .switchable .treeView .tree .checkbox input { display: block; width: auto; float: left; position: absolute; padding: 0; height: auto; margin: 0; } .switchable .treeView .tree .checkbox label { float: left; display: block; width: auto; width: 140px; position: relative; line-height: 10px; height: auto; text-align: left; left: 22px; top: 0; padding: 0; margin: 0; padding-top: 3px; } .treeView .selection { display: block; float: left; cursor: default; padding: 0; margin: 0; width: auto; height: auto; margin-left: 10px; } .switchable .treeView .selection { width: 100%; } .treeView .selection .exp { height: 20px; line-height: 14px; font-size: 12px; padding: 0; margin-right: 7px; margin-left: 0px; padding-left: 7px; padding-right: 18px; display: block; float: left; width: auto; cursor: default; position: relative; background-color: #333; padding-bottom: 0px; padding-top: 5px; margin-bottom: 7px; } .treeView .selection .exp .cmdRemove { position: absolute; top: 0; right: 0; z-index: 2; background-color: #f4f4f4; height: 7px; width: 7px; padding: 3px; color: #333; line-height: 7px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } .treeFilters .selection { height: auto; position: relative; top: 0; left: 0; } .treeFilters h3 { position: absolute; left: 0; top: 0px; } .treeFilters .selection { display: block; float: left; cursor: default; color: #666; padding: 0; margin: 0; height: auto; margin-left: 11px; padding-top: 3px; margin-bottom: 0px; } .treeFilters .selection .exp { height: 20px; line-height: 14px; font-size: 11px; padding: 0; margin-right: 7px; margin-left: 0px; padding-left: 7px; padding-right: 18px; display: block; float: left; width: auto; cursor: default; position: relative; background-color: #ececec; padding-bottom: 0px; padding-top: 5px; margin-bottom: 7px; margin-top: 0px;; } .treeFilters .selection .exp .cmdRemove { position: absolute; top: 0; right: 0; z-index: 2; background-color: #f4f4f4; height: 7px; width: 7px; padding: 3px; color: #333; line-height: 7px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } .treeView .selection { display: none; } .cmdClearFilters { display: none; position: absolute; text-align: left; top: 13px; left: 7px; padding: 0; margin: 0; font-size: 9px; text-decoration: none; color: #0088CC; } .cmdClearFilters:hover { text-decoration: underline; } .isFiltered .cmdClearFilters { display: block; width: 59px; text-align: right; } #UI #Cnt_SaveAccess { padding-top: 5px; } #UI #Content #Cnt_SaveAccess { padding-bottom: 5px; width: 98%; } #UI #Cnt_SaveAccess h3 { display: none; } #UI #Cnt_SaveAccess .static.toggle { display: none; } #UI #Cnt_SaveAccess .cmdClearFilters { top: 5px; float: left; padding: 0; left: auto; right: -70px; text-align: left; z-index: 20; } #Cnt_SaveAccess .summaryGroup { padding: 0; } #Cnt_SaveAccess .filterGroup { padding: 0; } #Cnt_SaveAccess .summaryGroup .selection { clear: both; display: block; float: left; } #Cnt_SaveAccess .summaryGroup h3 { display: none; } #Cnt_SaveAccess .optionable .options { position: relative; width: 300px; left: 0; top: 0; float: left; clear: both; } #Cnt_SaveAccess .optionable .cmdCancel { display: none; } #Cmd_SaveAccess { display: none; position: absolute; right: 7px; bottom: 28px; height: 20px; margin: 0; padding: 10px; padding-top: 2px; padding-bottom: 2px; text-align: center; line-height: 20px; color: #f4f4f4; font-size: 12px; font-weight: bold; background-color: #4E8BCE; border-radius: 5px; width: 80px; } .dirty #Cmd_SaveAccess { display: block; } #Pnl_SaveAccess { float: left; width: 99%; } #Cnt_SaveAccess .optionable .selectAll { display: none; } #Cnt_SaveAccess .optionable .options { padding-top: 10px; } #DenyRequest_Dialog { height: auto; } #DenyRequest_Dialog .denyTextArea { height: 100px; width: 405px; margin-left: 55px } #ApproveRequest_Dialog { height: auto; } #SecondaryRequestApproval_Dialog #FilterSelectionGroup_Secondary { display: none; } #SecondaryRequestApproval_Dialog { height: auto; width: 705px; } #SecondaryRequestApproval_Dialog .treeFilters { padding-top: 5px; background: none; } #SecondaryRequestApproval_Dialog .treeFilters { padding-bottom: 5px; width: 98%; } #SecondaryRequestApproval_Dialog .treeFilters h3 { display: none; } #SecondaryRequestApproval_Dialog .static.toggle { display: none; } #SecondaryRequestApproval_Dialog .summaryGroup { padding: 0; } #SecondaryRequestApproval_Dialog .filterGroup { padding: 0; } #SecondaryRequestApproval_Dialog .summaryGroup .selection { clear: both; display: block; float: left; } #SecondaryRequestApproval_Dialog .summaryGroup h3 { display: none; } #SecondaryRequestApproval_Dialog .optionable .selectAll { display: none; } #SecondaryRequestApproval_Dialog .optionable .options { padding-top: 10px; } #SecondaryRequestApproval_Dialog .optionable .options { position: relative; width: 750px; left: 25px; top: 0; clear: both; } #SecondaryRequestApproval_Dialog .optionable .cmdCancel { display: none; } #Viewer_Asset #Lbl_RequestStatus { } #Viewer_Asset[assetstatus="0"] #Lbl_RequestStatus { } #Viewer_Asset[assetstatus="0"] #Lbl_RequestStatus { } #Viewer_Asset #Cmd_BeginRequest { display: none; } .gaRApr #Viewer_Asset[assetstatus="0"] #Cmd_BeginRequest { display: block; } .gaRApr #Viewer_Asset[assetstatus="120"] #Cmd_BeginRequest { display: block; } #Viewer_Asset #Cmd_ApproveRequest { display: none; } .gaApr #Viewer_Asset[assetstatus="20"] #Cmd_ApproveRequest { display: block; } .gaSApr #Viewer_Asset[assetstatus="80"] #Cmd_ApproveRequest { display: block; } #UI #AssetApprovals { position: absolute; top: -40px; right: 0; width: 330px; float: left; height: 45px; margin: 0; padding: 0; } #UI #AssetApprovals .command { cursor: pointer; } #AssetApprovals .tool { float: right; width: 165px; background-color: #0452AC; position: relative; color: #fff; height: 25px;; } #AssetApprovals .tool .tooltip { line-height: 22px; } #AssetApprovals #Lbl_RequestStatus { background-color: transparent; text-align: center; line-height: 25px; height: 25px; color: #61737d; margin: 0; margin-right: 10px; width: 150px; font-size: 11px; border: 1px solid #fff; margin-top: 5px; } #AssetInfo h3 { width: 100%; display: block; float: left; } #Asset_Membership, #Asset_Caption { float: left; display: block; } #Viewer_Asset h3 #Asset_Membership { position: absolute; font-size: 14px; text-transform: uppercase; font-weight: normal; } #Asset_Caption { padding-top: 18px; } #Asset_Download { display: block; text-indent: -9999px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; background-position: -315px 0px; margin-left: 7px; float: left; margin-top: 23px; } #Cnt_Content #Content .authLookupModule #Content_Search #Dv_ListEventResults { width: 100%; float: left; background-color: #fff; } #Items_EventResult { height: auto; padding-bottom: 80px; width: auto; } #Items_EventResult .result { border-top: 1px solid #e5e9eb; margin-bottom: 0px; } .stateGridView #Items_EventResult .result { width: 28%; margin-left: 2%; border: 0; padding: 1%; } #Items_EventResult .result .photo { width: 125px; margin-left: 20px; margin-right: 40px; padding-right: 0px; float: left; padding-top: 0; background-color: #fff; } .stateGridView #Items_EventResult .result .photo { width: 100%; margin: 0; padding: 0; float: left; padding-top: 0; background-color: #fff; text-align: center; height: auto; margin-bottom: 10px; border: 1px solid #e9e9e9; } #Items_EventResult .result .item { float: none; clear: none; padding-left: 12px; padding-top: 0; text-align: left; color: #61737d; } .stateGridView #Items_EventResult .result .item { float: none; clear: none; padding: 0; text-align: left; color: #61737d; } #Items_EventResult .item { position: relative; top: 0; float: left; left: 0; padding: 0; line-height: 15px; } #Items_EventResult .result:first-child { border-top: 0; } .stateGridView #Items_EventResult .result:nth-child(3n+1) { clear: left } #Items_EventResult .commands { float: left; position: relative; z-index: 2; width: 100%; line-height: 25px; font-size: 11px; font-weight: bold; color: #5b686f; } #Items_EventResult .commands .command { float: left; margin-left: 10px; } #Items_EventResult .commands .command:hover .text { text-decoration: underline; } #Dv_ListEventResults { position: relative; top: 0; left: 0; padding-top: 15px; } #Cmd_AddEvent { position: absolute; top: 15px; width: auto; left: 10px; line-height: 25px; font-size: 11px; font-weight: normal; color: #5b686f; z-index: 2; } #Cmd_AddEvent { background-color: #fff; width: auto; padding-right: 10px; text-align: center; float: left; color: #0452AC; font-size: 14px; line-height: 21px; } #Cmd_AddEvent .icon { margin-left: 2px; background-color: #0452AC; border-radius: 15px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; float: left; background-position: -146px 0px; margin-right: 7px; } #Cmd_AddEvent:hover { color: #85C7F6; } #Cmd_AddEvent:hover .icon { background-color: #85C7F6; } #Cmd_AddEvent .text { color: #999; } #Cmd_AddEvent:hover .text { text-decoration: underline; } #Hdr_ListEventResults { display: none; } #Items_EventResult { width: 100%; } #Items_EventResult .result { width: 100%; height: auto; } #Items_EventResult th { font-size: 12px; padding: 7px; line-height: 16px; font-weight: normal; text-transform: uppercase } #Items_EventResult .result .data { font-size: 12px; padding: 7px; line-height: 16px; } #Items_EventResult .result .data.resolved { color: #31434d; font-size: 11px; } #Items_EventResult .result .data.resolved a { color: #296cc0; font-weight: bold; font-size: 12px; } #Items_EventResult .result .data.resolved .target { font-weight: bold; font-size: 12px; color: #71838d; } #Items_EventResult .result .data.member { width: auto; } #Items_EventResult .result .data.time { width: auto; } #Items_EventResult .result .data.part { width: auto; } #Items_EventResult .result .data.sku { width: auto; } #Dv_ListEventResults #P_NoResults { padding-top: 100px; } #Dv_ListEventResults #P_NoPeopleResults { padding-top: 100px; } #Hdr_Events { position: absolute; top: 15px; left: 10px; width: auto; display: none; } #Hdr_Events .subtitle { font-size: 18px; padding: 0; margin: 0; text-transform: uppercase; font-weight: normal; font-weight: bold; color: #333; } #EventCommands { position: absolute; top: -30px; right: 0; width: 320px; } #Pager_EventDetail { position: absolute; right: 11px; top: 0; font-size: 10px; float: left; margin: 0; } #Pager_EventDetail .command { height: auto; line-height: 28px; padding: 0; margin-top: 0; color: #696969; padding: 0; padding-left: 5px; padding-right: 5px; } .ctrlLookup .pagerDetail { float: right; margin: 0; } .ctrlLookup .pagerDetail .command, #Cmd_BackToSearch { float: left !important; height: 28px; line-height: 28px; padding: 0; margin-top: 0; font-weight: bold; text-decoration: underline; cursor: pointer } .ctrlLookup #Mod_EventDetail .pagerResults { display: none } .ctrlLookup #Cmd_BackToSearch { margin: 0; height: auto; line-height: 28px; color: #696969; float: left !important; position: absolute; top: -30px; left: auto; right: 0; background-color: #0452AC; padding: 0px; padding-left: 20px; padding-right: 20px; text-decoration: none; font-weight: normal; line-height: 20px; margin-top: 6px; color: #fff; text-align: center; font-size: 14px; } .ctrlLookup #Cmd_BackToSearch a { color: #fff; } body.viewDetail #Hdr_Events, .loadingDetail #Hdr_Events { display: none; } #Mod_EventSearch #Grp_Term { display: none; } @media only screen and (max-width:720px) { #Mod_EventDetail { padding-right: 0; } #Mod_EventDetail .appForm .subtitle { margin-right: 0; } #Dv_EventSearch { display: none; } #Mod_EventSearch #Dv_ListEventResults { float: none; clear: none; padding-left: 0px; } } #Cmd_AddEvent { display: none; } body.viewEvents #Grp_SearchStatuses { display: none; } #Grp_EventGroupTeam, #Grp_EventGroupTeam .optionable, #Grp_EventGroupTeam .optionable .options, #Grp_EventGroupTeam .filterGroup, #Grp_EventGroupTeam .treeView, #Grp_EventGroupTeam .tree, #Grp_EventGroupTeam .tree .node, #Grp_EventGroupTeam .tree .branch { position: relative; top: 0; left: 0; float: left; margin: 0; padding: 0; width: auto; background-color: transparent; border: 0; box-shadow: none; height: auto; overflow: visible; width: 100%; } #Grp_EventGroupTeam .tree .branch { width: 200px; } #Grp_EventGroupTeam .tree .node { padding-left: 20px; } #Grp_EventGroupTeam .tree .node .node { padding-left: 30px; } #Grp_EventGroupTeam .treeView .selectAll { display: none; } #Grp_EventGroupTeam .optionable .options .cmdCancel { display: none; } #Grp_EventGroupTeam .filterGroup .subcaption { position: relative; top: 0; left: 0; display: block; float: left; width: 100%; clear: both; height: auto; padding: 0; margin: 0; font-size: 16px; line-height: 30px; } #Grp_EventGroupTeam .filterGroup .cmdClearFilters { position: absolute; top: 7px; font-size: 11px; text-decoration: underline; left: auto; right: 2px; text-align: left; } #Grp_EventGroupTeam .filterGroup .selection { display: none; } #Flt_EventScope { padding-left: 10px; color: #333 } #Dv_OpenItems .item { font-size: 14px; line-height: 20px; margin-bottom: 7px; color: #61737d; } #Dv_OpenItems .item a { font-weight: bold; color: #0452AC; } #Dv_OpenItems .item .part { color: #868686; font-size: 12px; line-height: 16px; } #Dv_OpenItems .item .source { color: #85C7F6; font-size: 12px; line-height: 16px; } #Dv_OpenItems .subcaption { color: #ed232d } #Dv_RecentActivity .item { font-size: 14px; line-height: 20px; margin-bottom: 7px; color: #61737d; } #Dv_RecentActivity .item a { font-weight: bold; color: #0452AC; } #Dv_RecentActivity .item .part { color: #868686; font-size: 12px; line-height: 16px; } #Dv_RecentActivity .item .source { color: #85C7F6; font-size: 12px; line-height: 16px; } #Dv_RecentActivity .item .target { font-weight: bold; color: #61737d; } #Dv_OpenItems { position: relative; top: 0; left: 0; } #Dv_RecentActivity { position: relative; top: 0; left: 0; } #Dv_PartStore { position: relative; top: 0; left: 0; } #Mod_PartDetail { position: relative; top: 0; left: 0; } #Content_Search { position: relative; top: 0; left: 0; } #Dv_OpenItems .stamp { width: 39px; height: 40px; background-color: #ed232d; position: absolute; right: 7px; top: 7px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; background-repeat: no-repeat; background-position: -330px 7px; } #Dv_PartStore .stamp, #Mod_PartDetail .stamp, #Content_Search .stamp { width: 40px; height: 40px; background-color: #0452AC; position: absolute; right: 7px; top: 7px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; background-repeat: no-repeat; background-position: -276px 7px; z-index: 3; } body.viewPeople #Content_Search .stamp, body.viewPeople #Secondary_Search .stamp { width: 40px; height: 40px; background-color: #643b71; position: absolute; right: 7px; top: 7px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; background-repeat: no-repeat; background-position: -394px 7px; z-index: 3; } body.viewEvents #Content_Search .stamp, body.viewEvents #Secondary_Search .stamp, #Dv_RecentActivity .stamp { width: 39px; height: 40px; background-color: #35794e; position: absolute; right: 7px; top: 7px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; background-repeat: no-repeat; background-position: -362px 7px; } #Counter_OpenItems { font-size: 13px; color: #fff; font-weight: bold; background-color: #ed232d; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 2px; padding-right: 6px; padding-left: 6px; line-height: 13px; display: inline; margin-left: 10px; position: relative; left: 0; top: -4px; } #Pv_Info.denied { height: 500px; background-image: url(../images/skin/noaccess.gif); background-size: 300px 300px; background-repeat: no-repeat; background-position: center; } h2.denied { padding-left: 550px; padding-top: 150px; margin: 0; } #Pnl_Overview.panel.pnlOverview { margin: 0 auto; } #Pnl_Overview.panel.pnlOverview p { width: 500px; padding-left: 440px; margin: 15px 0 0 0; } #Mod_Manage.active #Mpv_AccountInfo { display: none; } #Mod_Manage #Mod_AccountOptions { display: none; } #Mod_Manage.active #Mod_AccountOptions { display: block } #Cmd_SaveAccountInfo input { display: none; } #Mod_Profile { height: 500px; padding-left: 15px; margin-top: -10px; } #Cmd_ManageAccount { padding-top: 15px; width: 180px; font-size: 12px; text-decoration: underline; } #Cmd_ChangePassword { width: 150px; font-size: 12px; text-decoration: underline; } #Hdr_Profile { padding-top: 15px; border-bottom: solid 1px #61737d; width: 426px; margin-left: -5px; } #Dv_ContactInfo { height: 100%; font-size: 11px; margin-top: 20px; padding: 0px; float: left; width: 360px; background-color: #fff !important; padding-top: 7px; padding-left: 10px; margin-left: auto; margin-right: auto; padding-bottom: 17px; } #Dv_PwInfo { height: 100%; font-size: 11px; margin-top: 20px; padding: 0px; float: left; width: 400px; background-color: #fff !important; padding-top: 7px; padding-left: 10px; margin-left: auto; margin-right: auto; padding-bottom: 17px; z-index: 100; } #Cmd_CancelAccountInfo { line-height: 25px; font-size: 11px; font-weight: normal; color: #5b686f; } #Cmd_CancelPasswordInfo { line-height: 25px; font-size: 11px; font-weight: normal; color: #5b686f; margin-right: 200px; } #Cmd_SavePassword input { display: none; } #Mod_Manage #Dv_ContactInfo #Cmd_SaveAccountInfo { height: 20px; font-weight: bold; margin: 0; padding: 10px; padding-top: 2px; padding-bottom: 2px; float: right; margin-left: 20px; margin-right: 16px; text-align: center; line-height: 20px; font-size: 12px; width: 80px; border: 1px solid #0452AC; background-color: #0452AC; color: #fff; } #Mod_Manage #Dv_ContactInfo #Cmd_SaveAccountInfo:hover { background-color: #bacbdb; color: #0452ac; } #Mod_Manage #Dv_PwInfo #Cmd_SavePassword { height: 20px; font-weight: bold; margin: 0; padding: 10px; padding-top: 2px; padding-bottom: 2px; float: right; margin-left: 20px; margin-right: 16px; text-align: center; line-height: 20px; font-size: 12px; width: 80px; border: 1px solid #0452AC; background-color: #0452AC; color: #fff; } #Mod_Manage #Dv_PwInfo #Cmd_SavePassword:hover { background-color: #bacbdb; color: #0452ac; } #Dv_ContactInfo .group .caption { float: left; display: block; text-align: left; padding: 5px; width: 115px; } #Dv_PwInfo .group .caption { float: left; display: block; text-align: left; padding: 5px; width: 150px; } #Cnt_Profile { height: 415px; } #Cnt_Manage { padding-left: 5px; background-color: #fff; width: 415px; height: 415px; margin-top: 10px; } #Cph_Content_AccountAccount_Lnk_CloseInfo { display: none; } #Cph_Content_AccountChangePassword_Lnk_ClosePwInfo { display: none; } #Hrd_Profile { background-color: transparent; } #Mpv_AccountInfo .subtitle { font-size: 20px; } #Act_User .subcaption { font-size: 17px; margin-top: -15px; } #ProfileInformation { margin-left: 5px; font-size: 13px; padding-left: 5px; width: 400px; background-color: #ececec; } #Dt_Profile { display: block; text-align: left; width: auto; top: 240px; right: 1566px; height: 40px; z-index: 4; font-size: 11px; margin-bottom: 80px; } #Dt_ContactIcon { font-weight: bold; background-color: #ececec; border-radius: 90px; float: left; font-size: 15px; height: 55px; padding-left: 35px; padding-top: 35px; width: 55px; } #Dt_ContactName { font-weight: bold; font-size: 15px; float: left; margin-left: 25px; padding-top: 35px; } #Cmd_MoreActivity { width: auto; background-color: #124f9c; text-decoration: none; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; float: right; margin-top: 10px; } #Cmd_MoreActivity:hover { text-decoration: underline } #Loader_Layout { background-color: #fff; position: absolute; bottom: auto; top: 0; left: 0; width: 100%; z-index: 1000; text-align: left; color: #999; line-height: 60px; opacity: .9; text-indent: 30px; } #Loader_Layout .value { font-size: 35px; color: #617786; text-transform: uppercase; padding: 0; position: relative; top: 0; left: 0; padding-top: 45px; padding-left: 80px; } #Loader_Layout .loader { margin: 0 auto; width: 30px; height: 30px; position: absolute; display: block; top: 60px; left: 65px; } #Loader_Layout .loader .p { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #Loader_Layout .loader .p:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #617784; border-radius: 100%; -webkit-animation: loader-circlespinfade 1.2s infinite ease-in-out both; animation: loader-circlespinfade 1.2s infinite ease-in-out both; } #Loader_Layout .loader .p2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } #Loader_Layout .loader .p3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } #Loader_Layout .loader .p4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #Loader_Layout .loader .p5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } #Loader_Layout .loader .p6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } #Loader_Layout .loader .p7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #Loader_Layout .loader .p8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } #Loader_Layout .loader .p9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } #Loader_Layout .loader .p10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #Loader_Layout .loader .p11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } #Loader_Layout .loader .p12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } #Loader_Layout .loader .p2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } #Loader_Layout .loader .p3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } #Loader_Layout .loader .p4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } #Loader_Layout .loader .p5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } #Loader_Layout .loader .p6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } #Loader_Layout .loader .p7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } #Loader_Layout .loader .p8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } #Loader_Layout .loader .p9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } #Loader_Layout .loader .p10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } #Loader_Layout .loader .p11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } #Loader_Layout .loader .p12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes loader-circlespinfade { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes loader-circlespinfade { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .viewDownload { text-align: left; } #Download { padding: 20px; width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Download .title { height: auto; margin: 0; padding: 0; line-height: 24px; font-size: 22px; margin-top: 20px; text-transform: uppercase; border-bottom: 1px solid #000; margin-bottom: 10px; padding-bottom: 4px; width: 100%; float: left; } #Download .subtitle { height: auto; margin: 0; padding: 0; line-height: 24px; font-size: 22px; margin-top: 20px; text-transform: uppercase; border-bottom: 1px solid #000; margin-bottom: 10px; padding-bottom: 4px; clear: both; width: 100%; float: left; padding-top: 20px; } #Download .lnkDownload { width: auto; background-color: #124f9c; text-decoration: none; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; display: block; float: left; } #Download .lnkDownload:hover { text-decoration: underline } #Download .filename { height: auto; margin: 0; padding: 0; line-height: 20px; font-size: 18px; margin-top: 20px; solid #000; margin-bottom: 15px; padding-bottom: 4px; width: 100%; float: left; } #Download .filename .version { font-size: 13px; line-height: 15px; } #Download img { width: 100%; float: left; } #Cnt_Content #Cnt_Support #Mod_CurrentSupport { float: left; padding-top: 20px; min-height: 0; } #Cnt_Content #Cnt_Support #Mod_CurrentSupport .separator { float: left; width: 20px; display: block; } #Cnt_Content #Cnt_Support { width: 100%; float: left; } #Cnt_Content #Cnt_Support #Dv_FaqNav { width: 46%; margin-right: 20px; padding-right: 0px; float: left; padding-top: 0px; background-color: #fff; min-height: 480px; } #Dv_FaqNav { position: relative; top: 0; left: 0; padding: 20px } #Dv_FaqNav .stamp { width: 39px; height: 40px; background-color: #FFA500; position: absolute; right: 7px; top: 7px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; background-repeat: no-repeat; background-position: -24px -19px; } #Cnt_Content #Cnt_Support #Dv_FaqNav li { margin: 10px 0 10px 0; } #Cnt_Content #Cnt_Support #Dv_FaqNav ul { margin: 20px 0 0 0; } #Cnt_Content #Content .authLookupModule #Dv_Feedback { float: none; clear: none; padding-top: 0px; background-color: #fff; position: relative; top: 0; left: 0; } #Cnt_Content #Cnt_Support #Mod_CurrentSupport #Dv_Feedback { float: left; width: 46%; } #Dv_Feedback { padding: 20px; } #Dv_Feedback .wfMessage { color: #ff0000; } #Dv_Feedback .stamp { width: 39px; height: 40px; background-color: #FFA500; position: absolute; right: 7px; top: 7px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; background-repeat: no-repeat; background-position: 6px -19px; } #Dv_Feedback .cmdSubmit { float: right; margin-right: 20px; background-color: #0452AC; width: 65px; height: 20px; padding: 10px 35px 10px 35px; text-align: center; color: #fff; text-transform: uppercase; margin-bottom: 20px; } #Dv_Feedback #fFeedbackMsg { width: 96%; } #Dv_FaqMain { background: #fff; float: left; padding: 95px 40px 0; width: 92%; } #Dv_FaqMain .subtitle { margin: 0 0 0 25px; padding: 0; width: 100%; font-size: 30px; } #Dv_FaqMain p { font-size: 18px; background: #fff; width: 90%; padding: 20px 0 20px 0; margin: 0 0 0 25px; } #Dv_FaqMain .instruction { width: auto; height: auto; background-color: #e5e5e5; margin: 0 auto; display: block; } #Dv_FaqMain .description { float: left; padding-left: 25px; display: block; margin: 0 auto; } #Dv_FaqMain ol { float: left; padding-left: 25px; display: block; margin: 0 auto; } #Dv_FaqMain .description a { color: #293941; text-decoration: underline; } #Dv_FaqMain .faqSection { margin-bottom: 35px; } #Dv_FaqMain .faqSection ul { clear: both; padding-left: 50px; } @media only screen and (max-width:1200px) { #Cnt_Content #Cnt_Support #Dv_FaqNav { width: 44%; } #Cnt_Content #Cnt_Support #Mod_CurrentSupport #Dv_Feedback { width: 44%; } } @media only screen and (max-width:900px) { #Cnt_Content #Cnt_Support #Dv_FaqNav { width: 100%; margin-bottom: 20px; } #Cnt_Content #Cnt_Support #Mod_CurrentSupport #Dv_Feedback { width: 100%; } } #Dv_FaqMain .commands .cmdReturn { margin-left: 25px; margin-top: 35px; display: block } #Pnl_ResetPw { margin-left: 15px; } #Cph_Content_PersonalizationResetPassword_BtnResetPw { background-color: #124f9c; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 20px; padding: 2px 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: auto; border: none; float: right; margin-right: 180px; } #Hdr_MyAccount { border-bottom: 1px solid #61737d; width: 426px; } #Mod_MyAccount { margin-top: -10px; padding-left: 15px; padding-bottom: 25px; } #Hdr_MyAccount .subtitle { padding-top: 15px; } #Hdr_ResetPw .subtitle { font-size: 20px; } #Hdr_ResetPw .subcaption { font-size: 17px; } #Dv_TeaserAlerts { float: right; text-align: left; position: absolute; right: 10px; top: 70px; z-index: 5; } #Dv_TeaserAlerts .subcaption { position: absolute; right: 20px; top: -50px; display: block; height: 60px; width: 60px; text-align: right; background-image: url(/images/skin/bell.gif); background-repeat: no-repeat; background-position: right 0px; } #Dv_TeaserAlerts .subcaption .name { display: none; } #Dv_TeaserAlerts .subcaption .counter { font-size: 11px; color: #fff; font-weight: bold; background-color: #ed232d; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 1px; padding-right: 5px; padding-left: 5px; line-height: 11px; display: inline; margin-left: 10px; position: relative; right: -5px; top: -4px; } #Dv_TeaserAlerts .items { width: 400px; } #Dv_TeaserAlerts .item { font-size: 14px; line-height: 20px; margin-bottom: 7px; color: #61737d; position: relative; top: 0; left: 0; padding-right: 120px; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Dv_OpenItems .item .message, #Dv_TeaserAlerts .item .message { font-size: 11px; color: #777; font-style: italic; } #Dv_TeaserAlerts .item a { font-weight: bold; color: #0452AC; } #Dv_TeaserAlerts .item .part { color: #868686; font-size: 12px; line-height: 16px; } #Dv_TeaserAlerts .item .source { color: #85C7F6; font-size: 12px; line-height: 16px; } #Dv_TeaserAlerts .items { display: none; background-color: #fff; padding: 20px; border: 2px solid #E9EEF1; } #Dv_TeaserAlerts:hover .items { display: block; } #Dv_TeaserAlerts .cmdViewAll { display: none; } #Dv_TeaserAlerts:hover .cmdViewAll { display: block; } #Dv_OpenItems .item { position: relative; padding-right: 200px; margin-right: 20px; top: 0; left: 0; } #Dv_TeaserAlerts .item .command, #Dv_OpenItems .item .command { width: 150px; background-color: #124f9c; text-decoration: none; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 0; } #Dv_TeaserAlerts[hasallitems="false"] .items { padding-bottom: 50px; } #Dv_TeaserAlerts[hasallitems="false"] .cmdViewAll { width: 385px; background-color: #124f9c; color: #fff; padding: 20px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; position: absolute; right: 10px; bottom: 10px; } #Dv_TeaserAlerts[hasallitems="true"] .items .item:last-child { border-bottom: 0; } #Dv_TeaserAlerts .item .command { width: 100px; font-size: 12px; padding: 7px; text-decoration: none; } #Dv_TeaserAlerts .command { text-decoration: none; } #Dv_TeaserAlerts .command:hover, #Dv_OpenItems .item .command:hover { text-decoration: underline; } #Dv_TeaserAlerts .command a, #Dv_OpenItems .item .command a { color: #fff; } #Dv_TeaserAlerts .item[actionkey="1"] .command, #Dv_OpenItems .item[actionkey="1"] .command { background-color: #d60808; } #Dv_TeaserAlerts .item[actionkey="2"] .command, #Dv_OpenItems .item[actionkey="2"] .command { background-color: #ccab05; } #Dv_TeaserAlerts .items .item[actionkey="0"], #Dv_OpenItems .items .item[actionkey="0"] { padding-right: 0; } #Dv_OpenItems .activity, #Dv_TeaserAlerts .activity { padding-left: 10px; } #Dv_TeaserAlerts[count="0"] { display: none; } #Dv_OpenItems .items .item .source .loc, #Dv_TeaserAlerts .items .item .source .loc { padding-left: 5px; } #Dv_OpenItems .items .item .source .on, #Dv_TeaserAlerts .items .item .source .on { padding-left: 5px; } #Dv_OpenItems .items .item .part .name, #Dv_TeaserAlerts .items .item .part .name { padding-left: 5px; } #Cnt_ListEventResults .command.cmdRefresh { color: #296cc0; display: block; font-size: 11px; margin: 0; padding: 0; position: absolute; left: 8px; text-decoration: underline; top: -12px; } @font-face { font-family: octicons-link; src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format('woff'); } .markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; } .markdown-body .pl-c { color: #969896; } .markdown-body .pl-c1, .markdown-body .pl-s .pl-v { color: #0086b3; } .markdown-body .pl-e, .markdown-body .pl-en { color: #795da3; } .markdown-body .pl-smi, .markdown-body .pl-s .pl-s1 { color: #333; } .markdown-body .pl-ent { color: #63a35c; } .markdown-body .pl-k { color: #a71d5d; } .markdown-body .pl-s, .markdown-body .pl-pds, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sra { color: #183691; } .markdown-body .pl-v { color: #ed6a43; } .markdown-body .pl-id { color: #b52a1d; } .markdown-body .pl-ii { color: #f8f8f8; background-color: #b52a1d; } .markdown-body .pl-sr .pl-cce { font-weight: bold; color: #63a35c; } .markdown-body .pl-ml { color: #693a17; } .markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms { font-weight: bold; color: #1d3e81; } .markdown-body .pl-mq { color: #008080; } .markdown-body .pl-mi { font-style: italic; color: #333; } .markdown-body .pl-mb { font-weight: bold; color: #333; } .markdown-body .pl-md { color: #bd2c00; background-color: #ffecec; } .markdown-body .pl-mi1 { color: #55a532; background-color: #eaffea; } .markdown-body .pl-mdr { font-weight: bold; color: #795da3; } .markdown-body .pl-mo { color: #1d3e81; } .markdown-body .octicon { display: inline-block; vertical-align: text-top; fill: currentColor; } .markdown-body a { background-color: transparent; -webkit-text-decoration-skip: objects; } .markdown-body a:active, .markdown-body a:hover { outline-width: 0; } .markdown-body strong { font-weight: inherit; } .markdown-body strong { font-weight: bolder; } .markdown-body h1 { font-size: 2em; margin: 0.67em 0; } .markdown-body img { border-style: none; } .markdown-body svg:not(:root) { overflow: hidden; } .markdown-body code, .markdown-body kbd, .markdown-body pre { font-family: monospace, monospace; font-size: 1em; } .markdown-body hr { box-sizing: content-box; height: 0; overflow: visible; } .markdown-body input { font: inherit; margin: 0; } .markdown-body input { overflow: visible; } .markdown-body [type="checkbox"] { box-sizing: border-box; padding: 0; } .markdown-body * { box-sizing: border-box; } .markdown-body input { font-family: inherit; font-size: inherit; line-height: inherit; } .markdown-body a { color: #4078c0; text-decoration: none; } .markdown-body a:hover, .markdown-body a:active { text-decoration: underline; } .markdown-body strong { font-weight: 600; } .markdown-body hr { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #ddd; } .markdown-body hr::before { display: table; content: ""; } .markdown-body hr::after { display: table; clear: both; content: ""; } .markdown-body table { border-spacing: 0; border-collapse: collapse; } .markdown-body td, .markdown-body th { padding: 0; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 0; margin-bottom: 0; } .markdown-body h1 { font-size: 32px; font-weight: 600; } .markdown-body h2 { font-size: 24px; font-weight: 600; } .markdown-body h3 { font-size: 20px; font-weight: 600; } .markdown-body h4 { font-size: 16px; font-weight: 600; } .markdown-body h5 { font-size: 14px; font-weight: 600; } .markdown-body h6 { font-size: 12px; font-weight: 600; } .markdown-body p { margin-top: 0; margin-bottom: 10px; } .markdown-body blockquote { margin: 0; } .markdown-body ul, .markdown-body ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .markdown-body ol ol, .markdown-body ul ol { list-style-type: lower-roman; } .markdown-body ul ul ol, .markdown-body ul ol ol, .markdown-body ol ul ol, .markdown-body ol ol ol { list-style-type: lower-alpha; } .markdown-body dd { margin-left: 0; } .markdown-body code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; } .markdown-body .octicon { vertical-align: text-bottom; } .markdown-body input { -webkit-font-feature-settings: "liga" 0; font-feature-settings: "liga" 0; } .markdown-body::before { display: table; content: ""; } .markdown-body::after { display: table; clear: both; content: ""; } .markdown-body > *:first-child { margin-top: 0 !important; } .markdown-body > *:last-child { margin-bottom: 0 !important; } .markdown-body a:not([href]) { color: inherit; text-decoration: none; } .markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; } .markdown-body .anchor:focus { outline: none; } .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; } .markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e7e7e7; border: 0; } .markdown-body blockquote { padding: 0 1em; color: #777; border-left: 0.25em solid #ddd; } .markdown-body blockquote > :first-child { margin-top: 0; } .markdown-body blockquote > :last-child { margin-bottom: 0; } .markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #000; vertical-align: middle; visibility: hidden; } .markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; } .markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; } .markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eee; } .markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eee; } .markdown-body h3 { font-size: 1.25em; } .markdown-body h4 { font-size: 1em; } .markdown-body h5 { font-size: 0.875em; } .markdown-body h6 { font-size: 0.85em; color: #777; } .markdown-body ul, .markdown-body ol { padding-left: 2em; } .markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; } .markdown-body li > p { margin-top: 16px; } .markdown-body li + li { margin-top: 0.25em; } .markdown-body dl { padding: 0; } .markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold; } .markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } .markdown-body table { display: block; width: 100%; overflow: auto; } .markdown-body table th { font-weight: bold; } .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #ddd; } .markdown-body table tr { background-color: #fff; border-top: 1px solid #ccc; } .markdown-body table tr:nth-child(2n) { background-color: #f8f8f8; } .markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; } .markdown-body code { padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; font-size: 85%; background-color: rgba(0,0,0,0.04); border-radius: 3px; } .markdown-body code::before, .markdown-body code::after { letter-spacing: -0.2em; content: "\00a0"; } .markdown-body pre { word-wrap: normal; } .markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } .markdown-body .highlight { margin-bottom: 16px; } .markdown-body .highlight pre { margin-bottom: 0; word-break: normal; } .markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px; } .markdown-body pre code { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } .markdown-body pre code::before, .markdown-body pre code::after { content: normal; } .markdown-body .pl-0 { padding-left: 0 !important; } .markdown-body .pl-1 { padding-left: 3px !important; } .markdown-body .pl-2 { padding-left: 6px !important; } .markdown-body .pl-3 { padding-left: 12px !important; } .markdown-body .pl-4 { padding-left: 24px !important; } .markdown-body .pl-5 { padding-left: 36px !important; } .markdown-body .pl-6 { padding-left: 48px !important; } .markdown-body .full-commit .btn-outline:not(:disabled):hover { color: #4078c0; border: 1px solid #4078c0; } .markdown-body kbd { display: inline-block; padding: 3px 5px; font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } .markdown-body :checked + .radio-label { position: relative; z-index: 1; border-color: #4078c0; } .markdown-body .task-list-item { list-style-type: none; } .markdown-body .task-list-item + .task-list-item { margin-top: 3px; } .markdown-body .task-list-item input { margin: 0 0.2em 0.25em -1.6em; vertical-align: middle; } .markdown-body hr { border-bottom-color: #eee; } #Preview_DiffAssetText .ins { background: #E6FFE6; } #Preview_DiffAssetText .del { background: #FFE6E6; } .pdfFallback { display: block; clear: both; } .pdfViewer { height: 100vh; width: 100%; } #Dv_PartBom .parts .part { } #Dv_PartBom .parts .part .caption { font-size: 14px; line-height: 16px; } #Dv_PartBom .parts .part .partnumber { font-size: 11px; line-height: 13px; } #Dv_PartBom .parts .part .sku { font-size: 11px; line-height: 13px; } #Dv_Fabcard .cards .card { } #Dv_Fabcard .cards .card .caption { font-size: 14px; line-height: 16px; } #Dv_Fabcard .cards .card .locations { font-size: 11px; line-height: 13px; } #Dv_Fabcard .cards .card .parts { font-size: 11px; line-height: 13px; } #Viewer_PartSummary .section { -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; float: left; width: 100%; } #Viewer_PartSummary .section .member { width: 100%; float: left; margin-bottom: 10px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_PartSummary .section .heading { width: 100%; float: left; margin-bottom: 5px; font-size: 14px; line-height: 18px; margin-top: 0; color: #333; background-color: #f7f8f9; padding: 4px; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_PartSummary .bom .warehouses { margin: 10px; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_PartSummary .bom .warehouses .location { font-size: 12px; line-height: 14px; font-family: monospace; } #Viewer_PartSummary .table { background-color: #fff; margin: 10px; } #Viewer_PartSummary .table .th { border-bottom: 1px solid #ccc; padding: 2px; padding-right: 15px; } #Viewer_PartSummary .table .td { width: 120px; font-size: 11px; font-family: monospace; padding: 2px; padding-right: 15px; } #Viewer_PartSummary .table .td.numeric { width: 60px; text-align: right; } #Viewer_PartSummary .table .td.short { width: 60px; text-align: left; } #Viewer_PartSummary .table .td.warehouse { width: 250px; text-align: left; } #Viewer_PartSummary #PartAttributes .table .editform { position: relative; top: 0; left: 0; width: 100%; z-index: 2; width: 1000px; display: table-caption; } #Viewer_PartSummary .table .tr .type { width: auto; } #Viewer_PartSummary .table .tr .qty { width: auto; } #Viewer_PartSummary .table .tr .qty input { width: 40px; } #Viewer_PartSummary .table .tr .uom { width: auto; } .editableTable .tr .td:first-child, .editableTable .tr .th:first-child { padding-left: 7px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .editableTable .tbody .tr:hover { background-color: #a5d7F6; } .editableTable .tbody .tr[state="edit"], .editableTable .tbody .tr[state="edit"]:hover { background-color: #333; } #UI .editableTable .tbody .tr[state="edit"] .td { padding-top: 8px; padding-bottom: 10px; border-top: 10px solid #fff; border-bottom: 10px solid #fff; color: #fff; } #UI .editableTable .tbody .tr[state="edit"] .td { vertical-align: top; } .editableTable .tr input, .appForm input, .editableTable .tr select, .appForm select { font-size: 13px; line-height: 25px; padding: 0; margin: 0; height: 25px; border-radius: 0; width: auto; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .editableTable .tr input, .appForm input { padding: 2px; width: auto; } .editableTable .tr[data-draft="true"] { background-color: #fefede; } .editableTable .tr[data-new="true"] { background-color: #eafbeb; } .editableTable .tr[data-state="removed"] .td { text-decoration: line-through; color: #999; } .editableTable .tr[data-state="removed"] .td.commands { text-decoration: none; } .editableTable .tr .commands { position: relative; } .editableTable .tr .commands .cmdEdit, .editableTable .tr .commands .cmdRevert, .editableTable .tr .commands .cmdUnremove, .editableTable .tr .commands .cmdRemove { display: inline; text-decoration: underline; cursor: pointer; padding-right: 7px; } .editableTable .tr[data-state="removed"] .commands { color: #555; } .editableTable .tr[data-state="removed"] .commands .cmdRemove, .editableTable .tr[data-state="removed"] .commands .cmdEdit { display: none; } .editableTable .tr .commands .cmdUnremove, .editableTable .tr .commands .cmdRevert { display: none; } .editableTable .tr[data-state="removed"] .commands .cmdUnremove { display: inline; } .editableTable .tr[data-draft="true"] .commands .cmdRevert { display: inline; } .editableTable .tr[data-state="removed"] .commands .cmdRevert { display: none; } .editableTable .tr[data-new="true"] .commands .cmdRevert { display: none; } .editableTable .tr[state="edit"] .commands .cmdEdit, .editableTable .tr[state="edit"] .commands .cmdRevert, .editableTable .tr[state="edit"] .commands .cmdRemove { display: none; } .editableTable .tr .commands .cmdCancel { display: none; text-decoration: underline; cursor: pointer; } .editableTable .tr[state="edit"] .commands .cmdCancel { display: inline; position: absolute; left: 70px; top: 12px; color: #fff; } .editableTable .tr .commands .cmdSave { display: none; width: 40px; height: 19px; font-size: 13px; line-height: 19px; padding: 2px; border: 1px solid #fff; background-color: #0452AC; color: #fff; cursor: pointer; text-align: center; margin: 0; } .editableTable .tr[state="edit"] .commands .cmdSave { display: block; } .editableTable .tr[data-locked="true"] .commands .command { display: none; } .editableTable .tr[data-is-master="true"] .commands .cmdUnremove, .editableTable .tr[data-is-master="true"] .commands .cmdRemove { display: none; } .editableTable[allow-change="false"] .th.commands, .editableTable[allow-change="false"] .td.commands { display: none; } #PartBom .bom[data-state="removed"] .heading .name { text-decoration: line-through; color: #999; } #PartBom .bom[data-state="removed"] .heading .command { text-decoration: underline; } #PartBom .bom .heading { position: relative; } #PartBom .bom .heading .cmdEdit, #PartBom .bom .heading .cmdRevert, #PartBom .bom .heading .cmdUnremove, #PartBom .bom .heading .cmdRemove { display: inline; text-decoration: underline; cursor: pointer; padding-right: 7px; float: right; font-size: 11px; } #PartBom .bom[data-state="removed"] .heading .name { color: #555; } #PartBom .bom[data-state="removed"] .heading .cmdRemove, #PartBom .bom[data-state="removed"] .heading .cmdEdit { display: none; } #PartBom .bom .heading .cmdUnremove, #PartBom .bom .heading .cmdRevert { display: none; } #PartBom .bom[data-state="removed"] .heading .cmdUnremove { display: inline; } #PartBom .bom[data-draft="true"] .heading .cmdRevert { display: inline; } #PartBom .bom[data-new="true"] .heading .cmdRevert, #PartBom .bom[data-state="removed"] .heading .cmdRevert { display: none; } #PartBomSummary[data-build="-1"] #PartBom .heading .command, #PartBomSummary[data-build="-1"] #Nav_PartBom, #PartBomSummary[data-build="-1"] #Cmd_AddBuild { display: none; } .chosen-container .chosen-drop { width: 250px; } .chosen-container .chosen-results li { font-size: 11px; font-family: monospace; line-height: 15px; } .chosen-container .chosen-choices .search-choice { font-size: 11px; font-family: monospace; line-height: 13px; overflow: hidden; max-height: 17px; max-width: 47px; } .chosen-container-single .chosen-single { border-radius: 0; } .workflowInt .chosen-container-multi .chosen-choices li.search-field { width: 100%; } .workflowInt .chosen-container-multi .chosen-choices li.search-field input[type="text"] { width: 100% !important; } .workflowInt .content .cmdSwitch { text-decoration: underline; color: #293941; font-size: 14px; line-height: 24px; background: none; text-align: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 0px; margin: 0; margin-top: 0px; padding-left: 8px; margin-bottom: 10px; } .workflowInt .chosen-container { margin-bottom: 9px; } #AddComponentCommands { margin-top: 10px; } .appForm .group input[type="text"] { width: 206px; } .appForm .group input[type="text"].short { width: 96px; } .appForm .group input[type="password"] { width: 206px; } .appForm .group .chosen-container input[type="text"] { width: auto; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Nav_PartBom { width: 100%; float: left; margin-bottom: 10px; } #Nav_PartBom .navItem { display: block; height: 20px; line-height: 20px; font-size: 11px; color: #999; border-bottom: 3px solid transparent; width: auto; float: left; margin-right: 10px; cursor: pointer; } #Nav_PartBom .navItem.selected { border-bottom: 3px solid #85C7F6; color: #0C4088 } #Viewer_PartSummary #PartBom { display: block; } #AddComponent_Dialog .locate { display: block; } #AddComponent_Dialog span.locate { display: inline; } #AddComponent_Dialog .create { display: none; } #AddComponent_Dialog[state-part="new"] .locate { display: none; } #AddComponent_Dialog[state-part="new"] .create { display: block; } #AddComponent_Dialog[state-part="new"] span.create { display: inline; } #AddComponent_Dialog[allow-switch="false"] .cmdSwitch { display: none; } #AddComponent_Dialog[state-build="master"] .buildqty { display: none; } .appForm .frmSignIn .group input { width: auto; padding: auto; } .appForm .frmSignIn input[type="button"] { height: auto; } #Items_PartResult .commands .cmdRemove, #Items_PartResult .commands .cmdEdit { display: none; } #Hud_Status { top: 3px; left: 0; position: fixed; background-color: transparent; width: 100%; line-height: 20px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -border-bottom: 1px solid #0452AC; z-index: 10; text-transform: none; -font-family: monospace; -box-shadow: 0 2px 10px #0452AC; -text-align: right; color: rgba(255, 255, 255, 1); background-color: rgba(133, 199, 246, 0.5); text-transform: uppercase; text-shadow: 1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.25), -1px 0 rgba(255,255,255,0.25), 0 -1px rgba(255,255,255,0.15), 0px 0 3px rgba(0,0,0,1); } #Fabcard_Layers { width: 135px; padding-left: 0px; float: right; padding-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Fabcard { float: none; clear: none; width: 100%; padding-right: 145px; padding-top: 0px; padding-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_Fabcard .page, #Viewer_Fabcard #Fabcard_Layers .layers { width: 100%; background-color: #fff; display: block; height: auto; position: relative; top: 0; left: 0; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } #Viewer_Fabcard #Fabcard_Layers .layers .layer:last-child { margin-bottom: 0; } #Viewer_Fabcard .assets { clear: left; float: left; width: 100%; position: relative; top: 0; left: 0; } #Viewer_Fabcard .assets .asset, #Viewer_Fabcard .assets .droppreview { width: 100%; background-color: #fff; display: block; position: relative; top: 0; left: 0; height: auto; border: 1px solid #ddd; margin-bottom: 10px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 1%; } #Viewer_Fabcard .assets .droppreview { display: block; background-color: #85C7F6; position: absolute; } #Viewer_Fabcard .assets .asset .content { width: 100%; display: block; height: auto; position: relative; top: 0; left: 0; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_Fabcard .assets[data-asset-count="2"] { height: auto; width: 100%; } #Viewer_Fabcard .assets[data-asset-count="2"] .asset, #Viewer_Fabcard .assets[data-asset-count="2"] .droppreview { width: 49.5%; float: left; margin-right: 1%; } #Viewer_Fabcard .assets[data-asset-count="1"] div:last-child, #Viewer_Fabcard .assets[data-asset-count="2"] div:last-child, #Viewer_Fabcard .assets[data-asset-count="2"] div:last-child { margin-right: 0; } #Viewer_Fabcard .assets .asset img { width: 100%; max-width: 200px; margin-top: 4px; } #Viewer_Fabcard .assets .asset .callout { width: auto; max-width: 150px; float: right; border: 1px solid #cc0000; background-color: #ffeeee; color: #000; font-weight: normal; padding: 10px; margin-bottom: 10px; } #Viewer_Fabcard .page .pageNumber { clear: both; display: block; text-align: center; width: 100%; font-size: 10px; color: #666; } #Viewer_Fabcard .basketTitle { margin-top: 0; font-size: 16px; font-weight: normal; text-transform: none; line-height: 20px; height: auto; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4px; } #Viewer_Fabcard .title { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; height: auto; display: block; width: 100%; padding: 4px; background-color: #0C4088; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 4px; } #Viewer_Fabcard .title .partnumber { font-size: 10px; font-weight: normal; line-height: 18px; height: auto; float: right; display: block; } #Viewer_Fabcard .attention { display: block; margin: 0; margin-bottom: 0; padding: 0; padding-left: 4px; padding-right: 4px; font-weight: bold; } #Viewer_Fabcard .instruction { display: block; margin: 0; margin-bottom: 3px; padding: 4px; } #Viewer_Fabcard .footnote { display: block; margin: 0; margin-bottom: 3px; padding: 4px; font-style: italic; margin-top: 5px; } #Viewer_Fabcard .assets[data-asset-count="1"] .asset.filled, #Viewer_Fabcard .page.editing .assets[data-asset-count="1"]:hover .asset.filled { width: 100%; margin-right: 0; } #Viewer_Fabcard .assets[data-asset-count="1"] .asset.empty, #Viewer_Fabcard .page.editing .assets[data-asset-count="1"] .asset.empty { width: auto; height: 100%; position: relative; top: 0; left: 0; background-color: transparent; } #Viewer_Fabcard .assets[data-asset-count="1"]:hover .asset { float: left; margin-right: 1%; } #Viewer_Fabcard .assets[data-asset-count="1"]:hover div:last-child { margin-right: 0; } #Viewer_Fabcard .assets[data-asset-count="1"]:hover .asset.filled { width: 80%; } #Viewer_Fabcard .assets[data-asset-count="1"]:hover .asset.empty { width: 19%; background-color: #f6f6f6; height: 100%; min-height: 30px; } #Viewer_Fabcard .page[data-block-count="0"] { display: none; overflow: hidden; } #Viewer_Fabcard #Fabcard .page .instructions { text-align: center; display: none; line-height: 30px; font-size: 11px; font-style: italic; position: absolute; top: 0; width: 100%; left: 0; height: 30px; } #Viewer_Fabcard #Fabcard .page[data-block-count="0"] .instructions { display: block; } #Viewer_Fabcard #Fabcard .page[data-block-count="0"] .pageNumber { display: none; } #Viewer_Fabcard .dragactive .page[data-block-count="0"] { display: block; height: 30px; width: 300px; margin-left: auto; margin-right: 0px; position: relative; left: 0px; top: 0; background-color: #f6f6f6; } #Viewer_Fabcard .dragactive .page[data-block-count="0"]:hover { display: block; height: auto; min-height: 50px; width: 100%; margin-left: 0; left: 0; padding: 10px; background-color: #fff; } #Viewer_Fabcard .page[data-block-count="0"] { display: none; } #Viewer_Fabcard .page[data-block-count="0"]:hover { display: block; overflow: initial; height: auto; } #Viewer_Fabcard .emptyzone { height: auto; min-height: 8px; } #Viewer_Fabcard .page.editing .emptyzone, #Viewer_Fabcard .page .emptyzone:hover { height: auto; min-height: 30px; background-color: #f6f6f6; margin-bottom: 10px; } #Viewer_Fabcard .page .assets:last-of-type { min-height: 80px; display: block; } #Viewer_Fabcard .assets .asset.empty { border: 0; } #Tbl_PartInfo .tr .td { padding-left: 0; } #Viewer_Fabcard .assets .asset.dragging { z-index: 10; } #DropPreview { position: absolute; background-color: #85C7F6; } #Viewer_Fabcard .overlay { display: none; } #Viewer_Fabcard .asset .overlay { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #Viewer_Fabcard .asset .overlay .shell { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #0C4088; opacity: .5; } #Viewer_Fabcard .asset .overlay .options { width: 100%; position: absolute; top: 0; left: 0; } #Viewer_Fabcard .asset .overlay .options .handle { float: left; margin-left: 5px; margin-top: 3px; height: 20px; width: 20px; background-image: url(/images/skin/icon.move.png); cursor: move; text-indent: -9999px; } #Viewer_Fabcard .asset .overlay .options .cmdRemove { float: right; height: 20px; width: 20px; margin-left: 5px; margin-top: 5px; background-image: url(/images/skin/icon.delete.png); text-indent: -9999px; display: none; } #Viewer_Fabcard .asset[data-item-type="3"] .overlay .options .cmdRemove, #Viewer_Fabcard .asset[data-item-type="4"] .overlay .options .cmdRemove { display: block; } #Viewer_Fabcard .asset[data-is-asset="true"] .overlay .options .cmdRemove { background-image: url(/images/skin/icon.visible.png); height: 15px; width: 15px; background-size: 15px 15px; margin-right: 5px; } #Viewer_Fabcard .asset .overlay .options .cmdEdit { float: left; margin-left: 7px; margin-top: 3px; height: 20px; background-size: 19px 19px; width: 20px; background-image: url(/images/skin/icon.edit.png); cursor: pointer; text-indent: -9999px; } #Viewer_Fabcard .asset[state-mode="locked"] .overlay .options .cmdEdit { display: none; } #Viewer_Fabcard .asset[state-mode="locked"] .overlay .options .cmdRemove { display: none; } #Viewer_Fabcard .asset.filled:hover .overlay { display: block; } #Viewer_Fabcard .page.editing .asset.filled:hover .overlay { display: none; } #Viewer_Fabcard .assets:hover .asset.empty .overlay { display: block; } #Viewer_Fabcard .page.editing .assets:hover .asset.empty .overlay { display: none; } #Viewer_Fabcard .emptyzone:hover .overlay { display: block; } #Viewer_Fabcard .page.editing .emptyzone:hover .overlay { display: none; } #Viewer_Fabcard .asset.empty .cmdAdd, #Viewer_Fabcard .emptyzone .cmdAdd { background-color: transparent; width: auto; padding-right: 10px; text-align: center; color: #0452AC; font-size: 14px; line-height: 30px; float: right; } #Viewer_Fabcard .asset.empty .cmdAdd .icon, #Viewer_Fabcard .emptyzone .cmdAdd .icon { margin-left: 2px; background-color: #0452AC; border-radius: 15px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; float: left; background-position: -146px 0px; margin-right: 7px; margin-top: 5px; } #Viewer_Fabcard .assets[data-asset-count="1"]:hover .icon:last-child { margin-right: 7px; } #Viewer_Fabcard .asset.empty .cmdAdd:hover, #Viewer_Fabcard .emptyzone .cmdAdd:hover { color: #85C7F6; } #Viewer_Fabcard .asset.empty .cmdAdd:hover .icon, #Viewer_Fabcard .emptyzone .cmdAdd:hover .icon { background-color: #85C7F6; } #Viewer_Fabcard #FabcardEditAsset .commands { width: 100%; display: block; clear: both; float: left; } #Viewer_Fabcard #FabcardEditAsset .cmdSave { background-color: transparent; width: auto; padding-right: 10px; text-align: center; color: #0452AC; font-size: 14px; line-height: 30px; float: right; margin-bottom: 20px; margin-right: 20px; } #Viewer_Fabcard #FabcardEditAsset .cmdSave .icon { margin-left: 2px; background-color: #0452AC; border-radius: 15px; background-image: url(/images/skin/icon.save.png); background-size: 14px 14px; width: 21px; height: 21px; float: left; background-position: 4px 3px; margin-right: 7px; margin-top: 5px; background-repeat: no-repeat; } #Viewer_Fabcard #FabcardEditAsset .cmdSave:hover { color: #85C7F6; } #Viewer_Fabcard #FabcardEditAsset .cmdSave:hover .icon { background-color: #85C7F6; } #Viewer_Fabcard #FabcardEditAsset .cmdCancel { cursor: pointer; font-size: 12px; text-decoration: underline; float: left; display: inline; float: right; display: block; line-height: 30px; margin-bottom: 20px; margin-right: 20px; color: #888; } #Viewer_Fabcard .assets .overlay .create { position: absolute; width: 200px; height: auto; left: auto; right: 5px; top: -5px; z-index: 2; background-color: #fff; border: 1px solid #ccc; padding: 0px; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 0px 3px #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_Fabcard .assets .overlay .create .command { font-size: 12px; background-color: #fff; padding: 5px; width: 100%; display: block; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; color: #0452AC; } #Viewer_Fabcard .assets .overlay .create .command:hover { background-color: #fff; color: #85C7F6 } #Viewer_Fabcard .asset[state-mode="edit"] #FabcardAssetOptions { display: none; } #Viewer_Fabcard .asset[state-mode="edit"] .overlay .shell { display: none; } #Viewer_Fabcard .asset[state-mode="edit"] #FabcardEditAsset { display: block; } #Viewer_Fabcard #FabcardEditAsset { position: relative; top: 0px; left: 0; z-index: 15; margin-top: 7px; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_Fabcard #FabcardEditAsset .form { position: relative; top: 0; left: 0; z-index: 15; padding: 20px; padding-top: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Viewer_Fabcard #FabcardEditAsset label { display: block; line-height: 13px; font-size: 11px; color: #333; display: none; } #Viewer_Fabcard #FabcardEditAsset input, #Viewer_Fabcard #FabcardEditAsset textarea { width: 100%; line-height: 20px; height: 20px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } #Viewer_Fabcard #FabcardEditAsset textarea { height: 54px; line-height: 15px; } #Viewer_Fabcard .asset[data-is-asset="false"] #FabcardEditAsset .allbuilds { display: none; } #Viewer_Fabcard .asset .table.setup { } #Viewer_Fabcard .asset .table.setup .th, #Viewer_Fabcard .asset .table.setup .td { font-size: 11px; line-height: 13px; } #Viewer_Fabcard .asset .table.setup .td.trowcaption { font-size: 13px; line-height: 15px; text-transform: uppercase; } #Viewer_Fabcard .asset .table.setup .th { font-weight: bold; } #Nav_PartBom #Cmd_AddBuild { width: auto; text-align: center; float: left; color: #0452AC; } #Cmd_AddBuild .icon { margin-left: 2px; margin-top: 2px; background-color: #0452AC; border-radius: 10px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 15px; height: 15px; float: left; background-position: -149px -3px; margin-right: 4px; } #Fabcard_Layers .layer { margin-bottom: 5px; border: 1px solid #ccc; } #Viewer_Fabcard #Fabcard_Layers .layer .title { font-size: 10px; position: relative; top: 0; left: 0; text-transform: none; padding: 0; margin: 0; text-align: left; padding-left: 4px; } #Fabcard_Layers .layer .partnumber { font-size: 9px; text-align: right; padding: 2px; } #Fabcard_Layers .layer img { max-height: 50px; } #Fabcard_Layers .layer { text-align: center; } #Fabcard_Layers .layer .command { text-indent: -9999px; height: 15px; width: 15px; background-size: 15px 15px; position: absolute; top: 1px; right: 5px; background-color: #0C4088; } #Fabcard_Layers .layer .cmdHide { display: block; background-image: url(/images/skin/icon.visible.png); } #Fabcard_Layers .layer .cmdShow { display: none; background-image: url(/images/skin/icon.hidden.png); } #Fabcard_Layers .layer[state-visible="false"] .cmdHide { display: none; } #Fabcard_Layers .layer[state-visible="false"] .cmdShow { display: block; } #Viewer_Fabcard #Fabcard_Layers .layer[state-visible="false"] .title { background-color: #ccc; color: #666; } #Viewer_Fabcard #Fabcard_Layers .layer[state-visible="false"] { opacity: .4; } #Viewer_Fabcard #Fabcard_Layers .layer[state-visible="false"] .command { background-color: #ccc; } #List_FabcardPage { float: left; width: 100%; } #Lv_Assets .assets, #Lv_Bom .parts, #Lv_Fabcard .cards { width: 100%; } #Lv_Assets ul, #Lv_Bom ul, #Lv_Fabcard ul { width: 100%; display: block; } #Lv_Assets ul li, #Lv_Bom ul li, #Lv_Fabcard ul li { width: 100%; display: block; } #Lv_Assets .assets .asset .cmdShow, #Lv_Bom .parts .part .cmdShow, #Lv_Fabcard .cards .card .cmdShow { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Lv_Assets .assets .asset.focus .cmdShow, #Lv_Bom .parts .part.focus .cmdShow, #Lv_Fabcard .cards .card.focus .cmdShow { width: 100%; } #Lv_Assets .assets .asset.focus .editcommands, #Lv_Bom .parts .part.focus .editcommands, #Lv_Fabcard .cards .card.focus .editcommands { width: 100%; } #Cmd_GotoComponent { text-decoration: underline; float: right; } #Viewspace_Part[state-target="master"] #Cmd_GotoComponent { display: none; } #Fabcard .basketTitle { float: left; width: auto; display: block; } #Fabcard_Download { display: block; text-indent: -9999px; background-image: url(/images/skin/commands.sprite.png); background-size: 500px 50px; width: 21px; height: 21px; background-position: -315px -2px; margin-left: 7px; float: left; clear: none; } #AddComponent_Dialog #fPartNumber, #PartSetupValues .partnumber input, #PartProduct .sku input { text-transform: uppercase; } .view404 #Nav_Main { display: none; } .view404 #Cnt_Content #Content { padding: 0; } @media only screen and (max-width:1200px) { #Cnt_Content #Content .authLookupModule #Sidebar_Search { width: 100%; margin: 0; clear: both; float: left; margin-top: 50px; } #Cnt_Content #Content .authLookupModule #Sidebar_Search .group { width: 240px; } #Cnt_Content #Content #Mod_PartSearch #Content_Search, #Cnt_Content #Content #Mod_EventSearch #Content_Search { margin: 0; clear: both; float: left; margin-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Cnt_Content #Content #Dv_PartAssets #Lv_Assets, #Cnt_Content #Content #Dv_PartBom #Lv_Bom, #Cnt_Content #Content #Dv_Fabcard #Lv_Fabcard { width: 170px; } #Cnt_Content #Content #Dv_PartAssets #Viewspace_Detail, #Cnt_Content #Content #Dv_PartBom #Viewspace_Part, #Cnt_Content #Content #Dv_Fabcard #Viewspace_Fabcard { padding-left: 190px; } #Lv_Assets .assets .asset, #Lv_Bom .parts .part, #Lv_Fabcard .cards .card { font-size: 10px; } #Lv_Assets .assets .asset .caption, #Lv_Bom .parts .part .caption, #Lv_Fabcard .cards .card .caption { font-size: 10px; } #Lv_Assets .assets .asset .editcommands .command, #Lv_Bom .parts .part .editcommands .command, #Lv_Fabcard .cards .card .editcommands .command { font-size: 10px; } #Fabcard_Layers { width: 80px; } #Fabcard { padding-right: 90px; } #Options_SearchView { width: 100%; float: left; clear: both; height: auto; position: relative; top: -15px; left: 110px; z-index: 2; } #Options_SearchView .command { text-indent: -9999px; padding: 0; } } @media only screen and (max-width:850px) { #Header .cmdDrawer { display: block; } #Cnt_Content #Sidebar { display: none; } .drawerActive #Cnt_Content #Sidebar { position: fixed; top: 0; left: 0; display: block; z-index: 1000; min-height: 100%; height: 100vh; background-color: #000; } .drawerActive #Cnt_Content #Sidebar #Nav_Main { } #Header .media { display: none; } .viewContent #Header .logo { display: none; } #Body #Ftr_Main { padding-left: 0; padding-bottom: 100px; } #Cnt_Content #Content { padding-left: 0; } #Cnt_Content #Content .mainContent { padding-left: 0; } body.view #Header #Tagline { text-indent: 0; display: block; font-size: 14px; color: #fff; position: absolute; top: 0; left: 45px; text-transform: uppercase; padding: 0; margin: 0; line-height: 40px; } body.view #Header .logo { display: none; } #Hdr_Main { height: 40px; padding: 0; } #Dt_Greeting { top: 0; } #Dt_Greeting .username .icon { width: 35px; height: 25px; margin: 0; padding: 0; line-height: 20px; margin-top: 5px; } #Secondary_Search .facets { display: none; } #Items_PartResult .item .data.skus, #Items_PartResult .item .data.retailSkus, #Items_PartResult .item .data.customers, #Items_PartResult .item .data.category, #Items_PartResult .item .data.name { width: auto; } #Cnt_Content #Content #Mod_PartSearch #Content_Search, #Cnt_Content #Content #Mod_EventSearch #Content_Search { width: 100%; } } .loader { width: 40px; height: 30px; --c: linear-gradient(currentColor 0 0); background: var(--c) 0 100%/8px 30px, var(--c) 50% 100%/8px 20px, var(--c) 100% 100%/8px 10px; background-repeat: no-repeat; position: relative; clip-path: inset(-100% 0); margin: 50px auto; color: #000; } .loader:before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: currentColor; left: -16px; top: 0; animation: db5-1 2s linear infinite, db5-2 0.5s cubic-bezier(0,200,.8,200) infinite; } @keyframes db5-1 { 0% { left: -16px; transform: translateY(-8px) } 100% { left: calc(100% + 8px); transform: translateY(22px) } } @keyframes db5-2 { 100% { top: -0.1px } }