/*
 * Skin: Midnight Dark theme
 * ------------
 */

 .content-wrapper i {
   color: #EF8224 !important;
 }

 .content-wrapper .dropdown-menu i {
   color:#333 !important;
 }

 .skin-midnight {
  color: #fff;
}
.skin-midnight h4 {
  color: #44def1;
}
.skin-midnight .content-header > .breadcrumb > li > a {
  color: #fff;
}
.skin-midnight .table > thead > tr > th,
.skin-midnight .table > tbody > tr > th,
.skin-midnight .table > tfoot > tr > th,
.skin-midnight .table > thead > tr > td,
.skin-midnight .table > tbody > tr > td,
.skin-midnight .table > tfoot > tr > td {
  color: #fff;
  border-top: 0px;
}
.skin-midnight .table > thead > tr.odd,
.skin-midnight .table > tbody > tr.odd,
.skin-midnight .table > tfoot > tr.odd {
  background-color: #2a2f34;
}
.skin-midnight .table > thead > tr.odd:hover,
.skin-midnight .table > tbody > tr.odd:hover,
.skin-midnight .table > tfoot > tr.odd:hover,
.skin-midnight .table > thead > tr.even:hover,
.skin-midnight .table > tbody > tr.even:hover,
.skin-midnight .table > tfoot > tr.even:hover {
  background-color: #1e2226;
}
.skin-midnight .table-bordered > thead > tr > th,
.skin-midnight .table-bordered > tbody > tr > th,
.skin-midnight .table-bordered > tfoot > tr > th,
.skin-midnight .table-bordered > thead > tr > td,
.skin-midnight .table-bordered > tbody > tr > td,
.skin-midnight .table-bordered > tfoot > tr > td {
  border: 1px solid #353c42;
}
.skin-midnight .dataTables_wrapper input[type='search'] {
  border-radius: 4px;
  background-color: #353c42;
  border: 0;
  color: #fff;
}
.skin-midnight .dataTables_paginate .pagination li > a {
  background-color: transparent !important;
  border: 0;
}
.skin-midnight .wrapper,
.skin-midnight .main-sidebar,
.skin-midnight .left-side {
  background-color: #272c30;
}
.skin-midnight .user-panel > .info,
.skin-midnight .user-panel > .info > a {
  color: #fff;
}
.skin-midnight .sidebar-menu > li.header {
  color: #556068;
  background: #1e2225;
}
.skin-midnight .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-midnight .sidebar-menu > li:hover > a,
.skin-midnight .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #22272a;
  border-left-color: #272c30;
}
.skin-midnight .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #32393e;
}
.skin-midnight .sidebar a {
  color: #fff;
}
.skin-midnight .sidebar a:hover {
  text-decoration: none;
}
.skin-midnight .treeview-menu > li > a {
  color: #949fa8;
}
.skin-midnight .treeview-menu > li.active > a,
.skin-midnight .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-midnight .sidebar-form {
  border-radius: 3px;
  border: 1px solid #3e464c;
  margin: 10px 10px;
}
.skin-midnight .sidebar-form input[type="text"],
.skin-midnight .sidebar-form .btn {
  box-shadow: none;
  background-color: #3e464c;
  border: 1px solid transparent;
  height: 35px;
}
.skin-midnight .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-midnight .sidebar-form input[type="text"]:focus,
.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-midnight .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-midnight .box,
.skin-midnight .box-footer,
.skin-midnight .info-box,
.skin-midnight .box-comment,
.skin-midnight .comment-text,
.skin-midnight .comment-text .username {
  color: #fff;
  background-color: #272c30;
}
.skin-midnight .box-comments .box-comment {
  border-bottom-color: #353c42;
}
.skin-midnight .box-footer {
  border-top: 1px solid #353c42;
}
.skin-midnight .box-header.with-border {
  border-bottom: 1px solid #353c42;
}
.skin-midnight .box-solid,
.skin-midnight .box {
  border: 1px solid #272c30;
}
.skin-midnight .box-solid > .box-header,
.skin-midnight .box > .box-header {
  color: #fff;
  background: #272c30;
  background-color: #272c30;
}
.skin-midnight .box-solid > .box-header a,
.skin-midnight .box > .box-header a,
.skin-midnight .box-solid > .box-header .btn,
.skin-midnight .box > .box-header .btn {
  color: #fff;
}
.skin-midnight .box.box-info,
.skin-midnight .box.box-primary,
.skin-midnight .box.box-success,
.skin-midnight .box.box-warning,
.skin-midnight .box.box-danger {
  border-top-width: 3px;
}
.skin-midnight .box.box-info {
  border-top-color: #00c0ef;
}
.skin-midnight .box.box-primary {
  border-top-color: #075383;
}
.skin-midnight .box.box-success {
  border-top-color: #00a65a;
}
.skin-midnight .box.box-warning {
  border-top-color: #ff851b;
}
.skin-midnight .box.box-danger {
  border-top-color: #dd4b39;
}
.skin-midnight .main-header .navbar {
  background-color: #272c30;
}
.skin-midnight .main-header .navbar .nav > li > a {
  color: #fff;
}
.skin-midnight .main-header .navbar .nav > li > a:hover,
.skin-midnight .main-header .navbar .nav > li > a:active,
.skin-midnight .main-header .navbar .nav > li > a:focus,
.skin-midnight .main-header .navbar .nav .open > a,
.skin-midnight .main-header .navbar .nav .open > a:hover,
.skin-midnight .main-header .navbar .nav .open > a:focus,
.skin-midnight .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-midnight .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-midnight .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-midnight .timeline li .timeline-item {
  color: #fff;
  background-color: #272c30;
  border-color: #353c42;
}
.skin-midnight .timeline li .timeline-header {
  border-bottom-color: #353c42;
}
.skin-midnight .nav-stacked > li > a {
  color: #fff;
}
.skin-midnight .nav-stacked > li > a:hover {
  color: white;
  background-color: #1e2226;
}
.skin-midnight .content-wrapper,
.skin-midnight .right-side {
  background-color: #353c42;
}
.skin-midnight .main-footer,
.skin-midnight .nav-tabs-custom {
  background-color: #272c30;
  border-top-color: #353c42;
  color: #fff;
}
.skin-midnight .main-footer .nav-tabs,
.skin-midnight .nav-tabs-custom .nav-tabs {
  border-bottom-color: #353c42;
}
.skin-midnight .main-footer .tab-content,
.skin-midnight .nav-tabs-custom .tab-content {
  background-color: #272c30;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li.active > a {
  border-left-color: #353c42;
  border-right-color: #353c42;
}
.skin-midnight .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #353c42;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li {
  color: #fff;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li.active > a {
  background-color: #272c30;
}
.skin-midnight .nav-tabs-custom > .nav-tabs > li > a {
  color: #fff;
}
.skin-midnight .form-group .input-group-addon,
.skin-midnight .input-group .input-group-addon,
.skin-midnight .form-group input,
.skin-midnight .input-group input,
.skin-midnight .form-group textarea,
.skin-midnight .input-group textarea {
  background-color: #353c42;
  color: #fff;
  border: 1px solid #353c42;
}
.skin-midnight .list-group {
  color: #fff;
  background-color: #272c30;
}
.skin-midnight .list-group .list-group-item {
  border-color: #353c42;
  background-color: #272c30;
}
.skin-midnight .input-group .input-group-addon {
  border-right: 1px solid #272c30;
}
.skin-midnight .form-control {
  border-color: #272c30;
  background-color: #353c42;
}
.skin-midnight .select2 .select2-selection {
  background-color: #353c42;
  color: #fff;
  border: 1px solid #353c42;
}
.skin-midnight .select2 .select2-selection .select2-container--default,
.skin-midnight .select2 .select2-selection .select2-selection--single,
.skin-midnight .select2 .select2-selection .select2-selection--multiple,
.skin-midnight .select2 .select2-selection .select2-selection__rendered {
  color: #fff;
}
.skin-midnight .select2-dropdown {
  background-color: #353c42;
  color: #fff;
  border: 1px solid #353c42;
}
.skin-midnight .select2-dropdown .select2-search__field {
  background-color: #272c30;
  color: #fff;
  border: 1px solid #353c42;
}
.skin-midnight .select2-container--default.select2-container--open {
  background-color: #272c30;
}

