/* DEFAULTS
----------------------------------------------------------*/
/*10/07/2020 เอามาจากพี่แป๋ว แก้เรื่อง Chrome มีกรอบใน textbox*/
.RadMenu:focus,.RadMenu li.rmItem,input,textarea{
    outline: none;
}
body {
 /*   background-position:left top;
    background: #b6b7bc !important;  ใส่ important เพราะหน้าที่มี UserControl ไปดึง background ที่ SiteMaster.css*/ 
    font-size: 12px;
    font-family: Tahoma,Arial, sans-serif;
    text-shadow : 0px 0px 0px black;  /*ทำให้ font ดำขึ้น*/
    margin: 0px;
    padding: 0px; 
    min-width: 1366px; /*พี่ต่อเพิ่มให้ เกี่ยวกับการย่อ-ขยายหน้าจอ 8/12/2560*/  
}

A {
    COLOR: #039;
    text-decoration: none;
}


    a:link, a:visited {
        color: #034af3;
    }

    a:hover {
        color: #1d60ff;
        text-decoration: underline;
    }

    a:active {
        color: #034af3;
    }

.curpage, .setborder {
    padding: 0px 2px;
    border: chocolate 1px outset;
    text-align: center;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: normal;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 50px;
    width: 214px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    width: auto;
    background-color: #fff;
    overflow: visible;
    margin: 1px 5px 0px 5px;
    border: 1px solid #496077;
    /*min-height: 450px;*/
}

/*.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    max-width: 100%;
    max-height: 100%;
    top: 0px;
    height: 50px;
    background-image: url('../Image/custom/10Header/hd_recruit_iRecruit.png');
}*/

    .header h1 {
        border-style: none;
        border-color: inherit;
        border-width: medium;
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 10px;
        color: #3a4f63;
        line-height: 20px;
        font-size: 20px;
        width: 879px;
    }

.main {
    /*padding: 0px 1px 0px 1px;
    margin: 1px 1px 1px 1px;  
    height:100%;*/
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

/*.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    height: 15px;
    background-color: #4e5766;
}*/


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            background-color: #465c71;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    /*margin: 5px 0px;*/
    padding: 1px;
    border: 1px solid #ccc;
    /*height: 144px;*/
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    width: auto;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    height: 52px;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
    height: 32px;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

#templatemo_footer_wrapper {
    clear: both;
    width: 100%;
    background: #062a44;
}

#templatemo_footer {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    text-align: center;
    color: #84b2d3;
    background: url('../Image/templatemo_footer.jpg') no-repeat center top;
    font-size: 11px;
}

    #templatemo_footer a {
        color: #84b2d3;
        font-weight: normal;
    }

        #templatemo_footer a:hover {
            color: #FFFFFF;
        }

#inner {
    width: 552px;
    background: red;
    height: 468px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000;
}

#toolbar INPUT.cls_op {
    padding-left: 18px;
    background-image: url('../Image/add.png');
    float: left;
    margin-left: 3px;
    background-repeat: no-repeat;
    height: 54px;
    width: 134px;
    margin-bottom: 18px;
}

a.more {
    clear: both;
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    background: url('../Image/templatemo_more.jpg');
    background-repeat: no-repeat;
}

.footer {
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    text-align: center;
    line-height: normal;
    background-color: #4B6C9E;
    height: 20px;
    /*border:1px;*/
}

.RadWindow .rwDialogPopup {
    background-repeat: no-repeat !important;
    background-image: url('../Image/custom/11Icon/info.png') !important;
}


/*********เพิ่มมาใหม่************/
/*20150817 เกี่ยวกับ Font Textbox Grid Combobox และอื่น*/

a.rmLink {
  cursor: pointer !important;
}

img {
  border: none;
}
/*Size Default จาก Tool Telerik อยู่ที่ 12px*/
/*.RadSplitter {
  font-family: Tahoma,Arial, sans-serif !important;
}

.RadMenu, .RadMenu a.rmLink {
  font-family: Tahoma,Arial, sans-serif !important;
}

.RadCombobox, .rcbInput {
  font-family: Tahoma,Arial, sans-serif !important;
}

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable {
  font-family: Tahoma,Arial, sans-serif !important;
}*/
        .RadWindow .rwDialogPopup,
        .RadComboBoxDropDown,
        .RadListBox,
        .RadSplitter,
        .RadWindow table.rwTitlebarControls em,
        .RadMenu, .RadMenu a.rmLink,
        .RadCombobox, .rcbInput,
        .RadTreeView, .RadTreeView a.rtIn, .RadTreeView .rtEdit .rtIn input,
        .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip,
        .RadTabStrip .rtsLI, .RadTabStrip .rtsLink,
        .RadToolBar .rtbWrap, .RadToolBar .rtbTemplate {
            font-family: Tahoma,Arial, sans-serif !important;
            font-size:12px !important;    
        }

        
