.container{
	height: auto;
	overflow: visible;
	background: rgba(220,220,220,.9);
}
.blur-sec{
 filter: blur(8px);
  -moz-filter: blur(8px);
  -o-filter: blur(8px);
  -ms-filter: blur(8px);
 } 
 .container-inner-wrap{
 	overflow-x: hidden;
 	position: relative;
 	padding: 2.1875rem;
 }
.container-head-tdo{
 	font-size: 1.25rem;
	color: #5680a8;
}
.container-head-tdo:hover{
	color:#23527c;
}
.subheader-wrap-tdo{
	padding-top: .9375rem;
}
.timer-assesment{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 1rem;
	border-radius: 50%;
    background: #eee;
    margin-right: 2.75rem;
    margin-bottom: 0.5625rem;
}
.timer-assesment-sng{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.container-subhead-tdo{
 	font-size: 1.875rem;
	color: #5680a8;	
	line-height: .875rem;
}
.container-subhead-tdo:hover{
	color:#23527c;
}
/*
.dropdown-todo{
	background: none;
	border: none;
	color: #5680a8;
	font-size: 1.125rem;
	margin-top: 0.1875rem;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
	background-image: url('../images/dd-down_new.png');
       background-repeat: no-repeat;
       background-size: .875rem;
       background-position: 89% .5625rem;
       width: 9.25rem;
   	cursor:pointer;
	font-family:Lato-Regular;
}
.dropdown-todo:hover{
	color: #23527c;
}
*/
.bar-in-tiles-tdo{
	height: 2.0625rem;
	width: .3125rem;
	background: #22a6fa;
	float: left;
	margin-top: .125rem;
}
.row-of-tiles-tdo{
	margin-top: 1.375rem;
}
.tiles-type-text{
	font-size: .625rem;
	letter-spacing: 0.1px;
	color: #22a6fa;
	float: left;
	padding-left: .625rem;
	line-height: 0.8125rem;
}
.tdo-tile-right-icon{
	font-size: 1.375rem;
	letter-spacing: 0.1px;
	color: #f5a623;
}
.section-header-assesmnt-form{
	font-size: 1.25rem;
	color: #888888;
	margin-bottom: 0.75rem;
}
.tiles-todo-wrap{
	float: left;
	width: 24%;
	position: relative;
	height: 9.375rem;
	max-height: 8.4375rem;
	margin-left: 1.33%;
	cursor: pointer;
	box-shadow: 0px 2px 8px #aaa;
}
.survey{
	background: #f1faff;
}
.tdo-right-icon-wrap{
	float: right;
	position: relative;
}
.icon-info-text-tdo{
	font-size: .625rem;
	letter-spacing: 0.1px;
	text-align: right;
	color: #9b9b9b;
}
.tiles-todo-inner{
	padding-top: 0.3125rem;
	padding-right: 0.3125rem;

}
.todo-tile-info-text{
	font-size: 1.0625rem;
	line-height: 1.1875rem;
	letter-spacing: 0.1px;
	color: #000000;
	padding-left: 0.9375rem;
	max-height: 2.375rem;
	overflow: hidden;
	word-wrap: break-word;
}
.todo-create-info{
	padding-top: 0.6875rem;
	padding-left: 0.9375rem;
	line-height: 0.5rem;
	position:absolute;
}
.todo-create-info-small-text{
	font-size: .625rem;
	color: #9b9b9b;
	
}
.todo-create-info .todo-create-info-small-text {
	position:relative;
	top:-.25rem;
}
.todo-create-info-text{

	font-size: .875rem;
	letter-spacing: 0.1px;
	color: #4a4a4a;
	 margin-left: 0.3125rem;
}

.second-section-tiles .todo-create-info{
	padding-top: 0.6875rem;
	padding-left: 0.9375rem;
	line-height: 0.5rem;
	position:relative;
}
.todo-create-info-period{
	bottom:1.125rem;
	position:absolute;
	left:0.9375rem;
}
.tdo-due-wrap{
	position: absolute;
	bottom: 0.375rem;
	left: 0.9375rem;
}
.group-id-tdo{
	position: absolute;
	bottom: 0.4375rem;
	right: .3125rem;
	font-size: 0.5625rem;
	letter-spacing: 0.1px;
	color: #000000;
}
.due-time-tdo-text{
	font-size: .625rem;
	letter-spacing: 0.1px;
	color: #4a4a4a;
}
.name-tiles-related-tdo{
	color: #000000;
	font-size: .625rem;
	line-height: .875rem;
	text-align: right;
	padding-top: 1px;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	width: 5.375rem;
}
.icon-info-tdo-wrap{
	padding-right: .125rem;
}
.user-img-tiles-todo{
	position: absolute;
	top: -1.0625rem;
	height: 2.375rem;
	width: 2.375rem;
	border: 1px solid transparent;
	border-radius: 50%;
	object-fit:cover;
}
.tdo-right-image-wrap{
	float: right;
	position: relative;
	height: 2.375rem;
	width: 2.375rem;
}
.process{
	background: #f5f1fd;
}
.assesment{
	background: #fbf7eb;
}
.evaluation{
	background: #fff4fe;
}
.request{
	background: #f8eff0;
}
.approval{
	background: #f0f6e9;
}
.task{
	background: #f4fdfb;
}
.survey .bar-in-tiles-tdo{
	background: #22a6fa;
}
.process .bar-in-tiles-tdo{
	background: #a272f5;
}
.assesment .bar-in-tiles-tdo{
	background: #f8c210;
}
.evaluation .bar-in-tiles-tdo{
	background: #e866d5;
}
.request .bar-in-tiles-tdo{
	background: #dd7e89;
}
.approval .bar-in-tiles-tdo{
	background: #5e9a1b;
}
.task .bar-in-tiles-tdo{
	background: #58c7ad;
}
.survey .tiles-type-text{
	color: #22a6fa;
}
.process .tiles-type-text{
	color: #a272f5;
}
.assesment .tiles-type-text{
	color: #f8c210;
}
.evaluation .tiles-type-text{
	color: #e766d4;
}
.request .tiles-type-text{
	color: #dd7e89;
}
.approval .tiles-type-text{
	color: #5e9a1b;
}
.task .tiles-type-text{
	color: #58c7ad;
}
.see-all-tdo{
	font-size: 1.125rem;
	font-weight: bold;
	text-align: right;
	color: #527ea7;
	float: right;
	padding-top: .5rem;
	cursor: pointer;
}
.padding-top-tdo{
	padding-top: 1rem;
}
#cut-off-tdo .due-time-tdo-text{
	color: #ef6a6a;
}
.row-exp-tiles-inner-wrp{
		padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
	padding-bottom: 1.875rem;
}
.row-exp-tiles-inner-wrp-report{
		padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
	padding-bottom: 4.875rem;
}
.perticular-info-sur-left{
	padding-top: 1.125rem;
}
.perticular-info-sur-bottom {
	position:absolute;
	bottom:1.375rem;
	width:100%;
	left: 1.5rem;
}
.row-exp-tiles-tdo-outer{
	margin-top: 1.375rem;
	background: #4a4a4a;
	display: none;
	position: relative;
	max-height: 26.875rem;
	
}
.row-exp-tiles-tdo-outer-report{
	background: #4a4a4a;
	display: block;
	position: relative;
}
.overlay-on-exp-tdo{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .8;
	background: rgba(74, 73, 74, 0.99);
	z-index: 100;
	display: none;
}
.padding-bot-row-exp{
	padding-bottom: 4.5rem;
}
.info-tiles-title-tdo{
	color: #bcbcbc;
	font-size: .875rem;
	letter-spacing: 0.1px;
}
.info-tiles-title-tdo-overflow{
	float:left;
}
.detail-info-tiles-title-tdo{
	color: #fff;
	font-size: .875rem;
	letter-spacing: 0.1px;
	line-height: 1.125rem;
	padding-left: 0.25rem;
}
.detail-info-tiles-title-tdo-overflow{
	white-space: pre-wrap;
}
.detail-info-wrap{
	float: left;
    width: 75%;
    position:relative;
    top: -0.125rem;
}
.detail-info-wrap-util{
	float: left;
    width: 75%;
    position:relative;
    top: -0.375rem;
}
.sur-details-wrap-left{
	float: left;
	width: 69%;
	padding-right: 1%;
	max-height: 20.625rem;
	overflow-y: scroll;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
.sur-details-wrap-left-report{
	float: left;
	width: 69%;
	padding-right: 1%;
}
.sur-details-wrap-left-first{
	width: 48%;
	float: left;
}
.sur-details-wrap-left-second{
	width: 37%;
	float: left;
	position: relative;
}
.sur-details-wrap-left-third{
	width: 15%;
	float: left;
}
.sur-details-wrap-right{
	float: right;
	width: 24%;
	padding-left: 2.5%;
	border-left: 1px solid #2a2a2a;
	margin-left: 2.4%;
	margin-top: .9375rem;
}
.tdo-duration-wrap{
	padding-top: 1rem;
}
.time-text-tdo-exp{
    font-size: 1.1875rem;
    
    letter-spacing: 0.1px;
    color: #ffffff;
    
    padding-top: .1875rem;
    line-height: 1.5rem;
}
.close-comments-tdo{
	font-size: 0.6875rem;
	letter-spacing: -0.2px;
	color: #abd2ff;
	position: absolute;
	right: 6.25rem;
	bottom: 1.3125rem;
	cursor: pointer;
}
.close-comments-tdo:hover{
	color: #74b3fd;
}
.conclude-comments-tdo{
	font-size: 0.6875rem;
	letter-spacing: -0.2px;
	color: #abd2ff;
position: absolute;
    right: 1.125rem;
    bottom: -1rem;
    cursor: pointer;
}
.start-tdo,.start-tdo-rpwo{
  width: 10rem;
  font-size: .875rem;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  height: 1.875rem;
  background-color: #5680a8;
  outline: none;
  border: 1px solid #5680a8;
  padding-left: .9375rem;
  padding-right: .9375rem;
  margin-top: .3125rem;
  opacity: 1;
  cursor: pointer;
  transition: all ease-out .2s;
}
.start-tdo:hover{
  box-shadow: 0px 0px .1875rem #5680a8;
}
.grey-start-tdo{
  width: 90%;
  font-size: .875rem;
  font-weight:bold;
  letter-spacing: -0.2px;
  text-align: center;
  color: #666666;
  height: 2rem;
  background-color: #999999;
  outline: none;
  border: 1px solid #999999;
  padding-left: .9375rem;
  padding-right: .9375rem;
  margin-top: .3125rem;
  opacity: 1;
  cursor: auto;
  transition: all ease-out .2s;
}
.start-button-wrp{
	margin-top: 2rem;
}
.header-text-wrap{
	float: left;
	width: 32.33%;
	padding-right: 1%;
}
.header-text-wrap:nth-child(1) {
   text-align:left; 
}
.header-text-wrap:nth-child(2) {
   text-align:center; 
}
.header-text-wrap:nth-child(3) {
   text-align:right; 
}
.tiles-info-header-tdo{
	padding-bottom: .9375rem;
	border-bottom: 1px solid #232323;
	width: 100%;
}
.mr-radio-btn-hide{
	display: none;
}
.tdo-rad-btn-wrap{
	float: left;
	margin-right: .625rem;
}
.tdo-rb-text{
	font-size: 0.8125rem;
	padding-left: 1.25rem;
	font-weight: 300;
	letter-spacing: -0.2px;
	color: #eeeeee;
	margin-left:0rem;
}
.tdo-view-outer-rb-wrap{
	margin-top: .625rem;
}
.icon-close-tdo-exp{
	font-size: .875rem;
	color: #abd2ff;
	cursor: pointer;
}
.icon-close-tdo-exp:hover{

	color:#74b3fd;


}
.close-icn-tdo-wrp, .close-icn-tdo-wrp-filled,.close-icn-tdo-wrp-rpwo{
	position: absolute;
	right: .9375rem;
	top: .9375rem;
	z-index: 1;
}
.tdo-rad-btn-wrap input[type="radio"] + label {
    background-image: url(../images/circle_new.png);
    background-size: .875rem;
    background-repeat: no-repeat;
    background-position: 0px .25rem;
}
.tdo-rad-btn-wrap input[type="radio"]:checked + label {
    background-image: url(../images/select-crcle_new.png);
    background-size: .875rem;
    background-repeat: no-repeat;
    background-position: 0px .25rem;
}
.padding-t-z{
	padding-top: 0;
	margin-top:-0.9375rem;
}
.perticular-info-sur-left .header-text-wrap{
	width: auto;
 }
.padd-left-tdo{
	padding-left: 2.5rem;
}
.float-right {
    float: right;
}
.row-exp-tiles-tdo-outer .user-com-img{
	width: 2.5rem;
	height: 2.5rem;

}
.row-exp-tiles-tdo-outer .user-name{
	color: #aaaaaa;
}

.row-exp-tiles-tdo-outer .user-comment{
	color: #ccc;
}
.row-exp-tiles-tdo-outer .comment-time-text{
	color: #ccc;
}
.row-exp-tiles-tdo-outer .reac-icon{
	color: #abd2ff;
}
.row-exp-tiles-tdo-outer .reac-icon-fill{
	color: #abd2ff;
}
.row-exp-tiles-tdo-outer .reaction-number{
	color: #abd2ff;
}
.cur-user-com-tdo{
	width: 75%;
	position: absolute;
	bottom: 1rem;
	left: 1.25rem;
}
.cur-user-com-tdo-report{
	width: 75%;
	bottom: 1rem;
	left: 1.25rem;
}
.row-exp-tiles-tdo-outer .user-comment-ta-wrap{
	width: 82%;
}
.row-exp-tiles-tdo-outer .user-com{
	padding-right: 0;
}
.prev-comments-tdo{
	display: none;
}
.show-comments-numbers{
	font-size: 1.125rem;
	letter-spacing: -0.3px;
	color: #9b9b9b;
	padding-top: .75rem;
}
.checkbox-done-tdo-task{
	margin-top: 2.5rem;
	padding-bottom: 1.25rem;
}
.chkbx-text-tdo{
	color:#abd2ff;
	font-size: 1.125rem;
	margin-left: 1.375rem;
}
.test-scroll{
	height: .125rem;
	width: 100%;
}
.approve-text{
	color: #abd2ff;
	font-size: 1.125rem;
	float: left;
	border-right: 1px solid #2a2a2a;
	padding-right: .9375rem;
	padding-top: .1875rem;
	padding-bottom: .1875rem;
	cursor: pointer;

}
.todo-create-period{
	position: absolute;
	bottom: 1.375rem;
	left: 0.9375rem;
}
.reject-text{
	color: #abd2ff;
	font-size: .875rem;
	float: left;
	padding-left: .9375rem;
	padding-top: 0.8125rem;
	cursor: pointer;
}
.approval-exp-tdo .checkbox-done-tdo-task{
	padding-bottom: 1.25rem;
	margin-top: 1.25rem;
}
.comment-btn{
	cursor: pointer;
}
.mt-tdo-button{
	margin-top: 2.1875rem;
	margin-bottom: 2.1875rem;
}
.overlay-text-tdo{
	font-size: 1.375rem;
	letter-spacing: 0.1px;
	text-align: center;
	color: #cccccc;
	line-height: 12.5rem;
}
.ie .container{
	background: rgba(220,220,220,.98);
}
.safari .container{
	background: rgba(220,220,220,.96);
}
.approval-exp-tdo-utp .cur-user-com-tdo{
	margin-bottom:1.5625rem;
}
.show-hide-comments-tdo{
	display: none;
}
.non-edit{
	color: #888888;
	border-right: none;
	cursor: auto;
}
.red-alert-due{
	color: #d0021b;
}
.things-to-do .container-inner-wrap{
	padding-bottom: 2rem
}
.alert-due-exp{
	color: #d64f5f;
	font-size: 1.5rem;
}
.image-tdo-user{
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	margin-top: .25rem;
	object-fit: cover;
}
.close-attached-icon, .popup-close-attached-icon{
	font-size: 14px;
	cursor: pointer;
	letter-spacing: -0.3px;
	text-align: center;
	color: #abd2ff;
	position: absolute;
	right: 0;
	top: 0.4rem;
	display: none;
}
.popup-close-attached-icon{
    position: unset;
    margin-right: 0.5rem;
}
.task-exp-tdo-today .close-attached-icon{
	top:auto !important;
	bottom: 1.5rem !important;
	right: 1rem !important;
}
.comment-image-tdo, .task-img{
	max-height: 12.5rem;
        max-width: 19rem;
	margin-bottom: .625rem;
	margin-top: .625rem;
	cursor:pointer;
}
.textarea-tdo{
	background: transparent;
	height: 2rem;
	border: solid 1px #909090;
	color: #ccc;
	width: 99% ;
}
.attach-image-tdo-wrap, .popup-attach-image-tdo-wrap{
	position: absolute;
    right: 2rem;
    bottom: .875rem;
    width: 2rem;
    height: 2rem;
    display: none;
}
.popup-attach-image-tdo-wrap{
    position: unset;
    margin-right: 0.75rem;
}
.attach-img-comments, .popup-attach-img-comments{
	width: 2rem;
	height: 2rem;
}
.attach-shift-button{
	right: 4.5rem;
}
.tdo-duration-wrap .detail-info-tiles-title-tdo{
	padding-top: .3125rem;
	padding-left:0;
}
.exp-popup-header{
	height: 3.125rem;
    background: #becfdf;
    width: 100%;
}
.popup-exp-header{
	font-size: 1.3125rem;
    letter-spacing: -0.4px;
    color: #4a4a4a;
    padding-left: 2rem;
    padding-top: .8125rem;
    float: left;
}
.exp-popup-close-icon{
	float: right;
    font-size: 1.25rem;
    letter-spacing: -0.3px;
    color: #527ea7;
    padding-top: .875rem;
    padding-right: 2rem;
    cursor: pointer;
}
.popup-wrap-expansion{
	position: absolute;
	width: 40rem;
	left: 50%;
	margin-left: -20rem;
	top: 1.5rem;
	z-index: 10000;
	display: none;
}
.opeq-wrap-expansion{
	    position: absolute;
    background: rgba(0,0,0, .8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    display: none;
}
.exp-container-tdo{
	padding-top: 1.5rem;
	background: #eee;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 1.5rem;
}
.left-text-cont-head-tdo{
	font-size: 1.25rem;
	letter-spacing: -0.4px;
	color: #666666;
}
.right-text-cont-head-tdo{
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: -0.4px;
	color: #666666;
	text-decoration: underline;
	padding-left: .5rem;
}
.container-header-popup-tdo{
	text-align: center;
}
.thin-border-popup-tdo{
	padding-top: 2.5rem;
	margin-bottom: 1rem;
	height: 2px;
	border-bottom: 1px solid #979797;
	width: 70%;
	margin: 0 auto;
}
.user-img-tdo-popup{
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	object-fit:cover;
}
.user-img-tdo-popup-wrap{
	float: left;
}
.popup-comment-tdo-exp{
	margin-top: 2.5rem;
	display: flex;
}
.popup-comment-textarea-tdo{
	width: 100%;
    outline: none;
    border: none !important;
    color: black;
    padding-left: .875rem;
    padding-top: 1.125rem;
    margin-left: 1rem;
    resize: none;
    overflow-y: hidden;
}
.popup-comment-wrap-tdo{
	float: left;
	border: 1px solid #909090;
	background: white;
	display: flex;
	align-items: center;
	margin-left: 1rem;
	width: 100%
}
.popup-comments-tdo{
    display: flex;
    width: max-content;
    margin-right: 0.75rem;
    color: #5F80A5;
    size: 16px;
    align-items: center;
}
.popup-button-tdo-exp{
	width: 100%;
	text-align: center;
	color: white;
	font-size: 1.125rem;
	height: 2.5rem;
	margin-top: .9375rem;
	background-color: #5680a8;
	border: none;
	outline: none;
	cursor: pointer;
}
.attach-shift-upload-button{
       right: 9.5rem;
}
.tab-header{
	margin-left: 1rem;
	margin-right: 0.625rem;
	padding-bottom: .625rem;
	cursor: pointer;
	transition: all ease-out .2s;
	position:relative;
	top:1px;
	border-bottom: 0.5rem solid transparent;
}
.border-bottom-tdo{
	border-bottom: solid 1px #5680a8;
}
.thick-border-bottom{
	border-bottom: .5rem solid #5680a8;
}
.more-icon-tdo{
	font-size: 1.5rem;
	color: #5680a8;
	cursor: pointer;

}
.exp-header-more-text{
	color: #5680a8;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.875rem;
    padding-left: 1rem;
}
.exp-header-more-text:hover{
	color:#23527c;
}
.more-icon-wrap{
	float: left;
	position: relative;
}
.exp-header-more{
    background: #eee none repeat scroll 0 0;
    border: 1px solid #cccccc;
    display: none;
    left: 0.5625rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    position: absolute;
    top: 1.625rem;
    width: 10rem;
    z-index: 100;	
}
.exp-header-more .exp-header-more-text{
	font-size: 1rem;
	line-height: 1.8;
}
.m-l-zero{
	margin-left: 0;
}
.tile-data-tdo-inner-wrp .container-head-tdo{
	padding-top: 1rem;
	color: #4a4a4a;
	text-transform: capitalize;
}

.arrow-expansion-tdo-first{
    width: 0px;
    height: .9375rem;
    border-left: .8125rem solid transparent;
    border-right: .8125rem solid transparent;
    border-bottom: .8125rem solid #4a4a4a;
    margin-left: 1.1875rem;
    opacity: 1;
    position: absolute;
    left: 8%;
   top: -1.6875rem;
}
/*calendar styles start here*/
.fc-right{
	display: none;
}
.fc-today-button{
	display: none;
}
.fc-event .fc-content {
   background-image: url(../images/tickfortileexpansion.png);
   background-repeat: no-repeat;
   background-size: 0.8125rem;
   background-position: 1.625rem -0.125rem;
}
.fc-event, .fc-event-dot{
	background: none;
}
tr:first-child > td > .fc-day-grid-event{
	border: none;
}
.approval-exp-tdo-today .start-tdo{
	width:  5.8125rem;
	float: left;
}
.fc-prev-button{
	position: absolute;
	top: 9.5rem;
	left: 0;
}
.fc-next-button{
	position: absolute;
	top: 9.5rem;
	right: 0;
}
.fc-toolbar button{
	position: absolute;
}
.fc-center h2{
		font-size: .875rem;
	text-align: center;
	color: #666666;
	margin-top: 1.25rem;
}
.fc-row table{
	border: none;
}
.fc th, .fc td{
	border: none;
	padding-bottom: 0.4375rem;
}
.fc-unthemed .fc-today{
	background: #7f7f7f;
}

.fc table{
	font-size: .75rem;
}
.fc-day-grid-container{
	width: 18.125rem !important;
}
.fc-view-container{
	width: 18.125rem;
	margin: 0 auto;
}
.fc-state-default{
	background: #4a4a4a;
}
.fc button .fc-icon{
	color: #ccc;
	font-size: .75rem;
}
.fc-state-default.fc-corner-left{
	border: none;

}
.fc-state-default.fc-corner-left {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.fc-state-default.fc-corner-right {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.fc-state-default{
	border: none;
	border-color: #4a4a4a;
	box-shadow: none;
}
.fc-prev-button, .fc-next-button{
	outline: none;
	right: .625rem;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td{
	color: #eee;
}
.fc-bg table{
	height: 1.5625rem;
}
.fc-day-header span{
	margin-left: -1.6875rem;
}
.fc-basic-view .fc-body .fc-row{
	min-height: 2.1875rem;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
	float: none;
	text-align: center;
	padding-left: .25rem;
    line-height: 1rem;
}
.fc-day-header span{
	color: #828385;
}
.fc-event a {
    background-color: black; /* background color */
    border-color: black;     /* border color */
    color: red;              /* text color */
    }

.coutndown-wrapper-time{
	top: 0 !important;
	display: none !important;
}

  .timer, .timer-done, .timer-loop {
    font-size: 30px;
    color: black;
    font-weight: bold;
    padding: 10px;
  }
  .jst-hours {
    float: left;
    font-size: 2rem;
    color: #888
  }
  .jst-minutes {
    float: left;
    font-size: 2rem;
    color: #888
  }
  .jst-seconds {
    float: left;
     font-size: 2rem;
    color: #888
  }
  .jst-clearDiv {
    clear: both;
  }
  .jst-timeout {
    color: red;
  }
  .timer-wrap{
    position: fixed;
    top: 11.5rem;
    z-index: 100000;
    right: 8rem;
  }
  .timer-wrap-sng{
  	border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
  }
.countdown-timer{
	width: 8.5rem;
	margin: 0 auto;
}
.countdown-timer-sng{
	width: 8.5rem;
	margin: 0 auto;
}
.row-exp-tiles-tdo-outer-filled,.row-exp-tiles-tdo-outer-rpwo{
   margin-top: 1.125rem;
   background: #4a4a4a;
   display: none;
   position: relative;
   max-height: 26.875rem;
   
   margin-bottom: 1.125rem;
}
.master-child-header-one{
	font-size: 1.2rem;
	line-height: 1.625rem;
	color: #6b6b6b;
	padding-top: 1rem;
	padding-bottom: 1.5rem;
	margin: 0 auto;
    	width: 70%;
}
.gry-master-child-header-one{
	color:  #9b9b9b;
}
.m-c-first-col{
	width: 34%;
	float: left;
}
.m-c-sec-col{
	width: 40%;
	float: left;	
}
.m-c-third-col{
	width: 26%;
	float: left;	
}
.m-c-row{
	margin-top: 2rem;
}
.m-c-first-col .tiles-todo-wrap{
	width: 94%;
	box-shadow: 0 2px 4px 0 #cccccc;
}

#m-c-process .form-master-container{
	margin:0 auto;
}

#m-c-process .fisrt-look-c-text {
 	color:#5680A8;
}

#m-c-process .form-content-container-innerwrap{
	width: 100%;
}
#m-c-process .down-arrow-icon-tdo{
	padding-top:.375rem;
}
#m-c-process .up-arrow-icon-tdo{
	padding-top:.375rem;
}
#m-c-process .select-assign-wrap-inp{
	 margin-top:2.25rem;
}
#m-c-process .user-autosuggest-search{
    top: .375rem;
    left: .1875rem;
    z-index: 10000;
}
#m-c-process .user-autosuggest-search-data{
	background:white;
	border: 1px solid #ccc;
}

