/**
error message
 */
.error-message {
    display: block;
    width: 100%;
    color: red;
}

.message.success,
.message.error {
    text-align: center;
    color: red;
    margin-bottom: 5px;
}

/**
paging
 */
.pagination {
    float: right;
}
.pagination >li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    align-items: center;
    justify-content: center;
}
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    margin: 0 2px;
}

.pagination li.active a {
    background-color: #007bff;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}
.custom-label-require {
  border-radius: 0.25em;
  color: #fff;
  display: inline;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: 0.1em 0.5em;
  margin-left: 0.7em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #d9534f;
}
.font{
  color: red;
  font-size: 20px;
  padding-left: 10px;
}
.note{
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-style: italic;
  padding-left: 2%;
  padding-bottom: 20px;
}
#likeimg{
  width:30px;
  height:30px;
}
.like-bars{
  display: inline-flex;
}

.system-description-style{
  color: #bb3232;
  padding: .5rem 1rem;
  /* min-width: 200px; */

}
.bg-dark {
    background-color: #2557a7 !important;
}
.table td, .table th {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 18px;
}

.table{
  background-color: #FFFF;
}
.table-responsive {
 margin: 20px 10px 0px 0px;
}
.table .thead-light th {
  /* background: #3498db; */
  background: #0a40af;
  color: white;
  font-weight: bold;
  border-left:1px solid #3498db;
  white-space: nowrap;
  /* box-shadow: 5px 6px 15px #ddd; */
}
.table_mobi{
  display: none;
}
/* Zebra striping */
tr:nth-of-type(odd) {
    /* background: #eee; */
    background: #9999991c;
    /* box-shadow: 0px 2px 0px; */
    }
