td, th {
    font-size: 13px;
    line-height: 16px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
    padding: 8px;
    font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
}

/* CALENDARS & CLOCKS */

.calendarbox, .clockbox {
    margin: 5px auto;
    font-size: 12px;
    width: 19em;
    text-align: center;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
}

.clockbox {
    width: auto;
}

.calendar {
    margin: 0;
    padding: 0;
}

.calendar table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    background: white;
    width: 100%;
}

.calendar caption, .calendarbox h2 {
    margin: 0;
    text-align: center;
    border-top: none;
    background: #f5dd5d;
    font-weight: 700;
    font-size: 12px;
    color: #333;
}

.calendar th {
    padding: 8px 5px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #666;
}

.calendar td {
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    padding: 0;
    border-top: 1px solid #eee;
    border-bottom: none;
}

.calendar td.selected a {
    background: #79aec8;
    color: #fff;
}

.calendar td.nonday {
    background: #f8f8f8;
}

.calendar td.today a {
    font-weight: 700;
}

.calendar td a, .timelist a {
    display: block;
    font-weight: 400;
    padding: 6px;
    text-decoration: none;
    color: #444;
}

.calendar td a:focus, .timelist a:focus,
.calendar td a:hover, .timelist a:hover {
    background: #79aec8;
    color: white;
}

.calendar td a:active, .timelist a:active {
    background: #417690;
    color: white;
}

.calendarnav {
    font-size: 10px;
    text-align: center;
    color: #ccc;
    margin: 0;
    padding: 1px 3px;
}

.calendarnav a:link, #calendarnav a:visited,
#calendarnav a:focus, #calendarnav a:hover {
    color: #999;
}

.calendar-shortcuts {
    background: white;
    font-size: 11px;
    line-height: 11px;
    border-top: 1px solid #eee;
    padding: 8px 0;
    color: #ccc;
}

.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
    display: block;
    position: absolute;
    top: 8px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    padding: 0;
}

.calendarnav-previous {
    left: 10px;
    background: url(/static/admin/img/calendar-icons.svg) 0 0 no-repeat;
}

.calendarbox .calendarnav-previous:focus,
.calendarbox .calendarnav-previous:hover {
    background-position: 0 -15px;
}

.calendarnav-next {
    right: 10px;
    background: url(/static/admin/img/calendar-icons.svg) 0 -30px no-repeat;
}

.calendarbox .calendarnav-next:focus,
.calendarbox .calendarnav-next:hover {
    background-position: 0 -45px;
}

.calendar-cancel {
    margin: 0;
    padding: 4px 0;
    font-size: 12px;
    background: #eee;
    border-top: 1px solid #ddd;
    color: #333;
}

.calendar-cancel:focus, .calendar-cancel:hover {
    background: #ddd;
}

.calendar-cancel a {
    color: black;
    display: block;
}

ul.timelist, .timelist li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.timelist a {
    padding: 2px;
}

/* DATE AND TIME */

p.datetime {
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #666;
    font-weight: bold;
}

.datetime span {
    white-space: nowrap;
    font-weight: normal;
    font-size: 11px;
    color: #ccc;
}

.datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField {
    min-width: 0;
    margin-left: 5px;
    margin-bottom: 4px;
}

table p.datetime {
    font-size: 11px;
    margin-left: 0;
    padding-left: 0;
}

.datetimeshortcuts .clock-icon, .datetimeshortcuts .date-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    overflow: hidden;
}

.datetimeshortcuts .clock-icon {
    background: url(/static/admin/img/icon-clock.svg) 0 0 no-repeat;
}

.datetimeshortcuts a:focus .clock-icon,
.datetimeshortcuts a:hover .clock-icon {
    background-position: 0 -16px;
}

.datetimeshortcuts .date-icon {
    background: url(/static/admin/img/icon-calendar.svg) 0 0 no-repeat;
    top: -1px;
}

.datetimeshortcuts a:focus .date-icon,
.datetimeshortcuts a:hover .date-icon {
    background-position: 0 -16px;
}

