@import url('https://fonts.googleapis.com/css2?family=Inter&family=Work+Sans:wght@300;400;500;600&display=swap');
/*travel-buddy*/
.form-control:focus{
  box-shadow: none;
}
.travel-blog{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
   
  }
  .travel-blog .single-travel-event{
    width:245px;
    max-width:245px;
    flex:0 0 245px;
    background: #fff;
    border-radius: 10px;
    margin-bottom:30px;
    margin-right:13px;
  }
  .travel-blog .single-travel-event:nth-of-type(3n){
    margin-right:0px;
  }
  .travel-blog .single-travel-event .heading{
    padding:17px 17px 8px;
    display: inline-block;
    width:100%;
  }
  .travel-blog .single-travel-event .heading button{
    padding:0px;
    text-align: left;
  }
  .travel-blog .single-travel-event .heading h4{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #021948;
    min-height: 30px;
  }
  .travel-blog.trip .single-travel-event .heading h4{
    width:91%;
    float: left;
  }
  .travel-blog .single-travel-event .heading ul{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:100%;
  }
  .travel-blog .single-travel-event .heading ul li{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #666666;
  }
  .travel-blog .single-travel-event .heading ul li b{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #021948;
    padding-left:4px;
  }
  .travel-blog.trip .single-travel-event .heading .edit-section{
    float: right;
    width:8%;
  }
  .travel-blog.trip .single-travel-event .heading .edit-section i{
    color:#666666;
  }
  .travel-blog.trip .single-travel-event .heading button{
    padding:0px;
  }
  .travel-blog .single-travel-event .image-section{
    position: relative;
  }
  .travel-blog .single-travel-event .image-section button{
    padding:0px;
    font-size: inherit;
  }
  .travel-blog .single-travel-event .image-section .heart{
    position: absolute;
    top:10px;
    right:19px;
    background: #FFFFFF;
    border-radius: 20px;
    padding:4px 8px;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
  }
  .travel-blog .single-travel-event .image-section .heart.active i{
    color:#FF6161;
  }
  .travel-blog .single-travel-event .image-section .heart i{
    color:#666666;
  }
  .travel-blog .single-travel-event .image-section .heart span{
    padding-right:4px;
  }
  .travel-blog .single-travel-event .image-section img{
    width:100%;
  }
  .travel-blog .single-travel-event .name img{
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit: cover;
    object-position: center;
    margin-right:8px;
    border: 1px solid #FFFFFF;
    float: left;
  }
  .travel-blog .single-travel-event .invite-candidate{
    padding:0px 17px 17px;
    text-align: center;
  }
  .travel-blog .single-travel-event .invite-candidate button{
    background: #D9D9D9;
    border-radius: 8px;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14.2857px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    padding:12px 0px 10px 0px;
    width:100%;
    border:none;
  }
  .travel-blog .single-travel-event .invite-candidate button.active{
    background: #2643E6;
  }
  .travel-blog .single-travel-event .name p{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin:0px;
    float: left;
  }
  .travel-blog .single-travel-event .name{
    position: absolute;
    bottom:8px;
    left:17px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .travel-blog .single-travel-event .name p span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
  }
  .travel-blog .single-travel-event .details ul.date{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:8px 14px 8px 17px;
    border-bottom: 1px solid #DDE1F6;
  }
  .travel-blog .single-travel-event .details ul.date li{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #021948;
  }
  .travel-blog .single-travel-event .details ul li i{
    color:#99ADBE;
    margin-right:1px;
  }
  .travel-blog .single-travel-event .split-costs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:8px 15px 17px 15px;
  }
  .travel-blog .single-travel-event .split-costs li{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #666666;
  }
  .travel-blog .single-travel-event .split-costs li span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #021948;
    padding-left:2px;
  }
  .travel-search{
    display: inline-block;
    width:100%;
    border-bottom: 3px solid #DDE1F7;
    padding:25px 0px;
    border-top: 1px solid #DDE1F7;
  }
  .travel-search .middle-section{
    width:1380px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .travel-search .middle-section .destination{
    width:182px;
    float: left;
    padding-right:30px;
    border-right:1px solid #DDE1F6;
  }
  .travel-search .middle-section .destination img{
    float: left;
  }
  .travel-search .middle-section .destination select{
    width:129px;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #666666;
    border:none;
    float: left;
  }
  .travel-search .middle-section .calendar{
    padding:0px 10px 0px 30px;
    border-right:1px solid #DDE1F6;
    width:431px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .travel-search .middle-section .calendar span.title{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #666666;
    margin-right:12px;
    width: auto;
    border: none;
    padding: 0px;
  }
  .travel-search .middle-section .title{
    width:211px;
    padding-right:30px;
    border-right:1px solid #DDE1F6;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .travel-search .middle-section .title img{
    float: left;
  }
  .travel-search .middle-section .title input{
    border:none;
    height: auto;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #666666;
    width:150px;
    float: left;
  }
  .travel-search .middle-section  #countryListsearch, #countryList{
    position: absolute;
    width: 190px;
    top: 40px;
  }
  .travel-search .middle-section  #countryListsearch ul, #countryList ul{
    max-height: 300px;
    overflow-y: auto;
  }
  /* width */
  .travel-search .middle-section  #countryListsearch ul::-webkit-scrollbar , #countryList::-webkit-scrollbar{
  width: 5px;
}

