﻿html{
  min-height: 100%;
}
body
{ 
    /*background: #EAEEF1;*/
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(216,238,241,1) 100%);
	
    /* margin: 0;
    padding: 0; */
    /* background:linear-gradient(to bottom,#c1fcfc ,#ffffff, #ffdcf1);
    background-size: cover; */
    /* background-repeat: no-repeat;background-image: url('light.jfif');background-size: cover; */
}
/* { font-family: glametrix, Tahoma, Geneva, sans-serif; }*/

/****** Header Section ******/
/*.header {display: flex;justify-content: flex-end;align-items: center;}
.have-account {display: block;}
.forgot-pass {margin-right: 10px;}
.sign-in-btn {height: 35px;width: 100px;border-radius: 5px;margin-right: 20px;background-color: #0077c5;cursor: pointer;color: white;font-size: small;}*/
.loader 
{
    border: 12px solid #d8d8d8;
    border-radius: 50%;
    border-top: 12px solid #343636;
    border-bottom: 12px solid #343636;
    width: 70px;
    height: 70px;
    display: block;text-align: center;
    margin-top: 10%;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.proofimgdiv{float:left; width:110px;border:1px solid lightgrey;margin: 10px; border-radius:5px;}
.imgsize
{
    /*width:100px; height:150px; margin:5px;*/
    width:100px; height:75px; margin:5px;
}
.variants 
  {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.variants > div 
    {
      margin-right: 5px;
    }
.UpdateImage
    {
      display: none;
      width:150px;
      height:100px;
      border: 1px solid gray;
      border-radius: 10px;
    }
.ChooseFileDiv
    {
      margin-top: 5px;
      padding: 13px 10px;
      background: #006699;
      color: #FFFFFF;
      line-height: 2px;
      border-radius: 5px;
      cursor: pointer;
      font-size: 18px;
      font-family: glametrix, Tahoma, Geneva, sans-serif; 
      text-align: center;
    }
.Upload-box-border
{
  margin-top: 1%;
  padding: 0px;
  border: 2px solid #dfdede;
  width: 95%;
  margin-left: 2%;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 2%;
}
.RemovenomineeButtonStyle
    {
      margin-top: 5px;
      padding: 13px 10px;
      background: #f14949;
      color: #FFFFFF;
      line-height: 2px;
      border-radius: 5px;
      cursor: pointer;
      width: 46%;
      font-size: 18px;
      font-family: glametrix, Tahoma, Geneva, sans-serif; 
      text-align: center; 
    }
.ImageContainerstyle
    {
      width:100%; 
      min-height:100px; 
      overflow-y: auto;
    }
.SpanNumStyle
    {
      color:#000000;
      font-size: 20px; 
    }
.AddnomineeButtonStyle
    {
      margin-top: 5px;
      padding: 13px 10px;
      background: #58d469;
      color: #FFFFFF;
      line-height: 2px;
      float: right;
      border-radius: 5px;
      margin-right: 10px;
      cursor: pointer;
      width: 35%;
      font-size: 18px;
      font-family: glametrix, Tahoma, Geneva, sans-serif; 
      text-align: center; 
    }
.file
    {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.file > #IDProffFile[type='file'] {
  display: none
}

.file > label 
{
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 29%);
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/***** Main sign up section *****/
.main-container {display: flex;flex-direction: column;align-items: center;}
.homepage-other-sites {text-align: center;margin-bottom: 10px;padding-top: 20px;border-radius: 5px;width: 400px;}
.other-sites {display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
/*.other-sites h4 {color: rgb(0, 0, 0);}*/

.other-link,.homepage {text-decoration: none;color: rgb(0, 0, 0);}
.logo-container {display: flex;justify-content: center;}
.intuit-logo {width: 120px;}
.other-title {display: inline;font-size: 25px;font-family: glametrix, Tahoma, Geneva, sans-serif;}
.logos {width: 20px;margin: 5px;}
/*.form-description {margin-bottom: 0;margin-top: 0;font-size: small;}
.more {margin-bottom: 10px;font-size: small;}*/
.signup-form {color: rgb(80, 79, 79);}
.form {display: flex;flex-direction: column;background-color: white;border-radius: 10px;border: 1px solid #FFFFFF;width: 450px;align-items: left;box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3);}
.form-title {font-size: 35px;text-align:center;font-family: glametrix, Tahoma, Geneva, sans-serif;}/*padding: 10px;*/

@media only screen and (max-width: 420px) 
{.homepage-other-sites,.form {width: 100%;} .other-sites {flex-direction: row;}
.main-container {display: flex;flex-direction: column;align-items: revert;}
.Upload-box-border {
  margin-top: 5%;
  padding: 15px;
  border: 2px solid #dfdede;
  width: 85%;
  margin-left: 3%; 
  border-radius: 10px;
  text-align: center;
}

}

@media only screen and (min-width: 280px) 
{ #MaskPanel_Container { width: 70%;} #MaskSessionPanel_Container{width:70%}}

@media only screen and (min-width: 900px) 
{ #MaskPanel_Container { width:420px;} #MaskSessionPanel_Container{width:800px}}
/*Message*/
.msg1{font-size: 20px;padding: 0px;text-align:center;font-family: glametrix, Tahoma, Geneva, sans-serif;margin-bottom: 5px;margin-left:2%;}
.msg2{font-size: 20px;text-align:center;font-family: glametrix, Tahoma, Geneva, sans-serif;}
.msg3{font-size: 20px;text-align:left;font-family: glametrix, Tahoma, Geneva, sans-serif;color: rgb(231, 42, 42);}
.msg4{font-size: 25px;font-family: glametrix, Tahoma, Geneva, sans-serif;color: rgb(231, 42, 42);font-weight: 600;}
.msg5{font-size: 22px;padding: 0px;text-align:justify;font-family: glametrix, Tahoma, Geneva, sans-serif;margin-bottom: 1%;margin-top: 5%;width: 80%;float: left;margin-left: 10%;}

.Header-tbl{display: table;table-layout: fixed;}
.name-msg{font-size: 23px;font-family: glametrix, Tahoma, Geneva, sans-serif;color: #000;font-weight: 600;text-align: left;padding: 5px;padding-top: 0px;width:57%;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: table-cell;}
.ackno-msg{font-size: 23px;font-family: glametrix, Tahoma, Geneva, sans-serif;color: #000;font-weight: 600;text-align: right;padding: 5px;padding-top: 0px;width:36%;float:right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: table-cell;}
.HiddenTag{visibility: hidden;font-size: 30px;}
.label1 {margin-top: 0px;margin-left: 10%;align-self: flex-start;font-size: 22px;font-family: glametrix, Tahoma, Geneva, sans-serif;font-weight: 600;color:#333333}
.label2 {align-self: flex-start;font-size: 25px;font-family: glametrix, Tahoma, Geneva, sans-serif;color:#000000}
.ToolTipImages{width: 100%;max-width: 800px; height: auto;}
/*.legend {font-size: x-large;}*/
.labels {margin-top: 20px;margin-bottom: 4px;margin-left: 10%;align-self: flex-start;font-size: 20px;font-family: glametrix, Tahoma, Geneva, sans-serif;}
/*.input {width: 80%;height: 34px;border: 1px solid #c1c5c8;border-radius: 5px;font-size: 20px;}*/
.disclaimer {padding: 10px;text-align: center;display: block;font-style: italic;font-size: 25px;font-family: glametrix, Tahoma, Geneva, sans-serif;}
.btn {margin: 5px auto 5px auto;border-radius: 5px;height: 40px;width: 80%;background-color: #0077c5;color: white;cursor: pointer;font-size: 28px;font-family: glametrix, Tahoma, Geneva, sans-serif;border: none;}
.LinkGroup {margin-left: 10%;margin-top: 10px;}
.Link {font-size: 20px;font-family: glametrix, Tahoma, Geneva, sans-serif;text-decoration: none;}
.AnchorBtn{ font-family: glametrix, Tahoma, Geneva, sans-serif;/*display: flex;*/justify-content: center;align-items: center;width: 135px;height: 30px;text-align: center;border-radius: 5px;text-decoration: none;background: #1c449b;color: #fff;font-size: 20px;padding: 7px; }
.AnchorBtn:hover { opacity: .8 }
/*input Text Design*/
.form-group {position: relative;width:80%;margin-bottom: 10px;margin-left:10%;}
.input-text 
{
  position: relative;
  font-family: glametrix, Tahoma, Geneva, sans-serif;
  font-weight: 100;
  width: 95%;
  height: 30px;
  border: none;
  padding: 0 10px;
  box-shadow: none;
  outline: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 22px;
}
.input-text.border-bottom 
{
  position: relative;
  background: transparent;
  padding: 0;
  border-bottom: 2px solid rgba(0, 0, 0, .2);
}
.input-text.border-bottom ~ .border-bottom-animation 
{
  position: absolute;
  top:30px;
  content: "";
  width: 0;
  background: rgba(0, 0, 0, .2);
  height: 2px;
  z-index: 99;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.ChooseFileDiv {
  margin-top: 5px;
  padding: 13px 10px;
  background: #006699;
  color: #FFFFFF;
  line-height: 2px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  font-family: glametrix, Tahoma, Geneva, sans-serif;
  text-align: center;
}

.ScanFileDiv {
  margin-top: 5px;
  padding: 13px 10px;
  background: #1C8671;
  color: #FFFFFF;
  line-height: 2px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  font-family: glametrix, Tahoma, Geneva, sans-serif;
  text-align: center;
}


/* Border bottom left animation */
.input-text.border-bottom ~ .border-bottom-animation.left {left: 0;bottom: 0;}
.input-text.border-bottom:focus ~ .border-bottom-animation.left {background: #4285F4;width: 95%;}

/*Select Design*/
.selectDddl { border: 1px solid #ccc;width: 99%;height: 30px;border-radius: 3px;overflow: hidden;background: #fafafa no-repeat 90% 50%;font-family: glametrix, Tahoma, Geneva, sans-serif;font-size: 22px;} 
.selectDddl select { padding: 5px 8px;width: 130%;border: none;box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;font-family: glametrix, Tahoma, Geneva, sans-serif;font-size: 22px;}
.select-style select:focus { outline: none; }


/****** footer section *****/
.footer { text-align: center;font-size: 22px;margin-top: 10px;color:#000;font-family: glametrix, Tahoma, Geneva, sans-serif;}
/*.legal-privacy-security-links a {margin: 10px 10px 0 10px;color: rgb(80, 79, 79);text-decoration: none;}*/
.copyright-line-1 {margin-top: 5px;}
.copyright-line-2 {margin: 0;font-style: italic;}

/*ToolTip Design In Css*/
#ToolTip { color: #e91e63;font-family: glametrix, Tahoma, Geneva, sans-serif;white-space: nowrap;font-size: 1.2em;}
#ToolTip:after {font-family: glametrix, Tahoma, Geneva, sans-serif;text-align: left;white-space: normal;}
#ToolTip:focus {outline: none;}
.tool {cursor: help;position: relative;}
.tool::before,.tool::after {left: 50%;opacity: 0;position: absolute;z-index: -100;}
.tool:hover::before,.tool:focus::before,.tool:hover::after,.tool:focus::after {opacity: 1;transform: scale(1) translateY(0);z-index: 100; }
.tool::before {border-style: solid;border-width: 1em 0.75em 0 0.75em;border-color: #3E474F transparent transparent transparent;bottom: 100%;content: "";margin-left: -0.5em;transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;transform:  scale(.6) translateY(-90%);} 
.tool:hover::before,.tool:focus::before {transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;}
.tool::after {background: #3E474F;border-radius: .25em;bottom: 180%;color: #EDEFF0;content: attr(data-tip);margin-left: -8.75em;padding: 1em;transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;transform:  scale(.6) translateY(50%);  width: 17.5em;}
.tool:hover::after,.tool:focus::after  {transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);}
@media (max-width: 760px) {.tool::after { font-size: .75em;margin-left: -5em;width: 10em; }}

/*Loading*/
.modal { position: fixed;top: 0;left: 0;background-color: black;z-index: 99;opacity: 0.8;filter:contrast(80%);-moz-opacity:0.8;min-height: 100%;width: 100%;color:#FFFFFF;font-size: 30px;font-family: glametrix, Tahoma, Geneva, sans-serif; }
.loading { font-family: glametrix, Tahoma, Geneva, sans-serif;font-size: 10pt;border: 0px solid #67CFF5;width: 250px;height: 100px;display: none;position: fixed;z-index: 999;color:#FFFFFF;font-size: 30px;font-family: glametrix, Tahoma, Geneva, sans-serif; }/*background-color: White;*/

/*Masking*/
.MaskContainer {position: fixed;font-family:sans-serif;top: 0; right: 0; bottom: 0; left: 0;background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0;-webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none;font-size:16px; color:blue; opacity:5; pointer-events: auto;text-align: left;}
.MaskContainer > div{width: 420px;position: relative; top:35px; margin: 60px auto; padding: 15px 20px 13px 20px;text-align:left;position: relative; border-radius: 10px;background: #fff; background: -moz-linear-gradient(#fff, #fff); background: -webkit-linear-gradient(#fff, #fff); background: -o-linear-gradient(#fff, #fff);display: flex; flex-wrap: wrap;color:blue;}
.MaskContainer_Close{background: #606061; color: #FFFFFF; line-height: 35px; position: absolute; right: -12px; text-align: center;/*top: 240px;right:270px;*/top:-15px; right:-15px; width: 35px;text-decoration: none; font-weight: bold;-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 50%; -moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;background-color:red; color:#FFFFFF; cursor:pointer;}
.MaskContainer_Close:hover  {background: #00d9ff;}
.Mask_List {text-align: justify;letter-spacing: 1px;line-height: 25px;}

/*Masking*/
.MaskSessionContainer {position: fixed;font-family:sans-serif;top: 0; right: 0; bottom: 0; left: 0;background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0;-webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none;font-size:16px; color:blue; opacity:5; pointer-events: auto;text-align: left;}
.MaskSessionContainer > div{width:800px;position: relative; top:35px; margin: 60px auto; padding: 15px 20px 13px 20px;text-align:left;position: relative; border-radius: 0px;background: #fff; background: -moz-linear-gradient(#fff, #fff); background: -webkit-linear-gradient(#fff, #fff); background: -o-linear-gradient(#fff, #fff);display: flex; flex-wrap: wrap;color:blue;}
.MaskSessionMsgContain_1 {text-align: center;font-weight: bolder;font-size: 30px;color:#000;height: 35px;padding: 15px;width: 100%;background-color: #EAEAEA;border-bottom: 1px solid #b4b4b4;}
.MaskSessionMsgContain_2 {text-align: center;font-weight: normal;font-size: 15px;color:#000;height: 25px;padding: 15px;width: 100%;background-color: #FFFFFF;}
.MaskSessionMsgContain_3 {text-align: center;font-weight: bolder;font-size: 25px;color:#000;height: 30px;padding: 15px;width: 100%;background-color: #EAEAEA;border-top: 1px solid #b4b4b4;}

.tooltip {position: relative;text-decoration: underline dotted;cursor: help;font-family: glametrix, Tahoma, Geneva, sans-serif;font-size: 20px;}
.tooltip::before,.tooltip::after {position: absolute;opacity: 0;visibility: hidden;transition: opacity .3s ease-in-out;}
.tooltip:hover::before,.tooltip:hover::after {opacity: 1;visibility: visible;}
.tooltip::before {content: attr(data-tooltip);z-index: 2;width: 210px;color: #fff;background: rgba(0,0,0, .7);border-radius: 5px;padding: 5px;}
.tooltip::after {content: "";width: 0;height: 0;}
.tooltip--top::before,.tooltip--top::after {bottom: 100%;left: 50%;transform: translate(-50%);margin-bottom: 15px;}
.tooltip--top::after {margin-bottom: 8px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid rgba(0,0,0, .7);}
.tooltip--bottom::before,.tooltip--bottom::after {top: 100%;left: 50%;transform: translate(-50%);margin-top: 15px;}
.tooltip--bottom::after {margin-top: 8px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 7px solid rgba(0,0,0, .7);}
.tooltip--right::before,.tooltip--right::after {top: 50%;left: 100%;transform: translate(0, -50%);margin-left: 15px;}
.tooltip--right::after {margin-left: 8px;border-top: 5px solid transparent;border-right: 7px solid rgba(0,0,0, .7);border-bottom: 5px solid transparent;}
.tooltip--left::before,.tooltip--left::after {top: 50%;right: 100%;transform: translate(0, -50%);margin-right: 15px;}
.tooltip--left::after {margin-right: 8px;border-top: 5px solid transparent;border-left: 7px solid rgba(0,0,0, .7);border-bottom: 5px solid transparent;}


.DocLister{margin: 5px auto 5px auto;border-radius: 5px; width:95%; margin-left:2.5%; height: 35px;color: #000000;font-size: 22px;font-family: glametrix, Tahoma, Geneva, sans-serif; border:2px solid #00CC66;}
.pdfpwd {margin: 25px auto 5px auto;border-radius: 5px;height: 40px;color: #000000;font-size: 28px;font-family: glametrix, Tahoma, Geneva, sans-serif;}
.pdfbtn {margin: 25px auto 5px auto;border-radius: 5px;height: 40px;background-color: #0077c5;color: white;cursor: pointer;font-size: 28px;font-family: glametrix, Tahoma, Geneva, sans-serif;}

.Factalink
{
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.FactaDetailmask
{
  position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;
  background-color: #00000038;
  display: none;
}
.FactaDetailMain
{
  width: 50%;
  position: absolute;top: 100px;left: 25%;
  background-color: white;
  height: 600px;
  border: 1px solid gainsboro;
  border-radius: 10px;
  padding: 0px;
}
.FactaDetailTitle
{
  font-size:20px; 
  padding: 7px;
  text-align: center;
  background-color: #1ca83b;
  color: white;
  margin-bottom: 0px;
  border-radius:9px 9px 0px 0px; 
  font-weight: bolder;
}
.FactaDetailCon
{
  width: 95%;
  margin-left: 0%;
  /* background-color: white; */
  height:80%;
  border: 0px solid gainsboro; 
  border-radius: 1px;
  padding: 15px;
  /* overflow-y:scroll;  */
}
.FactaDetailFlex
{
  /* font-size: 15px; */
  padding: 7px;
  font-size: 20px;
  font-family: glametrix, Tahoma, Geneva, sans-serif;
}
.FactaSpan
{
  font-family: glametrix, Tahoma, Geneva, sans-serif;
  font-weight: 600;
  color: #777272;
  font-size: 23px;
}
.FactaSpan1
{
  font-family: glametrix, Tahoma, Geneva, sans-serif;
  font-weight: 600;
  color: #777272;
  font-size: 23px;
  display: inline-block;
  width: 200px;
  padding: 0px;
}
.Factaddl
{
  padding: 8px;
  width: 200px;
}
.PDFCloseMask
{
  float: right;
  width: 30px;
  height: 23px;
  background-color: white;
  border: 1px solid gainsboro;
  border-radius:100%;
  color: black; 
  text-align: center; 
  cursor: pointer;
}
.msg51{font-size: 15px;padding: 0px;text-align:justify;font-family: glametrix, Tahoma, Geneva, sans-serif;margin-bottom: 1%;margin-top: 5%;width: 80%;float: left;margin-left: 10%;}
@media only screen and (max-width: 1100px)
{
  .FactaDetailCon
  {
    width: 80%;
    margin-left: 10%;
    background-color: white;
    height:80%;
    border: 0px solid gainsboro; 
    border-radius: 1px;
    padding: 10px;
    overflow-y:scroll; 
  }
  .FactaDetailMain
  {
    width: 80%;
    position: absolute;top: 10px;left: 10%;
    background-color: white;
    height: 600px;
    border: 1px solid gainsboro;
    border-radius: 10px;
    padding: 0px;
  }
}
@media only screen and (max-width: 750px)
{
  .FactaDetailMain
  {
    width: 98%;
    position: absolute;top: 70px;left: 1%;
    background-color: white;
    height: 550px;
    border: 1px solid gainsboro;
    border-radius: 10px;
    padding: 0px;
  }
  
  .FactaDetailCon
  {
    width: 100%;
    margin-left: 0%;
    background-color: white;
    height:80%;
    border: 1px solid gainsboro;
    border-radius: 1px;
    padding: 0px;
    overflow-y:scroll; 
  }
  
}
.prooflbl{
  margin-left: 3%;
  margin-top:0;
  font-size: 22px;
  font-family: glametrix, Tahoma, Geneva, sans-serif;
  font-weight: 600;
  color: #333333;
}

input,
input::placeholder {
    font-size: 20px;
}
select:disabled{
  color: #000000;
  opacity: 0.9;
}
.Btncls{
  font-size: 14px;
  
}