@charset "utf-8";

@font-face {
	font-family: 'Roboto-Bold';
	src: url('fonts/roboto/Roboto-Bold.eot');
	src: url('fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/Roboto-Bold.woff') format('woff'), url('fonts/roboto/Roboto-Bold.ttf') format('truetype'), url('fonts/roboto/Roboto-Bold.svg#RobotoThinItalic') format('svg');
	font-weight: 200;
	font-style: italic;
}


html{
	background-color: #FFFFFF !important;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	text-align: center;
}
#loading-div {
	background-color: #FFFFFF;
	min-height: 400px;
	width: 100%;
    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important;
	margin-left: 202px;
	padding-top:250px;
}
#Contact_form {
	display: table !important;
}
.input-width{
	float: left;
    width: 600px;
}
#form_controls{
	float: right;
	width: 220px;
	padding: 10px 0px 0px 0px;
}
/* .addcontrol_new{
	padding: 7px 10px 0 !important
} */
.header-title{
	color: #ffffff;
    float: left;
    font-size: 1.3em;
    /* margin-left: 20px; */
    padding: 6px 0 4px !important;
	text-decoration: none;
	margin-top: 13px;
	font-weight: 500;
	letter-spacing: .2px;
}
.newheader_new_1 .header-title {
	color: #717171 !important;
}
#container {
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	display: inline-block;
}
#sidebar {
	background: #FFFFFF none repeat scroll 0 0;
    float: left;
    height:100%;
    position: fixed;
    width: 246px !important;
    z-index: 998;
	overflow-y:auto;
	overflow-x: hidden;
}
#sidebar_wrapper {
	margin-top: 112px;
	/* height: 700px; */
}
#sidebar_wrapper .sidebar_footer{
	width: 250px;
}
#sidebar_wrapper .sidebar_link a{
	float: left;
	height: 37px;
	text-decoration: none;
	width: 240px !important;
	border-left: 4px solid transparent;
	outline: none;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: flex;
	align-items: center;
}
#sidebar_wrapper .sidebar_link .active_header{
	/* background-color: #c9eeff !important; */
	/* background-color: rgb(119,207,247) !important; */
	background-color: rgb(151,219,249) !important;
}

#sidebar_wrapper .sidebar_link .active_header, #sidebar_wrapper .sidebar_link .active_header:hover {
	border-left: 4px solid transparent !important;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	/* background-color: #c9eeff !important;
	color: #41B9
	E6; */
	/* background-color: rgb(252,232,230); */
	background-color: rgb(64, 177, 242, 0.4) !important;
	width: 240px !important;
}
#sidebar_wrapper .sidebar_link a:hover {
	/* width: 220px !important; */
	/* background-color: #E1E1E1 !important; */
	background-color: #f1f3f4;
	border-left: 4px solid transparent;
	outline: none;
	border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
#sidebar_wrapper .sidebar_link a .mlink, #sidebar_wrapper .sidebar_link a .slink, #sidebar_wrapper .sidebar_link a .melink {
	outline: none;
	font-family: Roboto, sans-serif;
	height: 26px;
	line-height: 24px;
	/* padding-left: 36px; */
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	padding-top: 2px;
	font-size: .875rem;
    letter-spacing: .2px;
    color: #202124;
}
/* .active_header.m-lists:hover:after{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23717171' height='20' viewBox='2 2 20 20' width='20'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'%3E%3C/path%3E%3Cpath d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3C/svg%3E");
	margin-top: -34px;
	background-color: #98d8f7;
    color: #717171;
    padding: 10px;
    font-size: 34px;
    border-radius: 50%;
    position: absolute;
	right: 22px;
	animation-name: addtaskicon;
	animation-duration: 0.5s;
} */
@-webkit-keyframes addtaskicon{
	0%  {background-color: #c9eeff;}
	100% {background-color: #98d8f7;}
}
@keyframes addtaskicon{
	0%  {background-color: #c9eeff;}
	100% {background-color: #98d8f7;}
}
.wrapper {
	width: 100%;
    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important;
	float: left !important;
	margin-right: 100px !important;
	margin-left: 266px !important;
	background-color: #FFFFFF !important;
	text-align: left !important;
	padding: 0px !important;
	box-shadow: none !important;
}
.wrapper_login_static{
	background: #ffffff none repeat scroll 0 0 !important;
    box-shadow: none !important;
    float: left !important;
    margin-left: 247px !important;
    margin-right: 100px !important;
    padding: 0 25px !important;
    position: relative;
    text-align: left !important;
    width: -moz-available !important;
    margin-top: 85px;
    width: auto !important;
}
.bg3591B2{
	background-color: #039BE7;
}
.width90per{
	width: 90% !important;
}
.width100per{
	width: 100% !important;
}

/*Ruchi*/
.mytabs {
	position: relative;
	top: 30px;
	background-color: #FFFFFF;
}
#tabbed {
	margin-top: 50px;
}

/*Ruchi*/
.main {
	margin: 60px 0px 0px 0px;
}
.content {
	position: relative;
	float: left;
	left: 0px;
	width: 600px;
	height: 492px;
	margin: 0px 10px 0px 5px;
}
.content_withoutbottom {
	position: relative;
	float: left;
	left: 0px;
	width: 550px;
	margin: 0px 10px 0px 20px;
}
H1, .header1 {
	clear: left;
	position: relative;
	left: 5px;
	height: 30px;
	width: 500px;
	font-size: 20px;
	font-weight: bold;
	color: #5D5D5D;
	margin: -25px 0px 15px 0px;
}
H2 {
	font-size: 15px;
	font-weight: bold;
	color: #5D5D5D;
	border-bottom: 1px dotted #A0A0A0;
	padding-top: 15px;
	margin-bottom: 10px;
	line-height: 1.5em;
}
h3, strong {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	height: 25px;
	vertical-align: middle;
	background: fff;
	padding-top: 5px;
}
h4 {
	font-weight: bold;
}

/*navigation*/

#newheader {
	clear: both;
    position: fixed;
    height: 34px;
	/* margin: 0px; */
	/* margin: 0px 2px; */
	margin: 0px 0px;
    padding: 0px;
    background-color: #2AB0F2;
    width: 100%;
    z-index: 999;
    /* box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.5); */
    /* top: 3px; */
    padding-bottom: 2px;
	/* margin-bottom: 0px;*/
	/* box-shadow: 0px 0px 4px -2px rgba(0, 0, 0, 0.5); */
	/* box-shadow: inset 0 -1px 0 rgba(100,121,143,0.122); */
}
.newheader_new {
	background-color: #2AB0F2 !important;
    height: auto !important;
}
.newheader_new_1 {
	background-color: #FFFFFF !important;
	height: auto !important;
}
#wrapperhead {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#main_links {
	float: left;
	margin-left: 220px;
}
#main_links a {
	color: #333333;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	font-weight: bold;
}
#main_links .mlink {
	position: relative;
	display: block;
	float: left;
	padding: 10px 9px 9px 9px;
	cursor: pointer;
	border-left: 1px solid  #2AB0F2;
	border-right: 1px solid  #2AB0F2;
}
#main_links a:hover .mlink {
	background-color: #199FE2;
	border-left: 1px solid  #2AB0F2;
	border-right: 1px solid  #2AB0F2;
}
#main_links .mclink {
	background-color: #199FE2;
	color: #fff;
}
#main_links .mclink a {
	color: #FF0000;
}
#small_links {
	float: right;
	margin-right: -10px;
}
#small_links a {
	color: #333333;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	position: relative;
}
#small_links .slink {
	position: relative;
	display: block;
	float: left;
	padding: 10px 7px 9px 7px;
	cursor: pointer;
	border-left: 1px solid  #2AB0F2;
	border-right: 1px solid  #2AB0F2;
}
#small_links a:hover .slink {
	background-color: #199FE2;
	border-left: 1px solid  #2AB0F2;
	border-right: 1px solid  #2AB0F2;
}
#small_links .sclink {
	background-color: #199FE2;
	color: #fff;
}
#small_links .s clink a {
	color: #FF0000;
}
.clr {
	font-size: 0px;
	clear: both;
}
#header {
	clear: both;
	position: relative;
	height: 75px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.header_new {
	height: auto !important;
}
#logo_div {
	float: left;
	/* margin: 5px 0px 0px 0px; */
}
.logo_div_new {
	/* margin: 0 !important; */
    /* padding: 13.5px 0 !important; */
    width: 270px !important;
}
#imenu {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-box-shadow: 1px 1px 1px 0px #BDBDBD;
	-webkit-box-shadow: 1px 1px 1px 0px #BDBDBD;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	background: none repeat scroll 0 0 #FAFAFA;
	position: absolute;
	right: 0;
	z-index: 99999;
	top: 40px;
	border-radius: 5px;
	box-shadow: 3px 5px 10px 2px  #BDBDBD;
	display: none;
	width: 155px;
}
#small_links .sslink {
	position: relative;
	display: block;
	float: left;
	margin-left: 2px;
	padding: 10px 7px 9px 7px;
	cursor: pointer;
}
#small_links a:hover .sslink {
	background-color: #199FE2;
}
#small_links #imenu .ilink {
	display: block;  /*padding: 6px 5px 6px 15px;*/
	padding: 6px 10px 10px 35px;
	text-align: left;
	color: #666666;
}
#small_links #imenu a:hover .ilink {
	color: #333333;
	background-color: #2AB0F2;
}
#small_links #imenu .logout {
	border-top: 1px solid #CCCCCC;
}
#small_links span:hover #imenu {
	display: block;
}

