body {
  background-color: white;
  -ms-overflow-style: scrollbar;
}
#Sec1 {
  background-color: white;
}
#spid1 {
  padding-top: 85px;
  font-size: 12px;
}
#HeadLeft {
  float: right;
  text-align: center;
}
#Sec2 {
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-color: #d3d3d3;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#Sec2 li {
  float: left;
  border-left: 1px solid #ccc;
}
#Sec2 li > a:link,
#Sec2 li > a:visited {
  display: block;
  width: 260px;
  padding: 6px;
  text-decoration: none;
}
#Sec2 ul li.active {
  background-color: #0d5aa2;
}
hr.vertical {
  color: black;
  width: 1px;
  height: 10%; /* or height in PX */
}
#Sec2 ul li.active a {
  color: #ffffff;
}
#Sec2 ul li a {
  text-align: center;
}
.vertical_line {
  height: 198px;
  width: 1px;
  background: lightgrey;
}
.rcorners {
  border-radius: 25px;
  background-color: #e8eff6;
  min-height: 300px;
  width: 100%;
  margin-bottom: 10px;
}
div.opacity60 {
  opacity: 0.6;
}
.ra1 {
  border: 1px solid #e5e5e5;
  margin-left: 10px;
  margin-right: 10px;
}
.ra2 {
  border: 1px solid #e5e5e5;
  margin-left: 15px;
  margin-right: 5px;
}
.box1 {
  height: 300px;
  width: 280px;
  border: 1px solid grey;
  background-color: #f8f9f9;
}
#box2 {
  height: 100px;
  width: 280px;
  border: 1px solid grey;
  background-color: #f8f9f9;
}
.box3 {
  height: 180px;
  width: 280px;
  border: 1px solid grey;
  background-color: #f8f9f9;
}
.color {
  color: #0d5aa2;
  padding-left: 15px;
  padding-right: 10px;
  text-align: justify;
}
.box_head {
  text-align: center;
  background-color: #dbdcdc;
  height: 40px;
  font-size: 15px;
  color: black;
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 10px;
}
.box_body {
  padding-left: 15px;
  padding-right: 10px;
}
.headcolor {
  padding-left: 0em;
  color: #0d5aa2;
}
.h01 {
  text-align: center;
  font-size: 1.5em;
  color: #0d5aa2;
}
.m01 {
  text-align: justify;
  font-size: 1.3em;
  color: #0d5aa2;
}
.f01 {
  text-align: justify;
  font-size: 1em;
  color: black;
  padding-top: 120px;
}
.img11 {
  padding-top: 100px;
}
.img12 {
  padding-top: 20px;
}

/*.box5{
    margin-left: 15px;
    margin-right: 10px;
  /!*  width: 98.5%;*!/
   /!* height: 280px;*!/
    border: 1px solid lightgray;
}*/
.figc1 {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 10px;
}
.figc2 {
  color: #0d5aa2;
  font-size: 1em;
  font-weight: bold;
  padding-top: 10px;
}
.box5_head {
  background-color: #0d5aa2;
  height: 25px;
  font-size: 1em;
  color: white;
  padding-left: 15px;
  /* margin-right: 5px;*/
}
.box6 {
  margin-left: 15px;
  /*  height: 260px;*/
  width: 99%;
  border: 1px solid lightgray;
}
.box9b {
  margin-left: 0px;
  margin-right: 0px;
  /* height: auto;*/
  width: 100.5%;
  border: 1px solid lightgray;
}
.box7 {
  /* margin-left: 15px;*/
  width: 100%;
  border: 1px solid lightgray;
}
.box7b {
  /* margin-left: 15px;*/
  margin-left: 30px;
  position: relative;
  /* width: 50%;*/
  border: 1px solid lightgray;
}
.box8 {
  padding-bottom: 25px;
  margin-left: 15px;
  width: 99%;
  border: 1px solid lightgray;
}
.box9 {
  margin-left: 15px;
  margin-right: 10px;
  /* height: 260px;*/
  /*width: 98.5%;*/
  border: 1px solid lightgray;
}

.box10 {
  margin-left: 15px;
  height: auto;
  /* width: 99%;*/
  border: 1px solid lightgray;
}
.box11 {
  padding-bottom: 25px;
  margin-left: 0px;
  width: 101%;
  border: 1px solid lightgray;
}
#b12 {
  padding-left: 25px;
  padding-top: 20px;
  border: 1px solid lightgrey;
  background-color: #f1f1f1;
  display: inline-block;
  margin-left: 30%;
  margin-right: 30%;
}
#b13 {
  margin-left: 30px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  /* height: 200px;*/
  border: 1px solid lightgrey;
}

