/*
* BEGIN block.header.inc.php
*
* @TITLE: [NEXL PLATFORM} 
* @DESCRIPTION: [DESCRIPTION HERE]
* @AUTHOR: Joshua Michael Clark
* @COPYRIGHT: All Rights Reserved
* @LICENSE: MIT (http://opensource.org/licenses/MIT)
*
* BEGIN CHANGELOG
* @IMPORTANT NOTICE: Developers working on these files are REQUIRED to maintain this CHANGELOG.
* !==================================================================================================================================================================
* VERSION 1.0.1
* + File Created, Joshua Michael Clark, 2025/02/18
* + File Modified, Joshua Michael Clark, 2025/02/20, NXLP-2413, styling to Khold look
* + File Modified, Joshua Michael Clark, 2025/02/21, NXLP-2421, fixed dropdowns
* + File Modified, Joshua Michael Clark, 2025/02/24, NXLP-2427 NXLP-2427, switches and dynamic stuff setup
* + File Modified, Ronin Storm Jardim, 2025/02/24, NULL, Added eta booking heading css
* + File Modified, Joshua Michael Clark, 2025/02/24, NULL, last stuff monday
* + File Modified, Joshua Michael Clark, 2025/02/24, NXLP-2427, getting dynamic fields showing with buttons
* + File Modified, Radha Pitamber, 2025/03/14, Null, addded key colors
* + File Modified, Radha Pitamber, 2025/03/15, Null, added a main section
* + File Modified, Keagan Dylan de Beer, 2025/03/26, Null, added scrolling to nav bar
* + File Modified, Keagan Dylan de Beer, 2025/03/28, NXLP-2591, 2592, 2593 , Fixing heading logo
* + File Modified, Radha Pitamber, 2025/03/28, NXLP-2598, added buttons and options to captilize
* + File Modified, Liam Jordan Clark, 2025/03/28, NXLP-2610, Giving the buttons on the TAN scanning screen with no code a fixed width
* + File modified, Radha Pitamber, 2025/03/28, NXLP-2602, chart key styling
* + File Modified, Keagan Dylan de Beer, 2025/03/28, NXLP-2594, Fixing work with us btn
* + File Modified, Liam Jordan Clark, 2025/03/28, NXLP-2630, An extra little uppercase
* + File modified, Ronin Storm Jardim, 2025/03/28, NXLP-2606, added container class to make all text capitalized
* + File modified, Ronin Storm Jardim, 2025/03/28, NXLP-2606, added link-btn class to change the size of link buttons on linkage tools
* + File modified, Ronin Storm Jardim, 2025/03/28, NXLP-2617, linkage tools: made class for top right selects
* + File modified, Ronin Storm Jardim, 2025/03/28, NXLP-2607, made class to make buttons 100px and reduce margin-bottom
* + File modified, Ronin Storm Jardim, 2025/03/28, NXLP-2603, Organization plus minus class
* + File modified, Liam Jordan Clark, 2025/03/28, NULL, Removng remnants of merge conflicts
* + File modified, Radha Pitamber, 2025/03/28, NXLP-2615, Capatilize datatable headers
* + File modified, Radha Pitamber, 2025/03/28, NXLP-2612, adjusted with for action columns
* + File modified, Radha Pitamber, 2025/03/28, NULL, Style Changes
* + File modified, Radha Pitamber, 2025/04/11, NXLP- 2673  Dashboard Graph Style Changes
* + File modified, Radha Pitamber, 2025/04/14, NXLP- 2718  Apces betwwen text and dropdown
;* + File modified, Radha Pitamber, 2025/04/16, NXLP-2746, Styling Added
* ==================================================================================================================================================================!
* END CHANGELOG
*/

section{
    overflow: hidden;
    /* height: 94vh; */
    
    /* padding-bottom: 60px; */
}

/* main{
    height: 100%;
} */

.bg-body-khold{
    background-color: rgb(21, 31, 109);
}

.btn-primary{
    background-color: rgb(245, 79, 1);
    border: 0px;
}
.btn-primary:hover{
    background-color: rgb(206, 68, 5);
    border: 0px;
}
.btn-primary:active{
    background-color: rgb(206, 68, 5);
    border: 0px;
}
.btn-primary:disabled {
    background-color: #6c757d;
    border: 0px;
}

