/*
html {
    overscroll-behavior: none;
    overflow: hidden !important;
}
body {
    overscroll-behavior: none;
}
*/

/*
body {
    overscroll-behavior-y: contain;
}
*/

/*
#account-content {
    background: white !important;
}
*/

#page-0 table a:not(#page-0 table a.btn):not(#page-0 table a.footable-page-link),
#page-0 .tab-content a:not(#page-0 .tab-content a.btn):not(#page-0 table a.footable-page-link) {
    color: #0F4C8C;
    /*font-weight: bold;*/
}

#page-0 h4.tableh, #page-0 .h4.tableh {
  color: #014F86;
  color: #449D44;
  color: #31708f;
  margin-left:7px;
}

.btn-primary {
    color: #fff;
    background-color: #025085;
    border-color: #025085;
    background-color: #01548cd1;
    border-color: #01548cd1;
}

.btn.blue:not(.btn-outline) {
  background-color: #025085;
  border-color: #025085;
    background-color: #01548cd1;
    border-color: #01548cd1;
}

#showprmaccount .alert-info,
#usermanagement .alert-info,
#admintasks .alert-info,
#viewlogs .alert-info {
    color: #ffffff;
    background-color: #555555c7;
    border-color: #555555c7;
    
    background-color: #EEF0F2;
    border-color: #EEF0F2;
    border: none;
    color: #31708f;
}

#page-0 {
	background-color:#FFFFFF !important;
	background-image: none !important;
}

#page-0 #header-account-header {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	height: 200px;
	object-fit: cover;
	margin-top: -100px;
}

#page-0 .header-build-container {
	padding: 0px 0px 0px 0px;
}

#page-0 .container-header-account-logo {
	position: absolute;
	top: 95px;
	background: #FFFFFFE6;
	top: 0;
}

#page-0 .container-header-account-logo-inner {
	width: 300px;
	display: table;
	float: left;
	transition: all 0.2s ease-in-out;
}

#page-0 #header-account-logo {
	padding: 8px 0px 8px 15px;
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

#account-login-container .container {
	width:auto;
}

#account-login-container-inner {
	padding: 10px 35px 10px 40px;
	display: table;
	margin: 0 auto;
	margin-top:40px;
	margin-bottom:40px;
	background: #025086;
	border-radius: 12px;
	color: #FFFFFF;
}

#account-login-container-inner .container-main {
	padding-top: 0px;
}

#account-login-container-inner #row-main {
	padding-bottom: 0px;
}

#account-login-container a, #account-login-container .btn-link {
	color:#FFFFFF;
	text-decoration: none;
}

#account-login-container .btn-info, #account-login-container .btn-info:hover, #account-login-container .btn-info:active, #account-login-container .btn-info:focus {
	padding: 12px 24px 12px 24px;
	background: #0090f4;
	border:none;
	background: #FFFFFF;
	color:#025086;
}

#userlogin-account, .col-userlostpw-account {
	padding-left: 0px;
	padding-right: 0px;
}

#account-login-container input[type="text"], #account-login-container input[type=password] {
	padding: 6px 12px 6px 12px;
	/*height: auto;*/
}

.btn-lostpw-account-submit, .btn-lostpw-account-submit:hover, .btn-lostpw-account-submit:active, .btn-lostpw-account-submit:focus {
	padding: 6px 12px 8px 12px;
	padding-left:12px !important;
	padding-right:12px !important;
	padding-top:6px !important;
	padding-bottom:8px !important;
}

.message_form_saved {
	margin-top: 10px;
}

.pagetitle-0 {
	display:none;
}

#dashboard-title {
	font-size: 18px;
	text-transform: uppercase;
	position: absolute;
	left: 310px;
	top: 42.6%;
	top: 45.9%;
	color:#025086;
	font-weight: 600;
}

#page-0 .tab-content {
    clear: both;
}

.nav-tabs-account > li.active > a, .nav-tabs-account > li.active > a:hover, .nav-tabs-account > li.active > a:focus {
	background-color:#025086;
	background:#025086;
	border-color: #025086;
}

.nav-tabs-account {
	border-bottom: 1px solid #025086;
	border-bottom: 1px solid #717171;
}

.nav-tabs-account > li > a {
	font-weight: bold;
}

.edit-lead-subinfo {
	font-size: 0.9em;
}

#form-edit-lead textarea#customer_remark {
	height: 140px !important;
}

.modal .modal-header {
	background: #025086;
	color: #FFFFFF;
}

.modal .modal-header .close {
	opacity:1;
	color:#FFFFFF;
}

#form-edit-lead, #form-contactmoment, #form-note, #form-documents, #form-photos {
	margin-top: 10px;
	margin-bottom: 5px;
}

#form-edit-lead textarea#moment_text, #form-contactmoment textarea#moment_text, #form-note textarea#note_text {
	height: 140px !important;
}

.modal-message-after {
	margin-top: 25vh;
	margin-bottom: 30vh;
}

.status-open-modal-container i {
}

