/* Orange: #EF5241
Brown:  #A44F30 */

body {
    background-color: #f8f8f8;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
}

[class^='select2'] {
  border-color: #e9e9e9 !important;
}

/* a tag */

a {
    text-decoration: none;
    color: #EF5241 !important;
}

.nav-link {
  text-decoration: none;
  color: #505050 !important;
}

ul > li > a:active {
  color:#EF5241 !important;
}


/* Modals */
.modal-body {
  font-size: 15px;
}

/* Pull Right */
.pull-right {
  float: right;
}



/* Mandatory fields */
label.required::after {
  content: ' *';
  color: red;
}

.errorlist {
  color: red !important;
}


/* Colors */
/* Yellow */
.yellow {
    color: #F6D606;
}

/* Red */
.red {
    color: red;
}

/* Green  */
.green {
  color: rgb(0, 166, 0);
}

/* Wrapper */
#wrapper {     
  width: 400px;           /* Set this to your convenience */
  height: 300px;          /* Set this to your convenience */
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -150px;     /* Half of height */
  margin-left: -200px;   /* Half of width */
}


#wrapper-register {     
  width: 400px;           /* Set this to your convenience */
  height: 350px;          /* Set this to your convenience */
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -150px;     /* Half of height */
  margin-left: -200px;   /* Half of width */
}


/* hr */
hr {
    color: #bfbfbf;
}

/* Hide Arrow on number inp */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Dropdown styling */
.dropdown-toggle::after {
    content: none;
  }
  
  .dropdown-menu {
    background-color: #e9e9e9;
  }
  
  .dropdown-item {
    color: #000 !important;
    font-size: 15px;
  }
  
  .dropdown-item:hover {
    color: #241e29 !important;
  }
  
  .dropdown-item:focus:active {
    color: #19141c !important;
  }


/* Remove bootstrap default outline */
select.form-control.selectpicker,
select.form-control.selectpicker:focus,
select.form-select:focus,
.selectpicker:focus,
select.form-control:focus,
.page-link:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="number"].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: inset 0px 0px 0px #ffffff00 !important;
  outline: none !important;
  border: 1.5px solid #EF5241 !important;
}


/* Input Fields Styling */
input[type="text"], 
textarea.form-control,
textarea.form-control:focus, 
input[type="text"]:focus,
input[type="date"]:focus,
input[type="date"],
input[type="password"],
input[type="password"]:focus,
input[type="email"],
input[type="email"]:focus,
input[type="file"],
input[type="file"]:focus,
input[type="number"],
input[type="number"]:focus,
select.form-control,
select.form-control:focus,
select.form-control.selectpicker,
select.form-control.selectpicker:focus {

  background-color : #fff !important;
  color: #000 !important;
  border-color: #e9e9e9 !important;
}


/* Accordion outline */
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}


/* Pagination */
.pagination > li > a
{
    background-color: white;
    color: #A44F30;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a
{
    color: white !important;
    background-color: #A44F30 !Important;
    border: solid 1px #A44F30 !Important;
}

.pagination > .active > a:hover
{
    background-color: #A44F30 !Important;
    border: solid 1px #A44F30;
}



/* Container */
/* White container big */
.cont-white-bg {
background-color: #fff;
padding: 20px;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 10px;
box-shadow: 0px 0px 0px 0px #000000;
border: solid 1px #fff;
width: 100%;
margin-right: auto;
margin-left: auto;
color: #000;
}
@media (max-width: 991px) {
    .cont-white-bg {
        width: 100%;
    }
}


/* Orange container */
.cont-orange-bg {
  background-image: linear-gradient(to right, #EF5241 , #A44F30);
  /* background-color: #ff1900; */
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 0px 0px #000000;
  border: solid 1px #ff190000 ;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  color: #000;
  }
  @media (max-width: 991px) {
      .cont-orange-bg {
          width: 100%;
      }
    }


/* Transparent container big */
.cont-tp-bg {
  background-color: #ffffff00;
  padding: 20px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 0px 0px #000000;
  border: solid 1px #ffffff00;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  color: #000;
  }
  @media (max-width: 991px) {
      .cont-tp-bg {
          width: 100%;
      }
  }



/* Cont Title */
.cont-card-title {
    font-size: 19px;
}


/* Navbar */
.bg-navbar {
    background-color: #fff;
    margin-top: -15px;
}
.nav-logo {
    width: 150px;
}

.nav-link {
  margin-left: 10px;
  margin-right: 10px;
}

.dropdown-item:focus {
  background-color: #b7b7b7 !important;
}


/* Card Custom */
.card-no-border {
  width: 100%;
  border-color: #00000000 !important;
}


/* Homepage search */
#homepageSearch {
  background-color: #fff;
  padding: 50px;
  border-radius: 10px;
  color: #000;
}


/* Submit Job Banner */
#submitJobBanner {
  background: url('../img/submit-job-banner.png');
  padding: 50px;
  border-radius: 10px;
  color: #fff;
}


/* View Job */
.apply-logo {
  width: 100px;
}



/* Contact */
.operating-hrs {
  margin-top: 10px;
}



/* Login */
.sign-up {
  text-align: center;
}


/* My Profile */
.profile-button {
  background: rgb(99, 39, 120);
  box-shadow: none;
  border: none
}

.profile-button:hover {
  background: #682773
}

.profile-button:focus {
  background: #682773;
  box-shadow: none
}

.profile-button:active {
  background: #682773;
  box-shadow: none
}

.back:hover {
  color: #682773;
  cursor: pointer
}

.labels {
  font-size: 11px
}

.add-experience:hover {
  background: #BA68C8;
  color: #fff;
  cursor: pointer;
  border: solid 1px #BA68C8
}



/* Job Contact */
.job-opportunity-reference {
  background-color: #e7e7e7;
  padding: 5px;
  border-radius: 5px;
  font-weight: 700;
}