/* 

CUSTOM STYLESHEET

Add your custom styles here instead of style.css so it is easier to 
update the template. Simply copy an existing style from style.css to 
this file, and modify it to your liking. 

*/

/* Html */
#page a { border-bottom: 1px solid #A1CFD4; }
#page a:hover { background: none; border-bottom: none; }
.clear {clear: both;margin: 10px 0 10px 0;}

/* Header */
#topnav { padding: 16px 132px 6px 10px; }
#topnav span { color: #fff; }
#topnav span.user { font-weight: bold; }
#topnav a.logout { color: #fff; font-weight: bold; text-decoration: underline; }
#topnav a.logout:hover { text-decoration: none; }

/* Content tables */
.content-box { border: none; }
.content-box header { background: none; border-bottom: 1px dashed #9E9E9E; }
.content-box header h3 { color: #292929; text-transform: uppercase; }

/* Menu */
.sf-menu { margin-top: 2px; }
.sf-menu li { margin-right: 7px; background: #1e1e1e; }
.sf-menu li a { font-weight: bold; padding: .75em 2em; }
.sf-menu li.current { background: #505050; }

/* Top buttons */
.top-buttons { float: right; padding: 0px 132px 0px 0px; margin-top: -58px; }

/* Data tables */
.data-table { width: 100%; float: none; display: block; }
.dataTables_wrapper { width: 100%; min-height: 80px; }
.dataTables_length, .dataTables_filter { margin-bottom: 15px; }
table.stylized th { background: #505050 !important; border: 5px solid #fff; border-left: 0px; text-transform: uppercase; }
table.stylized th.white { background: #fff !important; cursor: default; }
table.stylized tbody tr:nth-child(odd) th, table.stylized tbody tr:nth-child(odd) td { background: #CCCCCC; border: none; }
table.stylized tbody th, table.stylized tbody td, table.stylized tfoot th, table.stylized tfoot td { background: #FFFFFF; border: none; }
tr.odd.gradeA td.sorting_1 { background: #CCCCCC; }
tr.even.gradeA td.sorting_1 { background: #FFFFFF; }
table.stylized tbody tr td.actions { background: #fff !important; width: 80px !important; }
table.stylized tbody tr td { vertical-align: middle; }

/* Forms */
form { overflow: visible;  }
.form div { display: block; padding-top: 25px; }
.form label { width: 180px; display: inline-block; }
.btn { text-transform: uppercase; background: #414141 !important; border-radius: 3px; border: none !important; color: #fff !important; text-shadow: none; }
.btn:hover { border: none !important; }
input.btn { width: auto; }

/* Content */
.content-box section { margin-top: 25px; }

/* Global */
#top {background: url("/img/layout/raster.jpg") repeat scroll 0 0 #1B1B1B;border-bottom: 6px solid #505050; height: 192px; }
#pagetitle {border: none;background: #fff;;color: #fff;text-shadow: none; width: 360px; margin: 0 auto; float: none; display: block; }
#pagetitle h1 {text-shadow: none;}
#pagetitle .head-wrapper-login { display : block; background: url("/img/layout/raster.jpg") repeat scroll 0 0 #1B1B1B; }
.head-wrapper-login img { text-align: center; margin: 0 auto; display: block; }
.wrapper { width: 940px; position: static; }
.wrapper #title img { display: block; margin: 0 auto; }

/* Error */
.box-error { border-left: 1px solid #F8ACAC; border-right: 1px solid #F8ACAC; }
.box-error-msg { border: 2px solid #FDDCDC; border-top: 0; }

/* Login */
.wrapper-login { background: #EFEEEC; }
.wrapper-login h1 { background: #444444; color: #fff; margin-bottom: 0; padding: 10px 20px; font-weight: normal; font-size: 16px; text-transform: uppercase; }
.wrapper-login .full { padding: 10px 30px; width: auto; }
.wrapper-login .full label { width: 120px; display: inline-block; text-transform: none; }
.wrapper-login .full input { width: 164px; background: #D9D9D9; border-top: 2px solid #9F9F9F; border-left: 2px solid #9F9F9F; border-right: 2px solid #9F9F9F; border-bottom: 1px solid #9F9F9F; border-radius: 2px; }
.wrapper-login .full input[type="submit"] { background: #444; color: #fff; border: 1px solid #000;  width: auto; float: right; border-radius: 3px; }
.wrapper-login .full .clear { margin: 0; }
.wrapper-login { margin: 35px auto; }

/* Footer */
#bottom { background: #1B1B1B url('/img/layout/raster.jpg'); border-top: none; }
#bottom #sanmax { text-decoration: none; border-bottom: none; color: #fff; float: right; margin-right: 130px; padding-top: 70px; }

/* System messages */
.remark,.succes,.info {padding: 10px;margin: 5px 0px 5px 0px;background-repeat: repeat-x;/* Do rounding (native in Safari, Firefox and Chrome) */-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.remark ul,.succes ul,.info ul {margin-top: 10px;}
.remark p,.succes p,.info p {margin-top: 10px;}
.remark ul li,.succes ul li,.info ul li {margin-left: 20px;list-style: circle;}
.remark img,.succes img,.info img {margin: 5px;}
/* Error message */
.remark {color: #CC0000;background-image: url('/img/bg-remark.jpg');background-color: #FFDDDD;border: #CC0000 solid 1px;}

/* Succes message */
.succes {color: #4E612C;background-image: url('/img/bg-succes.jpg');background-color: #E5EEBF;border: #C6D880 solid 1px;}

/* De weergave voor een groene subTitle */
.info {border:#349AC9 solid 1px;color: #147AA9;background-image: url('/img/bg-info.jpg');background-color: #C8EBF9;}

/* Close button for closing system messages */
.close {width: 22px;height: 22px;position: absolute;background: url('/img/icons/close.png') no-repeat;top: -8px;left: -8px;cursor: pointer;}

/* tabs */
.ui-tabs .ui-tabs-nav { background: #EF8B1C !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-hover a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { background: #fff !important; color: #000 !important; border: none !important; }
#page a { border: none !important; color: #000 !important; }
#page a:hover { color: #000 !important; text-decoration: underline !important; }
.ui-tabs .ui-tabs-nav li a { background: #444 !important; }

/* Make footer sticky */
html, body, #container { height: 100%; display: block; min-height: 100%; }
#wrap { min-height: 100%; background: #fff; } 
#page { min-height: 100%; padding-bottom: 92px; overflow:auto; }
#bottom {position: relative;margin-top: -92px;height: 70px;clear:both;}

/* Custom styles */
div#costs { padding: 7px 0; display: block; height: 35px; border-bottom: 1px dashed #9E9E9E; margin-bottom: 20px; }
div#costs-bb { border-bottom: 1px dashed #9E9E9E;display:block;margin-top:-67px;padding-bottom:5px;margin-bottom:35px;text-align:right; }
.form div#costs div { padding-top: 0; }
div#costs .section1 { width:232px;display:block;float:left; }
div#costs .section1 span { color: #a4a4a4; }
div#costs .section2 { width: 232px;display:block;float:left;text-align: right; }
div#costs .section2 span { color: #000; }
div#costs .section3 { text-align:right;padding-top: 1px !important; width:232px;display:block;float:left; }
div#costs .section3 span, div#costs-bb span { color: #EF8B1C; }
div#costs .section4 { text-align:right;padding-top: 8px !important; width:232px;display:block;float:left; }
div#costs .section4 span, div#costs-bb span { color: #000; }

/* Overview */
.dataTable-overview table tr th {  }
.dataTable-overview table tr td span.edit_price { float: right; }
.dataTable-overview table tr td img.price-status { float: left; display: block; margin-top: 5px; padding-right: 3px; }
.dataTable-overview table tr td span.current_price { white-space:nowrap; display: block; color: #000; line-height: 28px; }
.dataTable-overview table tr td span.recommended_price { display: block; font-size: 9px; }
/*.dataTables_wrapper_custom { border-bottom: 1px dotted #9E9E9E; padding-bottom: 45px; }*/
.dataTables_wrapper_custom {  }