@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
body {margin:0;padding:0;font-family: 'Roboto', sans-serif;}
.wrapper {width:100%;position:absolute;top:0;left:0;overflow:hidden;min-width:1250px;} 
.topline {width:100%;height:26px;background-color:#E6E6E6;line-height:26px;position:relative;}  
.topline .logo {display:block;width:142px;height:26px;background:url(img/deficor_logo_26.png);}
.topline .userlogin {position:absolute;right:60px;top:0;}
.topline a.exit_btn {display:inline-block;position:absolute;top:4px;right:32px;height:22px;width:22px;background:url(img/exit-icon.png) no-repeat;opacity:0.7;}
.topline a.exit_btn:hover {opacity:1;}

.topbar {width:100%;height:94px;background-color:#EEEEEE;} 
.middle {width:100%;height:700px;background-color:#B3B3B3;position:relative;box-sizing:border-box;padding-left:64px;box-shadow:inset 70px 6px 10px 0px rgb(0 0 0 / 10%)}  
.middle .leftbar {width:64px;height:100%;background-color:#E6E6E6;position:absolute;left:0;top:0;overflow:hidden;}
.middle .workbench {box-sizing:border-box;padding:26px;padding-bottom:0;overflow:auto;}
.middle .workbench .panel {box-shadow:6px 6px 10px rgb(0 0 0 / 10%);background-color:white;margin-bottom:26px;overflow:hidden;}
.middle .workbench .panel_search {box-sizing:border-box;padding:26px;width:100%;padding-right:0;}
.middle .workbench .panel_search .bform {display:inline-block;width:162px;-moz-user-select: none;-khtml-user-select: none;user-select: none;vertical-align:top;position:relative;}
.middle .workbench .panel_search .bform input[type="text"] {width:160px;box-sizing:border-box;padding:6px 8px;margin:6px 0;border:1px solid gray;font-size:16px;cursor:pointer;}
.middle .workbench .panel_search .bform input[type="text"].date {background:url(img/calendar_22.png) 132px 3px no-repeat;}
.m_label {position:absolute;top:26px;left:36px;font-size:24px;}
.w_label {position:absolute;top:26px;left:104px;font-size:24px;} 
 
.middle .workbench .panel_table {overflow:auto;width:100%;margin-bottom:13px;position:relative;} 
.middle .workbench .panel_table .spinner {display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:url(img/spinner.gif) center center no-repeat
;background-color:rgba(255,255,255,0.9);}
.middle .workbench .panel_status {display:inline-block;margin-right:13px;box-sizing:border-box;padding:2px 6px;}
.middle .workbench .panel_status.active {background-color:#FFB600;}
.middle .workbench .panel_status span {font-weight:bold;}
.middle .workbench .panel_pages {text-align:center;padding-bottom:20px;}
.bottomline {width:100%;height:26px;background-color:#E6E6E6;box-sizing:border-box;padding:0 13px;line-height:26px;} 

.middle .workbench .panel_card {display:none;width:100%;white-space:nowrap;}
.middle .workbench .panel_card_info {width:400px;height:450px;display:inline-block;vertical-align:top;box-sizing:border-box;padding:26px;}
.middle .workbench .panel_card_info .header {font-size: 24px;margin-bottom: 12px;}
.middle .workbench .panel_card_info table tr td:first-child {width:150px;}
.middle .workbench .panel_card_data {width:400px;height:450px;display:inline-block;vertical-align:top;position:relative;}
.middle .workbench .panel_card_data_control {box-sizing:border-box;padding:8px 10px;padding-bottom:0;}
.middle .workbench .panel_card_data_canvas {position:absolute;top:30px;left:0;height:100%;width:100%;}
.middle .workbench .panel_card_data_dop {position:absolute;bottom:6px;left:0;height: 90px;width: 100%;margin-bottom:0;}
.middle .workbench .panel_card_data_dop table tr td {padding:4px 12px;}
.middle .workbench .panel_card_data_dop table tr.ei td {font-size:12px;}
.middle .workbench .panel_card_zakl {width:100%;display:block;vertical-align:top;position:relative;box-sizing:border-box;padding:16px;}
.panel_card_zakl .buttons {position:absolute;right:24px;bottom:12px;}
.panel_card_zakl .headers {margin-top:-16px;}
.panel_card_zakl .header {display:inline-block;font-size:16px;color:gray;margin-right:12px;cursor:pointer;}
.panel_card_zakl .header.active {border-top:10px solid black;color:black;}
.panel_card_zakl textarea {width:500px;height:100px;font-size:14px;}
.panel_card_zakl .checkboxes {position: absolute;left: 550px;bottom: 0;width: 200px;height: 100px;}
.panel_card_zakl .checkboxes .zakl1 {height:40px;}
.panel_card_zakl .checkboxes .zakl1 label {padding-left:40px;}
textarea.zakl {resize-x:none;min-height:100px;max-width:500px;}
textarea.zakl_pre {resize-x:none;min-height:100px;max-width:500px;display:none;}
table.table {width:100%;border:0;border-collapse:collapse;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
table.table th {height:44px;vertical-align:middle;white-space:nowrap;background-color:#E6E6E6;font-weight:normal;text-align:left;}
table.table tr:nth-child(even) {background-color:#FFFFFF;}
table.table tr:nth-child(odd) {background-color:#F0F0F0;}
table.table th,table.table td {border-right:1px solid #CCC;box-sizing:border-box;padding:4px;}
table.table tr:hover {background-color:#dfeffc;cursor:pointer;}
table.table tr.noview {background-color:#FFB600;}
table.table tr.noview:hover {background-color:#FFE688;}
table.table tr.active {background-color:#729FCF;outline: 2px solid #555;outline-offset:-2px}
table.table tr.active:hover {background-color:#729FCF;}

/*table.table th.sort {background:url(img/sort16_1.png) right 14px no-repeat;padding-right:8px;}*/
table.table th.asc {background:url(img/sort16_2.png) right 14px no-repeat;padding-right:8px;}
table.table th.desc {background:url(img/sort16_3.png) right 14px no-repeat;padding-right:8px;}
table.table th.sort:hover {background-color:#D0D0D0;}

.btn {width:106px;height:94px;display:inline-block;overflow:hidden;white-space:nowrap;text-decoration:none;color:#1A1A1A;font-size:16px;text-align:center;box-sizing:border-box;padding-top:64px;margin-left: -0.36em;}
.btn:hover {background-color:#ccc;}
.btn.active {background-color:#c9c9c9;}
.btn_cards {background:url(img/top_icons.png) 0px 10px no-repeat;margin-left:0;}
.btn_device {background:url(img/top_icons.png) -112px 10px no-repeat;}  
.btn_gsm {background:url(img/top_icons.png) -206px 10px no-repeat;}
.btn_trashpage {background:url(img/top_icons.png) -296px 10px no-repeat;}
.btn_settings {background:url(img/top_icons.png) -400px 10px no-repeat;}
.btn_report1 {background:url(img/top_icons.png) -700px 10px no-repeat;}
.btn_help {background:url(img/top_icons.png) -506px 10px no-repeat;}
.btn_users {background:url(img/top_icons.png) -610px 12px no-repeat;float:right;margin-right:26px;}


.btn_m {width:64px;height:64px;display:inline-block;overflow:hidden;white-space:nowrap;text-decoration:none;color:#1A1A1A;font-size:12px;text-align:center;box-sizing:border-box;padding-top:42px;}
.btn_m:hover {background-color:#ccc;}
.btn_back {background:url(img/left_icons.png) 2px 2px no-repeat;}
.btn_report {background:url(img/left_icons.png) 2px -368px no-repeat;}
.btn_mis {background:url(img/left_icons.png) 2px -434px no-repeat;}
.btn_upload {background:url(img/left_icons.png) 0px -830px no-repeat;}
.btn_view {background:url(img/left_icons.png) 2px -502px no-repeat;}
.btn_patient {background:url(img/left_icons.png) 2px -64px no-repeat;}
.btn_print {background:url(img/left_icons.png) 2px -130px no-repeat;}
.btn_export {background:url(img/left_icons.png) 2px -196px no-repeat;}
.btn_totrash {background:url(img/left_icons.png) 2px -770px no-repeat;}
.btn_add {background:url(img/left_icons.png) 2px -310px no-repeat;}
.btn_edit {background:url(img/left_icons.png) 2px -369px no-repeat;}
.btn_del {background:url(img/left_icons.png) 2px -770px no-repeat;}
.btn_fromtrash {background:url(img/left_icons.png) 2px -630px no-repeat;}
.btn_clrtrash {background:url(img/left_icons.png) 2px -700px no-repeat;}


.btn_t {width:16px;height:16px;display:inline-block;opacity:0.7;}
.btn_t:hover {opacity:1;}
.btn_begin {background:url(img/page_icons.png) 0px 0px no-repeat;margin:0 16px;}
.btn_prev {background:url(img/page_icons.png) -40px 0px no-repeat;margin:0 16px;}
.npage {display:inline-block;line-height:16px;margin:0 16px;}
.npage input {font-size:18px;width: 30px;text-align: center;}
.btn_next {background:url(img/page_icons.png) -80px 0px no-repeat;margin:0 16px;}
.btn_end {background:url(img/page_icons.png) -120px 0px no-repeat;margin:0 16px;}

.btn_b {display:inline-block;line-height:24px;color:white;background-color:#333333;box-sizing:border-box;padding:4px 8px;cursor:pointer;opacity:0.6;font-size:18px;}
.btn_b:not([disabled]):hover {opacity:1;}
.btn_b.active {opacity:1;}
.btn_search {margin-top:24px;}

.login_form {position:fixed;top:50%;left:50%;width:400px;margin: -200px 0 0 -200px;background-color:#eee;border:1px solid gray;box-sizing:border-box;padding:32px;box-shadow:2px 2px 10px 0px rgb(0 0 0 / 10%);}
.login_form input {width:100%;box-sizing:border-box;padding:6px 8px;margin:6px 0;border:1px solid gray;font-size:16px;}
.login_form button {padding:6px 8px;font-size:16px;margin-top:8px;cursor:pointer;}
.login_form .error {color:red;}

.upload_btn {display:block;width:300px;height:50px;font-size:24px;background-color:#FFB600;color:#1A1A1A;text-align:center;text-decoration:none;line-height:50px;box-shadow:2px 2px 10px 0px rgb(0 0 0 / 10%);position:fixed;left:50%;top:50%;margin:-70px 0 0 -150px;cursor:pointer;}

.popup {display:none;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.5);}
.popup_center {display:block;background:white;position:absolute;left:50%;top:50%;width:400px;margin:-200px 0 0 -200px;box-shadow:2px 2px 10px 0px rgb(0 0 0 / 10%);}
.popup_header {height:26px;background-color:#333;color:white;text-align:left;box-sizing:border-box;padding-right:8px;padding-left:16px;line-height:26px;position:relative;}
.popup_tabs {background-color:#4D4D4D;}
.popup_tabs .tab {width:198px;height:37px;background:url(img/tabs_bg.png) -200px 0 no-repeat;display:inline-block;margin-left:-.36em;line-height:44px;text-align:center;cursor:pointer;} 
.popup_tabs .tab.active {background:url(img/tabs_bg.png) -2px 0 no-repeat;}
.popup_tabs .tab:hover {background:url(img/tabs_bg.png) -2px 0 no-repeat;}
.popup_tabs .tab:first-child {margin-left:0;}
.popup_header .close_btn {color:#CCC;text-decoration:none;position:absolute;right:8px;}
.popup_header .close_btn:hover {color:#FFF;text-decoration:none;}
.popup_body {box-sizing:border-box;padding:16px;margin-bottom:48px;position:relative;}
.popup_body .hidden {display:none;}

.szakl_templates {position:absolute;left:30px;top:20px;}
.szakl_templates .buttons {padding-top:8px;}
.szakl_templates .buttons  a {cursor:pointer;}
.szakl_templates_table {width:420px;height:410px;border:1px solid #CCC;box-sizing:border-box;padding:8px;}
.szakl_templates_table a {display:block;text-decoration:none;color:#666;box-sizing:border-box;padding:8px;}
.szakl_templates_table a:hover {color:#333;}
.szakl_templates_table a.active {background-color:#c9c9c9;}
.szakl_name {width:470px;height:200px;position:absolute;left:500px;top:20px;}
.szakl_name textarea {width:100%;height:70px;border:1px solid #CCC;box-sizing:border-box;padding:14px;font-size:16px;}
.szakl_desc {width:470px;height:200px;position:absolute;left:500px;top:140px;}
.szakl_desc textarea {width:100%;height:290px;border:1px solid #CCC;box-sizing:border-box;padding:14px;font-size:16px;}

.popup_ok {position:absolute;bottom:0;height:50px;text-align:center;width:100%;line-height:46px;}
.popup_ok button {display:inline-block;}

.popup_useredit .popup_center {width:400px;height:auto;margin:-300px 0 0 -200px;}
.popup_settings .popup_center {width:1000px;height:660px;margin:-350px 0 0 -500px;}
.popup_report .popup_center {width:1000px;height:660px;margin:-350px 0 0 -500px;}
.popup_help .popup_center {width:600px;height:auto;margin:-300px 0 0 -300px;}

.popup .header {font-size:24px;line-height:48px;}
.popup input {width:100%;box-sizing:border-box;padding:6px 8px;margin:6px 0;border:1px solid gray;font-size:16px;}

.popup .checkbox {line-height:40px;}
.popup .checkbox label {padding-left:40px !important;}
.popup .error {color:red;}

td.edit {position:relative;}/*background:url(img/pen_16.png) no-repeat 170px center;*/
td.edit input {width:150px;margin:0;outline:0;position:absolute;left:4px;top:3px;font-size:16px;background:transparent;border:1px solid #EEE;}

.fullscreen_btn {width:30px;height:30px;position:absolute;right:0px;top:0;background:url(img/fs_24.png) center center no-repeat;cursor:pointer;opacity:0.5;}
.fullscreen_btn:hover {opacity:1;}
.fullscreen_btn.active {width:30px;height:30px;position:absolute;right:0px;top:0;background:url(img/fs_24_1.png) center center no-repeat;cursor:pointer;opacity:0.5;}
.fullscreen_btn.active:hover {opacity:1;}

.glass_btn {width:30px;height:30px;position:absolute;right:30px;top:0;background:url(img/glass_24.png) center center no-repeat;cursor:pointer;opacity:0.5;}
.glass_btn:hover {opacity:1;}

.debug_btn {width:30px;height:30px;position:absolute;right:60px;top:0;cursor:pointer;opacity:0.5;}


input[type="checkbox"]:checked, 
input[type="checkbox"]:not(:checked), 
input[type="radio"]:checked, 
input[type="radio"]:not(:checked) 
{
    position: absolute;
    left: -9999px;
}

input[type="checkbox"]:checked + label, 
input[type="checkbox"]:not(:checked) + label, 
input[type="radio"]:checked + label, 
input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
}

input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before, 
input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -9px;
    width: 30px;
    height: 30px;
    border: 1px solid gray;
    background-color: #ffffff;
}

input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 0px;
}

input[type="radio"]:checked + label:before, 
input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after, 
input[type="radio"]:checked + label:after, 
input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after {
    left: 6px;
    top: -2px;
    width: 14px;
    height: 8px;
    border-radius: 0px;
    border-left: 6px solid gray;
    border-bottom: 6px solid gray;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type="radio"]:checked + label:after, 
input[type="radio"]:not(:checked) + label:after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #e145a3;
}

input[type="checkbox"]:not(:checked) + label:after, 
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

input[type="checkbox"]:checked + label:after, 
input[type="radio"]:checked + label:after {
    opacity: 1;
}

button.mybtn {padding:6px 8px;font-size:16px;margin:6px 0;cursor:pointer;}
select.mysel {padding:6px 8px;font-size:16px;margin:6px 0;width:100%;}
.filters select.mysel {width:200px;}
textarea.mytextarea {resize:none;box-sizing:border-box;padding:6px 8px;margin:6px 0;font-size:16px;width:100%;}
table.mytable {width:100%;border:0;border-collapse:collapse;-moz-user-select: none;-khtml-user-select: none;user-select: none;margin:16px 0;}
table.mytable th {height:44px;vertical-align:middle;white-space:nowrap;background-color:#E6E6E6;font-weight:normal;text-align:left;}
table.mytable tr:nth-child(even) {background-color:#FFFFFF;}
table.mytable tr:nth-child(odd) {background-color:#F0F0F0;}
table.mytable th,table.mytable td {border-right:1px solid #CCC;box-sizing:border-box;padding:4px;}
table.mytable tr:hover {background-color:#dfeffc;cursor:pointer;}
table.mytable tr.noview {background-color:#FFB600;}
table.mytable tr.noview:hover {background-color:#FFE688;}
table.mytable tr.active {background-color:#729FCF;}
table.mytable tr.active:hover {background-color:#729FCF;}

.popup_popup {display:none;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.5);z-index:2;}
.popup_popup_center {display:block;background:white;position:absolute;left:50%;top:50%;width:600px;margin:-200px 0 0 -300px;box-shadow:2px 2px 10px 0px rgb(0 0 0 / 10%);}
.popup_popup_header {height:26px;background-color:#333;color:white;text-align:left;box-sizing:border-box;padding-right:8px;padding-left:16px;line-height:26px;position:relative;}
.popup_popup_tabs .tab:first-child {margin-left:0;}
.popup_popup_header .close_btn {color:#CCC;text-decoration:none;position:absolute;right:8px;}
.popup_popup_header .close_btn:hover {color:#FFF;text-decoration:none;}
.popup_popup_body {box-sizing:border-box;padding:16px;position:relative;}
.popup_popup_body .hidden {display:none;}
.popup_popup_body .buttons {margin-top:8px;}

.inline-block {display:inline-block;}

.filters select{margin-left:12px;}
.filters select:first-child {margin-left:0;}
.popup_message {z-index:10;}
.popup_confirm {z-index:10;}

.popup_report .bform input[type="text"] {width:160px;box-sizing:border-box;padding:6px 8px;margin:6px 0;border:1px solid gray;font-size:16px;cursor:pointer;}
.popup_report .bform input[type="text"].date {background:url(img/calendar_22.png) 132px 3px no-repeat;}

table.seltable tr td{height:40px;background-color:white;border:none;}

/*.brigade_sel_div {position:absolute;width:540px;top:0;right:0;box-sizing:border-box;padding:16px;height:520px;overflow-x:hidden;overflow-y:auto;}*/

.report_preview iframe {width:100%;height:520px;}

.dates_sel_div {width:280px;position:absolute;left:17px;top:0;box-sizing:border-box;padding:16px;}
.dep_sel_div {width:350px;position:absolute;left:300px;top:0;box-sizing:border-box;padding:16px;height:520px;overflow:hidden;}
.brigade_sel_div {width:350px;position:absolute;left:630px;top:0;box-sizing:border-box;padding:16px;height:520px;overflow:hidden;}
.popup_report table.mytable {margin:4px 0;}
a.cross {text-decoration:none;}
a.cross:hover {color:#111;}
.search_div {box-sizing:border-box;padding:12px;position:relative;}
.search_div input {
	width: 360px;
    box-sizing: border-box;
    padding: 6px 8px;
    border: 1px solid gray;
    font-size: 16px;
}
.search_div select {margin:0;}
.search_glass_btn {width:30px;height:30px;background:url(img/glass_24.png) center center no-repeat;cursor:pointer;opacity:0.5;display:inline-block;position:relative;top:10px;}
.search_glass_btn:hover {opacity:1;}