/* sticky-list styles - infoflopay */

/* Make the action buttons aligned to the right */
table.sticky-list th.sticky-action,
table.sticky-list td.sticky-action, 
.sticky-header-action  {
	/* text-align: right; */
    white-space:nowrap;
}
td, th{text-align: left;}
/* Do not wrap text in the table header */
table.sticky-list th,
table.sticky-list .sticky-nowrap {
    white-space:nowrap;
}

/* Make every other row in the list slightly grey */
table.sticky-list > tbody > tr:nth-child(2n+1), table.sticky-list > tbody > tr:nth-child(2n+1) > td {
	background: #f7f7f7;
}

table.sticky-list > tbody > tr:hover, table.sticky-list > tbody > tr:hover > td{background: #e5f8ff;}

table.sticky-list,
table.sticky-list * {
	/* border: none; */
}

table.sticky-list form,
table.sticky-list form input {
	/* display: inline-block !important; */
}

/* Style the action buttons */
table.sticky-list button {
    background:none!important;
    border:none; 
    /* padding:0!important; */
    cursor: pointer;
    font-style: normal;
    font-weight: normal;   
    text-transform: none;
    font-size: inherit;
    color: inherit;
    margin-left: 5px;
    text-decoration: underline;
	width: auto;
    padding: 5px 10px;
}

/* Pagination styles */
div[id^="sticky-list-wrapper"] ul.pagination {
    list-style: none;
    margin: 0;
}
div[id^="sticky-list-wrapper"] ul.pagination li {
    display: inline-block;
    margin-right: 5px;
}
div[id^="sticky-list-wrapper"] ul.pagination li.active a,
div[id^="sticky-list-wrapper"] ul.pagination li.disabled a {
    color: inherit;
    text-decoration: none;
    cursor: default;
}

/* Upload field styles */
div[class^="file_"] .remove-entry {
    cursor: pointer;
}
div[class^="file_"] + input[type="file"] {
    display: none;
}
table.sticky-list thead th{padding: 4px 0;}
table.sticky-list .statusBox .buddyboss-select{border: 1px solid #C1C1C1; margin: 0; border-radius: 5px; width: 71px; min-width: inherit;}
table.sticky-list .statusBox .buddyboss-select .buddyboss-select-inner{font-size: 12px; color: #909090; height: inherit;}
table.sticky-list .statusBox .buddyboss-select .buddyboss-select-inner span{padding-left: 5px; height: 24px; line-height: 25px;     padding-right: 17px;}
table.sticky-list .statusBox select{height: 17px;}
table.sticky-list .statusBox  .buddyboss-select-inner:after{line-height: 9px;}
.sticky-list-wrapper input.search, .ajaxSearch{border-radius: 5px; padding: 7px; border: 1px solid #A5A5A5;}
body.responsive .sticky-list-wrapper .searchBox input.search, body.responsive .sticky-list-wrapper input.ajaxSearch{width: 115px;}
body.responsive .sticky-list-wrapper input.ajaxSearch{border-radius: 5px;}
body.responsive .sticky-list-wrapper .searchBox .filterDropdown{display: none;}
table.sticky-list{display: none;}
table.sticky-list th, table.sticky-list td{font-size: 13px;}
table.sticky-list button.invoiceBtn{background-color: transparent; text-decoration: none; color: #8BCCC8; cursor: pointer; padding: 0; margin-left: 0;}
table.sticky-list button.invoiceBtn:hover{box-shadow: none;}
table.sticky-list .statusBtn{color: #fff; display: inline-block; padding: 4px 0; border-radius: 23px; text-align: center; width: 93px; cursor: default;}
table.sticky-list .statusBtn.Paid, table.sticky-list .statusBtn.active, table.sticky-list .statusBtn.in_production{background-color: #ADCF20;}
table.sticky-list .statusBtn.Partial, table.sticky-list .statusBtn.on_hold, table.sticky-list .statusBtn.deferred, table.sticky-list .statusBtn.pending_approval{background-color: #E1C518;}
table.sticky-list .statusBtn.Unpaid, table.sticky-list .statusBtn.complete{background-color: #3BC1E3;}
table.sticky-list .statusBtn.Deposit{background-color: #009f0c;}
table.sticky-list .statusBtn.partial_shipment{background-color: #9500da;}
table.sticky-list .statusBtn.draft, table.sticky-list .statusBtn.awaiting_po{background-color: #FF7B00;}
table.sticky-list .statusBtn.Unconfirmed, table.sticky-list .statusBtn.unconfirmed, table.sticky-list .statusBtn.not_started, table.sticky-list .statusBtn.cancelled{background-color: #b36767;}
table.sticky-list .statusBtn.NotOverdue, table.sticky-list .statusBtn.not_overdue, table.sticky-list .statusBtn.shipped{background-color: #3BC1E3;}
table.sticky-list .statusBtn.Overdue, table.sticky-list .statusBtn.overdue, table.sticky-list .statusBtn.cancel, table.sticky-list .statusBtn.on_hold, table.sticky-list .statusBtn.waiting_on_someone{background-color: #D94C4C; /* cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; */}
/* table.sticky-list .statusBtn.Overdue:hover{box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);} */
table.sticky-list .statusBtn.Overdue.notBtn{cursor: default;}
table.sticky-list .statusBtn.Overdue.notBtn:hover{box-shadow: none;}

table.sticky-list .statusBtn.accepted { background-color: #ADCF20; }
table.sticky-list .statusBtn.accepted.notBtn{cursor: default;}
table.sticky-list .statusBtn.accepted.notBtn:hover{box-shadow: none;}

table.sticky-list.responsiveTable{margin-top: 10px;}
table.sticky-list.responsiveTable thead{display: none;}
table.sticky-list.responsiveTable td{display: inline-block; width: 48%; border: none; vertical-align: top; padding-left: 2%; padding-right: 0; line-height: 20px;}
table.sticky-list.responsiveTable .statusBtn{padding: 2px 0;}
table.sticky-list.responsiveTable td.sticky-action{border-bottom: 1px solid rgba(0,0,0,0.11); width: 96%; padding-bottom: 17px; padding-right: 2%;}
table.sticky-list.responsiveTable .tdHeader{font-weight: bold; text-align: left; /* width: 50%; */ display: block; /* padding-right: 10px; */}
table.sticky-list td.sticky-action, .sticky-header-action {text-align: left !important; position: relative;}
table.sticky-list td.sticky-action .actionBtn/*, .sticky-header-action .actionBtn*/ {box-shadow: 1px 1px 1px rgba(0,0,0,0.2); border: 1px solid #969696; font-size: 25px; line-height: 0px; /* padding: 0 10px; */ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 6px; cursor: pointer; vertical-align: middle; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 53%, rgba(207,207,207,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(207,207,207,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 53%, rgba(207,207,207,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 53%, rgba(207,207,207,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 53%, rgba(207,207,207,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 53%, rgba(207,207,207,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf', GradientType=0 ); display: inline-block; width: 35px; height: 32px; text-align: center; float: left;}
table.sticky-list td.sticky-action .actionBtn img, .sticky-header-action .actionBtn img {padding: 13px 0 0; width: 10px;}
table.sticky-list td.sticky-action .actionBtn.open, table.sticky-list td.sticky-action .actionBtn:hover/*,
.sticky-header-action .actionBtn.open, .sticky-header-action .actionBtn:hover*/{background: #E6E6E6 !important;}
table.sticky-list td.sticky-action .actionWrap, .sticky-header-action  .actionWrap, .actionWrapBox .actionWrap{border: 1px solid #969696; border-radius: 6px; padding: 0 8px 8px 8px; display: inline-block; box-shadow: 1px 1px 1px rgba(0,0,0,0.4); background-color: #fff; display: none; margin-top: 40px; position: absolute; z-index: 1;}
table.sticky-list td.sticky-action .actionWrap.customActionBtn{margin-top: 0;}
table.sticky-list td.sticky-action .actionWrap.customActionBtn button:hover{-webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.15);}
table.sticky-list td.sticky-action .actionWrap button, .sticky-header-action li {display: block; margin-left: 0; width: auto; text-align: left; margin-top: 8px; text-decoration: none; color: #000;}
table.sticky-list td.sticky-action .actionWrap button:hover, .sticky-header-action li:hover {outline: none;}
.sticky-header-action .actionWrap, .actionWrapBox .actionWrap{ margin:0 !important; padding:5px 0 !important; z-index: 999;}
.sticky-header-action .actionBtn img { margin-left:5px; }
.sticky-header-action li, .actionWrapBox .actionWrap li{ margin-left:1px !important; padding:5px 10px !important; font-weight:normal; line-height:normal !important; color: black; cursor: pointer; list-style: none;}
.sticky-header-action li:hover, .actionWrapBox .actionWrap li:hover{background: #E6E6E6 !important; outline: none;}

.actionWrapBox .actionWrap li a:hover{color: #000 !important;}
.sortBox .buddyboss-select,
.filterby .buddyboss-select,
.newFilterBy .buddyboss-select {border: 1px solid #A5A5A5; margin: 0; border-radius: 5px; width: 129px; min-width: inherit; background: #fff;}
.sortBox .buddyboss-select .buddyboss-select-inner,
.filterby .buddyboss-select .buddyboss-select-inner,
.newFilterBy .buddyboss-select .buddyboss-select-inner {font-size: 12px; color: #909090; height: inherit; border: none;}
.sortBox .buddyboss-select .buddyboss-select-inner span,
.filterby .buddyboss-select .buddyboss-select-inner span,
.newFilterBy .buddyboss-select .buddyboss-select-inner span{padding-left: 5px; height: 31px; line-height: 31px; padding-right: 17px;}
.newFilterBy{display: none; float: left;}
body.responsive .newFilterBy{display: block;}
.sortBox select, .filterby select, .newFilterBy select{height: 28px !important;}
.sortBox .buddyboss-select-inner:after, .filterby .buddyboss-select-inner:after{line-height: 9px;}
.stickIcon{display: inline-block; border-radius: 6px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); padding: 5px 7px; border: 1px solid #ABABAB; width: 20px;}
.iconBox .stickIcon{background: #fff; margin-right: 5px;}
.stickIcon img{vertical-align: middle; opacity: 0.5;}
.iconBox .stickIcon{display: none;}
.sortBox, .filterby {display: none;}
body.responsive .sortWrap{float: none; padding-left: 0; clear: left;}
body.responsive label:not(.showOnAllDevice){display: none;}
.sortWrap{float: left; padding-left: 25px;}
.sortWrap .sortSelect{display: inline-block; vertical-align: middle;}
body.responsive .searchBox{float: left; margin-right:5px; margin-bottom: 13px; /* padding-top: 47px; */}
body.responsive .sortBox{display: block; margin-bottom: 13px; float: right;}
body.responsive .filterby{display: block; margin-bottom: 13px; float: left; clear: both;}
.cbResponsive{display: none; clear: both;}
body.responsive .cbResponsive{display: block;}
.responsiveEntries .hideItem{display: none !important;}
.responsiveEntries table.sticky-list.responsiveTable .tdHeader{display: inline-block;}
/*.downloadCsvBtn{padding:0; background-color: transparent; border-color: transparent; display: inline-block; margin-bottom: 0; font-size: 20px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: black; width: auto;}
.downloadCsvBtn:hover{outline: none; background-color: transparent; border-color: transparent; color: black; -webkit-box-shadow: none; box-shadow: none;}*/
.downloadCsvBtn{background: transparent; color: #000; width: auto; text-align: left; padding: 0;}
.downloadCsvBtn:hover{-webkit-box-shadow: none; box-shadow: none; color: #000;}
a.topButtons{color: #636C71; font-size: 16px; width: auto; margin-left: 10px; height: 34px; display: inline-block; background-image: linear-gradient(#fff 0,#eee 100%); border: 1px solid #BBB; border-radius: 4px; cursor: pointer; box-sizing: border-box; text-align: center; line-height: 24px; padding: 3px 7px; transition: none; -webkit-transition: none; width: 35px; vertical-align: top;}
a.topButtons:hover{background-image: linear-gradient(#f9f9f9 0,#ddd 100%); color: #636C71; -webkit-box-shadow: none; box-shadow: none;}
.vAlignTop{vertical-align: top;}
displayInlineBlock{display: inline-block}
body.responsive .downloadCsvBtn{float: none;/*  margin-bottom: 13px; */}
a.newInvoiceEstimate{width:129px; margin-bottom: 10px; margin-left:5px; padding:6px 0; /*float: right;*/}
a.newInvoiceEstimateBig{width:150px; margin-bottom: 10px; margin-left:5px; padding:6px 0; /*float: right;*/}
/*body.responsive a.newInvoiceEstimate{float: none;}*/
table.sticky-list td a .fa{color: #4dcadd; margin-right: 5px;}
table.sticky-list td.bigIcon{display: none;}
.myPopupBox table td{padding: 3px;}
.loadMoreBtn, .ajaxActionBtn{outline: none; display: inline-block; *display: inline; zoom: 1; width: auto; padding: 10px 31px; margin: 0; cursor: pointer; border: 1px solid #bbb; overflow: visible; font: bold 13px arial, helvetica, sans-serif; text-decoration: none; white-space: nowrap; color: #555;  background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));  -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -ms-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; background-clip: padding-box; /* Fix bleeding */ -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset; text-shadow: 0 1px 0 rgba(255,255,255, .9);  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.loadMoreBtn:hover, .ajaxActionBtn{background-color: #eee !important; color: #555 !important;}
.loadMoreWrapper{text-align: center;}
.ajaxActionBtn{display: inline-block; margin-left: -4px; padding: 7px 8px; box-shadow: none !important; border-radius: 0;}
.ajaxSearch{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.ajaxSearch:focus{outline: none;}
.convertMultipleEstimateForm{display: none;}
.onFlyCheckbox{width: 14px; height: 14px; vertical-align: middle; margin-right: 6px !important;}
.convertMultipleEstimateWrapper{padding-top: 10px; clear: both;}

/* statBox */
.actionWrapBox .actionWrap li a{margin-left: 0; float: none; height: auto; display: inherit; background-image: none; border: none; border-radius: 0; text-align: left; line-height: inherit; padding: 0; color: #000;}
.chartToggleBtn{margin-left: 10px; float: right; /*width: 115px;*/ height: 34px; display: inline-block; background-image: linear-gradient(#fff 0,#eee 100%); border: 1px solid #BBB; border-radius: 4px; cursor: pointer; box-sizing: border-box; text-align: center; line-height: 24px; padding: 3px 7px;}
body.responsive .chartToggleBtn{margin-bottom: 13px;}
.chartToggleBtn:hover{background-image: linear-gradient(#f9f9f9 0,#ddd 100%);}
.chartToggleBtn img{vertical-align: middle;}
.chartToggleBtn .chartToggleBtnText{font-size: 13px; color: #444; margin-left: 5px; vertical-align: middle;}
.chartToggleBtn.mobile-show { display:none; }
body.responsive .chartToggleBtn.mobile-show { display:block; width: auto; height: 26px; padding: 0 5px; margin-left: 3px; line-height: 22px; }
body.responsive .chartToggleBtn.mobile-hide { display:none; }
.control-wrap { float:none !important; }
.control-wrap .control-wrap-left { float:left; }
.control-wrap .control-wrap-right { float:right; }
/*body.responsive .control-wrap .control-wrap-left, body.responsive .control-wrap .control-wrap-right { width:25%;  }*/
.statBox:after{content:""; display:block; clear:both;}
.statBox svg{border-radius: 4px;}
.statBox .statChildBox{margin: 0 4px 20px 0; width: 300px; height: 200px; display: inline-block; border: 1px solid #DDD; border-radius: 4px; vertical-align: top; overflow: hidden;}
.statBox .statChildBox:last-child{margin-right: 0;}
.statChildBox{background: url('../img/ajax-spinner.gif') no-repeat center center;}
.statChildBox .highcharts-container{opacity: 0;}
/*#expenseStats,*/.statColor, .outstandingStats{padding: 26px; box-sizing: border-box; text-align: center;}
#expenseStats .outstandingTitle, .outstandingStats .outstandingTitle{font-size: 13px; text-transform: uppercase; color: #B6BCBE; padding-bottom: 8px;}
#expenseStats .outstandingValue, .outstandingStats .outstandingValue{font-size: 31px; font-weight: 300; padding-right: 8px; color: #597B8C; line-height: 31px;}
.statColor .outstandingTitle{padding-top: 35px;}
#expenseStats .outstandingValue.colorRed{color: red;}
.titleWithMargin{margin-top: 25px;}

/* Adding More spacing in table cells */
.my-stickylist-more-space table.sticky-list th { font-size:12px !important; }
.my-stickylist-more-space table.sticky-list th, .my-stickylist-more-space table.sticky-list td { padding:6px 4px !important;/* text-align:center;*/ vertical-align:top; }
.my-stickylist-more-space table.responsiveTable th, .my-stickylist-more-space table.responsiveTable td { padding-left:2% !important; padding-right:0 !important; text-align:left !important; }
.my-stickylist-more-space .sticky-header-action { text-align:center; }
.my-stickylist-more-space .sticky-header-action .actionBtn img { padding-top: 0 !important; }

table.sticky-list .invoice-link button { margin:0; padding:0; text-decoration:none; color:#000; }
table.sticky-list .invoice-link button:hover { color:#6AD2E1; background:none; box-shadow:none; }
.defaultAvatar{display: none;}
.contactEntries table .defaultAvatar{display: inline-block; text-align:center; vertical-align: middle; border-radius: 50%; line-height: 36px; height: 36px; width: 36px;margin-right: 11px; color: white; font-weight: bold;}
.contactEntries table.sticky-list.responsiveTable td, .contactEntries table.sticky-list.responsiveTable tr td.sticky-action{display: none;}
.contactEntries table.sticky-list.responsiveTable td:first-child{display: block; width: 100%; box-sizing: border-box;}
.contactEntries table.sticky-list.responsiveTable td.sticky-action{display: block; width: 100%; box-sizing: border-box;}
.contactEntries table tr td .defaultAvatar.badgeGreen{background-color: #90da47;}
.contactEntries table tr td .defaultAvatar.badgeGold{background-color: #e6d164;}
.contactEntries table tr td .defaultAvatar.badgeBlue{background-color: #6ec3eb;}

/* Project & Time Log */
table.sticky-list .project-link button { margin:0; padding:0; text-decoration:none; color:#2c455b; }
table.sticky-list .project-link button:hover { color:#6AD2E1; background:none; box-shadow:none; }
body.responsive a.newInvoiceEstimateBig{float: right;}

.actionBtnIcon, .actionBtnIcon form, .actionBtnIcon form button{display: inline-block;}
.actionBtnIcon{float: right; margin-top: 5px;}
.actionBtnIcon button{display: inline-block; padding: 2px !important; }
.actionBtnIcon button:hover{box-shadow: none;}
.actionBtnIcon button:hover .fa{color: #000;}

.actionWrap a.button { display:block; width: auto; margin-top:8px; padding:5px 10px; text-align: left; color:#000 !important; background: none; }

/* @media (max-width: 1338px){
	#statusGraph{margin: 0 10px 20px;}
}
@media (max-width: 767px){
	#statusGraph{margin: 0 0 20px;}
	.statBox .statChildBox{display: block;}
} */