/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/*
.project-detail-table{
  width: 80%;
  margin: 25px 0;
  font-size: 1.2rem;
}



.project-detail-table .pdata{

  margin: 25px 0;
}
.project-table-child {

    margin: 10px 0;

   font-size: 0.9em;
   font-family: sans-serif;
   min-width: 400px;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.project-table-child th,
.project-table-child td {
    padding: 12px 15px;
  /*  border: 1px solid #dddddd;*/



/*

rating background colors: 

AAA+ -> Green -> #0E3E0A ->rgba(14, 62, 10, 24)
AAA  -> Green -> #3E7A38 ->rgba(62, 122, 56, 48)
AAA- -> Green -> #2EC720 ->rgba(46, 199, 32, 78)

AA+ -> Blue -> #006A8A ->rgba(0,106,138,54)
AA  -> Blue -> #0091BD ->rgba(0, 145, 189, 74)
AA- -> Blue -> #3CA7C8 ->rgba(60, 167, 200, 78)

A+ -> Yellow -> #DEB204 ->rgba(222, 178, 4, 87)
A  -> Yellow -> #F5DD07 ->rgba(245, 221, 7, 96)
A- -> Yellow -> #E9EB07 ->rgba(233, 235, 7, 92) 

*//*

#table-header{
    border: 1px solid grey;
}

td #aaa-minus{
    width: 64px;
    height: 64px;
    border-radius: 250px;
    border: 2px solid #fff;
    color: #fff; 
    line-height: 64px;
    text-align: center;
    background: rgba(46,199,32,78);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(46,199,32,78) 100%);
}

td #aaa-only{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#fff;
    line-height:64px;
    text-align:center;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(62,122,56,48) 100%);
}

td #aaa-plus{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#fff;
    line-height:64px;
    text-align:center;
    background: rgba(14,62,10,24);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(14,62,10,24) 100%);
}

td #aa-plus{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#fff;
    line-height:64px;
    text-align:center;
    background: rgb(0,68,49);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,106,138,54) 100%);
				
}


td #aa-minus{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#fff;
    line-height:64px;
    text-align:center;
    background: rgba(60, 167, 200, 78);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%,rgba(60, 167, 200, 78) 100%);
				
}

td #aa-only{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#fff;
    line-height:64px;
    text-align:center;
    background: rgba(0, 145, 189, 74);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%,rgba(0, 145, 189, 74) 100%);
}

td #a-only{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#000;
    line-height:64px;
    text-align:center;
    background: rgba(245, 221, 7, 96);
    background: linear-gradient(90deg, rgba(235, 143, 7, 92) 0%, rgba(245, 221, 7, 96) 100%);
}

td #a-plus{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#000;
    line-height:64px;
    text-align:center;
    background: linear-gradient(90deg, rgba(235, 143, 7, 92) 0%, rgba(222, 178, 4, 87) 100%);
					
}

td #a-minus{
    width:64px;
    height:64px;
    border-radius:250px;
    border: 2px solid #fff;
    color:#000;
    line-height:64px;
    text-align:center;
    background: linear-gradient(90deg, rgba(235, 143, 7, 92) 0%, rgba(233, 235, 7, 92)  100%);
										
}

span.dtsp-name div#a-only{    
    border: none;
    border-radius:0px;   
    color:#333;
    background-color: #fff;       
    width: 0px;
    height: 15px;
    line-height: 15px;
}

span.dtsp-name div#aa-only{  
    border: none;  
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}

span.dtsp-name div#aaa-only{  
    border: none;  
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}

span.dtsp-name div#a-plus{ 
    border: none;   
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}
span.dtsp-name div#aa-plus{ 
    border: none;   
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}
span.dtsp-name div#aaa-plus{  
    border: none;  
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}
span.dtsp-name div#a-minus{  
    border: none;  
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}
span.dtsp-name div#aa-minus{ 
    border: none;   
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}
span.dtsp-name div#aaa-minus{    
    border: none;
    border-radius:0px;   
    color:#333;
    background-color: #fff;   
    width: 0px;
    height: 15px;
    line-height: 15px;
}

.riskTable{
    text-align: center;
}

*/
.my-custom-scrollbar {
position: relative;
height: 200px;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}

.table-condensed{
    font-size: small;
  }

  div.sticky {
    z-index: 10; 
    position: -webkit-sticky;
    position: sticky;
    top: -15px;
    width: 100%;
    height: 40px;
    text-align: left;
    background-color: white;
  }