@import url('https://fonts.googleapis.com/css?family=Prompt');
/*Common*/
body{
    font-family: 'Prompt', sans-serif;
    font-size: 1.0em;
    margin: 0px;
 
}
.header{
    min-height: 100px;
    background-color: #006699;
}
a{text-decoration: none; color:#333;}
.container{
    min-height: 300px;
    padding:10px;
 }
.footer{
     min-height: 100px;
    background-color: #990066; 
}
#wrapper{width: 900px; margin: 0 auto 0 auto; background-color: #FFF; box-shadow:0px -5px 15px #999;}

.clear{clear: both;}
.topic{font-size: 1.2em; }
/****Login Page****/
.login-block{margin: 100px auto 100px auto;max-width:250px; }
.login-block .topic{ padding-left: 20px;}
/*Manage*/
.manage-box .btn-new{ font-size: 1em; display: inline-block; line-height: 25px;background-size: 13px; background-repeat: no-repeat;text-indent: 16px;background-position: 8px ; border:1px solid #ccc; padding:3px 10px 3px 10px;}
.manage-box .btn-new:hover{ background-color:#ccc;}
.icon-new{
    background-image: url('/assets/themes/default/images/icon-new.png');

}
/**Form**/
form.form-input{ border: 1px solid #56b5ae;}
.form{margin:20px auto 20px auto; max-width: 900px;}
.topic-form{ /*border: 1px solid #bbb;*/ padding: 5px;background:#56b5ae; font-size: 1.2em;}
.form .input{margin:20px;} 
.form .input .name{ font-weight: bold;}
.icon-datepicker{ width: 36px;position: absolute;margin-left: 10px;margin-top: -2px;}
form input[type='text'].datepicker{width:150px;}
form select,.list-select select{padding:5px; font-size: 1.0em; height: 40px; }
form input[type='text'],form input[type='password'],form textarea{padding:5px; width: 100%;}
form input[type="submit"]{ padding: 5px 40px 5px 40px; font-size: 1.2em; width: 100%; max-width: 250px;}
input,textarea,select{ font-family: 'Prompt', sans-serif;}
form input[type='text'],form select{ width: 100%;};
form input{padding:0px;font-size: 1.0em;}
form input[type='submit']{background-color: #007788; border: 0px; color:#FFF;}
#breadcrumbs{ padding: 10px;}
.breadcrumb div{display: inline-block;}
form .f-notice{
    color:#FF7E00;
}


.contents{
    margin:20px 0 20px 0;
}
.table-list  td,.table-list table tr{
    border:1px solid #E5E5E5;
    padding:3px;
    font-size: 0.9em;
}
.table-list   tr:first-child{
    background-color:#efefef;
    font-weight: 600;
}
.contents .table-list{border-collapse: collapse; border:#ccc; }
.contents .content{ border:1px solid #ccc; margin-bottom: 20px;padding:10px;}
.contents .content .logo{ width: 20%; min-height: 10px; float:left;}
.contents .content .logo img{ width: 90%; border: 1px solid #bbb;}
.contents .content .data{ width: 55%;min-height: 10px; float:left;}
.contents .content .manage{ width: 25%; float:left; text-align: left; font-size: 0.8em;}
.contents .content .manage a{ text-decoration: underline;}
.file-box{ background-color: #eee; padding: 10px; margin-bottom: 10px;}
.file-box .b-name,.file-box .b-detail{ display:inline-block;}
.file-box .b-name{width:100px;}
.manage .m-name,.manage .m-name{display:inline-block;}
.manage .m-name{width: 60px;}
.block-hide{ background-color:#f29f97;}
.status-show{ color:#0000FF;} 
.status-hide{ color:#FF0000;}
.file-box{ font-size: 0.8em;}
.list-select{margin-bottom: 10px;}
.signature img{ height: 50px;}