/*header*/
.header-form{
    padding: 4px 0;
}
.role-1{
    background-color: midnightblue;
}
.role-2{
    background-color: #1253A4;
}
.role-3{
    background-color: steelblue;
}
.header{
    width: 100%;
    position: fixed;
    z-index: 1000;
}
.header-form .container{
    width: 1260px;
    padding:0;
}
.header-form .container .header-head{
}
.header-form .container .header-head form{
    height: 34px;
}
.header-form .container .header-head table{
    width: 100%;
}
.header-form .container .header-head table tr td.user-name{
    color: white;
    padding-left: 8px;
}
.header-form .container .header-head table tr td{
    vertical-align: middle;
}
.header-form .container .header-head table tr td span{
    line-height: 34px;
}
.header-form .container .header-head table tr td select{
    display: inline-block;
    width: 500px;
    margin-right: 8px;
}
.header-form .container .header-head table tr td input{
    margin-top: -2px;
}
.header-form .container .header-head table tr td.col-xs-1{
    text-align: right;
}
.header-form .container .header-head table tr td a img{
    padding: 2px;
    height: 38px;
    width: 38px;
}
.btn{
    box-shadow: 1px 2px 1.5px silver;
}
.btn-default{
    box-shadow: 0px 1px 1.5px silver;
}
.header-form .btn,.dark-tooltip .btn{
    box-shadow: none;
}
button.search-button{
    margin-right:4px;
    padding: 6px;
}

button.talkBtn{
    height: 38px;
    width: 38px;
    background-image: url('https://storage.googleapis.com/asia.artifacts.infrastructure-193922.appspot.com/re_assets/img/mypage/chat.png');
    background-repeat: no-repeat;
    background-position: center;
}
a.mailBtn{
    height: 38px;
    width: 38px;
    background-image: url('https://storage.googleapis.com/asia.artifacts.infrastructure-193922.appspot.com/re_assets/img/mypage/mail_icon.png');
    background-repeat: no-repeat;
    background-position: center;
}

a.mailBtn span,button.talkBtn span{
    display: inline;
    position: relative;
    height: 20px;
    padding: 0 4px;
    overflow: hidden;
    top: -13px;
    right: -14px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: white;
    background-color: #f9423a;
}

.search-area{
    overflow: hidden;
}
.search-inner{
    padding: 0 0 6px;
}
.search-inner table{
    margin: 6px auto 4px !important;
    color: white;
}
.search-inner table tr td input{
    margin-right: 2px;
}
.search-inner table tr td label{
    margin-bottom: 0;
    margin-right: 8px;
}
.search-inner p{
    color: white;
}
.header-menu{
    border-bottom: 1px solid silver;
    background-color: white;
}
.header-menu .container{
    padding: 0;
    width: 1260px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}
.header-menu img{
    display: inline-block;
    margin: 4px 1px 2px;
    height: 40px;
}
.header-menu img:hover{
    opacity: 0.50;
}
.header-menu ul{
    float: right;
    margin: 0;
    padding: 0;
}
.header-menu ul li{
    float: left;
    list-style: none;
    border-left: 1px solid silver;
}
.header-menu ul li a{
    display: block;
    padding: 4px 20px;
    line-height: 40px;
    text-decoration: none;
}
.header-menu ul li a:hover{
    background-color: whitesmoke;
}
.header-menu ul li.active a{
    color: white;
    background-color: steelblue;
}
.header-menu ul.dropdown-menu li{
    width: 100%;
}
.header-menu ul.dropdown-menu li a{
    width: 100%;
    padding: 6px 8px !important;
    line-height: 24px !important;
    color: black !important;
    background-color: white;
}
.header-menu ul.dropdown-menu li a:hover{
    color: white !important;
    background-color: darkorange !important;
    background-image: none;
}
.header-owner-form p{
    padding: 0;
    text-align: right;
}
.header-owner-form input{
    width: 80px;
}
.header-menu-ms img{
    display: inline-block;
    margin: 7px 1px 2px;
    height: 36px;
}
.header-menu-ms ul li a{
    padding: 4px 19px;
}
/*common div*/

/*
div.tutorial-layer{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    opacity: .5;
    background-color: #A0A0A0;
    z-index: 2000;
}
a{
    position: relative;
    z-index: 3000;
}
 * */

