::-webkit-scrollbar {
  width: 5px !important;
}

::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}


::-webkit-scrollbar-thumb {
  background: #888 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

.form-group .control-label.required:after {
  content:"*";
  color:red;
}

label.error {
	color: red !important;
}

/* Dashboard styles */
.text-bold {
	font-weight: 500;
}

.text-case {
	text-transform: capitalize;
}

.m-top-22 {
  margin-top: -32%;
}

.m-left-60 {
  margin-left: 60%;
}
/* p with rounded borders and filled colors for status of Project and Tasks */
.status {
  border: 0px;
  border-radius: 20px;
  font-weight: 500;
  padding:  1px 2px;
  text-align: center;
  margin-left: 10px;
  color: #FFFFFF;
}

 .details{
   text-transform: capitalize ;
 }
.rborder_blue {
  background: #1E90FF;
}

.rborder_green {
  background: #008000;
}
.rborder_orange {
  background: #FFA500;
}
.rborder_red {
  background: #FF3333;
}
.rborder_grey {
  background: #ccc;
}
.text_white{
  color: #fff;
}
.rborder_oranges {
  border: 2px;
  border-radius: 25px;
  background: #FFCE67;
  display: inline-block;
  padding: 10px;
  width: 110px;
  text-align: center;
  color: #FFFFFF;
  margin-left: 10px;
}

.rborder_reds {
    border: 2px;
    border-radius: 25px;
    background: #F64A91;
    display: inline-block;
    padding: 10px;
    width: auto;
    text-align: center;
    color: #FFFFFF;
    margin-left: 10px;
}

.rborder_blues {
    border: 2px;
    border-radius: 25px;
    background: #1E90FF;
    padding: 10px;
    width:auto;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    margin-left: 10px;
}

.rborder_greens{
  border: 2px;
  border-radius: 25px;
  background: #2FBFA0;
  padding: 10px;
  width: auto;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  margin-left: 10px;
}

.rborder_dark{
  border: 2px;
  border-radius: 25px;
  background: #343A40;
  padding: 10px;
  display: inline-block;
  width: auto;
  text-align: center;
  color: #FFFFFF;
  margin-left: 10px;
}

/* status count circled */
.numberCircle {
  border-radius: 10px;
  border: 0px;
  padding: 5px 15px;
}


.my_task {

	border: 2px;
  border-radius: 25px;
  background: #736cc7;
  padding: 10px;
  width: 100px;
  text-align: center;
  color: #FFFFFF;
  margin-left: 10px;

}

.my_task_details {

	border: 2px;
  border-radius: 25px;
  background: #736cc7;
  padding: 10px;
  width: 100px;
  text-align: center;
  color: #FFFFFF;
  /* margin-left: 850px; */
  float: right;

}

.start_btn{
    float: right;
    color: #fff;
    width: auto;
    background: #1E90FF;
    height: auto !important;
    padding: 8px 8px !important;
    display: inline-flex;
    margin-bottom: 10px;
}
.start_btn i, .start_btn span time{
    color: #fff;
    margin-right: 10px;

}
.timer_start .tracker-pause{display: inline-block;}
.timer_start .tracker-play{display: none;}
.tracker-pause{display: none;}

.start_btn i
{
    font-size: 22px;
    margin: -1px 2px 0 !important;

}

.start_btn span time{
    font-size: 12px;
}

.my_project_details {

	border: 2px;
    border-radius: 25px;
    background: #736cc7;
    padding: 10px;
    width: 100px;
    text-align: center;
    color: #FFFFFF;
    /* margin-left: 1060px; */
    float: right;

}

/*modal image  */

.modal_image{
    padding: 45px 45px 45px 45px;
    text-align: center;
}

.holiday{
	cursor: pointer;
}
/* end modal image */

table tr td ul.style-none{
	list-style-type: none;
}

/* holiday icon */
.holiday_icon{
	color: white;
}
/* end holiday icon*/

/* holiday name */
.holiday_name{
	text-transform: uppercase;
}
/*end holiday name */

.active_menu{
	font-weight: 500;
}

.client{
	cursor: pointer;
}


/** Project LIsting***/
.card-header-shadow{
   box-shadow: 0px 2px 5px #f0f0f0;
}
.project-card-header h2{
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 20px;
}
.project-card-header h2 a{color:#4d5a68;}
.project-card-header h6{
  font-size: 12px;
}
.project-card-body .status > a{
  font-size: 12px;
}
.project-card-footer .my_task{
  padding: 0px;
  width: auto;
  margin-left: 0px;
  margin: 5px 0px;
}
.team-avatar {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.team-avatar li {
  margin-right: -20px;
}
.team-avatar li {
  display: inline-block;
  margin-right: -21px;

}
.team-avatar li.more-team-item{
  margin-left:22px;
}
.team-avatar li img {
  border: 1px solid white;
}
.avatar-img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
ul.project-bullets{
  list-style: none;
  padding-left: 15px;
  margin-bottom: 10px;
  display: inline-block;
}
ul.project-bullets li{
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
  float: left;
}
ul.project-bullets li::before{
  content: "\f26d";
  color: #ccc;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font: normal normal normal 14px/1 Material-Design-Iconic-Font;
  margin-right: 3px;
}
ul.project-bullets li.red::before{color:#ef7e8e;}
ul.project-bullets li.ppl::before{color:#B98ACB ;}
ul.project-bullets li.blu::before{color:#8A8EDC;}
ul.project-bullets li.org::before{color:#F8C065;}
ul.project-bullets li.sky::before{color:#75A6F7;}
ul.project-bullets li.grn::before{color:#A4DF63;}

/*  task detail page*/

.task-details-main-content
{
    max-width: 50% !important;
    padding: 15px;
}
.task-details-main-content .page-content
{
    padding: 30px 15px 15px;
}
.task-aside-left .aside-left, .task-aside-left .aside-right{
    width: 25%;
    max-width: 25%;
    height: 100%;
}
.progress-task{
    width: 100%;
}
.task-progress{
    width: 100%;
    padding: 10px 15px;
}
.tracked-list{
    width: 100%;
    padding: 10px 15px;
}
.tracked-list table thead tr th, .tracked-list table tbody tr td{
    font-size: 14px;
}
.add_manual_time{
  font-size: 12px !important;
  line-height: 19px !important;
  padding: 8px 15px !important;
}
.tracked-list .table-responsive{
  max-height: 400px !important;
}
.no-margin{
    margin: 0px;
}
.is-billable{
    border: 1px solid #736cc7;
    width: auto;
    display: inline-block;
    padding: 2px 7px;
    border-radius: 5px;
    color: #736cc7  !important;
}
.is-billable i{ font-weight: bold; color: #736cc7;}
.main-content .page-content{
    width: 100%;
}

@media (max-width:992px){
    .task-details-main-content
    {
        max-width: 100% !important;
    }
}

@media screen and (min-width: 1575px ){

  .response_year{

   padding-left: 230px;

  }
  .year{
    margin-left: 5px;
  }


}
@media screen and (max-width: 576px) and (max-width: 995px ) {

  .response_year{
    padding-left: 250px;
  }
  .year{
    margin-left: 10px;
  }

}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
   .response_year{

   padding-left: 250px;

  }
  .year{
    margin-left: 5px;
  }

}


   .response_years{

    padding-top: 10px;
    margin-right: 23px;

  }

  .years{
    margin-left: 5px;
  }

.detail-error
{
  color: red;
}

.fc-title{
  color: white;
}
@media (max-width:767px){
  ul.project-bullets li{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.danegr_color{
  background-color: red;
  text-align: center;
  color: white;
}


.carousel-indicators li{cursor: pointer;
  background-color: #9e99f9;}
.carousel-indicators li.active{

  background-color: #517EDC;
}
.task_list_card{

  margin-bottom: 5px;
  width: 100%;
}
.task_list_cards{

  margin-top: 10px;
}
.task_list_card_scroll{
    height: 400px;
    overflow-y: scroll;
    padding-top: 0.3rem;
}
.task_card_{
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 0px;
}
.text_upper{

  text-transform: uppercase;
}
.my_task_card_height{

  height: 200px;
}

.task_status_count{
  float: right;
}
.progress-bars {

  background-color: #2da137 !important;
}
.td_hide{
  display: none;
}

.working_task {

    width: 80%;
    margin: 0 auto;
}
.working_rightnow_task{

    width: 100%;
}
.task_input{

  margin-top: 15px;
}

.center{

  text-align: center;
}
.task_hours {

    margin-top: 10px !important;
    margin-left: 5px !important;
}

.page-content-widgets{
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  padding: 5px 30px 5px 30px !important;
}
#toast-container>div
{
    opacity: unset !important;
}

.task-note{
    margin-bottom: 10px !important;
    border-left: 2px solid #736cc7;
}

.task-note-data{
  display: flex;
  justify-content: space-between;
}

.input-type {
  height: 40px !important;
}

.filter-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid;
  border-right: .25em solid transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite
}

.box-shadow{
  box-shadow: 0 0 5px #999 !important;
}

.danger_color{
  text-align: center;
  color: red;
}