body{
    text-transform: capitalize;
}

[dir=ltr] .sa-nav--sidebar .sa-nav__arrow {
    
    transform: rotate(180deg);
}
.btn:disabled {
    background-color: #777474;
    border-color: #71706c;
    color: #ffffff;
}
.pl_50{
    padding-left:50px;
}
.ps_disable{
color:#bdc1c6;
font-size: 20px;
}
.ps_disable:hover{
    color:#bdc1c6;

}
.w_0{
    width:0px;
}
.w_100{
    width:100px;
}
.ft_24{
    font-size:24px;
}
.bg-yellow{
    background-color: #FFF59A;
}
.bg-red{
background-color: #ff5252a3;
}
.text_align_center{
    text-align: center;
}
.p_5{
    padding-left:5px;
    padding-right:5px;
}
.mt_22{
    margin-top:22px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #f5f7f8;
    opacity: 1;
}
.mt_20{
margin-top: 20px;
}
.mt_18{
    margin-top: 18px;
}
.pb_10{
    padding-bottom: 5px;
}
.p_20{
    padding:20px;
}
.pr-100{
    padding-right: 200px !important;
}
.pb-10-20{
    padding: 10px 20px;
}
.p-10{
    padding:10px;
}
.pt-10{
    padding-top: 10px;
}
.pl-10{
    padding-left: 10px;
}

.cl-red{
    color: red;
}

.font-16{
    font-size: 16px;
}
.w-185{
    width: 185px !important;
}
.lw{
   text-transform: lowercase;
}

.btn-info {
    --sa-button--normal-bg-color: #448eff;
    --sa-button--normal-font-color: #fff;
    --sa-arrow-opacity: 0.5;
    --sa-button--hover-bg-color: #448eff;
}
.btn-primary {
    /* --sa-button--normal-bg-color: #ffd333; */
    --sa-button--normal-font-color: #212529;
    --sa-arrow-opacity: 0.4;
    --sa-button--hover-bg-color: #448aff;
}
.breadcrumb-sa-simple .breadcrumb-item.active, .breadcrumb-sa-simple a {
    color: #448aff;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.form-check-input:checked[type=checkbox] {
    background-image: url(../img/icons/basic-tick.png);
}

.dropdown-item.active, .dropdown-item:active {
    color: #3d464d;
    text-decoration: none;
    background-color: rgb(68 138 255 / 14%);
}

/* badges  */
.badge-sa-warning {
    background: #f0f2f5;
    color: #86919b;
}
.badge_cl{
    color: #f4cd09;
}
 /* dashboard  */
/* --------------------------------- */
.p_size{
    font-size: 17px;

}
.p_size_name{
font-size: 20px;
font-weight: 800;
}
.pesco_birthday img{
    width:40px;
}
.pl_130{
    padding-left: 130px;
    }

    .profile_flex{
        display: flex;
    }
@media screen and (min-width:315px)and (max-width:426px){
    .pl_130{
        padding-left: unset;
    }
    .profile_flex{
        display: unset;
    }
}
.wh-200{
    width: 200px;
    height: 200px;
}
.birthday_list_grid{
display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 25px;
}
/* fieldset  */
/* ----------------------- */

fieldset {
    padding: 1em;
    font: 80%/1 sans-serif;
    border: 1px solid #d4d9df;
}

legend {
    font-weight: 600;
    padding: 6px 5px;
    border: 1px solid #ffadad;
    color: #2c3033;
    font-size: 15px;
    width: 50px;
    margin-top: -27px;
    background: #ffadad;
}

.input-group-text {
    background-color: #ffadad;

}
.form-control{
    font-size: 14px !important;
}
/* notification  */

.sa-toolbar__button-indicator {
    background: #ec0a0a;
    border-radius: 0.40625rem;
    color: #ffffff;
}
.nt_txt{
    width: 100%;
    
}
/* .nt_i{
       position: absolute;
       right: 20px;
} */