.wrap{
    padding-top: 94px !important;
    min-height: 480px;
    padding: 12px 0;
    background-color: #40AAEF;
}
.wrap .container{
    width: 1200px !important;
    padding: 0 !important;
    margin-top: 24px;
}
.wrap .alert .container{
    margin-top: 0;
}
.right{
    text-align: right;
}
.hide{
    display: none;
}
.center{
    text-align: center;
}
.bread{
    margin-top: -12px;
    line-height: 48px;
}
.breadcrumb{
    margin-bottom: 0;
    padding: 0;
    padding-right: 8px;
    background-color: transparent;
}
.breadcrumb li{
    color: white;
    text-shadow: none;
}
.breadcrumb li.active{
    color: white;
    font-weight: bold;
    text-shadow: none;
}
.breadcrumb li a{
    color: white;
}
.content-box{
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: white;
}
.content-box .content-area{
    padding: 12px 8px;
}
span.need{
    margin-left: 4px;
    font-size: 12px;
    line-height: 18px;
}
img.thanks{
    display: block;
    width: 400px;
    margin: auto;
}
.error-form{
    border: 2px solid #ec5840;
}
p.error-mes{
    margin:0;
    font-size: 12px;
    font-weight:bold;
    color: #ec5840;
}
/*common other--------------------------------------------*/
hr{
    margin: 28px 0;
}
h2.box-title{
    margin: 0;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 32px;
    color: white;
    background-color: midnightblue;
}
span.float-right{
    float: right;
    margin-top: -4px;
}
h3.area-title{
    clear: both;
    margin: 16px 0px;
    padding: 4px 10px;
    font-size: 20px;
    line-height: 32px;
    border-left: 12px solid steelblue;
    border-bottom: 2px solid steelblue;
    font-weight: bold;
}
table.common{
    clear: both;
    margin: 10px auto 10px;
}
table.common tr th,table.common tr td{
    vertical-align: middle;
    padding: 14px 6px;
}
table.common tr.inner td.left{
    text-align: left;
}
table.common tr th{
    text-align: center;
    color: white;
    background-color: midnightblue;
}
table.common tr td input,table.common tr td select{
    margin-bottom: 0;
}
table.common tr td textarea{
    height: 200px;
}
table.common tr td table tr th,table.common tr td table tr td{
    padding: 6px;
}
table.common tr td table tr td.rent-bulk-comment textarea{
    height: 54px;
}
table.common tr td label.estate-function{
    margin-right: 12px;
}
table.common tr td img.user-logo{
    display: block;
    max-width: 400px;
    max-height: 300px;
    margin: 8px auto;
}
table.common td.other-cost-start select{
    padding: 6px;
    display: inline;
}
table.common td.other-cost-start select.year{
    width: 84px;
}
table.common td.other-cost-start select.month{
    width: 64px;
}
table.common tr.inner td{
    text-align: center;
}
table.common tr.regist td{
    padding: 20px 8px;
    text-align: center;
}
table.common tr.regist td a,table.common tr.regist td input,table.common tr.regist td button{
    margin-right: 4px;
    padding: 8px 72px;
}
table.small{
    width: 880px;
}
.select-form{
    line-height: 30px;
    margin-bottom: 16px;
}
.select-form select{
    margin-bottom: 0;
}
p.plan-count{
    line-height: 32px;
    font-size: 16px;
}
p.plan-count span{
    font-weight: bold;
}
span.limit{
    color: red;
}
.pointer:hover{
    cursor: pointer;
    background-color: navajowhite;
}
.alert{
    margin: 0;
}
.btn-inverse{
    color: white;
    background-color: gray;
}
.btn-inverse:hover{
    color: white;
    background-color: dimgray;
}
ul.nav{
    border: none;
}
ul.nav li{
    margin: 0;
}
ul.nav li a{
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    text-align: center;
    border: 1px solid silver;
    background-color: white;
}
ul.nav-tabs li a:hover{
    background-color: azure;
    border: 1px solid silver;
}
ul.nav-tabs li.active a{
    color: white;
    background-color: midnightblue;
    border: 1px solid midnightblue;
}
ul.nav-tabs li.active a:hover{
    color: white;
    background-color: midnightblue !important;
    border: 1px solid midnightblue;
}
ul.tab2 li{
    width: 592px;
}
ul.tab3 li{
    width: 394px;
}
ul.tab3 li:nth-child(2){
    width: 396px;
}
ul.tab4 li{
    width: 296px;
}
ul.tab4 li:nth-child(3){
}
ul.tab5 li{
    width: 236px;
}
ul.tab5 li:last-child{
    width: 240px;
}
ul.tab6 li{
    width: 196px;
}
ul.tab6 li:last-child a{
    width: 204px;
}
ul.tab7 li{
    width: 168px;
}
ul.tab7 li:last-child{
    width: 176px;
}
ul.tab12 li{
    width: 98px;
}
ul.tab12 li:first-child{
    width: 102px;
}
ul.tab12 li:last-child{
    width: 102px;
}
    ul.tenant-menu-tabs {
        overflow: hidden;
        padding: 0;
        display: table;
    }

    ul.tenant-menu-tabs li {
        float: left;
        width: 144px;
        height: 64px;
        margin: 2px;
        border: 1px solid silver;
        text-align: center;
        list-style: none;
    }

    ul.tenant-menu-tabs a {
        display: table-cell;
        width: 144px;
        height: 62px;
        font-size: 16px;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
    }

    ul.tenant-menu-tabs li a:hover {
        background-color: azure;
    }

    ul.tenant-menu-tabs li.active a {
        color: white;
        background-color: midnightblue;
        border: 1px solid midnightblue;
    }

    ul.tenant-menu-tabs li.renewal a {
        color: white;
        background-color: #5CB85C;
        border: 1px solid #5CB85C;
    }

    ul.tenant-menu-tabs li.renewal a:hover {
        background-color: #449D44;
        border: 1px solid #449D44;
    }

    ul.tenant-menu-tabs li.cancel a {
        color: white;
        background-color: gray;
        border: 1px solid gray;
    }

    ul.tenant-menu-tabs li.cancel a:hover {
        background-color: dimgray;
        border: 1px solid dimgray;
    }

    ul.tenant-menu-tabs img {
        display: block;
        margin: 4px auto;
        width: 48px;

    }
.tab-content{
    padding: 12px;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
}
.ui-datepicker{
    z-index: 4000 !important;
}
.ui-datepicker-title{
    color: dimgray !important;
}

/* フローティンボタン用のcss追加 */
.floatingArea {
    position: sticky;
    bottom: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
    /* padding: 5px 0; */
}

/*mypage--------------------------------------------*/
.mypage-dashboard{
    margin-top: 32px;
    position: relative;
}
#startoDashboard{
    right: 20px;
    position: absolute;
    top: -14px;
    z-index: 1;
}
#startoDashboard a{
    background-color: midnightblue;
    color: #FFF;
    border-radius: 3px 3px 0px 0px;
    font-weight: bold;
    text-decoration: underline;
    padding: 12px;
}
#startoDashboard a:hover{
    color: Gainsboro;
}
.progress-area{
    padding-bottom: 8px;
}
.circliful {
    position: relative;
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}
.circle-info, .circle-info-half {
	color: #999;
}
.circle-info-half {
}
.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}
#progress{
    margin: 24px auto 8px;
}
.progress-area p{
    padding: 0 4px 4px;
    margin: 0 16px 10px;
    border-bottom: 2px dashed silver;
    font-size: 18px;
    font-weight: bold;
}
.progress-area ul{
    margin-bottom: 0;
}
.progress-area ul li{
    padding-bottom: 8px;
}
.progress-area ul li.red{
    color: brown;
    font-weight: bold;
}
/*estate--------------------------------------------*/
.form-inline select{
    margin: 0 4px;
}
.estate-select{
    padding: 0 4px;
}
.estate-select select.estate{
    width: 580px !important;
}
.estate-select select{
    margin-right: 8px;
}
.form-inline input{
    margin-left: 8px;
    padding: 8px 24px;
}
.form-inline{
    padding: 8px 0;
    clear: both;
}
.estate-list,.owner-list{
    position: relative;
    display: inline-block;
    min-width: 580px;
    max-width: 580px;
}
.owner-list{
    float: left;
    min-width: 565px;
    max-width: 500px;
}
.owner-list ul{
    margin-bottom: 0;
}
.owner-list ul li.dropdown{
    line-height: 32px;
}
.owner-list ul li a{
    color: white;
}
.estate-list span#estateName,.owner-list span#ownerName{
    text-decoration: underline;
}
.estate-list ul,.owner-list ul{
    padding: 0;
}
.estate-list ul.dropdown-menu{
    width: 1140px;
    margin-left: -24px;
}
.owner-list ul.dropdown-menu{
    width: 980px;
}
.estate-list ul li,.owner-list ul li{
    list-style: none;
}
.estate-list ul li.estate-item-head,.owner-list ul li.owner-item-head{
    padding: 8px;
    width: 100px;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}