#m-c-process .autoCompleteContainer{
	font-size:.75rem;
	padding:.25rem;
	color:#5680A8;
	border:none;
}

#m-c-process .assign-button{
	width:89%;
}

.child-question-container .form-content-container{
	width:100%;
	padding-left:3rem;
	padding-right:1rem;
}

.child-question-container .form-content-container-innerwrap{
	width:100%;
	height:auto !important;
}

#m-c-process .m-c-row {
	width:70%;
	margin: 0 auto;
	margin-top: 2rem;
}

#m-c-process .reportForm {
    width: 100%;
    background: white;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: #eee;
    margin-top: 1rem;
}

.back-text-mc{
	font-size: 1.125rem;
	text-align: center;
	color: #5680a8;
	padding-top: 1.5rem;
	cursor: pointer;
}
.back-text-mc:hover{
	color:#23527c;
}
.border-mc-bottom{
	width: 75%;
	margin: 0 auto;
	height: 3px;
	border-bottom: 2px solid #ddd;
	margin-top: 3rem;
}
.sel-assignee-dd{
	font-size: 1.25rem;
	font-weight: bold;
	color: #527ea7;
	background: transparent;
	border: none;
	outline: none;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 1rem;
	margin-top: 2rem;
	margin-left: 8%;
}
.gry-info-mc-text{
	font-size: 1rem;
	font-weight: bold;
	color: #9b9b9b;
	padding-top: .75rem;
	cursor:auto;
}
.blue-info-mc-text{
	font-size: 1rem;
	font-weight: bold;
	color: #5680A8;
	padding-top: .75rem;
}
.blue-info-mc-text:hover{
	color:#23527c;
}
#m-c-process .due-date{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: solid 1px #9b9b9b;
    color: #9b9b9b;
    font-size: 1rem;
    font-weight: bold;
    /* height: 1rem; */
    /* line-height: 75px; */
    outline: medium none;
    width: 7rem;
    padding-top:0.25rem;
    padding-bottom:0;
    
}