.RadMenu .rmRootGroup {
    background: transparent !important;  /*transparent*/
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

/* Start เพิ่มใหม่ตอนพี่บัติให้ปรับ CSS*/ 

/*20150817 END เกี่ยวกับ Font Textbox Grid Combobox และอื่น*/
 input,textarea, keygen, select, button, .RadWizard {
    font-family: Tahoma,Arial, sans-serif !important;
    font-size: 12px !important; /*จำเป็นต้องใส่ขนาด*/ 
    border-radius: 5px; /*ทำให้มน*/
    border: 1px solid;
    border-color:grey;
    height: 17px;
    background-color:white;
}

 /*ปรับแก้ Checkbox และ radio บน IE พื้นหลังเป็นสีขาว*/
 input[type=radio],input[type=checkbox]{
    border: 0px solid;
    border-color:none;
    background-color:transparent !important;
 }


 /* Textbox Telerik*/
 html body .riSingle .riTextBox[type="text"] {
    /*width: 174px;*/
    border: 1px solid;
    border-color:grey;
    border-radius: 5px;
    height: 21px;
}


 .PicTopTree {
   width: 99%; 
   height: 20px; 
   background-color: #EEEEEE; 
   background-image: url('../Image/custom/03top-footer/Top_W308xH20.png'); 
   border: 1px solid #e0e5f5; 
   -moz-box-shadow: inset 0 0 3px #888; 
   -webkit-box-shadow: inset 0 0 3px #888; 
   overflow: auto; 
   text-align: center; 
   padding-top: 2px;
}

  .PicFooterTree {
   width: 99%; 
   height: 19px; 
   background-image: url('../Image/custom/03top-footer/Footer_W308xH19.png'); 
   border-left: 1px solid #008B8B; 
   border-right: 1px solid #008B8B; 
   border-bottom: 1px solid #008B8B; 
   -moz-box-shadow: inset 0 0 3px #888; 
   -webkit-box-shadow: inset 0 0 3px #888; 
   overflow: auto; 
   text-align: center;
}
  .PicCenterTree {
   width: 99%; 
   height: 91.8%; 
   border: 1px solid #008B8B; 
   overflow: auto; 
   background-color: #FFFFFF;
}

  .RadWindow .rwDialogPopup {
    background-repeat: no-repeat !important;
    background-image: url('../Image/custom/11Icon/info.png') !important;
}

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {
    font-weight: bold; /* พี่บัติให้ทำ Tab ตัวหนา*/
}

/*** เกี่ยวกับปุ่ม ****/
[tabindex] {  /*ทำให้ตอนคลิกลิงค์ที่ปุ่มบน Chrome ไม่เป็นกล้องสีฟ้า*/
    outline: none;
}

/*ปุ่มมาสเตอร์*/
.RadButton.rbLinkButton.css3Cont.rbDisabled {
   opacity: .3;
   filter: alpha(opacity=30);
}

.RadButton.rbLinkButton.css3Cont {
   border-style: none;
    border-color: inherit;
    border-width: medium;
    color: White !important;
   background: #c3d9ff url('../Image/custom/02master/Master1.png') no-repeat;
    top: 1px;
    left: 0px;
    height: 16px;
    width: 17px;
    right: 0px;
}

.RadButton.rbLinkButton.css3Cont:hover, .RadButton.rbLinkButton.css3Cont:focus, .RadButton.rbLinkButton.css3Cont:active {
   border: 0;
   background-image: url('../Image/custom/02master/Master2.png');
   color: black !important;
   background-color: transparent;
}
/* End ปุ่มมาสเตอร์*/

        
/*****ปุ่มค้นหา******/

.RadButton.rbLinkButton.css3ContSearch.rbDisabled {
   opacity: .3;
   filter: alpha(opacity=30);
}

.RadButton.rbLinkButton.css3ContSearch {
   color: White !important;
   background: #c3d9ff;
   background-image: url('../Image/custom/04Search/Search1.png');
   background-repeat: no-repeat;
   border: none;
}

.RadButton.rbLinkButton.css3ContSearch:hover, .RadButton.rbLinkButton.css3ContSearch:focus, .RadButton.rbLinkButton.css3ContSearch:active {
   border: 0;
   background-image: url('../Image/custom/04Search/Search2.png');
   color: black !important;
   background-color: transparent;
}

/***** End ปุ่มค้นหา******/


/*****ปุ่มประวัติการเปลี่ยนชื่อ******/
.RadButton.rbLinkButton.css3ContChangeName.rbDisabled {
  opacity: .3;
  filter: alpha(opacity=30);
}

.RadButton.rbLinkButton.css3ContChangeName {
  color: White !important;
  background: #c3d9ff;
  background-image: url('../Image/custom/07Change_Name/ChangeName1.png');
  background-repeat: no-repeat;
  border: none;
}

.RadButton.rbLinkButton.css3ContChangeName:hover, .RadButton.rbLinkButton.css3ContChangeName:focus, .RadButton.rbLinkButton.css3ContChangeName:active {
  border: 0;
  background-image: url('../Image/custom/07Change_Name/ChangeName2.png');
  color: black !important;
  background-color: transparent;
}
 /***** END ปุ่มประวัติการเปลี่ยนชื่อ******/


/*****ปุ่มถ่ายรูป******/
.RadButton.rbLinkButton.css3ContCapture.rbDisabled {
  opacity: .3;
  filter: alpha(opacity=30);
}

.RadButton.rbLinkButton.css3ContCapture {
   color: White !important;
   background: #c3d9ff;
   background-image: url('../Image/custom/05Camera/Camera1.png');
   background-repeat: no-repeat;
   border: none;
}

.RadButton.rbLinkButton.css3ContCapture:hover, .RadButton.rbLinkButton.css3ContCapture:focus, .RadButton.rbLinkButton.css3ContCapture:active {
   border: 0;
   background-image: url('../Image/custom/05Camera/Camera2.png');
   color: black !important;
   background-color: transparent;
}
/*****END ปุ่มถ่ายรูป******/


/*ทำให้ปุ่มเลือกไฟล์เป็นรูปภาพ*/
.RadUpload .ruBrowse {
   background-image: url('../Image/custom/06Folder/Folder1.png') !important;
   background-position: 0px !important;
   height: 25px !important;
   width: 25px !important;
   background-repeat: no-repeat !important;
}
        
/*ทำให้เม้าส์ชี้แล้วขึ้นเป็นรูปมือ*/
.RadUpload .ruFileInput,
.RadUpload .ruFakeInput,
.RadUpload .ruBrowse {
   cursor: pointer !important;
}
        /*ทำให้เม้าส์ชี้แล้วขึ้นเป็นรูปมือ*/

/*เปลี่ยนสีรูปเวลาเอาเม้าส์ชี้*/
.RadUpload .ruInputs li .ruButtonHover { 
   background-image: url('../Image/custom/06Folder/Folder2.png') !important;
   background-repeat: no-repeat !important;
}
/*เปลี่ยนสีรูปเวลาเอาเม้าส์ชี้*/
/* End ทำให้ปุ่มเลือกไฟล์เป็นรูปภาพ*/


/*ปุ๋ม button */
/*1.ปุ่มบันทึก,ตกลง ใช้ Width="65px" 2.ปุ่มโยนคนที่ Grid ใช้ Width="35px"*/

.myButton1 {   
    background-image: url('../Image/custom/01button/light/button1.png') !important;
    height:22px !important;
    border:1px solid #0f1d48 !important;
    color:#1e189c;
    background-repeat:repeat-x;
}

    .myButton1:hover {
	   background-image: url('../Image/custom/01button/dark/button1.png') !important;
       height:22px !important;
       border:1px solid #0f1d48 !important;
       color:#fff;
    }
    /*1/12/2560 บังปุ่ม RadButton*/
.myButton2 {          
        border:1px solid #0f1d48 !important;
        height:22px !important;
    }
/*1/12/2560 บังปุ่ม RadButton*/
/*End ปุ๋ม button ธรรมดา*/


.RadGrid input[type='image'] {
            height: 11px !important;
 }

/* 20150917 ทำให้หัว ComboBox เป็นสี*/ 
.RadComboBoxDropDown .rcbHeader{
        background-color: #E0E5F5 !important;
}

/*12/12/2561 มดบัง เพราะว่ามันกระทบกับหน้าจอค้นหารายงานแบบใหม่ มันทำให้บรรทัดในกริดตอนกดเพิ่มเป็นช่องใหญ่มากกกกก*/
/*ทำให้ข้อมูลใน radgrid ถ้ามีข้อมูลยาวเกินจะขึ้นบรรทัดใหม่ให้*/
/*.RadGrid td {
        word-wrap: break-word;
        word-break: break-all;
}*/
/*ทำให้ข้อมูลใน radgrid ถ้ามีข้อมูลยาวเกินจะขึ้นบรรทัดใหม่ให้*/
/*12/12/2561 มดบัง เพราะว่ามันกระทบกับหน้าจอค้นหารายงานแบบใหม่ มันทำให้บรรทัดในกริดตอนกดเพิ่มเป็นช่องใหญ่มากกกกก*/


/*-------------------------Mod 9/3/2559 Recruit---------------------------*/

/*.RadWizard 
{
   background-image: url('../Image/custom/00BG/bg_main-recruit.png') !important;
   background-size: 100%  100% !important;
   background-repeat: no-repeat;
   width: 100% !important;

   padding: 0px !important;
   border: 1px solid #f1f1f1;
   border-bottom: 0;
   box-shadow: 0 0 0 1px #fff;
   right: 0px !important;
   left: 0px !important;
}*/

/*ให้ปุ่ม ถัดไป ย้อนกลับ บันทึก ชิดด้านขวา*/
.RadWizard .rwzContent + .rwzNav 
{
   margin-top: 0px !important;
   margin-bottom: 3% !important;
   margin-right: 5% !important;
}
/*ให้ปุ่ม ถัดไป ย้อนกลับ บันทึก ชิดด้านขวา*/

/*ทำให้ปุ่ม cancle อยู่ชิดด้านขวา*/
.RadWizard .rwzNav .rwzLI {
    float: right !important;
    margin-right: 0px !important;
    margin-left: 5px !important;
}
/*ทำให้ปุ่ม cancle อยู่ชิดด้านขวา*/

/*ตั้งค่าให้ Progress ชิดขอบ Navigation 2/3/2559_mod*/
.rwzHorizontal .rwzBreadCrumb, .rwzHorizontal 
{
  margin-bottom: 0px !important;
  right: 10px !important;
  margin-top: 0px !important;
}
/*ตั้งค่าให้ Progress ชิดขอบ Navigation 2/3/2559_mod*/

/*ปรับขนาดให้ปุ่ม ถัดไป ย้อนกลับ บันทึก*/
button.rwzButton.rwzPrevious, button.rwzButton.rwzNext, button.rwzButton.rwzFinish , button.rwzButton.rwzCancel
{
  width: 80px;
  height: 26px;
  background-image: url('../Image/custom/01button/light/button1.png') !important;
}
/*ปรับขนาดให้ปุ่ม ถัดไป ย้อนกลับ บันทึก*/

/*ปรับสีให้ปุ่ม ถัดไป ย้อนกลับ บันทึก*/
button.rwzButton.rwzPrevious:hover, button.rwzButton.rwzNext:hover, button.rwzButton.rwzFinish:hover , button.rwzButton.rwzCancel:hover 
{
  background-image: url('../Image/custom/01button/dark/button1.png') !important;
  width: 80px !important;
  height: 26px !important;
  border: 1px solid #0f1d48 !important;
  color: #fff;
}
/*ปรับสีให้ปุ่ม ถัดไป ย้อนกลับ บันทึก*/


/*----------ทำให้ Radwizard ใน Tab มีรูป แล้วเวลา Hover ให้เปลี่ยนสี---------------*/

/*ทำปุ่มให้เท่ากัน*/
.rwzImage.Profile, .rwzImage.Profile:hover,
.rwzImage.ProfileDetail, .rwzImage.ProfileDetail:hover,
.rwzImage.Address, .rwzImage.Address:hover,
.rwzImage.Family, .rwzImage.Family:hover,
.rwzImage.Education, .rwzImage.Education:hover,
.rwzImage.Work, .rwzImage.Work:hover,
.rwzImage.Train, .rwzImage.Train:hover,
.rwzImage.Skill, .rwzImage.Skill:hover,
.rwzImage.EmergencyContact, .rwzImage.EmergencyContact:hover,
.rwzImage.Other, .rwzImage.Other:hover,
.rwzImage.DataInformation, .rwzImage.DataInformation:hover,
.rwzImage.DataPosition, .rwzImage.DataPosition:hover,
.rwzImage.DataTax, .rwzImage.DataTax:hover ,
.rwzImage.Moredata, .rwzImage.Moredata:hover
{
    width: 35px !important;
            height: 30px !important; 
            margin-right: 3px !important;
            margin-left: 0px !important;
            margin-top: 2px !important;
            border-bottom-width: 2px !important;
            margin-bottom: 2px !important; 
            background-size: 95% !important;
}
/*ทำปุ่มให้เท่ากัน*/

        /*Profile*/
        .rwzImage.Profile {           
            background-image: url('../Image/custom/08WizardBar/light/01-Pro.png') !important;
        }
        .rwzImage.Profile:hover {
            background-image: url('../Image/custom/08WizardBar/dark/01-mPro.png') !important;
        }
        /*ProfileDetail*/
        .rwzImage.ProfileDetail {           
            background-image: url('../Image/custom/08WizardBar/light/1-Profile.png') !important;
        }
        .rwzImage.ProfileDetail:hover {
            background-image: url('../Image/custom/08WizardBar/dark/1-mProfile.png') !important;
        }
        /*Address*/
        .rwzImage.Address {          
            background-image: url('../Image/custom/08WizardBar/light/2-Address.png') !important;
        }
        .rwzImage.Address:hover {
            background-image: url('../Image/custom/08WizardBar/dark/2-mAddress.png') !important;
        }
        /*Family*/
        .rwzImage.Family {          
            background-image: url('../Image/custom/08WizardBar/light/3-Family.png') !important;
        }
        .rwzImage.Family:hover {
            background-image: url('../Image/custom/08WizardBar/dark/3-mFamily.png') !important;
        }
        /*Education*/
        .rwzImage.Education {            
            background-image: url('../Image/custom/08WizardBar/light/4-Education.png') !important;
        }
        .rwzImage.Education:hover {
            background-image: url('../Image/custom/08WizardBar/dark/4-mEducation.png') !important;
        }
        /*Work*/
        .rwzImage.Work {        
            background-image: url('../Image/custom/08WizardBar/light/5-Work.png') !important;
        }
        .rwzImage.Work:hover {
            background-image: url('../Image/custom/08WizardBar/dark/5-mWork.png') !important;
        }
        /*Train*/
        .rwzImage.Train {           
            background-image: url('../Image/custom/08WizardBar/light/6-Train.png') !important;
        }
        .rwzImage.Train:hover {
            background-image: url('../Image/custom/08WizardBar/dark/6-mTrain.png') !important;
        }
        /*Skill*/
        .rwzImage.Skill {       
            background-image: url('../Image/custom/08WizardBar/light/7-Skill.png') !important;
        }
        .rwzImage.Skill:hover {
            background-image: url('../Image/custom/08WizardBar/dark/7-mSkill.png') !important;
        }
        /*EmergencyContact*/
        .rwzImage.EmergencyContact {        
            background-image: url('../Image/custom/08WizardBar/light/8-EmergencyPerson.png') !important;
        }
        .rwzImage.EmergencyContact:hover {
            background-image: url('../Image/custom/08WizardBar/dark/8-mEmergencyPerson.png') !important;
        }
        /*Other*/
        .rwzImage.Other {      
            background-image: url('../Image/custom/08WizardBar/light/9-Other.png') !important;
        }
        .rwzImage.Other:hover {
            background-image: url('../Image/custom/08WizardBar/dark/9-mOther.png') !important;
        }
        /*DataInformation*/
        .rwzImage.DataInformation {      
            background-image: url('../Image/custom/08WizardBar/light/10-Information.png') !important;
        }
        .rwzImage.DataInformation:hover {
            background-image: url('../Image/custom/08WizardBar/dark/10-mInformation.png') !important;
        }
        /*DataPosition*/
        .rwzImage.DataPosition {      
            background-image: url('../Image/custom/08WizardBar/light/11-Position.png') !important;
        }
        .rwzImage.DataPosition:hover {
            background-image: url('../Image/custom/08WizardBar/dark/11-mPosition.png') !important;
        }
        /*DataTax*/
        .rwzImage.DataTax {      
            background-image: url('../Image/custom/08WizardBar/light/12-Tax.png') !important;
        }
        .rwzImage.DataTax:hover {
            background-image: url('../Image/custom/08WizardBar/dark/12-mTax.png') !important;
        }
        /*Moredata*/
        .rwzImage.Moredata {      
            background-image: url('../Image/custom/08WizardBar/light/12-Tax.png') !important;
        }
        .rwzImage.Moredata:hover {
            background-image: url('../Image/custom/08WizardBar/dark/12-mTax.png') !important;
        }
        
        /*พื้นหลัง*/
      .color2 { 
        background-image: -webkit-linear-gradient( bottom right, #ffffff, #9DDA63) !important;
        background-image: -moz-linear-gradient( bottom right, #ffffff, #9DDA63) !important;
        background-image: -ms-linear-gradient( bottom right, #ffffff, #9DDA63) !important;
        background-image: -o-linear-gradient( bottom right, #ffffff, #9DDA63) !important;
        background-image: linear-gradient(to bottom right, #ffffff, #9DDA63) !important;
        }
        /* End พื้นหลัง*/
        /*พื้นหลัง Recruit*/
      .color3{
        min-height: 100% !important;
        background: url('../Image/custom/00BG/bg_main-recruit.png') no-repeat left top fixed !important;
        /*background-size: 100% 100% !important;
        background-repeat: no-repeat;
        width: 100% !important;*/
        }
      
      .color4{
        min-width: 100% !important;
        min-height: 575px !important;
        background: url('../Image/custom/00BG/bg_main-recruit-data2_b.png') repeat-y !important;
      }
      .color5{
        /*min-height: 575px !important;*/
        background: url('../Image/custom/00BG/bg-popup.png') no-repeat left top fixed !important;
      }
      /*พื้นหลัง Recruit*/

/*Login*/
.btnLogin.rbDisabled {
   opacity: .3;
   filter: alpha(opacity=30);
}

.btnLogin {
   color: White !important;
   background-image: url('../Image/custom/00BG/Login/login-normal.png');
   background-repeat: no-repeat;
   border: 0;
   background-color: transparent;
}

.btnLogin:hover {
   border: 0;
   background-image: url('../Image/custom/00BG/Login/login-mouse.png');
   color: black !important;
   background-color: transparent;
}

/*Login*/

/*Cancle*/
.btnCancle.rbDisabled {
   opacity: .3;
   filter: alpha(opacity=30);
}

.btnCancle {
   color: White !important;
   background-image: url('../Image/custom/00BG/Login/cancel-normal.png');
   background-repeat: no-repeat;
   border: 0;
   background-color: transparent;
}

.btnCancle:hover {
   border: 0;
   background-image: url('../Image/custom/00BG/Login/cancel-mouse.png');
   color: black !important;
   background-color: transparent;
}

/*Cancle*/

/*แก้เรื่อง textarea สามารถยืดขยายกล่องข้อความได้*/
textarea{
    resize:none !important;
}
/*แก้เรื่อง textarea สามารถยืดขยายกล่องข้อความได้*/

.inputRequiredRight {            
    text-align: right !important;        
    }

/*01/06/2017 มด แก้เอาไว้ตอนที่บัง Panel แล้วยังสามารถกดปฏิทินได้ ให้เป็นการบังรูปปฏิทินไปเลย*/
        .hid .ui-datepicker-trigger {
            display: none !important;
        }
/*01/06/2017 มด แก้เอาไว้ตอนที่บัง Panel แล้วยังสามารถกดปฏิทินได้ ให้เป็นการบังรูปปฏิทินไปเลย*/

/*07/06/2017 มดเพิ่ม ใช้สำหรับบัง Root Node ใน Treeview เพื่อกันไม่ให้คลิก Root Node */
.RadTreeView[disabled], .RadTreeView .rtDisabled {
    opacity: .9 !important;
    font-family: Tahoma,Arial, sans-serif !important;
    font-size: 12px !important;
    text-shadow : 0px 0px 0px black !important; /*ทำให้ font ดำขึ้น*/
}
/*07/06/2017 มดเพิ่ม ใช้สำหรับบัง Root Node ใน Treeview เพื่อกันไม่ให้คลิก Root Node */

/*16/9/2562 เอามาจากพี่ตั้ม แก้ไขเรื่อง Chrome popup design เพี้ยน*/
.t-chrome .rwWindowContent.rwExternalContent  {
            height: auto !important;
        }

.RadWindow .rwTable {
            height:100% !important;
        }
/*16/9/2562 เอามาจากพี่ตั้ม แก้ไขเรื่อง Chrome popup design เพี้ยน*/

div.RadToolBar .rightButton {
       float: right;
   }