.estate-list ul li.estate-item-head:hover,.owner-list ul li.owner-item-head:hover{
    background-color: LightBlue;
    cursor:pointer;
}
.estate-item{
}
p.estate-list-title,p.owner-list-title{
    padding: 4px 8px;
    font-weight: bold;
    border-bottom: 1px solid silver;
}
ul.estate-item,ul.owner-item,ul.head-owner-item{
    position: absolute;
    top: 8px;
    left: 100px;
    width: 1000px;
    max-height: 400px;
    overflow: scroll;
}
ul.owner-item,ul.head-owner-item{
    width: 860px;
}
ul.estate-item li,ul.owner-item li,ul.head-owner-item li{
    float: left;
    margin-left: 16px;
    margin-bottom: 10px;
    background-color: Gainsboro;
}
ul.owner-item li,ul.head-owner-item li{
    padding-right: 12px;
}
ul.estate-item li:before,ul.owner-item li:before,ul.head-owner-item li:before{
    content:'・';
}
ul.estate-item li:hover,ul.owner-item li:hover,ul.head-owner-item li:hover{
    cursor:pointer;
    text-decoration: underline;
}
p.estate-touhon{
    margin: 8px 0 10px;
}
table.estate-image{
}
table.estate-image tr td img{
    display: block;
    margin: 0 auto 8px;
    width: 180px !important;
    height: 210px !important;
}
table.estate-image tr td input{
    max-width: 200px !important;
}
tr.estate-menu td{
    padding: 18px 6px 8px!important;
}
table tr.estate-menu ul{
    overflow: hidden;
    padding-left: 0;
}
table tr.estate-menu li{
    width: 130px;
    float: left;
    text-align: center;
    list-style: none;
}
table tr.estate-menu li img{
    height: 88px;
    margin-bottom: 4px;
}
table tr.estate-menu li a{
    display: inline-block;
    padding: 0;
    font-size: 14px;
}
/*form--------------------------------------------*/
input.inline{
    display: inline-block;
    width: 200px !important;
}
input.estate-inline{
    display: inline-block;
    width: 100px !important;
}
.inline-transfer{
    display: inline-block;
    width: 420px !important;
}
select.inline{
    display: inline-block;
    width: 180px !important;
}
select.estate-inline{
    display: inline-block;
    width: 140px !important;
}
.label-inverse{
    background-color: dimgray;
}
label.labels{
    margin-left: 8px;
    margin-bottom: 0;
}
label.labels-min{
    margin-left: 2px;
    margin-bottom: 0;
}
/*staking-------------------------------------------*/
.stacking-area{
    overflow: scroll;
    width: 1180px;
    max-height: 800px;
    margin-top: 8px;
    padding: 0 0 8px;
}
table.stacking{
    margin: 10px 10px 15px;
}
table th.stack-floor{
    width: 40px !important;
    padding: 0 6px !important;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: white;
    background-color: darkblue;
    border: 1px solid silver;
}
table td.tenant-data{
    width: 256px;
    padding: 0;
    border: 1px solid silver;
}
table td.tenant-data a{
    color: black;
    text-decoration: none;
}
.stack-inner{
    overflow: hidden;
    width: 256px;
    text-align: center;
    background-color: white;
}
.in-tenant{
    font-weight: bold;
    background-color: orange;
}
.yet{
    font-weight: bold;
    background-color: #E6FFE9;
}
.temp-tenant{
    font-weight: bold;
    background-color: Cornsilk;
}
.can-tenant{
    font-weight: bold;
    background-color: Gainsboro;
}
.near-tenant{
    font-weight: bold;
    background-color: salmon;
}
.stack-inner:hover{
    cursor: pointer;
    background-color: #ffe4b5;
}
.stack-inner p{
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid silver;
}
.stack-inner ul{
    overflow: hidden;
    margin: 0;
}
ul.area{
    padding: 0;
    border-bottom: 1px solid silver;
}
.stack-inner ul li{
    float: left;
    margin: 0;
    padding: 4px 1px;
    width: 85px;
    font-size: 12px;
    line-height: 16px;
    list-style: none;
}
.stack-inner ul li:nth-child(2){
    border-right: 1px solid silver;
    border-left: 1px solid silver;
}
.room-number{
    color: white;
    font-weight: bold;
    background-color: SlateGray;
}
p.owned-room{
    background-color:navy  !important;
}
p.stack-title{
    line-height: 32px;
}
.rentroll-area{
    overflow: scroll;
    margin-top: 16px;
    max-height: 620px;
}
/*estate/record*/
img.estate-record-image{
    display: block;
    max-width: 360px;
    max-height: 400px;
    margin: 8px auto 8px;
}
/*tenant--------------------------------------------*/
a.menu_open,button.menu_open,input.menu_open{
    margin-right: 4px;
    margin-bottom: 12px !important;
}
p.menu_button{
    margin: 0;
}
input.rowAdd{
    margin-bottom: 10px !important;
}
ul.tenants{
}
.renewal-form{
    display: inline-block;
    width: 100px;
}
.tenant-birth{
    display: inline-block;
    width: 70px;
}
#liveTable tr th.birth{
    width: 270px;
}
table.tenant-payment tr.arrears{
    color: white;
    background-color: #550000;
}
table.tenant-payment tr.part-payment{
    background-color: PaleGoldenrod;
}
table.tenant-payment tr.over-payment {
    background-color: #D7EEFF;
}
table.tenant-payment tr.clickable{
    color: black;
    background-color: Gainsboro;
}
table.tenant-payment tr.pointer:hover{
    color: black;
    background-color: navajowhite !important;
}
ul.tenant-payment-tab{
}
ul.tenant-payment-tab li a{
    width: 89px;
}
ul.tenant-payment-tab-inner{
    border-bottom: 1px solid silver;
}
ul.tenant-payment-tab-inner li a{
    font-size: 14px;
    border-bottom: none;
}
.tenant-payment-tab-content{
    border: none;
    width: 1140px;
    padding: 0;
}
table.tenant-payment-inner{
    margin-bottom: 8px;
}
table.tenant-payment-inner tr th{
}
table.tenant-payment-inner tr td textarea{
    height: 60px;
}
.record-box{
    position: relative;
        padding: 0 8px 6px;
    border: 1px solid Gainsboro;
        border-radius: 6px;
            margin-bottom: 18px;
}
.record-box span.title{
    position: absolute;
    margin-top: -10px;
    margin-left: 8px;
    padding: 0 4px;
    background-color: white;
    font-weight: bold;
}
.record-box p.article{
    margin-top: 16px;
}
table tr.record-result:hover{
    cursor: pointer;
    background-color: navajowhite;
}
table tr.record-result td.date{
    text-align: center;
}
table tr.record-incomplete{
    color: white;
    background-color: #550000;
}

