/**
 * css/common/common.css
 *
 * @author     D.Takayama
 * @package    B-Training
 * @version    1.0.0
 */

@charset "UTF-8";

/**
 * [共通] - 全般CSS
 *
 * @since new - 2019/12/09    D.Takayama
 */
@FONT-FACE {
    font-family: "NotoSansCJKjp-Regular", sans-serif, serif;
    font-style: normal;
    src:url("../../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype"),
        url("../../fonts/NotoSansCJKjp-Regular.otf") format("opentype"),
        url("../../fonts/NotoSansCJKjp-Regular.woff") format("woff"),
        url("../../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"),
        url("../../fonts/NotoSansCJKjp-Regular.ttf") format("truetype");
}
* {
    margin: 0;
    padding: 0;
}
html, body {
    font-size: 62.5%;
    height: 100%;
    width: 100%;
}
body, p, div, span, table, thead, tbody, tfoot, th, tr, td, ul, li, iframe, img {
    border: 0 solid #000000;
}
div {
    background: transparent;
}
th {
    font-weight: normal;
    text-align: center;
}
li {
    list-style-type: none;
}
a {
    text-decoration: none;
}
body {
    font-family: "NotoSansCJKjp-Regular", sans-serif, serif;
    font-size: 1.6rem;
    -webkit-text-size-adjust: 100%;
}
.linker {
    color: #4169E1;
    cursor: pointer;
    text-decoration: underline;
}
/*--------------------------------------------------------------------------------------*/
/* 入力フォーム                                                                         */
/*--------------------------------------------------------------------------------------*/
/** 入力エラー領域 */
.box-input-error {
    color: #CC3535;
    display: none;
    font-size: 2.0rem;
    padding-top: 6px;
}
.box-input-error i {
    color: #CC3535;
    margin-right: 4px;
    margin-top: -1px;
    position: relative;
    top: 1px;
}
.box-input-error span {
    vertical-align: middle;
}
.box-input-error-multi {
    background: #F2CDD7;
    color: #EA3A55;
    padding: 0 10px;
}
/** テキストボックス共通 */
input[type="text"], input[type="password"], textarea {
    border: solid 1px #C8C8C8;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    box-shadow: inner 0px 0.3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0.3px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px 0.3px 1px rgba(0, 0, 0, 0.2);
    line-height: 34px;
    padding: 2px 2px 1px 4px;
    outline: 0px;
    width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: solid 1px #FF9933;
    text-shadow: 0px 0px 1px #B5B5B5;
    -moz-text-shadow: 0px 0px 1px #B5B5B5;
    -webkit-text-shadow: 0px 0px 1px #B5B5B;
}
/** テキストボックス, パスワード */
input[type="text"], input[type="password"] {
    color: #5E5E5E;
    height: 40px;
}
input[type="text"]:disabled, input[type="text"][readonly] {
    background: #EDEDED;
    cursor: default;
}
/** テキストエリア */
textarea {
    color: #5E5E5E;
    resize: none;
}
.row-100per-wid input, .row-100per-wid select, .row-100per-wid textarea {
    width: 100%;
}
/** ファイル領域 */
.file-box {
    height: 15rem;
    margin-bottom: 0.8rem;
    position: relative;
}
.file-box .file-title {
    background: #BAD8A0;
    font-weight: bold;
    margin: 0.3rem 0;
    padding: 2px;
    width: 100%;
}
.file-box .file-name {
    top: 70px;
    height: 3rem;
    position: absolute;
    width: 100%;
}
/** フェイク */
.file-box input[type="text"] {
    background: #FFFFFF;
    position: absolute;
    width: 100%;
}
.file-box .btn-ope {
    float: right;
    height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 4rem;
}
.file-box .box-input-error {
    bottom: 0.4rem;
    position: absolute;
}
/** ファイル */
.file-box input[type="file"] {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 40px;
    left: 0px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
/*--------------------------------------------------------------------------------------*/
/* プルダウン                                                                           */
/*--------------------------------------------------------------------------------------*/
.dropdown-box {
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4 0%, #E2E2E2 96%, #C1C1C1 100%);
    background: -webkit-linear-gradient(top, #F4F4F4 0%, #E2E2E2 96%, #C1C1C1 100%);
    background: linear-gradient(to bottom, #F4F4F4 0%, #E2E2E2 96%, #C1C1C1 100%);
    border: solid 1px #C8C8C8;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
}
.dropdown-box select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(../../images/icon_dropdown.png);
    background-position: right 3px center;
    background-repeat: no-repeat;
    border: 0;
    margin: 0px;
    outline: none;
    height: 34px;
    padding: 3px 30px 3px 10px;
}
.dropdown-box select:disabled {
    background: #EDEDED;
    background-image: url(../../images/icon_dropdown_none.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}
/** IEの下三角非表示 */
.dropdown-box select::-ms-expand {
    display: none;
}
/** Firefoxの点線非表示 */
.dropdown-box select::-moz-focus-inner {
    border: 0px;
}
/** Option */
.dropdown-box select option {
    background: #F4F4F4;
}
/*--------------------------------------------------------------------------------------*/
/* チェックボックス                                                                     */
/*--------------------------------------------------------------------------------------*/
input.inp-checkbox {
    display: none;
}
span.inp-checkbox {
    cursor: pointer;
    padding: 3px 0px 0px 20px;
    position: relative;
}
span.inp-checkbox::before {
    border: 1px solid #A3A3A3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    content: "";
    display: block;
    height: 15px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 15px;
}
input.inp-checkbox:checked + span.inp-checkbox::after {
    border-bottom: 3px solid #F17436;
    border-right: 3px solid #F17436;
    content: "";
    display: block;
    height: 14px;
    left: 5px;
    position: absolute;
    top: -5px;
    transform: rotate(40deg);
    width: 7px;
}
input.inp-checkbox:checked + span.inp-checkbox {
    color: #F17436;
}
/*--------------------------------------------------------------------------------------*/
/* ボタン                                                                               */
/*--------------------------------------------------------------------------------------*/
/** ボタン共通 */
.btn-act, .btn-ope, .btn-reg {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    width: 120px;
    padding: 8px 4px 5px 4px;
}
/** アクションボタン */
.btn-act {
    background: #0072E5;
    background: -moz-linear-gradient(top, #0072E5 0%, #0677E8 50%, #1763E8 51%, #0457E5 100%);
    background: -webkit-linear-gradient(top, #0072E5 0%, #0677E8 50%, #1763E8 51%, #0457E5 100%);
    background: linear-gradient(to bottom, #0072E5 0%, #0677E8 50%, #1763E8 51%, #0457E5 100%);
    border: 1px solid #1763e8;
    color:#FFFFFF;
}
.btn-act:enabled:hover {
    background: #107AE5;
    background: -moz-linear-gradient(top, #107AE5 0%, #1B80E5 50%, #0663E5 51%, #0677E8 100%);
    background: -webkit-linear-gradient(top, #107AE5 0%, #1B80E5 50%, #0663E5 51%, #0677E8 100%);
    background: linear-gradient(to bottom, #107AE5 0%, #1B80E5 50%, #0663E5 51%, #0677E8 100%);
}
/** ノーマルボタン */
.btn-ope {
    background: #F9FBFC;
    background: -moz-linear-gradient(top, #F9FBFC 0%, #EFF5F7 50%, #E1E8ED 51%, #E8EBEF 100%);
    background: -webkit-linear-gradient(top, #F9FBFC 0%, #EFF5F7 50%, #E1E8ED 51%, #E8EBEF 100%);
    background: linear-gradient(to bottom, #F9FBFC 0%, #EFF5F7 50%, #E1E8ED 51%, #E8EBEF 100%);
    border: 1px solid #BBBBBB;
    color: #363636;
}
.btn-act:disabled, .btn-ope:disabled {
    color: #9B9B9B;
    cursor: default;
}
.btn-reg:disabled {
    color: #C1C1C1;
    cursor: default;
}
.btn-ope:enabled:hover {
    background: #F6F8F9;
    background: -moz-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #E1E5EA 100%);
    background: -webkit-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #E1E5EA 100%);
    background: linear-gradient(to bottom, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #E1E5EA 100%);
}
/** 登録ボタン */
.btn-reg {
    background: #3FAA6A;
    background: -moz-linear-gradient(top, #3FAA6A 0%, #138946 49%, #0E6B39 51%, #248249 100%);
    background: -webkit-linear-gradient(top,  #3FAA6A 0%, #138946 49%, #0E6B39 51%, #248249 100%);
    background: linear-gradient(to bottom,  #3FAA6A 0%, #138946 49%, #0E6B39 51%, #248249 100%);
    border: 1px solid #138946;
    color: #F3F3F3;
}
.btn-reg:enabled:hover {
    background: #5CA57E;
    background: -moz-linear-gradient(top, #5CA57E 1%, #3CA365 50%, #138946 52%, #4C996D 100%);
    background: -webkit-linear-gradient(top, #5CA57E 1%,#3CA365 50%, #138946 52%, #4C996D 100%);
    background: linear-gradient(to bottom, #5CA57E 1%,#3CA365 50%, #138946 52%, #4C996D 100%);
}
/*--------------------------------------------------------------------------------------*/
/* メッセージ                                                                           */
/*--------------------------------------------------------------------------------------*/
.message-box, .confirm-box {
    display: none;
    z-index: 1500;
}
/** メッセージ領域 */
.box-message {
    background: #4167AD;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.3);
    color: #F3F3F3;
    padding: 10px 30px 10px 30px;
    word-break: break-all;
}
.message-box .message-error {
    background: #F2CDD7;
    color: #EA3A55;
    padding: 10px;
}
.message-box .box-message.message-detail {
    background: #4C679B;
    display: none;
    margin-top: 10px;
    width: 100%;
}
/** フォームタイトル領域 */
.formtop-title {
    background: #F6F8F9;
    background: linear-gradient(to bottom, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #EAECED 100%);
    background: -moz-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #EAECED 100%);
    background: -webkit-linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#EAECED 100%);
    border-bottom: solid 1px #C8C8C8;
    border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    box-shadow: 0px 0.6px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0.6px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0.6px 2px rgba(0, 0, 0, 0.3);
    color: #506284;
    font-size: 1.8rem;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    text-align: center;
}
/** フォームサブタイトル */
.form-sub-title {
    margin-left: 2px;
}
/** フォームタイトルボタン領域 */
.formtop-title-ope {
    float: right;
    margin-right: 6px;
    padding: 0;
}
/** [×]ボタン */
.formtop-title-ope .btn-ope {
    background: #4F5453;
    background: -moz-linear-gradient(to bottom, #4F5453 0%, #313533 50%, #0A0E0A 51%, #0A0809 100%);
    background: -webkit-linear-gradient(top, #4F5453 0%,#313533 50%, #0A0E0A 51%, #0A0809 100%);
    background: linear-gradient(top, #4F5453 0%,#313533 50%,#0A0E0A 51%, #0A0809 100%);
    border: 1px solid #0A0809;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    color: #7C7C7C;
    font-weight: bold;
    height: 30px;
    line-height: 20px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 30px;
}
.formtop-title-ope .btn-ope:hover {
    background: #5D605D;
    background: -moz-linear-gradient(top, #5D605F 0%, #424442 50%, #232624 51%, #282B29 100%);
    background: -webkit-linear-gradient(top, #5D605F 0%, #424442 50%, #232624 51%, #282B29 100%);
    background: linear-gradient(to bottom, #5D605F 0%, #424442 50%, #232624 51%, #282B29 100%);
}
.alert-warning {
    background: #FDF0E7;
    border-color: #ED8537;
    color: #ED8537;
}
/*--------------------------------------------------------------------------------------*/
/* 検索結果                                                                             */
/*--------------------------------------------------------------------------------------*/
.note {
    color: #5E5E5E;
    font-size: 2rem;
    padding: 2rem 1rem 0 1rem;
}
/** 検索件数領域 */
.list-count-box {
    margin: 0px 0px 0px 2px;
}
/** 検索件数 */
.list-count-box .range-count-box {
    color: #5E5E5E;
}
/** インフォーメーション領域 */
.info-result-box {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 40px;
}
/** メッセージ領域 */
.info-result-box span {
    background: #EDEDED;
    background: -moz-linear-gradient(top, #EDEDED 0%, #EFEFEF 0%, #F6F6F6 50%, #F4F4F4 100%);
    background: -webkit-linear-gradient(top, #EDEDED 0%, #EFEFEF 0%, #F6F6F6 50%,#F4F4F4 100%);
    background: linear-gradient(to bottom, #EDEDED 0%, #EFEFEF 0%, #F6F6F6 50%,#F4F4F4 100%);
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0.2px 1px rgba(0, 0, 0, 0.3);
    color: #506284;
    padding: 10px 30px;
    text-align: center;
}
/*--------------------------------------------------------------------------------------*/
/* ページャ                                                                             */
/*--------------------------------------------------------------------------------------*/
/** ページャ領域 */
.pager-box {
    font-size: 1.3rem;
    margin: 16px 0px 0px 0px;
    text-align: center;
}
/** ページャ内アイコン */
.pager-box img {
    cursor: pointer;
    height: 2.6rem;
    width: 2.6rem;
}
/** [<:Prev], [>:Next] */
.pager-prev, .pager-next {
    margin: 0px 8px;
    display: inline-block;
}
/** ページャ番号 */
.pager-num, .pager-num-active {
    background: #F2F2F2;
    border: solid 1px #C8C8C8;
    cursor: pointer;
    padding: 0.8rem;
    margin-left: 2px;
    margin-right: 2px;
}
/** 選択中ページャ番号 */
.pager-num-active {
    background: #F17436;
    border: solid 1px #EF6C2F;
    color: #FFFFFF;
    cursor: default;
}
/** ページャ番号以外 */
.pager-non-num {
    border: solid 0px #C8C8C8;
    padding: 0px 4px 0px 4px;
}
/*--------------------------------------------------------------------------------------*/
/* ソート                                                                               */
/*--------------------------------------------------------------------------------------*/
/** ソート▼▲ */
.column i {
    margin-right: 4px;
    margin-top: -2px;
    position: relative;
    top: 2px;
}
/*--------------------------------------------------------------------------------------*/
/* ローディング                                                                         */
/*--------------------------------------------------------------------------------------*/
.loading-box {
    background: #474747;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}
.loading {
    background-image: url(../../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 120px;
    position: absolute;
    top: -1000px;
    left: -1000px;
    width: 120px;
}
/*--------------------------------------------------------------------------------------*/
/* ダイアログ                                                                           */
/*--------------------------------------------------------------------------------------*/
.modal-content {
	padding: 10px 10px 0px 10px;
}
.modal-title {
    font-size: 2.0rem;
}
.modal-body {
    padding: 20px;
}
/* レイヤー(absoluteはIE6以前対策) */
div.WafLayer {
    background: #FFFFFF;
    cursor: wait;
    height: 100%;
    position: fixed !important;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
/*--------------------------------------------------------------------------------------*/
/* アップロード                                                                         */
/*--------------------------------------------------------------------------------------*/
/* ドラッグ領域 */
.upload-drag {
    background: #D1E1FF;
    border-radius: 5px;
    border: dashed 2px #ADADAD;
    color: #7A7A7A;
    font-size: 1.8rem;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 100%;
}
/* ファイル選択領域 */
.upload-file-select {
    margin-bottom: 10px;
    position: relative;
}
/* ファイル選択リンク */
.upload-file-link, .sample-download {
    color: #4169E1;
    font-size: 1.8rem;
    margin-top: 20px;
    text-align: center;
    text-decoration: underline;
}
.upload-file-link span {
    cursor: pointer;
}
/* ファイルテキストボックス */
.upload-file-select input[type="file"] {
    position: absolute;
    z-index: -1;
}
/* アップロードファイル領域 */
.upload-file {
    margin: 20px 0px 20px 0px;
}
/** 追加アップロードファイルリスト領域 */
.add-upload-list {
    display: none;
}
/* アップロードファイルリスト領域 */
.upload-file-list {
    border-top: dotted 1px #A0A0A0;
}
/* アップロードファイルリスト */
.upload-file-list div {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 140px;
}
.upload-file-list div:first-child {
    width: 30px;
}
.upload-file-list div.upload-file-name {
    max-width: 300px;
    width: 300px;
    word-wrap: break-word;
}
.upload-file-list div:nth-of-type(4), .upload-file-list div:nth-of-type(5) {
    float: right;
    text-align: center;
    width: 50px;
}
.upload-file-list div:last-child .btn-ope {
    height: 30px;
    line-height: 0;
    width: 50px;
}
.upload-complete-badge {
    display: none;
    font-size: 2.4rem;
    margin-top: 2px;
    position: relative;
    top: -2px;
}
.upload-complete-badge .icon-arrow-up {
    color: #1E69DE;
}
.upload-complete-badge .icon-check-circle {
    color: #299A0B;
}
.upload-complete-badge .icon-attention {
    color: #EA3A55;
}
/*--------------------------------------------------------------------------------------*/
/* DatePicker                                                                           */
/*--------------------------------------------------------------------------------------*/
.ui-datepicker {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    height: auto;
    margin: 5px auto 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    width: 226px;
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker-header {
    background: #3F4C6B;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
    color: #e0e0e0;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    line-height: 30px;
    text-shadow: 1px -1px 0px #000;
}
.ui-datepicker-title {
    text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
    background-image: url('../../images/arrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 600%;
    overflow: hidden;
    text-align: center;
    width: 30px;
}
.ui-datepicker-prev {
    background-position: center -30px;
    float: left;
}
.ui-datepicker-next {
    background-position: center 0px;
    float: right;
}
.ui-datepicker thead {
    background: #F7F7F7;
    background-image: -moz-linear-gradient(top,  #F7F7F7 0%, #F1F1F1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#F1F1F1));
    background-image: -webkit-linear-gradient(top, #F7F7F7 0%,#F1F1F1 100%);
    background-image: -o-linear-gradient(top, #F7F7F7 0%,#F1F1F1 100%);
    background-image: -ms-linear-gradient(top, #F7F7F7 0%,#F1F1F1 100%);
    background-image: linear-gradient(top,  #F7F7F7 0%,#F1F1F1 100%);
    border-bottom: 1px solid #bbb;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F1F1F1',GradientType=0 );
}
.ui-datepicker th {
    color: #666666;
    filter: dropshadow(color=#fff, offx=1, offy=0);
    font-size: 1.2rem;
    padding: 5px 0;
    text-transform: uppercase;
    text-shadow: 1px 0px 0px #fff;
}
.ui-datepicker tbody td {
    border-right: 1px solid #bbb;
    padding: 0;
}
.ui-datepicker tbody td:last-child {
    border-right: 0px;
}
.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
    color: #666666;
    display: inline-block;
    font-size: 1.4rem;
    height: 30px;
    filter: dropshadow(color=#fff, offx=1, offy=1);
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    text-shadow: 1px 1px 0px #fff;
    width: 30px;
}
.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
    background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
    background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
    background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
    background: linear-gradient(top,  #ededed 0%,#dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
    background: #FF6600;
    border: 1px solid #55838f;
    color: #FFFFFF;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    margin: -1px;
    text-shadow: 0px 1px 0px #4D7A85;
    position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
    background: #606060;
    color: #E0E0E0;
    text-shadow: 0 0 0;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
    margin-left: 0;
    width: 29px;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
    margin-right: 0;
    width: 29px;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}