@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; font-size:13px; font-family:'Droid Sans', sans-serif; color:#222222; outline:none;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; background:#f5f5f5; overflow-y:scroll;}
body{width:100%; height:100%;}

input:-ms-input-placeholder{color:#cbcecf;}
h1, h2, h3, h4, h5, h6{}
h1{}
h2{}
h3{color:#8e44ad; line-height:25px; font-weight:bold;}
h4{}
h5{}
h6{}

a{text-decoration:none; color:#222222;}
a:hover{text-decoration:none; color:#222222;}
p{font-size:13px; margin:0px 0px 20px 0px; line-height:1.6em;}

table{width: 100%; margin:0; padding:0;}
table td{vertical-align:top; height:30px;}

header, nav, article, section{display:block; overflow:hidden;}

/*BAR NEWSBRIEF PERCENTAGE*/
.bartotal{width:100%; height:20px; display:inline-block; border-radius:3px; font-size:11px; margin-top:5px; background:#dadfe1;}
.barremaining{height:20px; display:inline-block; border-radius:3px; font-size:11px; background:#1abc9c;}
.barstatics{width:100%; height:20px; color:#ffffff; margin-left:10px; margin-top:3px; font-weight:bold; overflow:visible;}

/*global styles*/
.left{width:auto; height:auto; float:left;}
.right{width:auto; height:auto; float:right;}
.clear{clear:both;}
.bar{width:auto; height:auto; display:inline-block; margin:0; padding:0px 25px; line-height:20px; border-radius:3px; font-size:11px; color:#fff !important; font-weight:bold;}
.bar.tiny{width:auto; height:20px; padding:0px 3px;}
.bar.small{width:90px; height:20px; padding:0; text-align:center;}
.bar.medium{width:180px; height:20px; padding:0; text-align:center;}
.bar.big{width:100%; height:20px; padding:0; text-align:center;}
.bar.grey{background:#95a5a6;}
.bar.green{background:#1abc9c;}
.bar.red{background:#e74c3c;}
.bar.orange{background:#e67e22;}
.bar.purple{background:#9b59b6;}
.bar.hover:hover{opacity:0.8;}
tr.red td *, tr.red td{color:#e74c3c;}
tr.orange td *, tr.orange td{color:#e67e22;}

input[type="text"]{width:188px; height:25px; margin:5px 0px; padding:0px 5px; color:#2c3e50; border:1px solid #ccc; transition:.2s border; border-radius:3px;}
input[type="text"]:hover{border:1px solid #9099A3;}
input[type="text"]:active,input[type="text"]:focus{border:1px solid #808080;}
input[type="password"]{width:188px; height:25px; margin:0px; padding:0px 5px; color:#2c3e50; border:1px solid #ccc; transition:.2s border; border-radius:3px;}
input[type="password"]:hover{border:1px solid #9099A3;}
input[type="password"]:active,input[type="text"]:focus{border:1px solid #808080;}
input[type="text"].label-left{width:162px; border-bottom-left-radius:0px; border-top-left-radius:0px;}
input[type="text"].label-right{width:162px; border-bottom-right-radius:0px; border-top-right-radius:0px; float:left;}
input[type="text"].label-left.label-right{width:136px;}
input[type="text"].label-left.label-right.big{width:211px;}
input > td > span.tip{display:none;}
label.label-left{width:25px; height:25px; display:inline-block; font-size:14px; float:left; margin:0px; padding:0px; color:#2c3e50; text-align:center; line-height:25px; border-bottom-left-radius:3px; border-top-left-radius:3px; border-left:1px solid #D1D1D1; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; background:#EDEDED;}
label.label-right{width:25px; height:25px; display:inline-block; font-size:14px; margin:5px 0px; float:left; padding:0px; color:#2c3e50; text-align:center; line-height:25px; border-bottom-right-radius:3px; border-top-right-radius:3px; border-right:1px solid #D1D1D1; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; background:#EDEDED;}
label.label-left.big{width:50px;}
label.label-right.big{width:50px;}
.label-full{width:100%; display:table; border-collapse:separate; border-spacing:0px;}
.label-full label.label-left,.label-full label.label-right{float:none; display:table-cell; white-space:nowrap; vertical-align:middle;}
.label-full div.label-left,.label-full div.label-right{width:1px; float:none; display:table-cell; white-space:nowrap; vertical-align:middle;}
.label-full input[type="text"],.label-full input[type="text"].label-left.label-right{width:100%; height:27px; box-sizing:border-box; display:table-cell;}
input.full{width:100%; box-sizing:border-box;}
input.full.uppercase{text-transform: uppercase;}
input.full.uppercase::-webkit-input-placeholder{text-transform: initial;}
input.full.uppercase::-moz-placeholder{text-transform: initial;}
input.full.uppercase:-moz-placeholder{text-transform: initial;}
input.full.uppercase:-ms-input-placeholder {text-transform: initial;}

label.date{background:#EDEDED url('../images/form-calendar.png') no-repeat center center;}
label.full{width:50px;}
input.red{border-color:#e74c3c;}
input.green{border-color:#1abc9c;}
textarea{width:250px; height:150px; margin:5px 0px; padding:5px; color:#2c3e50; border:1px solid #ccc; transition:.2s border; border-radius:3px;}
textarea:hover{border:1px solid #9099A3;}
textarea:active,textarea:focus{border:1px solid #808080;}
select.label-left{width:auto; height:27px; display:inline-block; font-size:14px; margin:0px; padding:0px 12px 0px 0px; float:left; color:#2c3e50; text-align:center; line-height:25px; border-radius:0px; border-bottom-left-radius:3px; border-top-left-radius:3px; border:0; border-left:1px solid #D1D1D1; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; background:#EDEDED url('../images/button.dropdown.png') no-repeat right 5px center;}
select.label-left:hover,select.label-left:active,select.label-left:focus{border-right:0;}
select.label-right{width:auto; height:27px; display:inline-block; font-size:14px; margin:0px; padding:0px 12px 0px 0px; float:left; color:#2c3e50; text-align:center; line-height:25px; border-radius:0px; border-bottom-right-radius:3px; border-top-right-radius:3px; border:0; border-right:1px solid #D1D1D1; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; background:#EDEDED url('../images/button.dropdown.png') no-repeat right 5px center;}
select.label-right:hover,select.label-right:active,select.label-right:focus{border-left:0;}
tr td span.tip{line-height:25px; padding:0px 0px 0px 10px; opacity:0;}

input[type="button"]{width:150px; height:25px; margin:0px; padding:0px 5px; cursor:pointer; color:#fff; border:0; transition:.2s box-shadow; transition:.2s background; border-radius:5px; -webkit-box-shadow:0px 3px 0px 0px #16A085; box-shadow:0px 3px 0px 0px #16A085; background:#1abc9c;}
input[type="button"]:hover{-webkit-box-shadow:0px 3px 0px 0px #1abc9c; box-shadow:0px 3px 0px 0px #1abc9c; background:#16A085;}
input[type="button"].grey{-webkit-box-shadow:0px 3px 0px 0px #ABB7B7; box-shadow:0px 3px 0px 0px #ABB7B7; background:#95a5a6;}
input[type="button"].grey:hover{-webkit-box-shadow:0px 3px 0px 0px #95a5a6; box-shadow:0px 3px 0px 0px #95a5a6; background:#ABB7B7;}
input[type="button"].blue{-webkit-box-shadow:0px 3px 0px 0px #4183D7; box-shadow:0px 3px 0px 0px #4183D7; background:#22A7F0;}
input[type="button"].blue:hover{-webkit-box-shadow:0px 3px 0px 0px #22A7F0; box-shadow:0px 3px 0px 0px #22A7F0; background:#4183D7;}

input[type="submit"]{width:150px; height:25px; margin:0px; padding:0px 5px; cursor:pointer; color:#fff; border:0; transition:.2s box-shadow; transition:.2s background; border-radius:5px; -webkit-box-shadow:0px 3px 0px 0px #16A085; box-shadow:0px 3px 0px 0px #16A085; background:#1abc9c;}
input[type="submit"]:hover{-webkit-box-shadow:0px 3px 0px 0px #1abc9c; box-shadow:0px 3px 0px 0px #1abc9c; background:#16A085;}
input[type="submit"].red{-webkit-box-shadow:0px 3px 0px 0px #C0392B; box-shadow:0px 3px 0px 0px #C0392B; background:#e74c3c;}
input[type="submit"].red:hover{-webkit-box-shadow:0px 3px 0px 0px #e74c3c; box-shadow:0px 3px 0px 0px #e74c3c; background:#C0392B;}
input[type="submit"].orange{-webkit-box-shadow:0px 3px 0px 0px #F89406; box-shadow:0px 3px 0px 0px #F89406; background:#e67e22;}
input[type="submit"].orange:hover{-webkit-box-shadow:0px 3px 0px 0px #e67e22; box-shadow:0px 3px 0px 0px #e67e22; background:#F89406;}
input[type="submit"].blue{-webkit-box-shadow:0px 3px 0px 0px #4183D7; box-shadow:0px 3px 0px 0px #4183D7; background:#22A7F0;}
input[type="submit"].blue:hover{-webkit-box-shadow:0px 3px 0px 0px #22A7F0; box-shadow:0px 3px 0px 0px #22A7F0; background:#4183D7;}
input[type="submit"]:disabled{-webkit-box-shadow:0px 3px 0px 0px #ABB7B7; cursor:default; box-shadow:0px 3px 0px 0px #ABB7B7; background:#95a5a6;}
input[type="submit"]:disabled:hover{-webkit-box-shadow:0px 3px 0px 0px #95a5a6; box-shadow:0px 3px 0px 0px #95a5a6; background:#ABB7B7;}


select{width:200px; height:25px; margin:0px; padding:0px 5px; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; transition:.2s border; border:1px solid #ccc; text-indent:0.01px; text-overflow:""; color:#2c3e50; background:#fff url('../images/button.dropdown.png') no-repeat; background-position:185px center;}
select:hover{border:1px solid #9099A3;}
select:active,select:focus{border:1px solid #808080;}
select option:disabled{color:#bbbbbb;}

/*radio*/
input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; padding:0px 25px; line-height:20px; cursor:pointer;}
input[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after{content: ''; position:absolute;}
input[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{left:0; top:0; width:15px; height:15px; background:#DDDDDD; overflow:hidden; border-radius:15px; transition:background-color .2s;}
input[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {width:9px; height:9px; transition:all .2s; border-radius:50%; background:#fff; top:3px; left:3px;}
input[type="radio"]:checked + label:before {background:#2c3e50;}
input[type="radio"]:checked + label:after {display:none;}

/*checkbox*/
input[type="checkbox"] {position:absolute; left:-9999px;}
input[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:''; position:absolute;}
input[type="checkbox"] + label:before{top:0; left:0; width:15px; height:15px; content: ''; cursor: pointer; display:inline-block; border-radius:4px; transition:background-color .2s; background:#DDDDDD;}
input[type="checkbox"] + label{padding-left:18px; line-height:20px; position:relative;}
input[type="checkbox"] + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:6px; height:3px; background:transparent; top:3px; left:3px; border:3px solid #fff; border-top:none; transition:opacity .1s; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
input[type="checkbox"] + label:hover::after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.9;}
input[type="checkbox"]:checked + label:before {background:#2c3e50;}
input[type="checkbox"]:checked + label:after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:0.9;}

.container{height:auto; min-height:100%; box-sizing:border-box; padding:60px 0px 30px 250px; margin:0px 0px 0px 0px;}
.header{width:100%; height:60px; margin:0px; display:block; position:fixed; z-index:9999999; background:#8e44ad;}
.header h1{width:250px; height:60px; margin:0px 0px 5px 0px; padding:0; display:inline-block; float:left; background:#9b59b6;}
.header h1 a{width:100%; height:60px; margin:0; padding:0; display:block; text-indent:-4000px; background:url('../images/logo.png') no-repeat center center;}
.header h1.icon a{width:100%; height:60px; margin:0; padding:0; display:block; text-indent:-4000px; background:url('../images/logo.icon.png') no-repeat center center;}
.header .nav-button{width:60px; height:60px; margin:0px; padding:0px; display:block; float:left; cursor:pointer; text-indent:-4000px; background:url('../images/icons/icon-white-menu.png') no-repeat center center;}
.header .profile{width:auto; min-width:100px; height:60px; padding:0px 20px 0px 25px; display:block; float:right; background:#9b59b6;}
.header .profile .profile-name{width:auto; height:60px; display:inline-block; color:#fff; font-size:14px; line-height:60px; float:left;}
.header .profile .profile-name strong{display:inline-block; color:#fff; font-size:14px; font-weight:bold;}
.header .profile img{width:40px; height:40px; float:right; margin:10px 0px 0px 10px; border-radius:20px;}
.header .header-nav{width:auto; height:60px; display:block; float:right;}
.header .header-nav ul{display:block; clear:both;}
.header .header-nav ul li{width:50px; height:60px; display:block; float:left;}
.header .header-nav ul li a{width:40px; height:50px; margin:10px 0px 0px 0px; display:block; text-indent:-4000px; font-size:0px;}
.header .header-nav ul li a:hover{background:#9b59b6;}
.header .header-nav ul li a.on{background:#9b59b6;}
.header .header-nav ul li a img{display:block;}

/*messages*/
.header .popup{width:300px; height:auto; margin:0; display:none; padding:0; position:absolute; top:60px; left:0px; z-index:999; background:#fff;}
.header .popup .popup-header{width:100%; height:30px; display:block; padding:0px 10px; overflow:hidden; box-sizing:border-box; line-height:30px; font-size:12px; color:#fff; background:#34495e;}
.header .popup .popup-header strong{font-size:12px; color:#fff;}
.header .popup ul{width:100%; height:auto;}
.header .popup ul li{width:100%; height:39px; display:block; overflow:hidden; box-sizing:border-box; padding:0px 12px; border-bottom:1px solid #ecf0f1;}
.header .popup ul li img{height:30px; margin:5px 11px 0px 0px; float:left; border-radius:15px;}
.header .popup ul li span.name{width:100%; display:block; font-size:12px; padding:5px 0px 0px 42px;}
.header .popup ul li span.title{width:100%; display:block; font-size:12px; font-weight:bold; padding:1px 0px 0px 42px;}
.header .popup span.show a{width:100%; height:21px; display:block; text-align:right; font-size:12px; line-height:21px; color:#34495e; box-sizing:border-box; padding:1px 28px 0px 0px; background:url('../images/icon.messages.png') no-repeat right 10px center;}

.section{width:1100px; height:auto; margin:0; display:block; padding:20px; display:block; background:#f5f5f5;}
.section h1{font-size:22px; font-weight:normal; color:#2c3e50;}
.section ul.breadcrumbs{width:auto; height:20px; margin:11px 0px 0px 0px; padding:0px 0px 0px 1px; background:url('../images/breadcrumb-start.png') no-repeat left center;}
.section ul.breadcrumbs li{width:auto; height:20px; float:left; float:left; background:url('../images/breadcrumb-bg.png') repeat-x left center;}
.section ul.breadcrumbs li a{width:auto; height:20px; display:block; font-size:11px; float:left; color:#6c7885; line-height:20px; padding:0px 10px;}
.section ul.breadcrumbs li span.breadcrumb{width:11px; height:20px; float:left; background:url('../images/breadcrumb-next.png') no-repeat top center;}
.section ul.breadcrumbs li span.breadcrumb-last{width:11px; height:20px; float:left; background:url('../images/breadcrumb-last.png') no-repeat top center;}

.section .tabs{width:1060px; min-width:800px; height:35px; display:block; overflow:hidden; position:relative; background:#ffffff; margin:20px 0px 0px 0px;}
.section .tabs a{width:auto; height:35px; display:block; float:left; padding:0px 10px; margin:0px 0px; color:#2c3e50; line-height:35px; border-right:1px solid #efefef; font-size:13px; font-weight:bold; text-decoration:none;}
.section .tabs a.edit{width:25px; height:25px; float:right; padding-top:10px; background:url('../images/button.edit.png') no-repeat center;}
.section .tabs a.delete{width:25px; height:25px; float:right; padding-top:10px; background:url('../images/button.delete.png') no-repeat center;}
.section .tabs a.download{width:25px; height:25px; float:right; padding-top:10px; background:url('../images/button.download.png') no-repeat center;}
.section .tabs a.send{width:25px; height:25px; float:right; padding-top:10px; background:url('../images/button.send.png') no-repeat center;}
.section .tabs a.on{color:#8e44ad;}
.section .tabs a.grey{color:#6c7885;}

.article{width:1060px; height:auto; margin:20px 0px 0px 0px; display:block; border-bottom:2px solid #bdc3c7; background:#fff;}
.article h2{width:100%; height:40px; margin:0; padding:0px 0px 0px 0px; display:inline-block; font-size:14px; box-sizing:border-box; font-weight:bold; color:#fff; line-height:40px; background:#2ecc71;}
.article h2 img{float:left; margin:0px 20px 0px 0px;}
.article h2 a.edit{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-edit-folder.png') no-repeat top center;}
.article h2 a.deletefolder{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-delete-folder.png') no-repeat top center;}
.article h2 a.editdoc{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-edit-document.png') no-repeat top center;}
.article h2 a.delete{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-delete-document.png') no-repeat top center;}
.article h2 a.add{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-add-folder.png') no-repeat top center;}
.article h2 a.addsubdirectory{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-add-folder.png') no-repeat top center;}
.article h2 a.addsubsubdirectory{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-add-folder.png') no-repeat top center;}
.article h2 a.adddocument{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-add-document.png') no-repeat top center;}
.article h2 a.sort{width:40px; height:40px; line-height:1; display:block; margin:0px 0px 0px 0px; float:right; text-indent:-4000px; background:url('../images/icons/icon-white-sort.png') no-repeat top center;}
.article h2 .buttons{display:inline; float:right;}
.article h2 .buttons span{width:auto; height:40px; color:#fff; padding:0px 10px; line-height:40px; display:inline-block; cursor:pointer;}
.article h2 .buttons span:hover,
.article h2 .buttons span.on{background:#82e0ab;}
.article .article-content{width:1020px; height:auto; display:block; padding:20px;}
.article.half .article-content{width:480px; height:auto; display:block; padding:20px;}
.article.third .article-content{width:300px; height:auto; display:block; padding:20px;}
.article.third .article-content p span.grey{width:40px; display:block; float:left; color:#6c7885;}
.article.third .article-content p span.logmessage{width:260px; display:block; float:left; overflow:hidden;}
.article.two-third .article-content{width:660px; height:auto; display:block; padding:20px;}
.article .map-content{width:100%; height:auto; display:block;}
.article .article-content.half{width:49.9%; height:auto; display:block; float:left; box-sizing:border-box; padding:20px;}
.article .article-content.one-third{width:33.2%; height:auto; display:block; float:left; box-sizing:border-box; padding:20px;}
.article .article-content.quarter{width:25%; height:auto; display:block; float:left; box-sizing:border-box; padding:20px;}
.article.half{width:520px; height:auto; margin:20px 20px 0px 0px; display:block; float:left; background:#fff;}
.article.half.nomargin{margin:20px 0px 0px 0px;}
.article.third{width:340px; height:auto; margin:20px 0px 0px 0px; display:block; float:left; background:#fff;}
.article.two-third{width:700px; height:auto; margin:20px 0px 0px 0px; display:block; float:left; background:#fff;}
.article.two-third.right{margin:20px 0px 0px 20px;}
.article.two-third.left{margin:20px 20px 0px 0px;}
.article.third:nth-child(even){margin:20px 20px 0px 20px;}
.article table{border-collapse:collapse; padding:0px 20px;}
.article table thead tr th{border-bottom:2px solid #dddddd; line-height:30px; padding:0px 4px; cursor:pointer; text-align:left; background:url('../images/sort.jpg') no-repeat right 5px center;}
.article table thead tr th.up{background:url('../images/sort.up.jpg') no-repeat right 5px center;}
.article table thead tr th.down{background:url('../images/sort.down.jpg') no-repeat right 5px center;}
.article table thead tr th.nosort{background:none; cursor:default;}
.article table.form tbody tr td:first-child{width:200px;}
.article table.form.half tbody tr td:first-child{width:200px;}
.article table tbody tr td{line-height:30px; padding:0px 4px; text-align:left; border-bottom:1px solid #dddddd;}
.article table tbody tr td img{margin:5px 0px 0px 0px;}
.article table tbody tr td.clear{border:0px; height:10px;}
.article table tbody tr td input,
.article table tbody tr td textarea{margin:5px 0px;}
.article table tbody tr td a.view{width:25px; height:25px; line-height:1; display:block; margin:2px 10px 0px 0px; float:left; text-indent:-4000px; background:url('../images/button.view.png') no-repeat top center;}
.article table tbody tr td a.download{width:25px; height:25px; line-height:1; display:block; margin:2px 10px 0px 0px; float:left; text-indent:-4000px; background:url('../images/button.download.png') no-repeat top center;}
.article table tbody tr td a.send{width:25px; height:25px; line-height:1; display:block; margin:2px 10px 0px 0px; float:left; text-indent:-4000px; background:url('../images/button.send.png') no-repeat top center;}
.article table tbody tr td a.edit{width:25px; height:25px; line-height:1; display:block; margin:2px 10px 0px 0px; float:left; text-indent:-4000px; background:url('../images/button.edit.png') no-repeat top center;}
.article table tbody tr td a.delete{width:25px; height:25px; line-height:1; display:block; margin:2px 10px 0px 0px; float:left; text-indent:-4000px; background:url('../images/button.delete.png') no-repeat top center;}
.article table tbody tr.odd td{background:#fff;}
.article table tbody tr.even td{background:#f9f9f9;}
.article table tbody tr.subtotal td{background:#dddddd;}
.article table tbody tr.subtotal *{font-weight:bold;}
.article table tbody tr.total td{background:#7a80dd;}
.article table tbody tr.total *{font-weight:bold; color:#ffffff;}
.article table tbody tr.total span.red{font-weight:bold; color:#e74c3c;}
.article table tbody * td.ammount{text-align:right;}
.article table tbody * td.ammount span.left{float:left;}
.article table tbody * td.ammount span.right{float:right;}
.article .article-content p{line-height:1.6em;}
.article .article-content ul{list-style:disc; padding:0px 0px 0px 20px;}
.article .article-content ol{list-style: decimal; padding:0px 0px 0px 20px;}
.article .article-content ol li{padding:10px 0px 0px 0px;}
.article span.orange{color:#e67e22;}
.article span.green{color:#1abc9c;}
.article span.red{color:#e74c3c;}
.article .note{width:100%; height:auto; display:block;}
.article .note .picture{float:left; width:50px;}
.article .note .picture img{border-radius:20px;}
.article .note .wrapper{float:right; width:590px;}
.article .note .author{font-size:14px; font-weight:bold;}
.article .note .author span{font-size:12px; font-weight:normal; color:#95a5a6;}
.article .note .content{padding:10px 0px; margin:0px 0px 20px 0px; border-bottom:1px dotted #dddddd;}
.article .approval .picture{width:50px; float:left; display:block;}
.article .approval .picture img{border-radius:20px;}
.article .approval span{font-size:12px; font-weight:normal; color:#95a5a6;}
.article .approval .content{width:410px; float:left; display:block; padding:0px 0px 10px; margin:0px 0px 20px 20px;}
.article .documents, .article .nodownload{width:290px; height:50px; display:block; float:left; padding:5px; margin:0px 20px 20px 0px;}
.article .documents:hover{background:url('../images/background-download.png') no-repeat top right #f9f9f9;}
.article .nodownload:hover{background:url('../images/background-nodownload.png') no-repeat top right #f9f9f9;}
.article .nodownload{font-weight:normal;}
.article .documents .picture{width:40px; float:left; display:block;}
.article .documents .content{width:240px; float:right; display:block; padding:0px 0px 10px 10px;}
.article .documents .content span{font-size:12px; font-weight:normal; color:#95a5a6;}

/*documents*/
.article .article-content ol{width:1020px; list-style:none; margin:0; padding:0;}
.article .article-content ol li{width:240px; height:230px; display:block; float:left; transition:all .2s; padding:0; margin:0px 20px 20px 0px; border-bottom:1px solid #e0e0e0;}
.article .article-content ol li:hover{transition:all .2s; background:#ecf0f1;}
.article .article-content ol li.last{margin:0px 0px 20px 0px;}
.article .article-content ol li .bottomrow{padding:10px 0px 0px 3px;}
.article .article-content ol li span.name{font-weight:bold; float:left; color:#9b59b6;}
.article .article-content ol li span.date{padding:3px 0px 0px 0px; font-size:12px; float:left; color:#bbbbbb;}

/*laatst toegevoegd*/
.article .article-content ol.small{width:660px; list-style:none; margin:0; padding:0;}
.article .article-content ol.small li{width:206px; height:215px; display:block; float:left; transition:all .2s; padding:0; margin:0px 20px 20px 0px; border-bottom:1px solid #e0e0e0;}
.article .article-content ol.small li:hover{transition:all .2s; background:#ecf0f1;}
.article .article-content ol.small li.last{margin:0px 0px 20px 0px;}
.article .article-content ol.small li .bottomrow{padding:10px 0px 0px 3px;}
.article .article-content ol.small li span.name{font-weight:bold; float:left; color:#9b59b6;}
.article .article-content ol.small li span.date{padding:3px 0px 0px 0px; font-size:12px; float:left; color:#bbbbbb;}

.article .pager{width:100%; height:20px; padding:0; margin:10px 0px 0px; display:block; white-space:nowrap; float:right;}
.article .pager span{width:20px; height:20px; margin:0px 3px 0px 0px; display:inline-block; text-align:center; line-height:20px; font-size:11px; color:#bbbbbb; cursor:pointer; background:url('../images/button.paging.png') no-repeat top center;}
.article .pager span.next{margin:0;}
.article .pager span.active{font-weight:bold;}
.article .pager .page-numbers{display:inline-block;}
.article .pager .pagesize{width:50px; height:20px; margin:0px; padding:0px; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; border:1px solid #dddddd; text-indent:0.01px; text-overflow:""; color:#bbbbbb; background:#fff url('../images/button.dropdown.png') no-repeat; background-position:35px center;}

.message{width:1080px; height:40px; margin:20px 0px 10px 0px; display:block; background:#ffffff;}
.message.blue{background:#19B5FE;}
.message.blue *{color:#ffffff;}
.message .icon{width:40px; float:left; margin:0px 10px 0px 0px;}
.message .content{width:980px; float:left; line-height:40px; font-size:16px; font-weight:bold;}
.message .close{width:40px; float:right; margin:0px 0px 0px 10px;}

.footer{width:100%; min-width:1390px; height:30px; display:block; text-align:right; color:#fff; line-height:30px; font-size:11px; box-sizing:border-box; margin:-30px 0px 0px 0px; padding:0px 20px 0px 0px;  background:#2c3e50;}

.side-menu{width:250px; height:100%; margin:0; padding:0; position:fixed; top:60px; display:block; overflow-x:auto; background:#2c3e50;}
.side-menu .menu-section{width:210px; height:auto; padding:20px; margin:0px 0px 40px 0px;}
.side-menu .menu-section input.search{width:170px; height:20px; margin:0; float:left; border:none; border-radius:0px; padding:5px; color:#fff; font-size:13px; background:#6c7885;}
.side-menu .menu-section input.submit{width:30px; height:30px; float:left; border:none; border-radius:0px; box-shadow:none; -webkit-box-shadow:none; display:block; text-indent:-4000px; background:#6c7885 url('../images/icons/icon-white-search.png') no-repeat top -5px center;}
.side-menu .menu-section ul{display:block; clear:both; margin:20px 0px 0px 0px;}
.side-menu .menu-section ul li{width:100%; height:auto; line-height:54px; display:block;}
.side-menu .menu-section ul li.search{display:none;}

.side-menu .menu-section ul li.directories{clear:both;}
.side-menu .menu-section ul li.directories a{width:195px; float:left;}
.side-menu .menu-section ul li.directories span.projects{width:12px; height:12px; display:inline-block; float:right; cursor:pointer; margin:30px 0px 0px 0px; background:url('../images/icons/icon-small-grey-add.png') no-repeat center center;}
.side-menu .menu-section ul li.directories span.projects.open{background:url('../images/icons/icon-small-grey-min.png') no-repeat center center;}
.side-menu .menu-section ul li.directories div{width:100%; height:auto; color:#bbbbbb;}
.side-menu .menu-section ul li.directories div ul.submenu li span.directories{width:12px; height:12px; display:inline-block; float:left; cursor:pointer; margin:8px 10px 0px 24px; background:url('../images/icons/icon-small-grey-add.png') no-repeat center center;}
.side-menu .menu-section ul li.directories div ul.submenu li span.directories.open{background:url('../images/icons/icon-small-grey-min.png') no-repeat center center;}
.side-menu .menu-section ul li.directories div span.directory{height:15px; font-size:13px; display:block; padding:0 50px; color:#bbbbbb; background:url('../images/icons/icon-small-grey-add.png') no-repeat center center;}
.side-menu .menu-section ul li.directories div ul.submenu li ul.subsubmenu li span.subdir{width:12px; height:12px; display:inline-block; float:left; cursor:pointer; margin:8px 10px 0px 34px; background:url('../images/icons/icon-small-grey-add.png') no-repeat center center;}
.side-menu .menu-section ul li.directories div ul.submenu li ul.subsubmenu li span.subdir.open{background:url('../images/icons/icon-small-grey-min.png') no-repeat center center;}
.side-menu .menu-section ul li.directories div ul.submenu li ul.subsubmenu li ul.subsubsubmenu li span.subsubdir{width:12px; height:12px; display:inline-block; float:left; cursor:pointer; margin:8px 10px 0px 51px; background:url('../images/icons/icon-small-grey-circle.png') no-repeat center center;}

.side-menu .menu-section ul li a:hover{color:#fff;}
.side-menu .menu-section ul li a.on{color:#fff;}
.side-menu .menu-section ul li a{width:100%; height:50px; margin:10px 0px 0px 0px; box-sizing:border-box; display:block; font-size:16px; color:#bbbbbb;}
.side-menu .menu-section ul li a img{width:40px; height:40px; float:left; display:inline-block; margin:5px 5px 0px 0px;}
.side-menu .menu-section ul li ul.submenu{margin:0px; display:block;}
.side-menu .menu-section ul li ul.submenu li{width:100%; height:auto; clear:both;}
.side-menu .menu-section ul li ul.submenu li a{width:70%; height:18px; line-height:18px; margin:0px 0px 0px 46px; font-size:13px; background:none; }
.side-menu .menu-section ul li ul.submenu li a.dir{width:142px; margin:5px 0px 10px 0px; overflow:hidden;}
.side-menu .menu-section ul li ul.submenu li a.on{color:#ffffff;}
.side-menu .menu-section ul li ul.submenu li ul.subsubmenu li a{width:112px; margin:5px 0px 10px 0px; overflow:hidden;}
.side-menu.close{width:50px; overflow:hidden;}
.side-menu.close .menu-section{padding:0px; overflow:hidden;}
.side-menu.close .menu-section form{display:none;}
.side-menu.close .menu-section ul{display:block; clear:both; margin:0px 0px 0px 0px;}
.side-menu.close .menu-section ul li{width:50px; height:60px; line-height:54px; display:block;}
.side-menu.close .menu-section ul li a:hover{background:#6c7885;}
.side-menu.close .menu-section ul li a{width:50px; height:50px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; text-indent:-4000px; display:block; font-size:16px; color:#bbbbbb;}
.side-menu.close .menu-section ul li a img{width:40px; height:40px; margin:5px 5px 0px 4px; display:inline-block;}
.side-menu.close .menu-section ul li ul.submenu{display:none;}

/*datepicker*/
#datepicker:before{position:absolute; top:-10px; left:50%; margin-left:-5px; display:block; content:""; width:0; height:0; border-bottom:5px solid #7cc235; border-top:5px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent;}
#datepicker{position:relative; background:#7cc235; display:inline-block; padding:5px; width:250px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 0 #FFF; -moz-box-shadow:0 1px 0 #FFF; box-shadow:0 1px 0 #FFF;}
.ui-datepicker-header{-webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; background:#95a5a6; color:#FFF; height:32px; position:relative;}
.ui-datepicker-header:after{position:absolute; bottom:2px; left:0; display:block; width:99%; height:2px; content:"";}
.ui-datepicker-prev:hover{border-right:5px solid #000;}
.ui-datepicker-prev{cursor:pointer; float:left; display:block; border-bottom:5px solid transparent; border-top:5px solid transparent; border-left:5px solid transparent; border-right:5px solid #FFF; text-indent:-9999px; height:0; width:0; margin-top:10px; margin-left:5px;}
.ui-datepicker-next:hover{border-left:5px solid #000;}
.ui-datepicker-next{cursor:pointer; float:right; display:block; border-bottom:5px solid transparent; border-top:5px solid transparent; border-left:5px solid #FFF; border-right:5px solid transparent; text-indent:-9999px; height:0; width:0; margin-top:10px; margin-right:5px;}
.ui-datepicker-title{text-align:center; line-height:30px; font-size:12px; font-weight:700; color:#fff;}
span.ui-datepicker-month, span.ui-datepicker-year{color:#fff;}
select.ui-datepicker-year{border:none; background:none; color:#fff; font-weight:bold; width: auto;}
.ui-datepicker-multi{width:auto;}
.ui-state-disabled span.ui-state-default{background:#ececec;}
.ui-datepicker{display:none; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.ui-datepicker-calendar{width:100%; padding:5px 5px 9px 5px;}
.ui-datepicker table{border-collapse:inherit!important;}
.ui-datepicker table th {color:#63697A; text-align:center; font-weight:700; border:0; padding-bottom:5px;}
.ui-datepicker table td {border:0;}
.ui-datepicker table td span, .ui-datepicker td a {display:block; color:#63697A; line-height:30px; width:30px; text-align:center; text-decoration:none; border:1px solid #EDEDED; margin:0 0 2px 0;}
.ui-datepicker table td a:hover{background:#e67e22; color:#FFF; font-weight:700;}

/* timepicker */
.ui-timepicker-div .ui-widget-header{width:250px; margin-bottom:8px;}
.ui-timepicker-div dl{text-align:left; padding:5px 5px 9px 5px; color:#63697A;}
.ui-timepicker-div dl dt{float:left; clear:left; padding:0 0 0 5px;}
.ui-timepicker-div dl dd{margin:0 10px 10px 45%;}
.ui-timepicker-div td{font-size:90%;}
.ui-tpicker-grid-label{background:none; border:none; margin:0; padding:0;}
.ui-slider{position:relative; text-align:left;}
.ui-slider .ui-slider-handle{position:absolute; z-index:2; width:1.2em; height:1.2em; cursor:default; -ms-touch-action:none; touch-action:none;}
.ui-slider .ui-slider-range{position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-position:0 0;}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}
.ui-slider-horizontal{height:.8em; background:#2c3e50; border-radius:5px;}
.ui-slider-horizontal .ui-slider-handle{top:-.2em; margin-left:-.6em; border-radius:5px; background:#95a5a6;}
.ui-slider-horizontal .ui-slider-range{top:0; height:100%;}
.ui-slider-horizontal .ui-slider-range-min{left:0;}
.ui-slider-horizontal .ui-slider-range-max{right:0;}

.notification{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);}
.notification .notification-container{width:60%; height:auto; display:block; padding:10px; background:#fff; position:absolute; left:50%; top:150px; border-left:8px solid; margin:0px 0px 0px -30%;}
.notification .notification-container *{font-size:13px;}
.notification .notification-container .head{margin:0px 0px 10px 0px;} 
.notification .notification-container .head *{font-size:13px;} 
.notification .notification-container h1{font-size:16px;}
.notification .notification-container h2{font-size:14px;}
.notification .notification-container h3{font-size:12px;}
.notification .notification-container a{text-decoration:underline; font-size:13px;}
.notification .notification-container ul{list-style:disc outside; margin:0px 0px 0px 16px; font-size:12px;}
.notification .notification-container ol{list-style:decimal outside; margin:0px 0px 0px 16px; font-size:12px;}
.notification .notification-container ul li,
.notification .notification-container ol li{font-size:12px;}
.notification .notification-container.red{border-color:#e74c3c;}
.notification .notification-container.red h3,
.notification .notification-container.red h2,
.notification .notification-container.red h1,
.notification .notification-container.red .head *{color:#e74c3c;} 
.notification .notification-container.green{border-color:#1abc9c;}
.notification .notification-container.green h3,
.notification .notification-container.green h2,
.notification .notification-container.green h1,
.notification .notification-container.green .head *{color:#1abc9c;} 
.notification .notification-container.blue{border-color:#4183D7;}
.notification .notification-container.blue h3,
.notification .notification-container.blue h2,
.notification .notification-container.blue h1,
.notification .notification-container.blue .head *{color:#4183D7;} 
.notification .notification-container.yellow{border-color:#f39c12;}
.notification .notification-container.yellow h3,
.notification .notification-container.yellow h2,
.notification .notification-container.yellow h1,
.notification .notification-container.yellow .head *{color:#f39c12;} 
.notification .notification-container span.close{width:12px; height:12px; display:block; cursor:pointer; position:absolute; right:10px; background:url('../images/close.png') no-repeat top center;}

/*uploader*/
.progresscircle{display: inline-block; position: relative; width:26px; height:26px; text-align: -webkit-match-parent; font-size: 321px; cursor: default;} 
.progresscircle:before{content: ''; display: block; position: absolute; width:26px; height:26px; -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; opacity: .5; z-index: 0;} 
.progresscircle:after{content: ''; display: block; position: absolute; top:8px; left:12px; width: 17px; height: 17px; border: 4px solid #efefef; -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; z-index: 1;}
.progresscircle #slice.gt50{clip: rect(0px,26px,26px,0px);} 
.progresscircle #slice{position: absolute; width:26px; height:26px; top:8px; left:12px; clip: rect(0px,26px,26px,13px); } 
.progresscircle #slice .pie{position: absolute; border: 4px solid #ef5a21; width: 17px; height: 17px; clip: rect(0px,13px,26px,0px); border-radius: 26px; z-index:12;transition:.2s;} 
.progresscircle #slice .fill{position: absolute; border: 4px solid #ef5a21; width: 17px; height: 17px; clip: rect(0px,13px,26px,0px); border-radius: 26px; z-index:2; transition:.2s;-moz-transform: rotate(180deg)!important; -webkit-transform: rotate(180deg)!important; -o-transform: rotate(180deg)!important; transform: rotate(180deg)!important;} 
.percent{font-size: 12px; position: absolute; text-align: center; line-height:26px;width:26px; height:26px; top:8px; left:45px; border-radius: 75px; font-weight: normal;}
.box .active{box-shadow: 0 0px 20px #818378 inset !important;}
.box{width:100%; height:40px; line-height:40px; margin:7px 0px 10px 0px; display:block; box-sizing:border-box; text-align:center; font-size:13px; border:1px solid #efefef; }
.box p{float:left; overflow:hidden; display:block; width:80%; height:16px; margin:4px 0px 0px 100px; text-align:left; line-height:16px;} 
.box small{text-align: left; font-weight: normal; margin: 5px 0px 0px 100px; padding: 0; line-height: 10px; float: left;}
.box.green{border:1px solid #C6E4C7;}
.box.red{border:1px solid #990000;}
.box.orange{border:1px solid #FFE1B3;}
span.ie{width:100%; display:block; font-weight:bold; line-height:25px; margin:0px 0px 10px 0px;}
input.file{width:100%; margin:0px 0px 15px 0px;}
span.ie.red{color:#990000;}