@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,label{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}svg{display:block;}th{text-align:left;}::-ms-clear{display:none;}::-ms-reveal{display:none;}::-moz-focus-inner{border:0;padding:0px;}*:focus{outline:0;}*:required,*:invalid{box-shadow:none;}.clear{clear:both;}.ns{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

body{font-family:'Open Sans',helvetica,arial,sans-serif;font-weight:300;background:#FFFFFF;color:#242424;}

a{text-decoration:none;}
.noselect{-webkit-touch-callout:none; -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

div.area{max-width:1024px;margin:0px auto;}

/* Header */
header{display:block;padding:20px;margin:0px 20px;}
header div.logo{display:inline-block;}
header div.logo div.title{margin-left:20px;font-size:20px;color:#152e4d;}

/* Center Content */
content{display:block;margin:0px 20px 60px 20px;opacity:1;transition:opacity .18s;}
content.hidden{opacity:0;}
content div.list{cursor:default;}
content div.list>div.item{background:#EEEEEE;border-radius:48px;margin-bottom:10px;padding:8px 20px 8px 8px;transition:background .16s,border-radius .34s;}
content div.list>div.item:last-child{margin-bottom:0px;}
content div.list>div.item:not(.active):hover{background:#E2E2E2;}
content div.list>div.item.active{background:#EAEAEA;border-radius:8px;}
content div.list>div.item>div.header{font-size:18px;}
content div.list>div.item>div.header div.title{color:#152e4d;}
content div.list>div.item>div.header div.title div.dot{width:32px;height:32px;border-radius:32px;background-color:#444444;transition:background-color .24s;}
content div.list>div.item>div.header div.title div.dot.icOk{background-color:#61bd6d;}
content div.list>div.item>div.header div.title div.dot.icWarning{background-color:#fba026;}
content div.list>div.item>div.header div.title div.dot.icError{background-color:#e25041;}
content div.list>div.item>div.header div.stats,
content div.list>div.item>div.header div.message{font-size:12px;color:#686868;}
content div.list>div.item>div.header div.stats div>span{font-size:16px;color:#242424;margin-left:10px;}

content div.list>div.item>div.content{display:none;margin-top:14px;font-size:14px;}
content div.list>div.item>div.content>div.edit,
content div.list>div.item>div.content>div.stats{margin:0px 10px 10px 10px;}
content div.list>div.item>div.content div.title{font-size:16px;color:#121212;margin-bottom:12px;}
content div.list>div.item>div.content div.alertItems{}
content div.list>div.item>div.content div.alertItems>div.alertItem{margin-bottom:8px;}
content div.list>div.item>div.content div.alertItems>div.alertItem:last-child{margin-bottom:0px;}

content button.addNew{border-radius:14px;padding:4px 12px;background-color:#BABABA;}
content button:hover{background-color:#ABABAB;}

button{border:none;background-color:#989898;padding:4px 8px;border-radius:4px;font-size:13px;color:#FFFFFF;box-sizing:border-box;transition:background-color .18s;}
button:hover{background-color:#828282;}
button.red{background-color:#EB6B56;}
button.red:hover{background-color:#d55641;}
button.green{background-color:#61BD6D;}
button.green:hover{background-color:#46a552;}
button.blue{background-color:#317ea6;}
button.blue:hover{background-color:#3D8EB9;}
button.dark{background-color:#525252;}
button.dark:not(.active):hover{background-color:#727272;}
button.dark.active{background-color:#727272;}

input.custom{border-radius:4px;border:1px solid #ACACAC;padding:4px 8px;box-spacing:border-box;transition:border-color .18s;}
input.custom.small{width:22px;text-align:center;}
input.custom.err{border-color:#EB6B56;}

/* Footer */
footer{display:block;position:fixed;overflow:hidden;left:0px;bottom:0px;width:100%;background:#262626;color:#FFFFFF;}
footer>div.header{padding:10px 10px 0px 10px;}
footer>div.header button{margin-right:10px;}
footer>div.expand{position:absolute;top:10px;right:10px;width:20px;height:18px;transition:transform .18s;cursor:pointer;}
footer.active>div.expand{transform:rotateZ(180deg);}
footer>div.content{transition:all .18s;opacity:1;font-size:14px;line-height:18px;height:18px;overflow:hidden;position:relative;}
footer.active>div.content{height:360px;}
footer>div.content div.log{font-family:monospace;font-size:14px;line-height:18px;}
footer>div.content div.log div.items{position:absolute;left:10px;right:10px;bottom:0px;}
footer>div.content div.log div.items div.item{cursor:default;}
footer>div.content div.ram div.chart{margin:0px 10px;}

div.loader{position:fixed;top:0px;bottom:0px;left:0px;width:100%;background:#FFFFFF;opacity:.1;}

.tColor_31,.tColor_red{color:#E25041;}
.tColor_32,.tColor_green{color:#61BD6D;}
.tColor_33,.tColor_yellow{color:#FBA026;}
.tColor_94,.tColor_blue{color:#2969B0;}
.tColor_35,.tColor_magenta{color:#9365B8;}
.tColor_36,.tColor_cyan{color:#54acd2;}

/* New design of checkbox input */
div.switch{width:48px;height:24px;}
div.switch>input.toggle{position:absolute;margin-left:-9999px;visibility:hidden;}
div.switch>input.toggle+label{display:block;position:relative;cursor:pointer;outline:none;user-select:none;}
div.switch>input.toggle.round+label{padding:0px;width:100%;height:100%;background-color:#dddddd;border-radius:24px;}
div.switch>input.toggle.round+label:before,
div.switch>input.toggle.round+label:after{display:block;position:absolute;top:1px;left:1px;bottom:1px;content:"";}
div.switch>input.toggle.round+label:before{right:1px;background-color:#E25041;border-radius:24px;transition:background .24s;}
div.switch>input.toggle.round+label:after{width:22px;background-color:#fff;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:margin .24s;}
div.switch>input.toggle.round:checked+label:before{background-color:#8ce196;}
div.switch>input.toggle.round:checked+label:after{margin-left:24px;}