@font-face {
  font-family: "Anuphan-Regular";
  src: url("Anuphan fonts/A-font/fonts/Anuphan-Regular.eot");
  src: url("Anuphan fonts/A-font/fonts/Anuphan-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("Anuphan fonts/A-font/fonts/Anuphan-Regular.otf") format("opentype"), /* Open Type Font */ url("Anuphan fonts/A-font/fonts/Anuphan-Regular.svg") format("svg"), /* Legacy iOS */ url("Anuphan fonts/A-font/fonts/Anuphan-Regular.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("Anuphan fonts/A-font/fonts/Anuphan-Regular.woff") format("woff"), /* Modern Browsers */ url("Anuphan fonts/A-font/fonts/Anuphan-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Anuphan-Bold";
  src: url("Anuphan fonts/Bold/fonts/Anuphan-Bold.eot"); /* IE9 Compat Modes */
  src: url("Anuphan fonts/Bold/fonts/Anuphan-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("Anuphan fonts/Bold/fonts/Anuphan-Bold.otf") format("opentype"), /* Open Type Font */ url("Anuphan fonts/Bold/fonts/Anuphan-Bold.svg") format("svg"), /* Legacy iOS */ url("Anuphan fonts/Bold/fonts/Anuphan-Bold.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("Anuphan fonts/Bold/fonts/Anuphan-Bold.woff") format("woff"), /* Modern Browsers */ url("Anuphan fonts/Bold/fonts/Anuphan-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

.table th,
.table td {
  padding: 0.5rem !important;
}

.dataTables_wrapper .dataTable tfoot th,
.dataTables_wrapper .dataTable thead th {
  font-weight: 600 !important;
  color: #181c32 !important;
}

.btn {
  padding: 0.5rem !important;
}
html,
body {
  font-size: 16px !important;
}
.table {
  color: #0c0c0c !important;
}

.text-muted {
  color: #5e5e5e !important;
}

.text-dark-75 {
  color: #000000 !important;
}

a.font-size-lg {
  font-size: 1.4rem !important;
}

body {
  font-family: "Anuphan-Regular";
  margin: 0 auto;
  background-color: #f4faff;
}

label.lb-head {
  font-weight: 600 !important;
  font-size: 1rem !important;
}

.card-label {
  font-weight: 500 !important;
  font-size: 1.4rem !important;
}

span.sp-req {
  font-weight: 700;
  font-size: 1rem !important;
  color: #ff0000;
}

.box_search {
  background-color: white;
  border-radius: 8px;
}

.radio-disabled {
  pointer-events: none;
  opacity: 0.8;
}

.prevent-select-open {
  pointer-events: none;
  background-color: #e9ecef;
}
/* ************************************************ */

.box_con {
  min-height: 400px;
  /* background-color: green; */
}

/* ************************************************ */

.footer_doc {
  background-color: #1957c7;
}

.footer_doc a {
  color: white;
}

.footer_doc_img1 {
  color: white;
  font-size: 12px;
}

.footer_doc_img1 img {
  margin-top: 1rem;
  width: 50%;
}

.footer_doc_img2 i {
  margin-top: 1.5rem;
  /* width: 70%; */
  color: white;
  font-size: 25px;
}

.footer_doc_img3 i {
  margin-top: 1.5rem;
  /* width: 70%; */
  color: white;
  font-size: 25px;
}

.footer_doc_img4 i {
  margin-top: 1.5rem;
  /* width: 70%; */
  color: white;
  font-size: 25px;
}

.footer_10type_img1 img {
  margin-top: -1.5rem;
  width: 50%;
}

.text_footer_10type3 {
  color: white;
  font-size: 12px;
}

/* ************************************************ */

.mydoc_con {
  background: #fdfdff;
  box-shadow: 0px 4px 6px rgba(193, 193, 193, 0.3);
  border-radius: 13px;
}

.mydoc_text1 {
  color: #ccd7e9;
  font-size: 14px;
  margin-top: 1rem;
}

.mydoc_text2 {
  padding: 5px 8px;
  background: #ebf2ff;
  color: #1957c7;
  font-size: 13px;
  border-radius: 13px;
  font-weight: 500;
}

.mydoc_text3 {
  padding: 5px 14px !important;

  color: #cc0808;
  font-size: 13px;
  background: #fcd6d6;
  border-radius: 13px;
  font-weight: 500;
}

.mydoc_text4 {
  font-family: "Anuphan-Bold";
  font-size: 25px;
  color: #1957c7;
  background-color: #ebf2ff;
  padding: 0.5rem;
  border-radius: 13px;
}

.mydoc_text5 {
  /* font-family: "Anuphan-Bold";   */
  color: #000000;
  font-size: 14px;
}

.mydoc_text6 {
  font-size: 13px;
  color: #929292;
}

.mydoc_text7 {
  margin-left: 2%;
  border-left: 1px solid #929292;
}

.mydoc_text8 {
  color: #3fc6a6;
  background: #d6ffee;
  border-radius: 10px;
}

.mydoc_text9 {
  color: #ebad0f;
  background: #ffeec3;
  border-radius: 10px;
}

.doc_draft1 {
  color: #676969;
  background: #ececec;
  border-radius: 10px;
}

.text_docedit1 {
  font-size: 12px;

  padding: 10px 15px;
  background: #0058fc;
  color: white;
  border-radius: 20px;
}

.text_docedit2 {
  font-size: 12px;
  padding: 10px 15px;
  color: #8cc63f;
  /* 
        padding: 10px 15px;
        background: #0058FC;
        color: white;    */
  border: 1px solid #8cc63f;
  box-sizing: border-box;
  border-radius: 20px;
}

.text_newdoc_edit1 {
  color: white;
  background: #8cc63f;
  border-radius: 10px;
  padding: 1rem;

  font-family: "Anuphan-Bold";
  font-size: 20px;
}

.text_newdoc_edit2 {
  color: white;
  background: #6360ff;
  border-radius: 10px;
  padding: 1rem;

  font-family: "Anuphan-Bold";
  font-size: 20px;
}

.text_newdoc_edit3 {
  color: #f2f2f2;
  background: #bbbbbb;
  border-radius: 10px;
  padding: 1rem;

  font-family: "Anuphan-Bold";
  font-size: 20px;
}

.text_newdoc_edit5 {
  color: #f2f2f2;
  background: #bbbbbb;
  border-radius: 10px;
  padding: 1rem;

  font-family: "Anuphan-Bold";
  font-size: 20px;
}

.text_modal1 {
  color: #609717;
  font-size: 20px;
  font-weight: 500;
}

.text_modal2 {
  font-family: "Anuphan-Bold";

  padding: 0.8rem;
  background: #8cc63f;
  border-radius: 5px;
  color: white;
  font-size: 20px;
  font-weight: 500;
}

.text_modal3 {
  color: #1957c7;
  font-family: "Anuphan-Bold";
  font-size: 20px;
}

.text_modal5 {
  color: #093b97;
  font-family: "Anuphan-Bold";
  font-size: 20px;
}

.text_modal6 {
  color: #8cc63f;
  font-family: "Anuphan-Bold";
  font-size: 20px;
}

/* ************************************************ */

.img_modalsend {
  width: 50%;
  border: #8cc63f;
  /* box-shadow: 0 4px 8px 0 #E3F7CA, 0 6px 20px 0 #E3F7CA        ; */
}

.img_modalsend2 {
  width: 10%;
  margin-top: -90%;
}

.img_modalsend3 {
  width: 50%;
  border: #8cc63f;
  /* margin-top: -50%; */
}

.box_modal_roadsend {
  margin-top: -5%;
}

/* ************************************************ */
/* ************************************************ */

.nav-link {
  color: #9a9a9d;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #093b97;
  background: transparent;
  border-bottom: 5px solid #093b97;
  border-radius: 0;
  padding: 0;
}

.nav-link_10type {
  color: rgba(25, 87, 199, 0.3);
  font-family: "Anuphan-Bold";
  font-size: 16px;
}

.nav-pills_10type .nav-link_10type.active,
.nav-pills_10type .show > .nav-link_10type {
  color: #1957c7;
  background: transparent;
  /* border-bottom: 5px solid  #093B97; */
  border-radius: 0;
  padding: 0;
}

/* ************************************************ */

.box_10type {
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.box_10type img {
  width: 100%;
}

.text1_type10 {
  font-size: 18px;
  padding: 1rem;
  color: #093b97;
}

/* ************************************************ */

.docall_con_text3 {
  font-family: "Anuphan-Bold";
  color: #8cc63f;
  font-size: 25px;
}

.docall_con_text2 {
  color: rgba(30, 28, 97, 0.65);
  font-size: 14px;
}

.docall_con_text1 {
  font-family: "Anuphan-Bold";
  color: #000000;
  font-size: 16px;
}

.docall_con {
  padding: 1.5rem;
  background-color: #ebf2ff;
  border-radius: 13px;
  box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.03);
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  /* border-color: #80bdff; */
  /* border-color: green; */
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.head_con1 {
  /* padding: 0.5rem; */
  color: #093b97;
  font-weight: bold;
  font-size: 18px;
  font-family: "Anuphan-Bold";
}

.head_con2 {
  padding: 0.5rem;
  color: #093b97;
  font-weight: bold;
  font-size: 18px;
  font-family: "Anuphan-Bold";
  background-color: #ebf2ff;
  border-radius: 5px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
}

.head_con2 i {
  color: #8cc63f;
}

::placeholder {
  color: gray;
}

.text_head_docall1 a {
  color: white;
}

.text_head_docall1 {
  color: white;
  margin-top: -32%;
}

.text_profile {
  color: #093b97;
}

.search_icon {
  width: 80%;
  display: block;
  margin-left: 10%;
}

.preview_con {
  width: 100%;
}

.margin_profile {
  margin-top: -28%;
}

.profile_img {
  width: 50%;
  margin-bottom: 0.5rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.docall_img {
  width: 100%;
}

.index_img img {
  width: 100%;
  margin-top: 60%;
  position: absolute;
  top: 0 !important;
  z-index: 10;
}

.index_img2 img {
  width: 100%;
  position: absolute;
  top: 203px !important;
}

.index_img3 img {
  width: 75%;
  position: absolute;
  top: 278px !important;
}

.login_img img {
  width: 100%;
  z-index: 1;
  position: absolute;
  top: -25px;
  right: 0;
}

.login_img2 img {
  width: 75%;
  z-index: 20;
  position: absolute;
  top: 73px;
  right: 0;
}

.login_textbox {
  margin-top: 70%;
}

.text_login {
  font-size: 16px;
}

.login_textbox2 {
  z-index: 30;
  color: white;
  margin-top: 25%;
}

.login_textbox3 {
  font-size: 30px;
}
.login_textbox4 {
  font-size: 33px;
  /* font-family: "Anuphan-Bold";  */
  font-weight: 1000;
}

/* ******************************************************* */
/* ******************************************************* */
/* ******************************************************* */

.font_form {
  font-family: "Anuphan-Regular" !important;
}

.text1_form1 {
  font-weight: 500;
  font-size: 25px;
}

input[type="checkbox"] {
  zoom: 1.5;
}

.curser_p {
  cursor: pointer;
  font-size: 28px;
}

.text1_form11 {
  font-weight: 500;
  font-size: 17px;
}

/* ******************************************************* */
/* ******************************************************* */
/* ******************************************************* */

.boxmenu_mobile {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.font_f5_1 {
  font-size: 16px;
}

.margin_t_1 {
  margin-top: 1rem;
}

.margin-3rem {
  margin-top: -3rem !important;
}

.display_mobile {
  display: block;
}

.display_web {
  display: none;
}

/* .display_tab{
        display: none;
    } */

.posi_btn_back {
  position: absolute;
  margin-top: 40px;
  margin-left: 20px;
  font-size: 25px;
  font-weight: 1000;
}

.posi_btn_back:hover {
  color: #676969;
}

.header-mobile_2 {
  justify-content: end !important;
  margin-top: 2rem;
}

.tc_mobile {
  text-align: left !important;
}
.dataTables_wrapper .dataTable th,
.dataTables_wrapper .dataTable td {
  padding: 0.5rem 0.5rem;
}
/* // Extra small devices (portrait phones, less than 576px)
 // No media query for `xs` since this is the default in Bootstrap */

@media (max-width: 992px) {
  .header-mobile {
    height: 45px;
    min-height: 45px;
  }
  .form-group {
    margin-bottom: 0.5rem;
  }
  .card-body {
    padding: 1rem 1.5rem;
  }
  .col-form-label {
    line-height: 0.8;
  }
}
@media (max-width: 768px) {
  .footer {
    display: none;
  }
}
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .display_web {
    display: block;
  }

  .display_mobile {
    display: none;
  }
  .display_tab {
    display: block;
  }

  .boxmenu_mobile {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .font_f5_1 {
    font-size: 20px;
  }
  .margin_t_1 {
    margin-top: 0rem;
  }

  .text1_form11 {
    font-weight: 500;
    font-size: 25px;
  }
  .margin-3rem {
    margin-top: 0rem !important;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .tc_mobile {
    text-align: right !important;
  }

  .display_tab {
    display: none;
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* #####################################################################*/

@media (min-width: 205px) {
  .dropdown-menu.dropdown-menu-sm {
    width: 300px;
    max-height: 400px;
    overflow: auto;
  }
}
.navi .navi-item .navi-link .navi-text {
  font-size: 12px;
}