.main_login{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.darkLogo {
    width: 130px;
    padding: 0;
}
 .field-validation-error {
     font-size: 15px !important;
 }
 
 .modal-backdrop.in {
     width: 100%;
 }
 
 .modal-backdrop.in:hover {
     background: #000;
 }
 
 Html,
 body {
     height: 100%;
 }
 
 .grandParentContaniner {
     display: table;
     height: 100%;
     margin: 0 auto;
     width: 100%;
 }
 
 .parentContainer {
     display: table-cell;
     vertical-align: middle;
 }
 
 body.login-page .input-div input:-webkit-autofill,
 body.login-page .input-div input:-webkit-autofill:hover,
 body.login-page .input-div input:-webkit-autofill:focus,
 body.login-page .input-div input:-webkit-autofill:active {
     -webkit-text-fill-color: #333 !important;
     -webkit-box-shadow: 0 0 0px 1000px #efefef inset !important;
     /* Keep the color same as origin */
     font-size: 14px !important
 }
 
 body.login-page span.field-validation-error {
     width: 100%;
     float: left;
 }
 
 .login-content {
     background: #efefef;
 }
 
 body {
     font-family: 'Poppins', sans-serif;
     overflow: hidden;
     margin: 0px;
     padding: 0px;
     overflow: auto;
 }
 
 .wave {
     position: fixed;
     bottom: 0;
     left: 0;
     height: 100%;
     z-index: -1;
 }
 
 .container {
     /*height: 100vh;*/
     display: flex;
     grid-template-columns: repeat(2, 2fr);
     grid-gap: 0rem;
     padding: 0 0rem;
 }
 
 .parentContainer .img {
     display: flex;
     width: 100%;
     justify-content: center;
     align-items: left;
     flex: 0 0 70%;
     max-width: 70%;
 }
 
 /*.login-content {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     text-align: center;
     flex: 0 0 60%;
     max-width: 60%;
     margin-left: 20%;
 }*/
 
 .img img {
     width: 500px;
 }

.parentContainer.container {
    max-width: 100%;
}
 .login-content img {
     height: 130px;
 }
 
 .login-content h2 {
     margin: -10px 0 15px 0;
     color: #333;
     text-transform: uppercase;
 }
 
 body.login-page span.field-validation-error {
     width: 100%;
     float: left;
     text-align: left;
     margin-top: 0;
     font-size: 14px !important;
     font-weight: normal !important;
 }
 
 .login-content .input-div {
     position: relative;
     /*display: grid;*/
     grid-template-columns: 7% 93%;
     /*margin: 25px 0;*/
     border-bottom: 2px solid #d9d9d9;
 }
 
 .login-content .input-div.one {
     margin-top: 0;
 }
 
 .login-content .input-div {
     width: 100%;
     float: left;
 }
 
 .i {
     color: #999;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .i i {
     transition: .3s;
     /* float: left; */
     /* width: 100%; */
     overflow: hidden;
     display: block;
     clear: both;
 }
 
 /*.input-div>div {
    
     width: 100%;
     float: left;
     padding: 0;
     margin: 0;
 }*/
 
 .input-div>div>h5 {
     position: absolute;
     left: 10px;
     top: 50%;
     transform: translateY(-50%);
     color: #999;
     font-size: 18px;
     transition: .3s;
     margin: 0px;
 }
 
 /*.input-div:before,
 .input-div:after {
     content: '';
     position: absolute;
     bottom: -2px;
     width: 0%;
     height: 2px;
     background-color: #793ebf;
     transition: .4s;
 }*/
 
 .input-div:before {
     right: 50%;
 }
 
 .input-div:after {
     left: 50%;
 }
 
 .input-div.focus:before,
 .input-div.focus:after {
     width: 50%;
 }
 
 .input-div.focus>div>h5 {
     top: -5px;
     font-size: 15px;
 }
 
 .input-div.focus>.i>i {
     color: #793ebf;
 }
 
 .input-div>div>input {
     position: absolute;
     left: 0;
     top: 4px;
     width: 100%;
     height: 100%;
     border: none;
     outline: none;
     background: none;
     padding: 0rem 0.7rem;
     font-size: 1.2rem;
     color: #555;
     font-family: 'poppins', sans-serif;
     font-size: 14px;
 }
 
 .input-div.pass {
     margin-bottom: 4px;
 }
 
 /*a {
     text-align: right;
     text-decoration: none;
     color: #793ebf;
     font-size: 0.9rem;
     transition: .3s;
     float: right;
     margin: 0px 0 10px 0;
 }*/
 
 a:hover {
     color: #793ebf;
 }
 
 /*.btn {
     display: block;
     width: 100%;*/
     /*height: 50px;*/
     /*border-radius: 25px;
     outline: none;
     border: none;
     background-image: linear-gradient(to right, #109952, #97ca57, #34a650);
     background-size: 200%;
     font-size: 1.2rem;
     color: #fff !important;
     font-family: 'Poppins', sans-serif;
     text-transform: uppercase;
     margin: 1rem 0;
     cursor: pointer;
     transition: .5s;
 }*/

.btn-danger {
    background-image: none;
}
 
 .btn:hover {
     background-position: right;
 }
 
 iframe {
     pointer-events: none !important;
 }
 /*video#myVideo {
            pointer-events: none !important;
        }*/
 
 body.login-page {
     background-color: #fcfcfb !important;
 }
 
 body:-webkit-full-page-media {
     background-color: #fff !important;
 }
 
 video#myVideo:focus {
     outline: none !IMPORTANT;
     border: none !important;
 }
 
 video#myVideo {
     width: 100% !important;
     height: auto !important;
     float: left !important;
 }
 
 .input-div.br-none {
     white-space: nowrap;
     font-size: 13px;
     font-family: 'Open+Sans', sans-serif !important;
     font-size: 13px !important;
     color: #7F7F7F;
     margin: 0px !important;
     padding: 0px !important;
     border: none !important;
 }
 
 input[name='CaptchaInputText'] {
     width: 239px !important;
     margin-left: 65px;
     margin-top: 10px;
     height: 40px;
 }
 
 #CaptchaImage {
     border: 1px solid #000;
     margin: 0 0 0 65px;
     height: 72px;
     /*transform: scale(0.7);*/
 }
 
 .br-none {
     position: relative;
 }
 
 .br-none a {
     visibility: hidden;
     position: absolute;
     right: 13px;
     top: 43px;
 }
 
 .br-none a:after {
     visibility: visible;
     position: absolute;
     top: 0;
     left: 0;
     content: "⟳";
     font-size: 24px;
     font-weight: bold;
     background: #1c1e3a;
     float: left;
     line-height: 30px;
     width: 30px;
     height: 30px;
     border-radius: 6px;
     color: #fff;
     text-align: center;
 }
 
 .br-none-label {
     width: 93%;
     float: left;
     text-align: right;
     margin-top: -10px;
     font-family: 'Open+Sans', sans-serif !important;
     font-size: 13px !important;
     color: red;
 }

