body {
    background: #fafafa;
    color: #333333;
    margin-top: 5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444444;
}

h3 {
    margin-top: 10px;
}

ul {
    margin: 0;
}

.bg-steel {
    background-color: #5f788a;
}

@font-face {
    font-family: customIconFont;
    src: url("../fonts/icomoon.ttf");
}

.cf {
    font-family: customIconFont;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.cf-table {
    font-size: 1.5em;
}

.cf-turbine:before {
    content: "\e900";
}

.cf-turbine2:before {
    content: "\e901";
}

.site-header .navbar-nav .nav-link {
    color: #cbd5db;
}

.site-header .navbar-nav .nav-link:hover {
    color: #ffffff;
}

.site-header .navbar-nav .nav-link.active {
    font-weight: 500;
}

.content-section {
    background: #ffffff;
    padding: 10px 20px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 20px;
}

.icon-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.menu-icons-cash {
    color: rgb(17, 199, 17);
}

.menu-icons-upload {
    color: rgb(228, 225, 52);
}

.article-title {
    color: #444444;
}

a.article-title:hover {
    color: #428bca;
    text-decoration: none;
}

.article-content {
    white-space: pre-line;
}

.article-img {
    height: 65px;
    width: 65px;
    margin-right: 16px;
}

.article-metadata {
    padding-bottom: 1px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
    color: #333;
    text-decoration: none;
}

.article-svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
}

.account-heading {
    font-size: 2.5rem;
}

.row-offset-top {
    margin-top: 50px;
    width: 100%;
}

.canvas-container {
    /* width: 100%; */
    /* height: 100%; */
    /* border: 1px solid #000000; */
    background: #eee;
}

.img-row-container {
    display: flex;
    background: red;
}

.img-box {
    height: 200px;
    /* max-height: 20vh; */
    /* background: blue; */
}

.img-box-active {
    outline: 5px solid red;
    /* max-height: 20vh; */
    /* background: blue; */
}


/* .custom-scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.custom-scrollbar::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.custom-scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
  
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
} 

::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em
}
*/

.review-img-container {
    margin-top: 5px;
    height: 120px;
}

.btn-class-selector {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}

.img-textbox {
    font-size: 10px;
}

.annotation-box-classA {
    border-radius: 10px;
    background-color: #dc3545;
}

.annotation-box-classB {
    border-radius: 10px;
    background-color: #DB8338;
}

.annotation-box-classC {
    border-radius: 10px;
    background-color: #ffca2c;
}

.annotation-box-classD {
    border-radius: 10px;
    background-color: #94A13E;
}

.annotation-box-classE {
    border-radius: 10px;
    background-color: #198754;
}

.annotation-box-classF {
    border-radius: 10px;
    background-color: #0d6efd;
}

.btn-sev2 {
    background-color: #DB8338;
    border-color: #DB8338;
}

.btn-sev4 {
    background-color: #94A13E;
    border-color: #94A13E;
}

body {
    font-size: 1rem;
    background: #f5f5f5;
}

.tree {
    position: relative;
    background: white;
    margin-top: 20px;
    padding: 30px;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.tree span {
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.4px;
    color: #a8a8a8;
}

.tree .fa-folder-open,
.tree .fa-folder {
    color: #007bff;
}

.tree .fa-html5 {
    color: #f21f10;
}

.tree ul {
    padding-left: 5px;
    list-style: none;
}

.tree ul li {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tree ul li:before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 10px;
    height: 1px;
    margin: auto;
    content: '';
    background-color: #666;
}

.tree ul li:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    content: '';
    background-color: #666;
}

.tree ul li:last-child:after {
    height: 15px;
}

.tree ul a {
    cursor: pointer;
}

.tree ul a:hover {
    text-decoration: none;
}

.img-icon {
    color: #428bca;
}

.imgClassificationContainer {
    opacity: 0.7;
}

