input[readonly]::placeholder {
  color: #888 !important;
}

.grc_dropdown_fullscreen_layer
{
    box-sizing: border-box;
    position: fixed;
    left:0px;
    top:0px;
    width:100%;
    height: 100%;
    background-color:transparent;
    z-index:19500;
}

.grc_focus_proxy
{
    width:100%;
    height:100%;
    display:block;
    box-sizing:border-box;
    cursor:default;
    overflow: auto;
    scrollbar-width: thin;
 }

.grc_focus_proxy:focus
{
    outline: none;
}

.grccomp_container
{
    box-sizing: border-box;
    width:100%;
    position: relative;
}

.grccomp_container_tablemode
{
    display:table;
    table-layout: fixed;
}

.grccomp_container_label
{
    box-sizing: border-box;
    font-family: "CmsDefault", Verdana;
    font-size: 13px;
    line-height: 16px;
    color:#222;
    padding-bottom: 5px;
    display:table-cell;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;    
    vertical-align: bottom;
    font-weight: bold;
}

.grccomp_container_label_focused
{
    color:#000;
}

.grccomp_container_nolabel
{
    display:none;
}

.grccomp_container_input
{
    box-sizing: border-box;
    width:100%;
    display:flex;
}

.grccomp_table_label_above tr
{
    height:50px;
}

.grccomp_table_label_left tr {
    height: 30px;
}

.grccomp-error-bubble
{
  position: relative;
  background: lightslategray;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
  font-family: "CmsDefault";
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  margin-top: 8px;
  padding: 10px 13px;
  margin-bottom: 16px;  
  font-weight:normal;
}

.grccomp-error-bubble:after
{
  content: '';
  position: absolute;
  top: 0;
  left: 25px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: lightslategray;
  border-top: 0;
  margin-left: -6px;
  margin-top: -6px;
}


/* --------------- grccomp_button start --------------- */

.grc-button
{
    display:inline-block;
    box-sizing: border-box;
    border:solid 1px transparent;
    font-family: "CmsDefault";
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";    
    font-feature-settings: "lnum";
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    border-radius: 0px;
    padding: 5px 20px;
    color:var(--colorMain4);
    background-color:#fff;
    text-decoration: none;
    text-align:center;
    letter-spacing: 1px;
    transition: all .2s ease,visibility 0s;
    border: solid 1px var(--colorMain4);
    cursor:pointer;
}

.grc-button:visited
{
    color:var(--colorMain4);
}

.grc-button:hover
{
    color:var(--colorMain);
}

.grc-button:focus
{
    outline: none;
    /* box-shadow: 0 0 0 2px #71a5b6; */
}


.grc-button-shadow
{
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);    
}

.grc-button-readonly
{
    opacity: 0.5;
}

/* --------------- grccomp_button end --------------- */




/* --------------- grccomp_calendar start --------------- */

.grc-cal-header-table
{
    width:100%;
    font-family: "CmsDefault", "Helvetica Neue", sans-serif;
    font-size:14px;
    line-height: 14px;
    color:#444;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
    height: 28px;    
}

.grc-cal-header-table tr
{
    height: 20px;
}
.grc-cal-header-table-icon
{
    width:20px;
    font-size: 16px;
    line-height: 16px;
}

.grc-cal-header-table-icon:hover
{
    /* color:dodgerblue; */
    cursor:pointer;
}

.grc-cal-header-table-ym
{
    text-align: center;
    color: var(--themecolor6);
    font-weight: bold;
}

.grc-cal-table
{
    width:100%;
}

.grc-cal-table tr
{
    height:30px;
}

.grc-cal-table-th
{
    text-align: center;
    font-family: "CmsDefault", "Helvetica Neue", sans-serif;
    font-size:14px;
    line-height:14px;
    font-weight: bold;
}


.grc-cal-table-td
{
    text-align: center;
    font-family: "CmsDefault", "Helvetica Neue", sans-serif;
    font-size:14px;
    line-height:14px;
    color:#333;
    border-radius:15px;
}

