/*#container {*/
/*    width: 100%;*/
/*}*/

/*.auth-page {*/
/*    background: #FFFFFF 0% 0% no-repeat padding-box;*/
/*    border: 1px solid #BBBBBB;*/
/*    border-radius: 8px;*/
/*    opacity: 1;*/
/*}*/
/*.alert p{*/
/*    font-size: 14px;*/
/*}*/

/*.vertical-line {*/
/*    display: inline-block;*/
/*    border-left: 2px solid white;*/
/*    margin: 1px 15px;;*/
/*    height: 20px;*/
/*}*/
/*@media only screen and (max-width: 480px){*/
/*    .mid-content-block{*/
/*       padding-right: 0;*/
/*        padding-left: 0;*/
/*    }*/
/*}*/

/*.auth-page-second-head {*/
/*    font: normal normal 600 16px/22px Open Sans;*/
/*    color: white;*/
/*}*/

/*.auth-page small {*/
/*    font-size: 100% !important;*/
/*}*/

/*.auth-page a {*/

/*    font: normal normal normal 14px/19px Open Sans;*/
/*    color: #0077C8 !important;*/
/*}*/


/*.img-box {*/
/*    padding-top: 9%;*/
/*}*/

/*.auth-page form .required label:after {*/
/*    margin-left: 4px;*/
/*}*/


/*.auth-page-heading {*/
/*    text-align: center;*/
/*    font: normal normal 600 28px/38px Open Sans;*/
/*    letter-spacing: 0px;*/
/*    color: #16a2b8;*/
/*    text-transform: uppercase;*/

/*    opacity: 1;*/
/*}*/

/*.auth-page-para {*/
/*    text-align: center !important;*/
/*    letter-spacing: 0px !important;*/
/*    font: normal normal normal 14px/19px Open Sans !important;*/
/*    color: #333333 !important;*/
/*    opacity: 1 !important;*/
/*}*/

/*.auth-page .form-control {*/
/*    height: 32px;*/
/*    font-size: 12px;*/
/*    background: #E6E6FA 0% 0% no-repeat padding-box !important;*/
/*}*/


/*.auth-page label {*/
/*    font: normal normal normal 14px/19px Open Sans;*/

/*}*/

/*.auth-page-checkbox {*/
/*    font: normal normal normal 12px/17px Open Sans !important;*/
/*}*/

/*.divider {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    text-align: center;*/
/*    font: normal normal normal 12px/17px Open Sans !important;*/
/*}*/

/*!* To show the lines on right*/
/*and left sides of the text *!*/
/*.divider::after,*/
/*.divider::before {*/
/*    content: "";*/
/*    border: 1px solid #C4C4C4;*/
/*    flex: 1;*/
/*    color: #C4C4C4;*/
/*}*/

/*!* Space on left and right sides of text *!*/
/*.divider:not(:empty)::before {*/
/*    margin-right: 0.25em;*/
/*}*/

/*.divider:not(:empty)::after {*/
/*    margin-left: 0.25em;*/
/*}*/

/*.main-page h4,*/
/*.main-page h5 {*/
/*    font-size: 12px;*/
/*    margin-bottom: 0;*/
/*    font-family: Arial;*/
/*}*/

/*.font-10 {*/
/*    font-size: 10px;*/
/*}*/

/*.font-12 {*/
/*    font-size: 12px;*/
/*}*/

/*.main-page small,*/
/*.main-page label,*/
/*.main-page p {*/
/*    font-size: 10px;*/
/*    line-height: 14px;*/
/*}*/

/*.main-page .form-group {*/
/*    margin-bottom: 5px;*/
/*}*/

/*.main-page .form-group label {*/
/*    margin: 0;*/
/*    white-space: nowrap;*/
/*}*/

/*.main-page {*/
/*    margin: 0 auto;*/
/*    max-width: 900px;*/
/*    font-family: Arial;*/
/*}*/

/*.main-page hr {*/
/*    margin-bottom: 10px;*/
/*    margin-top: 10px;*/
/*}*/

/*.main-page .form-control {*/
/*    height: 25px;*/
/*    font-size: 10px;*/
/*}*/

/*.main-page form .required label:after {*/
/*    margin-left: 2px;*/
/*}*/

/*.main-page .btn {*/
/*    height: 25px;*/
/*    font-size: 10px;*/
/*    padding: 5px 10px;*/
/*}*/

/*.alert {*/
/*    font-size: 12px;*/
/*}*/

/*.alert ul {*/
/*    padding: 0;*/
/*    list-style: none;*/
/*}*/

/*.red-text {*/
/*    color: red;*/
/*}*/

/*#center {*/
/*    margin: auto;*/
/*    width: 50%;*/
/*    padding: 10px;*/
/*}*/

