/*=== CONSTANTS ===*/
:root {
    --bg_default: #fff;
    --color_default: #707070;
    --color_default_lighter: #9a9a9a;
    --color_main_1: #365d96;
    --color_main_2: #fc4522;
    --color_border: #bfbfbf;
    --bg_form_elements: #fcfcfc;
    --tab_selected_bg: #f6f6f6;
    --left_menu_bg: #f5f5f5;
    --lateral_menu_w: 18%;
    --table_odd_row_bg: #f5f5f5;
    --progress_bar_color: #ffd406;
}

 /*=== RESET ===*/
 *, *::before, *::after {
  box-sizing: border-box;
}
* {margin: 0;-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
html, body {height: 100%;background-color:var(--bg_default);}
body {height: 100%;margin: 0;border: 0;padding: 0;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
img, picture, video, canvas, svg {border:0;}
body, table, tbody, tfoot, thead, tr, td, th, button, ul, ol, li {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, 'sans-serif';-webkit-font-smoothing: antialiased;font-size:1rem;color:var(--color_default);line-height:1rem;}
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;vertical-align: baseline;}
table {border-collapse:collapse;border-spacing:0;}
ul, ol, li {margin: 0;}
p {margin: 0;}
svg{shape-rendering: geometricPrecision;}

/*=== links ===*/
a{text-decoration:none;color:var(--color_main_1);cursor:pointer;}
a:hover{color:var(--color_main_2);}

/*=== forms ===*/
form, label, input, select, textarea {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, 'sans-serif';-webkit-font-smoothing: antialiased;font-size: 1rem;}
input, select, textarea{border:thin solid var(--color_border);padding:0.375rem 0.5rem;border-radius:.25rem;background-color:var(--bg_form_elements);width:100%;color:var(--color_main_1);outline:none;resize:none;}
input[type="checkbox"], input[type="radio"]{border:thin solid var(--color_border);background-color:var(--bg_form_elements);width:1rem;display:inline-block;margin-right:.5rem;}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="number"]:focus, textarea:focus, select:focus {border-color: var(--color_main_1);}
input[type="text"]:required, input[type="date"]:required, input[type="number"]:required, selct:required, textarea:required{border-color:var(--color_main_2);}
button, input[type="submit"]{padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;}
label{color:var(--color_main_1);}
.main_btn{background-color:var(--color_main_2);color:#fff;padding:0.75rem 1rem;}
.main_btn:hover{background-color:var(--color_main_1);color:#fff;}
.non_main_btn{background-color:var(--color_default_lighter);color:#fff;}
.non_main_btn:hover{background-color:var(--color_default);color:#fff;}
.secondary_btn{background-color:var(--color_main_1);color:#fff;}
.secondary_btn:hover{background-color:var(--color_main_2);color:#fff;padding:0.75rem 1rem;}

/*=== COMMON ===*/
.gr{display:grid;}
.fl{display:flex;}
.jc_sb{justify-content:space-between;}
.ai_c{align-items:center;}
.fl_wr{flex-wrap:wrap;}
.full_h{height:100%;}
.full_w{width:100%;}
.w_70perc{width:70%}
.w_50perc{width:50%}
.w_33perc{width:33%}
.ac{text-align:center;}
.ar{text-align:right;}
.al{text-align:left;}
.pd_2r{padding:2rem;}
.ma{margin:auto;}
.ml_1r{margin-left:1rem;}
.mb_1r{margin-bottom:1rem;}
.mb_2r{margin-bottom:2rem;}
.mt_1r{margin-top:1rem;}
.pl_1r{padding-left:1rem;}
.b{font-weight:bold;}
.pointer{cursor:pointer;}
.fr_fr{grid-template-columns:1fr 1fr;column-gap:2rem;}

.btm_brdr{border-bottom:thin solid var(--color_border);}
.sx_brdr{border-left:thin dotted var(--color_border);}
.tab{padding:0.75rem 0;color:var(--color_default);}
.tab_selected{padding:0.75rem 1rem;color:var(--color_main_2);font-weight:700;background-color:var(--tab_selected_bg);}
.main_color_1{color:var(--color_main_1);}
.main_color_2{color:var(--color_main_2);}

/*=== COMMON PAGE STRUCTURE===*/
.app_main_cont{display:flex;align-items:flex-start;width:100%;height:100%}
#page_cont{width:calc(100% - var(--lateral_menu_w));}
#top_bar_cont{width:calc(100% - var(--lateral_menu_w) - 2rem);display:flex;justify-content:flex-end;align-items:center;position:fixed;top:0;z-index:1000;right:1rem;height:3rem;border-bottom:1px dotted var(--color_border);background-color:#fff;}
.top_bar_subdiv{display:flex;align-items:center;height:100%;padding:.5rem;}
.top_bar_subdiv:hover{color:var(--color_main_2);cursor:pointer;}
.top_bar_ico{height:75%;width:auto;cursor:pointer;}
#page_main_cont{padding:3rem 1rem .5rem 1rem;height:calc(100% - 5rem);}
#footer_bar_cont{width:calc(100% - var(--lateral_menu_w));height:2rem;text-align:right;padding:.5rem;display:flex;justify-content:flex-end;align-items:center;position:fixed;bottom:0;z-index:1000;right:0;border-top:1px dotted var(--color_border);background-color:#fff;}
.page_title{font-size:larger;color:var(--color_main_2);margin-top:1rem;text-transform:uppercase;}
.page_subtitle{color:var(--color_main_1);margin-bottom:.5rem;font-weight:700;}

/*=== TABLES ===*/
#cbDbTable{margin-top:.5rem;}
#cbDbTable, .cbDbTable{width:100%;}
#cbDbTable table, .cbDbTable {width:100%;overflow:auto;max-height:20rem;}
#cbDbTable th, .cbDbTable th{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:.25rem;color: var(--color_main_1);font-weight:100;text-transform:uppercase;border-bottom:2px solid var(--color_main_1);}
#cbDbTable tr td, .cbDbTable tr td{padding:0.75rem .25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#cbDbTable tr:nth-child(odd) td, .cbDbTable tr:nth-child(odd) td{background-color:var(--table_odd_row_bg);}
#cbDbTable tr td:last-child img, .cbDbTable tr td:last-child img{fill:var(--color_main_1);}
#cbDbTable tr td:last-child img:hover, .cbDbTable tr td:last-child img:hover{color:var(--color_main_2);}
#cbDbTable td img, .cbDbTable td img{cursor:pointer;width:auto;height:1.25rem;margin:0 .25rem;}
#cbDbTable th img, .cbDbTable th img{height:auto;width:1rem;}

.search_add_area{display:flex;justify-content:space-between;align-items:center;margin:.5rem auto 1rem auto;}
.search_div input[type="search"]{width:30%;min-width:240px;}
#top_search_toolbar{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:1rem;}
#top_search_toolbar div{margin-right:1rem;}
/*=== PROGRESSIVE SEARCH COMBOS ===*/
.progressive_filter_dropdown_root{position:relative;display:inline-block;}
.progressive_filter_dropdown_root input[type="search"]{width:20rem;border:1px solid #cccccc;border-radius:0.25rem 0 0 0.25rem;}
.progressive_filter_dropdown_content {display:none;position:absolute;max-width:40rem;max-height:50vh;overflow:scroll;overflow-x:hidden;background-color:#fff;border:1px solid var(--color_border);padding:0.25rem;z-index:128;}
.progressive_filter_dropdown_content a{white-space:nowrap;color:var(--color_default);padding:0.25rem 0.5rem;display:block;border-radius:.25rem;}
.progressive_filter_dropdown_content a:hover {background-color:var(--left_menu_bg);}
.progressive_filter_dropdown_show {display: block;}

/*=== TABLE NAVIGATOR ===*/
.table_nav{display:flex;align-items:center;justify-content:flex-end;}
.table_nav_current{text-align:center;padding:.25rem .5rem;margin-right:1px;font-weight:700;background-color:var(--bg_default);}
.table_nav_link {text-align: center;padding:.25rem .5rem;margin-right:1px;cursor: pointer;background-color: var(--color_default_lighter);color:#fff;line-height:0.85rem;}
.num_rows_selector_container{display:flex;align-items:baseline;}
.num_rows_selector{font-size:small;padding:0.175rem 0.25rem; !important}
#date_range_selector_div{margin:0.25rem 0 0 0;}

/*=== LOGIN ===*/
#login_gr {grid-template-columns: 2fr 1fr;}
.img_div{background:url(../imgs/bg_login.jpg) center right no-repeat;background-size:cover;}
.login_content_area{width:calc(100% - 4rem);margin:auto;}
.login_title{font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin:4rem auto;}
#login_form_main > div, #recoverForm > div > div{margin-top:1.5rem;}
#login_form_main > div > p, #recoverForm > div > div > p{margin-bottom:.5rem;}
#register_gr{grid-template-columns:1fr 1fr;}
.fr_fr > div{}

/*=== LEFT MENU===*/
#left_menu_bar {min-height:100vh;background-color:var(--left_menu_bg);width:var(--lateral_menu_w);min-width:10rem;padding:1rem;}
.pages_logo_cont{padding:1rem 0 3rem 0;text-align:center;}
.pages_logo{width:80%;max-width:12rem;min-width:9rem;margin-right:.5rem;}
#app_navigate_back_button{text-align:right;}
#app_navigate_back_button img{max-width:5%;height:auto;}
.menu_entry {border-bottom: 1px dotted var(--color_border);padding:1rem 0;cursor:pointer;display:flex;align-items:center;}
.menu_entry:hover{padding-left:.5rem;background-color:var(--bg_form_elements);font-weight:700;}
.menu_entry > img{width:8%;max-width:2.5rem;height:auto;margin-right:1rem;}
.menu_entry > svg{width:8%;max-width:2.5rem;height:auto;margin-right:1rem;}
.menu_entry_selected{border-bottom: 1px dotted var(--color_border);padding:1rem 0;cursor:pointer;display:flex;align-items:center;background-color:var(--bg_form_elements);color:var(--color_main_2);font-weight:700;padding-left:.5rem;}
.menu_entry_selected > img{width:8%;max-width:2.5rem;height:auto;margin-right:1rem;}
.menu_entry_selected > svg{width:8%;max-width:2.5rem;height:auto;margin-right:1rem;}

/*=== POPUP ===*/
.default_dialog_bg_settings{position:fixed;left:0px;top:0px;right:0px;bottom:0px;width:100vw;height:100vh;opacity:0.6;background-color:#000;}
.default_dialog_settings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;opacity:1;border-radius:.5rem;}
.dialog_content_area{border-radius:.5rem;padding:1rem;}
.dialog_title_bar{display:flex;justify-content:space-between;align-items:center;color:var(--color_main_1);font-size:larger;height:2rem;margin-bottom:.5rem;}
.close_icon{height:1.75rem;width:auto;cursor:pointer}
.dialog_mode_alert{}
.dialog_tabs_container{display:flex;border-bottom:2px solid var(--color_main_1);margin-bottom:1rem;}
.dialog_tab{margin-right:1px;padding:.5rem 1rem;border-radius:.25rem;color:var(--color_default);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.dialog_tab:hover{cursor:pointer;}
.large_dialog{width:70vw;height:60vh;margin:auto;}
.medium_dialog{width:50vw;height:40vh;margin:auto;}
.small_dialog{min-width:30vw;min-height:30vh;margin:auto;}
.dialog_buttons_div{position:absolute;bottom:1rem;text-align:right;width:100%;display:flex;justify-content:space-evenly;}

/*=== HOME ===*/
.chart_area{border-radius:.5rem;border:1px solid #bfbfbf;padding:1rem;margin-top:1rem;}
#chart_bar{display:flex;align-items:center;}
#chart_bar #from-date-edit, #chart_bar #to-date-edit{width:9rem;margin:0 1rem;}
#chart_container{display:flex;align-items:baseline;flex-wrap:wrap;}
#chart_container canvas{}
#last_results_div{margin:1rem 0;text-align:left;padding-right:2rem;width:50%;}
#last_results_div .cbDbTable tr th:first-child, #last_results_div .cbDbTable tr th:nth-child(2){text-align:left;}
#last_patients_div{margin:1rem 0;text-align:left;padding-left:2rem;width:50%;}
#last_patientss_div .cbDbTable tr th:first-child, #last_patients_div .cbDbTable tr th:nth-child(2){text-align:left;}

/*=== USERMANAGER ===*/
#userDialogEditForm, #adminDialogEditForm{height:calc(60vh - 6rem);overflow:auto;scrollbar-width:thin;}
.fields_couple, .field_single{display:flex;align-items:center;}
.field_infos{display:flex;align-items:center;margin-bottom:.5rem;width:50%;}
.field_infos label, .field_single label{width:8rem;}
.field_infos input[type="text"], .field_infos input[type="password"], .field_infos input[type="date"], .field_infos input[type="email"], .field_infos select, .field_single textarea{width:calc(100% - 10rem);}
#userDialogEditForm .grid_div{display:grid;grid-template-columns:repeat(auto-fill, 12rem);gap:1rem;justify-content:space-evenly;padding-top:.5rem;}
#userDialogEditForm .grid_div_l{display:grid;grid-template-columns:repeat(auto-fill, 16rem);gap:1rem;justify-content:space-evenly;padding-top:.5rem;}
#userDialogEditForm .grid_5div{display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem 0;justify-content:space-evenly;padding-top:.5rem;}
.units_grid_div{display:grid;grid-template-columns:repeat(auto-fit, 1fr);gap:0;padding-top:.5rem;}
.units_grid_div div:nth-child(odd) {padding:.5rem;background-color:var(--tab_selected_bg);}
.units_grid_div div:nth-child(even) {padding:.5rem;background-color:var(--bg_form_elements);}
.grid_5div div {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-bottom:0.25rem;border-bottom:1px dotted var(--color_border);}
.gr_column_cont_l, .gr_column_header_l{text-align:left;color:var(--color_main_1);}
.gr_column_cont, .gr_column_header{text-align:center;}
.gr_column_header, .gr_column_header_l{padding:.5rem 0;background-color:var(--tab_selected_bg);color:var(--color_main_1);font-weight:700;}
.w_33perc input[type="text"], .w_33perc select{width: calc(100% - 2rem);}

/*=== EXAMSELECTOR ===*/
.boxes_grid_container{display:grid;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr));gap:1rem 3rem;padding-top:.5rem;}
.exam_card{background-color:var(--tab_selected_bg);height:13rem;text-align:center;color:var(--color_main_1);padding:1rem 0;cursor:pointer;}
.exam_card:hover{background-color:var(--color_main_1);color:#fff}
.exam_card:hover button{background-color:var(--color_main_2);color:#fff}
.exam_card_ico{height:5rem;}
.exam_card_ico svg{max-height:3.5rem;}
.exam_card_name{text-transform:uppercase;height:3rem;}

/*=== START EXAM ===*/
.double_grid_container{display:grid;grid-template-columns:repeat(auto-fill, minmax(32rem, 1fr));gap:1rem;flex-wrap:wrap;padding-top:.5rem;}
#patientDataEditForm .fields_couple .field_single{width:50%;}
#patientDataEditForm .field_single{margin-bottom:.5rem;}
#patientDataEditForm .fields_couple input[type="date"], #patientDataEditForm .fields_couple select{width:calc(100% - 9rem);}
#patientDataEditForm .field_single input[type="text"], #patientDataEditForm .field_single input[type="email"],  #patientDataEditForm .field_single input[type="date"], #patientDataEditForm .field_single select{width:calc(100% - 9rem);}

/*=== CONSENSO ===*/
#consensoViewerDiv{height:calc(100vh - 9rem);overflow:hidden;}
#consensoViewerDiv iframe{border:0;overflow:auto;width:100%;height:100%;}
#_cbReceivedOtpVerifyEdit{width:50%;}

/*=== EXAMS ===*/
.patient_data_box{margin:1rem auto;background-color:var(--left_menu_bg);padding:1rem 0;}
.patient_data_box div{margin-bottom:.5rem;display:flex;}
.patient_data_box div p:nth-child(odd){width:8rem;margin-left:1rem;}
.progress_bar_outer{height:1.5rem;border-radius:60px;border:1px solid var(--color_border);background-color:var(--bg_default);padding:0.15rem;margin:auto;}
.progress_bar_inner{border-radius:60px;height:100%;background-color:var(--progress_bar_color);}
#countdown{border-radius:60px;height:100%;background-color:var(--progress_bar_color);}
#div_upload svg{max-width:2rem;margin-right:.5rem;}
#pc300_data{display:flex;padding:1rem;height:15rem;flex-wrap:wrap;width:100%;}
#pc300_data #preview_data_div{margin-right:3rem;min-width:24rem;}
#pc300_data .cbDbTable tr td{text-align:center;}
#pc300_data .cbDbTable th:first-child, #pc300_data .cbDbTable td:first-child{text-align:left;text-transform:uppercase}

/*=== EXTRA INFO EXAMS ===*/
#exam_info_form p{margin-bottom:.25rem;}
#exam_info_form .exam_extra_info_cont{width:50%;}
#exam_info_form .exam_extra_info_cont_small{width:9rem;}
#exam_info_form input[type="number"]{width:5rem;}
#exam_info_form textarea{width:calc(100% - 2rem);height:4rem;}
#exam_info_form div input[type="text"]{width:calc(100% - 2rem); !important;}
.instructions_div{border:1px dashed var(--color_border);background-color:var(--tab_selected_bg);padding:.5rem 1rem;margin:1rem 0;width:calc(100% - 2rem);}
.instructions_div svg{width:2rem;margin-bottom:.25rem;}
.instructions_div img{margin-right:1rem;}