/* タイプセレクタ */
html,
body {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

body {
    font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
    padding: 0;
}
a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
.contents {
    padding-top: 67px;
    width: 1000px;
    margin: 0 auto;
}

#form {
    min-height: 100%;
    height: auto;
    padding-bottom: 24px;
    margin: 0 auto -100px auto;
    display: block;
}
#wrapper {
    height: 700px;
}
/* ==========================================================================
   ヘッダー関連
   ========================================================================== */
header {
    position: relative;
    z-index: 9000;
    top: 0;
    left: 0;
    width: 100%;
}

header a,
header a:hover {
    color: #fff;
    text-decoration: none;
}
.header_logo_text {
    position: absolute;
    top: 7px;
}
.logo {
    margin-top: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 217px;
    height: 30px
}
.header_logo_img_s {
    display: none;
}
.header_btn_action .btn-xs {
    padding: 1px 10px;
}
.header_menu_top {
    height: 67px;
}
#header_logo_img {
    height: 40px;
    background-color: #fff;
    cursor: pointer;
}
.header_btn_action {
/*    height: 35px;*/
    border-top: solid #4f85cb 1px;
    line-height: 35px;
    min-height: 35px;
    margin-bottom: 0px;
}
#cmn_header_time {
    position: absolute;
    bottom: 23px;
    right: 205px;
}

#hedaer_breadcrumb {
    padding-top: 2px;
    position: absolute;
    z-index: 9010;
    left: 48px;
}

.header_divider {
    padding: 0 4px;
}

#header_login_user {
    width: 193px;
    height: 38px;
    line-height: 38px;
    cursor: default;
    padding: 0 8px;
    border: 1px solid #4f85cb;
    position: absolute;
    z-index: 9010;
    right: 5px;
    top: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#header_login_user:hover {
    background-color: #3261ab;
}
#header_login_user .glyphicon-user {   
    width: 90%;
    overflow: hidden;
    height: 34px;
    top: 1px;
    line-height: 34px;
}
#header_chevron {
    position: absolute;
    right: 8px;
    top: 12px;
}

#header_menu_area {
    position: fixed;
    z-index: 9030;
    top: 53px;
    width: 192px;
    right: 5px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    display: none;    
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #header_menu_area {
        position: -ms-device-fixed;
    }
}

#header_menu_area > div {
    padding: 8px 16px 16px 16px;
}

#header_menu_area .glyphicon {
    padding-right: 8px;
}

.header_menu_list {
    margin-top: 8px;
    margin-bottom: 8px;
}

#header_menu_area hr {
    margin: 8px 0;
    border-top: solid 1px #97c2f4;
}

#header_menu_area a {
    color: #d5e0f1;
}

#header_menu_area a:hover {
    color: #3392e3;
}

#header_menu_area a span {
    color: #d5e0f1!important;
}

#header_btn_area {
    height: 27px;
    padding: 2px;
}

#header_func_btn {
    font-weight: bold;
    margin-right: 8px;
    height: 23px;
}

#header_func_btn > .glyphicon {
    top: -2px;
}

#header_func_btn > span:last-of-type {
    position: relative;
    top: -4px;
}

#header_func_area {
    position: fixed;
    top: 66px;
    right: 8px;
    width:128px;
    z-index: 9000;
    display: none;
}

#header_func_balloon {
    position: absolute;
    right: 30px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #d5e0f1;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0 solid transparent;
}

#header_func {
    position: absolute;
    top: 10px;
    background-color: #d5e0f1;
    width: 100%;
    padding: 8px 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#header_func div {
    text-align: center;
    margin: 8px 0;
}

/* ==========================================================================
   メッセージ関連
   ========================================================================== */
#cmn_msg_area {
    width: 960px;
    margin: 0 auto;
}

.cmn_msg_base {
    position: relative;
    width: 960px;
    border-radius: 5px;
    display: none;
}

.cmn_close_btn {
    position: absolute;
    top: 24px;
    left: 936px;
    width: 20px;
    margin-top: -20px;
    cursor: pointer;
    opacity: 0.5;
}