.assign-button{
	width: 13rem;
    font-size: 1rem;
    letter-spacing: -0.2px;
    text-align: center;
    color: #ffffff;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-color: #5680a8;
    outline: none;
    border: 1px solid #5680a8;
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin-top: 2.5rem;
    opacity: 1;
    cursor: pointer;
    transition: all ease-out .2s;
    float: left;
}
.assign-button:hover {
    box-shadow: 0px 0px .1875rem #5680a8;
}
.assigned .tiles-todo-wrap{
	background-color: #eeeeee;
	border: solid 0.5px #cccccc;
}
.assigned .tiles-type-text{
	color: #9b9b9b;
}
.assigned .todo-tile-info-text{
	color: #9b9b9b;
}
.assigned .bar-in-tiles-tdo{
	background: #9b9b9b
}
.assigned .todo-create-info-small-text{
	color: #9b9b9b;
}
.assigned .todo-create-info-text{
	color: #9b9b9b;
}
.assigned .group-id-tdo{
	color: #9b9b9b;
}
.assigned .todo-create-info-small-text{
	color: #9b9b9b;
}
.assigned .due-time-tdo-text{
	color: #9b9b9b;
}
.assigned-by{
	padding-top: 2rem;
	padding-bottom: 1rem;
}

.form-wrap-outer-mc{
	display: none;
}
.mlra-sel-inner{
	margin: 0 auto;
	width: 70%;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.mlra-sel-inner .fisrt-look-c-wrap {
	width: 15rem;
	float: left;
	background: #eee;
	position: relative;
	padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: .5rem;
    padding-right: .5rem;
	margin-top: 1.5rem;
}
.mlra-sel-inner .fisrt-look-c-text {
	font-size: 1.125rem;
	letter-spacing: 0.1px;
	color: #4a4a4a;
	width: 80%;
}
.mlra-sel-inner .down-arrow-icon-tdo{
	float: right;
	padding-top: .3125rem;
}
.mlra-sel-inner .up-arrow-icon-tdo{
	float: right;
	padding-top: .3125rem;
}
.mlra-sel-inner .inp-for-coverage {
	background: #eee;
        box-sizing: border-box;
        width: 100%;
}
.input-assign-mlra{
	background: #eee;
	font-size: 1rem;
	float: left;
	margin-top: 1.5rem;
	margin-left: 2rem;
	padding-top:.3125rem;
	padding-bottom:.3125rem;
	padding-left:.5rem;
	height: 2rem;
	outline: none;
	border: none;
    color: #444;
    
}

.input-assign-mlra:focus{
 border:none;

}
.mlra-assign-due-wrap{
	background: #ddd;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.sel-asignee-header{
	color: #444444;
	font-size: 1.3125rem;
	padding-bottom: 2rem;

}
.select-header{
	color: #444444;
	font-size: 1rem;
	float: left;
	position: absolute;

}
#due-dte-mlra{
	left: 32.8125rem;
}

