/* Change to display: block if you wish to show filter and export elements by default 
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600';
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


*/

@import url('fontawesome/css/fontawesome.min.css');
@import url('fontawesome/css/solid.min.css');
@import url('fontawesome/css/regular.min.css');
@import url('fontawesome/css/brands.min.css');
@import url('fontawesome/css/v4-shims.min.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --main-header-color: #8994a5; /*#c3d1e7;*/
	--main-header-font-color: white; /* #163a58; */
    --main-back-color: #e1e1df;
	--main-font-family: 'Open Sans','Roboto',  sans-serif; 
    scrollbar-width: thin;
}

.fa-lg {
    font-size: 1.6em;
    line-height: 1em;   
}
input[type="checkbox" i] {transform : scale(1.5);}
input[type="radio" i] {transform : scale(1.3);}
.mobile .in_report_param {padding-top:0px;}
.mobile .ip_form {padding: 5px 5px;}
.cell:has(.fa) {text-align: center;} 
.cell:has(a) {text-align: center;} 
.dir_tree {overflow: hidden;}
.group_toggle {top:10px;display:none;}
.mydbr_popupframe th.border {background: var(--main-header-color)!important;border-bottom: 0 solid var(--main-header-color)!important;}
.mydbr_popupframe {background: var(--main-back-color)!important;}
.header_n .app_info {color:var(--main-header-font-color);}
a.button {text-decoration: none;}
.report_top, .header_n, .row_header, .drill_header, .cell_header {background: var(--main-header-color);color:var(--main-header-font-color);}
#showitem, #hideitem, #showpack, #hidepack {cursor:pointer;padding:0px 5px;}


div.bmmar {margin-bottom: 10px;margin-top: 10px;}
.padleft {margin-left: 0px;}
.desktop .group h1 {font-size: 1.4em;padding: 3px;color: var(--main-header-font-color) !important;background: var(--main-header-color) !important; margin:unset; text-shadow:unset!important;}
.desktop div.login a {color:unset;}
.group_toggle {top:10px;}

.row_header, .cell_ct, .drill_header {box-shadow: unset;background: unset;background-image: unset;}

span.folder_bc > a.novisit {color: var(--main-header-font-color);}
.report_top, .header_n, .row_header, .drill_header, .cell_header {background: var(--main-header-color);color:var(--main-header-font-color);}
.content .cell,.cell_header,.cell_ct_top,.cell_ct  {border:1px solid gray;}

.columnfilter { background-color: unset; } 
th .selectfilter_ {width: -webkit-fill-available;}
div.search {
	display: none;
}
/* span.app_info.noselect {display:none !important;} */
input.checkboxitem, input.optgroupcb {-webkit-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);}
.novisit {font-size: 14px;}
.fixpng {display:none;!important;height:33px;width:10px;}
.breadcrumb {padding-top: 8px;padding-bottom: 7px;padding-left: 6px;}
.padleft {margin-left:0px;}
.header_n {padding-left:6px;}
.report_22 select:not(:-internal-list-box) {
    width: 150px;
    overflow: visible ;
    overflow-x: visible;
    overflow-y: visible;}
/* invisible {font-size:1px} */

.export>li{background-image:url(../user/images/dl.png)}

.checkboxlist {background-color: unset;}

div#logincomment.logincomment{margin-top:15px;margin-bottom:15px;margin-left:auto;margin-right:auto;text-align:center;border-top:0px solid #ccc;border-left:0px solid #ccc;border-bottom:0px solid #999;
border-right:0px solid #999;background-color:#E1E1DF;display:table;padding:10px 10px 10px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-icab-border-radius:3px;-khtml-border-radius:3px;
border-radius:3px}


.odd:hover td, .even:hover td, .popuprow:hover, .autocomplete ul li.selected {
	background-color: #e6e6e6 !important;
}

table:not(.nohover) > tbody > tr.odd:hover > td, 
table:not(.nohover) > tbody > tr.even:hover > td, 
.popuprow:hover, 
.autocomplete ul li.selected, 
table:not(.nohover) > tbody > .row.odd:hover, 
table:not(.nohover) > tbody > .row.even:hover {
	background-color: unset !important;
}

.ct_col {overflow-wrap:break-word;}

/* a.nsl{background-image:url('../user/images/thesstologo.jpg');background-repeat:no-repeat;padding-left:39px;font-size:10px;color:#f6f6f6;text-decoration:none} */

/*
background-color: #E9EEF1;
a.nsl{padding-left:39px;font-size:10px;color:#f6f6f6;text-decoration:none}
*/
.subtitle{font-size: initial;}
div.title {margin-top:0px;color:black;padding-top:0px;}