footer{
    background-color: rgb(21, 31, 109);
    position: fixed;
    bottom: 0px;
    height: 100px;
    z-index: 200;
    padding: 12px 12px;
    width: 100%;
}
/* aside{
    height: 30%;
} */
option{
    color: #000 !important;
}
.form-floating>.form-select{
    color: #000 !important;
    padding-top: 1.85rem !important;
}
.dynamic_canvas{
    height: 350px;
    width: 100%;
}
h2 {
    display: flex;
    background-color: rgb(205, 205, 230);
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-bottom: 0px !important;
}
/* .custom_margin{
    margin-bottom: 110px;
} */
.challenge_btn{
    height: 100px;
    margin-bottom: 15px !important;
    text-transform: uppercase;
}

/*#bar_chart{
    max-height: 300px;
    width: 100%;
}*/

.green_key{
    color: rgb(50, 205, 92);
}

.yellow_key{
    color:  rgb(198, 204, 51);
}

.orange_key{
    color: rgb(205, 134, 50);
}

.red_key{
    color: rgb(209, 46, 62);
}

.black_key{
    color:  rgb(0, 0, 0);
}

/* #khold_nav{
    position: fixed;
    left: 0px;
    bottom: 100px;
    right: 0px;
    max-height: 65px;
    z-index: 99999999;
    display: inline-block;
    line-height: 0px;
    width: 100%;
} */
#khold_nav {
    position: fixed;
    bottom: 100px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    background-color: rgba(220, 223, 227, 0.995);
    overflow-x: auto;
    white-space: nowrap; 
}
.appbtnbtn{
    width: 91.047px;
    height: 75px;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 20px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
}
/* #MainDash {
    position: relative;
    z-index: 9;
    min-height: 100%;
    max-height: 646px;
    overflow-y: scroll;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 65px;
} */
/* #MoveDiv {
    height: 93.3vh;
}
*/

.work_with_us_btn{
    margin-top: -14px !important;
    border-style: none !important;
    margin-bottom: 15px !important;
    border-radius: 40px;
    background-color: rgb(21, 31, 109) !important;
    color: #FFFFFF !important;
    border: solid 2px #FFFFFF !important;
    text-transform: none;
    padding: 12px 18px;
}
.work_with_us_btn:hover{
  transition: 400ms;
  background-color: rgb(255, 255, 255) !important;
  color: rgb(21, 31, 109) !important;
}
#modMediumModal{
    z-index: 9999 !important;
}
.modal-backdrop{
    z-index: 200 !important;
}

label {
    text-transform: uppercase;
} 

.container {
    text-transform: uppercase;
} 
.div_spacer { 
    height: 190px;
}

.link_table_div {
    height: 45px;
}

.khold_nav_button.active-tab {
    background-color: #c5cbce !important; 
}
.khold_nav {
    margin: 2.2vw 4vw;
    background-color: rgb(21, 31, 109);
}

#desktop_text_tan {
    opacity: 1;
    position: static;
    margin-top: 20px !important;
    text-transform: uppercase !important;
}
#mobile_text_tan {
    opacity: 0;
    position: absolute;
}

@media ( max-width: 600px ) {
    #desktop_text_tan {
        opacity: 0;
        position: absolute;
    }
    #mobile_text_tan {
        opacity: 1;
        position: static;
    }
    .work_with_us_btn {
        opacity: 0;
        position: absolute;
    }
    #copywritetext {
        position: absolute;
        width: 250px;
    }
}

button {
    text-transform: uppercase;
} 

option {
    text-transform: uppercase;
}

.no_code_btn {
    width: 300px;

}

#chart_key {
    text-transform: uppercase !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
  }



.link-btn {
width: 50px;
max-width: 50px;
}
.cold-select {
    width: 400px;

}
.organization-btn{
width: 100px;
}

thead{
    text-transform: uppercase !important;
}

th:last-child:not(.exempt){
    width: 120px !important;
    max-width: 120px !important;
}

select {
    text-transform: uppercase !important;
}

/*#line_graph {
    display: block;
    box-sizing: border-box;
    height: 350px !important;
    width: 100% !important;
}
#bar_graph {
/*    display: block;
    box-sizing: border-box;*/
    /*height: 40vh !important;*/
    /*width: 100% !important;*/
}*/

#bar_chart {
    height: 70%;
    position: relative;
}

#p_organization_name {
    height: 100px !important;
}

.stackedBar {
    max-height: 500px;
}