@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'proxima_nova_regular';
    src: url('../fonts/proximanova-regular.eot');
    src: url('../fonts/proximanova-regular.eot') format('embedded-opentype'),
         url('../fonts/proximanova-regular.woff2') format('woff2'),
         url('../fonts/proximanova-regular.woff') format('woff'),
         url('../fonts/proximanova-regular.ttf') format('truetype'),
         url('../fonts/proximanova-regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_semibold';
    src: url('../fonts/proxima_nova_semibold.eot');
    src: url('../fonts/proxima_nova_semibold.eot') format('embedded-opentype'),
         url('../fonts/proxima_nova_semibold.woff2') format('woff2'),
         url('../fonts/proxima_nova_semibold.woff') format('woff'),
         url('../fonts/proxima_nova_semibold.ttf') format('truetype'),
         url('../fonts/proxima_nova_semibold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_bold';
    src: url('../fonts/proxima_nova_bold.eot');
    src: url('../fonts/proxima_nova_bold.eot') format('embedded-opentype'),
         url('../fonts/proxima_nova_bold.woff2') format('woff2'),
         url('../fonts/proxima_nova_bold.woff') format('woff'),
         url('../fonts/proxima_nova_bold.ttf') format('truetype'),
         url('../fonts/proxima_nova_bold.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'proximaNova-Extrabld';
    src: url('../fonts/proximaNova-Extrabld.eot');
    src: url('../fonts/proximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/proximaNova-Extrabld.woff') format('woff'),
        url('../fonts/proximaNova-Extrabld.ttf') format('truetype'),
        url('../fonts/proximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
}

html.active{
	overflow: hidden !important;
}
body{
	font-family: 'proxima_nova_regular';
	color: #080811;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    line-height: 1.4;
}
a{
	color: #5680e9;
	text-decoration: none;
}
a[disabled]{
	pointer-events: none;
}
a:hover{
	color: #efae57;
}
.container{
	max-width: 990px;
	margin: 0px auto;
	width: 100%;
}
.clearfix:after{
	content: '';
	display: table;
	clear:both;
}
h1,.h1{
	font-size: 40px;
	font-family: 'proxima_nova_semibold';
}
h2,.h2{
	font-family: 'proxima_nova_semibold';
    font-size: 34px;
    letter-spacing: 0.03em;
}
h3,.h3{
	font-size: 26px;
	font-family: 'proxima_nova_semibold';
    letter-spacing: 0.03em;
}
h4,.h4{
	font-size: 24px;
	color: #080811;
	margin-bottom: 1.5rem;
	font-family: 'proxima_nova_semibold';
}
h5,.h5{
	font-family: 'proxima_nova_semibold';
	font-size: 20px;
	letter-spacing: 0.03em;
}
h6,.h6{
	font-size: 18px;
	font-family: 'proxima_nova_semibold';
	margin-bottom: 1.75rem;
	letter-spacing: 0.02em;
}
p{
	font-size: 16px;
	margin-bottom: 24px;
}
img{
	max-width: 100%;
	display: block;
}
.btn{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
	color: #f5f5f5;
	background: #5680e9;
	text-transform: uppercase;
	display: inline-block;
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem 0.6875rem 1.25rem;
	border: 1px solid transparent;
    letter-spacing: 0.13em;
	font-family: 'proxima_nova_semibold';
	cursor: pointer;
	vertical-align: top;
    line-height: 17px;
	transition: all 0.4s;
}
.btn[disabled]{
	opacity: 0.5;
	cursor: default;
}
.btn:not(:last-child){
	margin-right: 15px;
}
.btn:hover {
    background: #efae57;
    color: #fff;
}
.btn.black-ghost{
	background: transparent;
	color: #65656a;
	border: 1px solid #65656a;
}
.btn.black-ghost:hover{
	color: #f5f5f5;
	background: #65656a;
}
.btn-link{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border: 0;
    background-color: transparent;
    cursor: pointer;
    color: #000;
}
input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; }
input:focus::-moz-placeholder { color:transparent !important; }
input:focus:-ms-input-placeholder { color:transparent !important; }

.add-hrs-input{
	position: relative;
}
.add-hrs-input input{
	padding-right: 30px;
}
.add-hrs-input span{
	color: #7D7E80;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.input-btn-group{
	display: flex;
}
.input-btn-group .btn-append{
	border: 1px solid #e0e2e3;
	display: flex;
	align-items: center;
	padding: 12px 10px;
	background-color: #e0e2e3;
	color: #7D7E80;
}
/* =============== HEADER =============== */
.top-menu{
	padding: 0 30px;
	height: 45px;
	position: fixed;
	top:0;
  z-index: 999999;
	background: linear-gradient(to right, #5680e9 , #5ab9ea);
}

.top-menu .account-menu > ul > li{
	margin-left: 20px;
	position: relative;
}

.top-menu .account-menu ul li a.notification{
	width: 20px;
	height: 20px;
	display: block;
	position: relative;
}
.top-menu .account-menu ul li a.profile{
	color: #fff;
	font-family: 'proxima_nova_semibold';
	font-size: 14px;
	padding-right: 22px;
	background: url(../images/profile-arrow.png) no-repeat right center;
	display: flex;
    align-items: center;
}
.top-menu .account-menu ul li a.profile span:first-child{
	min-width: 30px;
	width: 30px;
	height: 30px;
	background: #fff;
	display: block;
	margin-right: 15px;
	border-radius: 100%;
}
.top-menu .account-menu ul li a.profile span:first-child img{
	border-radius: 100%;
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-menu .account-menu ul li .notification_popup{
	display: none;
	width: 390px;
    background: #fff;
    position: absolute;
    left: -220px;
    top: 100%;
	z-index: 9999;
	visibility: hidden;
    margin-top: 32px;
	opacity: 0;
	transition: all 0.25s;
}
.top-menu .account-menu ul li .notification_popup.active{
	opacity: 1;
	margin-top: 12px;
	visibility: visible;
}
.top-menu .account-menu ul li .notification_popup:before{
	content: '';
    border-bottom: 8px solid #efefef;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: 27px;
}
.top-menu .account-menu ul li .notification_popup h5{
	font-size: 16px;
    font-family: 'proxima_nova_semibold';
	background: #efefef;
    padding: 15px 16px;
}
.top-menu .account-menu ul li .notification_popup h5 a{
	font-size: 13px;
    line-height: 18px;
    border-bottom: 1px solid #65656a;
    color: #65656a;
	transition: all 0.4s;
}
.top-menu .account-menu ul li .notification_popup h5 a:hover{
	color: #000;
}
.top-menu .account-menu ul li .notification_popup .notify_list{
	padding: 0 16px;
	box-shadow: 0 7px 8px rgba(0,0,0,0.1);
}
.top-menu .account-menu ul li .notification_popup .notify_list .notify_item{
	padding: 15px 0;
    border-bottom: 1px solid #efefef;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.top-menu .account-menu ul li .notification_popup .notify_list .notify_item:last-child{
	border-bottom: none;
}
.top-menu .account-menu ul li .notification_popup .notify_list .notify_item a{
	color: #4c81ec;
    font-family: 'proxima_nova_semibold';
    margin-bottom: 8px;
    display: inline-block;
}
.top-menu .account-menu ul li .notification_popup .notify_list .notify_item a:hover{
	color: #eaaf5a;
}
.top-menu .account-menu ul li .notification_popup .notify_list .notify_item p{
	font-size: 14px;
    color: #666;
	margin-bottom: 0;
}
.top-menu .account-menu ul li .account_dropdown ul li{
	padding: 0 !important;
}
.top-menu .account-menu ul li .account_dropdown ul li a,
.top-menu .account-menu ul li .account_dropdown ul li input{
	line-height: 38px;
    display: block;
    padding: 0 16px;
    color: #65656a;
    font-size: 15px;
    font-family: 'proxima_nova_semibold';
	background: #fff;
	transition: all 0.4s;
}
.top-menu .main-nav-menu ul li a.login{
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-family: 'proxima_nova_semibold';
	transition: all 0.4s;
}
.top-menu .main-nav-menu ul li a{
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	font-family: 'proxima_nova_semibold';
	transition: all 0.4s;
	padding: 0 15px;
}
.top-menu .main-nav-menu ul li a.time-logger-menu .icon.icons-clock{
	padding: 0;
}
.time-logger-menu .icon {
    color: #fff;
}
.top-menu .main-nav-menu ul li a.time-logger-menu .icon-action{
	padding-left: 16px;
	padding-right: 0;
}
.main-top-menu ul{
	list-style: none;
	display: flex;
	align-items: center;
	margin: 0 -15px;
}
.main-top-menu ul li{
	padding: 0 15px;
	position: relative;
}
.main-top-menu ul li > a{
	letter-spacing: 0.03em;
	text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-family: 'proxima_nova_semibold';
    white-space: nowrap;
    margin-bottom: 0;
    transition: all ease-in-out 0.4s;
    padding: 15px 0;
}
.main-top-menu ul li a.new-object,
.main-top-menu ul li a.projects,
.main-top-menu ul li a.my-work{
	background: url(../images/profile-arrow.png) no-repeat right center;
    padding-right: 19px;
    background-size: 10px;
    display: inline-block;
}
.main-top-menu ul li:hover ul.menu-children{
	opacity: 1;
	visibility: visible;
}
.main-top-menu ul li ul.menu-children li:hover ul.menu-children{
	opacity: 1;
	visibility: visible;
}
.main-top-menu ul li ul.menu-children{
	position: absolute;
    top: 100%;
    width: 205px;
    background: #fff;
    padding: 10px 0;
    z-index: 999;
    display: block;
    box-shadow: 0 17px 33px rgba(0,0,0,0.12);
    opacity: 0;
    visibility: hidden;
    margin: 0;
}
.main-top-menu ul li:hover ul.menu-children ul.menu-children{
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.main-top-menu ul li ul.menu-children.visible{
	opacity: 1;
	visibility: visible;
	height: auto;
}
.main-top-menu ul li ul li{
	padding: 0;
}
.main-top-menu ul li ul li a{
    color: #65656A;
    text-transform: capitalize;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    display: inline-block;
}

.main-top-menu ul li ul li a:hover{
	background: -webkit-linear-gradient(left, #4d90eb , #5ab9ea);
    background: -o-linear-gradient(right, #4d90eb, #5ab9ea);
    background: -moz-linear-gradient(right, #4d90eb, #5ab9ea);
    background: linear-gradient(to right, #4d90eb , #5ab9ea);
    color: #fff;
}
.path-dropdown{
	position: relative;
}
.dropdown-menu{
	width: 163px;
    background: #fff;
    position: absolute;
    top: 100%;
	right: 0;
    margin-top: 20px;
	padding: 5px 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
    box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	transition: all 0.25s;
}
.dropdown-menu.dropdown-menu-center{
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}
.dropdown-menu.active{
	margin-top: 9px;
	opacity: 1;
	visibility: visible;
}

.dropdown-menu ul{
	list-style: none;
}
.dropdown-menu ul li{
	padding: 6px 15px !important;
}
.dropdown-menu ul li .button_to input{
	font-family: 'proxima_nova_semibold' !important;
	padding: 0;
}
.dropdown-menu ul li a,
.dropdown-menu ul li input[type="submit"]{
	color: #65656a;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: 100%;
	border: 0;
	text-align: left;
	cursor: pointer;
	font-size: 16px;
	display: block;
}
.dropdown-menu ul li a:hover,
.dropdown-menu ul li input[type="submit"]:hover{
	color: #5680e9;
}

#top-menu #account ul li .account_dropdown ul li a:hover{
	background: -webkit-linear-gradient(left, #4d90eb , #5ab9ea);
    background: -o-linear-gradient(right, #4d90eb, #5ab9ea);
    background: -moz-linear-gradient(right, #4d90eb, #5ab9ea);
    background: linear-gradient(to right, #4d90eb , #5ab9ea);
	color: #fff;
}

.path-header {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
    padding: 20px 34px;
	background: #fff;
	position: relative;
    z-index: 99;
    margin-top: 45px;
}

/* =========== Login Page ============ */
.login-content .content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100vh;
}
.login-section{
	max-width: 900px;
	width: 100%;
}
.login-sign-btn .btn{
	display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.login-or{
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #7D7E80
}
.login-or:after, 
.login-or:before {
    content: "";
    border-top: 1px solid #7D7E80;
    margin: 0 20px 0 0;
    -ms-flex: 1 0 20px;
    flex: 1 0 20px;
}
.login-or:after {
    margin: 0 0 0 20px;
}
/* =========== Main Content ============ */
.internal-tag{
	color: #46B86D;
    padding: 4px 12px 2px;
    border-radius: 15px;
    border: 1px solid #46B86D;
}
/* =========== Content ============ */
.content {
    width: calc(100% - 60px);
    background: #f5f5f5;
    padding: 20px 30px;
	position: relative;
    z-index: 9;
    transition: all 0.45s;
}
/* =========== Tab ============ */
.scrtabs-tab-container{
	display: flex;
	align-items: center;
}
.scrtabs-tabs-fixed-container{
	overflow: hidden;
	width: 100%;
}
.scrtabs-tabs-movable-container {
	position: relative;
}
.scrtabs-tab-scroll-arrow{
	cursor: pointer;
	width: 35px;
}
.path-tabs{
	display: inline-flex;
}
.path-tabs li{
	white-space: nowrap;
}
.path-tabs li a{
	font-size: 18px;
	color: #65656A;
	padding: 10px 15px;
	border-bottom: 2px solid transparent;
	display: inline-block;
}
.path-tabs li.active a,
.path-tabs li a.selected{
	color: #5680E9;
	border-color: #5680E9;
}

#hist .tabs{
	position: sticky !important;
	top: 45px;
	background-color: #f5f5f5;
	z-index: 9999;
}
.path-tab .right-panel{
	position: relative;
}
.path-tab .right-panel ul li{
	padding: 0 15px;
}
.path-tab .right-panel ul li:last-of-type{
	padding-right: 0;
}
.path-tab .right-panel ul li:first-of-type{
	padding-left: 0;
}
.path-tab .right-panel ul .dropdown-menu{
	width: 208px;
	right: -32px;
}
.project-menu-tab ul li a{
	text-transform: capitalize;
}
.red-border{
	border-top: 2px solid red !important;
}
.green-border{
	border-top: 2px solid green !important;
}
.project-header .project-name .avatar{
	box-shadow: 0px 26px 50px rgba(0,0,0,0.12);
}
.project-header p,
.project-header a{
	color: #65656a;
}
.project-header a:hover{
	color: #5680e9;
}

.edit-options > ul{
	border: 1px solid #d8d8d9;
    display: flex;
    white-space: nowrap;
    margin-left: 10px;
}
.edit-options > ul > li{
	position: relative;
	display: block;
	border-left: 1px solid #d8d8d9;
}
.edit-options ul li:first-child{
	border-left: none;
}
.edit-options > ul > li > a{
	height: 42px;
	line-height: 42px;
	padding: 0 13px;
	font-size: 17px;
	color: #65656a;
	display: flex;
    align-items: center;
	transition: all 0.4s;
}
.edit-options > ul > li > a:hover{
	background-color: #f8f8f8;
}
/******Issue View Start******/
.cricle-priority .cricle{
	min-width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}
.cricle-priority .cricle.critical,
.priority-color.critical {
	background-color: #CF4949;
}
.cricle-priority .cricle.high,
.priority-color.high{
	background-color: #EF8383 ;
}
.cricle-priority .cricle.medium,
.priority-color.medium{
	background-color: #EFC383;
}
.cricle-priority .cricle.low,
.priority-color.low{
	background-color: #A5DE6E;
}
.cricle-priority .cricle.backlog,
.priority-color.backlog{
	background-color: #A0B1CB;
}
.is-task-box{
	background-color: #F6F7F8;
}
.is-task-box-head{
	padding: 10px 15px;
	border-bottom: 1px solid #CCC;
}
.is-task-box-body{
	padding: 20px 15px;
}

.is-bar{
	height: 14px;
	background: #f0f0f0;
	border-radius: 7px;
	position: relative;
	width: 300px;
	overflow: hidden;
}
/*.small-width .is-bar{
	width: 100px;
}*/
.is-bar span{
	background: #88d33e;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.is-label{
	min-width: 135px;
	width: 135px;
}
.is-line-height{
	line-height: 2;
}
.is-dropdwon{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9999;
	background-color: #fff;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	transition: all 0.25s;
}
.is-dropdwon.active{
	height: auto;
	opacity: 1;
	visibility: visible;
}
.is-status .is-dropdwon{
	margin-top: 10px;
	right: auto;
	left: -150px;
	width: 552px;
}
.is-status .path-dropdown{
    width: calc(100% - 145px);
}
.is-status .path-dropdown .dropdown-toggle .ps-tag{
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.commen-filed .path-dropdown{
	width: 195px;
}
.commen-filed .path-dropdown .dropdown-toggle .active-filed{
	display: flex;
	align-items: center;
	height: 40px;
	padding-right: 20px;
	transition: all 0.4s;
	background-position: right 10px center;
	background-repeat: no-repeat;

}
.commen-filed .path-dropdown .dropdown-toggle .active-filed:hover,
.commen-filed .path-dropdown .dropdown-toggle .active-filed:focus{
	background-image: url(../images/dropdown-arrow.png);
}
.commen-filed .path-dropdown .is-dropdwon ul li{
	padding: 5px 10px;
}
.is-priority-bg span{
	width: 24px;
	height: 24px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.is-priority-bg.Backlog span {
	background-image: url(../images/backlog-icon.png);
}
.is-priority-bg.Low span {
	background-image: url(../images/low-icon.png);
}
.is-priority-bg.Medium span {
	background-image: url(../images/medium-icon.png);
}
.is-priority-bg.High span {
	background-image: url(../images/high-icon.png);
}
.is-priority-bg.Critical span {
	background-image: url(../images/critical-icon.png);
}
.path-assignee .is-dropdwon{
	max-height: 350px;
	overflow-y: auto;
}
.path-assignee .is-dropdwon input[type="text"]{
	border: 0;
	border-bottom: 2px solid #acc;
	width: calc(100% - 20px);
	margin: auto;
	display: block;
	padding: 0.6875rem 0;
	margin-bottom: 0.3125rem;
}
.path-assignee .is-dropdwon ul li{
	display: flex;
}
.path-assignee .is-dropdwon ul li.selected {
	background: linear-gradient(to right, #4d90eb , #5ab9ea);
	color: #fff;
}
.is-stage-bg span{
	width: 1.5rem;
	height: 1.5rem;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}
.is-stage-bg.deliverables span{
	background-image: url(../images/Deliverables.svg);
}
.is-stage-bg.design span{
	background-image: url(../images/Design.svg);
}
.is-stage-bg.development span{
	background-image: url(../images/Development.svg);
}
.is-stage-bg.qa span{
	background-image: url(../images/QA.svg);
}
.is-stage-bg.launch span{
	background-image: url(../images/Launch.svg);
}
.is-stage-bg.discovery span{
	background-image: url(../images/Discovery.svg);
	height: 1.8em;
	width: 1.8em;
}
.is-datepicker .ui-datepicker{
	position: absolute;
}
/******Issue View End******/
.ps-tag{
	line-height: 1;
	display: inline-block;
	background: #eaaf5a;
	border-radius: 16px;
	font-family: 'proxima_nova_semibold';
	padding: 0.5rem 0.8125rem;
	color: #fff;
	font-size: 0.93rem;
	cursor: pointer;
	border: 1px solid #eaaf5a;
}
.ps-tag.todo{
	background: #fbe9d5; 
	border-color: #fbe9d5;
	color: #ec9d36;
}
.ps-tag.inprogress{
	background: #e3edff;
    border-color: #e3edff;
    color: #4d85ff;
}
.ps-tag.qa{
	background: #e3ddf9;
    border-color: #e3ddf9;
    color: #7958e3;
}
.ps-tag.approval{
	background: #ccf4f6;
    border-color: #ccf4f6;
    color: #0dafb4;
}
.ps-tag.closed{
	background: #c8f5be;
    border-color: #c8f5be;
    color: #56c23e;
}
.ps-tag.todo-blocker{
	background: #FEE1E3;
    border-color: #fbe9d5;
    color: #FF646F;
}
.attachment_files h6{
	display: inline-block;
	margin-bottom: 0;
}
.attachment_files .attachments_form{
	display: inline-block;
	margin-left: 3.125rem;
}
.attachments_form span{
	font-size: 1.0625rem;
	font-family: 'proxima_nova_semibold';
}
.attachments_form .add_attachment  input[type="file"] {
    display: none;
}
.attachments_form .custom-file-upload {
    display: inline-block;
	color: #5680e9;
	font-family: 'proxima_nova_semibold';
    cursor: pointer;
	border-bottom: 1px solid #5680e9;
	font-size: 1.0625rem;
	width: auto !important;
	line-height: 1;
	transition: all 0.4s;
}
.attachments_form .custom-file-upload:hover{
	color: #efae57;
	border-color: #efae57;
}
.attachments_form p{
	display: inline-block;
	color: #65656a;
	font-size: 1.0625rem;
	margin-left: 2.1875rem;
}

.thumb-list .thumb-item{
	position: relative;
}

.thumb-list .thumb-item .thumb-img{
	height: 12.5rem;
	background: #f5f5f5;
	padding: 0.9375rem;
}
.thumb-list .thumb-item img{
	max-height: 100%;
	max-width: 100%;
}
.thumb-list .thumb-item:hover a.delete-file{
	opacity: 1;
	visibility: visible;
}
.thumb-list .thumb-item a.delete-file{
	position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
    font-size: 1.5rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s;
}
.next-prev-links .position a{
	color: #080811;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
.related-issue h6{
	display: inline-block;
}
.related-issue a.user{
	float: none;
	text-transform: capitalize;
	font-family: 'proxima_nova_regular';
	color: #65656a;
}
.avatar{
	min-width: 2.25rem;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	color: #fff !important;
    text-align: center;
    font-family: 'proxima_nova_semibold';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    font-size: 1rem;
}
.avatar.avatar-md{
	width: 2.8125rem;
	min-width: 2.8125rem;
	height: 2.8125rem;
	font-size: 1.125rem;
}
.avatar.avatar-lg{
	width: 3.75rem;
	min-width: 3.75rem;
	height: 3.75rem;
	font-size: 1.125rem;
}
.avatar.avatar-ex-lg{
	width: 5rem;
	min-width: 5rem;
	height: 5rem;	
	font-size: 1.25rem;
}
.avatar.avatar-xl{
	width: 5.625rem;
	min-width: 5.625rem;
	height: 5.625rem;	
	font-size: 1.25rem;
}
.avatar img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box{
	padding: 1.875rem;
	background: #fff;
	box-shadow: 0 17px 33px rgba(0,0,0,0.12);
}
.device_details {
	box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	padding: 20px;
	margin-bottom: 20px;
}
.device-pending{
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	padding: 2px 14px;
	font-size: 12px;
	color: #C54460;
	border-color: #C54460;
}
.device-active{
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	padding: 2px 14px;
	font-size: 12px;
	color: #217c35;
	border-color: #217c35;
}
.tab-content .issue-content .avatar{
	margin-right: 2.125rem;
}
.issue-content .history-item .contextual{
	margin: 0;
    order: 3;
    display: flex;
}
/*****project Overview Start***/
.launch-count{
	margin-top: 43px;
	min-height: 276px;
}
.launch-count h2{
	font-size: 19px;
	color: #6F6F6F;
	margin: 20px 0;
}
.chart-text{
	position: relative;
}
.chart-text canvas{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	width: 100%;
}
.chart-text h6{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.timer-item .history{
	flex: 0 0 25%;
}
.timer-item .time-comment{
	flex: 1 1 auto;
}
.history-item .history{
	flex: 1 1 auto;
}
.stage .progress{
	display: block;
	border-radius: 6px;
	height: 12px;
}
.progress.todo{
	background-color: #ec9d36;
}
.progress.inprogress{
	background-color: #4d85ff;
}
.progress.blocker{
	background: #FF646F;
}
.progress.qa{
	background-color: #7958e3;
}
.progress.approval{
	background-color: #0dafb4;
}
.progress.clientapproval{
	background: #0dafb4;
}
.stage .progress.makelive{
	background: #00cd6f;
}
.progress.done{
	background: #56c23e;
}
/*****project Overview End***/
/*****issues Spent time Start***/
.stage-list .stage-item .stage{
	background: #f0f0f0;
	height: 12px;
	width: 100%;
	border-radius: 6px;
}
.stage-item .stage .progress{
	display: block;
	border-radius: 6px;
	height: 12px;
}
.stage .progress.Deliverables{
	background-color: #0FBDA6;
}
.stage .progress.Design{
	background-color: #F6C64A;
}
.stage .progress.Development{
	background-color: #B29FDB;
}
.stage .progress.QA{
	background-color: #7958e3;
}
.stage .progress.Launch{
	background-color: #0dafb4;
}
/*****issues Spent time End***/
#sidebar-open .tasks{
	margin-top: 3rem;
}
#sidebar-open .tasks .task-list .task-item{
	border: 1px solid #dfdfe2;
	padding: 0.875rem 0.875rem 0.75rem 1.125rem;
	position: relative;
	margin-bottom: 8px;
}
#sidebar-open .tasks .task-list .task-item:before{
	content: '';
    position: absolute;
    height: 100%;
    width: 4px;
    left: 0;
    top: 0px;
    background: #84ceeb;
}
#sidebar-open .tasks .task-list .task-item:first-child:before{
    background: #5680e9;
}
#sidebar-open .tasks .task-list .task-item:first-child h6 a:hover{
	color: #5680e9;
}
#sidebar-open .tasks h4 span{
	color: #b2b2b4;
	font-size: 0.875rem;
	font-family: 'proxima_nova_regular';
	float: right;
}
#sidebar-open .tasks .task-list .task-item span a{
	text-transform: uppercase;
	color: #b2b2b4;
	font-size: 0.875rem;
	font-family: 'proxima_nova_regular';
	letter-spacing: 0.08em;
	margin-bottom: 0.75rem;
    display: block;
    padding: 0;
}

#sidebar-open .tasks .task-list .task-item span a:hover{
	color: #080811;
}
#sidebar-open .tasks .task-list .task-item h6{
	margin-bottom: 0;
	margin-top: 0;
}
#sidebar-open .tasks .task-list .task-item h6 a{
	color: #080811;
	padding: 0;
}
#sidebar-open .tasks .task-list .task-item h6 a:hover{
	color: #84ceeb;
}

/* ============= Calander ============== */
#sidebar-open .ui-datepicker .ui-datepicker-header{
    margin-bottom: 0.9375rem;
}
#sidebar-open .ui-datepicker{
	box-shadow: none;
	width: 100%;
}
#sidebar-open .ui-datepicker td span,
#sidebar-open .ui-datepicker td a{
    padding: 0.8125rem 0.3125rem;
}
.ui-datepicker-buttonpane .ui-priority-primary{
	color: #f5f5f5 !important;
    background: #5680e9;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    padding: 10px 19px 8px 19px;
    border: 1px solid transparent;
    letter-spacing: 0.13em;
    font-family: 'proxima_nova_semibold';
    cursor: pointer;
    vertical-align: top;
    line-height: 17px;
    transition: all 0.4s;
    margin-left: 10px;
}
.ui-datepicker-buttonpane .ui-priority-primary:hover{
	background: #efae57;
    color: #fff !important;
}
.ui-datepicker-buttonpane .ui-priority-secondary{
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    padding: 10px 19px 8px 19px;
    border: 1px solid transparent;
    letter-spacing: 0.13em;
    font-family: 'proxima_nova_semibold';
    cursor: pointer;
    vertical-align: top;
    line-height: 17px;
    transition: all 0.4s;
    background: transparent;
    color: #65656a;
    border: 1px solid #65656a;
}
.ui-datepicker-buttonpane .ui-priority-secondary:hover{
	color: #f5f5f5;
    background: #65656a;
}
.avatar-delete{
	position: relative;
}
.avatar-delete .remove{
	background-color: #fff;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	z-index: 9;
	top: -1px;
	cursor: pointer;
	right: -4px;
	transform: scale(0);
	transition: all 0.4s;
}
.avatar-delete .remove:after{
	content: '';
	width: 8px;
	height: 2px;
	background: #f00;
	position: absolute;
	left: 100%;
	margin-left: -11px;
	top: 6px;
	transition: all 0.4s;
	transition-delay: 0.3s;
}
.avatar-delete:hover .remove{
	transform: scale(1);
}

/* ============= Activity Page ============== */
.activity-item{
	overflow: hidden;
	border-top: 10px solid #fff;
}
.activity-line {
    position: relative;
}
.activity-item:not(:last-child) .activity-line:before{
	content: '';
    background: #d8d8d9;
    width: 1px;
    height: 500%;
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.activity-icon{
	width: 39px;
	height: 38px;
	border-radius: 50%;
	display: block;
	outline-style: solid;
    outline-color: #fff;
    outline-width: 10px
}
.activity-icon.update{
	background: #8860d0 url(../images/update-icon.png) no-repeat 11px 9px;
}
.activity-icon.comment{
	background: #84ceeb url(../images/comment-icon.png) no-repeat 10px 10px;
}
.activity-time{
	position: relative;
	z-index: 2;
    flex: 0 0 260px;
}
.activity-desc{
	padding-top: 11px;
}
.activity-desc p{
	margin-bottom: 0;
	word-break: break-all;
}
/* ============= Files Page ============== */

.file-action{
	float: right;
}
.file-action .file-upload{
	float: left;
}
.file-action.attachments_form label{
	color: #fff;
    background: #5680e9;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem 0.6875rem 1.25rem;
    letter-spacing: 0.13em;
}
.file-action.attachments_form label a{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
	-moz-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
}
.file-action.attachments_form label:hover{
	background: #efae57;
	color: #fff;
}
input[type="text"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="size"],
input[type="number"],
textarea,
fieldset#filters td.values input {
	font-family: 'proxima_nova_regular';
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 12px 10px;
	background-color: #fff;
	color: #3d454c;
	max-width: 100%;
	border: 1px solid #e0e2e3;
	margin: 0px;
	font-size: 14px;
}
select{
	background-image: url(../images/dropdown-arrow.png);
	background-size: 10px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-color: #fff;
	-webkit-appearance: none;
    width: 187px;
    border: 1px solid #d8d8d9;
    font-size: 14px;
    padding: 0.8125rem 2.1875rem 0.8125rem 0.625rem;
	box-shadow: 0 0 0 rgba(0,0,0,0.22);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.22);
	-o-box-shadow: 0 0 0 rgba(0,0,0,0.22);
	-ms-box-shadow: 0 0 0 rgba(0,0,0,0.22);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.22);
	transition: all 0.3s;
	border-radius: 0;
}
select:hover {
    box-shadow: 4px 6px 16px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 6px 16px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 6px 16px rgba(0,0,0,0.2);
	-ms-box-shadow: 4px 6px 16px rgba(0,0,0,0.2);
}