.first-line-master{
    height: 100%;
    position: absolute;
    right: 1px;
    border-right: 1px solid #dadada;
}
.sec-line-master{
	height: 100%;
    position: absolute;
    right: .1875rem;
    border-right: 1px solid #dadada;
}
.third-line-master{
	height: 100%;
    position: absolute;
    right: .3125rem;
    border-right: 1px solid #dadada;
}
.text-filter-filled{
	line-height: 1.25rem;
	padding-top: .125rem;
}

.sur-details-wrap-left::-webkit-scrollbar {
   display: none;
}


.master-child-sel-asgn .fisrt-look-c-text {
    colour: #5680a8;
    font-weight:bold;
    font-size:1.25rem;
}
.master-child-sel-asgn .fisrt-look-c-text:hover {
	color:#23527c;
}
.master-child-sel-asgn .fisrt-look-c-wrap {
    position:relative;
    width: 80%;
}

.master-child-sel-asgn .input-for-coverage-wrap {
   width:88%;
   position:relative;
}

.master-child-sel-asgn .inp-for-coverage {
 background: #eee;
}

.things-to-do .container{
 min-height: 12rem;
}
.top-section-tiles-tdo{
       min-height: 2.375rem;
}
.filled-filter-clear-container{
	width:100%;
	padding-top:0.5rem;
	padding-top:0.75rem;
}
.filled-filter-clear{
    cursor:pointer;
    float:left;
}
.reset-icon{
	color:#5680a8;
	float:left;
	font-size:0.75rem;
}
.reset-all-text-filter{
	color:#5680a8;
	float:left;
	font-size:0.875rem;
	padding-left:0.25rem;
}
.reset-all-text-filter:hover{
	color:#23527c;
}
.popup-wrap-for-rp-appr .rp-popup-container{
	height: 24rem;
}
.plus-icon-bt-wrap {
    margin-right: 0;
}
.create-task-appr-parent{
	position: relative;
    float: right;
}
.plus-icon-btn-top {
    width: 3.125rem;
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
    height: 1.5rem;
    background-color: #5680a8;
    outline: none;
    border: none;
    padding-left: 1.875rem;
    padding-right: .9375rem;
    margin-top: .3125rem;
    padding-top: .375rem;
    line-height: 1rem;
    opacity: 1;
    cursor: pointer;
    transition: all ease-out .2s;
}
.plus-icon-btn-top:hover{
	box-shadow: 0px 0px 0.1875rem #5680a8;
}
.plus-icon-inside-btn{
	color: #fff;
    left: .625rem;
    top: .75rem;
    font-size: 1rem;
    position: absolute; 
    cursor:pointer;
}
.create-task-appr-parent .plus-expansion-wrap {
	top:2.25rem;
	z-index: 10;
	box-shadow: 2px 2px 4px #aaa;
	border-radius:0;
	background:#eee;
	left: -2.625rem;
}
.popup-conatiner-preview{
	display:none;
}
.m-c-autosuggest-container{
    position: absolute;
    top: 100%;
    width: 95%;
    z-index: 100000000;
    height: 11rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.fc-prev-button{
	float:left;
}

.things-to-do .absoulute-element-show{
	width:100%;
}

.things-to-do .create-task-button{
	height:2rem;
	padding-right: 0rem;
	padding-left: 0rem;
	padding-top: .625rem;
}

.select-date-rp-popup{
	width:12rem;
}
tr:first-child > td > .fc-day-grid-event {
   margin-top: -29px;
}

.todo-title{
    color: rgba(74,74,74, .76);
font-size: 1.5rem;
}

.things-to-do .header-input-rp-wrap{
width:81%;
}
.things-to-do .mandatory-icon-popup{
top:1.5rem;
left:5.7rem;
}
.things-to-do .popup-wrap-for-rp-appr .create-approval-button{
height:2rem;
padding-right: 0rem;
padding-left: 0rem;
padding-top: .625rem;
}
.things-to-do .button-row-rp-popup{
margin-right:0rem;
}

.popup-wrap-for-rp-task .rp-popup-container{
	height: auto;
	padding-bottom: 2.5rem;
}

.todo-create-info .todo-create-info-text{
width:12.875rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block;
	line-height:1.1875rem;
        position:absolute;
        margin-left: 0.3125rem;
	top:0.125rem;
}
.display-none-tdo{
	display:none;
}
#utility-exp .container-subhead-tdo,#utility-exp .container-head-tdo{
	color:#4a4a4a;
}

