body{
  color:#060930;
  font-family: 'Noto Sans KR', sans-serif;
}
#content{
  background-color: #e9eaf2;
}

#section-heading{
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 1.8rem;
  color: #0a043c;
}

/* login page styling */
.cursive-font{
  font-family: 'Yellowtail', cursive;
  font-size: 3rem;
  color: #0a043c;
}

/* modal styling */

.modal-header{
  background-color: #14274e;
}

.accordion .card-header{
  background-color: #4263a6;
}


/* end of modal styling */

/* card styling */
.card-header{
  background-color: #14274e;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 300;
}

table{
  color: black;
  font-size: 0.8rem;
  width: 100%;
  /* table-layout: fixed;
  word-wrap: break-word; */
}

.form-group.required .control-label:after {
   content:"*";
   color:red;
}

.legend-size{
  width:10px;
  height:10px;
}
/* sidebar */
.sidebar{
  background-color: #0a043c;
}

.sidebar-dark .nav-item, .fa-bars{
  color: rgba(0, 0, 0, 0.8);
}

.blue-btn{
  background-color: #0a043c;
  border-color: #0a043c;
}

.blue-btn:hover{
  background-color: #0f0657;
  border-color: #0f0657;
}

.edit{
  background-color: rgb(3, 80, 111);
  border-color: rgb(3, 80, 111);
}

.edit:hover{
  background-color: #03445e;
  border-color: #03445e;
}

.btn-danger{
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.btn-purple{
  background-color: #52057b;
  border-color: #52057b;
}

.btn-purple:hover{
  background-color: #6e07a6;
  border-color: #6e07a6;
}

.btn-lightpurple{
  background-color: #892cdc;
  border-color: #892cdc;
}

.btn-lightpurple:hover{
  background-color: #aa56f5;
  border-color: #aa56f5;
}

.btn-magenta{
  background-color: #c060a1;
  border-color: #c060a1;
}

.btn-magenta:hover{
  background-color: #ed77c7;
  border-color: #ed77c7;
}

.btn-pastelblue{
  background-color: #a1cae2;
  border-color: #a1cae2;
}

.btn-pastelblue:hover{
  background-color: #0287ba;
  border-color: #0287ba;
}

.btn-lightblue{
  background-color: #546a98;
  border-color: #546a98;
}

.btn-lightblue:hover{
  background-color: #8092b9;
  border-color: #8092b9;
}

.more-btn{
  background-color: white;
  border: none;
}
.more-options{
  color:#03445e

}

/* dashboard */
.dashboard-btn:hover{
  background-color: #e9eaf2;
}

.text-blue{
  color: #0a043c;
}

#expiry-shortcut{
  background-color: #282846;
}

#expiry-shortcut p{
  font-size: 1.5rem;
  /* font-weight: : 300; */
}

#search-date-btn,#search-agent-btn, #search-company-btn{
  color: black !important;
}

#search-date-section{
  background-color: #726a95;
}

/* agent loan details */

.title{
  font-family: 'Noto Sans KR', sans-serif;

}

/* switch agent modal */
#switchagentmodal .modal-content{
  height: 60%;
  width: 60%;
}

/* img modal */
.img-toggle{
  cursor: pointer;
  max-width: -webkit-fill-available;
}

#imgmodal{
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* table row actions button -hide */
.action-dropdown{
  display: none;
}

/* remove button documents */
.remove_btn_doc{
  width: fit-content;
}

/* nav bar heading */
.collapse-header{
  text-align: left !important;

}
/* stepper header */

@media (max-width: 1200px) {

  .bs-stepper-header{
    display: block;
  }

}

@media (min-width: 780px) and (max-width: 1024px) {
  body{
    font-size: 1.2rem;
  }
  .bs-stepper-label{
    font-size: 1.4rem;
  }

}
/* table row actions */

@media (max-width: 1024px) {
  .action{
    display: none;
  }
  .action-dropdown{
    display: inline-block;
  }
  .dropdown-menu-stop{

  }
  .nav-name{
    font-size: 1.2rem !important;
  }
  .nav-name-long{
    font-size: 1.1rem !important;
  }

  .sidebar-heading{
    font-weight: 400 !important;
    font-size: 1rem !important;
  }

  table{
    font-size: 1.3rem;
  }

  .center{
    margin: 30% auto;
  }
}

@media (max-width: 768px) {
  table{
    font-size: 1rem;
  }

}
/* document download button */
.file {
  position: relative;
  overflow: hidden;
}
.input-file {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

/* balnace sheet styling */
.total{
  font-size: 1.2rem;
}

.table-heading{
  font-size: 1rem;
}

/* stop loan page styling */
.hide-content{
  display: none;
}

thead input {
  font-size: 0.55rem;
  width: 100% !important;
  border: 1px solid #d1d3e2;
  border-radius: .35rem;
  padding: .375rem .75rem;
}

/* table button styling */
.dt-button{
  background-color: #d4d0dc !important;
  border: 1px solid #d4d0dc !important;
  border-radius: 5px !important;
}

.ui-autocomplete {
  z-index: 1052 !important;
}