.grc-cal-table-td:hover
{
    background-color: #ccc;
    color: #000;
    cursor:pointer;
}

.grc-cal-table-td-notsamemonth
{
    opacity:0.5;
}

.grc-cal-table-td-selected
{
    background-color: var(--themecolor6);
    color:#fff;
    
}


/* --------------- grccomp_calendar end --------------- */





/* --------------- grccomp_checkbox start --------------- */

.grc-input-checkbox-table
{
    width:100%;
}

.grc-input-checkbox-tablerow
{
    height:20px !important;
}

.grc-input-checkbox-label
{
    box-sizing: border-box;
    font-size:13px;
    line-height: 13px;
    color:#222;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;    
    display: inline-block;
    cursor: pointer;

    margin-top: 0px;

    outline: none;
    padding: 2px 4px;    
    border: 1px solid transparent;
}

.grc-input-checkbox-label:focus
{
    -webkit-box-shadow: 0px 4px 7px -4px steelblue;
    box-shadow: 0px 4px 7px -4px steelblue;
}

.grc-input-checkbox-label:hover
{
    -webkit-box-shadow: 0px 4px 7px -4px lightsteelblue;
    box-shadow: 0px 4px 7px -4px lightsteelblue;
}

.grc-input-checkbox-icon-td
{
    width:22px;
}

.grc-input-checkbox-icon
{
    font-size: 11px !important;
    line-height: 11px !important;    
    padding-left: 2px;
}

.grc-input-checkbox-icon-cont-checked
{
    box-sizing: border-box;
    width:18px;
    height: 19px;
    display:block;
    border-radius: 2px;    
    cursor: pointer;
    border:solid 1px #0e3655;
    font-size:14px !important;
    line-height: 14px !important;
    background-color: #0e3655;
    color:#fff;
    padding-top:1px;
}

.grc-input-checkbox-icon-cont-checked:hover
{
    background-color: steelblue;
    border:solid 1px steelblue;
}


.grc-input-checkbox-icon-cont-unchecked
{
    box-sizing: border-box;
    width:18px;
    height: 19px;
    display:block;
    border-radius: 2px;    
    cursor: pointer;
    border:solid 2px #0e3655;
    font-size:14px !important;
    line-height: 14px !important;
    background-color: #fff;
    color:#fff;   
    padding-top:1px; 
}

.grc-input-checkbox-icon-cont-unchecked:hover
{
    background-color: #fff;
    border:solid 2px steelblue;
}






.grc-input-checkbox-icon-cont-checked-readonly
{
    box-sizing: border-box;
    width:18px;
    height: 19px;
    display:block;
    border-radius: 2px;    
    border:solid 1px #888;
    font-size:14px !important;
    line-height: 14px !important;
    background-color: #fff;
    color:#444;  
    padding-top:1px;  
}


.grc-input-checkbox-icon-cont-unchecked-readonly
{
    box-sizing: border-box;
    width:18px;
    height: 19px;
    display:block;
    border-radius: 2px;    
    cursor: pointer;
    border:solid 2px #888;
    font-size:14px !important;
    line-height: 14px !important;
    background-color: #fff;
    color:#fff;  
    padding-top:1px;  
}



/* --------------- grccomp_checkbox end --------------- */




/* --------------- grccomp_checkbox_mobile start --------------- */

.grc_checkbox_mobile_toggle
{
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0,0,0);
}

.grc_checkbox_mobile_toggle::before
{
  content: "";
  position: relative;
  top: -2px;
  left: 0px;
  width: 38px;
  height: 24px;
  display: block;
  background: transparent;
  border-radius: 14px;
  transition: background .2s ease;
  border: solid 1px #adadad;
}

.grc_checkbox_mobile_togglespan
{
  position: absolute;
  top: 3px;
  left: 6px;
  width: 14px;
  height: 14px;
  display: block;
  background: white;
  border-radius: 8px;
  /* box-shadow: 0 0px 2px rgba(0,0,0,.5); */
  transition: all .2s ease;
  border: solid 1px #adadad;
  background-color: #e0e0e0;
}

.grc_checkbox_mobile_togglespan::before
{
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: rgba(24,158,132,.5);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}