/*.col-custom {*/
/*    border-bottom: 1px solid grey;*/
/*    width: 100%*/
/*}*/

/*fieldset {*/
/*    top: 0;*/
/*    border: 1px solid #D6DDB9;*/
/*    margin: 16px 12px;*/
/*    padding: 8px;*/
/*    border-radius: 0;*/
/*    background: #ffffff;*/
/*    position: relative;*/
/*    display: block;*/
/*    margin-inline-start: 2px;*/
/*    margin-inline-end: 2px;*/
/*    padding-block-start: 0.35em;*/
/*    padding-inline-start: 0.75em;*/
/*    padding-inline-end: 0.75em;*/
/*    padding-block-end: 0.625em;*/
/*    min-inline-size: min-content;*/
/*    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
/*}*/

/*.rc-anchor-normal-footer {*/
/*    margin-left: -40%;*/
/*}*/

/*#rc-anchor-container {*/
/*    width: 100%;*/
/*}*/

/*.field-texting {*/
/*    color: black;*/
/*    margin-bottom: 0px;*/
/*    margin-top: 2px;*/
/*    font-size: 16px;*/
/*}*/

/*.error_p {*/
/*    color: black;*/
/*    margin-bottom: 0;*/
/*    margin-top: 2px;*/
/*    font-size: 16px;*/
/*}*/


/*.register a {*/

/*    float: right;*/
/*    color: #5ba8dc !important;*/
/*}*/

/*.register-heading {*/
/*    color: #0077c8;*/
/*    font-weight: normal;*/
/*    font-size: 1.17em;*/
/*}*/

/*.btn {*/
/*    height: 35px !important;*/
/*    font-size: 12px !important;*/
/*    font-weight: normal;*/
/*}*/

/*.register-card {*/
/*    background-color: white;*/
/*    border: 1px solid #BBBBBB;*/
/*}*/

/*.register-btn {*/
/*    color: white;*/
/*    background-color: #16a2b8;*/
/*    width: 90%;*/
/*    font-size: 15px;*/
/*}*/

/*.last-register-btn {*/
/*    color: white;*/
/*    background-color: #16a2b8;*/
/*    width: 180px;*/
/*    padding: 20px;*/
/*    font-size: 15px;*/
/*}*/

/*.main-page h4 {*/
/*    font-size: 15px !important;*/
/*}*/

/*.register-img {*/
/*    height: 20%;*/
/*    width: 20%;*/
/*}*/

/*.form-check-input {*/
/*    margin-left: 0;*/
/*}*/

.error_color {
    color: #dc3545;
}
.error_border {
    border-color: #FF7F50;
}
.error-display {
     display: none;
}




@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}
.tooltip-inner {
  max-width: 260px;
  font-size: 12px;
  padding: 10px ;
}
.ac-steps .nav-tabs a:hover{
  color: #0077C8;
}
.ac-steps .nav-tabs .active:hover{
  color: #495057;
}
.cursor-pointer {
  cursor: pointer;
}

.page-link {
  color: #000;
}
.text-primary {
  color: #17A2B8 !important;
}
.text-yellow {
  color: #FFFF00 !important;
}
/* button */
.btn {
  font-size: 14px;
  -moz-transition: .3s linear;
  -webkit-transition: .3s ease-out;
  transition: .3s linear;
}
.page-item.active .page-link,
.btn-primary-drak:hover,
.btn-primary-drak:focus,
.btn-primary {
  border-color: #57BDBA;
  background-color: #57BDBA;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary-drak {
  border-color: #17A2B8;
  background-color: #17A2B8;
  color: #fff !important;
}
/* button */


/* Checkbox */

