html,body{  background-color: #181818; color: white; font-family: "Lato", sans-serif; ;margin: 0;  padding-top: 0px; }

.container{ width:100%;}

.footer {  width: 100%; background: #202020; display: block; padding: 2em 0; }

.social-media {width: 100%;  text-align: left; }
.social-media i { margin: 0px 5px; color: orange; }

.footer-items p {color: #cccccc;font-size: 15px; }

.footer-all li {font-size: 14px; color: orange; margin: 10px 0; height: 25px; letter-spacing: 0.5px;}

.footer .border-top { border-top: 2px solid rgba(255, 255, 255, 0.1) !important; font-size: 12px;}
.footer a  {color: orange;font-size: 15px;}

.footer-heading {color:white; }

@media (min-width: 768px) {
    .footer {
      padding: 4em 0; } }}


#main{width: 100%;}

#user{color: white;}
#me {color: #e8b923;}
.mee{font-size: 35px;color: #e8b923;padding-top: 20px;padding-bottom: 50px;}
.loginpage { background: #181818; color: orange;padding-top: 150px;padding-bottom: 200px;}

#search_main{background: #181818; color:white; padding: 10px 12px; border: 1px solid #202020;}
#search_mainz{ background-color: #181818; color:white;}

.tab { float: left; border: 2px solid #202020;background-color: #181818; width: 10%;}

.tab button { display: block; background-color: inherit;color: white;  padding: 22px 16px; width: 100%; border: none;
  outline: none; text-align: left;cursor: pointer; transition: 0.3s; font-size: 14px;color:  #ff8c00; }

.tab button:hover {  background-color: #ffa333;color: white;}

.tab button.active { background-color:#ff8c00;color: white;}

.tabcontent {background-color:#181818; color:white; float: left;padding: 0px 12px; border: 2px solid #202020;
  width:90%; border-left: none;}


#pills-tab {font-size: 13px;}

.nav-item{font-size: 13px;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: white; background-color: #ff8c00; }

.nav-pills > li > a:hover {color: #ffa333;}

.nav-link {color: #ff8c00;}

.box{  width: 40%; }

.box button {padding: 8px 14px;margin-top: -55px;  margin-left: 210px;position: absolute;border: none;cursor: pointer;}

  .navbar {position: fixed; top: 0; background: rgba(8,8,8,0.5); width: 100%; font-size: 12px;}

  .navbar li {font-size: 18px;}


  .navbar a { float: left; display: block; color: #ff8c00; }

  .navbar a:hover { color: white;}

  .search_box{position: relative;}


  .search_box input[type="text"]{  width: 100%;padding: 20px;  padding-right: 60px;box-sizing: border-box;background: rgba(0,0,0,0.3);border: 2px solid orange;border-radius: 10px;font-size: 18px;color: #fff;outline: none; }

  .fa-search{position: absolute;top: 50%;  transform: translateY(-50%);right: 10px; color: orange; font-size: 25px;}

  ::-webkit-input-placeholder {  /* Chrome/Opera/Safari */ color: #fff;}
  ::-moz-placeholder {  /* Firefox 19+ */color: #fff; }
  :-ms-input-placeholder {  /* IE 10+ */  color: #fff;}



  .table{ color: #fff; font-weight:bold; table-layout:fixed; font-size: 14px;}
  .table, th, td {  border: #383838 solid 1px ;}

   td{text-align: right;  width: auto;}

   .table td { border: #383838 solid 1px ; }

   .table th{ border: #383838 solid 1px ;}

   th{background-color:#202020; width: 200px; }
   .years-th{background-color:#202020;}


  .str-place .table td {text-align: left;font-size: 14px;}


  .str-place .table{ color: #cccccc; font-weight:bold; table-layout:fixed; font-size: 16px; width: 100%;  margin-bottom: 100px; border-collapse: collapse;}

  .str-place th {  width: 90px;}

  .str-place th+th {  width: auto;}



  .altman_z table td {text-align: left;font-size: 14px;}

  .altman_z .table{ table-layout:fixed; font-size: 16px; margin-bottom: 100px; border-collapse: collapse;}

  .altman_z th {  width: 90px}
  .altman_z th:nth-child(3) {  width: 250px;}

  .altman_z td:nth-child(2) {  text-align: right;}




  .green { color:#7CFC00; background: rgba(46, 184, 46,0.1)}

  .red { color:#ff0000;background: rgb(220,20,60,0.1)}
  .orange { color:#ffbf00;background: rgb(218, 165, 32,0.1)}
  .white { color:#fff;}

  .greens { color:#404040; background:#009900; }
  .reds { color:#C8C8C8; background: #ff1a1a;}
  .oranges { color:#404040; background: #ff9900;}


.columb-str{ margin-left: 30px;}

.annotation{color: #b3b3b3;font-size: 12px;}

#slater-table{background-color: #202020; }

#strategy-place{background-color: transparent ;padding: 7px 10px; border: 2px solid #202020;}

#abbr_guide{padding: 0px 0px;border: 2px solid #202020;}

.card{background-color: #181818;border: 3px solid #202020;padding: 10px 12px;}


.progress{ height: 20px;background:#DCDCDC;}

.progress .progress-bar {  background:
    linear-gradient(#32CD32, #32CD32)   0/ calc(var(--w)*1% - 70%) 1px,
    linear-gradient(#f09c00, #f09c00) 0/ calc(var(--w)*1% - 50%) 1px,
    #FF0000;
  width: calc(var(--w)*1%);}

.progress .progress-bar::before { content: attr(style) "%";
  font-family: monospace; text-indent:-4ch; margin:auto; overflow:hidden;}

.uls {list-style: none; color: #cccccc; font-size: 15px;}

#card-pr{width: 100%; height:85%; }

.market-page {color: orange;}

.market-page ul {list-style-type: square;  }

.market-page .aboutsec {padding-top:100px;padding-bottom: 10px;}

.market-page .jumbotron {background-color: #181818; color: #cccccc;border-left: 6px solid orange;padding-top:10px }

.market-page .card {border: transparent;}

.disclaimer {padding-top:100px;padding-bottom:80px;}
.disclaimer .jumbotron {background-color: #181818; color:#cccccc; border-left: 6px solid orange; padding-top:20px; }
.disclaimer h2 , h5 {color: orange;}

.datadisclaimer {padding-top:100px;padding-bottom:80px;}
.datadisclaimer .jumbotron {background-color: #181818; color: #cccccc; border-left: 6px solid orange; padding-top:20px; }

.datadisclaimer h3 , h4 , h5  {color: orange;}


.userguide {padding-top:100px;padding-bottom:80px;}
.userguide .jumbotron {background-color: #181818; color: #cccccc; border-left: 6px solid orange; padding-top:20px; }

.userguide h3 , h4 , h5, h2 ,h1  {color: orange;}

.imcenter {margin-left: 10%; margin-right:  10%; width: 100%; border: 2px solid #555;}

.userguide .box  {border: 2px solid #555;}





.market-page li { font-size: 15px; margin: 10px 0 ;padding: 5px; letter-spacing: 0.5px;}

.market-page .col-6 p {text-align: justify;}

.dropdown-menu{background: #303030;}

 .dropdown-menu a:hover { background: #ff8c00; color: white;}

.market-page .border-top{ border-top: 2px solid rgba(255, 255, 255, 0.1) !important; }


.description-area .row {padding-bottom: 20px;padding-top:45px;color: white;}
.company_name {color: white;}

alt {color: yellow;}


img{ max-width: 100%; max-height: 100%; display: block;  }


.box.small{  height: 80px; }

.centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);   }


.first_page{

  background-position: center;
  background-repeat: no-repeat;

  background-size: cover;
}




.box {width: 100%; height: 100%; }


.box .text{
       position: absolute;
       z-index: 999;
       margin: 0 auto;
       left: 0;
       right: 0;
       top: 40%;
       text-align: center;
       width: 60%;
       color: orange;
   }


   #nav-logo {height: 60px; }

   .overview_area .card {height: 100%;color: #cccccc; border: 2px solid #202020;}


   dt{color: orange;}

   .overview_area h5 {color: orange;}

   .finsector_analyis ul {list-style: none; font-size: 15px; padding: 0 0 0 0;}
   .finsector_analyis li {font-size: 14px; margin: 10px 0; height: 20px; letter-spacing: 0.3px;}

   .finsector_analyis .card {height: 295px;}

   .nonfincrat .card {height: 680px;}

   .nonfincrat ul {list-style: none; font-size: 12px; padding: 0 0 0 0;}
   .nonfincrat li {font-size: 12px; margin: 0px 0; height: 40px;}

   .zscore .card {height: 535px;}

   .zscore ul {list-style: none; font-size: 12px; padding: 0 0 0 0;}
   .zscore li {font-size: 12px; margin: 0px 0; height: 40px;}

   #macroprof{height:100px;padding-top: 0;}

   .vertical { border-left: 6px solid orange; height: 130px; padding: 0px 30px 10px 30px;letter-spacing: 0.5px;}

   .verticalfzm { border-left: 6px solid orange; height: 80px; padding: 0px 30px 10px 30px;letter-spacing: 0.5px;}

   .vertical1 { border-left: 6px solid green; height: 70px; padding: 0px 30px 0px 30px;letter-spacing: 0.5px;}

   .vertical_bg { border-left: 6px solid orange; height: 230px; padding: 0px 30px 10px 40px;letter-spacing: 0.5px;}

   .vertical_ms { border-left: 6px solid orange; height: 310px; padding: 0px 30px 10px 40px;letter-spacing: 0.5px;}

   .vertical_radar { border-left: 4px solid orange; height: 600px; padding: 0px 30px 10px 30px;letter-spacing: 0.5px;}

   .horizontal { border-top: 1px solid rgba(255, 255, 255, 0.1);}




  .table_st{ font-size: 13px;table-layout:fixed;border-collapse: collapse;}

  .table_st th, td {padding: 5px; border: #383838 solid 1px ;}

  .table_st td{text-align: left;height:40px;color: orange; }

  .table_st th{background-color:#202020;height:40px;}

  .table_st td:nth-child(1) { color: #fff; }

  .table_st tr:nth-child(even)


  .restatment_reason{color: #b3b3b3;font-size: 12px;}