.clr--168ae6{color: #01678f !important;}
.clr--666{color: #666 !important;}
.clr--28363a{color: #28363a !important;}
.clr--96a2b4{color: #96a2b4 !important;}
.clr--fff{color: #fff !important;}
 
.fw--normal{font-weight: normal !important;}
.fw--500 {font-weight: 500 !important;}

.full-width, .w-100 {width: 100% !important;}
.w-150 {width: 150px !important;}
 
.fnt--11{font-size:11px!important;}
.fnt--13{font-size: 13px !important;}
.fnt--14, .fnt-14{font-size: 14px !important;}
.fnt--15{font-size: 15px !important;}
.fnt--16 {font-size: 16px !important;}
.fnt--17, .fnt-17{font-size: 17px !important;}

.mr-0 {margin-right: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-10 {margin-left: 10px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-15{margin-left: 15px;}
.mb-3 {margin-bottom: 3px !important;}
.mt-3{margin-top: 3px !important;}
.mt-15 {margin-top: 15px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.w-17 {width: 17px;}
.p-0 {padding:0px!important;}
.mr-10{margin-right: 10px !important;}
.mb-30{margin-bottom: 30px!important;}
.pb-100{ padding-bottom: 100px !important;}

.fs--0 {flex-shrink: 0 !important;} 

.textarea--label{ background: whitesmoke;} 
.img-width{width: 50px;} 

.cursor-pointer{cursor: pointer !important;}
.hide{display: none !important;}
textarea {resize: none !important; }
.relative {position: relative  !important;}

/* Tab */
.cust--tab{
  border: none;
}
.cust--tab .nav-link {
  border: none;
  background-color: transparent !important;  
}
.cust--tab .nav-link.active svg{
  color: #01678f;
}
.cust--tab .nav-link svg{
  width: 23px;
  height: 23px;
}
.cust--tab .nav-link:first-child{
  margin-right: 18px;
}

/* cust--floating--field (no border) */
.cust--floating--field.no--border .form-control{
  padding: 1.5rem 12px 12px 0;
  background-color: #fff !important;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 38px !important;
} 
.cust--floating--field.form-floating > .form-control:focus ~ label, 
.cust--floating--field.form-floating > .form-control:not(:placeholder-shown) ~ label, 
.cust--floating--field.form-floating > .form-select ~ label{
  z-index: 3 !important;
}
.cust--floating--field.no--border .floting--label{
  padding-left: 0 !important;
  left: 0 !important;
}
.cust--floating--field.no--border.form-floating > .form-control:focus ~ label, 
.cust--floating--field.no--border.form-floating > .form-control:not(:placeholder-shown) ~ label, 
.cust--floating--field.no--border.form-floating > .form-select ~ label{
  top: 19px !important;
}
  
/* Modal  */
.cust--modal--wrapper .modal-header {
    border: none;
}
.cust--modal--wrapper .modal-header .modal-title{
    font-size: 22px;
    font-weight: 500;
    color: #28363a;
}
.cust--modal--wrapper .modal-footer{
    justify-content: flex-start;
    border-top: none;
}

/* box--tab--structure */
.box--tab--structure {
	border: 1px solid #01678f;
    margin: 0 !important;
    border-radius: 5px;
	width: auto;
    padding: 0;
}
.box--tab--structure li{
	padding: 0;
}
.box--tab--structure li:first-child .nav-link{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0
}
.box--tab--structure li:last-child .nav-link{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0	
}

.box--tab--structure.nav-tabs .nav-item.show .nav-link, 
.box--tab--structure.nav-tabs .nav-link.active{
	background-color: #01678f;
	color: #fff;
}
.box--tab--structure.nav-tabs .nav-link{
	font-size: 14px;
	color: #28363a;
	margin: 0;
	padding: 7px 21px;
	border: none;
}

/* btn--red */
.btn--red{
    background: #f44336 !important;
}
.btn--red:hover{
    background: #ee291b !important;
}
.btn-round{
	background: #cfcfcf;
  border-radius: 50%;
  padding: 0;
  height: 30px;
  width: 30px; 
}
.btn-round svg{
  width: 20px;
  height: 20px;
  color: #fff;
}
.btn-round.reject--btn svg{
  width: 25px;
  height: 25px;
}
.btn-round.reject--btn.active {
  background-color: #f44336;
}
.btn-round.approve--btn.active{
  background-color: #73bca7;
}
  
/* Status box */
.status--box{
  border: 1px solid;
  font-size: 13px;
  padding: 2px 9px;
  border-radius: 3px;
}
.status--box.pending{
  border-color: #fd7e14;
  color: #fd7e14;
}
.status--box.cancelled{
  border-color: #f44336;
  color: #f44336;
}
.status--box.approval{
  border-color: #73bca7;
  color: #73bca7;
}
.status--box.complete{
  border-color: #28a745;
  color: #28a745;
}
.status--box.upcoming{
  border-color: #6f42c1;
  color: #6f42c1;
}


@media only screen and (max-width: 599px) {
  .cust--modal--wrapper .modal-header .modal-title {
    font-size: 17px; 
  }
}