.expansion-tdo .talk-no-result{
	margin-top:8rem;
}
.expansion-tdo .talk-no-result-today{
	margin-top:5rem;
}
.container-min-height {
	min-height: 40rem;
}
.top-container-todo .container-inner-wrap{
	min-height:20rem;
}
.filled-sec-header-rpwo .first-col-tdo{
	left: 0.9375rem;
	position: relative;
}
.table-header-wrap .first-col-tdo{
	left: 0.9375rem;
	position: relative;
}
.default-cursor{
	cursor:default;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #aaa;
}

.comment-wrap-fix{
		width:80% !important;
		margin-top: 20px;
	}
	
.comment-textarea-fix{
	font-family: lato-regular;
	box-sizing: border-box;
    height: 4.875rem;
    padding-right: 9rem !important;
    width: 100%;
	}
	
.first-line-process{
    position: relative;
    border-left: solid 1px #cccccc;
    height: 100%;
    float: left;
    width: .5rem;
    left: .5rem;
    background: #f5f1fd;

}
.second-line-process{
    position: relative;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    height: 100%;
    float: left;
    width: .4375rem;
    box-shadow: -2px 0px 1px 0 #dddddd;
    background: #f5f1fd;
    z-index: 1;
    left: .5rem;	
}
.thick-brdr-for-pro{
 background: #a272f5;
    height: 2.0625rem;
    width: .8125rem;
    position: absolute;
    top: .4375rem;
    left: -.5625rem;
}
.thick-sec-brdr-for-pro{
    background: #a272f5;
    height: 2.0625rem;
    width: .3125rem;
    position: absolute;
    top: .4375rem;
    left: -1px;
}

