#button_container{
        width: max-content;
        margin: auto;
    margin-top: 30px;
    }

    #CT_header{
    border-bottom: black solid 2px;
    background: gray;
    }
    
    #Evac_Flow_Chart{
     padding-top: 26px;
    }    
    
    #FC1{
     border-color: #042295;
    } 
    
    #FC2{
     border-color: #1543F3;
    } 
    
    #FC3{
     border-color: #0AC51B;
    }
    
    #FC4{
     border-color: #EC4207;
    }
    
    .on_Call{
        background-color: #FFC800;
    }

    #table_legend {
     position: absolute;
     top: 52px;
     left: 0px;
     font-size: 16px;
     background: gray;
     border: black solid 2px;
     width: 18%;
     border-radius: 0 0 5px 0;
     padding: 5px 0 5px 0;
     border-top-width: 0;
    }
     
     #legend-row_1{
       background-color: red;
     }
         
     #legend-row_2{
       background-color: #FFC800;
     }
    .legend_text {
     background-color: white;
     width: max-content;
     padding: 0px 20px;
     color: black;width: 55%;
     text-align: center;
     font-weight: 600;
     }
     
       #TEMP_ROW >td{
       color: white !important;
       font-weight: 600;
       }
       
       .off_Shift{
           background-color: red;
       }
       
       .movedDown{
       width: 223%;
       margin-left: -.5px;
       display: block;
       margin-top: 30px;
       }
       
       .flowBox > p{
     margin: 0 0 0px !important;
     }
       
     .dragged{
       z-index: 2;
       background-color: #042295;
       border: 1px solid black;
       border-radius: 2px;
     }
     
     .dragged > td{
       border:none !important;
       color: white !important;
     }
     
     #spider_command_team
     {
         height: auto;
         min-height: 800px;
         background-color:  #5e5e5e;
         padding:5px bottom;
     }
     
     .spider_header_buttons
     {
         text-align: middle;
         margin-left: 10px;
         margin-top:100px;
     }
     
     #spider_employee_list_container
     {
         display:none;
     }
     
     .spider_button_container
     {
     display: inline-block;
     width: fit-content;
     }
     
     #spider_command_team_container{
      background-color: white;
      border: 2px solid black;
      border-radius: 5px;
     }
     
     .cbFormLabel{
         
         color:black !important;
         
     }
     
     .cbFormTextField, .cbFormSelect{
         
         border-color:black !important;
         
     }
     
     .cbFormNestedTableCellspacing{
         
         margin:0 !important;
         
     }
     
     .flowBox > p{
     position: relative;
     }
     
     td > input{
     max-width: 90px;
     }
     
     table tr th:first-child, table tr td:first-child 
     {
         padding-left: 5px;
     }
     
     th
     {
     background-color:#C8C8C8 !important;
     padding-left: 5px;
     }
     
     
     
     table {
       font-family: arial, sans-serif;
       border-collapse: collapse;
       width: 100%;
     }
     
     #flow_chart_1 td, #flow_chart_1 th, #flow_chart_2 td, #flow_chart_2 th, #flow_chart_3 td, #flow_chart_3 th, #flow_chart_4 td, #flow_chart_4 th, #flow_chart_5 td, #flow_chart_5 th{
       text-align: left;
 color: black;
 font-size: 14px;
 font-family: helvetica;
 font-weight:600;
     }
     
     .flowBox{
     width: 30%;
     background-color: white;
     min-height: 50px;
     text-align: center;
     filter: drop-shadow(2mm 2mm 1.5mm black);
     border: gray solid;
     border-radius: 4px;
     }
     
     
     #container{
     width: 75%;
     font-family: verdana,arial,helvetica,sans-serif;
     text-align: center;
     min-height: 500px;
     display: inline-block;
     font-size: 12px;
      }  
     
     .employee_conatiner{
      display: inline-block;
     width: 23%;
     }
     
     #container p, .employee_conatiner p {
         display: block;
 text-decoration: none;
 width: 100%;
 color: white;
 font-size: 15px;
 text-align: center;
 padding: 8px;
      }
     #container a , .employee_conatiner a{
         display: inline;
 text-decoration: none;
 width: 100%;
 color: white;
 font-size: 23px;
 text-align: center;
 padding-left: 20px;
      }
     
     #container a:hover, .employee_conatiner a:hover {
         color:green;
         cursor: pointer;
      }
     .no1 {
         margin:auto !important;
      }
     .line1 {
         font-size:0;
         width:1px;
         height:20px;
         color:#fff;
         background-color:#000;
         margin:auto;
      } 
     .line11 {
         font-size: 0;
         width: 1px;
         height: 200px;
         color: #fff;
         background-color: #000;
         margin-left: 30%;
      } 
     .line2 {
         font-size: 0;
         width: 40%;
         height: 1px;
         color: #fff;
         background-color: #000;
         margin: auto;
     }
     .line3 {
         font-size: 0;
         display: inline;
         width: 1px;
         height: 22px;
         color: #fff;
         background-color: #000;
         margin-left: 30%;
         float: left;
      }  
     .line6 {
         font-size: 0;
         display: inline;
         width: 1px;
         height: 20px;
         color: #fff;
         background-color: #000;
         margin-right: 30%;
         float: right;
      }
     
     .delete_button{
         font-size: 14px !important;
         position: absolute !important;
         left: 0 !important;
         bottom: -21px !important;
         color: #900 !important;
     }
     
     .delete_button:hover{
         color: black !important;
     }
     
     .input_label{
     display: inline-block;
     width: 100px;
     color: black;
     font-size: 18px;
     margin: 0;
     margin-right: 30px;
     }
     
     .employee_input{
     display: inline-block;
    float: right;
    width: 70%;
     }
     
     .input_container {
     width: 500px;
     display: block;
     margin: auto;
    padding: 5px;
     }
     
     #employee_entry_header{
     padding: 5px;
     }
     
     #inner_employee_entry{
     height: 89.5%;
     width: 99%;
     background-color: white;
     display: block;
     margin: auto;
     padding: 20px;
     }
     #employee_entry, #employee_view{
     position: fixed;
     top: 20%;
     left: 25%;
     background-color: black;
     width: 50%;
     height: 500px;
     border-color: black;
     border-style: solid;
     border-width: 4px;
     border-radius: 6px;
     z-index: 1;
     }
     
     #lowerFlow_container{
     width: 100%;
     position: relative;
     height: min-content;
     }
     
     
     #header_1{
     background-color: #042295;
     }
     #header_2{
     background-color: #1543F3;
     }
     #header_3{
     background-color: #EC4207;
     }
     #header_4{
     background-color: #0AC51B;
     }
     #header_5{
     background-color: gray;
     }
     
     
     #spider_ct_save_button {
     margin-top: 5px;
     margin-left: 5px;
     margin-bottom: 5px;
     
     }