@import url('https://fonts.googleapis.com/css?family=Prompt');
/*Common*/
body{
    font-family: 'Prompt', sans-serif;
    font-size: 1.0em;
    margin: 0px;
 
}
.hide{ display: none;}
.header{
    min-height: 100px;
    background-color: #3399ff;
    
}
.header img{ width: 50%; max-width: 500px;}
a{text-decoration: none; color:#333;}
.container{
    min-height: 300px;
    padding:10px;
 }
 table{ background: #FFF !important;}
.footer{min-height: 50px; background-color:#3399ff;  padding:10px;   color:#FFF; text-align: center;}
.footer .address,.footer .tel{ font-size:0.8em;}

#wrapper{min-width: 1000px; 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; margin-bottom: 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'],form input[type='button']{background-color: #007788; border: 0px; color:#FFF;}
#breadcrumbs{ padding: 10px;}
.breadcrumb div{display: inline-block;}
form input[type="button"]{padding:10px; font-weight: 600; border-radius: 5px;}
#display-office .o-list:hover{ background-color: #d2eaf6;}
#display-office .o-list{ padding:3px; background-color: #efefef; margin-top: 3px; }
#display-office .o-list .o-1{ width: 90%; float: left;}
#display-office .o-list .o-2{ width: 25px; float: right;}
form .f-notice{
    color:#FF7E00;
}


.contents{
    /*margin:20px 0 20px 0;*/
}
.table-list  td,.table-list table tr{
    border:1px solid #E5E5E5;
    padding:3px;
   
}
.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: 10%; 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:right; text-align: left; font-size: 0.8em;}
.contents .content .manage a{ text-decoration: underline;}
.file-box img{ max-width: 200px;}
.file-box{ background-color: #eee; padding: 10px; margin-bottom: 10px; margin-top: 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:#ffcccc;}
.block-inactive{ background-color:#bbb;}
.table-list table tr:nth-child(n+2):hover{
    background-color:#DEFEED;
}
.status-show{ color:#0000FF;} 
.status-hide{ color:#FF0000;}
.file-box{ font-size: 0.8em;}
.list-select{margin-bottom: 10px;}
.signature img{ height: 50px;}
.small{ font-size:0.8em}
a.btn-edit{ 
    width:30px;
    height:30px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/icon-edit.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
a.btn-delete{ 
    width:30px;
    height:30px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/icon-delete.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
a.btn-view{ 
    width:30px;
    height:30px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/icon-view.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
a.btn-list{ 
    width:30px;
    height:30px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/icon-list.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

.contents .table-list tr:not(:first-child):hover{ /*background-color:#ccffcc;*/}
.file-tree a.btn-tree{display: inline-block;background-size: 23px 23px;  background-repeat: no-repeat; margin-right: 10px;text-indent: 27px; margin-top: 4px;}
a.file-name{display: inline-block; margin-right: 50px;} 
 
.file-tree a.t-add{background-image:url(/assets/themes/default/images/icon-add.png);margin-left: 10px; }
.file-tree a.t-delete{background-image:url(/assets/themes/default/images/icon-delete.png);}
.file-tree a.t-edit{background-image:url(/assets/themes/default/images/icon-edit.png);}
.file-tree .t-add{ display: none;}
.file-tree .show-btn{margin-left: 50px; border: 1px solid #eee;   display:inline-block;  background-color:#efefef; border-radius: 5px;}
.file-list li{line-height:40px;}
.file-tree .show-btn {line-height: 30px !important;}

.get-form{ display: block; position: absolute; z-index: 1; border:2px solid;}
.popup .form .name{width:30%; float: left;}
.popup .form .value{width:70%; float:right;}
.blocker{ background-color: rgba(0,0,0,0.5) !important;}
.popup .form .input.btn{ text-align: center; margin-bottom: 0px;}
.popup .form input{width:100%; padding: 7px;}
.file-list   a{ display: inline-block; min-width: 30px; min-height: 20px;}
.bottom-line{ border-bottom: 1px solid #ccc; height: 3px;}
.file-box .fbox{margin-top: 7px;}
.file-box input[type="checkbox"]{ transform: scale(1.5); margin-top: 5px;}
form .form-notis{ color:#ff6666;}
input[type='file']{display: inline-block !important;}
.table-list table td.t-edit{ width: 25px;}
.table-list table td.t-delete,.table-list table td.t-xml,.table-list table td.t-table,.table-list table td.t-html{ width: 25px;}
.table-list table td.t-list{ width: 25px; text-align: center;}
.table-list table .info_category{ font-size: 0.8em; color:#aaa;}
.blocker{z-index: 10000 !important;}
.t-edit a{
    width:25px;
    height:25px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/update.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    text-align: center;
}
.t-table a{
    width:25px;
    height:25px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/table.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    text-align: center;
}
.t-list a{
    width:25px;
    height:25px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/list.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    text-align: center;
}
.t-delete{text-align: center;}
.t-del a{
    width:25px;
    height:25px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/icon-delete.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
}
.t-edit a{
    width:25px;
    height:25px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/icon-edit.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
}
.t-view a{
    width:25px;
    height:25px;
    display:inline-block;
    background-image:url(/assets/themes/default/images/icon-view.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
}
.table-list table{
    border-collapse: collapse;
    width: 100%;
    margin: 10px auto 10px auto;
}
.info_detail{ font-size: 0.8em;}
.search-box{ padding: 10px; background-color:#cceadb;  margin-bottom: 10px; border-radius: 10px;}
.search-box form{margin-bottom: 0px;}
.search-box input,.search-box select{ max-width: 170px !important; height: 40px;}
.paginagion strong,.paginagion a{ margin-right: 10px;}
.paginagion{margin-top: 10px;}
.total_rows{margin-top: 10px; width: 48%; float: left;}
.total_rows span{color: #0000FF;}
.total_rows .number{color:#0000FF;}
.table-list table  img{max-width: 200px;}
.table-list table .expired{ background-color: #ccc;}
.table-list table  .start-end{color:#0000FF;}
.table-list table .expired .start-end{color:#FF0000;}
.table-list.stats-list td:first-child{background-color:#efefef;}
.table-list.stats-list tr:first-child{ font-weight:normal;}
.table-list.stats-list .total{ font-weight: bold;}
.w50{ width: 48.5% !important;}
.input textarea,.input select,.input input{margin-top: 5px;}
.info-list .del_box{ display: inline-block; background-color:#FF7E00; padding: 0px 5px; font-size:0.9em;  font-weight: 500; text-decoration: none; color:#FFF; border-radius: 5px;  }
.info-list .del_box:hover{  background-color:#ff6666;}
.box-info-list{ padding:5px;}
.box-info-list:nth-child(odd){
    background-color:#efefef;
}
.box-info-list:hover{ background-color:#7ad7e7;}