.status-open-modal-container .btn:hover, .status-open-modal-container .btn:focus, .status-open-modal-container .btn:active {
	background:#35aa47 !important;
	background-color:#35aa47 !important;
	border-color:#35aa47 !important;
}

.status-open-modal-container .btn {
	margin-right: 4px;
}

.modal-message-after-task-completed {
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 15vh;
	margin-bottom: 20vh;
}

.modal-message-after-task-completed div {
	margin-top: 2px;
}

.modal-message-after-task-completed .task-completed-label {
	font-weight: normal;
	color:#000000;
}

.task-completed-txt {
	font-weight:bold;
	color:#47A447;
}

#page-0 .container-main {
}

@media screen and (max-width: 1023px) {
	#page-0 .container-main {
		/*display:none;*/
	}

}

@media screen and (min-width: 1024px) {
	#page-0 .container-main {
		/*width:95% !important;*/
		width:100% !important;
	}

}

#page-0 .modal-full.modal-dialog {
	max-width: 1420px;
}

#menu_root_account {
}

@media screen and (min-width: 1024px) {
	#menu_root_account {
		float: right;
		display: table;
		margin: 0 auto;
		margin-right: 12px;
		font-family: 'Montserrat';
		font-weight: 400;
		font-size: 15px;
		-webkit-transition: font-size 0.2s;
		-moz-transition: font-size 0.2s;
		-o-transition: font-size 0.2s;
		transition: font-size 0.2s;
		line-height: 19px;
	}

}

@media screen and (min-width: 1600px) {
	#menu_root_account {
		font-size: 18px;
	}

}

#menu_root_account li form a {
	padding: 45px 10px 45px 10px;
	color: #10123E;
	line-height: 19px;
	position: relative;
	display: block;
	text-decoration: none;
	outline: none !important;
	outline-offset: 0 !important;
	background-color: transparent;
	cursor:pointer;
}

.portlet-list {
	margin-bottom: 5px;
}

#loginerrormeldingen-account, #lostpwerrormeldingen-account {
	margin-top: 15px;
	padding: 0px 0px 0px 0px;
	color:#FFFFFF;
}

#page-0 .container-fluid, #page-0 .container-main, #page-0 .row-main {
	padding: 0px 0px 0px 0px;
}

#page-0 #account-content {
	padding-right: 30px;
}

/*
#page-0 .btn:not(.close):hover, 
#page-0 .btn:not(.close):focus, 
#page-0 .btns:not(.close).focus, 
#page-0 .btn:not(.close):active, 
#page-0 .btn:not(.close).active,
#page-0 button:not(.close):hover, 
#page-0 button:not(.close):focus, 
#page-0 button:not(.close).focus, 
#page-0 button:not(.close):active, 
#page-0 button:not(.close).active,
#page-0 li.account-tab a:focus, 
#page-0 li.account-tab a.focus, 
#page-0 li.account-tab a:active, 
#page-0 li.account-tab a.active {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}
*/

#page-0 .btn:not(.close):not(.account-tab):not(.grey):not(.btn-color):hover, 
#page-0 .btn:not(.close):not(.account-tab):not(.grey):not(.btn-color):focus, 
#page-0 .btns:not(.close):not(.account-tab):not(.grey):not(.btn-color).focus, 
#page-0 .btn:not(.close):not(.account-tab):not(.grey):not(.btn-color):active, 
#page-0 .btn:not(.close):not(.account-tab):not(.grey):not(.btn-color).active,
#page-0 button:not(.close):not(.account-tab):not(.grey):not(.btn-color):hover, 
#page-0 button:not(.close):not(.account-tab):not(.grey):not(.btn-color):focus, 
#page-0 button:not(.close):not(.account-tab):not(.grey):not(.btn-color).focus, 
#page-0 button:not(.close):not(.account-tab):not(.grey):not(.btn-color):active, 
#page-0 button:not(.close):not(.account-tab):not(.grey):not(.btn-color).active,
#page-0 li.account-tab a:focus, 
#page-0 li.account-tab a.focus, 
#page-0 li.account-tab a:active, 
#page-0 li.account-tab a.active {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #398439 !important;
}

