body{ background: #F38E2C; color: #fff; font-family: 'Open Sans', Arial, sans-serif;font-size: 13px;/*font-size: 13px; line-height: 1.462; */}
a:hover{ text-decoration: none; color: #F38E2C; }

footer{ text-align: right; color: #57585b; }
.navbar{ font-size: 14px; padding: 5px 0; background: #57585b;min-height: 58px; }
.navbar-nav{ background: #57585b; }
.navbar-dark .navbar-nav .nav-link {color: #FFFFFF;}
.navbar-dark .navbar-nav .nav-link:hover {color: #F78E1E;}
.navbar .active a{color: #F78E1E !important;}
.navbar .active{color: #F78E1E !important;}
.navbar-collapse{ background: #57585b; z-index: 99; height: 35px; }
.navbar .dropdown{ padding-left: 10px; }
.dropdown-item{ color: #fff; }
.dropdown-item:focus, .dropdown-item:hover{ background-color: #f08e33; }

.banner .carousel-inner, .banner .carousel-inner img{ height: 300px; }

#accordionScrumProject h5{background-color: #57585c!important;color: #f38e2c!important;font-size: 25px;padding: 5px;font-weight: bold;display: grid;}
/* #accordionScrumProject h5 span{margin: auto 0;} */
#accordionScrumProject h5 button{padding: 0!important;line-height: 1;color: #f38e2c!important;box-shadow:none!important;font-weight:bold!important;text-align: inherit;}
#accordionScrumProject h5 button span{float: right!important;}

.pie-chart{ background: #58595B;width: 16.667%; }
.highcharts-background{ fill: #3c3d40; }
.highcharts-yaxis-grid .highcharts-grid-line{stroke:#877c73;}
.highcharts-title{ fill: #fff !important; font-size: 16px!important; }
.highcharts-axis-labels text{ fill: #fff !important; }
#meter .highcharts-axis-labels text{ fill: #58595b !important; }
#chart .highcharts-color-0{ fill: #F38E2C !important; }
#container-one .highcharts-color-0{ fill: #F38E2C !important; }
#container .highcharts-color-0{ fill: #F38E2C !important; }
.highcharts-credits{display: none;}
.graphs h4 { margin-top: 30px; background-color: #58595b; color: #f78e1e; text-align: left; margin-bottom: 0; font-size: 20px; font-weight: 600; padding: 5px; }
.graphs .highcharts-background { fill: #787a7c; }
.charts .highcharts-background{fill: #fdd7af;}
.charts .highcharts-title { fill: #58595b !important; }
.charts .highcharts-axis-labels text {fill: #58595b !important;}

table{ margin-top: 20px; color: #6c6660 !important; }
table th{ background-color: #69645f; color: #fff; }
table tbody tr { background-color: #f9af5d; }

form{ width: 100%; }
.dashboard{ background-color: #FCD5AA; color: #57585b; 
	/*box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); */
	margin:10px 0; 
	padding: 20px; 
	border-radius: 10px; }
.dashboard .target{ padding: 75px 0 0 0; font-size: 20px; font-size: 30px; width: 215px; color: white; text-align: center; border-radius: 5px; margin: 30px auto; height: 200px; }
.dashboard .tar{background: #28a745; }
.dashboard .live{background: #dc3545; }
.heading{  margin: 10px 0; padding: 5px 20px; background-color: #69645f; color: #F38E2C; border: 1px solid #ced4da; border-radius: .25rem;font-size: 22px; }
.rhythm input{ text-align: center; }
.annual thead a{ color: #fff; }

.chat{border: solid 1px black; border-radius: 5px;padding: 10px;}
.progress-bar{ background-color: #28a745; }
.progress-bar span { padding: 15px; }
.progress-bar span:last-child { right: 0;}
.progress { background-color: red; height: 40px; font-size: 20px;}

.progress-bar-rhythm{ background-color: #4ce26e; }
.progress-bar-rhythm span { padding: 15px; }
.progress-bar-rhythm span:last-child { right: 0;}
.progress-rhythm { background-color: #ff6f83; height: 40px; font-size: 20px;}

/*.chat img{ width: 150px; min-height: 50px; cursor: pointer; }
.chat .chatbox{height: 300px; padding: 5px; overflow-y: scroll; background: #fff;}
.chat .distmessage{background: #FCD5AA; color: #58595B; padding: 0px 0px 0px 10px;}
.chat .empmessages{background: #FBC589 !important; color: #58595B; padding: 0px 0px 0px 10px; overflow-wrap: break-word; white-space: break-spaces; }
.chat .custmessage{background: #58595B !important; color: #fff; padding: 0px 0px 0px 10px;}*/

.chat img{ width: 150px; min-height: 50px; cursor: pointer; }
.chat .omessage{width: 100%;clear: both;display: block;position: relative;}
.chat .omessage .display{border-radius: 10px;padding: 10px;margin: 10px auto; overflow-wrap: break-word; white-space: break-spaces;}
.chat .omessage .display a{color: #ffffff; text-decoration: none;}
.chat .omessage .fa-sort-up{font-size: 24px;position: absolute;top: 20px;left: 10px;}
.chat .omessage.empmessages .fas{color: #f78e1d;}
.chat .omessage.empmessages .info{text-align: right;}
.chat .omessage.distmessage .fas{color: #ee1c24;}
.chat .omessage.empmessages .fa-sort-up{right: 10px;left: unset;}
.chat .omessage.empmessages{padding-left: 40%;}
.chat .omessage.distmessage{padding-right: 40%;}
.chat .omessage.custmessage{padding-right: 40%;}
.chat .chatbox{height: 66vh; padding: 5px; overflow-y: scroll; background: #fcc58c;}
.chat .distmessage .display{background: #ee1c24; color: #ffffff;}
.chat .empmessages .display{background: #f78e1d; color: #ffffff;text-align: left; }
.chat .custmessage .display{background: #58595B; color: #fff;}

.team .card{background: #fcd5a9; margin-bottom: 10px;}
/*.team .card .card-img-overlay {max-height: 240px;}*/

.ui-widget.ui-widget-content{ z-index: 2 !important; }

/*.errpage{text-align: center;padding: 35px;}
.errpage h1{width: 200px;border: 5px solid #fff;border-radius: 40px;padding: 20px;font-size: 80px;text-shadow: 3px 4px #000;margin: 30px auto;}
.errpage h2{text-shadow: 2px 3px #000;font-size: 50px;}*/
.errpage h2{ font-size: 34px; }
.paratext{ color: #57585B; font-size: 1.5rem; }
.text404{
    font-size: 10rem;
    text-shadow: 10px 8px 8px #000000;
    animation-name: example;
    animation-duration: 4s;
}

.rectangle{
    width: 50%;
    padding: 1.5rem;
    height: auto;
    margin: auto;
    border: 5px solid #57585B;
    border-radius: 2rem;
}
.greytext{ color: #57585B; }
.traingle{
    position: relative;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.rectangle:hover{ transform: scale(1.2); }
@keyframes example {
    0%{left:0px; right:0px;}
    25%{left:0; right:50px;}
    50%{left:0; right: 100px;}
    75%{ left: 50px; right:0;}
    100%{ left:0px; right:0px;}
}

@media (min-width: 1025px) and (max-width: 1280px) {
    html{ font-size: 55%; }
    .rectangle{ }
}
@media (min-width: 768px) and (max-width: 1024px) {
    html{ font-size: 50%; }
    .rectangle{ width: 50%; } 
}


@media (max-width: 768px) {
	.banner .carousel-inner, .banner .carousel-inner img{ height: 150px; }
	.banner h3{ font-size: 14px; }
	.banner h4{ font-size: 12px; }
	.team .col-md-3{ width: 50%; }
	.team .card-img-overlay{ padding: 10px; }
	.team .card-title{ font-size: 14px; margin: 0; }
	.team .card-text{ font-size: 12px; }
}
/*
.highcharts-axis-labels text {
    fill: #131212 !important;
}
*/


.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.memberTitle{margin-bottom: 5px; margin-top: 10px;overflow: hidden;background-color: #57585b;font-size: 18px;color: #f38e2c;padding: 5px;border: 1px solid #fff;border-radius: 5px;display: flex;justify-content: space-between;}
.memberTitle p{margin: auto 7px;} 
.memberTitle select {width: 200px;}

.scrumTitle{margin-bottom: 5px; display: flow-root;overflow: hidden;background-color: #57585b;font-size: 18px;color: #f38e2c;padding: 2px;border: 1px solid #fff;border-radius: 5px;}
.scrumTitle .scrumBtn{background-color: #57585b;padding: 8px;margin: -2px;display: inline-flex;}
.scrumTitle .addteambtn{float: right;width: 200px;background-color: white;border-radius: 5px;color:#495057;margin-right: 10px;}
.scrumTitle .teamlist{float: right;width: 200px;}
.teamvideo {margin-top: 10px;cursor: pointer;}
.teamvideo .teamtitle{background-color: #57585b;padding:5px;font-size: 11px;min-height: 45px;max-height: 100%;overflow: hidden;}
.teamvideo .teamtitle .teamheading{width: 75%;float: left;}
.teamvideo .teamtitle span{float:right;color:red;width: 25%;text-align: right;}
.teamvideo .teamtitle span i{font-size: 15px;}
.teamvideo .team-img {position: relative;}
.teamvideo .team-img img{width: 100%;height: 100px;}
.teamvideo .team-img .videotitle{position: absolute;bottom: 10px;color: red;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 5px;}
#popupvideoModal .popout-video .tmtitle{background-color: #57585b;padding: 2px 5px;font-size: 11px;}
#popupvideoModal .modal-content{background-color: black;}
#popupvideoModal .modal-content .modal-body{padding: 0 !important;}
#deletevideoModal .modal-footer .yes-btn{background-color:#ed7d31;border-color:#ed7d31;}
#addteamvideoModal .modal-content{background-color:#f38e2c;color: #434343;}
#addteamvideoModal .modal-content .modal-body{padding: 0;}
#addteamvideoModal .modal-content .modal-body h5{background-color: #57585b;color: #f38e2c;border: 1px solid #fff;font-weight: bold;font-size: 15px;padding: 5px;}
#addteamvideoModal .modal-content .modal-body form{padding: 25px;}
#addteamvideoModal .modal-content .modal-body form .uploadbtn{text-align: center;overflow: hidden;}
#addteamvideoModal .modal-content .modal-body form button{border: 1px solid white;font-weight: bold;}
#addteamvideoModal .modal-content .modal-body form .inputtitle{font-weight: bold;font-size: 15px;padding: 8px;}
#addteamvideoModal .cancelbtn{background-color: red;color: white;}
#addteamvideoModal .thumbnail-container{padding: 5px;}
#addteamvideoModal .thumbnail-container img{width: 80px;margin-left: 11px;cursor: pointer;}

#teamarea {position: relative;margin-top: 610px;width: 98%;margin-left: 1%;}
#center{position: inherit;margin: 0 auto; max-width: 300px;}
#center .text-center{color: #57585b;font: bold;font-size: 40px;font-weight: 800;}
#teamarea .team h3{font-size: 15px;}
#teamarea .team .team-heading i{cursor: pointer;}
#teamarea .team {position: absolute;border: 1px solid #57585b;border-radius: 100%;cursor: pointer;}
.team-heading{width: 70%;text-align: center;margin: 50px auto;}
#memberarea{width: 167px;height: 113px;}
#memberarea .member{border-radius: 100px;width: 40px;height: 40px;position: absolute;background-color: #ed7d31;border: 1px solid white;overflow: hidden;display: flex;margin-left: -2px;margin-top: 16px;cursor: pointer;}
#memberarea .member img{width: 30px;height: 30px;margin-left: -31px;margin-top: 4px;}
#memberarea .member h5{position: relative;font-size: 2.5px !important;top: 31px;width: 75%;text-align: center;margin-left: 6px;}
.popout-div{position: absolute;top: 20px;z-index: 2;width: 170px;}
.popout-div .member{border-radius: 100px;width: 40px;height: 40px;position: absolute;background-color: #ed7d31;border: 1px solid white;overflow: hidden;display: flex;margin-left: -2px;margin-top: 16px;cursor: pointer;}
.popout-div .member img{width: 30px;height: 30px;margin-left: -31px;margin-top: 4px;}
.popout-div .member h5{position: relative;font-size: 2.5px !important;top: 31px;width: 75%;text-align: center;margin-left: 6px;}
.popout-div .member h4{position: absolute;font-size: 2.5px !important;top: 28px;width: 75%;text-align: center;margin-left: 6px;}

#deletememberModal .modal-footer .yes-btn{background-color:#ed7d31;border-color:#ed7d31;}
#addmemberModal .modal-footer .update{background-color:#ed7d31;border-color:#ed7d31;}
#addmemberModal .dropdown-menu{max-height: 300px;overflow-y: auto;}
#addmemberModal .dropdown-menu::-webkit-scrollbar {width: 6px;}
#addmemberModal .dropdown-menu::-webkit-scrollbar-track {background: #f1f1f1;}
#addmemberModal .dropdown-menu::-webkit-scrollbar-thumb {background: #888;border-radius: 20px;}
#addmemberModal .dropdown-menu::-webkit-scrollbar-thumb:hover {background: #555;}
.confindetial_banner p{margin-bottom: 0px ! important;}

.current-tracker table{border-collapse:collapse;font-size: 9px;}
.future-tracker table{border-collapse:collapse;font-size: 9px;}
.current-tracker table thead th{text-align: center;border-bottom: 1px solid #fff;vertical-align: middle;}
.future-tracker table thead th{text-align: center;border-bottom: 1px solid #fff;vertical-align: middle;}
.current-tracker table tbody th,td{padding:0!important;text-align: center;vertical-align: middle!important;}
.future-tracker table tbody th,td{padding: 0!important;text-align: center;vertical-align: middle!important;}
.current-tracker table tbody td{background-color: #f9af5d;}
.future-tracker table tbody td{background-color: #f9af5d;}
.current-tracker table tbody tr i{cursor: pointer;}
.current-tracker{margin-top: 20px;}
.future-tracker table tbody tr i{cursor: pointer;}
.future-tracker{margin-top: 20px;}
#trackerModal .modal-content{background-color:#f38e2c;color: #434343;}
#trackerModal .modal-content .modal-body h5{background-color: #57585b;color: #f38e2c;border: 1px solid #fff;font-weight: bold;font-size: 15px;padding: 5px;}
#trackerModal .modal-content .modal-body form{padding: 25px;}
#trackerModal .modal-content .modal-body{padding: 0;}
#trackerModal .modal-content .modal-body form .inputtitle{font-weight: bold;font-size: 15px;padding: 8px;}
#trackerModal .modal-content .modal-body form .savebtn{border: 1px solid white;margin-left: 40px;}
#trackerModal .modal-content .modal-body form .cancelbtn{border: 1px solid white;background-color: red;color: white;}
.current-tracker .tracker-headings h2{color: #57585b;font-weight: 800;font-size: 18px;width: 50%;float: left;}
.current-tracker .tracker-headings button{float: right;margin-bottom: 10px;font-size: 13px;}
.future-tracker .tracker-headings h2{color: #57585b;font-weight: 800;font-size: 18px;width: 50%;float: left;}
.future-tracker .tracker-headings button{float: right;margin-bottom: 10px;font-size: 13px;}
.ui-datepicker.ui-widget-content{z-index:1055 !important;}
.current-tracker .exportfile a{color: white !important;}
.future-tracker .exportfile a{color: white !important;}
#trackerModal {z-index: 1050;}
.dragdrop{ margin-bottom: 10px; width: 100%; height: 150px; background: #FCD5AA; border:2px dashed #57585b;color: #DDDEDE; padding: 40px 40%; font-size: 14px; }
.dragdrop::before{ content: '.'; background-image: url(/static/images/arrow-alt-circle-down-solid.svg); display: inline-block; padding: 25px 28px; cursor: pointer; font-size: 5px; margin-left: 15px; margin-bottom: 10px; }
.dataTables_length{display: none!important;}
#currentTracker_filter{display: none!important;}
#futureTracker_filter{display: none!important;}
.dataTables_info{display: none!important;}
.dataTables_paginate{display: none!important;}
.team-diary table{ margin-top: 20px; color: #6c6660 !important; }
.team-diary table th{ background-color: #69645f; color: #fff; }
.team-diary table tbody tr:nth-child(odd){box-shadow: 0 4px #fff}
.team-diary table tbody tr:last-child{box-shadow: 0 1px #fff;}
.team-diary table tbody tr { background-color: #f9af5d;height: 20px!important; position: relative;}
.team-diary .diary ul{ padding: 0;position: absolute;z-index: 1;top: 0;}
.team-diary ul li{ list-style: none; margin-bottom: 5px;border-radius: 10px; cursor: pointer;width: 85px;/*border-left:1px solid #69645f;border-right:1px solid #69645f;*/font-size: 8px;/*padding: 2px;float: left;margin-right: 2px!important;*/overflow: hidden;position:absolute;}
.team-diary td:hover {background: #fff;}
.team-diary td{max-height: 20px;overflow: hidden;text-overflow: ellipsis;}
.timezonelist{font-size: 12px;padding: 0;}
.team-diary ul li strong{background: #f38e2c;display: block;padding: 2px!important;}

.team-diary ul .expand0{border-bottom:0px solid #69645f;border-bottom-left-radius: 0;border-bottom-right-radius: 0;overflow: inherit;}
.team-diary ul .expand1{border-top:0px solid #69645f;border-bottom:1px solid #69645f;border-top-right-radius: 0;border-top-left-radius: 0;}
.team-diary ul .expand2{border-top:0px solid #69645f;border-bottom:1px solid #69645f;}
.team-diary ul .expand3{border:1px solid #69645f;}
.team-diary ul .expand4{border-top:0px solid #69645f;border-bottom:0px solid #69645f;border-radius: 0;}
.team-diary ul .expand0 strong{height: 60px;margin: -1px -1px 0 -1px;border: 1px solid #69645f;border-radius:10px;margin-right: 2px!important;overflow: hidden;}

#diaryhuddleModal .modal-content{background-color:#f38e2c;color: #434343;}
#diaryhuddleModal .modal-content .modal-body h5{background-color: #57585b;color:white;border: 1px solid #fff;font-weight: bold;font-size: 15px;padding: 5px;}
#diaryhuddleModal .inputtitle{font-weight: bold;padding: 9px;}
#diaryhuddleModal .modal-content .modal-body{padding: 0;}
#diaryhuddleModal .modal-content .modal-body form{padding: 25px;}
#diaryhuddleModal .cancelbtn{background-color: red;border: 1px solid white;color: white;}
#diaryhuddleModal .savebtn{border: 1px solid white;margin-left: 45px;}
#diaryhuddleModal input[name="time"]{text-align: center;font-weight: bold;color: red;}
#diaryhuddleModal .diarybtn{border: 1px solid white;color: white;}
#diaryhuddleModal .deletebtn{border: 1px solid white;color: white;}
#diaryhuddleModal .scrumteambtn{border: 1px solid white;color: white;}
#diaryhuddleModal {z-index: 1050;}

@media only screen and (max-width:500px){
  #teamarea {position: relative;margin-top: 155px;width: 94%;margin-left: 1%;}
  #center{position: inherit;margin: 0 auto; max-width: 100px;}
  #center .text-center{color: #57585b;font: bold;font-size: 20px;font-weight: 800;}
  #teamarea .team h3{font-size: 6px;}
  #teamarea .team .team-heading i{cursor: pointer;font-size: 6px;}
  #teamarea .team {position: absolute;border: 1px solid #57585b;border-radius: 100%;padding: 4px;cursor: pointer;}
  .team-heading{width: 75%;text-align: center;margin: 1px auto;}
  #memberarea{width: 40px;height: 40px;}
  #memberarea .member{border-radius: 100px;width: 10px;height: 10px;position: absolute;background-color: #ed7d31;border: 1px solid white;overflow: hidden;display: flex;margin: -2px 3px;cursor: pointer;}
  #memberarea .member img{width: 6px;height: 6px;margin-left: -11px;margin-top: 1px;}
  #memberarea .member h5{position: relative;text-align: center;font-size: 1px !important;top: 6px;left: -5px;}
  #memberarea .member h4{position: absolute;text-align: center;font-size: 1px !important;top: 5px;left: -5px;}
  .popout-div{position: absolute;top: 218px;z-index: 2;width: 48px;}
  .popout-div #memberarea .member{border: 1px solid rgba(255, 255, 255, .1);-webkit-background-clip:padding-box;background-clip: padding-box;}

}
@media(max-width: 768px){
	.scard{ width: 32%; }
  .scrumTitle .scrumBtn{width: 100%; display: block;}
  .scrumTitle .form-control{width: 100% !important; display: block;margin-right: 0px;}
  /* .daysbar .project-value{width: 382px;margin-right: 5px;margin-left: 5px;}
  .daysbar .project-title{margin-left: 5px;} */
  #popupvideoModal .popout-video video{width: 100% ! important;}
  .team-diary ul li{max-width: 65px;padding: 2px 2px;}
}

.projects ul li a span{float: right;background-color: #f48c30;margin: -10px;padding: 8px;border: 2px solid #615e5d;position: absolute;right: 28px;top: 8px;bottom: 8px;display: block;-webkit-align-items: center;}
.projects ul li a span .fa-star{font-size: 25px;color: blue;position: relative;top: -3px;right: 6px;}
.projects ul li a span p{position: relative;top: -26px;color: black;right: 4px;}
.projects h2{ background-color: #57585c; color: #f38e2c; font-size: 26px; padding: 5px; }
.projects h5{ background-color: #57585c; color: #f38e2c; font-size: 23px; padding: 5px;font-weight: bold;  }
.projects .compProjects{display: flex;background-color: #57585c; color: #f38e2c; font-size: 23px; padding: 5px;margin: 15px 0 20px 0;}
.projects .compProjects .projectarrow{font-size: 45px;float: right;}
/* .projects .ongoingProjects .projectarrow{font-size: 45px;float: right;position: relative;right: 18px;top:57px;} */
.projects .compProjects .comphead{margin: auto;}
.projects ul{ padding: 0; }
.projects ul li{ list-style: none; background-color: #fec462; color: #57585c; border: 2px solid #808080; border-radius: 2px; font-weight: bold; }
.projects ul li a{ display: block;position: relative; padding: 8px 5px; padding-right: 22px; color: #57585c; }
.projects ul li a strong{float: right;background-color: #fbca92;margin: -10px;padding: 5px;border: 2px solid #615e5d; position: absolute;right: 8px;top: 8px;bottom: 8px; display: -webkit-flex;-webkit-align-items: center;width: 35px;justify-content: center;}
.projects .complete li a strong{ background-color: #f48c30;min-width: 35px;display: block;text-align: center; }
.projects .active{ border-color: red; }

.daysbar{margin-bottom: 5px; display: flow-root;overflow: hidden;background-color: #ffffff;font-size: 18px;color: #f38e2c;border: 3px solid #57585b;border-radius: 5px;}
.daysbar .dtitle{float: left;color: #fff;font-size: 11px;transform: rotate(270deg);margin-top: 2px;margin-right: -45px;background-color: #57585b;padding: 4px;font-weight: bold;width: 115px;text-align: center;}
.daysbar .dvalue{background-color: #fff; position: inherit;margin-left: -32px;height: 100px;color: #57585b;text-align: center;font-weight: bold; width: 100%;font-size: 60px;display: flex;}
/*.daysbar .dtitle{float: left;color: #fff;font-size: 11px;transform: rotate(270deg);margin-top: 38px;margin-right: -40px;background-color: #57585b;padding: 4px;font-weight: bold;width: 102px;text-align: center;}
.daysbar .dvalue{background-color: #fff;margin-left: 63px;height: 100px;color: #57585b;text-align: center;font-weight: bold;max-width: 60%;font-size: 60px;display: flex;}*/
.daysbar .desc p{text-align: center;margin-top: 4px;color: red;}
.daysbar .desc{ margin: auto 10px; text-align: center;}
.daysbar .blink_me { animation: blinker 1s linear infinite; margin:auto; }

.daysbar .project-title{float:left;background-color: #57585b;text-align: center;width:54%;color: white;font-size: 25px;margin-left: 39px;font-weight: bold;height: 100px;display: flex;}
.daysbar .project-value{float:left;background-color: white;width:29%;padding: 3px 0;font-size: 60px;color: #57585b;text-align: center;font-weight: bold;height: 100px;display: flex;}
.daysbar .project-title h3{margin: auto;}
.daysbar .project-title .opstar{ left: 54%; position: absolute;}
.daysbar .project-title .opstar .fa-star{color: blue;font-size: 30px;}
.daysbar .project-value .opstar{ left: 82%; position: absolute;font-size: 24px;}
.daysbar .project-value .opstar .fa-star{color: blue;font-size: 30px;}
.daysbar .project-title .opstar span{ left: 2px;top:6px; position: absolute;color: black;font-size: 15px;}
.daysbar .project-value .opstar span{left: 2px;top:6px; position: absolute;color: black;font-size: 15px;}
.project{ min-height: 600px;border: 2px dashed #57585b;padding: 15px;margin-bottom: 10px; display: flow-root; }
.project h3{ background-color: #57585b; color: #f38e2c; padding: 5px; margin-top: 20px; }
.project h5{ background-color: #57585b; color: #f38e2c; padding: 5px;}
.project .content{ background-color: #fbca92; color: #57585b; padding: 10px; }
.project .content button{ color: #faab2b; float: right; }
.teamProject h3{background:#57585b;font-size: 15px;padding: 5px; margin-bottom:0;}
.completedProject h3{background:#A6A6A6;font-size: 15px;padding: 5px; margin-bottom:0;}
.confindetial_banner p{margin-bottom: 0px ! important;}

#diaryhuddleModal .userList{margin-bottom: 5px;overflow: hidden;background-color: #fcd7af;font-size: 18px;padding: 2px;border: 1px solid #57585b;border-radius: 5px;}
#diaryhuddleModal .userList .member{border: 1px solid #57585b;border-radius: 100px;width: 40px;height: 40px;position: relative;background-color: #ef8b36;}
#diaryhuddleModal .userList .member img{width: 28px;height: 28px;margin-top: 5px;margin-left: 5px;}