/* General */

* {margin:0; padding:0}
html, body {height:100%;overflow-x:hidden;}
body {text-align:center;font-size:12px;line-height:18px; font-family:Arial,Helvetica,sans-serif;color:#000000; background:#e5ecf0 url('images/nv-page.jpg') repeat-x left top}
a {text-decoration:none;color:#df8303}
a:hover {text-decoration:underline}
h1 {margin-bottom:10px;padding:5px 20px;width:900px;font-size:22px;font-weight:bold;border-bottom:2px solid #df8303;background:url('images/nv-arrow-orange.gif') no-repeat center left; clear:both}
h2 {margin:10px 0 10px 0;padding:5px 20px;width:900px;font-size:16px;font-weight:bold;border-bottom:2px solid #df8303;background:url('images/nv-arrow-orange.gif') no-repeat center left;clear:both}
h3 {margin:20px 0 20px 0;font-size:14px;font-weight:bold;border-bottom:1px solid #df8303;clear:both;}
img {border:0;box-shadow:none}

/* Application specific */

.nv-zero {font-family:"Courier New", monospace;color:#000000;}
.nv-negative {font-family:"Courier New", monospace;color:#899E1D;}
.nv-positive {font-family:"Courier New", monospace;color:#FF0000;}
.nv-alignright {text-align:right;}
.nv-linkhighlight {font-weight:bold; color:#899e1d}

/* Standard layout */

.nv-toolbar {width:auto;margin:5px 0 10px 0;}
.nv-divfull .nv-toolbar {margin:15px 0 10px 0;padding-left:15px;}
.nv-form .nv-toolbar {margin-left:210px}
.nv-form.nv-divfull .nv-toolbar {margin-left:195px}

.nv-headline {display:block;margin:0 0 32px 0;width:550px;height:28px;border-bottom:2px solid #df8303}
.nv-headline img {display:inline;margin-left:20px;margin-right:10px;vertical-align:text-top}
.nv-headline p {display:inline;margin-left:5px;width:auto;font-size:16px;font-weight:bold}

.nv-divsmall {width:600px;margin-left:100px;border:1px solid #d0dbe2; border-radius:5px;background:#fafafa;}
.nv-divsmallcenter {width:600px;margin:0 auto;border:1px solid #d0dbe2; border-radius:5px;background:#fafafa;}
.nv-divfull {width:100%;border:1px solid #d0dbe2;border-radius:5px;background:#fafafa;}
.nv-divdialog {margin-top:15px;width:800px}

.nv-iconlink {display:inline-block;vertical-align:middle;float:left;padding-right:2px;padding-left:2px}

div .breaker {clear:both;height:1px;overflow:hidden;}

/* Page Frame */

#nv-page {width:1200px; margin:0 auto;text-align:left;}
#nv-topbar {width:100%;height:38px;background:#d0dbe2;border-bottom:5px solid #df8303;font-size:10px}
#nv-topbar a {color:#666;font-weight:normal}
#nv-topbar div {width:560px;margin:0 auto;text-align:left;padding:10px 20px}
#nv-hdrbar {width:100%;height:100px;overflow:hidden;background:#899e1d}
#nv-hdrbar div {float:left}
#nv-mainview {width:100%;clear:both}
#nv-leftcol {width:220px;float:left;min-height:450px;height:540px;background:#e4edf2 url('images/nv-nav.jpg') repeat-x left top;}
#nv-navbar {width:100%;}
#nv-rightcol {width:980px;float:left}
#nv-breadcrumb {width:100%;height:29px;background:#e4edf2;font-size:11px;border-bottom:1px solid #cacbcc;clear:both}
#nv-breadcrumb div {padding:5px 15px}
#nv-breadcrumb a {color:#666;font-weight:normal}
#nv-content {width:950px;padding:10px 20px 10px 10px;background:#e4edf2 url('images/nv-content.jpg') repeat-x left top;clear:both;min-height:540px}
#nv-footbar {width:100%;height:38px;background:#d0dbe2;border-bottom:5px solid #df8303;clear:both}

/* Main Navigation */

.nv-nav ul {list-style:none outside;margin:0 0 0 20px}
.nv-nav li {padding:5px 0 5px 0;font-size:12px;border-top:1px solid #cacbcc}
.nv-nav a {text-transform:uppercase;text-decoration:none;color:#899e1d;font-weight:normal}
.nv-nav a.level1 {font-size:12px}
.nv-nav a.level2 {margin:0 0 0 20px;font-size:10px}
.nv-nav a.level3 {margin:0 0 0 40px;font-size:10px}
.nv-nav a.sel {font-weight:bold;color:#df8303}
.nv-nav a.level2:hover {font-weight:bold;}

/* Form */

input, select, textarea {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}

.nv-form {display:block;clear:both;min-width:600px}
.nv-form p {display:inline-block;min-width:600px;margin:0 0 5px 0;clear:both}
.nv-form label {float:left;width:200px;vertical-align:baseline;text-align:right;margin-right:10px}
.nv-form button {margin:5px 0 10px 0;}
.nv-form input, .nv-form textarea, .nv-form select {float:left;vertical-align:top;padding:5px;font-size:14px;font-family:Arial,Helvetica,sans-serif;border:1px solid #899e1d;border-radius:3px}
.nv-form input:focus, .nv-form textarea:focus, .nv-form select:focus {outline:none;border-color:#df8303;box-shadow: 0 0 10px #df8303;}
.nv-form select {display:block;min-width:300px;width:auto;}
.nv-form input[type=radio] {background-color:#efefef}
.nv-form input[type=radio] {border:none;}
.nv-form input[type=checkbox] {border:none;}
.nv-form form input[type=submit] {width:auto;padding:5px;background:#efefef;border-radius:5px;font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:0.9em;font-weight: bold;}
.nv-form form input[type=submit]:hover {background:#d0dbe2;color:#ffffff;}
.nv-form textarea[readonly=readonly] {background:#f0f0f0;}
.nv-form input[readonly=readonly] {background:#f0f0f0;}
.nv-form .multi {display:inline-block;height:200px}
.nv-form .uix-multiselect {margin:0 5px 10px 0;border:1px solid #899e1d;border-radius:3px}
.nv-form .nv-tiny	{width:100px}
.nv-form .nv-small	{width:150px}
.nv-form .nv-medium	{width:300px}
.nv-form .nv-big	{width:500px}
.nv-form .nv-error {background:#ffffa0;}
.nv-form .nv-tiny-input { width:150px; font-size:x-small; margin-left:10px; }

/* Table */

.nv-data thead {font-size:12px}
.nv-data tbody {font-size:12px}
.nv-data img {display:inline-block;vertical-align:top}
.nv-data a {display:block; height:100%; width:100%;text-decoration:none;color:#000000;}

/* Datatabe changes */

.nv-data { margin: 0 auto; clear: both; width: 100%; border-collapse: collapse; }

.nv-data thead {font-size:12px}
.nv-data tbody {font-size:12px}
.nv-data img {display:inline-block;vertical-align:top}
.nv-data a {display:block; height:100%; width:100%;text-decoration:none;color:#000000;}

.nv-data tr.odd { background-color: #e9e9e9; }
.nv-data tr.even { background-color: #f9f9f9; }
.nv-data tr.selected { background-color: #b0bed9; }

.nv-data tr.odd td.sorting_1 { background-color: #e0e0e0; }
.nv-data tr.odd td.sorting_2 { background-color: #e5e5e5; }
.nv-data tr.odd td.sorting_3 { background-color: #e9e9e9; }
.nv-data tr.even td.sorting_1 { background-color: #f0f0f0; }
.nv-data tr.even td.sorting_2 { background-color: #f5f5f5; }
.nv-data tr.even td.sorting_3 { background-color: #f9f9f9; }
.nv-data tr.selected td.sorting_1 { background-color: #b0bed9; }

/* Simple Table */

.nv-table table {display:table;width:100%;margin:0;padding:0;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.nv-table tr {display:table-row;width:100%;margin:5px;vertical-align:top;}
.nv-table th {display:table-cell;font-weight:normal;font-size:14px;text-align:left;padding-bottom:10px;color:#899e1d;border-bottom:1px dashed #df8303;}
.nv-table td {display:table-cell;word-wrap:break-word;padding-top:5px;padding-bottom:5px;overflow:hidden;}
.nv-table td a {display:inline-block;height:100%;width:100%;text-decoration:none;color:#000000;}
.nv-table th.right { text-align: right; align:right; }
.nv-table td.right { text-align: right; align:right; }
.nv-table th.left { text-align: left; align:left; }
.nv-table td.left { text-align: left; align:left;  }
.nv-table th.center { text-align: center; align:center; }
.nv-table td.center { text-align: center; align:center; }
.nv-table th.justify { text-align: justify; }
.nv-table td.justify { text-align: justify; }
.nv-table tr.even:hover {background-color:#e6ff99;}
.nv-table tr.odd:hover {background-color:#e6ff99;}

/* Charts and Dashboard */

div.dashboard { float:left; display: inline-block; margin-right: 20px; margin-bottom: 20px; width:290px; height:180px; border: 1px solid #c0c0c0; border-radius:10px; background:#ffffff; }
div.dashboard:hover { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
div.dashboard-title { width:290px; height:20px; text-align: center; vertical-align: middle; font-size:14px; font-weight:bold; }
div.dashboard-title a { color: black; }

/* Buttons */

.ui-button .ui-icon.nv-button-back {background-image: url('images/btn-back.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-cancel {background-image: url('images/btn-cancel.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-connect {background-image: url('images/btn-connect.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-clip {background-image: url('images/btn-clip.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-clip-file {background-image: url('images/btn-clip-file.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-delete {background-image: url('images/btn-delete.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-email {background-image: url('images/btn-email.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-export {background-image: url('images/btn-export.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-eye {background-image: url('images/btn-eye.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-files {background-image: url('images/btn-files.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-lock {background-image: url('images/btn-lock.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-message {background-image: url('images/btn-message.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-next {background-image: url('images/btn-next.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-pen {background-image: url('images/btn-pen.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-pdf {background-image: url('images/btn-pdf.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-save {background-image: url('images/btn-save.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-spreadsheet {background-image: url('images/btn-spreadsheet.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-task {background-image: url('images/btn-task.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-refresh {background-image: url('images/btn-refresh.png');width:16px;height:16px}

/* B2B Connectors */
.ui-button .ui-icon.nv-button-b2b-de-vodafone {background-image: url('images/b2b-de-vodafone.png');width:16px;height:16px}
.ui-button .ui-icon.nv-button-b2b-de-telekom {background-image: url('images/b2b-de-telekom.png');width:16px;height:16px}

/* Sortable */

.nv-sortable {border:1px solid #d0dbe2;min-height:20px;background:#fafafa;list-style-type:none;margin:0;padding:5px 0 0 0;float:left;margin-right:10px}
.nv-sortable li {border:1px solid #d0dbe2;background:#fdfdfd;border-radius:5px;margin:2px 0px 6px 6px;float:left;padding: 5px}
.nv-sortable li .nv-title {font-weight:normal;color:#000000;background:#fdfdfd}
.nv-sortable li .nv-desc {font-size: 0.8em;font-weight:normal;color:#899e1d}

/* Query UI and external plugins changes */

.ui-tabs .ui-tabs-nav li a img {float:right;margin-left:5px} /* Icon in tab header */
.ui-datepicker-trigger {margin-right:3px;} /* Fix UI datepicker touching help icon */
ul.ui-autocomplete li.ui-menu-item {text-align:left;}
.evo-cp-wrap { display: inline-block; float: left; }
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff { margin-top:3px }

.clickableIcon {
    display: flex;
    margin-top: 50%;
    color: black;
    padding: 5px;
    font-size: 25px;
}

.clickableIcon:hover {
    cursor: pointer;
}