@media screen and (max-width: 1023px) {
    
    #page-0 li.account-tab a:focus, 
    #page-0 li.account-tab a.focus, 
    #page-0 li.account-tab a:active, 
    #page-0 li.account-tab a.active {
      color: #fff !important;
      background-color: #286090 !important;
      border-color: #286090 !important;
    }
    
    .nav-tabs-account > li#li_tab_admintasks {
        margin-right: 10px !important;
    }
    
    .nav-tabs-account > li#li_tab_admintasks, 
    .nav-tabs-account > li#li_tab_usermanagement, 
    .nav-tabs-account > li#li_tab_showprmaccount,
    .nav-tabs-account > li#li_tab_viewlogs {
        float: none !important;
    }
    
    .nav-tabs-account > li#li_tab_admintasks:not(.active) > a, 
    .nav-tabs-account > li#li_tab_admintasks:not(.active) > a:focus, 
    .nav-tabs-account > li#li_tab_usermanagement:not(.active) > a, 
    .nav-tabs-account > li#li_tab_usermanagement:not(.active) > a:focus, 
    .nav-tabs-account > li#li_tab_showprmaccount:not(.active) > a, 
    .nav-tabs-account > li#li_tab_showprmaccount:not(.active) > a:focus,
    .nav-tabs-account > li#li_tab_viewlogs:not(.active) > a, 
    .nav-tabs-account > li#li_tab_viewlogs:not(.active) > a:focus {
        background-color: #337ab7;
        background: #337ab7;
    }
    
    .nav-tabs-account > li#li_tab_admintasks:not(.active) > a:hover,
    .nav-tabs-account > li#li_tab_usermanagement:not(.active) > a:hover,
    .nav-tabs-account > li#li_tab_showprmaccount:not(.active) > a:hover,
    .nav-tabs-account > li#li_tab_admintasks:not(.active):hover > a,
    .nav-tabs-account > li#li_tab_usermanagement:not(.active):hover > a,
    .nav-tabs-account > li#li_tab_showprmaccount:not(.active):hover > a,
    .nav-tabs-account > li#li_tab_viewlogs:not(.active):hover > a {
        background-color: #286090;
        background: #286090;    
    }
    
}

.grey:hover, .grey:focus, .grey:active {
    color: #333333 !important;
    background-color: #E5E5E5 !important;
    background-color: #E5E5E5 !important;
    border-color: #E5E5E5 !important;
}

#page-0 a:not(.account-tab-link):hover, 
#page-0 a:not(.account-tab-link):focus, 
#page-0 a:not(.account-tab-link).focus, 
#page-0 a:not(.account-tab-link):active, 
#page-0 a:not(.account-tab-link).active {
  color: #449d44 !important;
}


#page-0 .btn#formcancel:hover,
#page-0 button#formcancel:hover,
#page-0 #formcancel:hover,
#page-0 .btn#formsubmit:hover,
#page-0 button#formsubmit:hover,
#page-0 #formsubmit:hover {
    background-color: #2d712d !important;
    border-color: #2d712d !important;
}


#page-0-offer {
	background-color:#FFFFFF !important;
	background-image: none !important;
}

#page-0-offer #header-offer-sign-header {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	height: 200px;
	object-fit: cover;
}

#page-0-offer .header-build-container {
	padding: 0px 0px 0px 0px;
}

#page-0-offer .container-header-offer-sign-logo {
	position: absolute;
	top: 95px;
	background: #FFFFFFE6;
}

#page-0-offer .container-header-offer-sign-logo-inner {
	width: 300px;
	display: table;
	float: left;
	transition: all 0.2s ease-in-out;
}

#page-0-offer #header-offer-sign-logo {
	padding: 8px 0px 8px 15px;
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

#page-0-offer #offer-sign-login-container .container {
	width:auto;
}

#page-0-offer #offer-sign-login-container-inner {
	padding: 10px 35px 10px 40px;
	display: table;
	margin: 0 auto;
	margin-top:40px;
	margin-bottom:40px;
	background: #025086;
	border-radius: 12px;
	color: #FFFFFF;
}

#page-0-offer #offer-sign-login-container-inner .container-main {
	padding-top: 0px;
}

#page-0-offer #offer-sign-login-container-inner #row-main {
	padding-bottom: 0px;
}

#page-0-offer #offer-sign-login-container a, 
#page-0-offer #offer-sign-login-container .btn-link {
	color:#FFFFFF;
	text-decoration: none;
}

#page-0-offer .message_form_saved {
	margin-top: 10px;
}

#page-0-offer .pagetitle-0 {
	display:none;
}

#page-0-offer .modal .modal-header {
	background: #025086;
	color: #FFFFFF;
}

#page-0-offer .modal .modal-header .close {
	opacity:1;
	color:#FFFFFF;
}

#page-0-offer .modal-message-after {
	margin-top: 25vh;
	margin-bottom: 30vh;
}

#page-0-offer .modal-message-after-task-completed {
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 15vh;
	margin-bottom: 20vh;
}

#page-0-offer .modal-message-after-task-completed div {
	margin-top: 2px;
}

#page-0-offer .modal-message-after-task-completed .task-completed-label {
	font-weight: normal;
	color:#000000;
}

#page-0-offer .task-completed-txt {
	font-weight:bold;
	color:#47A447;
}

#page-0-offer .container-main {
}

@media screen and (max-width: 1023px) {
	#page-0-offer .container-main {
		/*display:none;*/
	}

}

@media screen and (min-width: 1024px) {
	#page-0-offer .container-main {
		/*width:95% !important;*/
		width:100% !important;
	}

}

#page-0-offer .modal-full.modal-dialog {
	max-width: 1420px;
}

@media screen and (min-width: 1600px) {
	#page-0-offer #menu_root_offer-sign {
		font-size: 18px;
	}

}

#page-0-offer .container-fluid, 
#page-0-offer .container-main, 
#page-0-offer .row-main {
	padding: 0px 0px 0px 0px;
}