.grc_checkbox_mobile_toggle_checked::before
{
  background: transparent;
  border: solid 1px #ccc;
}

.grc_checkbox_mobile_togglespan_checked
{
  background-color: var(--themecolor6);
  transform: translateX(12px);
  transition: all .2s cubic-bezier(.8,.4,.3,1.25), background .15s ease;
  /* box-shadow: 0 3px 8px rgba(24,158,132,.2); */
  border-color: var(--themecolor6);
}

.grc_checkbox_mobile_togglespan_checked::before
{
  transform: scale(1);
  opacity: 0;
  transition: all .4s ease;
}


/* --------------- grccomp_checkbox_mobile end --------------- */



/* --------------- grccomp_combo start --------------- */

.grc-input-dropdown-icon-labelabove
{
    position: absolute;
    right: 4px;
    top: 29px;
    font-size: 16px !important;
    line-height: 16px !important;
    cursor: pointer;
    /* border-left: solid 1px #ccc; */
    padding-left: 0px;
    padding-top: 5px;
    /* height: 27px; */
    /*
    background-color: #007ad9;
    color: #fff;    
    */
    background-color: transparent;
    color: #333;    

    width: 24px;
    border-radius: 2px;

}

.grc-input-dropdown-icon-labelabove:hover
{
    /* background-color: #116fbf; */
    /* color:steelblue; */
}

.grc-input-dropdown-icon-labelleft
{
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px !important;
    line-height: 18px !important;
    cursor: pointer;
    padding-left: 0px;
    padding-top: 11px;
    height: 27px;
    /*
    background-color: #007ad9;
    color: #fff;    
    */
    background-color: transparent;
    color: #333;    

    width: 30px;
    border-radius: 2px;  
    text-align:left;  
}

.grc-input-dropdown-icon-labelleft:hover
{
    /* background-color: #116fbf; */
    /* color:steelblue; */
}

.grc-input-dropdown-icon-nolabel
{
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 16px !important;
    line-height: 16px !important;
    cursor: pointer;
    /* border-left: solid 1px #ccc; */
    padding-left: 0px;
    padding-top: 5px;
    /* height: 27px; */
    /*
    background-color: #007ad9;
    color: #fff;    
    */
    background-color: transparent;
    color: #333;    

    width: 24px;
    border-radius: 2px;
}

.grc-input-dropdown-icon-nolabel:hover
{
    /* background-color: #116fbf; */
    /* color:steelblue; */
}


.grc-input-dropdown-cont
{
    width:300px;
    height:250px;
    display:block;
    background-color:#fff;
    color:#444;
    font-size:14px;
    line-height:14px;
    font-family: "CmsDefault", Verdana;
    box-sizing: border-box;
    position: absolute;
    left: 500px;
    /* -webkit-box-shadow: 0 0 7px var(--premblue); */
    /* box-shadow: 0 0 7px var(--premblue); */
    border: 1px solid #bbb;  
    padding: 3px;
    margin-top:4px;
    border-radius: 8px;
}


.grc-combo-table
{
    width:100%;
    font-family:"PremiumDefault", Verdana;
    font-size:15px;
    line-height:15px;
    color:#222;
    table-layout: fixed;
    border-collapse: separate;
    margin:0px;
}

.grc-combo-tr
{
    height:34px !important;
    cursor:pointer;
}

.grc-combo-tr:hover
{
    background-color: #D9DDE3;
}

.grc-combo-tr-selected
{
    background-color: var(--themecolor6);
    color:#fff;
}

.grc-combo-tr-selected:hover
{
    background-color: var(--themecolor6);
    color:#fff;
}

.grc-combo-td
{
    padding:3px 4px 4px 8px;
}

.grc-combo-td-cutlongtext
{
    text-overflow: ellipsis;
    white-space: nowrap;    
    overflow: hidden;
}

.grc-combo-tr td:first-child
{
  border-top-left-radius:8px;
  border-bottom-left-radius:8px;
}

.grc-combo-tr td:last-child
{
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
}