.padd4 {
  padding-left: 10px;
  padding-right: 10px;
  color: blue;
}

/*#sec5 ul li {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border: 1px solid #a1a1a1;

      /!* background: #dddddd;*!/
       width: 300px;


}*/
.nav-tabs > li {
  padding-left: 10px;
}
.nav-tabs > li > a {
  margin-right: 10px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 15px 15px 0 0;
}
#btn2 {
  float: right;
}
#btn3 {
  padding-right: 800px;
}
#a5 {
  color: red !important;
  align-self: center;
  font-size: 2em;
}
#a5 {
  text-align: center;
}
#a5 a {
  list-style-type: none;
  color: green !important;
  /* padding-left: 800px;*/
  font-size: 18px;
  text-align: center;
}
.pad_left {
  padding-left: 15px;
  padding-bottom: 10px;
}
.pad_left2 {
  padding-left: 100px;
  margin-left: 150px;
}
.pad_left3 {
  margin-left: 150px;
}
table,
th {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
}
th {
  background-color: #f1f1f1;
}
table tr:nth-child(odd) {
  background-color: #ffffff;
}
table tr:nth-child(even) {
  background-color: #f1f1f1;
}
IMG.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center1 {
  text-align: center;
}

.s1 {
  padding-left: 10px;
}
.s1 label {
  padding-right: 30px;
  font-weight: bold;
}
.line {
  border-top: 1px dotted lightgrey;
  margin-right: 5px;
}
.bg_blue {
  background-color: #4888cd;
  color: white;
}
.bg_ash {
  background-color: #adadad;
  color: white;
}
.bg_ash2 {
  background-color: #a2a2a2;
  color: white;
}

.bg_blue2 {
  background-color: #eeeeee;
  color: #1d5a98;
}
.bg_grey {
  background-color: grey;
  color: white;
}
.ta-editor {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

.wrapper {
  text-align: center;
}

.button {
  position: relative;
  top: 50%;
}
.button2 {
  position: relative;
  left: 30%;
}
#foot {
  color: #0fb738;
}
.blueFont {
  font-size: 35px;
  color: #05549c;
  font-weight: bold;
  padding-left: 15px;
  text-align: left;
  margin-top: -9px !important;
  margin-bottom: 15px !important;
}
.greyFont {
  color: #84898c;
  font-size: 1em;
  padding-left: 17px;
  text-align: left;
  font-size: 14px;
  margin-top: 12px;
}
.bg_grey {
  background-color: #f2f7fc;
}
.bg_lblue {
  background-color: #f2f7fc;
  width: 100%;
}
.ashFont {
  color: #535659 !important;
}

.mTop {
  margin-top: 20px;
}
.hidStyle1 {
  text-align: left;
}
.padleft20 {
  padding-right: 20px;
}
.padleft3 {
  padding-right: 3px;
}
.inpWidth {
  width: 300px;
}
.space5 {
  padding-left: 10px;
}
.bg_blue {
  background-color: #002e56 !important;
}
.whiteTxt {
  color: white;
}

.bold {
  /*font-weight: 600;*/
  font-size: 14px;
  height: 40px;
  color: white;
}

#header {
  width: 100%;
  text-align: center;
  /*background:url(d06e16413336fbf62670716dc1c3c7f2.jpg) repeat-x;*/
  background: #002e56;
  height: 50px;
}
.user-panel {
  padding-top: 0.8em;
  font: bold;
  min-height: 40px !important;
}
.floatRight {
  float: right;
}
.padright {
  padding-right: 30px;
}
.clearBoth {
  clear: both;
}
.txtAlignLeft {
  padding-left: 14px !important;
  text-align: left !important;
  padding: 5px 5px 5px 5px !important;
  /*margin-bottom: 15px;*/
}
.txtAlignCenter {
  text-align: center;
}
.txtAlignRight {
  text-align: right;
}
.bgWhite {
  /*display: block;*/
  background-color: white;
  border-bottom: 1px solid #cccccc !important;
}
/*.mrpl15
{
    margin-right: 15px;
    padding-left: 25px;
}*/
.short-div {
  height: 25px;
}
.left {
  float: left !important;
}

.long-div {
  padding-bottom: 16%;
}
/*width: 298px !important;*/

.padLeft80 {
  padding-left: 80px !important;
}
.padRight40 {
  margin-right: 40px !important;
}
.rowAlign {
  margin-right: 60px !important;
  margin-left: 15px !important;
}
.rowAlign1 {
  margin-right: 46px !important;
  margin-left: 0px !important;
}
.rowAlign2 {
  margin-right: 75px !important;
  margin-left: 15px !important;
  width: 97.5% !important;
}
.rowAlign3 {
  margin-right: 65px !important;
  margin-left: 15px !important;
}