/*content area*/
.button {
	float: left;
	background: #EAEAEA;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #666666;
	text-align: center;
	padding: 7px 16px;
	cursor: pointer;
}
.button:hover {
	box-shadow: 1px 1px 1px #D2D2D2
}
.head-bar {
	background-color: #F3F3F3;
	font-weight: bold;
	text-transform: capitalize;
	text-align: left;
	height: 30px;
	position: relative;
	color: #868686;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-right: 47px;
	padding-top: 9px;
	visibility: hidden;
}
#bottom-float-bar {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	position: fixed;
	overflow: visible;
	left: 0px;
	bottom: 0px;
}
#load-div {
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: none;
}
#sort_item_div, #filter_item_div {
	background-color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    color: #666666;
    display: none;
    line-height: 2em;
    padding: 10px 0;
    position: absolute;
    text-align: left;
	z-index: 1000;
	border-radius: 3%;
}
#sort_item_div a{
	color: #000000;
    display: block;
    min-width: 175px;
    outline: medium none;
	/* padding: 5px 0 4px 60px; */
	padding: 5px 5px 4px 60px;
    text-decoration: none;
    text-transform: capitalize;
    /* color: #555555; */
    font-size: 0.9rem;
}
#filter_item_div a {
    display: block;
    min-width: 120px;
    outline: medium none;
    padding: 5px 30px;
    text-decoration: none;
	text-transform: capitalize;
	color: #000000;
    font-size: 0.9rem;
}
#sort_item_div a:hover{
	display: block;
	background-color: #F0F0F0;
	/* border-left: 4px solid #848484; */
    /* padding: 4px 0px 4px 56px; */
}
#filter_item_div a:hover {
	display: block;
	background-color: #F0F0F0;
	/* border-left: 4px solid #848484; */
    /* padding: 5px 30px 5px 26px; */
}
/* #sort_item_div .ticked:hover {
	padding-left: 22px !important;
} */
#sort-bar {
	text-align: right;
	padding-right: 50px;
}
#sort-bar a {
	text-decoration: none;
	text-transform: capitalize;
	font-weight: bold;
	color: #666666;
	position: relative;
}
input, textarea {
	outline: none;
}

/*  Dialog Box CSS */
.blockMsg {
	color: #5D5D5D;
	background-color: #FFFFFF;
	margin: 0 !important;
	padding: 25px !important;
	text-align: left;
	/* border: 1px solid #acacac; */
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	z-index: 1001;
	position: fixed;
	width: 550px;
	top: 10%;
	left: 30%;
	font-size: 0.9rem;
	border-radius: 2%;
}
.blockMsg_small {
	width: 390px !important;
	left: 33.5% !important;
}
.task-board-color-new {
	width: 500px !important;
}
.blockMsg_increase {
	width: 600px !important;
}
.blockMsg h3 {
	background: none !important;
	text-align: left;
	font-size: 20px;
	/* color: #5D5D5D; */
	line-height: 25px;
	margin: 0 0 0 0 !important;
	padding: 0 !important;
	width: 96%;
	float: left;
	height: auto !important;
	box-sizing: border-box;
	/* font-size: 0.9rem; */
	color: #000000 !important;
    opacity: 87% !important;
    /* font-size: 0.9rem; */
}
.blockMsg p {
	text-align: left;
	color: #5D5D5D;
	line-height: 1.3em;
	padding: 5px 0 !important;
}
.tt-input {
	border: none !important;
}
.tt-input::-moz-placeholder {
	color: #000000;
}
.tt-suggestion p {
	padding: 5px !important;
}
.blockMsg select, .blockMsg input[type="text"], .blockMsg input[type="textbox"] {
	color: #5D5D5D;
	font-size: 13px;
	height: 27px !important;
	border: 1px solid #ccc;
	padding: 0 5px !important;
}
.blockMsg .cross_img {
	background: rgba(0, 0, 0, 0) url("../images/grey_close.png") no-repeat scroll 0 0;
	cursor: pointer;
	float: right;
	height: 15px;
	margin: 4px 0;
	width: 10px;
	float: right;
}
/* .blockMsg .btn_blue {
	margin-right: 10px;
	float: left;
	background-color: #2ab0f2;
	border: 1px solid #199fe2;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	height: 27px;
	min-width: 54px;
	padding: 0 8px;
	text-align: center;
	cursor: pointer;
} */

/* .blockMsg .btn_blue_task_new {
	font-size: 13px !important;
} */

.blockMsg .btn_blue {
	margin-right: 10px;
	float: left;
	background-color: #2ab0f2;
	border: 1px solid #199fe2;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	height: 34px;
	min-width: 54px;
	padding: 2px 18px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.blockMsg .btn_blue:hover {
	box-shadow: 3px 3px 2px 0 rgb(60 64 67 / 18%);
	background-color: #199fe2;
}

.common-blue-dialog-button {
	margin-right: 10px;
	float: left;
	background-color: #2ab0f2;
	border: 1px solid #199fe2;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	height: 34px;
	min-width: 54px;
	padding: 2px 18px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.common-blue-dialog-button:hover {
	box-shadow: 3px 3px 2px 0 rgb(60 64 67 / 18%);
	background-color: #199fe2;
}

.common-blue-dialog-button-contact {
	margin-right: 10px;
	background-color: #2ab0f2;
	border: 1px solid #199fe2;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	height: 34px;
	min-width: 54px;
	padding: 8px 18px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.common-blue-dialog-button-contact:hover {
	box-shadow: 3px 3px 2px 0 rgb(60 64 67 / 18%);
	background-color: #199fe2;
}

.help-send-button {
    height: 34px;
    width: 74.69px;
    background-color: #2ab0f2;
    border: 1px solid #199fe2;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

.help-send-button:hover {
	box-shadow: 3px 3px 2px 0 rgb(60 64 67 / 18%);
	background-color: #199fe2;
}

.help-cancel-button {
	height: 34px;
    width: 74.69px;
	background-color: #999292;
	border: 1px solid #bfbfbf;
	color: #5D5D5D;
	font-weight: bold;
	border-radius: 4px;
	min-width: 54px;
	text-align: center;
	cursor: pointer;
}

#kanbanupgradepopup .kanban-popup-btn {
	margin-top: 8px;
	margin-bottom: 25px;
	font-size: 12px !important;
	padding: 2px 12px !important;
}
.blockMsg .btn_white {
	margin-right: 10px;
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #bfbfbf;
	color: #5D5D5D;
	font-size: 16px;
	font-weight: bold;
	height: 34px;
	min-width: 54px;
	padding: 2px 18px;
	text-align: center;
	cursor: pointer;
}
.blockMsg .btn_grey {
	float: left;
	background-color: #f2f2f2;
	border: 1px solid #bfbfbf;
	color: #5D5D5D;
	font-size: 15px;
	font-weight: bold;
	height: 34px;
	min-width: 54px;
	padding: 2px 18px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}
.blockMsg .btn_white:hover {
	border: 1px solid #9f9f9f;
}
input[type="button"]:focus{
	outline: 0 !important;
}
.dialogbox_heading {
	width: 100%;
	height: 45px;
}
.innercontainer_bgf3f3f3 {
	background-color: #f3f3f3 !important;
}
.innercontainer_padlr10 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.reminder_checkbox {
	padding-bottom: 5px;
	cursor: pointer;
}
.reminder_checkbox img {
	height: 16px;
	width: 16px;
	background-image: url(../images/checkbox_unselected.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: -3px;
	margin-left: 1px;
}
.reminder_checkbox_checked img {
	background-image: url(../images/checkbox.png) !important;
}
#popupContactClose {
	margin-left: 10px;
}
#note-msg, #rcnote-msg, #messagetextfield, #requestmessage {
	height: 100px !important;
	width: 377px;
	padding: 5px !important;
	margin: 0px !important;
	color: #5D5D5D;
	font-size: 13px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	resize: none !important;
}
#upgrade-column {
	background: #f3f3f3 none repeat scroll 0 0;
	color: #666666;
	line-height: 1.9em;
	padding-left: 15px !important;
	vertical-align: top;
	width: 240px;
}
#middle-column {
	width: 60px;
}
.dialogbox_content td {
	padding: 3px 0 !important;
}
#list {
	list-style-type: square;
	margin: 6px 0 15px 14px;
}
.padding0 {
	padding: 0 !important;
}

/* Repeat Task Dialog Box */
#innercontainerrepeatdaily {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0;
	padding-top: 5px;
}
#innercontainerrepeatmonthly {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0;
	padding-top: 5px;
	display: none;
}
#innercontainerrepeatyearly {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0;
	padding-top: 5px;
	display: none;
	min-height: 25px;
	height: 39px;
}
#innercontainerbutton {
	background: none !important;
	margin: 20px 0 0 0;
}

/* Repeat Task Dialog Box */

/*  Dialog Box CSS */

.timeEntry_control {
	display: none;
}

/* BEGIN - FOOTER inside the login area */
#footer {
	background-color: #f3f3f3;
    /*bottom: 0;*/
    color: #cccccc;
    font-size: 12px;
    margin: 30px -30px 0;
    padding: 15px 0 15px 80px;
    position: relative;
    text-align: center;
    display: none;
}
.footer_new {
	background: #f3f3f3 none repeat scroll 0 0 !important;
    margin: 72px 0 0 !important;
    padding: 15px 0 15px 80px !important;
}
#footer ul {
	float: left;
	list-style-type: none;
	list-style-position: inside;
	text-align: left;
	line-height: 1.5em;
	margin-right: 50px;
	display: block;
}
.hidden-menu{
	width: 25px !important;
    height: 28px;
}
.hidden-menu-div{
	border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 28px;
    margin: -1px 5px 0px 12px;
    padding: 10px 7px;
    text-align: center;
    width: 36px;
    margin-top: 6px;
}
.hidded-selected{
	background: #30809B none repeat scroll 0 0 !important;
}
.newheader_new_1 .hidded-selected {
	background: rgb(32,33,36,0.059) !important;
}
.org_logo{
	padding: 4px 0;
}
.extend{
	margin: 0 15% !important;
}
.extend_main_header{
	width: 15% !important;
}
.mytabs #mytabcontainers {
    margin-left: 6px;
    display: block;
    margin-top: 100px !important;
    z-index: 99;
}

