@font-face {
    font-family: 'Icomoonregular';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
         url('fonts/icomoon.woff') format('woff'),
         url('fonts/icomoon.ttf') format('truetype'),
         url('fonts/icomoon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans Normal Bold';
    src: url('fonts/opensans-bold.eot');
    src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold.woff2') format('woff2'),
         url('fonts/opensans-bold.woff') format('woff'),
         url('fonts/opensans-bold.ttf') format('truetype'),
         url('fonts/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans Normal SemiBold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'Open Sans Normal Light';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light.woff2') format('woff2'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'Open Sans Normal';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular.woff2') format('woff2'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lc_holder {
    border-radius: 15px;
    top: 5px;
    width: 100%;
    font-family: 'Open Sans Normal';
    font-size: 0;
}

.lc_single_holder {
    position: relative;
    display: inline-block;
    padding: 0 0 10px 10px;
    width: 25%;
    font-size: 12px;
}
.lc {
    position: relative;
    width: 100%;
    font-weight: 300;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
    border-radius: 4px;
}


/* HEADER */


.lc_header {
    position: relative;
    width: 100%;
    height: 40px;
    background: #3399ff;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.lc_search {
    position: absolute;
    width: 22px;
    font-family: 'Icomoonregular';
    font-size: 12px;
    color: white !important;
    padding: 1px 4px;
    margin: 10px 0 0 8px;
    border: 1px solid white;
    border-radius: 4px;
    cursor: pointer;
    float: left;
}

.lc_search_listview {
    font-family: 'Icomoonregular';
    font-size: 12px;
    color: black;
}

.lc_search_listview:hover {
    color: black !important;
    text-decoration: none;
}

.lc_search:hover {
    color: #009DFF !important;
    background: white;
    text-decoration: none;
}

.lc_name {
	/*
position: relative;
    color: white;
    font-size: 13px;
    width: 45%;
    float: left;
*/
    /*
FIREFOX UPDATE
    position: relative;
*/
    position: absolute;
    color: white;
    font-size: 14px;
    width: 45%;
    float: left;
    margin: 0 0 0 37px;
}

.lc_name a {
    white-space: nowrap;
    color: white;
    text-decoration: none;
    text-overflow: ellipsis;
}

.lc_name a span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 13px 0 0;
}

.lc_status {
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    right: 0px;
    color: white;
    font-size: 13px;
    margin: 10px 2% 0 0;
	padding: 1px 3px;
    border: 1px solid white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;

    position: relative;
    max-width: 24%;
}
.lc_status.prioritylead {
	background: #57bc57;
    border: 1px solid #57bc57;
}

.lc_status.lowprioritylead {
    background: #7aa3b8;
    border: 1px solid #7aa3b8;
}

.lc_status.specialprioritylead {
    background: #ff722c;
    border: 1px solid #ff722c;
}

.lc_status:hover {
    color: #3399ff;
    border-color: white;
    background: white;
}

.lc_status_listview {
    border-radius: 4px;
    cursor: pointer;
	color: #4C4C4C;
    position: relative;
}

.lc_status_listview:hover {
	color: black;
}

.lc_status.send {
    padding: 0px;
    margin: 10px 3% 0 0;
}

.lc_status.send span {
    font-family: 'Icomoonregular';
    display: block;
    padding: 2px 3px 0px;
}

.lc_status span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.lc_status.comment {
    padding: 1px 3px 0px;
}

.lc_status.comment span {
    margin-top: 1px;
}


/* CONTENTHOLDER */



.lc_content_holder {
    background: white;
    height: 163px;
    overflow: hidden;
}

.lc_phone i {
	position: relative;
    font-family: 'Icomoonregular';
    color: #3399ff;
    top: 2px;
    padding: 0 10px 0 0;
}

.lc_phone i.duplicate-shadow {
    position: relative;
    font-family: 'Icomoonregular';
    color: #3399ff;
    top: 0px;
    padding: 0;
    margin-right: 8px;
    text-shadow: 3px 3px #999999;
    cursor: pointer;
    font-size: 16px;
}

.lc_phone a {
    color: #3399ff;
    text-decoration: none;
    font-size: 16px;
}

.lc_info {
    position: relative;
    display: inline-block;
    padding: 10px 0 0 10px;
    width: 63%;
}
.lc_info h3 {
    color: #646464;
    padding: 0;
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: 600;
}
.lc_info table {
    font-size: 11px;
    padding: 10px 0 0 0;
}
.lc_info td {
    padding: 2px 0;
    vertical-align: top;
}
.lc_info td:first-child {
    width: 100px;
}



.lc_info .item_table td:first-child {
    width: 52% !important;
}

.lc_info .item_table td:last-child {
    width: 48% !important;
}


.lc_picture {
    position: absolute;
    display: inline-block;
    float: right;
    width: 35%;
    max-width: 105px;
    top: 5px;
    right: 5px;
}
.lc_picture img {
    width: 100%;
}
.lc_picture p, .lc_picture .card-address-link {
    color: inherit;
    font-size: 11px;
    font-style: italic;
    width: 100%;
    max-width: 100px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.lc_picture p span, .lc_picture .card-address-link span {
    white-space: nowrap;
}

.lc_picture p:hover, .lc_picture .card-address-link:hover {
    overflow: visible;
    background: white;
}

.lc_picture p:hover span, .lc_picture .card-address-link:hover span {
    white-space: inherit;
}

.lc_picture .repeatwarning {
	position: absolute;
    width: 100%;
    height: 74%;
    text-align: center;
    top: 0px;
    color: #ffffff;
    background: rgba(41, 62, 82, 0.9);
    padding: 27px 5px;
    font-size: 24px;
}

.lc_warning {
    display: table-cell;
    background: #5BB75B;
    max-width: 50%;
    position: absolute;
	left: 0;
    border-bottom-right-radius: 3px;
    text-align: center;
    font-size: 9px;
    padding: 0 7px 0 12px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    cursor: default;
    height: 19px;
    z-index: 8;
}

.lc_sr_warning {
    display: table-cell;
    background: #5BB75B;
    max-width: 65%;
    right: 0;
    border-top-left-radius: 3px;
    text-align: center;
    font-size: 9px;
    bottom: 0;
    padding: 0 7px 0 12px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    cursor: default;
    position: absolute;
    height: 19px;
    z-index: 8;
}

/* BUTTONSHOLDER */


/* Look for button.css



/* COMMENTSHOLDER */


.lc_comments_holder {
    background: #525252;
    font-size: 9px;
    padding: 10px 12px;
    color: white;
    height: 62px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: auto;
}

.lc_comments_holder::-webkit-scrollbar {
  width: 8px;
}

.lc_comments_holder::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border-radius: 10px;
}
.lc_comments_holder::-webkit-scrollbar-thumb:active {
  background: #fff;
}
.lc_comments_holder::-webkit-scrollbar-track {
  background: #525252;
}



/* BOMOFFER */



.lc.bomofferlead .lc_status {
    max-width: 32%;
}

.lc.bomofferlead .lc_name {
    width: 60%;
    margin: 0 0 0 10px;
}

.lc.bomofferlead .lc_search {
    display: none;
}


/* UI - DIALOG / MODAL VIEW */


.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons {
    border: none;
    border-radius: 4px;
    box-shadow: none;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: #3399ff !important;
    padding-top: 9px;
    border: none;
    padding-bottom: 9px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons {
    border: none;
}

.ui-dialog .ui-dialog-buttonpane button.btn {
    border-radius: 2px;
    text-shadow: none;
    color: #3399ff;
    background: white;
    border: 1px solid #3399ff;
}

.ui-dialog .ui-dialog-buttonpane button.btn-primary {
    background: #3399ff;
    color: white;
}

.ui-dialog .ui-dialog-buttonpane .btn-disabled {
    cursor: not-allowed !important;
}

.ui-dialog .ui-dialog-title {
	text-shadow: none;
	color: white;
}
.ui-dialog #new_installer {
    display: inline-block;
	background: #3399ff;
    color: white;
    padding: 3px 11px;
    border-radius: 3px;
    margin-top: -5px;
}

.ui-dialog .ui-dialog-content {
	padding: 3%;
}

.chosen-container-single .chosen-single {
    background-image: url(/local/images/arrow_drop_down.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    height: 30px;
    border-radius: 2px;
    border: 1px solid rgba(193, 193, 193, 0.7);
}

.blue-label {
    background: #3399ff;
}

/* DASHBOARD */


.db_container {
    /* max-width: 900px; */
    max-width: 1000px;
    margin: 25px auto;
    background: #EFEFEF;
    border: 1px solid rgba(193, 193, 193, 0.5);
    border-radius: 4px;
}

.db_container .headerTitle {
    padding: 12px 15px;
    font-family: 'Open Sans Normal Bold';
    background: #3399FF;
    color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.db_container .headerTitle p {
	display: inline-block;
    margin: 0;
    padding: 5px 0px;
}
.db_container .headerTitle .db_datepickerholder {
	float: right;
}
.db_container .headerTitle input, .content-container .headerTitle select {
    width: 95px;
    margin: 0 5px 0 0;
    background: #3399ff;
    border-color: white;
    color: white;
    border-radius: 2px;
}
.prod_container .headerTitle select {
    width: 200px;
}
.db_container .headerTitle input.notactive {
	background: #8ac1f9;
    border-color: #39F;
    color: #39f;
}

.db_container .refresh_button {
    color: #3399FF;
    background: white;
    text-shadow: none;
    border: 1px solid white;
	border-radius: 14px;
    padding: 3px 12px;
}
.refresh_button.export_button {
	background: #3399FF;
    color: white;
    margin: 8px 10px;
}

.db_container .headerTitle button#refresh_db:hover {
    background: #3399FF !important;
    border-color: white !important;
    color: white !important;
    text-decoration: none;
}

#db_holder {
    padding: 10px 20px;
    max-width: 850px;
    margin: 0 auto;
}
.db_holder {
    padding: 10px 20px;
    max-width: 850px;
    margin: 0 auto;
}
.prod_container .db_holder {
    max-width: 1000px;
}

.statusH5 {
	font-family: 'Open Sans Normal';
	color: #3f3f3f;
	font-size: 18px;
	padding: 0;
	line-height: 1;
	margin: 0 0 20px;
	cursor: pointer;
}

.db_row {
    margin: 0 0 20px;
    display: none;
}
.db_row_header {
	margin: 0 0 20px;
}

.db_data {
	width: 16.66%;
/* 	width: 20%; */
	/*max-width: 185px; */
/* 	max-width: 140px; */
	display: inline-block;
	padding: 0 5px 5px 0;
	cursor: pointer;
}
.db_data .db_title {
	text-align: center;
	background: #3399FF;
	color: white;
	font-size: 11px;
	padding: 2px 0;
	font-weight: bold;
	border: 1px solid rgba(55,72,85,0.5);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.db_data .db_stats {
	width: 100%;
	padding: 10px;
	height: 40px;
	color: black;
	text-align: center;
	border: 1px solid #838383;
	border: 1px solid rgba(193, 193, 193, 1);
	border-top: none;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.db.db_data:hover .db_stats {
    background: white;
}

.db_row_header .db_stats {
    background: white;
}
.db_data img {
	height: 20px;
    float: left;
}
.db_data .db_number {
    width: 75%;
    text-align: center;
	float: right;
	line-height: 1;
	font-family: 'Open Sans Normal Bold';
	letter-spacing: 1.7px;
	margin: 0;
	padding: 0;
	font-size: 20px;
}
.db_row_header_stats {
    font-size: 0;
}

.db_row_header_stats .db_requests.bulk .db_requests_inner {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.db_row_header_stats div {
    font-size: 12px;
}

.db_data.db_data_products .db_number {
    width: 100%;
}
.db_requests {
    background: white;
    padding: 10px 20px;
    width: 100%;
    overflow: hidden;
    display: block;
    float: left;
}
.db_requests.bulk .db_requests_inner, .db_sales_inner {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

#prod_db_holder ul {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}
#prod_db_holder li {
	text-align: left;
}

#prod_db_holder a, .db_requests_inner a, .db_sales_inner a {
    color: #666;
    text-decoration: underline;
}

/* TRIAL ACCOUNT */

.trial {
	margin: 10px 0;
	padding: 15px;
	font-size: large;
}
.part_for_mobile .trial {
	margin: 0;
    text-align: center;
}
#proef-account-counter {
	float: left;
}
.part_for_mobile #proef-account-counter {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 100;
}

@media screen and (min-width: 1300px) {
	#proef-account-counter {
		left: 33px;
	}
}