/* Track */
.travel-search .middle-section  #countryListsearch ul::-webkit-scrollbar-track, #countryList::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.travel-search .middle-section  #countryListsearch ul::-webkit-scrollbar-thumb, #countryList::-webkit-scrollbar-thumb {
  background: #2643E6; 
}

#listnotify{
  max-height:408px;
  overflow-y: auto;
}
#listnotify a{
  padding:0px;
  width:100%;
}
#listnotify::-webkit-scrollbar{
  width: 5px;
}

/* Track */
#listnotify::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#listnotify::-webkit-scrollbar-thumb {
  background: #2643E6; 
}
  .travel-search .middle-section  #countryListsearch ul li, #countryList ul li{
    padding: 2px 12px;
    cursor: pointer;
    width: 100% !important;
  }
  .travel-search .middle-section .calendar input{
    width:100%;
    border:none;
    height: auto;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #666666;
    background: transparent;
    position: relative;
    padding-right: 20px;
  }
  .travel-search .middle-section .calendar .input-group-addon{
    position: absolute;
    right: 6px;
    top: 5px;
  }
  .travel-search .middle-section .calendar input::placeholder{
    color: #BEBEBE;
  }
  .travel-search .middle-section .looking-for{
    width:178px;
    float: left;
    padding:0px 24px;
    border-right:1px solid #DDE1F6;
  }
  .travel-search .middle-section .looking-for select{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #666666;
    border:none;
    width:100%;
    -webkit-appearance: inner-spin-button;
  }
  .travel-search .middle-section .age{
    width:120px;
    float: left;
    padding:0px 30px;
    border-right:1px solid #DDE1F6;
  }
  .travel-search .middle-section .age select, .travel-search .middle-section .budget select, .travel-search .middle-section .split-costs select{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #666666;
    border:none;
    width:100%;
    -webkit-appearance: inner-spin-button;
    padding:0px;
  }
  .travel-search .middle-section .budget{
    width:158px;
    float: left;
    padding:0px 30px;
    border-right:1px solid #DDE1F6;
  }
  .travel-search .middle-section .budget input{
    width:100% !important;
    border:none;
    height: auto;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #666666;
    padding:0px;
  }
  .travel-search .middle-section .split-costs{
    width:158px;
    float: left;
    padding:0px 30px;
  }
  .travel-search .middle-section .clear-all button{
    background: #2643E6;
    border-radius: 100px;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding:10px 32px 11px 33px;
    border:none;
  }
  .modal.trip-details .modal-dialog{
    width:600px;
    max-width:600px;
    margin:0 auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal.trip-details .modal-dialog .modal-header{
    padding:24px 15px 16px 24px;
    position: relative;
    border:none;
  }
  .modal.trip-details .modal-dialog .modal-header h4{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #021948;
  }
  .modal.trip-details .modal-dialog .modal-header button{
    position: absolute;
    top:15px;
    right:10px;
  }
  .modal.trip-details .modal-body{
    padding:0px;
  }
  .modal.trip-details .modal-body .image{
    width:380px;
    float: left;
    position: relative;
  }
  .modal.trip-details .modal-body .image-section{
    display: flex;
    flex-wrap: wrap;
  }
  .modal.trip-details .modal-body .image-section .heart{
    position: absolute;
    top:10px;
    right:19px;
    background: #FFFFFF;
    border-radius: 20px;
    padding:4px 8px;
  }
  .modal.trip-details .modal-body .image-section .heart.active i{
    color:#FF6161;
  }
  .modal.trip-details .modal-body .image-section .heart i{
    color:#666666;
  }
  .modal.trip-details .modal-body .image-section img{
    width:100%;
    height: 290px;
    object-fit: cover;
    object-position: center;
  }
  .modal.trip-details .modal-body .image-section .name img{
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit: cover;
    object-position: center;
    margin-right:8px;
    border: 1px solid #FFFFFF;
    float: left;
  }
  .modal.trip-details .modal-body .image-section p{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin:0px;
    float: left;
  }
  .modal.trip-details .modal-body .image-section .name{
    position: absolute;
    bottom:8px;
    left:17px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .modal.trip-details .modal-body .image-section p span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
  }
  .modal.trip-details .modal-body .details{
    background:#021948;
    padding:19px 20px;
    width:218px;
    float: left;
  }
  .modal.trip-details .modal-body .details li{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding-bottom:13px;
    width:100%;
  }
  .modal.trip-details .modal-body .details li:last-child{
    padding-bottom:0px;
  }
  .modal.trip-details .modal-body .details li span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #B5C7D7;
    padding-right:4px;
  }
  .modal.trip-details .description{
    display: inline-block;
    width:100%;
    padding:15px 24px 32px;
  }
  .modal.trip-details .description p{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #021948;
    margin-bottom:15px;
  }
  .modal.trip-details .description span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #021948;
  }
  .modal.trip-details .description ul{
    margin-bottom:15px;
  }
  .modal.trip-details .description ul li{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #021948;
    position: relative;
    padding-left:10px;
  }
  .modal.trip-details .description ul li:before{
    content: "";
    position: absolute;
    width: 5px;
    height: 1px;
    background: rgb(2 25 72 / 50%);
    left: 0px;
    top: 8px;
  }
  .modal.trip-details .description .chat-option{
    margin-top:24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .modal.trip-details .description .chat-option button{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    background: #2643E6;
    border-radius: 100px;
    padding:8px 16px;
    border:none;
  }
  .input-group-text{
    padding:0px;
    background: transparent;
    border:none;
  }
  .travel-search .input-group{
    width:136px;

  }
  /*travel-buddy*/
  /*create-trip*/
  .nursing-field.travel .left-part{
    width:230px;
    float: left;
    margin-right:30px;
  }
  .nursing-field.travel .basic-part{
    width:1100px;
    float: left;
  }
  .nursing-field.travel .basic-part h1{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 132%;
    color: #262626;
    margin-bottom:8px;
  }
  .nursing-field.travel .basic-part.creating .box{
    width:100%;
    padding:32px 31px 30px;
  }
  .nursing-field.travel .basic-part.creating label, .modal.edit-trip .modal-dialog label{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    margin-bottom:8px;
    display: block;
    width:100%;
  }
  .nursing-field.travel .basic-part.creating .form-group, .modal.edit-trip .modal-dialog .form-group{
    margin:0px 18px 16px 0px;
    float: left;
  }
  .nursing-field.travel .basic-part.creating input, .nursing-field.travel .basic-part.creating select, .modal.edit-trip .modal-dialog input, .modal.edit-trip .modal-dialog select{
    background: #FFFFFF;
    border: 1px solid #BCC2E1;
    border-radius: 5px;
    width:100%;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #666666;
    height:48px;
    padding:14px 16px;
  }
  .nursing-field.travel .basic-part.creating textarea, .modal.edit-trip .modal-dialog textarea{
    resize: none;
    background: #FFFFFF;
    border: 1px solid #BCC2E1;
    border-radius: 5px;
    width:100%;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #666666;
    padding:14px 16px;
    height:140px;
  }
  .nursing-field.travel .basic-part.creating .select-section, .modal.edit-trip .modal-dialog .select-section{
    position: relative;
  }
  .nursing-field.travel .basic-part.creating .select-section:after, .modal.edit-trip .modal-dialog .select-section:after{
    content: "";
    position: absolute;
    border-left: 2px solid #666666;
    border-bottom: 2px solid #666666;
    transform: rotate(-45deg);
    width: 8px;
    height: 8px;
    right: 14px;
    top: 18px;
  }
  .nursing-field.travel .basic-part.creating select, .modal.edit-trip .modal-dialog .select-section select{
    -webkit-appearance:none;
  }
  .nursing-field.travel .basic-part.creating .trip-title{
    width:100%;
  }
  .nursing-field.travel .basic-part.creating .state, .nursing-field.travel .basic-part.creating .city{
    width:264px;
  }
  .nursing-field.travel .basic-part.creating .from{
    width:175px;
  }
  .nursing-field.travel .basic-part.creating .to{
    width:175px;
  }
  .nursing-field.travel .basic-part.creating .date{
    width:86px;
  }
  .nursing-field.travel .basic-part.creating .looking-for{
    width:160px;
  }
  .nursing-field.travel .basic-part.creating .mates{
    width:95px;
  }
  .nursing-field.travel .basic-part.creating .languages-known{
    width:369px;
  }
  .nursing-field.travel .basic-part.creating .budget{
    width:227px;
  }
  .nursing-field.travel .basic-part.creating .budget .select-section:after{
    border:none;
  }
  .nursing-field.travel .basic-part.creating .split-cost{
    width:122px;
    margin-right:0px;
  }
  .nursing-field.travel .basic-part.creating .travel-companion, .nursing-field.travel .basic-part.creating .upload-image{
    width:100%;
    margin-right:0px;
  }
  .nursing-field.travel .basic-part.creating .upload-image{
    width:302px;
    margin-right:0px;
  }
  .nursing-field.travel .basic-part.creating .date input[type="checkbox"], .modal.edit-trip .modal-dialog input[type="checkbox"]{
    opacity: 0;
  }
  .nursing-field.travel .basic-part.creating .date label.anytime, .modal.edit-trip .modal-dialog label.anytime{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #262626;
    position: relative;
    padding-left:25px;
  }
  .nursing-field.travel .basic-part.creating .date label.anytime::before, .modal.edit-trip .modal-dialog label.anytime:before {
    content: "";
    position: absolute;
    width:20px;
    height:20px;
    border: 1px solid #BCC2E1;
    border-radius: 20px;
    top:0px;
    left:0px;
  }
  .nursing-field.travel .basic-part.creating .date input[type="checkbox"]:checked + label.anytime:after, .modal.edit-trip .modal-dialog input[type="checkbox"]:checked + label.anytime:after{
    content:"";
    position: absolute;
    width:10px;
    height:10px;
    background: #021948;
    border-radius: 20px;
    top:5px;
    left:5px;
  }
  .nursing-field.travel .basic-part.creating .file-upload, .modal.edit-trip .modal-dialog .file-upload{
    position: relative;
  }
  .nursing-field.travel .basic-part.creating input[type="file"], .modal.edit-trip .modal-dialog input[type="file"]{
    opacity: 0;
    position: absolute;
    z-index: 100;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
  }
  .nursing-field.travel .basic-part.creating .file-upload span, .modal.edit-trip .modal-dialog .file-upload span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    display: block;
    background: #F7F7F7;
    padding: 15px 31px;
  }
  .nursing-field.travel .basic-part.creating .save-button{
    margin-top:40px;
  }
  .modal.edit-trip .modal-dialog .save-button{
    display: inline-block;
    width:100%;
    margin-top:23px;
  }
  .nursing-field.travel .basic-part.creating .save-button button, .modal.edit-trip .modal-dialog .save-button button {
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #2643E6;
    border-radius: 100px;
    padding:10px 25px;
    border:none;
  }
  .nursing-field.travel .basic-part.creating .uploaded-section, .modal.edit-trip .modal-dialog .uploaded-section{
    width:103px;
    position: relative;
  }
  .nursing-field.travel .basic-part.creating .uploaded-section .close, .modal.edit-trip .modal-dialog .uploaded-section .close{
    position: absolute;
    top: -12px;
    right: -6px;
    opacity: 1;
  }
   /*create-trip*/