.timezonewarning {
    font-size: 11px;
    color: #999;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.lf-frm-name {
    background-color: #BBCCDD;
    padding-bottom: 4px;
}
.lf-frm-callactions{

       padding-left: 0px !important;
    padding-right: 0px !important;
}
.lf-frm-callactions .vDateField  {
    display: inline !important;
    width: 100px !important;
    margin-bottom: 0px !important;
    margin-left:2px;
    text-align: left;
}
.lf-frm-callactions .vTimeField  {
    display: inline !important;
    width: 100px !important;
}
.lf-frm-business-none {
    background-color: #DDEEFF;

}
.lf-frm-business {
    background-color: #66AADD;

}
.lf-frm-business label {
    color: #FFF;
}
.lf-frm-business-com {
    background-color: #FF7722;

}
.lf-frm-business-com label {
    color: #FFF;
}
.lf-frm-bluebox {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    border-color: #BBCCDD;
    padding-left: 0px;
    /* padding-bottom: 20px; */
    background-color: #DDEEFF;
    height: 385;
    /* height: 355; */
}
.lf-frm-callsheet-level {
    padding-bottom: 5px;
}
.lf-frm-datewidget-fix {
    display: inline !important;
    width: 50% !important;
}
#div_id_dob {
    margin-bottom: 11px  !important;
}
#id_cb_date {
    display: inline !important;
    width: 100px !important;
    margin-bottom: 0px !important;
    padding: 3px 4px !important;
    height: 30px !important;
        width: 70px !important;

}
#id_cb_time {
    display: inline !important;
    width: 100px !important;
    margin-bottom: 0px !important;
    padding: 3px 4px !important;
    height: 30px !important;
    width: 70px !important;

}

.lf-frm-inner-center {
    display: table;
    margin: 0 auto;
}

.lf-frm-details {
    background-color: #BBCCDD;
    padding-bottom: 10px;
}

.lf-frm-finances {
    display: inline !important;
    padding: 0px !important;
    background-color: #BBCCDD;
    float:left;

}
.lf-frm-finances-extra {
    display: inline !important;
    padding: 8px !important;
    background-color: #BBCCDD;
    float:left;
    font-size: 12px;
    color: #444;
    font-weight: normal;
    white-space: nowrap;
}
.lf-frm-commercial-flag {
    display: inline !important;
    padding: 8px !important;
    background-color: #FF7722;
    float:left;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
}
.lf-frm-pickup-flag {
    display: inline !important;
    padding: 8px !important;
    background-color: #FF0000;
    float:left;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
}
.lf-frm-directlead-flag {
    display: inline !important;
    padding: 8px !important;
    background-color: #007700;
    float:left;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
}
.lf-frm-button-bottom {
    margin-top: 20px;
}
.lf-frm-nolabels {
    display: none;
}

#submit-id-callback {
    padding: 6px 12px !important;
    background-color: #337ab7;
    color: #fff;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#submit-id-callback:hover {
    color: #FFF;
    background-color: #286090;
    border-color: #204D74;
}

.lf-frm-callback {
    border-radius: 4px;
    background-color: #66AADD;
        border-width: 1px;
    border-style: solid;
    border-color: #337ab7;
}

.lf-frm-callid {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
        background-color: #BBCCDD;
        height:40px;
            font-size: 18px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle !important;
    padding-top: 5px;
        padding-left: 0px !important;
    padding-right: 0px !important;
}

.lf-frm-small-icons {
    margin: 6px;
    text-align: center;
}

.lf-frm-asset {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: left;
}
.lf-frm-asset-lending {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: left;
    color:#FFFFFF;   
    background-color: #555555;
    height: 20px;
}
.lf-frm-asset-group {
    border-bottom-style: solid;
    border-color: #000000;
    border-width: 1px;
    padding-left: 0px !important;
}
.lf-frm-asset-group-inc {
    border-bottom-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #AAFFAA; 
    padding-left: 0px !important;
}
.lf-frm-asset-release {
    border-bottom-style: solid;
     border-top-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #44AA44; 
    padding-left: 0px !important;
    margin-top:20px;
    font-weight: bold;
    color:#FFFFFF; 
    font-size: 16px;
}

.lf-summary-panel {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #f9f9f9; 
    padding-left: 0px !important;
    margin-top:10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding: 5px;
    font-weight: bold;
    color:#646464; 
    font-size: 16px;
}

