/* default css */
* {outline: 0;}
.row { margin: 0; padding: 0 }
.container{padding:0;}
.right{float:right;}
.left{float:left;}
.table{margin-bottom:0;}
ul{list-style:none;padding:0;}
body{background: #f1f1f1; font-family: Verdana, Geneva, sans-serif;  margin: 0;  color: #4c5667;  overflow-x: hidden !important; min-height:100%;}
.pad0{padding:0!important;}
.pad10{padding:10px;}
.pad5{padding:5px;}
.padl10{padding-left:10px;}
.mar10{margin:10px;}
.padl0{padding-left:0;}
.mar0{margin:0;}
.marb0{margin-bottom:0px !important;}
.padt10{padding-top:10px;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
.modal{top:10px;}
p{color:#777;}
.btn{margin-bottom:5px;}
.modal-footer .btn + .btn {margin-bottom:5px;}
.form-group {margin-bottom: 5px;}
.form-group a{color:#4c5667; font-weight:700;}
.dataTables_wrapper .col-sm-12 , .form-horizontal .col-sm-12{padding:0 10px;} /*change padding 15px > 10px for respnsive view task page by Atish on 11/9/2019*/
.form-horizontal .form-group{margin-left:0; margin-right:0;}
#view .container{ margin-bottom: 20px;}
.width100{width:100% !important;}
.dropzone .dz-default.dz-message {left: 50% !important; width: 100%;}
.table-responsive table tr th a , .table-responsive table tr th a:hover, .table-responsive table tr th a :focus {color: #4c5667;}


/* end default css */

/* common css  */
.page-title {font-size:16px;margin:0;line-height: 40px;}
.card-box {padding: 5px 0; -webkit-border-radius: 5px; border-radius: 5px;   -moz-border-radius: 5px; background-clip: padding-box;  margin-bottom: 20px;  background-color: #fff; opacity:0.9;box-shadow: 3px 3px 1px #ccc;}
#password-wrap .card-box , #login .card-box{opacity:1;}
.dashboard-button{padding:10px 0;}
.page-head-wrap{padding:0 10px;}
.page-head-wrap ul{list-style:none;margin-bottom:0;padding:0;}
.page-head-wrap ul li{display:inline-block;}

/* pages css */

#add-user .page-head-wrap ul  , #view .page-head-wrap ul {list-style:none;margin-bottom:0;padding:0;}
#add-user .page-head-wrap ul li , #view .page-head-wrap ul li  {display:inline-block; word-wrap:break-word;}
#add-user .page-head-wrap ul li  a ,#view  .page-head-wrap ul li  a{color:#4c5667;}
#add-user .page-head-wrap ul li i ,#view .page-head-wrap ul li i{cursor:pointer; padding: 0 30px 0 0; margin-top: 0px;   vertical-align: baseline; font-size:20px;}
.btn-info-new {	background-color: #00B19D;color:#fff;}
.top-section {list-style:none;padding:0;}
.top-section  li{display:inline-block; vertical-align:middle;}
#login .login-btn{width:50%;margin-top: 5px;}
#login .page-title{margin-bottom:20px;}
#login .login-footer-wrap ul li{display:inline-block;}
#login  .Forgot-Password{ }
#login  .app-download{padding:0 15px; }
#login .card-box{-webkit-box-shadow: 3px 3px 3px 0px rgba(51,51,51,1);
-moz-box-shadow: 3px 3px 3px 0px rgba(51,51,51,1);
box-shadow: 3px 3px 3px 0px rgba(51,51,51,1); padding:30px 20px;  border: 1px solid rgba(54, 64, 74, 0.08);-webkit-border-radius: 5px; border-radius: 5px;   -moz-border-radius: 5px; background-clip: padding-box;  margin-bottom: 20px; background-color: #fff;}
.inputdiv{font-size: 14px;line-height: 1.42857143; color: #555; background-color: #fff;background-image: none;    border: 1px solid #ccc;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:250px;overflow-y: scroll;}
.inputdiv ul , #selectdiv ul ,#view  ul , #user ul{list-style:none; padding:0;margin:0;}
#view  ul li , #user ul li {display:inline-block;}
#tblUserList_paginate ul li{display:inline;}
.inputdiv .input-group-addon{padding:9px 12px;}
.inputdiv .form-control{border-radius:0;}
.inputdiv label , .checkbox-inline label, .radio-inline label{font-weight:normal;}
.swap-btn-wrap{ margin-top:200px;}
.swap-btn{ padding:10px;width:70%; margin:10px;}
.assign-main-chk{vertical-align:inherit;}
.update-msg{width:100%; text-align:center;margin:0 auto;}
.update-msg p{padding:10px 0;font-size:16px;}
.icheck-label{padding:0 10px !important;}
.errormsg{color:#FF0000;}	
#view .panel-heading , #add-user .panel-heading{padding:2px 10px;}
.comment-wrap{padding:5px;text-align:left; margin:5px; background-color: rgba(190, 222, 91, 0.3); border-radius: 5px;    border-top-left-radius: 1px;position:relative;}
.comment-tip{position:absolute;border-top:0px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(190, 222, 91, 0.3);top:0px; left:-10px;}
.comment-wrap ul li{display:block !important;}
.comment-name{float:right; vertical-align:top; font-size:12px; line-height:0px;}
.comment-date{float:right;vertical-align:baseline;font-size:10px;line-height:24px;}
.comment-text{padding:5px;margin-bottom: 7px;}
.comment-ndwrap{position: absolute; right: 5px; bottom: 0px;}
.comment-wrap-login{background-color: rgba(222, 127, 91, 0.3);padding:5px;text-align:left; margin:5px;border-radius: 5px;    border-top-right-radius: 1px;position:relative;}
.comment-tip-login{position:absolute;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(222, 127, 91, 0.3);top:0px; right:-10px;}
table.dataTable.nowrap th, table.dataTable.nowrap td{white-space:normal;}
div.dataTables_wrapper div.dataTables_info{padding-bottom:10px;white-space: inherit;}
table.dataTable>tbody>tr.child ul li{width:100%;}
.view-img{width:30px ; height:30px;}
.view-img1{width:20px ; height:20px;}
.back-img{width:20px ; height:20px; margin:0 5px;}
.menu-img{width:30px ; height:30px; margin:0 10px 0  0; }
.notification-img{width:35px ; height:35px;}
.dataTables_filter{padding:5px;}
.italic{font-size:12px;}
.panel{border-radius:0px; ; margin-bottom:3px;}
.panel-body{padding:10px 15px; margin-top:10px;}
.comment-panel{padding:0px 0; max-height: 350px; overflow-y: scroll; overflow-x:hidden;}
.panel-body p{margin-bottom:5px;}
.modal-header{ color: #31708f; background-color: #d9edf7; border-color: #bce8f1;padding:5px}
.modal-body{padding:5px;}
.modal-body .bootbox-body	{ text-align:center;}
.modal-footer  { text-align:center; margin:0 auto;}
.modal-body .container{width:100%;}
.modal-header .close{ margin-top: -5px; position: absolute; top: -8px; right: -15px;}
.close:focus, .close:hover{opacity:1;}
.close{opacity: 1;}
.due-color{color:rgba(0,110,177,0.8);}
.small-bold{font-weight: 500; font-size: 11px;}
.small-bold ul li:first-child{width:30%;}
.due-li{padding-left:25px;}
/* filer css */
.filter-table{width:20%; float:left;}
.filter-input{width:80%; float:left;}
.filer-bar{text-align:center; background:#fff; opacity:0.9;}
.filer-bar p ,.apply-wrap p , .clear-wrap p{margin-bottom:0;padding:5px 0;}
.filter-wrap , .apply-wrap{ border:1px solid #ccc;}
.sort-wrap , .clear-wrap{border:1px solid #ccc;}
.filter-wrap button{color:transparent;}
/*-- .filter-wrap a{color:transparent;} .filter-wrap a:hover{color:transparent;}--*/
.filter-box{display:none; background-size:cover; background:#eee;position: absolute; top: 132px; z-index: 111; left: 0;margin: 0;height:355px;}
.filter-tab ul li{border:1px solid #999;border-radius:0; height: 60px; width: 100%; text-align:center;}
.filter-tab .nav-tabs>li.active>a, .filter-box.nav-tabs>li.active>a:focus, .filter-box .nav-tabs>li.active>a:hover{border-radius:0;border-right:none; background:#fff;}
.filter-tab .nav-tabs>li>a{margin:0; padding:11px 2px;}
.filter-tab p {margin-bottom:0; font-size:10px;color:#000;}
.fliter-chk {float:right;margin-left: 5px !important;}
.filter-content{padding:2px 0; height:355px;overflow-y:scroll; background:#fff;border-top: 1px solid #ccc;}
.filter-content p  , #sortby p{margin-bottom:0; width: 90%;}
.filter-content ul li {display:block; border-bottom:1px solid #ccc; margin-bottom:2px;padding:10px;white-space: pre-line;}
.filter-content .tab-content>.active {background:#fff; padding:2px 0;}
.filter-button{ background: #FFF; padding: 5px 0 !important;  border-top: 1px solid #ccc; box-shadow: 3px 3px 1px #ccc;}
.apply-wrap{padding:5px 40px;}
.app-btn{padding: 5px 0; border: 0;background:#5bc0de; color:#000; }
.re-btn{padding: 5px 0; border: 0; background: #EEE;}
.clear-wrap{padding:5px 40px;}
#sortby .modal-header{ color: #fff; background-color:rgba(0,110,177,0.8); border-color: #999;padding:5px}
#sortby .modal-content{border-radius:1px;}
.sort-modal .modal{top:100px}
#sortby ul li {display:block ;}
#sortby .modal-body{padding:0;}
.filter-btn{background:#5bc0de;border:1px solid transparent; border-radius:2px; color:#fff;padding:1px 5px;vertical-align: middle;}
.filter-card-box{ padding: 10px 20px;  background-clip: padding-box;  margin-bottom: 20px;  background-color: #fff; box-shadow: 3px 3px 1px #ccc;}
.filter-card-box .filter-sub{padding-top: 85px;}
.filter-card-box option{padding:5px;background:#e9f7f5;}
/* filer css end */
.acoord:after { font-family: 'FontAwesome';  content: "\f078";    float: right;}
.acoord {color:#555;}
.acoord :hover {color:#555;}
.btn-history{margin:2px 0;}
.history-wrap{margin:2px 0;}
.new-history{width:50%; float:left;}
.old-history{width:50%; float:left;}
.history-wrap ul li{display:inline-block; background:#f3f1f1;padding:2px;}
.history-wrap ul li p{margin-bottom:0;}
.history-tab ul li{border-bottom:1px solid #ccc;}
.history-tab .nav>li>a:focus, .nav>li>a:hover{background:#ccc;}
#history .tab-content>.active{ border-left: 1px solid #ccc; border-right: 1px solid #ccc;padding:5px;}
.history-wrap{border:1px solid #bce8f1;}
.history-name{color: #000; font-weight: bold;}
.title{font-weight:bold; padding-top:5px;}
.history-block{padding: 6px 12px; background:#f5f5f5;margin:10px;border:1px solid #ccc;border-radius:4px;}
.history-box-wrap{padding-top: 15px;}
/*css for filter-new */
#desk-filter-wrap .dropdown-menu{max-height:240px; overflow-y:scroll;width:195px;}
.multiselect-container>li>a>label{white-space: pre-line;}
.filter-box-new{ padding: 10px 20px;}
.filter-box-new .filter-sub{padding-top: 85px;}
.multiselect {  border:solid 1px #ccc;  overflow:auto;	background:#e9f7f5;margin-bottom:0;} 
.multiselect-sort{border:solid 1px #ccc; overflow:auto;background:#e9f7f5; padding: 5px 12px;border-radius: 4px; vertical-align: middle;}
.multiselect-sort a{color:#000;}
.multiselect label { display:block;font-weight:normal;	font-size:14px;	padding:5px;margin:0;width:150px;}
.multiselect-on { color:#ffffff;  background-color:#29C1E0;}
.input-group-btn .btn{margin-bottom:0;}
/* end of css filter-new */	
.sort-web-wrap{width:215px;margin-top:10px;}
.sort-header{padding: 5px; background: rgba(0,110,177,0.8); border: 1px solid #A9A9A9;border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
.sort-header p{margin-bottom:0;color:#fff;}
.sort-option-wrap{border: 1px solid #ccc; background:#F3F3F3 ;margin: 1px 0;}
.sort-main-text{width:85%;float:left;padding:5px 10px;}
.sort-main-text p{margin-bottom:0;}
.sort-sub-text{width:15%;float:left;padding:5px;}
.sort-main-text ul li {display:block !important;padding-right:10px; color:#777 !important; border-bottom:none !important;}
.profile-name{padding:3px 0 0 20px;color: #f76397;}
.assign-chk{margin-right:10px !important;}

/*colors */
.orange{color:#ffa200;}
.green{color:#00b19d;}
.black{color:#000;}

/* permission */
.permission-like{padding:10px; font-size:12px;color:#337AB7;}

/* arrow css */
.panel-heading .fa-chevron:after , .form-group .fa-chevron:after {content: "\f078"; }
.panel-heading.collapsed .fa-chevron:after , .form-group .collapsed  .fa-chevron:after { content: "\f054";  }


/* notification */
.list-noti a{color:#666;}
.badge{background:#F44336;}

#extraRemove5 .checkbox-inline, #extraRemove5 .radio-inline , 
#extraRemove13 .checkbox-inline, #extraRemove13  .radio-inline {padding-left:10px !important;}
#extraRemove13 input[type=checkbox], input[type=radio]{margin:4px 10px 0 0;vertical-align: top;}

#preLoader {	position: fixed;left: 0px;top: 0px;	width: 100%;height: 100%;z-index: 9999;	background: url(../img/Preloader_8.gif) center no-repeat #fff;
}
#preLoaderCmt {	position: absolute;left: 0px;top: -30px;	width: 100%;height: 110%;z-index: 9999;	background: url(../img/Preloader_8.gif) center no-repeat rgba(125, 112, 112, 0.35); display:none;
}
.bootbox-close-button{display:none;}

.cursor-pointer {
	cursor: pointer;
}
.bootbox .modal-dialog {
	margin: 200px auto 0 !important;
}
.input-collapsed {
    width: 98% !important;
    margin: 0 15px;
    padding: 0!important;
}
.errorpadl15{padding-left:15px;}

.qu-filter-btn{font-size: 14px; color: #fff;  background: #9682eb; padding: 2px 10px; border-radius: 3px;}
.qui-filter-chk{vertical-align:top;font-weight:normal;}
.quick-filter label{font-weight:500;}
.small-bold ul {margin:0}
.filter-card-box ul li , .quick-filter ul li, .small-bold ul li {display:inline-block;}
.filter-visible-none{visibility:hidden;}
.taskuserbgc{background-color: #f1f1f1 !important;}
#showEndDate{display:none;}
.select2list .select2-container.select2-container-multi.form-control {
	width:100% !important;
}
/* Added by Gopal */
input.qfind   {
    width: 90%;
    box-sizing: border-box;
	color:#000;
	border:1px solid #95d2cb;
	transition: box-shadow 0.6s, border 0.6s;
}
input.qfind:focus {
    background-color: #e3f6f4;
}
.mar15{
	margin:15px auto 10px auto;
}
/* End Added by Gopal */

/* priority color */
.bar-wrap{height:18px;border-radius:10px;margin:10px auto;position:relative;box-shadow:1px 1px 5px 1px;background: #f1f1f1;text-align:center;}
.bar-wrap ul{margin:0;}
.bar-wrap li{display:inline-block;font-size:10px;padding:2px 5px;position:relative;}
/*.bar-wrap li:after{content:'';position:absolute; width: 0;height: 0;  border-top: 10px solid transparent; border-bottom: 10px solid transparent;  border-left: 9px solid #00b19d; top: -1px; right: -9px;z-index:111;}
.bar-wrap li:before{content:'';position:absolute; width: 0;height: 0;  border-top: 10px solid transparent; border-bottom: 10px solid transparent;  border-left: 10px solid #fff; top: -1px; right: -11px;z-index:11;}
.task-status-completed:after ,.task-status-completed:before{ border:none !important;} */
.priority-colour-code {width: 10px;height: 10px;float: right; margin: 5px 0;}
.priority-high{background:#ef5350;}
.priority-medium{background:#ffaa00;}
.priority-low{background:#1b5ef6;}
.task-status-new{background:#64d9ea; width:33.33%;float:left;border-radius: 10px 0 0 10px;}
.task-status-inprocess{background:#f0ad4e;width:66.33%;float:left;border-radius: 10px 0 0 10px;}
.task-status-hold{background:#ff838a;width:66.33%;float:left;border-radius: 10px 0 0 10px;}
.task-status-completed{background:#268232;width:100%;float:left; border-radius: 10px ;color:#fff;}
/* for new style bar
.task-status-new{ width:33.33%;float:left;border-radius: 10px 0 0 10px;}
.task-status-inprocess{width:33.33%;float:left;}
.task-status-hold{width:33.33%;float:left;}
.task-status-completed{width:33.33%;float:left; border-radius: 0px 10px 10px 0px ;color:#fff;} */




.priority-colour-bar-wrap {float:right;}
.priority-colour-bar-wrap ul li{display:inline-block;font-size:10px;}
.priority-colour-bar{width: 10px;height: 10px;float:left;margin:2px 5px;}
.bar-wrap-outer{background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;}
.description-new{width: 60%;overflow: hidden !important; display:inline-block;}
.assign-arrow-to{font-size:18px;vertical-align: sub;color:#ffaa00;}
.assign-arrow-by{font-size:18px;vertical-align: sub;color:#00b19d;}
.new-assign-filter{float:left;width:85%;position: relative;}
.new-assign-filter ul{margin:0;}
.new-assign-filter ul li{font-size:12px;display:inline-block;padding:0 5px;}
.main-title{float: left; width: 15%;}
.mobile-assign-filter-del{position:relative;}
.mobile-assign-filter-del:before { content: "\f057";  font-family: FontAwesome; font-style: normal;  font-weight: normal;
    text-decoration: inherit;padding-right: 0.5em;   position: absolute;  top: -12px;   right: -18px;color:#999;font-size:16px;
}
.new-assign-filter-wrap{background: #fff; opacity: 0.9; text-align: center;  position: absolute;  top: 0; left: 0; right: 0;
    height: 45px;}
	
.chat-box{padding: 5px; background-clip: padding-box;  margin-bottom: 0px;  background-color: #fff;  opacity: 0.9; box-shadow: 1px 1px 5px #ccc;}	
.widget-user{position:relative;}	
.chat-text{display: inline-block; width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;font-weight:normal;}
.chat-img img{width:100px; padding:10px 0;margin:0 auto;text-align:center;height:100px;}
.chat-count{position:absolute; top:10px; right:10px;font-size:9px;}
.chat-time p{padding:50% 0; margin-bottom:0;font-weight:normal;text-align: center;}
.profile-image a img{ width:100px; height:100px; margin-top:5px;padding:5px;}
.profile-image ul li{display:inline-block;position: relative;}
#myModalLogin{top:20%;}
#myModalLogin .form-horizontal .control-label{text-align:left;}
#searchinput{border-radius:0px;}

.assign-by-wrap,.assign-to-wrap{position:relative;}
.assign-badge{position:absolute;top: -12px;right: -5px;z-index: 111;}
.assign-by-wrap .badge, .assign-to-wrap .badge{padding:3px 5px;}
.select2-results .select2-highlighted{background-color:#337ab7 !important;}
.tagged-arrow-to{font-size:14px;vertical-align: sub;color:#ffaa00;-ms-transform: rotate(107deg); -webkit-transform: rotate(107deg); transform: rotate(107deg);}
.tagged-arrow-by{font-size:14px;vertical-align: sub;color:#00b19d; }
.close-img-task{position: absolute;top: -10px;right:-10px;width: 30px !important;height: 30px;}
.tooltip-inner {text-align:justify; max-width:250px;}
.tooltip-name{text-align:right;color:#3aacff;font-style: italic;}
.help-img {width:30px; height:30px; margin-top:0px;cursor:pointer;}
.form-group label.lab1 i { font-style:italic; font-weight:normal; font-size:10px;}
.modal-content{padding-top: 10px !important;}
.modal-dialog{ width: 50%!important;}
.comment-wrap-login ul li.comment-text	{word-wrap: break-word;width: 100%;}
p.tooltip-comment{word-wrap: break-word; color:#fff;}
#divViewHistory p{ padding-left:15px; padding-top:10px;}
.form-group .user-profile-image img{ width:150px; height:150px; object-fit:contain;}
input#profilePicture{ padding:0 !important;}
.form-group .pro_padd{padding:15px !important;}
.due-expire-color{color:red;}
.collapsenewstatusbox textarea, .collapsenewstatusbox select{width:100%!important;}
.add-accordion-icon{font-size:18px;color:#a9194d;}
#taskPreloader {position: fixed;left: 0px;top: 0px;	width: 100%;height: 100%;z-index: 9999;	background: url(../img/Preloader_8.gif) center no-repeat #000; opacity:0.5;}
#success-alert {z-index: 9999;left: 0; right: 0; top:48px; text-align: center;display:none; position:fixed; width:87%; 
margin: 0 auto;}
a:focus, a:hover{ text-decoration:none;}
.accordion-toggle > span i{ font-size:11px; background: #9682eb;border-radius: 3px; padding: 3px; color:#fff;}
.add-padd{ padding:2px;}
.fa-info-circle {font-size:16px;}
.alert{ margin:0 10px 20px;}
.taskCmtAlert{ display:none; }

/*************************  Dashboard start here *************************/
.add-bdr {border:1px solid #ddd; margin:5px 0 25px;padding:0;}
.add-bdr .toggle-title {border-bottom: 1px solid #ddd; padding: 6px 10px;}
.toggle-title {margin-bottom: 0;}
.tab-sec-pie-chart { padding: 6px;}
.pad0 {padding: 0 !important;}
.add-bdr .btn-info { float: right;font-size: 12px; font-weight: bold;margin: 0;padding:0 1px;}

.count-box ul li {background: #fff;}
.count-box ul li { position: relative;}
.bigBtnIcon li {display: inline-block; margin-bottom: 13px;margin-right: 6px;margin-top: 10px;text-align: center;}
.count-box ul li a { border:1px solid #c4c4c4; box-shadow: 0 1px 0 rgba(255, 255, 255, 1);display: inline-block;height:67px !important;padding: 5px;text-decoration: none; vertical-align: top;width:102px;}
.bigBtnIcon li a {background: #f5f5f5; border-radius: 2px;position: relative;}
.count-box ul li a .fa {font-size: 20px;}
.bigBtnIcon li a .txt {display:inline-block;font-size:12px; line-height:15px !important; padding:5px 0 3px;text-align:center;}
.bigBtnIcon .txt { width: 100%;}
.bigBtnIcon li a .notification {padding: 0 6px 1px; z-index: 999;height:18px;}
.notification { background:#ed7a53;border-radius: 2px;box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);color: #fff;font-family: Tahoma;
font-size: 12px;font-weight: 700;padding: 0 7px;position: absolute;right: -10px;text-shadow: none;top: -11px;}
.bigBtnIcon {position: relative;text-align: center;}
.bigBtnIcon li a:after {border: 1px solid #fff;border-radius: 2px;content: "";height:65px !important;left: 0;position: absolute;top: 0; width: 100px;}	
.add-bdr .btn:before {content: "-";display: block;width: 15px;}
.add-bdr .btn.collapsed:before {content: "+";display: block;width: 15px;}	
.wrapper1{ background:#fff;}
.new-tab {border-color: -moz-use-text-color #ddd #ddd;border-style:none;border-width: medium 1px 1px; padding:28px 0 0;}
.nav-tabs > li a { font-weight: bold;}
.nav-tab1 { background: #f5f5f5;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.dash-table-detail { margin: 15px 4px 4px;width: 99.3%;}
.dash-table-detail th { border-right: 1px solid #ddd; border-bottom:1px solid #ddd; font-size: 12px; padding: 10px 8px;}
.dash-table-detail td{ padding:10px 8px;}
.dash-table-detail .pro-text td { border-right: 1px solid #ddd; border-top: 1px solid #ddd; padding: 10px 15px;}
.dash-scroll-div {height: 400px;  margin: 0 auto;width: 100%;}
.dash-scroll-div {overflow: scroll;	position: relative;}
.dash-scroll-div .title1 { font-weight: bold; padding-top: 15px; text-align: center;}	
.tab-content.new-tab { position: relative;}
.rgt-count {position:absolute;right: 15px;top: 0;z-index: 999;}
.new-pie-chart > div {height:400px; margin:0 auto;width:100%;}
.hide-loder{ background: rgba(255, 255, 255, 0.9);display: block; height:500px; position:absolute; top:0;width: 100%;   z-index: 999;}
.hide-loder img {display:block; margin:1% auto 0;text-align:center;}
.highcharts-credits{display:none;}
.dash-table-detail{border:1px solid #ddd; text-align:center;}
.select-dropdown{ margin-bottom:10px;}
.dash .menu-img{ width:auto; height:auto;}
.type-chart{display:none !important;}

/******** hover effect ********/
.bigBtnIcon li a:hover{ background:#00b19d; opacity:1.0;filter:alpha(opacity=100);-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.bigBtnIcon li a:hover .txt{ color:#fff;} 
.bigBtnIcon li a:hover .fa{ color:#fff;}
/******** hover effect end ********/

/************************* Dashboard end here *************************/

/************************* report start here *************************/
.dropdown-detail {background-color: #fff; border-radius:4px; padding-top:10px; padding-bottom:20px; margin-bottom: 5px;}
.export-sec{width: 100%;padding: 5px;overflow-y: auto;}
.export-table { border: 1px solid #ddd;}
.export-table th {text-align:center;border-right:1px solid #ddd; font-size:14px;padding:15px 5px;border-bottom:1px solid silver;
height: 20px;}
.export-table td{text-align: center;border-right: 1px solid #ddd;font-size: 14px;padding: 15px 5px;border-bottom: 1px solid silver;height: 20px;}
.table-chk.no-record { text-align:center;border-right:1px solid #ddd;font-size: 14px;padding:5px;}
.filter-table{width:42%;}
.filter-input{width:58%;}
.btn-checkbox-user .checkbox > b{padding-left: 24px;display: block;line-height: 0;padding-top:7px;}
.btn-checkbox-status .checkbox > b{padding-left: 24px;display: block;line-height: 0;padding-top:7px;}
.btn-checkbox-zone .checkbox > b{padding-left: 24px;display: block;line-height: 0;padding-top:7px;}
.btn-checkbox-assignto .checkbox b{padding-left: 24px;display: block;line-height: 0;padding-top:7px;}
.btn-checkbox-taguser .checkbox b{padding-left: 24px;display: block;line-height: 0;padding-top:7px;}
.btn-checkbox-projects .checkbox b{padding-left: 24px;display: block;line-height: 0;padding-top:7px;}

.panel-body.pad0 { margin:0;}
.Priority{ margin-bottom:10px;}
.Priority label{ padding:5px; width:100%; margin:0;}
.Priority  ul{ border-top:none;}
.Priority  ul li label{border:none; font-weight:normal;}
.right-check{ text-align:right;}
.right-check ul{}
.right-check ul li label{ font-weight:normal; padding:5px;}
.right-check ul li:first-child label {font-weight:bold;}
.new-pie-chart{ width: 100%;height:400px;margin:0 auto;}

.count{background: #f44336;border-radius: 50%;font-size: 12px;padding: 0px 3px;color: #fff;display: inline-block;vertical-align: middle;}
 
/************************* report end here *************************/
.browsfile input{ margin-bottom:10px;}
.browsfile .form-control {padding:0px !important;}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0){
    #attachimage1{padding:8px 12px !important; height:40px;} 
	#attachimage2{padding:8px 12px !important; height:40px;} 
    #attachimage3{padding:8px 12px !important; height:40px;} 
    #attachimage4{padding:8px 12px !important; height:40px;} 
}
/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media and (-webkit-min-device-pixel-ratio:0) {
  #attachimage1{padding:8px 12px !important; height:40px;} 
  #attachimage2{padding:8px 12px !important; height:40px;} 
  #attachimage3{padding:8px 12px !important; height:40px;} 
  #attachimage4{padding:8px 12px !important; height:40px;} 
}

.attachimage-wrap .fa-paperclip { padding:0 10px 0 0 !important;}
.errormsg p{color:#FF0000;}
.pop-loader img{margin: 0px auto;text-align: center; display: block;}
.add-new-pro{ padding: 1px 4px;color: #fff !important;font-size:10px;}
.nonclickable-div{pointer-events:none;}

/****************************pagination start here****************************/
.btm-pager{ background:#fff; padding:0 15px; border-radius:4px;}
.show-entry{ padding:16px 0;}
/*.moduel-box1{ padding:10px 0; text-align:right; float:right;}*/
.moduel-box1 ul{ list-style:none; margin:0; float:right;}
.moduel-box1 ul li{ border:1px solid #ddd; margin:0; float:left; width:auto !important; padding:0 !important; min-height:auto !important;}
.moduel-box1 ul li a{ display:inline-block; padding:7px 14px;}
.moduel-box1 ul li:hover{ background:#ddd;}
.moduel-box1 ul li.active a{ background:#337ab7; color:#fff;}
.moduel-box1 ul li.active{border:1px solid #337ab7;}
.moduel-box1 ul li:first-child{ border-radius:4px 0 0 4px;}
.moduel-box1 ul li:last-child{ border-radius:0 4px 4px 0;}

/****************************pagination end ****************************/
.pagination-count { padding:8px !important;background:#337ab7;color:#fff;border-radius:5px;margin:0;display:inline-block;}
.add-search-sec { z-index:99;}
.data-search{ display:inline-block; float:right;padding-top:10px;padding-right:15px;}
.data-search label{ font-weight:normal;}
.data-search input.form-control.input-sm{ display:inline-block !important; width:auto !important; font-weight:normal; top: 0px; position: relative;}

/*-- dated as on 4.12.2017--*/
button.btn.btn-primary.search-bttn {margin-left: 5px; padding: 4px 10px;}
.data-search {padding-right: 0px;}.
.data-search input.form-control.input-sm {top: 0;float: left;}
.data-search input.form-control.input-sm {display: inline-block !important;  width: auto !important; font-weight: normal; top:-1px; position: relative;}

/*--dated as on 4.12.17--*/
.errormsg {font-size: 12px;}
/* This css added by sandeep */
#today-user-filter .select2-container{width:100% !important;}
#year-user-filter .select2-container{width:100% !important;}
#p-today-user-filter .select2-container{width:100% !important;}
#p-year-user-filter .select2-container{width:100% !important;}
#month-user-filter .select2-container{width:100% !important;}
#p-month-user-filter .select2-container{width:100% !important;}
/* End css*/
.user-filter {padding:15px;}
.user-filter .moduel-box1{ padding-top:15px;}
.user-filter-form{padding:0px 0px 5px 0px;}
.user-filter-form ul li{ padding-right:10px;}
#projectStatusFilter span.select2.select2-container.select2-container--default{max-width:360px !important;width:100% !important;}
#projectStatusFilter .select2-container--default .select2-selection--multiple{ padding:7px 12px 0px 12px;border:1px solid #ccc;  
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#projectStatusFilter span.select2.select2-container.select2-container--default ul .select2-search__field{ margin:0 !important;}
#projectStatusFilter .select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-top:0;}
.errormsg {font-size: 12px;} 
#serchForWeb .multiselect-sort button, .filter-wrap button, .multiselect-sort button{color: #333; background-color:transparent; border-color: transparent; border:0px; box-shadow:0px;}
#serchForWeb .multiselect-sort:hover, .filter-wrap button:hover, .multiselect-sort button:hover{background-color: #e6e6e6;border-color: #adadad;}
.card-box .input-group-addon {padding:9px 12px;}
.card-box .btn.focus, .card-box .btn:focus, .card-box .btn:hover {outline:none!important;}
.card-box .btn.active, .card-box .btn:active {box-shadow:none!important;}
#month-user-filter .select2-container--default .select2-selection--single{height:33px !important;padding:3px 8px !important;}
#month-user-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -8px !important;margin-top: 0px !important;}
#today-user-filter .select2-container--default .select2-selection--single{height:33px !important;padding:3px 8px !important;}
#today-user-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -8px !important;margin-top: 0px !important;}
#year-user-filter .select2-container--default .select2-selection--single{height:33px !important;padding:3px 8px !important;}
#year-user-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -8px !important;margin-top: 0px !important;}
#p-today-user-filter .select2-container--default .select2-selection--single{height:33px !important;padding:3px 8px !important;}
#p-today-user-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -8px !important;margin-top: 0px !important;}
#p-year-user-filter .select2-container--default .select2-selection--single{height:33px !important;padding:3px 8px !important;}
#p-year-user-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -8px !important;margin-top: 0px !important;}
#p-month-user-filter .select2-container--default .select2-selection--single{height:33px !important;padding:3px 8px !important;}
#p-month-user-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -8px !important;margin-top: 0px !important;}
/*Added css for task page changes by Atish on 10/9/2019*/
#icon_right span.title{color:#333;}
#icon_right span.title i.italic{color:#888;font-weight:300;background: transparent;}
#icon_right span i.fa-info-circle{color:#337ab7;}
a.accordion-sec  span.glyphicon-plus,a.accordion-sec span.glyphicon-minus{float:right;}
#icon_right a.accordion-sec {display:block;}
.page-head-wrap-new ul{display:none;}
#icon_right .fa-info-circle {font-size: 18px;float: left;padding: 2px 4px 0;}
/*Added css for task page changes by Atish on 10/9/2019*/

/*Added css for task page in comments changes by Atish on 18/9/2019*/
.badgeNonReadCommentCount {position: relative;display: inline-block;padding: 0px 4px;font-size: 11px;text-align: center;background-color: #FF5722;color: #fff;border-radius: 2px;float:left;left: 0;top: 2px;margin:0 1px;font-weight:600; vertical-align: middle;}
#cmtList span.badge{font-size: 10px;font-weight: 500;padding: 3px 6px;line-height: 1px;margin-right:1px;}
#cmtList span.badge i{font-size: 8px!important;}
#cmtList span.badge-green-success{background:#00c851;}
#cmtList span.badge-red-danger{background:#ff3547;}
.pad-right-left10 {padding:0 10px;}
.badgeTotalCommentCount{position: relative;display: inline-block;padding: 0px 4px;font-size: 11px;text-align: center;background-color: #337ab7;color: #fff;border-radius: 2px;float:left;left: 0;top: 2px;margin:0 2px;font-weight:600; vertical-align: middle;}
.badgeTaskChangeIndicator{background-color: #8a15c6;}
/*Added css for task page in comments changes by Atish on 18/9/2019*/