.paraHeader {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin: 0 0 10.5px;
  font-size: 18px;
  font-weight: bold;
}

.layoutFooter {
  padding-right: 13px;
}

.blockUIDialog {
  display: block;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000000;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 2147483647;
  /* background-image: url('../img/processing.gif'); */
  background-position: center;
  background-repeat: no-repeat;
}

toast-container .toast-center-center {
  position: absolute;
  top: 40%;
  left: 40%;
  z-index: 1;
}

/*** page load and request load*/

.image {
  border-width: 22px;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  border-radius: 50%;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.table-backgroundloading {
  position: fixed;
  top: 40%;
  left: 40%;
  border-width: 2px;
  width: 250px;
  height: 50px;
  background: #6db3f2;
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #6db3f2 0%,
    #54a3ee 50%,
    #3690f0 51%,
    #1e69de 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #6db3f2 0%,
    #54a3ee 50%,
    #3690f0 51%,
    #1e69de 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #6db3f2 0%,
    #54a3ee 50%,
    #3690f0 51%,
    #1e69de 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
  /* IE6-9 */
}

/*automcomplete css*/

p-autoComplete input {
  width: 100%;
}

p-autoComplete span.ui-autocomplete {
  display: block;
}

.onoff {
  margin-left: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  cursor: pointer;
  width: 55px;
  height: 30px;
  line-height: 32px;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.onoff label {
  position: absolute;
  top: 25%;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #cd3c3c;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background 0.3s, text-indent 0.3s;
  -moz-transition: background 0.3s, text-indent 0.3s;
  -o-transition: background 0.3s, text-indent 0.3s;
  transition: background 0.3s, text-indent 0.3s;
  text-indent: 27px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
}

.onoff label:after {
  content: "NO";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  font-size: 12px;
  color: #591717;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
  z-index: 1;
  color: #fff;
}

.onoff label:before {
  content: "";
  width: 15px;
  height: 24px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  display: block;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.onoff input:checked + label {
  background: #378b2c;
  text-indent: 8px;
  color: #fff;
}

.onoff input:checked + label:after {
  content: "YES";
  color: #fff;
}

.onoff input:checked + label:before {
  left: 37px;
  color: #fff;
}

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
  text-align: left;
}

.form-horizontal .control-label {
  padding-top: 0px;
}

div .form-group div {
  word-wrap: break-word;
}

form div .form-group label {
  text-align: left;
}

.lastloggedin {
  font-size: 70%;
  color: #888888;
}

.emailFaxHardcopy {
  font-weight: bold;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.emailFaxHardcopy td {
  background: rgb(205, 235, 142);
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(205, 235, 142, 1) 0%,
    rgba(165, 201, 86, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(205, 235, 142, 1) 0%,
    rgba(165, 201, 86, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(205, 235, 142, 1) 0%,
    rgba(165, 201, 86, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0);
}

.emailFaxHardcopy .notconfigured {
  background: rgb(255, 48, 25);
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(255, 48, 25, 1) 0%,
    rgba(207, 4, 4, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 48, 25, 1) 0%,
    rgba(207, 4, 4, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 48, 25, 1) 0%,
    rgba(207, 4, 4, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
}

.card {
  margin-bottom: 0px;
}

.card-header a {
  color: #021319;
  text-decoration: none;
}

.card-header a:focus,
a:hover {
  color: #167495;
  text-decoration: underline;
}

.card-header a:active button {
  border: 0px;
}

.panel-heading {
  padding: 5px;
}

#studySiteDetailsTab li ul {
  padding: 2px;
}

.panel-footer {
  padding: 4px 6px;
}

/*Arrow button*/

p-datatable * {
  font-size: 100%;
}

/*breadcrumb IMS*/

.imswizard {
  /*centering*/
  display: inline-block;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  border-radius: 5px;
  /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
  counter-reset: flag;
}

.imswizard a {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 36px;
  color: white;
  /*need more margin on the left of links to accomodate the numbers*/
  padding: 0 10px 0 60px;
  background: #666;
  background: linear-gradient(#666, #333);
  position: relative;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/

.imswizard a:first-child {
  padding-left: 46px;
  border-radius: 5px 0 0 5px;
  /*to match with the parent's radius*/
}

.imswizard a:first-child:before {
  left: 14px;
}

.breadcrumb a:last-child {
  border-radius: 0 5px 5px 0;
  /*this was to prevent glitches on hover*/
  padding-right: 20px;
}

/*hover/active styles*/

.imswizard a.active,
.breadcrumb a:hover {
  background: #333;
  background: linear-gradient(#333, #000);
}

.imswizard a.active:after,
.breadcrumb a:hover:after {
  background: #333;
  background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/

.imswizard a:after {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  /*half of square's length*/
  /*same dimension as the line-height of .breadcrumb a */
  width: 36px;
  height: 36px;
  transform: scale(0.707) rotate(45deg);
  /*we need to prevent the arrows from getting buried under the next link*/
  z-index: 1;
  /*background same as links but the gradient will be rotated to compensate with the transform applied*/
  background: #666;
  background: linear-gradient(135deg, #666, #333);
  /*stylish arrow design using box shadow*/
  box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4),
    3px -3px 0 2px rgba(255, 255, 255, 0.1);
  /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
  border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/

.imswizard a:last-child:after {
  content: none;
}

/*we will use the :before element to show numbers*/

.imswizard a:before {
  content: counter(flag);
  counter-increment: flag;
  /*some styles now*/
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  position: absolute;
  top: 0;
  left: 30px;
  background: #444;
  background: linear-gradient(#444, #222);
  font-weight: bold;
  text-align: center;
}

/*i tag start*/

.imswizard i {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 36px;
  color: white;
  /*need more margin on the left of links to accomodate the numbers*/
  padding: 0 10px 0 60px;
  background: #666;
  background: linear-gradient(#666, #333);
  position: relative;
  font-weight: bold;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/

.imswizard i:first-child {
  padding-left: 46px;
  border-radius: 5px 0 0 5px;
  /*to match with the parent's radius*/
}

.imswizard i:first-child:before {
  left: 14px;
}

.breadcrumb i:last-child {
  border-radius: 0 5px 5px 0;
  /*this was to prevent glitches on hover*/
  padding-right: 20px;
}

/*hover/active styles*/

.imswizard i.active,
.breadcrumb i:hover {
  background: #333;
  background: linear-gradient(#333, #000);
  font-weight: normal;
}

.imswizard i.active:after,
.breadcrumb a:hover:after {
  background: #333;
  background: linear-gradient(135deg, #333, #000);
  font-weight: normal;
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/

.imswizard i:after {
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  /*half of square's length*/
  /*same dimension as the line-height of .breadcrumb a */
  width: 36px;
  height: 36px;
  transform: scale(0.707) rotate(45deg);
  /*we need to prevent the arrows from getting buried under the next link*/
  z-index: 1;
  /*background same as links but the gradient will be rotated to compensate with the transform applied*/
  background: #666;
  background: linear-gradient(135deg, #666, #333);
  /*stylish arrow design using box shadow*/
  box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4),
    3px -3px 0 2px rgba(255, 255, 255, 0.1);
  /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
  border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/

.imswizard i:last-child:after {
  content: none;
}

/*we will use the :before element to show numbers*/

.imswizard i:before {
  content: counter(flag);
  counter-increment: flag;
  /*some styles now*/
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  position: absolute;
  top: 0;
  left: 30px;
  background: #444;
  background: linear-gradient(#444, #222);
  font-weight: bold;
  text-align: center;
}

/*i tage end*/

.imswizardflat a,
.imswizardflat a:after {
  background: white;
  color: black;
  transition: all 0.5s;
}

.imswizardflat a:before {
  background: white;
  box-shadow: 0 0 0 1px #ccc;
}

.imswizardflat a:hover,
.imswizardflat a.active,
.imswizardflat a:hover:after,
.imswizardflat a.active:after {
  background: #9eeb62;
}

.notice {
  position: relative;
  margin: 1em;
  background: #f9f9f9;
  padding: 1em 1em 1em 2em;
  border-left: 4px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}

.notice:before {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: -17px;
  background-color: #ddd;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  font-family: Georgia;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

.noticeinfo {
  border-color: #0074d9;
}

.noticeinfo:before {
  content: "i";
  background-color: #0074d9;
}

.noticesuccess {
  border-color: #2ecc40;
}

.noticesuccess:before {
  content: "√";
  background-color: #2ecc40;
}

.noticewarning {
  border-color: #ffdc00;
}

.noticewarning:before {
  content: "!";
  background-color: #ffdc00;
}

.noticeerror {
  border-color: #ff4136;
}

.noticeerror:before {
  content: "X";
  background-color: #ff4136;
}

.container-fluid {
  padding-left: 10px;
  padding-right: 5px;
}

.ui-dialog {
  top: 20px !important;
  z-index: 330;
  left: 20%;
}

.ui-column-title {
  font-weight: bold;
}

.ui-datatable-header header {
  text-align: left;
  font-weight: bold;
}

.ui-widget-header header {
  text-align: left;
  font-weight: bold;
}

.panel-heading {
  font-weight: bold;
}

.ui-dialog-content {
  min-height: 150px !important;
}

.pdf {
  content: "\f0f6";
  font-family: "FontAwesome";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.txt {
  font-family: FontAwesome;
  content: "\f095";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.doc {
  font-family: FontAwesome;
  content: "\f1c2";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.docx {
  font-family: FontAwesome;
  content: "\f1c2";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.xls {
  font-family: FontAwesome;
  content: "\f1c3";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.xlsx {
  font-family: FontAwesome;
  content: "\f1c3";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.jpeg {
  font-family: FontAwesome;
  content: "\f1c5";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.png {
  font-family: FontAwesome;
  content: "\f1c5";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.gif {
  font-family: FontAwesome;
  content: "\f1c5";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.selectdropdown {
  border: 1px solid #63c2de !important;
  padding: 7px;
}

.requiredFieldValidator {
  color: red;
  font-weight: bold;
  font-size: 80%;
  padding-left: 4px;
  vertical-align: middle;
}

/*inital loading animation*/

.cssload-spin-box {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
    -45px -45px rgb(239, 112, 0), 45px -45px rgb(24, 75, 147);
  -o-box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
    -45px -45px rgb(239, 112, 0), 45px -45px rgb(24, 75, 147);
  -ms-box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
    -45px -45px rgb(239, 112, 0), 45px -45px rgb(24, 75, 147);
  -webkit-box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
    -45px -45px rgb(239, 112, 0), 45px -45px rgb(24, 75, 147);
  -moz-box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
    -45px -45px rgb(239, 112, 0), 45px -45px rgb(24, 75, 147);
  animation: cssload-spin ease infinite 4.6s;
  -o-animation: cssload-spin ease infinite 4.6s;
  -ms-animation: cssload-spin ease infinite 4.6s;
  -webkit-animation: cssload-spin ease infinite 4.6s;
  -moz-animation: cssload-spin ease infinite 4.6s;
}

@keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
      -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0);
  }
  25% {
    box-shadow: -45px 45px rgb(239, 112, 0), -45px -45px rgb(24, 75, 147),
      45px -45px rgb(239, 112, 0), 45px 45px rgb(24, 75, 147);
  }
  50% {
    box-shadow: -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0),
      45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0);
  }
  75% {
    box-shadow: 45px -45px #dfdfdf, 45px 45px #4f4d49, -45px 45px #dfdfdf,
      -45px -45px #4f4d49;
  }
}

@-o-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
      -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0);
  }
  25% {
    box-shadow: -45px 45px rgb(239, 112, 0), -45px -45px rgb(24, 75, 147),
      45px -45px rgb(239, 112, 0), 45px 45px rgb(24, 75, 147);
  }
  50% {
    box-shadow: -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0),
      45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0);
  }
  75% {
    box-shadow: 45px -45px #dfdfdf, 45px 45px #4f4d49, -45px 45px #dfdfdf,
      -45px -45px #4f4d49;
  }
}

@-ms-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
      -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0);
  }
  25% {
    box-shadow: -45px 45px rgb(239, 112, 0), -45px -45px rgb(24, 75, 147),
      45px -45px rgb(239, 112, 0), 45px 45px rgb(24, 75, 147);
  }
  50% {
    box-shadow: -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0),
      45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0);
  }
  75% {
    box-shadow: 45px -45px #dfdfdf, 45px 45px #4f4d49, -45px 45px #dfdfdf,
      -45px -45px #4f4d49;
  }
}

@-webkit-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
      -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0);
  }
  25% {
    box-shadow: -45px 45px rgb(239, 112, 0), -45px -45px rgb(24, 75, 147),
      45px -45px rgb(239, 112, 0), 45px 45px rgb(24, 75, 147);
  }
  50% {
    box-shadow: -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0),
      45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0);
  }
  75% {
    box-shadow: 45px -45px #dfdfdf, 45px 45px #4f4d49, -45px 45px #dfdfdf,
      -45px -45px #4f4d49;
  }
}

@-moz-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0),
      -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0);
  }
  25% {
    box-shadow: -45px 45px rgb(239, 112, 0), -45px -45px rgb(24, 75, 147),
      45px -45px rgb(239, 112, 0), 45px 45px rgb(24, 75, 147);
  }
  50% {
    box-shadow: -45px -45px rgb(24, 75, 147), 45px -45px rgb(239, 112, 0),
      45px 45px rgb(24, 75, 147), -45px 45px rgb(239, 112, 0);
  }
  75% {
    box-shadow: 45px -45px #dfdfdf, 45px 45px #4f4d49, -45px 45px #dfdfdf,
      -45px -45px #4f4d49;
  }
}

.btn {
  background: #ef6f00;
  border: 1px solid #ef6f00;
  background: linear-gradient(to bottom, #fd7703 0, #ef6f00 25%, #e06100 100%);
}

.btn:hover {
  border: 1px solid #ef6f00;
}

.input-group-addon {
  background: linear-gradient(to bottom, #fd7703 0, #ef6f00 25%, #e06100 100%);
}

.form-control {
  border: 1px solid #cfd8dc;
}

.ui-row-toggler {
  color: #fd7703;
  font-size: 165%;
}

body:not(.top-nav) .sidebar ul.nav li.nav-item {
  border-left-width: 10px;
  border-bottom: 1px solid #43577f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body:not(.top-nav) .sidebar ul.nav li.nav-item a.nav-link.active {
  color: #000;
  background: #dceaf1;
  font-weight: bold;
  border-left: 0px solid #fd7703;
}

body:not(.top-nav) .sidebar ul.nav li.nav-item a.nav-link:hover {
  color: #000 !important;
  background: #dceaf1 !important;
  font-weight: bold;
}

body:not(.top-nav) .sidebar {
  position: absolute;
  top: 0;
  z-index: 1;
  display: inline !important;
  width: 209px;
  height: 100%;
  padding: 0;
  color: #fff;
  /*background: #2b416d;*/
  background: #526894;
  /*box-shadow: 3px 6px #526894;*/
}

/*body:not(.top-nav) .sidebar ul.nav li.nav-item a.nav-link.active i {
    
    font-size: 120%;
}*/

body:not(.top-nav) .sidebar ul.nav li.nav-item a.nav-link i {
  width: 20px;
  margin-left: 10px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}

body:not(.top-nav) .sidebar ul.nav li.nav-item a.nav-link:hover i {
  color: #000 !important;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    background-color: white;
  }
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #fff;
}

body.navbar-fixed .main {
  padding-top: 15px;
}

.breadcrumb {
  margin-bottom: 0.45em;
  border-radius: 0px;
}

.card-header {
  font-weight: bold;
}

.validationrequiredFieldError {
  color: red;
  font-size: 80%;
}

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
  word-wrap: break-word;
}

.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  text-align: left;
}

p-dialog div[style] .ui-widget-header {
  min-width: 100px !important;
}

p-dialog div[style] .ui-paginator-bottom {
  min-width: 500px !important;
}

table thead tr th span.ui-column-title {
  display: block !important;
}

.readonlyCheckbox {
  cursor: default !important;
}

p-dropdown div[style] .ui-dropdown-filter-container {
  width: 100% !important;
}

p-confirmdialog div.ui-dialog {
  top: 20 !important;
}

.ui-button,
button.ui-button.ui-state-default,
.ui-button.ui-state-default {
  border: 1px solid #ef6f00 !important;
  color: #ffffff !important;
  background: #ef6f00 !important;
  background-color: #ef6f00 !important;
}

.form-controlspecimen {
  /* display: block; */
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #607d8b;
  background-color: #fff;
  background-image: none;
  border-width: 0px;
}

p-dropdown div.ui-dropdown {
  border-width: 0px !important;
}

.selectdropdownnoborder {
  border-width: 0px;
  padding: 0.3rem 0.25rem;
  border: 1px solid #66afe9;
}

.myChildRoute a {
  color: #000;
}

.myChildRoute a:active {
  color: #fff;
}

.setupReadOnly {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

#breadcrumbEZRF {
  list-style: none;
  display: inline-block;
}

#breadcrumbEZRF .icon {
  font-size: 14px;
}

#breadcrumbEZRF li {
  float: left;
}

#breadcrumbEZRF li a {
  color: #fff;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}

#breadcrumbEZRF li:nth-child(even) a {
  background-color: #2980b9;
}

