html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

body {background:#c8c8c8}
div,p,td,h1,h2,h3,h4,h5,h6,ul,li {font-family:Arial,sans-serif;font-size:14px}
input[type="text"],input[type="password"],input[type="file"],input[type="reset"],input[type="email"],input[type="color"],input[type="date"],input[type="color"],input[type="number"],input[type="range"],input[type="search"],input[type="tel"],input[type="url"],input[type="time"] {margin:0 10px 5px;padding:0 5px;width:60%;height:24px;font-size:14px;font-family:Arial,sans-serif;vertical-align:top;border-radius:0;border:1px solid #bbb}
input[type="button"],input[type="checkbox"],input[type="radio"] {vertical-align:top;border:1px solid #bbb}
input[type="submit"],button,.button {display:inline-block;padding:9px 15px;vertical-align:top;font-size:14px;color:#fff;border:0;border-radius:5px;line-height:1.4;background:#e67e12}
select {margin:0 10px 5px;padding:0 5px;width:60%;height:26px;font-size:14px;font-family:Arial,sans-serif;vertical-align:top;border-radius:0;border:1px solid #bbb;box-sizing:content-box}
textarea {margin:0 10px 5px;padding:0 5px;width:60%;min-height:100px;font-size:14px;font-family:Arial,sans-serif;border-radius:0;border:1px solid #bbb}
input[readonly],select[readonly],textarea[readonly] {border:1px solid #eee}
input[type="file"] {border:0}
input[readonly] {border:1px solid #ccc;background:#ddd}
input.no_label,textarea.no_label,select.no_label {margin:0;width:100%;box-sizing:border-box}

label {display:inline-block;margin:0;padding:9px 0 0;width:25%;vertical-align:top;font-size:11px}
label input[type="checkbox"],label input[type="radio"] {margin:0 8px}

div,p,td,h1,h2,h3,h4,h5,h6,ul,li {box-sizing:border-box}

.lister .c label {text-align:center;width:initial}

h1,h2,h3,h4,h5,h6 {color:#163055;font-weight:600;font-family:Montserrat,sans-serif}
h1 {margin:0 0 15px;font-size:30px}
h2 {margin:0 0 12px;font-size:24px}
h3 {margin:0 0 11px;font-size:18px}
h4 {margin:0 0 10px;font-size:16px}
h5 {margin:0 0 9px;font-size:14px}
h6 {margin:0 0 8px;font-size:12px}

p,td {margin:0 0 18px;line-height:1.4}

a {color:#163055}
a:hover {color:#326ec3}
a:visited {color:#0c4da1}

hr {border:0;padding:1px 0 0;margin:20px 0;background:#888}

small {font-size:10px;color:#666}

.clear {display:block;content:'';clear:both}
.full {width:100%}

.f20 {width:20%}
.f25 {width:25%}
.f33 {width:33.3333333%}
.f50 {width:50%}
.f66 {width:66.6666666%}

.col_box {width:100%}
.col_box::after {display:block;content:'';clear:both}
.col_box .colauto {float:left;width:auto}
.col_box .col25 {float:left;width:25%}
.col_box .col33 {float:left;width:33.33333%}
.col_box .col50 {float:left;width:50%}
.col_box .col66 {float:left;width:66.66666%}
.col_box .col_left {float:left;display:inline-block}
.col_box .col_right {float:right;display:inline-block}
.col_box .col_row {clear:both}

.left_box {float:left}
.right_box {float:right}

.hide {display:none!important}

#kill_box {margin:20px 0 0;padding:10px 20px;border:1px solid #a00;background:#faa}
#kill_box input[type="submit"], #kill_box button, #kill_box .button {background:#d00}

.section_box {margin-bottom:20px}

.validated {border:1px solid #3a3;background:#6c6;color:#fff;padding:1px 3px;border-radius:4px}
.unvalidated {border:1px solid #ca6f6f;background:#eb3131;color:#fff;padding:1px 3px;border-radius:4px}

#container {width:100%;background:#fff}

#headerbox {margin:0 auto;min-height:70px;background:#fff;box-shadow:0 0 7px rgba(0,0,0,.8)}
#header {position:relative;display:flex;padding:0px 70px;width:100%;align-items:center;justify-content:space-between;flex-direction:row}
div#header::before {display:table;content:" "}
#header::after {display:block;content:'';clear:both}

#logo {display:block}
#logo img {width:200px;padding:14px 0}

#mainnav {display:table-cell;padding:0 3px 0 0;vertical-align:bottom;text-align:right;/*bottom:0;position:absolute;left:6px;display:inline-block;*/}
#mainnav a {position:relative;display:inline-block;padding:10px 15px;margin:10px 5px;border-radius:25px;color:#1d1d1d;text-align:center;line-height:30px;font-family:Montserrat,sans-serif;text-decoration:none;text-transform:capitalize;letter-spacing:0px;opacity:1;font-weight:600;font-size:15px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}
#mainnav a:hover {background:#ecf0f6;color:#1d1d1d}
#mainnav .logged_in {padding:10px;color:#231f20;font-size:14px;font-family:Montserrat,sans-serif}
#mainnav .logged_in .username {color:#f58233}

#subnav {background:#efefef;padding:1px 2px 0;text-align:right}
#subnav a {display:inline-block;line-height:28px;background:#666669;color:#fff;padding:4px 10px;margin:0 0 0 1px;text-decoration:none}
#subnav a:hover {background:#e67e12}

#main {padding:25px 0;min-height:400px}

#footer_box {background:#f9f9f9}
#footer {margin:0 auto;padding:54px 15px 29px;max-width:1200px}
#footer .left_box {width:25%}
#footer .right_box {width:25%;text-align:right}
#footer .right_box a {display:inline-block;margin:10px 20px 20px 0}
#footer .copyright {text-align:center;font-size:13px;color:#555;line-height:1.4}
#footer .left_box,#footer .right_box {padding:0 0 30px}

#controls {}

.container {padding:30px}

.form_box {display:inline-block;margin:0 auto 15px;padding:15px 11px 5px;min-width:600px;background:#dce0e5;border:1px solid #c7c7c7;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.5)}

.form_field {margin:0 0 12px;text-align:right}
.form_field.full textarea {margin:0;width:100%;box-sizing:border-box}
.form_field.submit {margin:20px 0 0;width:100%;text-align:center}
.form_box .form_field.submit {margin:0 0 3px}
.form_box .buttons {text-align:right;display:inline-block}
.form_box .buttons::after {display:block;content:'';clear:both}
button.reset {float:left;padding:3px 12px;font-size:15px;margin:0 10px;background:#aaa}
.form_field.submit .close {margin:0 0 0 20px}
.form_box .note {color:#888;font-size:12px}

form h1,form h2,form h3,form h4 {padding:0 10px;text-align:left;}

.required {color:#c00;font-weight:bold;font-size:20px;height:12px;display:inline-block;margin:0 0 0 3px;line-height:12px;vertical-align:top}

#login_box,#create_account,#user_password_reset,.center_form_box {max-width:500px;margin:40px auto}
#login_box form,#create_account form,#user_password_reset form,.center_form_box form {margin:0 auto;max-width:800px}
#login_box .form_box,#create_account .form_box,#user_password_reset .form_box,.center_form_box .form_box {max-width:500px;margin:20px auto 40px;padding:50px;background:#dce0e5;border:1px solid #c7c7c7;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.5)}

.errors .error,.errors .good,.errors .warn {margin:0 0 8px;padding:5px 8px;color:#fff;line-height:1.5;border-radius:4px}
.errors .error {background:#a00;border:1px solid #ff5d5d}
.errors .good {background:#0f940f;border:1px solid #4dde4d}
.errors .warn {background:#32326f;border:1px solid #7b7bee}

.normal_box {margin:0 auto;padding:20px 50px 50px}

#portal {}
#portal ul {margin:0 0 20px;padding:40px 40px 20px;background:#eee;border:1px solid #d3d8de;border-radius:20px}
#portal ul li {margin:0 0 22px;font-size:18px;list-style-type:square}
#portal ul li a {text-decoration:none}

#user_portal .col_left.filters {width:50%}

.filters {margin:0 0 10px;line-height:2}
.filters .button {border:1px solid #6B6B6B;background-color:#5E991E;padding:4px 10px;margin:4px 8px;text-align:center;width:auto;display:inline-block;text-decoration:none;box-shadow:0 1px 5px rgba(100,100,100,.5);border-radius:2px;font-weight:bold;color:#fff}
.filters .button.filtered_export {background:#6E793E}
.filters .button.archive {background:#f58233;border-color:#999}
.filters button {font-size:14px;line-height:1.4}
.pager {margin:10px 0;line-height:1.5;text-align:right}
.pager span {font-weight:bold;font-size:15px;display:inline-block;margin:0 4px;color:#fff;background:#a80;padding:0 4px;border-radius:3px;border:1px solid #760}
.pager a {color:#333;font-weight:bold;font-size:15px;display:inline-block;margin:0 4px;border:1px solid #ccc;padding:0 4px;border-radius:3px;text-decoration:none}
.per_page {margin:10px 8px 0;min-width:200px}
.per_page label {width:auto}
.per_page select {width:auto}

table.lister {margin:0;padding:0;width:100%}
.lister th {padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#fff;font-weight:bold;text-align:left}
.lister td {padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;line-height:1.5;border-right:1px solid #fff}
.lister td.c,th.c,.c {text-align:center}
.lister td.r,.r {text-align:right}
.lister td.rk {text-align:right;color:#000}
.lister td.sm {color:#333;font-size:8pt}
.lister td.smr {text-align:right;color:#666;font-size:7pt}
.lister td.kill {background-color:#ffaaaa;text-align:center;font-weight:bold;color:#900}
.lister td.title {color:#fff;font-weight:bold}
.lister td.navbt {background-color:#000;text-align:center}
.lister tr {background:#eee}
.lister tr:nth-child(odd) {background:#ddd}
.lister tr.title {background:#bbb}
.lister tr.title.title_second {background:#999}
.lister hr {margin:0;padding:1px 0 0 0}
.lister tr.row1 {background:#ddd}
.lister tr.row2 {background:#eee}
.lister td.thumb {text-align:center;vertical-align:bottom;line-height:.5}
.lister .thumb img,.folder_view .folder img {width:50px}
a.sort {text-decoration:none}
a.sort.active {color:#f80}

.lister tr.title {background:#bbb}

.scroll_box {overflow-x:scroll}
tr.second_row td {border-bottom:1px solid #888}
tr.second_row th {background:#aaa}
tr.third_row td {border-bottom:1px solid #888}
tr.third_row th {background:#999}

.lister_forms {margin:10px 0 20px;padding:20px;border:1px solid #d8d68e;background:#f5f3b6;border-radius:10px}
.lister_forms button.close {background:#555}
.lister_forms .form_field {float:left}
.lister_forms .form_field label.checkbox {}
.lister_forms .form_field input[type="text"] {width:40%}
.lister_forms .form_field.textarea {text-align:left}
.lister_forms .form_field.textarea label {display:block}
.lister_forms .form_field textarea {width:90%}
.lister_forms:after {display:block;content:'';clear:both}

.tabs {margin:0;padding:0 3px}
.tabs.divider {margin: 0 0 10px;border-bottom: 1px solid #ccc;}
.tabs span {display:inline-block;margin:0 8px 0 0;padding:0;background:#efefef;border:1px solid #ccc;border-radius:3px;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;cursor:pointer}
.tabs span a {display:block;padding:8px 12px;color:#555;text-decoration:none}
.tabs span:hover {background:#c2cedc}
.tabs span:hover a {color:#000}
.tabs span.active {background:#f58233;border-color:rgba(0,0,0,.2)}
.tabs span.active a {color:#fff}
.tabs span.visited a {color:#555}

.form_field.checkbox label {width:60%;margin:0 10px 5px;text-align:left}

.search_panel {width:100%}
.search_panel.col_left {width:25%;padding:0 10px 10px;box-sizing:border-box;text-align:left}
.search_panel.col_left input[type="text"] {margin:0;width:100%;max-width:none}
.search_panel label {margin:0 10px 0 0;width:auto}

#images .lister select {width:auto}
#images .lister input[type="text"] {width:200px}
@keyframes savebutton {0% {background:#3cca40}50% {background:#e67e12}}
@keyframes savebuttonerror {0% {background:#f72010}50% {background:#e67e12}}
#images .lister div.button {cursor:pointer;padding:3px 11px}
#images .lister div.button.saved {animation:savebutton 4s}
#images .lister div.button.error {animation:savebutton 4s}

.suggested_thumb img {max-height:50px}
.phash_image img {float:right;max-width:150px;max-height:150px}

.d_id {width:12%}
.d_nm {width:20%}
.d_ll {width:18%}
.d_cl {width:18%}
.d_em {width:42%}

.notes {white-space:pre-wrap}

.x_out {display:inline-block;width:13px;height:13px;border:0;border-radius:10px;background:#a00;text-align:center;color:#fff;font-size:10px;line-height:1.2;vertical-align:middle;cursor:pointer}

.level_0,.level_1,.level_2,.level_3,.level_4 {display:table;width:100%}
.level_0 .name,.level_1 .name,.level_2 .name,.level_3 .name,.level_4 .name {display:table-cell;padding:0 0 0 6px;vertical-align:middle}
.level_1 .folder {padding:3px 0 0 40px}
.level_2 .folder {padding:3px 0 0 80px}
.level_3 .folder {padding:3px 0 0 120px}
.level_4 .folder {padding:3px 0 0 180px}

.folder_view .folder_row .actions {display:table-cell;padding:0 20px;vertical-align:middle;text-align:right}
.folder_view .folder_row .actions a {}
.folder_view .folder_row {background:#f8f8f8;border-bottom:1px solid #ddd}
.folder_view .folder_row .folder {display:table-cell;padding:3px 0 0;width:50px}
.folder_view .name input {margin:0 10px 0 0}
.folder_view .name.display_mode input {margin:0;padding:0;border:0;background:transparent}
.folder_view .name.display_mode .save_folder_button,.folder_view .name.display_mode .cancel_folder_button {display:none}

.folder_row.level_0 .folder,.folder_row.level_1 .folder,.folder_row.level_2 .folder,.folder_row.level_3 .folder,.folder_row.level_4 .folder {display:table-cell;}

.folder_row.level_1 .folder,.files.level_0 {padding:0 0 0 60px}
.folder_row.level_2 .folder,.files.level_1 {padding:0 0 0 100px}
.folder_row.level_3 .folder,.files.level_2 {padding:0 0 0 140px}
.folder_row.level_4 .folder,.files.level_3 {padding:0 0 0 180px}
.files.level_4 {padding:0 0 0 240px}

.files.level_0,.files.level_1,.files.level_2,.files.level_3.files.level_4 {display:block}

#authenticate {margin:40px auto;padding:40px;max-width:500px;background:#dce0e5;border:1px solid #c7c7c7;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.5)}
#authenticate .form_field {text-align:center}
#authenticate label {width:auto;text-align:right}

a.download_button {display:inline-block;margin:4px;padding:1px 11px;text-align:center;font-size:12px;background:#f58233;color:#fff;text-decoration:none;border:0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.5)}
a.delete_button {display:inline-block;margin:4px;padding:1px 11px;text-align:center;font-size:12px;background:#f53333;color:#fff;text-decoration:none;border:0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.5)}
a.cancel_button {display:inline-block;margin:4px;padding:0px 10px;text-align:center;font-size:12px;background:#d00;color:#fff;text-decoration:none;border:1px solid rgba(0,0,0,.3);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.5)}
a.add_button,a.grant_button {display:inline-block;margin:4px;padding:1px 11px;text-align:center;font-size:12px;background:#f58233;color:#fff;text-decoration:none;border:0;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.5)}

.patient_files td.thumb {text-align:center;vertical-align:middle}
.patient_files .thumb img {width:50px;height:50px}

body.edit_account #mainnav a.edit_account_button,
body.home #mainnav a.home_button {background:#f58233;color:#fff}

.error404 {margin:100px auto;text-align:center}

@media only screen and (max-width: 650px) {
.normal_box {margin:0 auto 40px;padding:20px 20px 50px;}
 .col_box .col50,.col_box .col33 {width:100%}
 label {width:100%;text-align:left}
}