/* AUTOCOMPLETE */

.autocomplete {
  width: 100%;
  position: relative;
}

.ie8 .autocomplete input {
  padding-top: 8px !important;
}

.autocomplete input {
  /* line-height: 38px; */
}

.autocomplete input[textarea]:FOCUS textarea:FOCUS {
  /* line-height: 38px; */
  outline: none;
  border: none;
}

.autocomplete ul {
  padding: 0;
  position: absolute;
  left: 0;
  width: 100%;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  display: block;
  overflow-y: auto;
  max-height: 250px;
  overflow-x: hidden;
  line-height: 27px;
  z-index: 10;
}

.ie8 .autocomplete-wrapper {
  border-top: 1px solid #000;
}

.autocomplete-wrapper {
  position: relative;
  height: auto;
  direction: ltr;
}

.autocomplete li.autocomplete-li {
  text-align: right;
  display: block;
  list-style: none;
  width: 100% !important;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-right: 5px;
  background-color: #fff;
  min-height: 0px !important;
  line-height: 27px;
  float: none;
  font-size: 15px;
  vertical-align: middle;
  margin-top: 0px !important;
  color: #585858;
  cursor: default !important;
}

.autocomplete li.active {
  background-color: #4bf;
}

.autocomplete .highlight {
  background-color: #E2E2E2;
}

.autocomplete li.active .highlight {
  background: #666;
  color: #fff;
}
#loader-mask-div.loader-mask-div-active {
  display: block;
}

#loader-mask-div .loader-mask-inner-table {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 55px;
  color: yellow;
  position: fixed;
}

#loader-mask-inner-text {
  position: fixed;
  top: 50%;
  width: 100%;
}

#loader-mask-div {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: black;
  opacity: 0.5;
  /* for IE */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  z-index: 9999;
  /* below #loader-div, above the rest */
}

.pointerevents {
  pointer-events: none;
}

.hidefilename {
  display: none !important;
}

.hsg-modal-content .modalcontent {
  text-align: justify;
}

.picker__select--month {
  border-color: #0089ec;
  min-width: 100px;
}

.investment-channel-name {
  font-weight: normal;
}

.investment-channel-total {
  font-size: large;
  font-weight: normal;
  color: black;
}
.file-upload-directive-wrapper .file-wrapper {
  overflow: hidden;
  padding-right: 30px;
  position: relative;
  float: left;
  margin-left: 10px;
  cursor: pointer;
}

.file-upload-directive-wrapper .uploading-container .file-uploading-error-container {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  border-left: none;
}

.file-upload-directive-wrapper .uploading-container .uploading-container-listing {
  list-style: none;
  padding: 0;
}

.file-upload-directive-wrapper .uploading-container .file-uploading-error-container .file-uploading-error {
  display: block;
  width: 96%;
  margin-bottom: 7px;
}

.file-upload-directive-wrapper .uploading-container .file-uploading-error-container .file-uploading-error .file-uploading-error-inner {
  clear: both;
  display: block;
  background: #f5f5f5;
  border: 1px solid #e1e1e1;
  padding: 3px 2%;
  color: #c80b0b;
}

.file-upload-directive-wrapper .uploading-container .uploading-list {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 7px;
  border-left: none;
}

.file-upload-directive-wrapper .uploading-container .uploading-list .uploading {
  clear: both;
  background: #f5f5f5;
  border: 1px solid #e1e1e1;
  width: 96%;
  padding: 2px 2%;
  min-height: 20px;
  display: table;
}

.file-upload-directive-wrapper .uploading-container .uploading-list .filename-text {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding-right: 10px;
}

.file-upload-directive-wrapper .uploading-container .uploading-list.hsg-text-danger .filename-text {
  display: none;
}

.file-upload-directive-wrapper .uploading-container .uploading-list .progressbar {
  display: table-cell;
  position: absolute;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #b0b0b0;
  width: 91px;
  background-color: #fff;
  padding: 1px;
}