#mytabcontainers1{
	background: #ffffff none repeat scroll 0 0 !important;
	position: relative;
	height: auto !important;
	border-top: 1px solid #CCCCCC;
	/* border-bottom: 1px solid #CCCCCC; */ 
}
#mytabcontainers1::before {
    bottom: 0;
	/* border: 1px solid #CCCCCC; */
    /* box-shadow:  0 2px 0 #cccccc, 0 0 2px rgba(0, 0, 0, 0.12);  0 2px 4px rgba(0, 0, 0, 0.24); */
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
	top: 0;
}

#footer a, #footer li b {
	color: #666666;
	text-decoration: none;
	text-transform: capitalize;
	position: relative;
}
#footer_langdiv {
	position: absolute;
	z-index: 200;
	width: 120px;
	left: 0px;
	bottom: 0px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px 0px;
	display: none;
}
#footer a:hover {
	text-decoration: underline;
}
.i8lns {
	text-decoration: none;
	cursor: pointer;
	display: block;
	padding-left: 5px;
	font-size: 12px;
}
#footer li {
	margin-top: 5px;
	position: relative;
}
#footer b {
	font-weight: bold;
	color: #000000;
}
#footer_langdiv .crn {
	background: #99CCFF;
}

/*Sialog box for sending messages and contact requests*/

/*Used in all task lists for tasks assigned to or from an Organiseme contact as well as in the contacts and message view */

#messageform, #requestform, #requestform1, #requestform2 {
	float: left;
	width: 100%;
	display: none;
	text-align: left;
}
.dialogbox_content {
	float: left;
}
.dialogbox_buttons {
	float: left;
	margin: 20px 0 0 0;
}

/*Nilesh*/
.mainastridbackright {
	background: none repeat scroll 0 0 #F2F2F2;
	color: #666666;
	float: left;
	padding: 10px 20px 20px 20px;
	text-align: center;
	margin: 15px 0 0 20px;
	min-height: 97px;
	min-width: 230px;
}
.mainastridback {
	background: none repeat scroll 0 0 #EAEAEA;
	color: #666666;
	float: left;
	padding: 15px 20px 18px 20px;
	text-align: center;
	margin: 15px 0 0 0;
	box-shadow: 0 0 5px 3px #199FE2;
	min-height: 97px;
	min-width: 230px;
}
.astridtaskfile {
	height: 25px;
	margin: 15px 0px 10px 0px;
}
.astridinputdiv {
	margin: 15px 0px 10px 0px;
}
.astridsubmit {
	padding: 5px 10px 5px 10px;
	border-radius: 0px 0px 0px 0px;
	background: #EAEAEA;
	border: 1px solid gray;
	color: #666666;
	float: left;
}
.astridsubmitlists {
	padding: 5px 10px 5px 10px;
	border-radius: 0px 0px 0px 0px;
	background: #DDDDDD;
	border: 1px solid gray;
	color: #666666;
	float: left;
}
.atridh2 {
	font-size: 14px;
	border: medium none;
	margin: 0 0 5px;
	padding: 0;
}
.note_astrid {
	font-size: 13px;
}
.astridspan {
	font-weight: bold;
}
.noteastrid {
	font-size: 13px;
	font-weight: bold;
	color: #990099;
}
.astridloader {
	display: none;
	position: absolute;
	left: 41.2%;
	bottom: 0;
}
.pointerdiv {
	margin-left: 118px;
	margin-top: -14px;
}
.headertopdiv {
	background: #999999;
	border-radius: 5px 5px 0 0;
	height: 15px;
}
.headerbottomdiv {
	background: #999999;
	border-radius: 0 0 5px 5px;
	height: 15px;
}
.uploadmsg {
	background: none repeat scroll 0 0 #DDDDDD;
	color: #5D5D5D;
	font-weight: bold;
	padding: 4px;
}
.synchro0 {
	color: #990000;
	font-weight: bold;
}
.sync1_first {
	color: #0000CC;
	font-weight: bold;
}
.sync2_first {
	color: #660000;
	font-weight: bold;
}

/*Do.com*/
.donotebold {
	font-weight: bold;
	color: black;
}

/*Do.com*/

/*Nilesh*/

/* Gmail Popup CSS */
#gmailpopup {
	display: none;
	text-align: left;
}
.gmailpopup_heading {
	color: #5d5d5d;
	line-height: 1.3em;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 5px 10px 5px 10px;
	text-align: left;
	background: #fff none repeat scroll 0 0;
	font-size: 16px;
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
}

.border1pxtopebebeb{
	border-top: 1px solid #ebebeb;
}
.border1pxbottomebebeb{
	border-bottom: 1px solid #ebebeb;
}
.shared_users{
	display:block;
	height:30px;
	padding:10px 0;
}
.shared_users_div{
	float:left;
	height:29px;
	width:29px;
	margin-right:15px;
}
.shared_user_name{
	float:left;
	height:15px;
	width: 65%;
}
.color000000{
	color: #000000 !important;
}
.shared_owner_div{
	float: left;
	padding: 7px 0px;
	width: 15%;
	color: rgb(0, 0, 0);
}
.shared_user_remove, .shared_board_user_remove{
	background: rgba(0, 0, 0, 0) url("../images/grey_close.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 15px;
    margin: 10px 15px 0;
    width: 10px;
}
.pointer-disable{
	pointer-events: none;
}
.edit-container{
	position: relative;
	z-index: 99;
	display: block;
}


/*New Design Changes*/
.hide{
	display: none !important;
}
.cursor-pointer{
	cursor:pointer;
}

#settings svg:not(.new-folder-settings svg){
	border-radius: 50%;
    margin: 0px 26px 3px 7px;
    padding: 7px 6px;
}
.new-folder-settings svg{
	border-radius: 50%;
    margin: 0px 3px 3px 7px;
    padding: 7px 6px;
}
#settings svg.active{
	background-color: #e9e9e9;
	/* background-color: rgb(32,33,36,0.059); */
}
#sorts svg{
    border-radius: 50%;
    float: left;
    margin: 0px 9px;
	padding: 7px 6px;
	/* border-radius: 50%;
    float: left;
    margin: 3px 0px;
    padding: 7px 0px; */
}
#dots svg{
	border-radius: 50%;
    float: left;
    margin: 0px 10px;
    padding: 7px 6px;
}
#add_list svg{
    border-radius: 50%;
    float: left;
    margin: 0px 10px;
    padding: 7px 6px;
}
.addcontrol_new #profile_pic{
	border-radius: 50%;
    cursor: pointer;
    float: right;
    /* background-color: #fff; */
    object-fit: contain;
    margin: 3px 10px 0 5px;
    height: 32px;
    width: 32px;
}
.notification-image{
	background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}
.head-setting-image{
	/* background-color: #ffffff; */
    border-radius: 50%;
    cursor: pointer;
}
.addcontrol_new #notification-icon, .addcontrol_new #setting-image {
    border-radius: 50%;
    cursor: pointer;
    float: right;
	margin: 0px -3px 0px 0px;
    padding: 10px;
}
.addcontrol_new .notification-image {
	background: #FFFFFF;
}

.newheader_new_1 .addcontrol_new .notification-image {
	background: #717171 !important;
}

.addcontrol_new #help-icon {
	border-radius: 50%;
    cursor: pointer;
    float: right;
    padding: 8px;
    margin: 0 1px;
}

.addcontrol_new #app-menu-icon {
	border-radius: 50%;
    cursor: pointer;
    float: right;
    padding: 8px;
    margin: 0 1px;
}

.addcontrol_new #help-icon{
	border-radius: 50%;
    cursor: pointer;
    float: right;
    padding: 8px;
    margin: 0px 1px 0px 5px;
}

.addcontrol_new #setting-icon{
	border-radius: 50%;
    cursor: pointer;
    float: right;
	padding: 8px;
    margin: 2px 2px 0px 0px;
}

.addcontrol_new #notification-icon:hover,
.addcontrol_new #app-menu-icon:hover,
.addcontrol_new #help-icon:hover,
.addcontrol_new #setting-icon:hover,
.addcontrol_new #notification-icon.active,
.addcontrol_new #app-menu-icon.active,
.addcontrol_new #help-icon.active,
.addcontrol_new #setting-icon.active {
	background: #30809B none repeat scroll 0 0;
}

.newheader_new_1 .addcontrol_new #notification-icon:hover,
.newheader_new_1 .addcontrol_new #app-menu-icon:hover,
.newheader_new_1 .addcontrol_new #help-icon:hover,
.newheader_new_1 .addcontrol_new #setting-icon:hover,
.newheader_new_1 .addcontrol_new #notification-icon.active,
.newheader_new_1 .addcontrol_new #app-menu-icon.active,
.newheader_new_1 .addcontrol_new #help-icon.active,
.newheader_new_1 .addcontrol_new #setting-icon.active {
	background: rgb(32,33,36,0.059) none repeat scroll 0 0;
}
.addcontrol_new #account-name {
	color: #ffffff;
	cursor: pointer;
	float: right;
	padding: 7px 10px;
	font-family: Roboto-Bold;
	font-size: 15px;
}
.bge1e1e1{
	background-color: #E1E1E1;
}

.addcontrol_new #noprofile_pic {
	border-radius: 50%;
	cursor: pointer;
	float: right;
	width: 35px;
	height: 35px;
	background: #e2e2e2 none repeat scroll 0% 0% !important;
	color: #717171 !important;
	font-weight: 100;
	/* margin: 2px 10px 0 5px; */
	margin: 3px 10px 0 5px;
	font-size: 16px;
	line-height: 36px;
}


.newheader_new_1 .addcontrol_new #noprofile_pic {
	border-radius: 50%;
	cursor: pointer;
	float: right;
	width: 35px;
	height: 35px;
	background: #e2e2e2 none repeat scroll 0% 0% !important;
	color: #717171 !important;
	font-weight: 100;
	/* margin: 2px 10px 0 5px; */
	margin: 2px 10px 0 5px;
	font-size: 16px;
	line-height: 36px;
}