/*cancel--------------------------------------------*/
.form-area{
  padding: 12px;
}
.cancel-invoice-area{
    overflow: hidden;
    margin-bottom: 20px;
}
.cancel-invoice-area div{
    padding: 0;
}
.cancel-invoice-area div:first-child{
    padding-right: 20px;
}
.cancel-form{
    display: inline-block;
    width: 160px;
}
table tr.sum{
  font-weight: bold;
}
table tr.sum td{
  text-align: center;
  background-color: whitesmoke;
}
table tr.all{
  font-weight: bold;
}
table tr.all td{
  text-align: center;
  color: white;
  background-color: midnightblue;
}
table tr td span#allSum,table tr td span#depositSum,table tr td span#expenseSum,table tr td span#rentSum,table tr td span#otherCostSum{
  font-size: 28px;
}
/*deal/deal-------------------------------------------*/
.in-deal{
    height: 42px;
    padding: 4px 12px !important;
    border-left: 1px solid silver;
}
input.deal-search{
    margin-left: 8px;
}
ul.pagination{
    width: 100%;
    text-align: center;
}
ul.pagination li{
    display: inline-block;
}
select.rent-target{
    display: inline-block;
    width: 760px;
    margin-bottom: 10px;
}
.target{
    margin: 12px 0 0;
}
table#rent-table tr td{
  padding: 0;
}
table#rent-table tr td.paid{
  height: 100%;
  width: 100%;
  vertical-align: middle;
  background-color: #efffe0;
}
table#rent-table tr td.arrears{
  height: 100%;
  width: 100%;
  vertical-align: middle;
  background-color: #d1e8ff;
}
table#rent-table tr td.part{
  height: 100%;
  width: 100%;
  vertical-align: middle;
  background-color: Khaki;
}
table#rent-table tr:hover td{
    background-color: navajowhite;
}
/*deal/remit-------------------------------------------*/
table tr.remit-rent-totals td{
    text-align: right;
    background-color: WhiteSmoke;
}
table tr.remit-rent-totals td span{
    font-size: 32px;
    font-weight: bold;
}
/*report--------------------------------------------*/
input.report-output{
    margin: 20px 0;
}
table.report tr td{
    padding: 0;
}
table.report tr td a{
    display: block;
    padding: 12px;
    text-align: center;
    text-decoration: none;
}
table.report tr td a:hover{
    background-color: azure;
}
table.report tr td a.active{
    color: white;
    background-color: midnightblue;
}
table.graph-table tr th,table.graph-table tr td{
    text-align: center;
}
table.graph-table tr.graph-sum td{
    font-weight: bold;
    background-color: #EEEEEE;
}
table.pie-table{
    margin: auto;
}
table.pie-table tr td{
    padding: 12px 32px;
}
/*list--------------------------------------------*/
h4.list-info{
    margin: 5px 0;
}
.list-form{
    margin: 20px 4px 12px;
}
.list-form select.list{
    display: inline-block;
    width: 320px;
    margin-right: 16px;
}
/*users--------------------------------------------*/
input.users{
    display: inline-block;
    width: 420px;
}
select.bank{
    display: inline-block;
    width: 640px;
}
select.takken-number{
    width: 80px !important;
}
/*invoice--------------------------------------------*/
span#sum,span#tax,span#totalSum{
    font-size: 18px;
    font-weight: bold;
}
/*import--------------------------------------------*/
.import-area{
    width: 1180px;
    overflow: scroll;
}
.import-area table.uploader tr th select{
    min-width: 120px;
}
.import-area table tr th.import-head{
    min-width: 110px;
}
/*toppage--------------------------------------------*/
.top-left{
    padding: 0;
}
.top-right{
    border-left: 1px solid silver;
}
table.top-left{
    margin: 0;
}
h3.top-title{
    margin: 0;
    padding: 16px 8px;
    font-size: 16px;
    color: white;
    background-color: #1253A4;
}
.top-left .top-icon{
    overflow: hidden;
    padding-top: 16px;
}
.top-left .top-icon a{
    padding: 0 18px;
}
.top-left .top-icon a img{
    margin: 0 0 2px;
    width: 96px;
}
.top-left .top-icon ul{
    overflow: hidden;
    padding: 0;
}
.top-left .top-icon ul li{
    margin-bottom: 24px;
    list-style: none;
    text-align: center;
    font-weight: bold;
    float: left;
}
table.inner-table{
    width: 364px;
    margin: 16px auto;
}
table.inner-table th,table.inner-table td{
    text-align: center;
    vertical-align: middle;
    padding: 8px !important;
}
table.inner-table th{
    color: white;
    background-color: midnightblue;
}
p.menu-link{
    margin: 16px 0;
    text-align: center;
}
p.menu-link a.btn{
    width: 240px;
    padding: 12px 32px;
}
h3.right-title{
    margin: 0;
    padding: 16px 8px 8px;
    font-size: 20px;
    border-bottom: 2px solid #1253A4;
}
.list-wrap{
    clear: both;
    margin: 10px 0 20px;
}
.list-wrap a{
    width: 181px;
    height: 142px;
    margin: 0 4px;
}
.list-wrap h4{
    font-size: 18px;
}
.list-wrap p{
    margin: 0;
    line-height: 48px;
}
.list-wrap p span.title{
    padding: 0 8px;
    font-size: 56px;
    font-weight: bold;
}
.list-wrap-2{
    clear: both;
    overflow: hidden;
    margin: 10px 0 20px;
}
.list-wrap-2 a{
    width: 187px;
    margin: 0 4px;
}
.list-wrap-2 p{
    margin: 0;
}
.list-wrap-2 p span.title{
    padding: 0 8px;
    font-size: 28px;
    font-weight: bold;
}
/*rent--------------------------------------------*/
h3.rent-detail span{
    float: right;
    line-height: 20px;
    margin-right: 4px;
}
table.rent-register{
}
table.rent-register tr td input.ad{
    display: inline-block;
    width: 148px;
    margin-right: 4px;
}
table.rent-register tr td input.freerent{
    display: inline-block;
    width: 88px;
    margin-right: 4px;
}
table.rent-register tr td input.insurance{
    display: inline-block;
    width: 62px;
    margin-right: 8px;
}
table.rent-register tr td select.date{
    display: inline-block;
    float: left;
    width: 88px;
    margin-right: 4px;
}
table.rent-register tr td select.ad-type{
    display: inline-block;
    width: 58px;
    margin-right: 4px;
}
table#lease-list-table{
}
table#lease-list-table tr th{
    text-align: center;
    color: white;
    background-color: midnightblue;
    vertical-align: middle;
}
table#lease-list-table tr td{
    text-align: center;
    vertical-align: middle;
}
table#lease-list-table tr th.estate-head{
    color: black;
    background-color: WhiteSmoke;
}
#estate ul.gallary{
    padding-left: 40px;
    height: 380px !important;
}
#estate ul.gallary li{
    display: block;
    list-style: none;
}
#estate ul.gallary li img{
    display: block;
    margin: auto;
    min-width: 300px;
    max-width: 330px;
    max-height: 380px !important;
    border: 3px solid silver;
    border-radius: 4px;
}
#estate ul.gallary li div.caption{
    display: none;
}
#estate ul.thumbs{
    width: 540px !important;
    padding-left: 0;
    margin-left: 340px;
}
#estate ul.thumbs li{
    margin-right: 8px;
    margin-bottom: 12px;
    list-style: none;
    border: 1px solid silver;
}
#estate ul.thumbs li img{
    width: 115px !important;
    height: 115px !important;
}
img.room-image{
    max-height: 480px;
}
select.preview{
    display: inline-block;
    width: 82px;
    margin-right: 8px;
}
.estate-function-label span{
    font-size: 14px;
}
/*price----------------------------------------*/
table.price tr.table-head th{
  color: white;
  background-color: #3498db;
}
table.common th.free{
  width: 150px;
}
table.common th.light{
  width: 252px;
}
table.common th.middle{
  width: 252px;
}
table.common th.inner-head{
  width: 120px;
  color: white;
}
table.common td.price-support{
    text-align: left;
    line-height: 28px;
}
table.common td.price-support p{
    margin: 10px 0 0;
}
span.price{
  font-size: 22px;
  font-weight: bold;
}
/*transfer----------------------------------------*/
.create-bank-data-area{
    overflow: scroll;
    width: 1180px;
    max-height: 600px !important;
}
.create-bank-data-area table{
    width: 1600px !important;
    max-width: 1600px;
}
.create-bank-data-area table tr td{
    padding: 8px;
}

