.fonts-og{
    color: #F7941D; /* สีส้ม */
}

.bg-gray{
    background-color: rgb(247,249,250)
}

/******************* สีม่วง **********************/
.panel-primary {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #7F3F98 ;
    border-color: #623175;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337cbb;
}
.panel-primary > .panel-heading .badge {
    color: #337cbb;
    background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337cbb;
}
.color-primary{
    background-color:  #7F3F98 ; /* สีหลัก */
}
.mo-link--primary>tbody>tr>td>a {
    color: #623175; /* link  อักษร */
}
.mo-bgmain--primary{
    background-color: #F1DCFA; /* สี thead สีเข้ม*/
}
.mo-bgsub--primary{
    background-color: #F8F3FA;  /* สี แรเงา สีอ่อน*/
}

/******************* สีเขียว **********************/
.panel-success {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-success > .panel-heading {
    color: #fff;
    background-color: #B8D523; /* สีหลัก */
    border-color: #A8BA1F;
    border-bottom: 2px solid #A8BA1F; /*เส้นล่างของ headder */
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #9ccf91;
}
.panel-success > .panel-heading .badge {
    color: #a3d7a3;
    background-color: #5cb85c;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #9ccf91;
}
.color-success{
    background-color: #B8D523 ; /* สีหลัก */
}
.mo-link--success>tbody>tr>td>a {
    color: #849430; /* link  อักษร */
}
.mo-bgmain--success{
    background-color: #E6FACF ;/* สี thead สีเข้ม*/
}
.mo-bgsub--success{
    background-color: #F2FFE3;  /* สี แรเงา สีอ่อน*/
}
.fonts-success{
    color: #8DC63F;; /* สีหลัก */
}



/******************* สีฟ้า **********************/
.panel-info {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-info > .panel-heading {
    color: #fff;
    background-color: #49DBC8; /* สีหลัก */
    border-color: #3BBFAF;
    border-bottom: 2px solid #3BBFAF; /*เส้นล่างของ headder */
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(73,219,200);
}
.panel-info > .panel-heading .badge {
    color: #b0e1ef;
    background-color: rgb(73,219,200);
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #92e4e9;
}
.color-info{
    background-color: #49DBC8 ; /* สีหลัก */
}
.mo-link--info>tbody>tr>td>a {
    color: #258579; /* link  อักษร */
}
.mo-bgmain--info{
    background-color: #C0EAED; /* สี thead สีเข้ม*/
}
.mo-bgsub--info{
    background-color: #EDFFFD;  /* สี แรเงา สีอ่อน*/
}
.bordered-info{
    border-bottom: 5px solid #49DBC8;
}



.panel-info2 {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-info2 > .panel-heading {
    color: #000;
    background-color: #C0EAED; /* สีหลัก */
    border-color: #3BBFAF;
    border-bottom: 2px solid #49DBC8; /*เส้นล่างของ headder */
}
.panel-info2 > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(73,219,200);
}
.panel-info2 > .panel-heading .badge {
    color: #b0e1ef;
    background-color: rgb(73,219,200);
}
.panel-info2 > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #92e4e9;
}
.color-info2{
    background-color: #C0EAED ; /* สีหลัก */
}
.mo-link--info2>tbody>tr>td>a {
    color: #258579; /* link  อักษร */
}
.bordered-info2{
    border-bottom: 5px solid #49DBC8;
}


/******************* สีส้ม **********************/
.panel-warning {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-warning > .panel-heading {
    color: #fff;
    background-color: #FBC741 ; /* สีหลัก */
    border-color: #F4B125;
    border-bottom: 2px solid #F4B125 ; /*เส้นล่างของ headder */
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f6bd95;
}
.panel-warning > .panel-heading .badge {
    color: #f8d9ac;
    background-color: #f0ad4e;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #f6bd95;
}
.color-warning{
    background-color: #FBC741 ; /* สีหลัก */
}
.mo-link--warning>tbody>tr>td>a {
    color: #E78E00 ; /* link  อักษร */
}
.mo-bgmain--warning{
    background-color: #FFF6C7; /* สี thead สีเข้ม*/
}
.mo-bgsub--warning{
    background-color: #FFFCEA;   /* สี แรเงา สีอ่อน*/
}

/******************* สีแดง **********************/
.panel-danger {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-danger > .panel-heading {
    color: #fff;
    background-color: #db3937;
    border-color: #a12a28;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #e78e9a;
}
.panel-danger > .panel-heading .badge {
    color: #eba5a3;
    background-color: #d9534f;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #e78e9a;
}
.fonts-danger{
    color: #ED1C24; /* สีหลัก */
}



/******************* สีฟ้า **********************/
.panel-blue {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-blue > .panel-heading {
    color: #ffffff;
    background-color: #5b90eb; /* สีหลัก */
    border-color: #5884D6;
    border-bottom: 2px solid #5884D6; /*เส้นล่างของ headder */
}
.panel-blue > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #6ea4ff;
}
.panel-blue > .panel-heading .badge {
    color: #337cbb;
    background-color: #ffffff;
}
.panel-blue > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #6ea4ff;
}

.color-blue{
    background-color: rgb(113,164,255); /* สีหลัก */
}
.mo-link-blue>tbody>tr>td>a {
    color:#2D5AAD;
}
.mo-bgmain--blue{
    background-color:  #E0ECFC;
}
.mo-bgsub--blue{
    background-color:  #F0F5FC;

}

/******************* สีฟ้า 2 **********************/
.panel-blueSky {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-blueSky > .panel-heading {
    color: #ffffff;
    background-color: #00ddff; /* สีหลัก */
    border-color: #5884D6;
    border-bottom: 2px solid #5884D6; /*เส้นล่างของ headder */
}
.panel-blueSky > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #6ea4ff;
}
.panel-blueSky > .panel-heading .badge {
    color: #FFF;
    background-color: #ffffff;
}
.panel-blueSky > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #6ea4ff;
}

.color-blue{
    background-color: rgb(113,164,255); /* สีหลัก */
}
.mo-link-blue>tbody>tr>td>a {
    color:#2D5AAD;
}
.mo-bgmain--blue{
    background-color:  #E0ECFC;
}
.mo-bgsub--blue{
    background-color:  #F0F5FC;

}


/******************* สีชมพูอ่อน**********************/
.panel-pink {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-pink > .panel-heading {
    color: #000;
    background-color: #ff6694 ; /* สีหลัก */
    border-color: #FF8C9E;
    border-bottom: 2px solid #FF8C9E; /*เส้นล่างของ headder */
}
.panel-pink > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(255,139,155);
}
.panel-pink > .panel-heading .badge {
    color: #337cbb;
    background-color: rgb(255,187,207);
}
.panel-pink > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(255,187,207);
}
.color-pink{
    background-color: #FFBBCF; /* สีหลัก */
}
.fonts-pink{
    color: #FFBBCF; /* สีหลัก */
}
.mo-link--pink>tbody>tr>td>a {
    color: #F06778 ; /* link  อักษร */
}
.mo-bgmain--pink{
    background-color: #FFE8EF; /* สี thead สีเข้ม*/
}
.mo-bgsub--pink{
    background-color: #FFF5F8;   /* สี แรเงา สีอ่อน*/
}