.file-upload-directive-wrapper .uploading-container .uploading-listhsg-text-danger .progressbar {
  width: 100%;
}

.file-upload-directive-wrapper .uploading-container .uploading-list .progressbar .progressbar-inner {
  background-color: #0492de;
  height: 3px;
  float: left;
  margin-top: -1px;
  margin-left: -1px;
}

.file-upload-directive-wrapper .uploading-container .uploading-list .upload-message {
  display: table-cell;
  min-width: 118px;
}

.file-upload-directive-wrapper .uploading-container .uploading-list .upload-message.success {
  /* can set style for success here */
}

.file-upload-directive-wrapper .uploading-container .uploading-list .upload-message.failed {
  color: red;
}

.file-upload-directive-wrapper .uploading-list a.remove {
  position: relative;
  padding-right: 20px;
}

.file-upload-directive-wrapper .uploading-list a.remove:before {
  font-weight: bold;
  content: "X";
  background-position: -140px -39px;
  position: absolute;
  right: 6px;
  top: -1px;
  font-family: cursive;
  font-size: 13px;
}

.ie8 .file-upload-directive-wrapper .uploadButton.focused,
.ie9 .file-upload-directive-wrapper .uploadButton.focused {
  border: 1px black dashed;
}

.file-upload-directive-wrapper .uploadButton {
  position: relative;
  overflow: hidden;
  height: 23px;
  cursor: pointer;
  /*padding-right: 30px;
    padding-top: 2px;*/
  font-size: 15px;
  line-height: 22px;
  color: #006cb2;
  min-width: 94px;
  white-space: nowrap;
}

.file-upload-directive-wrapper .uploadButton .uploadButtonIcon {
  display: inline-block;
  height: 23px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuOUA8sMsAAAHrSURBVEhLtdU9aBVBFIbhqxGxMSrRIiEoNioaKyUgSSAGtBHERgTttLVNlxRqYWehNoJiJQQCEYNNbAIRBFsV1E4RLBR/wVI373vZuRzH2bgWFk/YnJn92N2ZObfTubjYZAsu4AFe4jPeYgWz2IPSfV1VVXVKAxtwGV9xGyexD9uwExNw/DXu4DD+yCmFH8UvXMf2utZkPc7jI6brWk8ebvAPnA61NnbjGWZC7bfwTfCJ/zU4GcI7nEu1GH4V19JAgynsyGrRGH7Cz9UL34ovcHfkNyQuZIW7oVYyhzNep3AXxVXPJ0YHYfjDUCs5jiWvU/h9nLKwhrbhG/Edm1P4K+xFPtHaoZqvavjjUFPpUz7FaAr35HlA4oT0pH9TehNrJ1L4G+yqB5I+XMKt2jwM8/inmsYR79MyJlO4r1qaFLX95nK/D6dwm5C9Ip8UtQ0fwXOvU7hNya63zmKD/TB8IdRKrqDbBlK47uFsfd3ENRjNapGn9xMG/D+G+80/wCYUb2jLDbAIH6Bbi+GybdrdBkOtDXvJjVqvnofLxXW1bUL5WIk930W+CZ++N1YKl23T7mYTsld4pPM5B+AOs+EVd1pTuHxVj7xN6Bv8XI/wBO/xAr5l46/VWuFRP9znx3AErdakG+6f/6PqrAL+9QDUqpOaxgAAAABJRU5ErkJggg==");
  position: relative;
  width: 23px;
  z-index: 1;
  vertical-align: middle;
}