.file-listing .uploaded-file .image{
    background-color: #f5f5f5;
	height: 225px;
	position: relative;
}
.file-listing .uploaded-file .image .img-class{
	height: 100%;
}
.file-listing .uploaded-file .image .img-class img{
	max-height: 100%;
	max-width: 100%;
}
.file-listing .uploaded-file .client-author{
	left: 10px;
    position: absolute;
    top: 10px;
    z-index: 99;   
}
.client-author span{
    padding: 2px 10px;
    border-radius: 5px;
    text-transform: capitalize;
}
.client-author span.client{
	background-color: #FFBBB5;
	color: #EC574B;
}
.client-author span.internal{
	background-color: #C8F5BE;
	color: #21800C;
}

.deleteR .button_to input[type="submit"] {
    cursor: pointer;
}
.uploaded-file .image .options{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 99;
    cursor: pointer;
}
.file-listing .options .option-value{
	position: absolute;
	background: #fff;
	width: 152px;
    right: 0;
	text-align: left;
	padding: 15px 12px 14px 18px;
}
.options .option-value ul li{
	margin-bottom: 20px;
}
.options .option-value ul li:last-child{
	margin-bottom: 0;
}
.options .option-value ul li a{
	color: #65656a;
	font-size: 17px;
}
.options .option-value ul li a span{
	display: inline-block;
	vertical-align: text-top;
	margin-right: 14px;
}
.uploaded-file .image .options .option-value{
	visibility: hidden;
	opacity: 0;
	transform: scale(0.8);
	margin-top: 10px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transition: all 0.4s;
}
.uploaded-file .image .options.active .option-value:before {
    content: '';
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 7px;
}
.uploaded-file .image .options.active .option-value{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	animation: Bounce-small 0.25s;
}
.file-model{
	background: rgba(0,0,0,0.90);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
	opacity: 0;
    visibility: hidden;
	transition: all 0.4s;
}
.file-model.active{
	opacity: 1;
	visibility: visible;
}

