.status-news2,
.status-banner2{
border-radius: 50px;
padding: 4px 10px;
font-family: 'Sarabun';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
width: 93px;
margin:0 auto;
}
.status-news2.status-0,
.status-banner2.status-0{
color: #FF0000;
border: 1px solid #FF0000;
}
.status-news2.status-1,
.status-banner2.status-1{
color: #FFFFFF;
background: #00BB56;
border: 1px solid #00BB56;
}
.dataTables_scrollBody .dataTable{
min-width: 99.5% !important;
}
.dataTables_scrollBody thead th{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.btn-up{
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
width: 33.124px;
height: 33.124px;
background-size: 33px auto;
}
.btn-down{
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 33px auto;
}
.move-selector{
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 33px auto;
}
.switch-usage-status-sigle label{
width: 90px;
height: 29px;
border-radius: 50px;
font-weight: 400;
font-size: 14px;
line-height: 18px;
text-align: center;
padding-top: 0px;
border:1px solid #FF3D61;
color: #FF3D61;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.switch-usage-status-sigle label:before{
content: "ปิดใช้งาน";
position: absolute;
width: 100%;
height: 29px;
left: 0;
top: 0;
line-height: 29px;
}
.switch-usage-status-sigle input:checked + label {
background: #4AD991;
color: #FFF;
border:1px solid #4AD991;
}
.switch-usage-status-sigle input:checked + label:before {
content: "เปิดใช้งาน";
position: absolute;
width: 100%;
height: 29px;
left: 0;
top: 0;
line-height: 29px;
}
.form-check-st-3 {
margin-bottom: 10px;
}
.form-check-st-3 .form-check-input{
width: 22px;
height: 22px;
border: 2px solid #E2E6EA;
border-radius: 5px;
margin-top: 1px
}
.form-check-st-3 .form-check-label{
padding-left: 10px;
}
.form-check-st-3 .form-check-input:checked{
background-color: #FFF;
border-color: #FC8004;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.73549 0.219934C9.80374 0.1503 9.88519 0.0949814 9.97508 0.0572166C10.065 0.0194519 10.1615 0 10.259 0C10.3565 0 10.453 0.0194519 10.5429 0.0572166C10.6328 0.0949814 10.7142 0.1503 10.7825 0.219934C11.0685 0.508934 11.0725 0.975934 10.7925 1.26993L4.87949 8.25993C4.81236 8.33366 4.73089 8.3929 4.64007 8.43406C4.54925 8.47521 4.45099 8.4974 4.3513 8.49927C4.25161 8.50115 4.15258 8.48266 4.06028 8.44495C3.96798 8.40723 3.88435 8.35108 3.81449 8.27993L0.216492 4.63393C0.077729 4.49242 0 4.30213 0 4.10393C0 3.90574 0.077729 3.71545 0.216492 3.57393C0.284738 3.5043 0.36619 3.44898 0.45608 3.41122C0.54597 3.37345 0.642491 3.354 0.739992 3.354C0.837493 3.354 0.934014 3.37345 1.0239 3.41122C1.11379 3.44898 1.19525 3.5043 1.26349 3.57393L4.31549 6.66693L9.71549 0.241934C9.72171 0.234206 9.72839 0.226859 9.73549 0.219934Z' fill='%23FC8004'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 11px auto;
}
.btn-dropify-upload{
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
background: #2C5282;
border-radius: 5px;
padding: 13px 10px;
padding-top: 10px;
width: 144px;
margin:0 auto;
}
.btn-delete-st-2{
border:0;
background-image: url('data:image/svg+xml,');
background-position: left 0px center;
background-repeat: no-repeat;
padding: 0;
padding-left: 45px;
background-color: transparent;
border-radius: 8px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #2B2B4C;
height: 46px;
padding-right: 20px;
}
.dropify-wrapper-st-1{
background: #F7FAFC;
border: 2px solid #BEE3F8;
border-radius: 5px;
}
.btn-dropify-upload{
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
background: #2C5282;
border-radius: 5px;
padding: 13px 10px;
width: 144px;
margin:0 auto;
}
.gallery-list{
display: flex;
flex-wrap: wrap;
}
.gallery-list .gallery-item{
width: 317px;
height: 208px;
margin-right: 20px;
margin-bottom: 20px;
}
.gallery-image-preview{
width: 313px;
height: 210px;
border-radius: 5px;
position: relative;
}
.gallery-image-preview img{
width: 313px;
height: 210px;
object-fit: cover;
border-radius: 5px;
}
.btn-delete-gallery-image{
background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23FFEFEF'/%3E%3Cg clip-path='url(%23clip0_28_13798)'%3E%3Cpath d='M11 14V24C11 24.55 11.45 25 12 25H21C21.55 25 22 24.55 22 24V14H11ZM14 23H13V16H14V23ZM16 23H15V16H16V23ZM18 23H17V16H18V23ZM20 23H19V16H20V23ZM22.25 11H19V9.75C18.9992 9.55133 18.9199 9.36102 18.7795 9.22054C18.639 9.08006 18.4487 9.00079 18.25 9H14.75C14.5513 9.00079 14.361 9.08006 14.2205 9.22054C14.0801 9.36102 14.0008 9.55133 14 9.75V11H10.75C10.5512 11.0005 10.3608 11.0797 10.2203 11.2203C10.0797 11.3608 10.0005 11.5512 10 11.75V13H23V11.75C22.9995 11.5512 22.9203 11.3608 22.7797 11.2203C22.6392 11.0797 22.4488 11.0005 22.25 11ZM18 11H15V10.013H18V11Z' fill='%23FF0000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_28_13798'%3E%3Crect width='16' height='16' fill='white' transform='translate(9 9)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width: 33px;
height: 33px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
bottom: 10px;
right: 10px;
}
.dropify-clear{
background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23FFEFEF'/%3E%3Cg clip-path='url(%23clip0_28_13798)'%3E%3Cpath d='M11 14V24C11 24.55 11.45 25 12 25H21C21.55 25 22 24.55 22 24V14H11ZM14 23H13V16H14V23ZM16 23H15V16H16V23ZM18 23H17V16H18V23ZM20 23H19V16H20V23ZM22.25 11H19V9.75C18.9992 9.55133 18.9199 9.36102 18.7795 9.22054C18.639 9.08006 18.4487 9.00079 18.25 9H14.75C14.5513 9.00079 14.361 9.08006 14.2205 9.22054C14.0801 9.36102 14.0008 9.55133 14 9.75V11H10.75C10.5512 11.0005 10.3608 11.0797 10.2203 11.2203C10.0797 11.3608 10.0005 11.5512 10 11.75V13H23V11.75C22.9995 11.5512 22.9203 11.3608 22.7797 11.2203C22.6392 11.0797 22.4488 11.0005 22.25 11ZM18 11H15V10.013H18V11Z' fill='%23FF0000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_28_13798'%3E%3Crect width='16' height='16' fill='white' transform='translate(9 9)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
width: 33px;
height: 33px;
background-position: center center !important;
background-repeat: no-repeat;
position: absolute !important;
bottom: 10px !important;
right: 10px !important;
opacity: 1 !important;
border-radius: 50%;
top: unset !important;
padding: 0 !important;
}
.i-calendar{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 40px;
}
.i-clock{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 40px;
}
.switch {
position: relative;
display: inline-block;
width: 55px;
height: 30px;
margin:0 auto;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 24px;
width: 24px;
left: 4px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: rgba(252, 128, 4, 1);
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(23px);
-ms-transform: translateX(23px);
transform: translateX(23px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.tc-1{
color: #888;
}
.tc-2{
color: #FC8004;
}
.tc-3{
color: #44444F;
}
.tc-4{
color: #043E7A;
}
.tc-5{
color: #010D37;
}
.tc-14{
color: #FC8004;
}
.tc-n2,.tc-15{
color: #FF8500;
}
.tc-16{
color: #EB5757;
}
.tc-n3{
color: #2B2B4C;
}
.tc-6{
color: #00BB56;
}
.tc-7{
color: #1F1F39;
}
.i-paper{
background-image: url('data:image/svg+xml,');
padding-left: 24px;
background-repeat: no-repeat;
background-position: center center;
}
.btn-st-n1{
border-radius: 50px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(224, 217, 217, 0.25);
padding: 8px 46px;
color: #969696;
font-size: 18px;
}
.btn-st-n1.active{
border-radius: 50px;
background: #36F;
box-shadow: 0px 4px 4px 0px rgba(224, 217, 217, 0.25);
color: #FFF;
}
.table-n1 thead th{
color: #FFF;
text-align: center;
font-style: normal;
line-height: normal;
vertical-align: middle;
padding: 14px 25px;
}
.table-n1 tbody td{
color: #3D3D3D;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 14px 25px;
}
.table-n1 tbody tr:last-child td{
border-bottom: 0 !important;
}
.table-n1.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #E6F6FF;
color: #3D3D3D;
}
.table-striped-st-2.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #F3F9FF;
color: #3D3D3D;
}
.table-n2 thead th {
background: #00549E;
color: #FFF !important;
font-size: 14px;
font-weight: 700;
padding: 12px 25px;
}
.table-n2 tbody {
display: block;
height: 237px;
overflow: auto;
}
.table-n2 tbody::-webkit-scrollbar {
width: 6px;
}
.table-n2 tbody::-webkit-scrollbar-track {
background: #F0F0F0;
}
.table-n2 tbody::-webkit-scrollbar-thumb {
background: #1488CA;
border-radius: 10px;
}
.table-n2 tbody::-webkit-scrollbar-thumb:hover {
background: #555;
}
.table-n2 thead,.table-n2 tbody tr,.table-n2 tfoot {
display: table;
width: 100%;
table-layout: fixed;
}
.table-n2 tbody td{
vertical-align: middle;
padding: 6px 25px;
color: #4F4F4F;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.table-n2.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #F7F7F7;
color: #4F4F4F;
}
.btn-st-n2{
color: #FFF;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 50px;
background: #FC8004;
padding: 6px 20px;
white-space: nowrap;
}
.btn-st-n3{
font-family: 'Sarabun';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 20px;
text-align: center;
letter-spacing: 0.3px;
color: #FFFFFF;
padding: 8.5px 15px;
background: #3FA5FF;
border-radius: 6px;
min-width: 168px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left 10px center;
padding-left: 45px;
}
#list-table-2_previous .page-link{
background:url(../images/icon/arrow-left.png) !important;
background-size: 6px auto !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
#list-table-2_next .page-link{
background:url(../images/icon/arrow-right.png) !important;
background-size: 6px auto !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.select2-container.select2-container--default.select2-container--open{
z-index: 2900;
}
.project-status-c{
font-family: 'Sarabun';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 21px;
width: 86px;
padding: 4px;
border-radius: 50px;
margin: 0 auto;
}
.project-status-c.status-0{
color: #3FA5FF;
border: 1px solid #3FA5FF
}
.project-status-c.status-1{
background-color: #3FA5FF;
border: 1px solid #3FA5FF;
color: #FFF;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left 10px center;
padding-left: 25px;
}
.project-status-c.status-0:disabled{
border: 1px solid #808080;
background: #D9D9D9;
color: #808080;
}
.beautifier{
z-index: 2900;
}
.i-pulldata{
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #3FA5FF;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
}
.s-email{
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #00BB56;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
}
.plan-scroll{
height: 440px;
overflow: auto;
margin-bottom: 20px;
padding-left: 2px;
}
/* width */
.plan-scroll::-webkit-scrollbar {
width: 6px;
}
/* Track */
.plan-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.plan-scroll::-webkit-scrollbar-thumb {
background: #1488CA;
border-radius: 32px;
}
/* Handle on hover */
.plan-scroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
.chartWrapper {
position: relative;
}
.chartWrapper #axis-y1 {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.chartWrapper #axis-y {
position: absolute;
right: 0;
top: 0;
pointer-events: none;
}
.chartAreaWrapper {
width: 100%;
overflow-x: scroll;
}
/* width */
.chartAreaWrapper::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* Track */
.chartAreaWrapper::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.chartAreaWrapper::-webkit-scrollbar-thumb {
background: #1488CA;
border-radius: 32px;
}
/* Handle on hover */
.chartAreaWrapper::-webkit-scrollbar-thumb:hover {
background: #555;
}
.form-check-st-n1 .form-check-input:checked{
background-color: #3DD598;
border-color: #3DD598;
}
.chart-legend-st-4 span{
width: 16px !important;
height: 16px !important;
}
.form-select-st-1{
border-radius: 8px;
border: 1px solid #E3E8F7;
background: #FFF;
color: #4F4F4F;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
min-width: 176px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.form-st-n1{
border-radius: 8px;
border: 1px solid #E3E8F7;
background: #FFF;
color: #4F4F4F;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
min-width: 176px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.table-n3 thead th {
background: #00549E;
color: #FFF !important;
font-size: 14px;
font-weight: 700;
padding: 12px 25px;
}
.table-n3 tbody {
display: block;
height: 637px;
overflow: auto;
}
.table-n3 tbody::-webkit-scrollbar {
width: 6px;
}
.table-n3 tbody::-webkit-scrollbar-track {
background: #F0F0F0;
}
.table-n3 tbody::-webkit-scrollbar-thumb {
background: #1488CA;
border-radius: 10px;
}
.table-n3 tbody::-webkit-scrollbar-thumb:hover {
background: #555;
}
.table-n3 thead,.table-n3 tbody tr,.table-n3 tfoot {
display: table;
width: 100%;
table-layout: fixed;
}
.table-n3 tbody td{
vertical-align: middle;
padding: 6px 25px;
color: #4F4F4F;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.table-n3.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #E6F6FF;
color: #4F4F4F;
}
.align-top{
vertical-align: top;
}
.form-st-3 {
border-radius: 8px;
border: 1px solid #E3E8F7;
color: #010D37;
font-family: Sarabun;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 10px 18px;
}
.icon-calendar-3{
background-image: url('data:image/svg+xml,');
background-size: 18px auto !important;
background-position: right 10px center !important;
background-repeat: no-repeat !important;
}
.btn-export-st-1{
border-radius: 8px;
background-color: #0085FF;
padding:11px;
color: #FFF;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
background-image: url('data:image/svg+xml,');
padding-left: 40px;
background-position: left 9px center;
background-repeat: no-repeat;
}
.form-search-st-1{
background-image: url('data:image/svg+xml,');
padding-right: 40px;
background-position: right 9px center;
background-repeat: no-repeat;
min-width: 300px;
}
.btn-n4{
border-radius: 10px;
background: #4B84EC;
color: #FFF;
text-align: center;
font-family: Sarabun;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 10px 48px;
}
.i-home{
background-image: url('data:image/svg+xml,');
padding-left: 23px;
background-repeat: no-repeat;
background-position: center center;
}
.icon-chart{
width: 119px;
height: 119px;
background-color: #FFF;
border-radius: 50%;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
/* width */
.card-map .dataTables_scrollBody::-webkit-scrollbar {
height: 8px;
width: 7px;
}
/* Track */
.card-map .dataTables_scrollBody::-webkit-scrollbar-track {
background: #C4C4C4;
border-radius: 50px;
}
/* Handle */
.card-map .dataTables_scrollBody::-webkit-scrollbar-thumb {
border-radius: 50px;
background: #000;
}
/* Handle on hover */
.card-map .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
background: #555;
}
.card-map table.dataTable{
margin-bottom: 0 !important;
}
.card-map table.dataTable tfoot th,.card-map table.dataTable tfoot td{
border-top:0;
}
.btn-clear-map{
color: var(--FOCUS, #FD9009);
font-family: Prompt;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 5px;
border: 1px solid var(--FOCUS, #FD9009);
padding: 1px 6px;
}
#legend-container-5 ul li:last-child{
display: none !important;
}
.card-fix-s9{
background: #FFFFFF;
border: 0px solid #EAEAEA;
border-radius: 10px;
width: 237px;
height: 145px;
}
.card-fix-s9 .icon{
width: 9px;
height: 25px;
background: #FB8CAD;
border-radius: 50px;
}
.tx-inline{
white-space: nowrap;
text-overflow: ellipsis;
max-width: 200px;
overflow:hidden;
}
.reportStatus{
border-radius: 50px;
color: #FFF;
font-family: Sarabun;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 86px;
text-align: center;
padding: 4px;
margin:0 auto;
}
.reportStatus.status-0{
background: #FCB704;
}
.reportStatus.status-1{
background: #00BB56;
}
.reportStatus.status-2{
background: #F00;
}
.btn-c1{
width: 32px;
height: 32px;
border-radius: 50%;
border:0;
background-color: #00BB56;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
.btn-c2{
width: 32px;
height: 32px;
border-radius: 50%;
border:0;
background-color: #FF0000;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
.btn-c3{
width: 32px;
height: 32px;
border-radius: 50%;
border:0;
/* background-color: #3FA5FF;*/
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
.btn-close-st-2{
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
border-radius: 50%;
border:0;
}
.bx-1{
border-radius: 10px;
border: 1px solid #C0C0C0;
background: #F6F6F6;
padding: 20px;
color: #1F1F39;
font-family: Sarabun;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */
height: 100%;
}
.form-st-4{
border-radius: 10px;
border: 1px solid #C0C0C0;
background: #FFF;
padding: 8px 23px 8px 10px;
color: #000;
font-family: Sarabun;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 150% */
}
.counttx{
color: #888;
text-align: right;
font-family: Sarabun;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 214.286% */
position: absolute;
right: 15px;
top: 9px;
}
.select2-tag-st2 + .select2-container--default .select2-selection--multiple .select2-selection__choice {
border: 0;
padding-right: 30px;
padding-left: 12px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 20px;
border: 1px solid #FC8004;
background: #FFF;
color: #FC8004;
font-family: Sarabun;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
overflow: inherit;
margin-right: 10px;
}
.select2-tag-st2 + .select2-container--default .select2-selection--multiple {
height: auto;
min-height: 45px;
border: solid #C0C0C0 1px;
border-radius: 10px;
}
.select2-tag-st2 + .select2-container .select2-search--inline .select2-search__field{
min-height: 36px;
line-height: 36px;
}
.select2-tag-st2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
margin-top: 8px;
margin-right: 5px;
}
.select2-tag-st2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{
display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple li{
filter: grayscale(100%);
}
input[readonly],textarea[readonly],input[disabled],select[disabled],textarea[disabled]{
background-color: rgba(229, 229, 229, 0.2) !important;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
background-color: rgba(229, 229, 229, 0.2) !important;
}
.formcount{
padding-right: 100px;
}
.select2-tag-st2 + .select2-container .select2-selection ul li{
position: relative;
}
.bootstrap-tagsinput .tag{
padding-right: 35px;
padding-left: 12px;
padding-top: 4px;
padding-bottom: 5px;
border-radius: 20px;
border: 1px solid #FC8004;
background: #FFF;
color: #FC8004;
font-family: Sarabun;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
overflow: inherit;
margin-right: 5px;
position: relative;
display: inline-block;
margin-bottom: 10px;
}
.bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0 6px;
margin: 0;
min-width: 400px;
/* float: left; */
display: inline-block;
}
.bootstrap-tagsinput input:disabled{
position: absolute;
left: 0;
right: 0;
top: 0;
height: 100%;
}
.bootstrap-tagsinput .tag [data-role="remove"]{
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
margin-top: 9px;
margin-right: 5px;
display:block;
position: absolute;
right: 2px;
top: 0;
}
.bootstrap-tagsinput .tag [data-role="remove"]::after{
content: unset;
}
.bootstrap-tagsinput{
padding-top: 7px;
padding-bottom: 4px;
border-radius: 10px;
border: 1px solid #C0C0C0;
box-shadow: unset;
min-width: 100%;
position: relative;
}
@media print {
.card-map .col-xxl-auto{
width: 40% !important;
}
.card-map .col{
width: 60% !important;
}
.card-map {
zoom:90%;
}
.card-st-3{
box-shadow: unset;
border:0;
}
}