/*styles for new admin*/
body {
  font-family: 'Varela Round', sans-serif;
}

a:hover{
  text-decoration: none !important;
}

/*styles for navbar*/

.main-wrapper{
  min-height: 480px;
}
.navbar{
  background-color: #f6f6f6;
  border-bottom: 1px solid #b1b1b1;
  padding: 0px !important;
  height: 58px;
}

.navbar-brand{
  width: 200px;
  padding: 0px;
  height: 100%;
  background-color: #cacaca;
  position: relative;
}


.navbar-brand img{
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);

}


@media only screen and (min-width: 768px){
  .navbar-nav{
    position: absolute;
    right: 80px;
  }
}

.nav-link{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 17px 27px !important;
  color: #00235f !important;
}



.navbar-dark .navbar-nav .active>.nav-link, .nav-item:hover>.nav-link {
    color: #fff !important;
    background-color: #01a6e5 !important;
}

.navbar-dark .navbar-nav .active, .nav-item:hover {
    background-color: #01a6e5 !important;
    color: #fff !important;
}
.tasksSelector{
    margin-bottom: 15px !important;
    margin-top: 60px !important;

}

.panel_navbar{
  margin: 15px auto 20px auto;;
}


/*styles for models of login*/
  .modal-login {    
    color: #636363;
    width: 350px;
  }
  .modal-login .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
  }
  .modal-login .modal-header {
    border-bottom: none;   
        position: relative;
        justify-content: center;
  }
  .modal-login h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
  }
  .modal-login .form-control:focus {
    border-color: #70c5c0;
  }
  .modal-login .form-control, .modal-login .btn {
    min-height: 40px;
    border-radius: 3px; 
  }
  .modal-login .close {
        position: absolute;
    top: -5px;
    right: -5px;
  } 
  .modal-login .modal-footer {
    background: #ecf0f1;
    border-color: #dee4e7;
    text-align: center;
        justify-content: center;
    margin: 0 -20px -20px;
    border-radius: 5px;
    font-size: 13px;
  }
  .modal-login .modal-footer a {
    color: #999;
  } 

  .modal-login .modal-footer a:hover {
    color: #00235f;
    text-decoration: none;
  }

  .modal-login .avatar {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  }
  .modal-login .avatar img {
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .modal-login.modal-dialog {
    margin-top: 80px;
  }
    .modal-login .btn {
        color: #fff;
        border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
        line-height: normal;
        border: none;
    }
  .modal-login .btn:hover, .modal-login .btn:focus {
    background: #45aba6;
    outline: none;
  }
  .trigger-btn {
    display: inline-block;
    margin: 100px auto;
  }

ul.nav.nav-tabs{width:100% ;}

.panel_navbar {
  float: right;
}

.panel_navbar .panel_nav {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #aeaeae;
  border-radius: 1px;
  margin: auto;
  padding: 0;
}

.panel_nav > li {
  display: inline-block;
  margin: 0 -5px 0 0;
}

.panel_navbar .panel_nav a {
  border-left: 1px solid #aeaeae;
  color: #707070;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight: 400; 
  font-size: 15px;
  padding: 8px 18px 8px 18px;
  text-decoration: none;
}

.panel_navbar .panel_nav a.active{
  background: #00235f none repeat scroll 0 0;
  color: #ffffff;
}

.panel_navbar .panel_nav a:hover{
  background: #01a6e5 none repeat scroll 0 0;
  color: #ffffff;
}

.info-box {
    height: 140px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0 0 2px 2px #000;
    padding:15px 20px;
}

.fa-36{
  font-size:36px;
}

.pagination {
    padding-left: 0;
    margin: 0px;
    border-radius: 4px;
}
.pagination li{
  display: inline-block; 
  margin: 0px 1px;
 } 
.pagination li a{
  padding: 7px 12px;
  border: 1px solid #838383;
  background: #d3d3d3;
  border-radius: 3px;
  color:#00235f;
  margin: 0px;
}

.table td, .table th {
    padding: 4px;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.modal-header {
    display:inline-block !important;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.bg-danger {
    background-color: #bf5d66 !important;
}

.sort_row{
  margin-bottom: 10px;
}
.ml-10{
  margin-left: 10px;
}

.ml-05{
  margin-left: 5px;
}

::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}

footer{
  margin-top: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  background-color: #00235f;
}

.m-0{
  margin: 0px !important;
}

.footer_ul li a{
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.panel_sub_heading {
  display: block;
  color: #717171;
  font-size: 20px;
  margin-bottom: 16px;
  font-family: 'poppinsregular';
}

.fileinput {
    margin-bottom: 9px;
    display: inline-block;
}

.fileinput .thumbnail[data-trigger="fileinput"] {
    cursor: pointer;
}

.fileinput .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
    height: 100px;
    width: auto;
    border: 2px solid #787878;
    border-radius: 4px;
    padding: 5px;
}

.fileinput .thumbnail:before, .fileinput .thumbnail:after {
    content: " ";
    display: table;
}     

.fileinput .thumbnail > img {
    max-height: 100%;
    display: block;
    max-width: 100%;
}

.fileinput .thumbnail:after {
    clear: both;
}
.fileinput .thumbnail:before, .fileinput .thumbnail:after {
    content: " ";
    display: table;
}

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none;
}

.fileinput .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
    height: 100px;
    width: auto;
    border: 2px solid #787878;
    border-radius: 4px;
    padding: 5px;
}

