@media print {
    
    .noPrint {
        display: none !important;
    }
    
    .printArea {
        width: 100% !important;
        margin-left: 0px !important;
    }
}

.p8px{
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.u{text-decoration: underline;}

.btn-default {
  background-color: #FFFFFF !important;
  border-color: #F4F4F4 !important;
}

.module-icon{ transition:0.5s ease; margin: 0px 2px 15px 5px;  width: 143px; text-align: center; padding: 10px 0px; display: inline-block; border-radius: 10px; background-image: linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%); border: 1px solid #F1F1F2; color: #666666;}

.module-icon:hover{transform: scale(1.05); transition:0.5s ease; background-image: linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%); box-shadow: 0px 5px 15px #00000021; color: #34A9F2;} 
    
.module-icon img{ height: 50px; margin: 5px 0px 8px 0px;}

.module-name{font-size: 16px; font-weight: 700; }


.module-icon-sm{ transition:0.5s ease; margin: 0px 2px 10px 2px;  width: 143px; text-align: center; padding: 10px 0px; display: inline-block; border-radius: 10px; background-image: linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%); border: 1px solid #F1F1F2; color: #666666;}
.module-icon-sm img{ height: 50px; margin: 5px 0px 8px 0px;}
.module-name-sm{font-size: 13px; font-weight: 500; }
.module-icon-sm:hover{transform: scale(1.05); transition:0.5s ease; background-image: linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%); box-shadow: 0px 5px 15px #00000021; color: #6D3494;} 


table.dataTable thead > tr > td.sorting::after
{
    top: 41% !important;
    font-size: 17px !important;
    opacity: 0;
}

table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  text-align: center !important;
}

.dataTables_wrapper table.dataTable thead td {    
    border-bottom: 2px solid #b5004b;
    color: #b5004b !important;   
    /*background: #F2F2F2;*/
}

