/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 15, 2021, 2:20:32 PM
    Author     : Administrator
*/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 10, 2021, 9:47:14 PM
    Author     : Administrator
*/


.ss_test_headers
{
    color:white;
    background-color: rgba(129 , 171, 28,  1);
}

.ss_test_headers2
{
    color:white;
    background-color: rgba(129 , 171, 28,  1);
}

.ss_table_base
{
    width:100%;
    height:calc(100% - 0.2em);

    background-color: white;

    box-sizing: border-box;
    
}

.ss_table_grid_base
{
    
    /*border-bottom: 1px solid lightgrey;*/
    
    overflow-y:auto;
    background-color: white;

}

.ss_table_grid_base_full
{
    height:calc(100% - 0.5em);

}

.ss_table_grid_base_w_nav
{
    height:calc(100% - 2.5em);
}

.ss_table_nav_pane
{

    width:100%;
    height:2em;
    padding-top:0.5em;
    padding-bottom: 0.5em;

    font-size:1.3em;

}

.ss_table_summary_pane
{
    
    overflow:hidden;
    width:100%;
    height:6.5em;
    
    margin-top:1em;
    
    /*border:1px solid green;*/
    /*
    border-top:1px solid lightgrey;

    border-bottom:1px solid lightgrey;
    */
}

.ss_table_nav_pane_inner
{
    /*float:right;*/
    width:100%;
    /*padding-right:1em;*/
    height:100%;
}

.ss_table_nav_custom
{
    padding-left:0.5em;
    font-size:0.8em;
    font-size:1.2em;

    height:1em;
    width:60%;
}

.ss_table_nav_custom span
{
    padding-left:0.7em;
    padding-right:0.5em;
    color:grey;

    cursor:pointer;
}

.ss_table_nav_custom a
{
    font-family:OpenSans-Regular;
    cursor:pointer;
}

.ss_table_nav_custom_button a
{

}

.ss_table_nav_custom_path_name
{
    font-family: Gotham-Medium;
    color:grey;
}

.ss_table_nav_custom_path_icon_home
{
    color:grey;
}

.ss_table_nav_custom_path_icon_home:hover
{
    color:rgba(129 , 171, 28,  1);
}

.ss_table_nav_custom_path_icon_forward
{
    padding-left:1em;
    padding-right:1em;

    font-size:0.8em;
}


.ss_table_nav_buttons
{
    float:right;
    color:rgba(120,120,120,1);
}

.ss_table_nav_buttons_wrap
{
    float:right;
    color:rgba(120,120,120,1);
}

.ss_table_nav_buttons_wrap > span
{
    margin-left:1.5em;
    margin-right:1em;

    cursor:pointer;
}

.ss_table_nav_buttons > span:hover
{
    color:#FFC30E;
}

.ss_table_nav_buttons_disabled
{
    color:lightgrey;

    opacity: 0.5; /* Reduce opacity to visually indicate disabled state */
    pointer-events: none; /* Disable pointer events to prevent user interaction */
}

.ss_table_nav_buttons_disabled > span:hover
{
    /*color:lightgrey;*/
}

.ss_table_nav_buttons_disabled a
{
    opacity:inherit;
    color:inherit;
}

.ss_table_nav_options
{
    display:inline-block;
    color:black;
    margin-right:0.5em;
    padding-left:0.5em;
    padding-right:0.5em;
}

.ss_table_nav_options:hover
{
    cursor:pointer;
    color:white;
    background-color: rgba(51, 122, 183);
}

.ss_table
{
    width:calc(100%);

    height:calc(100% - 2em);

    /*font-family: Arial, Helvetica, sans-serif;*/
    
    border-collapse: collapse;
    

    /*border:1px solid red;*/
}

.ss_table_headers_container
{
    position: sticky;
    top: 0;
    
}

.ss_table_headers
{
    padding: 8px;

    font-size:0.9em;

}

.ss_table_headers div
{
    display:inline-block;
}

.ss_table_headers th
{
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left:8px;
  text-align: left;

  font-family: OpenSans-Light;

  border: 1px solid #ddd;
  background-color:#F0F2F5;
  color:#090909;

  font-size:1.1em;
  /*background-color: #4CAF50;*/

  /*color: #fafafa;*/
}

.ss_table_filters td
{
    border:1px solid lightgrey;
    text-align:right;
    

    font-family: OpenSans-Regular;
}

.ss_table_filters td > div
{
    position:relative;
}

