/*CSS for task list page*/

.tasklist_header .task_assignee_name a {text-decoration: none; color: #000; padding: 6px 12px; border: 2px solid transparent; border-radius: 25px;}
.tasklist_header .task_assignee_name a:hover {border: 2px solid #1AAFD0; border-radius: 25px;}

.more_btn {background: transparent; border-radius: 100% !important; border: 2px solid #ddd;}

.add_new_task_modal_dialog {
	width: 700px;
}
.add_new_task_modal_content {
	background: #EDEFF0;
}

.task_list_modal_content {
	background: #fff;
}
.task_list_modal_dialog {
	      width: 65%;
        overflow: auto;
        max-height: 850px;
}


@media (max-width: 767px){
	.task_list_modal_dialog {
		position: relative;
		width: auto;
		margin: 10px;
	}
	.add_new_task_modal_dialog {
		position: relative;
		width: auto;
		margin: 10px;
	}
	.task_list_icon {
		text-align: center;
	}
}

.memberlist_inputbox {
	width: auto !important;
}

.custom_dropdown_style{
	border: 2px solid #000;
    border-radius: 25px;
    padding: 5px;
}
.modal_menu_li {
	border: 2px solid #B9BCC0;
    border-radius: 50%;
    padding: 8px;
	background: #fff;
}
.modal_menu_li a{
	color: #B9BCC0;
}
.modal_menu_li:hover{
	border: 2px solid #02ceff;
}
.modal_menu_li a:hover{
	color: #02ceff;
}
.ticket_block {
	padding: 1% 2% 2% 2%;
    border: 1px solid #ddd;
    border-radius: 3px;
	background: #e2e4e6;
}
.ticket_header p{
	font-size: 18px;
    font-weight: bold;
}
.ticket{
	padding: 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    z-index: 0;
}
.activities h6:first-child {
    /*border-top: none;*/
}

.activities h6 {
    font-weight: normal;
    /*border-top: 1px solid #ddd;*/
    padding: 5px;
    margin: 0px;
}


/*30/01/2017 Changes: Task List page*/


li.new-item {
  opacity: 0;
  -webkit-animation: fadeIn .3s linear forwards;
  -o-animation: fadeIn .3s linear forwards;
  animation: fadeIn .3s linear forwards
}

@keyframes fadeIn {
  to {
    opacity: 1
  }
}

li.restored-item {
  -webkit-animation: openspace .3s ease forwards, 
    restored-item-animation .3s .3s ease-out forwards;
  -o-animation: openspace .3s ease forwards, 
    restored-item-animation .3s .3s ease-out forwards;
  animation: openspace .3s ease forwards, 
    restored-item-animation .3s .3s ease-out forwards
}

@keyframes openspace {
  to {
    height: auto
  }
}

@keyframes restored-item-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }
}

li.removed-item {
  -webkit-animation: removed-item-animation .6s ease-out forwards;
  -o-animation: removed-item-animation .6s ease-out forwards;
  animation: removed-item-animation .6s ease-out forwards;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

@keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4)
  }
}


@-webkit-keyframes fadeIn {
  to {
    opacity: 1
  }
}

@-o-keyframes fadeIn {
  to {
    opacity: 1
  }
}

@-webkit-keyframes openspace {
  to {
    height: auto
  }
}

@-o-keyframes openspace {
  to {
    height: auto
  }
}

@-webkit-keyframes restored-item-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(4);
    transform: scale(4)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-o-keyframes restored-item-animation {
  0% {
    opacity: 0;
    -o-transform: scale(4);
    transform: scale(4)
  }

  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(4);
    transform: scale(4)
  }
}

@-o-keyframes removed-item-animation {
  0% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1)
  }

  100% {
    opacity: 0;
    -o-transform: scale(4);
    transform: scale(4)
  }
}


li [class^=icon-],
li [class*=" icon-"] {
  width: 40px !important;
  font-size: 22px;
  display:block !important;
  position:absolute !important;
  float:none !important;
}
.page-header{
  width:100%;
  color:white;
  padding:5px 30px;
  font: normal 18px/1.5 "Lato", "Arial", sans-serif;
  overflow:hidden;
}
.demo-nav{
  float:right;
}
.page-header a{
  color: inherit;
  text-decoration: none;
}

.demo-nav li{
  display:inline-block;
  margin: 0 5px;
}
.demo-nav li a, .tutorial-link{
  display:block;
  width:100%;
  height:100%;
  padding:10px 15px;
}
.tutorial-link{
  float:left;
  width:auto;
}
.demo-nav a.active, .demo-nav a:hover, .demo-nav a:active{
  border-bottom:2px solid white;
}
h1{
  margin-bottom:50px !important;
}
h1 {
  font: 300 3.2em/1.2 "Lato", sans-serif;
  color: white;
  margin: 0
}


header p{
  color:rgba(255,255,255,.6);
}