.bordertopColor1 {
  /*	border-top-style: dotted;*/
  /*border-top: thick solid #00A0D0;*/
  border-top: 4px solid #00a0d0;
  background: #ffffff;
  /*border-top-color: aqua;*/
}
.bordertopColor2 {
  border-top: thick solid #b0cbea;
}
.bordertopColor3 {
  border-top: thick solid #f8971d;
}
.bordertopColor4 {
  border-top: thick solid #84898c;
}

.padLeft3 {
  padding-left: 3px !important;
}
.padLeft5 {
  padding-left: 5px !important;
}
.padLeft10 {
  padding-left: 10px !important;
}
.padLeft16 {
  padding-left: 16px !important;
}
.padLeft20 {
  padding-left: 20px;
}
.pl160 {
  padding-left: 160px;
}
.styleN1 {
  /*font-weight: bold;*/
  color: #535659;
  font-size: 24px;
  /*padding: 10px 20px 10px 10px;*/
  /*font-weight: 450;*/
  padding-left: 13px !important;
  float: left !important;
  text-align: left;
}
.styleN2 {
  font-weight: 300;
  color: #333333;
}
.fontBlack {
  color: #231f20;
  font-size: 16px;
}
.fontSize14 {
  font-size: 14px;
}
.fontSize16 {
  font-size: 16px;
}
.pl80 {
  padding-left: 80px !important;
}
.mln155 {
  margin-left: -155px !important;
}
.pr75 {
  padding-right: 75px;
}
.pl25 {
  padding-left: 25px;
}
.footerMargin {
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 1px solid #cccccc !important;
}
#assayHeight18 {
  height: 15px;
  margin-right: -17px;
  margin-top: 3%;
}
.padTop10 {
  padding-top: 10px;
}
.inputWidth {
  width: 91% !important;
  border-radius: 5px !important;
  padding: 5px 5px 5px 5px !important;
}
.inputWidth2 {
  width: 60% !important;
}
.xyz {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}
.imgWidth {
  width: 100%;
  display: block;
  height: auto;
}
.headingText {
  color: #535659;
  font-size: 24px !important;
  margin-top: 19px !important;
}
.loadingIcon {
  /*background: url('sb-loading.gif') no-repeat;*/
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  /*width: 128px !important;*/
  margin-top: -25px;
  margin-left: -65px;
  /*height: 125px;*/
  background-size: 108%;
  z-index: 1044;
}
.ng-modal-overlay {
  /* A dark translucent div that covers the whole screen */
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 1050px;
  background-color: #000000;
  opacity: 0.8;
}

.padLeft16 {
  padding-right: 16px !important;
}
.container-fluid .row,
.row {
  margin: 0px !important;
}
.unBold {
  font-weight: normal;
}
.hidrcorners1 {
  border-radius: 5px;
  border: 1px solid #73ad21;
  padding: 20px;
  background-color: white;
}
.padAll5 {
  padding: 5px 5px 5px 5px !important;
}
.inputTextColor {
  color: black !important;
}
.logincss {
  font-size: 18px !important;
  color: #231f20 !important;
}
.loginCred {
  font-size: 16px !important;
  color: #231f20 !important;
}
.loginButton {
  height: 2.5em;
  border-radius: 6px;
  color: #ffffff !important;
  background-color: #05549c !important;
  font-weight: bold !important;
  float: left !important;
  font-size: 16px !important;
  padding-top: 5px !important;
}
.announcements {
  font-size: 16px !important;
  color: #231f20;
  padding-left: 24px !important;
}
.forgotPwd {
  font-size: 15px;
  color: #054499;
}
.bgLogin {
  background-color: #f6f6f6;
}
.assitanceTextAlign {
  font-size: 16px;
  color: #231f20;
  padding-left: 9px;
}
.loginTextAlign {
  font-size: 16px;
  color: #054499 !important;
  padding-left: 9px;
}
.normalText {
  font-size: 16px;
  height: 40px;
  color: white;
}
.invitation {
  width: 96%;
}
.modaltitle {
  color: #05549c !important;
  font-size: 22px;
}
.modalbodycss {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #231f20 !important;
}
.btn-no {
  background-color: #b0cbea !important;
  border-radius: 6px !important;
  width: 100px !important;
  height: 38px !important;
  color: white !important;
  font-size: 14px !important;
  font-weight: bold !important;
}
.btn-yes {
  background-color: #00468c !important;
  border-radius: 6px !important;
  width: 120px !important;
  height: 38px !important;
  color: white !important;

  font-size: 14px !important;
  font-weight: bold !important;
}
.modal-content {
  position: relative !important;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 6px solid rgb(1, 51, 102) !important;
  border-radius: 16px !important;
  outline: 0 !important;
  font-size: 20px !important;
  color: black !important;
  margin-top: 100px !important;
  width: 528px !important;
}

