body { background-color:#f3eff0; font-family: 'Montserrat', sans-serif;margin:50px auto; }
input{font-family: 'Montserrat', sans-serif; color:#999999;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
input[type="checkbox"] {cursor: pointer; -webkit-appearance: checkbox; -moz-appearance: none; appearance: none; outline: 0; background: white; height: 12px; width: 12px;border: 1px solid #cacbcd; opacity: 100; vertical-align:middle;position:relative;bottom:2px;}
input,textarea,select {-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="checkbox"]:checked {background: #ffffff;}
input[type="checkbox"]:hover {}
input[type="checkbox"]:disabled { background: #e6e6e6; opacity: 0.6; pointer-events: none;}
input[type="checkbox"]:after {content: ''; position: relative; left: 4px; top: 1px; width: 3px; height: 6px; border: solid #000; border-width: 0 1px 1px 0; transform: rotate(45deg);display: none;}
input[type="checkbox"]:checked:after {display: block;}
input[type="checkbox"]:disabled:after {border-color: #ffffff;}

input[type="checkbox"].loginChk {background: #ffffff; width:24px; height:24px;}
input[type="checkbox"].loginChk:checked {background: #93c540;}
input[type="checkbox"].loginChk:after {content: ''; position: relative; left: 8px; top: 2px; width: 5px; height: 12px; border: solid #fff; border-width: 0 4px 4px 0; transform: rotate(45deg);display: none;}
input[type="checkbox"].loginChk:checked:after {display: block;}
input[type="checkbox"].loginChk:disabled:after {border-color: #ffffff;}
input[type="checkbox"].loginChk:checked + label,
input[type="checkbox"].loginChk:not(:checked) + label{position: relative;padding-left: 0px;cursor: pointer;line-height: 10px;display: inline-block;color: #4a4d4e;}

/* For Loading indicator 
.modal {display: block; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba( 255, 255, 255, .8 ); } 
*/
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {overflow: hidden;max-width:100vw;}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal, body.loading .loader {display: block;}
#ModalLoading{width:100vw;height:100vh; position:absolute; left:0; top:0; background-color:#ffffff;opacity:0.5;z-index:2002;}

div.loginSideImgDiv {
   display:table-cell;vertical-align:middle;width:50%; 
}
#ContainerTbl{display:table;margin:0 auto;width:80vw;}
#mainDiv{margin:auto auto; width:calc(100vw - 150px);height:calc(100vh - 250px);display:table-row;}
#mainlogin{width:75%;max-width:610px;text-align:left;padding:10px 50px;margin:0px auto;}
#MainReg {
    width: 75%;
    max-width: 480px;
    text-align: left;
    padding: 0 30px;
    margin: 50px auto 0 auto;
}
.loginTbl{background-color:#ffffff;display:table-cell;width:50%;max-width:50%;vertical-align:middle;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);}
.heading1{color:#4a4643; font-weight:600; font-size:32pt;padding-bottom:35px;padding-top:30px;width:600px;letter-spacing:1px;}
.heading2{color:#4a4643; font-weight:600; font-size:20pt;padding-bottom:55px;padding-top:10px;} 
.heading3{color:#4a4643; font-weight:600; font-size:20pt;padding-bottom:25px;padding-top:10px;}
.text15{font-weight:600;margin-left:25px; font-size:15pt;margin-top:25px;color:#4a4643;}
.txtBoxLgn{width:500px;border-bottom:1px solid #cacbcd;border-top:0;border-left:0;border-right:0;border-collapse:collapse; padding:15px; color:#4a4643;}
.txtBox{width:450px;border-bottom:1px solid #cacbcd;border-top:0;border-left:0;border-right:0;border-collapse:collapse; padding:15px; color:#4a4643;}
.placedd {width:450px;border-bottom:1px solid #cacbcd;border-top:0;border-left:0;border-right:0;border-collapse:collapse;padding:15px;color:#4a4643;font-family: 'Montserrat', sans-serif;}
.tdspace{padding-bottom:10px;}                                                          
.blueText {font-size:14pt; color:#1b75ad; font-weight:600;}
.btnLogin{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:412px; padding:15px; font-size:16pt; font-weight:bold; border:1px solid #9dca47;border-radius:5px;}
.btnLogin:hover{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:412px; padding:15px; font-size:16pt; font-weight:bold; border:1px solid #9dca47;border-radius:5px;border: solid #36C0B9 1px;
   background: #8DC645;
   background-image: -webkit-linear-gradient(top, #8DC645, #36C0B9);
   background-image: -moz-linear-gradient(top, #8DC645, #36C0B9);
   background-image: -ms-linear-gradient(top, #8DC645, #36C0B9);
   background-image: -o-linear-gradient(top, #8DC645, #36C0B9);
   background-image: -webkit-gradient(to bottom, #8DC645, #36C0B9);}

.btnGreen{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:412px; padding:15px; font-size:20pt; font-weight:600; border:1px solid #9dca47;border-radius:5px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}

.btnGreen:hover{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:412px; padding:15px; font-size:20pt; font-weight:600; border-radius:5px;border: solid #8DC645 1px;background: #8DC645;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}

.btnBlue{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#1b76ad;color:#fff; width:500px; padding:15px; font-size:20pt; font-weight:600; border:1px solid #1b76ad;border-radius:5px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}

.btnBlue:hover{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#1b76ad;color:#fff; width:500px; padding:15px; font-size:20pt; font-weight:600; border:1px solid #026bab;border-radius:5px;background: #026bab;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}
.blueUpper{text-transform:uppercase; color: #1b75ad; font-size:16pt;text-decoration:none;font-weight:600;text-align:center;letter-spacing:2px;}
.greenUpper{text-transform:uppercase; color: #8DC645; font-size:16pt;text-decoration:none;font-weight:600;text-align:center;letter-spacing:2px;}
.blacktxt{color: #000; font-size:13pt;text-decoration:none;font-weight:600;text-align:center;letter-spacing:2px;}
a.notextdec{text-decoration:none;color:#fff;}
a.greenLink, .greenLink {
    color: #18b252;
    font-weight: 600;
    text-decoration: none;
}

a.blueLink, .blueLink {
    color: #1b76ad;
    font-weight: 600;
    text-decoration: none;
}

.btnReg{cursor: pointer;font-family: 'Montserrat', sans-serif; padding:10px; font-size:14pt; font-weight:600; border:none;border-radius:5px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;margin-right:10px;}
.btnReg:hover{cursor: pointer;font-family: 'Montserrat', sans-serif; padding:10px; font-size:14pt; font-weight:600; border:none;border-radius:5px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;margin-right:10px;}
.redBg {background-color: #df5d57 !important; border: 1px solid #df5d57 !important; color: #fff;}
.orangeBg {background-color: #ffa000 !important; border: 1px solid #ffa000 !important; color: #fff;}
.yellowBg {background-color: #fbdf5c !important; border: 1px solid #fbdf5c !important; color: #fff;}
.lightGreenBg {background-color: #95c346 !important; border: 1px solid #95c346 !important; color: #fff;}
.darkGreenBg {background-color: #4eae54 !important; border: 1px solid #4eae54 !important; color: #fff;}
.blueBg {background-color: #1b76ad !important; border: 1px solid #1b76ad !important; color: #fff; }
.greyBg {background-color: #ededed; color: #000; }
.purpleBg {background-color: #a895c5 !important; border: 1px solid #a895c5 !important; color: #fff; }

.whiteContentBox{background-color:#ffffff;color:#222222; padding:10px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.1); max-width:1200px; margin: 20px auto; }
.formTxt{border:1px solid #999999; padding:10px;width:400px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:18px;}  
.formTxt50{border:1px solid #999999; padding:10px;width:50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:18px;} 
.formTxt100{border:1px solid #999999; padding:10px;width:100px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:18px;} 
.formTxt200{border:1px solid #999999; padding:10px;width:187px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:18px;} 
.formTxt150{border:1px solid #999999; padding:10px;width:180px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:18px;}   
.formTxtNoWidth{border:1px solid #999999; padding:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:18px;}
.formDD{border:1px solid #999999; padding:10px;width:400px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-family: 'Montserrat', Arial;}   
.formDDNoWidth{border:1px solid #999999; padding:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-family: 'Montserrat', Arial;}
.formTxtArea{border:1px solid #999999; padding:10px;width:400px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.formTxtArea2{border:1px solid #999999; padding:10px;width:calc(100% - 40px);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 
.formTxtArea3{border:1px solid #999999; padding:10px;width:725px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.lttrspace{letter-spacing:1px;}
.strike{text-decoration:line-through;color:#b6b6b6;}
.marginTop10{margin-top:10px;}
.marginBtm10{margin-bottom:10px;}
.marginBtm20{margin-bottom:20px;}
.padLeft10{padding-left:10px;}
.padRight10{padding-right:10px;}
.padLeft20{padding-left:20px;}
.padRight20{padding-right:20px;}
.IB{display:inline-block;}
.IF{display:inline-flex;}
.I{display:inline;}
.B{display:block;}
.right{float:right;}
.left{float:left;}
.txtright{text-align:right;}
.txtleft{text-align:left;}
.blue{color:#1b76ad;}
.green{color:#4eae54;}
.grey{color:#b6b6b6;}
.white{color:#ffffff;}
.bold{font-weight:600;}
.bold400{font-weight:400;}
.txt13{font-size:13pt;}
.txt14{font-size:14pt;}
.txt16{font-size:16pt;}
.txt18{font-size:18pt;}
.txt22{font-size:22pt;}
.txt24{font-size:24pt;}
.divSpacer{width:20px; max-width:20px;}

.pushable {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
    transition: filter 250ms;
  }
  .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: hsl(0deg 0% 0% / 0.25);
    will-change: transform;
    transform: translateY(2px);
    transition:
      transform
      600ms
      cubic-bezier(.3, .7, .4, 1);
  }
  .edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(
      to left,
      #95c346 0%,
      #4eae54 8%,
      #4eae54 92%,
      #95c346 100%
    );
  }
  .front {
    display: block;
    position: relative;
    padding: 12px 42px;
    border-radius: 12px;
    font-size: 1.25rem;
    color: white;
    background: #95c346;
    will-change: transform;
    transform: translateY(-4px);
    transition:
      transform
      600ms
      cubic-bezier(.3, .7, .4, 1);
  }
  .pushable:hover {
    filter: brightness(90%);
  }
  .pushable:hover .front {
    transform: translateY(-6px);
    transition:
      transform
      250ms
      cubic-bezier(.3, .7, .4, 1.5);
  }
  .pushable:active .front {
    transform: translateY(-2px);
    transition: transform 34ms;
  }
  .pushable:hover .shadow {
    transform: translateY(4px);
    transition:
      transform
      250ms
      cubic-bezier(.3, .7, .4, 1.5);
  }
  .pushable:active .shadow {
    transform: translateY(1px);
    transition: transform 34ms;
  }
  .pushable:focus:not(:focus-visible) {
    outline: none;
  }
.btnPurpleSmall {
	box-shadow: 0px 10px 14px -7px #a895c5;
	background-color:#a895c5;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a895c5;
    border:none;
}

.btnPurpleSmall:hover {
	background-color:#8866bd;
}
.btnPurpleSmall:active {
	position:relative;
	top:1px;
}
.btnPurple {
	box-shadow: 0px 10px 14px -7px #a895c5;
	background-color:#a895c5;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a895c5;
    margin-right:20px;
    border:none;
}

.btnPurple:hover {
	background-color:#8866bd;
}
.btnPurple:active {
	position:relative;
	top:1px;
}

.btnGrey {
	box-shadow: 0px 10px 14px -7px #ccc;
	background-color:#ccc;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ccc;
    margin-right:20px;
    border:none;
}

.btnGrey:hover {
	background-color:#ebebeb;
}
.btnGrey:active {
	position:relative;
	top:1px;
}

.btnDelete {
	box-shadow: 0px 10px 14px -7px #ccc;
	background-color:#ccc;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ccc;
    margin-right:20px;
    border:none;
}

.btnDelete:hover {
	background-color:#ebebeb;
    color:#000;
}
.btnDelete:active {
	position:relative;
	top:1px;
}
.btnEdit {
	box-shadow: 0px 10px 14px -7px #a895c5;
	background-color:#a895c5;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a895c5;
    border:none;
}

.btnEdit:hover {
	background-color:#8866bd;
}
.btnEdit:active {
	position:relative;
	top:1px;
}
 .frontPurple {
    display: block;
    position: relative;
    padding: 12px 42px;
    border-radius: 12px;
    font-size: 1.25rem;
    color: white;
    background: #a895c5;
    will-change: transform;
    transform: translateY(-4px);
    transition:
      transform
      600ms
      cubic-bezier(.3, .7, .4, 1);
  }
.btnGreen2 {
	box-shadow: 0px 10px 14px -7px #95c346;
	background-color:#95c346;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:10px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #95c346; 
    border:none;
}
.btnGreen2:hover {
	background-color:#4eae54;
}
.btnGreen2:active {
	position:relative;
	top:1px;
}

/*Yes/No Toggle*/
.toggle-button-cover
{
    display: table-cell;
    position: relative;
    width: 80px;
    height:40px;
    box-sizing: border-box;
    z-index:0;
}
.button-cover
{
    height: 40px;
    margin: 0;
    background-color: transparent;
    border-radius: 4px;
}

.button-cover:before
{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}
.button-cover, .knobs, .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.button
{
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.button.b2
{
    border-radius: 2px;
}

input[type="checkbox"].checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs
{
    z-index: 2;
}

.layer {
    width: 100%;
    background-color: #fcebeb;
    transition: 0.3s ease all;
    z-index: 1;
}

.button.b2 .knobs:before, .button.b2 .knobs:after, .button.b2 .knobs span
{
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
}

.button.b2 .knobs:before, .button.b2 .knobs:after
{
    color: #4e4e4e;
    z-index: 1;
}

.button.b2 .knobs:before
{
    content: 'NO';
    left: 4px;
}

.button.b2 .knobs:after
{
    content: 'YES';
    right: 4px;
}

.button.b2 .knobs span {
    width: 25px;
    left: 37px;
    background-color: #F44336;
    z-index: 2;
}

.button.b2 .checkbox:checked + .knobs span {
    left: 4px;
    background-color: #95c346;
}

.button.b2 .checkbox:checked ~ .layer {
    background-color: #e6f7c8;
}

/*End Toggle*/
.containerAlph{width:1200px;max-width:1050px;margin:auto;}
.dispFlex{display:flex;}
.indexBox {background-color: transparent;}
.redbtn  {background-color:#df5d57; color:#fff;font-size:14px;width:40px;min-width:40px;max-width:40px;height:50px;min-height:50px;max-height:50px;line-height:50px;text-decoration:none;cursor:pointer;font-weight:bold;text-align:center;}
.greybtn {background-color:transparent; color:#333;font-size:14px;width:40px;min-width:40px;max-width:40px;height:50px;min-height:50px;max-height:50px;line-height:50px;text-decoration:none;cursor:pointer;font-weight:bold;text-align:center;}
.mobileOnly{display: none !important;}

/*Loading indicator*/

.cssload-dots {
    z-index: 3000;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    outline: 1px solid red;
    filter: url(#goo);
    -o-filter: url(#goo);
    -ms-filter: url(#goo);
    -webkit-filter: url(#goo);
    -moz-filter: url(#goo);
}

.cssload-dot {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

    .cssload-dot:before {
        content: "";
        width: 34px;
        height: 34px;
        border-radius: 49px;
        background: #1b76ad;
        position: absolute;
        left: 50%;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        margin-left: -17.5px;
        margin-top: -17.5px;
    }

    .cssload-dot:nth-child(5):before {
        z-index: 100;
        width: 44.5px;
        height: 44.5px;
        margin-left: -21.75px;
        margin-top: -21.75px;
        animation: cssload-dot-colors 4.6s ease infinite;
        -o-animation: cssload-dot-colors 4.6s ease infinite;
        -ms-animation: cssload-dot-colors 4.6s ease infinite;
        -webkit-animation: cssload-dot-colors 4.6s ease infinite;
        -moz-animation: cssload-dot-colors 4.6s ease infinite;
    }

    .cssload-dot:nth-child(1) {
        animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
        -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
        -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
        -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
        -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    }

    .cssload-dot:nth-child(1):before {
        background-color: #df5d57;
        animation: cssload-dot-move 4.6s 0s ease infinite;
        -o-animation: cssload-dot-move 4.6s 0s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 0s ease infinite;
        -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
        -moz-animation: cssload-dot-move 4.6s 0s ease infinite;
    }

    .cssload-dot:nth-child(2) {
        animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
        -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
        -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
        -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
        -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    }

    .cssload-dot:nth-child(2):before {
        background-color: #4eae54;
        animation: cssload-dot-move 4.6s 1.15s ease infinite;
        -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
        -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
        -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    }

    .cssload-dot:nth-child(3) {
        animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
        -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
        -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
        -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
        -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    }

    .cssload-dot:nth-child(3):before {
        background-color: #ffa000;
        animation: cssload-dot-move 4.6s 2.3s ease infinite;
        -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
        -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
        -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    }

    .cssload-dot:nth-child(4) {
        animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
        -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
        -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
        -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
        -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    }

    .cssload-dot:nth-child(4):before {
        background-color: #4153af;
        animation: cssload-dot-move 4.6s 3.45s ease infinite;
        -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
        -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
        -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
        -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    }

@keyframes cssload-dot-move {
    0% {
        transform: translateY(0);
    }

    18%, 22% {
        transform: translateY(-68px);
    }

    40%, 100% {
        transform: translateY(0);
    }
}

@-o-keyframes cssload-dot-move {
    0% {
        -o-transform: translateY(0);
    }

    18%, 22% {
        -o-transform: translateY(-68px);
    }

    40%, 100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes cssload-dot-move {
    0% {
        -ms-transform: translateY(0);
    }

    18%, 22% {
        -ms-transform: translateY(-68px);
    }

    40%, 100% {
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes cssload-dot-move {
    0% {
        -webkit-transform: translateY(0);
    }

    18%, 22% {
        -webkit-transform: translateY(-68px);
    }

    40%, 100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes cssload-dot-move {
    0% {
        -moz-transform: translateY(0);
    }

    18%, 22% {
        -moz-transform: translateY(-68px);
    }

    40%, 100% {
        -moz-transform: translateY(0);
    }
}

@keyframes cssload-dot-colors {
    0% {
        background-color: #1b76ad;
    }

    25% {
        background-color: #df5d57;
    }

    50% {
        background-color: #4eae54;
    }

    75% {
        background-color: #ffa000;
    }

    100% {
        background-color: #4153af;
    }
}

@-o-keyframes cssload-dot-colors {
    0% {
        background-color: #1b76ad;
    }

    25% {
        background-color: #df5d57;
    }

    50% {
        background-color: #4eae54;
    }

    75% {
        background-color: #ffa000;
    }

    100% {
        background-color: #4153af;
    }
}

@-ms-keyframes cssload-dot-colors {
    0% {
        background-color: #1b76ad;
    }

    25% {
        background-color: #df5d57;
    }

    50% {
        background-color: #4eae54;
    }

    75% {
        background-color: #ffa000;
    }

    100% {
        background-color: #4153af;
    }
}

@-webkit-keyframes cssload-dot-colors {
    0% {
        background-color: #1b76ad;
    }

    25% {
        background-color: #df5d57;
    }

    50% {
        background-color: #4eae54;
    }

    75% {
        background-color: #ffa000;
    }

    100% {
        background-color: #4153af;
    }
}

@-moz-keyframes cssload-dot-colors {
    0% {
        background-color: #1b76ad;
    }

    25% {
        background-color: #df5d57;
    }

    50% {
        background-color: #4eae54;
    }

    75% {
        background-color: #ffa000;
    }

    100% {
        background-color: #4153af;
    }
}

@keyframes cssload-dot-rotate-1 {
    0% {
        transform: rotate(-105deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

@-o-keyframes cssload-dot-rotate-1 {
    0% {
        -o-transform: rotate(-105deg);
    }

    100% {
        -o-transform: rotate(270deg);
    }
}

@-ms-keyframes cssload-dot-rotate-1 {
    0% {
        -ms-transform: rotate(-105deg);
    }

    100% {
        -ms-transform: rotate(270deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-1 {
    0% {
        -webkit-transform: rotate(-105deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
    }
}

@-moz-keyframes cssload-dot-rotate-1 {
    0% {
        -moz-transform: rotate(-105deg);
    }

    100% {
        -moz-transform: rotate(270deg);
    }
}

@keyframes cssload-dot-rotate-2 {
    0% {
        transform: rotate(165deg);
    }

    100% {
        transform: rotate(540deg);
    }
}

@-o-keyframes cssload-dot-rotate-2 {
    0% {
        -o-transform: rotate(165deg);
    }

    100% {
        -o-transform: rotate(540deg);
    }
}

@-ms-keyframes cssload-dot-rotate-2 {
    0% {
        -ms-transform: rotate(165deg);
    }

    100% {
        -ms-transform: rotate(540deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-2 {
    0% {
        -webkit-transform: rotate(165deg);
    }

    100% {
        -webkit-transform: rotate(540deg);
    }
}

@-moz-keyframes cssload-dot-rotate-2 {
    0% {
        -moz-transform: rotate(165deg);
    }

    100% {
        -moz-transform: rotate(540deg);
    }
}

@keyframes cssload-dot-rotate-3 {
    0% {
        transform: rotate(435deg);
    }

    100% {
        transform: rotate(810deg);
    }
}

@-o-keyframes cssload-dot-rotate-3 {
    0% {
        -o-transform: rotate(435deg);
    }

    100% {
        -o-transform: rotate(810deg);
    }
}

@-ms-keyframes cssload-dot-rotate-3 {
    0% {
        -ms-transform: rotate(435deg);
    }

    100% {
        -ms-transform: rotate(810deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-3 {
    0% {
        -webkit-transform: rotate(435deg);
    }

    100% {
        -webkit-transform: rotate(810deg);
    }
}

@-moz-keyframes cssload-dot-rotate-3 {
    0% {
        -moz-transform: rotate(435deg);
    }

    100% {
        -moz-transform: rotate(810deg);
    }
}

@keyframes cssload-dot-rotate-4 {
    0% {
        transform: rotate(705deg);
    }

    100% {
        transform: rotate(1080deg);
    }
}

@-o-keyframes cssload-dot-rotate-4 {
    0% {
        -o-transform: rotate(705deg);
    }

    100% {
        -o-transform: rotate(1080deg);
    }
}

@-ms-keyframes cssload-dot-rotate-4 {
    0% {
        -ms-transform: rotate(705deg);
    }

    100% {
        -ms-transform: rotate(1080deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-4 {
    0% {
        -webkit-transform: rotate(705deg);
    }

    100% {
        -webkit-transform: rotate(1080deg);
    }
}

@-moz-keyframes cssload-dot-rotate-4 {
    0% {
        -moz-transform: rotate(705deg);
    }

    100% {
        -moz-transform: rotate(1080deg);
    }
}

@media only screen and (max-width: 1019px) {
    body { margin:20px auto; }
    
    .heading2{color:#4a4643; font-weight:600; font-size:16pt;padding-bottom:25px;padding-top:10px;}  
    .text15{font-weight:600;margin-left:15px; font-size:13pt;margin-top:25px;color:#4a4643;}
    .mobileHide {
        display: none !important;
    }

    .mobileOnly{display: block !important;}

    
    .loginTbl{background-color:#ffffff;display:table-cell;width:50%;max-width:50%;vertical-align:middle;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); margin: 10px;}
    .mobileLogo{width:80%;}
    #mainlogin{width:75%;max-width:610px;text-align:left;padding:40px 20px;margin:0px auto;}
    #MainReg {
        width: 75%;
        max-width: 480px;
        text-align: left;
        padding: 0 30px;
        margin: 0px auto;
    }
    #mainDiv {
        margin: auto 10px;
        width: calc(100vw - 50px);
        height: calc(100vh - 50px);
        display: block;
    }

    .txtBox {
        width: 90%;
        border-bottom: 1px solid #cacbcd;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-collapse: collapse;
        padding: 15px;
        color: #4a4643;
    }

    .txtBoxLgn{width:250px;border-bottom:1px solid #cacbcd;border-top:0;border-left:0;border-right:0;border-collapse:collapse; padding:15px; color:#4a4643;}
.txtBox{width:250px;border-bottom:1px solid #cacbcd;border-top:0;border-left:0;border-right:0;border-collapse:collapse; padding:15px; color:#4a4643;}
.placedd {width:250px;border-bottom:1px solid #cacbcd;border-top:0;border-left:0;border-right:0;border-collapse:collapse;padding:15px;color:#4a4643;font-family: 'Montserrat', sans-serif;}
    .btnLogin{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:90%; padding:15px; font-size:16pt; font-weight:bold; border:1px solid #9dca47;border-radius:5px;}
    .btnLogin:hover{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:90%; padding:15px; font-size:16pt; font-weight:bold; border:1px solid #9dca47;border-radius:5px;border: solid #36C0B9 1px;
       background: #8DC645;
       background-image: -webkit-linear-gradient(top, #8DC645, #36C0B9);
       background-image: -moz-linear-gradient(top, #8DC645, #36C0B9);
       background-image: -ms-linear-gradient(top, #8DC645, #36C0B9);
       background-image: -o-linear-gradient(top, #8DC645, #36C0B9);
       background-image: -webkit-gradient(to bottom, #8DC645, #36C0B9);}

    .btnBlue{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#1b76ad;color:#fff; width:90%; padding:15px; font-size:20pt; font-weight:600; border:1px solid #1b76ad;border-radius:5px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}

    .btnBlue:hover{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#1b76ad;color:#fff; width:90%; padding:15px; font-size:20pt; font-weight:600; border:1px solid #1b76ad;border-radius:5px;border: solid #2dadfa 1px;background: #2dadfa;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}

    .btnGreen{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:250px; padding:15px; font-size:20pt; font-weight:600; border:1px solid #9dca47;border-radius:5px;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}

    .btnGreen:hover{cursor: pointer;font-family: 'Montserrat', sans-serif;background-color:#9dca47;color:#fff; width:250px; padding:15px; font-size:20pt; font-weight:600; border-radius:5px;border: solid #8DC645 1px;background: #8DC645;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);text-align:center;letter-spacing:1px; text-decoration:none;}

}

.placeholderReq::-webkit-input-placeholder {
    color: #e60000;
    font-weight:bold;
}

.errMsg {
    color: #e60000;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: right;
}