.newheader_new_1 .addcontrol_new #add_form_save {
	background: #717171 none repeat scroll 0 0;
}

/* .addcontrol_new #add_form_save:hover{
	box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.5);
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
} */

#sidebar svg{
	float: left;
	margin: 9px 22px;
}
/*#sidebar #messages{
	margin: 11px 6px !important;
}*/
.addcontrol_new a, .addcontrol_new a:hover, .addcontrol_new a:visited{
	color: #727272;
}
#container .wrapper .settings_padding{
	padding: 55px 25px 0px;
	min-height: 500px;
	height: auto;
	display: inline-block;
}
.settings_padding ul li, .settings_padding h3, .settings_padding h1{
	left: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}


/*Youtube Loader*/
#progress {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 0%;
    height: 2px;
    background: #FFFFFF;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: width 500ms ease-out,opacity 400ms linear;
    -ms-transition: width 500ms ease-out,opacity 400ms linear;
    -o-transition: width 500ms ease-out,opacity 400ms linear;
    -webkit-transition: width 500ms ease-out,opacity 400ms linear;
    transition: width 500ms ease-out,opacity 400ms linear
}
#progress.done {
    opacity: 0
}
#progress dd,#progress dt {
    position: absolute;
    top: 0;
    height: 2px;
    -moz-box-shadow: #FFFFFF 1px 0 6px 1px;
    -ms-box-shadow: #FFFFFF 1px 0 6px 1px;
    -webkit-box-shadow: #FFFFFF 1px 0 6px 1px;
    box-shadow: #FFFFFF 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
#progress dd {
    opacity: 1;
    width: 20px;
    right: 0;
    clip: rect(-6px,22px,14px,10px)
}
#progress dt {
    opacity: 1;
    width: 180px;
    right: -80px;
    clip: rect(-6px,90px,14px,-6px)
}
@-moz-keyframes pulse {
    30% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-ms-keyframes pulse {
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}
@-o-keyframes pulse {
    30% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes pulse {
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}
@keyframes pulse {
    30% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
#progress.waiting dd,#progress.waiting dt {
    -moz-animation: pulse 2s ease-out 0s infinite;
    -ms-animation: pulse 2s ease-out 0s infinite;
    -o-animation: pulse 2s ease-out 0s infinite;
    -webkit-animation: pulse 2s ease-out 0s infinite;
    animation: pulse 2s ease-out 0s infinite
}
/*Youtube Loader*/
.social-footer{
	bottom: 0px;
	right: 12px;
	position: fixed;
	float: left;
	height: 40px;
	outline: medium none;
	text-decoration: none !important;
	border: none !important;
}
.social-footer li {
	list-style: none;
}
.support{
  bottom: 40px;
  left: 0;
  position: fixed;
  float: left;
  height: 40px;
  outline: medium none;
  text-decoration: none !important;
  border: none !important;
}
.apps{
  bottom: 80px;
  left: 0;
  position: fixed;
  float: left;
  height: 40px;
  outline: medium none;
  text-decoration: none !important;
  border: none !important;
}
.logout{
  bottom: 0;
  left: 0;
  position: fixed;
  float: left;
  height: 40px;
  outline: medium none;
  text-decoration: none !important;
  border: none !important;
}
.logout:hover{
	background-color: transparent !important;
}
.logout div, .apps div, .support div{
  color: #222;
  font-family: Roboto,sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  outline: medium none;
  padding-left: 36px;
  padding-top: 8px;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}

.pointer-disable{
	pointer-events: none;
}
.ticked{
	padding-left: 24px !important;
}

.tick_svg{
	padding-right: 11px; margin-top: -7px;
}

.ci_edit ,.co_edit,.ci_desc{
	float: left;
	overflow: hidden;
	padding-top: 2px;
	margin-left: 5px;
	width: 40%;
}
.cedit-textbox {
	width: 98%;
	display: block;
	border: 1px solid #CCCCCC;
	margin-left: 0px;
	padding: 5px 0px 3px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
}
#note
{
	float:left;
	font-size: 11px;
	/* padding-top: 2px; */
	margin-right: 15px;
}
/* #attach{
	padding-top: 2px;
} */
#moveto{
 	border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    color: #717171;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 19px;
}
/* #moveto:hover{
	background: transparent !important;
	border-left: 4px solid #ffffff !important;
} */
#message{
	background: rgba(0, 0, 0, 0) url("../images/email-grey.png") no-repeat scroll 17px 8px / 20px auto;
    padding-left: 55px !important;
}
#message:hover{
	background-color: #f0f0f0;
}
#callback{
	background: rgba(0, 0, 0, 0) url("../images/account-in-grey.png") no-repeat scroll 20px 8px / 22px auto;
    padding-left: 55px !important;
}
#callback:hover{
	background-color: #f0f0f0;
}
#giveback{
	background: rgba(0, 0, 0, 0) url("../images/account-out-grey.png") no-repeat scroll 20px 8px / 22px auto;
    padding-left: 55px !important;
}
#giveback:hover{
	background-color: #f0f0f0;
}
#task-list{
	/* background: rgba(0, 0, 0, 0) url("../images/menu-grey.png") no-repeat scroll 17px 8px / 20px auto; */
    padding-left: 55px !important;
}
#category-task-list{
    padding-left: 20px !important;
	padding-bottom: 6px;
}
.list-sel{
	background: rgba(0, 0, 0, 0) url("../images/check.png") no-repeat scroll 17px 8px / 20px auto;
	padding-left: 55px !important;
}
.category-list-sel{
	background-color: rgb(236, 235, 235);
	padding-left: 55px !important;
}
#task-list:hover{
	background-color: #f0f0f0;
}
#category-task-list:hover{
	background-color: #f0f0f0;
}
#deletet{
	background: rgba(0, 0, 0, 0) url("../images/delete-grey.png") no-repeat scroll 16px 8px / 22px auto;
    padding-left: 55px !important;
}
#deletet:hover{
	background-color: #f0f0f0;
}
.repeatlink{
	background: rgba(0, 0, 0, 0) url("../images/autorenew-grey.png") no-repeat scroll 17px 8px / 20px auto;
    padding-left: 55px !important;
}
.repeatlink:hover{
	background-color: #f0f0f0;
}

@media (min-width: 1180px) and (max-width: 1383px) {
	.ci_edit ,.co_edit,.ci_desc{
		width: 38%;
	}
}

@media (min-width: 1040px) and (max-width: 1179px){
	.ci_edit ,.co_edit,.ci_desc{
		width: 28%;
	}
	.cedit-textbox{
		width: 95%;
	}
}

@media (min-width: 815px) and (max-width: 1039px){
	.ci_edit ,.co_edit,.ci_desc{
		width: 20%;
	}
	.cedit-textbox {
	    width: 95% !important;
	}
}

@media (min-width: 900px) and (max-width: 1125px) {
	#sidebar {
	    float: left;
	    position: fixed;
	    width: 202px;
	}
	.wrapper {
	    background-color: #FFFFFF !important;
	    box-shadow: none !important;
	    float: left !important;
	    margin-left: 246px !important;
	    margin-right: 100px !important;
	    padding: 0 0 0 20px !important;
	    text-align: left !important;
	    width: -moz-available !important;
	}
	.logo_div_new {
	    margin: 0px !important;
	    width: 202px !important;
	}
	#logo_div img{
		height: auto;
	    margin: 0;
	    width: 190px;
	}
	#form_desc {
	    width: 400px !important;
	}
	#add_form #add_form_desc {
    	width: 395px !important;
	}
	#settings svg{
		margin-right: 40px !important;
	}
	#note_form_main_div textarea, #curret_textbox_value{
		width: 68% !important;
	}
}

@media (min-width: 815px) and (max-width: 899px){

	.ci_edit, .co_edit, .ci_desc {
	    margin-right: 0;
	    width: 17% !important;
	}
	#sidebar {
	    float: left;
	    position: fixed;
	    width: 185px;
	}
	#sidebar_wrapper {
	    /* margin-top: 80%; */
	}
	.wrapper {
	    background-color: #ffffff !important;
	    box-shadow: none !important;
	    float: left !important;
	    margin-left: 185px !important;
	    margin-right: auto !important;
	    padding: 0 !important;
	    text-align: left !important;
	    width: 100%;
	    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
	    width: -webkit-fill-available !important;
	}
	.logo_div_new {
	    margin: 0 !important;
    	width: 185px !important;
	}
	#logo_div img{
	    margin: 20px 0;
	    width: 160px;
	}
	#form_desc {
	    width: 400px !important;
	}
	#add_form #add_form_desc {
    	width: 395px !important;
	}
	#settings svg{
		margin-right: 40px;
	}
	#sidebar svg {
	    float: left;
	    margin: 9px 15px;
	}
	#loading-div {
		background-color: #FFFFFF;
		min-height: 400px;
		width: 100%;
	    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
	    width: -webkit-fill-available !important;
		margin-left: 185px;
		padding-top:250px;
	}
	#note_form_main_div textarea, #curret_textbox_value{
		width: 64% !important;
	}
	.blockMsg{
		left: 13% !important;
	}
}

@media (max-width: 1570px){
	.addcontrol_new #add_form_save {
	    margin-left: 5px !important;
	}
}

@media (max-width: 1390px){
	.addcontrol_new #add_form_save {
	    margin-left: 8px !important;
	}
}

