html {
  scroll-behavior: smooth;
}
body{
  color:rgb(68 94 117) !important; 
}
.cm-shadow {
  
    box-shadow: 0 0 10px 0 rgb(68 94 117 / 15%) !important;
}
.cm-rouded{
  border-radius: 10px !important;
}
.span12 .row-fluid {
    display: flex;
}
.span9.cm-container-9 .row-fluid {
    display: flex;
}
.cm_txt-green {
    color: rgb(84 171 97);
}
.cm_txt-red {
    color: rgb(214 35 8);
}

.cm-pointer{
  cursor:pointer;
}
.cm-bg-o-gray {
	background-color:rgb(245 245 245); 
}

.cm-24{
  width: 24% !important;
}
.cm-h-150{
  height:150px;
}
.cm-mh-80{
  max-height:80px;
}

.cm_bdr_btm{
  border-bottom:1px solid rgb(214 214 214); 
}
.tablinks {
  cursor:pointer;
  font-weight:bold;
  padding-bottom: 10px;
  font-size:14px;
  text-transform: uppercase;
  
}
.tab{
  border-bottom:1px solid rgb(214 214 214);
  display: flex;
  justify-content: space-between;
  padding: 3px 0px;
}
.tablinks.active{
  box-shadow: 0 4px 0 #3abeeb;
}

table{
  font-size:14px;
  color: rgb(68 94 117) !important;
}
table tr td a{ 
  color: rgb(68 94 117) !important;
}

.tabcontent tbody tr , .tabcontent table, .tabcontent tr td:first-child, .tabcontent tr th:first-child{
   
}
.tabcontent tbody , .nodata{ 
      
    display: block !important; 
    overflow-y: auto;
    max-height: 685px;
    box-shadow: 0 2px 4px 0 #eee;
}

 
.tabcontent thead{
  text-transform: uppercase;
  font-size:12px;
}
.tabcontent thead th{
  padding: .5rem 0rem;
}
.tabcontent thead th:first-child{
  padding: .5rem .5rem;
}
.openEventX{
  cursor:pointer;
}
.financialCon::-webkit-scrollbar{
   height: .5rem;
}
tbody::-webkit-scrollbar , html::-webkit-scrollbar{
 width: .5rem;
}
 
tbody::-webkit-scrollbar-track  , .financialCon::-webkit-scrollbar-track , html::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgb(227 231 234);
}
 
tbody::-webkit-scrollbar-thumb  , .financialCon::-webkit-scrollbar-thumb , html::-webkit-scrollbar-thumb{
  background-color: rgb(66 94 118); 
  border-radius:20px;
}
.tabcontent tr{  
    
   
    display: table;
    width: 100% !important;
    table-layout: fixed;
}
.tabcontent th{
  white-space:nowrap;
  border:0px;
  overflow:hidden;
}

.tabcontent tr td:last-child{
  border-right:0px !important; 
}
.tabcontent .table-bordered>:not(caption)>*{
  border-width:0px;
}
.tabcontent thead tr{
  box-shadow: inset 0 0 1px rgb(165 176 181), inset 0 0 1px rgb(165 176 181), inset 0 0 1px rgb(165 176 181);
}
.tabcontent table tbody tr:nth-of-type(odd){

  background-color: rgb(245 245 245);
}
#announcements tr td:last-child, #announcements tr th:last-child{
  width:70%;
}
#announcements tbody tr:hover{
  background-color:rgb(109 207 246 / 20%);
}

#monitors tr td{
   width:30%;
  
}
#monitors tr td:last-child, #monitors tr th:last-child{
   width:40%;
}
#dividends .cm_date {
   width:25%;
}
.financialCon{
  overflow:auto;
}

.cm-table-1 table, .cm-table-1 tbody,  .cm-table-1 td, .cm-table-1 th{
  border:0px;
   background-color:#fff;
}
.cm-table-1 tr{ 
  background-color:#fff;
} 
.cm-table-1 tr:not(.tbody) td:first-child { 
    padding-left: 20px;
}
.cm-table-1 tr.thead { 
    position: sticky;
    top: 0; 
} 
.cm-table-1 tr td:first-child, .cm-table-1 tr.thead th:first-child  { 
    padding-left: 5px; 
    position: sticky;
    left: 0;
    min-width: 130px;
    width: 100%; 
    text-align: left;  
  
}
.cm-table-1 tr:not(.tbody) td{
  
  background-color: #fff;
  border-bottom: 1px solid rgb(245 245 245);
}
.cm-table-1 tr.tbody td{
  background-color: rgb(245 245 245);
  font-weight:600;
}
.cm-table-1 tr td, .cm-table-1 tr th{
  width: 100%;
  min-width: 78px;
  height: 42px;
}

