@font-face {
    font-family: phetsarath;
    src: url("fonts/Phetsarath OT.ttf");
}

@font-face {
    font-family: coco;
    src: url("fonts/Cocogoose-Compressed-Bold-trial.ttf");
}

@font-face {
    font-family: notoll;
    src: url("fonts/NotoSansLao-Light.ttf") format("truetype");
} 

@font-face {
    font-family: notolight;
    src: url("fonts/NotoSansLao_SemiCondensed-Light.ttf") format("truetype");
}


@font-face {
    font-family: notolighc;
    src: url("fonts/NotoSansLao_Condensed-Light.ttf") format("truetype");
}

@font-face {
    font-family: notolighte;
    src: url("fonts/NotoSansLao_ExtraCondensed-Light.ttf") format("truetype");
}

@font-face {
    font-family: roboto;
    src: url("fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: droboto;
    src: url("fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
    font-family: hakban;
    src: url("fonts/Allsmile Sans Hakbankerd.otf") format("truetype");
}

@font-face {
    font-family: phetsarathbold;
    src: url("fonts/Phetsarath-Bold.ttf");
}

@font-face {
    font-family: "noto_serif_laoregular";
    src: url("fonts/notoseriflao-regular-webfont.woff2") format("woff2"),
        url("fonts/notoseriflao-regular-webfont.woff") format("woff"),
        url("fonts/notoseriflao-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "noto_serif_laobold";
    src: url("fonts/notoseriflao-bold-webfont.woff2") format("woff2"),
        url("fonts/notoseriflao-bold-webfont.woff") format("woff"),
        url("fonts/notoseriflao-bold-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


.fl
{
    font-family: phetsarath;
}

body{
    font-family: phetsarath,Arial;
}

div
{
    font-family: phetsarath,Arial;
    
}

a
{
    text-decoration: none!important;
}

a{

}

.noto {
    font-family: "noto_serif_laoregular";
}

.notob {
    font-family: "noto_serif_laobold";
}

noto {
    font-family: "noto_serif_laoregular";
}

notob {
    font-family: "noto_serif_laobold";
}
.laos {
    font-family: noto_serif_laoregular,Arial;
    font-weight:normal!important;
}

.laob {
    font-family: noto_serif_laoregular,Arial;
    font-weight:normal!important;

}

.coco
{
    font-family: coco!important;
}


.laosphet {
    font-family: phetsarath,roboto!important;
}

.laophetb {
    font-family: phetsarathbold,roboto!important;
    
}

laob {
    font-family: phetsarathbold,roboto;
    font-weight:normal;
}

laos {
    font-family: Arial, phetsarath, sans-serif;
    font-weight:normal;

}

.robo {
    font-family: roboto, Arial, sans-serif;
}

.drobo {
    font-family: droboto, Arial, sans-serif;
}

robo {
    font-family: roboto, Arial, sans-serif;
}

drobo {
    font-family: droboto, Arial, sans-serif;
}

hakban {
    font-family: hakban;
}

::selection {
    background: yellow; /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: yellow; /* Gecko Browsers */
}

.mynum {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
}
mynum {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
}

.mynum-pink {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
    color: #e83e8c;
    word-break: break-word;
}
mynum-pink {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
    color: #e83e8c;
    word-break: break-word;
}
@media print {
    @page {
        margin: 0;
    }
    body {
        margin-top: 1.6cm;
        margin-bottom: 1.6cm;
    }

    .seeprint
        {
            display:block;
        }
        .noprint {
            display: none;
        }

        .tablex {
            border: 0.90px solid black;
        }
        .print
        {
            magin-top:-1550px!important;
            padding-left:25px!important;
            padding-right:25px!important;
            font-family: phetsarath,"Times New Roman", Times, serif!important;
        }

        p {
            line-height:  1.5;
            margin:0px
        }

        .sub-line
        {
            margin-top:-20px!important; 
        }

        .x10
        {
            font-size:11px !important;
        }
        .x11
        {
            font-size:14px !important;
        }

        .x12
        {
            font-size:12px !important;
        }

        .x13
        {
            font-size:17px !important;
        }

        .x14
        {
            font-size:14px !important;
        }
        .h
        {
            font-family: phetsarath,roboto!important;
            font-weight:bold;
        }
        .sub_td
        {
            text-align: center!important;
            line-height: 20px!important;
        }
        .red
        {
            color:red;
        }
}

.badge-dark {
    color: #ffffff;
    background-color: #343a40;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px 5px;
}

.dumpx
{
    color:#dd02fa;
} 

.nopadding, .nopadding  tbody tr td,.nopadding  tbody tr
{
    padding:0px!important; 
}




tbody
        {
            font-weight:normal;
            font-size:15px;
        }
        table thead tr td 
        {
            font-weight:normal;
            font-size:15px!important;
        }

        table thead tr th
        {
            font-weight:normal;
            font-size:15px!important;
        }
        .dataTables_length 
        select 
        {
            width:70px;
            border-radius:3px;
        }

        a
        {
            text-decoration:none;
        }

        .dataTables_length
        label, .previous,.next,.paginate_button
        {
            font-weight:normal;
            font-size:15px!important;
        }

        #table_data_display_paginate  span a 
        { 
            border-radius:4px;
            height:43px;
            background: white!important;
        }
        
        .btn-dark
        {
            background:#0000F5!important;
        }

.nav-txt
{
     color:white!important;
}

.nav-thing
{
    padding:0.2em 1em 0.1em 1em; 
    background-color: #0430f5;
}

.nav-first .nav-txt
{
    margin: 0px 1em 0px 1em;
}

.nav-last .nav-txt
{
    margin: 0px 1em 0px 1em;
}

.custom-form
{
    padding: 0.25em 0.50em 0.25em 0em;
}

.custom-form p
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -0.15em 0px;
}



/* cbtn cbtn cbtn cbtn cbtn cbtn cbtn cbtn  */
.cbtn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.175rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.20rem;
    transition: color 0.15s ease-in-out,
                background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out,
                box-shadow 0.15s ease-in-out;
    text-decoration: none;
  }
  
  .cbtn-outline-dark {
    color: #212529;
    border-color: #0000F5;
    background-color: transparent;
  }
  
  .cbtn-outline-dark:hover {
    color: #fff;
    background-color: #0000F5;
    border-color: #212529;
  }
  
  .cbtn-outline-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
  }
  
  .cbtn-outline-dark:disabled,
  .cbtn-outline-dark.disabled {
    color: #212529;
    background-color: transparent;
    border-color: #212529;
    opacity: 0.65;
    pointer-events: none;
  }


 
  
  .cbtn-outline-danger {
    color: #e83e8c;
    border-color: #e83e8c;
    background-color: transparent;
  }
  
  .cbtn-outline-danger:hover {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c;
  }
  
  .cbtn-outline-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
  }
  
  .cbtn-outline-danger:disabled,
  .cbtn-outline-danger.disabled {
    color: #e83e8c;
    background-color: transparent;
    border-color: #e83e8c;
    opacity: 0.65;
    pointer-events: none;
  }
  

/* cbtn cbtn cbtn cbtn cbtn cbtn cbtn cbtn  */


  /* SVG SVG SVG SVG SVG SVG */
  .svg_xmark
  {
    fill:#030c54;
    cursor:pointer; 
    height:20px;
    transition: 0.25s all ease;
  }

  .svg_xmark:hover
  {
     fill:#04127e; 
  }
  /* SVG SVG SVG SVG SVG SVG */
  .svg_edit
  {
    fill:#030c54;
    cursor:pointer; 
    height:15px;
    transition: 0.25s all ease;
  }

  .svg_edit:hover
  {
     fill:#04127e; 
  }

  .svg_delete
  {
     fill:red;
     cursor:pointer; 
     height:20px;
     transition: 0.25s all ease;
  }


  .svg_delete:hover
  {
     fill:rgb(196, 27, 27); 
  }


  .svg_save
  {
     fill:#04127e;
     cursor:pointer; 
     height:20px;
     transition: 0.25s all ease;
  }


  .svg_save:hover
  {
     fill:#dbb13b; 
  }

  /* SVG SVG SVG SVG SVG SVG */


  .hidding
  {
    display:none;
  }


    .gold
    {
        background: gold;
    }



    /* custom modal custom modal custom modal */

    /* custom modal custom modal custom modal */

    /* custom modal custom modal custom modal */

    .custom-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.5);
      }
      
      .custom-modal-content {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 20px;
        width: 300px;
        border-radius: 3px;
        text-align: center;
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
      }
      
      .custom-text-input {
        width: 100%;
        padding: 8px;
        margin: 10px 0;
      }
      
      .custom-modal-buttons button {
        margin: 0 10px;
      }
      


    .bw {
        color: #212529; 
        border: solid #04127e 1px;
        border-radius: 2px;
        background:white; 
        transition:all 0.25s ease;
    }
     
    
    .bw:hover {
        outline: 0; 
        border: solid #04127e 1px;
        background:#04127e;
        color:white;
    }
    
    .bw:focus {
        outline: 0;
        box-shadow: 0 0 0 0.5rem rgba(234, 234, 234, 0.5);
        background:#04127e;
    }
    
    .bw:disabled,
    .bw.disabled {
        color: #212529;
        background-color: transparent;
        border-color: #212529;
        opacity: 0.65;
        pointer-events: none;
    }
         /* Override the table’s outer border */
    .table-bordered {
        border: 1px solid #000 !important;
    }

    /* Override each cell’s border */
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #000 !important;
    }
         
 
    /* custom modal custom modal custom modal */

    /* custom modal custom modal custom modal */

    /* custom modal custom modal custom modal */