#breadcrumbEZRF li:nth-child(even) a:before {
  border-color: #2980b9;
  border-left-color: transparent;
}

#breadcrumbEZRF li:nth-child(even) a:after {
  border-left-color: #2980b9;
}

#breadcrumbEZRF li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}

#breadcrumbEZRF li:first-child a:before {
  border: none;
}

#breadcrumbEZRF li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}

#breadcrumbEZRF li:last-child a:after {
  border: none;
}

#breadcrumbEZRF li a:before,
#breadcrumbEZRF li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}

#breadcrumbEZRF li a:before {
  left: -20px;
  border-left-color: transparent;
}

#breadcrumbEZRF li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}

#breadcrumbEZRF li a:hover {
  background-color: #1abc9c;
}

#breadcrumbEZRF li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}

#breadcrumbEZRF li a:hover:after {
  border-left-color: #1abc9c;
}

#breadcrumbEZRF li a:active {
  background-color: #16a085;
}

#breadcrumbEZRF li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}

#breadcrumbEZRF li a:active:after {
  border-left-color: #16a085;
}

.validationError {
  background-color: #f86c6b;
}

.noerror {
  background-color: #fff;
}

p-dropdown div.ui-dropdown {
  border: 1px solid #63c2de !important;
  border-radius: 0px;
}

