.col_format_left     {   
                        text-align:         left;
                        color:              black; 
                        font-family:        arial;
                        font-size:          10pt;
                    }
    .col_format_center     {   
                        text-align:         center;
                        color:              black; 
                        font-family:        arial;
                        font-size:          10pt;
                    }                    
                    
    .col_format_right     {   
                        text-align:         right;
                        color:              black; 
                        font-family:        arial;
                        font-size:          10pt;
                    }
    
    .select_picker  {
                        border:             none;
                        font-size:          10pt;
                        font-weight:        700;
                    }
                    
                  

    h3             {
                        color:              black; 
                        font-family:        arial;
                        font-size:          10pt;        
                    }

    /* -------------------------------------------------
                    Details page 
    ---------------------------------------------------*/                    
    input[type=password], input[type=text], input[type=date], input[type=datetime-local], textarea {
        padding:                    5px 10px;
        margin:                     8px 0;
        display:                    inline-block;
        border:                     1px solid #123F49;
        background-color:           #fff;
        border-radius:              5px;
        box-sizing:                 border-box;
        font-size:                  10pt;
        font-weight:                300;        
        font-family:                Arial;
        width:                      300px;
    }
    
    select {

        padding:                    5px 10px;
        margin:                     8px 0;
        display:                    inline-block;
        border:                     1px solid #123F49;
        background-color:           #fff;
        border-radius:              5px;
        box-sizing:                 border-box;
        font-size:                  10pt;
        font-weight:                300;        
        font-family:                Arial;
        width:                      300px;
    }    


    .input_upload {
        padding:                    5px 10px;
        margin:                     8px 0;
        display:                    inline-block;
        border:                     1px solid #123F49;
        border-radius:              5px;
        box-sizing:                 border-box;
        font-size:                  10pt;
        font-weight:                300;        
        font-family:                Arial;
        width:                      350px;
    }
    
    


    textarea {
        width:                      300px;
        height:                     100px;
    }

    
    label {
        margin-left:                10px;
        font-size:                  10pt;
        font-weight:                700;        
        font-family:                Arial;
        color:                      #8a8a8a;
    }
    .label2 {
        margin-left:                10px;
        display:                    inline-block;
        width:                      80px;
        font-size:                  10pt;
        font-weight:                700;        
        font-family:                Arial;
        color:                      #8a8a8a;
    }
    .data_text {
        margin-left:                5px;
        margin-bottom:              20px;
        font-size:                  12pt;
        font-weight:                300;        
        font-family:                Arial;
        color:                      black;
    }     
    .btn {
        background-color:           #123F49;
        border-radius:              4px;
        border:                     none;
        color:                      white;
        padding:                    8px 16px;
        text-align:                 center;
        font-size:                  12px;
        font-weight:                700;
        font-family:                Arial;
        margin-left:                300px;
        opacity:                    1.0;
        transition:                 0.3s;
        display:                    inline-block;
        text-decoration:            none;
        cursor:                     pointer;
        width:                      80px;
    }
    .btn_no_margin {
        background-color:           #123F49;
        border-radius:              4px;
        border:                     none;
        color:                      white;
        padding:                    8px 16px;
        text-align:                 center;
        font-size:                  12px;
        font-weight:                700;
        font-family:                Arial;
        opacity:                    1.0;
        transition:                 0.3s;
        display:                    inline-block;
        text-decoration:            none;
        cursor:                     pointer;
        width:                      80px;
    }    
    .btn:hover {
        opacity:                    1.0;
        background-color:           #44C7F1;
        color:                      #fff;
        
    }
    .btn_no_margin:hover {
        opacity:                    1.0;
        background-color:           #44C7F1;
        color:                      #fff;
        
    }    
    .btn_upload {
        background-color:           #123F49;
        border-radius:              4px;
        border:                     none;
        color:                      white;
        padding:                    8px 16px;
        text-align:                 center;
        font-size:                  12px;
        font-weight:                700;
        font-family:                Arial;
        margin-left:                10px;
        opacity:                    0.6;
        transition:                 0.3s;
        display:                    inline-block;
        text-decoration:            none;
        cursor:                     pointer;
        width:                      140px;
    }
    .btn_upload:hover {
        opacity:                    1;
        background-color:           #4169e1;
        color:                      #123F49;
        
    }    
    
      main {
        border:                     none;
        height:                     635px;
        display:                    flex;               /* defines flexbox */
        flex-direction:             column;             /* top to bottom */
        justify-content:            space-between;      /* first item at start, last at end */
      }
      .div_d {
        margin: 0;
      }
      .div_s {
        margin: 0;
      }
      .score{
        font-size:                  14pt;
        font-weight:                700;        
        font-family:                Arial;
        display:                    inline-block;
        width:                      55px;
        height:                     20px;
        text-align:                 center;
        background:                 blue;
        border-radius:              4px;
        padding:                    5px;
        color:                      black;
      }
      .score_label{
        margin-left:                10px;
        font-size:                  10pt;
        font-weight:                700;        
        font-family:                Arial;
        color:                      #8a8a8a;
      }