.sa-notifications__item-title--nowrap {
   
    white-space: unset;
}

/* login form  */
/* ---------------------- */

.login_btn{
background-color: #1e3399;
border: 1px solid #1e3399;
color: #fff;
}
.login_btn:hover{
    background-color: #1e3399;
    border: 1px solid #1e3399;
    color: #fff;
    }
.login_logo{
    padding-bottom: 50px;
}

.login-forgot{
    text-align: center;
    padding-top: 19px;
    font-size: 15px;
    font-weight: 400;
}


/* admin permission  */
/* -------------------- */
.permission_accodin{
background-color: fff;
}
.permission-accordion{
    padding: 25px;
}
.permission-accordion .accordion-item{

background-color: #fff;
border: 1px solid rgba(0,0,0,.125);
}
.permission-accordion .accordion-item .accordion-button {
    background-color: #f4f6fa;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}


.live_accordion_btn::after {

content: unset;
}
.per_ml_210{
    margin-left: 210px ;
}
.per_ml_480{
    margin-left: 480px;
}
.per_ml_421{
    margin-left: 421px;
}
.per_mt_4{
    margin-top: 4px;
}
.per_ml_8{
    margin-left: 8px;
}
.per_ml_370{
    margin-left: 370px;
}
.per_ml_130{
    margin-left: 130px;
}

.mobile_per{
    display: block;
    margin-left: 100px;
    margin-bottom: 10px;
}

.per_btn_p{
    padding: 15px 5px;
}

.per_hd_mg{
    margin-top: 20px;
    margin-bottom: unset;
}

.per_img_wd img{
    width: 30px;
}

.per_mg_40{
    margin-left: 40px;
}
/* .per_edit_line::after{
    border-right: 1px solid black;
    position: absolute;
} */

@media screen and (min-width:315px)and (max-width:1025px){
    .per_ml_210{
        margin-left:unset ;
    }
    .per_ml_480{
        margin-left: unset;
    }
    .per_ml_421{
        margin-left: unset;
    }
    .per_mg_40{
        margin-left: unset;
    }
    .per_mb_mt_8{
        margin-top: 8px;
    }
    .ad_per_edit{
        margin-right: unset !important;
        }
}

.ad_per_edit{
float: right;
margin-right: 50px;
}

/* adminstration btn  */
/* ------------------------ */
.ad-btn-sv a{
    background: #033e69;
    color: white;
    border: 1px solid;
    border-radius: 5px;
    padding: 8px 24px;

}       
.ad-btn-sv a span{
    padding-right: 10px;
}
.ad-btn-sv a:hover{
    background: #b90020 ;
    color: white;
    border: 1px solid;
    border-radius: 5px;
}     
.bg_none:hover{
    background:none;
    border:none;
}
.ad-btn-sv button{
    background: #b90020 ;
    color: white;
    border: 1px solid;
    border-radius: 5px;
    padding: 8px 24px;

}       
.ad-btn-sv button span{
    padding-right: 10px;
}
.ad-btn-sv button:hover{
    background: #4d8dbf ;
    color: white;
    border: 1px solid;
    border-radius: 5px;
}  

/* leave request form  */
/* -------------------------- */

.leave_table{    
    border-color: rgba(101,109,119,.16);
}

.leave_input_date {
    border: unset;
    padding: 5px;
}


.leave_select_option {
    border: unset;
}
.leave_input{
    border: unset;
}

.leave_delete {
    color: red;
}
.leave_add{
    color: #434547;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #448aff;
    border-color: #448aff;
}
.leave_sv_btn{
float: right;
    margin-top: 22px;
}

.data_space{
    margin: 50px 0px;
}
/* menu style  */

/* --------------------- */
.sa-sidebar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #ffffff;
    color: #425c70;
}
.sa-sidebar__header {
    background-color: #ffffff;
}
.sa-sidebar-logo__caption {
    background-color: #ffffff;
    font-size: 32px;
    /* font-weight: bold; */
    color: #448aff;
    letter-spacing: 1px;
}
.sa-nav--sidebar .sa-nav__title {
    flex-grow: 1;
    margin-bottom: -1px;
    padding-top: 1px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.sa-nav--sidebar .sa-nav__link:hover {
    background-color: #033e69;
    color:#fff;
}

/* .menu_a_pl{
    padding-left: 60px !important;
} */



/* approval process  */

/* ----------------------- */

.col_ap_drop{
    display: inline-flex;
}
.col_ap_drop label{

padding-top: 6px;
    font-size: 20px;
    padding-right: 18px;
    width: 200px;
}
.app_i_tick a{
    color: #448aff;
    float: right;
}

.btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn:active, .show>.btn.dropdown-toggle {
    background-color:#4d8dbf;
    border-color: #4d8dbf;
    color: #fff;
}

/* authorization */
/* --------------------- */
.permssion_a{
color: #448aff;
font-size: 20px;
}


/* live tracking  */
/* --------------------- */
.live_tracking_i{
font-size: 26px;
color: #232429;
}


.documnet_i{
font-size: 20px;
    color: #10cc30;
}


/* information box  */
/* -------------------------------- */
.information_span_check{
    display: inline-flex;
}
.information_span_check input{
margin-left: 10px;
}

.form-check-input:checked {
    background-color: #448aff;
    border-color: rgb(88 153 193);
    /* color: #fff; */
}

.inform_chat{
    padding-left: 20px !important;
}

.d_flex{
    display: inline-flex;
}
.col_in_drop{
    display: inline-flex;
}
.info_mt{
margin-top: 4px;
font-size: 17px;
color: #5e6678;
}

.col_in_drop .info_label_user{
width: 100px;
    font-size: 17px;
    padding-top: 10px;
    color: #5e6678;
}

.flie_img_field{
    border: unset;
}
@media screen and (min-width:315px)and (max-width:425px){
    .d_flex{
        display: block;
    }
    .col_in_drop{
        display: block;
    }
    /* .information_span_check{
        display:unset;
    } */
}
/* .btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn:active, .show>.btn.dropdown-toggle {
    background-color: #448aff;
    border-color: #448aff ;
    color: #ffffff;
} */




/* 
.attach_btn {
    background-color: unset !important; 
     border-color: unset !important; 
    color: unset;
} */
/* employee attandance  */
/* -------------------------------- */
.emp_filter_btn{
background: #448aff;
border: 1px solid #448aff;
border-radius: 5px;
}

.emp_attdance_btn a {

border: 1px solid;
border-radius: 5px;
padding: 8px 24px;
}
.emp_attdance_btn .emo_blue{
    background: #448aff;
    color: white;
}

.emo_red:hover{
    background-color: #db3737;
}

.emo_ot:hover{
    background-color: #f5c000;
}
.emo_ot{
    color: #fff;
    background-color: #dcb116;
}
/* .change_model{
    width: 70%;
} */
.attend_start_img{
    border: unset;
    text-decoration: none;
}
.attend_start_img:hover{

    text-decoration: none;
}
.attend_start_txt{
    text-align: center;
    display: block;
    padding-top: 12px;
    font-size: 24px;
    color: #29af51;
    font-weight: 800;

}
.text_center{
    text-align:center;
}
.attend_p{
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 16px;
    text-align: initial;
}
.txt_low{
        text-transform: lowercase;
}
.attend_stop_txt{
    text-align: center;
    display: block;
    padding-top: 12px;
    font-size: 24px;
    color: #f80d38;
    font-weight: 800;
    text-decoration: none;
}
.attend_start_img img{
    width: 100px;
}
.change_btn{
    display: inline-flex;
}

.change_btn_save{
    margin-right: 20px;
    color: #ffffff;
    border: 1px solid #448aff;
    background: #448aff;
    border-radius: 5px;
    padding: 6px 26px;
}
.change_btn_save:hover{
    border: 1px solid #548aca;

    color: #ffffff;
    background: #548aca;

}
.change_btn_cancel{
    border-radius: 5px;
}


@font-face {
    font-family: myfont;
    src: url(../font/palatino-linotype/palab.ttf);
    /* src: url(../font/palatino-linotype/pala.ttf); */

  }

  .logo_font{
      font-family: myfont;
  }


  /* table  */
  table#newRow {
    display: none
  }
  
  div.addRow {
      line-height: 45px;
      background-color: #fff;
      padding-left: 10px;
      border-bottom: 1px solid;
      border-top: 1px solid #e5e5e5;
  }

  /* request form  */
  .job_remark input{
  width: 100%;
    border: unset;
    height: 41px;
    border: 2px solid #e6e8e9;

  }
  .job_remark{
      padding: 20px;
  }
  
  
  
   /* travel  */
  .travel_fieldset{
  padding: 1em;
    font: 80%/1 sans-serif;
    border: 1px solid #d4d9df;
    width: 200px;
    width: 49% !important;
    /* display: inline-flex; */
    margin-top: 37px !important;
  }

  .travel_fieldset legend {
    width: 130px;
  }
  .ps_d_flex{
      display: flex;
      margin-top: 10px;
  }
 
  .wt_270{
      width: 270px !important;
  }
  .mr_19{
      margin-right: 19px;
  }
  .mt_15{
      margin-top: 15px;
  }

  /* job Resumption  */

  .reporting_fieldset{
  padding: 1em;
    font: 80%/1 sans-serif;
    border: 1px solid #d4d9df;
    width: 200px;
    width: 779px !important;
    /* display: inline-flex; */
    margin-top: 37px !important;
}
.reporting_fieldset legend {
    width: 130px;
}

