@charset "UTF-8";
:root{
}
html, body{width:100%;}
body{overflow-x: hidden;}
body{background: #F5F7FA;}
a{text-decoration: none; font-weight: 500;}
section{width:calc(100% - 20px); max-width:1680px; margin:0 auto; position: relative;}
header{width:100%; padding:10px; background: #535353; box-shadow: 0 0 5px rgba(0,0,0,0.4); position: relative;}
header .logo{font-size:20px;}
header .tools{position: absolute; right:10px; top:10px;}
nav{background: #fff; position: relative; padding:10px;}
nav section{display: flex; gap:10px; justify-content: center;}
.dropdown-menu{padding:0;}
.dropdown-menu a{display: block; padding:10px; font-weight: 600; color:#666; border-bottom: 1px #f2f2f2 solid;}
.dropdown-menu a:nth-last-child(1){border:none;}
main{margin:40px 0;}
footer{background: #7a7a7a; padding:10px;}
.card-body .media-icon{width:30%; font-size: 50px; line-height: 1; color:#FFA87D;}
.card-body .media-body{width:70%; text-align: right;}
.bootstrap-tagsinput{width:100%;}
.bootstrap-tagsinput .tag{background:#0d6efd; padding:2px 8px; border-radius: 5px; display: inline-flex; position: relative;}
.bootstrap-tagsinput:has(.tag) .twitter-typeahead input{display: none;}
.tt-menu{background: #fff; border:1px #666 solid; border-radius: 5px;}
.tt-menu .tt-selectable{padding:2px 5px;}
.tt-menu .tt-selectable:hover{background: #0d6efd; color:#fff; }
.bootstrap-tagsinput input{max-width: 120px;}
#iframeModal .modal-dialog{width:calc(100% - 2rem); max-width:1024px;}
@media screen and (max-width:825px) {
}

@media print{
    html, body{ width:100%; height:auto; overflow:auto; }
}