
/*     handy Dell color reference _________________________________________ 
        highlight               #cce7f3
        well-alert              #ffffc9   
            note: well-alert is just for IT apps projects 
        well-gray-very-light    #f9f9f9
        well-gray-light         #eee
        well-gray               #aaa
        well-gray-medium        #737373
        well-gray-dark          #444
        well-blue:              #007db8 
        well-dark-blue          #00447c
        well-light-green        #c1d82f
        well-green              #6ea204
        well-yellow             #f2af00
        well-orange             #ee6411
        well-red                #d74324
        well-red-dark           #ce1126
        well-berry              #b7295a
        well-purple             #6e2585
        well-teal               #42aeaf
  */

/* general */
.nav-tabs {
  margin-left:15px;
}
h1 a img {
  margin-bottom:5px;
}
.options {
  padding: 10px 10px 15px 5px!important;
  height: 80px;
  margin-left: 15px;
  margin-right:15px;
}
div.options div i.icon-small-help {
  margin-top: -20px;
  float: right;
}
div.options div label {
  margin-top: -10px;
}
div.options div a.btn {
  margin-top: -5px;
}
.top-inset-20 {
  margin-top:-20px;
}





/* left toolbar */
.fixed { position: fixed; top: 0; left: 0; }
div#filtersave-accordion div div, div#filtersave-accordion div {
  border:0;
}
div.toolbar-left div.alert {
    padding: 10px 10px 5px 45px!important;
}
.alert button.close {
    margin-top:-5px;
}
.left-alert {
    margin: 0 0 15px 0!important;
    width:auto!important;
    background: #fff!important;
    border-left: 6px solid #007db8!important;
}
.left-nav-area {
    float:left;
}
div.toolbar-left a.btn {
    margin-bottom:5px;
}
div.toolbar-left div.panel, div.toolbar-left div.panel div.panel-heading {
    background: #eee!important;
}
.toolbar-left {
  padding: 10px 15px 0 10px;
  float: left;
  background: #eee;
  height: 900px;
  width:90%!important;
  max-width:330px!important;
}














/* masthead */
span.welcome {
    margin-left:20px;
}
.menu-shadow img {
  height: 11px;
  width: 100%;
}
div.logo i {
  font-size:45px;
}













/* Datatables */
/* Datatables: Headers -------------------------------------------         */

#responsive thead tr th {
  color: #007db8;
  max-height: 55px;
}













/* Datatables: Pagination  -----------------------------------        */
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}












/* Datatables: Responsive
-------------------------------------------         */
div.dataTables_length {
  width:16%;
  margin: 0;
}
div.dataTables_filter {
  display:none;
}
div.dataTables_paginate {
  margin-top: -30px;
}


/* Trying to manage the expand child background */
tr.child:nth-child(even) td.child {
  background:#eee;
}
tr.child:nth-child(odd) td.child {
  background:#fff;
}
tr[role=row] {  /* Couldn't stop next row from sharing color, so inserted border */
  border-top:1px solid #ccc;
}


/* Slightly edited CSS that came with the plugin */
table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 5px;
  left: 5px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  text-align: center;
  box-sizing: content-box;
  content: url(images/arrow-right-tr.png);
}
table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: url(images/arrow-down-tr.png);
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:second-child:before {
  background:#ee6411;
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  display: none;
}
table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
  top: 5px;
  left: 5px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  text-align: center;
  box-sizing: content-box;
  content: url(images/arrow-right-tr.png);
}
table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
  content: url(images/arrow-down-tr.png);
}
table.dataTable tr.child {
  padding: 0.5em 1em;
}
table.dataTable tr.child:hover {
  background: transparent !important;
}
table.dataTable tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable tr.child ul li {
  border-bottom: 1px solid #eee;
  padding: 0.5em 0;
  white-space: nowrap;
}
table.dataTable tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}






/* Tooltips */

a.tooltip-help {
  position: relative;
  display: inline;
}
a.tooltip-help span {
  position: absolute;
  width:140px;
  color: #444;
  background: #fff;
  border: 1px solid #aaa;
  height: 60px;
  line-height: 1.4em;
  font-size: 12px;
  text-align: center;
  padding: 5px 10px;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: 0px 2px 3px #ccc;
}
a.tooltip-help span:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -7px;
  width: 0; height: 0;
  border-right: 7px solid #aaa;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
a.tooltip-help span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  width: 0; height: 0;
  border-right: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
a:hover.tooltip-help span {
  visibility: visible;
  left: 100%;
  top: 50%;
  margin-top: -30px;
  margin-left: 10px;
  z-index: 99999999;
}