.checkboxtos {
  font-family: arial !important;
  font-size: 14px !important;
}
@font-face {
  font-family: "font-RegularGotham";
  src: url("./font-RegularGotham/gotham-regular.otf") format("otf");
}
.gothamRegular {
  font-family: font-RegularGotham;
}
@font-face {
  font-family: "font-LightGotham";
  src: url("./font-LightGotham/gotham-light-webfont.woff") format("woff");
}
.gothamLight {
  font-family: font-LightGotham;
}
@font-face {
  font-family: "font-BookGotham";
  src: url("./font-BookGotham/gotham-book-webfont.woff") format("woff");
}
.gothamBook {
  font-family: font-BookGotham;
}
@font-face {
  font-family: "font-BoldGotham";
  src: url("./font-BoldGotham/gotham-bold-webfont.woff") format("woff");
}
.gothamBold {
  font-family: font-BoldGotham;
}
@font-face {
  font-family: "font-MediumGotham";
  src: url("./font-MediumGotham/gotham-medium-webfont.woff") format("woff");
}
.gothamMedium {
  font-family: font-MediumGotham;
}
.robotoBold {
  font-family: font-BoldRoboto;
}
@font-face {
  font-family: "font-BoldRoboto";
  src: url("./font-BoldRoboto/Roboto-Bold-webfont.woff") format("woff");
}

.robotoRegular {
  font-family: font-RegularRoboto;
}
@font-face {
  font-family: "font-RegularRoboto";
  src: url("./font-RegularRoboto/Roboto-Regular-webfont.woff") format("woff");
}
.robotoLight {
  font-family: font-LightRoboto;
}
@font-face {
  font-family: "font-LightRoboto";
  src: url("./font-LightRoboto/Roboto-Light-webfont.woff") format("woff");
}
.announcementsTag {
  color: #054499 !important;
}
.box6 {
  margin-left: 17px !important;
  width: 99%;
  border: 1px solid lightgray;
  padding-left: 20px;
  padding-bottom: 40px !important;
  border-radius: 5px;
  padding-bottom: 20px;
  border-top-width: thick;
  border-top-color: #b0cbea;
  background-color: #f2f7fc;
  display: inline-block !important;
}
.marginbottom26 {
  margin-bottom: 26px;
}
.superAdminHeader {
  font-size: 24px;
  color: #535659;
  /* float: left !important; */
  text-align: left;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px;
}
.superAdminText {
  font-size: 20px;
  padding-left: 40px;
  text-align: left;
  color: #231f20;
}
.searchBox {
  padding-left: 25px;
}
.btn-go {
  background-color: #00468c;
  border-radius: 4px !important;
  padding-left: 2.7em !important;
  padding-right: 2.7em !important;
  height: 2.7em !important;
  color: white !important;
  float: left;
  /*margin-right: 144px!important;*/
  font-size: 15px !important;
  font-weight: bold !important;
}
.col-md-offset-5 {
  margin-left: 40% !important;
}

