.green{color:#34C759 !important}.red{color:#FF3B30 !important}.orange{color:#FF9500 !important}.blue{color:#007AFF !important}a{text-decoration:none !important;outline:none !important;color:#007AFF}a:focus,a:active,a:hover{text-decoration:none !important;outline:none !important;color:#007AFF !important;opacity:.4}body{background:#F2F2F7;color:#000;font-family:sans-serif;margin:0;padding:0}body .clear{clear:both}body #popupContainer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.4);visibility:hidden;transition:.4s;opacity:0}body #popupContainer .title{font-size:22px;font-weight:bolder;text-align:center;padding:15px;margin:0}body #popupContainer .content{font-size:17px;font-weight:normal;text-align:center;padding:15px;padding-top:0;margin:0}body #popupContainer .buttons{width:100%;text-align:center}body #popupContainer .buttons p{margin:0;padding:0;line-height:30px;padding:7px 15px;border-top:solid 1px rgba(190,190,190,0.36);font-size:17px}body #popupContainer #popupConfirm{position:absolute;top:-50%;left:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:9999;background:#FFF;border-radius:21px;padding:0;width:80%;transition:.4s}body #popupContainer.opened{visibility:visible;opacity:1}body #popupContainer.opened #popupConfirm.opened{top:50%}body header{position:fixed;top:0;left:0;box-sizing:border-box;width:100%;padding:0;padding-bottom:0}body header h1{margin:0;padding:0;text-align:center;font-size:17px;color:#000;font-weight:bold;line-height:50px}body header .left-act,body header .right-act{position:absolute;top:0;line-height:50px;font-size:17px}body header .right-act{right:15px}body header .left-act{left:15px}body header.scrolled{border-bottom:solid 1px rgba(190,190,190,0.36);background:#F2F2F2;z-index:9999}body main{position:relative;box-sizing:border-box;padding:0 15px;margin:0;padding-top:10px;margin-top:50px;margin-bottom:80px}body main .topinfo{opacity:.6;color:#3C3C43;border:solid 1px rgba(190,190,190,0.36);border-radius:8px;padding:10px}body main .topinfo:before{content:"\f05a";font-family:"FontAwesome";margin-right:5px}body main .result{margin-top:50px;margin-bottom:50px;text-align:center}body main .result p{font-size:22px;margin:0}body main h2{padding:0 15px;color:#3C3C43;font-size:13px;text-transform:uppercase;opacity:.6;font-weight:normal}body main .btn{width:100%;background:#FFF;text-align:center;line-height:30px;padding:7px 15px;margin:0;font-size:17px;margin-bottom:10px;border-radius:8px;outline:none !important}body main .btn.btn-blue{color:#007AFF}body main .btn.btn-red{color:#FF3B30}body main .btn:active{background:#3C3C43}body main table{width:100%;position:relative;box-sizing:border-box;padding:0 15px;background:#FFF;border-radius:8px;margin-bottom:30px}body main table tr{position:relative;box-sizing:border-box}body main table tr:last-child td:after{display:none}body main table tr td{box-sizing:border-box;position:relative;padding:7px 15px;overflow:hidden;vertical-align:middle}body main table tr td:after{content:"";position:absolute;left:15px;bottom:0;width:calc(100% - 30px);border-bottom:solid 1px rgba(190,190,190,0.36)}body main table tr td>*{vertical-align:middle}body main table tr td .status,body main table tr td .info{box-sizing:border-box;position:relative;display:inline-block;vertical-align:middle}body main table tr td .status{width:auto;margin-right:10px}body main table tr td .status i{font-size:17px;line-height:30px}body main table tr td .info,body main table tr td .info-sub,body main table tr td .details{display:inline-block;padding:0;margin:0;width:auto;color:#000;font-size:17px;margin-right:10px;line-height:30px}body main table tr td .info-sub{color:#3C3C43;opacity:.6}body main table tr td .details{margin:0;float:right;color:#3C3C43;opacity:.6}body main table tr td.opened .actions{transform:translateX(0%);right:0}body main table tr td.nodata{font-size:17px;color:#3C3C43;opacity:.6;font-style:italic;line-height:30px}body main table tr td.detail,body main table tr td.input{padding:7px 15px}body main table tr td.detail .name,body main table tr td.input .name,body main table tr td.detail .value,body main table tr td.input .value{display:inline-block;line-height:30px}body main table tr td.detail .image,body main table tr td.input .image{text-align:center;padding-top:15px}body main table tr td.detail .image img,body main table tr td.input .image img{max-width:100%;text-align:center}body main table tr td.detail .name,body main table tr td.input .name{font-size:17px}body main table tr td.detail .value,body main table tr td.input .value{font-size:17px;color:#3C3C43;opacity:.6;float:right}body main table tr td.detail.long .name,body main table tr td.input.long .name,body main table tr td.detail.long .value,body main table tr td.input.long .value{line-height:22px;display:block;float:none}body main table tr td.input .value{width:75%}body main table tr td.input .value input,body main table tr td.input .value textarea{border:none;display:inline-block;width:100%;outline:none;padding:0;margin:0}body main table tr td.input .value textarea{width:100%}body main table tr td.input .value .checkbox{margin:0;background:rgba(120,120,128,0.16);border-radius:999px;height:31px;width:51px;transition:.4s}body main table tr td.input .value .checkbox .toggle{position:absolute;left:2px;top:2px;background:#FFF;border-radius:999px;width:27px;height:27px;box-shadow:0 1px 1px rgba(0,0,0,0.1);transition:.4s}body main table tr td.input .value .checkbox.checked{background:#34C759}body main table tr td.input .value .checkbox.checked .toggle{left:22px}body main table tr td.input.long .value{width:100%}body main table tr td.more{text-align:center;font-size:17px}body main table tr td.active{background:rgba(190,190,190,0.36)}body main table tr td[data-goto],body main table tr td[data-request],body main table tr td[data-user]{cursor:pointer}body main table tr td[data-goto]:hover,body main table tr td[data-request]:hover,body main table tr td[data-user]:hover{background:rgba(190,190,190,0.36)}body main table tr:first-child td .actions ul li:last-child{border-radius:0 8px 0 0}body main table tr:first-child td{border-radius:8px 8px 0 0}body main table tr:last-child td .actions ul li:last-child{border-radius:0 0 8px 0}body main table tr:last-child td{border-radius:0 0 8px 8px}body #login{height:100%;width:100%;margin:0;padding:0;background-image:url(wallpaper.jpeg);background-size:cover;background-position:center}body #login h1{margin:0;padding:30px 0;color:#FFF;text-align:center;font-size:22px;font-weight:lighter}body #login form{position:absolute;bottom:50px;width:100%;left:0;text-align:center}body #login form ::placeholder{color:#FFF}body #login form input{display:block;width:220px;margin:0 auto;line-height:44px;border:none;outline:none;border-radius:999px;padding:0 15px;background:rgba(255,255,255,0.4);color:#FFF}body #login form button{position:absolute;left:50%;top:50%;transform:translate(72px, -50%);border:solid 1px #FFF;line-height:28px;height:30px;padding:0;margin:0;width:30px;border-radius:100%;background:none;color:#FFF}body #login p.error{position:absolute;left:0;width:100%;margin:0;padding:0;bottom:20px;color:#ff5b5b;text-align:center}body footer{position:fixed;bottom:0;left:0;width:100%;background:#FFF;border-top:solid 1px rgba(190,190,190,0.36);padding:10px 0}body footer #menu{position:relative;display:block;box-sizing:border-box;padding:0;list-style:none;margin:0}body footer #menu li{padding:0;margin:0;display:inline-block;text-align:center;font-size:17px;box-sizing:border-box;float:left;line-height:normal;color:#3C3C43;opacity:.6}body footer #menu li.half{width:50%}body footer #menu li.third{width:33%}body footer #menu li.active{color:#007AFF;opacity:1}body footer #menu li p{margin:0;padding:0}@media screen and (min-width:720px) and (min-device-width:720px){body header{max-width:720px;left:50%;transform:translateX(-50%)}body header.scrolled{background:#F2F2F2;border-left:solid 1px rgba(190,190,190,0.36);border-right:solid 1px rgba(190,190,190,0.36)}body main{margin-top:120px;padding:0;padding-top:15px;max-width:720px;margin-left:auto;margin-right:auto}body footer{position:fixed;top:50px;bottom:auto;width:100%;max-width:720px;left:50%;transform:translateX(-50%);background:none;border:none}body footer.scrolled{background:#F2F2F2;border:solid 1px rgba(190,190,190,0.36)}body footer #menu{margin:0 auto;width:auto;text-align:center}body footer #menu li{padding:5px 15px;margin:0 5px;float:none}body footer #menu li.half,body footer #menu li.third{width:auto}body footer #menu li i,body footer #menu li p{display:inline-block;width:auto}}