.calendar-dataclear {
  margin-left: 25px;
  vertical-align: middle;
  color: #ef6f00;
  cursor: pointer;
}

.customtable-header {
  background-color: #f6f7f9;
  vertical-align: middle;
  margin-bottom: 8px;
  padding: 7px;
}

.custom-label {
  color: rgb(185, 185, 185);
  font-size: 10pt;
  padding-left: 5px;
  margin-top: 12px;
}
.separator-label {
  color: rgb(185, 185, 185);
  font-size: 10pt;
  padding-left: 40%;
  margin-top: 12px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ui-calendar {
    display: -ms-inline-flexbox;
  }
}

.ui-datatable .ui-sortable-column-icon {
  display: inline-block;
  margin-left: 0.125em;
  float: right;
  vertical-align: top;
  padding: 2px;
}

th.ui-state-default.ui-unselectable-text {
  vertical-align: top;
}

.columnheader-icon {
  font-size: 12pt;
  padding: 0px 5px;
}

/*Dataatable filter textbox*/

div.ui-datatable-tablewrapper table thead tr th input.ui-inputtext {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 1.25;
  color: #000;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-controlautocompleredropdown {
  display: inline-block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 13px;
  line-height: 1.25;
  color: #607d8b;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

div.ui-accordion-content-wrapper div.ui-accordion-content.ui-widget-content {
  overflow: initial;
}

/*Detect texbox clear-event in IE.
*/

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

.input-group-searchbutton {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 13pt;
}

.ui-dropdown .ui-dropdown-trigger .fa {
  margin-top: 0.74em;
  margin-left: -0.125em;
}

.ui-dropdown .ui-dropdown-label {
  padding: 6px !important;
}

.ui-state-hover {
  border: 1px solid #c0c0c0;
  background: #fff;
  font-weight: normal;
  color: #212121;
}

.form-control {
  color: #000 !important;
}

div.ui-datatable-tablewrapper table thead tr th input.ui-inputtext {
  padding: 6px !important;
}

tr.ui-state-highlight > td > span > input {
  color: #000 !important;
}

.label-checkbox-style {
  zoom: 2.5;
  cursor: pointer;
  position: relative;
  top: -4px;
  vertical-align: top;
}

.card-header h5.iScala-card-heading{
  margin-bottom: 0
}

div.ui-table-wrapper table thead tr th input{
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal
}

.p-calendarBtn .ui-calendar-button{
  margin-left: 100%
}

div#PrimeNgeditor .ui-widget-header {
  border: 1px solid #d9d9d9;
  color: #1b1d1f;
  background: #f6f7f9 0 0 repeat-x;
  /* background: linear-gradient(to bottom, #f6f7f9 0%,#ebedf0 100%); */
}
/* 
.productPicklist .ui-picklist button:nth-child(2)
{
  display: none !important;
}

.productPicklist.ui-picklist button:nth-child(4)
{
  display: none !important;
} */

.productPicklist .ui-picklist button:nth-child(2), .productPicklist .ui-picklist button:nth-child(4) {
  display: none !important;
}

.galleriaImage .ui-galleria .ui-galleria-panel .ui-panel-images
   {
       width:400px;
       height:280px;
   }