.reminder-container {
  margin: 0 auto;
  width: 100%;
  text-align: center;
	text-align: center;
    padding: 3%;
}
#input-form input[type='text']:focus {
	border-top: 1px solid #55DAFF;
    border-bottom: 1px solid #55DAFF;
}
#input-form input[type='text'] {
  width: 90%;
  height: 35px;
  border: none;
  font-size: 18px;
  font-weight:300;
  color: #444;
  float:left;
  padding:5px 10px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-color: transparent;
    border-top: 1px solid #55DAFF;
    border-bottom: 1px solid #55DAFF;
}

#input-form input[type='submit']{
  height:35px;
  width:10%;
  padding:10px;
  text-align:center;
  border:0;
  border-left:0;
  color: white;
  cursor:pointer;
  padding:0;
  vertical-align:bottom;
  font:300 18px "Lato", "Arial", sans-serif;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type='text']:focus {
  outline: none;
}
.icon-trash,
.icon-ok,
.icon-edit,
.icon-pencil,
.icon-eye-open,
.icon-save {
  position: absolute;
  top: 0px;
  color: #aaa;
  cursor: pointer;
  left: 10px
}
.icon-edit {
	left: 40px;
	color: #337ab7;
}
.icon-ok {
	left: 80px;
	color: #5cb85c;
}
.icon-eye-open {
	left: 120px;
	color: #f0ad4e;
}

.notification {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 3;
  padding: 5px 10px;
  color: white;
  display: none;
  box-shadow: 0 4px 0 -2px rgba(0, 0, 0, 0.1)
}
.undo-button{
  background-color: orange;
  cursor: pointer;
  margin-left: -100px;
}
.save-notification{
  background-color: #2ecc71;
  margin-left: -50px;
}

button,
.clear-all {
  border:0;
  background-color: transparent;
  /*padding: 10px 20px;*/
  color: white;
  float: right;
  cursor: pointer;
  font-size: 16px
}
.clear-all{
  background-color: #a90329;
  font:300 18px "Lato", "Arial", sans-serif;
}

button.disabled,
.clear-all.disabled {
  background-color: rgba(0,0,0,.25);
  color: grey;
}

button.disabled .icon-trash,
.clear-all.disabled .icon-trash {
  color: #888
}

button .icon-trash {
  float: none;
  margin-right: 10px;
  opacity: 1 !important;
  position: static
}

.count {
  float: left;
  font-size: 18px;
  color: #aaa;
}

.count:after {
  content: " item(s)"
}
.reminders {
  list-style-type: none;
  max-width: 100%;
  margin-bottom: 30px;
  padding-left: 0px;
}

.reminders li {
  z-index:1;
  font-weight: 400;
  /*box-shadow: 0 7px 0 -4px rgba(0, 0, 0, 0.2);*/
  color: #444;
  text-align: left;
  height: 35px;
  line-height: 30px;
  font-size: 18px;
  background-color: transparent;
  margin-bottom: -5px;
  padding-left: 20%;
  /*padding-right: 3%;*/
  position: relative;
  opacity: 0;
  word-wrap: break-word;
  -webkit-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
	border-top: 1px solid #ddd;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	width: 49%;
}
.reminders li:last-child {
	border-bottom: 1px solid #ddd;
}
.reminders li:nth-last-child(2) {
	border-bottom: 1px solid #ddd;
}

.reminders li:focus {
  outline: none;
}
li[contenteditable='true']{
  color:black;
}
.custom_add_new_task_block {
	padding-bottom: 10%;
    color: #fff;
}
.custom_content_class {
	padding: 0px !important;
}
.footer_block {
	padding: 0 30px;
}

/*31/01/2017 Changes:*/
.project_description {
	float: right;
}
.project_description .project_name {
	font-size: 12px;
    margin: 0 10px;
    padding: 1px 5px;
    border: 1px solid #cfcfcf;
    background-color: #E1E2E4;
    border-radius: 50px;
}
.project_description .due_date {
	font-size: 12px;
    margin: 0 10px;
    padding: 1px 5px;
    border: 1px solid #cfcfcf;
    background-color: #E1E2E4;
    border-radius: 50px;
}
.project_description .assignee_name {
	font-size: 14px;
    margin: 0 10px;
    padding: 4px 7px;
    background-color: #37C5AB;
    border-radius: 50px;
	color: #fff;
}

/*01/02/2017 changes:*/
.popup-icon {
	float: left;
}
/*03/02/2017 changes:*/
.custom_label_title {
	font-size: 14px;
    font-weight: bold;
}
.task_list_icon {
	padding-top: 10%;
}
.task_list_title h2 {
	text-align: left;
    font-weight: bold;
    letter-spacing: 2px;
}
.custom_member_title {
	font-size: 14px;
    color: #8c8c8c;
}
.custom_member_btn {
	float: left;
	font-weight: bold;
}
.custom_add_member_btn {
	float: left;
	margin: 0 5px;
	font-size: 18px;
    padding: 6px 12px;
    line-height: 1;
	font-weight: bold;
}
.custom_member_modal {
	top: 280px !important;
	right: 370px; 
}
.custom_member_model_dialog {
	width: 300px;
}
.custom_member_modal_header {
	border-bottom: none;
}
.member_icon {
	text-align: center;
    background: #D6DADC;
    display: block;
    font-weight: 700;
    line-height: 44px;
    font-size: 18px;
    border-radius: 5px;
	border: 1px solid #A2A2A2;
}
.custom_member_name {
	color: #444;
    font-size: 17px;
    font-weight: bold;
}
.custom_member_name:hover {
	color: #444;
	text-decoration: underline;
}
.custom_member_email {
	font-size: 14px;
    color: #8c8c8c;
}
.custom_rm_member {
	font-size: 15px;
    color: #444;
    font-weight: bold;
}
.custom_rm_member:hover {
	color: #444;
}