@media (max-width: 814px){
	.ci_edit, .co_edit, .ci_desc {
	    margin-right: 5px;
	    width: 40% !important;
	}
	.wrapper {
	    background-color: #ffffff !important;
	    box-shadow: none !important;
	    float: left !important;
	    margin-left: 202px !important;
	    margin-right: auto !important;
	    padding: 0 !important;
	    text-align: left !important;
	    width: 100% !important;
	}
	#logo_div {
		float: left;
		margin: 45px 0px 0px 0px;
	}
	.logo_div_new {
		margin: 7px 0px !important;
	    width: 205px !important;
	}
	.input-width{
		width: 100% !important;
	}
	#sidebar {
	    width: 205px !important;
	}
	.mytabs ul {
		margin-left: 202px !important;
	}
	#sidebar_wrapper {
	    margin-top: 80%
	}
	.header_new #form_controls{
		position: absolute;
	    right: 0;
	    top: 15px;
	}
	.mytabs #mytabcontainers {
		margin-top: 154px !important;
		margin-left: 67px !important;
	}
	body{
		overflow: scroll;
		width: 1100px;
	}

	.addcontrol_new {
	    margin: 0 !important;
	    padding: 15px 10px !important;
	    width: 97% !important;
	}

	#form_desc {
	    position: relative;
	    width: 87% !important;
	}
}

@media (min-width: 815px) and (max-width: 966px){
	.ci_edit ,.co_edit,.ci_desc{
		width: 27%;
	}
	.cselect-head, .ci_folder{
		width: 70px !important;
	}
	.add_from_dropbox, .add_from_dropbox_en, .add_from_dropbox_de, .add_from_dropbox_gde {
		margin-left: 72px !important;
	}
	.head-bar{
		padding-right: 37px;
	}
	.ci_cdate, .co_cdate, .ci_duedate {
	    margin-right: 15px !important;
	}
	.ci_remind, .co_remind {
	    margin-right: 0 !important;
	}
	.msg_bl {
	    margin: 2px 5px 1px 1px !important;
	}
	.ci_asi, .spanrepeat, #spanattach, #spannote {
	    margin-right: 5px !important;
	}
	.ci_assignee, .ci_head_assignee, .co_accepted .ci_asi, .ci_asi{
	    margin-right: 5px !important;
		padding-right: 0px !important;
	}
	.cedit-textbox {
	    width: 92% !important;
	}
}

.no_data{
	color: #717171;
    font-size: 18px;
    font-weight: bold;
    left: 24%;
    position: absolute;
    top: 40%;
}
.no_items{
	color: #717171;
	font-size: 18px;
	font-weight: bold;
	left: 45%;
	position: absolute;
	top: 200px;
	text-align: center;
}
.no_items img{
	height: 70px;
	margin-bottom: 20px;
	width: 70px;
}
.color41B9E6{
	color: #41B9E6;
}
.underline{
	text-decoration: underline;
	cursor: pointer;
}
#mytabcontainers .ci_cdate .cedit-container img{
	margin-top: 0px;
	visibility:hidden;
}
#mytabcontainers #repeat{
	margin-top: 2px;
	z-index: 2;
    position: relative;
}
/*New Design Changes*/
.loader {
  width: 100px;
  height: 100px;
}

.circular{
 animation: rotate 2s linear infinite;
 height: 100px;
 position: relative;
 width: 100px;
}


.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation:
   dash 1.5s ease-in-out infinite,
   color 6s ease-in-out infinite
  ;
  stroke-linecap: round;
}

@keyframes rotate{
 100%{
  transform: rotate(360deg);
 }
}
@keyframes dash{
 0%{
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
 }
 50%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -35;
 }
 100%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -124;
 }
}
@keyframes color{
  100%, 0%{
    stroke: #0057e7;
  }
  40%{
    stroke: #0057e7;
  }
  66%{
    stroke: #0057e7;
  }
  80%, 90%{
    stroke: #0057e7;
  }
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
    width: 130px;
    background-color:#444;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 3;
    /* top: 100%; */
    top: 135%;
    left: 50%;
    margin-left: -70px;
    white-space: initial;
    word-break: break-word;
    font-weight: 500;
    text-align: center;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #000 transparent;
	margin-top: -9px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	transition-delay: 0.5s;
}

.kanban-heading{
	display: inline-flex;
	background: #efefef;
	width: 100%;
}

.task-board-new-kanbarn{
	display: inline-flex;
	width: 100%;
	padding: 24px;
}

.heading-task-list-kanban {
	width: 90% !important;
}

.kanban-sharedboardlist-top {
	margin-top: 60px !important;
}

.kanban-left{
	padding: 70px 0px 75px 25px;
	width: 100%;
}
.kanban-right{
	padding: 25px;
	right: 0px;
	position: absolute;
}
.kanban-content{
	/* padding: 45px 25px 45px; */
	padding: 20px 25px 45px;
}
.kanban-popup-btn {
	line-height: 26px;
	text-decoration: none !important;
}
.sidebar-seperator{
	width: 224px;
    height: 1px;
    background: #ccc;
    float: left;
    margin: 2px 0px;
}

/*Gmail Addon CSS*/
.email-msg-header{
	display: flex;
	background: #eee;
	padding: 4px 5px;
    margin: 2px 0px;
}
.email-div{
	width: 33.3%;
	align-self: center;
	padding: 5px;
}
.email-content-left{
	text-align:left;
}
.email-content-center {
	text-align: center;
}
.email-content-right {
	text-align: right;
}
.email-content-msg{
	padding: 5px;
	display: inline-block;
	width: 100%;
	text-overflow: ellipsis;
	max-height: 200px;
	overflow-y: auto !important;
}
/*Gmail Addon CSS*/
.header-help-menu {
	padding: 5px 0 !important;
}

.header-notification-menu {
	max-width: 350px !important;
	padding: 0 !important;
	top: 55px !important;
}

.header-account-menu {
	width: auto !important;
	padding: 0 !important;
	border-radius: 5px !important;
	max-width: 360px !important;
}

.header-account-menu li {
	min-width: 320px !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
}

.header-account-menu li:hover {
	background: #FFFFFF !important;
}

.header-account-menu li .account-menu-body {
	display: block;
	width: auto;
	cursor: auto;
}

.header-account-menu li .account-menu-footer {
	padding: 15px;
	display: block;
	height: 30px;
	border-top: 1px solid #e6e3e3;
}

.header-account-menu li .account-menu-content-link {
	padding: 5px 15px;
    display: block;
    border-top: 1px solid #e6e3e3;
    text-align: center;
}

.header-account-menu li .account-menu-body .account-img {
	border-radius: 50%;
    width: 80px;
    height: 80px;
    background: url('../images/default_group.png');
    margin-top: 15px;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 90px !important;
}

.header-account-menu li .account-menu-body .upload-icon {
	height: 38px;
    width: 38px;
    top: 80px;
    left: calc(50% + 12px);
    background: #fff;
    padding: 0px !important;
    line-height: 22px;
    border-radius: 50%;
    z-index: 9999;
    position: absolute;
}

.header-account-menu li .account-menu-body .upload-icon-i {
	height: 28px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    width: 28px;
    top: 4px;
    left: 5px;
    background: #fff;
    padding: 0px !important;
    line-height: 22px;
    border-radius: 50%;
    z-index: 9999;
    position: absolute;
}

.header-account-menu li .account-menu-body .upload-icon label {
	color: #fff;
	float: none !important;
	margin: 0 auto;
	font-size: 10px;
	cursor: pointer;
	text-align: center !important;
}

.header-account-menu li .account-menu-body .upload-icon #file-input {
	cursor: pointer;
	outline: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
}

.header-account-menu li .account-menu-body .account-info {
	line-height: 18px;
	text-align: left;
	display: grid;
}

.header-account-menu li .account-menu-body .account-name {
	font-weight: bold;
    font-size: 14px;
    line-height: 8px;
    margin-top: 20px;
    font: 400 14px/19px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

.header-account-menu li .account-menu-body .account-email {
	font-size: 13px;
    color: #5f6368;
    font: 400 14px/19px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: normal;
}

.header-account-menu li .account-menu-content-link .content-link a {
	font-size: 12px;
    line-height: 24px;
    padding: 0px 8px;
    text-decoration: none;
    color: #717171;
}
.header-account-menu li .account-menu-content-link .content-link a:hover, .header-account-menu li .account-menu-body .btn_blue:hover, .header-account-menu li .account-menu-footer .btn_white:hover{
	background: #f7f8f8;
}

.header-account-menu li .account-menu-content-link .menu-dot {
	font-size: 28px;
    float: none;
    color: #717171;
    margin: 0;
}

.header-account-menu li .account-rating{
	display: block;
    padding: 7px 15px;
	border-top: 1px solid #e6e3e3;
}

.header-account-menu li .account-rating a{
	font-size: 13px;
	color: #717171;
	text-decoration: none;
}

.header-account-menu li .account-rating .star{
	background: url(../images/star.png) no-repeat left -16px;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: -5px;
    float: none;
}


.header-account-menu li .account-menu-body .btn_blue {
	border: 1px solid #e4e4e4;
    background-color: #ffffff;
    border: 1px solid #dadce0;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    color: #3c4043;
    display: inline-block;
    font: 500 14px/16px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    max-width: 254px;
    outline: 0;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}

.header-account-menu li .account-menu-footer .btn_white {
	border: 1px solid #e0dede;
    color: #5D5D5D;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 14px;
    text-align: center;
    cursor: pointer;
    line-height: 28px;
    border-radius: 5px;
}

.header-help-menu li {
	text-align: left;
	margin-left: 0px;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.87);
}

.header-notification-menu li {
	text-align: left;
	margin-left: 0px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.87);
	padding: 7px 12px !important;
	min-height: auto !important;
	line-height: 20px !important;
	cursor: pointer;
	border-bottom: 1px solid #ccc !important;
	display: inline-flex !important;
	float: left !important;
	width: 93% !important;
	display: table-cell !important;
}

.header-notification-menu .noti-close {
	width: 7%;
	text-align: right;
}

.header-notification-menu .noti-close img {
	width: 18px;
	height: 18px;
}