/* Custom */


.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
 z-index:5;
 color:#000;
 font-size:17px;
 margin-top:10px
}

.main-header .logo {
 -webkit-transition:width .3s ease-in-out;
 -o-transition:width .3s ease-in-out;
 transition:width .3s ease-in-out;
 display:block;
 float:left;
 height:50px;
 font-size:20px;
 line-height:50px;
 text-align:center;
 width:230px;
 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 padding:0 15px;
 font-weight:300;
 overflow:hidden;
 color:#fff;
}

/** Custom Midnight */



.main-header .logo b { color:#f39c12; }
.custom-nav-separator { border-bottom:solid 1px #555; padding-bottom:7px; }
.custom-nav-padding-top { padding-top:7px; }
a { color:#f39c12; }
.navbar { background:#000; }

.info-box-text {
    text-transform: none;
    color:#888;
}

.info-box-text .bg-midnight { background:#333; color:#fff; font-weight:normal; margin-bottom:2px; }
.info-box-number { font-weight:normal; }
.custom-icon-space { padding:5px; }
.main-header { background:; }


.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #ef8224;
}

.text-yellow { color:#ef8224 !important; }

.nav-tabs-custom > .nav-tabs > li.active:hover > a {
    color: #fff;
    border-left: 1px solid #353C42 !important;
    border-right: 1px solid #353C42 !important;
}

.contextual-menu a { color:#ccc; }
.custom-actions-a a { color:#fff; }
.custom-actions-a a:hover { color:#ef8224; }

select { color:#fff; }
h1 small { color:#ccc; }

.form-horizontal { padding: 15px 15px 0 0; }

.btn-warning { background: #ef8224 !important; }
.login-box-body { background:#272C30; }
.login-page { background:#1F2326; }
.login-img { width:200px; margin:0; }
.login-box-msg { color:#999; }
.btn-warning:hover, .btn-warning.hover { background:#c46313; }
.login-logo { margin-bottom:5px; }
.label-warning { background:#EF8224 !important; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color:#EF8224; }


.modal-title { color:#EF8224 !important; }

/** Pagination **/
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination .active a {
	background:#1b1e21 !important;
	border-color:#272C30 !important;
}
.skin-midnight .box-footer { border-top:0; }
.pagination > li > a { background:#353C42; border-color:#272C30; color:#fff; }


th a i { color:#485159; }
th a   { color:#fff !important; }


/* Modal Form */
.modal-body input, .modal-body select { border-color:#ccc !important; background-color:#fff !important; }
.modal-body label { color:#777; }
.no_padding { padding:0; }
.modal-body { color:#666; }


/* Ativos Details */
ul.ui-autocomplete {
  position: fixed;
  top: initial;
}
.table-sum>tbody>tr>td, .table-sum>thead>tr>th { padding: 1px; }
.table-sum>tbody>tr>td.ct{ text-align: center; }

.row.finding-stats > div {
  margin: 0;
  padding: 2px;
}

div.risk-grade { font-size: xx-large; padding: 10px; border-radius: 5px; }
div.risk-grade-A { background-color: limegreen; }
div.risk-grade-B { background-color: yellowgreen; }
div.risk-grade-C { background-color: orange; }
div.risk-grade-D { background-color: darkorange; }
div.risk-grade-E { background-color: orangered; }
div.risk-grade-F { background-color: red; }

span.badge-risk-grade-A { background-color: limegreen; }
span.badge-risk-grade-B { background-color: yellowgreen; }
span.badge-risk-grade-C { background-color: orange; }
span.badge-risk-grade-D { background-color: darkorange; }
span.badge-risk-grade-E { background-color: orangered; }
span.badge-risk-grade-F { background-color: red; }
span.badge-risk-grade-- { background-color: lightgray; }

div.tile {
  border-width: thin;
  border-style: solid;
  border-left-width: 1rem;
  border-radius: 3px;
  padding-bottom: 15px;
  text-align: center;
}
div.tile div { font-size: large; }
div.tile-critical { border-color: #cc0500; }
div.tile-high { border-color: #df3d03 !important; }
div.tile-medium { border-color: #f9a009; }
div.tile-low { border-color: #ffcb0d; }
div.tile-info { border-color: #3498db; }

div.risk-trends {
  border-top-color: lightgray;
  border-top-style: solid;
}



 .label-critical { background-color: #cc0500; }
 .label-high { background-color: #df3d03; }
 .label-medium { background-color: #f9a009; }
 .label-low { background-color: #ffcb0d; color:#8e7105; }
 .label-info { background-color: #3498db; }

 .progress-bar-critical { background-color: #cc0500; }
 .progress-bar-high { background-color: #DD4B39; }
 .progress-bar-medium { background-color: #f9a009; }
 .progress-bar-low { background-color: #ffcb0d; }
 .progress-bar-info { background-color: #3498db; }



/* detail-box */
.detail-box { padding:10px;  padding-bottom:0; }
.detail-box dl { padding:20px; background:#212528; border:solid 1px #353C42; }
.detail-box dd, .detail-box dt { padding:5px;  margin:px; }
.detail-list  {  padding:20px; padding-right:70px; padding-top:0; padding-left:15px; margin:0; }
.detail-rating { padding-top:0px; }

.tile {background:#212528;}
.tiles { padding:0; padding-left:20px; margin:0; }

.scopes-button { margin-top:30px; }

/* Modal xl */
.modal-xl { width:1200px; background:#272C30; }


/* detail callouts */
.callout h1 { padding:0; margin:0; }
.callout { margin-right:10px; }
.callout-orange { background: #FF851B; color:#fff; border-color:#FF7701; }


/* scans */
.no_padding {
    padding-left: 0px;
    padding-right: 0px;
}




#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100%; }

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    /* width: 422px; */
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    /* font-size: 18px; */
    line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

label.radio {
  margin-left: 20px;
}

input[type=checkbox] { padding:0; margin:0; }

h4 { color:#fff !important; }

/* comments */
.box-comment { margin:20px; }

/* Label*/
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:#ccc !important; }


/* ---------------------- legacy content ----------------------- */

.breadcrumb { background:#272C30;  margin-top:20px; margin:10px 5px 0px 8px; }
.btn-primary { background:#EF8224 !important; border-color:#EF8224; }

.breadcrumb li { text-transform: capitalize; }
.breadcrumb { float:right; margin-right:10px; margin-bottom:5px; }


a { color:#fff !important; }
a:hover { color:#EF8224; }
a.text-primary { color:#fff; }
a.text-primary:hover { color:#EF8224; }

.tab-content { background:#272C30 !important; padding:20px; border-radius:4px; }
.container-fluid { padding:10px; }
.table { border-top:solid 1px #353C42; margin-top:10px; }
#asset-quick-search-name { margin-right:10px; float:right; }
.form-horizontal { background:#272C30; margin-top:50px; margin-left:10px; margin-right:5px; padding:30px; border-radius:4px; }
.form-horizontal legend { color:#EF8224; border-color:#353C42; }
.tab-single { margin:10px !important; }

.details-row { margin:8px; margin-top:50px; }
.details-tab { margin:10px; margin-top:0; }
.modal-header { background:#f9f9f9 !important; }

.modal-content .form-horizontal { background:#fff;  }
.form-control { color:#fff !important; }

/*

.menu_tabs { background:#272C30 !important; float:left; }
.nav-tabs .active { background:#272C30 !important; border-color:#272C30 !important; border-top:solid 3px #EF8224 !important;  color:#fff !important; }
.nav tabs a, .nav tabs a:hover { background:#272C30; color:#fff; }
.nav-tabs { border-bottom:solid 1px #353C42; background:#272C30; }


.nav-tabs > li.active > a {
	color:#fff;
	background-color: #272C30;
	border: 1px solid #353C42;
	border-bottom:0;
}

.nav-tabs > li > a:hover {
	border-bottom: 1px solid #353C42;
}
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
	color:#fff !important;
	background: #272C30 !important;
	border:solid 1px transparent;
	border-bottom: 0;

}
.nav > li > a:hover { border: 1px solid #353C42; }

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
	border-bottom:solid 1px #353C42;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border:1px solid #353C42;
	border-bottom:0;
}


.nav .open > a, .nav .open > a:focus, .nav a:hover { border-color:#272C30 !important; }
.nav .open > a:hover, nav a:hover { border-left:solid 1px #272C30; border-right:solid 1px #272C30;  }
*/


.nav-tabs > li:not(.active) > a:hover {
	border: 1px solid #272C30 !important;

}
.nav-tabs > .active > a:hover {
	border-bottom: 1px solid #272C30 !important;

}

.nav-tabs > li:is(.active) > a:hover {
	border: 1px solid #272C30 !important;

}


/* New Dashboard */
.dashboard .no-padding { padding:0; }
.dashboard .no-padding-left { padding-left:0; }
.dashboard { padding-bottom:0; }
.table { border-top:solid 1px #353C42; }
.table a { color:#fff; }

.progress-bar-critical { background-color: #cc0500; }
.progress-bar-high { background-color: #df3d03; }
.progress-bar-medium { background-color: #f9a009; }
.progress-bar-low { background-color: #ffcb0d; }
.progress-bar-info { background-color: #3498db; }

/* legacy Dashboard */
span.badge-risk-grade-A { background-color: limegreen; color:#485e16 !important; }
span.badge-risk-grade-B { background-color: yellowgreen; color:#485e16 !important; }
span.badge-risk-grade-C { background-color: orange; }
span.badge-risk-grade-D { background-color: darkorange; }
span.badge-risk-grade-E { background-color: orangered; }
span.badge-risk-grade-F { background-color: #D33724; }
span.badge-risk-grade-- { background-color: lightgray; }

td.bg-grade---low, td.bg-grade---medium, td.bg-grade---high {background-color: lightgray; box-shadow: inset 1em 0 1em #777; color:#777 !important; }
td.bg-grade-A-low, td.bg-grade-A-medium, td.bg-grade-A-high, td.bg-grade-B-low {background-color: yellowgreen; box-shadow: inset 1em 0 1em #709324; }
td.bg-grade-B-medium, td.bg-grade-B-high, td.bg-grade-C-low, td.bg-grade-C-medium, td.bg-grade-D-low {background-color: yellow; box-shadow: inset 1em 0 1em #bcbc00;}
td.bg-grade-E-low, td.bg-grade-D-medium, td.bg-grade-C-high {background-color: orange; box-shadow: inset 0 0 1em #a56901; }
td.bg-grade-F-low, td.bg-grade-E-medium, td.bg-grade-D-high {background-color: #D33724; color: white !important; box-shadow: inset 1em 0 1em #991001; }
td.bg-grade-F-medium, td.bg-grade-E-high {background-color: darkred; color: white !important; box-shadow: inset 1em 0 1em #680000; }
td.bg-grade-F-high {background-color: #111; color: white !important; box-shadow: inset 1em 0 1em #000; }


td.bg-grade---low a, td.bg-grade---medium a, td.bg-grade---high a { color:#444 !important; }
td.bg-grade-A-low a, td.bg-grade-A-medium a, td.bg-grade-A-high a, td.bg-grade-B-low a { color:#455b16 !important; }
td.bg-grade-B-medium a, td.bg-grade-B-high a, td.bg-grade-C-low a, td.bg-grade-C-medium a, td.bg-grade-D-low a { color:#777702 !important; }
td.bg-grade-E-low a, td.bg-grade-D-medium a, td.bg-grade-C-high a { color:#704701 !important; }
td.bg-grade-F-low a, td.bg-grade-E-medium a, td.bg-grade-D-high a { color:#49120c  !important; }
td.bg-grade-F-medium a, td.bg-grade-E-high a { color:#e57070 !important; }
td.bg-grade-F-high a { color:#999 !important; }










.label-critical { background-color: #cc0500; }
.label-high { background-color: #D33724; }
.label-medium { background-color: #f9a009; }
.label-low { background-color: #ffcb0d; }
.label-info { background-color: #3498db; }

.new-grade { width: 20%; cursor: pointer; color:#000 !important; text-align:center !important; }


/* matriz qualitativa de risco */
.num-matriz { border:solid 1px #fff; width:100%; display:block; padding:0; margin:0; }
.white-bar { background:#fff; display:block; height:5px; padding:0; margin:0; margin-top:5px; margin-left:7px; }

.table-limited3 tr:nth-child(n+3) {
  display:none;
}
.table-limited4 tr:nth-child(n+4) {
  display:none;
}
.table-limited5 tr:nth-child(n+5) {
  display:none;
}
.table-limited tr:nth-child(n+6) {/* default */
  display:none;
}
.table-limited7 tr:nth-child(n+7) {
  display:none;
}

a { text-decoration:none !important; }
#menu_tabs_ul { background:#272C30 !important; }

.dropdown-menu > li > a:hover { color:#000; }
.dropdown-menu > li > a { color: #777 !important;}



/* .risk-table-large */
.risk-table-large td { position:relative; display:block; float:left; margin-bottom:10px; }
.risk-table-large .td-a { width:140px; padding-right:30px; }
.risk-table-large .td-b { padding-left:15px; padding-top:5px; }
.risk-table-large .num-matriz { padding:3px; }
.risk-table-large i { position:absolute; top:20px; right:0; }

/* .risk-table-small > */
.risk-table-small .num-matriz { padding:2px; font-size:11px; width:25px; position:relative; display:block; }
.risk-table-small .td-a { width:50px; }
.risk-table-small .td-a span { width:19px; height:1px; background:#fff; position:absolute; top:9px;; right:-19px;  }
.risk-table-small .label { margin:0; }
.risk-table-small .time { border-bottom:solid 2px #fff; width:27px; margin:5px; display:block; position:relative; padding:bottom:2px; }
.risk-table-small .td-time { margin-bottom:15px; }


/* details-table */
.details-table td { padding:5px; }

/* btn-default */
.btn-default, .label-default { color:#353C42 !important; }
.nav > li > a:hover { border:transparent; }
.nav-tabs > li > a:hover { border-bottom:1px solid #353C42 !important; }

/*datepicker*/
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
	background: #EF8224 !important;
}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
	background: #EF8224 !important;
}

.datetimepicker {
	color:#666;
}

.bootstrap-datetimepicker-widget {
	color:#666;
}

/* input file

[type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}

[type="file"] + label {
  background-color: #121516;
  border-radius: .5rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding-left: 2rem 4rem;
}
* */

/*
[type="file"]:focus + label,
[type="file"] + label:hover {
    background-color: #f15d22;
}

[type="file"]:focus + label {
  outline: 1px dotted #000;
}
*/

body { background:#272C30 !important; }

table .btn-default, .form-scan .btn-default,
table .btn-primary, .form-scan .btn-primary,
table .btn-warning, .form-scan .btn-warning,
.btn-danger {
	background: #1E2225 !important;
	border-color: #1E2225 !important;
	color:#fff !important;
}
table .btn-default:hover, table .btn-default:active, table .btn-default.hover, table .btn-default:focus,
table .btn-primary:hover, table .btn-primary:active, table .btn-primary.hover, table .btn-primary:focus,
table .btn-warning:hover, table .btn-warning:active, table .btn-warning.hover, table .btn-warning:focus,
table .btn-danger:hover, table .btn-danger:active, table .btn-warning:focus, table .btn-danger.hover {
	background: #1E2225 !important;
	border-color: #1E2225 !important;
	color:#ef8224 !important;
}
.form-scan .btn-default:hover, .form-scan  .btn-default:active, .form-scan  .btn-default.hover, .form-scan  .btn-default:focus,
.form-scan .btn-primary:hover, .form-scan  .btn-primary:active, .form-scan  .btn-primary.hover, .form-scan  .btn-primary:focus,
.form-scan .btn-warning:hover, .form-scan  .btn-warning:active, .form-scan  .btn-warning.hover, .form-scan  .btn-warning:focus,
.form-scan .btn-danger:hover, .form-scan  .btn-danger:active, .form-scan  .btn-warning:focus, .form-scan  .btn-danger.hover {
	background: #1E2225 !important;
	border-color: #1E2225 !important;
	color:#ef8224 !important;
}

/*select*/
#nb_rows_per_page { color:#666; }

.btn-primary a { color:#fff !important; }
.label-low { color:#333 !important; }
table { margin-top:0; }

.skin-midnight .main-header .navbar { border-bottom: solid 1px #353C42;}

/* Modal content */

.modal-content { background:#272C30; color:#fff !important; }
.modal-content .text-warning { color:#fff; }
.modal-footer { background:#272C30; border-color:#353C42; }
.modal-footer button { background:#EF8224 !important; border-color:#EF8224; color:#fff !important; }
.modal-header { background:#272C30 !important; border-color:#353C42 !important; }
.modal-body { color:#eee !important }


/* Selection */
select::selection {
  background: #EF8224; /* WebKit/Blink Browsers */
}
select::-moz-selection {
  background: #EF8224; /* Gecko Browsers */
}
select { color: #333 !important; }
}

option:checked, option:hover {
    color: #333;
    background: #EF8224;
}

.tt-suggestion { color:#777 !important; }

/* modal */
.modal-body label { color:#fff !important; }
.modal-content .form-horizontal { background:#272C30 !important; }
.modal-content .form-horizontal input, .modal-content .form-horizontal select { background:#353C42 !important; border-color:#353C42 !important; }

/* progress */
.progress { background:#353C42; }

/* user box size */
.navbar-nav > .user-menu > .dropdown-menu > li.user-header { height:80px !important; }

/* logo-mini */
.logo-mini img { width:32px; }

/* customize-area */

.customize-area {
  background:#22272A;
  padding:10px 30px;
  border-radius:5px;
  margin-right:20px;
  width:393px;
  padding-bottom: 30px;
}

.customize-area span {
  margin-top:20px;
  display: block;
  background: #1E2225;
  border-radius: 5px;
  padding:20px;
}

.customize-area h3 {
  font-size: 18px;
}


.customize-area .box {
  border-color: #1E2225;
  margin-top:20px !important;
}
.customize-area .box-header, .customize-area .box-body  {
  background:#1E2225 !important;
  border: 0 !important;
  font-size: 15px !important;
}
.customize-area .box-header h3 {
  font-size: 14px ;
}
.customize-area span h5 {
  margin:0;
  padding:0;
}
.customize-area img {
  margin:30px 0;
  margin-top:0px;
}
.customize-area .box-header {
  padding:23px;
}

.customize-area .box button {
  margin-top:15px;
}

.modal-header .close { color:#fff !important; }


 .heatmap-control button.btn:hover {
    background: #ccc !important;
 }


 /* Histórico de pareceres */

 .history-panel .new {
   border-radius: 30px;
   width: 30px;
   height: 30px;
   margin: 0 auto !important;
   background: #EF8224;
   color: #fff !important;
   display: block;
   text-align: center;
   padding-top: 5px;
   margin-bottom: 30px !important;
 }


 .history-panel .new i {
   color: #fff !important;
 }

 .history-panel .panel-heading {
   background: #1E2225;
   border: 0;
 }

 .history-panel .panel-body {
   padding: 30px;
 }

 .history-panel .tooltip-inner {
   padding: 10px 10px 5px 10px;
 }


 .history-panel .panel {
   margin-bottom: 10px;
   background: #272C30;
 }

 .history-panel .panel h4 {
   font-size: 14px;
 }

 .history-panel .panel-footer {
   margin-bottom: 10px;
   background: #272C30;
   text-align: center;
 }

 .history-panel .panel-footer a {
   margin: 0 5px;
 }



 .history-panel .panel-title  {
   cursor:pointer;
   border: 0;
 }

 .history-panel .panel-body {
   background: #353C42;
   border: 0 !important;
 }

 .panel-default {
     border: 0 !important;
 }

 /* findings bulk edit */

 .bulk-edit {
   position: relative;
   display: block;
   padding: 30px;
   padding-top: 50px;

 }

 .bulk-edit h4 {
   margin-bottom: 10px;
   ackground: #1E2225;
   padding: 10px;
   margin-right: 20px;border-radius: 5px;
   font-size: 20px;
 }

 .bulk-edit ul {
   margin: 0;
   margin-right: 0px;
   margin-bottom: 20px;
   padding: 0;
 }

 .bulk-edit ul li {
   list-style: none;
   margin: 0;
   margin-bottom: 10px;
   padding: 20px;
   padding-bottom: 15px;
   background: #1E2225;
   border-radius: 5px;
 }

 .bulk-edit ul li input {
   float: left;
   margin-right: 15px;
   margin-top: 5px;
 }

 .bulk-edit ul li p {
   line-height: 25px;
 }

 .bulk-edit .box {
   background: #1E2225;
   padding: 30px 20px;
   margin-bottom: 40px;
   border-radius: 7px;
   display: block;
   float: left;
   width: 100%;
 }

 .bulk-edit .box label {
   line-height: 30px;
 }

 .bulk-edit .box label {
   padding: 0;
   margin: 0;

 }

 .bulk-edit .box span {
   line-height: 17px;
   display: block;
   float: left;
 }

 .bulk-edit .btn-apply {
   position: absolute;
   right: 50px;
   top:40px;
   cursor: pointer !important;
   display: block;
   z-index: 1000000;
 }



 .bulk-edit .left-col {
   scrollbar-width: thin;
   scrollbar-color: #777777 transparent;
 }

 /* Works on Chrome/Edge/Safari */
 .bulk-edit .left-col::-webkit-scrollbar {
   width: 5px;
 }
 .bulk-edit .left-col::-webkit-scrollbar-track {
   background: #272C30;
 }
 .bulk-edit .left-col::-webkit-scrollbar-thumb {
   background-color: #777777;
   border-radius: 20px;
   border: 0px solid #272C30;
 }


 /* btn-primary */

.btn-primary:hover {
    border-color: #e87619 !important;
    background-color: #e87619 !important;
}

/* Panel (Create Scan) */

#smartwizard .panel-default {
    width: 378px;
    float:left;
    margin-right: 20px;
}

#smartwizard .panel-default > .panel-heading {
    background: #191c1e;
    border-color: #272C30 !important;
}

#smartwizard .panel-default > .panel-heading h4 {
    margin:0 !important;
    padding:0 !important;
    font-size: 16px;
}

#smartwizard .panel-default > .panel-body {
    background: #1E2225;
    border-color: #353C42 !important;
    border: 0 !important;
    color: #999;
}

#smartwizard .panel-default > .panel-body b {
    color:#fff;
}

#smartwizard .panel-default > .panel-body i {
    font-size: 12px;
}

#smartwizard .panel-group .panel {
    margin-bottom: 10px;
}

/* Landing (Create Scan) */

.landing-panel {
    width:auto !important;
    margin-right: 0 !important;
}

.landing-container {
    padding: 60px 0;     
}

.landing-container .row {
    width:1150px;
    margin:0 auto;
}

.landing-container .panel-body a {
    width:100%;
    margin: 10px 0;
}

.landing-container .title {
    margin-left: 20px;
    margin-bottom: 30px;
}

/* Smart Wizard nav-tabs */

#smartwizard .nav-tabs > li > a, .nav-tabs > li > a:hover {
  border:0 !important;
}

#smartwizard .nav-tabs > li:not(.active) > a:hover {
  border:0 !important;
}

#smartwizard .nav-tabs > li.active > a {
  background: transparent !important;
  display:block !important; 
}

#smartwizard .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
  background: transparent !important;
}

/* Smart Wizard sw-theme-dots  */

#smartwizard.sw-theme-dots > .nav .nav-link.done::before {
  color: #EF8224 !important;
}

#smartwizard.sw-theme-dots > .nav .nav-link.active::before {
  color: #EF8224 !important;
}

#smartwizard.sw-theme-dots > .nav::before {
  background: #353C42;
}

#smartwizard.sw-theme-dots .nav .nav-link::before {
  background: #353C42;
}

#smartwizard.sw-theme-dots .toolbar > .btn {
  background: #EF8224 !important;
  border-color: #EF8224;
}

/* Smart Wizard content-wizard */

#smartwizard .content-wizard {
  border-top: solid 1px #353C42 !important;

}    

/* Smart Wizard toolbar */

#smartwizard .toolbar-top {
  border-top: solid 1px #353C42;
  padding-top:35px;
}

#smartwizard .toolbar-bottom {
  order-bottom: solid 1px #353C42;
  padding-top:35px;
  padding-bottom:35px;
}

/* Smart Wizard Defaults */

#smartwizard h4 {
  margin-bottom:20px;
}

#smartwizard h3 {
  margin:0 !important;
  padding:0 !important;
  margin-top:3px !important;
  margin-bottom: 20px !important;
}

#smartwizard .nav-link strong {
  font-size:16px !important;
}

#smartwizard .nav-link span {
  color: #999 !important;
}

#smartwizard .nav {
  margin-bottom: 30px;
}

#smartwizard.sw-theme-dots > .nav .nav-link.inactive {
  cursor: pointer !important;
}

#smartwizard .toolbar-top {
  z-index: 10 !important;
  position: absolute;
  right:45px; 
  top:153px;
  border:0 !important;
}

#smartwizard .toolbar-bottom {
  z-index: 10 !important;
  position: absolute;
  right:45px; 
  bottom:10px;
  border:0 !important;
}

#smartwizard .toolbar-filter {
  background:#1E2225; 
  padding-top:15px;
  margin-left: 0px;
  margin-top:16px;
  margin-right:5px;
  border-radius: 5px;

}

#smartwizard .toolbar-filter .form-control {
  border-radius: 5px;
}

/* Smart Wizard Table */

#smartwizard .table-striped tr , .table-striped th {
  border:0 !important;
}

#smartwizard .table-striped > tbody > tr {
  background: #1E2225;
}

#smartwizard .table-striped > tbody > tr:nth-of-type(2n+1){
  background: #23272b;
}

#smartwizard .table-striped td {
  padding: 10px !important;
}

/* Smart Wizard Datetimepicker */

#smartwizard .bootstrap-datetime-picker-widget {
  z-index:1000 !important;
  display: block !important;
}

#smartwizard .bootstrap-datetimepicker-widget .active { 
  background: #EF8224 !important; 
}

#smartwizard .bootstrap-datetimepicker-widget span { 
  color: #EF8224 !important; 
}

/* Smart Wizard btn */
#smartwizard .btn-secondary {
  background: #1E2225 !important;
}

#smartwizard .btn-secondary:hover {
  color:#fff !important;
}
#smartwizard .btn-secondary, #smartwizard .btn-primary {
  border: 0 !important;
  width: 283px;
  padding:10px 0;
}

/* Smart Wizard form-control */

#smartwizard .form-control {
  border-radius:5px;
}


/* connect-icon */

.connect-icon {            
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url(/static/staticv2/dist/img/connect.svg);
  mask-image: url(/static/staticv2/dist/img/connect.svg);             
  width: 18px; 
  height: 18px; 
  display: block;
  float: left;
}

/* correção border active tabs */
.skin-midnight .nav-tabs-custom > .nav-tabs > li.active > a { border-bottom: solid 3px #272c30 !important; }