.white {
  color: #ffffff !important;
  text-decoration: none !important;
}
.homeFont {
  color: #05549c;
  font-size: 1em;
  padding-left: 17px;
  text-align: left;
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 4px;
}
.adminHeader {
  font-size: 36px;
  color: #05549c;
  font-weight: bold;
  padding-left: 15px;
  text-align: left;
  margin-top: -12px !important;
}
.credentials {
  padding-right: 365px !important;
  text-align: right;
}
.usernameWidth {
  width: 105% !important;
  border-radius: 5px !important;
}
.pwdWidth {
  width: 105% !important;
  border-radius: 5px !important;
}
.marginleft8 {
  margin-left: -8px !important;
}
.margintop26 {
  margin-top: -26px !important;
}
.help {
  padding-top: 16px;
  font: bold;
  min-height: 40px !important;
}
.loginHelp {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.Truste {
  padding-right: 170px !important;
}
.paddingBottom35 {
  padding-bottom: 35px !important;
}
.btnPadding {
  padding-right: 2.7em !important;
  padding-left: 2.7em !important;
}
.inputHeight {
  height: 2.7em !important;
}
.selectDropDown {
  color: #1f1a1a !important;
}

input[type="text"]::-ms-clear,
input[type="Password"]::-ms-reveal {
  display: none;
}

@-moz-document url-prefix() {
  .marginleft30 {
    margin-left: 30px !important;
  }
  .btn-go {
    margin-right: 95px !important;
  }
  .fontSize14 {
    font-size: 12px !important;
  }
  .mln155 {
    margin-left: -100px !important;
  }
  .Truste {
    padding-right: 115px !important;
  }
  /*.marginLeft6{
  margin-left: 9% !important;
}*/
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #b4b7b9 !important;
}
.HIDlogo {
  width: 8em;
}
.marginLeft6 {
  margin-left: 65px;
}
.assetsWidth {
  width: 4.5em;
}
.linqText {
  color: black !important;
  font-size: 15px !important;
}
.linqAccess {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}
.textAlign {
  text-align: left !important;
}
.ManageTextSize {
  font-size: 20px !important;
  color: #231f20 !important;
  padding-bottom: 20px !important;
}
.paddingBottom20 {
  padding-bottom: 20px !important;
}
.CredTextReader {
  font-size: 18px !important;
  color: #231f20 !important;
}
.errorMessage {
  color: red;
}
.successMessage {
  color: green;
}

.boldFont {
  font-weight: bold;
}
.btn-reset {
  background-color: #00468c;
  border-radius: 6px;
  /* width: 80px; */
  padding: 8px 16px;
  color: white;

  font-size: 16px;
  /*font-weight: bold;*/
}
/* Hover effect for enabled button */
.btn-reset:hover {
  background-color: #0056b3; /* Darker blue on hover */
}

/* Disabled styling specifically for .btn-submit */
.btn-reset[disabled],
.btn-reset:disabled,
.btn-reset.ng-invalid {
  background-color: #d6d6d6; /* Gray for disabled */
  color: #a1a1a1; /* Lighter gray text */
  cursor: no-drop; /* Not-allowed cursor */
  pointer-events: none; /* Disable interactions */
}

.reset-password-card {
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  background: #ffffff;
  transition: all 0.5s ease-in-out;
}

.settingsPaddleft {
  padding-left: 24px !important;
  /*  padding-bottom: 7px!important; */
}
.passwordGuideLine {
  text-align: left;
  padding-left: 10px;
  text-decoration: underline;
}

ul.bulletPoints {
  list-style-type: disc;
  margin-bottom: 1em;
  /* margin-top: 1em; */
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 58px;
}

.strength-meter {
  position: relative;
  height: 5px;
  background: #ddd;
  margin: 10px auto 20px;
  border-radius: 3px;
  width: 100%;
  min-width: 320px;
}

.strength-meter:before,
.strength-meter:after {
  content: "";
  height: inherit;
  background: transparent;
  display: block;
  border-color: #fff;
  border-style: solid;
  border-width: 0 5px 0 5px;
  position: absolute;
  width: 70px;
  z-index: 10;
}

.strength-meter:before {
  left: 60px;
}

.strength-meter:after {
  right: 60px;
}

.strength-meter-fill {
  background: transparent;
  height: inherit;
  position: absolute;
  width: 0;
  border-radius: inherit;
  transition: width 0.5s ease-in-out, background 0.25s;
}
.strength-meter-fill[data-strength="-1"] {
  background: transparent;
  width: 0;
}
.strength-meter-fill[data-strength="0"] {
  background: darkred;
  width: 20%;
}

.strength-meter-fill[data-strength="1"] {
  background: orangered;
  width: 40%;
}

.strength-meter-fill[data-strength="2"] {
  background: orange;
  width: 60%;
}

.strength-meter-fill[data-strength="3"] {
  background: yellowgreen;
  width: 80%;
}

.strength-meter-fill[data-strength="4"] {
  background: green;
  width: 100%;
}
.input-error {
  border-color: red;
  box-shadow: 0 0 0 1px red;
}

.pt10 {
  padding-top: 0px !important;
}

@media (min-width: 340px) and (max-width: 720px) {
  .reset-password-card {
    min-width: 210px;
  }
  .strength-meter {
    min-width: 95px;
  }
  .pl80 {
    padding-left: 0px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .padLeft80 {
    padding-left: 0px !important;
  }
  ul.bulletPoints {
    list-style-type: disc;
    margin-bottom: 1em;
    /* margin-top: 1em; */
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 30px;
  }
}
@media (min-width: 721px) and (max-width: 1240px) {
  .strength-meter {
    min-width: 250px;
  }
}