.header-notification-menu .noti-textandtime {
	width: 93%;
	line-height: 17px;
	text-align: left;
}

.header-notification-menu .noti-text {
	width: 100%;
	text-align: left;
	font-size: 13px;
}

.header-notification-menu .noti-time {
	width: 100%;
	text-align: left;
	font-size: 11px;
	color: #949292;
}
.header-app-menu{
	/* left:1178px !important; */
	top: 58px !important;
}

.header-app-menu li {
	padding: 0 !important;
	cursor: default !important;
	margin: 0 !important;
	text-align: center !important;
}

.header-app-menu li:hover {
	background: #FFF !important;
}

.app-item a:hover {
	/* border: 1px solid #e2e2e2; */
	border-radius: 2px;
}

.app-item a {
	width: 66px;
	height: 72px;
	text-align: center;
	border: 1px solid #FFF;
	padding: 6px 10px;
	margin: 5px;
	cursor: pointer;
	color: #2962ff;
}

.app-item a#googledrive {
	background: url("../images/appmenu.png");
	background-position-y: 11px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#gmail {
	background: url("../images/appmenu.png");
	background-position-y: -81px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#gcalendar {
	background: url("../images/appmenu.png");
	background-position-y: -172px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#gdocs {
	background: url("../images/appmenu.png");
	background-position-y: -642px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#gsheet {
	background: url("../images/appmenu.png");
	background-position-y: -548px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#gslide {
	background: url("../images/appmenu.png");
	background-position-y: -459px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#gcontact {
	background: url("../images/appmenu.png");
	background-position-y: -732px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#hangout {
	background: url("../images/appmenu.png");
	background-position-y: -269px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item a#duo {
	background: url("../images/appmenu.png");
	background-position-y: -366px;
	background-repeat: no-repeat;
	background-position-x: 19px;
}

.app-item span {
	margin: 47px auto !important;
	color: #383535;
	float: none !important;
	font-size: 14px;
}

.news-left{
	padding: 10px 45px 10px 45px !important;
    width: 100% !important;
}
.newsdialog-content, .paymentdialog-content{
	padding: 10px 45px 35px 45px !important;
	height: 400px;
	font-size: 14px;
	overflow-y: auto;
}
.newsdialog-button{
	/* padding: 10px 15px 65px 45px !important; */
	padding: 10px 40px 10px 45px !important;
}
.news-heading{
	/* display: inline-flex;
	background: #efefef;
	width: 100%;
	padding: 30px 0px; */
	display: inline-flex;
    background: #efefef;
    width: 100%;
    padding: 15px 0px;
}
.error-text{
	color: red;
}
.help-intro{
	display: inline-table;
	width: 800px;
	padding: 0 10px 0 0;
}
.support-intro{
	display: inline-table;
    width: 275px;
    padding: 10px 15px;
    font-size: 15px;
    color: #5D5D5D;
    background: #f4f4f4;
    border: 1px solid#ccc;
    border-radius: 15px;
}
.help-page-heading{
	font-size: 20px;
    font-weight: bold;
    color: #07b2ee;
    padding: 40px 0px 10px 0px;
}
.help-support-heading{
	padding: 0 0 10px;
    font-weight: bold;
}
.help-support-text{
	font-size: 13px;
}
.help-support-text a{
	text-decoration: underline;
    font-weight: bold;
}
.help_topic{
	margin-top: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #585858;
}
.help_topic a{
	text-decoration: underline;
    color: #5D5D5D;
}
.help_subtopic{
	padding-left: 15px;
}
.help_subtopic li{
	list-style-type: disc;
	font-weight: bold;
	color: #5D5D5D;
}
.help_subtopic li a{
	color: #5D5D5D;
}
.help_linktobox {
    clear: right;
    position: relative;
    float: right;
    width: 250px;
    height: 93px;
    margin: 0px 0px 15px 25px;
    background-image: url('../../help/en/images/bg_help_linktobox.png');
}
.help_linktobox h3{
	height: 15px !important;
}
.blink {
	font-size: 48px;
	position: fixed;
	top: 341px;
	left: 132px;
	color: red;
}

.blink {
	animation: blinker 0.6s linear infinite;
	color: red;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.snackbar #close {
	border-radius: 50%;
	padding: 6px 12px 8px;
	cursor: pointer;
	font-size: 16px;
}

.snackbar #close:hover {
	background: #404040;
}

.snackbar .btn {
	text-decoration: none;
	padding: 7px 13px;
	margin-left: 8px;
	text-transform: uppercase;
	border-radius: 3px;
	font-weight: bold;
	background: #333;
	outline: none;
	border: none;
}

.snackbar .btn:hover {
	background: #424446;
	outline: none;
	border: none;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
.snackbar {
	visibility: hidden;
	/* Hidden by default. Visible on click */
	min-width: 250px;
	/* Set a default minimum width */
	margin-left: -125px;
	/* Divide value of min-width by 2 */
	background-color: #333;
	/* Black background color */
	color: #fff;
	/* White text color */
	text-align: center;
	/* Centered text */
	border-radius: 5px;
	/* Rounded borders */
	padding: 16px;
	/* Padding */
	position: fixed;
	/* Sit on top of the screen */
	/* z-index: 1; */
	z-index: 99999;
	/* Add a z-index if needed */
	left: 50%;
	/* Center the snackbar */
	bottom: 30px;
	/* 30px from the bottom */
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
	font-family: Roboto, sans-serif;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.snackbar.show {
	visibility: visible;
	/* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}

	to {
		bottom: 30px;
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		bottom: 0;
		opacity: 0;
	}

	to {
		bottom: 30px;
		opacity: 1;
	}
}

.addcontrol_new .account-menu.active {
	box-shadow: 0px 0px 2px 3px #c5c5c5;
}

.addcontrol_new .account-menu:hover {
	box-shadow: 0px 0px 2px 3px rgb(32,33,36,0.059);
}

.material-menu .header-help-menu{
	left: 1352px !important;
}

.icon-hover-round-bg{
	height: 35px !important;
    width: 35px !important;
    background-color: rgb(236, 235, 235);
    border-radius: 50%;
    cursor: pointer !important;
    position: absolute;
    margin-left: -9px;
    margin-top: -8px;
    /* z-index: 1; */
}

.ci_category {
	float: left;
	position: relative;
	text-align: center;
	cursor: pointer;
	margin-right: -90px;
	margin-left: 17px;
	margin-top: -1px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 80px;
}

.ccategory-container:hover {
	text-decoration: underline;
}

.category-icon-hover-square-bg{
	height: 33px !important;
    width: 100px !important;
    background-color: rgb(236, 235, 235);
    cursor: pointer !important;
    position: absolute;
   	border-radius: 9%;
    margin-top: 50px;
}

.cal-image{
	z-index: 2;
    position: relative;

}

a#googledrive:hover,a#gmail:hover,a#gcalendar:hover,a#gdocs:hover,a#gsheet:hover,a#gslide:hover,a#gcontact:hover,a#hangout:hover,a#duo:hover{
    background-color: #f6fafe;
    /* opacity: 2; */
    border-radius: 5px;
}
.header-account-menu{
	top: 58px !important;
}

.header-help-menu{
	top: 58px !important;
}

.itm:hover {
	/* background-color:rgb(243,246,246);
	box-shadow :0px 1px 4px -2px rgba(0, 0, 0, 0.5); */
	/* box-shadow: 1px 1px 7px 1px rgba(0.5, 0.5, 0.5, 0.5); */
	box-shadow: 0px 0px 3px 0px rgba(0.5, 0.5, 0.5, 0.5);
}

/* #sorts:hover { */
	/* #settings:hover, #add_list:hover, #dots:hover */
	/* background : rgb(32,33,36,0.059); */
    /* border-radius: 50%;
    float: left;
    margin: 3px 9px;
	padding: 7px 6px; */
/* } */

#sorts:hover > *, #settings:hover > *, #add_list:hover > *, #dots:hover > *{
	background: rgb(32,33,36,0.059) !important;
}

.hidden-menu-div:hover{
	background: rgb(32,33,36,0.059) none repeat scroll 0 0;
}

/* #sidebar_wrapper .sidebar_link .active_header #do_now_side > svg{
	fill: #d93025;
} */

.active_text{
	color : #202124 !important;
	font-size: .875rem !important;
    letter-spacing: .2px !important;
    font-weight: bold !important;
}

/* $('#sorts').hover(function () {
	$("#sorts").children("svg").css({
		"background": "rgb(32,33,36,0.059)"
	});
},function(){
	$("#sorts").children("svg").css({
		"background": "none"
	});
}); */

.mcon_container{
	margin-top: auto;
    margin-bottom: auto;
    /* margin-left: 10px; */
	border-radius: 15px;
	background-color: rgb(243,243,243);
    padding: 10px;
	position: relative;
	margin-right: 5px;
}

.mcon_container_back{
	margin-top: auto;
    margin-bottom: auto;
    /* margin-left: 10px; */
    border-radius: 15px;
    background-color: rgb(201,238,255);
    padding: 10px;
	position: relative;

}

.mcon_receive{
	justify-content: flex-start !important;
	display: flex !important;
	margin-bottom: 5px;
	margin-left: 10px;
	flex: 0 0 auto;
}

.mcon_send{
	justify-content: flex-end !important;
	display: flex !important;
	margin-bottom: 5px;
	flex: 0 0 auto;
}

.mcon{
	width: 75%;
	margin-top: 10px;
	/* overflow-y: auto;
    height: 260px; */
}

.mcon-image{
	height: 30px;
    width: 30px;
    border-radius: 50%;
    /* right: 13px; */
    margin-right: 10px;
}

.msg_send_note{
	color: #717171 !important;
    margin-top: 15px;
    background-color: #f3f3f3;
    border-style: none;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 10px 10px;
    width: 28%;
    /* border-top-left-radius: 7px; */
    /* border-bottom-left-radius: 7px; */
    /* position: relative; */
    font: normal 13px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    border-radius: 7px;
    /* float: right; */
	margin-left: 68.5%;
}