.cmn_close_btn:hover {
    opacity: 0.8;
}

#cmn_msg_info {
    color: #31708f;
    border: solid 2px #bce8f1;
    background-color: #d9edf7;
}

#cmn_msg_warn {
    border: solid 2px #faebcc;
    color: #e06a3b;
    background-color: #fcf8e3;
}

#cmn_msg_err, 
#cmn_msg_valid_err {
    border: solid 2px #ebccd1;
    color: #c7243a;
    background-color: #f2dede;
}

#cmn_msg_sys_err {
    display: none;
}

.msg {
    width: 100%;
    padding: 15px;
    font-weight: bold;
    text-align: center;
    margin: 8px 0;
}

.msg.warn {
    color: #e06a3b;
}

/* ==========================================================================
   通知メッセージ関連
   ========================================================================== */
#push_info_area {
    position: fixed;
    z-index: 8000;
    bottom: 8px;
    right: 16px;
    width: 300px;
}

.push_info {
    display: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

.push_info .glyphicon-remove {
    opacity: 0.4;
    position: absolute;
    right: 8px;
    top: 16px;
}

.push_info .glyphicon-remove:hover {
    opacity: 0.8;
}

.push_info > div {
    position: relative;
    padding: 16px 28px 16px 16px;
    word-break: break-all;
}

.push_info.all {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.push_info.user {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.push_info.func {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

/* ==========================================================================
   ボディ関連
   ========================================================================== */
.fnc_exec_btn a {
    display: none;
}

.img_btn {
    cursor: pointer;
}

/* validate */
.validation_err {
    background-color: rgba(253, 0, 83, 0.1) !important;
    border: solid 2px #fd0053 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075), 0 0 8px rgba(255, 20, 80, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075), 0 0 8px rgba(255, 20, 80, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075), 0 0 8px rgba(255, 20, 80, 0.6) !important;
}

.validation_msg {
    margin-top: -5px;
    padding: 3px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #fd0053;
    color: #fff;
    font-weight: bold;
}

.disabled_for_err {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ==========================================================================
   フッタ関連
   ========================================================================== */
footer {
    height: 24px;
}

#footer_div {
    width: 100%;
    box-sizing: border-box;
}

#footer_hr {
    margin: 0;
}

#footer_version {
    position: absolute;
    left: 20px;
}

#footer_copyright {
    text-align: center;
}

/* ==========================================================================
   プリローダー関連
   ========================================================================== */
.cmn_preloader {
    display: none;
    position: fixed;
    left: 50%;
    top: 40%;
    margin-left: -30px;
    z-index: 2147483647;
}

.cmn_preloader img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

.cmn_preloader_bg {
    background-color: #000;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.1;
    filter: alpha(opacity=10);
    -ms-filter: "alpha(opacity=10)";
    z-index: 2147483646;
}

/* ==========================================================================
   一覧
   ========================================================================== */
.cmn_list {
    padding: 0;
    width: 100%;
    display: inline-block;
}

.cmn_list li {
    list-style-type: none;
    padding: 0;
}

.cmn_list_no {
    width: 32px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.cmn_list_value {
    display: table-cell;
    word-break: break-all;
}

.cmn_list_td,
.cmn_list_th {
    padding: 4px 5px;
    font-weight: normal;
    display: table-cell;    
    font-size: 13px;
}
.cmn_list_th {
    border-right: solid 1px #d4d4d4; 
}
.cmn_list_th:last-child {
    border-right: none;
}
/* ==========================================================================
   入力フォーム
   ========================================================================== */
.cmn_form {
    display: table;
    margin: 10px 0 0 12px;
}

.cmn_form_tr {
    display: table-row;
}

.cmn_form_tr > div {
    display: table-cell;
    vertical-align: middle;
}

.cmn_form_label {
    text-align: left;
    padding-left: 8px;
    min-width: 100px;
}

/* 帯 */
.cmn_form_tr.headline {
    height: 36px;
}

.cmn_form_tr.headline > * {
    position: relative;
}

.cmn_form_tr.headline > *:first-of-type {
    text-align: left;
    padding-left: 0;
    font-weight: bold;
}

.cmn_form_tr.headline > *:first-of-type:before,
.cmn_form_tr.headline > *:after {
    content: "";
    background-color: #8ba7d5;
}

.cmn_form_tr.headline > *:first-of-type:before {
    margin-right: 4px;
    padding: 4px;
}

.cmn_form_tr.headline > *:after {
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: 4px;
    left: 0;
}

.cmn_form_input {
    padding: 4px 0 4px 0;    
}

.cmn_form_label + div:not(.required) {
    width: 20px;
}

.cmn_form_label + .required:before {
    padding-right: 8px;
    position: relative;
    content: "*";
    color: #da5019;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 0;
}

/* ==========================================================================
   PDFプレビュー
   ========================================================================== */
#form.pdf_preview,
#form.pdf_preview .contents,
#form.pdf_preview .contents * {
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   確認ダイアログ
   ========================================================================== */
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
}

.ui-dialog,
.dialog {
    background-color: #fff;
    border-radius: 4px;
    width: 400px;
    margin: 0 auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    border: 1px solid transparent;
    border-color: #d4d4d4;
    padding: 0;
}

.ui-dialog-titlebar,
.dialog_title {
    border-radius: 4px 4px 0 0;
    padding: 8px 8px 8px 16px;
    color: #fff;
    background: #8ba7d5;
    border: none;
}

.ui-dialog-titlebar-close {
    background: #8ba7d5;
    border: transparent;
    opacity: 0.5;
}

/*.ui-dialog-titlebar-close:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e014";
}*/

.dialog_title .glyphicon-remove {
    opacity: 0.5;
}

.ui-dialog-titlebar-close:hover,
.dialog_title .glyphicon-remove:hover {
    opacity: 1.0;
    color: #fff;
}

.ui-dialog-titlebar-close:focus,
.dialog_title .glyphicon-remove:focus {
    outline: none;
}

.dialog_contents {
    display: table;
    /*    border-bottom: 1px solid #ddd;*/
    min-height: 100px;
    width: 100%;
}

.ui-dialog .ui-dialog-buttonpane,
.dialog_footer {
    padding: 8px 16px;
    margin-top: 0;
}

.ui-dialog-buttonpane {
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #ddd;
}

.ui-dialog-buttonset button:nth-of-type(1) {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    margin-right: 6px;
}

.ui-dialog-buttonset button:nth-of-type(2) {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}

.dialog_msg,
.dialog_icon {
    display:table-cell;
    vertical-align:middle;
}

.dialog_icon {
    padding: 0 12px 0 32px;
    width: 42px;
}

.dialog_msg {
    padding: 16px 32px 16px 0;
}

.dialog_html {
    margin-top: 8px;
}

/* ==========================================================================
   汎用
   ========================================================================== */
.adj_layer_hi {
    z-index: 9999;
}

.adj_layer_low {
    z-index: 1000;
}

.adj_layer_0 {
    z-index: 0;
}

.adj_margin_l_0 {
    margin-left: 0px;
}

.adj_margin_t_5 {
    margin-top: 5px;
}

.adj_margin_r_5 {
    margin-right: 5px;
}

.adj_margin_r_20 {
    margin-right: 20px;
}

.adj_margin_l_4 {
    margin-left: 4px;
}

.adj_margin_l_5 {
    margin-left: 5px;
}

.adj_margin_l_15 {
    margin-left: 15px;
}
.adj_margin_r_10 {
    margin-right: 10px;
}
.adj_margin_r_15 {
    margin-right: 15px;
}
.adj_margin_b_4 {
    margin-bottom: 4px;
}
.adj_padding_3 {
    padding: 3px;
}

.adj_position_r {
    position: relative;
}

.adj_position_a {
    position: absolute;
}

.adj_position_f {
    position: fixed;
}

.adj_float_r {
    float: right;
}

.adj_float_l {
    float: left;
}

.adj_display_none {
    display: none;
}

.adj_display_in_block {
    display: inline-block;
}

/* ==========================================================================
   menu_main
   ========================================================================== */
.menu_main {
    float: left;
    width: 220px;
    padding: 0;
    border: solid #70ad47 1px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
}

.menu_main ul {
    margin: 15px 0;
    padding: 0 10px;
}
.menu_main ul ul{
    margin: 10px 0;
}
.menu_main ul li {
    list-style: none;
    padding: 0 0 5px;
}
.menu_main ul li ul {
    padding: 0;
    margin-bottom: 0;
}
.menu_main ul li ul li {
    padding-bottom: 0;
}
.menu_main ul li a
{
    color: #222;
    font-size: 13px;
}
.menu_main ul li img {
    color: #ffa53b;
    margin: -3px 5px 0 0;
}
#main_content {
    border: none;
    /*    margin-top: 5px!important;*/
}
.col_one {
    float: left;
    width: 473px;
    border: solid #97c2f4 1px;
}
.col_two {
    margin-left: 488px;    
    border: solid #97c2f4 1px;
}
.content h4 {
    padding: 0 15px;
    display: block;
    color: #fff;
    background: #5b9bd5;
    margin: 0;
    font-weight: bold;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    box-shadow: inset 0px 0px 2px #b0ceed;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
}
.menu_main h4 {
    background: #70ad47;
    padding: 0 15px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    height: 26px;
    line-height: 26px;
    box-shadow: inset 0px 0px 2px #c9f7aa;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
}
h3 {
    margin: 0;
}
.address_folder ul {
    height: 0;
    overflow: hidden;
    padding: 0 20px;
    margin: 0;
}
.address_folder ul {
    padding: 0 5px 0px 10px; 
}
.address_folder .tgmenu {
    display: block;
    height: auto;
    margin: 10px 0;
    padding: 0 5px 0px 10px;
}
.address_menu {
    visibility: initial!important;
}
.menu_main_search {
    diplay: inline-block;
    width: 100%;
}
.btn_new_contacts {
    float: left;
    padding-left: 10px;
    margin: 10px 0 0 0 ;
    font-size: 12px;
}
.btn_find_company {
    float: right;
    margin-right: 8px!important;
    padding-left: 10px;
    margin: 10px 0 0 0;
    font-size: 12px;
}
.btn_all {
    float: left;
    clear: both;
}
.box_list {
    display: inline-block;
    width: 100%;
}
.btn_orther {
    margin-right: 5px;
    margin-right: 15px;
}
.menu_main_search .btn {
    border: solid 1px #97c2f4;
    width: 30px;
    margin-bottom: 5px;
    font: normal 11px tahoma,verdana,helvetica;
    float: left;
    text-align: center;
    padding: 4px 0;
    margin: 0px 0px 7px 8px;
}
.menu_main_search .btn_all {
    width: 60px;
    margin-top: 10px;
}
.menu_main_search .btn_orther {
    width: 60px;
    margin-right: 14px;
}
.search_label {
    text-align: left;
    min-width: inherit;
    padding: 0!important;
    font-weight: normal;
    font-size: 14px;
}
.search_form {
    margin: 5px;
    width: 189px;
    float: left;
    position: relative;
    height: 30px;
}
.inp_search_items {
    padding-right: 18px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.inp_search_padding {
    padding-right: 18px;
}
.btn_search_items {
    height: 25px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    top: 3px;
}
.btn_search_items i {
    font-size: 15px;
}
.btn_search_clear {
    color: #222;
    font-size: 13px;
    height: 25px;
    padding-top: 5px;
    position: absolute;
    right: 15px;
    top: 3px;
}
/* Template customer */
.sub_title_bar {
    background: none repeat scroll 0 0 #5a9fe4;
    color: #fff;
    font-size: 12px;
    margin: 0;
    min-width: 220px;
    padding: 5px 15px;
}
.sub_title_bar a {
    color: #fff;
}
.mobi_back {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url("../../../resources/common/icon/images/back.png") no-repeat;
    color: #fff;
    text-align: center;
    padding: 0px 10px;
    right: -100px;
    top: 5px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    font-size: 18px;
    display: none;
    height: 22px;
    width: 22px;
    line-height: 22px;
}
.mobi_up, .mobi_down {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    text-align: center;
    padding: 0px 10px;
    right: -100px;
    top: 5px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    font-size: 18px;
    display: none;
    height: 22px;
    width: 22px;
    line-height: 22px;
}
.mobi_up{background: url("../../../resources/common/icon/images/up.png") no-repeat;}
.mobi_down{background: url("../../../resources/common/icon/images/down.png") no-repeat;}
.menu_folder {
    background:  url("../../../resources/common/icon/images/folder_mail.png") 2px 2px no-repeat;
    width: 30px;
    height: 28px;
    line-height: 28px;
    top: 3px;
    margin-right: 15px!important;
}
.menu_mail_edit {
    background: url("../../../resources/common/icon/images/email_edit.png") 2px 3px no-repeat;
    width: 30px;
    height: 28px;
    line-height: 28px;
    top: 3px;
}
.menu_folder.selected, .menu_mail_edit.selected {
    background-color: rgba(0, 0, 0, 0.2);
}
.focused_line {
    border: 2px solid #5b9bd5 !important;
}
.selected_line {
    background-color: #afeeee !important;
}
.focused {
    color: #3392e3!important;    
}
.sort_icon{
    font-size: 16px !important;
    color: #555 !important;
    margin-left: 10px;
}
.fixed {
    position: fixed;
    z-index: 1;
}
ul.tabs li.active {
    background: none repeat scroll 0 0 #5a9fe4;
    color: #fff !important;
}
.unread_on, .unread_on:hover, .unread_on:focus {
    background-color: #9E9E9E;
    background-position: 0 -15px;
    color: #fff;
    text-shadow: none;
    background-image: none;
}

/* ==========================================================================
   css message
   ========================================================================== */
.adj_message {
    margin-left: 3px;
    margin-bottom: 2px;
    text-align: left;
    padding: 3px;
    font-style: italic;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    word-break: break-all;
}
.adj_boder {
    border: 1px solid #e33331!important;
}
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border: 1px solid;
    padding: 10px;
    margin: auto!important;
    width: 100%;
    text-align: center;
}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    margin-left: 37%!important;
}
.btn_txt_icon {
    background: no-repeat scroll left center rgba(0, 0, 0, 0);    
    padding: 3px 0 2px 18px;
    cursor: pointer;
    margin-right: 10px;
}
.btn_icon {
    background: no-repeat scroll left center rgba(0, 0, 0, 0);    
    padding: 3px 0 2px 18px;
    cursor: pointer;
}

