.verticalMiddleLine,header .logo img,header .logo span,header .user i,header .user span{display:inline-block;vertical-align:middle}*{font-family:'Open Sans', 'Kanit';-webkit-font-smoothing:subpixel-antialiased}html,body{max-width:1920px;margin:auto;background:#f5f5f5}html{opacity:0}.cover-loading{position:fixed;opacity:0;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fff;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.cover-loading.show{opacity:1;z-index:9999999}header{position:fixed;top:0;left:0;right:0;background:#606b75;z-index:2}header:after{clear:both;content:" ";display:table}header .logo{float:left;padding:10px}header .logo img{height:41px}@media (max-width: 768px){header .logo img{height:24px}}header .logo span{color:#ddd;font-size:24px;letter-spacing:-1px;padding-left:10px}@media (max-width: 768px){header .logo span{font-size:18px}}header .logo span strong{letter-spacing:0px;color:#fff}header .mobile-icon{float:right;color:#fff;padding:15px 15px 0 0}@media (max-width: 768px){header .mobile-icon{padding:8px 15px 0 0}}header .mobile-icon i{color:#fff;font-size:28px;cursor:pointer}header .mobile-icon i:hover{opacity:0.7}header .user{float:right;height:61px;background:#383838;padding:10px 15px 0 15px;border-left:4px solid #878f96}header .user i{width:40px;height:40px;background:#fff;color:#999;text-align:center;padding-top:11px;font-size:24px;line-height:16px;-webkit-border-radius:10000px;-moz-border-radius:10000px;-ms-border-radius:10000px;border-radius:10000px}header .user span{color:#fff;font-size:12px;line-height:15px;padding-left:5px}.paging{text-align:center}.paging button{margin:3px}.paging button.active{cursor:default;opacity:0.4}footer{background:#333;position:fixed;left:0;right:0;bottom:0;z-index:2;padding:12px 25px}footer .copyright{color:#999;font-size:11px;text-align:center}.body{min-height:90%;padding-top:61px;padding-bottom:39px;padding-left:100px;position:relative}@media (max-width: 992px){.body{padding-left:0}}.side-menu{position:fixed;top:0;left:0;bottom:0;z-index:1;background:#444;padding-top:61px;padding-bottom:39px;width:100px}.side-menu .logo{display:block;margin:15px auto;width:60%}.side-menu a{padding:15px 10px;display:block;position:relative;text-align:center;border-top:1px solid #666}.side-menu a .notify{position:absolute;top:10px;right:-3px;font-size:12px;color:#fff;background:#dd0000;padding:2px 4px}.side-menu a:last-child{border-bottom:1px solid #666}.side-menu a.active{background:#222;color:#fff}.side-menu a.active i{color:#fff}.side-menu a i{display:block;color:#777;font-size:36px}.side-menu a span{display:block;color:#ccc;padding-top:10px;font-size:11px;line-height:15px}.mobile-menu{text-align:right;padding:100px 20px 20px}.mobile-menu a{display:block;font-size:24px;padding-bottom:10px;color:#ccc}.mobile-menu button{color:#aaa;opacity:1;font-size:50px;top:10px;right:20px;position:absolute;text-shadow:none}.mobile-menu button:hover,.mobile-menu button:focus{color:#fff}page{display:block;padding:30px}@media (max-width: 992px){page{padding:15px}}.btn-success{color:#fff;background-color:#5cb896;border-color:#5cb896}.modal-header{background:#eee;padding:15px 30px}.modal-header .close{font-size:26px}.modal-body{padding:15px 30px}.modal-footer{background:#f5f5f5;padding:15px 30px;text-align:center}.modal-footer .btn{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;font-size:13px;padding:10px 15px}h1{font-size:24px;margin:0}.filter{overflow:hidden;margin:20px 0 30px}.filter button{display:block;font-size:14px;float:left;background:#fff;border:1px solid #eee;border-right:none;padding:8px 15px;color:#999}.filter button:last-child{border-right:1px solid #eee}.filter button.active{background:#cc4a4e;color:#fff}.box{background:#fff;padding:30px}.box.with-margin{margin-top:20px}.box .search-field{margin:0 0 30px;position:relative}@media only screen and (max-width: 768px){.box .search-field{margin-bottom:20px}}.box .search-field i{position:absolute;top:11px;left:0;color:#aaa;font-size:28px}.box .search-field input{padding:14px 0;padding-left:45px;font-size:16px;display:block;width:100%;border:none;border-bottom:1px solid #aaa;background:#fff;outline:none;color:#666}.box .list{margin-top:30px}.box .list .table th{background:#8d9398;border-bottom:3px solid #333;color:#fff;vertical-align:middle;font-weight:normal;padding:15px 15px 13px;white-space:nowrap}.box .list .table td{padding:10px 15px;font-size:13px;color:#000;vertical-align:middle;border-bottom:1px solid #eee}.box .list .table td i{margin-right:5px;color:#aaa}.box .list .table .operation{background:#f8f8f8;text-align:center}.box .list .table input{padding:4px;vertical-align:middle}.box .list .table .status span{white-space:nowrap;display:inline-block;padding:3px 10px 4px;-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;border-radius:1000px;color:#fff}.box .list .table .status span.red{background:#cc0000}.box .list .table .status span.blue{background:#a0d5e4}.box .list .table .status span.green{background:#35d2ae}.modal-form{max-width:800px;width:auto}.modal-form.small{max-width:500px}.modal-form .modal-body{padding-top:30px}.modal-form label{color:#aaa;font-size:14px;font-weight:normal;margin-bottom:5px;white-space:nowrap;overflow:hidden}.modal-form .form-control{margin-bottom:30px;height:auto;border:none;border-bottom:1px solid #ddd;padding:10px 0;font-size:16px;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}.modal-form .picture{margin-bottom:30px}.modal-form .picture img{display:block;max-width:100%}.swal2-content .swal2-html-container ul{margin-top:15px;text-align:left}