.grc-combo-label
{
    font-family: "CmsDefault", Verdana;
    font-size: 15px;
    line-height: 15px;
    color: #000;
    width: 100%;
    display: block;
    padding: 13px 25px 12px 15px;
    border-radius: 20px;
    border: none;
    border: 1px solid #adadad;
    outline: none;
    cursor: pointer;
    height: 15px; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color:#fff;
    font-weight:500;
}

.grc-combo-label:hover
{
    border: 1px solid #444;
}

.grc-combo-label-focused
{
    outline: none;
    /*-webkit-box-shadow: 0 0 7px lightsteelblue;*/
    /*box-shadow: 0 0 7px lightsteelblue;*/
    border: 1px solid var(--themecolor6);  
    color:#222;
 }

 .grc-combo-label-read-only { 
    background-color: #e9eaf0;
    color:#222;
}

.grc-combo-hiddentext
{
    font-size: 1px;
    line-height: 1px;
    width:0px;
    height:0px;
    position: absolute;
    opacity:0;
}


/* --------------- grccomp_combo end --------------- */



/* --------------- grccomp_dialog start --------------- */

.grcdialog-layer
{
    box-sizing: border-box;
    position: fixed;
    background-color:rgba(0,0,0,0.2);
    z-index:501;
    -webkit-transition-property: background-color opacity; /* Safari */
    -webkit-transition-delay: 0s; /* Safari */
    -webkit-transition-duration: 0.2s;
    transition-property: background-color opacity;
    transition-delay: 0s;
    transition-duration: 0.2s;
    opacity:1;
    z-index:6000;
}

.grcdialog-table
{
    width:100%; 
    height:100%;    
}

.grcdialog-cont
{
    box-sizing:border-box; 
    /* margin:auto; */
    font-size:14px;
    line-height:14px;
    color:#222;
    background-color:#fff;

    outline: none;
    /*
    -webkit-box-shadow: 0 0 0 2px lightslategrey; 
    box-shadow: 0 0 0 2px lightslategrey; 
    */
    border: 1px solid #aaa;  
    border-radius: 5px; 
    position: absolute;
}

.grcdialog-title
{
    width:100%;
    box-sizing:border-box;
    font-family: "CmsDefault", Verdana;
    font-size:13px;
    line-height:13px;
    padding: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    user-select: none;
    text-align: left;
}

.grcdialog-title-white
{
    background-color: #fff;
    border-bottom:solid 1px #ccc;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    color:#444;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(100,100,100,0.2);
}