#page-0-offer #offer-sign-content {
	padding-right: 30px;
}

@media screen and (max-width: 480px) {
    .dashboard-title-offer {
        left: 108px !important;
        top: 70% !important;
    }
    #dashboard-subtitle-offer {
        font-size:0.9em;
    }
}

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

    #page-0-offer #header-offer-sign-logo {
        width: 200px !important;
    }
    
    #page-0-offer .container-header-offer-sign-logo-inner {
        margin-top: 10px !important;
    }

    #page-0-offer .container-header-offer-sign-logo {
        height: 105px !important;
    }
    
    #page-0-offer .dashboard-title-offer {
        left: 75px !important;
        top: 60px !important;
        width: calc(100vw - 80px) !important;
        font-size: 1.1em !important;
    }
    
    #page-0-offer #offer-sign-container {
        /*margin-top: 130px !important;*/
    }

}

@media screen and (min-width: 1600px) {
    #page-0 .form-group-multiselect .form-control {
        font-size: 16px;
        padding-bottom: 8px;
        height: 40px;
    }
}

@media screen and (min-width: 1600px) {
    #page-0 label {
        font-size: 16px;
    }
}

#page-0 #topmenuitem-logoutlink3 {
}

@media screen and (max-width: 1023px) {
	#page-0 #topmenuitem-logoutlink3 {
		position: absolute;
		top: 0;
		right: 0;
	}

}

#page-0 #show-short-label-vertegenwoordiger {
}

@media screen and (min-width: 480px) {
	#page-0 #show-short-label-vertegenwoordiger {
		display:none;
	}

}

#page-0 #hide-label-vertegenwoordiger {
}

@media screen and (max-width: 479px) {
	#page-0 #hide-label-vertegenwoordiger {
		display:none;
	}

}

#page-0 .table.leadtable > tbody > tr > th {
}

@media screen and (max-width: 479px) {
	#page-0 .table.leadtable > tbody > tr > th {
		padding-left: 0px;
		padding-right: 0px;
	}

}

#page-0 .table.leadtable > tbody > tr > td, #page-0 .table.leadtable > thead > tr > th {
}

@media screen and (max-width: 479px) {
	#page-0 .table.leadtable > tbody > tr > td, #page-0 .table.leadtable > thead > tr > th {
		padding-left: 0px;
	}

}

#page-0 .pagetitle {
}

@media screen and (max-width: 700px) {
	#page-0 .pagetitle {
		display:none;
	}

}

#page-0 .nav-tabs-account {
}

@media screen and (min-width: 551px) and (max-width: 660px) {
	#page-0 .nav-tabs-account {
		margin-left: 5px;
	}

}

@media screen and (min-width: 0px) and (max-width: 700px) {
	#page-0 .nav-tabs-account {
		margin-top: 40px;
	}

}

#menu_root_account li form a {
}

@media screen and (max-width: 599px) {
	#menu_root_account li form a {
		padding-top: 10px;
	}

}

#page-0 #dashboard-title {
}

@media screen and (max-width: 479px) {
	#page-0 #dashboard-title {
		display:none;
	}

}

#planning-btns-prefix {
}

@media screen and (max-width: 479px) {
	#planning-btns-prefix {
		display:none !important;
	}

}

#planning-btn-agenda {
}

@media screen and (max-width: 479px) {
	#planning-btn-agenda {
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
	}

}

#planning-btn-container {
}

@media screen and (max-width: 374px) {
	#planning-btn-container {
		display: block;
		width: 100vw;
		margin-right: 0;
		text-align: right;
		margin-top: 20px;
	}

}

#li_tab_admintasks, #li_tab_usermanagement, #li_tab_showprmaccount {
}

@media screen and (max-width: 1023px) {
	#li_tab_admintasks, #li_tab_usermanagement, #li_tab_showprmaccount, #li_tab_viewlogs {
		display:none !important;
	}

}

#showmoretabs {
}

@media screen and (max-width: 1199px) {
	#showmoretabs {
		float:right;
		margin-right: -2px;
	}

}

#collect-tab-dr-more {
}

@media screen and (max-width: 1199px) {
	#collect-tab-dr-more {
		margin-right: 0px;
		margin-left: -95px;
		right: 1px;
	}

}

#page-0 .nav > li > .dropdown-menu::before, #page-0 .nav > li > .dropdown-menu::after {
}

@media screen and (max-width: 1199px) {
	#page-0 .nav > li > .dropdown-menu::before, #page-0 .nav > li > .dropdown-menu::after {
		display:none;
	}

}

#page-0 .portlet > .portlet-title > .caption {
}

@media screen and (max-width: 1023px) {
	#page-0 .portlet > .portlet-title > .caption {
		font-size: 14px;
		font-weight: bold;
	}

}

@media screen and (min-width: 1024px) and (max-width: 1179px) {
	#page-0 .portlet > .portlet-title > .caption {
		font-size: 14px;
	}

}

@media screen and (min-width: 1180px) and (max-width: 1279px) {
	#page-0 .portlet > .portlet-title > .caption {
		font-size: 16px;
	}

}

