body {
  margin: 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
  background-color:#fffff0;
  color:#000000;
}
* {
  box-sizing: border-box;
}
a:link, a:visited, a:hover {
  text-decoration: none;
  color:"";
}
.lg-disabled {
  pointer-events: none;
  opacity: 0.3;
}
input{padding:0;}
::placeholder{
  font-size:0.8rem;
  font-style:italic;
}

.alignright {
  text-align: right;
}
.alignleft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}
table {
  border: 0px;
  border-collapse: collapse;
}

.isg-fc-ddl {
  color: #555;
  border-radius: 6px;
  font-size: 1.3rem;
  font-weight: 300;
  background-color: #ffffff;
  border: 1pt solid #444;
  padding: 3px;
}

  .isg-fc-ddl:hover {
    color: #777;
    border: 1pt solid #666;
    transition: border-color .15s ease-in-out,color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
.footer {
  padding: 2px;
  margin-bottom: 0px;
  bottom: 0px;
  color: #444;
  font-size: 0.7rem;
  width: 100%;
  background-color:#dcdddd;
  border-top: solid 1pt #333;
}
.isg-link {
  text-decoration: underline;
}

  .isg-link:hover {
    color: red;
  }
.isg-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  left: 0;
  right: 0;
  top: 0;
  height: 60px;
  z-index: 3;
  position: fixed;
  overflow: hidden;
  background-color: #d8e5e8;
  border-bottom: solid 1pt #444; /* #3FB449;*/
}
  .isg-header div {
    text-align: center;
    font-size: 1.2rem;
    color: #b6b3b3;
    margin:8px;
    line-height: 60px;
  }
  .isg-header a {
    transition: 0.3s;
  }
  .isg-header a:hover {
      color: #faf3f3;
    }
.lg-resp0{}
.lg-resp1{}
.lg-resp2{}
.lg-resp3{}
.lg-resp4{}
.lg-resp5{}
.isg-page{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  padding-bottom:80px;
  min-height:500px!important;
}
.isg-ugv,
.isg-ufv,
.isg-fc {
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: flex-start;
  width: 100%;
}
  .isg-ufv > div,
  .isg-ugv > div{
    width:100%;
  }
  .isg-ufv {
    align-items:center;
  }
.isg-fv {
  margin-top:10px;
  width: 100%;
}
.isg-fr {
  display: flex;
  flex-direction: row;
  justify-content:flex-start;
  align-items: center;
  width: 100%;
}
.isg-win-1 {
  background-color: #bababa;
  border: 1pt solid #444;
  color:#222;
  border-radius: 4px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.37);
  
}
.isg-caption {
  font-weight: 100;
  padding: 2px;
  color:#40b006
}
  .isg-caption > span {
    font-size: 1rem;
  }
.isg-fv-table {
  margin: auto;
}
  .isg-fv-table,
  .isg-fv-table-sep {
    border: solid 1pt #494948;
  }
.isg-fv-tab {
  margin: auto;
}

fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: min-content;
  border-width: 2px;
  border-style: groove;
  border-color: #494948;
  border-image: initial;
}
legend {
  display: block;
  padding-inline-start: 2px;
  padding-inline-end: 2px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  color: #3da308;
  font-weight:bold;
}
legend span {
  font-size: 1.2rem;
}
#isgbody {
  transition: margin-left .5s;
}
.lg-atch{
  display:flex;
  flex-direction:row;
  /*border:0.5pt solid #666;*/
  justify-content:flex-start;
  align-items:center;
}
.lg-atch > div{
  margin:2px;
  font-size:1rem;
  text-align:left;
 }
.lg-atch-base{
  color:#196681;
}
.lg-progress {
  background-color: #000;
  /*  border: 1pt solid #6;
  border-radius: 10px; */
  width: 150px;
  height: 20px;
}

.lg-progress-bar {
  background-color: #ffdb00;
  border-radius: 10px;
  width: 0%;
  height: 100%;
}