.lf-frm-note-section {
    background-color: #fff;

 
}
.lf-frm-note-head {
    display: inline !important;
    background-color: #fff;
    float:left;
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    height:38px;
}
.lf-frm-notelist {
    margin-bottom: 15px;
    text-align: left;
    background-color: #DDEEFF;
     
}
.lf-frm-status-head {
    display: inline !important;
    background-color: #fff;
    float:left;
    vertical-align: middle;
     text-align: center;
     color: #FFF;
     font-weight: bold;
     font-size: 18px;
     height:30px;
}
.lf-frm-status-section {
    background-color: #fff;
}
  
.lf-frm-editlist-center {
    margin-bottom: 12px;

}

.lf-alert-message {
    padding: 20px;
    background-color: #f44336;
    color: white;
}
  
.lf-close-btn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
  
.lf-close-btn:hover {
    color: black;
}

.lf-income-exp-column {
    padding-right: 20px;
}

.lf-frm-editlist {
    /* margin-top: 3px;
    margin-bottom: 3px; */
    text-align: left;
    padding-left: 10px !important;
}

table { width: 100%; }
table td.first-child { width: 100%; }

.lf-frm-list {
    background-color: #DDEEFF;
    margin-top: 1px;
    /* margin-bottom: 1px; */
    /* padding-top: 2px;
    padding-bottom: 2px; */
}

.lf-frm-list-home {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #DDEEFF;
}
.lf-frm-list-utilities {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #EEFFDD;
}
.lf-frm-list-household {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #FFDDEE;
}
.lf-frm-list-healthcare {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #FFEEDD;
}
.lf-frm-list-transport {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #DDFFFF;
}
.lf-frm-list-school {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #DDFFEE;
}
.lf-frm-list-pensions {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #EEDDFF;
}
.lf-frm-list-professional {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #FFFFEE;
}
.lf-frm-list-communications {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #d8bcb1;
}
.lf-frm-list-food {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #acdbac;
}
.lf-frm-list-personal {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #c5c3ee;
}

.lf-frm-list-earnings {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #FFDDEE;
}
.lf-frm-list-benefits {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #c5c3ee;
}
.lf-frm-list-other {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
background-color: #DDFFEE;
}

.lf-frm-finances-subwindow-head {
    display: inline !important;
    background-color: #66AADD;
    float:left;
    vertical-align: middle;
     text-align: center;
     color: #FFF;
     font-weight: bold;
     font-size: 18px;
     height:30px;
}


.chart-current-plan {
    background-color: #FF0000; 
         text-align: center;
     color: #FFF; 
}

.compact {
    padding-right: 0px !important;
    padding-left: 0px !important;

}

.lf-side-bar{
    text-align: center;
}

.lf-side-head{
    background-color: #008800;
    vertical-align: middle;
     text-align: center;
     color: #FFF;
     font-weight: bold;
     font-size: 18px;
     height:30px;
     margin-bottom: 5px;
}
.lf-side-subhead{
    background-color: #00BB00;
    vertical-align: middle;
     text-align: center;
     color: #FFF;
     font-weight: bold;
     font-size: 18px;
     height:30px;
     margin-bottom: 5px;
     clear:left;
}
.lf-side-nextcontact{
     height:40px;
     margin-bottom: 5px;
    text-align: center;
}

