.prompt-extralight {
        font-family: "Prompt", sans-serif;
        font-weight: 200;
        font-style: normal;
    }
    
    .prompt-light {
        font-family: "Prompt", sans-serif;
        font-weight: 300;
        font-style: normal;
    }
    
    .prompt-regular {
        font-family: "Prompt", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .prompt-medium {
        font-family: "Prompt", sans-serif;
        font-weight: 500;
        font-style: normal;
    }
    
    .prompt-semibold {
        font-family: "Prompt", sans-serif;
        font-weight: 600;
        font-style: normal;
    }
    
    .prompt-bold {
        font-family: "Prompt", sans-serif;
        font-weight: 700;
        font-style: normal;
    }
    
    .prompt-extrabold {
        font-family: "Prompt", sans-serif;
        font-weight: 800;
        font-style: normal;
    }
    
    .prompt-black {
        font-family: "Prompt", sans-serif;
        font-weight: 900;
        font-style: normal;
    }
    
    .prompt-extralight-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 200;
        font-style: italic;
    }
    
    .prompt-light-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 300;
        font-style: italic;
    }
    
    .prompt-regular-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 400;
        font-style: italic;
    }
    
    .prompt-medium-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 500;
        font-style: italic;
    }
    
    .prompt-semibold-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 600;
        font-style: italic;
    }
    
    .prompt-bold-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 700;
        font-style: italic;
    }
    
    .prompt-extrabold-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 800;
        font-style: italic;
    }
    
    .prompt-black-italic {
        font-family: "Prompt", sans-serif;
        font-weight: 900;
        font-style: italic;
    }

/*-----------------------------------------------------------------------------------------------------------*/
    .sarabun-thin {
        font-family: "Sarabun", sans-serif;
        font-weight: 100;
        font-style: normal;
      }
      
      .sarabun-extralight {
        font-family: "Sarabun", sans-serif;
        font-weight: 200;
        font-style: normal;
      }
      
      .sarabun-light {
        font-family: "Sarabun", sans-serif;
        font-weight: 300;
        font-style: normal;
      }
      
      .sarabun-regular {
        font-family: "Sarabun", sans-serif;
        font-weight: 400;
        font-style: normal;
      }
      
      .sarabun-medium {
        font-family: "Sarabun", sans-serif;
        font-weight: 500;
        font-style: normal;
      }
      
      .sarabun-semibold {
        font-family: "Sarabun", sans-serif;
        font-weight: 600;
        font-style: normal;
      }
      
      .sarabun-bold {
        font-family: "Sarabun", sans-serif;
        font-weight: 700;
        font-style: normal;
      }
      
      .sarabun-extrabold {
        font-family: "Sarabun", sans-serif;
        font-weight: 800;
        font-style: normal;
      }
      
      .sarabun-thin-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 100;
        font-style: italic;
      }
      
      .sarabun-extralight-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 200;
        font-style: italic;
      }
      
      .sarabun-light-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 300;
        font-style: italic;
      }
      
      .sarabun-regular-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 400;
        font-style: italic;
      }
      
      .sarabun-medium-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 500;
        font-style: italic;
      }
      
      .sarabun-semibold-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 600;
        font-style: italic;
      }
      
      .sarabun-bold-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 700;
        font-style: italic;
      }
      
      .sarabun-extrabold-italic {
        font-family: "Sarabun", sans-serif;
        font-weight: 800;
        font-style: italic;
      }

      

    *{
        font-family: "Prompt", sans-serif;
        color: #282828;
        font-size: 1rem;
        font-weight: 400;
    }

    table.list-small tr th{
        font-size: 1rem;
        font-weight: 500;
    }

    table.list-small tr td, .list-small{
        font-size: 0.9rem;
        font-weight: 400;
    }

    table.line-dot tr th{
        border-bottom: 1px solid rgb(217, 231, 253);
    }

    table.line-dot tr td,.line-dot{
        border-bottom: 1px dashed rgb(217, 231, 253);
    }

    thead.table-head-center tr th{
        text-align: center;
        vertical-align: middle;
    }

    th.head-dark-blue{
        /* background-color: #194a93; */
        background-color: #283D62;
    }

    .myborder-bottom{
        border-bottom: 1px dashed rgb(217, 231, 253);
    }

    /* .nav-container:before{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;background-image:linear-gradient(to right,#6fbe2e 19%,#00bbd6 43%,#0f61a9 57%,#5a39a0 81%)} */

    a.nav-link,a.dropdown-item{
        color: #406b6b;
    }

    a.nav-link:hover,a.dropdown-item:hover{
        color: #558080;
    }
  

    .bg-mainbg{
        background-color: #F8FBFC;
    }

    .bg-mynav{
        background-color: white;
    }

    .bg-title{
        background-color: #ecf1f7;
    }

    .bg-violet{
        background-color: #7752FE;
    }

    .text-medium-blue{
        color: #344D6C;
    }

    .text-darkblue{
        /* color: #0A1D4D; */
        color: #283D62;
    }

    .text-lightblue{
        color: #d6dfff;
    }

    .text-lightblack{
        color: #141414;
    }

    .text-red{
        color: #FF1E00;
    }

    .text-green{
        color: #078D51;
    }

    .text-light-green{
        color: #2FB344;
    }

    .text-btn-yellow{
        color: #d7b100;
    }
    
    .text-login-header{
        font-size: 2.2rem;
        color: #268d63; 
        /* background-image: -webkit-linear-gradient(0deg, #268d63 11%, #4f76b6 100%);  */
        background-image: -webkit-linear-gradient(105.09deg, #8f91cf -.57%, #648eef 44.02%, #44b678 89.55%); 
        background-clip: text; 
        -webkit-background-clip: text; 
        -text-fill-color: transparent; 
        -webkit-text-fill-color: transparent;
    }

    .btn-green{
        border-color: rgb(156, 221, 195);
        background-color: #F3FAF8;
        color: #078D51;
        &:hover{
            border-color: rgb(166, 223, 200);
            background-color: #e5f3ef;
            color: #078D51;
        }
        &:active{
            border-color: rgb(166, 223, 200) !important;
            background-color: #cef0e6 !important;
            color: #078D51 !important;
        }
    }


    .btn-yellow{
        border-color: rgb(249 210 75);
        background-color: #fcf9f2;
        color: #ab8d00;
        &:hover{
            border-color: rgb(249 210 75);
            background-color: #faf3e2;
            color: #ab8d00;
        }
        &:active{
            border-color: rgb(249 210 75) !important;
            background-color: #f7e1ae !important;
            color: #ab8d00 !important;
        }
    }

    .btn-sticky {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 1000; /* Ensure it stays on top */
      }