.lg-progress-val {
  font-size:1rem;
  font-family:Tahoma;
  color: orangered;
  margin-top: 5px;
  width: 50px;
}
.lg-atch-fn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8rem;
  color: #412cf5;
}
/* Grid-View co  #7C879D*/
.gv_co {  width: 100%;  border:1pt solid #333;  font-size: 0.9rem;}
.gvh_co {  width: 100%;  background-color: #000;  font-size: 0.9rem; color:#bababa;height:40px;}
  .gvh_co th {font-weight: bold; border: 1pt solid #1b1b1b; padding: 5px; color: #269cb0;}
    .gvh_co th A {color: #bababa;}
      .gvh_co th A:hover {color: Blue;}
.gvr_co { background-color:#dadcde;}
.gva_co { background-color:#c6cfd7;}
.gvs_co { background-color: #3c8098; color:white;}
  .gvr_co:hover, .gva_co:hover, .gvs_co:hover { background-color:#a1e0e8; }
  .gvr_co td, .gva_co td, .gvs_co td { border-bottom: 1pt solid #0c0c0c;height:30px;padding:5px; }
  .gvr_co td span, .gva_co td span, .gvs_co td span { font-size:0.8rem; }
.gvf_co {  height: 20px; background-color: #4b585f;}
.gvp_co {color:#feead9;height:30px;font-weight:bold;background:#4b585f;border-top:1pt solid #aca9a9;}
  .gvp_co td table tbody tr td {padding-left: 10px;font-size: 0.8rem;font-weight: bold;}
  .gvp_co a {color: #c7c7c7;}
.gve_co td {height: 20px;background-color:#333232;color: Red;text-align: center;}
/* end gv co*/

/* Grid-View silver  #7C879D*/
.gv-header th {position: sticky;position: -webkit-sticky;top: 130px;z-index:2;}
.gv_silver {  width: 100%;  border:1pt solid #333;  font-size: 0.7rem;}
.gvh_silver {  width: 100%;  background-color: #000;  font-size: 0.7rem; color:#bababa;height:30px;}
  .gvh_silver th {font-weight: bold; border: 1pt solid #1b1b1b; padding: 2px; color: #bababa;}
    .gvh_silver th A {color: #bababa;}
      .gvh_silver th A:hover {color: Blue;}
.gvr_silver { background-color:#e5e5e5;}
.gva_silver { background-color:#f3f3f7;}
.gvs_silver { background-color: #3c8098; color:white;}
  .gvr_silver:hover, .gva_silver:hover, .gvs_silver:hover { background-color:#baeff6; }
  .gvr_silver td, .gva_silver td, .gvs_silver td { border-bottom: 1pt solid #c8c7c7;height:30px;padding:2px; }
  .gvr_silver td span, .gva_silver td span, .gvs_silver td span { font-size:0.7rem; }
.gvf_silver {  height: 20px; background-color: #4b585f;}
.gvp_silver {color:#feead9;height:30px;font-weight:bold;background:#4b585f;border-top:1pt solid #aca9a9;}
  .gvp_silver td table tbody tr td {padding-left: 10px;font-size: 0.7rem;font-weight: bold;}
  .gvp_silver a {color: #c7c7c7;}
.gve_silver td {height: 20px;background-color:#333232;color: Red;text-align: center;}
/* end gv silver*/

/* Grid-View gold  #7C879D*/
.gv_gold th {position: sticky;position: -webkit-sticky;top: 130px;z-index:12;}
.gv_gold {  width: 100%;  border:1pt solid #333;  font-size: 0.7rem;}
.gvh_gold {  width: 100%;  background-color: #000;  font-size: 0.7rem; color:#bababa;height:30px;}
  .gvh_gold th {font-weight: bold; border: 1pt solid #1b1b1b; padding: 2px; color: #bababa;}
    .gvh_gold th A {color: #bababa;}
      .gvh_gold th A:hover {color: Blue;}
.gvr_gold { background-color:#e5e5e5;}
.gva_gold { background-color:#f3f3f7;}
.gvs_gold { background-color: #3c8098; color:white;}
  .gvr_gold:hover, .gva_gold:hover, .gvs_gold:hover { background-color:#baeff6; }
  .gvr_gold td, .gva_gold td, .gvs_gold td { border-bottom: 1pt solid #c8c7c7;height:30px;padding:2px; }
  .gvr_gold td span, .gva_gold td span, .gvs_gold td span { font-size:0.7rem; }
.gvf_gold {  height: 20px; background-color: #4b585f;}
.gvp_gold {color:#feead9;height:30px;font-weight:bold;background:#4b585f;border-top:1pt solid #aca9a9;}
  .gvp_gold td table tbody tr td {padding-left: 10px;font-size: 0.7rem;font-weight: bold;}
  .gvp_gold a {color: #c7c7c7;}
.gve_gold td {height: 20px;background-color:#333232;color: Red;text-align: center;}
/* end gv gold*/


/* Grid-View bb*/
.gv-bb {width: 100%; border:3pt solid #2ad8f5; font-size: 0.95rem;}
.gvh-bb {  width: 100%;  background-color:#199db2;  font-size: 0.9rem;}
  .gvh-bb th {font-weight: bold; border: 3pt solid #2ad8f5; padding: 5px; color: #fff;}
    .gvh-bb th A {color: #fff;}
      .gvh-bb th A:hover {color:#f6d122;}
.gvr-bb { background-color: white;}
.gva-bb { background-color:#e6e4e4;}
.gvs-bb { background-color: #3c8098; color:white;}
  .gvr-bb:hover, .gva-bb:hover, .gvs-bb:hover { background-color:#f1e5e5; }
  .gvr-bb td, .gva-bb td, .gvs-bb td { border-bottom: 1pt solid #d4d3d3;height:40px; }
.gvf-bb {  height: 20px; background-color: #4b585f;border:3pt solid #2ad8f5;}
.gvp-bb {color:#feead9;height:30px;font-weight:bold;background:#298abe;border-top:3pt solid #2ad8f5;}
  .gvp-bb td table tbody tr td {padding-left: 10px;font-size: 0.8rem;font-weight: bold;}
  .gvp-bb a {color: #c7c7c7;}
.gve-bb td {height: 20px;background-color: #E5E5E5;color: Red;text-align: center;}
/* end gv bb*/

/* Grid-View tv*/
.gv-tv {width: 100%; border:1pt solid #f3ecec;}
.gvh-tv {  width: 100%;  background-color:#86aab1;  font-size: 0.75rem;}
  .gvh-tv th { padding: 1px; color: #535252;}
    .gvh-tv th A {color: #535252;}
      .gvh-tv th A:hover {color:#f6d122;}
.gvr-tv { background-color: white;font-size: 0.7rem;}
.gvr-tv span { background-color: white;font-size: 0.7rem;}
.gva-tv { background-color:#e6e4e4;font-size: 0.7rem;}
.gva-tv span { background-color:#e6e4e4;font-size: 0.7rem;}
.gvs-tv { background-color: #3c8098; color:white;}
  .gvr-tv:hover, .gva-tv:hover, .gvs-tv:hover { background-color:#f1e5e5; }
  .gvr-tv td, .gva-tv td, .gvs-tv td { border-bottom: 1pt solid #d4d3d3;height:24px; }
.gvf-tv {  height: 20px; background-color: #4b585f;border:3pt solid #2ad8f5;}
.gvp-tv {color:#feead9;height:30px;font-weight:bold;background:#298abe;border-top:3pt solid #2ad8f5;}
  .gvp-tv td table tbody tr td {padding-left: 10px;font-size: 0.8rem;font-weight: bold;}
  .gvp-tv a {color: #c7c7c7;}
.gve-tv td {height: 20px;background-color: #E5E5E5;color: Red;text-align: center;}
/* end gv tv*/


/*AutoComplete flyout */
/*overflow: auto;
  min-height: 220px;
*/
.autocomplete_completionListElement {
  visibility: hidden;
  margin: 0px !important;
  background-color: #000;
  color: windowtext;
  border: #3d3d3d;
  border-width: 2px;
  border-style: solid;
  cursor: default;
  overflow-y:scroll;
  height: 220px;
  text-align: left;
  list-style-type: none;
  font: Courier;
  font-size: 0.9rem;
  z-index: 10110 !important;
  padding: 6px;
  min-width: 400px ;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
  background-color: #000;
  color: #fff;
  padding: 2px;
  transition: color 0.3s;
}
/* AutoComplete item */
.autocomplete_listItem {
  background-color: #090909;
  color:#1fd0e9;
  padding:2px;
  white-space:nowrap;
}
.errorLG{
  font-size:0.7rem;
  font-style:italic;
  color:red;
}
/*SideBar Menu*/
.lg-collapse{
  display:none;
}
.lg-expand{
  display:block;
}
.isg-menu {
  /*Used at main.master*/
  display: flex;
  flex-direction: column;
  background-color: #d8e5e8;
  position: fixed;
  top: 60px;
  left: 0;
  width: 0px;
  z-index: 5;
  height: 100%;
  overflow: hidden;
  transition: 0.8s;
}
.lg-menu-nav {
  height: 90%;
  width: 100%;
  background-color: #d8e5e8;
  transition: 0.5s;
  padding: 2px;
  border: 1pt solid #444;
}
.lg-menu-nav a {
  cursor: pointer;
  margin: 1pt;
  border: 1pt solid #111;
  border-radius: 0.4px;
  padding: 4px 12px;
  font-size: 0.8rem;
  color: #9d9999;
  background-color: #1a1a1a;
  display: block;
  width: 100%;
  transition: 0.3s;
}
  .lg-menu-nav a:hover {
    color: #f1f1f1;
  }

.scrollbar {
  overflow-x:hidden;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.scrollbar-primary::-webkit-scrollbar {
  width: 12px;
  background-color: transparent;
}
.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #878889;
}
.lg-menu-cmnu,
.lg-menu-menu,
.lg-menu-role {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  transition: 0.3s;
  cursor:pointer;
}
  .lg-menu-cmnu div,
  .lg-menu-menu div,
  .lg-menu-role div {
    margin: 0.2rem;
    font-size: 0.9rem;
  }
.lg-menu-menu {
  color: #7d7c7c;
  border: 1pt solid #151515;
  background-color: #373636;
}
.lg-menu-cmnu {
  color: #7c6d6d;
  border: 1pt solid #282626;
  background-color: #1d1c1c;
}
.lg-menu-role {
  color: #999;
  border: 1pt solid #333;
  background-color: #555;
}
.lg-menu-menu:hover,
.lg-menu-cmnu:hover,
.lg-menu-role:hover {
  color: #f1f1f1;
}
/*End of SideBar Menu*/
lg-silver {
  color: #f1f1f1;
}
.lg-sky{
  color:#08c9e9;
}
.lg-red{
  color:Red;
}

.lg-coral {
  color: #fc57aa;
}

.lg-lime {
  color: #58d815;
}

.lg-info {
  color: #17a2b8;
}

.lg-cadet {
  color: #7c8293;
}

.lg-danger {
  color: #d1062f;
}

.lg-primary {
  color: #2196F3;
}

.lg-gray {
  color: #bdbcbc;
}

.lg-success {
  color: #06bf1e;
}

.lg-warning {
  color: #ffc300;
}

.lg-gold {
  color: #ffa504;
}

.lg-killer {
  color: #f86d0a;
}

.lg-silver,
.lg-coral,
.lg-lime,
.lg-cadet,
.lg-info,
.lg-killer,
.lg-danger,
.lg-gray,
.lg-primary,
.lg-warning,
.lg-gold,
.lg-red,
.lg-sky,
.lg-success {
  cursor: pointer;
  display: inline-block;
  user-select: none;
  transition: 0.3s;
  text-shadow: 2px 2px 8px black;
}

  .lg-silver:hover,
  .lg-coral:hover,
  .lg-lime:hover,
  .lg-cadet:hover,
  .lg-info:hover,
  .lg-killer:hover,
  .lg-danger:hover,
  .lg-gray:hover,
  .lg-primary:hover,
  .lg-warning:hover,
  .lg-gold:hover,
  .lg-red:hover,
  .lg-sky:hover,
  .lg-success:hover {
    opacity: 0.7;
  }
/*ToolBar*/
.nt-btn-silver {
  border: 1pt solid #bdbcbc;
  background-color: #f1f1f1;
}

.nt-btn-coral {
  border: 1pt solid #fc2993;
  background-color: #fc57aa;
  color: white;
}

.nt-btn-lime {
  border: 1pt solid #44b10b;
  background-color: #58d815;
  color: white;
}

.nt-btn-info {
  border: 1pt solid #168c9f;
  background-color: #17a2b8;
  color: white;
}

.nt-btn-cadet {
  border: 1pt solid #506193;
  background-color: #7c8293;
  color: white;
}

.nt-chk-danger {
  border: 1pt solid #FF99CC;
  background-color: #FFEBCD;
  color: #000066;
}

.nt-btn-danger {
  border: 1pt solid #e00b37;
  background-color: #d1062f;
  color: white;
}

.nt-btn-primary {
  border: 1pt solid #5780f8;
  background-color: #2196F3;
  color: white;
}

.nt-btn-gray {
  border: 1pt solid gray;
  background-color: #bdbcbc;
  color: black;
}

.nt-btn-success {
  border: 1pt solid #049317;
  background-color: #06bf1e;
  color: white;
}

.nt-btn-warning {
  border: 1pt solid #eab402;
  background-color: #ffc300;
  color: Black;
}

.nt-btn-gold {
  border: 1pt solid #f8c210;
  background-color: #ffa504;
  color: white;
}

.nt-btn-killer {
  border: 1pt solid #12fa30;
  background-color: #f86d0a;
  color: white;
}

.nt-btn-silver,
.nt-btn-coral,
.nt-btn-lime,
.nt-btn-cadet,
.nt-btn-info,
.nt-chk-danger,
.nt-btn-killer,
.nt-btn-danger,
.nt-btn-gray,
.nt-btn-primary,
.nt-btn-warning,
.nt-btn-gold,
.nt-btn-success {
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  line-height: 1.0;
  display: inline-block;
  font-weight: 400;
  vertical-align: middle;
  user-select: none;
  transition: 0.3s;
}

  .nt-btn-silver:hover,
  .nt-btn-coral:hover,
  .nt-btn-lime:hover,
  .nt-btn-cadet:hover,
  .nt-btn-info:hover,
  .nt-btn-killer:hover,
  .nt-btn-danger:hover,
  .nt-btn-gray:hover,
  .nt-btn-primary:hover,
  .nt-btn-warning:hover,
  .nt-btn-gold:hover,
  .nt-btn-success:hover {
    opacity: 0.7;
    color: white;
  }
.isg-main-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #666;
  overflow: hidden;
  width: 100%;
}
 .isg-main-toolbar{
   padding:2px;
  }
  .lg-SavePad {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
.lg-FindPad {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.lg-PagePad {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

  .lg-SavePad > div,
  .lg-PagePad > div,
  .lg-FindPad > div {
    text-align: center;
    vertical-align:middle;
    align-items:center;
    font-size:1.4rem;
  }
  .lg-SavePad > div,
  .lg-PagePad > div{
    margin:4px 4px 4px 8px;
  }
  .lg-FindPad > div {
    padding-right: 4px;
  }
  .tblTxt input[type="text"]{
    height:22px;
    font-size:1.1rem;
  }
.tblLbl {
  font-size: 1.2rem;
}
  .tblChk{
    padding-top:3px;
  }
  .tblChk input[type="checkbox"]{
    height:22px;
    width:22px;
  }
.sticky {
  position: fixed;
  top: 60px;
}
.sticky-bottom {
  position: fixed;
  bottom: 0px;
  z-index:9200;
}

@media only screen and (max-width: 600px) {
  .lg-resp3,
  .lg-resp2,
  .lg-resp1,
  .lg-resp0 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .lg-resp2,
  .lg-resp1,
  .lg-resp0 {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .lg-resp1,
  .lg-resp0 {
    display: none;
  }
}

@media only screen and (max-width: 1200px) {
  .lg-resp0 {
    display: none;
  }

}
.lg-bc-box{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  width:100%;
}
.lg-bc-div{
  margin:2px;
  background-color:#000;
  border:1pt solid #000;
  border-radius:10px;
  padding:2px;
}
.lg-bc-link:hover{
  color:#2ad8f5;
  transition: color 0.3s
}

/*End Of Toolbar*/

/*Dashboard*/
.lg-card-container {
  display: flex;
  flex-direction: row;
  width:100%;
  flex-wrap: wrap;
}
  .lg-card-container > div {
    margin: 20px;
    border-radius:6px;
    background-color:#5e5c5c;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow 300ms ease-out;
  }
    .lg-card-container > div:hover {
      box-shadow: rgba(130, 127, 127, 0.35) 0px 5px 15px;
    }
.lg-card {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  width: 200px;
}
.lg-card-menu{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  font-size:0.6rem;
}
.lg-card-menu > div{
  margin:4px;
}
  .lg-card-menu > div:hover {
    cursor:pointer;
    color:#fff;
  }

.lg-card-header {
  color: white;
  padding: 10px;
  font-size: 40px;
}
.lg-card-body {
  padding: 10px;
  font-size:0.8rem;
}
.lg-wl-container{
  display:flex;
  flex-direction:row;
  justify-content:space-around;
  margin-bottom:10px;
  flex-wrap:wrap;
  padding:10px;
  border:1pt solid #f86d0a;
  border-radius:6px;
}
  .lg-wl-container > div {
    margin: 10px;
    border-radius: 6px;
    color:#d1cccc;
  }
.lg-wl-np {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #000;
  width: 50px;
  cursor:pointer;
}
.lg-wl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color:#000;
  width: 150px;
}
.lg-wl-header {
  color: white;
  padding: 10px;
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
  background-color: #5e5c5c;
  font-size: 0.7rem;
}

.lg-wl-body {
  padding: 10px;
  font-size: 0.6rem;
}
#cmdShowWL {
  position: relative; /* Position them relative to the browser window */
  left: -145px; /* Position them outside of the screen */
  transition: 0.3s; /* Add transition on hover */
  padding: 5px 15px; /* 15px padding */
  width: 160px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  font-size: 1.2rem; /* Increase font size */
  color: white; /* White text color */
  border-radius: 0 5px 5px 0; /* Rounded corners on the top right and bottom right side */
  top: -30px;
}

  #cmdShowWL:hover {
    left: -15px; /* On mouse-over, make the elements appear as they should */
  }

.green {
  background-color: #4CAF50;
}
.cadet {
  background-color: #00bfff;
}
.gold {
  background-color: #ffbf00;
}
.gray {
  background-color: #808080;
}
.red {
  background-color: #D80000;
}
.pink {
  background-color: #FF00FF;
}
.blue {
  background-color: #00bfff;
}
/*EndOfDashBoard*/
.cph-i {
  font-size: 16px;
  font-weight: bold;
}
.cph_filter {
  cursor:pointer;
  height: 30px;
  font-size:0.7rem;
  background-color:#444;
  border: solid 1pt #555;
  color:#cfcece;
}
#lblH{
  font-size:0.7rem;
}

.cp_filter {
  width: 100%;
  overflow: hidden;
  font-size: 0.8rem;
}
.isg-acord-show{
  height:100%;
  padding:10px;
  position: relative;
  animation: animatetop 0.4s
}

@keyframes animatetop {
  from {
    top: -100px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}
  /*  background-color: #444;
  border: solid 1pt #555;*/
span{
  font-size:0.9rem;
}
.lg-link {
  font-size: 1rem;
}
.footer span {
  font-size: 0.65rem;
}
.dmychk input[type="checkbox"] {
  height: 18px;
  width: 18px;
  accent-color:#3e3d3d;
}
.mychk input[type="checkbox"] {
  height: 18px;
  width: 18px;
}
.dmypktxt,
.dmyfktxt,
.dmyddl,
.dmytxt,
.mypktxt,
.myfktxt,
.myddl,
.mytxt {
  width: 100%;
  border: 1pt solid #999;
  border-radius: 2px;
  font-size: 0.9rem;
  padding: 4px;
}
.gdmytxt {
  width: 100%;
  border: 1pt solid transparent;
  font-size: 0.9rem;
  padding: 4px;
  background-color: transparent;
}
.fdmytxt {
  width: 100%;
  border: 1pt solid #cbc9c9;
  font-size: 0.9rem;
  padding: 4px;
  background-color:#e1e0e0;
}

.myLblfkd,
.mylbl {
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.myLblfkd{
  font-style:italic;
  color:#51b0fb;
  padding:4px;
  display:inline-block;
}
.mypktxt {
  background-color: #a8a5a5;
  color: #1e4608;
}

.myfktxt {
  background-color: #f7dfdf;
  color: #1e4608;
}

.myddl,
.mytxt {
  background-color: #ffffff;
  color:#000;
}

.dmypktxt,
.dmyfktxt,
.dmyddl,
.dmytxt {
  background-color: #e8dcd5;
  color: #3d3939;
}
  .myfktxt:hover,
  .myddl:hover,
  .mytxt:hover {
    border: 1pt solid black;
    background-color: white;
    transition: border-color .15s ease-in-out,color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
.MyCalendar .ajax__calendar_container {
  border: 1px solid #646464;
  background-color: #fff;
  color: red;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
  .MyCalendar .ajax__calendar_container td {
    height:14px;
    border: none;
  }


.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
  color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
  color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
  color: black;
  font-weight: bold;
}

.imgbut {
  cursor: help;
}
.nt-xloading {
  background-image: url(../../Images/spin1.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}

.loading {
  z-index: 10;
}
.upnl-modal {
  position: fixed;
  z-index: 9;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color:black;
  opacity: 0.6;
}

.upnl-center {
  z-index: 10;
  margin: 300px auto;
  padding: 10px;
  width: 130px;
  opacity: 0.6;
}

  .upnl-center img {
    height: 128px;
    width: 128px;
  }
.lg-ddm{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;

}
.lg-ddm>div{
  margin:10px;

}
.lg-ddx {
  padding:5px;
  border: 1pt solid orangered;
  border-radius: 6px;
  background-color:#b29e9e;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.lg-ddh {
  border: 1pt solid #6f0404;
  padding: 5px;
  border-radius: inherit;
  background-color: #b50606;
  color: white;
  font-size: 0.8rem;
}
.lg-ddd {
  padding: 5px;
  text-align:center;
}
.lg-dd-myddl {
  width: 100%;
  margin: 2px;
  border: 1pt solid #dcdbdb;
  border-radius: 4px;
  font-size: 0.8rem;
  padding: 2px;
  background-color: #9d9c9c;
  color: #2c0c0c;
}
.lg-dd-myddl:hover {
  border: 1pt solid black;
  background-color: white;
  transition: border-color .15s ease-in-out,color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.lg-itm-cod-nam {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: 1pt solid #0d6978;
  height: 60px;
  background-color: #99c5cc;
}
.lg-itm-cod-nam>div{
  margin:10px;
  font-size:1.2rem;
  line-height: 30px;
  background-color:#0c6572;
  color:#aee3eb;
  text-align:center;
}
.lg-itm-cod {
  display: flex;
  flex-direction: row;
  justify-content:flex-start;
  align-items: center;
}
.lg-itm-nam {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.lg-itm{
  display:flex;
  flex-direction:row;
}
#nav_tutorials, #nav_references, #nav_exercises, #nav_login {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
/*
  Mini Tool Bar
*/
.isg-mini-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #666;
  overflow: hidden;
  width: 100%;
}

.isg-mini-toolbar {
  padding: 1px;
}

.isg-mini-toolbar .lg-SavePad > div,
.isg-mini-toolbar .lg-PagePad > div,
.isg-mini-toolbar .lg-FindPad > div {
  text-align: center;
  vertical-align: middle;
  align-items: center;
  font-size: 1rem;
}

.isg-mini-toolbar .lg-SavePad > div {
  margin: 4px;
}
.isg-mini-toolbar .lg-PagePad > div {
  margin: 4px 2px;
}

.isg-mini-toolbar .lg-FindPad > div {
  margin: 4px 0px;
}

.isg-mini-toolbar .tblTxt input[type="text"] {
  padding: 1px;
  height: 18px;
  font-size: 0.8rem;
}

.isg-mini-toolbar .tblLbl {
  font-size: 0.8rem;
}

.isg-mini-toolbar .tblChk {
  padding-top: 0;
}

  .isg-mini-toolbar .tblChk input[type="checkbox"] {
    vertical-align:middle;
    height: 18px;
    width: 18px;
  }

/*
  End Mini Tool Bar
*/
/*
  Mid Tool Bar
*/
.isg-mid-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #666;
  overflow: hidden;
  width: 100%;
}

.isg-mid-toolbar {
  padding: 1px;
}

  .isg-mid-toolbar .lg-SavePad > div,
  .isg-mid-toolbar .lg-PagePad > div,
  .isg-mid-toolbar .lg-FindPad > div {
    text-align: center;
    vertical-align: middle;
    align-items: center;
    font-size: 1.5rem;
  }

  .isg-mid-toolbar .lg-SavePad > div {
    margin: 4px;
  }

  .isg-mid-toolbar .lg-PagePad > div {
    margin: 4px 6px;
  }

  .isg-mid-toolbar .lg-FindPad > div {
    margin: 4px 0px;
  }

  .isg-mid-toolbar .tblTxt input[type="text"] {
    padding: 1px;
    height: 22px;
    font-size: 0.8rem;
  }

  .isg-mid-toolbar .tblLbl {
    font-size: 0.8rem;
  }

  .isg-mid-toolbar .tblChk {
    padding-top: 0;
  }

    .isg-mid-toolbar .tblChk input[type="checkbox"] {
      vertical-align: middle;
      height: 20px;
      width: 20px;
    }

/*
  End Mid Tool Bar
*/
.rst-alert {
  width: 30%;
  position: absolute;
  top: 5%;
  right: 2%;
  padding: 20px;
  background-color: #f44336;
  border-radius: 5px;
  color: white;
  z-index: 12050;
  box-shadow: 5px 10px 8px #888888;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

  .closebtn:hover {
    color: black;
  }
.disable-du{
  background-color:#2e64e4;
  opacity:0.2;
}
.enable-du {
  background-color:unset;
  opacity:unset;
}

/*template Controls*/
.spc-hpnl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.spc-fpnl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.spc-hdr {
  background-color: #364e5f;
  align-items: center;
}

.spc-hdr,
.spc-spnl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.spc-spnl {
  background-color: #ffffff;
  border: 1pt solid #454646;
  border-radius: 6px;
}
.spc-spnl-l1{
  color:#2d7a96;
}
.spc-spnl-l2 {
  color: orangered;
}
.spc-spnl-l2 {
  color: #094651;
}

  .spc-hdr > div,
  .spc-spnl > div {
    margin: 4px;
    font-size: 0.8rem;
    min-height: 20px;
    align-items: center;
  }

  .spc-spnl > div {
    padding: 4px;
  }

.spc-hdr > div {
  margin: 4px;
  border-radius: 6px;
  background-color: #0e1921;
  color: #d6ecfb;
  text-align: center;
  padding: 10px;
  font-size: 1rem;
  min-height: 52px;
}

.spc-fpnl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 6px;
  font-size: 1.2rem;
  color: #3508a7;
}
.pu-set {
  border: 2pt solid greenyellow;
  padding: 10px;
}
.modalBackground {
  background-color: #acc3f5;
  opacity: 0.3;
}
.custom-alert {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.isg-div{
  width:100%;
  height:30px;
  overflow-y:scroll;
}
.isg-dm-tbl {
  border: solid 1pt #bababa;
}
.isg-dm-tbl-td {
  font-size: 12px;
  padding: 4px;
  border: solid 1pt #bababa;
}
  .isg-dm-tbl-htd {
    background-color: #d4d3d3;
    padding:2px;
    font-weight: bold;
    font-size: 12px;
  }
.highlight-pulse {
  /* Set initial color and padding */
  color: #000;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 8px;
  /* Apply animation: name, duration, timing, iteration-count */
  animation: pulseHighlight 3s infinite ease-in-out;
}

@keyframes pulseHighlight {
  0% {
    background-color: #ffffff; /* Low white */
    box-shadow: 0 0 0px rgba(255, 255, 255, 0);
  }

  50% {
    background-color: #ffeb3b; /* Highlight Color (e.g., yellow) */
    box-shadow: 0 0 20px rgba(255, 235, 59, 0.6); /* Glowing effect */
  }

  100% {
    background-color: #ffffff; /* Return to Low white */
    box-shadow: 0 0 0px rgba(255, 255, 255, 0);
  }
}