.create-bank-data-area table tr td input.text{
    width: 100px;
    margin: auto;
}
.dsk-flow-area{
    padding: 8px;
}
.dsk-flow-area h4{
    padding: 4px;
    border-bottom: 1px solid silver;
}
.dsk-flow-area p.transfer-title{
    margin: 0;
}
.dsk-flow-area img{
    display: block;
    margin: auto;
    width: 95%;
}
/*search--------------------------------------------*/
table.search-result{
}
table.search-result tr td{
    padding: 4px;
}
/*output--------------------------------------------*/
.output-area{
    padding-bottom: 20px !important;
}
.output-area .estates-list-area{
    width: 1180px;
    overflow: scroll;
}
.output-area .estates-list-area .estates-list{
    width: 3200px;
    overflow: scroll;
}
.output-area .estates-list-area .estate-incomes{
    width: 1880px;
}
.output-area .arrears-list-area{
    width: 1180px;
    overflow: scroll;
}
.output-area .arrears-list-area .arrears-list{
    width: 1420px;
}
.output-area .roomrent-list-area{
    max-height: 640px;
    overflow: scroll;
}
.output-area .tenants-list-area{
    width: 1180px;
    overflow: scroll;
}
.output-area .tenants-list-area .tenants-list{
    width: 8000px;
    max-height: 640px;
    overflow: scroll;
}
table.tenants-list{
}
table.tenants-list tr th,table.tenants-list tr td{
    vertical-align: middle;
}
table.tenants-list tr th{
    text-align: center;
    color: white;
    background-color: midnightblue;
}
table.tenants-list tr th.th1{
    width: 100px;
}
table.tenants-list tr th.th2{
    width: 80px;
}
table.tenants-list tr th.th3,table.tenants-list tr th.th27,table.tenants-list tr th.th34,table.tenants-list tr th.th42{
    width: 240px;
}
table.tenants-list tr th.th4{
    width: 60px;
}
table.tenants-list tr th.th5{
    width: 80px;
}
table.tenants-list tr th.th6{
    width: 120px;
}
table.tenants-list tr th.th7{
    width: 90px;
}
table.tenants-list tr th.th8,table.tenants-list tr th.th9,table.tenants-list tr th.th10{
    width: 120px;
}
table.tenants-list tr th.th11,table.tenants-list tr th.th12{
    width: 94px;
}
table.tenants-list tr th.th13{
    width: 134px;
}
table.tenants-list tr th.th14{
    width: 80px;
}
table.tenants-list tr th.th15{
    width: 80px;
}
table.tenants-list tr th.th16{
    width: 80px;
}
table.tenants-list tr th.th17{
    width: 80px;
}
table.tenants-list tr th.th18{
    width: 120px;
}
table.tenants-list tr th.th19{
    width: 124px;
}
table.tenants-list tr th.th20{
    width: 130px;
}
table.tenants-list tr th.th21,table.tenants-list tr th.th22{
    width: 94px;
}
table.tenants-list tr th.th23{
    width: 64px;
}
table.tenants-list tr th.th24{
    width: 240px;
}
table.tenants-list tr th.th25{
    width: 120px;
}
table.tenants-list tr th.th26{
    width: 80px;
}
table.tenants-list tr th.th28,table.tenants-list tr th.th36,table.tenants-list tr th.th44{
    width: 88px;
}
table.tenants-list tr th.th29,table.tenants-list tr th.th37,table.tenants-list tr th.th45{
    width: 280px;
}
table.tenants-list tr th.th30,table.tenants-list tr th.th31,table.tenants-list tr th.th33,
table.tenants-list tr th.th38,table.tenants-list tr th.th39,table.tenants-list tr th.th41,
table.tenants-list tr th.th46,table.tenants-list tr th.th47
{
    width: 100px;
}
table.tenants-list tr th.th32,table.tenants-list tr th.th40{
    width: 180px;
}
table.tenants-list tr th.th35,table.tenants-list tr th.th43{
    width: 80px;
}
table.tenants-list tr th.th48{
    width: 300px;
}
table.tenants-list tr th.th49{
    width: 200px;
}
table.tenants-list tr th.th50,table.tenants-list tr th.th51{
    width: 280px;
}
table.tenants-list tr th.th52{
    width: 400px;
}
table.tenants-list tr td.center{
    text-align: center;
}
.output-area .estate-balance-month-area{
    width: 1180px;
    overflow: scroll;
}
.output-area .estate-balance-month-area .estate-balance-month-list{
    width: 1480px;
    overflow: scroll;
}