.lf-side-callbacks{
     /*height:100px;*/
     margin-bottom: 5px;
    text-align: center;
}
.lf-error{
     color: #F00;
     font-weight: bold;
    text-align: center;
}
hr{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.lf-frm-call-overdue {
    color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #000 !important;    
}
.lf-frm-call-now {
        color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #FF0000 !important;    
}
.lf-frm-call-soon {
        color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #ffa500 !important;    
}
.lf-frm-call-due {
        color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #0055ff !important;    
}

.lf-frm-call-buttons {
      margin-left: 4px; 
      float:left; 
}

.lf-frm-dial-quota table {
    border: 1px solid black;
    padding: 10px !important;
}
.lf-frm-dial-quota th {
    border: 1px solid black;
    padding: 10px !important;
}
.lf-frm-dial-quota td {
    border: 1px solid black;
    padding: 10px !important;
    /*z-index:-1;*/
}
.lf-frm-nextcall {
    color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #66AADD !important;  
}
.lf-frm-nextcall-com {
    color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #FF7722 !important;  
}
.lf-frm-nextpassed {
    color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #FF0000 !important; 
    border: 4px solid red;
	
}
.lf-frm-nextpassed-com {
    color: #FFF !important;
    margin-bottom: 15px;
    text-align: center;
    background-color: #FF7722 !important;  
	border: 4px solid red;
}
.lf-form-debt {
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.lf-form-list-row1 {
    background-color: #EEFFFF;
    padding-left:12px;
}

.lf-form-list-row2 {
    background-color: #DDEEFF;
    padding-left:12px;
}
.lf-form-section-block {
    padding:5px !important;
}
.lf-form-section-btn {
    width:100px !important;
    padding: 10px !important;
    margin: 5px !important;
}
.lf-icon-block {
    float: left;
    padding-top: 0px;
    padding-bottom: 2px;
}

.lf-frm-errorlist {
    border: 2px solid red;
    border-radius: 4px;
    margin: 10px;
    padding: 10px;
    float: left;
}
.lf-checkbox-fix {
    padding-top: 10px;
    font-weight: bold !important;
    padding-left: 40px !important;
}

.lf-frm-state-change {

    vertical-align: middle;
    text-align: center;  
    background-color: #DDFFEE;
    color: #000;
    padding: 4px;
    margin: 6px;
}
.lf-frm-state-observe {

    vertical-align: middle;
    text-align: center;  
    background-color: #DDEEFF;
    color: #000;
    padding: 4px;
    margin: 6px;
}
.lf-frm-state-outcome {

    vertical-align: middle;
    text-align: center;  
    background-color: #FFDDEE;
    color: #000;
    padding: 4px;
    margin: 6px;
}
.lf-frm-state-change-active {

    vertical-align: middle;
    text-align: center;  
    background-color: #99FF88;
    color: #000;
    padding: 4px;
    margin: 6px;
}
.lf-frm-state-observe-active {

    vertical-align: middle;
    text-align: center;  
    background-color: #8899FF;
    color: #000;
    padding: 4px;
    margin: 6px;
}

.lf-frm-state-outcome-active {
    vertical-align: middle;
    text-align: center;  
    background-color: #FF9988;
    color: #000;
    padding: 4px;
    margin: 6px;
}

.lf-script-body {
	background-color: #204d74;
}

.lf-script-header {
    background-color: #204d74;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 22px;
    height:32px;
}
.lf-script-title {
    background-color: #00BB00;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

.lf-script-text-top {
    border: 8px solid #204d74;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;  
    margin-left:5%;
    margin-right:5%;
    background-color: #DDEEFF;
}
.lf-script-text-top p {
    margin:4px;
    font-weight: bold;
}

.lf-script-forms {
	background-color: #FFFFFF;
	margin-right: 0px !important;
    margin-left: 0px !important;
    padding: 10px;
}
.lf-script-text-bottom {
    border: 8px solid #204d74;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;  
    margin-left:5%;
    margin-right:5%;
    background-color: #FF0000;
    color: #FFFFFF;
}
.lf-script-text-bottom p {
    margin:4px;
    font-weight: bold;
}

.lf-script-nav-back {
    float: left;
	width:40%;
    background-color: #00BB00;
    vertical-align: left;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    padding:8px;
}
.lf-script-nav-mid {
    float: left;
	width:20%;
    background-color: #fff;
    font-size: 14px;  
    text-align: center;  
}
.lf-script-nav-forward {
    float: left;
    width:40%;
    background-color: #00BB00;
    vertical-align: right;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px; 
    padding:8px;

}

.lf-script-form-narrow{
	margin: 0 auto;
	width: 300px;
	text-align: center;
}


.lf-script-extra-form {
	padding-top:6px;
    background-color: #BBCCDD;
}


.lf-frm-lesspad {
    padding:2px !important;
}

.lf-frm-lesspad input {
    width:100% !important;
    padding: 7px 10px !important;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}


.tooltip { border-bottom:2px dotted none; }

/*COLOURS 
DARK GREY/BULE #BBCCDD
light blue #DDEEFF

*/
select[multiple] {
    min-height: 0px !important;
}

.lf-frm-matching-header-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #666;
    font-size: 13px;
}

.lf-script-addvehicle-btn {
        width:auto !important;
    padding: 10px !important;
    margin: 5px !important;
}

.lf-script-alert  {

    font-weight: bold;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 3px;
}
.lf-script-vehicle {
    border: 4px solid #FFFFFF;
    font-weight: bold;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    background-color: #66AADD;
    color: #FFFFFF;
    padding: 1px;
}

.lf-frm-offer {
    text-align: right;
    padding-top: 10px;
}
.lf-frm-employment1 {
    background-color: #EEFFDD;
        padding-left:0px !important;
    padding-right:0px !important;
}
.lf-frm-employment2 {
    background-color: #CCEEBB;    
    padding-left:0px !important;
    padding-right:0px !important;
}

/*----------IVA MANAGER--------*/

.lf-iva-header {
    background-color: #000000;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

.lf-iva-menu-header {
    background-color: #555555;
}
.lf-iva-menu-item {
    background-color: #555555;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    float:left !important;
    padding-left:10px;
    padding-right:10px;
}
.lf-iva-menu-item a {
    color: #fff !important;
    }

.lf-summary-name {
    background-color: #AADDFF !important;

}

.lf-summary-debts {
    background-color: #EEEEEE;
    border: 2px solid #555555 !important;
}
.lf-summary-debts>tbody>tr:nth-of-type(odd) {
    background-color: #DDDDDD;
}
.lf-summary-tables {
    border: 2px solid #555555 !important;
}
#div_id_amount {
        margin-bottom: 0px !important;
}

.lf-frm-summary-edit img {
    padding-left: 10px;
    padding-bottom: 2px;
}
.lf-frm-summary-edit-button {
    padding: 2px 4px !important;
    width: 35% !important;
    height:28px !important;
    border-radius: 0px !important;
}

.lf-frm-summary-edit select {
    margin-bottom: 0px !important;
        height: 28px;
        width: 65%;
        background-color:#FFFF66;
        float:left;
        border-radius: 0px;
        padding:0px !important;
}
.lf-frm-summary-casecode-edit-button {
    padding: 0px 0px !important;
    width: 50px !important;
    height:24px !important;
    border-radius: 0px !important;
     float:left;
}

.lf-frm-summary-casecode-edit input {
    margin-bottom: 0px !important;
        height: 24px;
        width: 100px;
        background-color:#FFFF66;
        float:left;
        border-radius: 0px;
        padding:0px !important;
}
.lf-frm-summary-casecode {
    margin-bottom: 0px !important;
        float:left;
        border-radius: 0px;
        padding:0px !important;
}
.lf-frm-summary-edit input[type=number] {
    margin-bottom: 0px !important;
        height: 28px;
        width: 65%;
        background-color:#FFFF66;
        float:left;
        border-radius: 0px;
        padding:0px !important;
}
.lf-frm-summary-edit input[type=text] {
    margin-bottom: 0px !important;
        height: 28px;
        width: 65%;
        background-color:#FFFF66;
        float:left;
        border-radius: 0px;
        padding:0px !important;
}
.lf-frm-summary-date-edit input[type=text] {
    margin-bottom: 0px !important;
        height: 28px;
        width: 50px;
        background-color:#FFFF66;
        float:left;
        border-radius: 0px;
        padding:0px !important;
}
.lf-frm-summary-date-edit .datetimeshortcuts {
    float: left;
    padding-right: 10px;
}

.lf-frm-summary-stack label {
    margin-bottom: 0px !important;
        height: 28px;
        width: 50%;
        float:left;
        padding:0px !important;
}
.lf-frm-summary-stack input[type=number] {
    margin-bottom: 0px !important;
        height: 28px;
        width: 50%;
        background-color:#FFFF66;
        float:left;
        border-radius: 0px;
        padding:0px !important;
}
.lf-frm-summary-stack-button {
    padding: 2px 4px !important;
    width: 50% !important;
    height:28px !important;
    border-radius: 0px !important;
    float:right;
}
.lf-frm-setup-stack-button {
    padding: 2px 4px !important;
    width: 30% !important;
    height:28px !important;
    border-radius: 0px !important;
    float:right;
}
.lf-frm-setup-stack label {
    margin-bottom: 0px !important;
        height: 28px;
        width: 70%;
        float:left;
        padding:0px !important;
}
.lf-frm-setup-green-stack label {
    margin-bottom: 0px !important;
        height: 28px;
        width: 70%;
        float:left;
        padding:0px !important;
}
.lf-frm-setup-stack input[type=number] {
    margin-bottom: 0px !important;
        height: 28px;
        width: 30%;
        background-color:#FFFF66;
        float:right;
        border-radius: 0px;
}

.lf-frm-setup-green-stack input[type=number] {
    margin-bottom: 0px !important;
        height: 28px;
        width: 30%;
        background-color:#66FF66;
        float:right;
        border-radius: 0px;
}

#div_id_clause{
    margin:0px !important;
}

#div_id_figure{
    margin:0px !important;
}
#div_id_summarydate{
    margin:0px !important;
}
#div_id_summarytext{
    margin:0px !important;
}
#div_id_regfee{
    margin:0px !important;
}
#div_id_bond{
    margin:0px !important;
}
#div_id_landreg{
    margin:0px !important;
}

