html {height:100%;}
body {margin:0px; font-family:Roboto,sans-serif; font-size:13px; font-weight:300; color:#545454; height:100%; background:linear-gradient(#b6bfb2, #e4e7e3) 100% 0 fixed; }
form {margin: 0px;}
img {margin: 0px; border:0px;}
a {cursor:pointer;text-decoration:none;}
fieldset {padding: 0px; border: 0px;}
h1, h2, h4 {margin:0px; padding: 10px;}
form {margin: 0px; padding:0px;}
p {margin:0px; padding:2px;}
div {overflow:hidden; position:relative; margin:0px; padding:0px; width:auto; height:auto;}
table {width:auto; border:0px; border-collapse:collapse; background-color:#95988f; min-width:100%; margin-top:0px;} 
th,td {border:0px solid #c7c0c3; text-align:left;}
td {background-color:#f7f5fa; padding:8px; border-bottom:1px solid #ddd;}
th {background-color:#2d2c3f; padding:8px; color:#f4f5f1; text-indent:2px;}
div.th {background-color:#2d2c3f; padding:8px; color:#f4f5f1; text-indent:2px;}
td.tdh {background-color:#65676a; color:#f4f5f1; text-indent:2px;}
td a {color:#2e2e2e; font-size:14px;}
td:hover {background-color:#f0ece9;}
a {color:#1d3039;}

i.mini {font-size:11px !important;}

div.tditem {background-color:white; display:flex; justify-content:space-between; overflow:visible; padding:8px; border-bottom:1px solid #ddd; font-size:14px;}
div.tditem .cover {float:left; text-align:center; font-size:34px; min-width:50px; margin-right:10px;}
div.tditem .info {width:100%;}
div.tditem .info .sidelabel {float:left; width:6px; padding:0px; margin-right:6px; height:100%;}
div.tditem .info p {margin:3px 3px 3px 0px; color:#666;}
div.tditem .dots {font-size:14px; overflow:visible; white-space:nowrap; width:100%; display:contents;} 
div.tditem .dots p {text-align:right;}
div.tditem .info .description {font-size:12px; color:#999;}
.daylimiter {background-color:#DDD; font-size:15px; border-bottom:0px solid gray; padding:7px;}

td.currency {text-align:right;}
td.icon {text-align:center; width:40px; min-width:15px; padding:2px;}
td.icon a span.delete {color:#880000;}

i.bi {font-size:18px; color:#111;}
i.red {color:#880000;}

.darkmode {font-size:28px !important; cursor:pointer; margin-left:10px; margin-top:2px; margin-right:4px; display:block;}

.show_hidden {background:white; padding:5px; text-align:center;}


.dots_buttons {padding:5px; border:0px solid #999; box-shadow:2px 2px rgba(2,2,2,0.3); min-width:120px; border-radius:4px; display:none; position:absolute; top:0px; right:0px; background-color:white;}
.dots_buttons * {margin:4px;}

.dots_buttons_add,
.dots_buttons_edit,
.dots_buttons_delete,
.dots_buttons_archive,
.dots_buttons_copy,
.dots_buttons_save {display:none;}

#headerbox {}
#headerbox .search {margin-top:8px; float:left; display:none;}

#footerbox {margin-top:30px;}
#footerbox div.copyright {margin-left:25%; margin-top:3px;width:45%; float:left; align-self:center;}

.sidemenu {float:left; display:none; height:100%; width:900px; background-color:#1c1f33; position:absolute; z-index:2000;}
.sidemenu p {margin:0px; padding:10px; margin-top:10px; margin-bottom:10px; font-size:18px; color:white; border-bottom:1px solid white;}
.sidemenu p a {color:white;}

#st-message {overflow:visible;position:absolute; width:80%; color:red; top:-4px; left:0; display:none; right:0; margin-right:auto; margin-left:auto; font-size:16px; background-color:#ddd; border-radius:4px; z-index:300; align-self:center; text-align:center;}
#st-message p { margin-top:4px; }
.st-menu {display:none; width:100%; position:absolute; z-index:2000; top:51px; background-color:#1C1F24; max-width:500px;}
.st-header img {margin-top:4px; margin-right:6px; margin-left:2px;}
.st-header-l {width:auto; min-height:40px; background-color:#1c1f33; display:flex; flex-direction:row; justify-content:left; float:left;}
.st-header-r {width:auto; min-height:40px; background-color:#1c1f33; display:flex; flex-direction:row-reverse; justify-content:right;}
.st-header .st-toolbar-hamburger {left:2px; top:2px;width:30px; height:30px;}
.st-header .st-toolbar-search {width:30px;height:30px;}
.st-header .st-toolbar-logo {width:35px;height:35px;}
.st-header .st-toolbar-help {width:30px;height:30px;}
.st-header .st-toolbar-alert {width:30px;height:30px;}
.st-header .st-toolbar-user {width:auto;height:auto; background-color:#596277;}
.st-header .st-toolbar-user-name {color:white; align-self:center;float:left; display:flex; margin-left:3px; margin-top:14px;;margin-right:3px; font-weight:bold;}
.st-header .st-toolbar-user-icon {left:2px; top:2px;width:30px; height:30px; float:left;}
.st-toolbar-player {align-items:center; display:none;}

.st-subheader {background:#888888; margin-bottom:-7px;}
.st-toolbar-path {font-size:16px; height:26px; display:flex; align-items:center; padding:3px; overflow:visible;}
.st-subheader .st-toolbar-pathl {display:flex; flex-direction:row; float:left;}
.st-subheader .st-toolbar-pathr {font-size:15px; color:#555555; display:flex; float:right;}
.st-subheader .st-toolbar-pathr img {height:30px;}

.st-buttons {width:100%; height:30px; background-color:#cadfed; display:flex; display:none;}
.st-header div.dropmenu {display:flex; width:33px; height:24px; margin:10px; position:absolute; top:3px; cursor:pointer;}
.st-header div.dropmenu img {width:25px; height:25px;}
.st-header div.logo {margin:10px auto auto auto; display:flex; z-index:0}
.st-header div.logo img {width:188px;height:34px; text-align:left; }
.st-header div.tools {display:flex; align-items:center;}
.st-header div.tools img {width:22px; height:22px; margin:0 10px 0 10px;}
.st-header div.user {color:white; font-weight:bold; background-color:#5f5f5f; display:flex; align-items:center; margin-left:12px;}
.st-header div.user img.icon {width:25px; height:25px; margin:0 0 0 8px;}
.st-header div.user p {float:left; margin:0 6px 0 12px;}
.st-header div.user img.drop {width:12px; height:12px; margin:0 4px 0 6px;}
.st-header div.user div.username {top:8px;}
.st-icon-loading {width:100%; height:100%; min-height:400px; position:absolute; background-color:rgba(255,255,255,.80); opacity:.8; text-align:center; z-index:0; padding-top:25%; display:none; visibility:hidden;}
.st-footer {width:100%; background-color:#1C1F24; color:white; bottom:0px; position:fixed; text-align:center; font-size:10px;}
.st-box {background-color:white; border-radius:5px; display:flex; min-width:110px; min-height:110px; width:auto; float:left; margin:4px; box-shadow:1px 1px 2px;}
.st-box a {z-index:30; width:100px; text-align:left;}
.st-box-content {float:right; position:absolute; display:flex; right:0px; bottom:0px;}

.mid {max-width:1024px; margin:0px auto 40px auto; background-color:transparent;}
.mid .labels {text-align:left; display:flex; flex-direction:row; float:left; flex-wrap:wrap; margin-bottom:10px; font-size:13px;}
.mid .labels .item {cursor:pointer; padding:6px; margin:2px; border-radius:6px; display:inline; margin-left:3px; box-shadow:1px 1px 1px #777777;}
.mid .actions {font-size:18px; text-align:right; display:flex; flex-wrap:wrap; margin-bottom:0px; flex-direction:row-reverse;}
.mid .actions a {margin-right:4px; margin-bottom:4px;}
.mid .actions .bi {font-size:24px; display:inline; font-weight:bold;}

.st-tab {cursor:pointer; min-width:55px; border:1px solid #878788; border-radius:8px; float:left; padding:9px; color:white; border-bottom-left-radius:1px; border-bottom-right-radius:1px; text-align:center; align-items:center; margin:0px; border-bottom:0px; }
.st-tab-on {background:#212121;}
.st-tab-off {background:white; color:#212121;}
.st-tab-on a {color:white; font-weight:bold;}
.st-tab-off a {color:#212121; font-weight:bold;}

.flash_error { text-indent:23px; height:20px; background-image:url("../images/flash_error_bg.png"); background-repeat:no-repeat; color:#575355; width:400px; position:fixed; top:0px; left:30%; padding-top:3px;  }
.flash_message { text-indent:23px; height:20px; background-image:url("../images/flash_message_bg.png"); background-repeat:no-repeat; color:#575355; width:400px; position:fixed; top:0px; left:30%; padding-top:3px;  }
.flash_warning { text-indent:23px; height:20px; background-image:url("../images/flash_warning_bg.png"); background-repeat:no-repeat; color:#575355; width:400px; position:fixed; top:0px; left:30%; padding-top:3px;  }

.error {color:red;}
.tlarge {width:300px; height:100px;}
.flarge {width:90%;}
.fmedium {width:50%;}
.fsmall {width:30%;}
.fmini {width:10%;}
.ftextearea {min-height:300px;}

.search_uid {border:0px solid #aaa; border-radius:3px; background:white; box-shadow:2px 2px 1 2px rgba(0,0,0,0.16); margin-left:0px;}
.search_uid_result {height:auto; overflow:visible;}
.uids div.uid {background-color:#1c1f33; color:white; border-radius:12px; border:0px solid #fff; padding:5px; width:auto; display:table; margin:2px; margin-top:6px;}
.puid {padding:6px; background:#2c2f33; color:white; border-radius:3px;}
.search_uid_form {max-width:100%; overflow:visible;}
.search_uid_form .puid {padding:1px; background:#989898; color:white; border-radius:3px;}
.search_uid_input {width:100%; display:block;}

input[type=text],input[type=password],input[type=datetime-local],input[type=email],textarea {border:0px solid #aaa; padding:8px; border-radius:4px; background:white; transition:all .200s; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.7); box-shadow:0px 1px 0 1px rgba(0,0,0,0.06); }

select {color:#444; padding:10px; box-sizing:border-box; margin:1px; border: 0px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background-repeat: no-repeat, repeat; background-position:right .2em top 50%, 0 0; background-size:.65em auto, 100%;}

/*input[type=submit] {border:solid 0px #170017; border-radius:3px; moz-border-radius:3px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.7); box-shadow:0px 1px 0 1px rgba(0,0,0,0.04); font-size:15px; color:#404040; padding:5px 18px; background:#ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c7c7c7)); background:-moz-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); background:-webkit-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); background:-o-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); background:-ms-linear-gradient(top, #ffffff 0%, #c7c7c7 100%); background:linear-gradient(top, #ffffff 0%, #c7c7c7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7',GradientType=0 );}*/

input[type=submit], input[type=button] { box-shadow: 0px 0px 0px 0px #9fb4f2; background:linear-gradient(to bottom, #abadd0 5%, #6c6c85 100%); background-color:#7892c2; border-radius:3px; cursor:pointer; color:#ffffff;
 padding:6px 14px; text-decoration:none; text-shadow:1px 1px 1px #283966; border:0px;}
input[type=submit].red, input[type=button].red {background:linear-gradient(to bottom, #ff3131 5%, #8a1b1b 100%);}

.linkbutton { box-shadow: 0px 0px 0px 0px #9fb4f2; background:linear-gradient(to bottom, #b2b2b3 5%, #6c6c70 100%);  border-radius:4px; cursor:pointer; color:#ffffff !important; padding:6px 16px; text-decoration:none; text-shadow:1px 1px 1px #283966; border:0px; display:inline-flex;}

span.minibutton {padding:6px; display:block; width:auto; text-align:center; border-radius:10px; float:right;}

.ui-datepicker-week-end a {
    background-image: none;
    color: white !important;
	background: #a5a5a5 !important;
}

/*darkmode*/
html.dark body {margin:0px; font-family:Roboto,sans-serif; font-size:13px; font-weight:300; color:#ddd; height:100%; background:linear-gradient(#212121, #0f0f0f) 100% 0 fixed; }
html.dark td a {color:#e8ecfc;}
html.dark td {background-color:#111; border:1px solid #555;}

html.dark i.red {color:#990000 !important;}
html.dark .dots_buttons {background-color:#222;}
html.dark a,
html.dark .dots, 
html.dark .dots_buttons a i, 
html.dark i.bi, 
html.dark span.fa, 
html.dark .actions a {color:#e8ecfc;}
html.dark td:hover {background-color:#333;}
html.dark .st-box {background-color:#333; box-shadow:1px 1px 2px #666;}
html.dark .daylimiter {background-color:#444; font-size:15px; border-bottom:0px solid #ddd; }
html.dark div.tditem {background-color:#111; border:1px solid #555;}
html.dark div.tditem .info p {color:#fff;}
html.dark .time_time {background-color:#111 !important; border-bottom:1px solid #555 !important;}
html.dark .show_hidden {background:#555; padding:5px; text-align:center;}

#headerbox i.bi {color:#DDD !important;}