@charset "utf-8";
/*
 CSS Create by CDIS Design
 color: #7F3F98; purple
 color: #B58E38; yellow
 color: #333333; black 
 color: #2386f7; Blue Sky 
 color: #70b1fa; Blue gray
*/
.layoutuser {
    padding-bottom: 50px;
    position: relative;
    background-color: #fff;
    border-radius: 0 0 100px 0;
}
.topic-content {
    margin-bottom: 10px;
}
.topic-content h1 {
    font-size:30px;
    line-height: 40px;
    color: #333333;
}
.wrapper-box-content {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}
.topic-box-content {
    border-bottom: 1px solid #D4D7D9;
    padding:15px 30px;
}
.topic-box-content h4 {
    font-size: 23px;
    line-height: 28px;
}
.main-box-content {
    padding:15px;
    border-bottom: 1px solid #D4D7D9;
}
.btn-box-content {
    padding:15px 20px;
}
.img-box-content img {
    max-width:100%;
}
.img-box-content {
    text-align: center;
}
.btn-box-content {
    text-align: center;
}
.btn-tran {
    width:140px;
    height: 40px;
    background-color: transparent;
    border:1px solid #2386f7;
    color: #2386f7;
    font-size:14px;
    line-height: 22px;
    border-radius: 20px;
}
.btn-tran:hover {
    background-color: #2386f7;
    border-color: #2386f7;
    color: #fff;
}
/* css permission */
.input2f.textarea textarea.form-control{
    /*height: 130px!important;
    border-radius: 20px!important;*/
}
.border-permission{
    margin-top: 40px;
    margin-bottom: 40px;
}
.title-table-permission{
    font-size: 20px;
    line-height: 40px;
    color: #70b1fa;
    font-family: 'Kanit-Regular';
    margin-bottom: 30px;
}
.content-permission{margin-top: 30px;}
.content-form .layout-confirm{
    /*margin: 20px auto 40px auto;*/
}
.control-checkbox .checkboxcontainer .checkmark{
    width:24px;
    height: 24px;
    top: 3px;
}
.control-checkbox .checkboxcontainer{margin-right: 50px;}
.control-checkbox .checkboxcontainer input:checked + .checkmark{
    background-color: #804199;
}
.control-checkbox .checkboxcontainer input:checked + .checkmark:after{
    background-color: #fff;
    top: 6px;
    left: 6px;
}
.content-table2f .table-responsive::-webkit-scrollbar {
    width: 2.5px;
}
/* Track */
.content-table2f .table-responsive::-webkit-scrollbar-track {
    background: #E1E8EB; 
}
/* Handle */
.content-table2f .table-responsive::-webkit-scrollbar-thumb {
    background: #525A65; 
}