nput[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} 

.navbar-fixed-top{
    z-index: 1 !important;
}

.modal-label{
    color:white;
}

.modal-content {
    width: 40%;
    margin: 1.5em auto 0;
    padding: 10px 20px;
    border: 1px solid #aaa;
    background: #fff;
    z-index: -1;
    height: 60%;
    position: fixed;
    visibility: hidden;
}

#modal-overlay {
    z-index: -1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: lightgray;
    opacity: 0.8;
}

body {
    padding-top: 53px;
    padding-bottom: 10px;
    font-family: 'Meiryo UI';
    color: #5f5f5f !important;
    font-size: 14px
}

html {
    overflow-y: scroll;
}

.navbar-brand {
    padding: 0px 0px; /* 上下のスペースが大きすぎるので0pxで上書き */
}

.navber-header{
    margin-top: 20px;
}

.nav > li > a{
    padding:0px;
}

.logo {
    height: auto;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

select.input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1em;
    border-radius: 10px;
    padding: 5px;
    background-color: #fdeff2;
}

.validation-summary-valid {
    display: none;
}

/* dropdown menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.msg_header_success {
	padding: 10px;
	background: #d8e698;
	font-size: 1.25em;
	border-radius: 8px;
	margin-bottom: 5px;
}

.msg_success {
	color: #007b43;
	font-weight:bold;
}

.row-margin{
    margin-top: 1px;
    margin-bottom: 1px;
}

/*ドロップダウンリスト*/
#List{
    padding:0 0 0 3px !important;
}

/* ボタン系 */
/* 共通 */
.btn-function{
    border:1px solid black;
    width:90px !important;
}

.btn-group > .btn{
    width:7.83%;
    margin-right:0.54%;
}

.btn {
    width: 101px;
    color: white;
    font-weight: normal;
    padding: 0px;
    height: 28px;
    margin-right: 8px;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    font-size: 14px;
}

.btn-row{
    width:100%;
}

/*メニュー系*/
.btn-menu, .btn-menu2, .btn-menu3 {
    width: 100%;
    height: 30px;
    border-radius: 0px !important;
    border-top: none;
    border-right: none;
    border-left: none;
    border: 1px solid #dcdcdc;
    text-align: left;
    background: white;
}
.btn-menu {
    font-size: 14px;
    font-weight: bold;
    color: dimgray;
}
.btn-menu:hover {
    border-bottom: 2.5px solid #dcdcdc !important;
}
.btn-menu2 {
    color: dimgray;
}
.btn-menu2:hover {
    color: dimgray !important;
    border-bottom: 2.5px solid #dcdcdc !important;
}
.btn-menu3 {
    color: dimgray;
    padding-top: 5px;
}
.btn-menu3:hover {
    color: dimgray !important;
    border-bottom: 2.5px solid #dcdcdc !important;
}
.btn-menu3 a{
    margin-left:43px;
}


.btn:active {
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.btn:hover {
    color: #ffffff;
    border-bottom:4px solid transparent;
}

.btn:focus{
    color:#ffffff;
}

/*ホーム・ログアウト*/
.btn-home,.btn-logout {
    background: white;
    color:#5f5f5f;
    width:120px;
    height:22px;
}

.btn-home:hover{
    color:#5f5f5f;
    background:#f5f5f5;
    border:1px solid red;
}

.btn-logout:hover{
    color:#5f5f5f;
    background:#f5f5f5;
    border:1px solid green;
}

.btn-home:focus, .btn-logout:focus{
    color:#5f5f5f;
}

.btn-home{
    border:1px solid red;
}

.btn-logout{
    border:1px solid green;
}

.btn-home:hover {
}

.btn-home::before {
    font-family: 'Glyphicons Halflings';
    content: url(../Content/img/home.png);
    margin-right: 5px;
    vertical-align: middle;
}

.btn-logout::before {
    font-family: 'Glyphicons Halflings';
    content: url(../Content/img/logout.png);
    margin-right: 5px;
    vertical-align: middle;
}

/* 登録 */
.btn-create {
    background: green;
}

.btn-create::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/update.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

/* 削除 */
.btn-delete {
    background: firebrick;
}

.btn-delete::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/delete.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

/* 検索・帳票・金額計算*/
.btn-search, .btn-report, .btn-reload, .btn-csv-download, .btn-amount{
    background: peru;
}

.btn-search::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/search.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

/*帳票*/
.btn-report::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/report.png);
    margin-right:5px;
    vertical-align: sub;
}