.lf-frm-debts-draft {
    background-color: #DD7777 !important;
    font-style: italic;
}
.lf-frm-debts-draft-add {
    background-color: #79aec8 !important;
    font-style: italic;
}
.lf-frm-debts-draft-head {
    background-color: #CC5555 !important;
    font-style: italic;
}

.lf-frm-contrib {
     padding:2px !important;
}

.lf-frm-contrib textarea {
    height:72px !important;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    div{
        page-break-inside: avoid;
    }
}

.lf-fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 110px;
  background-color: #FFFFFF;
}

.lf-scroll-body{
    position: absolute;
    top: 110px;
}
.lf-ie-list-home {
    margin-top: 0px;
    margin-bottom: 0px;
background-color: #DDEEFF;
}
.lf-ie-list-utilities {
    margin-top: 0px;
    margin-bottom: 0px;
background-color: #EEFFDD;
}
.lf-ie-list-household {
    margin-top: 0px;
    margin-bottom: 0px;
background-color: #FFDDEE;
}
.lf-ie-list-motor {
    margin-top: 0px;
    margin-bottom: 0px;
background-color: #FFEEDD;
}
.lf-ie-list-other {
    margin-top: 0px;
    margin-bottom: 0px;
background-color: #DDFFFF;
}
.lf-ie-list-income {
    margin-top: 0px;
    margin-bottom: 0px;
background-color: #FFFFFF;
}
.lf-credit-check-button {
    margin-top: 23px !important;
    padding: 7px !important;
}
.lf-credit-check-button-red {
    margin-top: 23px !important;
    padding: 7px !important;
    background-color:#A00 !important;
}

