/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}


.smart-table-data-row.selected {
    background: darkgray;
}

.header-content:before {
    content: ' ';
    position: relative;
    left: -5px;
}

.st-sort-ascent:before {
    content: '\25B4';
}

.st-sort-descent:before {
    content: "\25BE";
}

.pagination {
    text-align: center;
    cursor: pointer;
}

.smart-table th {
    width: 120px;
    padding: 0 20px;
}

.thead-style{
   background-color: #263987;  
}

.thead-style tr th{
   color: aliceblue;   
}

.card-style{
    padding: 10px 15px;
    border-radius: 6px;
    height: 13rem; 
} 
.title-style-p{
    background-color: #263987;
    color: white;
    padding: 3px 11px;   
}

.h2-font-size-lg{
   font-size: 6rem;    
}

.h2-font-size-sm{
   font-size: 3.5rem;   
}


.p-style-rds{  
    font-size: 1.7rem;
    font-weight: 600;
    color: grey;
}

.input-field-style{
    border: 1px solid whitesmoke;
    padding: 2px 9px;
}

.rds_detail_style{
    text-align: center;
    display: table;
    /* display: flex; */
    /* align-items: center; */
    /* text-align: center; */
    width: 10;
    border: 4px solid #40cbd933;
    /* padding: 50px 24px; */
    width: 100px;
    height: 100px;
    background-color: #dddddd;
    border-radius: 50%;
}

.rds_detail_style span{
    display: table-cell;
    vertical-align: middle;
}

.rds_detail_container{
    padding: 5px 15px 35px 15px;
    /* box-shadow: 0 0 3px 0px #c9c3c3; */
    box-shadow: 0 0 6px 0px #c9c3c3;
}

.rds_report_table{
    box-shadow: 0 0 10px 1px #80808026; 
}

.rds_report_table thead{
   background-color:#e1dddd;
}

.rds_report_table thead tr th{
   color:grey;  
}