@charset "utf-8";
/* admin style */
html, body, div, p, a, img, article, main, header, footer, ul {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body { background-color: #F5F7F9; }

a { color: black !important;}

.row { overflow: hidden;}

.bg-blue { background-color: #1a237e !important; }
.bg-red { background-color: red !important; }
.bg-gray {background-color: #F5F7F9 !important; }
.font-white { color: white;}
.d-none { display: none; }
.p-bold { font-weight: 600}
.p-limit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

div.container-fluid { margin-top: 50px; }

.cmd-container {position: fixed;bottom: 20px;right: 20px; width: 60px; font-size: 45px; }
.cmd-container i { color: #1a237e; }

header { position: fixed; width: 100%; top: 0; background-color: white; z-index: 1;  padding: 10px 0; height: 50px; }
header .col {height: 100%;}
header .col p.float-start {line-height: 30px; font-size: 15px; font-weight: 600;}

main {background-color: #F5F7F9; min-height: calc(100vh - 50px)}
main div.col { background-color: white; margin: 30px; padding: 20px; border-radius: 30px;}

main.login div.col div { max-width: 400px; margin: 15vh auto 0;}
main.login div.col div input { margin: 0 0 10px; padding: 10px 15px; border-radius: 10px; border: 1px solid #1a237e; font-size: 1.2em; }
main.login div.col div button { background-color: #1a237e; color:white;}

main.main>div.col { background-color: #F5F7F9; margin: 0; padding: 0; border-radius: 0; }
main.main div.col div.row div.col { min-height: 100px; }
main.main div.col div.row:nth-child(2) div.col { margin-top:0; }
main.main div.col div.dropdown { margin: 10px 0 0; padding-left: 15px;}
main.main div.col button.dropdown-toggle { background-color: white; font-size: 12px; color: black; padding:2px 10px; border: 1px solid #1a237e !important;}
main.main div.col div.row div.col p.zero-p { color: gray; margin: 100px auto; }
main.main div.col div.row div.col div.list-container { position: relative; margin: 15px; border-radius: 20px; padding: 15px 25px; border: 3px solid #1a237e; width: 100%; max-width: 300px; overflow: hidden}
main.main div.col div.row div.col div.card-container p {margin-right: 10px; padding: 2px 10px ; background-color: #F5F7F9; font-size: 15px;}
main.main div.col div.row div.col div.list-container.return { border-color: red; }
main.main div.col div.row div.col div.list-container.done { background-color: #F5F7F9; border: none; }
main.main div.col div.row div.col p { margin-bottom: 5px;}
main.main div.col div.row div.col p.item-state { display: inline-block;border: 1px solid black;border-radius: 3px;padding: 0 3px;font-weight: 600; font-size: 15px;}
main.main div.col div.row div.col p.list-title { font-size: 25px;}
main.main div.col div.row div.col p.list-content { height: 55px; overflow: hidden; font-size: 15px;}
main.main div.col div.row div.col p.list-sm { font-size: 12px; margin-left: 10px;}
main.main div.col div .list-writer { margin-bottom: 0 !important; margin-top: 15px; font-size: 15px;}
main.main div.col div .creator_date {  margin-bottom: 15px !important; font-size: 12px !important; color: gray; }

main.write div.col > div { max-width: 400px; margin: 10vh auto 0;}
.form-label { font-size: 15px; font-weight: 600; }
main.write div.col div input, main.write div.col div textarea { margin: 0 0 10px; padding: 10px 15px; border-radius: 10px; border: 1px solid #000000; }
main.write div.col div div.dropdown { margin: 10px 0 0;}
main.write div.col div button.dropdown-toggle { background-color: white; font-size: 12px; color: black; padding:2px 10px; border: 1px solid #1a237e !important;}
main.write div.col div ul#sortable {margin-top: 15px;}
main.write div.col div ul#sortable li {list-style: none; background-color: #1a237e; color: white; border: none; margin-bottom: 5px; padding: 5px 3px; font-size: 15px; border-radius: 8px; cursor: pointer}
main.write div.col div ul#sortable li.dragging { background-color: white; border: 1px solid #1a237e; color: #1a237e}
main.write div.col div div.btn-container { margin: 10px auto 0 }
main.write div.col div div.btn-container button { margin-bottom: 5px; }
main.write div.col div input#files_ { padding: 0; border: none; border-radius: 0; }
main.write div.col div div#file_list { margin-bottom: 10px; border: 1px solid #000000; border-radius: 10px; padding: 10px 15px; }
main.write div.col div ul li { display: flex; }
main.write div.col div ul li p { line-height: 15px; }
main.write div.col div ul li i { color: red; cursor: pointer; margin-right: 10px; }

main.detail div.col p.item-state { display: inline-block;border: 1px solid black;border-radius: 3px; font-weight: 600; padding: 0 3px; margin-bottom: 10px; font-size: 15px;}
main.detail div.col div .title { font-size: 30px; font-weight: 600; }
main.detail div.col div .creator_info { text-align: right; margin-top: 10px; border-bottom: 1px solid black; padding-bottom: 10px}
main.detail div.col div .creator_name { font-size: 15px; font-weight: 600;}
main.detail div.col div .creator_date { font-size: 12px; color: gray; }
main.detail div.col div .title { font-size: 30px; font-weight: 600; }
main.detail div.col div .content { margin-top: 20px;font-size: 15px; font-weight: 600; }
main.detail div.col div ul#ul-add { margin-top: 20px; border: 2px solid black; padding: 20px; border-radius: 15px}
main.detail div.col div ul#ul-add li { list-style: none; font-size: 15px; margin-top: 10px}
main.detail div.col div ul#ul-add li:nth-child(1) {margin-top: 0 }
main.detail div.col div ul#ul-add li div { margin-left: 10px; font-weight: 600; }
main.detail div.col div ul#ul-add li .date { list-style: none; font-size: 12px; color: gray;}
main.detail div.col div div.btn-container { margin: 10px auto 0 }
main.detail div.col div div.btn-container button { margin-bottom: 5px; }
main.detail div.col p.p-text {text-align: center; margin-top: 20px; color: darkgrey; font-size: 15px;}
main.detail div.col ul i.check-yes {color: #1a237e; }
main.detail div.col ul i.check-no {color: red; }
main.detail div.col ul i.check-yet {color: lightgray;}
main.detail div.col div div.list-group a{ display: flex; }
main.detail div.col div div.list-group a i { margin-right: 10px; color: blue; }