/* Fonts */
    @font-face {
        font-family: "icon-ui";
        src: url("fonts/icon-ui.ttf") format("truetype");
    }
    .icon-ui-arrowleft, .icon-ui-arrowright, .icon-ui-close, .icon-ui-closecircle, .icon-ui-collapse, .icon-ui-dell, .icon-ui-expand, .icon-ui-grid-view, .icon-ui-list-view, .icon-ui-menucollapsed, .icon-ui-minus, .icon-ui-pause, .icon-ui-play, .icon-ui-plus, .icon-ui-triangledown, .icon-ui-triangleleft, .icon-ui-triangleright, .icon-ui-triangleup {
        font-family: 'icon-ui';
        font-size: 16px;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    } 
     
    @font-face {
        font-family: "icon-small";
        src: url("fonts/icon-small.ttf") format("truetype");
    }
    .icon-small-360-hinge, .icon-small-add, .icon-small-alertcomplete, .icon-small-alerterror, .icon-small-alertinfo, .icon-small-alertnotice, .icon-small-audiocard, .icon-small-audiospeaker, .icon-small-award, .icon-small-battery, .icon-small-bell, .icon-small-cables, .icon-small-calculator, .icon-small-calendar, .icon-small-carryingcase, .icon-small-cart, .icon-small-chat, .icon-small-checkmark, .icon-small-chipset, .icon-small-clock, .icon-small-cloud, .icon-small-color, .icon-small-computergeneric, .icon-small-contact, .icon-small-copy, .icon-small-data, .icon-small-deals, .icon-small-detachable, .icon-small-diagnostic, .icon-small-dimensionsweight, .icon-small-display, .icon-small-download, .icon-small-drivers, .icon-small-e-value, .icon-small-edit, .icon-small-employee, .icon-small-energyefficient, .icon-small-enterprise, .icon-small-gift-card, .icon-small-globe, .icon-small-graphics-card, .icon-small-harddrive, .icon-small-help, .icon-small-house, .icon-small-infrastructure, .icon-small-inktoner, .icon-small-keyboard, .icon-small-lightbulb, .icon-small-location, .icon-small-magnifying-glass, .icon-small-mail, .icon-small-memory, .icon-small-memorycardreader, .icon-small-missingimage, .icon-small-mobile, .icon-small-mouse, .icon-small-music, .icon-small-network, .icon-small-notebook, .icon-small-operatingsystem, .icon-small-opticaldrive, .icon-small-package, .icon-small-partners, .icon-small-performance, .icon-small-phone, .icon-small-photos, .icon-small-ports, .icon-small-powersupply, .icon-small-printer, .icon-small-processor, .icon-small-projector, .icon-small-protection, .icon-small-recycle, .icon-small-refresh, .icon-small-rss, .icon-small-save, .icon-small-scale-out, .icon-small-searchleft, .icon-small-secure, .icon-small-securesoftware, .icon-small-server, .icon-small-serverrack, .icon-small-share, .icon-small-shipping, .icon-small-socialnetworking, .icon-small-software, .icon-small-solutions, .icon-small-speakers, .icon-small-star, .icon-small-storage, .icon-small-support, .icon-small-surgeprotection, .icon-small-tablet, .icon-small-thinclient, .icon-small-touch, .icon-small-touch-pad, .icon-small-towergeneric, .icon-small-trash, .icon-small-tv, .icon-small-useraccount, .icon-small-video, .icon-small-videocard, .icon-small-virtualization, .icon-small-warranty, .icon-small-webcam, .icon-small-whitepaper, .icon-small-wireless, .icon-small-zoomin, .icon-small-zoomout, [class*=" icon-"], [class^=icon-] {
        font-family: "icon-small";
        speak: none;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

    @font-face {
        font-family: "icon-large";
        src: url("fonts/icon-large.ttf") format("truetype");
    }
    .icon-large-360-hinge, .icon-large-add, .icon-large-alertcomplete, .icon-large-alerterror, .icon-large-alertinfo, .icon-large-alertnotice, .icon-large-audicard, .icon-large-audiospeaker, .icon-large-award, .icon-large-battery, .icon-large-bell, .icon-large-cables, .icon-large-calculator, .icon-large-calendar, .icon-large-carryingcase, .icon-large-cart, .icon-large-chat, .icon-large-checkmark, .icon-large-chipset, .icon-large-clock, .icon-large-cloud, .icon-large-color, .icon-large-computergeneric, .icon-large-contact, .icon-large-copy, .icon-large-data, .icon-large-deals, .icon-large-detachable, .icon-large-diagnostic, .icon-large-dimensionsweight, .icon-large-display, .icon-large-download, .icon-large-drivers, .icon-large-e-value, .icon-large-edit, .icon-large-employee, .icon-large-energyefficient, .icon-large-enterprise, .icon-large-giftcard, .icon-large-globe, .icon-large-graphics-card, .icon-large-harddrive, .icon-large-help, .icon-large-house, .icon-large-infrastructure, .icon-large-inktoner, .icon-large-keyboard, .icon-large-lightbulb, .icon-large-location, .icon-large-magnifying-glass, .icon-large-mail, .icon-large-memory, .icon-large-memorycarreader, .icon-large-missingimage, .icon-large-mobile, .icon-large-mouse, .icon-large-music, .icon-large-network, .icon-large-notebook, .icon-large-operatingsystem, .icon-large-opticaldrive, .icon-large-package, .icon-large-partners, .icon-large-performance, .icon-large-phone, .icon-large-photos, .icon-large-ports, .icon-large-powersupply, .icon-large-printer, .icon-large-processor, .icon-large-projector, .icon-large-protection, .icon-large-recycle, .icon-large-refresh, .icon-large-rss, .icon-large-save, .icon-large-scale-out, .icon-large-searchleft, .icon-large-secure, .icon-large-securesoftware, .icon-large-server, .icon-large-serverrack, .icon-large-share, .icon-large-shipping, .icon-large-socialnetworking, .icon-large-software, .icon-large-solutions, .icon-large-speakers, .icon-large-star, .icon-large-storage, .icon-large-support, .icon-large-surgeprotection, .icon-large-tablet, .icon-large-thinclient, .icon-large-touch, .icon-large-touchpad, .icon-large-towergeneric, .icon-large-trash, .icon-large-tv, .icon-large-useraccount, .icon-large-video, .icon-large-videocard, .icon-large-virtualization, .icon-large-warranty, .icon-large-webcam, .icon-large-whitepaper, .icon-large-wireless, .icon-large-zoomin, .icon-large-zoomout {
        font-family: "icon-large";
        font-size: 36px;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    } 

    @font-face {
        font-family: "glyphicons_halflingsregular";
        src: url("fonts/glyphicons-halflings-regular.eot") format("embedded-opentype");
    }
    .icon-large-360-hinge, .icon-large-add, .icon-large-alertcomplete, .icon-large-alerterror, .icon-large-alertinfo, .icon-large-alertnotice, .icon-large-audicard, .icon-large-audiospeaker, .icon-large-award, .icon-large-battery, .icon-large-bell, .icon-large-cables, .icon-large-calculator, .icon-large-calendar, .icon-large-carryingcase, .icon-large-cart, .icon-large-chat, .icon-large-checkmark, .icon-large-chipset, .icon-large-clock, .icon-large-cloud, .icon-large-color, .icon-large-computergeneric, .icon-large-contact, .icon-large-copy, .icon-large-data, .icon-large-deals, .icon-large-detachable, .icon-large-diagnostic, .icon-large-dimensionsweight, .icon-large-display, .icon-large-download, .icon-large-drivers, .icon-large-e-value, .icon-large-edit, .icon-large-employee, .icon-large-energyefficient, .icon-large-enterprise, .icon-large-giftcard, .icon-large-globe, .icon-large-graphics-card, .icon-large-harddrive, .icon-large-help, .icon-large-house, .icon-large-infrastructure, .icon-large-inktoner, .icon-large-keyboard, .icon-large-lightbulb, .icon-large-location, .icon-large-magnifying-glass, .icon-large-mail, .icon-large-memory, .icon-large-memorycarreader, .icon-large-missingimage, .icon-large-mobile, .icon-large-mouse, .icon-large-music, .icon-large-network, .icon-large-notebook, .icon-large-operatingsystem, .icon-large-opticaldrive, .icon-large-package, .icon-large-partners, .icon-large-performance, .icon-large-phone, .icon-large-photos, .icon-large-ports, .icon-large-powersupply, .icon-large-printer, .icon-large-processor, .icon-large-projector, .icon-large-protection, .icon-large-recycle, .icon-large-refresh, .icon-large-rss, .icon-large-save, .icon-large-scale-out, .icon-large-searchleft, .icon-large-secure, .icon-large-securesoftware, .icon-large-server, .icon-large-serverrack, .icon-large-share, .icon-large-shipping, .icon-large-socialnetworking, .icon-large-software, .icon-large-solutions, .icon-large-speakers, .icon-large-star, .icon-large-storage, .icon-large-support, .icon-large-surgeprotection, .icon-large-tablet, .icon-large-thinclient, .icon-large-touch, .icon-large-touchpad, .icon-large-towergeneric, .icon-large-trash, .icon-large-tv, .icon-large-useraccount, .icon-large-video, .icon-large-videocard, .icon-large-virtualization, .icon-large-warranty, .icon-large-webcam, .icon-large-whitepaper, .icon-large-wireless, .icon-large-zoomin, .icon-large-zoomout {
        font-family: "glyphicons_halflingsregular";
        font-size: 36px;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    } 