.custom_add_new_member_modal {
	top: 100px;
	right: 225px;
}
.custom_add_new_member_model_dialog {
	width: 350px;
}
.add_new_member_title {
	font-size: 16px;
	color: #8c8c8c;
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2%;
}
.board_member_title {
	font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}
.clearfix {
	clear: both;
}
.board_member_link {
	color: #000;
}
.board_member_block:hover {
	background-color: #298FCA;
	border-radius: 5px;
}
.board_member_block a:hover {
	color: #000;
}
.board_member_icon {
	text-align: center;
    background: #ddd;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-weight: bold;
    width: 10%;
    float: left;
    margin: 6px;
}
.board_member_name {
	position: relative;
    display: block;
    margin: 6px auto;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px;
}
.board_member_name:hover {
	color: #fff;
}
.other_board_member_block {
	font-size: 14px;
    text-decoration: underline;
	padding: 6px 12px;
}
.other_board_member_block a {
	color: #8c8c8c;
}
.other_board_member_block:hover {
	background: #D6DADC;
	padding: 6px 12px;
	border-radius: 3px;
}
.other_board_member_block a:hover {
	color: #4d4d4d;
}

/*attachment block*/
.icon_color {
	color: #999;
}
.attachment_content_block {
	margin-left: 30px;
}
.attachment_thumbnail {
    border-radius: 3px;
    min-height: 5pc;
    margin: 0 0 8px;
    overflow: hidden;
    position: relative;	
}
.attachment-thumbnail-preview {
    border: 1px solid #D6DADC;
    background-color: #E2E4E6;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
    height: 78px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    text-decoration: none;
    z-index: 0;
    width: 81pt;
}
.icon-lg, .icon-sm {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #999;
}
.icon-lg {
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    width: 30px;
}
.attachment-thumbnail-preview-attachment-icon {
    line-height: 5pc;
}
.icon-attachment:before {
    content: "\f0c6";
}
.attachment-thumbnail-details {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 8px 8px 8px 90pt;
    min-height: 5pc;
    margin: 0;
}
.attachment-thumbnail-details:hover {
	background: #E2E4E6;
}
.attachment-thumbnail-details-title {
    display: block;
    text-decoration: none;
    margin-bottom: 6px;
    word-wrap: break-word;
}
.attachment-thumbnail-details a {
	color: #444;
	font-size: 14px;
    line-height: 18px;
}
.u-block {
    display: block;
}
.quiet, .quiet a {
	color: #8c8c8c;
}
.attachment-thumbnail-details-options-item {
    border-radius: 3px;
    margin-right: 8px;
    text-decoration: none;
}

.attachment-thumbnail-details-options-item-text {
    margin-left: -3px;
    text-decoration: underline;
}
.add_more_attachment_link {
	font-size: 14px;
    text-decoration: underline;
    padding: 6px 12px;
}
.add_more_attachment_link:hover {
	background: #D6DADC;
    padding: 6px 12px;
    border-radius: 3px;
}
.add_more_attachment_link a {
	color: #8c8c8c;
}
.add_more_attachment_link a:hover {
	color: #4d4d4d;
}

.view_all_attachment_link {
	font-size: 14px;
    text-decoration: underline;
    padding: 6px 12px;
}
.view_all_attachment_link:hover {
	background: #D6DADC;
    padding: 6px 12px;
    border-radius: 3px;
}
.view_all_attachment_link a {
	color: #8c8c8c;
}
.view_all_attachment_link a:hover {
	color: #4d4d4d;
}
/*06/04/2017 changes*/
.custom_delete_img_btn .custom_trash_btn{
    color: #fff;
}
.logedin_user_name {
    display: inline-block;
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
    background: #f8f8f8;
    color: #37C5AB;
    border: 1px solid;
}

/*07/04/2017 changes*/
.custom_dropzone_jarviswidget .custom_widget_body {
    height: auto;
}
.custom_dropzone_jarviswidget .custom_widget_body .dropzone {
    min-height: 100px;
}
.custom_dropzone_jarviswidget .dropzone .dz-message {
  margin: 0px;
}
.custom_widget_body .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  margin: 0px !important;
}


/* FOOTER ALIGNMENT MEDIA QUERY*/
@media screen and (min-width: 768px){
	#main {min-height:870px !important;}
}
.ui-autocomplete-textarea {position:relative;}
.ui-autocomplete { position: absolute; cursor: default;z-index:99999 !important;}