.passport_fieldset{
    padding: 1em;
      font: 80%/1 sans-serif;
      border: 1px solid #d4d9df;
      width: 200px;
      width: 779px !important;
      /* display: inline-flex; */
      margin-top: 37px !important;
  }
  .passport_fieldset legend {
      width: 190px;
  }
  
  
  
/* map css  */
#map{
    /*height: 400px;*/
    width: 100%;
}


.map_btn_bg{
    border: none;
    background: none;
}

.close_attendance{
    background: #ff1919;
    
}
.acive_attendance{
    background: #39ff39;
}

.email_lower{
    text-transform: lowercase;
}
.sv_btn{
    background: #448aff;
    color: white;
    border: 1px solid;
    border-radius: 5px;
    padding: 8px 24px;
    
}
.sv_btn span {
    padding-right: 10px;
}

/*employee attendence */


#attend_logout_div{
    display:none;
}

#attend_close_div{
    display:none; 
}
.audit-filter {
     border-bottom: none; 

}
.p_10{
    padding-left:10px;
    padding-right:10px;
}

.mb_15{
    margin-bottom:15px;
}
.leave_delete:hover{
    color:#ce0101;
}
.attend_start{
    text-decoration:none !important;
}

.attend_stop{
    text-decoration:none !important;
}
.attend_start_img{
    text-decoration:none !important;
}

.h_550{
    height:550px;
}

.train_recommended legend{
    width: 180px;
}

.btn_bgnone{
    border: none;
    background: none;
}
a.disabled {
  pointer-events: none;
  cursor: default;
}

.job_respons_name{
    display: block;
    text-align: center;
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 500;
}

/* notfication  */

.sa-notifications__list{
    height: 350px !important;
}

.edit_btn_bg{
    border: none;
    background: none;
}

/* notification alert css  */

.notify-wrapper .alert h3 {
    background-color: #448aff !important;
    color: #ffffff;
}
/* employee deatils  */

.emp_details{
    padding:7px 0px;
}
.text_height_extend{
    width:200px;
}