/*金額計算*/
.btn-amountcalc::before, .btn-autojan::before, .btn-harimaya-code::before {
    content: url(../Content/img/reload.png);
    font-family: 'Glyphicons Halflings';
    margin-right: 5px;
    vertical-align: sub;
}

/*ページング*/
.btn-paging {
    background: steelblue;
    color: white;
    width: 80px;
    margin-right:0;
    float:right
}

/*クリア*/
.btn-clear {
    background: dimgray;
}

.btn-clear::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/crear.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

.btn-close::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/close.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

.btn-reload::before,.btn-amount::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/reload.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

.btn-csv-download::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/download.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

/*住所検索*/
.btn-zip, .system-btn-zip {
    background: #d79bf5;
    background-image: -webkit-linear-gradient(top, #d79bf5, #a84ccf);
    background-image: -moz-linear-gradient(top, #d79bf5, #a84ccf);
    background-image: -ms-linear-gradient(top, #d79bf5, #a84ccf);
    background-image: -o-linear-gradient(top, #d79bf5, #a84ccf);
    background-image: linear-gradient(to bottom, #d79bf5, #a84ccf);
}

.btn-zip, .system-btn-zip{
    width:30%;
    margin: 0;
    font-size: 12px;
    height: 28px;
}

/*単価取得
.btn-amount {
    background: #558d9d;
    background-image: -webkit-linear-gradient(top, #558d9d, #216d83);
    background-image: -moz-linear-gradient(top, #558d9d, #216d83);
    background-image: -ms-linear-gradient(top,#558d9d, #216d83);
    background-image: -o-linear-gradient(top, #558d9d, #216d83);
    background-image: linear-gradient(to bottom, #558d9d, #216d83);
    margin: 0;
    width: 100px;
    font-size: 12px;
    height: 28px;
}*/

/* 明細選択・編集 */
.btn-select, .btn-update {
    height: 26px;
    background: steelblue;
    width: 100%;
    color: white;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid transparent;
}

.btn-select[disabled], .btn-update[disabled]{
    opacity:0.65;
}
/*新規・閉じる*/
.btn-new, .btn-close, .btn-prev, .btn-next {
    background: dimgray;
}

.btn-new::before{
    font-family:'Glyphicons Halflings';
    content:url(../Content/img/new.png);
    margin-right:5px;
    vertical-align: text-bottom;
}

/* 明細選択・編集 */
.btn-select, .btn-break-down, .btn-auxiliary, .btn-detail {
    height: 26px;
    background: steelblue;
    font-weight: bold;
}

.btn-break-down {
    width: 140px;
    margin: 0;
    font-size: 12px;
}

/* 補助科目 */
.btn-auxiliary {
    vertical-align: text-bottom;
    font-size: 12px;
}

/* 詳細 */
.btn-detail {
    vertical-align: text-bottom;
    font-size: 14px;
}

.btn-sales-control-cost {
    background: #4682b4;
    background-image: -webkit-linear-gradient(top, #4682b4, #4682b4);
    background-image: -moz-linear-gradient(top, #4682b4, #4682b4);
    background-image: -ms-linear-gradient(top, #4682b4, #4682b4);
    background-image: -o-linear-gradient(top, #4682b4, #4682b4);
    background-image: linear-gradient(to bottom, #4682b4, #4682b4);
}


/* 契約、入札確定 */
.btn-confirm {
    height: 28px;
    background: #4ccf53;
    background-image: -webkit-linear-gradient(top, #55eba0, #4ccf53);
    background-image: -moz-linear-gradient(top, #55eba0, #4ccf53);
    background-image: -ms-linear-gradient(top, #55eba0, #4ccf53);
    background-image: -o-linear-gradient(top, #55eba0, #4ccf53);
    background-image: linear-gradient(to bottom, #55eba0, #4ccf53);
}

/*マスタ参照*/
.master-search-btn{
    border:none;
    position:absolute;
    background-color:rgba(0, 0, 0, 0);
    padding:0px;
    right:3px;
}

.master-search-control{
    padding-right: 25px !important;
}

.master-search-btn img{
    height:18px;
    width:19px;
}

.master-search-control{
    padding-right:25px;
}

.btn-toolbar {
    padding-left: 13px;
    padding-right: 13px;
}

.btn-group{
    width:100%;
}

.btn-group > .btn {
    border-radius: 5px !important;
}

.btn-group > :last-child.btn{
    margin-right:0px;
}

/* LoginForm 2017/09/08 山腰start */
#loginform {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 10px rgba(42, 100, 150, 1);
    -moz-box-shadow: 0px 1px 10px rgba(42, 100, 150, 1);
    box-shadow: 0px 1px 10px rgba(42, 100, 150, 1);
    border: solid rgba(42, 100, 150, 1) 1px;
    background: #f8f8ff;
    width: 320px;
    margin: 30px auto auto auto;
}

    #loginform .login-form-title {
        /*font-weight:bold;*/
        font-size: 26px;
        /*color: #4eb4c2;*/
        padding-bottom: 6px;
        border-bottom: 5px solid rgba(42, 100, 150, 1);
        margin-bottom: 20px;
        margin-top: 40px;
        text-align: center;
        border-top: none;
        line-height: 20px;
    }

    #loginform .form-control {
        max-width: none;
        font-size: 14px;
        padding-left: 45px;
    }

    #loginform p {
        margin-left: 12px;
        margin-right: 12px;
    }

        #loginform p .btn {
            font-size: 16px;
            width: 100%;
            height: 30px;
            margin: 0px;
            font-weight: 600;
        }

    #loginform .label-checkbox {
        font-size: 11.5px;
        font-weight: normal;
        vertical-align: middle;
        color: gray;
    }

    #loginform .form-group {
        margin: 15px;
    }

/* LoginForm 2017/09/08 山腰end */

/*パスワード変更画面*/
#changepassword-form {
    width: 375px;
    margin: 30px auto;
    padding: 10px 20px;
}

/* 検索条件パネル 2017/9/18 山腰start*/
.panel{
    margin-top:5px;
}

.panel-info{
    background-color:#f9f9f9;
    border-color:#f9f9f9 !important;
    padding-top:5px;
}

.panel-info >.panel-heading{
    background-color: #4eb4c2;
    color: white;
    border-radius: 0px;
    height:30px;
}

label{
    color:white;
    font-size: 14px;
    margin-right:3px;
    margin-bottom:0px;
    vertical-align:middle;
}

.panel-item-radio > label {
    color: #5f5f5f !important;
    font-weight: normal !important;
}

.panel-item{
}

.panel-item-label {
    background-color: rgba(42, 100, 150, 1);
    padding-left: 10px;
    /*width:130px;*/
    width: 30%;
    text-align: left;
    border: 1px solid #cccccc;
}

.panel-item-label-sm {
    /*background-color: darkgreen;*/
    background-color: rgba(42, 100, 150, 1);
    padding-left: 10px;
    /*width:130px;*/
    width: 100px;
    text-align: left;
    border: 1px solid #cccccc;
}

.panel-item-value{
    font-size: 14px;
    vertical-align:auto;
}

.panel-group-sm{
    width:100% !important;
}

.panel-group {
    width: 24.75%;
}

.panel-group2 {
    width: 49.78%;
}

.panel-group3 {
    width: 74.9%;
}

.panel-group4 {
    width: 100%;
}

.panel-group, .panel-group2, .panel-group3, .panel-group4 {
    vertical-align: top;
    display: inline-flex;
    height: auto;
}

.panel-group-sum {
    float: right;
    display: inline-block;
    /*margin:0px 20px 0px 10px;*/
    margin: 0px 0px 0px 0px;
    height: 41px;
}
.panel-item-sum{
    display:block;
    vertical-align:middle;
}

.panel-title{
    font-size:14px;
    vertical-align:middle;
    padding-top:5px;
}

.panel-heading{
    padding:3px 15px;
}

.panel-body{
    padding:0px;
}
/* 検索条件パネル 2017/9/18 山腰end*/

/* 検索条件ラベル、テキストボックス、区切り線 2017/9/19 石塚start*/
ul{
    margin-bottom:2px;
    padding: 0 10px 0 10px;
}

.cu{
    padding-left:200px;
    margin-top:30px;
    text-align:left;
}

.cu > .panel-group{
    width:23%;
}

li .form-control
, .dataTables_wrapper .form-control
, .update-table .form-control
{
    height:28px;
    padding:2px 5px;
    /*width:205px;*/
    font-size: 14px;
    float:left;
    border-radius:0px;
}

.search-table {
    clear: both;
}

li .form-control-sum{

}

li #ZipCodeBefore{
    width:50px;
}

li #ZipCodeAfter{
    width:70px;
}

li #ZipCodeBefore, li  #ZipCodeAfter{
    margin-right:3px;
}

li .cu-value{
    width:170px;
    background-color:transparent;
    font-size: 14px;
    border:none;
}

.cu-label, .cu-label-value{
    vertical-align: middle;
    font-size: 15px;
    padding:2px;
    font-weight: normal;
    width: 70px;
}
.cu-label {
    background: rgba(42, 100, 150, 1);
    color: white !important;
    width: 70px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold
}
.cu-label-value {
    border: 1px solid transparent;
}
.btn-group.bootstrap-select.form-control{
    width:80%;
}

.panel-item-ck {
    border: 1px solid #cccccc;
}

.panel-item-control {
    margin-left: 3px;
    margin-right: 2px;
    vertical-align: top;
    position: relative;
    flex: 1;
}

.panel-item-control-sum{
    margin-top:-1px;
    position:relative;
    width:183px;
}

.panel-item-control2 {
    vertical-align: top;
    position: relative;
    width: 579px;
}

.panel-item-control3 {
    vertical-align: top;
    position: relative;
    width: 954px;
}

.panel-item-control-front {
    margin-left: 3px;
    vertical-align: top;
    position: relative;
    flex: 1;
}
.panel-item-control-rear {
    margin-left: 1px;
    margin-right: 2px;
    position: relative;
    vertical-align: top;
    flex: 1.5;
}

 /*検索条件ラベル、テキストボックス、区切り線 2017/9/19 石塚end*/

 /*検索画面テーブル*/
/*テーブルヘッダの横幅*/
table{
    height:25px;
}

tr .select{
    width:50px !important;
 }

/*テーブルデザイン*/
table{
    border-right:1px solid #cccccc;
    border-left:1px solid #cccccc;
}

table th {
    height:33px;
    font-size: 14px;
    background-image: linear-gradient(to bottom, #f0f0f0, #d4d4d4);
    border-top:1px solid #cccccc !important;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

table tbody tr{
    height:37px;
}

table tr {
    background: white;
}

/*table tr:nth-child(2n+1) {
    background: white;
}*/

/*table tr:last-child td {
    border-bottom:1px solid #cccccc;
}*/

table tr:hover {
    background: #ffc;
    cursor:pointer;
}

table td{
    border-bottom:1px solid #cccccc;
    font-size: 14px;
}

table tbody td {
    padding-right:15px;
}

/*ローディング画像*/
#loading{
    position:absolute;
    z-index:2010;
    top:200px;
    right:0px;
    left:0px;
    bottom:0px;
    text-align:center;
    display:block;
}

#lock-screen{
    z-index:2000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:white;
    opacity:0.9;
    display:block;
}

/*ページング*/
.pagination {
    float:right;
    margin: 5px 0 0 0 !important;
}

.pagination a{
    border-radius:0px !important;
}

.pagination > li > a,.pagination > li > span{
    padding:1px 12px;
}

.col-sm-12{
    padding:0px;
}

.row{
    margin:0px;
}

select.input-sm{
    height:21px;
    padding:0px !important;
}

.dataTables_length label, .dataTables_filter label{
    vertical-align: middle;
}

.dataTables_length .form-control{
    border-radius: 0px !important;
    vertical-align:auto;
}

#no-access-screen {
    z-index: 1000;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    display: block;
    font-size: 20px;
    color: red;
    padding-left:20px;
}

/*ドロップダウンメニュー*/
.dropdown-menu > li > a{
    color:#5f5f5f !important;
}

/*マスタ参照*/
#master-search-screen, #detail-update-screen{
    z-index:2000;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:lightgray;
    opacity:0.8;
    display:none;
}

/*削除データのメッセージ*/
#del-msg{
    color:red;
}

/*選択BOX*/
.list-box, .list-box-multi, .list-box-d {
    padding: 0 0 0 2px !important;
}
.list-box-multi {
    height:80px !important;
}
/*分類分け*/
.ul-class {
    font-size: 14px;
    margin: 12px 0 8px 0;
    padding-left: 7px;
    height: 28px;
    border-left: 7px solid rgba(42, 100, 150, 1);
    border-bottom: 1px solid rgba(42, 100, 150, 1);
}

.ul-class-home {
    padding-left: 0px;
    font-size: 14px;
    border-bottom: 5px solid rgba(42, 100, 150, 1);
}

.ul-class-home-det {
    font-size: 14px;
    margin: 12px 0 0 0;
    padding-left: 0px;
    height: 28px;
    font-weight: bold;
    width: 49%;
}

/*画面タイトル部分*/
.container .form-title .heading {
    font-size: 18px;
    padding-left: 10px;
    position: relative;
    height: 32px;
    border: 1.5px solid rgba(42, 100, 150, 1);
    line-height: 30px;
    border-left: 15px solid rgba(42, 100, 150, 1);
}

.container .form-title .heading .caption {
    font-size: 18px;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    padding-left: 25px;
    padding-right: 10px;
    background: rgba(42, 100, 150, 1);
    color: #fff;
}

    .container .form-title .heading .caption:before {
        display: block;
        content: ' ';
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        right: 99.9%;
        top: 0;
        border: 0 solid transparent;
        border-width: 32px 40px 0 0;
        border-right-color: rgba(42, 100, 150, 1);
    }

.container .form-title .heading .title{
    float: left;
}

.container .small-form-title {
    height: 35px;
    padding: 5px;
    text-align: left;
    color: #5f5f5f;
    font-size: 14px;
    background-color: aliceblue;
    /*border-top: 1px solid darkgreen;
    border-bottom: 1px solid darkgreen;
    border-left: 15px solid darkgreen;
    border-right: 1px solid darkgreen;*/
    border-top: 1px solid rgba(42, 100, 150, 1);
    border-bottom: 1px solid rgba(42, 100, 150, 1);
    border-left: 15px solid rgba(42, 100, 150, 1);
    border-right: 1px solid rgba(42, 100, 150, 1);
}

/*2列分width設定 2018/1/29 石塚start*/
.colx2 {
    width: 494px;
}
/*2列分width設定 2018/1/29 石塚end*/
.colx3 {
    width: 1104px;
}

/*2列分width設定 2018/1/29 石塚end*/
.colx4 {
    width: 1536px;
}

/*タブコントロール*/
#tabcontrol {
    margin-top: 20px;
    border-bottom: 6px solid darkgreen;
}