#page-0 .portlet > .portlet-title > .caption i {
}

@media screen and (min-width: 1024px) and (max-width: 1079px) {
	#page-0 .portlet > .portlet-title > .caption i {
		display:none;
	}

}

#page-0 .portlet.box > .portlet-title {
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#page-0 .portlet.box > .portlet-title {
		padding-right: 5px;
	}

}

#page-0 .nav-tabs-inner-inner {
}

@media screen and (max-width: 479px) {
	#page-0 .nav-tabs-inner-inner {
		margin-top: 20px;
	}

}

@media screen and (min-width: 480px) and (max-width: 1023px) {
	#page-0 .nav-tabs-inner-inner {
		margin-top: 50px;
	}

}

.lead-col-left {
}

@media screen and (max-width: 1023px) {
	.lead-col-left {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		/*background:green;*/
	}

}

@media screen and (min-width: 1024px) {
	.lead-col-left {
		padding:0 !important; 
		width: 80.33333333% !important;
	}

}

.lead-col-right {
}

@media screen and (max-width: 1023px) {
	.lead-col-right {
		width:100% !important;
		padding-left:0 !important;
		padding-right:0 !important;
		/*background:grey;*/
	}

}

@media screen and (min-width: 1024px) {
	.lead-col-right {
		padding:0 !important;
		width: 19.66666667% !important;
	}

}

#lead-id-and-name {
}

@media screen and (max-width: 479px) {
	#lead-id-and-name {
		margin-left: 2px !important;
		padding-left: 0 !important;
		padding-top: 10px !important;
		clear: both;
	}

}

@media screen and (min-width: 480px) and (max-width: 1023px) {
	#lead-id-and-name {
		margin-left: 2px !important;
		padding-left: 0 !important;
	}

}

#lead-col-fase-en-status {
}

@media screen and (min-width: 1024px) {
	#lead-col-fase-en-status {
		width: 40.33333333% !important; 
		padding-right: 0 !important;
	}

}

#lead-col-ingepland {
}

@media screen and (min-width: 1024px) {
	#lead-col-ingepland {
		width: 26.33333333% !important; 
		padding-right: 0 !important;
	}

}

#lead-col-klantgegevens, #lead-col-leadgegevens, #lead-col-contactmomenten {
}

@media screen and (min-width: 1024px) {
	#lead-col-klantgegevens, #lead-col-leadgegevens, #lead-col-contactmomenten {
		padding-right: 0 !important;
	}

}

#lead-col-notities {
}

@media screen and (min-width: 1024px) {
	#lead-col-notities {
		padding-right:0 !important;
	}

}

#lead-col-klantgegevens,#lead-col-fase-en-status,#lead-col-ingepland,#lead-col-contactmomenten {
}

@media screen and (max-width: 860px) {
	#lead-col-klantgegevens,#lead-col-fase-en-status,#lead-col-ingepland,#lead-col-contactmomenten {
		width:100% !important;
	}

}

#lead-col-leadgegevens,#lead-col-fotos,#lead-col-documenten,#lead-col-notities {
}

@media screen and (max-width: 860px) {
	#lead-col-leadgegevens,#lead-col-fotos,#lead-col-documenten,#lead-col-notities {
		width:100% !important;
	}

}

#lead-col-tasks {
}

@media screen and (max-width: 767px) {
	#lead-col-tasks {
		margin-top: 10px;
	}

}

@media screen and (min-width: 1024px) {
	#lead-col-tasks {
		padding-left: 0 !important;
	}

}

#lead-workorders-header {
}

@media screen and (max-width: 860px) {
	#lead-workorders-header {
		margin-top:0 !important;
	}

}

#lead-col-appointments, #lead-col-work {
}

@media screen and (min-width: 861px) and (max-width: 991px) {
	#lead-col-appointments, #lead-col-work {
		width:100% !important;
	}

}

#lead-col-tasks > div {
}

@media screen and (max-width: 767px) {
	#lead-col-tasks > div {
		margin-bottom:0 !important;
	}

}

#page-0 .footable-filtering-search {
}

@media screen and (max-width: 1023px) {
	#page-0 .footable-filtering-search {
		display: inline-block !important;
	}

}

.reset_table {
}

@media screen and (max-width: 1023px) {
	.reset_table {
		vertical-align: top;
	}

}

.reload-lead-table-label {
}

@media screen and (max-width: 699px) {
	.reload-lead-table-label {
		display:none;
	}

}

.reset_table i {
}

@media screen and (max-width: 699px) {
	.reset_table i {
		padding-right:0 !important;
	}

}

#page-0 .table.leadtable {
}

@media screen and (max-width: 569px) {
	#page-0 .table.leadtable {
		margin-top: 45px !important;
	}

}

.btn-intake-view {
}

@media screen and (max-width: 1023px) {
	.btn-intake-view {
		margin-top:30px !important;
		white-space: normal;
	}

}

.btn-intake-create {
}

@media screen and (max-width: 1023px) {
	.btn-intake-create {
		margin-top: 30px !important;
		white-space: normal;
	}

}

