#notes{}
#pjt-history{}
#edd-wrap{margin-bottom:20px;/*background-color: #41bad8;*/padding: 20px;}
/*#edd-wrap h2,#edd-wrap h3{color:white;}
#edd-wrap hr{border-color:white;}*/
.add-new-note{background-color:#f7f5eb;padding:20px; display:block;}
.display-notes{background-color:#edece6;padding:20px 40px;display:block;}
.note-head{background-color:black;display:block;color:white;padding:10px 20px;}
.note-body{background-color:white;display:block;color:black;padding:10px 20px;}
.notes-col-1{width:20%;float:left;}
.notes-col-2{width:20%;float:left;}
.notes-col-3{width:60%;float:left;}
.notes-col-3a{width:30%;float:left;}
.notes-col-3b{width:30%;float:left;}
#ap-wrap h2
{ background-color: #41bad8;
    color: white;
    margin: 0;
    padding: 5px 20px;
}
#notes .notes-col-3a{width:52%;float:left;}
#notes .notes-col-3b{width:8%;float:left;text-align:right;}

#edit-project{background-color:#edece6; padding: 20px 10px;}
.iv-client-info table tr th:nth-of-type(1) { width:90px; }
.iv-client-info table tr th:nth-of-type(2) { width:70px; }
.iv-client-info table tr td, .iv-client-info table tr th { border-bottom:1px solid #828282; margin:0; padding:4px 6px; }
table { border-collapse:collapse; border-spacing:0; }
td.datetime, th.datetime { text-align:right; }
th { text-align:left; }
.iv-client2{background: #f7f5eb;    border-top: 2px solid #fff;    padding: 0;    position: relative; font-weight:bold}
.staff-filter{padding:10px 20px;border:5px solid #edece6;margin-bottom:20px;}

.add-client-wrap { float:left; width:500px; margin-right: 5px;}
.add-client-wrap input[type="text"] { padding:9px 12px; width:calc(100% - 24px);}

.client-list-wrap {
    border-top:1px solid #edece6; /*max-width:400px; width: 33%;    float: left;*/     
    border-right: 4px solid #edece6; 
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;

}
.client-row { border-bottom:1px solid #edece6; min-height:20px; padding:15px 10px; position:relative; transition:0.3s; }
.client-row:hover{ background:#edece6; }

.client-row input[type="button"] { background:url(../images/icon-sprite.png) no-repeat #f7f5eb; border-radius:50%; height:40px; margin:0; padding:0; position:absolute; top:5px; width:40px;}
.client-row input[type="button"].client-edit { background-position:-5px -584px; right:50px;}
.client-row input[type="button"].client-edit:hover, .client-row input[type="button"].client-edit:active { background-color:#41bad8; background-position:-5px -624px; }

.client-row input[type="button"].client-delete { background-position:-6px -674px; right:5px;}
.client-row input[type="button"].client-delete:hover, .client-row input[type="button"].client-delete:active { background-color:#ea0000; background-position:-6px -714px; }


/* ********** */

body { font-family:'Roboto Condensed', sans-serif; margin:0; padding:0; font-size:16px; }

/* Header. */

#header { background:#2a2a2a; color:#fff; margin:0 0 20px 0; padding:20px; z-index:9; }
#title { float:left; font-size:20px; font-weight:700; }
#user-wrap { float:right; text-align:right; }
#user-id { float:left; margin:5px 30px 0 0; }
#login { background:#e8e8e8; text-align:center; }
#login img { max-width:280px; }

/*----------Menu--------------*/

#user-menu { float:left; }
#user-menu ul { list-style:none; margin:0; padding:0; position:relative; }
#user-menu ul li { border-right:1px solid #fff; float:left; margin:0; padding:0; }
#user-menu ul li:last-child { border-right:0; }
#user-menu ul li a { display:block; padding:5px 14px; }

#user-menu ul li li { border-right:none; border-bottom:1px solid #fff; font-size:17px; float:none; text-align:left; }
#user-menu ul li li a { background:#41bad8; color:#fff; margin:0; padding:9px 14px; }

#user-menu ul li ul { border-top:none; visibility:hidden; position:absolute; top:99px; right:30px; /*transition-delay:0.9s;*/ width:240px; z-index:99; }
#user-menu ul li:hover ul { border-top:5px solid #2a2a2a; visibility:visible; transform:translateY(0%); top:30px; transition:0.3s; }

#user-menu ul ul li a:hover { background:#ff8a00; }

#user-menu ul ul:before { content:""; width:0; height:0; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #41bad8 transparent; position:absolute; top:-10px; right:60px; z-index:5; }

/*---------------content------------------*/

.contentwidth { margin:auto; max-width:1400px; }
.date-select-wrap { margin:5px 0; }
.block-cta { background:#2a2a2a; color:#fff; margin:0 0 20px 0; padding:36px 40px; }
.block-cta h1 { font-size:24px; font-weight:400; margin:0; padding:0; }

/*---------------General-----------------*/

a { color:#41bad8; text-decoration:none; }
a:hover { color:#ff8a00; transition:0.3s; }

h1, h2, h3, h4, h5, h6 { font-weight:400; margin:25px 0 15px 0; padding:0; }
h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }

hr { border-top:1px solid #1f1f1f; height:0; margin:20px 0;}
.ppo-description2 {
    float: left;
    padding: 0 2% 0 0;
    width: 58%;
}
ul.ppo-description-list{margin: 0;  padding: 0;}

.clearfix { clear:both; }

/*---------------Inputs-------------------*/

input, select, textarea { border:1px solid #c6c6c6; cursor:pointer; margin:0 5px 5px 0; padding:8px 12px; }
input[type="submit"], input[type="button"], a.btn { background-color:#41bad8; border:none; color:#fff; font-family:'Roboto Condensed', sans-serif; padding:8px 15px; }
input[type="submit"]:hover, input[type="button"]:hover, a.btn:hover { background-color:#ff8a00; transition:0.3s; }
label { cursor:pointer; }
input[type="text"].date { background:url(../images/icon-sprite.png) no-repeat 153px 0; width:160px; }

select { background:url(../images/icon-sprite.png) no-repeat 100% -35px; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:13px 20px; height:52px; }
select::-ms-expand { display:none; /* hide the default arrow in ie10 and ie11 */ }

/*-----------------timesheet input--------------------*/

#ts-input-wrap { margin:5px 0; }
#ts-input-wrap input[type="text"], #ts-input-wrap input[type="number"], #ts-input-wrap select { border:none; font-family:'Roboto Condensed', sans-serif; font-size:18px; margin:0; }

#ts-input-wrap input[type="text"] { height:22px; padding:14px 20px; }

#iw-client, #iw-project, #iw-task, #iw-description, #billable , #iw-time, #ts-submit-wrap, #iw-project-new { background:#fff; border-bottom:3px solid #2a2a2a; border-right:3px solid #2a2a2a; float:left; height:52px; margin:0; padding:0; position:relative; }
#iw-client { width:calc(25% - 5px); } 
/*#iw-project { border-right:1px; width:calc(55% - 116px); }*/
#billable { width:20%; }

#iw-description { width:calc(70% - 5px); }
#iw-time { width:calc(20% - 5px); }
#ts-submit-wrap { width:10%; }

#iw-project-new { width:55px; }
#iw-project-new input[type="button"] { font-size:20px; height:53px; width:100%; }
#iw-project-new-input-wrap { background:#a5b8bd; border:0; height:0; overflow:hidden; padding:0; position:absolute; top:55px; right:-3px; transition:0.3s; width:268px; z-index:19; }

/* #iw-time input[type="text"] { background:url(../images/icon-sprite.png) no-repeat 99% -272px #fff; } */
#iw-project-new label span { background:#41bad8; border:none; color:#fff; display:block; height:37px; margin:0; padding:15px 0 0 0; position:absolute; top:0; left:0; text-align:center; width:55px; z-index:9; }
#iw-project-new label span:before { content:"+"; font-family:'Roboto', sans-serif; font-size:20px; line-height:20px; }
#iw-project-new input[type="checkbox"]:checked ~ label span { background:#ff8a00; }
#iw-project-new input[type="checkbox"]:checked ~ label span:before { content:"-"; font-size:30px; }
#iw-project-new input[type="checkbox"]:checked ~ #iw-project-new-input-wrap { border-left:3px solid #2a2a2a; border-right:3px solid #2a2a2a; height:auto; overflow:visible; padding:16px; transition:0.3s; }

.target-pointer:before { content:""; width:0; height:0; border-style:solid; border-width:0 12.5px 15px 12.5px; border-color:transparent transparent #2a2a2a transparent; position:absolute; top:-15px; right:14px; z-index:29; }
.target-pointer:after { content:""; width:0; height:0; border-style:solid; border-width:0 12.5px 15px 12.5px; border-color:transparent transparent #a5b8bd transparent; position:absolute; top:-10px; right:14px; z-index:39; }

#iw-project-new label span:hover { background:#ff8a00; transition:0.3s; }

#ts-input-wrap #iw-project-new-input-wrap input[type="text"], #ts-input-wrap #iw-project-new-input-wrap input[type="number"] { border:1px solid #333; float:left; font-size:15px; height:26px; margin:0 5px 5px 0; padding:6px 9px; width:calc(100% - 18px); }
#ts-input-wrap #iw-project-new-input-wrap input[type="number"] { width:99px; }
#iw-project-new-input-wrap input[type="number"] { width:130px; }
#iw-project-new-input-wrap input[type="submit"] { background:#2fa1bd; border:1px solid #333; height:40px; padding:7px 15px; }
#iw-project-new-input-wrap input[type="submit"]:hover { background:#ff8a00; }

#ts-input-wrap input[type="text"] { width:calc(100% - 40px); }
#ts-input-wrap select { width:calc(102% - 5px) }

#iw-project-inner { background:#fff; border:1px solid #c6c6c6; color:#a3a3a3; font-size:18px; padding:12px 20px; position:absolute; width:501px; }
#iw-project-inner ul { display:none; list-style:none; margin:9px 0; padding:0; }
#iw-project-inner:hover ul, #iw-project-inner:active ul { display:block; }
#iw-project-inner input[type="text"] { font-size:14px; margin:0 3px 3px 0; padding:6px 9px; width:auto; }

#ts-submit-wrap input[type="submit"] { font-size:20px; height:52px; line-height:52px; padding:0; text-align:center; text-transform:uppercase; width:100%; }

a.orderby { color:#fff; }
a.orderby:after { background:url(../images/icon-sprite.png) no-repeat -2px -421px; content:""; display:inline-block; height:9px; margin:0 0 0 8px; opacity:0.3; width:9px; }
a.accending:after { opacity:1.0; }

/*----------------Data outputs---------------*/

#data-wrap, #ppo-wrap, #staffhours-wrap, #ap-wrap, #cp-wrap  { color:#5a5a5a; font-size:16px; }
#data-wrap .row, #ppo-wrap .row, #staffhours-wrap .row, #ap-wrap .row, #cp-wrap  .row{ background:#f7f5eb; margin:0; padding:5px; }
#data-wrap .row:nth-child(odd), #ppo-wrap .row:nth-child(odd), #staffhours-wrap .row:nth-child(odd), #ap-wrap .row:nth-child(odd), #cp-wrap .row:nth-child(odd) { background:#edece6; }
#data-wrap .row.data-header, #ppo-wrap .row.data-header, #staffhours-wrap .row.data-header, #ap-wrap .row.data-header, #cp-wrap .row.data-header  { background:#2a2a2a; color:#fff; }
#staffhours-wrap .data-subheader { background:#dbdbd3; font-weight:700; }
.data-subheader p { margin:0; padding:0; }

#data-wrap input[type="text"] { margin:0; width:30px; }
#data-wrap input[type="number"] { margin: 0; width: 40px; padding:6px;}

.data-col-1, .data-col-2, .data-col-4, .data-col-5, .data-col-6, .data-col-7 { float:left; height:50px; margin:0; padding:0 0 0 1%; }
.data-header .data-col-1, .data-header .data-col-2, .data-header .data-col-4, .data-header .data-col-5, .data-header .data-col-6, .data-header .data-col-7, .data-header .ppo-col-1, .data-header .ppo-col-2, .data-header .ppo-col-3, .data-header .ppo-col-4, .data-header .ppo-col-5 { height:30px; }

#data-wrap p, #ppo-wrap .data-header p { margin:0; padding:0; position:relative; top:50%; transform:translateY(-50%); }
#staffhours-wrap .data-header p { font-size:18px; font-weight:700; margin:0; padding:5px 0; position:relative; top:50%; }

.data-col-1 { width:14%; }
.data-col-2 { width:18%; }
.data-col-4 { width:48%; }
.data-col-5 { width:7%; }
.data-col-6 { width:3.5%; }
.data-col-7 { padding-left:0; width:3.5%; }

.data-col-5 p:after { content:"hr"; position:absolute; left:60px; top:7px; }
.data-header .data-col-5 p:after { display:none; }

a.edit, a.delete { background:url(../images/icon-sprite.png) no-repeat; display:inline-block; height:35px; margin:5px 0 0 12px; width:35px; }
a.edit { background-position:0 -97px; transition:0s; }
a.edit:hover { background-position:0 -137px; transition:0s; }

a.delete { background-position:0 -196px; transition:0s; }
a.delete:hover { background-position:0 -236px; transition:0s; }

#daytotal { font-size:18px; font-weight:700; padding:14px 10% 14px 10px; text-align:right; }
.bot-border {
    border-bottom: 1px solid #2a2a2a;
}

#ppo-wrap { margin:0 0 5px 0; }
.ppo-col-1, .ppo-col-2, .ppo-col-3, .ppo-col-4, .ppo-colgroup { float:left; margin:0; padding:0 0 0 1%; }

.ppo-col-1 { padding-top:10px; width:15%; }
.ppo-col-2 { width:28%; }
.ppo-col-3 { width:45%; }
.ppo-col-4 { width:8%; }
.ppo-colgroup { width:83%; }

.data-header .ppo-col-1 { padding-top:0; }

#ppo-wrap .row .ppo-colgroup .row, #staffhours-wrap .row .sh-colgroup .row { background:none; min-height:30px; padding:0; }
#ppo-wrap .row .ppo-colgroup .row:first-of-type, #staffhours-wrap .row .sh-colgroup .row:first-of-type { padding:16px 0 0 0; }

#staffhours-wrap { margin:0 0 20px 0;}

.ppo-name, .ppo-progress, .ppo-numbers, .ppo-extras, .ppo-description  { float:left; padding:0 2% 0 0; }
.ppo-name { width:32%; }
.ppo-progress { padding-top:5px; width:40%; }
.ppo-numbers { width:13%; }
.ppo-extras { padding-right:0; width:9%; }
.ppo-description { width:53%;}

.progress-bar { background:#fff; border-radius:6px; padding:3px; }
.progress-bar div { background:#6dcf9d; border-radius:3px; height:5px; }

#ppo-wrap .ppo-numbers p, .sh-colgroup .ppo-numbers p, .pr-col-4 p { background:#6dcf9d; border-radius:16px; color:#fff; font-size:14px; margin:-3px 0 0 0; padding:5px; text-align:center; }

.alert-over .progress-bar div, #ppo-wrap .alert-over .ppo-numbers p, .sh-colgroup .alert-over .ppo-numbers p, .alert-over .pr-col-4 p { background:#ea0000; }
.alert-at-limit .progress-bar div, #ppo-wrap .alert-at-limit .ppo-numbers p, .sh-colgroup .alert-at-limit .ppo-numbers p, .alert-at-limit .pr-col-4 p { background:#ff8a00; }
.alert-completed .progress-bar div, #ppo-wrap .alert-completed .ppo-numbers p, .sh-colgroup .alert-completed .ppo-numbers p { background:#80d200; position:relative; }
.sh-colgroup .alert-completed .ppo-numbers p:after { content:'Done'; color:#80d200; position:absolute; right:-40px; top:5px;  }

.sh-col-1, .sh-col-2, .sh-col-3, .sh-col-4, .sh-colgroup { float:left; margin:0; padding:0 0 0 1%; }

.sh-col-1 { width:15%; }
.sh-col-2 { width:28%; }
.sh-col-3 { width:35%; }
.sh-col-4 { text-align:right; width:16%; }
.sh-colgroup { width:83%; }

.sh-colgroup .ppo-name { width:32%; }
.sh-colgroup .ppo-progress { padding-top:5px; width:30%; }
.sh-colgroup .ppo-numbers { padding-right:10%; width:13%; }
.sh-colgroup .ppo-extras { text-align:right; padding-right:0; width:9%; }

#ap-wrap .row.data-header p, #cp-wrap .row.data-header p { margin:6px 0 0 0;}
span#yes-notes {background: url(../images/icon-sprite.png) -32px -452px no-repeat; display:block; position:absolute; top:15px;left:200px; height: 20px; width:20px;}
.pr-col-1, .pr-col-2, .pr-col-3, .pr-col-3a, .pr-col-3b, .pr-col-4, .pr-col-5 , .pr-col-6 { float:left; margin:0; padding:0 0 0 1%; position:relative; }
.pr-col-1 { width:14%; }
.pr-col-2 { width:20%; }
.pr-col-3 { width:25%; }
.pr-col-4 { padding-top:15px; width:12%; }
.pr-col-5 { width:13%; }
.pr-col-6 { width:9%; }
.pr-col-3 .progress-bar {margin-top:20px;}
.pr-col-6 input[type="button"]{ margin:8px 0 0 0;}

#ap-wrap .pr-col-3{width:22%;}

#cp-wrap .pr-col-1{ width:14%}
#cp-wrap .pr-col-2{ width:20%; }
#cp-wrap .pr-col-3{ width:15%; }
#cp-wrap .pr-col-3a, #cp-wrap .pr-col-3b { width:10%; }
#cp-wrap .pr-col-5{ width:15%;}
#cp-wrap .pr-col-6{ width:8%;}

#edit-project .pr-col-3{width:20%;}
#edit-project .pr-col-6{width:15%;}
#edd-wrap .data-header{background: #2a2a2a; color: #fff;}
#edit-project .pr-col-6 input[type="button"]{ margin:0px; border-radius:30%;}
#edit-project .pr-col-6 select { background: url(../images/icon-sprite.png) no-repeat 120% -40px #fff; border-radius:20px; height:40px; margin:5px 0 0 0; padding:8px 40px 8px 12px;}

#edit-project2 .pr-col-3{width:20%;}
#edit-project2 .pr-col-6{width:15%;}
#edit-project2 .pr-col-6 input[type="button"]{ margin:0px; border-radius:30%;}


#ap-wrap .pr-col-1a{width:10%;float:left; margin:0; padding:0 0 0 1%; position:relative;}
#ap-wrap .pr-col-3{width:7%;}
#ap-wrap .pr-col-6{width:16%;}
#ap-wrap .pr-col-6 input[type="button"]{ margin:0px; border-radius:30%;}
#ap-wrap .pr-col-6 select { background: url(../images/icon-sprite.png) no-repeat 120% -40px #fff; border-radius:20px; height:40px; margin:5px 0 0 0; padding:8px 40px 8px 12px;}

.pr-col-5 input[type="checkbox"], .pr-col-5 input[type="radio"], .crp-assign-staff-wrap input[type="checkbox"], .crp-assign-staff-wrap input[type="radio"] { display:none; }
.pr-col-5 input[type="checkbox"] ~ label span, .crp-assign-staff-wrap input[type="checkbox"] ~ label span { background:url(../images/icon-sprite.png) -2px -478px no-repeat #67b4d6; border-radius:50%; display:block; float:left; height:45px; margin:0 8px 0 0; width:45px; }
.pr-col-5 input[type="checkbox"]:checked ~ label span, .crp-assign-staff-wrap input[type="checkbox"]:checked ~ label span { background-color:#2a2a2a; border-radius:50% 50% 0 0;}

.assignstaff { background:#2a2a2a; border-radius:20px; color:#fff; height:0; overflow:hidden; position:absolute; left:-40px; top:45px; width:340px; z-index:999; }
.pr-col-5 input[type="checkbox"]:checked ~ label ~ .assignstaff, .crp-assign-staff-wrap input[type="checkbox"]:checked ~ label ~ .assignstaff { height:auto; font-size:14px; padding:14px;}

.assignstaff ul { margin:0; padding:0; list-style:none;}
.assignstaff ul li { background:#4a6d7d; border-radius:30px; display:inline-block; margin:0 1% 2px 0; padding:9.5px 0 9.5px 65px; position:relative; width:99px; }

.assignstaff ul li label input[type="checkbox"] ~ span, .assignstaff ul li label input[type="radio"] ~ span { background:url(../images/icon-sprite.png) 3px -549px no-repeat #1f1f1f; border-radius:20px 0 0 20px; display:block; height:30px; position:absolute; top:3px; left:3px; width:28px; }
.assignstaff ul li label input[type="radio"] ~ span { background-position:-26px -549px; border-radius:0 20px 20px 0; left:32px; } 

.assignstaff ul li label input[type="checkbox"]:checked ~ span { background-position:4px -521px;}
.assignstaff ul li label input[type="radio"]:checked ~ span { background-position:-26px -523px; } 

#iv-input-wrap .assignstaff ul li label { height:auto;}


.crp-assign-staff-wrap input[type="checkbox"]:checked ~ label span  {background-color:#ff8a00; }
.crp-assign-staff-wrap .assignstaff { background-color:#ff8a00; top:60px; }
.crp-assign-staff-wrap .assignstaff ul li { background:#edece6; color:#000;}




.viewprojectfilterwrap { /*float:right;*/ position: absolute; top: 209px; right: 248px;}
.viewprojectfilterwrap .viewprojectfilter { float:right; margin:0 3px 3px 0; position:relative;}
.viewprojectfilterwrap .viewprojectfilter input[type="checkbox"] { display:none;}
.viewprojectfilterwrap .viewprojectfilter  input[type="checkbox"] ~ label { background-color:#f6f5ea; display:block; padding:18px 25px 15px 50px;}
.viewprojectfilterwrap .viewprojectfilter  input[type="checkbox"]:checked ~ label { background-color:#e1a900; color:#fff; }

.viewprojectfilterwrap .viewprojectfilter  input[type="checkbox"] ~ label span { background:url(../images/icon-sprite.png) 0 -438px no-repeat; display:block; position:absolute; top:18px; left:20px; height:18px; width:18px;}
.viewprojectfilterwrap .viewprojectfilter  input[type="checkbox"]:checked ~ label span { background-position:0 -456px;}

#iv-input-wrap label { display:block; height:22px; }
#iv-input-wrap .date-wrap, #iv-input-wrap .client-wrap, #iv-submit-wrap, #iv-input-wrap .crp-client-wrap, #iv-input-wrap .crp-project-name-wrap, #iv-input-wrap .crp-est-hrs-wrap { float:left; }
#iv-input-wrap .date-wrap input[type="text"].date, #iv-input-wrap .client-wrap select , #iv-input-wrap .crp-client-wrap select { background-color:#fff; }
#iv-input-wrap .client-wrap { width:40%; }


#iv-input-wrap .crp-client-wrap { padding-right:5px; width:25%;}  
#iv-input-wrap .crp-project-name-wrap { padding-right:5px; width:35%;} 
#iv-input-wrap .crp-est-hrs-wrap { padding-right:5px; width:120px;}

#iv-input-wrap .client-wrap select, #iv-input-wrap .crp-client-wrap select { background-position:100% -44px; padding:8px 12px; height:33px; width:100%; }

#iv-input-wrap .crp-project-name-wrap input[type="text"], #iv-input-wrap .crp-est-hrs-wrap input[type="number"] { width:calc(100% - 24px);}

.crp-assign-staff-wrap { float:left; padding:15px 0 0 0; position:relative;}


#login .block-cta { margin:auto; width:300px;}
#login input[type="text"], #login input[type="password"], #login input[type="submit"] {font-size:20px; padding:12px 0; text-align:center; width:100%; }




#iv-submit-wrap { padding:22px 0 0 5px; }
#iv-submit-wrap input[type="submit"], #iv-submit-wrap input[type="button"] { padding:9.5px 15px; }

.hrs { text-align:right; width:60px; }

.iv-client { background:#f7f5eb; border-top:2px solid #fff; padding:0; position:relative; }
.iv-client:nth-child(even) { background:#edece6; }

.iv-client:after { background:url(../images/icon-sprite.png) -17px -350px no-repeat; content:""; display:block; height:28px; position:absolute; top:5px; right:14px; width:28px; }
.hrs2invoice:after { background:url(../images/icon-sprite.png) 0 -380px no-repeat; height:33px; top:7px; right:9px; width:33px; }

.iv-client input[type="checkbox"] { display:none; }
.iv-client label span { color:#2a2a2a; display:block; font-size:16px; font-weight:700; padding:12px 5px 14px 34px; position:relative; }
.iv-client input[type="checkbox"]:checked ~ label span { background-color:#2a2a2a; color:#fff; }
.iv-client label span:before { background:url(../images/icon-sprite.png) 2px -354px no-repeat; content:""; height:22px; position:absolute; top:9px; left:5px; width:22px; }
.iv-client input[type="checkbox"]:checked ~ label span:before { transform:rotate(90deg); }

.iv-client-info { height:0; min-height:0; overflow:hidden; transition:0.3s; }
.iv-client input[type="checkbox"]:checked ~ .iv-client-info { height:auto; min-height:50px; }

.iv-client-info table { background:#2a2a2a; color:#fff; font-size:14px; margin:0; width:100%; }
.iv-client-info table tr:nth-child(even) { background:#3f3f3f; }
.iv-client-info table tr:first-child { font-weight:700; }
.iv-client-info table tr:last-child td { padding:12px 6px; }

.iv-client-info table tr td:nth-of-type(3) { width:150px; }
.iv-client-info table tr td:nth-of-type(4) { width:calc(100% - 600px); }
.iv-client-info table tr td.invoiceall, .iv-client-info table tr td.invoice { padding-left:30px; width:90px; }
.iv-client-info table tr td.copyallselected { width:125px; }

.iv-client .hrs label span { color:#fff; display:inline-block; font-size:14px; font-weight:300; padding:0 5px 0 0; }
.iv-client .hrs label span:before { background-position:-16px -422px; height:10px; top:3px; left:30px; width:10px; }
.iv-client .hrs label input[type="checkbox"]:checked ~ span:before { background-position:-37px -391px; }

.iv-client .invoiceall label span { color:#fff; display:inline-block; font-size:14px; padding:5px 5px 5px 25px; }
.iv-client .invoiceall label span:before { background-position:-13px -418px; height:20px; top:4px; left:0; width:20px; }
.iv-client .invoiceall input[type="checkbox"]:checked ~ label span:before { transform:none; }

.iv-client .invoice label span { display:inline-block; height:16px; padding:0; width:16px; }
.iv-client .invoice label span:before { background-position:-34px -418px; height:16px; top:3px; left:2px; width:16px; }
.iv-client .invoice label input[type="checkbox"]:checked ~ span:before { background-position:-34px -436px; }
.iv-client .invoice label input[type="checkbox"] ~ span:after { content:"No"; color:#41bad8; display:block; font-size:12px; position:absolute; top:5px; left:23px; width:60px; }
.iv-client .invoice label input[type="checkbox"]:checked ~ span:after { content:"Yes"; color:#75d527; }

.iv-client .copyall { min-width:90px; }
.iv-client .copyall label span { color:#fff; display:inline-block; font-size:14px; padding:5px 5px 5px 25px; }
.iv-client .copyall label span:before { background-position:0 -329px; height:20px; top:4px; left:0; width:20px; }
.iv-client .copyall input[type="checkbox"]:checked ~ label span:before { transform:none; }

.iv-client .copyallselected label span { display:inline-block; height:16px; padding:0; width:16px; }
.iv-client .copyallselected label span:before { background-position:-22px -329px; height:16px; top:1px; left:2px; width:16px; }
.iv-client .copyallselected label input[type="checkbox"]:checked ~ span:before { background-position:0 -329px; }
.iv-client .copyallselected label input[type="checkbox"]:checked ~ span:after { content:"Copied to clipboard"; color:#41bad8; display:block; font-size:12px; position:absolute; top:3px; left:23px; width:99px; }

.iv-subtotals { font-weight:700; text-align:right; }

/*---------------Responsive-------------------*/

.row { clear:both; margin:0 0 15px 0; }