.card-link:hover{transform: scale(1.03) !important; box-shadow: 0px 2px 10px #00000078; }

ิspan,td,p { letter-spacing: -0.2px !important;}

.icon-1{
    background: #FFFFFF;
    border: 4px solid #D40058;
    width: 80px;
    height: 80px;
    border-radius: 150px;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.icon-1 img{
    height: 55px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.text-u1{margin-top: -5px; padding-left: 15px; border-bottom: 1px dotted #999999;}
.text-u2{border-bottom: 1px dotted #999999; color: #28a745;}

.module-icon {
  transition: 0.5s ease;
  margin: 0px 3px 10px 3px;
  width: 31%;
  min-width: 143px;
  text-align: center;
  padding: 7px 6px;
  display: inline-block;
  border-radius: 10px;
  background-image: linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%);
  border: 1px solid #F1F1F2;
  color: #666666;
}

.module-icon .badge{
    float: right;
    margin: -15px 4px 0px -30px;
}

.module-icon:hover {
  transform: scale(1.05);
  transition: 0.5s ease;
  background-image: linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%);
  box-shadow: 0px 5px 15px #00000021;
  color: #B5004B;
}

.module-icon img {
  height: 50px;
  margin: 5px 0px 10px 0px;
}

.module-name {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
}


.dep-head {
    border-bottom: 2px solid #b5004b1c;
    border-top: 2px solid #b5004b1c;
    padding-top: 3px !important;
    background-image: linear-gradient(120deg, #EA208724 0%, #FFF 100%);
    margin-top: 8px !important;
    padding-bottom: 2px !important;
}

.card-border{
    /*border: 2px solid #B5004B5C;*/
    background-image: linear-gradient(180deg, #b5004b40 0%, #fff 100%);
}

.card .card-body {
  padding: 15px;
}

.table.dataTable thead > tr > td.sorting::before{content: "" !important;}
.table.dataTable thead > tr > td.sorting::after{content: "" !important;}

.form-control {
    font-size: 13px !important;
}
.text-primary {
    color: #B5004B !important;
}
.text-primary2 {
    color: #6d3192 !important;
}
.text-black {
    color: #333333 !important;
}
.text-green {
    color: #3c9b14 !important;
}
.text-grey {
    color: #838383 !important;
}
.text-white {
    color: #FFFFFF !important;
}
.text-red {
    color: #E60004 !important;
}
.text-orange {
    color: #F88A00 !important;
}
.text-info {
    color: #1399db !important;
}
.text-underline {
    text-decoration: underline !important;
}
.select2-container .select2-selection--single {
    border-color: #d2d2d2 !important;
}
label {
    font-weight: bold;
}
.ribbon-primary {
  background: #B5004B !important;
}
.ribbon-primary.ribbon-clip::before {
    border-top-color: #4a001f !important;
    border-right-color: #4a001f !important;
}

.border-primary{
    border:2px solid #B5004B !important;
}

.border-success{
    border:2px solid #51BB25 !important;
}

.font-15{
    font-size: 15px !important;
}

.font-18{
    font-size: 18px !important;
}

.font-50{
    font-size: 50px !important;
}


.col-p10{
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.btn-cus {
  padding: 8px 3px 9px 3px !important;
}

.btn-p0 {
    padding: 4px 8px !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li.sidebar-list .badge {
    right: 29px !important;
    top: 5.5px !important;
}
a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.font-1, .breadcrumb-item, h1, h2, h3, h4, h5, h6, .page-title, table thead td,.btn {
    font-family: 'Prompt', sans-serif !important;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
    border: 1px solid #d9d9d9 !important;
    border-radius: 7px !important;
}
.page-wrapper .page-body-wrapper .page-title {
    padding-top: 25px;
    padding-bottom: 15px;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb li {
    font-size: 13px;
    letter-spacing: 0px;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li a {
    padding: 5px 0px 5px 13px;
    position: relative;
    color: #575757;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    letter-spacing: 0px;
    color: #2c323f;
}
.sidebar-main .active_menu li a span {
    color: #6D3192 !important;
}
.active_menu {
    color: #6D3192 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .logo-icon-wrapper {
    padding: 12px 30px;
    -webkit-box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
    box-shadow: -9px 0 20px rgba(89, 102, 122, 0.1);
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li.sidebar-list:hover > a:hover, .active_menu {
    background-color: rgba(181, 0, 75, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link {
    border-radius: 6px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link:not(.active):hover span {
    color: var(--theme-secondary);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li {
    display: block;
    width: 100%;
    padding: 0 20px;
    position: relative;
    margin: 3px 0px;
}
table thead tr td {
    background: #B5004B;
    color: #FFF !important;
    padding: 10px 5px !important;
}

table thead tr.bg-secondary td {
    background: #6F3393 !important;
    color: #FFF !important;
    padding: 10px 5px !important;
}

.text-secondary {
    color: #9034c8 !important;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 3px 9px 3px 9px !important;
}

.grid-box-1 {
    padding: 10px;
    border: 1px solid #f4e1ff !important;
    border-radius: 10px;
    background-image: linear-gradient(120deg, #F6E6FF 0%, #FFF0F6 100%);
    box-shadow: 0px 5px 10px #6f339336;
}

.btn-radius {
    border-radius: 50px;
}
/* ---------- เมนูด้านข้าง (sidebar) ---------- */
@media (min-width: 992px) {
    /* style.css ของ template ปิด margin ส่วนนี้ไว้ตอนเอา sidebar ออก */
    .page-wrapper.compact-wrapper .page-header { margin-left: 280px; width: calc(100% - 280px); }
    .page-wrapper.compact-wrapper .page-header.close_icon { margin-left: 90px; width: calc(100% - 90px); }
    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon .page-body { margin-left: 280px; }
    /* โลโก้อยู่บน sidebar แล้ว ไม่ต้องซ้ำที่หัวหน้า */
    .page-wrapper.compact-wrapper .page-header .header-logo-wrapper img { display: none; }
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-title > i {
    width: 18px;
    margin-right: 8px;
    text-align: center;
    color: #B5004B;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-title > span {
    font-weight: 500;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .badge {
    float: right;
    margin-top: 3px;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active {
    color: #B5004B;
    font-weight: 500;
}
.page-wrapper.compact-wrapper .page-body-wrapper.sidebar-icon div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link .according-menu {
    top: 50%;
    transform: translateY(-50%);
}