.grcdialog-title-yellow
{
    background-color: #ffba01;
    border-bottom:solid 1px crimson;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    color:crimson;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

.grcdialog-title-grey
{
    background-color: #f4f4f4;;
    border-bottom:solid 1px #ccc;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    color: #333;;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(100,100,100,0.2);
}

.grcdialog-title-green
{
    background-color: #34A835;
    border-bottom:solid 1px #ccc;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    color: #fff;;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(100,100,100,0.2);
}

.grcdialog-title-red
{
    background-color: #e91224;;
    border-bottom:solid 1px #ccc;
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    color: #fff;;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(100,100,100,0.2);
}


.grcdialog-title-blue
{
    /* background-color: #0e3655; */
    border-bottom: solid 1px #ccc;
    /* box-shadow: 0 0 4px rgba(0,0,0,.3); */
    color: #444;
    font-weight: normal;
    /* text-shadow: 1px 1px 0 rgba(100,100,100,0.2); */
    font-size: 15px;
    background-color: var(--themecolor_4_5);
    color: #222;
    /*
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    */
    line-height: 20px;    
}


.grcdialog-text
{
    width:100%;
    box-sizing:border-box;
    font-family: "CmsDefault", Verdana;
    font-size:14px;
    line-height:18px;
    padding: 10px;
    overflow: auto;
    height: calc(100% - 80px);
}

.grcdialog-button-cont
{
    width:100%;
    box-sizing:border-box;
    height:51px;
    padding:8px;
    border-top:solid 1px #ccc;
    position: absolute;
    bottom:0px;
    text-align:right;
    background-color: #f0f0f0;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;    
    
    padding-top:4px;
}


/* --------------- grccomp_dialog end --------------- */


/* --------------- grccomp_dialog2 start --------------- */

.grcdialog2-layer
{
    box-sizing: border-box;
    position: fixed;
    background-color:rgba(200,200,200,0.5);
    -webkit-transition-property: background-color opacity; /* Safari */
    -webkit-transition-delay: 0s; /* Safari */
    -webkit-transition-duration: 0.2s;
    transition-property: background-color opacity;
    transition-delay: 0s;
    transition-duration: 0.2s;
    opacity:1;
    z-index:160000;
}

.grcdialog2-table
{
    width:100%; 
    height:100%;    
}

.grcdialog2-cont
{
    box-sizing:border-box; 
    /* margin:auto; */
    font-size:14px;
    line-height:14px;
    color:#222;
    background-color:#fff;

    outline: none;
    /*
    -webkit-box-shadow: 0 0 0 2px lightslategrey; 
    box-shadow: 0 0 0 2px lightslategrey; 
    */
    border: solid 0px #aaa;  
    border-radius: 15px;
    position: absolute;
    box-shadow: 0px 0px 6px #888;
}

.grcdialog2-title
{
    width:100%;
    box-sizing:border-box;
    font-family: "CmsDefault", Verdana;
    font-size:17px;
    line-height:17px;
    padding: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    user-select: none;
    text-align: left;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom: solid 1px #e6e6e6;
    color:#000;
    font-weight: 500;
}


.grcdialog2-text
{
    width:100%;
    box-sizing:border-box;
    font-family: "CmsDefault", Verdana;
    font-size:16px;
    line-height:24px;
    padding: 10px;
    overflow: auto;
    color:#000;
    text-align:left;
    padding-bottom:30px;
}

.grcdialog2-button-cont
{
    width:100%;
    box-sizing:border-box;
    padding:0px 8px;
    border-top:solid 1px #ccc;
    position: absolute;
    bottom:0px;
    text-align:center;
    background-color: #f0f0f0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;    
}


/* --------------- grccomp_dialog2 end --------------- */



/* --------------- grccomp_input start --------------- */


.grc-input
{
    font-family: "CmsDefault", Verdana;
    font-size: 15px;
    line-height: 15px;
    color:#222;

    width:100%;
    padding: 3px 15px 4px 15px;

    border: none;
    border: 1px solid #adadad;  
    outline: none;

    height: 33px;

    background-color: #fff;
    color:#000;
    border-radius:20px;  
    -webkit-appearance: none;
    -moz-appearance: none;
    
    font-weight: 500;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";    
}

.grc-input:hover
{
    border: 1px solid #444;
}

.grc-input:focus
{
    outline: none;
    /* -webkit-box-shadow: 0 0 7px lightsteelblue; 
    box-shadow: 0 0 7px lightsteelblue;
    */
    border: 1px solid var(--themecolor6);  
    color:#222;

    background: #fff;
    color:#000;
 }

.grc-input:read-only { 
    background-color: #e9eaf0;
    color:#222;
}

.grc-input:-moz-read-only { 
    background-color: #e9eaf0;
    color:#222;
}

.grc-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    /* font-style: italic; */
    opacity: 1; /* Firefox */
}

.grc-input-password
{
  padding-right:40px;
}

.grc-input-password-eye-cont
{
  display:inline-block;
  box-sizing: border-box;
  width:30px;
  height:40px;
  font-size: 18px;
  color:#444;
  text-align: center;
  position: absolute;
  top:1px;
  right:6px;
  line-height: 18px;
  padding-top: 10px;  
  cursor:pointer;
}




/* --------------- grccomp_input end --------------- */



/* --------------- grccomp_loading start --------------- */