#tabcontrol .tab-item{
    border:1px solid #cccccc;
    border-bottom:transparent;
    width:180px; 
    height:24px; 
    display:inline-block; 
    text-align:center;
}

#tabcontrol .active {
    background: darkgreen;
}

#tabcontrol .passive{
    background: beige;
}

#tabbody .active{
    display: block !important;
}

#tabbody .passive{
    display: none !important;
}

#tabbody{
    padding-top:10px;
}

#tabcontrol .tab-item a{
    font-weight:bold; 
    font-size: 14px
}

.panel-danger{
    padding-left:10px;
    font-size: 14px
}

.price{
    text-align:right;
}

.price-from-to{
    width: 95.6px;
}

input[type='checkbox']::before{
    border:1px solid #cccccc !important;
}

.dropdown-menu{
    font-size: 14px
}

.datetime-picker {
    /*background-image: url(../Content/img/calendar.png);*/
    background-size: 20px;
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-right: 20px;
}

/*金額計算ボタン未押下時のスタイル*/
.attention-btn {
    border-color: red;
    border-width:3.5px;
    animation-name: border-flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
}

/*ボタン枠線の点滅アニメーション*/
@keyframes border-flash{
    0% {
        border-color: red;
        border-width: 3.5px;
    }
    100% {
        border-color: transparent;
    }
}