.cm-table-1 td:nth-child(2) , .cm-table-1 th:nth-child(2) {
  background-color: rgb(217 221 226) !important;
  font-weight:bold; 
  left: 130px;
  position: -webkit-sticky;
  position: sticky;  
  min-width: 50px;
  border-bottom: 0!important;
  
}

.cm-table-1 tr td:first-child {
  text-align:left;
  vertical-align: middle !important;
}
.cm-table-1 tr th:first-child {
  background-color: rgb(255 255 255) !important;
}
a#webSite_link, #symbolName{ 
  color: rgb(68 94 117); 
    
}
a#webSite_link:hover{ 
  color: rgb(58 190 235);
  font-weight::400;
    
}
 
.cm-cols{ 
    margin-left: 1.5% !important; 
}
.cm-col{
    width: 25% !important;
    margin-left: .5% !important;
}
 
.beforeSendMessage.beforeSearch {
  position: absolute !important;
  right: 15px !important;
  top: 15px !important;
}
.beforeSearch .loadingImg{
  height: 25px !important;
  width: 25px !important;
   background: url(https://f.hubspotusercontent30.net/hubfs/6426786/halo-spin-load.gif)no-repeat; 
  background-position: center center;  
  background-size:contain; 
  margin: auto;
}
.beforeSendMessage.beforeSend{
  position:absolute;
  height:100%;
  background-color: rgb(245 245 245);
  width:100%;
  top:0px;
  display:flex;
  align-items:center;
  justify-content:center;
  left:0%;
  
}
.beforeSendMessage.beforeSend .loadingImg{  
  background: url(https://f.hubspotusercontent30.net/hubfs/6426786/loading.gif)no-repeat; 
  background-position: center center;  
  background-size:contain;
  height: 50px;
  width: 50px;
  margin: auto;
}

.cm_lock{
  font-weight: bold;
  cursor:pointer;
}
.cm_lock:hover{
  color:rgb(58 190 235);
}
.body-container-wrapper ul li a { 
    color: inherit !important;
}   
.body-container-wrapper li{ 
    margin-left: 0px !important;
}
.body-container-wrapper li:before{
  height: 0px !important;
  width: 0px !important;
}
.fa-lock{
  cursor:pointer;
}


.cancelBtn{
  float: right;
  position: absolute;
  right: 22px;
  top: 14px;

}
.cancelBtn:hover{
   color:#3abeeb;
}
.cm_container_back{
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: 0.89;
  background: rgb(66 94 118);
  z-index: 40000;
  top:0;
  left: 0;
  overflow: hidden;

  animation-name: fadeIn_Container;
  animation-duration: 1s;
  
}

.cm_modal{ 
  display: none;
  top: 0;
  min-width: 250px;
  width: 80%;
  height: 80vh;
  margin: 0 auto;
  position: fixed;
  z-index: 40001;
  background: rgb(255 255 255); 
  animation-name: fadeIn_Modal;
  animation-duration: 0.8s;
  overflow: hidden;
  border-radius: 10px;
  
 
}
.pdf_frame{
  width:100%;
  height:70vh;
}
.activeOpen{
  height:100vh;
  overflow-y:scroll;
  position:fixed;
  
}
.cm_modal{  
   left: 50% !important;
   top: 50%;
   transform: translate(-50%, -50%);
} 


 
/****ANIMATIONS****/

@keyframes fadeIn_Modal {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@keyframes fadeIn_Container {
  from{
    opacity: 0;
  }
  to{
    opacity: 0.9;
  }
}
 
@media only screen and (max-width: 1280px) { 
  
   

  
}
@media only screen and (max-width: 1024px) {
 .row-fluid .span9 {
    width: 100% !important;  
  }
  .cm-col{
    width: 100% !important;     
    margin-left: 0px !important; 
  }
  .span12 .row-fluid {
      display: block;
  }
}

@media only screen and (max-width: 600px) {
  .tabcontent th{
    white-space:wrap; 
  }
  .cm_modal{  
    height: 400px; 

  }
  .pdf_frame{ 
    height:400px;
  }
 
  .beforeSendMessage.beforeSend{
    
    display: inline-block;
    padding-top: 50px !important; 
  }
  .cm-cols {
    margin-left: auto !important;
  }
  body{
    font-size: .85rem !important;   
  }
  .span9.cm-container-9 .row-fluid {
      display: block;
  }
  
  
}

.btn-container
{
  padding: 20px 6px 0px 0px !important;
}