.ss_table_filters td > div > input
{
    height:1.5em;
    width:calc(100% - 1.5em);
    background-color: rgba(240,240,240,0.8);
    border:1px solid lightgrey;
}

.ss_table_filters td > div > span
{
    position:absolute;
    color:grey;
    right:0.5em;
    padding:0.6em;
    font-size:0.8em;
}

/*.ss_table_rowN:nth-child(odd)*/
.ss_table_rowN
{
    /*background-color: rgba(240, 240, 240, 1);*/
    border: 1px solid transparent;

}

.ss_table_rowN tr
{

}

.ss_table_rowN:hover
{

    /*background-color: rgba(242, 242, 242, 1);*/

    background-color: rgba(250,250,250,1);
    font-weight: bold;
    cursor:pointer;
}

.ss_table_rowN td
{
    font-family: OpenSans-Regular;
    font-size:0.95em;
    font-size:1em;

    padding: 8px;
    text-align:left;

    border-left: 1px solid rgba(235,235,235,0.8);
    /* border: 1px solid #ddd;*/

    /*background-color: rgba(252, 252, 252, 0.8);*/
}

.ss_table_rowN td span
{
    padding-right: 0.5em;
    /*color:grey;*/

    cursor:pointer;
    
    
}

.ss_table_rowN td span:hover
{
    /*color:rgba(129 , 171, 28,  1);*/
    font-weight: bold;
    
    /*
    color:#E43137;
    color:#337ab7;
    */
}

/* 1 indent in*/
.ss_table_rowN_ind_1x
{
    text-align: right;
    
}

.ss_table_rowN_ind_1x
{

}

.ss_table_rowN_ind_1x td
{
    font-size:0.9em;
    
    padding-top:8px;
    padding-bottom:8px;
    padding-right:8px;

    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;

    background-color: rgba(252, 252, 252, 0.6);

}

.ss_table_rowN_ind_1x td:first-child
{
    padding-left:3em;/*default 2em*/
    text-align: left;

}

.ss_table_rowN_ind_2x
{
    text-align: left;

}

.ss_table_rowN_ind_2x td
{
    font-size:0.8em;

    padding-top:8px;
    padding-bottom:8px;
    padding-right:8px;

    background-color: rgba(252, 252, 252, 0.2);
}

.ss_table_rowN_ind_2x td:first-child
{
    padding-left:6em;
    text-align: right;
}

.ss_table_rowN_text
{
    color:inherit;
}

.ss_table_rowN_text:hover
{
    color:#337ab7;
}

/* ********************************************************************************
    MOBILE PHONE
********************************************************************************  */
@media only screen and (max-width: 480px), only screen and (max-width: 480px)
{
    /* SHOW ONLY 3 COLS in Mobile Mode */
    .ss_table_headers th:nth-child(3) ~ th
    {
        display:none;
    }

    .ss_table_rowN td:nth-child(3) ~ td
    {
        display:none;
    }

}

@media only screen and (min-width: 480px) and (max-width: 768px)
{
    /* SHOW ONLY 3 COLS in Mobile Mode */
    .ss_table_headers th:nth-child(4) ~ th
    {
        display:none;
    }

    .ss_table_rowN td:nth-child(4) ~ td
    {
        display:none;
    }

}

/* ********************************************************************************
 Medium devices (landscape tablets, 768px and up) 
********************************************************************************  */
/* tablet - portrait (must be min width)*/
@media only screen and (min-width: 768px) and (max-width: 992px),
       only screen and (min-device-width: 768px) and (max-device-width: 992px)
{
    /* SHOW ONLY 4 COLS in Mobile Landscape */
    .ss_table_headers th:nth-child(5) ~ th
    {
        display:none;
    }

    .ss_table_rowN td:nth-child(5) ~ td
    {
        display:none;
    }

}

/* tablet - landscape (must be min width)*/
@media only screen and (min-width: 992px) and (max-width: 1024px),
       only screen and (min-device-width: 992px) and (max-device-width: 1024px)
{
    .ss_table_headers th:nth-child(7) ~ th
    {
        display:none;
    }

    .ss_table_rowN td:nth-child(7) ~ td
    {
        display:none;
    }
}


/* tablet - landscape (must be min width)*/
@media only screen and (min-width: 1024px),
       only screen and (min-device-width: 1024px)
{
    .ss_table_headers th:nth-child(15) ~ th
    {
        display:none;
    }

    .ss_table_rowN td:nth-child(15) ~ td
    {
        display:none;
    }
}