.txt_icon {
    background: no-repeat scroll left center rgba(0, 0, 0, 0);    
    padding: 3px 0 2px 18px;
    margin-right: 10px;
}

.disabled{
    /*color: gray;*/
    opacity: 0.5;
    cursor: default!important;    
}
.scroll_setting_menu {
    overflow: auto;
    width: 100%;
}



.ui-dialog-buttonset {
    width: 100%;
    text-align: center;
}
.cursor_btn {
    cursor: pointer;
}
.ui-dialog-buttonset button {
    height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    margin: 5px!important;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}
.ui-dialog-buttonset button:first-child {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #28a4c9; 
    color: #fff;
}
.ui-dialog-buttonset button:hover:first-child, .ui-dialog-buttonset button:focus:first-child {
    background: #2aabd2;
    outline: thin dotted;
    outline-offset: -2px;
}
.ui-dialog-buttonset button:last-child {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
}
.ui-dialog-buttonset button:hover:last-child, .ui-dialog-buttonset button:focus:last-child { 
    background: #e0e0e0;
    outline: thin dotted;
    outline-offset: -2px;
}
#message_panel #bean_msg{
    margin-bottom: 5px;
}
.checkbox_multi_selected_from {
	-webkit-box-shadow: 0px 0px 2px 1px #0000FF;
    -moz-box-shadow: 0px 0px 2px 1px #0000FF;
    box-shadow: 0px 0px 2px 1px #0000FF;
}