/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;500;700&display=swap'); */
body{
    font-family: 'Noto Sans Thai', sans-serif !important;
    background-color: #e4e4e4 !important;
}
#wrapper #content-wrapper {
    background-color: #f8f7fa !important;
}
.bg-nav {
    background-color: rgb(27, 61, 172) !important; 
    background-color: #1BC1B7  !important; 
    box-shadow: 1px 0px 30px rgba(0, 0, 0, 0.1) !important;
}
.navbar-nav>.active{
    background-color: #f8f7fa;
}
.sidebar-dark .nav-item.active .nav-link ,.sidebar-dark .nav-item.active .nav-link i {
    color: #00b5a8 !important;
}
.login{
    background-color: #fff;
    height: 800px;
}
label {
    display: inline-block;
    margin-bottom: 0.1rem !important;
}
.form-group label{
    color: #242424 !important;
    font-size: 1.2rem;
}
.main {
    min-height: 80vh;
    
}
.login input {
    font-size: 0.8rem;
    border-radius: 10rem;
    padding: 1.5rem 1rem;
}
.cursor_pointer{
    cursor: pointer;
}
.bg_login{
    height: 100%;
   
}
.navbar{
    background-color: #2EC4B6 !important;
}
.nav_title{
    color: #FFF;
}
.dot-green {
    margin-left: 5px;
    height: 10px;
    width: 10px;
    background-color: rgb(16, 224, 34);
    border-radius: 50%;
    display: inline-block;
}
.dot-red {
    margin-left: 5px;
    height: 10px;
    width: 10px;
    background-color: rgb(255, 30, 30);
    border-radius: 50%;
    display: inline-block;
}


.bg-login-image {
    background: url(../img/BG_B.svg);
    background-position: center;
    background-size: cover;
}
.h1,.h2,.h3{
    font-weight: 700;
    color: #000 !important;
}
.sidebar-dark .nav-item .nav-link, .sidebar-dark .nav-item .nav-link i  {
    color: #FFF !important;
}

.table th, .table td {
    padding: 0.5rem 0.75rem;
    vertical-align: top;
    border-top: 1px solid #e3e6f0;
    color:#6f6b7d !important;
}
.ptname{
    font-weight: 600 !important;
    font-size: 16px;
    color: #000;
}
.phone{
    font-size: 14px;
    color: #525252;
}
.avatar img {
    height: 50px;
    border-radius: 20px;
}
#showcall_picture{
    border-radius: 1000px;
    height: 100px;
    width: 100px;
    margin-right: 5px;
    margin-bottom: 6px;
    background-image:url('../img/2015-brown.webp');
    background-size: cover;
}
.profile{
    border-radius: 1000px;
    height: 38px;
    width: 38px;
    margin-right: 5px;
    position: relative;
    width: 2.475rem;
    height: 2.475rem;
    cursor: pointer;
}
.card {
    margin-bottom: 1.875rem !important;
    border: none !important;
    border-radius: 0.375rem;
    box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07) !important;
    box-shadow: 0 0.25rem 1.125rem rgba(75,70,92,.1) !important;
}
.card-header{
    background-color: #fff;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 0px;
    border-top-width: 0px;
}
.mycheck {
    accent-color: #00cdf1;
}

.picker {
    position: relative !important;
}

.picker__day {
    /* color: #009e47 !important; */
}

.picker__day--disabled {
    color: #c70e0e !important;
}

.ck-btn label {
    margin: 0px !important;
    width: 100%;
}

.ck-btn {
    background-color: #fafafa;
    border-radius: 4px;
    border: 1px solid #dddddd;
    width: 100% !important;
    overflow: auto;
    float: left;
}

.ck-btn:hover {
    border: 2px solid #00c7b4;
}

.ck-btn label {
    float: left;
    width: 100%;
}
.dd-none{
    display: none;
}
.ck-btn label span {
    text-align: left;
    padding: 12px 16px;
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    color: rgb(49, 49, 49);
    cursor: pointer !important;
}
.menu-item{
    background-color: #d6d6d6;
    padding: 8px 16px;
    color: #000;
    margin-right: 8px;
    border-radius: 6px;
    width: 240px;
}
.menu-item:hover , .menu>a>.active{
    background-color: #efb508;
    cursor: pointer;
    color: #fff;
}
.confirm_bg {
    background-color: #f5f5f5;
    padding: 16px;
    border-radius: 8px;
}

.ck-btn label input {
    position: absolute;
    left: -20000px;
}

.ck-btn input:checked+span {
    background-color: #00c7b4;
    color: #fff;
}

.n-none {
    display: none;
}
.type-success{
    color: #00b5a8 !important;
}
.type-danger{
    color: #ff0000 !important;
}



/* //////////////////////////////////////////////////// */
.ck-btn-danger label {
    margin: 0px !important;
    width: 100%;
}

.ck-btn-danger {
    background-color: #fafafa;
    border-radius: 4px;
    border: 2px solid #bbbbbb;
    /* width: 100% !important; */
    overflow: auto;
    float: left;
}

.ck-btn-danger:hover {
    border: 2px solid #b9b9b9;
}

.ck-btn-danger label {
    float: left;
    width: 100%;
}

.ck-btn-danger label span {
    text-align: left;
    padding: 11px 30px;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    color: rgb(139, 139, 139);
    cursor: pointer !important;
}

.ck-btn-danger label input {
    position: absolute;
    left: -20000px;
}

.text-primary{
    color: #00b5a8 !important;
}
.form-group{
    margin-bottom: 30px !important;
}
.title_feedback{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #009b90;
}
.card_title{
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.form-control {
    /* display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5; */
    color: #6e707e;
    background-color: #ededed82;
    border: 1px solid #ededed82;
}

a,u,a:hover {
    text-decoration: none;
}



.card-body .select2-container--bootstrap {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
    border: 1px solid rgb(204, 204, 204) !important;
}
.select2-container--default .select2-selection--single {
    height: 46px !important;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

/* CSS_select2 */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 85% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #CCC !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
    overflow-y: auto;
}

.select2-results__option--highlighted {
    padding: 6px;
    background-color: #005499 !important;
    color: #FFF !important;
}
.select2-results__options {
    height: 300px;
    overflow-y: auto;
}
.select2-search--dropdown {
    display: block;
    padding: 10px !important;
}
.select2-search--dropdown .select2-search__field {
    font-size: 22px !important;
    background-color: #ffffff !important;
    border-color: #6e6e6e !important;
}
.select2-dropdown{
    border-bottom: 0;
    background-color: #ebebeb !important;
}

.select2-results__option--selectable {
    color: #000000 ;
}