/*
Type of btns used
1: btn-custom-esire
2: btn-d-style




*/

/*________________________*/
.btn-f49 {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #f4f4f4;
  -moz-box-shadow: 0px 1px 3px #f4f4f4;
  box-shadow: 0px 1px 3px #f4f4f4;
  font-family: Arial;
  color: #fff;
  font-size: 18px;
  background: #f49f02;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-f49:hover {
  background: #000;
  text-decoration: none;
}
/*________________________*/
.btn-custom-esire {
    background-color: #f49f02;
    color: #fff;
    height: 40px;
    font-size:15px;
    text-transform:uppercase;
    font-weight:600;
}
.btn-custom-esire:hover,.btn-custom-esire:focus,.btn-custom-esire:active {
    transition:1s all;
    background-color: #000;
    color: #fff;
    cursor:pointer;
}

.custom-control.updated_position {
    float: right;
}
input.input-material.updated_style:focus {
    border-color: #f49f02;
    outline: none;
}
input.input-material.updated_style~label.active {
    color: #f49f02;
    font-size: 0.9em;
    font-weight:500;
    top: -20px;
}
.login-page, .register-page {
      align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;

  /* Take full size */
  height: 100vh;
  width: 100%;

  background-image: linear-gradient(92deg, #f49f0285 22%, #36454fcc 98%),
  url(https://esire.org/Assets/images/Updatedimages/EsireFront.jpg);
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.login-page a.forgot-pass, .login-page a.signup, .register-page a.forgot-pass, .register-page a.signup {
    font-size: 0.8em;
    color: #000000;
}
.login-page a.forgot-pass:hover,
.login-page a.forgot-pass:focus,
.login-page a.signup:hover,
.login-page a.signup:focus,
.register-page a.forgot-pass:hover,
.register-page a.forgot-pass:focus,
.register-page a.signup:hover,
.register-page a.signup:focus {
	color: #f49f02;
	text-decoration: none;
}

.login-page.updatedStyle form, .register-page.updatedStyle form {
    margin: 2rem auto 1rem;
    max-width: 85%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #f49f02 !important;
    cursor:pointer;
}

.login-page p, .register-page p {
        color: #fff !important;
}
.login-page p > a , .register-page p > a {
    color:#000 !important;
}

.navbar.updated_navbar {
    background-color:#000;
    color:#fff;
}

nav.navbar.updated_navbar a.menu-btn {
    background: #f1eeee;
    border: 2px solid #f49f0200;
    border-radius: 5px;
    color: #000000;
}

nav.navbar.updated_navbar a.menu-btn:hover,nav.navbar.updated_navbar a.menu-btn:focus {
	background-color: #000;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #fff;
}
nav.navbar.updated_navbar .nav-item a i,
nav.navbar.updated_navbar .btn-link i {
	color: #fff;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: middle;
}

nav.navbar.updated_navbar .nav-item .edit-options a i {
	font-size: 16px;
	margin-right: 5px;
	vertical-align: middle;
	width: 20px;
}
nav.navbar.updated_navbar a, nav.navbar .btn-link {
        font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #f49f02;
    
} 
.right-sidebar.updated_style {
        background-color: #000;
}

/*.side-navbar.updated_style {*/
/*    background-color: #000;*/
/*}*/

.btn-d-Style {
    background-color: #f49f02;
    color: #fff;
    padding: 10px 15px;
    border: 0px solid;
    /*box-shadow: 2px 2px #f49f02;*/
}
 .btn-d-Style:hover, .btn-d-Style:focus, .btn-d-Style:active {
    background-color: #000;
    color: #fff;
    border-color: #000;
    /*box-shadow: 2px 2px #f49f02;*/
    transition: .5s all;
}

.card.updated_style {
    /*box-shadow: 2px 2px #f49f02;*/
    padding:10px;
}
/*____________________________________________________________*/
.bg_updated_profile {
    background-color: #f49f02;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.font20{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    
}
.font18 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
.font34 {
   font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
}

.text-right {
    text-align:right;
}
.colorF49 {
    color:#f49f02;
}
.colorF4 {
    color:#f4f4f4;
}
.color0 {
    color:#000;
}
.mt-50 {
    margin-top:50px;
}
.dflex-center-justify {
    display:flex;
    justify-content: center;
    gap: 20px;
}
.btn-leave-req {
    background-color: #f49f02;
    color: #fff;
    width: 200px;
    padding: 10px 5px;
    transition:1s all;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.btn-leave-req:hover {
     background-color: #5c5a5a4f;
    color: #f49f02;
}
.btn-leave-info {
    background-color: #000;
    color: #fff;
    width: 200px;
    padding: 10px 5px;
    transition:1s all;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.btn-leave-info:hover {
background-color: #e38c0a42;
    color: #000;
}

p.Lead_leaves_p {
        font-size: 19px;
}

/*p.Lead_leaves_p:first-letter {*/
/*    font-size: 200%;*/
/*  color: #f49f02;*/
/*}*/

.numberleaves{
    font-size: 200%;
    color: #f49f02;
}
.jumbotron.update-side {
    padding: 2rem 2rem;
 
}
.hr_custom_line {
    width:150px;
    margin:0 auto;
    height:2px;
    border-radius:5px;
    background-color:#f49f02;
}
.side-navbar.updated_style li a:focus, .side-navbar.updated_style li a:hover, .side-navbar.updated_style li.active>a, .side-navbar.updated_style li [aria-expanded="true"] {
    background: #fff;
    box-shadow: 0 0 14px 6px rgb(154 161 171 / 15%);
    color: #f49f02;
    text-decoration: none;
    font-weight: 600;
}
.mt-45 {
    margin-top:45px;
}
.g-2 {
    gap:10px;
}
.mt-20 {
    margin-top:20px;
}

.font-16
{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.short_line_left {
    background-color:#f49f02;
    height:2px;
    width:100px;
    margin-bottom:20px;
}
.nav-tabs.updated_tabs li a {
    color: #fff;
}

#close,.bank-close,.leave-close {
    background-color: #f4f4f4;
    padding: 5px 17px;
    border: 0px;
    height: auto;
    color: #000000;
    font-size: 17px;
    font-weight: 600;
}

.jumbotron.updated_jumbo {
        padding: 2rem 1.5rem;
}

h5.display-4.font-weight-bold.color0 {
    font-size: 2.5rem;
}