body {font-size:15px;background-color:#E1E1DF;}

.ac_results li,.ui-widget,body,input.button {font-family: 'Open Sans','Roboto',Arial,"Helvetica Neue",Helvetica,Arial,sans-serif;}

table {font-size:14px;}
.logintxt {font-size:14px;}


.reports .wrapper .bg {background-color:#E1E1DF;}
.in_report_param {background-color:#E1E1DF;}
.content report_81 {background-color:#E9EEF1;}
.notif_side {border:none;margin-bottom:0px;padding:0px;background-color: unset;}
div.topbanner{background-color:#E1E1DF;}
.reports {background-color:#E1E1DF;}
.wrapper.normal .reports {background-color:#ffffff;}

.mobile .mydbr_popupframe .border a.close,.tablet .mydbr_popupframe .border a.close {right: 1px;top: 1px;}

.sidebar {background-color:#ffffff;border-left:1px solid #A5A9AC;border-bottom:1px solid #A5A9AC;padding-top:0px;}
.sidebar .sidetitle {background-color:#E1E1DF;border-top:1px solid #A5A9AC;border-bottom:1px solid #A5A9AC;}
div.sidetitle {background-color:#E1E1DF;}
.wrapper  {background-color:#E1E1DF;}
.sidebelow {background-color:#E1E1DF;}
td.input_label{font-size:14px}
.row_header.report_params_header_row {display:none;}
tr.report_params_header_row{color:transparent;}
th.paramTitle{font-size:20px;}
table.sortable{padding-bottom: 20px;}

table.box2 {border:  1px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;}
table.box2  tr{border:  1px solid black;background-color: white;padding:5px 5px 5px 5px;margin-bottom:0px;border-collapse:collapse;}
table.box2  td{border:  0px solid black;border-collapse:collapse;background-color:#DDD}
table.box12 {border:  1px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:15px;border-collapse:collapse;}
table.box12  td{border: 1px solid black;border-collapse:collapse;background-color:#DDD}
table.box3 {border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;}
table.box3  tr{border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;}
table.box3  td{border-right:  1px solid black;border-left:  1px solid black;border-top:  1px solid black;border-bottom:  1px solid black;border-collapse:collapse;background-color:white;}
table.box4 {border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;max-width:250px;}
table.box4  tr{border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;max-width:250px;}
table.box4  td{border-right:  1px solid black;border-left:  1px solid black;border-top:  1px solid black;border-bottom:  1px solid black;border-collapse:collapse;background-color:white;max-width:250px;word-wrap:break-word;}
table.box5 {border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;max-width:150px;}
table.box5  tr{border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;max-width:150px;}
table.box5  td{border-right:  1px solid black;border-left:  1px solid black;border-top:  1px solid black;border-bottom:  1px solid black;border-collapse:collapse;background-color:white;max-width:150px;word-wrap:break-word;}
table.box6 {border:  1px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;}
table.box6  tr{border:  1px solid black;background-color: white;padding:5px 5px 5px 5px;margin-bottom:0px;border-collapse:collapse;}
table.box6  td{border:  0px solid black;border-collapse:collapse;background-color:#white}
table.box7 {border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;}
table.box7  tr{border:  0px solid black;background-color: white;padding:0px 0px 0px 0px;margin-bottom:0px;border-collapse:collapse;}
table.box7  td{width: 250px;height: 50px;border-right:  1px solid black;border-left:  1px solid black;border-top:  1px solid black;border-bottom:  1px solid black;border-collapse:collapse;background-color:white;}
table.box {border:  0px solid black;}	
table.box tr {border:0px solid black ;}	
table.box1 td {border-top:1px solid black;background-color: white;font-size:14px;padding:3px 3px 3px 3px}	
div.dbr_textboxred{color: #CF5454;margin-left:auto;margin-right:auto;font-size:14px;text-align:center;padding:0px 5px 5px 5px}	
div.dbr_textboxblack{margin-left:auto;margin-right:auto;font-size:14px;text-align:center;padding:0px 5px 5px 5px}	
td.summary{font-style:normal;font-weight:bold;color:black;} 
ul.hlist>li a{text-decoration:none;padding:4px 4px;border:1px solid #888;color:#003;border-radius:2px;background-color:#70DF6B}	
.group li:hover{border:2px solid #E1E1DF;background-color:#E1E1DF;}		
div.i_check,a.i_check{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center center;background-image:url(images/check2.png);background-repeat:no-repeat}	
div.i_checknew,a.i_checknew{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center center;background-image:url(images/checknew.png);background-repeat:no-repeat}	
div.i_unchecknew,a.i_unchecknew{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center center;background-image:url(images/unchecknew.png);background-repeat:no-repeat}
div.i_stop,a.i_stop{display:block;overflow:hidden;min-width:32px;height:32px;background-position:center center;background-image:url(images/stop.png);background-repeat:no-repeat}	
div.i_start,a.i_start{display:block;overflow:hidden;min-width:32px;height:32px;background-position:center center;background-image:url(images/start.png);background-repeat:no-repeat}
div.i_stopsmall,a.i_stopsmall{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center center;background-image:url(images/stopsmall.png);background-repeat:no-repeat}	
div.i_startsmall,a.i_startsmall{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center center;background-image:url(images/startsmall.png);background-repeat:no-repeat}
div.i_closedsmall,a.i_closedsmall{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center center;background-image:url(images/closedsmall.png);background-repeat:no-repeat}
div.i_new,a.i_new{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center;background-image:url(images/new.png);background-repeat:no-repeat}	
div.i_search,a.i_search{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center;background-image:url(images/search.png);background-repeat:no-repeat}
div.i_edit,a.i_edit{min-width:18px;background-position:center;width:inherit;}
div.i_edit2,a.i_edit2{display:block;overflow:hidden;min-width:16px;height:18px;background-position:center;background-image:url(images/edt.png);background-repeat:no-repeat}	
div.i_delete2,a.i_delete2{display:block;overflow:hidden;height:18px;background-position:center;background-image:url(images/dlt.png);background-repeat:no-repeat}	
div.i_print,a.i_print{display:block;overflow:hidden;height:18px;background-position:center;background-image:url(images/pr.png);background-repeat:no-repeat}
div.i_add,a.i_add{display:block;overflow:hidden;min-width:16px;height:18px;background-position:center;background-image:url(images/add.png);background-repeat:no-repeat}
div.i_copy,a.i_copy{display:block;overflow:hidden;min-width:18px;height:18px;background-position:center;background-image:url(images/copy.png);background-repeat:no-repeat}
div.i_mail,a.i_mail{display:block;overflow:hidden;height:18px;width:18px;background-position:center;background-image:url(images/email-icon.png);background-repeat:no-repeat}
div.i_cam,a.i_cam{display:block;overflow:hidden;height:18px;background-position:center;background-image:url(images/cam.png);background-repeat:no-repeat}
div.i_folder,a.i_folder{display:block;overflow:hidden;height:22px;background-position:center;background-image:url(images/folder.png);background-repeat:no-repeat;background-size:contain;}
div.i_pdf,a.i_pdf{display:block;overflow:hidden;height:18px;background-position:center;background-image:url(images/pdf.png);background-repeat:no-repeat}
div.i_upl,a.i_upl{display:block;overflow:hidden;height:22px;background-position:center;background-image:url(images/upl.png);background-repeat:no-repeat}
div.i_act,a.i_act{display:block;overflow:hidden;min-width:16px;height:16px;background-position:center;background-image:url(images/act.png);background-repeat:no-repeat}
div.i_dsb,a.i_dsb{display:block;overflow:hidden;min-width:16px;height:16px;background-position:center;background-image:url(images/dsb.png);background-repeat:no-repeat}	
table.lariplastbox {border-collapse: collapse;width:230px;}
table.lariplastbox td {border: 1px solid black;background-color: #EFEFEF;text-align:center;}

.inactive {opacity: .6;}
.sidebar>div {margin-bottom:0px;}
.myButton{
	text-decoration: none;
    display:-webkit-inline-box;
    cursor:pointer;
    padding: 4px;
 /*   padding-bottom: 4px;
    padding-left: 4px; */
    margin-top: 4px;
    border: 1px solid;
    font-weight: normal;    
    border-color: #888;
    color: #222;
    text-shadow: white 0 1px;
    background: #e5e5e5;
    text-align:inherit;
  
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    
    width:60px;
    height:60px;
    
    vertical-align: middle;    
    background-repeat:no-repeat;
    background-position:center;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
    display:table-cell;
    
  }
.myButton:active {
    position: relative;
    -webkit-appearance:button;
    top: 2px;
}
/* outscale */
.myOutScale {
background-image: url(images/scale2-48.png), -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#ddd));
background-image: url(images/scale2-48.png), -moz-linear-gradient(center top,#fff 0px,#eee 100%);
}
/* inscale */
.myInScale {
background-image: url(images/scale1-48.png), -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#ddd));
background-image: url(images/scale1-48.png), -moz-linear-gradient(center top,#fff 0px,#eee 100%);
}
.myStartShift {
background-image: url(images/startshift3437.png), -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#ddd));
background-image: url(images/startshift3437.png), -moz-linear-gradient(center top,#fff 0px,#eee 100%);
display:table-cell;vertical-align:bottom;background-position:top;text-wrap: auto;padding: 5px;line-height: 15px;text-decoration:none;height:60px;
}
.myStopShift {
background-image: url(images/stopshift3437.png), -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#ddd));
background-image: url(images/stopshift3437.png), -moz-linear-gradient(center top,#fff 0px,#eee 100%);
display:table-cell;vertical-align:bottom;background-position:top;text-wrap: auto;padding: 5px;line-height: 15px;text-decoration:none;height:60px;
}
.clickable {text-decoration: underline;}