/*矢印アイコン*/
.attention-icon{
    margin-right:2px;
    vertical-align:middle;
}

.number {
    text-align: right;
}

.select2-dropdown{
    width:300px !important;
}

input[type='checkbox']{
    margin : 0px !important;
    height: 18px !important;
    width:23px;
}

/*newsティッカー*/
.ticker {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    text-align: left;
    border: #ccc 1px solid;
    position: relative;
    overflow: hidden;
    height:28px !important;
    border-radius:5px;
}

.ticker ul {
    width: 100%;
    position: relative;
}

.ticker ul li {
    width: 97%;
    display: none;
    font-size:14px;
    padding-left:20px;
    padding-right:20px;
}

.dataTables_length label{
    color:black;
}

.td_amount_style {
    padding-left: 5px;
}

/*ドラッグアンドドロップ*/
#salary-pattern-column-list .drag-menu {
    background: #f0f8ff;
}

#salary-pattern-column-list .drag-menu-category {
    background: #f0f8ff;
    /*color: white;*/
    font-weight: bold;
}

#salary-pattern-column-list thead th {
    background: darkgreen;
}

#salary-pattern-column-list .drag-menu:hover {
    background: #87cefa;
    cursor: pointer;
}

.drop-menu {
    -khtml-user-drag: element;
}