.lf-contrib-row1 {
    background-color: #CCCCFF;
    font-weight: bold;
    cursor: pointer;
}
.lf-contrib-row2 {
    background-color: #BBFFBB;
        font-weight: bold;
        cursor: pointer;
}
.lf-contrib-subrow1 {
    background-color: #DDDDFF;
    cursor: pointer;
}
.lf-contrib-subrow2 {
    background-color: #DDFFDD;
    cursor: pointer;
}
.lf-contributions-table th {
    background-color: #555555;
    color: #FFFFFF;
}
.lf-frm-reminder {
    border-radius: 4px;
    /* background-color: #66AADD; */
    border-width: 1px;
    border-style: solid;
    border-color: #337ab7;
}
#submit-id-remind{
    padding: 3px 6px !important;
    font-size: 12px;
}
#id_reminder_date{
    height: 23px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 85px;
    min-width: 85px;
}
#id_reminder_time{
    height: 23px;
    margin-bottom: 0px;
    margin-left: 2px;
    width: 70px;
    min-width: 70px;
}
#id_category{
    height: 23px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 60px;
    min-width: 60px;
    padding:0px !important;
}
.lf-frm-reminder-overdue {
    color: #FFF !important;

    text-align: center;
    background-color: #000 !important;    
}
.lf-frm-reminder-now {
        color: #FFF !important;

    text-align: center;
    background-color: #FF0000 !important;    
}
.lf-frm-reminder-soon {
        color: #FFF !important;

    text-align: center;
    background-color: #ffa500 !important;    
}
.lf-frm-reminder-due {
        color: #000 !important;

    text-align: center;
    background-color: #FFF !important;    
}
.lf-middle-align td {
    vertical-align: middle !important;
}
.lf-no-padding{
    padding-left:0px !important;
     padding-right:0px !important;
}