.btn-intake-upload {
}

@media screen and (max-width: 1023px) {
	.btn-intake-upload {
		white-space: normal;
	}

}

#page-0 #lead-id-and-name {
}

@media screen and (max-width: 520px) {
	#page-0 #lead-id-and-name {
		width: 100% !important;
		display: block !important;
	}

}

@media screen and (min-width: 521px) and (max-width: 1023px) {
	#page-0 #lead-id-and-name {
		float: left;
		width: 60% !important;
	}

}

#intake-modal-extra-header .btn, #intake-modal-footer .btn {
}

@media screen and (max-width: 1023px) {
	#intake-modal-extra-header .btn, #intake-modal-footer .btn {
		white-space: normal;
		display: inline-block;
		/*width: 50%;*/
		float: none;
		margin-bottom: 5px;
	}

}

.intake-alert-info {
}

@media screen and (max-width: 1023px) {
	.intake-alert-info {
		margin-top:5px !important;
	}

}

#intake-modal-footer {
}

@media screen and (max-width: 1023px) {
	#intake-modal-footer {
		padding-bottom: 0px;
	}

}

#offer-info-col {
}

@media screen and (max-width: 1023px) {
	#offer-info-col {
		padding-left: 0 !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#offer-info-col {
		clear:both;
	}

}

.offer-td-send-on, .offer-td-signed-on {
}

@media screen and (max-width: 579px) {
	.offer-td-send-on, .offer-td-signed-on {
		display:none;
	}

}

#offer-status-overview {
}

@media screen and (max-width: 767px) {
	#offer-status-overview {
		margin-top: 35px !important;
	}

}

#page-0 .footable-filtering-search .input-group .form-control {
}

@media screen and (max-width: 374px) {
	#page-0 .footable-filtering-search .input-group .form-control {
		max-width: 170px !important;
	}

}

#hide-label-vertegenwoordiger1 {
}

@media screen and (max-width: 374px) {
	#hide-label-vertegenwoordiger1 {
		display:none;
	}

}

#show-short-label-vertegenwoordiger1 {
}

@media screen and (min-width: 375px) {
	#show-short-label-vertegenwoordiger1 {
		display:none;
	}

}

#form-group-rd-value-and-description {
}

@media screen and (max-width: 767px) {
	#form-group-rd-value-and-description {
		padding-right:0px !important;
	}

}

@media screen and (max-width: 1023px) {
	#form-group-rd-value-and-description {
		clear: left;
	}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	#form-group-rd-value-and-description {
		min-width:33% !important;
	}

}

.col_offer_line_price {
}

@media screen and (max-width: 767px) {
	.col_offer_line_price {
		padding-left:15px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.col_offer_line_price {
		padding-left: 0 !important;
	}

}

.offer_line_rd_type {
}

@media screen and (max-width: 767px) {
	.offer_line_rd_type {
		max-width: 285px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.offer_line_rd_type {
		max-width: 275px !important;
	}

}

.offer_line_description {
}

@media screen and (max-width: 1023px) {
	.offer_line_description {
		max-width: 435px !important;
	}

}

.col-add-new-offer-line {
}

@media screen and (max-width: 1023px) {
	.col-add-new-offer-line {
		display: table !important;
		width: 100% !important;
	}

}

.offer_line {
}

@media screen and (max-width: 767px) {
	.offer_line {
		position: relative;
		border-bottom: solid silver 1px;
		margin-bottom: 20px;
	}

}

#form-offer {
}

@media screen and (max-width: 767px) {
	#form-offer {
		width: 100%;
		max-width: 395px;
	}

}

.form-group-remove-new-line {
}

@media screen and (max-width: 514px) {
	.form-group-remove-new-line {
		float: right;
		max-width: 80px;
		position: absolute;
		top: 0;
		right: -15px;
	}

}

@media screen and (min-width: 515px) and (max-width: 767px) {
	.form-group-remove-new-line {
		float: right;
		max-width: 80px;
		position: absolute;
		top: 0;
		right: -80px;
	}

}

#add_new_line {
}

@media screen and (max-width: 514px) {
	#add_new_line {
		margin-right: -15px;
	}

}

@media screen and (min-width: 515px) and (max-width: 767px) {
	#add_new_line {
		margin-right: -75px;
	}

}

.col_offer_line_description {
}

@media screen and (max-width: 767px) {
	.col_offer_line_description {
		padding-left: 15px !important;
	}

}

.form-group-div-offer-warranty-exception {
}

@media screen and (max-width: 1023px) {
	.form-group-div-offer-warranty-exception {
		width:100% !important;
		max-width: 620px;
	}

}

.form-group-offer-warranty-exception {
}

@media screen and (max-width: 767px) {
	.form-group-offer-warranty-exception {
		padding-right: 0px;
	}

}

table.offertable.footable-details > tbody > tr > td:nth-child(2) {
}

@media screen and (max-width: 374px) {
	table.offertable.footable-details > tbody > tr > td:nth-child(2) {
		word-break: normal !important;
	}

}