/******************* สีน้ำตาล **********************/
.panel-coco {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-coco > .panel-heading {
    color: #000;
    background-color: #C49A6C; /* สีหลัก */
    border-color: #8552b5;
    border-bottom: 2px solid #AD8458 ; /*เส้นล่างของ headder */
}
.panel-coco > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(196,154,108);
}
.panel-coco > .panel-heading .badge {
    color: #337cbb;
    background-color: rgb(196,154,108);
}
.panel-coco > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(196,154,108);
}
.color-coco{
    background-color: #C49A6C; /* สีหลัก */
}
.mo-link--coco>tbody>tr>td>a {
    color: #78532B ; /* link  อักษร */
}
.mo-bgmain--coco{
    background-color: #FFEDD8; /* สี thead สีเข้ม*/
}
.mo-bgsub--coco{
    background-color: #FFF6ED;   /* สี แรเงา สีอ่อน*/
}




/******************* สีเหลือง **********************/
.panel-yellow {
    border-color: rgb(211,212,213); /*เส้นขอบเทา ทั้งกล่อง */
}
.panel-yellow > .panel-heading {
    color: black;
    background-color: #F9E9A8;/* สีหลัก */
    border-color: #F9D98D;
    border-bottom: 2px solid #F9D98D; /*เส้นล่างของ headder */
}
.panel-yellow > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(249,233,168);
}
.panel-yellow > .panel-heading .badge {
    color: black;
    background-color: rgb(249,233,168);
}
.panel-yellow > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(249,233,168);
}
.color-yellow{
    background-color:#F9E9A8 !important; /* สีหลัก */
}
.mo-link--yellow>tbody>tr>td>a {
    color: #b7751f ; /* #EFB468; /* link  อักษร */
}
.mo-bgmain--yellow{
    background-color: #FFF8D8;  /* สี thead สีเข้ม*/
}
.mo-bgsub--yellow{
    background-color: #FFFDF2;   /* สี แรเงา สีอ่อน*/
}