.lf-button-image:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
    background-color: transparent;
    background-position : center center;
    background-repeat:no-repeat;
}
.lf-button-image-back:before{
    content: "";
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: text-top;
    background-color: transparent;
    background-position : center center;
    background-repeat:no-repeat;
}
.lf-action-btn-phone:before{
    background-image : url(/media/icons/icon-phone-16.png);  
}
.lf-action-btn-email:before{
    background-image : url(/media/icons/icon-email-16.png);  
}
.lf-action-btn-letter:before{
    background-image : url(/media/icons/icon-letter-16.png);  
}
.lf-action-btn-tick:before{
    background-image : url(/media/icons/icon-tick-16.png);  
}
.lf-action-btn-note:before{
    background-image : url(/media/icons/icon-pencil-16.png);  
}
.lf-action-btn-clock:before{
    background-image : url(/media/icons/icon-clock-16.png);  
}
.lf-action-btn-close:before{
    background-image : url(/media/icons/icon-cross-16.png);  
}
.lf-btn-red-back:before{
    background-image : url(/media/icons/icon-red-btn-back.png);  
}

.lf-contrib-pay-outcome-3{
    background-color: #99FF99;    
}
.lf-contrib-pay-outcome-2{
    background-color: #CCFFCC;    
}
.lf-contrib-pay-outcome-1{
    background-color: #ffa500;    
}
.lf-contrib-pay-outcome-0{
    background-color: #FF0000;    
}
.lf-contrib-pay-outcome-None{  
}
.lf-doc-merge-button {
    margin-top: 26px !important;
    padding: 7px !important;
}
.iva-fs legend {
    font-size: 13px;
}
.iva-align-right {
    text-align:right;
}
.iva-save-button {
    margin-right:16px;
    margin-bottom:16px  !important;
    background-color: #5cae4c !important;
    border-color:  #5cae4c !important;
}
.iva-save-button:hover {
    background-color: #398439 !important;
    border-color:  #398439 !important;
}

.iva-cancel-button {
    margin-right:16px;
    margin-bottom:16px  !important;
    background-color: #d9534f !important;
    border-color:  #d9534f !important;
}
.iva-cancel-button:hover {
    background-color: #c9302c !important;
    border-color:  #c9302c !important;
}

.iva-add-button {
    margin-left:8px;
    background-color: #5cae4c !important;
    border-color:  #5cae4c !important;
}
.iva-add-button:hover {
    background-color: #398439 !important;
    border-color:  #398439 !important;
}

.iva-note-form-button {
    padding-top:22px;

}
.iva-note-form-button-right {
    text-align: right;
    
}
.iva-textarea-resize-vertically{
    resize: vertical;

}

.iva-tbl-fees {
    text-align:right;
    width:20%;
}

.hidden {
    position: absolute; 
    visibility: hidden;
}

.completed {
    background-color: #AAFFAA;
}

/*.active {
    color: white;
    border:1px solid black; 
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}*/

.active-tab {
    border:2px solid black; 
}

.panel-transition {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

input[type=checkbox] {
    transform: scale(1.5);
}

.enMoney::before {
    content:"$";
}

.hidden-checkbox {
    opacity:0; 
    position:absolute; 
    right:1000px;
}

.iva-base-head {
    height:38px;
    background-color:#476;
    padding-left:0px !important;
    padding-right:0px !important;
}

.iva-base-head-title {
    color:#FFF;
    font-weight:bold;
    line-height: 38px;
}