/* -------------------- * Elements * -------------------- */ body{background-color: #333; font-family: Verdana, Arial, Helvetica;} form{background-color: inherit !important;} hr{color: #333 !important; border: 0; height: 1px; background: #333; } a{font-weight: bold;} a:hover{text-decoration: none !important;} textarea{border: solid 1px #8f98ba !important;} textarea, input[type=text], a img[src="../../images/btn_icon.png"], a img[src="/dfweb/images/btn_icon.png"],a img[src="../../images/btn_icon.gif"], a img[src="/dfweb/images/btn_icon.gif"],a img[src="/dfweb/images/btn_icon.gif?v=4.5"], a img[src="../../images/btn_icon.gif?v=4.5"], a img[src="/dfweb/images/cal.gif"],a img[src="/dfweb/images/cal.gif?v=4.5"], input.boxlook{margin-bottom: 1px !important; } img, input[src]{border: none !important;} /*h1{font-family: BebasNeueRegular !important; font-size: 28px; padding: 0; margin: 0;}*/ td, div{vertical-align: top !important;} label.label{vertical-align: top !important;} a img[src="../../images/btn_icon.png"], a img[src="/dfweb/images/btn_icon.png"],a img[src="../../images/btn_icon.gif"], a img[src="/dfweb/images/btn_icon.gif"],a img[src="/dfweb/images/btn_icon.gif?v=4.5"], a img[src="../../images/btn_icon.gif?v=4.5"], img[src="../../images/btn_icon.png"], img[src="/dfweb/images/btn_icon.png"],img[src="../../images/btn_icon.gif"], img[src="/dfweb/images/btn_icon.gif"],img[src="/dfweb/images/btn_icon.gif?v=4.5"], img[src="../../images/btn_icon.gif?v=4.5"]{background-color: #0B3E6F;} img.thumbnail{width: 135px; height: auto; border-radius: 2px; box-shadow: 1px 2px 3px #333;} img{image-orientation: from-image; /* Fixes images in ppc from rotating when they aren't supposed to be rotated */} /* -------------------- * Classes * -------------------- */ .bebas{font-family: BebasNeueRegular !important; font-weight: normal !important;} .separatorline{background-color: #0B3E6F; color: white;} .textbox_red{background-color: #ffcccc; color: #BA0909;} .reportHeader{background-color: #0B3E6F !important;} tr.reportHeader td, tr.reportHeader td a, td.reportHeader a{color: white !important;} .mr-show{display: none;} /* -------------------- * Input Fields * -------------------- */ a img[src="/dfweb/images/btn_icon.png"], a img[src="/dfweb/images/btn_icon.png?v=4.5"], a img[src="/dfweb/images/btn_icon.gif"], a img[src="/dfweb/images/btn_icon.gif?v=4.5"], a img[src="../../images/btn_icon.gif"], a img[src="../../images/btn_icon.gif?v=4.5"]{display: inline-block; margin-left: -5px; height: 18px; width: 18px; border: none;} a img[src="/dfweb/images/cal.gif"], a img[src="/dfweb/images/cal.gif?v=4.5"]{display: inline-block; margin-left: -2px; border: none;} input[type=text]{padding: 0; margin: 0; vertical-align: top;} input[type=text],input[type=text].textbox{border-color: #8f98ba; border-style: solid; border-width: 1px;} input[type=text],input[type=text].textbox, input[type=text].textbox_display, input[type=text].textbox_red{height: 18px !important; padding-left: 2px;} /* -------------------- * New Header * -------------------- */ #newHeader, #newHeader2{height: 35px; position: fixed; top: 0; width: 750px; background-color: #0B3E6F !important; color: #fff !important; left: 0; padding-left: 4px;} #newHeader a{color: #fff !important; text-decoration: none;} #newHeader input{font-size: 10px; height: 25px !important; padding: 2px; border-radius: 4px; margin-right: 3px; margin-top: 5px; margin-bottom: 0; background-color: white !important;} #newHeader img, #newHeader form{/*display: none;*/ display: inline;} #newHeader .inputform{color: #fff !important;} #newHeader table td{padding: 0; margin: 0; } #newHeader td{vertical-align: top;} #newHeader a#newHeaderLogo{font-size: 18px !important; display: block; width: 100%; margin-top: 5px;} .newHeaderLinks{padding-right: 5px !important;} .newHeaderLinks a, #newHeaderWelcome{font-size: 10px !important; font-weight: bold;} .newHeaderLinks ul, #newHeaderWelcome ul{display: block; list-style: outside none none; margin: 5px 0 0; padding: 0; vertical-align: top;} .newHeaderLinks ul li{display: inline-block; margin-left: 8px; padding: 0;} #newHeader #newHeaderWelcome ul li{display: inline-block; padding: 0;} #newHeader a{font-size: 10px;} #newHeader #newHeaderWelcome br{height: 0px; display: none !important;} #newHeader #newHeaderWelcome{height: 28px !important;} /* -------------------- * New Main Content Table * -------------------- */ #newMainTable{padding: 0; margin: 0; border: 0; margin-top: 30px; } table#newMainTable{margin-top: 35px;} div.sizeMe{background-color: #f4f4f4;} #newOtherScreens td[onclick]{cursor: pointer;} #newOtherScreens td img, #newSystemsMenuImage{background-color: #0B3E6F; border-radius: 5px; padding: 10px;} td#newOtherScreens td{vertical-align: top;} #systems_menu.newJumpToSystemsMenu strong{font-size: 14px;} #systems_menu.newJumpToSystemsMenu img{display: none;} #systems_menu.newJumpToSystemsMenu a{height: 6px; display: block; } img.background, input.background, input[name="SearchMNI"], input[name="SearchMNI_1"], input[name="SearchMNI_2"], input[name="SearchMVI"]{background-color: #0B3E6F; border-radius: 5px; padding: 10px; cursor: pointer;} td.background{background-color: #0B3E6F;} #dialogArea{position: absolute; top: 75px; left: 50%; } /* -------------------- * New Sidebar * -------------------- */ p{padding: 0; margin: 0; padding-bottom: 10px;} #divStayTopLeft .tableHeader{background-color: #0B3E6F; height: 26px; color: white;} #divStayTopLeft .tableHeader a, #divStayTopLeft .tableHeader p{color: white !important;} #divStayTopLeft .tableHeader img{display: none;} #divStayTopLeft table tbody{padding: 0; margin: 0;} #divStayTopLeft table center a img{display: block; border: solid 1px #333; box-shadow: 0 0 3px #333; border-radius: 5px;} #divStayTopLeft img{display: none;} #divStayTopLeft #newTreeSidebar img, #newMniTree img{display: inline-block !important; background-color: #0B3E6F; border-radius: 3px; padding: 3px; margin-right: 3px;} #divStayTopLeft #newTreeSidebar img.perImage{background-color: #fff !important;} #newMniTree img{margin-bottom: 5px;} #newTreeSidebar .perImage{width: 90%; height: auto; text-align: center;} /* #newTreeSidebar img, #newMniTree img{display: none !important;} */ #divStayTopLeft #newTreeSidebar img[src="/dfweb/images/m.gif"], #newMniTree img[src="/dfweb/images/m.gif"], #divStayTopLeft #newTreeSidebar img[src="/dfweb/images/m.gif?v=4.5"], #newMniTree img[src="/dfweb/images/m.gif?v=4.5"]{background: none !important;} #newSidebar{width: 225px !important;} /* -------------------- * Menus * -------------------- */ #newSystemsMenu table td, #newOtherScreens td{background-color: #f4f4f4;} #newSystemsMenu table tr{width: 400px;} p#newSystemsMenu table tr{background-color: #0B3E6F; display: block; border-radius: 5px; margin-bottom: 5px; cursor: pointer !important;} p#newSystemsMenu table tr td{background-color: #0B3E6F;} p#newSystemsMenu table{border-spacing: 5px;} p#newSystemsMenu table tr td{background-color: #0B3E6F; border-radius: 5px; margin-bottom: 30px; cursor: pointer !important; padding: 5px; width: 100%;} p#newSystemsMenu tr td a{color: white !important;} /* -------------------- * New Footer * -------------------- */ #newFooter{padding-top: 5px; padding-bottom: 5px; border-radius: 0 0 8px 8px;} #newFooter img{height: 32px; width: 70px;} /* -------------------- * Navigation * -------------------- */ a#navigation-toggle{cursor: pointer;} #navigation-toggle{position: fixed; left: 0; height: 50px; width: 35px; margin-top: 35px; margin-left: 4px; z-index: 9999;} #navigation-toggle span{margin-top: 15px;} #navigation-toggle span.ui-accordion-header-icon{margin-left: 10px;} #navigation{margin-top: 25px; width: 235px; position: fixed; left: 0; overflow-y: auto; z-index: 9999; display: none;} #navigation a{font-weight: normal !important;} #navigation .ui-accordion-content{padding: 8px 8px !important;} #mainMenuSystems{width: 225px;} #mainMenuSystems h3, #mainMenuSystems a{font-weight: normal !important;} /* -------------------- * General Tables * -------------------- */ td{border: none !important;} table{border: 0 !important; background-color: #f4f4f4;} table.border, table.border td{border: solid 1px #333 !important;} /*.border{border: solid 1px #333 !important; display: block; padding: 5px;}*/ /* Removed 3/21/2018 because display: block caused issues with batch report tables. /* -------------------- * Table Grids * -------------------- */ table.searchResults, tr.searchResults, table td.reportHeader, table td.searchResults{background-color: #0B3E6F; color: white;} /* table.searchResults makes some tables like the RIM Sidebar and FLD purge text show up in white which clashes with the background color of the rows */ table.searchResults td{color: white;} table.searchResults tr[onmouseover] td{color: #333;} table tr[onclick] td, table.searchresults tr[onclick], table td[onclick]{color: #333 !important; cursor: pointer;} table tr.searchResults1 td, table tr.searchResults2 td, table td.searchResults1, table td.searchResults2{color: #333;} table tr.searchResults1{background-color: #DBEDFC;} table.reportHeader td{color: white !important;} table.reportHeader tr[bgcolor] td, table.reportHeader tr[bgcolor] td a{color: black !important;}/* This was added so if a table has class="reportHeader" and the bgcolor is light blue for a table row, make the font color black */ /* -------------------- * Table Row Colors * -------------------- */ /* Unsubmitted - Purple */ table tr[bgcolor="#CC99FF"], table td[bgcolor="#CC99FF"], table tr[bgcolor="#CC33FF"], table td[bgcolor="#CC33FF"], table tr[bgcolor="#9966ff"], table td[bgcolor="#9966ff"], table tr[bgcolor="#800080"], table td[bgcolor="#800080"], table tr[bgcolor="purple"], table td[bgcolor="purple"]{background-color: #DCC9EF !important; color: #41008C !important;} table tr[bgcolor="#CC99FF"] a, table tr[bgcolor="#CC99FF"] td, table tr[bgcolor="#CC33FF"] a, table tr[bgcolor="#CC33FF"] td, table tr[bgcolor="#9966ff"] a, table tr[bgcolor="#9966ff"] td, table tr[bgcolor="#800080"] a, table tr[bgcolor="#800080"] td, table tr[bgcolor="purple"] a, table tr[bgcolor="purple"] td{color: #41008C !important;} /* Resubmitted - Pink */ table tr[bgcolor="#ff0099"], table td[bgcolor="#ff0099"], table tr[bgcolor="#ff0066"], table td[bgcolor="#ff0066"], table tr[bgcolor="#FF33CC"], table td[bgcolor="#FF33CC"], table tr[bgcolor="#FF66CC"], table td[bgcolor="#FF66CC"], table tr[bgcolor="FF66CC"], table td[bgcolor="FF66CC"]{background-color: #FFB7D4 !important; color: #ff0066 !important;} table tr[bgcolor="#ff0099"] a, table tr[bgcolor="#ff0099"] td, table tr[bgcolor="#ff0066"] a, table tr[bgcolor="#ff0066"] td, table tr[bgcolor="#FF66CC"] a, table tr[bgcolor="#FF66CC"] td, table tr[bgcolor="FF66CC"] a, table tr[bgcolor="FF66CC"] td, table tr[bgcolor="#FF33CC"] a, table tr[bgcolor="#FF33CC"] td{color: #ff0066 !important;} /* Submitted/Not Approved within 30 days - Orange */ table tr[bgcolor="#FFCC33"], table td[bgcolor="#FFCC33"], table tr[bgcolor="#FFA500"], table td[bgcolor="#FFA500"], table tr[bgcolor="#FF9933"], table td[bgcolor="#FF9933"], table tr[bgcolor="#FF9900"], table td[bgcolor="#FF9900"]{background-color: #fcc83a !important; color: #8C6600 !important;} table tr[bgcolor="#FFCC33"] a, table tr[bgcolor="#FFCC33"] td, table tr[bgcolor="#FFA500"] a, table tr[bgcolor="#FFA500"] td, table tr[bgcolor="#FF9933"] a, table tr[bgcolor="#FF9933"] td, table tr[bgcolor="#FF9900"] a, table tr[bgcolor="#FF9900"] td{color: #8C6600 !important;} table tr[bgcolor="#F67F00"], table td[bgcolor="#F67F00"]{background-color: #FFBE1C !important; color: #725200 !important;} table tr[bgcolor="#F67F00"] a, table tr[bgcolor="#F67F00"] td{color: #725200 !important;} /* Confidential - Light Red */ table tr[bgcolor="#F5A9A9"], table td[bgcolor="#F5A9A9"]{background-color: #FFDDDD !important; color: #A80000 !important;} table tr[bgcolor="#F5A9A9"] a, table tr[bgcolor="#F5A9A9"] td{color: #A80000 !important;} /* Disapproved - Dark Red */ table tr[bgcolor="#FF3300"], table td[bgcolor="#FF3300"], table tr[bgcolor="#FF0000"], table td[bgcolor="#FF0000"]{background-color: #ED9784 !important; color: #A80000 !important;} table tr[bgcolor="#FF3300"] a, table tr[bgcolor="#FF3300"] td, table tr[bgcolor="#FF0000"] a, table tr[bgcolor="#FF0000"] td{color: #A80000 !important;} table tr[bgcolor="#FF3300"] td font{color: #A80000 !important;} /* Bright Red */ body table tr[bgcolor="#FF0001"], body table tr td[bgcolor="#FF0001"],body table tr[bgcolor="#FF0001"]:hover, body table tr td[bgcolor="#FF0001"]:hover{background-color: #FF0001 !important; color: white !important;} table tr[bgcolor="#FF0001"] a, table tr[bgcolor="#FF0001"] td{color: white !important;} /* Submitted/Not Approved - Green */ table tr[bgcolor="#66FF66"], table td[bgcolor="#66FF66"], table tr[bgcolor="#5EFB6E"], table td[bgcolor="#5EFB6E"]{background-color: #CFFFC6 !important; color: #2A8028 !important;} table tr[bgcolor="#66FF66"] a, table tr[bgcolor="#66FF66"] td, table tr[bgcolor="#5EFB6E"] a, table tr[bgcolor="#5EFB6E"] td{color: #2A8028 !important;} /* First Tier Approval - Light Blue */ table tr[bgcolor="#00FFFF"], table td[bgcolor="#00FFFF"], table tr[bgcolor="#00FFFC"], table td[bgcolor="#00FFFC"]{background-color: #ADFFFF !important; color: #00A8A8 !important;} table tr[bgcolor="#00FFFF"] a, table tr[bgcolor="#00FFFF"] td, table tr[bgcolor="#00FFFC"] a, table tr[bgcolor="#00FFFC"] td{color: #007777 !important;} /* Approved - White */ table tr[bgcolor="white"], table td[bgcolor="white"]{color: black !important;} table tr[bgcolor="white"] a, table tr[bgcolor="white"] td{color: black !important;} /* MNI Flag/Alert - Teal */ table tr[bgcolor="#9DD7D3"], table td[bgcolor="#9DD7D3"]{background-color: #C2E8E4; color: #00776B !important;} table tr[bgcolor="#9DD7D3"] a, table tr[bgcolor="#9DD7D3"] td{color: #00776B !important;} /* MNI Merged - Blue */ table tr[bgcolor="#3366FF"], table td[bgcolor="#3366FF"]{background-color: #BCCDFF; color: #001F7C !important;} table tr[bgcolor="#3366FF"] a, table tr[bgcolor="#3366FF"] td{color: #001F7C !important;} /* Table Offset - Light Blue */ table tr[bgcolor="#FFFFcc"], table td[bgcolor="#FFFFcc"]{background-color: #DBEDFC; color: #00165B !important;} table tr[bgcolor="#FFFFcc"] a, table tr[bgcolor="#FFFFcc"] td{color: #00165B !important;} /* Table Highlight - Dark Blue */ table tr[bgcolor="#0099ff"], table td[bgcolor="#0099ff"]{background-color: #5CB3ED; color: #004777 !important;} table tr[bgcolor="#0099ff"] a, table tr[bgcolor="#0099ff"] td{color: #004777 !important;} /* Supplement Disabled - Dark Grey */ table tr[bgcolor="#666666"], table td[bgcolor="#666666"]{background-color: #aaaaaa; color: #333333 !important;} table tr[bgcolor="#666666"] a, table tr[bgcolor="#666666"] td{color: #333333 !important;} /* CSM Assigned - Green */ table tr[bgcolor="99FF00"], table td[bgcolor="99FF00"], table tr[bgcolor="#99FF00"], table td[bgcolor="#99FF00"], table tr[bgcolor="00CC00"], table td[bgcolor="00CC00"], table tr[bgcolor="#00CC00"], table td[bgcolor="#00CC00"]{background-color: #C6FF72 !important; color: #447200 !important;} table tr[bgcolor="99FF00"] a, table tr[bgcolor="99FF00"] td, table tr[bgcolor="#99FF00"] a, table tr[bgcolor="#99FF00"] td, table tr[bgcolor="99FF00"] a, table tr[bgcolor="99FF00"] td, table tr[bgcolor="#99FF00"] a, table tr[bgcolor="#99FF00"] td{color: #447200 !important;} /* Brown */ table tr[bgcolor="#996633"], table td[bgcolor="#996633"]{background-color: #CEAC8A; color: #493119 !important;} table tr[bgcolor="#996633"] a, table tr[bgcolor="#996633"] td{color: #493119 !important;} /* CSM Case Notes Available - Yellow */ table tr[bgcolor="FFCD00"], table td[bgcolor="FFCD00"],table tr[bgcolor="#FFCD00"], table td[bgcolor="#FFCD00"], table tr[bgcolor="FFFF49"], table td[bgcolor="FFFF49"], table tr[bgcolor="#FFFF49"], table td[bgcolor="#FFFF49"], table tr[bgcolor="#FFFF66"], table td[bgcolor="#FFFF66"]{background-color: #FFFDB7 !important; color: #7C7A00 !important;} table tr[bgcolor="FFCD00"] a, table tr[bgcolor="FFCD00"] td, table tr[bgcolor="#FFCD00"] a, table tr[bgcolor="#FFCD00"] td, table tr[bgcolor="FFFF49"] a, table tr[bgcolor="FFFF49"] td, table tr[bgcolor="#FFFF49"] a, table tr[bgcolor="#FFFF49"] td, table tr[bgcolor="#FFFF66"] a, table tr[bgcolor="#FFFF66"] td{color: #7C7A00 !important;} /* TOU Specific */ table tr[bgcolor="#9BB6B5"], table td[bgcolor="#9BB6B5"], table tr[bgcolor="#9BB6B5"] a, table tr[bgcolor="#9BB6B5"] td{color: #004C48;} table tr[bgcolor="#E6E6E6"], table td[bgcolor="#E6E6E6"], table tr[bgcolor="#E6E6E6"] a, table tr[bgcolor="#E6E6E6"] td{color: #444444;} table tr[bgcolor="#CCD3AB"], table td[bgcolor="#CCD3AB"], table tr[bgcolor="#CCD3AB"] a, table tr[bgcolor="#CCD3AB"] td{color: #4A5900;} table tr[bgcolor="#AOA486"], table td[bgcolor="#AOA486"], table tr[bgcolor="#AOA486"] a, table tr[bgcolor="#AOA486"] td{color: #383100;} /* PAE Specific */ /* Checked In - White */ table tr[bgcolor="white"], table tr[bgcolor="white"] td font[color="blue"], table tr td[bgcolor="white"], table tr td[bgcolor="white"] font[color="blue"]{color: black;} /* Released - Green */ table tr[bgcolor="green"], table tr[bgcolor="green"] td font[color="lightblue"], table tr td[bgcolor="green"], table tr td[bgcolor="green"] font[color="lightblue"]{background-color: #CFFFC6; color: #2A8028;} /* Checked out - Orange*/ table tr[bgcolor="orange"], table tr[bgcolor="orange"] td font[color="blue"], table tr td[bgcolor="orange"], table tr td[bgcolor="orange"] font[color="blue"]{background-color: #FFD972; color: #8C6600;} /* Pending Destroy - Brown */ table tr[bgcolor="brown"], table tr[bgcolor="brown"] td font[color="lightblue"], table tr td[bgcolor="brown"], table tr td[bgcolor="brown"] font[color="lightblue"]{background-color: #D3C9BC; color: #3F290D;} /* Destroyed - Purple*/ table tr[bgcolor="purple"], table tr[bgcolor="purple"] td font[color="lightblue"], table tr td[bgcolor="purple"], table tr td[bgcolor="purple"] font[color="lightblue"]{background-color: #DCC9EF; color: #41008C;} /* Records Retention - Light Blue*/ table tr[bgcolor="cyan"], table tr[bgcolor="cyan"] td font[color="blue"], table tr td[bgcolor="cyan"], table tr td[bgcolor="cyan"] font[color="blue"]{background-color: #DBEDFC; color: #00165B;} /* Auctioned - Red */ table tr[bgcolor="red"], table tr[bgcolor="red"] td font[color="lightblue"], table tr td[bgcolor="red"], table tr td[bgcolor="red"] font[color="lightblue"]{background-color: #ED9784; color: #A80000;} /* Only in RIM - Yellow */ table tr[bgcolor="yellow"], table tr[bgcolor="yellow"] td font[color="blue"], table tr td[bgcolor="yellow"], table tr td[bgcolor="yellow"] font[color="blue"]{background-color: #FFFCAA; color: #5E5C00;} table.pae-table tr td[bgcolor="#CC99FF"], table.pae-table tr td[bgcolor="#9966ff"], table.pae-table tr td[bgcolor="#ff0099"], table.pae-table tr td[bgcolor="#ff0066"], table.pae-table tr td[bgcolor="#FF33CC"], table.pae-table tr td[bgcolor="#FFCC33"], table.pae-table tr td[bgcolor="#FFA500"], table.pae-table tr td[bgcolor="#FF9900"], table.pae-table tr td[bgcolor="#F5A9A9"], table.pae-table tr td[bgcolor="#FF3300"], table.pae-table tr td[bgcolor="#F67F00"], table.pae-table tr td[bgcolor="#775E53"], table.pae-table tr td[bgcolor="#66FF66"], table.pae-table tr td[bgcolor="#00FFFF"], table.pae-table tr td[bgcolor="#9DD7D3"], table.pae-table tr td[bgcolor="#3366FF"], table.pae-table tr td[bgcolor="#FFFFcc"], table.pae-table tr td[bgcolor="#666666"], table.pae-table tr td[bgcolor="#99FF00"], table.pae-table tr td[bgcolor="#00CC00"], table.pae-table tr td[bgcolor="#FFCD00"], table.pae-table tr td[bgcolor="#FFFF49"], table.pae-table tr td[bgcolor="#FFFF66"], table.pae-table tr td[bgcolor="#FFFF66"], table.pae-table tr td[bgcolor="#9BB6B5"], table.pae-table tr td[bgcolor="#E6E6E6"], table.pae-table tr td[bgcolor="#CCD3AB"], table.pae-table tr td[bgcolor="#AOA486"], table.pae-table tr td[bgcolor="green"], table.pae-table tr td[bgcolor="orange"], table.pae-table tr td[bgcolor="white"], table.pae-table tr td[bgcolor="brown"], table.pae-table tr td[bgcolor="purple"], table.pae-table tr td[bgcolor="cyan"], table.pae-table tr td[bgcolor="red"], table.pae-table tr td[bgcolor="yellow"]{padding: 5px 10px; border: solid 1px #999 !important;} table td a.button1{color: white !important;} /* -------------------- * System Header * -------------------- */ table[dwcopytype="CopyTableRow"] td{background-color: #0B3E6F !important; color: white; height: 32px; min-height: 32px; min-width: 20px; font-weight: bold;} table[dwcopytype="CopyTableRow"] td p{color: white !important;} table[dwcopytype="CopyTableRow"] td img{display: none;} /* -------------------- * Buttons * -------------------- */ .boxlook, .boxlook4, .boxlook_blue, .button1, .button3, #modal_dialog .ok_button, input[type=button]{padding: 2px;} .boxlook, .boxlook4, .boxlook_blue, #modal_dialog .ok_button, input[type=button]{/*padding: 5px;*/ background-color: #0B3E6F !important; color: #fff; border-radius: 3px; cursor: pointer; } .boxlook:hover, #modal_dialog .ok_button:hover, input[type=button]:hover{background-color: #0C3257 !important;} .boxlook:focus, #modal_dialog .ok_button:focus, input[type=button]:hover{background-color: #1B5A96;} .boxlook[disabled], .boxlook[disabled]:hover, input[type=button][disabled], input[type=button][disabled]:hover{cursor: default !important; background-color: #A3B0BD !important; border-color: #B0B9C2 !important;} input[value="Print"].boxlook, input[value="Back"].boxlook, input[value="Close"].boxlook{padding: 5px;} .button1, .button3, input[type=button]{/*padding: 5px;*/background-color: #0B3E6F; color: #fff; border-radius: 3px; cursor: pointer; vertical-align: top;} input.button3{background-color: #008C00 !important; border-color: #005600 !important;} input.button3:hover{background-color: #007200 !important; border-color: #004400 !important;} .button1.fixed, .button3.fixed{width: 100px;} #cad_message{margin: 0 2px; background-color: #C9DDFF; color: #184BA3 !important; padding: 5px; border: solid 1px #184BA3; font-size: 18px;} /* -------------------- * Narrative * -------------------- */ .rteBack tbody tr td, .rteBack tr td, .rteBack td img{background-color: #bbb !important;} table.rteBack{background-color: #bbb; color: white !important;} iframe#narrative{border: solid 2px #bbb; border-radius: 0 0 5px 5px;} /* -------------------- * Dialog Errors * -------------------- */ #modal_dialog_content {border: solid 1px #0B3E6F; border-radius: 8px; padding: 15px; box-shadow: 0 0 10px #333; height: auto !important; max-height: 400px !important;} #modal_dialog_content .alert_buttons{border-top: solid 1px #ddd;} #modal_dialog .alert_n, #modal_dialog .alert_e, #modal_dialog .alert_w, #modal_dialog .alert_s, #modal_dialog .alert_nw, #modal_dialog .alert_ne, #modal_dialog .alert_sw, #modal_dialog .alert_se{background: none;} .error { background-color: #F2DEDE; color: #a94442 !important; font-size: 10px; border: solid 1px #F2C1C9; padding: 10px; } div.alert_message,p.msg,a.msg{color: #FF6060 !important;} table.searchResults{} td.msg{background-color: #F2DEDE; color: #a94442 !important; font-size: 10px; border: solid 1px #F2C1C9; border-radius: 5px; padding: 10px;} td.msg a.msg{color: #a94442 !important; font-weight: normal;} /*------------------ Green Message Coloring For Dialog -------------------- */ p.msggreen,a.msggreen{color: rgb(10, 122, 0) !important;} td.msggreen{background-color: rgb(222, 242, 224); color: #4ea942 !important; font-size: 10px; border: solid 1px rgb(207, 242, 193); border-radius: 5px; padding: 10px;} td.msggreen a.msggreen{color: #4ba942 !important; font-weight: normal;} /* -------------------- * Main Menu and Jump To Systems * -------------------- */ table#mainmenuSystems td, #remark_list table td{background-color: #0b3e6f !important; border-radius: 3px; text-align: left !important; padding-left: 5px; cursor: pointer; padding-top: 5px; padding-bottom: 5px;} table#mainmenuSystems td:hover, #remark_list table td:hover{background-color: #0C3257 !important;} table#mainMenuSystems td img{float: right;} #remark_list table td img{padding-right: 5px;} table#mainmenuSystems a{color: white !important; font-size: 16px !important; font-family: BebasNeueRegular !important; font-weight: normal !important;} #remark_list table td a{color: white !important; font-weight: normal;} table#mainmenuClassicSystems td{background-color: #0b3e6f !important; border-radius: 3px; cursor: pointer;} table#mainmenuClassicSystems td a{color: white !important;} table#mainmenuClassicSystems td:hover{background-color: #0C3257 !important;} /* -------------------- * Ajax Windows * -------------------- */ #popup.dialog{box-shadow: 0 0 15px #333 !important; border-radius: 5px;} #popup_content{border: none !important;} .greylighting_n, .alphacube_n, .greylighting_nw, .alphacube_nw, .greylighting_ne, .alphacube_ne, .greylighting_e, .alphacube_e, .greylighting_w, .alphacube_w, .greylighting_s, .alphacube_s, .greylighting_sw, .alphacube_sw, .greylighting_se, .alphacube_se, .greylighting_sizer, .alphacube_sizer{background: none !important; background-color: #0b3e6f !important; margin-top: 5px !important; } .greylighting_nw, .alphacube_nw{border-radius: 5px 0 0 0;} .greylighting_ne, .alphacube_ne{border-radius: 0 5px 0 0 ;} .greylighting_sw, .alphacube_sw{border-radius: 0 0 0 5px;} .greylighting_se, .greylighting_sizer, .alphacube_se, .alphacube_sizer{border-radius: 0 0 5px 0;} .greylighting_title, .alphacube_title{color: #fff !important;} /* -------------------- * Tabs/Accordions * -------------------- */ .tabHeader{background-color: #0b3e6f !important; border-radius: 5px 5px 0 0; color: #fff !important;} font.tabHeader{display: block; width: 98%; color: #fff !important;} #accordionDiv .separatorline{background-color: #0b3e6f !important; color: white !important; cursor: pointer !important;} #accordionDiv .separatorline:hover{background-color: #0C3257;} /* -------------------- * PAE * -------------------- */ #newPaeLinks td{color: #ccc; background-color: #0b3e6f; border-radius: 5px 5px 0 0;} #newPaeLinks td:hover{background-color: #0C3257;} #newPaeLinks td a{color: white !important; cursor: pointer; display: block; padding: 5px; width: 100% !important;} /* -------------------- * Dashboard * -------------------- */ table#dashboard_modules{border-collapse:separate; border-spacing: 4px 6px;} #dashboard_modules h1{width: 100%; padding: 2px 0; margin: 0; text-align: center; background-color: #0b3e6f; color: white; border-radius: 3px 3px 0 0;} #dashboard_modules td{border: solid 1px #999 !important; border-radius: 5px; box-shadow: 1px 2px 3px #999; padding: 0; margin: 0;} #dashboard_modules iframe{width: 100%; /*height: 400px;*/ border: none !important;} #dashboard_modules iframe body{background-color: #F4F4F4;} .dashboardTable{width: 100%;} .dashboardTable th{background-color: #0b3e6f; color: #fff; font-size: 11px; text-align: left;} /* #newBody, #newBody #newHeader{width: 1200px; margin: 0 auto;} #newBody #newHeader{position: relative;} #newBody #newMainTable{margin-top: 0;} */ .system-header{margin-bottom: 4px !important; display: block;} .search-header{padding-top: 8px; padding-bottom: 8px; color: white !important; font-weight: bold;} #newHeader, #newHeader2{z-index: 999;} #newBody{width: 1018px; margin: 0 auto;} #newBody #newHeader{width: 1018px; right: 0; left: 0; margin-right: auto; margin-left: auto;} #newHeader2{height: 35px; width: 100%;} #newFormDiv{overflow-y: scroll;} .buttonArea{width: 100%;} .buttonAreaTop{border-bottom: solid 1px #999 !important;} .buttonAreaBottom{border-top: solid 1px #999 !important;} iframe{border: none !important;} .ui-dialog .ui-dialog-content{padding: 0 !important;} input#val_desc{height: 30px !important; margin-right: 5px;} .dmHeader{text-align: center; font-size: 13px !important;} .plupload_cell, .plupload_file_status, .plupload_file_size{color: #fff !important;} /* -------------------- * jQuery UI * -------------------- */ #topTabs.ui-widget-content{background-color: #F4F4F4 !important;} .ui-tabs .ui-tabs-panel{padding: 0 !important;} #user-settings .ui-accordion-content{padding: 2px;} .ui-dialog{z-index: 99999 !important;} .ui-datepicker-trigger{cursor: pointer !important; vertical-align: top !important;} input.ui-button, input.boxlook{padding: 2px 8px !important;} /* -------------------- * Fonts * -------------------- */ @font-face{ font-family: 'BebasNeueRegular'; src: url('/dfweb/css/fonts/BebasNeue/BebasNeue-webfont.eot'); src: url('/dfweb/css/fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('/dfweb/css/fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'), url('/dfweb/css/fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'), url('/dfweb/css/fonts/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } div#framei{width: 770px !important;} /* Datatables */ .sorting{cursor: pointer;} .DataTables_sort_icon{float: right;} .dataTables_length, .dataTables_filter{margin: 10px 0;} .datatables_length select{border: solid 1px #999;} .datatables_filter input{border: solid 1px #999; padding: 5px 0;} /* -------------------- * Responsiveness * -------------------- */ @media screen and (max-width: 1050px){ body, p, table td, a, input[type=text],input[type=text].textbox, input[type=text].textbox_red, input[type=text].textbox_display, #newHeader a, #newHeader input, .button1, .button3, .boxlook{font-size: 10px !important;} #newBody, #newHeader{width: 970px !important;} div#divStayTopLeft{/*left: 1150px; width: 300px;*/} #newSidebar{width: 200px !important;} } @media screen and (min-width: 1250px){ div#framei{width: 100% !important; height: 300px !important;} div#framei a[name=table]{height: 100%;} div#framei.large{height: 1000px !important;} body, p, table td, a, input[type=text],input[type=text].textbox, input[type=text].textbox_red, input[type=text].textbox_display, #newHeader a, #newHeader input, .button1, .button3, .boxlook{font-size: 12px !important;} input[type=text],input[type=text].textbox, input[type=text].textbox_red, input[type=text].textbox_display, a img[src="/dfweb/images/btn_icon.png"], a img[src="/dfweb/images/btn_icon.png?v=4.5"], a img[src="/dfweb/images/btn_icon.gif"], a img[src="/dfweb/images/btn_icon.gif?v=4.5"], a img[src="../../images/btn_icon.gif"], a img[src="../../images/btn_icon.gif?v=4.5"]{height: 24px !important;} a img[src="/dfweb/images/btn_icon.png"], a img[src="/dfweb/images/btn_icon.png?v=4.5"], a img[src="/dfweb/images/btn_icon.gif"], a img[src="/dfweb/images/btn_icon.gif?v=4.5"], a img[src="../../images/btn_icon.gif"], a img[src="../../images/btn_icon.gif?v=4.5"]{width: 24px !important;} table#newMainTable, table#newHeader{width: 100%;} #newBody, #newHeader{width: 1150px !important;} div#divStayTopLeft{/*left: 950px; width: 250px;*/} div#divStayTopLeft table{width: 100%;} table#newMainTable{margin-top: 35px;} #newHeader a#newHeaderLogo{font-size: 24px !important; } #newHeader input{height: 25px;} .button1.fixed, .button3.fixed{width: 150px;} #mainmenuSystems{width: 325px !important;} /*#mainmenuSystems a{font-size: 20px !important;}*/ #newSidebar{width: 255px !important;} .boxlook, .boxlook4, .boxlook_blue, .button1, .button3, #modal_dialog .ok_button, input[type=button]{padding: 4px;} } @media screen and (min-width: 1450px){ #newBody, #newHeader{width: 1200px !important;} div#divStayTopLeft{/*left: 1150px; width: 300px;*/} #newSidebar{width: 275px !important;} } @media screen and (min-width: 1650px){ #newBody, #newHeader{width: 1360px !important;} div#divStayTopLeft{/*left: 1150px; width: 300px;*/} #newSidebar{width: 300px !important;} } /* This does the mobile responsive mode for smaller devices */ @media screen and (max-width: 750px){ #newBody, #newHeader{width: 100% !important;} #newSidebar, #newSidebar table{width: 100% !important;} #newHeader td{width: 100%; display: block; text-align: center;} #mainMenuSystems{width: 100%;} .mr-hidden{display: none !important;} .mr-show{display: block !important;} } @media screen and (max-width: 400px){ #newMainTable #newFormDiv td{width: 100% !important; display: block; text-align: left; float: left !important;} }