.checkbox-blk {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-blk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #707070;
}
.checkbox-blk input:checked ~ .checkmark {
  background-color: #57BDBA;
  border-color: #57BDBA;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-blk input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-blk .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Checkbox */

.seprator {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.seprator span {
  margin: 0 15px;
}
.seprator:after,
.seprator:before {
  content: "";
  height: 1px;
  background-color: #BBBBBB;
  display: flex;
  flex: 1;
  opacity: 0.6;
}

.header .navbar {
  padding: 14px 0;
  box-shadow: 0px 7px 12px #00000014;
}
.header .navbar .nav-link {
  font-size: 14px !important;
  margin: 0 15px;
  font-weight: 500;
  color: #000 !important;
  position: relative;
}
.header .navbar .nav-link i {
  margin-left: 6px;
}
.header .navbar .nav-link:after {
  content: "";
  height: 2px;
  position: absolute;
  left: 8px;
  bottom: 5px;
  background-color: #57BDBA;
  -moz-transition: .3s linear;
  -webkit-transition: .3s ease-out;
  transition: .3s linear;
  right: 8px;
  opacity: 0;
}
.text-primary-light,
.header .navbar .nav-link:hover {
  color: #57BDBA !important;
}
.header .navbar .setting-profile .nav-link:after {
  display: none;
}
.header .navbar .setting-profile .nav-link:hover {
  color: #000 !important;
}
.header .navbar .nav-link:hover:after {
  opacity: 1;
}
.header .dropdown-item {
  border-left: 4px solid transparent;
  font-size: 14px;
  padding: 10px 15px;
}
.header .dropdown-item:hover {
  background-color: #F4F4F4;
  border-color: #57BDBA;
}

.main {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.main .content {
  flex: 1;
}


.registerBg {
  background: url('http://68.183.129.57:8080/static/images/banner.jpg');
  background-size: cover;
  background-position: center;
}
.border-or {
  border-right: 1px solid #ccc;
  position: relative;
}
.border-or:after {
  content: "OR";
  position: absolute;
  right: -18px;
  top: 40%;
  margin: auto;
  padding: 8px;
  background-color: #fff;
  font: normal normal bold 12px/14px Raleway;
  letter-spacing: 0px;
  color: #929292;

}
.white-card {
  max-width: 430px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #BBBBBB;
  margin-top: 55px;
  margin-bottom: 55px;
}
.white-card.large {
  max-width: 416px;
}
.mein-field  label {
  font-size: 10px;
  font-weight: 600;
}
.white-card.large .mein-field label {
  font-size: 10px;
  font-weight: 600;
}
.mein-field a {
  color: #0077C8;
  font-size: 10px;
  font-weight: 500;
}
.dataTables_length select,
.dataTables_filter input,
.mein-field .field {
  background-color: #E6E6FA;
  border: 1px solid #CED4DA;
  border-radius: 4px;
  min-height: 30px;
  width: 100%;
  padding: 5px 12px;
  box-shadow: none;
  outline: none;
  -moz-transition: .3s linear;
  -webkit-transition: .3s ease-out;
  transition: .3s linear;
  min-width: 100px;
}
.mein-field select.field {
  color: #727272;
}
.dataTables_length select:focus,
.dataTables_filter input:focus,
.mein-field .field:focus {
  background-color: #E6E6FA;
  border-color: #17A2B8;
}
.footer {
  background-color: #00558E;
  padding: 20px 0;
}
.tab-content.s4 {
  border: 1px solid #dee2e6;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.ac-steps .nav-tabs a {
  font-weight: 500;
}


.d-heading {
  padding: 20px 0;
}
.sff-table {
  padding: 20px 30px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #bbbbbb57;
  white-space: nowrap;
}

.sff-table table th {
  opacity: 0.7;
  border: 0;
}
.sff-table table td {
  vertical-align: middle;
}
.sff-table .circle-link {
  height: 28px;
  width: 28px;
  font-size: 12px;
  border-radius: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #57BDBA;;
  border: 1px solid #57BDBA;
  margin: 0 3px;
  text-decoration: none;
}
/* .sff-table table .status-text */



.custommargin {
    margin-bottom: 0px;
}



/* button */
.btn {
  font-size: 12px;
}

.loginformpadding
{
padding-right: 2.2rem !important;
}

.inputheight
{
  height:25px !important;
}

.removedot
{
  list-style:none;
  padding : 0px;
}

.removedot li
{
    padding: 5px;
}

.aboutheight
{
  height:75px !important;
   background: #E2DBF3 0% 0% no-repeat padding-box !important;
   border: 1px solid #EDE7F8 !important;
   border-radius: 5px;
   font: normal normal 600 14px Raleway !important;
   letter-spacing: 0px !important;
   color: #000000 !important;

}


.welcometext
{
font: normal normal bold 30px Raleway;
letter-spacing: 0px;
color: #25BFBB;
}

.railwaytext
{
font: normal normal normal 12px/14px Raleway;
letter-spacing: 0px;
color: #595C5F;
}

.emailtext
{
font: normal normal 600 14px/16px Raleway;
letter-spacing: 0px;
color: #393939;
}

.resetpassword
{
width: 198px;
height: 35px;
background: #25BFBB 0% 0% no-repeat padding-box;
border-radius: 25px;

font: normal normal bold 14px/16px Raleway;
letter-spacing: 0px;
color: #FFFFFF;
}

.loginbtn
{


font: normal normal bold 14px/16px Raleway;
letter-spacing: 0px;
color: #25BFBB;

width: 198px;
height: 35px;
/* UI Properties */
border: 2px solid #25BFBB;
border-radius: 25px;
opacity: 1;

}

.title
{
font: normal normal bold 30px/35px Raleway;
letter-spacing: 0px;
color: #25BFBB;
}

.subtitle
{
text-align: center;
font: normal normal normal 12px/14px Raleway;
letter-spacing: 0px;
color: #595C5F;
}
.pass-label
{
font: normal normal 600 14px/16px Raleway;
letter-spacing: 0px;
color: #393939;

}

.save-password-btn
{
width: 176px;
height: 35px;
/* UI Properties */
background: #25BFBB 0% 0% no-repeat padding-box;
border-radius: 25px;
}

.tab-title
{
font: normal normal normal 14px/16px Raleway;
letter-spacing: 0px;
color: #595C5F;
}

.field-title
{
text-align: center;
font: normal normal 600 14px/16px Raleway;
letter-spacing: 0px;
color: #595C5F;
}

.field-title-required
{
text-align: center;
font: normal normal 600 14px/16px Raleway;
letter-spacing: 0px;
color: #595C5F;
}

.field-title-required::after{
  content: "*";
  font-size: 22px;
}

.checkbox
{

font-family: Raleway;
font-size: 12px;
letter-spacing: 0px;
color: #595C5F;
}

.update-setting
{
font: normal normal bold 14px/16px Raleway;
letter-spacing: 0px;
color: #FFFFFF;
background: #25BFBB 0% 0% no-repeat padding-box;
border-radius: 25px;

}
.change-pass
{
font: normal normal bold 14px/16px Raleway;
letter-spacing: 0px;
color: #25BFBB;
border: 2px solid #25BFBB;
border-radius: 25px;

}

.active .tab-border
{
    width: 89px;
    margin-left: 46px;
    margin-top: 4px;
    border: 2px solid #25BFBB;
    border-radius: 14px;
    display : block;
}

.tab-border
{
    width: 89px;
    margin-left: 46px;
    margin-top: 4px;
    border: 2px solid #25BFBB;
    border-radius: 14px;
    display : none;
}

.tab-title
{
    font: normal normal normal 14px/16px Raleway;
    letter-spacing: 0px;
    color: #595C5F;
    cursor: pointer;
}
.active .tab-title
{
font: normal normal bold 14px/16px Raleway;
letter-spacing: 0px;
color: #25BFBB;
cursor: pointer;
}


.input-field
{
    background: #E2DBF3 0% 0% no-repeat padding-box !important;
    border-radius: 5px;
    font: normal normal 600 14px Raleway !important;
    letter-spacing: 0px !important;
    color: #000000 !important;
    height: 35px !important;

}

.disable-resize
{
    resize:none
}

.logoimg
{
width: 54px;
height: 45px;
}

.auth-title
{
font: normal normal bold 18px/21px Raleway;
letter-spacing: 0px;
color: #25BFBB;
}

.auth-subtitle
{

font: normal normal normal 20px/24px Raleway;
letter-spacing: 0px;
color: #595C5F;
}

.auth-forgotpass
{
color: #0077C8;
font: normal normal normal 12px/14px Raleway;
letter-spacing: 0px;


}

.auth-btn
{
background: #25BFBB 0% 0% no-repeat padding-box;
border-radius: 25px;
width: 90px;
height: 35px;
}
.auth-field
{
width: 260px;
}

.fa-eye:before {
    margin-left: -35px;
    cursor: pointer;
}
.fa-eye-slash:before {
    margin-left: -35px;
    cursor: pointer;
}

.hide {
   display: none;
}

.pointer
{
cursor:pointer;
}


.custom-width
{
   width: 100%;
}


@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1470px;
  }
}
@media only screen and (max-width: 991px) {
  .registerBg h6 {
    font-size: 20px;
  }
}
@media (max-width: 433px) {
  .btn {
    font-size: 10px !important;
  }

  .custommargin {
    margin-bottom: 8px !important;
    width: 137px !important;

  }
}
@media (max-width: 430px)
{
.btn{
font-size : 10px !important;
}
  div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
    padding-left: 15px;
    text-align: left;
  }
  div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
    padding-right: 15px;
  }
  .sff-table {
    padding: 20px 0px;
  }
  div.dataTables_wrapper div.dataTables_filter input {
    width: 169px;
  }
}

@media(max-width: 778px)
{

.custom-width
{
width:260px;
}
     .border-or {
    border-right: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px;
    margin-bottom: 15px;
  }
  .border-or:after {
    bottom: -18px;
    top: inherit;
    left: 0;
    margin: auto;
    width: 40px;
    right: 0;
    text-align: center;
  }
}


.padding5px
{
padding-top: 5px;
}


.circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 16px;
  font-family:Raleway;
  color: #fff;
  text-align: center;
  background: #0077C8
}


.modal-dialog {
    max-width: 90%;
    top: 0%;
    height: 80vh;
    display: flex;
}


#rc-imageselect, .g-recaptcha {
   display: inline; //the most important
}

#rc-imageselect{
   max-width: 100%;
}

.g-recaptcha>div>div{
   height: 78px;
   width: 7% !important;
   transform: scale(0.85);
   webkit-transform:scale(0.8);
   text-align: center;
   position: relative;
}