/* ============= TASKS PAGES ============== */
.pagination li a,
.pagination li span{
	position: relative;
    display: block;
    padding: .5rem;
}
.pagination li.current span{
    color: #5680e9;
}
.file-action .filter-btn{
	display: flex;
}
.file-action .filter-btn a:nth-child(1) {
    color: #65656a;
    font-size: 17px;
    white-space: nowrap;
    height: 2.8125rem;
    display: flex;
    line-height: 40px;
    align-items: center;
	padding-left: 16px;
	border: 1px solid #d8d8d9;
	padding-right: 16px;
	transition: all 0.4s;
}
.file-action .filter-btn a:hover{
	background: #d8d8d9;
}
.file-action .filter-btn a.filter-icon{
	width: 42px;
    border: 1px solid #d8d8d9;
    border-left: none;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.4s;
}

.border-list-menu a{
	height: 2.8125rem;
	width: 2.8125rem;
	border: 1px solid #d8d8d9;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	float: left;
	transition: all 0.4s;
	margin-left: -1px;
}
.border-list-menu a.active{
	background: #5680e9;
	border-color: #5680e9;
	color: #fff;
}
.filter-dropdown{
	margin-top: 20px;
	margin-bottom: 36px;
}
.filter-dropdown > h3{
	position: relative;
	margin-bottom: 24px;
}
.filter-dropdown > h3:after{
	content: '';
	background: #d8d8d9;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
}
.filter-dropdown > h3 span{
	text-transform: uppercase;
	color: #5680e9;
	font-size: 16px;
	font-family: 'proxima_nova_semibold';
	letter-spacing: 0.1em;
	padding-right: 16px;
	background: #f5f5f5;
	position: relative;
	z-index: 1;
}
.filter-dropdown .ui-accordion-header-icon{
	display: none;
}
.filter-dropdown .filter-listing{
	margin-left: -15px;
    margin-right: -15px;
	margin-bottom: 30px;
}
.filter-dropdown .filter-listing .item {
    width: 25%;
    float: left;
    display: flex;
	padding: 0 15px;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}