.blade1_ps {
    background-color: #2f4f4f;
    outline: 5px solid #2f4f4f;
}

.blade1_ps_btn {
    /* color: #2f4f4f; */
    border-color: #2f4f4f;
    background-color: #2f4f4f;
    color: #ffffff;
}

.blade1_ss {
    background-color: #228b22;
    outline: 5px solid #228b22;
}

.blade1_ss_btn {
    background-color: #228b22;
    border-color: #228b22;
    color: #ffffff;
}

.blade2_ps {
    background-color: #800000;
    outline: 5px solid #800000;
}

.blade2_ps_btn {
    background-color: #800000;
    border-color: #228b22;
    color: #ffffff;
}

.blade2_ss {
    background-color: #4b0082;
    outline: 5px solid #4b0082;
    ;
}

.blade2_ss_btn {
    background-color: #4b0082;
    border-color: #4b0082;
    color: #ffffff;
}

.blade3_ps {
    background-color: #ff8c00;
    outline: 5px solid #ff8c00;
}

.blade3_ps_btn {
    background-color: #ff8c00;
    border-color: #ff8c00;
    color: #ffffff;
}

.blade3_ss {
    background-color: #00ff00;
    outline: 5px solid #00ff00;
}

.blade3_ss_btn {
    background-color: #00ff00;
    border-color: #00ff00;
    color: #000000;
}

.hub_right {
    background-color: #00ffff;
    outline: 5px solid #00ffff;
}

.hub_right_btn {
    background-color: #00ffff;
    border-color: #00ffff;
    color: #000000;
}

.hub_front {
    background-color: #0000ff;
    outline: 5px solid #0000ff;
}

.hub_front_btn {
    background-color: #0000ff;
    border-color: #0000ff;
    color: #ffffff;
}

.hub_left {
    background-color: #ff00ff;
    outline: 5px solid #ff00ff;
}

.hub_left_btn {
    background-color: #ff00ff;
    border-color: #ff00ff;
    color: #ffffff;
}

.nacelle_right {
    background-color: #ffff54;
    outline: 5px solid #ffff54;
}

.nacelle_right_btn {
    background-color: #ffff54;
    border-color: #ffff54;
    color: #000000;
}

.nacelle_top {
    background-color: #6495ed;
    outline: 5px solid #6495ed;
}

.nacelle_top_btn {
    background-color: #6495ed;
    border-color: #6495ed;
    color: #ffffff;
}

.nacelle_left {
    background-color: #ff69b4;
    outline: 5px solid #ff69b4;
}

.nacelle_left_btn {
    background-color: #ff69b4;
    border-color: #ff69b4;
    color: #ffffff;
}

.tower {
    background-color: #ffe4c4;
    outline: 5px solid #ffe4c4;
}

.tower_btn {
    background-color: #ffe4c4;
    border-color: #ffe4c4;
    color: #000000;
}

.unknown_btn {
    background-color: #fff;
    border-color: #fff;
    color: #000000;
}


/* .fixed-table-body {
    /* overflow: visible !important; */


/* } */

.td-options {
    min-width: 150px;
}

.fixed-content {
    /* left: 23%; */
    /* right:23%; */
    z-index: 10000;
    /* position:fixed; */
    /* overflow-y:scroll; */
    /* overflow-x:hidden; */
    border: 5px solid black;
    border-radius: 10px;
    /* left: 50%; */
    /* transform: translateX(-50%); */
}

.fixed-content-placeholder {
    margin-top: 6em;
}

.inline-select {
    display: inline-block;
    width: 75%;
}

.company-icon {
    font-size: 3em;
    text-align: center;
}

.company-icon-text {
    color: #007bff;
    font-weight: bold;
    text-align: center;
}

.company-icon-number {
    font-weight: bold;
    color: #004b9b;
    text-align: center;
}

.home-icon-big {
    font-size: 3em;
    text-align: center;
    color: #007bff;
}

.download-icon-home {
    color: #198754;
}