.drag-menu{
    padding-left:10px;
    padding-right:0 !important;
}

.drag-menu-category {
    padding-left: 0px;
    padding-right: 0 !important;
}

.btn-selectFile:hover {
    background: steelblue;
    color: white;
}

.btn-selectFile:focus {
    color: rgba(42, 100, 150, 1);
}

.mapping-body {
    float: left;
    width: 23%;
    height: 100%;
    margin-left: 2%
}

.mapping-body-label {
    width: 58px;
    height: 30px;
    border: 1px solid #cccccc;
    background: #f0f8ff;
    color: dimgray;
    text-align: right;
}

.mapping-body-label label {
    color: #5f5f5f;
    font-weight: normal;
}

.mapping-body-label-detail {
    width: 220px;
    height: 30px;
    border: 1px solid #cccccc;
    background: #f0f8ff;
    color: dimgray;
    padding-top: 5px
}

.mapping-body-label-detail label {
    color: #5f5f5f;
    font-weight: normal;
}



.mapping-body-title {
    background: rgba(42, 100, 150, 1);
    text-align: center;
    height: 32px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    border-radius: 0 0 0 0;
    border: 1px solid dimgray;
}

.mapping-body-control {
    height: 30px !important;
    margin:0 !important;
}

.mapping-body-control-checkbox {
    width: 10% !important;
    height: 30px !important;
    margin: 0 !important;
    float:right;
}

.mapping-body-ul {
    margin: 0;
    padding: 0
}

.mapping-body-panel{
    width:100%;
}

#salary-pattern-column-list_wrapper .row .col-sm-6{
    padding-left:0 !important;
    float:none !important;
    width:100% !important;
}

#salary-pattern-column-list_filter{
    text-align:left !important;
}

#salary-pattern-column-list_filter .form-control {
    width: 150px !important;
    margin:0;
}

/*追記箇所*/
/*ファイル選択ボタン*/
.btn-selectFile {
    background: white;
    border: 2px solid lightgray;
    color: rgba(42, 100, 150, 1);
    width: 100%;
    height: 32px;
    font-size: 14px;
    margin-top: 9px;
    font-weight: bold;
}

/*「一覧へ戻る」ボタン*/
.btn-back::before {
    font-family: 'Glyphicons Halflings';
    content: url(../Content/img/close.png);
    margin-right: 5px;
    vertical-align: text-bottom;
}

.btn-back {
    background: dimgray;
}