/*mypage-contact--------------------------------------------*/
.mypage-contact{
    position: fixed;
    width: 1160px;
    bottom: 0px;
    z-index: 9;
}
.mypage-contact p.title{
    margin: 0 0 0 auto !important;
    color: white;
    text-align: center;
    font-size: 18px;
    width: 320px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #84BA1C;
    cursor: pointer;
}
.mypage-contact a{
    padding: 8px 10px;
    display: block;
    color: white;
}
.mypage-contact .title:hover{
    text-decoration: underline;
}
.mypage-contact .content{
    width: 240px;
    overflow: hidden;
    padding: 4px 0;
    background-color: white;
}
.mypage-contact .content table{
    width: 238px;
    margin: auto;
}
.mypage-contact .content table th{
    font-size: 12px;
}
.mypage-contact .content table th span{
    font-size: 11px;
}
.mypage-contact .content table textarea{
    width: 238px;
    height: 130px;
    font-size: 10px;
    padding: 6px;
}
.mypage-contact .content table input{
    padding: 4px 12px;
    font-size: 12px;
}
/*footer--------------------------------------------*/
#footer{
    padding: 10px 0;
    background-color: #363947;
}
#footerInner{
}
#footerInner div.col-xs-3{
    padding: 0 10px;
}
#footer ul{
    float: left;
    margin: 0 0 0 0;
    padding-left: 0px;
}
#footer li{
    margin: 0;
    padding: 4px 0;
    list-style: none;
    color: white;
}
#footer li.title{
    margin: 0 0 5px 0;
    padding: 15px 0;
    font-size: 16px;
    border-bottom: 1px dotted white;
}
#footer li a{
    color: white;
}
#footer p{
    clear: both;
    margin: 15px 0 0;
    color: white;
    font-size: 12px;
    text-align: center;
}
/*business--------------------------------------------*/
table.business{
}
table.business tr th.kind{
    width: 100px !important;
}
/*demo--------------------------------------------*/
p.demo{
    overflow: hidden;
}
p.demo a.demo-right{
    float: right;
}
/*intro------*/
.introjs-tooltiptext{
    line-height: 24px;
}
.introjs-tooltiptext a.btn{
    margin-bottom: 8px;
}
a.introjs-prevbutton{
    font-size: 16px;
}
a.introjs-nextbutton{
    background-color: #3071A9 !important;
    color: white;
    text-shadow: none;
    background-image: none !important;
    font-size: 16px;
}
a.introjs-disabled{
    background-color: #F4F4F4 !important;
}
a.introjs-skipbutton{
    color: white;
    text-shadow: none;
    background-color: dimgray !important;
    background-image: none !important;
    font-size: 16px;
}
a.introjs-skipbutton:hover{
    background-color: gray !important;
}
/*ホバーでヘルプを表示--------------------------------------------*/
.info_hover{
    cursor: help;
    /*font-weight: normal;*/
    /*padding: 5px;*/
}
.info_hover .info_link_th{
}
.info_hover .info_link{
    font-size: 13px;
    color: SlateGray;
    position: relative;
}
.info_hover .tenant{
    margin: 0;
    font-size: 18px;
    color: white;
    background-color: midnightblue;
}
.info_hover .info_link_white{
    color: #fff;
    position: relative;
}
.info_hover .info_mes{
    display: none;
    position: absolute;
    z-index: 1;
}
.info_hover .info_mes a{
    color: LightSteelBlue;
}
.info_hover:hover .info_mes{
    background-color: #666;
    border-radius: 5px;
    color:#eee;
    border: 1px solid #ccc;
    display: block;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    width:auto;
    z-index: 1;
}
.info_hover .info_mes_2{
    display: none;
    position: absolute;
    z-index: 1;
}
.info_hover:hover .info_mes_2{
    background-color: #666;
    border-radius: 5px;
    color:#eee;
    border: 1px solid #ccc;
    display: block;
    font-size: 13px;
    line-height: 1.5;
    margin: 0 10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    width:auto;
    z-index: 1;
}
.dark-tooltip a{
}
.dark-tooltip a{
    padding: 4px 6px;
}
.dark-tooltip p{
    font-size: 13px;
    margin-bottom: 4px;
}
/*modal*/
.modal-dialog{
    margin-top: 88px !important;
}
.remodal{
    border-radius: 8px;
    background-color: #40AAEF !important;
}
.remodal h1{
    margin-top: 0;
    font-weight: bold;
    color: white;
    text-decoration: underline;
}
.remodal p{
    color: white;
}
.modal-box-area{
    margin: 24px 0;
    overflow: hidden;
}
.modal-box-area .modal-box{
    padding: 8px 8px 0;
    width: 204px;
    height: 256px;
    border: 1px solid silver;
    border-radius: 6px;
    background-color: white;
}
.modal-box-area .modal-box:nth-child(2){
    margin: 0 8px;
}
.modal-box-area .modal-box h3{
    margin: 0 0 10px;
}
.modal-box-area .modal-box a{
    width: 160px;
    margin-bottom: 8px;
    padding: 16px 0 12px;
    font-weight: bold;
    font-size: 16px;
}
.modal-box-area .modal-box p{
    color: black;
}
.modal-box-area .modal-box a span{
    font-size: 38px;
    line-height: 54px;
}
.modal-content #messageHistory ul{
    padding: 0;
}
.modal-content ul li.talk-box{
    list-style: none;
}
.modal-content .talk-box{
    padding: 2px 4px;
    margin-bottom: 4px;
    border-radius: 6px;
    background-color: whitesmoke;
}
.modal-content .talk-box p.right{
    margin-bottom: 0;
}
.modal-content .talk-box p.right span{
    cursor: pointer;
    font-weight: bold;
}