/* ---- TABS ----*/

[data-tab-content] {
  display: none;
}

.active[data-tab-content] {
  display: block;
}

body {
  padding: 0;
  margin: 0;
}

.tabs {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid black;
}

.tab {
  cursor: pointer;
  padding: 10px;
}

.tab.active {
  background-color: #123F49;
}

.tab:hover {
  background-color: #44C7F1;
}

.tab-content {
  margin-left: 20px;
  margin-right: 20px;
}


/*---------- TABELS ------------*/

        th
        {
            color:                      White;
            font-size:                  10pt;
            font-weight:                700;        
            font-family:                Arial;
            padding:                    10px;
        }
        td
        {
            color:                      black;
            font-size:                  10pt;
            font-weight:                300;        
            font-family:                Arial;
            padding:                    10px;
        }        
        tr.odd
        {
            background-color:           #ddd;
            height:                     20px;
        }
        tr.even
        {
            background-color:           #eee;
            height:                     20px;            
        }
        select.odd
        {
            background-color:           #ddd;
            border:                     none;
            font-weight:                1000;
        }
        select.even
        {
            background-color:           #eee;
            border:                     none;
            font-weight:                1000;
        }        

        .clickable
        {
            text-decoration:            underline;
            color:                      white;
            cursor:                     pointer;
        }
        .hover
        {
            background-color:           #44C7F1;
        }
        .sorted
        {
            font-weight:                500;
            color:                      #0E819E;
        }
       
        
        .label2 
        {
            margin-left:                10px;
            display:                    inline-block;
            width:                      80px;
            font-size:                  10pt;
            font-weight:                700;        
            font-family:                Arial;
            color:                      #8a8a8a;
        }
        .data_text 
        {
            margin-left:                5px;
            margin-bottom:              20px;
            font-size:                  12pt;
            font-weight:                300;        
            font-family:                Arial;
            color:                      black;
        }
        .top_path
        {
            display:                    inline-block;
            margin-top:                 30px;
        }
        .select_sys_res
        {
            color:                      black;
            font-size:                  10pt;
            font-weight:                700;        
            font-family:                Arial;
        }     
        

/*---------- TOOLTIP ------------*/
    
        .tooltip {
            position:                   absolute;
            display:                    inline-block;
        }
        
        .tooltip .tooltip_text {
            visibility:                 hidden;

            z-index:                    1;
            width:                      190px;
            background-color:           #49c6ef;
            color:                      #fff;
            border-radius:              6px;
            padding:                    8px;
            font-family:                arial;
            font-size:                  10pt;

        }
        
        .tooltip:hover .tooltip_text {
            visibility:                 visible;
        }
        
/*-----------EXPAND TABLE ROW --------------*/
        .full_text {
            overflow:         visible;
            word-break:       normal;
            white-space:      normal;  
        }