/*my-trips*/
.modal.edit-trip .modal-dialog{
  width: 1000px;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.modal.edit-trip .modal-dialog h4{
   display: inline-block;
   margin:0px;
}
.modal.edit-trip .separate-section{
  display: inline-block;
  width:100%;
}
.modal.edit-trip .modal-dialog label{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
}
.modal.edit-trip .modal-dialog .title{
  width:502px;
}
.modal.edit-trip .modal-dialog .city{
  width:213px;
}
.modal.edit-trip .modal-dialog .date{
  width:126px;
}
.modal.edit-trip .modal-dialog .from, .modal.edit-trip .modal-dialog .to{
  width:208px;
}
.modal.edit-trip .modal-dialog .looking-for{
   width:168px;
}
.modal.edit-trip .modal-dialog .mate{
    width:86px;
 }
 .modal.edit-trip .modal-dialog .budget{
    width:214px;
 }
 .modal.edit-trip .modal-dialog .split-cost{
    width:122px;
 }
 .modal.edit-trip .modal-dialog .languages-known{
    width:376px;
 }
 .modal.edit-trip .modal-dialog .travel-companion{
    width:100%;
    margin-right:0px;
 }
 /*my-trips*/
 /*interested-candidates*/
 .modal.interested-candidates .modal-dialog{
    width:408px;
    max-width:408px;
    margin:0 auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
 }
 .modal.interested-candidates .modal-dialog h4{
    display: inline-block;
    margin:0px;
 }
 .modal.interested-candidates .modal-dialog ul li{
    width:100%;
    padding-bottom:12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
 .modal.interested-candidates .modal-dialog ul li button{
    padding:0px;
    width: 50%;
    float: left;
    text-align: left;
 }
 .modal.interested-candidates li button img{
    width:32px;
    height:32px;
    border-radius: 50%;
    margin-right:8px;
    object-fit: cover;
    object-position: center;
 }
 .modal.interested-candidates li button span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #262626;
 }
 .modal.interested-candidates li .right-section{
    width: 50%;
    float: left;
    text-align: right;
 }
 .modal.interested-candidates li .right-section span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #666666;
 }
 .modal.interested-candidates li .right-section .icon{
    border: 1px solid #666666;
    padding:4px 4px;
    margin-left:8px;
    border-radius:50%;
    width:12px;
    height:12px;
    border-bottom-left-radius: 0px;
 }
 .modal.interested-candidates li .right-section i{
    color:#666666;
    font-size:12px;
 }
 .modal.interested-candidates li .right-section.active i{
   color:#33AE74;
 }
 .modal.interested-candidates li .right-section.active .icon{
    border: 1px solid #33AE74;
 }
 .modal.interested-candidates li .right-section.active span{
    color:#33AE74;
 }
 /*interested-candidates*/
 /*view-profile*/
 .modal.trip-partner .modal-dialog{
   width:600px;
   max-width:600px;
   height: 100%;
   margin:0 auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
 }
 .modal.trip-partner .modal-dialog .modal-header{
   background: #021948;;
 }
 .modal.trip-partner .close{
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
    font-weight: 100;
    font-size: 30px;
 }
 .modal.trip-partner .user-details{
   padding:32px 0px 24px 0px;
   text-align: center;
 }
 .modal.trip-partner .user-details img{
    width:120px;
    height:120px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-bottom:8px;
 }
 .modal.trip-partner .user-details h3{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom:4px;
 }
 .modal.trip-partner .user-details span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
 }
 .modal.trip-partner .user-locations{
    padding:24px 29px 24px 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    border-top: 1px solid #133069;
 }
 .modal.trip-partner .user-locations .status:first-child{
    width:66px;
    max-width:66px;
    flex:0 0 66px;
 }
 .modal.trip-partner .user-locations .status:nth-of-type(2){
  width:59px;
  max-width:59px;
  flex:0 0 59px;
}
.modal.trip-partner .user-locations .status:nth-of-type(3){
  width:115px;
  max-width:115px;
  flex:0 0 115px;
}
.modal.trip-partner .user-locations .status:last-child{
  width:125px;
  max-width:125px;
  flex:0 0 125px;
}
 .modal.trip-partner .user-locations .status label{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #B0D2DC;
    margin-bottom:4px;
    display: block;
 }
 .modal.trip-partner .user-locations .status span{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
 }
 .modal.trip-partner .modal-body{
   padding:24px 25px 40px;
 }
 .modal.trip-partner .hobbies{
   margin-bottom:24px;
 }
 .modal.trip-partner .hobbies:last-child{
   margin-bottom:0px;
 }
 .modal.trip-partner .hobbies h4{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #021948;
 }
 .modal.trip-partner .hobbies ul li{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #666666;
    background: #FFFFFF;
    border: 1px solid #BCC2E1;
    border-radius: 40px;
    padding:6px 12px;
    display: inline-block;
    margin-right:8px;
 }
 /*view-profile*/
