/*
css rules for new RealTime3 design
-------------------------------------
photoshop design by Joe Dougherty
css, html, php by James Judge
*/
@font-face{font-family: FranklinGothicMediumCond;src:url('FRAMDCN.TTF') format("truetype");}
@font-face{font-family: FranklinGothicHeavy;src:url('FRAHV.TTF') format("truetype");}
@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        /*url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(fonts/MaterialIcons-Regular.woff) format('woff'),*/
        url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.bold{font-family: /*FranklinGothicHeavy,*/ Arial, Helvetica, sans-serif;font-weight:bold;}
body {background: #d9d9d9;font-family: /*FranklinGothicMediumCond,*/ Arial, Helvetica, sans-serif;font-size: 12px;color: #556069;margin-top:0;}
input[type="text"]:disabled,select:disabled,textarea:disabled{background: #DBDBDB;color:#555;border:1px solid #999;}
input,select,textarea,button,a{font-family: Arial, Helvetica, sans-serif;}
input[type="text"],input[type="password"],select {width:250px;  }
input[type="button"],input[type="submit"],input[type="reset"], button {background:transparent;border:none;color:#962427;
font-family: Arial, Helvetica, sans-serif;font-size:11pt;width:auto;font-weight:bold;}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover, button:hover {cursor:pointer;color:#8497b5;}
input[type="button"]:disabled,input[type="submit"]:disabled,input[type="reset"]:disabled, button:disabled {cursor:default;color:#C5C5C5;}
span.ctrl-sep1{font-family: Arial, Helvetica, sans-serif;font-size:12pt;width:10px;font-weight:bold;color:#962427;}
span.ctrl-sep2{font-family: Arial, Helvetica, sans-serif;font-size:10pt;width:10px;font-weight:normal;color:#962427;}
.ctrl-container-right{position:absolute;float:right;width:250px;margin-left:300px;*margin-left:-60px;margin-top:-40px;white-space:nowrap;}
.ctrl-search-right{position:absolute;float:right;width:250px;margin-left:380px;*margin-left:80px;margin-top:66px;}
a{text-decoration:none;color:#ab2e3c;font-size: 11px;text-decoration: none;}  
a:hover{color:#FF3A3A;}
img {border:0;}
table {font-size:12px;font-weight:400;font-family: /*FranklinGothicMediumCond,*/ Arial, Helvetica, sans-serif;}
#mainContainer {width:1000px;margin: auto auto;border: 1px solid black;z-index:10;}
#mainContainer-login {margin: auto auto;border: 1px solid black;z-index:10;background-color: #ffffff;  
width:1000px;z-index:20;}
#headerContainer {height:132px;background: #025790 url('images/redesign/bg-header.png') repeat-x;z-index:20;}
#headerContainer-login {  background: url("images/redesign/bg-header-small.png") repeat-x scroll 0 0 #02578F;  height: 54px;  z-index: 20;}
#marquee-footer{color:white;background:#025790;float:right;width:100%;z-index:21;margin:0;margin-bottom:-5px;}
#marqueeLabel {margin-left:215px;color:white;margin-top:3px;float:left;z-index:21;}
#marquee {color:white;margin-top:3px;margin-right:14px;margin-bottom:10px;float:right;width:745px;z-index:21;}
.topNav{float:right;width:714px;}
.topNav li{display:inline-block;padding-bottom: 2px;padding-top: 2px;float:left;  }
.topNav li a{color: #fff;font-size: 13px;border-right: 1px solid #FFF; padding-left:7px;padding-right:6px;}
.topNav li a:hover{color:#b2bfd4;}
.topNav li:last-child a{border-right:1px solid #FFF;}
.topNav li:first-child a{border-left:1px solid #FFF;}
.topNavRight{width:95px;float:right;padding:0;margin:0;}
.topNav a{float:left;}
.navmenu{margin-top: -28px; margin-bottom: -2px;}
.topNav li {border-left: none;display: inline-block;float: left;}
#rt_menu{margin-top: -24px;}
#pos_menu{margin-top: 0px;}
#qms_menu{margin-top: 0px;}
#crm_menu{margin-top: 0px;}
#pageTitle{margin-top: 35px;}
#secondrow {float:right;margin-top:-10px;}
.clear-fix{clear:both;}
#topNav-login{clear:both;margin-left:445px;padding-top:10px;height:46px;z-index:21;display:none;}
#navTime{height:46px;width:130px;cursor:pointer;z-index:22;}
#navClients{height:46px;width:95px;cursor:pointer;z-index:22;}
#navProjects{height:46px;width:96px;cursor:pointer;z-index:22;}
#navAdministration{height:46px;width:130px;cursor:pointer;z-index:22;}
#navReporting{height:46px;width:108px;cursor:pointer;z-index:22;}
#navSuggestions{height:46px;width:126px;cursor:pointer;z-index:22;}
#navLogout{height:44px;width:95px;cursor:pointer;z-index:22;position:absolute;float:right;margin-top:-46px;}
#pageTitle{font-size:15pt;color:white;float:left;margin-top:46px;*margin-top:50px;margin-left:275px;font-family: /*FranklinGothicMediumCond;*/ Arial, Helvetica, sans-serif;}
#sessionInfo {font-family: Arial, Helvetica, sans-serif;width: 250px;color: white;font-size: 8pt;position: absolute;top: 56px;left: 50%;margin-left: 250px;}
#lowerContainer {width:1000px;z-index:20;background-color: #ffffff;}
#lowerContainer-login {width:1000px;z-index:20;}
#leftSide {width: 280px;float:left;z-index:30;}
#leftSide_login {width: 300px;height:300px;float:left;z-index:30;background: #fff url("images/redesign/logo-clock.png") no-repeat 80px 15px;_background: #fff url("images/redesign/logo-clock-filled.png") no-repeat 80px 15px;}
#fullPage {width: 1000px;float:left;z-index:30;}
#login_main{width: 425px;height:445px;float:right;z-index:35;margin-top:80px;margin-right:50px;color:white;font-size:14px;}
#login_dt{width: 225px;float:right;z-index:35;margin-top:80px;margin-right:50px;color:white;font-size:14px;display:none;}
#login_de{width: 225px;float:right;z-index:35;margin-top:80px;margin-right:50px;color:white;font-size:14px;display:none;}
#login_wt{width: 225px;float:right;z-index:35;margin-top:80px;margin-right:50px;color:white;font-size:14px;display:none;}
#login_we{width: 225px;float:right;z-index:35;margin-top:80px;margin-right:50px;color:white;font-size:14px;display:none;}
#login_mo{width: 200px;float:right;z-index:35;margin-top:80px;margin-right:50px;color:white;font-size:14px;display:none;}
#rightSide {width: 720px;float:right;z-index:30;_width: 700px;_overflow:hidden;}
#rightSide_login {width: 500px;float:left;z-index:30;}
#loginForm {margin-top:40px;margin-left:0;height:213px;width:450px;background: #FFFFFF;border:1px solid #556069;border-radius: 8px;}
#footer {clear:both;height:80px;width:1000px;background-color:#ffffff;border-bottom:8px solid #910000;z-index:30;padding-top:60px;}
#footer td, #footer a{color: #910000;text-align:center;white-space:nowrap;width:33%;font-size:11px;}
#footer p{display: inline-block;float:left;}
#calendarHeader{width:269px;height:34px;margin-left:30px;margin-top:20px;z-index:35;}
#calendarLabel{font-size:22px;color:black;position:relative;top:-26px;margin-left:100px;}
.calendarToday{background:#910000;border-radius:0 14px 0 0;width:80px;color:#FFF;height:14px;padding:6px;text-align:center;cursor:pointer;font-size:11px;}
#calendarBox {width:246px;height:250px;background: #c1c2c3;margin: -8px 0 0 13px;z-index:34;border-radius: 0 0 2px 2px;border: 1px solid #566069;}
#copyTimeHandle{display:none;}
#calendarInnerBox{padding-left:15px;padding-right:20px;padding-top:15px;}
#calendarInnerBox table{width:100%;}
#calendarInnerBox table tr td{text-align:center;height:25px;width:14%;}  
.calendar-small-container{border:1px solid #566069;background-color:#CCCCCC;padding-left:3px;padding-bottom:3px;}
#calendarDetails{width:246px;height:auto;padding-bottom:6px;background: #FFF;border-radius: 0 0 2px 2px;margin: 10px 0 20px 13px;border: 1px solid #566069;}
#calendarDetailsText{padding-top:4px;margin-left:10px;line-height:14px;color:#373737;font-weight:bold;}
#tabbedContent{width:700px;margin: 0;padding:0;margin-top:18px;*margin-top:13px;margin-left:-4px;}
#tabbedContent li{display:inline-block;float:left;margin:0;margin-right:2px;background: #FFF;padding:2px;padding-top:6px;padding-bottom:6px;border:1px solid #566069;  
border-bottom:none;border-radius: 6px 6px 0 0 ;  
background: #556069;}
#tabbedContent li a{color: #FFF;height:14px;padding:2px;padding-top:6px;padding-bottom:6px;text-align:center;font-size: 8pt;}
#tabbedContent li a:hover,#tabbedContent li.active,#tabbedContent li.active a, #tabbedContent li:hover{color: #910000;background: #FFFFFF;  }
#tabbedContentTable{width:710px;background: #ffffff;margin:-1px auto 0 -4px;border: 1px solid #566069;border-radius: 0 0 2px 2px;}
#tabbedContentText{margin-left:15px;line-height:21px;padding-top: 18px;}
#popup_description{width:220px;height:128px;background: #fff;border:2px solid #910000;position:absolute;top:0;left:0;}
#timeExpenseDetailsHeader{height:21px;width:710px;margin: 0 auto;background:  #556069;color:white;margin-top:20px;border-radius: 2px;margin-bottom:10px;padding-bottom:2px;padding-top:3px;margin-left: -4px;}
#timeExpenseDetailsHeader h2 {font-size:14px;margin-top:2px;}
#timeExpenseDetailsHeader2{height:21px;width:710px;margin: 0 auto;background:  #556069;color:white;margin-top:20px;border-radius: 2px;margin-bottom:10px;padding-bottom:2px;padding-top:3px;margin-left: -4px;}
#timeExpenseDetailsHeader2 h2 {font-size:14px;margin-top:2px;}
#timeExpenseDetails{width:710px;background: #ffffff;margin:0 auto;border-radius: 2px;margin-bottom:10px;padding-bottom:15px;border: 1px solid #566069 ;margin-left: -4px;}
#timeExpenseDetails table {width:100%;}
#timeExpenseDetailsText{margin:0;line-height:21px;}
#sidebar{color:black;margin-left:10px;margin-right:10px;}
#sideNav{background: #FFF;width:220px;height:auto;margin-left:14px;margin-bottom:24px;margin-top:22px;border:1px solid #910000;}
#sideNav br{display:none;}
#sideNav div{background:#025790;color:#FFF;text-align:left;padding:5px;padding-left:10px;font-weight:bold;}
#sideNav ul{display:block;list-style: none;padding-left:10px;*margin-left:0px;}
#sideNav ul li{height:24px;}
#sideNav ul li a{color:#000000;font-size:10pt;font-weight:bold;}
#sideNav ul li a:hover{color:#556069;}
#calendarBack{float:left;}
#monthlyCalendar{float:left;}
#calendarForward{float:left;}
#centerMe{position:static;width:977px;margin:0 auto;margin-left:20px;}
#upper_left{float:left;margin-left:30px;margin-top:0;background: url('images/New_Revisions/DROPDOWN_Daily.png');width:243px;height:102px;}
#upper_right{float:right;margin-right:30px;margin-top:0px;background: url('images/New_Revisions/DROPDOWN_WEEKLY.png');width:243px;height:102px;}
.legal{float:left;margin-left:20px;color:#DDDDDD;}
.credit{float:right;margin-right:20px;color:#DDDDDD;}
.credit a{color:#DDDDDD;}
.title{padding-left:5px;}
.title a{color:#FDD5AA;font-size:13px;font-weight:bold;}
.title a:hover{color:#ffffff;}  
.title img{width:16px;vertical-align:middle;padding-bottom:5px;padding-right:2px;}  
.darkBG{background: #556069;color:#ffffff;height:23px;}
.closeButton{float:right;margin-top:-55px;cursor:pointer;}
a.logout{font-family: /*FranklinGothicHeavy,*/ Arial, Helvetica, sans-serif;font-weight:bold;color:white;}
a.logout:hover{color:red;}
/* GRAL */
.hidden{display:none;}
/* MESSAGE PANEL (SUCCESS, ERROR, ETC)*/
.success_panel{background: transparent url('../images/icons/sign_tick.png') left center no-repeat;padding-left:20px;  
    padding-top: 2px;margin-bottom: 8px;margin-top: 4px;color: #2C6803;font-weight:normal;font-size:11px;}
.error_panel{background: transparent url('../images/icons/sign_error.png') left 4px no-repeat;padding-left:20px;  
    padding-top: 2px;margin-bottom: 8px;margin-top: 4px;color: #B00000;font-weight:normal;font-size:11px;}
.info_panel{background: transparent url('../images/icons/sign_info.png') left center no-repeat;padding-left:20px;  
    padding-top: 2px;margin-bottom: 8px;margin-top: 4px;color: #1A3E89;font-weight:normal;font-size:11px;}
.warning_panel{background: transparent url('../images/icons/sign_warning.png') left center no-repeat;padding-left:20px;  
    padding-top: 2px;margin-bottom: 8px;margin-top: 4px;color: #910000;font-weight:normal;font-size:11px;}  
.help_panel{background: transparent url('../images/icons/sign_info_tiny.png') left center no-repeat;padding-left:20px;  
    padding-top: 2px;margin-bottom: 8px;margin-top: 4px;color: #1A3E89;font-weight:normal;font-size:11px;}  
/* SCROLLABLE LISTS */
div.list-header table{background-color: #556069;color: #fff;border-collapse:collapse;margin:0;width:100%;  }
div.list-body{max-height: 350px;overflow:auto;overflow-x:visible;}
div.list-body table{border-collapse:collapse;margin:0;width:100%;  }
div.list-header th, div.list-header td{padding:2px;}
div.list-body tr:nth-child(2n) {background-color: #FFFFFF;} 
div.list-body tr:nth-child(2n+1) {background-color: #EBEBEB;}
.search_params{display:none;}
/* TABLES */  
table.lists{border-collapse:collapse;margin:0;width:100%;  } 
table.lists thead tr {display: block;}
table.lists tbody {display: block;max-height: 450px;overflow: auto;}
table.lists th, #rightSide td{padding:6px 2px;}
table.lists tbody tr:nth-child(2n) {background-color: #FFFFFF;} 
table.lists tbody tr:nth-child(2n+1) {background-color: #EBEBEB;}
table.lists thead tr{background-color: #556069;}
table.lists td.empty-list{padding:20px;text-align: center;color: #777777;height:80px;}
/* FORM VALIDATION */
.required_field{}
.required_field_label{font-weight:bold;}
.back_link{text-align:right;height:10px;padding-right:10px;margin:5px;font-weight:bold;}
.back_link2{text-align:right;height:10px;padding-right:10px;font-weight:bold;float: right;}
.search_params{text-align:right;height:10px;padding-right:10px;color:#777;font-size:12px;}
#rt-logo-placeholder{position: absolute;width: 225px;height: 125px;border:0;cursor:pointer;top:0;*margin-left:-210px;background: transparent url('images/redesign/rt-logo.png') 32px 0px no-repeat;_height: 120px;_background: #025790 url('images/redesign/rt-logo-filled.png') 32px 0px no-repeat;;}
#rt-logo-placeholder-login{position: absolute;width: 350px;height: 37px;border:0;cursor:pointer;top:0;color:#FFF;font-family: FranklinGothicMediumCond, Arial, Helvetica, sans-serif;font-weight:bold;font-size:18pt;font-style:italic;margin-top:9px;margin-left:80px;/*background: transparent url('images/redesign/logo-title.png') 90px 4px no-repeat;*/_height: 34px;/*_background: #025790 url('images/redesign/logo-title-filled.png') 90px 4px no-repeat;*/}
#rt-version-login{position: absolute;width: 350px;height: 37px;border:0;cursor:pointer;top:0;color:#FFF;font-family: FranklinGothicMediumCond, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12pt;font-style:italic;margin-top:16px;margin-left:80px;}
.side_totals{background-color: #FFF;height:150px;border:1px solid #930000;color: #000000;margin-bottom:8px;font-size:8pt;}
.side_totals_hdr{height:16px;padding:8px 4px;color: #FFFFFF;background-color: #025790;border-bottom:4px solid #8798b4;}
.side_totals_body{background-color: #FFF;border-top:5px solid #930000;color: #000000;}
.side_totals_body div { border-bottom: 1px solid #000000;  height: 21px;  margin-left: 2px;  padding: 2px;  text-align: left;  width: 88%;}
.side_totals_body div:first-child{padding-top:8px;} 
.side_totals_body div:last-child{border-bottom:none;} 
.side_totals_body span { float: right;  padding-top: 4px;  width: 40px;  text-align: right;}
#mainContainer-popup {margin: auto auto;border: 1px solid black;z-index:10;background-color: #ffffff;width:1000px;z-index:20;}
#headerContainer-popup {  background: url("images/redesign/bg-header-small.png") repeat-x scroll 0 0 #02578F;  height: 54px;  z-index: 20;}
#lowerContainer-popup {width:1000px;z-index:20;padding:10px;}
#timeExpenseDetailsHeader > span > a > img {vertical-align:bottom;padding-right:2px;}
.custom-combobox {position: relative;display: inline-block;border: none;border-radius: 4px 4px 4px 4px;}
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;/* support: IE7 */*height: 1.7em;*top: 0.1em;}
.custom-combobox-input {margin: 0;padding: 0.3em;border: 1px solid #CCCCCC;}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {height: 210px;overflow: auto;}
.ui-autocomplete { max-height: 200px; overflow-y: scroll;overflow-x: hidden;}
.top_bar_action_link{text-align:right;height:10px;padding-right:10px;font-weight:bold;float: right;color: #910000}
.top_bar_action_link a{color: #910000}
a.button {color: #962427;font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;}

.ui-widget-overlay {opacity: .6 !important;filter: Alpha(Opacity=60) !important;}

/* MATERIAL ICONS */ 
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}  

/* JQ Data Tables */
.datatable-container{
    width:99%;
    /*border: 1px solid #556069;*/
    /*padding: 6px;*/
    margin-left: -4px;
    margin-top: 24px;
    /*width: 97%;*/
}
.datatable{
   /* width:97% !important;*/
}
.datatable th{
    background-color: #556069;
    color: #FFF;
}
.datatable{
    border: 1px solid #556069;
    border-bottom: 0px;
}
.datatable td{
    max-width:100px;
    white-space:pre-wrap;
    word-wrap: break-word;
    vertical-align: top;
    text-align: left;
    padding: 2px 10px 2px 6px;
    border-collapse: collapse;
    font-size: 11px;    
}
.datatable td a{
    font-size: 11px;    
}
.datatable .w1{
    max-width: 30px;
}
.datatable .w1b{
    max-width: 60px;
}
.datatable .w2{
    max-width: 80px;
}
.datatable .w3{
    max-width: 100px;
}
.datatable .w4{
    max-width: 180px;
}
.datatable tr:hover{
    background-color: #e2f2ff;
}
.datatable .dt-orderable-none .dt-column-order{
    display: none;
}
.dt-info {
    text-align: center !important;
}
.dt-paging-button{
    font-size: 11px !important;
}
.datatable-container .button{
    margin-top:4px;
    font-size: 10pt;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after {
    opacity: .325;
}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after {
    opacity: 1;
}
div.dt-container div.dt-layout-cell.dt-end {
    padding-right: 40px !important;
}
.datatable-container .datatable-settings {
    float: right;
    font-size: 24px;
    position: absolute;
    right: 50%;
    margin-right: -490px;
    clear: both;
    z-index: 999;
}
table.dataTable > thead > tr > th:not(:last-child), table.dataTable > thead > tr > td:not(:last-child) {
    border-right: 1px solid #8C949A;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #d8dcdf;
    background: #eee;/* url("images/ui-bg_highlight-hard_100_eeeeee_1x100.png") 50% 50% repeat-x;*/
    font-weight: normal;
    color: #910000;
}

.qtip{
    max-width: 500px !important;
}
.qtip-content {
    border: 2px solid #910000;
    font-size: 13px;
    line-height: 1.4em;
}
.qtip-content li{
    list-style: none;
    padding-bottom: 6px;
    margin-left: 0;
    padding-left: 2px;
}
.qtip-content .tip-title{
    font-size: 13px;
    font-weight: bold;
}
.qtip-content .tip-desc{
    margin-left: 0;
    padding-left: 0;
}
.hide{
    display: none;
}
.center{
    text-align: center !important;
}
/* thin scrollbar in chrome */
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #556069;
  border-radius: 0;
  border: transparent;
}
.jconfirm-holder .jc-bs3-container{
    width: 500px;
    left: 50% !important;
    margin-left: -250px;
    position: absolute;
}

.next_prev_controls{
    position: absolute;
    left: 50%;
    margin-left: 180px;
    margin-top: 6px;
    font-weight: bold;
    font-size: 13px;
    color: #910000;
}
.next_prev_controls a{
    font-size: 13px;
    margin-right: 4px;
    margin-left: 4px;
    font-weight: bold;
}

.datatable-rowgroup-open::before{
    content: " + ";
    font-size: 18px;
}
.datatable-rowgroup-close::before{
    content: " - ";
    font-size: 24px;
}