@keyframes lds-rolling {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  @-webkit-keyframes lds-rolling {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(360deg);
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  .lds-rolling {
    position: relative;
  }
  .lds-rolling div,
  .lds-rolling div:after {
    position: absolute;
    width: 170px;
    height: 170px;
    border: 30px solid dodgerblue;
    border-top-color: transparent;
    border-radius: 50%;
  }
  .lds-rolling div {
    -webkit-animation: lds-rolling 0.8s linear infinite;
    animation: lds-rolling 0.8s linear infinite;
    top: 100px;
    left: 100px;
  }
  .lds-rolling div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .lds-rolling {
    width: 50px !important;
    height: 50px !important;
    -webkit-transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
    transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
  }


.grcdb-loading
{
    box-sizing: border-box;
    position: fixed;
    background-color:transparent;
    z-index:501;
    -webkit-transition-property: background-color opacity; /* Safari */
    -webkit-transition-delay: 0.3s; /* Safari */
    -webkit-transition-duration: 0.5s;
    transition-property: background-color opacity;
    transition-delay: 0.3s;
    transition-duration: 0.5s;
    opacity:0;
    outline: none;
}

.grcdb-loading:focus
{
    background-color: rgba(255,255,255,0.5);
    opacity:1;
    outline: none;
}


.grcdb-loading-noopacity
{
    box-sizing: border-box;
    position: fixed;
    background-color:transparent;
    z-index:501;
    -webkit-transition-property: background-color opacity; /* Safari */
    -webkit-transition-delay: 0.3s; /* Safari */
    -webkit-transition-duration: 0.5s;
    transition-property: background-color opacity;
    transition-delay: 0.3s;
    transition-duration: 0.5s;
    opacity:0;
    outline: none;
}

.grcdb-loading-noopacity:focus
{
    background-color: #fff;
    opacity:1;
}



.grcdb-loading-visible
{
    display:block;
}

.grcdb-loading-hidden
{
    display:none;
}

.grcdb-loading-table
{
    width:100%; 
    height:100%;    
}

.grcdb-loading-icon
{
    width:50px; 
    height:50px; 
    box-sizing:border-box; 
    margin:auto;    
}




/* --------------- grccomp_loading end --------------- */


/* --------------- dynaform start --------------- */

.dynaform
{
  width:100%;
  box-sizing:border-box;
  text-align:left;
  display:block;
}

.dynaform_label
{
    width:100%;
    box-sizing: border-box;
    font-family: "CmsDefault", Verdana;
    font-size: 13px;
    line-height: 16px;
    color:#222;
    padding: 0px;
    margin:5px 0px;
    display:block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;    
    font-weight: bold;
}

.dynaform_field_container
{
  display:block;
  width:100%;
  text-align:left;
}

.dynaform_buttonitem_container
{
  display:inline-block;
  margin:4px;
}

.dynaform_checkbox_cont
{
  width:100%;
  box-sizing:border-box;
  text-align:left;
  display:block;
  margin:0px;
}

.dynaform_checkbox_buttoncont
{
  width:45px;
  box-sizing:border-box;
  text-align:left;
  display:inline-block;
  margin:0px;
  vertical-align:top;
  padding-top:1px;
}

.dynaform_checkbox_textcont
{
  width:calc(100% - 45px);
  box-sizing:border-box;
  text-align:left;
  display:inline-block;
  margin:0px;
  font-size:16px;
  line-height:22px;
  vertical-align:top;
}

.dyna_resptable_col
{
  padding:4px !important;
}

.dyna_resptable_col:first-child
{
  padding-left:0px !important;
}

.dyna_resptable_col:last-child
{
  padding-right:0px !important;
}


@media(max-width:600px)
{
  .dyna_resptable_col
  {
    padding:0px !important;
  }
  
}



/* --------------- dynaform end --------------- */



/* --------------- grccomp_table start --------------- */


.grc-table-scrollable-wrapper {
    position: relative;
    border:solid 1px #ccc;
}

.grc-table-widget
{
    font-family: "CmsDefault", "Helvetica Neue", sans-serif;
    font-size: 14px;
    text-decoration: none;
    box-sizing: border-box;
}

.grc-table-scrollable-header {
    overflow: hidden;
    border: 0;
    background-color: #f4f4f4;
}

.grc-table-scrollable-header-table
{
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.9);
    color: lightslategray;    
}

.grc-table-scrollable-header-table th
{
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 0px #ccc;
    border-top: solid 0px #ccc;
    padding: 2px 4px;
    background-color:#f4f4f4;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}

.grc-table-th-resizing
{
    background-color: #e6e6e6 !important;
}

.grc-table-scrollable-header-table th:first-child
{
    border-left: solid 0px #ccc;
}

.grc-table-scrollable-header-table th:last-child
{
    border-right: solid 0px #ccc;
}

.grc-table-scrollable-body-table
{
    border-collapse: collapse;
    border-spacing: 0;
}

.grc-table-scrollable-body-table tr
{
    border-left: solid 0px #ccc;
    border-right: solid 0px #ccc;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color:#fff;
}

.grc-table-scrollable-body-table tr:nth-child(even){
  background-color: #f4f4f4;
}

.grc-table-scrollable-body-table tr:hover
{
    background-color: #D9DDE3;
}
.grc-table-scrollable-body-table tr:first-child
{
    border-top: solid 0px #ccc;
}

.grc-table-scrollable-body-table tr:last-child
{
    border-bottom: solid 1px #ccc;
}


.grc-table-scrollable-body-table td
{
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 0px #ccc;
    border-top: solid 0px #ccc;
}

.grc-table-scrollable-body-table td:first-child
{
    border-left: solid 0px #ccc;
}

.grc-table-scrollable-body-table td:last-child
{
    border-right: solid 0px #ccc;
}

.grc-table-widget table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.grc-table-scrollable-body {
    overflow: auto;
    position: relative;
    border-top:solid 1px #ccc;
}

.grc-table-tr-selected
{
    background-color: #0e3655 !important;
    color:#fff;
}

.grc-table-td-cutlongtext
{
    text-overflow: ellipsis;
    white-space: nowrap;    
    overflow: hidden;
}

.grc-table-tbody
{
    cursor:pointer;
    color: #222;
}

.grc-table-tbody td
{
    padding: 6px;
    font-size:14px;
    line-height: 16px;
}

.grc-table-scrollable-header-box
{
    margin-left: 0px;
}

.grc-table-scrollable-header-box-withscrollbar
{
    margin-right: 8px;
}

.grc-table-scrollable-header-box-noscrollbar
{
    margin-right: 0px;
}

.grc-table-thead-th
{
    position: relative;
    text-align: center;
    background-clip: padding-box;
}

.grc-table-resizer
{
    box-sizing: border-box;
    display: block;
    position: absolute!important;
    margin: 0;
    width: 5px;
    height: 100%;
    padding: 0;
    cursor: col-resize;
    border: 1px solid transparent;   
    top:0;
    right:0;
}

.grc-table-resizer-line
{
    position: absolute;
    box-sizing: border-box;
    width:2px;
    font-size: 1px;
    line-height: 1px;
    background-color: steelblue;
    z-index: 500;
}

.grc-table-infobox
{
    width: 100%;
    box-sizing: border-box;
    border:solid 1px #ccc;
    margin: 2px 0px;
    font-size:12px;
    line-height: 12px;
    padding:4px;
    background-color: #f0f0f0;
    border-radius: 2px;
}

.grc-table-infobox-icon
{
    width:24px; 
    font-size:14px;
    color:steelblue;
}

.grc-table-infobox-text
{
    font-weight: bold;
    color: cornflowerblue;
}

.grc-table-infobox-displayall
{
    color:#0e3655;
    text-decoration: underline;
    cursor:pointer;
    display: block;
    padding-left: 2px;
}

.grc-table-infobox-displayall:hover
{
    color:dodgerblue;
}


.grc-table-pager-button
{
    text-align: center;
    width:25%;
    cursor:pointer;
    color:#222;
}

.grc-table-pager-button:hover
{
    color:dodgerblue;
}


.grc-table-pager-button-disabled
{
    text-align: center;
    width:25%;
    cursor:default;
    color:#ccc;
}

.grc-table-pager-button-disabled:hover
{
    color:#ccc;
}



/* --------------- grccomp_table end --------------- */