/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 8, 2015, 5:18:36 PM
    Author     : IS
*/

@media print {
  * {
    -webkit-print-color-adjust: exact;
  }
}

.anket-tbl th,
.anket-tbl td {
  padding: 5px;
}
.suggest-anket td {
  padding: 5px;
  width: 50%;
  text-align: right;
}

.action {
  background: #eee;
  border: solid 1px #eee;
  border-bottom: none;
}

.tdb-anket-form-control-bordered {
  color: #4d4d4d;
  width: 100%;
  line-height: 20px;
  border-radius: 0px;
  border: 1px solid #8e8e8e;
  border-right: none;
  background-color: #fff;
  padding: 9px 10px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  resize: none;
  height: 36px;
  border-top: none;
}

.tdb-anket-form-control-bordered-new {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #0095da;
  border-radius: 8px;
}

.tdb-anket-form-control-bordered-last {
  color: #4d4d4d;
  width: 100%;
  line-height: 20px;
  border-radius: 0px;
  border: 1px solid #8e8e8e;
  background-color: #fff;
  padding: 9px 10px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  resize: none;
  height: 36px;
  border-top: none;
}

.class8-21 {
  border-top: none;
}

.class8-22 {
  border-left: none;
  border-top: none;
}

.tdb-anket-form-control {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1.5px dotted #5b5d5f5e;
  padding: 5px 5px;
  outline: none;
  width: 100%;
}
.tdb-anket-form-control-new {
  width: 100%;
  padding: 6px 20px;
  /* margin: 8px 0; */
  box-sizing: border-box;
  border: 2px solid #0095da;
  border-radius: 8px;
}

.tdb-anket-form-textarea-control {
  color: #4d4d4d;
  width: 100%;
  line-height: 20px;
  /* border-radius: 0px;
        border: 1px solid #8e8e8e; */
  background-color: #fff;
  padding: 9px 10px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  resize: none;
  border: none;
  border-bottom: 1.5px dotted #5b5d5f5e;
}
.tdb-anket-form-textarea-control12 {
  color: #4d4d4d;
  width: 100%;
  line-height: 20px;
  background-color: #fff;
  padding: 9px 10px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  resize: none;
  height: 80px;
}

.tdb-anket-form-control-submit {
  color: #fff;
  width: 100%;
  font-weight: bold;
  line-height: 20px;
  border-radius: 0px;
  border: 1px solid #0094da;
  background-color: #08a2ea;
  padding: 9px 10px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  resize: none;
  text-transform: uppercase;
}

.tdb-anket-form-control-submit:hover {
  color: #c2c2c2;
  border: 1px solid #c2c2c2;
  outline: none;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  resize: none;
}

.tdb-anket-bottom-bordered-title {
  /* border-bottom: 1px solid #0094da; */
  color: #0094da;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 17px;
  padding-left: 20px;
  padding-top: 15px;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-position: right 15px center;
  /* background-color:#0094da; */
  text-align: center;
  /* margin-bottom: 20px; */
  margin-top: 20px;
}

.tdb-anket-bottom-bordered-title-small {
  border-bottom: 1px solid #0094da;
  color: #0094da;
  font-size: 12px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-top: 10px;
  text-transform: uppercase;
  background-repeat: no-repeat;
}

.anket-select {
  color: #989898;
  width: 100%;
  line-height: 35px;
  /* border-radius: 0px; */
  /* border: 1px solid #8e8e8e; */
  border: none;
  background-color: #fff;
  padding: 0px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  resize: none;
  text-transform: uppercase;
  height: 35px;
}

.anket-tbl-header {
  border: 1px solid #3879c9;
  color: white;
  background-position: center center;
  background-repeat: no-repeat;
  /*border-right: 1px solid #3879c9;*/
  flex: 1 1 0;
  font-size: 11px;
  line-height: 15px;
  min-height: 58px;
  padding: 10px 3px;
  text-align: center;
  text-transform: uppercase;
  /* background: #d9edf7; */
}

.anket-tbl-bottom-border {
  /*border-bottom: 1px solid #eaeaea;*/
  padding: 0px;
  /*color: #0094da;*/
}