.remodal{
    margin-top: 40px !important;
}
.remodal table{
    margin-bottom: 8px;
}
.remodal table th{
    text-align: center;
    color: white;
    background-color: midnightblue;
}
.remodal table tr td{
    font-size: 16px;
    background-color: white;
}
.remodal table tr td{
    font-size: 18px;
}
.remodal ul.movie-list{
}
.remodal ul.movie-list li{
    text-align: left;
    margin-bottom: 4px;
}
.remodal ul.movie-list li a{
    color: white;
}
.modal-body a.help{
}
.beginner{
    overflow: hidden;
    padding: 24px 0;
}
.beginner .col-xs-9{
    padding-right:0;
}
.beginner .col-xs-6{
    margin: 4px 0;
}
.beginner span{
    font-weight:bold;
    font-size:18px;

}
.beginner p a img{
    width: 48px !important;
    margin-right: 4px;
}
.beginner p.head{
    padding-bottom: 4px;
    border-bottom: 1px solid silver;
}
.beginner a{
    display: block;
    font-weight: bold;
}

.outupt-btn-list{
}
.outupt-btn-list a{
    width: 160px;
    margin: 8px 4px;
    padding: 16px 0;
    font-size: 15px;
    font-weight: bold;
}
.update-history{
    height: 240px;
    overflow: scroll;
}
.update-history ul li.title{
    margin-left: -20px;
    padding-bottom: 4px;
    list-style: none;
    font-size: 16px;
    border-bottom: 1px dotted silver;
}
.update-history ul li.title:hover{
    text-decoration: none;
}
.update-history ul li{
    margin-bottom: 8px;
    line-height: 28px;
}
.introjs-tooltip{
    z-index: 99999;
}
/*storage*/
.storage-all-area{
    overflow: hidden;
}
.storage-area{
}
.storage-menu input,.storage-menu a{
    width: 166px !important;
}
.storage-area ul.breadcrumb{
}
.storage-area ul.breadcrumb a,.storage-area ul.breadcrumb li{
    color: dimgray;
}
.storage-area ul.storage-files{
    padding: 0;
}
.storage-area ul.storage-files li input[type="checkbox"]{
    width: 20px;
    height: 20px;
}
.storage-area ul.storage-files li{
    padding: 8px;
    overflow: hidden;
    line-height: 28px;
    list-style: none;
    border-bottom: 1px solid silver;
    background-repeat: no-repeat;
    background-position: 8px center;
}
.storage-area ul.storage-files li.title{
}
.storage-area ul.storage-files li.folder{
    padding: 8px;
}
.storage-area ul.storage-files li div.box{
    padding: 0;
}
.storage-area ul.storage-files li div.folder-icon{
    padding-left: 28px;
    background-image: url('https://storage.googleapis.com/asia.artifacts.infrastructure-193922.appspot.com/re_assets/img/mypage/folder.png');
    background-repeat: no-repeat;
}
{}
.storage-area ul.storage-files li div.file-icon{
    padding-left: 28px;
    background-image: url('https://storage.googleapis.com/asia.artifacts.infrastructure-193922.appspot.com/re_assets/img/mypage/file.png');
    background-repeat: no-repeat;
}
.storage-area .ui-selectee{}
.storage-area .ui-selecting{background-color:#FFCC66;}
.storage-area .ui-selected{background-color:#FF6666; color:#FFFFFF; font-weight:bold}

.storage-menu{
}

.storage-menu a,.storage-menu button,.storage-menu input{
    font-size: 16px;
    margin-bottom: 10px;
}

.storage-preview-icon {
    margin-left: 8px;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}

.storage-preview-icon:hover,
.storage-preview-icon:focus {
    text-decoration: none;
    color: #222;
    outline: none;
}

/*moneytree*/
.moneytree-result-box{
    padding: 10px;
    border: 1px solid CornflowerBlue;
    border-radius: 6px;
    background: CornflowerBlue;
    box-shadow: 0px 0px 5px 0px midnightblue inset;
    margin: 24px 12px;
}
.moneytree-result-box table{
    margin: 0 auto;
}
.moneytree-result-box table tr th{
    padding: 4px;
}
.moneytree-result-box table tr td{
    background-color: white;
}
.moneytree-result-box table tr td select.m-year{
    display:inline;
    width: 108px;
}
.moneytree-result-box table tr td select,.moneytree-result-box table tr td input{
}
.moneytree-result-box table tr td table.small{
}
.moneytree-result-box table tr td table.small tr td{
    padding: 4px;
}
/*task*/
table.task-calendar{
}
table.task-calendar tr td{
    padding: 0;
}
table.task-calendar tr td a{
    display: block;
    padding: 6px;
    color: black;
    text-decoration: none;
}
table.task-calendar tr td.today{
    background-color: #FFEFD5;
}
table.task-calendar tr td.sunday{
    background-color: #FFF0F5;
}
table.task-calendar tr td.sunday span.sunday{
    color:#DC143C;
}
table.task-calendar tr td.saturday{
    background-color: #F0FFFF;
}
table.task-calendar tr td.saturday span.saturday{
    color: steelblue;
}
table.task-calendar tr td:hover{
    cursor: pointer;
    background-color: #FFE4C4;
}
table.task-table{
}
table.task-table tr td{
    padding: 4px;
    font-size: 12px;
}
table.task-table tr td select,table.task-table tr td input{
    font-size: 12px;
}
table.task-table tr td textarea{
    height: 72px;
    font-size: 12px;
}
table.task-table tr td p{
    font-size: 11px;
}
table.task-table tr td button{
    font-size: 11px;
}
table.task-table tbody.sortable{
    cursor: move;
}
.taskmodal ul.nav li a{
    width: 369px;
}
.taskmodal ul.nav li:nth-child(1) a{
    width: 370px;
}
p.task-inner-comment{
    margin-bottom:0;
}
p.task-inner-comment a{
    cursor: pointer;
}
table.task-calendar tr th{
    padding: 4px;
    text-align: center;
}
table.task-calendar tr td a{
    padding: 12px 8px;
}
#newTaskTable tr td select.agent{
    display: inline;
    width: 280px;
}
#newTaskTable tbody{
    border-bottom: 4px double silver;
}
.taskMenuField h4{
    font-size: 17px;
}
.taskMenuProgress{
    overflow: hidden;
    padding-right: 12px;
}
.taskMenuStatus{
    overflow: hidden;
    text-align:center;
}
.taskMenuStatus .box{
    overflow: hidden;
    width: 78px;
    padding: 0 10px;
}
.taskMenuStatus p{
    font-size: 12px;
    color: black;
}
.taskMenuStatus span.labelNumber{
    display: block;
    margin-left: 4px;
    width: 50px;
    color: white;
    text-align:center;
    border-radius: 8px;
}
.taskMenuStatus span.red{
    background-color: #ed8077;
}
.taskMenuStatus span.green{
    background-color: #5eb5a6;
}
.taskMenuStatus span.blue{
    background-color: #4488c5;
}
.taskMenuStatus span.black{
    background-color: #AA0000;
}
.taskMenuStatus span.dark{
    background-color: lightslategray;
}

