/*----------------------------------------------------------------------------------| www.giz.de |----/ Deutsche Gesellschaft für International Zusammenarbeit (GIZ) Gmb /-------------------------------------------------------------------------------------------------------/ @version 3.3.8 @build 10th March, 2016 @created 15th June, 2012 @package Cost Benefit Projection @subpackage combinedresults.css @author Llewellyn van der Merwe @owner Deutsche Gesellschaft für International Zusammenarbeit (GIZ) Gmb @copyright Copyright (C) 2015. All Rights Reserved @license GNU/GPL Version 2 or later - http://www.gnu.org/licenses/gpl-2.0.html /-------------------------------------------------------------------------------------------------------/ Cost Benefit Projection Tool. /------------------------------------------------------------------------------------------------------*/ /* CSS Document */ /* ---- Table ---- */ table { border-collapse:collapse; margin-bottom:15px; width:90%; } caption { text-align:left; font-size:15px; padding-bottom:10px; } table td, table th { padding:5px; border:1px solid #fff; border-width:0 1px 1px 0; } thead th { background:#52AED8; } thead th[colspan], thead th[rowspan] { background:#0094DC; } tbody th, tfoot th { text-align:left; background:#52AED8; } tbody td, tfoot td { /*text-align:center;*/ background:#d5eaf0; } tfoot th { background:#b0cc7f; } tfoot td { background:#d7e1c5; font-weight:bold; } tbody tr.odd td { background:#bcd9e1; } th.sort-header { cursor:pointer; } th.sort-header::-moz-selection, th.sort-header::selection { background:transparent; } table th.sort-header:after { content:''; float:right; margin-top:7px; border-width:0 4px 4px; border-style:solid; border-color:#404040 transparent; visibility:hidden; } table th.sort-header:hover:after { visibility:visible; } table th.sort-up:after, table th.sort-down:after, table th.sort-down:hover:after { visibility:visible; opacity:0.4; } table th.sort-up:after { border-bottom:none; border-width:4px 4px 0; } #st-container{ position:relative; } .navButton{ position: absolute; left: 5px; top: 1px; } .note_menu{ color: #63B1F2; font-size: 10px; height: 30px; padding: 5px; position: absolute; width: 120px; left: 45px; top: 3px; } /* ---- Switch ---- */ .switchbox{ position:absolute; top: 3px; right: 5px; height: 28px; } .label { color: #63B1F2; font-size: 15px; line-height: 16px; float: left; padding: 0 25px 0 7px; } .switch { height: 28px; width: 77px; border: 1px solid #979797; border-radius: 20px; margin-top: -5px; box-shadow: inset 0 1px 3px #BABABA, inset 0 12px 3px 2px rgba(232, 232, 232, 0.5); cursor: pointer; overflow: hidden; float: left; } .switch.on::before { width: 77px; } .switch::before { content: ""; display: block; height: 28px; width: 0px; position: absolute; border-radius: 20px; box-shadow: inset 0 1px 2px #0063B7, inset 0 12px 3px 2px rgba(0, 127, 234, 0.5); background-color: #64B1F2; } .switch input[type=checkbox] { display: none; } .switch > .thumb { display: block; width: 26px; height: 26px; position: relative; top: 0; z-index: 3; border: solid 1px #919191; border-radius: 28px; box-shadow: inset 0 2px 1px white, inset 0 -2px 1px white; background-color: #CECECE; background-image: linear-gradient(top, #CECECE, #FBFBFB); transition: all 0.125s ease-in-out; transform: translate3d(0,0,0); } .switch.on > .thumb { -webkit-transform: translate3d(49px,0,0); -o-transform: translateX(49px); -moz-transform: translateX(49px); } .switch > .thumb::before { content: ""; display: block; height: 14px; width: 2px; background-color: white; box-shadow: 0px -1px 1px #666; border: none; position: absolute; top: 6px; left: -24px; } .switch > .thumb::after { content: ""; display: block; height: 10px; width: 10px; border-radius: 10px; border: solid 2px #777; position: absolute; right: -32px; top: 6px; }