.m-coverage .tiles-todo-inner{
float: left;
    width: calc(100% - 2rem);
    box-shadow: -2px 0px 1px 0 #dddddd;
    height: calc(100% - .3125rem);
    background: #f5f1fd;
    position: relative;
    z-index: 9;
    left: .5rem;
    border-left: solid 1px #cccccc;
}
.no-coverages{
    color: white;
    font-size: .625rem;
	/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);
    position: relative;
    top: 1rem;
    font-weight: bold;
}
.m-coverage{
	background: none;
}
.m-coverage .tdo-due-wrap{
	z-index: 100;
	left: 2.625rem;
}
.m-coverage .todo-create-period{
	z-index: 100;
	left: 2.375rem;
}
.m-coverage .first-line-master{
	z-index: 101;
}
.m-coverage .sec-line-master{
	z-index: 101;
}
.m-coverage .third-line-master{
	z-index: 101;
}
.border-bottom-tdo-exp{
	border-bottom: 1px solid rgba(42, 42, 42, 0.8);
	padding-bottom: 1rem;
}
.circle-task{
	width:8rem;
	margin: 0 auto;
	margin-top: .4625rem;
	position: relative;
	cursor: pointer;
}
.circle canvas{
	width: 8rem !important;
	height: 8rem !important;
}
.circle{
	width: 8rem;
}
.comeplted-name{
	color: #ccc;
	font-size: .875rem;
}
.comeplted-details-task{
	color: #9b9b9b;
	font-size: .75rem;
}
.task-comp-text-tdo{
	padding-top: 1.5rem;
	text-align: center;
}
.task-details-btn{
	width: 9.8125rem;
	margin: 0 auto;
	margin-top: 2rem;
}
.finished-time-text{
	color: #9b9b9b;
	font-size: .625rem;
	padding-top: .25rem;
	text-align: center;
}
.finished-text-task{
	color: #abd2ff;
	font-size: 1rem;
}
.done-text-task{
	color: #abd2ff;
	font-size: .625rem;
	padding-top: .25rem;
}
.completed-text-wrap-crcle{
	    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -.75rem;
    cursor: pointer;
    z-index: 1;
}
.completed-text-wrap-crcle-inner{
	text-align: center;
}
.cmp-task-popup{
	position: fixed;
	top: 5rem;
	left: 50%;
	margin-left: -11.5rem;
	width: 23rem;
	z-index: 1000;
		height: 23rem;
	background-color: #ffffff;
	border: solid 1px #979797;
	display: none;
}
.cmp-task-popup-inner{
	padding: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.header-comp-task{
	color: #9b9b9b;
	font-size: 1.125rem;
	float: left;
}
.close-comp-task{
		color: #5680a8;
		font-size: 1rem;
		float: right;
		padding-top: .125rem;
		cursor: pointer;
}
.search-cmp-task{
	height: 2rem;
	outline: none;
	border: none;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	box-sizing: border-box;
	width: 100%;
	font-size: .875rem;
	color: #4a4a4a;
	padding-left: .125rem;
}
.search-bar-cmp-task{
	width: 100%;
	margin-top: .5rem;
	position: relative;
}
.search-cmp-task-icn{
	color: #a2a2a2;
	font-size: 1rem;
	position: absolute;
	right: .125rem;
	top: .375rem;

}

input.search-cmp-task::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#a2a2a2;
  font-size: .875rem;
}
input.search-cmp-task::-moz-placeholder { /* Firefox 19+ */
  color: #a2a2a2;
  font-size: .875rem;
}
input.search-cmp-task:-ms-input-placeholder { /* IE 10+ */
  color: #a2a2a2;
  font-size: .875rem;
}
input.search-cmp-task:-moz-placeholder { /* Firefox 18- */
  color: #a2a2a2;
  font-size: .875rem;
}
.all-details-cmp-task{
	height: 17rem;
	overflow-y: scroll;
	overflow-y: -moz-scrollbars-none;
}
.all-details-cmp-task-report{
	height: 30rem;
	overflow-y: scroll;
	overflow-y: -moz-scrollbars-none;
}
.all-details-cmp-task::-webkit-scrollbar {
   display: none;
}
.tick-icon-cmp-tsk{
	color: #7ed321;
	font-size: .75rem;
}
.tick-icon-cmp-tsk-user{
		color: #7ed321;
	font-size: .75rem;
	padding-left: .125rem;
}
.reopen-icon-cmp-tsk-user {
	color: #F0749E;
	font-size: .75rem;
	padding-left: .125rem;
}
.tick-icon-cmp-appr-user{
	color:#ccc;
	font-size: .75rem;
	padding-left: .125rem;
}
.cmp-time-row{
	color: #9b9b9b;
	font-size: .5rem;
	    position: relative;
    top: -1px;
}
.name-cmp-tsk{
	color: #4a4a4a;
	font-size: .75rem;
	line-height: 1rem;
}
.left-sec-cmp-task{
	float: left;
	width: 70%;
}
.right-sec-cmp-task{
	float: right;
	width: 30%;
	text-align: right;
}
.row-cmp-tsk{
	padding-top: .25rem;
	padding-bottom: .25rem;
}
.row-cmp-tsk .highlight{
	background-color: transparent !important;
	font-weight: bold !important;
}
.pending-teask-txt{
	color: #4a4a4a;
	font-size: .75rem;
	float: right;
	padding-right: 0.75rem;
}
.mark-done-wrap{
	float: left;
	padding-left: 1rem;
}

.finish-task{
	font-size: 3.5rem;
	color: #abd2ff;
	text-align: center;
	padding-bottom: .5rem;
}
.all-task-complete{
	font-size: 1.25rem;
	color: #abd2ff;
	text-align: center;	
}
.comleted-task-wrap{
	margin-top: 2rem;
	cursor: pointer;
}
.task-completed-wrap{
	margin-top: 2rem;
}
.task-completed-tick{
	font-size: 3.5rem;
	color: #ccc;
	text-align: center;
	padding-bottom: .5rem;
}
.task-completed-text{
	font-size: .875rem;
	color: #ccc;
	text-align: center;
	line-height: 1.1875rem;
}
.task-completed-subtext{
	color: #8f8f8f;
    font-size: .875rem;
    text-align: center;
    line-height: 1.1875rem;
}

.conclude-talk-ppup .popup-comment-tdo-exp{
	margin-top: 0;
}
.conclude-talk-ppup .popup-comment-wrap-tdo{
	width: 100%;
	background: white;
	border: 1px solid #909090;
	position: relative;
	height: 7.25rem;
}
.conclude-talk-ppup .popup-comment-textarea-tdo{
	width: 100%;
	box-sizing: border-box;
	height: 4.5rem;
	padding-left: .5rem;
	padding-top: .5rem;
	padding-right: .5rem;
	margin-left: 0;
	font-family: Lato-Regular;
	    font-size: .875rem;
	border: none;
	line-height: 1rem;
	color: #4a4a4a;

}
.conclude-talk-ppup .popup-button-tdo-exp{
    position: absolute;
    bottom: .5625rem;
    right: .5rem;
    width: 8rem;
    height: 2.25rem;
}

.rpwo-sec .row-exp-tiles-tdo-outer-rpwo{
	margin-top: 0rem;
	margin-bottom: 0rem;
}
.today-sec{
    min-height:20rem;
}
.filled-sec,.rpwo-sec,.fill-past-sec,.fill-future-sec{
    min-height:27rem;
}

#today-container .container-head-tdo{
	padding-top:2rem;
}

.second-block{
	color:#9b9b9b;
	padding-top:1rem;
}

.top-container-todo .text-wrap-no-res-talk{
    padding-top: 1rem;
}

.filled-section-empty-result{
    margin: 0 auto;
    width: 90%;
}
.top-container-todo .sad-icon{
	font-size:4rem;
}

.top-container-todo .no-res-text-talk{
	font-size:1.5rem;
	line-height:1.875rem;
}


.filled-grey-reac-dark{
color: #aaa !important;
}

