html,body{
    height:100%;
    margin:0;
    background:#ffffff;
}

i{
    width:14px;
    hegith:14px;
}

.tab-pane{
    background:#ffffff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background:#ffffff;
}

.row{
    padding:10px;
}

.left-list-card{
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    margin:0 auto;
    margin-top:6px;
    max-width: 300px;
    min-height: 15px;
    position: relative;
    z-index: 0;
    display:block;
    padding:4px;
}
.left-list-card:hover{
    background-color:#EEE;
}


.box_dashboard{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding:10px;
    width:100%;
    min-width: 300px;
    min-height:200px;
    position: relative;
    z-index: 0;
    display:block;
    padding:4px;
    overflow:auto;
}

.list-board{
    width:100%;
    height:100%;
    overflow:auto;
    white-space: nowrap;
    min-height:400px;
}

.list-wrapper{
    width: 200px;
    margin: 0 5px;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.list-wrapper-large{
    width: 250px;
    margin: 0 5px;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.list{
    background: #E2E4E6;
    border-radius: 3px;;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    position: relative;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.list-header{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px 10px;
    position: relative;
    min-height: 18px;
}

.list-header-extra{
    position: absolute;
    right: 4px;
    top: 4px;
}

.list-bottom{
    border-radius: 0 0 3px 3px;
    color: #8c8c8c;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px 10px;
    position: relative;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.list-cards{
    flex: 1 1 auto;
    overflow-y: auto;
    margin: 0 4px;
    padding: 0 4px;
    z-index: 1;
    min-height: 0;
    -webkit-box-flex: 1;
    overflow-x: hidden;
}
.list-card{
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    margin:0 auto;
    margin-top:6px;
    max-width: 300px;
    min-height: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display:block;
    padding:4px;
}
.card-label{
    margin: 0 3px 3px 0;
    font-size: 0.714286rem;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 5px, rgba(0, 0, 0, 0.2) 0px 0px 2px;
    line-height: 1.14286rem;
    height: inherit;
    width: auto;
    display: inline;
    padding: 0px 0.5em !important;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bg-red{
    background-color: #EB5A46;
}
.bg-green{
    background-color: #79b74a;
}
.bg-blue{
    background-color: #2C6EBD;
}
.bg-orange{
    background-color: #D57500;
}

.member {
    float: right;
    margin: -30px 0 4px 4px;
    background-color: #D6DADC;
    border-radius: 3px;
    color: #4d4d4d;
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 30px;
    user-select: none;
    z-index: 0;
}

.member-initials {
    display: block;
    font-size: 9pt;
    font-weight: 700;
    height: 30px;
    left: 0;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.footer {

}

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.5;/*透明度80%*/
 }
}
.blinking{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.5s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}


.badges{
    color: #8c8c8c;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
}
.badge-text{
    margin-left:5px;
    
}
.alerm_on{
    color:red;
    font-weight:bold;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}

/*****************/
/*  drag n drop  */
/*****************/

  .tilt {
    transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
  }

/***************/
/*   フォーム  */
/***************/



/***************/
/*  詳細ページ */
/***************/

dl,dt,dd {
    box-sizing: border-box;
}
dl {
    border-bottom: 1px solid #eee;
}
dt,dd {
    padding: 3px 10px 0 10px;
    border-top: 1px solid #eee;
}
dt {
    width: 30%;
    float: left;
    text-align:right;
    padding-right:30px;
}
dd {
    background: #fff;
    margin-left: 30%;
    padding-bottom: 3px;
}
dd:after {
    content: '';
    display: block;
    clear: both;
}

.modal{
    position:fixed;
    width:300px;
    height:140px;
    top:50%;
    left:50%;
    margin-top:-70px;
    margin-left:-150px;
    z-index:1002;
    display:none;
    background:#fff;
    border:2px solid rgb(51, 122, 183);
    border-radius:10px;
    padding:0 10px 10px 10px;
    font-size:16px;
}
.modal_error{
    position:fixed;
    width:300px;
    height:140px;
    top:50%;
    left:50%;
    margin-top:-70px;
    margin-left:-150px;
    z-index:1002;
    display:none;
    background:#fff;
    border:2px solid #b71c1c;
    border-radius:10px;
    padding:0 10px 10px 10px;
    font-size:16px;
}

.modal_files{
    position:fixed;
    width:90%;
    height:90%;
    top:5%;
    left:5%;
    z-index:1002;
    display:none;
    background:#fff;
    border:2px solid black;
    border-radius:5px;
    padding:10px;
}

.modal_wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1001;
    background-color:#454545;
    filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	display:none;
}
.modal_title{
    background:rgb(51, 122, 183);
    color:#fff;
    font-weight:bold;
    border-radius:10px;
    text-align: center;
}
.modal_error_title,.modal_delete_title{
    background:#b71c1c;
    color:#fff;
    font-weight:bold;
    border-radius:10px;
    text-align: center;
}

.btn-xs{
    width:80px;
}

/* チェックボックス */
.melon-checkbox:checked+.melon-checkbox_label::before {
    color: #fb9934;
    border-color: #fb9934;
}
.melon-checkbox+.melon-checkbox_label::before {
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 1.5em;
    display: inline-block;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.2em;
    margin-right: 4px;
    padding: 0.04em 0.05em;
    color: #e3e3e3;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    float: left;
}

.small_title {
    margin:5px;
    padding-left:10px;
    font-size:20px;
    border-left:5px solid #5176ae;
}

.small_title2 {
    margin:5px;
    padding-left:10px;
    font-size:20px;
    border-left:5px solid #228b22;
}

.navbar{
    top:0;
    position:fixed;
    width:100%;
}

.user-image{
    margin-right:10px;
    width:26px;
    height:26px;
    border-radius:13px;
    border:1px solid #eee;
}

.position-fixed{position:fixed!important}
.d-none{display:none!important}

.required{
    border:1px solid orange;
    border-radius:5px;
    color:orange;
    padding:2px;
    margin-left:-5px;
    margin-right:5px;
    font-size:small;
    float:left;
}