td i.fa-remove {
  /*position: absolute;*/
  /*display: inline-block;*/
  font-size: 16px;
  /*color: #a0a0a0;*/
  background-color: #eee;
  padding: 8px 13px;
  top: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

a.button.color,
input[type="button"],
a.button.light:hover,
.pagination ul li a.current-page {
  background-color: #0bb4f8;
}

a.button.color:hover {
  background-color: #ccc;
}

a.button {
  cursor: pointer;
  padding: 7px 14px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  outline: none;
  overflow: hidden;
  position: relative;
  z-index: 10;
  color: #fff;
  background-color: #a0a0a0;
  border: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.required {
  /* background-color: #f2dede !important; */
}

.anket_additionale_images {
  width: 100px;
  height: 100px;
}
.header_grad {
  background: linear-gradient(to right, #00aeef 0%, #0155a6 100%);
  height: auto;
  padding-top: 50px;
  width: 100%;
}
.left_white {
  height: 15vh;
  background: white;
  width: 75%;
  align-items: center;
  display: flex;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 0%,
    94% 15%,
    63% 90%,
    61% 94%,
    59% 97%,
    58% 98%,
    57% 99%,
    54% 100%,
    0% 100%,
    0% 100%
  );
  padding: 10vh 21vw 10vh 2vw;
}
.lw_on_logo {
  width: 110px;
  margin-top: 20px;
  margin-left: 90px;
  height: 140px;
  background: white;
  display: flex;
  align-items: center;
  text-align: center;
  border-style: dotted;
  border-width: 1px;
  padding-left: 27px;
}
.lw_on_logos {
  /* width: 110px; */
  margin-top: 20px;
  margin-left: 90px;
  height: 140px;
  background: white;
  display: flex;
  align-items: center;
  text-align: center;
  border-style: dotted;
  border-width: 1px;
  margin-bottom: 10px;
}
.bank_name_h2 {
  color: white;
  text-align: right;
  margin-right: 50px;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-Regular.eot");
  src: url("/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
.sanamj {
  color: white;
  text-align: start;
  margin-top: 70px;
  font-style: italic;
}
[placeholder]:focus::-webkit-input-placeholder {
  transition: text-indent 0.4s 0.4s ease;
  text-indent: -100%;
  opacity: 1;
}
.flo_left {
  float: left;
}
.df_aic {
  display: flex;
  align-items: center;
}
.p5 {
  padding: 5px 5px;
}
.bck_grad {
  background: linear-gradient(to right, #00aeef 0%, #0155a6 100%);
  color: white;
  text-align: center;
}
.brdr_sld td {
  border: 1px solid white;
}
.ps_rl_t_5 {
  position: relative;
  top: 2px;
}
.flo_rht {
  float: right;
}
.wid50 {
  width: 50%;
}
.brdrsld {
  border: 1px solid #8e8e8e;
}
.qpub {
  border: 1px solid #8e8e8e;
}
.textbox-lines {
  width: 100%;
  max-width: 100%;
  font-size: 12px;
  border: none;
  background-attachment: local;
  line-height: 30px;
  padding: 5px 10px;
  resize: none;
}
.margin-botton-0 {
  margin-bottom: 0;
}
.appstyle {
  border: 1px solid black;
  border-radius: 5px;
}
.color-white {
  color: white;
}
.pdd-bttm-acenter {
  padding-bottom: 0;
  text-align: center;
}
.tab {
  /* height: 68.3vh; */
}
.dInput {
  display: none;
  margin-top: 15px;
  justify-content: space-around;
}
.dInput1 {
  display: flex;
  margin-top: 2px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 4.6%;
}

.dInputButton {
  display: none;
  margin-top: 15px;
  justify-content: flex-end;
}

.input-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  width: 24%;
}

.input-wrapper label {
  min-width: 100px;
  text-align: left;
}

.input-wrapper input {
  width: 100%;
  padding: 6px 20px;
  box-sizing: border-box;
  border: 1px solid #0095da;
  border-radius: 8px;
  margin-top: 5px;
}

.collapsible {
  background-color: #d0effa;
  color: #0095da;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: "Roboto";
     font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.collapsible1 {
  background-color: #d0effa;
  color: #0095da;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: "Roboto";
     font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.collapsible1:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.collapsible2 {
  background-color: #d0effa;
  color: #0095da;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: "Roboto";
     font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.collapsible2:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.collapsible3 {
  background-color: #d0effa;
  color: #0095da;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: "Roboto";
     font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.collapsible3:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.collapsible4 {
  background-color: #d0effa;
  color: #0095da;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: "Roboto";
     font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.collapsible4:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.collapsible45 {
  background-color: #d0effa;
  color: #0095da;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family: "Roboto";
     font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.collapsible45:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.display-panel {
  padding: 10px; /* Add some padding for spacing */
  margin-bottom: 10px; /* Add margin to separate panels */
  border-radius: 8px;
}
.education-entry {
  position: relative; /* Make it a relative container for absolute positioning */
  border: 1px solid #0095da;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 8px;
  width: 57.7%;
  margin-left: 52px;
}

.close {
  position: absolute;
  top: 5px; /* Adjust top position as needed */
  right: 5px; /* Adjust right position as needed */
}
/* CSS for styling the text within the panel */
.display-text {
  font-size: 16px; /* Font size */
  color: #333; /* Text color */
}

.stepButton {
  background: linear-gradient(to right, #0bb4f8, #0770ee);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 17px;
  font-family: Raleway;
  cursor: pointer;
  margin-right: 25px;
  margin-bottom: 10px;
}
.stepButton:disabled { background: grey; }

.sendButton {
    background: linear-gradient(to right, #0bb4f8, #0770ee);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 12%;
    margin-top: 15px;
}
.successMsg {
  background: linear-gradient(to right, #00aeef 0%, #0155a6 100%);
  color: #ffffff;
  height: 80px;
  display: flex; /* Use flexbox to align image and text horizontally */
  align-items: center; /* Vertically center align the content */
  padding: 10px; /* Add padding for spacing */
}

.successMsg img {
  margin-right: 10px; /* Add margin between the image and text */
}

.successMsg span {
  font-size: 14px;
  flex-grow: 1; /* Allow text to take up remaining space */
}
#display-container {
    display: flex;
    flex-direction: column;
  }
#ajil-container {
    display: flex;
    flex-direction: column;
  }
#gadaadhel-container {
    display: flex;
    flex-direction: column;
  }
#avyas-container {
    display: flex;
    flex-direction: column;
  }
#fm-container {
    display: flex;
    flex-direction: column;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }

  #loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: none; /* Initially hide it */
    z-index: 9999; /* Ensure it's above other content */
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.red-asterisk::placeholder::before {
  content: " *";
  color: red;
}

[data-toggle="toggle"] {
  display: none;
}