.taskMenuField{
    padding-right: 0;
}
.taskMenuBoxArea{
    padding-right: 15px;
    overflow: scroll;
    max-height: 220px;
}
.taskMenuBoxArea a{
    text-decoration:none;
}
.taskMenuIncompleteArea{
    overflow: scroll;
    max-height: 220px;
}
.taskMenuBox{
    height: 54px;
    margin-bottom: 6px;
    padding: 6px;
    border: 1px solid silver;
    border-radius: 4px;
}
.taskMenuBox:hover{
    background-color: navajowhite;
}
.taskMenuBox img{
    float: left;
    width: 40px;
    height: 40px;
}
p.taskMenuBoxText{
    margin: 0;
    padding-left: 48px;
}
.taskMenuIncompleteArea table{
    margin-top: 0;
}
.taskMenuIncompleteArea table tr th, .taskMenuIncompleteArea table tr td{
    padding: 8px 4px;
    font-size: 12px;
}
span.badge0{
    background-color: #ed8077;
}
span.badge1{
    background-color: #5eb5a6;
}
span.badge2{
    background-color: #4488c5;
}
.badge{
    background-color: black;
    color: white;
}
.badge-danger{
    background-color: #AA0000;
    color: white;
}
.header-head .select2-container{
    margin: 0 8px 0 0 !important;
}

.message-area{
    overflow: hidden;
}
.message-area .message-menu{
    padding: 24px 24px 24px 6px;
    width: 200px;
}
.message-area .message-menu table{
    margin-top:24px;
}
.message-area .message-menu table a{
    text-decoration: none;
}
.message-area .message-content{
    width: 980px;
    padding: 24px 0;
}
.message-area .message-content table{
    border-bottom: 1px solid #ddd;
}
.message-area .message-content table tr.message-read-0{
    background-color: #EEEEEE;
}
.message-area .message-content table tr.message-read-0:hover{
    background-color: navajowhite;
}
.message-area .message-content table tr td{
    padding: 12px 6px;
    vertical-align: middle;
}
.message-area .message-content table tr td.list-head{
    width: 40px;
}
.message-area .message-content table tr td.list-head span.badge{
    width: 62px;
}
.message-area .message-content table tr td.list-name{
    width: 180px;
}
.message-area .message-content table tr td.list-date{
    width: 80px;
    font-size: 12px;
    text-align: center;
}
.message-area .message-content table tr td.list-date span.label{
    font-size: 14px;
}
span.thread-status-0{
    color: black;
    background-color: white;
    border: 1px solid silver;
    font-size: 12px;
    width: 120px;
    display: inline-block;
}
span.thread-status-1{
    background-color: #449d44;
    font-size: 12px;
    width: 120px;
    display: inline-block;
}
span.thread-status-2{
    background-color: #777;
    font-size: 12px;
    width: 120px;
    display: inline-block;
}
span.thread-status-3{
    background-color: #ec971f;
    font-size: 12px;
    width: 120px;
    display: inline-block;
}
span.thread-status-4{
    background-color: #e74c3c;
    font-size: 12px;
    width: 120px;
    display: inline-block;
}
span.thread-status-5{
    background-color: #9b59b6;
    font-size: 12px;
    width: 120px;
    display: inline-block;
}
.message-box-area{
    overflow: hidden;
}
.message-area .message-box{
    overflow: hidden;
    width: 98.5%;
    margin-bottom: 8px;
    border: 1px solid silver;
    border-radius: 4px;
}
.message-area .message-from-0{
    float: right;
    border: 2px solid steelblue;
}
.message-area .message-from-1{
    border: 2px solid silver;
}
.message-area h2.message-title{
    margin-top: 0px;
    margin-left: 8px;
    margin-bottom: 24px;
    padding-left: 8px;
    font-size: 22px;
    border-left: 6px solid midnightblue;
}
.message-ini-view{
    padding: 12px;
}
.message-ini-view:hover{
    cursor: pointer;
    background-color: whitesmoke;
}
.message-ini-view p span{
    color: gray;
}
.message-ini-view span.message-ini-date{
    float: right;
}
.message-ini-view p span.label,.message-open-view p.message-title span.label{
    margin-top: -3px;
    margin-right: 8px;
    color: white;
}
.message-open-view p.message-title{
    margin-bottom: 4px;
}
.message-open-view p.message-title span{
    color: gray;
    float: right;
}
.message-open-view p.message-to{
    margin-left: 4px;
    color: gray;
}
.close-dev{
    padding: 12px;
}
.message-open-view .close-dev:hover{
    cursor: pointer;
    background-color: whitesmoke;
}
.message-open-view p.message-comment{
    margin: 16px 8px;
}
.message-control{
    margin-top: 16px;
    text-align: center;
}
.message-control button, .message-control a{
    margin: 0 6px;
    padding: 10px 112px;
}
table.message-menu tr td{
    padding: 0;
}
table.message-menu tr td a{
    display: block;
    padding: 8px;
}
#loading {
    z-index: 99999999999999;
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
}
#loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("https://storage.googleapis.com/asia.artifacts.infrastructure-193922.appspot.com/re_assets/img/loading.gif") center center no-repeat;
}
span.badge-warning{
    background-color: #ec971f;
}
span.badge-success{
    background-color: #449d44;
}
span.badge-primary{
    background-color: #3071a9;
}
span.thread-status{
    font-size: 14px;
    margin-right: 8px;
}