.highLight-assistant{
  display: inline-block;
  border-radius: 6px;
  height: auto;
  margin: 0px 35px 50px -38px;
  background: #fff;
  padding: 0px 15px;
}
.assistant-wrapper{
 position: relative;
 background: #f3f3f3;
 top: 38px;
 width: 357px !important;
 padding-bottom: 8px;
 padding-left: 12px;
 padding-right: 14px;
 height: auto;
 margin:0px -28px 10px 16px;
 z-index: 99;
}
.logo-wrapper{
 z-index: 9;
 margin-top: -23px;
 width: 100%;
  z-index: 999;
}
.time-logo-inner{
	text-align: center;
	background: #f8f8f8;
	font-size: 16px;
	font-weight: 300;
	color: #696969;
	width: 135px;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
}
.assistant-logo{
	width: 50px;
	height: 50px;
	padding: 5px;
	background: #269ede;
	border-radius: 36px;
	margin-top: -5px;
	z-index: 999;
}
.assistant-list-title-wrapper{
    width: 100%;
    height:85px;
    padding: 8px;
  	text-align: left;
    margin-bottom: 32px;
    background-color: #f8f8f8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #313131;
    font-size: 15px;
    font-weight: 500;
    transition: 0.4s;
  //  cursor: pointer;
}
.assistant-list-title{
	font-size: 27px;
	font-weight: 500;
	margin-left: 13px;
	margin-top: 6px;
}
.assistant-list-subtitle{
	font-size: 15px;
	font-weight: 400;
	margin-top: -9px;
	margin-left: 13px;
	color: #5d5d5d;
}
.assistant-list-avatar-wrapper{
  margin-left: 245px;
  margin-top: -57px;
}
.assistant-list-avatar{
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.task-filter-dropdown, .tasker-filter-dropdown, .assistant-filter-dropdown,  .tasker-filter-mobile-dropdown{
  position: absolute;
  left: 304px;
  text-align: center;
  top: 114px;
  font-weight: bold;
  font-size: 14px;
  color: #ababab;
  cursor: pointer;
  width: 20px;
  z-index: 97;
}
.tasker-filter-dropdown{
	left: 304px;
  top:59px;
}
.assistant-filter-dropdown{
	left: 304px;
	top: 94px;
}

.tasker-filter-mobile-dropdown{
   top: 83px;
}
.task-filter-dropdown:hover{
  color: #888;
}
.tasker-filter-dropdown:hover{
  color: #888;
}
.tasker-filter-mobile-dropdown:hover{
  color: #888;
}
.filter-input{
  display: block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 4px;
    width: 100%;
    height: 32px;
    border: none;
    border-bottom: 1px solid #AAA;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    transition: 0.2s ease;
	z-index: 999;
}
.task-filter-search{
  position: relative;
  text-align: left;
  display: none;
  top: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  width: 310px;
  z-index: 99;
  transition: 0.5s;
}
.filter-wrapper{
margin: 12px 0px;
}
.filter-title{
 //font-size: 16px;
 //font-weight: 400;
// color: #333;
}
.filter-clear{
 position: absolute;
 margin-top: -22px;
 margin-left: 277px;
 font-size: 14px;
 font-weight: 300;
 color: #888;
 cursor: pointer;
 z-index: 99;
}
.filter-live, .tasker-filter-live{
 position: absolute;
 left: 315px;
 display: none;
 top: 113px;
 background-color: #7fc8bf;
 width: 9px;
 height: 9px;
 border-radius: 50%;
 z-index: 500;
}
.tasker-filter-live{
  top: 92px;
  left: 315px;
}
.task-filter-close{
  font-size:14px !important;
  padding: 10px 6px !important;
}

.assistant-menu-wrapper, .assistant-menu-mobile-wrapper, .assistant-menu-wrapper-new{
  position: absolute;
  top: 50px;
  left: 0px;
  height: 38px;
  z-index: 5;
}
.assistant-menu-mobile-wrapper{
 top: 72px;
}
.assistant-menu-wrapper-new{
  top:85px;
}
.assistant-menu{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.assistant-tasks, .assistant-profile, .assistant-contact, .assistant-new-task {
 float: left;
 text-align: center;
 padding: 10px 0px;
 width: 65px;
 background: #f8f8f8;
 font-size: 14px;
 color: #797979;
 font-weight: 500;
 border-right: 1px solid #ebebeb;
 cursor: pointer;
}
.assistant-new-task{
  background: #fff;
  margin-left:10px;
  width: 81px;
  height: 20px;
  border-right: 0;
  color: #1db770;
}
.click-newtask{
  color: #1db770;
}
.click-newtask:hover{
  color: #1db770;
  text-decoration: none;
}
.assistant-tasks{
	background: #fff;
}
.assistant-tasks:hover{
	background: #fff !important;
}
.assistant-profile:hover{
	background: #fff !important;
}
.assistant-contact:hover{
	background: #fff !important;
}
.assistant-contact-form{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
    text-align: left;
}
.assistant-contact-wrapper{
 // position: absolute;
 // float: left;
 // text-align: left;
  display: none;
  margin: 60px 0px 20px 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  height: 300px;
  z-index: 800;
  transition: 0.5s;
}

textarea.assistant-textarea{
	width: 310px;
	padding: 5px;
	height: 100px;
 	resize: none;
	overflow: auto;
}

.email-error{
 position: absolute;
 display:none;
 color: red;
 margin-top: 2px;
 font-size: 12px;
 font-weight: 300;
}
.assistant-contact-additional{
	font-size: 14px;
	color: #888;
}
.assistant-contact-list{
	font-size: 14px;
	color: #888;
}
.contact-assistant{
	text-decoration: none;
	color: #888;
}
.assistant-profile-left{
  display: inline-block;
  text-align: center;
  margin: 0px 0px;
  width: 20%;
  min-width: 200px;
  background: #f8f8f8;
  padding: 28px;
}
.assistant-profile-right{
  display: inline-block;
  margin: 8px 0px;
  width: 80%;
  max-width: 954px;
  background: #fff;
  padding: 12px 50px;

}
.assistant-profile-name, .assistant-profile-heading{
  font-size: 21px;
  font-weight: 500;
  color: #222;
  margin: 12px 0px 8px 0px;
}
.assistant-profile-heading{
  font-size: 18px;
  margin: 8px 0px 1px 0px;
}
.assistant-profile-info{
  font-size: 15px;
  color: #111;
  font-weight: 300;
  margin-top: -1px;
}
.assistant-profile-avatar{
  display: block
}
.profile-avatar{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: inline-block;
}
.profile-indent{
  position: relative;
  list-style-type: none;
  margin-left: -40px;
}
.profile-pills{
  margin-left: -4px;
}
.profile-skills-tags, .profile-top-skills-tags{
    color: #3b3b3b !important;
    font-weight: 400 !important;
    margin: 4px;
    border: 1px solid #e8e8e8;
}
.profile-top-skills-tags{
  background-color: #f8f8f8;
}
.profile-rating-wrapper{
}
.profile-star{
  font-size: 16px;
  color: #2dc58e;
  color: #888;
}
.assistant-approved-wrapper{
  position: absolute;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  bottom: 62px;
  left: 83px;
}
.assistant-spacer{
 height: 10px;
}

.dropdown-list-title-wrapper {
    width: 100%;
    height: 55px;
    padding: 8px;
    text-align: left;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #313131;
    font-size: 15px;
    font-weight: 500;
}
.info-task-wrapper, .dropdown-list-wrapper, .dropdown-list-wrapper-trial{
    position: relative;
    text-align: left;
    color: #222;
	  background: #fff;
    border-bottom: 1px solid #ebebeb;
    white-space: normal;
    width: 100%;
    height: auto;
    min-height: 50px;
    padding: 13px 15px;
    left: 0px;
}
.dropdown-list-wrapper{
 background: #fff;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 transition: 0.5s;

}

.dropdown-list-wrapper:hover{
   background: #f3f3f3;
}

.add-xtras-dropdown{
  min-height: 58px !important;
  background: #f8f8f8;
  cursor: pointer;
}
.add-xtras-dropdown:hover {
  display: block;
}



.dropdown-list-wrapper-trial{
 display: none;
 background: #fff;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 transition: 0.5s;

}
.dropdown-list-wrapper-trial:hover{
	text-decoration: none !important;
}
.add-xtras-dropdown-trial{
  min-height: 58px !important;
  background: #f8f8f8;
  cursor: pointer;
}
.add-xtras-dropdown-trial:hover .dropdown-list-wrapper-trial {
  display: block;
}

.dropdown-list-wrapper-trial:hover{
   background: #f3f3f3;
}
.info-title, .dropdown-list-title{
	font-size: 17px;
	color: #111;
	font-weight: 500;
	margin-left: 6px;
}
.dropdown-list-complete{
	color: #c8c8c8 !important;
}
.info-subtitle, .dropdown-list-subtitle{
	font-size: 14px;
	color: #888;
	font-weight: 500;
	margin-top: -4px;
	margin-left: 6px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.info-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.info-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin: 9px 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.platformCheckList{
  color: #111 !important;
}
.platformCheckList:hover{
 text-decoration: none  !important;
}
.info-faded{
  color: #c8c8c8;
  text-decoration: line-through;
}
.faded-info{
  color: #bcbcbc;
}
/* Hide the browser's default checkbox */
.info-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.info-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 2px solid #ccc;

border-radius: 15px;
}
/* Show the checkmark when checked */
.info-container input:checked ~ .info-checkmark:after {
  display: block;
}
/* On mouse-over, add a grey background color */
.info-container:hover input ~ .info-checkmark {
  background-color: #fff;
  border: 2px solid #ccc;
}

/* When the checkbox is checked, add a blue background */
.info-container input:checked ~ .info-checkmark {
  background-color: #1db770;
  border: 2px solid #1db770;
}
/* Style the checkmark/indicator */
.info-container .info-checkmark:after {
  left: 6px;
  top: 2px;
  width: 9px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media only screen and (max-width: 990px) {
	.assistant-profile-left, .assistant-profile-right{
		width: 100%;
	}
	.assistant-profile-left{ height: 228px;}
	.assistant-profile-right{
	   margin-top:-20px;
	}
	.assistant-approved-wrapper{
	 position: relative;
	 left: 80%;
	 bottom: -15px;
	}
    .assistant-profile-top{
	  position: absolute;
	  left: 49px;
	}
    .time-logo-inner{height: 38px; padding-top: 10px;}
}
/* Modal styling */

.modal-assistant-header{
 border: 0 !important;
 padding: 3px 11px !important;
}
.modal-assistant-body{
 border: 0 !important;
 padding: 3px 11px !important;
}
.modal-info{
	padding: 5px 0px 5px 0px;
}
@media (min-width: 480px){
.modal-assistant-custom {
    max-width: 620px !important;
    top: 145px  !important;
}
}