.number-grey-reac-dark{
color: #aaa !important;
}
.conclude-talk-ppup .popup-exp-header{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
}
.task-exp-tdo-today .popup-exp-header{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
}
.approval-exp-tdo-today .popup-exp-header{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
}
.dwld-certificate{
	color: #5680a8;
	font-family: Lato-Regular;
	font-size: 1rem;
	position: relative;
	text-decoration: none !important;
	top: 0.5rem;
}
input.inp-for-coverage::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa;
  font-size: .75rem;
}
input.inp-for-coverage::-moz-placeholder { /* Firefox 19+ */
  color:#aaa;
  font-size: .75rem;
}
input.inp-for-coverage:-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
  font-size: .75rem;
}
input.inp-for-coverage:-moz-placeholder { /* Firefox 18- */
  color:#aaa;
  font-size: .75rem;

}
.start-time-wrap{
	cursor: auto;
}
.start-time-text{
	font-size: .75rem;
    color: #bcbcbc;
}
.start-time-text-date{
	font-size: .75rem;
    color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.8px;
}
.inf-left-if{
	float: left;
	    color: #bcbcbc;
    font-size: .875rem;
    letter-spacing: 0.1px;
    line-height: 1.125rem;
    width: 20%;
}
.right-task-wrp{
	float: left;
	width: 80%;
}
.frst-row-task{
	font-size: 0.875rem;
	color: #e6e6e6;
	line-height: 1.125rem;
}
.question-tsk{
	font-size: 1.125rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.87);
	padding-top: .625rem;
	line-height: 1.25rem;

}
.q-img-task{
	max-width: 14rem;
	margin-top: 1rem;
}
.comm-det-txttsk{
		font-size: .875rem;
	color: #c8c8c8;
	padding-top: .5rem;
	line-height: 1rem;
}
.ans-img-task{
	max-width: 14rem;
	margin-top: 1rem;
}
.ans-tsk{
	font-size: 1.125rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.87);
	padding-top: .625rem;
	line-height: 1.25rem;
}
.comment-txt-tsk{
	font-size: 14px;
	color: rgba(255, 255, 255, 0.87);
	padding-top: 1rem;
}
.answer-evidence-txt{
	font-size: 14px;
	color: rgba(255, 255, 255, 0.87);
	padding-top: 1rem;

}

.row-exp-tiles-inner-wrp .download-text{
	color: #abd2ff !important;
}
.row-exp-tiles-inner-wrp .download-prev-icon{
	color: #abd2ff !important;
}
.row-exp-tiles-inner-wrp .download-text:hover, .row-exp-tiles-inner-wrp .download-prev-icon :hover{
	color: #74b3fd;
}
.ans-tsk-image-wrap{
  margin-top: 0.125rem;
}
.ans-tsk-image{
	cursor: pointer;
    height: 7rem;
    object-fit: cover;
    padding-right: 0.8125rem;
    padding-top: 0.8125rem;
    width: 8.875rem;
}
.right-task-wrp .download-attach-inner{
	padding-left: 0 !important;
}
.ans-label{
	display: inline-block;
	float: left;
}
.ans-element-wrap{
	display: inline-block;
	float: left;
	padding-right: 4rem;
	padding-left: .5rem;
}
.ans-rating-element{
  font-size: .875rem;
  color: #9b9b9b;
  display: block;
}
.rating-element-txt{
	font-size: .875rem;
	color: rgba(255, 255, 255, 0.87);
	display: block;
}
.ans-rating-option{
  font-size: .875rem;
  color: #9b9b9b;
  display: block;
}

.rating-option-txt{
	font-size: .875rem;
	color: rgba(255, 255, 255, 0.87);
	display: block;
	text-align: center;
}
#today-sec:hover .container-subhead-tdo{
	color:#56808;
}
#today-sec:hover .container-head-tdo{
	color:#56808;
}

/* for fill for past*/
.f-p-f-text-wrap{
	padding-top: 1.5rem;
	border-top: 1px solid #5680a8;
	margin-top: 1.5rem;
}
.f-p-text{
	text-align: center;
	font-size: 1.25rem;
	color: #5680a8;
	font-weight: bold;
	cursor: pointer;
}

.f-p-text:hover{
	color: #23527c;
}

.arrow-expansion-tdo-center{
	left: 47%;
    width: 0px;
    height: .9375rem;
    border-left: .8125rem solid transparent;
    border-right: .8125rem solid transparent;
    border-bottom: .8125rem solid #4a4a4a;
    margin-left: 1.1875rem;
    opacity: 1;
    position: absolute;
    top: -1.6875rem;
}
.header-f-fp{
	color: #bcbcbc;
	font-size: 1.15rem;
	padding-bottom: 1rem;
	width: 100%;
}
.wrap-qrtr{
	float: left;
	width: 24%;
	padding-left: 1%;
}
.pad-l-z{
	padding-left: 0;
}
.label-fp{
	color: #bcbcbc;
	font-size: 1rem;
	padding-bottom: 1rem;
	width: 100%;

}
.input-wrp-per{
	width: 100%;
	position: relative;
}

.period-txt-inp{
	width: 85%;
	box-sizing: border-box;
	outline: none;
	background: transparent;
	border: 1px solid #ccc;
}
.button-start-f-p{
	width: 100%;
	border: none;
	color: #ccc;
	background: #878787;
	height: 2.125rem;
	font-family: Lato-Regular;
	font-size: 1rem;
	cursor: pointer;
	border: none;
	outline: none;
	transition: all ease-out .2s;
}

.button-start-f-p:hover{
	box-shadow: 0px 0px .1875rem #5680a8;
}

.body-fp .fisrt-look-c-wrap{	
	border: 1px solid #abd2ff;
	padding: .375rem;
	padding-bottom: .5rem;
}

.body-fp .fisrt-look-c-wrap:hover{
	border: 1px solid #74b3fd;
}

.body-fp .up-arrow-icon-tdo{
	float: right;
	padding-top: 0.25rem;
	color: #abd2ff !important;
}
.body-fp .down-arrow-icon-tdo{
	float: right;
	padding-top: 0.25rem;
	color: #abd2ff !important;
}
.body-fp .coverage-total-wrap{
	padding: 0;
}
.body-fp .inp-for-coverage{
	height: 1.875rem;
	
}
.body-fp .fisrt-look-c-text{
	width: auto;
	max-width: 85%;
	padding-top: .125rem;
	font-size: .875rem;

}
.sec-left-wrp{
	float: left;
	width: 75%;
}
.body-fp .row-exp-tiles-tdo-outer{
	margin-top: 0;
}
.sec-left-wrp .sec-left-in{
	width: 31%;
	padding-left: 4%;
	float: left;
}
.sec-left-in-btn{
	width: 27%;
	padding-left: 3%;
	float: left;
	margin-top: 1.875rem;
}
.sec-left-wrp .body-fp{
	width: 100%;
}
.sec-left-wrp .sec-col-container-expansion-tdo{
	width: 100%;
	overflow: scroll;
	z-index: 1000;
	position: absolute;
	background: #4a4a4a;
}
.inp-wrp-date-c{
	width: 100%;
	
}	
.cov-date-sel-inp{
	width: 100%;
	height: 1.875rem;
	padding-left: .25rem;
	padding-right: .25rem;
	border: 1px solid #ccc;
	outline: none;
	background: transparent;
	box-sizing: border-box;
}
.sec-left-wrp .fc-prev-button{
	left: 1.5rem;
}
.sec-left-wrp .fc-next-button{
	right: 1.5rem !important;
}
.wrap-sec-left-fw{
	float: left;
	width: 100%;
}
.sec-left-in .sur-details-wrap-left{
	width: 100%;
}

.clearfix .per-sel-fp{
	border: 1px solid #abd2ff;
	padding-left: .3125rem;
	padding-right: .3125rem;
	padding-top: .4375rem;
	padding-bottom: .4375rem;
	cursor: pointer;
}

.clearfix .per-sel-fp:hover{
	border: 1px solid #74b3fd;
}