.login-content {
    background: #c5c5c5 !important;
}

.head_text{
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 0;
}

.head_text h2{
    margin: 0;
}

.chec_div{
    width: 100%;
    float: left;
    padding:0 0 0 0;
    margin:0;
}

.mandatory-field > label:after {
    content: " *";
    color: red;
}

.border-row {
    border: 2px solid #d9d9d9;
}

.border-row .col-md-6:last-child{
    border-bottom: none;
}

    .border-row .form-group {
        margin: 0 !important;
    }

    .border-row .col-sm-5,
    .border-row .col-sm-7 {
       padding: 7px 0 !important;
    }

    
/*.border-row .col-md-6:last-child {
    border-bottom: none;
}*/

.date_picker{
    position: relative;
}

.date_icon {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #b1a5a5; 
}



#ui-datepicker-div{
    z-index: 9 !important;
}



.grandParent.container-fluid {
    padding: 0;
    margin-top: 30px !important;
}


header.fixed-top {
    background: #fff;
    margin: 0;
    padding: 15px;
    box-shadow: none;
    position: inherit !important;
}


body {
    background: #f2f2f2 !important;
    padding: 30px !important;
}
.green-block {
    padding: 15px 0;
    background: #fff; clear:both;  margin-bottom:15px; 
}

h2.title.text-center {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    margin: 7px 0 0 0;
    color: #60bd69;
}



h2.titel-inner {
    margin: 0;
    padding: 10px 0 5px 0;
    font-size: 22px;
    font-weight: 500;
    border-bottom: 2px #000 solid;
    color: #60bd69;
}


.green-block  label {
    margin: 0 0 8px 0px !important;
    padding: 0px !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: normal !important;
}


    .green-block .col-md-4.mb-3 label label {
        margin: 0px !important;
    }
.green-block .custom-file-label {
    padding: 6px 10px !important;
}


.card.card-new { border-radius:0px !important; margin:0px !important; border:none !important; padding:15px; 
}

.green-block  .col-md-4.mb-3 {
    margin: 0px !important;
    height: 90px;
}


.green-block .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.green-block .col-md-4.textarea-h.mb-3 textarea {
    height: 90px;
}
.col-md-4.textarea-h.mb-3 {
    height: 140px;
}

.card.card-new.mt-5 {
    margin-top: 20px !important;
}


.h-60px { height:80px; 
}

.col-md-12.text-center.mb-3.float-left.mt-3.h-60px .btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #1c1e3a !important;
    border: 1px solid #1c1e3a !important;
    padding: 0.375rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}