/* MEDIATAGS */
@media screen and (min-width: 1700px) {
    .show-filters .lc_single_holder {
        width: 25%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1700px) {
    .show-filters .lc_single_holder {
        width: 33.3%;
    }
}

@media screen and (min-width: 980px) and (max-width: 1400px) {
    .show-filters .lc_single_holder {
        width: 50%;
    }
}

@media screen and (min-width: 1700px) {
	.lc_single_holder {
	    width: 20%;
	}
}

@media screen and (max-width: 1400px) {
	.lc_single_holder {
	    width: 33.3%;
	}
}

@media screen and (max-width: 1070px) {

	.lc_single_holder {
	    width: 50%;
	}
	.db_data {
	    width: 33.33%;
    }
}
@media screen and (max-width: 740px) {

	.lc_single_holder {
	    width: 100%;
	    padding: 10px 10px 0;
	}
	.lc_holder {
	    max-width: 350px;
	    margin: 0pt auto;
	}
}
@media screen and (max-width: 980px)  {
	.lc_single_holder {
		width: 50%;
	}
}


@media screen and (min-width: 750px) and (max-width: 980px)  {
	.lc_single_holder {
		width: 33.3%;
	}
}

@media screen and (max-width: 550px)  {

	.lc_single_holder {
		width: 100%;
	}
	.db_data {
	    width: 50%;
    }
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.table-toolbox {
    margin: 1rem 0;
}