[dir=ltr] .sa-nav--sidebar .sa-nav__arrow {
    
    transform: rotate(180deg);
}

.mt_20{
margin-top: 20px;
}

.pb_10{
    padding-bottom: 5px;
}
.p_20{
    padding:20px;
}
.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: #f4cd09;
    color: #393936;
}
.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;
    }
}

/* fieldset  */
/* ----------------------- */

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

legend {
    padding: 6px 5px;
    border: 1px solid #d4d9df;
    color: #2c3033;
    font-size: 16px;
    width: 50px;
    margin-top: -27px;
    background: #e9ecef;
}


/* 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: #448aff;
border: 1px solid #448aff;
color: #fff;
}
.login_btn:hover{
    background-color: #3f81d0;
    border: 1px solid #3f81d0;
    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: #448aff ;
    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: #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;
}


/* 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: 18px;
    color: #448aff;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.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: #f1f1f1;
}

/* .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;
}

.attend_start_txt{
padding-left: 23px;
display: block;
padding-top: 12px;
font-size: 24px;
color: #448aff;
font-weight: 800;
}
.attend_stop_txt{
    padding-left: 23px;
display: block;
padding-top: 12px;
font-size: 24px;
color: #f80d38;
font-weight: 800;
}
.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;
  }
  .ad-btn-sv a {
    background: #448aff;
    color: white;
    border: 1px solid;
    border-radius: 5px;
    padding: 8px 24px;
}
.ad-btn-sv a:hover {
    background: #4d8dbf;
    color: white;
    border: 1px solid;
    border-radius: 5px;
}