td, th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 18px;
    }

    @media only screen and (max-width: 990px){
      .table_pc{
        display: none;
      }
      .table_mobi{
        margin-top:20px;
        display: block;
        width: 100%;
        border-bottom: 3px solid #ccc;
      }
      .table_mobi ~ .table_mobi{
        margin-top:20px;
      }
      table{
        width: 100%;
        border-collapse: collapse;
        border-radius: 5px;
      }

      table tr{
        border-bottom: solid 2px white;
      }
      table tr:last-child{
        border-bottom: none;
        border-radius: 5px;
      }

      table th{
        position: relative;
        text-align: left;
        width: 30%;
        background-color: #3498db;
        color: white;
        text-align: center;
        padding: 10px 0;
      }

      table th:after{
        display: block;
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        top:calc(50% - 10px);
        right:-10px;
        border-left: 10px solid #3498db;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
      }
      .form_edit table th:after{
        display: none;
      }

      table td{
        text-align: left;
        width: 70%;
        text-align: center;
        background-color: #eee;
        padding: 10px 0;
      }
      .btn_link{
        width: 100%;
        display: block;
        text-align: center;
        background: #007bff;
        color: #ffffff;
        margin: 5px 0px 20px;
        padding: 0.5rem 1rem;
        font-size: 18px;
        border-radius: 5px;
      }

    }
    .col-form-label{
      max-width: none!important;
    }
    .w-9{
      width: 90px!important;
    }
    .text-right{
      white-space: nowrap;
    }
    /* The Modal (background) */
    .modal {
      display: none;
      /* Hidden by default */
      position: fixed;
      /* Stay in place */
      z-index: 1;
      /* Sit on top */
      padding-top: 100px;
      /* Location of the box */
      left: 0;
      top: 0;
      width: 100%;
      /* Full width */
      height: 100%;
      /* Full height */
      overflow: auto;
      /* Enable scroll if needed */
      background-color: rgb(0, 0, 0);
      /* Fallback color */
      background-color: rgba(0, 0, 0, 0.4);
      /* Black w/ opacity */
    }

    /* Modal Content */
    .modal-content {
      position: relative;
      background-color: #fefefe;
      margin: auto;
      padding: 0;
      border: 1px solid #888;
      width: 100%;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 0.4s;
      animation-name: animatetop;
      animation-duration: 0.4s
    }

    /* Add Animation */
    @-webkit-keyframes animatetop {
      from {
        top: -300px;
        opacity: 0
      }

      to {
        top: 0;
        opacity: 1
      }
    }

    @keyframes animatetop {
      from {
        top: -300px;
        opacity: 0
      }

      to {
        top: 0;
        opacity: 1
      }
    }

    /* The Close Button */
    .close {
      color: white;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

    .modal-header {
      padding: 2px 16px;
      background-color: #2557a7;
      color: white;
    }

    .modal-body {
      padding: 2px 16px;
    }

    .modal-footer {
      padding: 2px 16px;
      background-color: #2557a7;
      color: white;
    }
/* for terms and cond signup page */
    .a2{
      margin-top:0cm;margin-right:0cm;margin-bottom:10.0pt;
      margin-left:30.0pt;text-indent:-30.0pt;line-height:115%;font-size:13px;
      font-family:"Verdana",sans-serif;color:black;
    }
    .a0{
      margin-top:0cm;margin-right:0cm;margin-bottom:10.0pt;margin-left:0cm;text-align:center;line-height:115%;font-size:19px;
      font-family:"Verdana",sans-serif;color:black;font-weight:bold;
    }

    .a1{
      margin-top:0cm;margin-right:0cm;margin-bottom:10.0pt;margin-left:0cm;line-height:115%;font-size:13px;
      font-family:"Verdana",sans-serif;color:black;font-weight:bold;
    }
    .a3{
      margin-top:0cm;margin-right:0cm;margin-bottom:10.0pt;margin-left:0cm;text-indent:0cm;line-height:115%;
      font-size:13px;font-family:"Verdana",sans-serif;color:black;
    }
    .a4{
      margin-top:0cm;margin-right:0cm;margin-bottom:10.0pt;margin-left:60.0pt;text-indent:-30.0pt;
      line-height:115%;font-size:13px;font-family:"Verdana",sans-serif;color:black;
    }


    .form-check-input {
    position: absolute;
    margin-top: 0.9rem;
    margin-left: -1.25rem;
  }

  .form_edit .dropdown-item{
    white-space: normal;
  }

  .bootstrap-select .dropdown-menu {
  max-height: 250px!important;
}
.flex_wrap {
  display: flex;
  flex-wrap: wrap;
}
.form_edit .flex_wrap .btn-primary{
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.form_edit .flex_wrap input{
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1024px){
  .form_edit .col-sm-1{
    padding: 0;
    text-align: center;
  }
  .form_edit .flex_wrap input{
    margin-bottom: 0;
    width: 100%!important;
  }
}
@media only screen and (max-width: 990px){
  .form_edit .col-sm-6{
    max-width: 100%;
    flex: auto!important;
  }
  .form_edit .col-sm-8{
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px){
  .datepicker {
    width: 90%;
  }
  .form_edit .col-sm-4{
    max-width: 100%;
  }
  .bootstrap-select .dropdown-menu {
  max-height: 220px!important;
}
}
@media only screen and (max-width: 480px){
  .datepicker {
    width: 90%;
  }
}
  /* @media only screen and (max-width: 393px){
  .mr_top{
margin-top: 2px;
  }

} */
@media only screen and (max-width:1440px){
  .mr_top{
  margin-top: 3px;
}
}
@media only screen and (max-width:1280px){
.w-75 {
    width: 100%!important;
    margin-top: 10px;
}
}
.mycustom_icon{
  width: 36px;
}
center.resume_globe{
  display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}


/* profile image box  */

.profile_pic_box{
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  gap:20px;
  background: #d9f9ff;
  border-left: solid 5px #0077b6;
  
}
.image-response{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
 
}
.profile-image-left{
  margin-left: 10px;
  flex: 3;
  overflow: hidden;
}

.imageofprofile{
  width: 85%;
  height: 100%;
  object-fit: contain;
}
.imageofprofile2{
  width: 100px;
  height: 100%;
  object-fit: contain; 
}

@media only screen and (max-width: 1100px) {
.profile_pic_box{
  flex-direction: column;
}
}
.picupload{
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
}
.updatebtntop{
  display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  
}