.filter-dropdown .filter-listing .item > div{
	width: 100%;
	position: relative;
}
.filter-desc > .filter-listing .item > div{
	max-width: 220px;
    display: flex;
    align-items: center;
}
.filter-desc > .filter-listing .item > div [type=text] {
    width: 100%;
}
.filter-dropdown .filter-listing .item h5{
	font-size: 18px;
	margin-right: 15px;
	line-height: 43px;
	white-space: nowrap;
}
.filter-dropdown .filter-listing .item .selected-value {
    background: #fff url(../images/dropdown-arrow.png) no-repeat right 10px center;
    height: 43px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    width: 100%;
    text-align: left;
    padding: 0 34px 0 12px;
	box-shadow: 3px 5px 18px transparent;
	-webkit-box-shadow: 3px 5px 18px transparent;
	-moz-box-shadow: 3px 5px 18px transparent;
	-ms-box-shadow: 3px 5px 18px transparent;
	transition: all 0.4s;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-dropdown .filter-listing .item .selected-value:hover {
	box-shadow: 3px 5px 18px rgba(0,0,0,0.10);
	-webkit-box-shadow: 3px 5px 18px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 5px 18px rgba(0,0,0,0.10);
	-ms-box-shadow: 3px 5px 18px rgba(0,0,0,0.10);
}
.filter-dropdown .filter-listing .item .filter-selection{
	top: 100%;
	background: #fff;
	position: absolute;
	z-index: 9;
	width: 100%;
	display: none;
	box-shadow: 0px 9px 18px rgba(0,0,0,0.10);
	-webkit-box-shadow: 0px 9px 18px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 9px 18px rgba(0,0,0,0.10);
	-ms-box-shadow: 0px 9px 18px rgba(0,0,0,0.10);
}
.filter-dropdown .filter-listing .item .filter-selection ul li{
	opacity: 0;
	transition: all 0.4s;
}
.filter-dropdown .filter-listing .item .filter-selection ul li a{
	line-height: 40px;
    padding: 0 12px 0 12px;
    color: #080811;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
.filter-dropdown .filter-listing .item .filter-selection ul li a:hover{
	background: #f5f5f5;
}
.filter-dropdown .filter-listing .item.active .filter-selection{
	display: block;
	width: calc(100% - 27px);
}
.filter-dropdown .filter-listing .item.active .filter-selection ul{
	max-height: 360px;
    overflow: auto;
    list-style: none;
}
.filter-dropdown .filter-listing .item.active .filter-selection ul li{
	opacity: 1;
}
.filter-dropdown .filter-listing .item.active .filter-selection ul li:nth-child(1){
	transition-delay: 0.2s;
}
.filter-dropdown .filter-listing .item.active .filter-selection ul li:nth-child(2){
	transition-delay: 0.4s;
}
.filter-dropdown .filter-listing .item.active .filter-selection ul li:nth-child(3){
	transition-delay: 0.6s;
}
.filter-dropdown .filter-listing .item.active .filter-selection ul li:nth-child(4){
	transition-delay: 0.8s;
}
.filter-dropdown .filter-listing .item.active .filter-selection ul li:nth-child(5){
	transition-delay: 1s;
}

.filter-dropdown .advance-filter{
	margin-top: 45px;
}
.filter-dropdown .advance-filter .filter-item [type=text],
.filter-dropdown .filter-listing .item [type=text]{
	background: #fff;
    border: none;
    height: 43px;
    padding: 0 12px;
    font-size: 18px;
	width: 334px;
}
.filter-dropdown .advance-filter .filter-item{
	width: auto;
}
.filter-dropdown .advance-filter .filter-item .clear span{
	font-size: 17px;
    color: #ea5a5a;
    margin-left: 8px;
}
.filter-dropdown .advance-filter .filter-item .selected-value,
.filter-dropdown .advance-filter .filter-item .filter-selection{
	width: 172px;
}
.filter-dropdown .advance-filter > a{
	color: #65656a;
	font-size: 18px;
	margin-bottom: 25px;
    display: inline-block;
}
.filter-dropdown .advance-filter > a span{
	margin-left: 10px;
	vertical-align: text-bottom;
	display: inline-block;
	transition: all 0.4s;
}
.filter-dropdown .filter-footer {
	margin-top: 38px;
	padding-bottom: 34px;
	border-bottom: 1px solid #d8d8d9;
}
.filter-dropdown .filter-footer ul{
	text-align: right;
}
.filter-dropdown .filter-footer ul li{
	display: inline-block;
	vertical-align: middle;
}
.filter-dropdown .filter-footer li a.icon-del{
	margin-left: 18px;
    margin-right: 16px;
}
.filter-dropdown .filter-footer ul li .save {
    /*background: url(../images/save-icon.png) no-repeat;*/
    margin-right: 25px;
    color: #65656a;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'proxima_nova_semibold';
    letter-spacing: 0.13em;
    line-height: 1.5;
    display: inline-block;
    padding-left: 28px;
	transition: all 0.4s;
}
.filter-dropdown .filter-footer ul li .save:hover{
	color: #5680e9;
	background: url(../images/save-icon-blue.png) no-repeat;
}
.filter-dropdown .filter-footer ul li button{
	margin-left: 10px;
}
.filter-dropdown .advance-filter .filter-listing{
	transition: all 0.4s;
}
.filter-dropdown .advance-filter >  h4{
	font-size: 18px;
	color: #65656a;
	font-family: 'proxima_nova_regular';
}
.filter-dropdown .advance-filter > h4 a {
	color: #65656a;
    font-size: 17px;
    margin-left: 8px;
    vertical-align: text-bottom;
	transition: all 0.25s;
	display: inline-block;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
}
.filter-dropdown .advance-filter.active a.selected-value{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.filter-dropdown .advance-filter{
	position: relative;
}
.filter-dropdown .advance-filter .advance-dropdown .filter-selection{
	background: #fff;
    width: 196px;
    padding: 20px;
    position: absolute;
	display: none;
	max-height: 340px;
    overflow: auto;
    z-index: 99;
	box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	-webkit-box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	-moz-box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	-ms-box-shadow: 0 17px 33px rgba(0,0,0,0.12);
}
.filter-dropdown .advance-filter.active .advance-dropdown .filter-selection{
	display:block;
}
.filter-dropdown .advance-filter.active .advance-dropdown .filter-selection ul{
    list-style: none;
}
.filter-dropdown .advance-filter.active .advance-dropdown .filter-selection.active ul{
	max-height: none;
}
.filter-dropdown .advance-filter.active .advance-dropdown .filter-selection.active ul + span{
	display: none;
}
.filter-dropdown .advance-filter .filter-selection ul li{
	margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
}
.filter-dropdown .advance-filter .filter-selection ul li:last-child{
	margin-bottom: 0;
}
.filter-dropdown .advance-filter .filter-selection ul li a{
	font-size: 16px;
	color: #65656a;
}

.filter-dropdown{
	display: none;
}
.filter-dropdown.manage-column .filter-desc .left{
	width: 50%;
	float: left;
}
.filter-dropdown.manage-column .filter-desc .right{
	width: 50%;
	float: left;
}
#query_form_content .filter-dropdown.manage-column .filter-desc .right{
	width: auto; 
}
.filter-dropdown.manage-column .filter-listing .item{
	width: auto;
	align-items: center;
	margin-bottom: 35px;
}
.filter-dropdown.manage-column .filter-listing .item h5 {
    line-height: 1.2;
    margin-right: 40px;
    margin-bottom: 6px;
}
.filter-dropdown.manage-column .filter-listing .item .selected-value{
	width: 264px;
}
.filter-dropdown.manage-column .item > div input{
	display: none;
}
.filter-dropdown.manage-column .item > div label{
	font-size: 18px;
	color: #65656a;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 38px;
	margin-bottom: 5px;
}
.filter-dropdown.manage-column .item > div label:before{
	content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #b7b7b9;
    vertical-align: text-top;
	left: 0;
    position: absolute;
}
.filter-dropdown.manage-column .item > div label:after{
	content: '';
	background: url(../images/check-blue.png) no-repeat;
	height: 8px;
    width: 0;
    position: absolute;
    left: 3px;
    top: 7px;
	transition: all 0.4s;
}
.filter-dropdown.manage-column .item > div [type=checkbox]:checked + label:before{
	border: 1px solid #5680e9;
}
.filter-dropdown.manage-column .item > div [type=checkbox]:checked + label:after{
	width: 11px;
}
.filter-dropdown .selected-filter ul li{
	display: inline-block;
	height: 40px;
    line-height: 40px;
    padding: 0 13px;
	color: #5680e9;
	border: 1px solid #5680e9;
	font-size: 18px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.filter-dropdown .selected-filter ul li span{
	margin-right: 10px;
}
.filter-dropdown .selected-filter ul li span a{
	color: #5680e9;
	font-size: 16px;
}
.filter-dropdown .selected-filter ul > span a{
	color: #65656a;
    font-size: 18px;
    margin-left: 8px;
}
/* ============= Projects Page ============== */
.content-item{
	background: #fff;
	padding: 32px;
	box-shadow: 0px 13px 33px 0px rgba(0,0,0,0.12);
	-webkit-box-shadow: 0px 13px 33px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 13px 33px 0px rgba(0,0,0,0.12);
	-ms-box-shadow: 0px 13px 33px 0px rgba(0,0,0,0.12);
}
.content-item .content-header{
	margin-bottom: 133px;
}
.content-item .content-header .progressbar{
	float: right;
    width: 270px;
    height: 12px;
    background: #f0f0f0;
    position: relative;
    border-radius: 22px;
	margin-right: 45px;
}
.content-item .content-header .progressbar .progress{
	width: 33%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #88d33e;
	border-radius: 22px;
}
.content-item .content-header .progressbar p{
	position: absolute;
    right: -45px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: 'proximaNova-Extrabld';
    margin-top: -2px;
}

.project-overview .content-item .project-stage ul{
	text-align: center;
}
.project-overview .content-item .project-stage ul li{
	display: inline-block;
    width: 100px;
    /*width: 14%;*/
    text-align: center;
    margin-right: 6.8%;
    color: #b2b2b4;
    font-size: 16px;
    position: relative;
    font-family: 'proxima_nova_semibold';
	background: #fff;
}
.project-overview .content-item .project-stage ul li.design span{
	background: url(../images/Design_Gray.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.development span{
	background: url(../images/Development_Gray.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.deliverables span{
	background: url(../images/Deliverables_Gray.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.qa span{
	background: url(../images/QA_Gray.svg) no-repeat;
	background-size: contain !important;
}
.project-overview .content-item .project-stage ul li.launch span{
	background: url(../images/Launch_Gray.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.discovery span{
	background: url(../images/Discovery_Gray.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li:last-child{
	margin-right: 0;
}
.project-overview .content-item .project-stage ul li  a { color: #b2b2b4;font-size: 11px;}

.project-overview .content-item .project-stage ul li.active.design span{
	background: url(../images/Design_Blue.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.active.development span{
	background: url(../images/Development_blue.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.active.deliverables span{
	background: url(../images/Deliverables_Blue.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.active.qa span{
	background: url(../images/QA_Blue.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.active.launch span{
	background: url(../images/Launch_Blue.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.active.discovery span{
	background: url(../images/Discovery_Blue.svg) no-repeat;
}
.project-overview .content-item .project-stage ul li.active:after{
	background: #5ab9ea;
}
.project-overview .content-item .project-stage ul li span{
	margin: 0 auto;
    margin-bottom: 5px;
    min-width: 37px;
    width: 37px;
	height: 37px;
    display: flex;
    align-items: center;
    background-position: center center !important;
}

.project-overview .content-item .project-stage ul li.current .tooltip{
	position: absolute;
    width: 0;
    left: 50%;
    background: #557fe9;
	padding: 11px 0;
	max-height: 45px;
    font-family: 'proxima_nova_regular';
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
    margin-bottom: 38px;
	transition: all 0.4s;
	box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	-webkit-box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	-moz-box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	-ms-box-shadow: 0 17px 33px rgba(0,0,0,0.12);
	opacity: 1;
}
.project-overview .content-item .project-stage ul li.current.fade .tooltip{
	width: 182px;
}
.project-overview .content-item .project-stage ul li.current .tooltip{
	width: 182px;
}
.project-overview .content-item .project-stage ul li.current .tooltip p{
	margin-bottom: 0;
	color: #fff;
	font-size: 17px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s;
	transition-delay: 0.6s;
}
@media (min-width:1439px) and (max-width:1681px){
	.project-overview .content-item .project-stage ul li.current .tooltip p {
		font-size: 15px;
	}
	.project-overview .content-item .project-stage ul li{
		width: 80px;
	}
	.project-overview .content-item .project-stage ul li.current.fade .tooltip{
		width: 145px;
	}
}
.project-overview .content-item .project-stage ul li.current.fade .tooltip p{
	opacity: 1;
	visibility: visible;
	transition-delay: 0.6s;
}
.project-overview .content-item .project-stage ul li.current .tooltip p{
	opacity: 1;
	visibility: visible;
	transition-delay: 0.6s;
}
.project-overview .content-item .project-stage ul li.current .tooltip:after{
	content: '';
	border-top: 10px solid #557fe9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    position: absolute;
    left: 50%;
    margin-left: -10px;
	opacity: 0;
	margin-top: -10px;
	transition: all 0.4s;
	transition-delay: 1s;
}
.project-overview .content-item .project-stage ul li.current.fade .tooltip:after{
	margin-top: 0;
	opacity: 1;
}
.project-detail .detail-header .header-logo .avatar{
	box-shadow: 0px 18px 30px #0000001C;
}
.project-detail .detail-header .header-logo img{
	object-fit: contain;
}

/*********discussion Moudler*********/
.discussion-box{
	border: 1px solid #C9CCD4;
	margin: 15px 0;
}
.dis-details-header{
	border-bottom: 1px solid #D4D9DD;
	padding: 20px;
}
.discussion-tag{
	background-color: #E0E2E3;
	color: #7D8CA0;
	border-radius: 18px;
	font-family: 'proxima_nova_semibold';
	display: inline-block;
	padding: 7px 22px;
}
.discussion-followers .followers{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 15px;
}
.discussion-followers .followers .avatar{
	margin: 0;
	margin-left: -15px;
}
.discuss-private{
	border: 1px solid #C54460;
	border-radius: 15px;
	color: #C54460;
	padding: 3px 9px;
	font-size: 14px;
	white-space: nowrap;
}
.discussions-details a{
	color: #080811;
}
.projects-header .file-action .sorting a.active span{
	filter: contrast(100%);
	-webkit-filter: contrast(100%);
	-moz-filter: contrast(100%);
	-ms-filter: contrast(100%);
	opacity: 1;
}
.projects-header .file-action .sorting a span{
	filter: contrast(0);
	-webkit-filter: contrast(0);
	-moz-filter: contrast(0);
	-ms-filter: contrast(0);
    opacity: 0.6;
}

/* ============= Footer ============== */
footer {
    padding: 5rem 0 0 0;
}

/* ------------ New Checkbox -------------- */
.todo__icon {
	position: relative;
	width: 1.5625rem;
	height: 1.5625rem;
	margin: auto;
	margin-right: 0.3125rem;
	fill: none;
	stroke: #27FDC7;
	stroke-width: 1;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.todo_chk {
	display: block;
	position: relative;
	padding: 0 0 0 2.125rem;
	margin: 0 auto;
	cursor: pointer;
	color: #333;
	font-size: 1.125rem;
	line-height: 1.4;
	margin-bottom: 0.25rem;
}
.todo_chk:last-child {
	border-bottom: none;
}
.todo__state {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.todo__text {
	position: relative;
	z-index: 9;
	-webkit-transition: all 0.4s linear 0.4s;
	transition: all 0.4s linear 0.4s;
}
.todo__line,
.todo__box,
.todo__check {
	-webkit-transition: stroke-dashoffset 0.8s cubic-bezier(0.9, 0, 0.5, 1);
	transition: stroke-dashoffset 0.8s cubic-bezier(0.9, 0, 0.5, 1);
}
.todo-list > div{
	display: block;
}
.todo-list .todo_chk{
	display: inline-block;
	overflow: hidden;
}
.todo__circle {
  stroke: #27FDC7;
  stroke-dasharray: 1 6;
  stroke-width: 0;
  -webkit-transform-origin: 0.84375rem 0.78125rem;
          transform-origin: 0.84375rem 0.78125rem;
  -webkit-transform: scale(0.4) rotate(0deg);
          transform: scale(0.4) rotate(0deg);
  -webkit-animation: none 0.8s linear;
          animation: none 0.8s linear;
}
.todo_chk{
	display: inline-flex !important;
	align-items: center;
	padding: 0;
	margin: 0;
}
@-webkit-keyframes explode {
  30% {
    stroke-width: 3;
    stroke-opacity: 1;
	-moz-transform: scale(0.8) rotate(40deg);
            transform: scale(0.8) rotate(40deg);
    -webkit-transform: scale(0.8) rotate(40deg);
            transform: scale(0.8) rotate(40deg);
  }
  100% {
    stroke-width: 0;
    stroke-opacity: 0;
	-moz-transform: scale(1.1) rotate(60deg);
            transform: scale(1.1) rotate(60deg);
    -webkit-transform: scale(1.1) rotate(60deg);
            transform: scale(1.1) rotate(60deg);
  }
}
@-moz-keyframes explode {
  30% {
    stroke-width: 3;
    stroke-opacity: 1;
    -moz-transform: scale(0.8) rotate(40deg);
            transform: scale(0.8) rotate(40deg);
	-webkit-transform: scale(0.8) rotate(40deg);
            transform: scale(0.8) rotate(40deg);
  }
  100% {
    stroke-width: 0;
    stroke-opacity: 0;
	-webkit-transform: scale(1.1) rotate(60deg);
            transform: scale(1.1) rotate(60deg);
    -moz-transform: scale(1.1) rotate(60deg);
            transform: scale(1.1) rotate(60deg);
  }
}
@keyframes explode {
  30% {
    stroke-width: 3;
    stroke-opacity: 1;
	-moz-transform: scale(0.8) rotate(40deg);
            transform: scale(0.8) rotate(40deg);
    -webkit-transform: scale(0.8) rotate(40deg);
            transform: scale(0.8) rotate(40deg);
  }
  100% {
    stroke-width: 0;
    stroke-opacity: 0;
	-moz-transform: scale(1.1) rotate(60deg);
            transform: scale(1.1) rotate(60deg);
    -webkit-transform: scale(1.1) rotate(60deg);
            transform: scale(1.1) rotate(60deg);
  }
}
.todo__box {
  stroke-dasharray: 56.1053, 56.1053;
  stroke-dashoffset: 0;
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
}
.todo__check {
  stroke: #27FDC7;
  stroke-dasharray: 9.8995, 9.8995;
  stroke-dashoffset: 9.8995;
  -webkit-transition-duration: 0.32s;
          transition-duration: 0.32s;
}
.todo__line {
  stroke-dasharray: 168, 1684;
  stroke-dashoffset: 168;
}
.todo__circle {
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
  -webkit-animation-duration: 0.56s;
          animation-duration: 0.56s;
}
.todo__state:checked ~ .todo__text{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	color: #65656a;
	opacity: 0.4;
	text-decoration: line-through;
}
.todo__state:checked ~ .todo_chk .todo__icon .todo__box{
	stroke-dashoffset: 56.1053;
	stroke-dashoffset: 56.1053;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.todo__state:checked ~ .todo__icon .todo__check {
	stroke-dashoffset: 0;
	-webkit-transition-delay: 0.48s;
	transition-delay: 0.48s;
}
.todo__state:checked ~ .todo__icon .todo__circle {
	-webkit-animation-name: explode;
	animation-name: explode;
}
.todo__state:checked ~ .todo__text{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	color: #65656a;
	opacity: 0.4;
	text-decoration: line-through;
}
.todo__state:checked ~ .todo_chk .todo__icon .todo__box{
	stroke-dashoffset: 56.1053;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.todo__state:checked ~ .todo_chk .todo__icon .todo__check{
	stroke-dashoffset: 0;
	-webkit-transition-delay: 0.48s;
	transition-delay: 0.48s;
}
.todo__state:checked ~ .todo_chk .todo__icon .todo__circle{
	-webkit-animation-name: explode;
	animation-name: explode;
}

/* ------------ Nav ----------- */
.nodata {
    text-align: center;
    background-color: rgba(221, 221, 221, 0.47);
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: 'proxima_nova_semibold';
    padding: 18px;
}
div.issue span.private, div.journal span.private {
    position: relative;
    bottom: 2px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 2px 0 2px;
    margin-right: 2px;
    color: #d22 !important;
    font-size: 14px !important;
    letter-spacing: 0.06em;
}
tr.issue.idnt td.subject{
	background: none;
}
[type=checkbox]{
  	display: none;
}
[type=checkbox] + label{
	display: inline-flex;
	align-items: center;
	width: auto !important;
}
[type=checkbox] + label span {
	min-width: 1.0625rem;
	width: 1.0625rem !important;
	height: 1.0625rem;
	background: transparent;
	border: 1px solid #b7b7b9;
	display: inline-block;
	cursor: pointer;
	margin-right: 0.75rem;
	transition: all ease-in-out 0.1s;
}
[type=checkbox]:checked + label span {
	border-color:#5680e9;
	background: url(../images/tick-icon.png) #5680e9 no-repeat center;
}
[type=checkbox]:disabled + label{
	cursor: not-allowed;
	opacity: 0.6;
}
.custom-checkbox-filed [type=checkbox] ~ label{
	position: relative;
}
.custom-checkbox-filed [type=checkbox] ~ label:before{
	content: '';
	min-width: 1.0625rem;
	width: 1.0625rem !important;
	height: 1.0625rem;
	background: transparent;
	border: 1px solid #b7b7b9;
	display: inline-block;
	cursor: pointer;
	margin-right: 0.75rem;
	transition: all ease-in-out 0.1s;
}
.custom-checkbox-filed [type=checkbox]:checked ~ label:before{
	border-color:#5680e9;
	background: url(../images/tick-icon.png) #5680e9 no-repeat center;
}
.custom-checkbox-filed [type=checkbox]:disabled + label{
	cursor: not-allowed;
	opacity: 0.6;
}
.file-action .sorting a.view-port{
	padding: 0.5rem;
}
.file-action .sorting a.view-port span img:nth-child(2){
	display: none;
}
.file-action .sorting a.view-port.active span img:nth-child(1){
	display: none;
}
.file-action .sorting a.view-port.active span img:nth-child(2){
	display: block;
}
.file-action .sorting a.view-port span{
	filter: none;
	opacity: 1;
}
/******Administration Page Start******/
.admin-item-list ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: -10px;
	margin-bottom: -10px;
}
.sidebar-open-new .admin-item-list ul li{
	width: 100%;
}
.admin-item-list ul li{
	width: 100%;
	padding: 10px;
}
.admin-item-list ul li a{
	font-family: 'proxima_nova_semibold';
	font-size: 1.25rem;
	display: inline-block;
	color: #080811;
	cursor: default;
}
.admin-item-list ul li ul li{
	width: 16.666%;
	padding: 10px;
}
.admin-item-list ul li ul li a{
	font-family: 'proxima_nova_regular';
	color: #080811;
	display: flex;
	align-items: center;
    background-position: 0 50%;
    background-position-x: 1.0625rem;
    background-repeat: no-repeat;
	box-shadow: 0 15px 33px rgba(0, 0, 0, 0.12);
	background-color: #fff;
	font-size: 1.125rem;
	border-radius: 4px;
	padding: 1.125rem;
	cursor: pointer;
}
.sidebar-open-new .admin-item-list ul li a{
	box-shadow: none;
	padding: 0;
}
.admin-item-list ul li a:hover{
    color: #5680e9;
}
.stakeholder_role_project ul{
	column-count: 3;
}
.stakeholder_role_project ul ul{
	column-count: 1;
}
.url-error label.error{
	margin-top: 5px;
	color: red;
	margin-bottom: 0;
}
.setting-preferences select{
	width: 100%;
}
.favourite-row p input,
.favourite-row p select{
	width: 100%;
}
.favourite-row p{
	width: 50%;
	padding-left: 13px;
	padding-right: 13px;
	margin-bottom: 0;
}
.user-add .favourite-row p{
	width: 100%;
}
#settings .box{
    padding: 30px !important;
    background-color: #fff !important;
}

/******Administration Page End******/
[type=radio]{
	display: none;
}
[type=radio] + label{
	position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.3125rem;
}
[type=radio] + label:before{
	content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    border: 1px solid #b7b7b9;
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.4s;
}
[type=radio] + label:after{
	content: '';
    width: 0.625rem;
    height: 0.625rem;
    position: absolute;
    background: #5680e9;
    border-radius: 100%;
    top: 50%;
    left: 0.25rem;
    opacity: 0;
    transform: translateY(-50%) scale(0.5);
    -webkit-transform: translateY(-50%) scale(0.5);
    -moz-transform: translateY(-50%) scale(0.5);
    -ms-transform: translateY(-50%) scale(0.5);
    transition: all 0.4s;
}
[type=radio]:checked + label:before{
	border-color: #5680e9;
}
[type=radio]:checked + label:after{
	opacity: 1;
	transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
}

.mrbox-bottom{
	margin-bottom: 1.875rem;
}

/*#query_form .buttons a{
	text-transform: uppercase;
    font-family: 'proxima_nova_semibold';
    font-size: 14px;
    letter-spacing: 0.04em;
    padding-left: 28px !important;
}
#query_form .buttons label{
	font-size: 16px;
    margin-right: 8px;
}
#query_form .buttons select{
	margin-right: 20px;
}

#roadmap div#version-summary {
    float: left;
    margin-left: 0;
    margin-bottom: 0;
}
#roadmap div#version-summary fieldset{
	padding: 25px 15px 0 30px;
}
#roadmap div#version-summary legend{
	position: relative;
    top: 25px;
    font-family: 'proxima_nova_semibold';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}
#roadmap div#version-summary th, #roadmap div#version-summary td.total-hours {
    text-align: left;
    padding-bottom: 12px;
}
#roadmap div#version-summary .total-hours span.hours-int {
    font-size: 100%;
}
.table-bottom [type=submit]{
	vertical-align: middle;
}
.table-bottom a{
	text-transform: uppercase;
    font-family: 'proxima_nova_semibold';
    letter-spacing: 0.05em;
    font-size: 14px;
}*/
.go_back h3{
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	align-items: center;
}
.go_back a{
	font-size: 1rem;
	font-family: 'proxima_nova_semibold';
	margin-right: 1rem;
}
span.current-project{
	margin-bottom: 25px;
    display: inline-block;
}
span.current-project a{
	color: #080811;
}
.manage-column.filter-dropdown .filter-listing .item > div{
	display: block;
}
.filter-dropdown.manage-column .filter-listing .item .selected-value {
    width: 100%;
}
/******query-columns********/
.query-columns td{
	vertical-align: top;
	padding-bottom: 32px;
}
.query-columns td.move-items{
	width: 230px;
	float: left;
}
.query-columns td:first-child {
    padding-right: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'proxima_nova_semibold';
    letter-spacing: 0.03em;
    padding-top: 4px;
}
.query-columns td label {
    margin-bottom: 8px;
    font-size: 14px;
    font-family: 'proxima_nova_semibold';
}
.query-columns td.move-items select{
	width: 100%;
	overflow: auto;
	height: 260px;
	border: none;
	padding: 20px;
	background: #fff;
}
.query-columns td.move-items select option{
	font-size: 15px;
	color: #65656a;
	margin-bottom: 6px;
	cursor: pointer;
}
.query-columns td.subject-info-arrows{
	width: 82px;
	float: left;
	position: relative;
	top: 124px;
}
.query-columns td.subject-info-arrows button{
	display: block;
	margin: 0 auto;
	background: transparent;
	border: none;
	font-size: 38px;
	padding: 0;
	line-height: 1;
	color: #65656a;
	cursor: pointer;
	margin-bottom: 5px;
}
.query-columns td.subject-info-arrows.text-right{
	top: 80px;
}
#user-time-loggers-list > h3{
	margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 14px;
}
.error-content{
	text-align: center;
}
.error-content h2{
	text-align: center;
    line-height: 1.4em;
    background: linear-gradient(to right, #5680e9 40%, #fd5e60 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 146px;
    font-family: 'proxima_nova_semibold';
}
.error-content > a{
	text-transform: uppercase;
    font-family: 'proxima_nova_semibold';
    letter-spacing: 0.04em;
    font-size: 16px;
}
.error-content > a span{
	font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.attachment-form > p a{
	vertical-align: middle;
}
.attachment-form > p .btn{
	vertical-align: middle;
}
.attachment-form .attachments tr td:first-child{
	padding-right: 15px;
}
.attachment-form .attachments tr td:last-child{
	padding-left: 15px;
}
.attachment-form .attachments tr:nth-child(2n + 1) td{
	padding-left: 0;
	padding-right: 0;
}


.attribute .hasDatepicker .ui-datepicker {
    position: absolute;
}

.wiki.wiki-page.box{
	padding-top: 0.4375rem;
	padding-bottom: 1.25rem;
	width: 100%;
    margin-top: 1.25rem;
}
.wiki.wiki-page.box fieldset{
	margin-top: 2.5rem;
}
.wiki.wiki-page.box #wiki_add_attachment{
	margin-top: 1.125rem;
}
.wiki.wiki-page.box #wiki_add_attachment [type=submit]{
	margin-top: 1.25rem;
}
.issue-card .priority_at{
	display: inline-block;
    align-items: center;
    width: 100%;
    margin-top: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}
.issue-card .priority_at .avatar{
	margin-right: 10px;
	width: 1.875rem;
    height: 1.875rem;
}
.issue-card .priority_at .avatar span{
	width: 1.875rem;
    height: 1.875rem;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-family: 'proxima_nova_semibold';
    font-size: 14px;
}

.gantt-table tr > td{
	overflow-x: auto;
	padding: 12px !important;
	vertical-align: top;
}
.destroy-form [type=submit]{
	vertical-align: inherit;
}
.destroy-form .box h3{
	text-transform: uppercase;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
}
.destroy-form .box p{
	color: #fb545c;
}
.destroy-form .box{
	padding: 32px 34px 26px 32px;
}
#query_form .buttons .calendar-nav-month a{
	padding-left: 0 !important;
	margin: 0 6px;
}
.gantt_subjects .project-name a{
	font-size: 15px;
    text-transform: uppercase;
    font-family: 'proxima_nova_semibold';
    letter-spacing: 0.04em;
}
.new_project .module-items{
	column-count: 3;
}
.new_project legend{
    margin-bottom: 17px;
    text-transform: uppercase;
    font-family: 'proxima_nova_semibold';
    letter-spacing: 0.03em;
}

.buttons.gantt-buttons{
	font-size: 100%;
}
.gantt-buttons a{
	text-transform: uppercase;
    font-size: 14px;
    font-family: 'proxima_nova_semibold';
    letter-spacing: 0.03em;
}
.contextual.gantt-zoom{
	margin-top: 15px;
}
#activity dt a{
	font-family: 'proxima_nova_semibold';
}
.box.tabular label{
	margin-right: 15px;
    display: inline-block;
}
.large-field{
	width: 100%;
}
.wiki-extensions hr{
	margin: 30px 0;
}
.wiki-extensions .wiki-item{
	margin-bottom: 40px;
}
.wiki-extensions .wiki-item label{
	margin-bottom: 20px;
}
.wiki-extensions .wiki-item .wiki-field-list{
	margin-left: -15px;
	margin-right: -15px;
}
.wiki-extensions .wiki-item .wiki-field-list > div{
	float: left;
	width: 50%;
	padding: 0 15px;
}
.wiki-extensions .wiki-item .wiki-field-list > div label{
	margin-bottom: 10px;
    display: block;
}
/*.admin-tab table.list{
	margin-bottom: 30px;
}
*/
#all-time-loggers-list .zombie.icon, #user-time-loggers-list .zombie.icon{
	background-position: 10px center;
}
.deleteR .button_to {
    padding-left: 25px !important;
}
.img-loader{
	position: absolute;
	left: -28px;
	margin-top: 11px !important;
}
.notes-listing > div{
	border-bottom: 1px solid #eee;
    padding-bottom: 28px;
    margin-bottom: 26px;
}
.notes-listing > div:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.comment_thumbs ul li{
    height: 85px;
    width: 85px;
    padding: 5px;
    margin-right: 10px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
}
.comment_thumbs ul li .thumb-delete{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 9;
}
.comment_thumbs ul li .comment-img-bg{
	margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 84%;
    overflow: hidden;
}
.comment_thumbs ul li .comment-img-bg img{
	max-width: 30px;
}
.comment_thumbs ul li p{
	margin-top: auto;
}
.new-task .issue-deal{
	margin-top: 40px;
}
.filedrop .icon-only{
	margin-left: 20px;
}
.red p.assigned a{ color: red; }

.btn-space{
	margin-top: 10px;
}
.filter-dropdown .filter-listing .item > div > div{
	display: flex;
	align-items: center;
}
/*****team_availability Start****/
.team-box{
	padding: 15px 30px;
	margin-bottom: 30px;
}
.profile-block{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24%;
	flex: 0 0 24%;
	max-width: 24%;
}
.main-hours{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 55%;
	flex: 0 0 55%;
	max-width: 55%;
}
.projects-block {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 34%;
	flex: 0 0 34%;
	max-width: 34%;
}
.projects-block p{
	margin-bottom: 0;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.view-more,.view-less{
	color: rgb(52, 152, 219);
	cursor: pointer;
	margin-top: 5px;
}
.hours-assign-block{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
	max-width: 33%;
}
.button-block{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 21%;
	flex: 0 0 21%;
	max-width: 21%;
}
/*****team_availability End****/
.page-project-overview .project-profile .avatar{
	box-shadow: 6px 11px 24px rgba(0,0,0,0.12);
}
.page-project-overview .project-stages{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
.stage-text{
	color: #080811;
	margin-bottom: 6px;
}
.page-project-overview{
	margin-bottom: 30px;
	position: relative;
	padding: 15px;
}
.project-overview-bar{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	width: 100%;
	background-color: green;
}
.project-overview-bar.delay{
	background-color: #FF0000;
}
.project-overview-bar.on_time{
	background-color: green;
}
.page-project-overview .project-profile{
	width: 25%;
}
.page-project-overview .project-start-end{
	width: 15%;
}
.page-project-overview .daily_project-details{
	width: 25%;
	border-left: 1px solid #d7d7d9;
}
.page-project-overview .daily-project-stage{
	width: 35%;
	border-right: 1px solid #d7d7d9;
}
.main-width{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 53%;
	flex: 0 0 53%;
	max-width: 53%;
}
.subject .text-overlay{
	width: calc(100% - 135px);
	overflow: hidden;
	text-overflow: ellipsis;
}

.splitcontentright [type=checkbox] + label span:before{
	background-color: #5680e9;
}
.issueswatched-settings .box{
	margin-bottom: 15px;
}
.task {
	position: absolute;
	height: 8px;
	font-size: 0.8em;
	color: #888;
	padding: 0;
	margin: 0;
	line-height: 16px;
	white-space: nowrap;
}
.task.label.project, .task.label.version {
    font-weight: bold;
}
.gantt_subjects {
    font-size: 0.8em;
}
.gantt_subjects div {
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gantt_subjects div .project-overdue{
	background-position: 2% 50%;
    background-size: 16px;
}
.gantt_hdr small{
	font-size: 11px;
}
.new_project_type .box p label{
	max-width: 85px;
	width: 100%;
}
.list.issues-board thead tr th .count{
	width: auto;
	padding: 0 3px;
}
.filter-listing .item div .inline{
	padding-left: 0 !important;
	margin-right: 0 !important;
}
.filter-listing .item div .inline:before{
	display: none !important;
}
.filter-listing .item div .inline:after{
	display: none !important;
}
.box .add-filter{
	float: none;
	text-align: left;
}
.label-width{
    max-width: 125px;
}
.btn-close-slidebar{
	display: none;
}
.box #filters-table .values input{
	max-width: 187px;
	width: 100%;
}
.settings p .input-width{
	width: calc(100% - 190px) !important;
}
/****************slidbar new*********************/
#header{
    width: calc(100% - 60px);
}
.sliderbar-new{
    float: right;
    background-color: #fff;
    width: 60px;
    height: calc(100% - 45px);
    position: fixed;
    top: 45px;
    right: 0;
    z-index: 998;
    border-left:1px solid #dbdbdb;
}
.small-width .sliderbar-new{
    right: 345px;
}
.sliderbar-new ul{
    list-style: none;
}
.sliderbar-new ul li a.icon-img{
    padding: 10px;
    display: block;
    text-align:  center;
}
.sidebar-open-new ul li a.icon-img{
    text-align: left !important;
}
.sliderbar-new ul li a.icon-img img{
    display: inline-block;
}
.sidebar-open-new h3{
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 8px;
    font-family: 'proxima_nova_semibold';
    color: #080811;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.sidebar-open-new{
    position: fixed;
    width: 345px;
    right: -345px;
    top: 45px;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
    overflow-y: auto;
    padding: 15px;
    padding-right: 0;
}

.sidebar-open-new .close-sliderbar{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-size: 24px;
}

.sidebar-open-new.active{
    right: 0;
}
.small-width{
    width: calc(100% - 345px) !important;
}
.file-action.attachments_form.toggle-section{
    display: none;
}
.sidebar-open-new .mCSB_inside > .mCSB_container{
    margin-right: 15px;
}
/* @media (max-width: 1024px) {
    .small-width .sliderbar-new {
        right: 340px !important;
    }
    .sidebar-open-new {
        width: 350px;
    }
    .ella-assistant {
        width: 325px;
        height: calc(100vh - 128px);
    }	
    .sidebar-open-new.active {
        width: 340px;
    }
}
.small-width .sliderbar-new {
    right: 450px !important;
}
.sidebar-open-new.active {
    width: 450px;
}
.ella-assistant {
    width: 435px;
    height: calc(100vh - 128px);
} */

.ella-assistant {
    width: 450px;
    height: calc(100vh - 100px);
}
.sidebar-open-new.active {
    width: 470px;
}
.small-width .sliderbar-new {
    right: 470px !important;
}
@media (max-width: 1024px) {
	.sidebar-open-new.active {
		width: 360px;
	}
	.small-width .sliderbar-new {
		right: 360px !important;
	}
	.ella-assistant {
		width: 350px;
		height: calc(100vh - 100px);
	}
}
@media (max-width: 400px) {
	.small-width .sliderbar-new {
		right: 260px !important;
	}
	.sidebar-open-new.active {
        width: 260px;
    }
	.ella-assistant {
		width: 250px;
		height: calc(100vh - 100px);
	}
	.mCS_img_loaded {
		max-width: 175px;
	}
}

.blank_images{
	width: 100%;
	height: calc(100vh - 115px);
	display: flex;
	-ms-display: flex;
	-ms-flex-align: center;
    align-items: center;
	-ms-flex-pack: center;
    justify-content: center;
}
.issue-content .project-title h2 .task-brdcam{
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: middle;
}
.issue-content .project-title h2 .task-brdcam .sub_task_all{
	display: inline-block;
	vertical-align: middle;
}
.issue-content .project-title h2 .task-brdcam .sub_task_all p{
	display: inline-block !important;
	vertical-align: middle;
	margin-left: 5px;
}

.issue-content .project-title h2 .task-brdcam .brd-agnel{
	vertical-align: bottom;
	display: inline-block !important;
}
.issue-content .project-title h2 .task-brdcam .task-brdcam{
	margin-bottom: 0;
}
.project-title > h3{
	margin-bottom: 5px;
	font-size: 22px;
}
.task-brdcam .brd-agnel{
	margin: 0 5px;
	font-size: 20px !important;
}
.private-wiki .tabular{
	margin-top: 35px;
}
.private-wiki .tabular p select{
	width: 30% !important;
}
.ui-state-disabled {
	color: #65656a;
	font-size: 16px;
}
.preview legend {
	position: initial;
}
.tab-sidebar .total-time .chart-content > div canvas{
	position: relative;
	width: 100% !important;
	height: 100% !important;
}
.wiki-new-desgin{
	background-color: #fff;
	margin-bottom: 0.9375rem;
}
.wiki-border {
    padding: 1.5rem 1.25rem 1.4375rem 1.25rem;
    border-bottom: 1px solid #d8d8d9;
}
.wiki-tag{
	border: 1px solid #C54460;
    border-radius: 15px;
    color: #C54460;
    padding: 0.1875rem 0.5625rem;
    font-size: 0.875rem;
    white-space: nowrap;
	display: inline-block;
}
.wiki-listing ul li a{
	color: #65656a;
}
.wiki-listing ul li a:hover{
	color: #5680e9;
}
.wiki-listing ul li ul li:last-child{
	padding-bottom:0 !important;
	border-bottom: 0 !important;
}
.hours-new input[type="text"]{
	width: 100%;
	max-width: 70px;
}
.query-new{
	float: right;
	margin-top: -40px;
}
.query-new .query-totals .total-for-hours .value{
	font-weight: normal;
	font-family: 'proxima_nova_semibold';
}
.new-froms .attachments_form{
	margin-left: 0 !important;
}
.new-froms{
	display: inline-block;
}
.new-froms p{
	display: block;
}
.new-froms p .attachments_form{
	display: inline-block;
	vertical-align: middle;
}
.new-froms p .attachments_form + input[type=submit]{
	width: auto !important;
	display: block;
}
.error_message{
	background-color: #f8e2e4;
	color: #ff3547;
	padding: 0.3125rem 0.9375rem;
	border-radius: 0.3125rem;
}
.error_message p{
	margin-bottom: 0.3125rem;
}
.make-done{
    display: flex;
    align-items: center;
}
.daily_project-overview .project-text{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 10px;
}
.daily_project-overview .project-text .mt-6{
	margin-top: -6px;
}
.daily-heading{
	font-size: 12px;
	color: #b2b2b4;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.daily_project-overview .project-text .avatar{
	min-width: 26px;
	width: 26px;
	height: 26px;
	margin-right: 8px;
	font-size: 11px;
	line-height: 26px;
	font-family: 'proximaNova-Extrabld';
}
.daily_project-overview .project-text p{
	font-size: 14px;
	margin-bottom: 0;
}
.daily-project-team{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 38%;
	flex: 0 0 38%;
	max-width: 38%;
	padding-left: 20px;
}
.team-heading {
	margin-bottom: 15px;
}
.team-heading .date-heading{
	font-size: 14px;
	font-family: 'proxima_nova_semibold';
	letter-spacing: 1px;
}
.team-heading .add-heading a span{
	font-size: 12px;
	font-family: 'proxima_nova_semibold';
	letter-spacing: 1px;
	color: #5680e9;
	text-transform: uppercase;
	line-height: 9px;
	margin-top: 1px;
}
.team-heading .add-heading a .plus-icon{
	position: relative;
	margin-right: 5px;
	width: 9px;
	height: 9px;
	display: block;
}
.team-heading .add-heading a .plus-icon:before,
.team-heading .add-heading a .plus-icon:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #5680e9;
	width: 8px;
	height: 2px;
}
.team-heading .add-heading a .plus-icon:after{
	width: 2px;
	height: 8px;	
}
.team-heading .add-heading a.add-expand.active .plus-icon:after{
	display:none;
}
.team-avatar{
	margin-bottom: 15px;
}
.team-avatar .avatar{
	min-width: 26px;
	width: 26px;
	height: 26px;
	margin-right: 15px;
}
.team-avatar .avatar a{
	font-size: 11px;
	line-height: 26px;
	font-family: 'proximaNova-Extrabld';
}
.team-notes{
	max-height: 85px;
	position: relative;
	overflow: hidden;
	-webkit-transition-property: max-height;
	transition-property: max-height;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
.team-notes.expand{
	max-height: 100%;
	height: auto;
}
.team-notes.expand .mCustomScrollBox{
	max-height: 100% !important;
}

.team-notes:after{
	content: '';
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
    background-image: linear-gradient(rgba(255,255,255,0), #fff 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1em;
    width: 100%;
}
.avatar-text{
	color: #c1c1c3;
	font-size: 14px;
	margin-bottom: 10px;
}
.avatar-text span{
	font-family: 'proxima_nova_semibold';
	color: #080811;
}
.team-text p{
	margin-bottom: 0;
	color: #848484;
	font-size: 14px;
}
.team-add-note{
	width: 100%;
}
.team-add-note .tabular > p{
	margin-bottom: 0;
}
.team-add-note .tabular > p textarea{
	width: 100%;
    padding: 0;
    border: none;
}
.team-add-note .tabular > p .tabular-btn{
	justify-content: flex-end;
}
.team-add-note .tabular > p .tabular-btn button{
	background: transparent;
	border:none;
	box-shadow: none;	
}
.team-add-note .tabular > p .tabular-btn button.r-btn{
	font-size: 12px;
	color: #5680e9;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'proximaNova-Extrabld';
}
.team-add-note .tabular > p .tabular-btn button.cancel{
	font-size: 14px;
	color: #848484;
}
.daily-project-stage .project-overview{
	margin-bottom: 0;
}
.daily-project-stage .project-overview .content-item{
	padding: 0;
	box-shadow: none;
}
.daily-project-stage .project-overview .content-item .project-stage ul li{
	width: 100%;
	font-size: 14px;
}
.daily-project-stage .project-overview .content-item .project-stage ul li span{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 15px;
}
.projects-title-daily input{
	background-image: url('../images/celender.svg');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right 10px center; 
	padding-right: 30px !important;
}
.projects-title-daily input[type="text"]::placeholder{
	font-size: 14px;
	color: #080811;
}
.projects-title-daily input[type="text"]:focus::placeholder{
	color: #080811 !important;
}

#attachments_form .attachments_fields > span{
	margin: 10px 0;
}
#attachments_form .attachments_fields > span input[type="text"]{
	width: auto !important; 
	text-overflow: ellipsis;
}
#attachments_form .attachments_fields > span a.icon-only{
	margin-left: 15px;
}
#daily_status_content_show p{
	max-width: 100%;
	margin-bottom: 15px;
}
#descript_edit{
	margin-bottom: 15px;
}
.group_item{
	width: calc(50% - 3px);
	display: inline-block;
	vertical-align: middle;
}
.amimation-add{
	width: 2.8125rem;
	height: 2.8125rem;
	background-color: #5680e9;
	border-radius: 50%;
	font-size: 0;
	display: block;
	position: relative;
	z-index: 99;
	transition: all 0.4s;
}
.amimation-add:before,
.amimation-add:after{
	content: '';
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 2px;
	background-color: #fff;
	transition: all 0.4s;
}
.amimation-add:after{
	height: 20px;
	width: 2px;
}
.amimation-add:hover:before,
.amimation-add:hover:after{
	transform:translate(-50%, -50%) rotate(90deg);
    -webkit-transform:translate(-50%, -50%) rotate(90deg);
    -moz-transform:translate(-50%, -50%) rotate(90deg);
    -ms-transform:translate(-50%, -50%) rotate(90deg);
}
.amimation-add.small{
	width: 28px;
	height: 28px;
}
.amimation-add.small:before,
.amimation-add.small:after{
	width: 12px;
	height: 2px;
}
.amimation-add.small:after{
	height: 12px;
	width: 2px;
}
.project-tag span{
	margin-bottom: 0;
}
.project-tag .project-stage-tag{
	font-size: 12px;
	color: #fff;
	padding: 4px 6px;
	border-radius: 4px;
	margin-left: 10px;
	text-transform: capitalize;
	line-height: 1;
}
.project-tag .project-stage-tag.running{
	background-color: #FF8344;	
}
.project-tag .project-stage-tag.close{
	background-color: #ff5b5d;	
}
table.list td.description{
	max-width: 31.25rem;
}
table.list td.tags{
	max-width: 15.625rem;
}
.projects-tracker > ul.projects.root {
	max-height: 410px !important;
	overflow-y: auto;
}
.projects-tracker > ul.projects.root li {
	margin-bottom: 10px;
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
.projects-tracker > ul.projects.root li ul li {
	width: 100%;
}
.auto-scroll{
	overflow-x: auto;
}
.subtask-fillter h6{
	margin-bottom: 0;
	margin-right: 15px;
}
.subtask-fillter .subtask-fillter-option a{
	margin-right: 15px;
	border-bottom: 2px solid transparent;
	text-transform: uppercase;
	font-family: 'proxima_nova_semibold';
	letter-spacing: 0.06em;
	line-height: 1.8;
}
.subtask-fillter .subtask-fillter-option a:hover,
.subtask-fillter .subtask-fillter-option a:focus,
.subtask-fillter .subtask-fillter-option a.active{
	color: #efae57;
}
.subtask-fillter .subtask-fillter-option a.active{
	border-bottom: 2px solid #efae57;
}
#ajax-indicator{
	transition: all ease-in-out 0.5s; 
}
#ajax-indicator.loader-block{
	display: block !important;
}

.daterangepicker.show-calendar .drp-buttons{
	display: flex !important;
    display: -ms-flexbox !important;
    justify-content: flex-end;
    -ms-flex-pack: end;
    align-items: center;
    -ms-flex-align: center;
}
.filter-dropdown.manage-column .options .card-fields{	
	-webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    padding-left: 15px;
}
.small-width .filter-dropdown.manage-column .options .card-fields{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
.filter-dropdown.manage-column .options .card-fields .floating{
 	width: 100%;
}

table.list tr td.issue{
	max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}
table.list tr td.issue p{
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.issue-pogress{
    background-color: #f0f5f9;
    padding: 0 2%;
    overflow-x: auto;
}
.issue-pogress .issue-pogress-box{
    padding: 1.0625rem 1.5625rem 0.9375rem 0;
    border-bottom: 2px solid #CCC;
	cursor: pointer;
}
.issue-pogress .issue-pogress-box:last-of-type{
	padding-right: 0.625rem;
}
.issue-pogress .issue-pogress-box.active,
.issue-pogress .issue-pogress-box.in-procress{
    border-color: #5680e9;
}
.issue-pogress .issue-pogress-box .pogress-box-icon.inpro{
    display: none;
}
.issue-pogress .issue-pogress-box.in-procress .pogress-box-icon.acti{
    display: none;
}
.issue-pogress .issue-pogress-box.in-procress .pogress-box-icon.inpro{
    display: block;
}
.issue-pogress .issue-pogress-box.active .pogress-box-icon,
.issue-pogress .issue-pogress-box.in-procress span{
    color: #5580e9;
}
.issue-pogress .issue-pogress-box:hover .pogress-box-tooltip{
    opacity: 1;
    visibility: visible;
}
.issue-pogress .issue-pogress-box .pogress-box-tooltip{
    position: absolute;
    background: #fff;
    left: 0;
    box-shadow: 0 6px 30px rgba(0,0,0,0.08);
    width: 20.625rem;
    padding: 0.75rem 0.9375rem;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.5s;
}
.issue-pogress .issue-pogress-box .pogress-box-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 13%;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.issue-pogress .issue-pogress-box .pogress-box-tooltip p{
    font-size: 0.875rem;
    letter-spacing: 1px;
    color: #65656a;
    margin-bottom: 0.625rem;
}
.issue-pogress .issue-pogress-box .pogress-box-tooltip p span{
    color: #5680e9;
    font-family: 'proxima_nova_semibold';
}
#query_js{
    min-height: 500px;
}

.contacts-custom-style{
	margin-top: 15px;
}
.custom-cc-list .cc-list-edit{
	display: flex;
    align-items: center;
	flex-wrap: wrap;
}
.custom-cc-list .cc-list-edit .is-cc-label{
	width: 140px;
}
.custom-cc-list .cc-list-edit .is-cc-input{
	width: calc(100% - 140px);
}
p#helpdesk_send_response{
	margin-bottom: 0;
	margin-top: 5px;
	font-size: 16px;
	cursor: pointer;
}
p#helpdesk_send_response #journal_contacts{
	display: flex;
    align-items: center;
	flex-wrap: wrap;
}
p#helpdesk_send_response #journal_contacts #customer_to_email{
	display: flex;
    align-items: center;
	flex-wrap: wrap;
}
p#helpdesk_send_response #journal_contacts #customer_to_email .contact{
	display: flex;
    align-items: center;
	flex-wrap: wrap;
	margin-right: 8px;
}
p#helpdesk_send_response #journal_contacts #customer_to_email .contact img.gravatar{
	display: block;
    margin-right: 8px;
}
p#helpdesk_send_response #journal_contacts .inline-edit{
	margin-left: 8px;
}
.ticket-contact .ticket-contact-user .email-text .ticket_customer{
	margin-left: 8px;
}
.ticket-contact .ticket-contact-user .attachment a img,
.ticket-contact .ticket-contact-user .attachment .size,
.ticket-contact .ticket-contact-user .helpdesk-message-date{
	margin-left: 8px;
}
.projects-selection > .projects{
    column-count: 4;
}
.track-for-postmen .value .value-popup,
.track-for-postmen .value{
	width: 80px !important;
	margin-right: 10px;
}
.preview_editor{
    padding: 15px;
    background-color: #fbfbfb;
}
.issue-tracker-field input,
.issue-tracker-field select{
	max-width: 400px !important;
}
table.list td.icon-coll{
	padding: 10px !important;
}
.comment-stage-tag{
	font-size: 11px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    margin-left: 10px;
    text-transform: capitalize;
    line-height: 1;
}
.comment-stage-tag.private{
	background-color: #FF8344;
}
.cel_private{
	background-color: #FF8344;
}
.cel_public{
	background-color: #00c300cf;	
}
.tree-subtask_table tr.issue.idnt td.subject a {
  background: none;
  padding-left: 0;
}

/*.tree-subtask_table tr.issue:not(.idnt):not(.haschild) td.subject a {
  margin-left: 16px;
}*/

.tree-subtask_table tr.issue.idnt:not(.haschild) td.subject a {
  margin-left: 20px;
}

.tree-subtask_table tr.issue.idnt:not(.haschild) {
  background-color: #ffffdd;
}

tr.issue.haschild > td.subject > span.treearrow {
    cursor: pointer;
    background-position: left center;
    background-repeat: no-repeat;
    width: 19px;
}

.tree-subtask_table tr.issue.haschild:not(.idnt) > td.subject > span.treearrow {
  padding-left: 16px;
}

.tree-subtask_table tr.issue.haschild.idnt > td.subject > span.treearrow {
  margin-left: 16px;
  padding-left: 16px;
}

tr.issue.haschild.collapse > td.subject > span.treearrow {
  /*background: url(../../../images/arrow_collapsed.png) no-repeat right bottom;*/
  background-image: url(data:image/png;base64,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);

}

tr.issue.haschild.expand > td.subject > span.treearrow {
 	background-image: url(data:image/png;base64,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);
  /*background: url(../../../images/arrow_expanded.png) no-repeat right bottom;*/
}

.icon-arrow-expanded { 
	background-image: url(data:image/png;base64,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);
}

.icon-arrow-collapsed {  
  background-image: url(data:image/png;base64,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);
}

/*.client #quick-search form{
	float: right;
}*/
.client_disscusion{
	width: 50%;
	padding: 0 15px;
}
.btn-group{
	display: flex;
	align-items: center;
	margin-bottom: 15px;	
}
.btn-group .group-filter{
	border: 1px solid #d8d8d9;
    height: 42px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    padding: 5px 16px;
    margin-left: -1px;
}

.filters-dropdown{
	width: 600px;
	padding: 0 15px;
	transform: translateX(-18%) !important;
}
.filters-dropdown:after{
	content: '';
	position: absolute;
    top: -10px;
    left: 21%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.filter-item{
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;
}
.filter-item:last-of-type{
	border-bottom: 0;
}
.filter-item h6{
	font-size: 16px;
	min-width: 30%;
	color: #686B70;
	margin-bottom: 0;
}
.filter-check-box{
	display: inline-flex;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 10px;
}
.filter-data-date{
	display: flex;
	align-items: center;
}
input[type="date"]{
	background-image: url(../../../images/calendar-regular.svg);
	background-repeat: no-repeat;
    background-position: center right 10px;
    padding-right: 25px;
}
.filter-data-item{
	align-items: center;
}
.filter-data-date .between-icon{
	margin: 0 10px;
}
.filter-fillter-clear{
	justify-content: space-between;
}
.filter-fillter-clear h6{
	color: #DE5857;
}
.filter-fillter-clear .filter-data a{
	font-family: 'proxima_nova_semibold';
	margin:0 10px;
	color: #686B70;
	text-transform: capitalize;
}
.filter-fillter-clear .filter-data a.apply-link{
	color: #5781E9;
}
.statusbar{
	display: flex;
	align-items: center;
}
.statusbar .status-catagory{
	color: #4d85ff;
    min-width: 20%;
    text-align: right;
    padding-right: 15px;
}
.statusbar ul{
	text-align: left;
}
.status-catagory.todo{
	color: #ec9d36; 
}
.status-catagory.qa{
	color: #7958e3; 
}
.status-catagory.inprogress{
	color: #4d85ff; 
}
.status-catagory.approval{
	color: #0dafb4; 
}
.status-catagory.closed,
.status-catagory.done{
	color: #56c23e; 
}
/***Account-page****/
.account-profile-img{
	width: 5.625rem;
	height: 5.625rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 0.4375rem;
}
.account-profile-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.account-profile-header{
	margin-bottom: 3.125rem;
}

.account-round-icon{
	width: 2.6875rem;   
	height: 2.6875rem;
	border-radius: 50%;
	margin: 0 0.4375rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.account-profile-body select{
	width: 100%;
}
.account-mail-notifications{
	margin-bottom: 1.25rem;
}
.notified-projects li{
	margin-bottom: 0.3125rem;
}
.account-profile-list{
	width: 70%;
}

.from-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.from-row > div{
	padding-left: 10px;
	padding-right: 10px;
}
.item-half{
	width: 50%;
}
.w-100{
	width: 100%;
}
.favourite-row{
	width: 100%;
}
.information-plural{
	margin-bottom: 2.5rem;
}
.information-plural label{
	margin-bottom: 0.3125rem;
	display: block;
}
/***user-page Start****/
.user-profile{
	width: 30%;
}
.user-state select{
	width: 120px;
}
.features-icon{
	width: 43px;
	height: 43px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}
.user-detail{
	width: 70%;
}
.user-poject a{
	color: #7D7E80;
}
.user-detail .box{
	position: relative;
}
.activity-select{
    position: absolute;
    top: 25px;
    right: 15px;
}
.user-detail #main-menu{
	margin: 0;
}
/****user-page End****/
/****new Task Start****/
.create-task-header{
	padding: 1.25rem 1.5625rem;
	border-bottom: 1px solid #DBDBDB;
}
.create-task-body{
	padding: 1.5625rem 1.5625rem 1.875rem;
}
.create-add-details{
	background-color: #F9F9F9;
	padding: 1.25rem 1.5625rem;
}
/***new Task End****/
/****Report Start****/
.time-report table.list td{
	max-width: 17.1875rem;
}
/****Sidebar Start****/
.sidebar-overview{
	padding-top: 45px;
	padding-right: 15px;
}
.avatar-list{
	padding-left: 15px;
}
.avatar-list ul li{
	margin-left: -15px;
    margin-right: 0 !important
}
.avatar-list ul li a.remove{
	width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.5) !important;
}
.avatar-list ul li a.remove:after{
	top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin-left: 0 !important;
}
/****Sidebar End****/
/****project_detail Page Start****/
.custom-radio{
	position: relative;
    padding-left: 28px;
    cursor: pointer;
}
.custom-radio:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    border: 1px solid #b7b7b9;
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.4s;
}
.custom-radio:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: #5680e9;
    border-radius: 100%;
    top: 50%;
    left: 4px;
    opacity: 0;
    transform: translateY(-50%) scale(0.5);
    -webkit-transform: translateY(-50%) scale(0.5);
    -moz-transform: translateY(-50%) scale(0.5);
    -ms-transform: translateY(-50%) scale(0.5);
    transition: all 0.4s;
}
.custom-radio.active:before {
    border-color: #5680e9;
}
.custom-radio.active:after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
}
.custom-checkbox{
	position: relative;
    padding-left: 28px;
    cursor: pointer;
}
.custom-checkbox:before{
	content: '';
    min-width: 17px;
    width: 17px !important;
    height: 17px;
    background: transparent;
    border: 1px solid #b7b7b9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all ease-in-out 0.1s;
}
.custom-checkbox.active:before{
	border-color: #5680e9;
    background: url(../images/tick-icon.png) #5680e9 no-repeat center;
}
.pd-detail-box{
	background-color: #F3F5F7;
    border-radius: 4px;
    padding: 0.75rem 0.9375rem;
}
.pd-item{
	box-shadow: 0px 3px 16px #0000001A;
	background-color: #fff;
	padding: 1.5625rem;
	border-radius: 4px;
	position: relative;
}
.pd-item .edite-item{
	position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    z-index: 999;
}
.custom_edit_project .label-width-input input,
.custom_edit_project .label-width-input select{
	width: 100%;
}
.pd-box{
	box-shadow: 0 3px 16px #0000001A;
	background-color: #fff;
	border-radius: 4px;
	height: 100%;
}
.pd-box .pd-header{
	padding: 18px;
	border-bottom: 1px solid #D4D9DD;
}
.pd-body{
	padding: 0.75rem 0;
}
.pd-body ul li{
	padding: 0.5625rem 1.125rem;
}
.pd-body ul li:nth-child(even){
	background-color: #F6F6F6;
}
.pd-tag{
	font-size: 0.875rem;
    border-radius: 15px;
    border: 1px solid transparent;
    padding: 0.25rem 0.625rem;
}
.pd-tag.pending{
	border-color: #EC9D36;
	color: #EC9D36;
}
.pd-tag.wrong{
	border-color: #FF364F;
	color: #FF364F;
}
.pd-tag.working{
	border-color: #46B86D;
	color: #46B86D;
}
.pd-mile-body{
	padding: 0.75rem 1.125rem;
}
.pd-mile-body ul{
	position: relative;
}
.pd-mile-body ul:before{
	content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #C9CCD4;
    left: 6px;
    top: 0;
}
.pd-mile-body ul li{
	position: relative;
	padding-left: 1.875rem;
}
.pd-mile-body ul li:before{
	content: '';
    position: absolute;
    top: 0.1875rem;
    left: 0;
    transform: rotate(45deg);
    width: 0.8125rem;
    height: 0.8125rem;
    background-color: #C9CCD4;
}
.pd-mile-body ul li.active:before{
	background-color: #5680E9;
}
.custom-pd-popup{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
    overflow-y: auto;
    outline: 0;
    background-color: rgba(0, 0, 0, .2);
}
.pd-modal-dialog {
    position: relative;
    width: 100%;
    margin: 1.75rem auto;
    min-height: calc(100% - 3.5rem);
    z-index: 1001;
    max-width: 720px;
}
.pd-popup-header {
    padding: 0.9375rem 1.5625rem;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}
.pd-popup-header h3 {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 16px;
    font-family: proxima_nova_semibold;
}
.pd-modal-close {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    color: #080811;
}
.pd-popup-details {
    padding: 20px 25px;
    background-color: #fff;
}
/****project_detail Page End****/
/****Download Page Start****/
.dta-main{
	padding: 1.875rem 0;
}
.dta-box{
	border-top: 4px solid #5680E9;
	padding: 1.75rem 1.5625rem 1.5625rem;
}
.dta-app-logo{
	height: 3.125rem;
}
.dta-path{
	margin-bottom: 3.125rem;
}
/****Download Page End****/

/****daily_standups Page start****/
.sep-count h4{
	position: relative;
}
.sep-count h4:after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: calc(100% - 26px);
	height: 2px;
	background-color: #D4D9DD;
}
.sep-count.active h4:after{
	background-color: #5680E9;
}
.step_forth.sep-count h4:after{
	display: none;
}
.daily_standup_item{
	border: 1px solid #707070;
}
.standup_week{
	padding: 12px 15px;
}
.daily-accordion + .daily-accordion{
	margin-top: 15px;
}
.daily-accordion-header{
	padding: 12px 15px;
	background-color: #D4D9DD;
	border: 1px solid #707070;
}
.daily_standup_heading{
	padding: 10px 15px;
	background-color: rgb(230 230 230);
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.daily-accordion-body{
	display: none;
	margin-top: -1px;
}
.daily-accordion-body.show{
	display: block;
}
.standup_tag{
	color: #5680E9;
	border: 1px solid #5680E9;
	border-radius: 15px;
	padding: 3px 10px;
}
.ds-project-task-list li .ds-task-item{
	padding: 10px 15px;
	border-bottom: 1px solid #707070;
}
.ds-project-task-list li:nth-child(even){
	background-color: #F5F5F5;
}
.ds-project-task-list li{
	border-bottom: 1px solid #707070;
}
.ds-project-task-list li:last-of-type{
	border-bottom: 0;
}
.ds-project-task-list li ul li{
	background-color: transparent !important;
	border: 0 !important;
}
.ds-project-task-list li ul{
	margin-left: 20px;
}
.ds-project-task-list li ul li:last-of-type .ds-task-item{
	border-bottom: 0;
}
.daily_standup_add_poject .add_poject_item{
	padding:15px;
	border-bottom: 1px solid #707070;
}
.ds_task_item{
	margin-bottom: 15px;
}
.ds_task_item:last-of-type{
	margin-bottom: 0;
}
.default-step{
	display: none;
}
.default-step.active{
	display: block;
}
.add_poject_item .cke{
	margin-bottom: 0;
}

/****daily_standups Page admin****/
#daily-standup-select .select2{
	margin-right: 15px;
	max-width: 200px;
}
.ds-table{
	background-color: #fff;
	width: 100%;
	table-layout: fixed;
}
.ds-table tbody .mCSB_inside > .mCSB_container{
	margin-right: 0;
}
.ds-table th,
.ds-table td{
	border: 1px solid #D4D9DD;
	padding: 10px;
	vertical-align: top;
	min-width: 200px;
}
.ds-table td.back-red{
    border: 2px solid #FF0000;
}

.ds-user-td{
	min-width: 250px;
	max-width: 250px;
}
.ds-table th{
	padding: 17px;
	font-size: 18px;
	height: 60px;
	vertical-align: middle;
	letter-spacing: 0.05em;
	font-family: 'proxima_nova_semibold';
	position: sticky;
	top: 45px;
	background-color: #fff;
}
.ds-path-hours{
	background-color: #E3EDFF;
	border-radius: 6px;
	color: #6C96E1;
	font-size: 14px;
	padding: 5px 10px;
	letter-spacing: 0.24px;
}
.ds-path-hours.ds-meeting{
	background-color: #FBE9D5;
	color: #C86C0F;
}
.ds-path-hours.ds-activity{
	background-color: #C8F5BE;
	color: #21800C;
}
.ds-search-dropdwon {
	position: absolute;
	left: 15px;
	right: 15px;
	width: 100%;
	top: 30px;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
}
.ds-search-dropdwon.active {
	opacity: 1;
	visibility: visible;
}
.ds-filter-search input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #D8D8D9;
	border-radius: 24px;
	padding: 11px 35px 11px 15px;
	background-image: url(/plugin_assets/resource_planners/images/search.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right 11px center;
	width: calc(100% - 30px);
}
.ds-out-of-office h6{
    color: #6E6E72;
}
.ds-out-of-office{
	padding: 15px;
	color: #6E6E72;
	border-radius: 6px;
	background-color: #D4D9DD;
}
/****daily_standups Page End****/
.alert-success {
	padding: 5px 10px;
	border: 1px solid #d6e9c6;
	border-radius: 4px;
	font-size: 14px;
	background-color: #dff0d8;
	color: #3c763d;
}
/****daily_standups Page End****/
/*.custom-filed-popup label{
	margin-right: 15px;
}*/
.user-fillter-width input,
.user-fillter-width select{
	width: 184px;
}



/*count down css*/
.countdown > div{display: inline-block;}
.countdown > div > span{display: block; text-align: center;}
.countdown-container{
	margin:0 8px;
	min-width: 70px;
	border:1px solid #D8D8D8;
	border-radius: 3px;
	padding:17px 6px; 
}
.countdown-container .countdown-heading{
	font-size: 16px; 
	margin-top: 5px; 
	color: #747474;
}
.countdown-container .countdown-value{
	font-size: 26px; 
	color:#060715; 
	min-width: 77px;
	font-family: 'proxima_nova_semibold';
}

/* initiative css*/
.in-status-planning{
    background: #fbe9d5;
    border-color: #fbe9d5;
    color: #ec9d36;
}
.in-status-inprogress{
    background: #e3edff;
    border-color: #e3edff;
    color: #4d85ff;
}
.in-status-complete{
    background: #c8f5be;
    border-color: #c8f5be;
    color: #56c23e;
}
.ins-spent-item{
    background-color: #e3ddf9;
    padding: 17px;
    border-radius: 5px;
}
.tag-instiave{
    font-size: 14px;
    border-radius: 15px;
    border: 1px solid transparent;
    padding: 4px 10px;
    display: inline-block;
}
.tag-approved{
    border-color: #46B86D;
    color: #46B86D;
}
.tag-approve{
    border-color: #EC9D36;
    color: #EC9D36;
}

/*redmine log css*/
#redmine_log_show {
    overflow: auto;
    max-height: 600px;
}

.alert-initiative{
	padding: 0.5625rem;
    background-color: #79b85e;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin: 0.6875rem 1.625rem 0px 1.625rem;
}

#fab-wrapper{
	display: none
}

.sliderbar-icons{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.sidebar-btm-itm {
    margin-top: auto;
}

.support-div .project-text{
	flex: 0 0 50% !important;
    max-width: 50% !important;
}
.search-btn{
    background-image: url(../../../../../images/magnifier.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #e0e2e3;
    margin-left: -1px;
    font-size: 0;
    padding: 18px;
    cursor: pointer;
}
.search-select{
    margin-left: -1px;
    width: 150px;
}
.input-search{
	background-image: url(../../../../../images/magnifier.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 42px !important;
}
/*path scope*/
.st-body {
	padding: 25px;
}

.st-main {
	border: 1px solid #d4d9dd;
}

.st-heading {
	padding: 0.75rem 1.25rem;
	background-color: #d4d9dd;
}

.st-sub-heading {
	padding: 0.75rem 1.25rem;
	background-color: #f5f5f5;
}

.st-sub-body {
	padding: 15px;
}
.verify-btn {
	color: #46b86d;
	border: 1px solid #46b86d;
	border-radius: 15px;
	padding: 0.25rem 1.25rem;
	display: inline-block;
}

.verify-btn.active,
.verify-btn:hover {
	background-color: #46b86d;
	color: #fff;
}
/***fancy-chekbox****/
.fancy-chekbox label{
    width: 2.125rem !important;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f3f4;
    color: #80868b;
    font-size: 0.875rem;
    cursor: pointer;
}
.fancy-chekbox input:checked ~ label{
    background-color: #5680e9;
    color: #fff;
}
/***fancy-chekbox****/
/***status report Plugin****/
.pd-tag.ontrack,
.status-report-tag.ontrack{
    color: #46B86D;
    border-color: #46B86D;
}
.pd-tag.atrisk,
.status-report-tag.atrisk{
    color: #EC9D36;
    border-color: #EC9D36;
}
.pd-tag.offtrack,
.status-report-tag.offtrack{
    color: #FF364F;
    border-color: #FF364F;
}
/***status report Plugin****/
.project-tooltip-toggle{
	position: relative;
}
.project-tooltip-toggle:hover .project-tooltip{ 
	opacity: 1;
	visibility: visible;
}
.project-tooltip{
	position: absolute;
    background: #fff;
    left: -15px;
    box-shadow: 0 6px 30px rgba(0,0,0,0.08);
    width: 255px;
    padding: 0.75rem 0.9375rem;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.5s;
    bottom: 100%;
    margin-bottom: 0.9375rem;
    font-size: 0.875rem;
}
.project-tooltip:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 11px;
	border-width: 10px;
	border-style: solid;
	border-color: #fff transparent transparent; 
}
.projects-header ul .project-count-div h6 {
    white-space: nowrap
}
.scroll-report{
	max-height: 80vh;
	overflow-y: auto;
}
.sticky-head th{
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2;
}
.sticky-head tr:nth-child(even) td.name{
	position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    max-width: 400px;
}
.sticky-head tr th.name{
	position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 3;
    background: #fff;
    max-width: 400px;
}
.sticky-head tr:nth-child(odd) td.name{
	position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    background: #f9f9f9;
    max-width: 400px;
}

/**wiki page and status-reports **/
.sp-list-comment{
    border-left:1px solid #DBDBDB;
    padding: 25px 35px 25px !important;
}
.sp-list{
    padding: 25px 25px 25px 35px !important;
}
.sp-progress-item{
    background-color: #F3F5F7;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 14px;
    display: block;
    cursor: pointer;
    position: relative;
}
.sp-progress-item a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sp-progress-item.active{
    border: 1px solid #5680E9;
}
.wiki-tree ul{
	padding-left: 1.5625rem;
}
.wiki-tree ul li .sp-progress-item{
	position: relative;
	padding: 0.4375rem 0.875rem;
}
.wiki-tree ul li .sp-progress-item:before{
	content: '';
    position: absolute;
    top: -29px;
    left: -15px;
    bottom: 15px;
    width: 2px;
    background-color: #F3F5F7;
}
.wiki-tree ul li .sp-progress-item:after{
	content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    background-color: #F3F5F7;
    width: 16px;
    height: 2px;
}
.wiki-tree ul li .sp-progress-item .pd-tag{
	font-size: 0.6875rem;
	padding: 0.125rem 0.625rem;
}

.no-data-wiki{
	 border: none;
	 width: 100%;
}

.wiki-editor-header {
	position: sticky;
	top: 45px;
	background-color: #ffffff;
	z-index: 9;
}
.wiki-editor-header .other-formats {
    margin-bottom: 0;
    white-space: nowrap;
}


/*============Notifications=============*/

ul.notificator{
    display:inline-block;
    float:right;
    margin:0
}
ul.notificator li{
    position:relative;
    list-style:none
}
ul.notificator li i{
    color:#fff
}
#notification-counter{
    position: absolute;
    top: -2px;
    left: 20px;
    background-color: #d44e03;
    color: #fff;
    border-radius: 5px;
    padding: 3px;
    font: 10px Verdana;
    min-width: 18px;
    text-align: center;
}
ul #notificationList li{
    position: relative;
    border-bottom: #dddddd 1px solid;
    padding: 5px 40px 5px 10px;
}
ul #notificationList a:hover{
  text-decoration: none;
}
ul #notificationList span{
    color: #080811;
    font-size: 10px;
    font-weight: bold;
}
#notificationsBody ul{
    padding-left:0
}
#notificationContainer{
    top: 100%;
    left: -280px;
    margin-top: 5px;
    border: 0;
    width: 360px;
    background-color:#fff;
    box-shadow:0 3px 8px rgba(0,0,0,0.25);
    overflow:visible;
    position:absolute;
    z-index:999;
    display:none
}
#notificationContainer:before{
    content: '';
    border-top: initial;
    border-bottom: 8px solid #efefef;
    border-right: 8px solid #0000;
    border-left: 8px solid #0000;
    position: absolute;
    top: -8px;
    right: 58px;
}
#notificationTitle{
    font-size: 16px;
    font-family: 'proxima_nova_semibold';
    background: #efefef;
    padding: 15px 16px;
    color: #080811;
    border: 0;
}
#notificationsBody{
    padding:3px 0px 0px 0px !important;
    min-height:300px;
    max-height:300px;
    overflow:auto;
    position:relative;
    width:100%
}
#notificationFooter{
    background-color:#e9eaed;
    text-align:center;
    font-weight:bold;
    padding:8px;
    font-size:12px;
    border-top:1px solid #dddddd
}
.notificator img{
  width: 32px;
  cursor: pointer;
}
.path-tooltip-bottom {
	position: relative;
}
.path-tooltip-bottom .tooltip {
    bottom: auto !important;
    white-space: nowrap;
    top: 100% !important;
}
.path-tooltip-bottom .tooltip .tooltip-arrow {
    bottom: 100%;
    top: 0;
    transform: rotate(180deg);
}
ul #notificationList span.remove_notification {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
    font-size: 18px;
}