.btn-workorder-view {
}

@media screen and (max-width: 991px) {
	.btn-workorder-view {
		margin-top:30px !important;
	}

}

.btn-workorder-create {
}

@media screen and (max-width: 991px) {
	.btn-workorder-create {
		margin-top:30px !important;
	}

}

#alert-warning-workorder {
}

@media screen and (max-width: 991px) {
	#alert-warning-workorder {
		margin-top:20px !important;
	}

}

.btn-workorder-view, .btn-workorder-create, .btn-workorder-upload {
}

@media screen and (max-width: 767px) {
	.btn-workorder-view, .btn-workorder-create, .btn-workorder-upload {
		white-space: normal;
	}

}

@media screen and (max-width: 479px) {
	.btn-workorder-view, .btn-workorder-create, .btn-workorder-upload {
		font-size: 16px;
	}

}

.btn-intake-create, .btn-intake-view, .btn-intake-upload {
}

@media screen and (max-width: 479px) {
	.btn-intake-create, .btn-intake-view, .btn-intake-upload {
		font-size: 16px;
	}

}

.workorder-form-tel-label-hide {
}

@media screen and (max-width: 669px) {
	.workorder-form-tel-label-hide {
		display:none;
	}

}

.workorder-form-tel-label-show {
}

@media screen and (min-width: 670px) {
	.workorder-form-tel-label-show {
		display:none;
	}

}

#workorder-sign-table td {
}

@media screen and (max-width: 479px) {
	#workorder-sign-table td {
		display: block !important;
		width: 100% !important;
	}

}

#customer_signature {
}

@media screen and (max-width: 479px) {
	#customer_signature {
		width: 265px !important;
	}

}

.moreworktable {
}

@media screen and (max-width: 991px) {
	.moreworktable {
		margin-top:40px !important;
	}

}

#alert-info-morework ul {
}

@media screen and (max-width: 1023px) {
	#alert-info-morework ul {
		padding-left: 14px;
	}

}

table.moreworktable.footable-details > tbody > tr > td:nth-child(2) {
}

@media screen and (max-width: 374px) {
	table.moreworktable.footable-details > tbody > tr > td:nth-child(2) {
		word-break: normal !important;
	}

}

table.invoicetable.footable-details > tbody > tr > td:nth-child(2) {
}

@media screen and (max-width: 374px) {
	table.invoicetable.footable-details > tbody > tr > td:nth-child(2) {
		word-break: normal !important;
	}

}

.input-group-offer-line-description-single-line {
}

@media screen and (min-width: 580px) and (max-width: 767px) {
	.input-group-offer-line-description-single-line {
		width: 70% !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.input-group-offer-line-description-single-line {
		width: 85% !important;
	}

}

.form-group-offer-line-description-single-line {
}

@media screen and (max-width: 1023px) {
	.form-group-offer-line-description-single-line {
		width: 100% !important;
	}

}

.offer-line-description-single-line {
}

@media screen and (max-width: 767px) {
	.offer-line-description-single-line {
		/*width:auto !important;*/
	}

}

#single-more-work-line .offer_line {
	border-bottom: none;
}

.col-invoice-view, .col-invoice-send, .col-invoice-paid, .col-invoice-upload {
}

@media screen and (max-width: 991px) {
	.col-invoice-view, .col-invoice-send, .col-invoice-paid, .col-invoice-upload {
		text-align:center;
	}

}

.btn-invoice-send, .btn-invoice-paid {
}

@media screen and (max-width: 991px) {
	.btn-invoice-send, .btn-invoice-paid {
		margin-top:30px !important;
	}

}

.col-invoice-view .btn, .col-invoice-send .btn, .col-invoice-paid .btn, .col-invoice-upload .btn {
}

@media screen and (max-width: 479px) {
	.col-invoice-view .btn, .col-invoice-send .btn, .col-invoice-paid .btn, .col-invoice-upload .btn {
		font-size: 16px;
	}

}

@media screen and (max-width: 991px) {
	.col-invoice-view .btn, .col-invoice-send .btn, .col-invoice-paid .btn, .col-invoice-upload .btn {
		margin-left:0 !important;
		margin-right:0 !important;
		display:inline-block !important;
		white-space: normal !important;
	}

}

.btn-invoice-view {
}

@media screen and (max-width: 991px) {
	.btn-invoice-view {
		margin-top:10px !important;
	}

}

.invoice-table-th-suffix {
}

@media screen and (max-width: 991px) {
	.invoice-table-th-suffix {
		display:none;
	}

}

#invoice-table-th-show {
}

@media screen and (min-width: 375px) {
	#invoice-table-th-show {
		display:none;
	}

}

#invoice-table-th-hide {
}

@media screen and (max-width: 374px) {
	#invoice-table-th-hide {
		display:none;
	}

}

#back-to-mainmenu-hide, #back-to-dashboard-hide {
}

@media screen and (max-width: 374px) {
	#back-to-mainmenu-hide, #back-to-dashboard-hide {
		display:none;
	}

}

