/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 8, 2017, 10:12:52 PM
    Author     : OHM_NB
*/

/**** Layout ****/

/** {
    box-sizing: border-box;
}*/


html, body{
    height: 100%;
    margin:0; 
    padding:0; 
    background-color:#f0f0f0;
    font: normal 13px Tahoma;
}

/** button **/
button {
    background: #33afde;
    color: white;    
    border: solid 2px transparent;
    /*display: block;*/
    width: 100px;
    margin-top: 3px;
}
button:hover {
    background: #419fc3; 
}

button:disabled {
    color: #f0f0f0;
    background: silver; 
}


/*** input box ****/

.textbox
{    
    height:22px;
    background-color:#edf3f6;
    border: 1px solid #d1d3d4;
    color: #73848e;    
    transition: all 0.5s ease;
}

.textbox:focus
{
    background-color: white;
    border: 1px solid #33afde;
}

.textmenu {
    /*font-weight: bold;*/
    color: #0e5e9c; /*น้ำเงิน*/
    text-decoration: none;
}

/****** card *******/
.card {
    /*width: 250px;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}

/*** dialog ***/
.ui-dialog-titlebar {
    background: #33afde;
    color: white;
}

.ui-button {
    /*background-color: red;*/
    /*color: white;*/
}
.ui-button:hover {
    background-color: #419fc3; 
    color: white;
}

.label_bold {
    font-weight: bold;
}

.disabled {
    background: lightgray;
    border: 1px solid gray;
    color: black;
    padding: 2px 3px;
}

.err-msg {
    color: red;
    padding-left: 5px;    
}

.input_error {
    border: 1px solid red;
}
/*.ui-datepicker-year:not(.custom-datepicker-year) {
    display:none;
}*/

.richtext-content {
    border: 1px solid #d1d3d4;
    background: white;
    padding: 5px;
}

.dropdown-content {
  background-color: #f1f1f1; 
}