ul #notificationList li a.remove_notification {
    color: #4c81ec;
    font-family: 'proxima_nova_semibold';
    margin-bottom: 5px;
    display: inline-block;
}

/*============Notifications End=============*/
table.list tr td div.tags a{
    color: #fff;
}

.pod-tag {
    text-align: left;
    padding: 8px 18px;
    font-size: 16px;
}

.pod-tag.support {
    color: #0dafb4;
    background-color: #ccf4f6;
}

.pod-tag.internal {
  color: #7958e3;
  background-color: #e3ddf9;
}

.pod-tag.one-time {
  color: #f9a632;
  background-color: #fbe9d5;
}

.track {
	border-radius: 10px;
  border-width: 1px;
  border-style: solid;
  padding: 2px 14px;
  font-size: 12px;
}

.ontrack {
  color: #4d85ff;
  border-color: #4d85ff;
}

.offtrack {
	color: #C54460;
	border-color: #C54460;
}

.atrisk {
	color: #FF646F;
  border-color: #FF646F;
}


.done_bar.utilized-hours{
  background: #5680e9 !important;
}

.done_bar.open-hours{
  background: #f9a632 !important;
}

.background-red{
  background: red;
}

.shared-resource {
    position: relative;
}

.shared-resource .shared-user {
    position: absolute;
    max-width: 18px;
    height: auto;
    top: 0;
    right: 14px;
}

.pod-btn {
  background-color: #E0E2E3;
  color: #7D8CA0;
  border-radius: 18px;
  font-family: 'proxima_nova_semibold';
  display: inline-block;
  padding: 10px 22px;
  color: #f5f5f5;
  background: #5680e9;
  font-size: 0.875rem;
}
.steamer_mode,
.steamer_mode a,
.steamer_mode span
{
  color: transparent !important;
  text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.sticky-head.fixed thead {
  position: fixed;
  left: auto;
  width: calc(100% - 135px);
  right: auto;
  top: 45px;
  z-index: 99999999;
}

.sticky-head.fixed thead tr {
  width: 100%;
  position: relative;
  max-width: 100%;
  display: table;
}