@import '/assets/fonts/gotham/fonts.css';

body {
	font-size:14px;
	background:#fafbfc!important;
	margin:0;
	padding:0;
	color:#333;
	letter-spacing:-.03em!important;
	font-family: 'Gotham', sans-serif;
	font-weight:500;
	padding-top:75px;
}
.tasks-success {
	border-color:#32CD32!important;
}
.new-msg{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(20,224,51,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(20,224,51,1);
	box-shadow: 0px 0px 2px 0px rgba(20,224,51,1);
}
.clean {
	clear:both;
}

.bola {
	border-radius:50%;
	display:inline-block;
	height:20px;
	width:20px;
	border:1px solid red;
	background-color:red;
	color:#fff;
	text-align:center;
}

.alerta {
	border:1px solid red!important;
}

.padding-none {
	padding-right:0;
}

.only-icon {
	padding:9px 12px!important;
}

.mar-left {
	margin-left:15px;
}

.mar-bottom{
	margin-bottom: 0!important;
}
.title-max{
	float: left;
    width: 87%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.btn {
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:300;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:3px;
}

.btn-new {
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:300;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:3px;
	box-shadow:none!important;
}

.btn.focus,.btn:focus,.btn:hover {
	color:#fff;
}

.btn-default {
	border:1px solid #eee;
}

.btn-add {
	background-color:#fff;
	border-color:#e7e7e7;
	border-radius:30px;
	color:#000;
	padding:6px 18px!important;
	box-shadow:none!important;
}

.btn-add:hover,.btn-add:focus {
	color:#000;
	background-color:#ededed;
	border-color:#cfcfcf;
}

#formTim,#formTime1 {
	margin-bottom:0!important;
}

.cage-login {
	background-color:#fff;
	margin-top:50px;
	border:1px solid #dedede;
	margin-bottom:30px;
	padding-left:0!important;
	padding-right:0!important;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position:relative;
}

.cage-login div {
	padding-left:15px!important;
	padding-right:15px!important;
}

.cage-header {
}

.cage-footer {
}

.cage-user-img {
	display:inline-block;
	width:45px;
	height:45px;
	overflow:hidden;
	border-radius:50%;
	margin-right:15px;
}

.cage-footer-login a {
	font-weight:700;
	color:#333;
	text-decoration:none;
}

.cage-space-login {
	padding:0!important;
}

.logo-login {
	padding-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	text-align:center;
}

.btn-cage {
	border:1px solid #3197ca!important;
	background:#60b9e5!important;
	color:#fff!important;
}

.cage-forgot {
	background:#f7f7f7;
	height:50px;
	line-height:50px;
	width:100%;
	border-top:1px solid #dedede;
	margin-top:30px;
	text-align:center;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

.cage-forgot a {
	display:block;
	color:#333;
}

.cage-forgot a:hover {
	text-decoration:none;
}

.cage-user-default {
	float:right;
	margin-left:10px;
	position:relative;
	top:-8px;
}

.nav i {
	font-size:18px;
}

.navbar {
	border-radius:0!important;
	min-height:65px!important;
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
}

.navbar-nav>li>a {
	padding-top:22px!important;
	padding-bottom:21px!important;
}

.dropdown-menu li:hover .sub-menu {
	visibility:visible;
}

.dropdown:hover .dropdown-menu {
	display:block;
}

.navbar-nav li:hover {
	background:#f8f9fb!important;
}

.cage-overview {
	padding-left:0!important;
	padding-right:0!important;
}

.cage-box-dash {
	background:#fff;
	height:300px;
	border:1px solid #dedede;
	margin-bottom:30px;
	border-top:2px solid #137abe;
	padding-left:0!important;
	padding-right:0!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.cage-box-name {
	height:50px;
	line-height:50px;
	border-bottom:1px solid #dedede;
	background:#f8f9fb;
}

.cage-navbar-bottom {
	margin-bottom:0!important;
}

.navbar-default {
	background:#fff!important;
}

.back-none {
	background:none!important;
}

.cage-content {
	margin-bottom:30px;
	padding-left:15px!important;
	padding-right:15px!important;
	padding-bottom:15px;
	background:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.cage-container {
	padding-bottom:15px;
}

.cage-page-name {
	height:70px;
	line-height:70px;
	border-bottom:1px solid #dedede;
	border-left:.5px solid #dedede;
	border-right:.5px solid #dedede;
	background:#f8f9fb;
	margin-bottom:10px;
}

.btn-cage-radius {
	-webkit-border-radius:20px!important;
	-moz-border-radius:20px!important;
	border-radius:20px!important;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomleft:20px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
	-webkit-border-radius:0;
	-moz-border-radius:0!important;
	border-radius:0!important;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	-webkit-border-radius:0;
	-moz-border-radius:0!important;
	border-radius:0!important;
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomright:20px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
	-webkit-border-top-left-radius:20px!important;
	-webkit-border-bottom-left-radius:20px!important;
	-moz-border-radius-topleft:20px!important;
	-moz-border-radius-bottomleft:20px!important;
	border-top-left-radius:20px!important;
	border-bottom-left-radius:20px!important;
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
	-webkit-border-top-right-radius:20px!important;
	-webkit-border-bottom-right-radius:20px!important;
	-moz-border-radius-topright:20px!important;
	-moz-border-radius-bottomright:20px!important;
	border-top-right-radius:20px!important;
	border-bottom-right-radius:20px!important;
	border-left:0!important;
}

.cage-table {
	margin-top:15px;
}

.cage-table a {
	text-decoration:none;
}

.cage-table a:hover {
	color:#333;
	text-decoration:none;
}

.paginator {
	text-align:center;
}

.cage-hr-form {
	margin-left:15px;
	margin-right:15px;
}

.cage-hr-form-bottom {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:30px;
}

.cage-hr-form-table {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0!important;
}

textarea {
	resize:vertical;
}

.form-group div label {
	position:relative;
	top:5px;
	font-weight:400;
	color:#999;
}

.cage-add-form {
	float:right;
	text-align:right;
}

.cage-no-padding {
	padding:0!important;
}

.cage-no-padding-left {
	padding:0 15px 0 0!important;
}

.cage-no-padding-right {
	padding:0 0 0 15px!important;
}

.cage-no-padding-top {
	padding:15px 0 0!important;
}

.cage-no-padding-bottom {
	padding:0 0 15px!important;
}

.cage-label {
	-webkit-border-radius:10px!important;
	-moz-border-radius:10px!important;
	border-radius:10px!important;
	padding-left:15px!important;
	padding-right:15px!important;
	position:relative;
	top:-2px;
}

.red {
	color:#c00!important;
}

.cage-align-label label {
	line-height:30px;
}

#divproject {
	padding:0;
}

.cage-box {
	height:200px;
	border-top:5px solid #ececec;
	border-radius:5px;
	margin-top:15px;
	margin-bottom:15px;
	background:#fff;
	border:1px solid #ececec;
}

.cage-box-header {
	height:30px;
	margin-top:10px;
}

.cage-box-title {
	white-space:nowrap;
	width:84%;
	float:left;
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#444;
	font-weight:400;
	margin-left:20px;
}

.bull-dash {
	width:12px;
	height:12px;
	background:#c7c7c7;
	position:absolute;
	top:14px;
	left:15px;
	border-radius:30px;
}

.cage-box-highlights {
	font-size:24px;
	position:absolute;
	right:5px;
	top:5px;
}

.team-users {
	height:40px;
}

.team-users .team-user-title {
	color:#888;
	font-weight:400;
	font-size:12px;
	position:relative;
	top:-8px;
}
.null-user{
	top:10px!important;
}
.team-users-painel {
	display: inline;
}
.team-users-painel .user{
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block; 
	margin-right: 10px; 
	margin-top: 8px;
}
.team-users-painel .user-img{
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block; 
	overflow: hidden; 
	border-radius: 50%; 
	margin-right: 10px; 
	margin-top: 8px;
}
.team-users-painel .user-img img{
	width: 100%;
}
.team-users-painel .user:hover > .user-delete{
	display: block;
}
.team-users-painel .user-delete{
	display: none;
	position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    font-size: 13px;
    border: 1px solid #ff0000;
    padding: 1px;
    border-radius: 50%;
    color: #ff0000;
    cursor: pointer;
}
.team-users-painel .user-delete:hover{
	color:#fff;
	background: #ff0000;
}
.edit-project {
	padding:10px 12px!important;
}

.status-projects {
	height:80px;
}

.status-projects .status-projects-info {
	font-size:12px;
	color:#666;
	font-weight:400;
}

.status-projects .status-projects-info span ion-icon {
	font-size:16px!important;
	position:relative;
	top:3px;
}

.status-projects-number {
	height:60px;
	font-size:22px;
	font-weight:300;
	padding-top:15px;
}

.bar-progress {
	width:100%;
	background:#eee;
	height:10px;
	border-radius:10px;
	bottom:17px;
	margin-top:10px;
}

.bar-progress .div-progress {
	height:100%;
	background:#1db954;
	border-radius:10px;
}

.type-budget {
	width:30px;
	height:30px;
	position:absolute;
	padding:7px 8px;
	font-size:10px;
	color:#7b7b7b;
	right:2px;
	top:16%;
	cursor:help;
}

.cage-box-folds {
	height:150px;
	border:1px solid gray;
	border-radius:10px;
	margin-top:15px;
	margin-bottom:15px;
}

a {
	text-decoration:none!important;
	color:#777;
}

a:hover {
	text-decoration:none!important;
	color:#000;
}

.painel-box {
	height:200px;
	border:1px solid gray;
	padding:10px 20px;
	border-radius:10px;
	margin-top:15px;
	margin-bottom:15px;
}

.excluir {
	display:none;
}

.user:hover .excluir {
	display:block;
}

.msg {
	background-color:#00FF7F;
}

.ymsg {
	background-color:#00bfff;
}

.active-bread {
	color:#5bc0de!important;
}

.fc-day-grid-event .fc-content,.fc-event .fc-content {
/* force events to be one-line tall */
	color:#fff!important;
}

.fc-center {
	color:#000!important;
}

.add-list {
	margin-right:15px;
}
.list-users{
	position: absolute;
    top: 0;
    right: -300px;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 275px;
    height: auto;
    padding: 5px 5px;
}
.save-users{
	float: right;
    padding: 9px 10px;
    background: #53D481;
    border-radius: 4px;
    color: #fff;
}

.breadcrumb {
	background:none!important;
	margin-bottom:10px!important;
}

.content-lists,.add-list-input,.ul-list {
	padding-left:0!important;
	padding-right:0!important;
}

.div-info-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.7);
    z-index: 100;
}
.infos-div {
	width:35%;
	position:fixed;
	right:0;
	top:0;
	height:100vh;
	background:#fff;
	overflow:auto;
	line-height:20px;
	right:-100%;
	z-index:1000;
	display:block;
	border:1px solid #eee;
	box-shadow:-4px 5px 30px -7px rgba(219,219,219,1);
}

.infos-div .infos-div-content {
	padding:0 20px 15px;
	height:auto;
	position:relative;
    border-bottom: 1px solid #eee;
}

.infos-div .infos-div-header {
	height:45px;
	border-bottom:1px solid #eee;
}

.infos-div .close-infos {
	position:absolute;
	top:10px;
	right:5px;
	color:#737373;
	font-size:26px;
	z-index:10000;
	cursor:pointer;
}

.infos-div .end-assign {
	padding:5px;
	width:200px;
	text-align:center;
	border-radius:5px;
	border:1px solid #737373;
	position:absolute;
	top:6px;
	cursor:pointer;
	left:10px;
}

.infos-div .end-assign:hover {
	padding:5px;
	width:200px;
	text-align:center;
	border-radius:5px;
	background:#737373;
	color:#fff;
	border:1px solid #737373;
	position:absolute;
	top:6px;
	left:10px;
}

.infos-div .end-assign i {
	margin-right:5px;
}

.infos-div .infos-div-content .priority-infos {
	position:absolute;
	top:10px;
	right:8px;
	color:#000;
	font-size:20px;
	z-index:10000;
}

.infos-div .infos-div-content .warning-infos {
	position:absolute;
	top:10px;
	right:38px;
	color:#000;
	font-size:20px;
	z-index:10000;
}

.info-title-div {
	margin-top:10px;
	font-weight:300;
	color:#9d9d9d;
	font-size:20px;
}

.info-title-div textarea {
	width:100%;
	border:none;
	min-height:86px;
}

.info-title-div input[type=checkbox] {
	position:relative;
	top:-2px;
	width:14px;
	height:14px;
	margin-right:10px;
}

.info-users-div .info-users-div-title {
	font-size:16px;
	font-weight:300;
	margin-top:15px;
	margin-bottom:5px;
}

.info-note-div {
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
}

.info-note-div .info-note-div-title {
	font-size:16px;
	font-weight:300;
	margin-top:15px;
	margin-bottom:5px;
}

.info-note-div textarea {
	width:100%;
	border-radius:5px;
	border-color:#aaa;
}

.info-note-div:hover textarea {
	background:#eee;
}

.info-coment-add {
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #ececec;
}

.info-coment-div .info-coment-div-title {
	font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.info-comments-result{
	height: 37.5vh;
	padding: 0 20px 15px;
	overflow-y: auto;
}
.info-comments-result .msg-content{
	margin-top: 15px;
}
/* comments-left-img */
.info-comments-result .msg-content.left .msg-user{
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    padding-top: 6px;
    text-align: center;
    font-size: 12px;
}
.info-comments-result .msg-content.left .msg-text{
	background: #eee;
    width: 88%;
    padding: 7px 10px;
    border-radius: 5px;
    display: inline-block;
    float: right;
    position: relative;
    padding-bottom: 22px;
}
.info-comments-result .msg-content.left .msg-text::before {
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    width: 0;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 12px solid #eee;
    position: absolute;
    left: -9px;
    top: 0;
}
.info-comments-result .msg-content.left .msg-date{
	font-size: 10px;
    color: #a7a7a7;
    font-weight: 300;
    position: absolute;
    bottom: 1px;
    right: 6px;
}
/* comments-right-img */

.info-comments-result .msg-content.right .msg-user{
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    padding-top: 6px;
    text-align: center;
    font-size: 12px;
    float: right;
}
.info-comments-result .msg-content.right .msg-text{
	background: #eee;
    width: 88%;
    padding: 7px;
    border-radius: 5px;
    display: inline-block;
    float: left;
    position: relative;
    padding-bottom: 22px;
}
.info-comments-result .msg-content.right .msg-text::after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    width: 0;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 12px solid #eee;
    position: absolute;
    right: -11px;
    top: -1px;
    transform: rotate(270deg);
}
.info-comments-result .msg-content.right .msg-date{
	font-size: 10px;
    color: #a7a7a7;
    font-weight: 300;
    position: absolute;
    bottom: 1px;
    left: 6px;
}

.button-submit {
	position:absolute;
	right:20px;
}

.list-content {
	background:#fff;
	padding:0 20px 0 15px;
	border:1px solid #eee;
	margin-bottom:10px;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	height:45px;
	line-height:43px;
	position:relative;
}

.tag-important {
	content:'';
	position:absolute;
	top:-10px;
	left:-7px;
	background:red;
	width:14px;
	height:20px;
	transform:rotate(45deg);
}

.content-icons {
	position:absolute;
	right:0;
	width:95px;
	margin-right:20px;
	height:30px;
	top:7px;
	background:#fff;
	padding:3px;
}

.content-icons .delayed-icon,.content-icons .details-icon,.content-icons .comments-icon {
	font-size:22px;
	float:right;
	margin:0 4px 0 2px;
}

.check-float {
	float:left;
	position:relative;
	top:12px;
	margin-right:20px;
}

.taks-name {
	width:90%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	float:left;
	margin-left:10px;
	font-weight:400;
	line-height:45px;
}

.button-save {
	width:55px;
	height:25px;
	background:#53D481;
	position:absolute;
	z-index:10;
	right:10px;
	bottom:10px;
	margin-top:4px;
	font-weight:300;
	text-align:center;
	color:#fff;
	border-radius:3px;
	line-height:25px;
	cursor:pointer;
}

.button-save:hover {
	background:#3a9a5c;
}

.menu-top-head {
	position:fixed;
	top:65px;
	z-index:10;
	width:100%;
	height:50px;
	background-color:#fdfdfd;
	margin-bottom:10px;
	box-shadow:5px 5px 7px -3px rgba(219,219,219,1);
	text-align:center;
}

.menu-top-head .item {
	font-weight:300;
	font-size:14px;
	height:50px;
	padding:15px 0;
}

.down-drop ion-icon {
	font-size:20px;
	float:right;
}

.down-drop:hover {
	cursor:pointer;
}

.down-drop:hover > .drop-menu {
	display:block;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.drop-menu {
	width:300px;
    height: 407px;
    overflow-y: auto;
	position:absolute;
	background:#dedede;
	top:55px;
	border-radius:8px;
	text-align:left;
	box-shadow:5px 5px 7px -3px rgba(219,219,219,1);
	display:none;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.drop-menu ul {
	padding-left:0!important;
	margin-bottom:0!important;
}

.drop-menu li {
	list-style:none;
	padding:10px 0 10px 35px;
	border-bottom:1px solid #eee;
}

.drop-menu li a {
	width:100%;
	display:block;
	position:relative;
}

.drop-menu li a .bull-proj {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	background:#eee;
	border-radius:50%;
	left:-23px;
	top:5px;
}

.menu-top-head .item:hove.drop-dd:hover .drop-menu {
	opacity:1;
}

.cage-content-block-header {
	padding:10px 0;
	margin-bottom:15px;
	border-bottom:1px solid #e7e7e7;
}

.cage-content-block-header .cage-content-block-title {
	font-size:20px;
	line-height:34px;
}

.cage-content-block-header form {
	margin-bottom:0!important;
}

.add-user {
	font-size: 30px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.text-area-height {
	min-height:200px!important;
}

.datas-list {
	margin-bottom:15px;
}

.box-notes {
	border:1px solid #f1e58f;
	border-radius:4px;
	background:#fef3a1;
	color:#070707!important;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:30px;
}

.box-notes .box-notes-header {
	position:relative;
}

.box-notes .box-notes-header .box-notes-header-image {
	width:19%;
	float:left;
	padding-left:17px;
}

.box-notes .box-notes-header .box-notes-header-image span {
	display:inline-block;
	width:50px;
	height:50px;
	overflow:hidden;
	border-radius:50%;
}

.box-notes .box-notes-header .box-notes-header-info {
	width:81%;
	float:right;
	padding:5px 10px 0;
}

.box-notes .box-notes-header .box-notes-header-info .box-notes-header-name {
	font-size:16px;
	font-weight:600;
	width:88%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.box-notes .box-notes-header .box-notes-header-info .box-notes-header-date {
	font-size:12px;
}

.box-notes .box-content {
	padding:15px 18px;
}

.box-notes .box-content .box-title-note {
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;
}

.box-notes .box-content .box-text-note {
	font-size:14px;
	line-height:25px;
	font-weight:400;
	margin-bottom:5px;
	height:75px;
	overflow:hidden;
}

.box-notes .box-edit-btn {
	width:35px;
	height:35px;
	border-radius:50%;
	background:#fff;
	border:1px solid #eee;
	position:absolute;
	top:5px;
	right:21px;
	text-align:center;
	padding-top:10px;
	cursor:pointer;
	z-index:1000;
}

/* Box Notes Full */
.box-notes-full {
	border:1px solid #f1e58f;
	border-radius:4px;
	background:#fef3a1;
	color:#070707!important;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:30px;
}

.box-notes-full .box-notes-header {
	position:relative;
}

.box-notes-full .box-notes-header .box-notes-header-image {
	width:8%;
	float:left;
	padding-left:17px;
}

.box-notes-full .box-notes-header .box-notes-header-image span {
	display:inline-block;
	width:70px;
	height:70px;
	overflow:hidden;
	border-radius:50%;
}

.box-notes-full .box-notes-header .box-notes-header-info {
	width:92%;
	float:right;
	padding:5px 10px 0;
}

.box-notes-full .box-notes-header .box-notes-header-info .box-notes-header-name {
	font-size:18px;
	font-weight:600;
	width:92%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.box-notes-full .box-notes-header .box-notes-header-info .box-notes-header-date {
	font-size:12px;
}

.box-notes-full .box-content {
	padding:15px 18px;
}

.box-notes-full .box-content .box-title-note {
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;
}

.box-notes-full .box-content .box-text-note {
	font-size:16px;
	line-height:30px;
	font-weight:400;
	margin-bottom:5px;
}

.box-notes-full .box-edit-btn {
	width:35px;
	height:35px;
	border-radius:50%;
	background:#fff;
	border:1px solid #eee;
	position:absolute;
	top:6px;
	right:6px;
	text-align:center;
	padding-top:10px;
	cursor:pointer;
	z-index:1000;
}

/* box-reply-notes */
.box-reply-notes {
	margin-bottom:15px;
	border:1px solid #eee;
	border-radius:3px;
	padding:10px 10px 2px;
	background:#fff;
}

.box-reply-notes .box-reply-notes-header {
	position:relative;
}

.box-reply-notes .box-reply-notes-header .box-notes-header-image {
	width:4.5%;
	float:left;
}

.box-reply-notes .box-reply-notes-header .box-notes-header-image span {
	display:inline-block;
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%;
}

.box-reply-notes .box-reply-notes-header .box-notes-header-info .box-notes-header-name {
	font-size:16px;
	font-weight:500;
}

.box-reply-notes .box-reply-notes-header .box-notes-header-info .box-notes-header-date {
	font-size:12px;
}

.box-reply-notes .box-content .box-text-note {
	padding-top:10px;
	font-weight:400;
	font-size:16px;
	line-height:30px;
}

.box-reply-notes .box-btns {
	position:absolute;
	right:0;
	top:0;
	padding-top:6px;
	padding-right:5px;
	z-index:100;
}

.box-reply-notes .box-edit-btn {
	width:35px;
	height:35px;
	border-radius:50%;
	background:#fff;
	border:1px solid #d6d6d6;
	text-align:center;
	padding-top:10px;
	cursor:pointer;
	z-index:1000;
	display:inline-block;
}

.box-reply-notes .box-del-btn {
	width:35px;
	height:35px;
	display:inline-block;
	border-radius:50%;
	background:#fff;
	border:1px solid #d6d6d6;
	text-align:center;
	padding-top:10px;
	cursor:pointer;
	z-index:1000;
}

.mod {
	font-size:10px;
	font-weight:500;
	text-transform:uppercase;
	background:#eee;
	padding:2px 5px;
	border-radius:4px;
	position:relative;
	top:-2px;
	color:#999;
}

.not-comment {
	text-align:center;
	padding:20px 20px 29px;
	font-size:18px;
	font-weight:300;
}

.btn-add-comment {
	width:100%;
	margin-top:20px;
}

.notifications {
	width:650px;
	overflow:hidden;
}

.navbar-right {
}

.noti-msg {
	display:block;
	float:right;
	width:96%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.div-check-off {
	float:left;
	width:19px;
	margin-top:11.5px;
	cursor: pointer;
}
.div-check-off:hover svg,.div-check-off:focus svg{
	fill:#67cb48;
}
.add-tasks{
	padding-right: 0px;
	padding-left: 0px;
}
.input-tasks-fast{
	margin-top: -10px;
}
.input-fast{
	display: block;
    width: 100%;
    height: 35px;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 4px;
}
.input-fast::-webkit-input-placeholder {
	color: #b7b7b7;
}
.input-fast:focus{
	outline: solid 2px transparent;
	outline-offset: 0;
}
.add-comment-fast{
        display: inline-block;
    width: 91%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #eee;
    background-image: none;
    border: 1px solid transparent;
    font-weight: 300;
    float: left;
    outline: solid 2px transparent;
    outline-offset: 0;
    border-radius: 32px;
}
.send-comment-fast{
	float: left;
    background: transparent;
    border: none;
    height: auto;
    font-size: 27px;
    margin: 0;
    padding: 8px 0 0 8px;
}
.cards-content{
	position: relative;
	width: 100%;
	height: 80%;
	
}
.cards-scroll{
	width: 100%;
	height: 100%;
	overflow-x: scroll;
	display: flex;
}
.cards-content .cards-box{
	width: 300px;
	height: auto;
	border: 1px solid red;
}
.form-group input.form-control::-webkit-input-placeholder{
	font-weight: 200;
	font-size: 14px;
}
.form-group input.form-control{
    font-variant: tabular-nums;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 4px 11px;
    width: 100%;
    height: 32px;
    font-size: 14px;
	font-weight: 400;
    line-height: 1.5;
    color: rgba(0,0,0,0.65);
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: none; 
    box-shadow: none; 
    -webkit-transition:none; 
}
.form-group textarea.form-control{
    font-variant: tabular-nums;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 4px 11px;
    width: 100%;
    height: auto;
    resize: none;
    font-size: 14px;
	font-weight: 400;
    line-height: 1.5;
    color: rgba(0,0,0,0.65);
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: none; 
    box-shadow: none; 
    -webkit-transition:none; 
}
.form-group input.form-control:focus,.form-group select.form-control:focus,.form-group textarea.form-control:focus{
	border-color: #40a9ff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    border-right-width: 1px !important;
}

.itemform{
	margin-bottom: 0px;
}
.add-tarefa-item{
	background: none;
	border: none;
	width: 100%;
	padding: 5px 0;
	margin-top: 10px;
}
.add-tarefa-item:hover{
	background: #e0e0e0;
}
.close-button{
	background: none;
	border: none;
	margin-left: 10px;
	margin-top: 10px;
}
.kanban-board .kanban-drag{
	min-height: auto!important;
}
.kanban-item{
	cursor: pointer!important;
}
.btn-more{
    padding: 4px 7px;
    position: absolute;
    top: 9px;
    right: 7px;
    float: right;
    background: none;
    border-radius: 4px;
    border: none;
}
.btn-more:hover{
    padding: 4px 7px;
    position: absolute;
    top: 9px;
    right: 7px;
    float: right;
    background: #e0e0e0;
    border-radius: 4px;
    border: none;
}
.btn-more:focus{
	
}
.overlay-info-task{
	position: fixed;
	background: rgba(0,0,0,.5);
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	display: none;
}
.overlay-info-card{
	position: fixed;
	background: rgba(0,0,0,.5);
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	display: none;
}
.info-task{
	width: 65%;
	height: 540px;
	z-index: 1001;
	background: #ebeef0;
	border-radius: 4px;
	position: fixed;
	top:5%;
	left: 17.5%;
	right: 17.5%;
	padding: 20px;
	display: none;
}
.info-task .info-task-close{
	position: absolute;
    top: 19px;
    padding: 2px;
    right: 20px;
    border-radius: 4px;
}
.info-task .info-task-close:hover{
    background: #d1d2d2;
    cursor: pointer;
}

.info-task .info-task-header {
	margin-bottom: 20px;
}
.info-task .info-task-header .info-task-header-title{
	font-size: 18px;
	font-weight: 600;
}
.info-task .info-task-header .info-task-header-title input{
    padding: 4px 0;
    height: 32px;
    font-size: 18px;
	font-weight: 600;
    background-color: transparent;
    width: 95%;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
}
.info-task .info-task-header .info-task-header-title input:focus{
	background: #fff;
    border: 1px solid #40a9ff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
}
.info-task .info-task-header .info-task-header-subtitle{
	font-size: 14px;
	font-weight: 300;
}

.info-task .content-taks-title{
	font-size: 16px;
	font-weight: 600;
}

.info-task .info-task-content .content-description{
	margin-bottom: 15px;
}
.info-task .info-task-content .content-description .text-desc textarea{
	resize: none;
	border-radius: 5px;
	background: #c5c8cb;
	margin-top: 6px;
	width: 100%;
	padding: 10px;
    border: 1px solid transparent;
}
.info-task .info-task-content .content-description .text-desc textarea:focus{
    border: 1px solid #40a9ff;
    background: #fff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
}
.info-task .info-task-content .content-tags .content-tags-itens{
	margin-top: 8px;
}

.info-task .info-task-content .content-tags .content-tags-itens .tag-item{
    width: 100%;
	display: inline-block;
	height: 50px;
	border:1px solid blue;
	border-radius: 4px;
}
.info-task .info-task-content .content-tags .content-tags-itens .tag-item:hover{
    opacity: .5;
    cursor: pointer;
}
.info-task .info-task-content .content-tags .content-tags-itens .tag-item.selected{
    opacity: .5;
    cursor: pointer;
    background-image: url(/assets/images/check-tags.png);
    background-position: center center;
    background-size: 30px;
    background-repeat: no-repeat;
}
.info-task .info-task-content .content-tags .content-tags-itens .tag-item.green{
	background-color:#61bd4f;
	border:1px solid #61bd4f;
}

.info-task .info-task-content .content-tags .content-tags-itens .tag-item.yellow{
	background-color:#f2d600;
	border:1px solid #f2d600;
}

.info-task .info-task-content .content-tags .content-tags-itens .tag-item.orange{
	background-color:#ff9f1a;
	border:1px solid #ff9f1a;
}

.info-task .info-task-content .content-tags .content-tags-itens .tag-item.red{
	background-color:#eb5a46;
	border:1px solid #eb5a46;
}

.info-task .info-task-content .content-tags .content-tags-itens .tag-item.purple{
	background-color:#C377DF;
	border:1px solid #C377DF;
}

.info-task .info-task-content .content-tags .content-tags-itens .tag-item.blue{
	background-color:#0079bf;
	border:1px solid #0079bf;
}
.span-sticker{
	background: #000;
    width: 30px;
    height: 8px;
    display: block;
    border-radius: 10px;
    margin-bottom: 5px;
}
.span-sticker.green{
	background: #61bd4f;
}
.span-sticker.yellow{
	background: #f2d600;
}
.span-sticker.orange{
	background: #ff9f1a;
}
.span-sticker.red{
	background: #eb5a46;
}
.span-sticker.purple{
	background: #C377DF;
}
.span-sticker.blue{
	background: #0079bf;
}

.add-card{
	width: 200px;
	height: 100px;
	background: #f5f5f5;
	float: right;
}
.kanban-title-board input{
	background: none;
	width: 90%;
	border: 1px solid transparent;
}
.kanban-title-board input:focus{
	width: 90%;
	border: 1px solid #40a9ff;
    background: #fff;
    outline: 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
}
.info-task-footer{
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.info-task-footer-archive{
	position: absolute;
	bottom: 20px;
	left: 20px;
}



.info-card{
	width: 65%;
	height: 540px;
	z-index: 1001;
	background: #ebeef0;
	border-radius: 4px;
	position: fixed;
	top:5%;
	left: 17.5%;
	right: 17.5%;
	padding: 20px;
	display:none;
}
.info-card .content-card-title{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.info-card .info-card-close{
	position: absolute;
    top: 19px;
    padding: 2px;
    right: 20px;
    border-radius: 4px;
}
.info-card .info-card-close:hover{
    background: #d1d2d2;
    cursor: pointer;
}

.info-card .info-card-header {
	margin-bottom: 10px;
}
.info-card .info-card-header .info-card-header-title{
	font-size: 18px;
	font-weight: 600;
}
.info-card .info-card-header .info-card-header-title input{
    padding: 4px 0;
    height: 32px;
    font-size: 18px;
	font-weight: 600;
    background-color: transparent;
    width: 95%;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
}
.info-card .info-card-header .info-card-header-title input:focus{
	background: #fff;
    border: 1px solid #40a9ff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
    box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
}

.info-card .info-card-content{
	margin-bottom: 55px;
	max-height: 405px;
	overflow-y: auto;
}

.info-card .info-card-content .content-card{
	margin-bottom: 15px;
}


.info-card .info-card-content .content-card .content-card-item{
	background: #fff;
    padding: 8px 15px;
    margin-bottom: 10px;
    font-weight: 300;
    border-radius: 4px;
    box-shadow: 2px 2px 15px -6px rgba(199,199,199,1);
}
.info-card .info-card-content .content-card .content-card-item.inative{
	background: #f3f3f3;
    padding: 8px 15px;
    margin-bottom: 10px;
    font-weight: 300;
    border-radius: 4px;
    text-decoration: line-through;
    box-shadow: 2px 2px 15px -6px rgba(199,199,199,1);
}
.info-card .info-card-content .content-card .content-card-inative{
	font-size: 12px;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
    position: relative;
    width: 100%;
    cursor: pointer;
    color: #777;
    padding: 5px 0;
    border-radius: 4px;
    margin-bottom: 20px;
}
.info-card .info-card-content .content-card .content-card-inative:hover{
    cursor: pointer;
    background: #dcdcdc;
}
.info-card .info-card-content .content-card .content-card-inative::before{
	content: '';
    position: absolute;
    left: 6px;
    top: 13px;
    width: 40%;
    height: 1px;
    background: #777;
}
.info-card .info-card-content .content-card .content-card-inative::after{
	content: '';
    position: absolute;
    right: 6px;
    top: 13px;
    width: 40%;
    height: 1px;
    background: #777;
}
.content-tags-intern{
    width: 16.33%;
    display: inline-block;
    height: 50px;
    border-radius: 4px;
}
.tag-item-title{
	font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: 400;
    margin-top: 6px;
}