.profile-image .button-div .btn-primary {
    color: #FFF;
    background-color: #00235f;
    border: none !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.fileinput .btn {
    vertical-align: middle;
}
.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.btn-primary {
    color: #FFF;
    background-color: #00235f;
    border: none !important;
}

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none;
}

.fileinput .btn {
    vertical-align: middle;
}
.btn-orange {
    color: #ffffff;
    background-color: #ff9600;
    border-color: #ff9600;
}

.profile-image .button-div .btn-primary {
    color: #FFF;
    background-color: #00235f;
    border: none !important;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.fileinput-new .fileinput-exists {
    display: none;
}

.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}


.changer-label{ 
  position: relative;
}

.change-anchor {
    color: ##00235f;
    font-size: 13px;
    position: absolute;
    right: 14px;
    text-decoration: none !important;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Poppins', sans-serif;
}

.w-155{
  width:155px !important;
}

.w-195{
  width:195px !important;
}

.w-300{
  width: 300px !important; 
}

.right-0{
  position: absolute;
  right: 0px;
}

.model_text p{
  margin-bottom: 7px !important;
}

.p-0{
    padding: 0px !important;
}

.reports_cover{
  border: 1px solid #585858;
   background: #539aab;
   padding: 3px;
   border-radius: 4px;
   margin-bottom: 8px;
}

.reports_blocks{
    margin:3px;
    border-radius: 4px;
    background: #e6e6e6;
    color: #000;
    text-align: center;
    padding: 5px;
}

.reports_blocks p{
    margin:0px;
    padding: 0px;
    font-size: 16px;
}

.fs-14{font-size:14px !important;line-height: 16px;}