.msg_send_comment{
	color: #717171 !important;
    margin-top: 15px;
    background-color: rgba(31, 31, 31, .122);
    border-style: none;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 10px 10px;
    width: 28%;
    font: normal 13px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    border-radius: 7px;
}

@media (min-width:900px) and (max-width:1440px){
    .header-title {
		font-size: 1.1em;
		margin-left: -1px;
		padding: 9px 0 1px !important;
	}
	.mytabs ul {
		margin-left: 270px !important;
	}
	/* .mytabs .item_menu_fix {
		left: 60px !important;
	} */
}

@media (min-width:769px) and (max-width:1024px){
    .header-title {
		font-size: 12px !important;
		margin-left: -1px;
		padding: 9px 0 1px !important;
	}
	.mytabs ul {
		margin-left: 270px !important;
	}
	/* .mytabs .item_menu_fix {
		left: 60px !important;
	} */
}

.add_task_left_menu {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23717171' height='20' viewBox='2 2 20 20' width='20'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'%3E%3C/path%3E%3Cpath d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3C/svg%3E");
	margin-top: -34px;
	background-color: #98d8f7;
    color: #717171;
    padding: 10px;
    font-size: 34px;
    border-radius: 50%;
    position: absolute;
	right: 22px;
	animation-name: addtaskicon;
	animation-duration: 0.5s;
	display:none;
}

#shared_list, #share_board_list {
	max-height: 200px;
    overflow-y: auto;
}

.main_shared_con_list{
	max-height: 150px;
    overflow-y: auto;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.tab-scroll-main-div::-webkit-scrollbar {
	/* height: 12px; */ /*for arrow*/
	height: 2px;
}

/* Buttons */ /*for arrow*/
/* .tab-scroll-main-div::-webkit-scrollbar-button:horizontal:single-button {
	border-style: solid;
  	height: 16px !important;
}
.tab-scroll-main-div::-webkit-scrollbar-button:horizontal:decrement {
	border-width: 7px 14px 7px 0;
  	border-color: transparent #404040 transparent transparent;
}

.tab-scroll-main-div::-webkit-scrollbar-button:horizontal:decrement:hover {
  	border-color: transparent #505050 transparent transparent;
} */

/* Right */ /*for arrow*/
/* .tab-scroll-main-div::-webkit-scrollbar-button:horizontal:increment {
  	border-width: 7px 0 7px 14px;
  	border-color: transparent transparent transparent #404040;
}

::-webkit-scrollbar-button:horizontal:increment:hover {
  	border-color: transparent transparent transparent #505050;
} */

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #BDBDBD;
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.tab-scroll-main-div::-webkit-scrollbar-thumb {
    background-color: lightgrey;
}

.add_board_menu {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23717171' height='20' viewBox='2 2 20 20' width='20'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'%3E%3C/path%3E%3Cpath d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3C/svg%3E");
	margin-top: -34px;
	background-color: #a7a7a7;
    color: #717171;
    padding: 10px;
    font-size: 34px;
    border-radius: 50%;
    position: absolute;
	right: 22px;
	animation-duration: 0.5s;
	display:none;
}

#add_board_share_contacts, #add_board_share_self, #add_board_share_contacts_opt, #non_add_board_share_contacts_opt, #non_add_board_share_self, #no_contact_1, #no_contact_2 {
	margin-right: 2px;
	margin-bottom: 20px;
}

#non_opt_tasklist, #opt_tasklist{
	/* margin: 20px; */
	background-color: white;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 15px;
}

#shareboardlistnote, #shareboardnote{
	margin: 15px 0;
    width: 100%;
    float: left;
    font-size: 11px;
    padding-top: 3px;
	margin-right: 15px;
}

.sharedboard_top{
    margin-top: 15px;
}

/* .main_shared_contact_list, .main_shared_contact_list_board {
    max-height: 230px;
    overflow-y: auto;
} */

.shared_celem, .shared_board_celem {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}

.icontact_shared, .icontact_shared_board  {
    line-height: 2.8em;
}

.shared_container_list, .shared_container_list_board {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.shared_container_list input, .shared_container_list_board input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.shared_checkmark, .shared_board_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid;
    border-color: gray;
}

.shared_clb, .shared_board_clb {
    padding: 4px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 2.25rem;
    color: #202124;
    letter-spacing: .01428571em;
    font-family: Roboto,Arial,sans-serif;
}

.shared_cnameb, .shared_board_cnameb  {
    float: left;
    width: 30%;
    margin-left: 20px;
    color: #333333;
    text-transform: capitalize;
    /* margin-top: 3px; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.shared_cmailb, .shared_board_cmailb {
    float: left;
    width: 48%;
    color: #333333;
    margin-left: 2px;
    /* margin-top: 3px; */
    overflow: hidden;
	text-overflow: ellipsis;
    min-height: 30px;
}

.shared_container_list .shared_checkmark:after, .shared_container_list_board .shared_board_checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .shared_container_list input:checked ~ .shared_checkmark:after, .shared_container_list_board input:checked ~ .shared_board_checkmark:after  {
	display: block;
  }

  .shared_container_list input:checked ~ .shared_checkmark, .shared_container_list_board input:checked ~ .shared_board_checkmark {
	background-color: #2196F3;
  }

  .shared_checkmark:after, .shared_board_checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }

  .shared_container_list input:checked ~ .shared_checkmark:after, .shared_container_list_board input:checked ~ .shared_board_checkmark:after {
	display: block;
  }

  .shared_container_list .shared_checkmark:after, .shared_container_list_board .shared_board_checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .single_lable{
	  color:red;
	  margin-top: 10px;
  }

.display_dua_task{
	color : #FF0040;
}
.assign_radio_con {
    height: 22px !important;
    width: 22px !important;
}

#shared_contact_list_check1{
	max-height: 160px;
	overflow-y: auto;
	margin-top: 10px;
}
.header_add_form{
	padding: 0px 2px 0px 2px !important;
    height: auto !important;
}

.asi_name{
	margin-top: 6px !important;
	float: left;
	display:block;
	width: 50px;
	padding-right: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	color: #202124;
}

.default_pf_icon{
	margin-top: 5px;
	margin-right: 7px;
	visibility: hidden;
}

.assign_tooltip{
	margin-left: -64px !important;
}

.contact_checkbox > input[type='checkbox'] {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	width: 22px;
	height: 22px;
	margin: 0;
	margin-right: 1px;
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
}

.contact_checkbox > input[type='checkbox']:after {
	content: "";
	vertical-align: middle;
	text-align: center;
	position: absolute;
	cursor: pointer;
	height: 22px;
	width: 22px;
	left: 0;
	top: 0;
	font-size: 20px;
}

.contact_checkbox > input[type='checkbox']:checked:after {
	background: #41B0F3;
	content: '\2714';
	color: #fff;
}

.identity_shared{
	background: rgb(219, 219, 219) none repeat scroll 0% 0%;
    border-radius: 16px;
    box-sizing: border-box;
    float: right;
    height: 22px;
    margin: 10px 0 0px 30px;
    position: relative;
    vertical-align: middle;
    width: 22px;
}

.head_identity_shared{
	background: rgb(219, 219, 219) none repeat scroll 0% 0%;
    border-radius: 16px;
    box-sizing: border-box;
    float: right;
    height: 22px;
    margin: -3px 0 0px 15px;
    position: relative;
    vertical-align: middle;
    width: 22px;
}

.blockMsg_increase_add_contact {
	width: 630px !important;
}

.kanban_tooltip .kanban_tooltiptext {
	visibility: hidden;
    width: 130px;
    background-color:#444;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 3;
    top: 91%;
    left: 49%;
    white-space: initial;
    word-break: break-word;
    font-weight: 500;
    text-align: center;
	display: block !important;
}

.kanban_tooltip .kanban_tooltiptext::after {
	content: "";
	position: absolute;
	top: 0;
	left: 72%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #000 transparent;
	margin-top: -9px;
}

.kanban_tooltip:hover .kanban_tooltiptext {
	visibility: visible;
	opacity: 1;
	transition-delay: 0.5s;
}

.ci_cdate > .cedit-container:hover, .asi_name:hover {
	text-decoration: underline;
}

.new-setting-right-div {
	margin-top: -15px !important;
    position: sticky;
    top: 75px !important;
}

.new-button-siderbar-main {
	height: 10pt;
    margin: 25px 0 -21px;
}

.new-button-sidebar:hover {
	box-shadow: 0 4px 2px 0 rgb(60 64 67 / 18%), 0 1px 3px 1px rgb(60 64 67 / 15%);
	background-color: #F2F2F2;
}

.new-button-sidebar {
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
	border: 1px solid #e4e4e4;
    background-color: #ffffff;
    border: 1px solid #dadce0;
    -webkit-border-radius: 30px;
    border-radius: 25px;
    color: #3c4043;
    display: inline-block;
    font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: .25px;
	font-weight: 500;
    max-width: 254px;
    outline: 0;
    padding: 4% 37px 4% 11px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    /* margin-top: 80px; */
	margin-top: 30pt;
    margin-bottom: -96px;
	float: left;
    margin-left: 21px;
	display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
	height: auto;
}

.new-button-plus-span {
	color: #0F92D3;
    font-size: 44px;
	padding-left: 5px;
}

.new-button-text-span {
	padding-left: 12px;
	align-items: center;
	display: flex;
}

.new-contact-popup {
	width: 950px;
}

.newContactEmail {
	width: 250px;
    height: 35px;
    font-size: 14px;
    border: 2px solid #CCCCCC;
    padding: 2px 5px 2px 5px;
    margin: 2px 0px 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 5px;
}

.contact-search-grp-new {
	position: relative;
	margin-bottom: 20px;
}