.per-sel-fp .inp-wrp-date-c{
	width: auto;
	float: left;
	color: #abd2ff;
	font-size: 0.875rem;
}

.per-sel-fp .calendar-icon-cal-event{
	float: right;
	color: #abd2ff;
}

.fp-of-hidden{
	overflow-x: inherit;
}
.body-fp .fc-state-disabled:hover{
	box-shadow: none !important;
}

.body-fp .monthly-common-model{
	margin-top: -2.5rem;
}

.body-fp .circular-div-view{
	width:86%;
	padding-left: 9%;
	margin-top: 0.75rem;
	position: relative;
}

.body-fp .tick-period-common-new{
	position: absolute;
	right: 0.75rem;
}

.body-fp .fc-event .fc-content{
	background-size: 0.625rem;
	background-position: 1.125rem .125rem;
}

.body-fp .tick-img-yr-common{
	position: relative;
	top: .625rem;
}

.body-fp .fc-day-grid-container{
	height: 12rem !important;
}

.body-fp .view-container{
	height: auto;
}

.body-fp .view-container-innerwrap{
	height: 14.6875rem;
}
.mult-mlra-header{
	color: #abd2ff;
	font-size: 1rem;
	float: left;
	padding-left: 1%;
	cursor: pointer;
}

.close-icn-tdo-wrp.close-mlra-r{
	float: right;
	position: relative;
	top: 0;
	right: 0;
	padding-right: 1%;
}
.col-header-row{
	background: transparent;
	color: #9b9b9b;
	width: 100%;
	padding-top: .5rem;
	padding-bottom: .5rem;
	font-size: 1rem;
}
.tt-arrow-box {
       position: relative;
       background: #ffffff;
       top: -.5rem;
}
.tt-arrow-box:after, .tt-arrow-box:before {
       right: 100%;
       top: 50%;
       border: solid transparent;
       content: " ";
       height: 0;
       width: 0;
       position: absolute;
       pointer-events: none;
}

.tt-arrow-box:after {
border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: .5rem;
    margin-top: 0px;
    transform: rotate(135deg);
    left: -.375rem;
}
.tt-arrow-box:before {
       border-color: rgba(74, 74, 74, 0);
       border-right-color: #9b9b9b;
       border-width: 10px;
       display: none;
       margin-top: 16px;
}

.frst-c-h-mlra{
	float: left;
	width: 14%;
	padding-left: 1%;
}
.sec-c-h-mlra{
	float: left;
	width: 10%;
}
.thrd-c-h-mlra{
	float: left;
	width: 10%;
}
.frth-c-h-mlra{
	float: left;
	width: 20%;
}
.fifth-c-h-mlra{
	float: left;
	width: 20%;
}
.sxth-c-h-mlra{
	float: left;
	width: 17%;
}
.seven-c-h-mlra{
	float: left;
	width: 7%;
	padding-right: 1%;
	display: none;
}
.col-cont-row{
	background: transparent;
	padding-top: .5rem;
	padding-bottom: .5rem;
	font-size: .875rem;
	color: #ccc;
	cursor: pointer;
	height: 2.25rem;
}
.col-cont-row:hover{
	color: white;
	background: #565656;
}
.col-cont-row:hover .seven-c-h-mlra{
	display: block;
}
.due-text-alert{
	color: #d64f5f;
}
.user-img-tbl{
	float: left;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	margin-top: .4375rem;
	margin-right: .25rem;
}
.button-shw-mlra{
	width: 4rem;
	float: right;
    font-size: 0.875rem;
    text-align: center;
    color: rgb(255, 255, 255);
    height: 1.875rem;
    background-color: rgb(86, 128, 168);
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    opacity: 1;
    cursor: pointer;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(86, 128, 168);
    border-image: initial;
    transition: all 0.2s ease-out;
}
.button-shw-mlra:hover{
	box-shadow: rgb(86, 128, 168) 0px 0px 0.1875rem;
}
.text-for-cont-mlra {
	padding-top: .5rem;
	padding-bottom: .5rem;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 99%;
}
.fifth-c-h-mlra .text-for-cont-mlra{
	width: 75%;
}
.popup-details{
	position: absolute;
    	top: 1.25rem;
   	background: white;
    	width: 74%;
    	left: 8rem;
	z-index: 1000;
}
.popup-inner-details-ml{
	position: relative;
}
.close-icon-pp{
	font-size: .875rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}
.container-details-pp{
	    padding: 2rem;
    padding-top: 1.5rem;
}
.det-le-rw{
	width: 16%;
	float: left;
}
.det-rght-rw{
	width: 80%;
	padding-left: 3%;
	float: left;
}
.label-pp-txt{
	text-align: right;
	font-size: .875rem;
	color: #9b9b9b;
	line-height: 1.25rem;
}
.labl-details-rw{
	float: left;
	color: #4a4a4a;
	font-size: .875rem;
	line-height: 1.125rem;
}
.details-d-rw{
	padding-bottom: 1rem;
}
.tdo-right-img-request{
	border-radius: 50%;
	position: relative;
	top: -1.0625rem;
	background: #5680a8;
	overflow: hidden;
}
.user-div-for-imgs{
	width: 50%;
	float: left;
	overflow: hidden;
	height: 50%;
}
.multiple-user-img-tile{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m-request .thick-sec-brdr-for-pro{
	background: #dd7e89;
}
.m-request .thick-brdr-for-pro{
	background: #dd7e89;
}
.m-request .first-line-process{
	background: #f8eff0;
}
.m-request .second-line-process{
	background: #f8eff0;
}
.m-request.m-coverage .tiles-todo-inner{
	background: #f8eff0;
}
.todo-sort-filter-wrap{
width:100%
}
.todo-sort-filter-wrapper{
float:right;
position:relative;
}
.todo-sort-filter-selected{
padding-top:1rem;
cursor:pointer;
}
.selected-name{
float:left;
color: #5680A8;
font-size: 1.125rem;
}
.arrow-dd-sb{
float:right;
font-size:1.25rem;
color:#5680A8;
padding-left:0.75rem;
}
.todo-sort-filter-dropdown-outer{
	position:absolute;
	background:#f1f1f1;
	top:2.75rem;
	z-index:100;
	width:13rem;
	right:0;
	border-radius: .3125rem;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.todo-sort-filter-dropdown-inner{
	padding: 1rem;
	text-align: left;

}
.todo-sort-by-wrap{
	padding-bottom:1.5rem;
}
.todo-sort-filter-by-header{
	font-size: 1.125rem;
	color: #9b9b9b;
	border-bottom: 0.125rem solid #9b9b9b;
	padding-bottom: 0.3125rem;
	margin-bottom: 0.375rem;
}
.todo-sort-filter-by-items{
	color: #4a4a4a;
	font-size: 1rem;
	line-height:1.5rem;
	cursor:pointer;
}
.table-innr-mlra{
	max-height:22rem;
	overflow-y:scroll;
}
.geo-fence-msg{
	color: #d64f5f;
    font-size: 0.75rem;
    margin-top:0.25rem;
}
.geo-loc-force-icon{
	position: absolute;
	bottom: 0.4375rem;
	right: .5rem;
	font-size: .875rem;
    color: #4a4a4a;
    z-index: 10;
}
.mult-search-wrap{
	float:right;
	width:15rem;
}
.icon-search-tdo-exp{
	float:right;
    font-size: .875rem;
    color: #abd2ff;
    cursor: pointer;
	margin-right: .5rem;
	margin-left: .5rem;
}
.search-req{
	float:right;
	display:none;
    background: #333;
    outline: none;
    border: #9b9b9b;
	padding-left: .25rem;
    color: #9b9b9b;
    height: 1.125rem;
}

.frth-c-h-mlra .text-for-header-mlra{
	display: block; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	 overflow: hidden;
}