/*invitation-sent*/
.basic-part.travel-invitation h1{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 132%;
  color: #262626;
  margin:0px;
}
.basic-part.travel-invitation table thead tr th:nth-of-type(2), .basic-part.travel-invitation table tbody tr td:nth-of-type(2){
  width:230px;
}
.basic-part.travel-invitation table thead tr th:nth-of-type(5), .basic-part.travel-invitation table tbody tr td:nth-of-type(5){
  width:200px;
}
.basic-part.travel-invitation table thead tr th:last-child, .basic-part.travel-invitation table tbody tr td:last-child{
  text-align: center;
  width:90px;
}
.basic-part.travel-invitation table tbody tr td:last-child i.fa-eye{
  color:#1A7BFF;
}
.basic-part.travel-invitation table thead tr th:nth-last-child(2), .basic-part.travel-invitation table tbody tr td:nth-last-child(2){
  text-align: center;
}
.basic-part.travel-invitation table tbody tr td:nth-last-child(2) i{
  border: 1.3px solid #99ADBE;
  width:17px;
  height:17px;
  border-radius: 50%;
  padding:2px;
  font-size: 10px;
  color:#99ADBE;
}
.basic-part.travel-invitation table tbody tr td:nth-last-child(2) i.fa-check{
  border: 1.3px solid #33AE74;
  color: #33AE74;
}
.basic-part.travel-invitation table tbody tr td:nth-of-type(2) img{
  width:32px;
  height:32px;
  margin-right:12px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  float: left;
} 
.basic-part.travel-invitation table tbody tr td:nth-of-type(2) button{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.basic-part.travel-invitation table tbody tr td:nth-of-type(2) button span{
  width:calc(100% - 44px);
  float: left;
  text-align: left;
}
.basic-part.travel-invitation table tbody tr td{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
/*invitation-sent*/
/*invite-travellers*/
.middle-part.invite-travellers h1{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 132%;
  color: #262626;
  margin-bottom:18px;
}
.middle-part.invite-travellers .travellers-list{
  display: flex;
  flex-wrap: wrap;
}
.middle-part.invite-travellers .single-traveller{
  background: #FFFFFF;
  border: 1px solid #DDE1F6;
  box-shadow: 0px 1px 0px rgba(2, 25, 72, 0.1);
  border-radius: 10px;
  margin:0px 30px 30px 0px;
  width:170px;
  max-width:170px;
  flex:0 0 170px;
}
.middle-part.invite-travellers .single-traveller:nth-of-type(4n){
  margin:0px 0px 30px 0px;
}
.middle-part.invite-travellers .single-traveller img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 170px;
  height: 170px;
  object-fit: cover;
  object-position: center;
}
.middle-part.invite-travellers .single-traveller .details{
  padding:8px;
}
.middle-part.invite-travellers .details p{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #021948;
  margin:0px 0px 4px 0px;
}
.middle-part.invite-travellers .details ul{
  margin-bottom:16px;
}
.middle-part.invite-travellers .details ul li{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #666666;
  padding-bottom:4px;
  width:73px;
  display: inline-block;
}
.middle-part.invite-travellers .details ul li:last-child{
  width:100%;
  padding-bottom:0px;
}
.middle-part.invite-travellers .details ul li span{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #021948;
  padding-left:4px;
}
.middle-part.invite-travellers .details .invite{
  background: #BCC2E1;
  border-radius: 8px;
  border:none;
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14.2857px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
  padding:12px 0px 10px 0px;
  width:100%;
}
.middle-part.invite-travellers .details .invite.active{
  background: #2643E6;
}
.location.travellers{
  display: inline-block;
  width:100%;
}
.location.travellers .city{
  width:100%;
  margin-bottom:16px;
}
.location.travellers .sex{
  width:54%;
  float: left;
  margin-right:16px;
}
.location.travellers .age{
  width:39%;
  float: left;
}
.location.travellers .selection, .modal.upload-id .selection{
  position: relative;
}
.location.travellers .selection:after, .modal.upload-id .selection:after{
  content: "";
  position: absolute;
  border-left: 2px solid #666666;
  border-bottom: 2px solid #666666;
  transform: rotate(-45deg);
  width: 8px;
  height: 8px;
  right: 14px;
  top: 18px;
}
.location.travellers select{
  background: #FFFFFF;
  border: 1px solid #BCC2E1;
  border-radius: 5px;
  height:48px;
  padding:15px 14px 14px 16px;
  -webkit-appearance:none;
  width:100%;
}
.location.travellers select option{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #262626;
}
/*invite-travellers*/
/*myprofile*/
.basic-part.travel .address .skills{
  background: #FFFFFF;
  border: 1px solid #BCC2E1;
  border-radius: 40px;
  padding:8px 16px;
}
.basic-part.travel .address .basic-detail{
  display: inline-block;
  width:100%;
}
.modal.upload-id .form-group:nth-of-type(odd){
   margin-right:14px;
   float: left;
}
.modal.upload-id .form-group.languages-known{
  width:100%;
  margin-right:0px;
}
/*.modal.upload-id .form-group.dob{
  width:206px;
}*/
.modal.upload-id .form-group select{
  -webkit-appearance:none;
}
.modal.upload-id .edit-form{
  justify-content: flex-start;
}
.modal.upload-id .skills-list{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}
.modal.upload-id .modal-body .post-section .save{
  font-weight: 500;
}
/*myprofile*/
.nursing-field .inbox ul li.active .blue-icon{
  display: none;
}
.nursing-field .inbox ul li .white-icon{
  display: none;
}
.nursing-field .inbox ul li.active .white-icon{
  display: block;
}
#loadprofile{
  display: inline-block;
  width:100%;
}
/*delete-account*/
.modal.edit-account .post-section button.manage-account{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #021948;
  border: 2px solid #2643E6;
  border-radius: 100px;
  padding:10px 33px;
  margin-left:13px;
  background: transparent;
}
.modal.delete-account .modal-dialog, .modal.conformation-mssg .modal-dialog{
  height: 100%;
  margin: 0px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.modal.delete-account .modal-content{
  max-width:540px;
  width:540px;
}
.modal.delete-account h4{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  margin:0px;
  display: inline-block;
}
.modal.delete-account .modal-body{
  padding:13px 18px 33px;
}
.modal.delete-account .modal-body p{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #262626;
  margin-bottom:24px;
}
.modal.delete-account .modal-body ul li{
  padding:0px 0px 24px 30px;
  position: relative;
}
.modal.delete-account .modal-body ul li:last-child{
  padding:0px 0px 0px 30px;
}
.modal.delete-account .modal-body ul li input[type="radio"]{
  appearance: none;
  background-color: initial;
  cursor: default;
  padding: initial;
  margin: initial;
  border: initial;
  display: inline;
}
.modal.delete-account .modal-body ul li input[type="radio"]:before{
  content:"";
  position: absolute;
  border: 1px solid #BCC2E1;
  border-radius: 20px;
  width:20px;
  height:20px;
  left:0px;
  top:0px;
}
.modal.delete-account .modal-body ul li input[type="radio"]:checked:after{
  content:"";
  position: absolute;
  width:10px;
  height:10px;
  background: #021948;
  border-radius:50%;
  left:5px;
  top:5px;
}
.modal.delete-account .modal-body ul li h5{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #262626;
  margin-bottom:4px;
}
.modal.delete-account .modal-body ul li span{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #262626;
}
.modal.delete-account .post-section{
  text-align: center;
  margin-top:27px;
}
.modal.delete-account .post-section button{
  border: 2px solid #2643E6;
  border-radius: 100px;
  background: transparent;
}
.modal.delete-account .post-section button.cancel{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #021948;
  width:120px;
  padding:10px 0px;
}
.modal.delete-account .post-section button.continue{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
  background: #2643E6;
  width:120px;
  padding:10px 0px;
  margin-left:16px;
}
.modal.delete-account .modal-body.reasons li{
  padding-bottom:11px;
  width:100%;
}
.modal.delete-account .modal-body.reasons ul li input[type="radio"]:before{
  top:2px;
}
.modal.delete-account .modal-body.reasons ul li input[type="radio"]:checked:after{
  top:7px;
}
.modal.delete-account .modal-body.reasons ul li textarea{
  width:100%;
  height:100px;
  resize: none;
  background: #FFFFFF;
  border: 1px solid #BCC2E1;
  border-radius: 5px;
  padding:4px;
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #262626;
  margin-top:8px;
}

@media only screen and (min-width:1300px) and (max-width:1439px){
  .travel-search .middle-section{
    width:1290px;
  }
.nursing-field.travel .basic-part{
    width:1070px;
}
.nursing-field.travel .left-part{
   width:200px;
   margin-right:20px;
}
.nursing-field.travel .basic-part.creating .state, .nursing-field.travel .basic-part.creating .city {
   width: 249px;
}
.nursing-field.travel .basic-part.creating .looking-for {
   width: 150px;
}
.nursing-field.travel .basic-part.creating .mates {
   width: 95px;
}
.nursing-field.travel .basic-part.creating .languages-known {
   width: 353px;
}
.middle-part.invite-travellers .single-traveller {
  margin: 0px 27px 30px 0px;
}
}