.file-upload-directive-wrapper .uploadButton.hover .uploadButtonIcon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjlAPLDLAAAC/UlEQVRIS7WVS0hUURjHz0yEvduUq6JNFkItCiRs58YoJSJcWJll0GM0LctaFEQluun9Jqg02qhZ45smzAlKLazI0haS5MKxDEocibTX1/9/5jaeO3PH2rT4cTnf4+e553x3VCKiJhXUx2IqSADrgAcctJ5cM868U5/2xpJPAcngBgiAn+CXAdeMM8861tscseRzwQnwFcg/wDrWsy/scZLPAZXALthTL67ddaJ21Ygrv06vo2pCfex3lPP8+JpRje6COpmM5zSI+XQbuQjYr+8hUr4VRDdgl2pbtSwr8Utp81tZWtyC9Z1Yuyf02OTxoNtK2tnbIGpDhWRcapeBkW+y9lybqI0VkDdE14Z4A+JNeaaRtEP5pkpJh/TV+xFJPf1YVFblRHKSacqvRSTFjfPl5bl4LNhp+tlWeTkA+alH+GMV4kIN86yL7AXXTXlHOIEdKU+N3p1my21Rq8okudgvHf1BWX70gajVZaKyEWd+c5Wo3NrIN3lmyvsZ5C7cKFyMS9vv7dbkV3eJ5+ZzufywVwLDo3KhpVdysWa8CPnCu12y4Eiz7uNUWfIBUz7IoJ7lnV5JxeV1fhiRTpxx27shudf7SV5jPTr2A+ceFB/WbX1DOvYiMCwrTuKodnhD30BIPmjKe6ygLpi5r1EWHfJpFh6+L/Pw8eRc7ZDOwS+SdeWJzMexMc58Aphe2GDumvSYcl84wQvkmfNMCWZarSmXlFK/PA0EZeVxzHlauagcxJnnnegzD4uJz5QfMxIhMIKawkZ9aennOS1BST2DUcyuQq5xvCayFz5TngTGjOQ4nHN8ROsvtkt/cAzz3hr6iJylhJ4kUx4HbllJOxxNfERpes6x879/RPTEmXKSCPgbHdXgyquV2QeaJLGkRWYVNem1Ux1gPz3aa8oJ/8N8BvYm7j4PY7rdKwrjGmPXQ4D92uUkJxnA8Q3c+dExC9azL+yJJSdLQDX4Dpxkf2Ceday3OSaSkxkgBZQAP+gDH60n14wzz7qo/rD8/yDqNzS4aW34YRXNAAAAAElFTkSuQmCC");
}

.file-upload-directive-wrapper .uploadButton .uploadButtonText {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.file-upload-directive-wrapper .uploadButton.hover .uploadButtonText {
  text-decoration: underline;
}

.file-upload-directive-wrapper .uploadButton .uploadButtonInput {
  height: 100%;
  width: 60px;
  top: 0px;
  position: absolute;
  padding: 0px;
  margin: 0px;
  z-index: 2;
  display: none;
}

.ie8 .file-upload-directive-wrapper .uploadButton .uploadButtonInput,
.ie9 .file-upload-directive-wrapper .uploadButton .uploadButtonInput {
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
  filter: alpha(opacity=00);
  display: block;
  overflow: hidden;
}
.m-signature-pad {
  font-size: 10px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

.m-signature-pad:after {
  left: auto;
  right: 20px;
}

.m-signature-pad--body {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 60px;
  border: 1px solid #f4f4f4;
}

.m-signature-pad--body
  canvas {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.m-signature-pad--footer {
  left: 20px;
  right: 20px;
  bottom: 20px;
  height: 40px;
}

.m-signature-pad--footer
  .description {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 1.8em;
}

.m-signature-pad--footer
  .button {
  bottom: 0;
}

.m-signature-pad--footer
  .button.clear {
  left: 0;
}

.m-signature-pad--footer
  .button.save {
  right: 0;
}

@media screen and (max-height: 320px) {
  .m-signature-pad--body {
    left: 0;
    right: 0;
    top: 0;
    bottom: 32px;
  }

  .m-signature-pad--footer {
    left: 20px;
    right: 20px;
    bottom: 4px;
    height: 28px;
  }

  .m-signature-pad--footer
    .description {
    font-size: 1em;
    margin-top: 1em;
  }
}

.signature-items label {
  display: none !important;
}

.signature-items a {
  text-decoration: none;
  color: #444;
}