@import url("/Common_Th/Theme.Common_Theme.css?15950");

/* Login_Tenant screen */
.ListRecords.TenantsList{
    height: 50vh;
    overflow-y: auto;
    padding: 0 10px;
    position: absolute;
    width: 240px;
    top: 90px;
    margin-top: 55px;
}

.hide_column{
    display: none;
}

.percLargeWidth{
    width: calc(0.4*(100% - 45px*7 - 85px - 20px*6));
}

.mainHeader .mainHeaderLabel{
    font-weight: normal;
}

.mainHeader .mainHeaderText{
    text-transform: none;
    font-size: 15px;    
}

.filters_margin{
    margin-bottom: 20px    
}

.navigation_margin{
    margin-top: 10px    
}

.header_margin{
    margin-bottom: 10px
}


.app_title_no_Link {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}

/*----- Scroll bar ------- */  
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(30, 144, 149); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(30, 144, 149); 
}

.Combobox-header{
    width: 70%;
    background-color: #29293f;
    background-image: none;
    color: white;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 2px solid;

}

select.Combobox-header:focus{
    width: 70%;
    background-color: #29293f;
    background-image: none;
    color: white;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 2px solid;
}

.TextCenterImportant{
    text-align: center !important;
}

/* $4.2 - Table Records  */

.TableRecords {
    overflow: auto;
}

.TableRecords_OddLine {
    background-color: #F4F4F4;
}

.desktop .TableRecords > tbody > tr:hover,
.desktop .TableRecords > tbody > tr:hover td{
    background: #1e909526;
}

.TableRecords thead {
    position: sticky;
    z-index: 2;
    top: 50px;
}

.TableRecords_Header.StaticHeader {
    position: static;
}

.TableRecords th:first-child, .EditableTable th:first-child {
  border-top-left-radius: 8px; /*8px instead of 10px to make a smoother effect for fozen header tables*/
  box-shadow: -1px 0px 0px 0px var(--LightMediumGray);
}

.TableRecords th:last-child, .EditableTable th:last-child {
  border-top-right-radius: 8px; /*8px instead of 10px to make a smoother effect for fozen header tables*/
  box-shadow: 1px 0px 0px 0px var(--LightMediumGray);
}

.TableRecords tr:last-child td:first-child, .EditableTable tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.TableRecords tr:last-child td:last-child, .EditableTable tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.TableRecords th:first-child:before,
.TableRecords th:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    z-index: -1;
}

.TableRecords th:first-child:before{
    background-image: radial-gradient(circle at 10px 10px, transparent 11px, var(--FloralWhite) 10px);
}

.TableRecords th:last-child:before {
    background-image: radial-gradient(circle at 0px 10px, transparent 11px, var(--FloralWhite) 10px);
}

.Tabs .TableRecords th:first-child:before,
.Tabs .TableRecords th:last-child:before {
    background: white;
}

.TableRecords th:first-child:before {
    left: -1px;
    right: 0;
}

.TableRecords th:last-child:before {
    right: -1px;
}