.search-wrap{background: #ddd;margin: 10px 0px !important;border: 2px solid; padding: 15px 25px;}

/*attendance*/
.holiday-wrap,.attendance-wrap{background: #fff;border-radius: 4px;padding: 10px;text-align: left;}
.holiday-card,.holiday-card-blank{width: calc(14.28% - 14px);height: 120px;margin:7px;border-radius: 3px;box-shadow: 0 0 4px 1px #e8e8e8;padding: 10px;float: left;}
.holiday-card p{margin: 0px !important;}
.holiday-names-cover{width: 100%}
.holiday-names{width: calc(14.28% - 14px);height: auto;margin:0px 7px;background: #333;float: left;padding: 4px;}
.holiday-names p{margin:0px;color: #fff;text-align: center;font-size: 18px;}
.remark.hidden-text{display: none;}
.holiday-card.holiday{background: #ffbaba;color:#333;}
.holiday-card .name{color: inherit;font-size: 16px;text-align: right;font-weight: 400;}
.date-box {display: inline-block;width: auto;margin:0px !important; height: 24px; float: left;}


/*add attendance*/
.add-attendance{display: inline-block;margin-bottom: 10px;width: 100%;}
.add-attendance .row h3{margin-top: 0px;}

.add-attendance .row{background: #fff; margin: 0 15px !important; border:2px solid;;padding:10px 15px 25px 15px;}
.attendance-card{height: 120px;border-radius: 5px;box-shadow: 0 0 4px 1px #e8e8e8;padding: 8px 15px;margin:5px;}
.attendance-card.late{background: #d24f5b;border: 1px solid #777;color: #fff;}
.attendance-card.early{background: #ffbe66;border: 1px solid #9b9b9b;color: #353535;}
.attendance-card.ontime{background: #47b064;border: 1px solid #888;color: #fff;}
.attendance-card.holiday{background: #f7f7f7;border: 2px solid #e60e0e;}
.attendance-card.holiday .time{text-align: center;}
.attendance-card.no-data{background: #cccccc;border: 2px solid #2b2b2b;}
.attendance-card p{margin: 0px;}
.attendance-card .name{color: inherit;font-size: 18px;text-align: center;font-weight: 400;}
.attendance-card .status{clear: both;text-align: center;}
.attendance-card.half-day{border: 3px dashed #fff !important;}
.highlight, .submittd{opacity: 0.75 !important;}
.highlight span{border: 1px solid #ff0505 !important;background: #ff6969 !important;}
.submittd a{border: 1px solid #4ba2fb !important;background: #4ba2fb !important;color: #fff !important;}

.exit-time{width:calc(100% - 40px);background: #e8e8e8;text-align: center;padding: 4px 0px;border-radius: 4px;position: absolute;bottom: 10px;}
.exit-time .exit-time-input,.exit-time .exit-time-btn{display: inline-block;max-height: 25px}
.exit-time .exit-time-btn{padding: 3px 10px;}

/*view attendance*/
.d-attendance-card,.attendance-card-blank{width: calc(14.28% - 14px);height: 130px;margin:7px;border-radius: 3px;box-shadow: 0 0 4px 1px #e8e8e8;padding:5px 10px;float: left;}
.d-attendance-card.holiday{background: #ffbaba;color:#333;}
.d-attendance-card p{margin: 0 0 2px !important;}
.d-attendance-card .date{color: inherit;font-size: 16px;text-align: center;font-weight: 600;border-bottom: 1px solid #bdbdbd;}
.d-attendance-card.holiday .date{border-bottom: 1px solid #000;}
.d-attendance-card .remark{text-align: center}
.d-attendance-card .time{color: inherit;font-size: 14px;text-align: left;font-weight: 400;}
.d-attendance-card .status{color: inherit;font-size: 14px;text-align: center;font-weight: 400;}
.d-attendance-card .total-time{color: inherit;font-size: 14px;text-align: center;font-weight: 400;}
.d-attendance-card.ontime{border:2px solid #15aa3e;}
.d-attendance-card.early{border:2px solid #ff9e1a;}
.d-attendance-card.late{border:2px solid #aa0211;}
.d-attendance-card.half-day {border-style: dashed;}

.btn-circle {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    position: relative
}
.btn-circle.edit_attendance{width: 25px !important; height: 25px !important;}
.btn-circle .fas {
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.btn-circle .fas {
    width: 16px;
    height: 16px
}

.pull-right{float: right;}
.pull-left{float: left;}

#submit_spin,.submit_spin{display: none;}
.close{position: absolute;top: 10px;right: 10px;}
.list-inline > li {display: inline-block;padding-left: 5px;padding-right: 5px;}

.relative{position: relative}
.attendance-wrap.detailed_attendance{position: relative; border: 1px solid #d0d0d0; background: #f9f9f9;padding-top: 100px;}
.attendance-wrap.detailed_attendance .summary{position: absolute;top: 0;width: 100%;left: 50%;transform: translateX(-50%);border-bottom: 2px solid #8a8a8a;background: #fff;}
.attendance-wrap.detailed_attendance .summary li {padding: 10px 0px;}
.summary ul+ul{border-top: 1px solid #c7c7c7;}


/*candidate remarks */
.candidate_ramarks_outer{ padding: 10px;border: 1px solid #c7c7c7;margin-top: 10px;border-radius: 5px;}
.candidate_ramarks_outer .candidate_ramarks{display: block;width: 100%;position: relative;}
form#remark_form {margin-top: 10px;}
.spin{display: none;}

.candidate_ramarks .remark-item {border: 1px solid #e8e8e8;padding: 5px 15px;border-radius: 5px;box-shadow: 0 0 2px 1px #c7c7c7;margin-top: 10px;background: #e8e8e8;}
.candidate_ramarks .remark-item .buttons{}
.candidate_ramarks .remark-item .date{font-weight: bold;margin-bottom: 0px;}
.candidate_ramarks .remark-item .message{margin-bottom: 0px;}

.bottom-pagination {display: inline-block;margin-top: 20px;margin-bottom: 15px;}
.panel_navbar .panel_nav li:first-child a {
    border-left: medium none;
}
.panel_navbar .panel_nav {
    display: inline-block;
}
.panel_nav > li {
    display: inherit;
    margin: 0px 0px 0px 0px;
    float: left;
}


/* Responsive CSS */
@media (max-width: 767px) {
.navbar {
    background-color: #cacaca;
    border-bottom: medium none;
}
.navbar-dark .navbar-brand {
    border-right: 1px solid #ababab;
    width: 185px;
}
.navbar-dark .navbar-toggler {
    border: medium none;
    padding: 0px;
    position: absolute;
    right: 15px;
}
.navbar-dark .navbar-toggler:focus {
    border: medium none;
    outline: none;
}
.navbar-collapse {
    background-color: #afafaf;
    z-index: 999;
}
.nav-link {
    font-size: 14px;
    padding: 10px 15px !important;
    color: #fff !important;
    border-bottom: 1px solid #9a9a9a;
}
.navbar-collapse .dropdown-menu {
    margin: 0px;
    border: medium none;
    border-radius: 0;
}
.dropdown-item {
    padding: 5px 15px;
    font-size: 14px;
}
.bottom-pagination .pagination {
    display: inline-block;
}
.bottom-pagination .pagination li a {
    display: inline-block;
}
.table-responsive {
    margin-left: 15px;
    margin-right: 15px;
}
.sort_row {
    margin-left: 0px;
    margin-right: 0px;
}
.form-group.ml-05 {
    width: 100%;
}
.form-control.w-300 {
    margin-bottom: 15px;
}
.table td, .table th {
    font-size: 13px;
}
.panel_navbar .panel_nav li:first-child a {
    border-left: 1px solid #aeaeae;
}
.main_panel .panel_navbar .panel_nav a {
    font-size: 13px;
    border-right: 1px solid #aeaeae;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #aeaeae;
    border-top: 1px solid #aeaeae;
}
.panel_navbar .panel_nav {
    border: medium none;
}
}

@media (max-width: 575px) {
.attendance-wrap.detailed_attendance .summary li {
    padding: 5px 0px;
    font-size: 12px;
}
.holiday-names-cover {
    display: none;
}
.d-attendance-card, .attendance-card-blank {
    width: calc(50% - 14px);
}
.holiday-card-blank {
    display: none;
}
.attendance-wrap.detailed_attendance {
    padding-top: 150px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0;
}
.d-attendance-card .date {
    font-size: 14px;
}
.d-attendance-card .time {
    font-size: 13px;
}
.d-attendance-card .status {
    font-size: 13px;
    text-align: left;
}
.d-attendance-card .total-time {
    font-size: 13px;
    text-align: left;
}
.d-attendance-card .remark {
    font-size: 14px;
}
.attendance-wrap.detailed_attendance .summary {
    padding-left: 5px;
    padding-right: 5px;
}
.form-group.ml-05 {
    margin-left: 0px;
}
.search-wrap {
    margin: 10px 15px !important;
}
.search-wrap .form-inline {
    text-align: center;
}
.search-wrap .form-inline .form-group {
    width: 100%;
}
.candidate_ramarks_outer .candidate_ramarks p {
    margin-bottom: 0px;
}
.main_panel .panel_navbar {
    margin: 30px 15px 20px;
}
.main_panel .panel_navbar .panel_nav {
    border: medium none;
}
.main_panel .panel_navbar .panel_nav a {
    font-size: 13px;
    border-right: 1px solid #aeaeae;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #aeaeae;
    border-top: 1px solid #aeaeae;
}
.candidate_ramarks_outer {
    margin-left: 0px;
    margin-right: 0px;
}
.search-wrap h3 {
    font-size: 20px;
}
.w-195 {
    width: 300px !important;
}
}

@media (min-width: 426px) and (max-width: 459px) {
.attendance-wrap.detailed_attendance {
    padding-top: 130px;
}
}

@media (min-width: 460px) and (max-width: 575px) {
.attendance-wrap.detailed_attendance {
    padding-top: 100px;
}
}

@media (min-width: 576px) and (max-width: 767px) {
.holiday-names-cover {
    display: none;
}
.attendance-wrap.detailed_attendance .summary li {
    font-size: 15px;
}
.attendance-wrap.detailed_attendance .summary ul+ul li {
    padding: 5px 0px;
}
.attendance-wrap.detailed_attendance {
    padding-top: 120px;
}
.d-attendance-card, .attendance-card-blank {
    width: calc(25% - 14px);
}
.d-attendance-card .date {
    font-size: 14px;
}
.holiday-card-blank {
    display: none;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.attendance-wrap.detailed_attendance {
    padding-top: 150px;
}
.holiday-names-cover {
    display: none;
}
.holiday-card, .holiday-card-blank {
    display: none;
}
.d-attendance-card, .attendance-card-blank {
    width: calc(20% - 14px);
}
.info-box {
    padding: 10px 10px;
}
p.title {
    white-space: initial;
}
.navbar-expand-lg .navbar-toggler {
    display: none;
}
.navbar-expand-lg .navbar-collapse {
    display: block;
}
.navbar-collapse .navbar-nav {
    top: 0px;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
}
.navbar-nav .dropdown-menu {
    position: absolute;
    margin-top: 0px;
    border-radius: 0;
}
.main-wrapper {
    margin-top: 25px;
}
.panel_navbar .panel_nav a {
    padding: 8px 8px 8px 5px;
}
.table-responsive {
    display: inline-table;
}
.table td, .table th {
    font-size: 13px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.d-attendance-card .date {
    font-size: 14px;
}
.attendance-wrap.detailed_attendance {
    padding-top: 145px;
}
.d-attendance-card .time {
    font-size: 13px;
}
.d-attendance-card .status {
    font-size: 13px;
}
.d-attendance-card .total-time {
    font-size: 13px;
}
.d-attendance-card .remark {
    font-size: 14px;
}
.info-box {
    height: 120px;
    padding: 10px 10px;
}
p.title {
    font-size: 15px;
}
.panel_navbar .panel_nav a {
    padding: 8px 15px 8px 15px;
}
.table-responsive {
    display: inline-table;
}
}

@media (min-width: 1200px) {
.table-responsive {
    display: inline-table;
}
}

/*leave applications*/
.leave-preview{border: 1px solid #e4e4e4;margin: 15px 0px;box-shadow: 0 0 4px 2px #dcdcdc;}
.leave-preview.appllication-action{padding: 10px 15px; margin: 15px -15px; }

.leave-preview .row{border-bottom: 1px solid #e4e4e4; padding: 10px 0px; }
.leave-preview .row .heading{font-weight: bold;margin-bottom: 0px; }
.additional-details p{margin-bottom: 5px}
.additional-details p span{font-weight: bold;margin-right: 15px;}

#leave-remarks { margin-bottom:1rem}
.leave-remarks-detail { padding:3rem 0}

.leave-remarks-item {border-left:1px solid #e5e5e5; position:relative;padding:2rem 1.5rem .5rem 2.5rem;font-size:.9rem;min-height:5rem}
.leave-remarks-item.fixed:last-child {padding-bottom:60px;}
.leave-remarks-item .leave-remarks-date {margin-bottom:.5rem}
.leave-remarks-item .leave-remarks-date span {color:#888;font-size:85%;padding-left:.4rem}
.leave-remarks-item .leave-remarks-content {padding:.5rem .8rem;background-color:#f4f4f4;border-radius:.5rem}
.leave-remarks-item .leave-remarks-content span {display:block;color:#888;font-size:15px;}
.leave-remarks-item .leave-remarks-icon {line-height:2.8rem;position:absolute;left:-1.3rem;width:2.6rem;height:2.6rem;text-align:center;border-radius:50%;
 font-size:1.1rem;background-color:#fff;color:#fff}

.leave-remarks-item .leave-remarks-icon.status-rejected{background-color:#f9416c}
.leave-remarks-item .leave-remarks-icon.status-approved{background-color:#70c16f}
.leave-remarks-item .leave-remarks-icon.status-waiting{background-color:#f5a551}
.leave-remarks-item .leave-remarks-icon.status-initiated{background-color:#214977;}
.leave-remarks-item .leave-remarks-icon.status-remark{background-color:#babbbb;}

@media(min-width:992px) {
 .leave-remarks-item {margin-left:8rem}
 .leave-remarks-item .leave-remarks-date {position:absolute;left:-10rem;width:7.5rem;text-align:right}
 .leave-remarks-item .leave-remarks-date span {display:block}
 .leave-remarks-item .leave-remarks-content {padding:0;background-color:transparent}
}

.leave{background-color: #fbaab1 !important;}
.input-error{border: 1px solid #f10000 !important;}
.btn+.btn{margin-left: 5px;}
.form-group{padding:0px 5px;}
a{color:inherit;}
.leave-additional-details{margin-bottom: 0px;font-size: 14px;}
.marquee {border: 1px solid #ccc; width: 100%; overflow: hidden; padding: 3px; margin-bottom: 10px;box-shadow: 0 0 3px 1px #ccc;}
.w-100{width: 100%}


.taggged-user{display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
    user-select: none;background: #47c4a194;border: 1px solid #b9b9b9;height: 28px;width: 28px;border-radius: 50%;position: relative;}
.taggged-user .word{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #242424;}
.tag-user-box{border: 1px solid #d9d9d9;padding: 2px 15px;background:#f0f0f0;border-radius: 5px;margin-bottom: 10px;}
.tag-user-box input{vertical-align: middle;margin:0px 5px 0px 0px !important;}

/*tasks */
.tasks-list-outer{width: 100%; display: block; height: 630px;overflow: hidden;}
.tasks-list-item{display: inline-block;width: 32%; padding: 0px 15px;white-space: initial;}
.task-body {border: 1px solid #797979;border-radius: 5px;box-shadow: 0 0 3px 2px #d2d2d2;padding: 5px 15px;}
.task-body.high {background: #ff8181;}
.task-body.medium {background: #ffd481;}
.task-body.low {background: #caffb1;}

.task-body .title {text-transform: capitalize;margin: 0px;}
.task-body .description {;margin: 0px;}
.task-body hr {margin: 5px;}
.task-body .dates{margin: 0px; font-size: 14px;}
.task-body .dates .due-date{float: right;}

.task-body .complete-status{margin-top: 10px; text-align: right;}
.task-body .complete-status .name{float:left;font-size: 14px;margin: 0px; font-weight: 600;}
.task-body .complete-status .status{font-size: 14px;margin: 0px; font-weight: 600;}
.task-body .complete-status .task-complete-status{float: left;}

.tasks-card .card-body{max-height: 500px; overflow-y: auto;scrollbar-width: thin;}
.show-completed-btn{display:none;position: absolute;top: 35px;right: 15px;transition: all 0.6s ease;}
@media (max-width: 767px) {
#myModal .modal-login.modal-dialog {margin: 80px auto 0px !important;}
.navbar {justify-content: flex-start;}
.navbar button.navbar-toggler+a {margin-left: 15px;margin-right: 15px;}
.navbar-dark .navbar-brand {width: 170px;margin-right: 0px;}
.navbar-collapse {margin-top: -15px;}
.footer-copyright {font-size: 14px;padding-bottom: 10px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar {justify-content: flex-start;}
.navbar-nav {right: 0px !important;}
.navbar-nav .dropdown-menu {left: -24px !important;min-width: 150px;}
}