#back-to-mainmenu-show, #back-to-dashboard-show {
}

@media screen and (min-width: 375px) {
	#back-to-mainmenu-show, #back-to-dashboard-show {
		display:none;
	}

}

#btn-mainmenu-planner {
}

@media screen and (max-width: 374px) {
	#btn-mainmenu-planner {
		width: max-content !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

}

.teamtable, .companyusertable {
}

@media screen and (max-width: 991px) {
	.teamtable, .companyusertable {
		margin-top: 20px;
	}

}

#planning-companyusertable-th-planning {
}

@media screen and (max-width: 474px) {
	#planning-companyusertable-th-planning {
		white-space: normal !important;
	}

}

.footable-details.companyusertable > tbody > tr > th {
}

@media screen and (max-width: 374px) {
	.footable-details.companyusertable > tbody > tr > th {
		padding-left: 0 !important;
	}

}

#planning-container-iframe {
}

@media screen and (max-width: 1023px) {
	#planning-container-iframe {
		/*height: calc(100vh + 20px) !important;
		
		height: calc(100vh - 40px) !important;
		margin-bottom: 0px !important;
		margin-top: -10px !important;
		*/
		
		height: calc(100vh - 40px) !important;
		margin-top: -20px !important;
	}

}

#page-0.account-planning #account-content-visible.flex-col-100 {
}

@media screen and (max-width: 1023px) {
	#page-0.account-planning #account-content-visible.flex-col-100 {
		display:block !important;
		width: 100vw !important;
	}

}

#page-0.account-planning #account-content-visible.flex-col-100 #planning-btn-back-to-dashboard-container {
}

@media screen and (max-width: 1023px) {
	#page-0.account-planning #account-content-visible.flex-col-100 #planning-btn-back-to-dashboard-container {
		position: relative !important;
		float: right !important;
	}

}

#page-0.account-planning #account-content-hidden {
}

@media screen and (max-width: 1023px) {
	#page-0.account-planning #account-content-hidden {
		height: 100vh !important;
	}

}

.planning-overview-table-th-created-by, .planning-overview-table-th-updated-by, .planning-overview-table-td-created-by, .planning-overview-table-td-updated-by {
}

@media screen and (max-width: 1367px) {
	.planning-overview-table-th-created-by, .planning-overview-table-th-updated-by, .planning-overview-table-td-created-by, .planning-overview-table-td-updated-by {
		display:none !important;
	}

}

.planning-overview-table-th-status, .planning-overview-table-th-confirm, .planning-overview-table-td-status, .planning-overview-table-td-confirm {
}

@media screen and (max-width: 1023px) {
	.planning-overview-table-th-status, .planning-overview-table-th-confirm, .planning-overview-table-td-status, .planning-overview-table-td-confirm {
		/*display:none !important;*/
	}

}

.planning-overview-table th {
}

@media screen and (max-width: 1367px) {
	.planning-overview-table th {
		display:none !important;
	}

}

.planning-overview-table td:not(.planning-overview-table-td-created-by):not(.planning-overview-table-td-updated-by):not(.planning-overview-table-td-date) {
}

@media screen and (max-width: 1367px) {
	.planning-overview-table td:not(.planning-overview-table-td-created-by):not(.planning-overview-table-td-updated-by):not(.planning-overview-table-td-date) {
		display:inline-block !important;
		width: 50% !important;
		padding:5px !important;
		border:none !important;
		background: #FFFFFF !important;
		background-color: #FFFFFF !important;
	}

}

.planning-overview-table .planning-overview-table-td-date {
}

@media screen and (max-width: 1367px) {
	.planning-overview-table .planning-overview-table-td-date {
		display:block !important;
		width: 100% !important;
		padding:5px !important;
		border:none !important;
		background: #FFFFFF !important;
		background-color: #FFFFFF !important;
	}

}

#page-0 h4, #page-0 .h4 {
}

@media screen and (max-width: 479px) {
	#page-0 h4, #page-0 .h4 {
		font-size: 14px;
	}

}

#btn-mainmenu-planner.btn-mainmenu {
}

@media screen and (min-width: 375px) and (max-width: 1023px) {
	#btn-mainmenu-planner.btn-mainmenu {
		width: 245px !important;
	}

}

#li_tab_showplanning {
}

@media screen and (max-width: 599px) {
	#li_tab_showplanning {
		display:none !important;
	}

}

@media screen and (min-width: 661px) and (max-width: 1023px) {
	#li_tab_showplanning {
		width: calc(100vw - 140px) !important;
		margin-left: 70 !important;
		margin-right: 70 !important;
	}

}

.md-seach-header-bar {
}

@media screen and (max-width: 720px) {
	.md-seach-header-bar {
		position: relative !important;
		left: 0 !important;
		right: 0 !important;
		max-width: fit-content !important;
		display: table !important;
	}

}

@media screen and (max-width: 1023px) {
    #log-description {
        margin-top: 60px;
    }
}

@media screen and (max-width: 479px) {
    #log-description {
        margin-top: 30px;
    }
}