/* #mass_search_button{
	margin-bottom: 10px;
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #2ab0f2;
	border-radius: 2px;
	cursor: pointer;
	padding: 10px 38px;
	background-color: #2ab0f2;
	color: #fff;
	font-size: 16px;
	height: auto;
} */

.emailContactInput {
	border-radius: 5px;
}

#add_more_email {
	cursor: pointer;
    color: #C8C8C8;
    line-height: 2.5em;
    font-size: 15px;
}

#add_more_email:hover {
	color: #2AB0F2;
}

.lbls {
	border-bottom: 1px solid rgba(0,0,0,0.12);
    height: 33px;
    color: #5D5D5D;
    display: block;
    width: 100%;
}

.mass_search_result .cr_person {
    float: left;
    width: 30%;
    margin-left: 0px;
}

.mass_search_result .cr_result {
    float: left;
    width: 35%;
    margin-left: 10px !important;
}

.mass_search_result .cr_next {
    float: left;
    width: 32%;
    margin-left: 10px !important;
}

.lbls .lb:not(.messages_container .lbls .lb) {
    color: #5D5D5D;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: .01785714em;
    font-family: Roboto,Arial,sans-serif;
    font-size: .875rem;
    box-sizing: border-box;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff;
    line-height: 1.25rem;
    color: #65696d;
}

.icontact, .ucontact, .massresult {
    line-height: 3.5em;
}

.textgreen {
    color: green;
    font-weight: bold;
    pointer-events: none;
    margin-left: -17px;
}

.textred {
    color: red;
    font-weight: bold;
    margin-left: -17px;
}

#sendemailcontent {
    padding: 10px;
    border: 1px solid #ccc;
}

#sendemailmodal {
	display: none;
}

#teamcontactform {
	display: none;
}

.container_list {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container_list input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border: 1px solid;
    border-color: gray;
}

.container_list input:checked ~ .checkmark {
	background-color: #41b0f3;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.container_list input:checked ~ .checkmark:after {
	display: block;
}

.container_list .checkmark:after {
	left: 7px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contact-image-new {
    border-radius: 50%;
    right: 10px;
    margin-top: 14%;
    vertical-align: middle;
    width: 36px;
    height: 36px;
}

.clb-new {
    padding: 4px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 2.25rem;
    color: #202124;
    letter-spacing: .01428571em;
    font-family: Roboto,Arial,sans-serif;
}

.cnameb {
    float: left;
    width: 30%;
    margin-left: 20px;
    color: #333333;
    text-transform: capitalize;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cmailb {
    float: left;
    width: 43%;
    color: #333333;
    margin-left: 2px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_contact_list_team {
    max-height: 230px;
    overflow-y: auto;
}

.add_note {
    font-size: 11px;
    margin-top: 5px;
}

.error_create {
    color: red !important;
    font-size: 11px;
}

.cname {
    float: left;
    width: 25%;
    margin-left: 26px;
    color: #333333;
    text-transform: capitalize;
}

.cmail {
    float: left;
    width: 40%;
    color: #333333;
    margin-left: 48px;
}

.cstatus {
    float: left;
    width: 15%;
    color: #333333;
    text-transform: capitalize;
    margin-left: 10px;
}

#icontacts_teams {
    position: relative;
}

.celem {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}

.status_confirmed {
    background-color: #38c940 !important;
    border-radius: 50%;
    display: inline-block;
    margin: 15px 86px;
    width: 5px;
    height: 5px;
}

.status_unconfirmed{
	background-color: #f40402 !important;
	border-radius: 50%;
	display: inline-block;
	/* margin-top: 8px 0px 12px 0px; */
	margin: 15px 86px;
	width: 5px;
    height: 5px;
}

.status_unconfirmed_yellow{
	background-color: yellow !important;
	border-radius: 50%;
	display: inline-block;
	/* margin-top: 8px 0px 12px 0px; */
	margin: 15px 86px;
	width: 5px;
    height: 5px;
}

.status_unconfirmed_orange{
	background-color: orange !important;
	border-radius: 50%;
	display: inline-block;
	/* margin-top: 8px 0px 12px 0px; */
	margin: 15px 86px;
	width: 5px;
    height: 5px;
}

.cstatusb {
    float: left;
    float: left;
    color: #333333;
    margin-left: 0%;
    margin-top: 18px;
}

.new_mass_result_div {
	margin-top: 20px;
}

.new-mass-uncheck {
	margin-top: 15px;
}

.new-button-menu-hover:hover {
	background-color: #f0f0f0;
}


#add_form #add_form_desc_task {
	padding: 10px 36px 10px 14px !important;
    border-radius: 7px;
    width: 100%;
	font: normal 16px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

#newtaskpopup #add_form_desc_task {
	width: 82%;
}

#add_task_popup_form {
	margin-top: 40px;
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #2ab0f2;
    border-radius: 4px;
    cursor: pointer;
    padding: 11px 37px;
    background-color: #2ab0f2;
    color: #fff;
    font-size: 16px;
    height: auto;
}

#add_task_popup_form:hover {
	box-shadow: 3px 3px 2px 0 rgb(60 64 67 / 18%);
	background-color: #199fe2;
}

.new-task-popup-close {
	background-color: #ffffff;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline;
    height: 16px;
    margin: 1px 17px -3px;
    width: 16px;
}

.new-task-popup-responsible {
	background-color: #ffffff;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline;
    height: 16px;
    margin: 11px 17px -3px;
    width: 16px;
}

.new-task-popup-deselect {
	background-image: url(../images/checkbox_unselected.png);
}

.new-task-popup-select {
	background-image: url(../images/checkbox.png);
}

.new-task-popup-responsible-deselect {
	background-image: url(../images/checkbox_unselected.png);
}

.new-task-popup-responsible-select {
	background-image: url(../images/checkbox.png);
}

.add-task-popup-form-div {
	width: 25%;
	float:left;
}

.new-task-popup-div {
	width: 75%;
	margin-top: 40px;
	float: left;
}

.new-add-task {
	width: calc(100vw - 876px);
}

@media (max-width: 1971px) {
	.new-add-task {
		width: calc(100vw - 600px);
	}
}

@media (max-width: 1440px) {
	.new-add-task {
		width: calc(100vw - 500px);
	}
}
.tox-dialog__footer-end > .tox-button {
    background-color: #2ab0f2 !important;
    border-color: #2ab0f2 !important;
}
button.tox-button.tox-button--secondary {
	background-color: #EAEAEA !important;
    border-color: #DADADA !important;
}
.tox .tox-tbtn svg {
    fill: #828282!important;
}

.mctext {
    text-align: left;
	margin: 4px 22px 4px;
	color:#717171; 
}
.pt-10{
	padding-top:10px;
}

div#sidebar::-webkit-scrollbar {
    width: 3px;
}
.sidebar_inner{
	display:inline-block;
}
.mlink .mclink {
	font-size: 14px;
}
input.add-new-task {
    width: 80%;
    border: 0;
	margin-top: 13px;
    margin-left: 5px;
	font-size: 13px;
}
.add-new-task::placeholder {
	color:#999999;
	opacity: 1 ;
	font-size: 13px;
}
.add-new-task-ci-fade , .add-new-task-prio {
    margin-top: 1% !important;
	visibility: hidden;
}
.flotter-help-icon {
	position: fixed;
	z-index: 999999999;
	padding: 0;
	width: 2em;
	height: 2.25em;
	border: none;
	font-size: 1.5em;
	outline: 0;
	right: 0;
	top:23%;
	background: #2ab0f2;
	color: #fff;
	border-radius: 10px 0 0 10px;
	cursor: pointer;
	z-index: auto;
}
.flotter-help-list {
	position: fixed;
	z-index: 999999999;
	padding: 0;
	width: 13%;
	height: auto;
	font-size: 1.5em;
	outline: 0;
	right: 0;
	top:21%;
	background: #fff;
	color: #2ab0f2;
	border: 1px solid #bdbdbd;
	border-right: none;
	border-radius: 10px;
	padding-bottom: 1%;
	text-align: left;
	box-shadow: -4px 2px 8px #bdbdbd;
	display: none;
}
.sub-icon {
	margin: 11px;
    text-align: center;
    vertical-align: middle;
    display: block;
	font-size: 20px;
    font-weight: 600;
}
.d-flex-help {
	display: flex;
}
.help-title {
	margin: 10px 5px;
	text-align: left;
	height: 10px !important;
}
.help-link {
	width: 80%;
}
.help-cancel {
	background: rgba(0, 0, 0, 0) url(../images/grey_close.png) no-repeat scroll 0 0;
	cursor: pointer;
    float: right;
    height: 29px;
    margin: 24px 3px 0px 60px;
    width: 61px;
}
.help-link-list {
	list-style: none;
	margin: 10px 15px;
	text-align: left;
}
.help-link-list li{
	padding: 5px 0px;
	font-size: 14px;
}
.help-link-list li:hover{
	text-decoration: underline;
}
a.help-more {
    color: #202124 !important;
    font-size: 16px;
    padding: 16px;
    font-weight: 500;
    text-decoration: none !important;
	text-align: left;
	font-size: .875rem;
    letter-spacing: .2px;
}
a.help-more:hover {
	text-decoration: underline !important;
}
.help-embded-video-popup {
    width: 65%;
    left: 16%;
    top: 8%;
	height: 75%;
}
.help-video {
	width: 100%;
	height: 500px;
}
.tox-tinymce{
	margin-left: 70px;
}
#save_note_button{
	margin-left: 70px !important;
}
.mt-25 {
	margin-top: 25px;
}
a.collaboration-new-request {
  position: relative;
  display: inline-flex;
  align-items: center;
}

a.collaboration-new-request::before , a.pending-new-request::before {
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: #2AB0F2;
  border-radius: 50%;
  left: 6%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

a.collaboration-new-request svg , a.pending-new-request svg {
  position: relative;
  z-index: 1;
  fill:white;
}